/* * Devora Q.A Panel — Selection Journey / RTL Polish v1 * Approved conversation UI, polished without changing the product flow. */ /* ---------- Room card: keep the native rooms sidebar visible ---------- */ #qa-chat-root .qa-selection-system-room{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,var(--surface-strong)),color-mix(in srgb,var(--accent-2) 7%,var(--surface-soft)));box-shadow:0 12px 26px rgba(51,144,236,.09);transition:.2s ease} #qa-chat-root .qa-selection-system-room:hover,#qa-chat-root .qa-selection-system-room.active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 72%,var(--border));box-shadow:0 16px 34px rgba(51,144,236,.15)} #qa-chat-root .qa-selection-system-room::after{content:"";position:absolute;width:105px;height:105px;border-radius:999px;inset-inline-start:-42px;top:-58px;background:color-mix(in srgb,var(--accent-2) 13%,transparent);pointer-events:none} #qa-chat-root .qa-selection-room-icon{background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#fff;border:0;box-shadow:0 9px 20px rgba(51,144,236,.22)} #qa-chat-root .qa-selection-room-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} #qa-chat-root .qa-selection-room-badge{display:inline-flex;align-items:center;justify-content:center;min-height:21px;padding:1px 8px;border-radius:999px;border:1px solid rgba(22,132,91,.18);background:#eafaf2;color:#16845b;font-size:10px;font-weight:900} #qa-chat-root .qa-selection-room-meta{display:flex;gap:7px;align-items:center;margin-top:5px;color:var(--muted);font-size:10px;font-weight:750} #qa-chat-root .qa-selection-room-meta i{width:3px;height:3px;border-radius:50%;background:color-mix(in srgb,var(--accent) 45%,var(--muted))} /* ---------- Native RM Chat shell integration ---------- */ #qa-chat-root.qa-selection-surface-open .qa-sidebar{display:flex!important;visibility:visible!important;opacity:1!important} #qa-chat-root.qa-selection-surface-open .qa-chatcard{min-width:0;min-height:0} #qa-chat-root.qa-selection-surface-open .qa-compose-wrap,#qa-chat-root.qa-selection-surface-open .qa-chatcard>#qa-guest-action-dock,#qa-chat-root.qa-selection-surface-open #qa-compose-extra{display:none!important} #qa-chat-root.qa-selection-surface-open #qa-messages{padding:0!important;overflow:auto!important;background:linear-gradient(180deg,color-mix(in srgb,var(--bg2) 94%,white),color-mix(in srgb,var(--bg) 96%,white))!important;scroll-behavior:auto} #qa-chat-root.qa-selection-surface-open .qa-chat-head{position:relative;z-index:5;min-height:78px;padding:14px 20px;border-bottom:1px solid color-mix(in srgb,var(--accent) 8%,var(--border));background:color-mix(in srgb,var(--surface-strong) 96%,transparent);backdrop-filter:blur(18px)} #qa-chat-root.qa-selection-surface-open .qa-chat-head-actions{display:none!important} #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{position:relative;padding-inline-end:58px;display:flex;flex-direction:column;justify-content:center;min-height:48px} #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::before{content:"";position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 10px 22px rgba(51,144,236,.22)} #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::after{content:"🎓";position:absolute;inset-inline-end:0;top:50%;transform:translateY(-51%);width:46px;height:46px;display:grid;place-items:center;font-size:max(var(--tsqam-font-min,10px),calc(22px - var(--tsqam-font-cut-lg,0px)));filter:saturate(.2) brightness(0) invert(1)} #qa-chat-root.qa-selection-surface-open #qa-chat-header{font-size:max(var(--tsqam-font-min,10px),calc(18px - var(--tsqam-font-cut-md,0px)));font-weight:950;letter-spacing:-.3px;color:var(--text)} #qa-chat-root.qa-selection-surface-open #qa-chat-sub{display:flex;align-items:center;gap:7px;margin-top:3px;color:var(--muted);font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)));font-weight:750} #qa-chat-root.qa-selection-surface-open #qa-chat-sub::before{content:"";width:8px;height:8px;border-radius:50%;background:#16c76b;box-shadow:0 0 0 4px rgba(22,199,107,.10)} /* ---------- Surface / master layout ---------- */ #qa-chat-root .qa-selection-surface{min-height:100%;direction:rtl;text-align:right;color:var(--text);font-family:var(--font);font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))} #qa-chat-root .qa-selection-shell{width:100%;min-height:100%;display:flex;flex-direction:column;direction:rtl;text-align:right} #qa-chat-root .qa-selection-chat-layout{width:100%;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-areas:"guide conversation";direction:ltr;gap:20px;padding:12px 20px 18px;align-items:stretch} #qa-chat-root .qa-selection-conversation-pane{grid-area:conversation;min-width:0;display:flex;flex-direction:column;position:relative;direction:rtl;text-align:right} #qa-chat-root .qa-selection-chat-stage{display:flex;flex-direction:column;gap:16px;padding:7px 2px 18px;min-height:390px;direction:rtl;text-align:right} /* ---------- Conversation bubbles ---------- */ #qa-chat-root .qa-selection-message{width:100%;display:flex;align-items:flex-start;gap:10px;direction:rtl;text-align:right;animation:qaSelectionMessageIn .22s ease both} #qa-chat-root .qa-selection-message-bot{justify-content:flex-start;flex-direction:row} #qa-chat-root .qa-selection-message-user{justify-content:flex-end;padding-inline:46px 0;direction:rtl} #qa-chat-root .qa-selection-bot-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 20px rgba(51,144,236,.18);margin-top:4px} #qa-chat-root .qa-selection-bot-avatar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #qa-chat-root .qa-selection-bubble{position:relative;width:min(650px,calc(100% - 54px));padding:16px 18px 15px;border-radius:20px 20px 7px 20px;border:1px solid color-mix(in srgb,var(--accent) 9%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--surface-strong) 98%,white),color-mix(in srgb,var(--accent) 3%,var(--surface-soft)));box-shadow:0 12px 28px rgba(15,23,42,.06);line-height:2;direction:rtl;text-align:right} #qa-chat-root .qa-selection-bubble::after{content:"";position:absolute;top:13px;inset-inline-end:-7px;width:13px;height:13px;background:inherit;border-top:1px solid color-mix(in srgb,var(--accent) 9%,var(--border));border-inline-end:1px solid color-mix(in srgb,var(--accent) 9%,var(--border));transform:rotate(45deg);border-radius:2px} #qa-chat-root .qa-selection-bubble strong{display:block;font-size:max(var(--tsqam-font-min,10px),calc(15.5px - var(--tsqam-font-cut-md,0px)));font-weight:950;line-height:1.95;color:var(--text)} #qa-chat-root .qa-selection-bubble p{margin:6px 0 0;color:var(--muted);font-size:max(var(--tsqam-font-min,10px),calc(13.2px - var(--tsqam-font-cut-sm,0px)));line-height:2;font-weight:650} #qa-chat-root .qa-selection-eyebrow{display:block;margin-bottom:5px;color:var(--accent);font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:950} #qa-chat-root .qa-selection-user-bubble{max-width:min(390px,76%);padding:11px 16px;border-radius:18px 18px 18px 6px;background:linear-gradient(145deg,#d9efff,#cce8ff);color:#174d80;border:1px solid rgba(51,144,236,.16);box-shadow:0 8px 20px rgba(51,144,236,.08);font-weight:900;line-height:1.8} #qa-chat-root .qa-selection-message-user::before{content:"✓";order:2;align-self:flex-end;margin-bottom:4px;color:var(--accent);font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:950} #qa-chat-root .qa-selection-complete-bubble{border-color:rgba(22,163,74,.16);background:linear-gradient(145deg,#fbfffd,#f2fbf6)} /* ---------- Buttons / interactive answer cards ---------- */ #qa-chat-root .qa-selection-choice-grid,#qa-chat-root .qa-selection-rank-route-grid,#qa-chat-root .qa-selection-preference-option-grid,#qa-chat-root .qa-selection-commercial-options,#qa-chat-root .qa-selection-budget-options,#qa-chat-root .qa-selection-identity-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px)} #qa-chat-root .qa-selection-glass-btn,#qa-chat-root .qa-selection-commercial-option{min-height:60px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));border-radius:16px;background:linear-gradient(145deg,var(--surface-strong),color-mix(in srgb,var(--accent) 4%,var(--surface-soft)));color:var(--text);text-align:right;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;box-shadow:0 8px 18px rgba(15,23,42,.04);transition:.18s ease} #qa-chat-root .qa-selection-glass-btn:hover,#qa-chat-root .qa-selection-commercial-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 12px 24px rgba(51,144,236,.10)} #qa-chat-root .qa-selection-glass-btn:disabled,#qa-chat-root .qa-selection-commercial-option:disabled{opacity:.48;cursor:not-allowed;transform:none} #qa-chat-root .qa-selection-glass-btn strong,#qa-chat-root .qa-selection-commercial-option strong{font-size:max(var(--tsqam-font-min,10px),calc(13.2px - var(--tsqam-font-cut-sm,0px)));font-weight:950;grid-column:2} #qa-chat-root .qa-selection-glass-btn small,#qa-chat-root .qa-selection-commercial-option small{font-size:max(var(--tsqam-font-min,10px),calc(11.2px - var(--tsqam-font-cut-xs,0px)));color:var(--muted);font-weight:650;grid-column:2;line-height:1.7} #qa-chat-root .qa-selection-choice-icon{grid-column:1;grid-row:1/3;width:32px;height:32px;border-radius:11px;background:color-mix(in srgb,var(--accent) 12%,var(--surface-soft));color:var(--accent);display:grid;place-items:center;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)));font-weight:950} #qa-chat-root .qa-selection-primary-action-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px)} #qa-chat-root .qa-selection-primary-cta{min-height:60px;min-width:min(410px,100%);padding:11px 16px;background:linear-gradient(100deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 12px 26px rgba(51,144,236,.20)} #qa-chat-root .qa-selection-primary-cta:hover{box-shadow:0 16px 32px rgba(51,144,236,.26);border-color:transparent} #qa-chat-root .qa-selection-primary-cta strong,#qa-chat-root .qa-selection-primary-cta small{color:#fff} #qa-chat-root .qa-selection-primary-cta>span:last-child{grid-column:1;grid-row:1/3;width:33px;height:33px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center} #qa-chat-root .qa-selection-text-action{border:0;background:transparent;color:#6f8aa6;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:850;cursor:pointer;padding:8px 10px;border-radius:10px} #qa-chat-root .qa-selection-text-action:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)} #qa-chat-root .qa-selection-choice-chip{min-height:36px;padding:7px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));background:var(--surface-strong);color:var(--muted);font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:850;cursor:pointer} #qa-chat-root .qa-selection-choice-chip.is-selected{background:color-mix(in srgb,var(--accent) 12%,var(--surface-strong));border-color:color-mix(in srgb,var(--accent) 48%,var(--border));color:var(--accent)} /* ---------- Confirmation / forms ---------- */ #qa-chat-root .qa-selection-auth-bubble{border-color:color-mix(in srgb,var(--accent) 22%,var(--border));background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--accent) 5%,#f8fcff))} #qa-chat-root .qa-selection-auth-note{display:flex;align-items:center;gap:8px;margin-top:11px;padding:9px 11px;border-radius:12px;background:#f0fbf5;border:1px solid rgba(22,163,74,.13);color:#39765b} #qa-chat-root .qa-selection-auth-note small{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:750;line-height:1.7} #qa-chat-root .qa-selection-profile-card,#qa-chat-root .qa-selection-rank-form-card,#qa-chat-root .qa-selection-preference-card{margin-top:11px;padding:11px;border-radius:15px;border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));background:color-mix(in srgb,var(--surface-soft) 92%,white)} #qa-chat-root .qa-selection-profile-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 7px;border-bottom:1px dashed color-mix(in srgb,var(--accent) 10%,var(--border))} #qa-chat-root .qa-selection-profile-row:last-child{border-bottom:0} #qa-chat-root .qa-selection-profile-row span{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));color:var(--muted);font-weight:750} #qa-chat-root .qa-selection-profile-row strong{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)));font-weight:900} #qa-chat-root .qa-selection-profile-row i{font-style:normal;color:#178758;font-size:9px;font-weight:900} #qa-chat-root .qa-selection-inline-input-wrap,#qa-chat-root .qa-selection-city-input-row,#qa-chat-root .qa-selection-rank-number-card>div{display:flex;gap:8px;align-items:center;margin-top:9px} #qa-chat-root .qa-selection-inline-input-wrap input,#qa-chat-root .qa-selection-city-input-row input,#qa-chat-root .qa-selection-rank-number-card input,#qa-chat-root .qa-selection-gpa-field input,#qa-chat-root .qa-selection-provider-field input,#qa-chat-root .qa-selection-provider-field select,#qa-chat-root .qa-selection-preference-card textarea,#qa-chat-root .qa-selection-search-wrap input{width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:13px;background:var(--surface-strong);color:var(--text);padding:9px 12px;outline:none;font:inherit;font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))} #qa-chat-root .qa-selection-inline-input-wrap input:focus,#qa-chat-root .qa-selection-city-input-row input:focus,#qa-chat-root .qa-selection-rank-number-card input:focus,#qa-chat-root .qa-selection-gpa-field input:focus,#qa-chat-root .qa-selection-provider-field input:focus,#qa-chat-root .qa-selection-provider-field select:focus,#qa-chat-root .qa-selection-preference-card textarea:focus,#qa-chat-root .qa-selection-search-wrap input:focus{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 0 3px rgba(51,144,236,.08)} #qa-chat-root .qa-selection-inline-input-wrap button,#qa-chat-root .qa-selection-city-input-row button,#qa-chat-root .qa-selection-rank-number-card button{height:44px;padding:0 14px;border:0;border-radius:12px;background:linear-gradient(100deg,var(--accent),var(--accent-2));color:#fff;font-weight:900;cursor:pointer;white-space:nowrap} #qa-chat-root .qa-selection-provider-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px)} #qa-chat-root .qa-selection-provider-field{display:grid;gap:6px;color:var(--muted);font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:850} #qa-chat-root .qa-selection-rank-options,#qa-chat-root .qa-selection-chip-cloud,#qa-chat-root .qa-selection-major-cloud{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px} #qa-chat-root .qa-selection-field-help{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.7} /* ---------- Status / loading / errors ---------- */ #qa-chat-root .qa-selection-server-state{align-self:flex-start;display:flex;align-items:center;gap:7px;margin:0;margin-inline-start:48px;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#16c76b 8%,var(--surface-strong));color:#38815e;border:1px solid rgba(22,199,107,.12)} #qa-chat-root .qa-selection-server-state span{color:#16c76b;font-size:10px} #qa-chat-root .qa-selection-server-state small{font-size:10px;font-weight:800} #qa-chat-root .qa-selection-phase-note{display:flex;align-items:flex-start;gap:9px;margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px);padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-strong));border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));color:var(--muted)} #qa-chat-root .qa-selection-phase-note-icon{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,var(--surface-soft));color:var(--accent);font-weight:950} #qa-chat-root .qa-selection-phase-note strong{display:block;color:var(--text);font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)));font-weight:900} #qa-chat-root .qa-selection-phase-note p{margin:2px 0 0;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));line-height:1.7} #qa-chat-root .qa-selection-phase-note-error{background:#fff7f7;border-color:#f1cece;color:#8c5555} #qa-chat-root .qa-selection-phase-note-error .qa-selection-phase-note-icon{background:#ffe9e9;color:#c64444} #qa-chat-root .qa-selection-results-loading,#qa-chat-root .qa-selection-commercial-loading,#qa-chat-root .qa-selection-revision-loading{display:flex;align-items:center;gap:10px;margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px);padding:14px;border-radius:15px;background:var(--surface-strong);border:1px solid var(--border);color:var(--muted)} #qa-chat-root .qa-selection-results-loading strong,#qa-chat-root .qa-selection-commercial-loading strong{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)));color:var(--text)} #qa-chat-root .qa-selection-results-loading small,#qa-chat-root .qa-selection-commercial-loading small{font-size:10px} #qa-chat-root .qa-selection-results-spinner{width:20px;height:20px;border:2px solid color-mix(in srgb,var(--accent) 15%,transparent);border-top-color:var(--accent);border-radius:50%;animation:qaSelectionSpin .8s linear infinite} /* ---------- Rank result ---------- */ #qa-chat-root .qa-selection-rank-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px} #qa-chat-root .qa-selection-rank-result-grid>div{padding:10px 11px;border-radius:13px;background:color-mix(in srgb,var(--accent) 6%,var(--surface-strong));border:1px solid color-mix(in srgb,var(--accent) 9%,var(--border));display:grid;gap:2px} #qa-chat-root .qa-selection-rank-result-grid span{font-size:9.5px;color:var(--muted);font-weight:800} #qa-chat-root .qa-selection-rank-result-grid b{font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)));color:#174d80;font-weight:950} /* ---------- Preferences ---------- */ #qa-chat-root .qa-selection-preference-question{margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px)} #qa-chat-root .qa-selection-preference-question .qa-selection-message{margin-inline-start:-48px;width:calc(100% + 48px)} #qa-chat-root .qa-selection-preference-history{display:grid;gap:7px;margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px)} #qa-chat-root .qa-selection-preference-history article{display:flex;justify-content:flex-end} #qa-chat-root .qa-selection-preference-history .qa-selection-user-bubble{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))} #qa-chat-root .qa-selection-mini-value{margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px);padding:9px 12px;border-radius:13px;background:#f2fbf6;border:1px solid rgba(22,163,74,.12);color:#39765b;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:750;line-height:1.8} #qa-chat-root .qa-selection-preference-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px)} #qa-chat-root .qa-selection-preference-summary>div{padding:10px 11px;border-radius:13px;background:var(--surface-strong);border:1px solid color-mix(in srgb,var(--accent) 8%,var(--border));display:grid;gap:3px} #qa-chat-root .qa-selection-preference-summary span{font-size:9.5px;color:var(--muted);font-weight:800} #qa-chat-root .qa-selection-preference-summary strong{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:900;line-height:1.6} #qa-chat-root .qa-selection-selected-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} #qa-chat-root .qa-selection-selected-summary span{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,var(--surface-strong));color:var(--accent);font-size:9.5px;font-weight:850} /* ---------- Results ---------- */ #qa-chat-root .qa-selection-result-buckets{display:flex;gap:7px;flex-wrap:wrap;margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px)} #qa-chat-root .qa-selection-result-buckets>span,#qa-chat-root .qa-selection-result-buckets>button{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);font-size:10px;font-weight:850;color:var(--muted)} #qa-chat-root .qa-selection-result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px)} #qa-chat-root .qa-selection-result-card{position:relative;padding:13px;border-radius:17px;background:var(--surface-strong);border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));box-shadow:0 9px 20px rgba(15,23,42,.04);display:grid;gap:8px;transition:.18s ease} #qa-chat-root .qa-selection-result-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 34%,var(--border));box-shadow:0 13px 25px rgba(51,144,236,.09)} #qa-chat-root .qa-selection-result-card h3,#qa-chat-root .qa-selection-result-card h4{margin:0;color:var(--text);font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)));font-weight:950} #qa-chat-root .qa-selection-result-card p{margin:0;color:var(--muted);font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));line-height:1.7} #qa-chat-root .qa-selection-result-card-top,#qa-chat-root .qa-selection-result-state,#qa-chat-root .qa-selection-result-meta,#qa-chat-root .qa-selection-result-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap} #qa-chat-root .qa-selection-result-card-top{justify-content:space-between} #qa-chat-root .qa-selection-result-number{width:23px;height:23px;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,var(--surface-soft));display:grid;place-items:center;color:var(--accent);font-size:9px;font-weight:950} #qa-chat-root .qa-selection-chance-badge{padding:4px 8px;border-radius:999px;background:#edf6ff;color:#2875b8;font-size:9px;font-weight:950} #qa-chat-root .qa-selection-result-meta{color:var(--muted);font-size:9.5px} #qa-chat-root .qa-selection-result-hint{color:var(--muted);font-size:9.5px;line-height:1.7} #qa-chat-root .qa-selection-result-actions{padding-top:5px;border-top:1px dashed var(--border)} #qa-chat-root .qa-selection-result-action{min-height:31px;padding:5px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--muted);font-size:9.5px;font-weight:850;cursor:pointer} #qa-chat-root .qa-selection-result-action.is-save{color:#1e7c57;background:#f2fbf6;border-color:#d9efe3} #qa-chat-root .qa-selection-result-action.is-reject{color:#a05656;background:#fff7f7;border-color:#efd8d8} #qa-chat-root .qa-selection-result-details{padding:9px;border-radius:11px;background:var(--surface-soft);font-size:9.5px;line-height:1.7;color:var(--muted)} #qa-chat-root .qa-selection-board-cta-wrap,#qa-chat-root .qa-selection-results-footnote{margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px)} #qa-chat-root .qa-selection-results-footnote{display:grid;gap:3px;padding:10px 12px;border-radius:13px;background:color-mix(in srgb,var(--accent) 4%,var(--surface-strong));border:1px solid color-mix(in srgb,var(--accent) 8%,var(--border));color:var(--muted)} #qa-chat-root .qa-selection-results-footnote span{font-size:9px;font-weight:850;color:var(--accent)} #qa-chat-root .qa-selection-results-footnote strong{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));color:var(--text)} #qa-chat-root .qa-selection-results-footnote small{font-size:9.5px;line-height:1.6} /* ---------- Personal board ---------- */ #qa-chat-root .qa-selection-personal-board{margin-inline-start:48px;margin-inline-end:0;max-width:720px;width:calc(100% - 48px);padding:18px;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,color-mix(in srgb,var(--surface-strong) 72%,#eef6ff) 100%);border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));box-shadow:0 22px 48px rgba(15,23,42,.08);display:grid;gap:14px;position:relative;overflow:hidden} #qa-chat-root .qa-selection-personal-board::before{content:'';position:absolute;inset:auto auto -60px -60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(47,128,237,.12) 0%,rgba(47,128,237,0) 70%);pointer-events:none} #qa-chat-root .qa-selection-board-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--border)} #qa-chat-root .qa-selection-board-head-copy{display:grid;gap:4px;min-width:0} #qa-chat-root .qa-selection-board-head span{font-size:10px;color:var(--accent);font-weight:900} #qa-chat-root .qa-selection-board-head strong{font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)));font-weight:950;color:var(--text)} #qa-chat-root .qa-selection-board-head small{font-size:9.5px;color:var(--muted)} #qa-chat-root .qa-selection-board-head-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:nowrap;min-width:auto;width:auto} #qa-chat-root .qa-selection-board-action-btn{appearance:none;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));background:#fff;border-radius:16px;padding:7px 8px 6px;display:grid;gap:3px;place-items:center;width:78px;min-width:78px;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;text-align:center} #qa-chat-root .qa-selection-board-action-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.07);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))} #qa-chat-root .qa-selection-board-action-btn[disabled]{opacity:.7;cursor:progress;transform:none} #qa-chat-root .qa-selection-board-action-btn span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)));color:var(--accent);font-weight:900;background:color-mix(in srgb,var(--accent) 10%,#fff)} #qa-chat-root .qa-selection-board-action-btn strong{font-size:10px;font-weight:950;line-height:1.3} #qa-chat-root .qa-selection-board-action-btn small{font-size:7.3px;color:var(--muted);line-height:1.25} #qa-chat-root .qa-selection-board-action-btn.is-share{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#6dd5ff));border-color:transparent} #qa-chat-root .qa-selection-board-action-btn.is-share span{background:rgba(255,255,255,.16);color:#fff} #qa-chat-root .qa-selection-board-action-btn.is-share strong,#qa-chat-root .qa-selection-board-action-btn.is-share small{color:#fff} #qa-chat-root .qa-selection-board-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:12px} #qa-chat-root .qa-selection-board-student-card,#qa-chat-root .qa-selection-board-hero-note{padding:16px;border-radius:18px;border:1px solid var(--border);display:grid;gap:10px;position:relative;overflow:hidden} #qa-chat-root .qa-selection-board-student-card{background:linear-gradient(135deg,#0f5ed0 0%,#47b5ff 100%);color:#fff;border-color:transparent;box-shadow:0 18px 34px rgba(24,105,214,.18)} #qa-chat-root .qa-selection-board-hero-note{background:linear-gradient(180deg,var(--surface-soft),#fff)} #qa-chat-root .qa-selection-board-student-kicker{font-size:10px;font-weight:900;letter-spacing:.1px;opacity:.9} #qa-chat-root .qa-selection-board-student-card strong,#qa-chat-root .qa-selection-board-hero-note strong{font-size:max(var(--tsqam-font-min,10px),calc(17px - var(--tsqam-font-cut-md,0px)));font-weight:950;line-height:1.8} #qa-chat-root .qa-selection-board-student-card small{font-size:10px;line-height:1.9;color:rgba(255,255,255,.85)} #qa-chat-root .qa-selection-board-hero-note p{margin:0;font-size:10px;line-height:1.95;color:var(--muted)} #qa-chat-root .qa-selection-board-student-meta,#qa-chat-root .qa-selection-board-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #qa-chat-root .qa-selection-board-student-meta div,#qa-chat-root .qa-selection-board-highlight-grid div{padding:10px;border-radius:14px;display:grid;gap:2px} #qa-chat-root .qa-selection-board-student-meta div{background:rgba(255,255,255,.14);backdrop-filter:blur(6px)} #qa-chat-root .qa-selection-board-student-meta span,#qa-chat-root .qa-selection-board-highlight-grid span{font-size:8.5px;font-weight:800;color:inherit;opacity:.82} #qa-chat-root .qa-selection-board-student-meta strong,#qa-chat-root .qa-selection-board-highlight-grid strong{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:950;line-height:1.7;color:inherit} #qa-chat-root .qa-selection-board-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #qa-chat-root .qa-selection-board-highlight-grid div{background:var(--surface-soft);border:1px solid var(--border)} #qa-chat-root .qa-selection-board-share-status{padding:10px 12px;border-radius:14px;font-size:10px;font-weight:800;line-height:1.85;border:1px solid var(--border);background:#f8fbff;color:#244466} #qa-chat-root .qa-selection-board-share-status.is-success{background:#eefaf3;border-color:#cfe8d9;color:#1d6e49} #qa-chat-root .qa-selection-board-share-status.is-error{background:#fff5f5;border-color:#f0d2d2;color:#b14949} #qa-chat-root .qa-selection-board-promo{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#eff7ff 0%,#ffffff 100%);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));box-shadow:0 14px 28px rgba(15,23,42,.04)} #qa-chat-root .qa-selection-board-promo-copy{display:grid;gap:5px} #qa-chat-root .qa-selection-board-promo-copy span{font-size:9px;font-weight:900;color:var(--accent)} #qa-chat-root .qa-selection-board-promo-copy strong{font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)));font-weight:950;color:var(--text);line-height:1.9} #qa-chat-root .qa-selection-board-promo-copy small{font-size:9px;color:var(--muted);line-height:1.9} #qa-chat-root .qa-selection-board-identity{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #qa-chat-root .qa-selection-board-identity>div{padding:12px;border-radius:15px;background:linear-gradient(180deg,#ffffff,var(--surface-soft));border:1px solid var(--border);display:grid;gap:3px;box-shadow:0 8px 20px rgba(15,23,42,.03)} #qa-chat-root .qa-selection-board-identity span{font-size:9px;color:var(--muted);font-weight:800} #qa-chat-root .qa-selection-board-identity strong{font-size:max(var(--tsqam-font-min,10px),calc(10.8px - var(--tsqam-font-cut-xs,0px)));font-weight:950;line-height:1.8;color:var(--text)} #qa-chat-root .qa-selection-board-academic,#qa-chat-root .qa-selection-board-buckets,#qa-chat-root .qa-selection-board-pref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #qa-chat-root .qa-selection-board-academic{grid-template-columns:repeat(3,minmax(0,1fr))} #qa-chat-root .qa-selection-board-academic>div,#qa-chat-root .qa-selection-board-buckets>div,#qa-chat-root .qa-selection-board-pref-grid>div{padding:11px 12px;border-radius:15px;background:var(--surface-soft);border:1px solid var(--border);display:grid;gap:3px} #qa-chat-root .qa-selection-board-buckets>div.is-safe{background:#f0faf5;border-color:#cbe6d8} #qa-chat-root .qa-selection-board-buckets>div.is-logical{background:#eff6ff;border-color:#d3e2fb} #qa-chat-root .qa-selection-board-buckets>div.is-challenging{background:#fff7ea;border-color:#f2dfb6} #qa-chat-root .qa-selection-board-academic span,#qa-chat-root .qa-selection-board-buckets span,#qa-chat-root .qa-selection-board-pref-grid span{font-size:9px;color:var(--muted);font-weight:800} #qa-chat-root .qa-selection-board-academic strong,#qa-chat-root .qa-selection-board-buckets strong,#qa-chat-root .qa-selection-board-pref-grid strong{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:950;line-height:1.7;color:var(--text)} #qa-chat-root .qa-selection-board-buckets small{font-size:8.5px;color:var(--muted);font-weight:800} #qa-chat-root .qa-selection-board-section{display:grid;gap:8px} #qa-chat-root .qa-selection-board-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px} #qa-chat-root .qa-selection-board-section-title span{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:950} #qa-chat-root .qa-selection-board-section-title strong,#qa-chat-root .qa-selection-board-section-title small{font-size:9px;color:var(--muted)} #qa-chat-root .qa-selection-board-saved-list{display:grid;gap:8px} #qa-chat-root .qa-selection-board-saved-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border-radius:14px;background:#fff;border:1px solid var(--border);box-shadow:0 10px 24px rgba(15,23,42,.03)} #qa-chat-root .qa-selection-board-saved-list article div{display:grid;gap:2px} #qa-chat-root .qa-selection-board-saved-list article strong{font-size:max(var(--tsqam-font-min,10px),calc(10.8px - var(--tsqam-font-cut-xs,0px)))} #qa-chat-root .qa-selection-board-saved-list article small{font-size:9px;color:var(--muted)} #qa-chat-root .qa-selection-board-saved-list article button{border:0;background:#fff1f1;color:#ad5555;border-radius:10px;padding:6px 9px;font-size:9px;font-weight:850;cursor:pointer} #qa-chat-root .qa-selection-board-empty{padding:13px;border-radius:14px;background:var(--surface-soft);border:1px dashed var(--border);display:grid;gap:4px;text-align:center;color:var(--muted)} #qa-chat-root .qa-selection-board-empty strong{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));color:var(--text)} #qa-chat-root .qa-selection-board-empty small{font-size:9.5px} #qa-chat-root .qa-selection-board-gaps{display:grid;gap:8px} #qa-chat-root .qa-selection-board-gaps article{display:flex;gap:8px;padding:10px;border-radius:14px;background:#fffaf0;border:1px solid #f2e1bc} #qa-chat-root .qa-selection-board-gaps article>span{width:22px;height:22px;border-radius:8px;background:#fff0cc;color:#9b741e;display:grid;place-items:center;font-weight:950} #qa-chat-root .qa-selection-board-gaps strong{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))} #qa-chat-root .qa-selection-board-gaps p{margin:2px 0 0;color:#806e4e;font-size:9.5px;line-height:1.8} /* ---------- Revision / commercial ---------- */ #qa-chat-root .qa-selection-revision-entry,#qa-chat-root .qa-selection-revision-panel{margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px)} #qa-chat-root .qa-selection-revision-open,#qa-chat-root .qa-selection-reset-link{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:850;cursor:pointer} #qa-chat-root .qa-selection-revision-panel{padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--surface-strong);display:grid;gap:9px} #qa-chat-root .qa-selection-revision-head{display:flex;justify-content:space-between;gap:10px} #qa-chat-root .qa-selection-revision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #qa-chat-root .qa-selection-danger-btn{min-height:42px;border:1px solid #efd0d0;border-radius:12px;background:#fff6f6;color:#a64b4b;font-weight:900;cursor:pointer} #qa-chat-root .qa-selection-commercial-done{margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px);padding:12px;border-radius:14px;background:#f1fbf6;border:1px solid #d7eee1;color:#39765b;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:850} /* ---------- Motivational side panel ---------- */ #qa-chat-root .qa-selection-guide-panel{grid-area:guide;align-self:stretch;direction:rtl;min-height:510px;padding:30px 20px 22px;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 2%,#fbfdff),color-mix(in srgb,var(--accent) 6%,#f3f9ff));border:1px solid color-mix(in srgb,var(--accent) 8%,var(--border));display:flex;flex-direction:column;align-items:center;text-align:center;color:#355677;overflow:hidden;position:relative} #qa-chat-root .qa-selection-guide-panel::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(51,144,236,.11),transparent 70%);top:45px;left:50%;transform:translateX(-50%)} #qa-chat-root .qa-selection-guide-art{height:175px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;margin-top:5px} #qa-chat-root .qa-selection-guide-cap{position:relative;z-index:2;width:92px;height:92px;border-radius:28px;display:grid;place-items:center;color:#4c9eea;background:linear-gradient(145deg,#dceeff,#c7e4ff);box-shadow:0 20px 38px rgba(51,144,236,.18);transform:rotate(-4deg)} #qa-chat-root .qa-selection-guide-cap svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1.5} #qa-chat-root .qa-selection-guide-book{position:absolute;width:115px;height:28px;border-radius:9px;background:linear-gradient(90deg,#c9e5ff,#edf7ff);box-shadow:0 8px 16px rgba(51,144,236,.08);left:50%;transform:translateX(-50%)} #qa-chat-root .qa-selection-guide-book.b1{top:121px;margin-left:-9px}.qa-selection-guide-book.b2{top:145px;margin-left:5px;width:126px}.qa-selection-guide-book.b3{top:166px;margin-left:-4px;width:108px} #qa-chat-root .qa-selection-guide-panel>strong{position:relative;z-index:2;margin-top:13px;font-size:max(var(--tsqam-font-min,10px),calc(20px - var(--tsqam-font-cut-lg,0px)));line-height:1.65;font-weight:950;color:#276ab0} #qa-chat-root .qa-selection-guide-panel>i{width:34px;height:3px;border-radius:999px;background:var(--accent);margin:12px 0 16px} #qa-chat-root .qa-selection-guide-panel>p{margin:0;color:#6f87a0;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));line-height:2;font-weight:650} #qa-chat-root .qa-selection-guide-panel ul{list-style:none;margin:auto 0 0;padding:0;width:100%;display:grid;gap:9px;text-align:right} #qa-chat-root .qa-selection-guide-panel li{position:relative;padding-inline-start:24px;color:#607c99;font-size:10px;font-weight:800;line-height:1.6} #qa-chat-root .qa-selection-guide-panel li::before{content:"✓";position:absolute;inset-inline-start:0;top:-1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#e7f8ef;color:#178758;font-size:9px;font-weight:950} /* ---------- Conversation footer/composer ---------- */ #qa-chat-root .qa-selection-suggestion-row{display:flex;gap:7px;flex-wrap:wrap;margin-block:2px 9px;margin-inline:48px 0;direction:rtl;justify-content:flex-start} #qa-chat-root .qa-selection-suggestion-row span{padding:7px 10px;border:1px solid color-mix(in srgb,var(--accent) 11%,var(--border));border-radius:999px;background:var(--surface-strong);color:#6d86a0;font-size:9.5px;font-weight:800} #qa-chat-root .qa-selection-chat-composer{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:40px minmax(0,1fr) 44px;gap:7px;align-items:center;padding:9px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--surface-strong) 92%,transparent);backdrop-filter:blur(14px);box-shadow:0 12px 28px rgba(15,23,42,.07);direction:rtl} #qa-chat-root .qa-selection-chat-composer input{width:100%;height:40px;border:0;background:transparent;color:var(--muted);outline:none;font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)));padding:0 8px;text-align:right;direction:rtl} #qa-chat-root .qa-selection-composer-attach,#qa-chat-root .qa-selection-composer-send{width:40px;height:40px;border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));background:var(--surface-soft);color:#6f8aa6;display:grid;place-items:center} #qa-chat-root .qa-selection-composer-send{width:44px;background:linear-gradient(145deg,var(--accent),var(--accent-2));border:0;color:#fff;box-shadow:0 8px 18px rgba(51,144,236,.16)} #qa-chat-root .qa-selection-chat-composer button:disabled{opacity:.72} /* ---------- Unused old wrappers kept harmless ---------- */ #qa-chat-root .qa-selection-foundation-card,#qa-chat-root .qa-selection-guest-trust{display:none} #qa-chat-root .qa-selection-shell-head{display:none} #qa-chat-root .qa-selection-search-wrap{margin-inline-start:48px;margin-inline-end:0;max-width:680px;width:calc(100% - 48px)} #qa-chat-root .qa-selection-city-builder,#qa-chat-root .qa-selection-other-pain{display:grid;gap:8px} #qa-chat-root .qa-selection-empty-mini{padding:10px;border-radius:12px;background:var(--surface-soft);border:1px dashed var(--border);color:var(--muted);font-size:10px;text-align:center} /* ---------- Dark mode: same structure, native tokens ---------- */ :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-user-bubble{background:linear-gradient(145deg,#183b58,#1d496a);color:#dcedff;border-color:rgba(88,166,255,.18)} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-auth-note,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-mini-value,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-complete-bubble{background:#132b25;border-color:#244a3d;color:#91c9af} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-phase-note-error{background:#2c1a1d;border-color:#573036;color:#d9a1a7} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-gaps article{background:#2b2418;border-color:#514227} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-personal-board{background:linear-gradient(180deg,#132235 0%,#101b2a 100%);border-color:#274362} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-action-btn,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-saved-list article{background:#162539;border-color:#28425f;box-shadow:none} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-hero-note,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-highlight-grid div,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-academic>div,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-pref-grid>div{background:#142234;border-color:#274362} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-share-status{background:#132235;border-color:#274362;color:#dceeff} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-share-status.is-success{background:#11291f;border-color:#1d5a3a;color:#d8f6e7} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-share-status.is-error{background:#331e22;border-color:#6f3940;color:#ffd7d9} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-promo{background:linear-gradient(180deg,#132235 0%,#101b2a 100%);border-color:#274362} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-identity>div{background:#142234;border-color:#274362} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-guide-panel{background:linear-gradient(180deg,#111e2c,#0f1b27);color:#b9cce0} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-guide-panel>strong{color:#84bfff} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-room-badge{background:#143629;color:#7ad7a9;border-color:#275943} /* ---------- Responsive ---------- */ @media (max-width:1500px){ #qa-chat-root .qa-selection-chat-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"conversation";max-width:920px;direction:ltr} #qa-chat-root .qa-selection-guide-panel{display:none} } @media (min-width:1501px){ #qa-chat-root .qa-selection-chat-layout{grid-template-columns:230px minmax(0,1fr);grid-template-areas:"guide conversation"} } @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open .qa-sidebar{display:none!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head{min-height:66px;padding:10px 12px} #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{padding-inline-end:48px;min-height:42px} #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::before,#qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::after{width:40px;height:40px;border-radius:13px} #qa-chat-root.qa-selection-surface-open #qa-chat-header{font-size:max(var(--tsqam-font-min,10px),calc(15px - var(--tsqam-font-cut-sm,0px)))} #qa-chat-root.qa-selection-surface-open #qa-chat-sub{font-size:10px} #qa-chat-root .qa-selection-chat-layout{padding:7px 10px 12px;gap:0} #qa-chat-root .qa-selection-chat-stage{gap:12px;padding-top:5px;min-height:360px} #qa-chat-root .qa-selection-message{gap:7px} #qa-chat-root .qa-selection-bot-avatar{width:31px;height:31px;flex-basis:31px;border-radius:50%} #qa-chat-root .qa-selection-bot-avatar svg{width:17px;height:17px} #qa-chat-root .qa-selection-bubble{width:calc(100% - 38px);padding:12px 13px;border-radius:16px 16px 5px 16px} #qa-chat-root .qa-selection-bubble strong{font-size:max(var(--tsqam-font-min,10px),calc(13.5px - var(--tsqam-font-cut-sm,0px)));line-height:1.9} #qa-chat-root .qa-selection-bubble p{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)));line-height:1.95} #qa-chat-root .qa-selection-eyebrow{font-size:9px} #qa-chat-root .qa-selection-message-user{padding-inline:38px 0} #qa-chat-root .qa-selection-user-bubble{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));padding:9px 12px;max-width:82%} #qa-chat-root .qa-selection-choice-grid,#qa-chat-root .qa-selection-rank-route-grid,#qa-chat-root .qa-selection-preference-option-grid,#qa-chat-root .qa-selection-commercial-options,#qa-chat-root .qa-selection-budget-options,#qa-chat-root .qa-selection-identity-edit-grid,#qa-chat-root .qa-selection-provider-fields,#qa-chat-root .qa-selection-result-list,#qa-chat-root .qa-selection-preference-summary{grid-template-columns:1fr;margin-inline-start:38px;max-width:none} #qa-chat-root .qa-selection-primary-action-wrap,#qa-chat-root .qa-selection-phase-note,#qa-chat-root .qa-selection-results-loading,#qa-chat-root .qa-selection-commercial-loading,#qa-chat-root .qa-selection-server-state,#qa-chat-root .qa-selection-preference-history,#qa-chat-root .qa-selection-mini-value,#qa-chat-root .qa-selection-preference-question,#qa-chat-root .qa-selection-result-buckets,#qa-chat-root .qa-selection-board-cta-wrap,#qa-chat-root .qa-selection-results-footnote,#qa-chat-root .qa-selection-personal-board,#qa-chat-root .qa-selection-revision-entry,#qa-chat-root .qa-selection-revision-panel,#qa-chat-root .qa-selection-commercial-done,#qa-chat-root .qa-selection-search-wrap{margin-inline-start:38px;max-width:none} #qa-chat-root .qa-selection-primary-cta{min-width:100%;width:100%} #qa-chat-root .qa-selection-glass-btn{min-height:54px} #qa-chat-root .qa-selection-rank-result-grid{grid-template-columns:1fr 1fr} #qa-chat-root .qa-selection-board-hero,#qa-chat-root .qa-selection-board-head{grid-template-columns:1fr} #qa-chat-root .qa-selection-board-head{display:grid} #qa-chat-root .qa-selection-board-identity{grid-template-columns:1fr} #qa-chat-root .qa-selection-board-head-actions{width:100%;min-width:0} #qa-chat-root .qa-selection-board-student-meta{grid-template-columns:1fr 1fr 1fr} #qa-chat-root .qa-selection-board-academic,#qa-chat-root .qa-selection-board-buckets,#qa-chat-root .qa-selection-board-pref-grid{grid-template-columns:1fr 1fr} #qa-chat-root .qa-selection-suggestion-row{margin:2px 38px 8px 0;overflow:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none} #qa-chat-root .qa-selection-suggestion-row::-webkit-scrollbar{display:none} #qa-chat-root .qa-selection-suggestion-row span{white-space:nowrap} #qa-chat-root .qa-selection-chat-composer{grid-template-columns:36px minmax(0,1fr) 40px;padding:7px;border-radius:15px;padding-bottom:max(7px,env(safe-area-inset-bottom))} #qa-chat-root .qa-selection-composer-attach{width:36px;height:36px}.qa-selection-composer-send{width:40px!important;height:36px!important} #qa-chat-root .qa-selection-chat-composer input{font-size:10px;height:36px} #qa-chat-root .qa-selection-board-saved-list article{grid-template-columns:auto minmax(0,1fr)} #qa-chat-root .qa-selection-board-saved-list article button{grid-column:2;justify-self:start} } @media (max-width:390px){ #qa-chat-root .qa-selection-chat-layout{padding-inline:7px} #qa-chat-root .qa-selection-bubble{padding:11px 12px} #qa-chat-root .qa-selection-rank-result-grid,#qa-chat-root .qa-selection-board-academic,#qa-chat-root .qa-selection-board-buckets,#qa-chat-root .qa-selection-board-pref-grid,#qa-chat-root .qa-selection-board-hero,#qa-chat-root .qa-selection-board-student-meta,#qa-chat-root .qa-selection-board-highlight-grid{grid-template-columns:1fr} #qa-chat-root .qa-selection-board-head-actions{display:flex;gap:6px;justify-content:flex-start;width:100%} #qa-chat-root .qa-selection-board-action-btn{width:72px;min-width:72px;padding:7px 6px 6px} #qa-chat-root .qa-selection-profile-row{grid-template-columns:88px minmax(0,1fr)} #qa-chat-root .qa-selection-profile-row i{grid-column:2} } @media (prefers-reduced-motion:reduce){#qa-chat-root .qa-selection-message,#qa-chat-root .qa-selection-glass-btn,#qa-chat-root .qa-selection-result-card{animation:none!important;transition:none!important}} @keyframes qaSelectionSpin{to{transform:rotate(360deg)}} @keyframes qaSelectionMessageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}} /* ========================================================================== Selection Telegram Chat Final v1 — approved visual contract Scoped to qa-selection-surface-open; preserves native RM Chat sidebar. ========================================================================== */ #qa-chat-root.qa-selection-surface-open #qa-messages{ background: radial-gradient(circle at 74% 9%,rgba(80,174,255,.08),transparent 31%), linear-gradient(180deg,#f9fcff 0%,#f1f7fd 100%)!important; } #qa-chat-root .qa-selection-chat-layout{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"conversation"!important;max-width:1000px!important;gap:0!important;padding:14px 26px 18px!important;direction:ltr!important} #qa-chat-root .qa-selection-guide-panel{display:none!important} #qa-chat-root .qa-selection-conversation-pane{direction:rtl!important;text-align:right!important} #qa-chat-root .qa-selection-chat-stage{gap:18px!important;padding:9px 0 20px!important;direction:rtl!important} /* Native header: right title/status + left graduation icon, matching approved mock. */ #qa-chat-root.qa-selection-surface-open .qa-chat-head{min-height:92px!important;padding:16px 22px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 26px rgba(51,101,145,.035)!important} #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{padding-inline-end:0!important;padding-inline-start:64px!important;align-items:flex-start!important;text-align:right!important;direction:rtl!important} #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::before{inset-inline-end:auto!important;inset-inline-start:0!important;width:50px!important;height:50px!important;border-radius:16px!important} #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::after{inset-inline-end:auto!important;inset-inline-start:0!important;width:50px!important;height:50px!important;font-size:max(var(--tsqam-font-min,10px),calc(23px - var(--tsqam-font-cut-lg,0px)))!important} #qa-chat-root.qa-selection-surface-open #qa-chat-header{font-size:max(var(--tsqam-font-min,10px),calc(19px - var(--tsqam-font-cut-md,0px)))!important;line-height:1.45!important;letter-spacing:-.4px!important} #qa-chat-root.qa-selection-surface-open #qa-chat-sub{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.6!important} /* Back/change action stays close to the current rank step. */ #qa-chat-root .qa-selection-chat-nav{min-height:30px;display:flex;justify-content:flex-start;direction:ltr;margin:0 0 1px} #qa-chat-root .qa-selection-chat-nav button{height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #d6e4f2;border-radius:10px;background:rgba(255,255,255,.8);color:#67819a;font-family:var(--font);cursor:pointer;box-shadow:0 4px 12px rgba(45,95,138,.035)} #qa-chat-root .qa-selection-chat-nav button span{font-size:max(var(--tsqam-font-min,10px),calc(15px - var(--tsqam-font-cut-sm,0px)));color:#2f94e8} #qa-chat-root .qa-selection-chat-nav button strong{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:850} #qa-chat-root .qa-selection-chat-stage>[data-selection-back-intro], #qa-chat-root .qa-selection-chat-stage>[data-selection-change-subject], #qa-chat-root .qa-selection-chat-stage>[data-selection-change-rank-route]{display:none!important} /* Assistant sits LEFT. Robot avatar is outside the bubble, Telegram-bot style. */ #qa-chat-root .qa-selection-message-bot{direction:ltr!important;justify-content:flex-start!important;align-items:flex-end!important;padding-right:0!important;padding-left:0!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble{direction:rtl!important;text-align:right!important;max-width:min(690px,78%)!important;min-width:280px;padding:15px 18px 12px!important;border:1px solid #cbdff0!important;border-radius:19px 19px 19px 6px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 10px 26px rgba(45,96,140,.055)!important;position:relative} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble::before{content:"";position:absolute;left:-7px;bottom:14px;width:13px;height:13px;background:rgba(255,255,255,.97);border-left:1px solid #cbdff0;border-bottom:1px solid #cbdff0;transform:rotate(45deg);border-radius:0 0 0 3px} #qa-chat-root .qa-selection-sender-name{display:block;margin-bottom:7px;color:#178ee8;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:950;line-height:1.3} #qa-chat-root .qa-selection-message-bot .qa-selection-eyebrow{display:inline-flex!important;margin:0 0 6px;padding:3px 7px;border-radius:999px;background:#eef7ff;color:#3a87c5;font-size:9px!important;font-weight:850!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble>strong{display:block;color:#102b4a;font-size:max(var(--tsqam-font-min,10px),calc(15.5px - var(--tsqam-font-cut-md,0px)))!important;line-height:1.85!important;font-weight:950!important;letter-spacing:-.15px} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble>p{margin:5px 0 0!important;color:#587694!important;font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.95!important;font-weight:650!important} #qa-chat-root .qa-selection-bot-avatar{width:48px!important;height:48px!important;flex:0 0 48px!important;margin:0 0 2px 0!important;border:1px solid #cce2f6!important;background:linear-gradient(145deg,#e9f7ff,#d7edff)!important;color:#168de8!important;box-shadow:0 9px 22px rgba(43,139,222,.13)!important;overflow:hidden!important} #qa-chat-root .qa-selection-bot-avatar .qa-selection-robot-svg{width:39px!important;height:39px!important;overflow:visible} #qa-chat-root .qa-selection-robot-svg .robot-antenna,#qa-chat-root .qa-selection-robot-svg .robot-smile,#qa-chat-root .qa-selection-robot-svg .robot-ear,#qa-chat-root .qa-selection-robot-svg .robot-base{fill:none;stroke:#218fdf;stroke-width:2;stroke-linecap:round} #qa-chat-root .qa-selection-robot-svg .robot-tip{fill:#168de8;stroke:none} #qa-chat-root .qa-selection-robot-svg .robot-head{fill:#f8fcff;stroke:#54acec;stroke-width:1.8} #qa-chat-root .qa-selection-robot-svg .robot-face{fill:#163f66;stroke:none} #qa-chat-root .qa-selection-robot-svg .robot-eye{fill:#5ad1ff;stroke:none} /* Student sits RIGHT. User avatar is outside bubble on the far right. */ #qa-chat-root .qa-selection-message-user{direction:ltr!important;justify-content:flex-end!important;align-items:flex-end!important;gap:9px!important;padding:0!important} #qa-chat-root .qa-selection-message-user::before{display:none!important} #qa-chat-root .qa-selection-user-bubble{order:1;direction:rtl!important;text-align:right!important;max-width:min(320px,70%)!important;padding:11px 15px!important;border-radius:18px 18px 6px 18px!important;background:linear-gradient(145deg,#d7efff,#c6e5ff)!important;border:1px solid #b7dcfa!important;color:#133f69!important;box-shadow:0 9px 22px rgba(42,143,225,.09)!important;position:relative;font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.75!important} #qa-chat-root .qa-selection-user-bubble::after{content:"";position:absolute;right:-7px;bottom:12px;width:13px;height:13px;background:#cae7ff;border-right:1px solid #b7dcfa;border-bottom:1px solid #b7dcfa;transform:rotate(-45deg);border-radius:0 0 3px 0} #qa-chat-root .qa-selection-user-bubble>small:first-child{display:block;color:#268bd8;font-size:9px;font-weight:900;margin-bottom:2px} #qa-chat-root .qa-selection-user-avatar{order:2;width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #c9def1;color:#248fe2;box-shadow:0 7px 18px rgba(45,104,157,.08)} #qa-chat-root .qa-selection-user-avatar svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* Choices are clean Telegram inline-keyboard cards, directly under the conversation. */ #qa-chat-root .qa-selection-choice-grid,#qa-chat-root .qa-selection-rank-route-grid,#qa-chat-root .qa-selection-preference-option-grid,#qa-chat-root .qa-selection-commercial-options,#qa-chat-root .qa-selection-budget-options,#qa-chat-root .qa-selection-identity-edit-grid{margin:0 57px 0 57px!important;max-width:none!important;width:auto!important;gap:10px!important;direction:rtl!important} #qa-chat-root .qa-selection-glass-btn{min-height:62px!important;padding:10px 14px!important;border-radius:15px!important;border-color:#cfe0f0!important;background:rgba(255,255,255,.92)!important;box-shadow:0 6px 17px rgba(48,99,145,.035)!important;text-align:right!important;direction:rtl!important} #qa-chat-root .qa-selection-glass-btn:hover{border-color:#8bc6f4!important;background:#f8fcff!important;transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(42,140,222,.08)!important} #qa-chat-root .qa-selection-primary-choice{border-color:#78bdf2!important;background:linear-gradient(145deg,#f8fcff,#eaf6ff)!important} #qa-chat-root .qa-selection-choice-icon{margin-inline-start:10px!important;margin-inline-end:0!important;background:#eaf5ff!important;color:#188de8!important;border-radius:12px!important;width:34px!important;height:34px!important} #qa-chat-root .qa-selection-glass-btn strong{font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;color:#173451!important} #qa-chat-root .qa-selection-glass-btn small{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important;color:#6c879f!important;line-height:1.6!important} /* Primary CTA looks like a Telegram action, while secondary edit actions stay tiny. */ #qa-chat-root .qa-selection-primary-action-wrap{margin:0 57px!important;max-width:none!important;width:auto!important;justify-content:flex-start!important;direction:rtl!important} #qa-chat-root .qa-selection-primary-cta{min-height:56px!important;background:linear-gradient(90deg,#168df0,#45b6ef)!important;border:0!important;color:#fff!important;box-shadow:0 12px 25px rgba(22,141,240,.18)!important} #qa-chat-root .qa-selection-primary-cta strong,#qa-chat-root .qa-selection-primary-cta small{color:#fff!important} #qa-chat-root .qa-selection-primary-action-wrap .qa-selection-text-action{padding:7px 9px!important;font-size:10px!important;color:#7790a8!important} /* Inline status/state cards align with the assistant column, not randomly centered. */ #qa-chat-root .qa-selection-phase-note,#qa-chat-root .qa-selection-results-loading,#qa-chat-root .qa-selection-commercial-loading,#qa-chat-root .qa-selection-server-state,#qa-chat-root .qa-selection-preference-history,#qa-chat-root .qa-selection-mini-value,#qa-chat-root .qa-selection-preference-question,#qa-chat-root .qa-selection-result-buckets,#qa-chat-root .qa-selection-board-cta-wrap,#qa-chat-root .qa-selection-results-footnote,#qa-chat-root .qa-selection-personal-board,#qa-chat-root .qa-selection-revision-entry,#qa-chat-root .qa-selection-revision-panel,#qa-chat-root .qa-selection-commercial-done,#qa-chat-root .qa-selection-search-wrap{margin-inline-start:57px!important;margin-inline-end:57px!important;max-width:none!important;width:auto!important} #qa-chat-root .qa-selection-preference-question .qa-selection-message{margin-inline-start:-57px!important;width:calc(100% + 57px)!important} #qa-chat-root .qa-selection-preference-summary,#qa-chat-root .qa-selection-result-list{margin-inline-start:57px!important;margin-inline-end:57px!important;max-width:none!important;width:auto!important} /* Composer exactly follows approved Telegram-like placement: attach right, send left. */ #qa-chat-root .qa-selection-suggestion-row{display:none!important} #qa-chat-root .qa-selection-chat-composer{grid-template-columns:44px minmax(0,1fr) 46px!important;direction:rtl!important;margin-top:auto!important;min-height:62px!important;padding:8px 9px!important;border-radius:17px!important;border-color:#c9dced!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 28px rgba(44,95,141,.06)!important} #qa-chat-root .qa-selection-chat-composer input{height:44px!important;font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important;color:#6e879f!important;text-align:right!important;direction:rtl!important} #qa-chat-root .qa-selection-composer-attach{grid-column:1!important;width:44px!important;height:44px!important;border-radius:13px!important;background:#f8fbff!important;color:#278edc!important} #qa-chat-root .qa-selection-composer-send{grid-column:3!important;width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(145deg,#168df0,#46b8ed)!important;color:#fff!important} /* Dark mode parity, still same geometry. */ :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open #qa-messages{background:linear-gradient(180deg,#0f1925,#101d29)!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-head,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-message-bot .qa-selection-bubble,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-glass-btn,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-chat-composer{background:#142333!important;border-color:#28435a!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-message-bot .qa-selection-bubble::before{background:#142333;border-color:#28435a} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-message-bot .qa-selection-bubble>strong,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-glass-btn strong{color:#e8f4ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-message-bot .qa-selection-bubble>p,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-glass-btn small{color:#9bb4c9!important} @media (max-width:760px){ #qa-chat-root .qa-selection-chat-layout{padding:8px 9px 12px!important} #qa-chat-root .qa-selection-chat-nav{margin-bottom:2px} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble{min-width:0!important;max-width:calc(100% - 42px)!important;padding:12px 13px 10px!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble>strong{font-size:max(var(--tsqam-font-min,10px),calc(13.5px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble>p{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root .qa-selection-bot-avatar{width:36px!important;height:36px!important;flex-basis:36px!important} #qa-chat-root .qa-selection-bot-avatar .qa-selection-robot-svg{width:30px!important;height:30px!important} #qa-chat-root .qa-selection-user-avatar{width:34px;height:34px;flex-basis:34px} #qa-chat-root .qa-selection-user-avatar svg{width:19px;height:19px} #qa-chat-root .qa-selection-user-bubble{max-width:74%!important;font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important;padding:9px 11px!important} #qa-chat-root .qa-selection-choice-grid,#qa-chat-root .qa-selection-rank-route-grid,#qa-chat-root .qa-selection-preference-option-grid,#qa-chat-root .qa-selection-commercial-options,#qa-chat-root .qa-selection-budget-options,#qa-chat-root .qa-selection-identity-edit-grid{grid-template-columns:1fr!important;margin:0 43px!important} #qa-chat-root .qa-selection-primary-action-wrap,#qa-chat-root .qa-selection-phase-note,#qa-chat-root .qa-selection-results-loading,#qa-chat-root .qa-selection-commercial-loading,#qa-chat-root .qa-selection-server-state,#qa-chat-root .qa-selection-preference-history,#qa-chat-root .qa-selection-mini-value,#qa-chat-root .qa-selection-preference-question,#qa-chat-root .qa-selection-result-buckets,#qa-chat-root .qa-selection-board-cta-wrap,#qa-chat-root .qa-selection-results-footnote,#qa-chat-root .qa-selection-personal-board,#qa-chat-root .qa-selection-revision-entry,#qa-chat-root .qa-selection-revision-panel,#qa-chat-root .qa-selection-commercial-done,#qa-chat-root .qa-selection-search-wrap,#qa-chat-root .qa-selection-preference-summary,#qa-chat-root .qa-selection-result-list{margin-inline-start:43px!important;margin-inline-end:43px!important} #qa-chat-root .qa-selection-preference-question .qa-selection-message{margin-inline-start:-43px!important;width:calc(100% + 43px)!important} #qa-chat-root .qa-selection-chat-composer{position:sticky!important;bottom:4px!important} } #qa-chat-root .qa-selection-auth-actions [data-selection-change-subject],#qa-chat-root .qa-selection-primary-action-wrap [data-selection-change-rank-route]{display:none!important} /* ===== r53 polish: messaging, loading, major search, hover contrast ===== */ #qa-chat-root .qa-selection-message{margin-bottom:14px!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,252,255,.98))!important;box-shadow:0 12px 28px rgba(43,95,141,.07)!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble>strong{margin-bottom:3px!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble>p{max-width:62ch!important} #qa-chat-root .qa-selection-user-bubble{background:linear-gradient(180deg,#dff2ff,#cbe8ff)!important;border-color:#afd7fa!important;box-shadow:0 10px 24px rgba(46,146,228,.12)!important} #qa-chat-root .qa-selection-user-bubble::after{background:#cfeaff!important;border-right-color:#afd7fa!important;border-bottom-color:#afd7fa!important} #qa-chat-root .qa-selection-message-user{margin-top:2px!important;margin-bottom:18px!important} #qa-chat-root .qa-selection-message-user .qa-selection-user-avatar,#qa-chat-root .qa-selection-message-bot .qa-selection-bot-avatar{transition:transform .18s ease,box-shadow .18s ease} #qa-chat-root .qa-selection-message:hover .qa-selection-user-avatar,#qa-chat-root .qa-selection-message:hover .qa-selection-bot-avatar{transform:translateY(-1px);box-shadow:0 10px 24px rgba(46,102,151,.12)!important} /* Smoother loading state */ #qa-chat-root .qa-selection-results-loading, #qa-chat-root .qa-selection-commercial-loading, #qa-chat-root .qa-selection-revision-loading{align-items:center!important;gap:12px!important;padding:15px 16px!important;border-radius:18px!important;border:1px solid #d5e5f3!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,250,255,.98))!important;box-shadow:0 10px 24px rgba(40,91,136,.05)!important;color:#55708b!important} #qa-chat-root .qa-selection-results-loading strong, #qa-chat-root .qa-selection-commercial-loading strong, #qa-chat-root .qa-selection-revision-loading strong{display:block;font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:900!important;color:#183756!important;line-height:1.7!important} #qa-chat-root .qa-selection-results-loading small, #qa-chat-root .qa-selection-commercial-loading small, #qa-chat-root .qa-selection-revision-loading small{display:block;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:700!important;color:#6d879f!important;line-height:1.8!important;margin-top:2px!important} #qa-chat-root .qa-selection-results-spinner{position:relative;width:34px!important;height:12px!important;border:none!important;border-radius:999px!important;background: radial-gradient(circle at 6px 6px,#59bdf2 0 3px,transparent 3.2px), radial-gradient(circle at 17px 6px,#1f93e5 0 3px,transparent 3.2px), radial-gradient(circle at 28px 6px,#96d8f9 0 3px,transparent 3.2px)!important;animation:qaSelectionDots 1s ease-in-out infinite!important;box-shadow:none!important;flex:0 0 34px!important} @keyframes qaSelectionDots{0%,100%{transform:translateY(0);opacity:.76}50%{transform:translateY(-2px);opacity:1}} /* Better major search section */ #qa-chat-root .qa-selection-preference-card{padding:16px 16px 14px!important;border-radius:22px!important;border:1px solid #d5e5f3!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.96))!important;box-shadow:0 12px 30px rgba(45,95,141,.045)!important} #qa-chat-root .qa-selection-search-wrap{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:11px!important;border-radius:18px!important;border:1px solid #d8e7f4!important;background:#fbfdff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 7px 20px rgba(45,95,141,.035)!important} #qa-chat-root .qa-selection-search-wrap>span{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:linear-gradient(180deg,#eef8ff,#e6f3ff)!important;color:#208edc!important;font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important} #qa-chat-root .qa-selection-search-wrap input{min-height:46px!important;border:0!important;border-radius:14px!important;background:transparent!important;padding:0 2px!important;font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:700!important;color:#183756!important;box-shadow:none!important} #qa-chat-root .qa-selection-search-wrap input::placeholder{color:#8aa1b6!important;font-weight:650!important} #qa-chat-root .qa-selection-major-cloud{margin-top:14px!important;gap:10px!important} #qa-chat-root .qa-selection-choice-chip{min-height:40px!important;padding:9px 14px!important;border-radius:999px!important;border:1px solid #d0e0ef!important;background:linear-gradient(180deg,#fff,#f9fcff)!important;color:#516e8b!important;font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:850!important;box-shadow:0 4px 12px rgba(51,101,145,.035)!important;transition:all .18s ease!important} #qa-chat-root .qa-selection-choice-chip:hover{transform:translateY(-1px)!important;border-color:#8ec7f4!important;background:#f4fbff!important;color:#1565a8!important;box-shadow:0 10px 22px rgba(42,140,222,.08)!important} #qa-chat-root .qa-selection-choice-chip.is-selected{background:linear-gradient(180deg,#e9f6ff,#d9efff)!important;border-color:#7ebef0!important;color:#0f5d9c!important;box-shadow:0 10px 22px rgba(42,140,222,.10)!important} #qa-chat-root .qa-selection-unsure-choice{margin-top:12px!important;min-height:42px!important;padding:0 16px!important;border-radius:14px!important;border:1px dashed #bfd6ea!important;background:#fcfeff!important;color:#5c7893!important;font:inherit!important;font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:850!important;cursor:pointer!important;transition:all .18s ease!important} #qa-chat-root .qa-selection-unsure-choice:hover{border-color:#92c8f4!important;background:#f4fbff!important;color:#1b6eae!important} #qa-chat-root .qa-selection-unsure-choice.is-selected{border-style:solid!important;border-color:#78bdf2!important;background:linear-gradient(180deg,#eef8ff,#dff1ff)!important;color:#1263a4!important} #qa-chat-root .qa-selection-selected-summary{margin-top:14px!important;padding:11px 13px!important;border-radius:16px!important;background:#f8fbfe!important;border:1px solid #dbe8f3!important;align-items:center!important} #qa-chat-root .qa-selection-selected-summary span{background:#eaf5ff!important;color:#197ecf!important;font-size:10px!important} #qa-chat-root .qa-selection-selected-summary strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important;color:#193552!important;font-weight:900!important} #qa-chat-root .qa-selection-empty-mini{margin-top:10px!important;padding:12px!important;border-radius:14px!important;background:#f8fbff!important;border:1px dashed #c8dced!important;color:#69839c!important;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:700!important} /* Hover and selected contrast fix for blue buttons */ #qa-chat-root .qa-selection-glass-btn, #qa-chat-root .qa-selection-primary-cta, #qa-chat-root .qa-selection-composer-send, #qa-chat-root .qa-selection-composer-attach, #qa-chat-root .qa-selection-result-action{transition:all .18s ease,color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important} #qa-chat-root .qa-selection-glass-btn:hover strong, #qa-chat-root .qa-selection-glass-btn:hover small, #qa-chat-root .qa-selection-glass-btn:focus-visible strong, #qa-chat-root .qa-selection-glass-btn:focus-visible small{color:inherit!important} #qa-chat-root .qa-selection-glass-btn:hover .qa-selection-choice-icon, #qa-chat-root .qa-selection-glass-btn:focus-visible .qa-selection-choice-icon{background:#eaf5ff!important;color:#178fe7!important} #qa-chat-root .qa-selection-glass-btn.is-selected{border-color:#79bff3!important;background:linear-gradient(180deg,#f6fbff,#eaf6ff)!important;box-shadow:0 10px 24px rgba(42,140,222,.09)!important} #qa-chat-root .qa-selection-glass-btn.is-selected strong{color:#0f5f9f!important} #qa-chat-root .qa-selection-glass-btn.is-selected small{color:#5f7e98!important} #qa-chat-root .qa-selection-primary-cta:hover, #qa-chat-root .qa-selection-primary-cta:focus-visible{background:linear-gradient(90deg,#0d84ea,#3fb3f0)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 16px 30px rgba(22,141,240,.24)!important} #qa-chat-root .qa-selection-primary-cta:hover strong, #qa-chat-root .qa-selection-primary-cta:hover small, #qa-chat-root .qa-selection-primary-cta:focus-visible strong, #qa-chat-root .qa-selection-primary-cta:focus-visible small, #qa-chat-root .qa-selection-primary-cta:hover span, #qa-chat-root .qa-selection-primary-cta:focus-visible span{color:#fff!important} #qa-chat-root .qa-selection-primary-cta[disabled]{opacity:1!important;filter:none!important;cursor:progress!important;position:relative!important;overflow:hidden!important;background:linear-gradient(90deg,#79c1f6,#9ad7f8)!important;box-shadow:0 10px 24px rgba(81,157,221,.12)!important} #qa-chat-root .qa-selection-primary-cta[disabled]::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.16) 42%,transparent 64%);transform:translateX(-120%);animation:qaSelectionSheen 1.4s ease-in-out infinite} @keyframes qaSelectionSheen{to{transform:translateX(120%)}} #qa-chat-root .qa-selection-composer-send:hover,#qa-chat-root .qa-selection-composer-send:focus-visible{background:linear-gradient(145deg,#0d84ea,#43b8ef)!important;color:#fff!important;box-shadow:0 12px 24px rgba(22,141,240,.26)!important} #qa-chat-root .qa-selection-composer-attach:hover,#qa-chat-root .qa-selection-composer-attach:focus-visible{background:#eef7ff!important;color:#177fce!important;border-color:#a6cfee!important} #qa-chat-root .qa-selection-chat-nav button:hover,#qa-chat-root .qa-selection-chat-nav button:focus-visible{background:#f7fbff!important;color:#41617f!important;border-color:#9cc8ea!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-results-loading, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-commercial-loading, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-revision-loading, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-preference-card, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-search-wrap{background:#132231!important;border-color:#274259!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-search-wrap>span{background:#18344a!important;color:#86cbff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-search-wrap input{color:#e8f4ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-search-wrap input::placeholder{color:#90a9be!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-choice-chip{background:#13283a!important;border-color:#2a445b!important;color:#afc6da!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-choice-chip:hover,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-choice-chip.is-selected{background:#18344a!important;border-color:#5aa6df!important;color:#e8f4ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-selected-summary,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-empty-mini{background:#11202e!important;border-color:#263f55!important;color:#9eb6ca!important} @media (max-width:760px){ #qa-chat-root .qa-selection-preference-card{padding:13px 12px 12px!important;border-radius:18px!important} #qa-chat-root .qa-selection-search-wrap{grid-template-columns:38px minmax(0,1fr)!important;padding:8px!important;border-radius:15px!important} #qa-chat-root .qa-selection-search-wrap>span{width:34px!important;height:34px!important;border-radius:11px!important;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-search-wrap input{min-height:38px!important;font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root .qa-selection-major-cloud{gap:8px!important} #qa-chat-root .qa-selection-choice-chip{min-height:36px!important;padding:8px 12px!important;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important} } /* ===== r54: fetch fix companion UX + composer navigation + major picker polish ===== */ #qa-chat-root .qa-selection-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 7px;padding:0 4px;direction:rtl} #qa-chat-root .qa-selection-composer-actions>span{display:block} #qa-chat-root .qa-selection-composer-action{min-height:34px;padding:0 11px;border:1px solid #d4e3f0;border-radius:11px;background:rgba(255,255,255,.86);color:#587590;font:inherit;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 12px rgba(45,95,138,.03);transition:all .18s ease} #qa-chat-root .qa-selection-composer-action span{font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)));color:#248edc} #qa-chat-root .qa-selection-composer-action strong{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:900;color:inherit} #qa-chat-root .qa-selection-composer-action:hover,#qa-chat-root .qa-selection-composer-action:focus-visible{border-color:#94c7ed;background:#f6fbff;color:#315f87;transform:translateY(-1px);box-shadow:0 8px 18px rgba(42,140,222,.07)} #qa-chat-root .qa-selection-composer-action.is-reset{margin-inline-start:auto;color:#71889e;background:transparent;border-color:transparent;box-shadow:none} #qa-chat-root .qa-selection-composer-action.is-reset:hover{color:#b34b4b;background:#fff7f7;border-color:#f1cccc} #qa-chat-root .qa-selection-composer-confirm{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0;padding:10px 12px;border:1px solid #f0caca;border-radius:14px;background:linear-gradient(180deg,#fffafa,#fff6f6);direction:rtl} #qa-chat-root .qa-selection-composer-confirm>div:first-child{min-width:0} #qa-chat-root .qa-selection-composer-confirm strong{display:block;font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)));color:#7f3535;font-weight:950} #qa-chat-root .qa-selection-composer-confirm small{display:block;margin-top:2px;font-size:9.8px;color:#9d6969;font-weight:700} #qa-chat-root .qa-selection-composer-confirm>div:last-child{display:flex;align-items:center;gap:7px;flex:0 0 auto} #qa-chat-root .qa-selection-composer-confirm button{height:32px;padding:0 10px;border-radius:10px;border:1px solid #e5d0d0;background:#fff;color:#6d6161;font:inherit;font-size:10px;font-weight:900;cursor:pointer} #qa-chat-root .qa-selection-composer-confirm button.is-danger{background:#c95a5a;border-color:#c95a5a;color:#fff} #qa-chat-root .qa-selection-composer-confirm button:hover{filter:brightness(.98);box-shadow:0 6px 14px rgba(130,65,65,.08)} #qa-chat-root .qa-selection-major-picker{padding:17px!important;background:linear-gradient(180deg,#ffffff,#f8fcff)!important;border-color:#cfe1f0!important;box-shadow:0 14px 32px rgba(39,93,140,.055)!important} #qa-chat-root .qa-selection-major-picker-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:0 3px;direction:rtl} #qa-chat-root .qa-selection-major-picker-head>div{min-width:0} #qa-chat-root .qa-selection-major-picker-head strong{display:block;font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)));font-weight:950;color:#173654;line-height:1.7} #qa-chat-root .qa-selection-major-picker-head small{display:block;margin-top:1px;font-size:max(var(--tsqam-font-min,10px),calc(10.2px - var(--tsqam-font-cut-xs,0px)));font-weight:700;color:#7991a8;line-height:1.7} #qa-chat-root .qa-selection-major-picker-head>span{flex:0 0 auto;min-width:58px;height:28px;padding:0 9px;border-radius:999px;background:#eaf6ff;border:1px solid #c8e2f7;color:#1685d5;display:grid;place-items:center;font-size:9.8px;font-weight:900} #qa-chat-root .qa-selection-major-picker .qa-selection-search-wrap{margin:0!important;max-width:none!important;width:100%!important} #qa-chat-root .qa-selection-major-picker .qa-selection-major-cloud{max-height:170px;overflow:auto;padding:3px 2px 5px;scrollbar-width:thin;scrollbar-color:#bfd9ee transparent} #qa-chat-root .qa-selection-major-picker .qa-selection-choice-chip{position:relative;overflow:hidden} #qa-chat-root .qa-selection-major-picker .qa-selection-choice-chip.is-selected::before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-inline-end:6px;border-radius:50%;background:#248fdd;color:#fff;font-size:9px;font-weight:950;vertical-align:middle} #qa-chat-root .qa-selection-major-picker .qa-selection-unsure-choice{width:100%;display:flex;align-items:center;justify-content:center;gap:7px} #qa-chat-root .qa-selection-major-picker .qa-selection-unsure-choice::before{content:"؟";width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#edf6fe;color:#248bd7;font-size:10px;font-weight:950} /* Never turn blue controls into white-on-white on hover. */ #qa-chat-root .qa-selection-primary-cta:hover,#qa-chat-root .qa-selection-primary-cta:focus-visible, #qa-chat-root .qa-selection-composer-send:hover,#qa-chat-root .qa-selection-composer-send:focus-visible{color:#fff!important;-webkit-text-fill-color:#fff!important} #qa-chat-root .qa-selection-primary-cta:hover *,#qa-chat-root .qa-selection-primary-cta:focus-visible *, #qa-chat-root .qa-selection-composer-send:hover *,#qa-chat-root .qa-selection-composer-send:focus-visible *{color:#fff!important;-webkit-text-fill-color:#fff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-composer-action{background:#14283a;border-color:#2a445b;color:#abc1d3} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-composer-action.is-reset{background:transparent;border-color:transparent} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-composer-confirm{background:#291d20;border-color:#5a3439} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-major-picker{background:#132231!important;border-color:#274259!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-major-picker-head strong{color:#e8f4ff} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-major-picker-head small{color:#91aabe} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-major-picker-head>span{background:#17364d;border-color:#2e5875;color:#91d0ff} @media (max-width:760px){ #qa-chat-root .qa-selection-composer-actions{margin:6px 0 5px;padding:0 1px} #qa-chat-root .qa-selection-composer-action{min-height:32px;padding:0 9px} #qa-chat-root .qa-selection-composer-confirm{align-items:flex-start;flex-direction:column;gap:8px} #qa-chat-root .qa-selection-major-picker{padding:13px!important} #qa-chat-root .qa-selection-major-picker-head{align-items:flex-start;margin-bottom:9px} #qa-chat-root .qa-selection-major-picker-head strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))} #qa-chat-root .qa-selection-major-picker-head small{font-size:9.5px} #qa-chat-root .qa-selection-major-picker .qa-selection-major-cloud{max-height:150px} } /* ===== r55 final unification: Telegram message system + action family ===== */ /* One geometry for every conversational bubble */ #qa-chat-root .qa-selection-message{display:flex!important;align-items:flex-end!important;gap:10px!important;margin:0 0 15px!important} #qa-chat-root .qa-selection-message-bot{direction:ltr!important;justify-content:flex-start!important} #qa-chat-root .qa-selection-message-user{direction:ltr!important;justify-content:flex-end!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble, #qa-chat-root .qa-selection-message-user .qa-selection-user-bubble{box-sizing:border-box!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble{max-width:min(690px,78%)!important;border:1px solid #cbdff0!important;border-radius:20px 20px 20px 7px!important;background:linear-gradient(180deg,#fff,#f9fcff)!important;box-shadow:0 10px 25px rgba(45,96,140,.06)!important} #qa-chat-root .qa-selection-message-user .qa-selection-user-bubble{max-width:min(360px,72%)!important;border:1px solid #acd7f9!important;border-radius:20px 20px 7px 20px!important;background:linear-gradient(180deg,#dff2ff,#cae8ff)!important;box-shadow:0 10px 24px rgba(42,143,225,.10)!important} #qa-chat-root .qa-selection-message-bot:hover .qa-selection-bubble, #qa-chat-root .qa-selection-message-user:hover .qa-selection-user-bubble{transform:translateY(-1px)!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble::before{left:-7px!important;right:auto!important;bottom:14px!important;top:auto!important;background:#fbfdff!important;border-left:1px solid #cbdff0!important;border-bottom:1px solid #cbdff0!important;border-top:0!important;border-right:0!important;transform:rotate(45deg)!important} #qa-chat-root .qa-selection-message-user .qa-selection-user-bubble::after{right:-7px!important;left:auto!important;bottom:13px!important;top:auto!important;background:#d0ebff!important;border-right:1px solid #acd7f9!important;border-bottom:1px solid #acd7f9!important;border-top:0!important;border-left:0!important;transform:rotate(-45deg)!important} #qa-chat-root .qa-selection-sender-name{font-size:max(var(--tsqam-font-min,10px),calc(10.8px - var(--tsqam-font-cut-xs,0px)))!important;color:#148ce5!important;font-weight:950!important;margin-bottom:5px!important} #qa-chat-root .qa-selection-user-bubble>small:first-child{font-size:9.5px!important;color:#3186c6!important;font-weight:900!important;margin-bottom:3px!important} #qa-chat-root .qa-selection-bot-avatar,#qa-chat-root .qa-selection-user-avatar{box-shadow:0 8px 20px rgba(43,104,157,.10)!important} /* Turn mini-value/status into a Telegram bot message, never a detached green banner */ #qa-chat-root .qa-selection-mini-value{margin:0 0 15px!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;max-width:none!important;width:auto!important;display:block!important} #qa-chat-root .qa-selection-mini-value .qa-selection-message{margin-bottom:0!important} #qa-chat-root .qa-selection-mini-value .qa-selection-bubble{border-color:#cfe2f1!important;background:linear-gradient(180deg,#fbfeff,#f3f9fd)!important} #qa-chat-root .qa-selection-mini-value .qa-selection-bubble>p{color:#4d708f!important} #qa-chat-root .qa-selection-mini-value .qa-selection-eyebrow{background:#e9f7ef!important;color:#327856!important} /* Telegram inline keyboard feel for all answer cards */ #qa-chat-root .qa-selection-choice-grid, #qa-chat-root .qa-selection-rank-route-grid, #qa-chat-root .qa-selection-preference-option-grid, #qa-chat-root .qa-selection-commercial-options, #qa-chat-root .qa-selection-budget-options, #qa-chat-root .qa-selection-identity-edit-grid{gap:10px!important} #qa-chat-root .qa-selection-glass-btn{min-height:58px!important;border-radius:16px!important;border:1px solid #cfe0ef!important;background:linear-gradient(180deg,#fff,#f9fcff)!important;box-shadow:0 5px 15px rgba(45,95,138,.035)!important;color:#173451!important} #qa-chat-root .qa-selection-glass-btn strong{color:#173451!important;font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important} #qa-chat-root .qa-selection-glass-btn small{color:#6d879f!important;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:700!important} #qa-chat-root .qa-selection-glass-btn:hover,#qa-chat-root .qa-selection-glass-btn:focus-visible{background:#f4fbff!important;border-color:#84c2f1!important;color:#0e5f9f!important;box-shadow:0 10px 22px rgba(42,140,222,.09)!important} #qa-chat-root .qa-selection-glass-btn:hover strong,#qa-chat-root .qa-selection-glass-btn:focus-visible strong{color:#0e5f9f!important} #qa-chat-root .qa-selection-glass-btn:hover small,#qa-chat-root .qa-selection-glass-btn:focus-visible small{color:#5e7d98!important} #qa-chat-root .qa-selection-glass-btn.is-selected{background:linear-gradient(180deg,#eaf6ff,#dff2ff)!important;border-color:#69b6ed!important;box-shadow:0 10px 22px rgba(42,140,222,.10)!important} #qa-chat-root .qa-selection-glass-btn.is-selected strong{color:#0b5e9d!important} #qa-chat-root .qa-selection-choice-icon{background:#e9f5ff!important;color:#168de8!important;border:1px solid #d6ebfb!important} #qa-chat-root .qa-selection-glass-btn.is-selected .qa-selection-choice-icon{background:#168de8!important;color:#fff!important;border-color:#168de8!important} /* One action family: submit / previous / restart */ #qa-chat-root .qa-selection-primary-action-wrap{margin-top:8px!important;margin-bottom:6px!important} #qa-chat-root .qa-selection-primary-cta, #qa-chat-root .qa-selection-composer-action{min-height:48px!important;border-radius:14px!important;font-family:var(--font)!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:all .18s ease!important} #qa-chat-root .qa-selection-primary-cta{min-width:min(410px,100%)!important;padding:8px 16px!important;background:linear-gradient(90deg,#168df0,#45b6ef)!important;border:1px solid transparent!important;color:#fff!important;box-shadow:0 10px 22px rgba(22,141,240,.18)!important} #qa-chat-root .qa-selection-primary-cta strong{font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;color:#fff!important} #qa-chat-root .qa-selection-primary-cta small{font-size:9.8px!important;color:rgba(255,255,255,.88)!important} #qa-chat-root .qa-selection-primary-cta>span:last-child{width:31px!important;height:31px!important;border-radius:10px!important;background:rgba(255,255,255,.16)!important;color:#fff!important} #qa-chat-root .qa-selection-primary-cta:hover,#qa-chat-root .qa-selection-primary-cta:focus-visible{background:linear-gradient(90deg,#0e84e8,#39aceb)!important;transform:translateY(-1px)!important;box-shadow:0 14px 27px rgba(22,141,240,.23)!important} #qa-chat-root .qa-selection-composer-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:8px 0 9px!important;padding:0!important;direction:rtl!important} #qa-chat-root .qa-selection-composer-actions>span{display:none!important} #qa-chat-root .qa-selection-composer-action{width:100%!important;padding:0 14px!important;border:1px solid #9dcdf0!important;background:linear-gradient(180deg,#f8fcff,#eef8ff)!important;color:#176aa8!important;box-shadow:0 6px 15px rgba(42,140,222,.06)!important} #qa-chat-root .qa-selection-composer-action span{color:#178fe7!important;font-size:max(var(--tsqam-font-min,10px),calc(15px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-composer-action strong{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important;color:#176aa8!important} #qa-chat-root .qa-selection-composer-action:hover,#qa-chat-root .qa-selection-composer-action:focus-visible{background:#eaf6ff!important;border-color:#70b9ed!important;color:#0e5e9d!important;transform:translateY(-1px)!important;box-shadow:0 10px 20px rgba(42,140,222,.09)!important} #qa-chat-root .qa-selection-composer-action:hover strong,#qa-chat-root .qa-selection-composer-action:focus-visible strong{color:#0e5e9d!important} #qa-chat-root .qa-selection-composer-action.is-reset{margin:0!important;background:linear-gradient(180deg,#f8fcff,#eef8ff)!important;border-color:#9dcdf0!important;color:#176aa8!important;box-shadow:0 6px 15px rgba(42,140,222,.06)!important} #qa-chat-root .qa-selection-composer-action.is-reset:hover,#qa-chat-root .qa-selection-composer-action.is-reset:focus-visible{background:#eaf6ff!important;border-color:#70b9ed!important;color:#0e5e9d!important} #qa-chat-root .qa-selection-composer-confirm{border-color:#c9def0!important;background:linear-gradient(180deg,#fbfdff,#f2f9ff)!important} #qa-chat-root .qa-selection-composer-confirm strong{color:#183b5c!important} #qa-chat-root .qa-selection-composer-confirm small{color:#6d879f!important} #qa-chat-root .qa-selection-composer-confirm button{border-color:#bdd7ea!important;background:#fff!important;color:#4f6f8b!important} #qa-chat-root .qa-selection-composer-confirm button.is-danger{background:#168df0!important;border-color:#168df0!important;color:#fff!important} /* Keep all inline/system cards in same cool-blue family */ #qa-chat-root .qa-selection-phase-note, #qa-chat-root .qa-selection-server-state, #qa-chat-root .qa-selection-results-footnote, #qa-chat-root .qa-selection-commercial-done{border-color:#d3e4f2!important;background:linear-gradient(180deg,#fbfdff,#f5faff)!important;color:#5a7590!important;border-radius:16px!important;box-shadow:0 7px 18px rgba(45,95,138,.035)!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-message-bot .qa-selection-bubble, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-mini-value .qa-selection-bubble{background:#142333!important;border-color:#28435a!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-message-user .qa-selection-user-bubble{background:#1a4667!important;border-color:#35627f!important;color:#e7f4ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-glass-btn{background:#14283a!important;border-color:#2d485f!important;color:#e5f1fb!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-glass-btn strong{color:#e5f1fb!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-glass-btn small{color:#9db6ca!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-composer-action,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-composer-action.is-reset{background:#173148!important;border-color:#35607e!important;color:#d8ecfb!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-composer-action strong{color:#d8ecfb!important} @media (max-width:760px){ #qa-chat-root .qa-selection-message{gap:7px!important;margin-bottom:12px!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble{max-width:calc(100% - 42px)!important} #qa-chat-root .qa-selection-message-user .qa-selection-user-bubble{max-width:78%!important} #qa-chat-root .qa-selection-composer-actions{grid-template-columns:1fr 1fr!important;gap:8px!important} #qa-chat-root .qa-selection-composer-action{min-height:43px!important;padding:0 9px!important} #qa-chat-root .qa-selection-primary-cta{min-height:50px!important} } /* ===== r56 Telegram bot behavior polish ===== */ #qa-chat-root .qa-selection-chat-composer.is-active{border-color:#8fc8f2!important;background:rgba(255,255,255,.99)!important;box-shadow:0 12px 30px rgba(31,139,224,.10)!important} #qa-chat-root .qa-selection-chat-composer.is-active input{color:#183958!important;font-weight:750!important;cursor:text!important} #qa-chat-root .qa-selection-chat-composer.is-active input::placeholder{color:#8aa1b7!important} #qa-chat-root .qa-selection-chat-composer.is-active .qa-selection-composer-send:not([disabled]){background:linear-gradient(145deg,#168df0,#45b8ef)!important;color:#fff!important;box-shadow:0 10px 22px rgba(22,141,240,.22)!important;cursor:pointer!important;transform:none!important} #qa-chat-root .qa-selection-chat-composer.is-active .qa-selection-composer-send:not([disabled]):hover{transform:translateY(-1px)!important;box-shadow:0 14px 26px rgba(22,141,240,.28)!important} #qa-chat-root .qa-selection-chat-composer.is-active .qa-selection-composer-attach{opacity:.62!important} /* Telegram reply-keyboard commands live immediately above composer. */ #qa-chat-root .qa-selection-bot-keyboard{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:7px!important;margin:7px 0 8px!important;padding:0 2px!important;direction:rtl!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action{width:auto!important;min-width:118px!important;min-height:38px!important;padding:0 13px!important;border-radius:12px!important;background:#f4f9fd!important;border:1px solid #c7ddec!important;color:#426581!important;box-shadow:0 4px 12px rgba(42,91,132,.035)!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action span{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;color:#168de8!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action strong{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important;color:inherit!important;white-space:nowrap!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action:hover,#qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action:focus-visible{background:#eaf6ff!important;border-color:#82bee9!important;color:#175f99!important;transform:translateY(-1px)!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action.is-reset{margin:0!important;background:#f4f9fd!important;border-color:#c7ddec!important;color:#426581!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action.is-reset:hover{background:#fff5f5!important;border-color:#efc1c1!important;color:#a94747!important} /* Sent text + typing indicator feel like a live Telegram bot. */ #qa-chat-root .qa-selection-composer-echo{animation:qaSelectionMessageIn .18s ease-out both!important} #qa-chat-root .qa-selection-typing-message{animation:qaSelectionMessageIn .2s ease-out both!important} #qa-chat-root .qa-selection-typing-bubble{width:auto!important;min-width:82px!important;max-width:130px!important;padding:11px 14px!important} #qa-chat-root .qa-selection-typing-bubble .qa-selection-sender-name{margin-bottom:5px!important;font-size:9.5px!important} #qa-chat-root .qa-selection-typing-dots{display:flex!important;align-items:center!important;direction:ltr!important;gap:5px!important;height:14px!important} #qa-chat-root .qa-selection-typing-dots i{width:6px!important;height:6px!important;border-radius:50%!important;background:#58aee8!important;opacity:.4;animation:qaSelectionTyping 1s ease-in-out infinite!important} #qa-chat-root .qa-selection-typing-dots i:nth-child(2){animation-delay:.14s!important} #qa-chat-root .qa-selection-typing-dots i:nth-child(3){animation-delay:.28s!important} @keyframes qaSelectionTyping{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-3px);opacity:1}} @keyframes qaSelectionMessageIn{from{opacity:0;transform:translateY(5px) scale(.99)}to{opacity:1;transform:none}} /* Inline identity forms are intentionally retired; text is sent through main composer. */ #qa-chat-root .qa-selection-inline-editor-message .qa-selection-bubble{max-width:min(650px,78%)!important} #qa-chat-root .qa-selection-inline-input-wrap{display:none!important} /* Keep the chat transcript visually sequential. */ #qa-chat-root .qa-selection-message-user+.qa-selection-message-bot{margin-top:-2px!important} #qa-chat-root .qa-selection-message-bot+.qa-selection-message-user{margin-top:2px!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble,#qa-chat-root .qa-selection-message-user .qa-selection-user-bubble{will-change:transform,opacity} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-chat-composer.is-active{background:#132333!important;border-color:#3d6a88!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-chat-composer.is-active input{color:#eaf6ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action.is-reset{background:#152a3c!important;border-color:#31516a!important;color:#c9dceb!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action:hover{background:#1b3850!important;border-color:#4d82a6!important;color:#eef8ff!important} @media(max-width:760px){ #qa-chat-root .qa-selection-bot-keyboard{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action{width:100%!important;min-width:0!important;min-height:36px!important;padding:0 8px!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action strong{font-size:10px!important} #qa-chat-root .qa-selection-typing-bubble{min-width:76px!important;padding:9px 11px!important} } /* r57: subtle user-name polish; Telegram shell stays unchanged. */ #qa-chat-root .qa-selection-user-name-highlight{display:inline-block;color:#118eea;font-weight:1000;padding:0 3px;text-shadow:0 1px 0 rgba(255,255,255,.75)} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-user-name-highlight{color:#76c9ff;text-shadow:none} /* ===== r58 confirmation-through-composer + unified Telegram command keyboard ===== */ #qa-chat-root .qa-selection-inline-confirm-retired{display:none!important} #qa-chat-root .qa-selection-chat-stage .qa-selection-primary-action-wrap .qa-selection-text-action[data-selection-open-edit-menu], #qa-chat-root .qa-selection-chat-stage .qa-selection-primary-action-wrap .qa-selection-text-action[data-selection-change-auth-subject], #qa-chat-root .qa-selection-chat-stage>[data-selection-change-rank-route]{display:none!important} #qa-chat-root .qa-selection-bot-keyboard{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin:8px 0 9px!important;padding:0 2px!important;direction:rtl!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action{min-width:0!important;width:auto!important;min-height:40px!important;padding:0 14px!important;border-radius:13px!important;border:1px solid #bcd8ee!important;background:linear-gradient(180deg,#f9fcff,#eef7ff)!important;color:#315f84!important;box-shadow:0 5px 14px rgba(43,91,132,.045)!important;gap:7px!important;transition:all .18s ease!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action span{color:#168de8!important;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action strong{color:inherit!important;font-size:max(var(--tsqam-font-min,10px),calc(10.8px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:900!important;white-space:nowrap!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action:hover,#qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action:focus-visible{background:linear-gradient(180deg,#eef8ff,#e1f2ff)!important;border-color:#79bced!important;color:#135f9b!important;transform:translateY(-1px)!important;box-shadow:0 9px 18px rgba(39,137,214,.09)!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action.is-reset{background:linear-gradient(180deg,#f9fcff,#eef7ff)!important;border-color:#bcd8ee!important;color:#315f84!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action.is-reset:hover{background:linear-gradient(180deg,#fff8f8,#fff0f0)!important;border-color:#efb9b9!important;color:#a23f3f!important} #qa-chat-root .qa-selection-chat-composer:has(.qa-selection-composer-send.is-confirm-mode){border-color:#8ac8f3!important;background:linear-gradient(180deg,#fff,#f9fdff)!important;box-shadow:0 12px 28px rgba(22,141,240,.09)!important} #qa-chat-root .qa-selection-composer-send.is-confirm-mode{background:linear-gradient(145deg,#138ce9,#3eb7ef)!important;color:#fff!important;box-shadow:0 10px 22px rgba(22,141,240,.22)!important} #qa-chat-root .qa-selection-composer-send.is-confirm-mode>span{font-size:max(var(--tsqam-font-min,10px),calc(19px - var(--tsqam-font-cut-md,0px)))!important;font-weight:950!important;line-height:1!important} #qa-chat-root .qa-selection-composer-send.is-confirm-mode:not([disabled]):hover{transform:translateY(-1px)!important;box-shadow:0 14px 26px rgba(22,141,240,.28)!important} #qa-chat-root .qa-selection-composer-send.is-processing{cursor:wait!important;pointer-events:none!important;background:linear-gradient(145deg,#168de8,#55bff0)!important;box-shadow:0 10px 24px rgba(22,141,240,.20)!important} #qa-chat-root .qa-selection-send-loader{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:28px!important;height:18px!important} #qa-chat-root .qa-selection-send-loader i{width:4px!important;height:4px!important;border-radius:50%!important;background:#fff!important;animation:qaSelectionSendPulse .9s ease-in-out infinite!important} #qa-chat-root .qa-selection-send-loader i:nth-child(2){animation-delay:.13s!important} #qa-chat-root .qa-selection-send-loader i:nth-child(3){animation-delay:.26s!important} @keyframes qaSelectionSendPulse{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-3px);opacity:1}} #qa-chat-root .qa-selection-confirm-typing{margin-top:4px!important;animation:qaSelectionMessageIn .18s ease-out both!important} #qa-chat-root .qa-selection-confirm-typing .qa-selection-typing-bubble{display:flex!important;align-items:center!important;gap:9px!important;min-width:150px!important;max-width:190px!important;padding:10px 13px!important} #qa-chat-root .qa-selection-confirm-typing .qa-selection-sender-name{display:none!important} #qa-chat-root .qa-selection-confirm-typing .qa-selection-processing-label{font-size:10px!important;font-weight:800!important;color:#6a849b!important;white-space:nowrap!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action.is-reset{background:#152b3e!important;border-color:#315570!important;color:#d0e4f4!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-chat-composer:has(.qa-selection-composer-send.is-confirm-mode){background:#132333!important;border-color:#3e7194!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-confirm-typing .qa-selection-processing-label{color:#a3bdd2!important} @media(max-width:760px){ #qa-chat-root .qa-selection-bot-keyboard{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action{width:100%!important;min-height:38px!important;padding:0 8px!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action strong{font-size:9.8px!important} } /* r59: confirm-mode composer must be obviously actionable */ #qa-chat-root .qa-selection-chat-composer:has(.qa-selection-composer-send.is-confirm-mode){border-color:#7fc4f3!important;background:linear-gradient(180deg,#ffffff,#f3faff)!important;box-shadow:0 12px 30px rgba(22,141,240,.11)!important} #qa-chat-root .qa-selection-composer-send.is-confirm-mode:not([disabled]){background:linear-gradient(145deg,#0d89eb,#43b9f1)!important;color:#fff!important;box-shadow:0 12px 26px rgba(22,141,240,.26)!important;cursor:pointer!important} #qa-chat-root .qa-selection-composer-send.is-confirm-mode:not([disabled]) span{font-size:max(var(--tsqam-font-min,10px),calc(20px - var(--tsqam-font-cut-lg,0px)))!important;font-weight:950!important;color:#fff!important;-webkit-text-fill-color:#fff!important} #qa-chat-root .qa-selection-composer-send.is-confirm-mode:not([disabled]):hover{transform:translateY(-1px) scale(1.02)!important;box-shadow:0 16px 30px rgba(22,141,240,.32)!important} #qa-chat-root .qa-selection-chat-composer:has(.qa-selection-composer-send.is-confirm-mode) input{color:#5f7892!important;font-weight:750!important} /* ===== r60: text confirm + universal processing feedback ===== */ #qa-chat-root .qa-selection-chat-composer.is-confirm-mode, #qa-chat-root .qa-selection-chat-composer:has(.qa-selection-composer-send.is-confirm-mode){ grid-template-columns:44px minmax(0,1fr) 136px!important; border-color:#78bff1!important; background:linear-gradient(180deg,#ffffff,#f3faff)!important; box-shadow:0 12px 30px rgba(22,141,240,.11)!important; } #qa-chat-root .qa-selection-composer-send.is-confirm-mode{ width:136px!important;min-width:136px!important;height:46px!important; padding:0 16px!important;border-radius:14px!important; display:flex!important;align-items:center!important;justify-content:center!important; background:linear-gradient(135deg,#0f8cea,#43b8ef)!important;color:#fff!important; box-shadow:0 12px 26px rgba(22,141,240,.24)!important;overflow:hidden!important; } #qa-chat-root .qa-selection-composer-send.is-confirm-mode .qa-selection-confirm-label{ display:block!important;white-space:nowrap!important;font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:950!important; line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important; } #qa-chat-root .qa-selection-composer-send.is-confirm-mode:not([disabled]):hover{ background:linear-gradient(135deg,#087fd9,#36afea)!important; transform:translateY(-1px)!important;box-shadow:0 16px 30px rgba(22,141,240,.30)!important; } #qa-chat-root .qa-selection-composer-send.is-processing{ width:136px!important;min-width:136px!important;background:linear-gradient(135deg,#63baf1,#8ed4f6)!important; cursor:progress!important;pointer-events:none!important; } #qa-chat-root .qa-selection-global-processing{animation:qaSelectionProcessingIn .2s ease both!important} #qa-chat-root .qa-selection-global-processing .qa-selection-typing-bubble{min-width:220px!important} #qa-chat-root .qa-selection-global-processing .qa-selection-processing-label{display:block;margin-top:5px;color:#67839e;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:800} @keyframes qaSelectionProcessingIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}} /* Estimated rank provider fields: friendly and compact. */ #qa-chat-root .qa-selection-provider-fields{margin:0 57px!important;padding:14px!important;border:1px solid #d3e4f2!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#f8fcff)!important;box-shadow:0 10px 26px rgba(42,94,139,.045)!important} #qa-chat-root .qa-selection-provider-field{display:grid!important;gap:8px!important;color:#36536f!important;font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:850!important} #qa-chat-root .qa-selection-provider-field select{min-height:46px!important;border:1px solid #cfe0ef!important;border-radius:14px!important;background:#fff!important;color:#173754!important;padding:0 12px!important;font:inherit!important;font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important;outline:none!important} #qa-chat-root .qa-selection-provider-field select:focus{border-color:#71baf0!important;box-shadow:0 0 0 3px rgba(31,146,229,.09)!important} @media (max-width:760px){ #qa-chat-root .qa-selection-chat-composer.is-confirm-mode, #qa-chat-root .qa-selection-chat-composer:has(.qa-selection-composer-send.is-confirm-mode){grid-template-columns:40px minmax(0,1fr) 118px!important} #qa-chat-root .qa-selection-composer-send.is-confirm-mode,#qa-chat-root .qa-selection-composer-send.is-processing{width:118px!important;min-width:118px!important;padding:0 10px!important} #qa-chat-root .qa-selection-composer-send.is-confirm-mode .qa-selection-confirm-label{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root .qa-selection-provider-fields{margin:0 43px!important;padding:11px!important} } /* ===== r61: reset confirmation lives inside composer + subject percentage estimator ===== */ #qa-chat-root .qa-selection-reset-confirm-composer{ grid-template-columns:92px minmax(0,1fr) 108px!important; min-height:68px!important;padding:8px!important;gap:9px!important;direction:rtl!important; border:1px solid #a9cee9!important;border-radius:18px!important; background:linear-gradient(180deg,#fff,#f7fbff)!important; box-shadow:0 12px 28px rgba(42,96,142,.075)!important; } #qa-chat-root .qa-selection-reset-confirm-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:right;direction:rtl;padding:0 5px} #qa-chat-root .qa-selection-reset-confirm-copy strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)));font-weight:950;color:#183957;line-height:1.5} #qa-chat-root .qa-selection-reset-confirm-copy small{margin-top:2px;font-size:10px;font-weight:700;color:#718ba2;line-height:1.65} #qa-chat-root .qa-selection-reset-save-btn,#qa-chat-root .qa-selection-reset-cancel-btn{height:48px;border-radius:14px;font:inherit;font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)));font-weight:950;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;border:1px solid transparent} #qa-chat-root .qa-selection-reset-save-btn{grid-column:3;background:linear-gradient(135deg,#0f8cea,#43b8ef);color:#fff;box-shadow:0 10px 22px rgba(22,141,240,.19)} #qa-chat-root .qa-selection-reset-save-btn:hover:not([disabled]){transform:translateY(-1px);background:linear-gradient(135deg,#087fd9,#35afe9);box-shadow:0 14px 27px rgba(22,141,240,.27)} #qa-chat-root .qa-selection-reset-cancel-btn{grid-column:1;background:linear-gradient(180deg,#fff7f7,#fff0f0);border-color:#efb9b9;color:#b33f47;box-shadow:0 7px 17px rgba(184,63,72,.06)} #qa-chat-root .qa-selection-reset-cancel-btn:hover:not([disabled]){transform:translateY(-1px);background:#ffeaea;border-color:#e9959b;color:#972f37} #qa-chat-root .qa-selection-reset-confirm-composer.is-processing .qa-selection-reset-confirm-copy small{color:#1685d2} #qa-chat-root .qa-selection-reset-save-btn[disabled],#qa-chat-root .qa-selection-reset-cancel-btn[disabled]{cursor:progress;opacity:.78} #qa-chat-root .qa-selection-estimator-hint{margin:0;padding:14px 15px;border:1px dashed #c8ddec;border-radius:16px;background:#f9fcff;text-align:right;direction:rtl} #qa-chat-root .qa-selection-estimator-hint strong{display:block;font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)));font-weight:950;color:#244863} #qa-chat-root .qa-selection-estimator-hint small{display:block;margin-top:4px;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:700;color:#718aa0} #qa-chat-root .qa-selection-subject-percent-card{grid-column:1/-1;padding:2px;direction:rtl} #qa-chat-root .qa-selection-subject-percent-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid #e1ecf5} #qa-chat-root .qa-selection-subject-percent-head strong{display:block;font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)));font-weight:950;color:#173754} #qa-chat-root .qa-selection-subject-percent-head small{display:block;margin-top:3px;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));line-height:1.7;font-weight:700;color:#718aa0} #qa-chat-root .qa-selection-subject-percent-head>span{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:#e9f5ff;color:#1677bc;font-size:10px;font-weight:900} #qa-chat-root .qa-selection-subject-percent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #qa-chat-root .qa-selection-subject-percent-field{display:grid;gap:7px;padding:10px 11px;border:1px solid #d8e6f2;border-radius:15px;background:linear-gradient(180deg,#fff,#fbfdff)} #qa-chat-root .qa-selection-subject-percent-field>span{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:900;color:#385873} #qa-chat-root .qa-selection-subject-percent-field>div{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;border:1px solid #cfe0ef;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease} #qa-chat-root .qa-selection-subject-percent-field>div:focus-within{border-color:#70b9ee;box-shadow:0 0 0 3px rgba(22,141,240,.08)} #qa-chat-root .qa-selection-subject-percent-field input{min-height:42px!important;width:100%!important;border:0!important;box-shadow:none!important;outline:none!important;padding:0 11px!important;background:transparent!important;color:#183956!important;text-align:right!important;font:inherit!important;font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:850!important} #qa-chat-root .qa-selection-subject-percent-field b{height:100%;display:grid;place-items:center;background:#f0f8ff;color:#1789dc;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:950} #qa-chat-root .qa-selection-subject-percent-note{margin:12px 1px 0;font-size:9.8px;line-height:1.8;font-weight:700;color:#7990a4} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-reset-confirm-composer,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-subject-percent-field,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-subject-percent-field>div,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-estimator-hint{background:#142536!important;border-color:#31516a!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-reset-confirm-copy strong,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-subject-percent-head strong,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-subject-percent-field>span,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-subject-percent-field input{color:#e7f4ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-subject-percent-field b{background:#18364e;color:#7fcaff} @media(max-width:760px){ #qa-chat-root .qa-selection-reset-confirm-composer{grid-template-columns:78px minmax(0,1fr) 88px!important;gap:6px!important;padding:7px!important} #qa-chat-root .qa-selection-reset-save-btn,#qa-chat-root .qa-selection-reset-cancel-btn{height:44px;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important;padding:0 8px} #qa-chat-root .qa-selection-reset-confirm-copy strong{font-size:max(var(--tsqam-font-min,10px),calc(10.8px - var(--tsqam-font-cut-xs,0px)))} #qa-chat-root .qa-selection-reset-confirm-copy small{font-size:9px;line-height:1.5} #qa-chat-root .qa-selection-subject-percent-grid{grid-template-columns:1fr} #qa-chat-root .qa-selection-subject-percent-head{align-items:flex-start} } /* ===== r62 results pagination + polished probability summary ===== */ #qa-chat-root .qa-selection-result-buckets{display:block!important;margin:4px 57px 16px!important;width:auto!important;max-width:none!important;padding:14px!important;border-radius:20px!important;border:1px solid #d4e4f2!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.98))!important;box-shadow:0 10px 28px rgba(42,91,137,.05)!important} #qa-chat-root .qa-selection-result-buckets-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;direction:rtl} #qa-chat-root .qa-selection-result-buckets-head>div{display:grid;gap:2px;text-align:right} #qa-chat-root .qa-selection-result-buckets-head strong{font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)));font-weight:950;color:#183653} #qa-chat-root .qa-selection-result-buckets-head small{font-size:10px;font-weight:700;color:#7690a8} #qa-chat-root .qa-selection-result-buckets-head>span{padding:6px 10px;border-radius:999px;background:#eef7ff;color:#2786cb;font-size:10px;font-weight:900;white-space:nowrap} #qa-chat-root .qa-selection-result-bucket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;direction:rtl} #qa-chat-root .qa-selection-result-bucket-grid>div{min-height:64px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;border-radius:16px;border:1px solid #dbe8f3;background:#fff;box-shadow:0 5px 15px rgba(43,92,136,.03)} #qa-chat-root .qa-selection-result-bucket-grid>div>div{display:grid;gap:1px;text-align:right} #qa-chat-root .qa-selection-result-bucket-grid>div>div>span{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:950;color:#24425f} #qa-chat-root .qa-selection-result-bucket-grid>div>div>small{font-size:9px;font-weight:700;color:#8298ad} #qa-chat-root .qa-selection-result-bucket-grid>div>strong{font-size:max(var(--tsqam-font-min,10px),calc(19px - var(--tsqam-font-cut-md,0px)));font-weight:950;color:#24425f;line-height:1} #qa-chat-root .qa-selection-result-bucket-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)));font-weight:950} #qa-chat-root .qa-selection-result-bucket-grid>.is-safe{border-color:#c8ead8;background:linear-gradient(180deg,#fbfffd,#f4fcf7)} #qa-chat-root .qa-selection-result-bucket-grid>.is-safe .qa-selection-result-bucket-icon{background:#e1f7ea;color:#16945a} #qa-chat-root .qa-selection-result-bucket-grid>.is-logical{border-color:#cde2f5;background:linear-gradient(180deg,#fcfeff,#f4faff)} #qa-chat-root .qa-selection-result-bucket-grid>.is-logical .qa-selection-result-bucket-icon{background:#e5f3ff;color:#2088d5} #qa-chat-root .qa-selection-result-bucket-grid>.is-challenging{border-color:#f1dfc5;background:linear-gradient(180deg,#fffefa,#fff9f1)} #qa-chat-root .qa-selection-result-bucket-grid>.is-challenging .qa-selection-result-bucket-icon{background:#fff1d9;color:#c47a12} #qa-chat-root .qa-selection-results-more-wrap{margin:14px 57px 18px;display:flex;justify-content:center} #qa-chat-root .qa-selection-results-more{min-width:min(390px,100%);min-height:54px;display:flex;align-items:center;justify-content:center;gap:11px;padding:8px 18px;border:1px solid #acd5f3;border-radius:16px;background:linear-gradient(180deg,#f8fcff,#eaf6ff);color:#166aa9;font-family:var(--font);cursor:pointer;box-shadow:0 9px 22px rgba(42,135,207,.08);transition:all .18s ease} #qa-chat-root .qa-selection-results-more:hover{transform:translateY(-1px);border-color:#72b9ee;background:linear-gradient(180deg,#f4fbff,#dff2ff);box-shadow:0 13px 28px rgba(42,135,207,.13)} #qa-chat-root .qa-selection-results-more-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#168df0,#45b6ef);color:#fff;font-size:max(var(--tsqam-font-min,10px),calc(18px - var(--tsqam-font-cut-md,0px)));font-weight:400;box-shadow:0 7px 16px rgba(22,141,240,.18)} #qa-chat-root .qa-selection-results-more>span:last-child{display:grid;gap:1px;text-align:right;direction:rtl} #qa-chat-root .qa-selection-results-more strong{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)));font-weight:950;color:#155f99} #qa-chat-root .qa-selection-results-more small{font-size:9.5px;font-weight:750;color:#7290a9} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-buckets{background:#132231!important;border-color:#294359!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-buckets-head strong,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-bucket-grid>div>div>span,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-bucket-grid>div>strong{color:#e6f2fb!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-bucket-grid>div{background:#152838!important;border-color:#2a455c!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-results-more{background:#15314a!important;border-color:#35678d!important;color:#d8efff!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-results-more strong{color:#d8efff!important} @media(max-width:760px){#qa-chat-root .qa-selection-result-buckets{margin:4px 43px 13px!important;padding:11px!important;border-radius:17px!important}#qa-chat-root .qa-selection-result-buckets-head{align-items:flex-start;margin-bottom:10px}#qa-chat-root .qa-selection-result-buckets-head strong{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))}#qa-chat-root .qa-selection-result-buckets-head small{font-size:9px}#qa-chat-root .qa-selection-result-bucket-grid{grid-template-columns:1fr!important;gap:7px!important}#qa-chat-root .qa-selection-result-bucket-grid>div{min-height:52px;grid-template-columns:30px minmax(0,1fr) auto;padding:8px 9px;border-radius:14px}#qa-chat-root .qa-selection-result-bucket-icon{width:30px;height:30px;border-radius:10px}#qa-chat-root .qa-selection-result-bucket-grid>div>strong{font-size:max(var(--tsqam-font-min,10px),calc(17px - var(--tsqam-font-cut-md,0px)))}#qa-chat-root .qa-selection-results-more-wrap{margin:12px 43px 16px}#qa-chat-root .qa-selection-results-more{min-width:100%;min-height:50px;border-radius:14px}} /* ===== r63 FINAL POLISH: results/cards/composer/mobile ===== */ #qa-chat-root .qa-selection-results-intro .qa-selection-bubble{ border-color:#c8deef!important; background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%)!important; box-shadow:0 14px 32px rgba(43,94,139,.065)!important; } #qa-chat-root .qa-selection-results-intro .qa-selection-eyebrow{ background:linear-gradient(180deg,#eef8ff,#e5f4ff)!important; color:#167dca!important; } #qa-chat-root .qa-selection-result-buckets{ padding:16px!important; border-radius:22px!important; border-color:#cfe1f0!important; box-shadow:0 14px 34px rgba(42,91,137,.06)!important; } #qa-chat-root .qa-selection-result-buckets-head{margin-bottom:14px!important} #qa-chat-root .qa-selection-result-buckets-head strong{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;letter-spacing:-.1px} #qa-chat-root .qa-selection-result-buckets-head>span{ min-height:30px;display:inline-flex;align-items:center;padding:0 11px!important; background:linear-gradient(180deg,#f2f9ff,#e8f5ff)!important; border:1px solid #d4e8f7;color:#1d77b8!important; } #qa-chat-root .qa-selection-result-bucket-grid{gap:10px!important} #qa-chat-root .qa-selection-result-bucket-grid>div{ min-height:70px!important;padding:11px 12px!important;border-radius:17px!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } #qa-chat-root .qa-selection-result-bucket-grid>div:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(46,94,137,.06)!important} #qa-chat-root .qa-selection-result-bucket-icon{width:36px!important;height:36px!important;border-radius:13px!important} #qa-chat-root .qa-selection-result-bucket-grid>div>strong{font-size:max(var(--tsqam-font-min,10px),calc(20px - var(--tsqam-font-cut-lg,0px)))!important} #qa-chat-root .qa-selection-result-list{ gap:12px!important; align-items:stretch!important; } #qa-chat-root .qa-selection-result-card{ position:relative!important;overflow:hidden!important; min-height:252px!important;padding:16px!important;border-radius:20px!important; border:1px solid #d5e5f2!important; background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important; box-shadow:0 10px 28px rgba(39,85,126,.055)!important; gap:9px!important; isolation:isolate; } #qa-chat-root .qa-selection-result-card::before{ content:"";position:absolute;inset-inline:18px;top:0;height:3px;border-radius:0 0 999px 999px; background:linear-gradient(90deg,#9fd8fb,#39a9ee);opacity:.68; } #qa-chat-root .qa-selection-result-card.is-safe::before{background:linear-gradient(90deg,#a8e4c5,#31b875)} #qa-chat-root .qa-selection-result-card.is-logical::before{background:linear-gradient(90deg,#a8d8fb,#3ca6ec)} #qa-chat-root .qa-selection-result-card.is-challenging::before{background:linear-gradient(90deg,#f4d6a5,#eaa94a)} #qa-chat-root .qa-selection-result-card:hover{ transform:translateY(-2px)!important;border-color:#a9cfe9!important; box-shadow:0 18px 38px rgba(35,92,140,.10)!important; } #qa-chat-root .qa-selection-result-card.is-saved{border-color:#b8e2cc!important;background:linear-gradient(180deg,#ffffff,#f8fdf9)!important} #qa-chat-root .qa-selection-result-card.is-rejected{opacity:.78;background:linear-gradient(180deg,#fff,#fffafa)!important;border-color:#ead4d4!important} #qa-chat-root .qa-selection-result-card-top{min-height:30px!important;margin-bottom:1px} #qa-chat-root .qa-selection-result-number{ width:29px!important;height:29px!important;border-radius:10px!important; background:linear-gradient(180deg,#eef8ff,#e5f3ff)!important; border:1px solid #d9ebf8;color:#1686d4!important;font-size:10px!important; } #qa-chat-root .qa-selection-result-state{gap:5px!important} #qa-chat-root .qa-selection-result-state>span{ min-height:26px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px; font-size:9px;font-weight:900; } #qa-chat-root .qa-selection-result-state>span.is-saved{background:#e9f8ef;color:#188652;border:1px solid #ccebd9} #qa-chat-root .qa-selection-result-state>span.is-rejected{background:#fff0f0;color:#a54a4f;border:1px solid #f0d0d2} #qa-chat-root .qa-selection-chance-badge{ min-height:27px!important;display:inline-flex!important;align-items:center!important; padding:0 10px!important;border-radius:999px!important;font-size:9.5px!important; border:1px solid #d6e7f5!important;background:#eef7ff!important;color:#2475b4!important; } #qa-chat-root .qa-selection-result-card.is-safe .qa-selection-chance-badge{background:#eaf9f1!important;border-color:#c9ead8!important;color:#168653!important} #qa-chat-root .qa-selection-result-card.is-challenging .qa-selection-chance-badge{background:#fff7e9!important;border-color:#f0ddbd!important;color:#b87617!important} #qa-chat-root .qa-selection-result-card h4{ margin:3px 0 0!important;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important;line-height:1.75!important;color:#132f4b!important; } #qa-chat-root .qa-selection-result-card>strong{ font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:900!important;line-height:1.8!important;color:#304e69!important; } #qa-chat-root .qa-selection-result-meta{gap:7px!important;margin-top:1px} #qa-chat-root .qa-selection-result-meta>span{ min-height:27px;display:inline-flex;align-items:center;padding:0 9px;border-radius:9px; background:#f5f9fc;border:1px solid #e3edf5;color:#668199!important;font-size:9.5px!important;font-weight:750; } #qa-chat-root .qa-selection-result-hint{ display:block!important;margin-top:1px!important;padding:8px 10px!important;border-radius:11px!important; background:#f8fbfe!important;border:1px dashed #dce8f2!important;color:#6f879c!important;font-size:9.5px!important; } #qa-chat-root .qa-selection-result-details{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important; padding:10px!important;border-radius:13px!important;background:#f6fafd!important;border:1px solid #e1ebf3!important; } #qa-chat-root .qa-selection-result-details>div{display:grid;gap:2px;padding:7px 8px;border-radius:10px;background:#fff;border:1px solid #e6eef5} #qa-chat-root .qa-selection-result-details>div>span{font-size:8.8px;color:#7a91a5;font-weight:750} #qa-chat-root .qa-selection-result-details>div>strong{font-size:10px;color:#35536d;font-weight:900;line-height:1.55} #qa-chat-root .qa-selection-result-actions{ margin-top:auto!important;padding-top:10px!important;border-top:1px solid #e6eef5!important;gap:7px!important; } #qa-chat-root .qa-selection-result-action{ min-height:35px!important;padding:0 10px!important;border-radius:11px!important; background:#f7fafc!important;border-color:#dbe7f0!important;color:#58738b!important;font-size:9.8px!important; display:inline-flex;align-items:center;justify-content:center;gap:5px; } #qa-chat-root .qa-selection-result-action:hover:not([disabled]){transform:translateY(-1px);background:#eef7ff!important;border-color:#a7cfea!important;color:#1f6fa9!important;box-shadow:0 7px 16px rgba(42,125,191,.07)} #qa-chat-root .qa-selection-result-action.is-save{background:#f2fbf6!important;border-color:#cfe9db!important;color:#1e8058!important} #qa-chat-root .qa-selection-result-action.is-save:hover:not([disabled]){background:#e8f8ef!important;border-color:#a9dbc0!important;color:#176d49!important} #qa-chat-root .qa-selection-result-action.is-reject{background:#fff7f7!important;border-color:#efd7d8!important;color:#9e5558!important} #qa-chat-root .qa-selection-result-action.is-reject:hover:not([disabled]){background:#fff0f0!important;border-color:#e7bfc2!important;color:#914044!important} #qa-chat-root .qa-selection-result-action[disabled]{cursor:wait!important;opacity:.66!important} #qa-chat-root .qa-selection-results-more-wrap{margin-top:16px!important;margin-bottom:20px!important} #qa-chat-root .qa-selection-results-more{ min-height:58px!important;border-radius:18px!important;border-color:#9bcdf1!important; background:linear-gradient(180deg,#fbfdff 0%,#eaf6ff 100%)!important; box-shadow:0 12px 26px rgba(34,121,190,.09)!important; } #qa-chat-root .qa-selection-results-more:hover{transform:translateY(-2px)!important;box-shadow:0 17px 34px rgba(34,121,190,.14)!important} #qa-chat-root .qa-selection-results-more-icon{width:37px!important;height:37px!important;border-radius:13px!important;font-size:max(var(--tsqam-font-min,10px),calc(20px - var(--tsqam-font-cut-lg,0px)))!important} #qa-chat-root .qa-selection-results-more strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root .qa-selection-results-more small{font-size:9.8px!important} #qa-chat-root .qa-selection-board-cta-wrap .qa-selection-board-cta{ border-radius:17px!important;box-shadow:0 13px 28px rgba(22,141,240,.15)!important; } #qa-chat-root .qa-selection-results-footnote{ border-radius:15px!important;background:linear-gradient(180deg,#fbfdff,#f5faff)!important;border-color:#dae8f3!important; } #qa-chat-root .qa-selection-chat-composer{ border-color:#bfd9ed!important;box-shadow:0 14px 32px rgba(38,88,132,.075)!important; } #qa-chat-root .qa-selection-chat-composer:focus-within{border-color:#78bbea!important;box-shadow:0 14px 34px rgba(22,141,240,.10),0 0 0 3px rgba(22,141,240,.055)!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-card{ background:linear-gradient(180deg,#152838,#132331)!important;border-color:#29465e!important;box-shadow:none!important; } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-card h4{color:#e9f4fc!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-card>strong{color:#c4d9e9!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-meta>span,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-hint,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-details{background:#11212f!important;border-color:#284157!important;color:#9eb6ca!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-details>div{background:#162b3c!important;border-color:#2d4a61!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-details>div>strong{color:#d8eaf7!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-action{background:#14283a!important;border-color:#2d4b63!important;color:#bdd3e4!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-action:hover:not([disabled]){background:#18364c!important;color:#e7f4ff!important} @media(max-width:760px){ #qa-chat-root .qa-selection-result-buckets{padding:12px!important;border-radius:18px!important} #qa-chat-root .qa-selection-result-list{gap:10px!important} #qa-chat-root .qa-selection-result-card{min-height:0!important;padding:14px!important;border-radius:17px!important} #qa-chat-root .qa-selection-result-card h4{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-result-card>strong{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root .qa-selection-result-details{grid-template-columns:1fr!important} #qa-chat-root .qa-selection-result-action{min-height:34px!important;padding:0 8px!important;font-size:9.3px!important} #qa-chat-root .qa-selection-results-more{min-height:52px!important;border-radius:15px!important} #qa-chat-root .qa-selection-results-more-icon{width:33px!important;height:33px!important;border-radius:11px!important} } /* Phase 5 — behavioral interaction controls: real result filters, not telemetry-only UI. */ #qa-chat-root .qa-selection-result-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 57px 12px!important;width:auto!important;direction:rtl} #qa-chat-root .qa-selection-result-filters button{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #d6e4f0;border-radius:999px;background:#fff;color:#607d98;font:inherit;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:850;cursor:pointer;transition:all .16s ease} #qa-chat-root .qa-selection-result-filters button strong{min-width:21px;height:21px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:#edf5fb;color:#4f789a;font-size:9.5px} #qa-chat-root .qa-selection-result-filters button:hover{transform:translateY(-1px);border-color:#8fc6ee;color:#186ba9;background:#f8fcff} #qa-chat-root .qa-selection-result-filters button.is-active{border-color:#64afe6;background:linear-gradient(180deg,#eaf7ff,#dff2ff);color:#105f9c;box-shadow:0 8px 20px rgba(43,137,207,.08)} #qa-chat-root .qa-selection-result-filters button.is-active strong{background:#2b91d8;color:#fff} #qa-chat-root .qa-selection-results-filter-empty{margin:0 57px 14px!important;width:auto!important;max-width:none!important;text-align:center} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-filters button{background:#142838;border-color:#2b465d;color:#b3c9dc} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-filters button strong{background:#1b354a;color:#a9cee9} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-filters button.is-active{background:#183b55;border-color:#5aace8;color:#eaf7ff} @media(max-width:760px){#qa-chat-root .qa-selection-result-filters{margin:0 43px 10px!important;gap:6px}#qa-chat-root .qa-selection-result-filters button{min-height:34px;padding:6px 9px;font-size:10px;flex:1 1 auto;justify-content:center}#qa-chat-root .qa-selection-results-filter-empty{margin:0 43px 12px!important}} /* Phase 1 — selection UI cleanup (r76): mobile search removed; desktop search retained. */ @media (max-width:760px){ #qa-chat-root .qa-selection-search-wrap{display:none!important} } /* ===== r79: GPA / academic-state input ===== */ #qa-chat-root .qa-selection-gpa-field{display:grid;gap:7px;margin-top:12px;padding-top:11px;border-top:1px dashed color-mix(in srgb,var(--accent) 12%,var(--border));color:var(--muted);font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:850} #qa-chat-root .qa-selection-gpa-field>span{color:var(--text);font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:900} #qa-chat-root .qa-selection-gpa-field>div{display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:center;gap:0;margin-top:1px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:13px;background:var(--surface-strong);overflow:hidden} #qa-chat-root .qa-selection-gpa-field>div:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 0 0 3px rgba(51,144,236,.08)} #qa-chat-root .qa-selection-gpa-field input{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;text-align:right;font-weight:900} #qa-chat-root .qa-selection-gpa-field b{height:100%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 7%,var(--surface-soft));color:var(--accent);font-size:10px;font-weight:950} .qa-selection-commitment-badge{font-weight:800;border:1px solid currentColor;padding:3px 8px;border-radius:999px;white-space:nowrap}.qa-selection-result-card.is-expanded .qa-selection-commitment-badge{opacity:.95} /* ===== r83: Selection composer UX unification ===== */ #qa-chat-root .qa-selection-suggestion-row{display:none!important} #qa-chat-root .qa-selection-chat-stage{padding-bottom:32px!important} #qa-chat-root.qa-selection-surface-open #qa-messages{scroll-padding-bottom:132px!important} #qa-chat-root .qa-selection-chat-composer:not(.qa-selection-reset-confirm-composer){ display:grid!important;grid-template-columns:44px minmax(0,1fr) 48px!important;gap:9px!important;align-items:center!important; min-height:66px!important;margin-top:10px!important;padding:8px 9px!important; border:1px solid #c7dced!important;border-radius:17px!important; background:linear-gradient(180deg,#ffffff 0%,#f8fbfe 100%)!important; box-shadow:0 10px 26px rgba(46,91,130,.055)!important;direction:rtl!important;z-index:12!important; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important; } #qa-chat-root .qa-selection-composer-state{ grid-column:1!important;width:44px!important;height:44px!important;border-radius:13px!important; display:grid!important;place-items:center!important;border:1px solid #c4dced!important; background:linear-gradient(180deg,#f9fcff,#eef7ff)!important;color:#2288d2!important; font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;font-weight:950!important;box-shadow:0 5px 14px rgba(43,91,132,.04)!important; } #qa-chat-root .qa-selection-composer-field{grid-column:2!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:1px!important;cursor:default!important} #qa-chat-root .qa-selection-composer-field small{display:block!important;color:#6f879c!important;font-size:9.5px!important;font-weight:850!important;line-height:1.45!important;padding-inline:8px!important} #qa-chat-root .qa-selection-chat-composer .qa-selection-composer-field input{ width:100%!important;height:31px!important;min-height:31px!important;padding:0 8px!important;border:0!important;outline:0!important;background:transparent!important; color:#173754!important;font-size:max(var(--tsqam-font-min,10px),calc(11.8px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:780!important;text-align:right!important;direction:rtl!important;box-shadow:none!important; } #qa-chat-root .qa-selection-chat-composer .qa-selection-composer-field input::placeholder{color:#8da2b5!important;opacity:1!important} #qa-chat-root .qa-selection-composer-send{ grid-column:3!important;width:48px!important;height:48px!important;border-radius:14px!important;border:0!important; display:grid!important;place-items:center!important;background:linear-gradient(145deg,#168df0,#45b8ef)!important;color:#fff!important; box-shadow:0 9px 20px rgba(22,141,240,.19)!important;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease!important; } #qa-chat-root .qa-selection-composer-send>span{font-size:max(var(--tsqam-font-min,10px),calc(18px - var(--tsqam-font-cut-md,0px)))!important;font-weight:950!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important} #qa-chat-root .qa-selection-chat-composer.is-text-enabled{border-color:#8fc8f2!important;background:linear-gradient(180deg,#fff,#f7fcff)!important;box-shadow:0 13px 30px rgba(31,139,224,.09)!important} #qa-chat-root .qa-selection-chat-composer.is-text-enabled .qa-selection-composer-state{border-color:#9bcff1!important;background:linear-gradient(180deg,#eef8ff,#dff2ff)!important;color:#1478bc!important} #qa-chat-root .qa-selection-chat-composer.is-text-enabled:focus-within{border-color:#64afe7!important;box-shadow:0 14px 32px rgba(22,141,240,.11),0 0 0 3px rgba(22,141,240,.055)!important} #qa-chat-root .qa-selection-chat-composer.is-text-enabled .qa-selection-composer-send:not([disabled]){cursor:pointer!important} #qa-chat-root .qa-selection-chat-composer.is-text-enabled .qa-selection-composer-send:not([disabled]):hover{transform:translateY(-1px)!important;box-shadow:0 13px 25px rgba(22,141,240,.27)!important} #qa-chat-root .qa-selection-chat-composer.is-disabled{border-color:#dbe5ed!important;background:linear-gradient(180deg,#fbfcfd,#f5f8fa)!important;box-shadow:0 7px 18px rgba(58,84,106,.035)!important} #qa-chat-root .qa-selection-chat-composer.is-disabled .qa-selection-composer-state{background:#f3f7fa!important;border-color:#dbe5ed!important;color:#91a6b7!important;box-shadow:none!important} #qa-chat-root .qa-selection-chat-composer.is-disabled .qa-selection-composer-field small{color:#93a4b2!important} #qa-chat-root .qa-selection-chat-composer.is-disabled input:disabled{opacity:1!important;cursor:not-allowed!important;color:#8fa0ae!important;-webkit-text-fill-color:#8fa0ae!important} #qa-chat-root .qa-selection-chat-composer.is-disabled input:disabled::placeholder{color:#9aabb8!important;-webkit-text-fill-color:#9aabb8!important} #qa-chat-root .qa-selection-chat-composer.is-disabled .qa-selection-composer-send, #qa-chat-root .qa-selection-composer-send[disabled]{opacity:1!important;cursor:not-allowed!important;background:#dfe8ef!important;color:#9aabba!important;box-shadow:none!important;border:1px solid #d4e0e8!important} #qa-chat-root .qa-selection-chat-composer.is-disabled .qa-selection-composer-send>span, #qa-chat-root .qa-selection-composer-send[disabled]>span{color:#9aabba!important;-webkit-text-fill-color:#9aabba!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action{min-height:42px!important;border-radius:14px!important;background:linear-gradient(180deg,#fbfdff,#f1f8fd)!important;border-color:#c5dced!important;box-shadow:0 6px 15px rgba(43,91,132,.04)!important} #qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action:hover,#qa-chat-root .qa-selection-bot-keyboard .qa-selection-composer-action:focus-visible{border-color:#91c5e9!important;background:linear-gradient(180deg,#f2f9ff,#e8f5ff)!important;box-shadow:0 8px 18px rgba(43,120,178,.07)!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-chat-composer:not(.qa-selection-reset-confirm-composer){background:linear-gradient(180deg,#142638,#122230)!important;border-color:#2d4a61!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-chat-composer.is-disabled{background:linear-gradient(180deg,#142330,#12202c)!important;border-color:#294255!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-composer-state{background:#183247!important;border-color:#31526b!important;color:#8dc8ef!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-composer-field small{color:#91aabd!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-chat-composer .qa-selection-composer-field input{color:#eaf6ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-chat-composer.is-disabled input:disabled{color:#70889b!important;-webkit-text-fill-color:#70889b!important} @media(max-width:760px){ #qa-chat-root .qa-selection-chat-stage{padding-bottom:42px!important} #qa-chat-root.qa-selection-surface-open #qa-messages{scroll-padding-bottom:150px!important} #qa-chat-root .qa-selection-chat-composer:not(.qa-selection-reset-confirm-composer){ position:sticky!important;bottom:max(4px,env(safe-area-inset-bottom))!important; grid-template-columns:38px minmax(0,1fr) 42px!important;gap:7px!important;min-height:60px!important; padding:7px!important;margin-bottom:max(4px,env(safe-area-inset-bottom))!important;border-radius:15px!important; } #qa-chat-root .qa-selection-composer-state{width:38px!important;height:38px!important;border-radius:12px!important;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-composer-send{width:42px!important;height:42px!important;border-radius:12px!important} #qa-chat-root .qa-selection-composer-field small{font-size:8.8px!important;padding-inline:6px!important} #qa-chat-root .qa-selection-chat-composer .qa-selection-composer-field input{height:27px!important;min-height:27px!important;font-size:max(var(--tsqam-font-min,10px),calc(10.7px - var(--tsqam-font-cut-xs,0px)))!important;padding:0 6px!important} } #qa-chat-root .qa-selection-composer-inline-hint{display:block;margin-top:6px;color:#718ba2;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:750;line-height:1.8} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-composer-inline-hint{color:#96afc2} /* ===== r86 / Hotfix Phase 2: contextual composer + start CTA dock ===== */ #qa-chat-root .qa-selection-start-dock{ position:sticky!important;bottom:4px!important;z-index:12!important; width:100%!important;min-height:66px!important;margin-top:10px!important;padding:6px!important; border:1px solid #b9d8ee!important;border-radius:17px!important; background:linear-gradient(180deg,#ffffff 0%,#f7fbfe 100%)!important; box-shadow:0 12px 28px rgba(31,91,137,.075)!important; direction:rtl!important; } #qa-chat-root .qa-selection-start-dock-btn{ width:100%!important;min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important; padding:8px 14px!important;border:0!important;border-radius:13px!important;cursor:pointer!important; background:linear-gradient(90deg,#168df0,#45b6ef)!important;color:#fff!important; box-shadow:0 10px 22px rgba(22,141,240,.18)!important;font:inherit!important;transition:transform .16s ease,box-shadow .16s ease!important; } #qa-chat-root .qa-selection-start-dock-btn:hover,#qa-chat-root .qa-selection-start-dock-btn:focus-visible{transform:translateY(-1px)!important;box-shadow:0 14px 28px rgba(22,141,240,.24)!important;outline:none!important} #qa-chat-root .qa-selection-start-dock-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:0!important} #qa-chat-root .qa-selection-start-dock-copy strong{font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important;color:#fff!important;line-height:1.55!important} #qa-chat-root .qa-selection-start-dock-copy small{font-size:9.6px!important;font-weight:750!important;color:rgba(255,255,255,.9)!important;line-height:1.55!important} #qa-chat-root .qa-selection-start-dock-icon{width:32px!important;height:32px!important;flex:0 0 32px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;font-weight:950!important} /* Non-text stages no longer render an inert composer. Keep this fail-safe in case stale markup survives a partial cache update. */ #qa-chat-root .qa-selection-chat-composer.is-disabled{display:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-start-dock{background:linear-gradient(180deg,#142638,#122230)!important;border-color:#31536c!important;box-shadow:none!important} @media(max-width:760px){ #qa-chat-root .qa-selection-start-dock{bottom:max(4px,env(safe-area-inset-bottom))!important;min-height:60px!important;padding:5px!important;margin-bottom:max(4px,env(safe-area-inset-bottom))!important;border-radius:15px!important} #qa-chat-root .qa-selection-start-dock-btn{min-height:50px!important;border-radius:12px!important;padding:7px 10px!important} #qa-chat-root .qa-selection-start-dock-copy strong{font-size:max(var(--tsqam-font-min,10px),calc(11.7px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root .qa-selection-start-dock-copy small{font-size:8.9px!important} #qa-chat-root .qa-selection-start-dock-icon{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:9px!important} } /* Hotfix Phase 3 / r87: Selection never moves the reader when bot content rerenders. */ #qa-chat-root[data-selection-surface="open"] #qa-messages, #qa-chat-root[data-selection-surface="open"] #qa-selection-surface, #qa-chat-root[data-selection-surface="open"] .qa-selection-message{ overflow-anchor:none!important; } /* r88: full rank-aware major catalog + global search */ #qa-chat-root .qa-selection-major-picker .qa-selection-major-cloud{max-height:260px!important} #qa-chat-root .qa-selection-major-chip{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:normal!important;text-align:right!important} #qa-chat-root .qa-selection-major-chip .qa-selection-major-name{font-weight:900!important;line-height:1.45!important} #qa-chat-root .qa-selection-major-chip .qa-selection-major-status{display:inline-flex!important;align-items:center!important;min-height:19px!important;padding:2px 6px!important;border-radius:999px!important;background:#edf6fd!important;color:#5680a2!important;font-size:8.8px!important;font-weight:850!important;line-height:1.35!important} #qa-chat-root .qa-selection-major-chip .qa-selection-major-status{position:relative;gap:4px;max-width:100%} #qa-chat-root .qa-selection-major-chip .qa-selection-major-status>span{white-space:nowrap} #qa-chat-root .qa-selection-major-chip .qa-selection-major-status>i{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;border:1px solid currentColor;font-style:normal;font-size:8px;font-weight:950;opacity:.72;flex:0 0 auto} #qa-chat-root .qa-selection-major-chip .qa-selection-major-status[data-hint]::after{content:attr(data-hint);position:absolute;z-index:120;inset-inline-start:50%;bottom:calc(100% + 9px);width:min(330px,72vw);padding:9px 11px;border-radius:11px;background:#162435;color:#fff;font-size:9.5px;font-weight:650;line-height:1.85;white-space:normal;text-align:right;box-shadow:0 12px 30px rgba(12,28,45,.22);opacity:0;visibility:hidden;transform:translate(-50%,4px);pointer-events:none;transition:.16s ease} #qa-chat-root .qa-selection-major-chip .qa-selection-major-status[data-hint]::before{content:"";position:absolute;z-index:121;inset-inline-start:50%;bottom:calc(100% + 4px);width:9px;height:9px;background:#162435;transform:translateX(-50%) rotate(45deg);opacity:0;visibility:hidden;transition:.16s ease} #qa-chat-root .qa-selection-major-chip:hover .qa-selection-major-status[data-hint]::after,#qa-chat-root .qa-selection-major-chip:focus .qa-selection-major-status[data-hint]::after,#qa-chat-root .qa-selection-major-chip:focus-visible .qa-selection-major-status[data-hint]::after{opacity:1;visibility:visible;transform:translate(-50%,0)} #qa-chat-root .qa-selection-major-chip:hover .qa-selection-major-status[data-hint]::before,#qa-chat-root .qa-selection-major-chip:focus .qa-selection-major-status[data-hint]::before,#qa-chat-root .qa-selection-major-chip:focus-visible .qa-selection-major-status[data-hint]::before{opacity:1;visibility:visible} #qa-chat-root .qa-selection-major-chip.qa-selection-major-safe .qa-selection-major-status{background:#eaf8ef!important;color:#2c7a4b!important} #qa-chat-root .qa-selection-major-chip.qa-selection-major-logical .qa-selection-major-status{background:#e8f5ff!important;color:#1979bb!important} #qa-chat-root .qa-selection-major-chip.qa-selection-major-challenging .qa-selection-major-status{background:#fff6e8!important;color:#a56b17!important} #qa-chat-root .qa-selection-major-chip.qa-selection-major-low_chance .qa-selection-major-status{background:#fff0f0!important;color:#a94c4c!important} #qa-chat-root .qa-selection-major-chip.is-outside-group{opacity:.72!important;cursor:not-allowed!important;border-style:dashed!important} #qa-chat-root .qa-selection-major-chip.is-outside-group .qa-selection-major-status{background:#f1f3f5!important;color:#758390!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-major-chip .qa-selection-major-status{background:#1b3448!important;color:#b7d3e7!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-major-chip.qa-selection-major-safe .qa-selection-major-status{background:#173b2a!important;color:#9de0b5!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-major-chip.qa-selection-major-logical .qa-selection-major-status{background:#17374e!important;color:#9ed5fa!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-major-chip.qa-selection-major-challenging .qa-selection-major-status{background:#45351b!important;color:#f2cb82!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-major-chip.qa-selection-major-low_chance .qa-selection-major-status{background:#472526!important;color:#f0aaaa!important} @media(max-width:760px){ #qa-chat-root .qa-selection-major-picker .qa-selection-major-cloud{max-height:340px!important} #qa-chat-root .qa-selection-major-chip{gap:5px!important} #qa-chat-root .qa-selection-major-chip .qa-selection-major-status{font-size:8.2px!important;padding:2px 5px!important} } /* ===== r90 layout normalization: top info box + bottom primary dock ===== */ #qa-chat-root .qa-selection-server-hub{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:14px!important; margin-inline-start:57px!important; margin-inline-end:57px!important; margin-bottom:12px!important; padding:14px 16px!important; border-radius:18px!important; background:linear-gradient(180deg,#fbfdff,#f4f9ff)!important; border:1px solid #d8e6f3!important; box-shadow:0 10px 24px rgba(45,95,138,.05)!important; } #qa-chat-root .qa-selection-server-hub-copy{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;flex:1 1 auto!important} #qa-chat-root .qa-selection-server-hub-title{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important} #qa-chat-root .qa-selection-server-hub-dot{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;flex:0 0 22px!important;border-radius:999px!important;background:linear-gradient(180deg,#e5f6eb,#d7f2e0)!important;color:#18a957!important;font-size:9px!important;line-height:1!important} #qa-chat-root .qa-selection-server-hub-title strong{font-size:max(var(--tsqam-font-min,10px),calc(12.8px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important;color:#173a5d!important;line-height:1.6!important} #qa-chat-root .qa-selection-server-hub-copy small{display:block!important;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.95!important;color:#67839b!important} #qa-chat-root .qa-selection-server-hub-actions{display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;flex:0 0 auto!important} #qa-chat-root .qa-selection-server-hub-actions .qa-selection-composer-actions{margin:0!important;padding:0!important;justify-content:flex-end!important} #qa-chat-root .qa-selection-bottom-primary-dock{ position:sticky!important; bottom:4px!important; z-index:5!important; display:flex!important; align-items:center!important; margin-top:auto!important; min-height:62px!important; padding:8px 9px!important; border-radius:17px!important; border:1px solid #c9dced!important; background:rgba(255,255,255,.96)!important; box-shadow:0 10px 28px rgba(44,95,141,.06)!important; backdrop-filter:blur(14px)!important; } #qa-chat-root .qa-selection-bottom-primary-dock.is-empty{display:none!important} #qa-chat-root .qa-selection-bottom-primary-dock .qa-selection-dock-cta{ min-width:100%!important; width:100%!important; min-height:46px!important; height:46px!important; padding:0 14px!important; border-radius:14px!important; grid-template-columns:36px minmax(0,1fr)!important; align-items:center!important; } #qa-chat-root .qa-selection-bottom-primary-dock .qa-selection-dock-cta strong{font-size:max(var(--tsqam-font-min,10px),calc(12.7px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.45!important} #qa-chat-root .qa-selection-bottom-primary-dock .qa-selection-dock-cta small{display:none!important} #qa-chat-root .qa-selection-bottom-primary-dock .qa-selection-dock-cta>span:last-child{grid-column:1!important;grid-row:1!important;width:32px!important;height:32px!important;border-radius:11px!important} #qa-chat-root .qa-selection-inline-wrap-retired{display:none!important} #qa-chat-root .qa-selection-chat-stage>.qa-selection-text-action[data-selection-change-rank-route], #qa-chat-root .qa-selection-chat-stage>.qa-selection-text-action[data-selection-open-edit-menu], #qa-chat-root .qa-selection-chat-stage>.qa-selection-text-action[data-selection-change-auth-subject]{display:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-server-hub{ background:linear-gradient(180deg,#142638,#122230)!important; border-color:#31536c!important; box-shadow:none!important; } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-server-hub-title strong{color:#edf7ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-server-hub-copy small{color:#a9c0d3!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-server-hub-dot{background:#1f3d30!important;color:#7ee2a6!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-bottom-primary-dock{background:#142333!important;border-color:#28435a!important;box-shadow:none!important} @media (max-width:760px){ #qa-chat-root .qa-selection-server-hub{flex-direction:column!important;gap:10px!important;margin-inline-start:43px!important;margin-inline-end:43px!important;padding:12px 13px!important;border-radius:16px!important} #qa-chat-root .qa-selection-server-hub-actions{width:100%!important;justify-content:stretch!important} #qa-chat-root .qa-selection-server-hub-actions .qa-selection-composer-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important} #qa-chat-root .qa-selection-server-hub-actions .qa-selection-composer-action{width:100%!important;min-width:0!important} #qa-chat-root .qa-selection-bottom-primary-dock{bottom:max(4px,env(safe-area-inset-bottom))!important;min-height:60px!important;padding:7px!important;border-radius:15px!important} #qa-chat-root .qa-selection-bottom-primary-dock .qa-selection-dock-cta{min-height:44px!important;height:44px!important;padding:0 12px!important} #qa-chat-root .qa-selection-bottom-primary-dock .qa-selection-dock-cta strong{font-size:max(var(--tsqam-font-min,10px),calc(11.7px - var(--tsqam-font-cut-xs,0px)))!important} } /* ===== r91 action-stack cleanup: simple secondary buttons above single primary CTA ===== */ #qa-chat-root .qa-selection-control-stack{ display:flex!important; flex-direction:column!important; gap:10px!important; margin-top:10px!important; } #qa-chat-root .qa-selection-inline-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; min-height:0!important; } #qa-chat-root .qa-selection-inline-actions:empty{display:none!important} #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-actions{ margin:0!important; padding:0!important; width:100%!important; justify-content:flex-end!important; gap:8px!important; } #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-action{ width:auto!important; min-width:116px!important; min-height:40px!important; padding:0 14px!important; border-radius:13px!important; background:#fff!important; border:1px solid #c6dced!important; box-shadow:none!important; color:#355c7d!important; } #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-action strong{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important;color:inherit!important} #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-action span{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;color:#168de8!important} #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-action:hover, #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-action:focus-visible{background:#f4faff!important;border-color:#7ebeed!important;color:#145e99!important;transform:none!important;box-shadow:none!important} #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-action.is-reset{background:#fff!important;border-color:#c6dced!important;color:#355c7d!important} #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-action.is-reset:hover{background:#fff7f7!important;border-color:#efbdbd!important;color:#a74a4a!important} #qa-chat-root .qa-selection-server-hub{ align-items:center!important; margin-inline-start:57px!important; margin-inline-end:57px!important; padding:12px 16px!important; } #qa-chat-root .qa-selection-server-hub-copy{width:100%!important} #qa-chat-root .qa-selection-server-hub-title{justify-content:space-between!important} #qa-chat-root .qa-selection-server-hub-copy small{margin-top:1px!important} #qa-chat-root .qa-selection-bottom-primary-dock{ position:relative!important; bottom:auto!important; margin-top:0!important; } #qa-chat-root .qa-selection-bottom-primary-dock .qa-selection-dock-cta{ min-height:52px!important; height:52px!important; padding:0 16px!important; border-radius:15px!important; grid-template-columns:38px minmax(0,1fr)!important; } #qa-chat-root .qa-selection-bottom-primary-dock .qa-selection-dock-cta strong{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-bottom-primary-dock .qa-selection-dock-cta[disabled]{cursor:not-allowed!important;filter:saturate(.72)!important;box-shadow:none!important} #qa-chat-root .qa-selection-bottom-primary-dock .qa-selection-dock-cta[disabled] strong{opacity:.96!important} #qa-chat-root .qa-selection-primary-action-wrap, #qa-chat-root .qa-selection-board-cta-wrap{display:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-action, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-action.is-reset{background:#14283a!important;border-color:#325169!important;color:#d7e8f4!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-action:hover{background:#193248!important;border-color:#4e81a5!important;color:#eef8ff!important} @media (max-width:760px){ #qa-chat-root .qa-selection-control-stack{gap:8px!important} #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important} #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-action{min-width:0!important;width:100%!important;min-height:38px!important;padding:0 10px!important} #qa-chat-root .qa-selection-inline-actions .qa-selection-composer-action strong{font-size:10px!important} #qa-chat-root .qa-selection-server-hub{margin-inline-start:43px!important;margin-inline-end:43px!important;padding:11px 13px!important} #qa-chat-root .qa-selection-bottom-primary-dock{padding:7px!important;border-radius:15px!important} #qa-chat-root .qa-selection-bottom-primary-dock .qa-selection-dock-cta{min-height:46px!important;height:46px!important;padding:0 12px!important} #qa-chat-root .qa-selection-bottom-primary-dock .qa-selection-dock-cta strong{font-size:max(var(--tsqam-font-min,10px),calc(11.8px - var(--tsqam-font-cut-xs,0px)))!important} } /* r96 — school-record taraz, canonical geography and human-readable chance UX */ #qa-chat-root .qa-selection-school-record-card{ margin:12px 0;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:18px; background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--surface-strong)),var(--surface-strong));display:grid;gap:12px } #qa-chat-root .qa-selection-school-record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} #qa-chat-root .qa-selection-school-record-head>div{display:grid;gap:4px} #qa-chat-root .qa-selection-school-record-head span{font-size:10px;font-weight:900;color:var(--muted)} #qa-chat-root .qa-selection-school-record-head strong{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)));line-height:1.8;color:var(--text)} #qa-chat-root .qa-selection-school-record-head em{font-style:normal;font-size:9px;font-weight:950;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent)} #qa-chat-root .qa-selection-school-record-modes,#qa-chat-root .qa-selection-school-track{display:grid;gap:8px} #qa-chat-root .qa-selection-school-record-modes .qa-selection-option-buttons,#qa-chat-root .qa-selection-school-track .qa-selection-option-buttons{grid-template-columns:repeat(2,minmax(0,1fr))} #qa-chat-root .qa-selection-school-taraz-field,#qa-chat-root .qa-selection-gpa-field{display:grid;gap:7px} #qa-chat-root .qa-selection-school-taraz-field>span,#qa-chat-root .qa-selection-gpa-field>span,#qa-chat-root .qa-selection-school-track>span{font-size:10px;font-weight:900;color:var(--text)} #qa-chat-root .qa-selection-school-taraz-field>div,#qa-chat-root .qa-selection-gpa-field>div,#qa-chat-root .qa-selection-school-grade-grid label>div{display:flex;align-items:center;border:1px solid var(--border);background:var(--surface);border-radius:13px;overflow:hidden} #qa-chat-root .qa-selection-school-taraz-field input,#qa-chat-root .qa-selection-gpa-field input,#qa-chat-root .qa-selection-school-grade-grid input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:11px 12px!important;color:var(--text)!important;font:inherit} #qa-chat-root .qa-selection-school-taraz-field b,#qa-chat-root .qa-selection-gpa-field b,#qa-chat-root .qa-selection-school-grade-grid b{padding:0 10px;font-size:9px;color:var(--muted);white-space:nowrap} #qa-chat-root .qa-selection-school-taraz-field small,#qa-chat-root .qa-selection-gpa-field small,#qa-chat-root .qa-selection-school-grade-intro small,#qa-chat-root .qa-selection-school-preview small{font-size:9px;line-height:1.75;color:var(--muted)} #qa-chat-root .qa-selection-optional-label{font-style:normal;font-size:8px;font-weight:850;color:var(--muted);margin-inline-start:5px} #qa-chat-root .qa-selection-school-grade-intro{display:grid;gap:3px;padding-top:4px} #qa-chat-root .qa-selection-school-grade-intro strong{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));color:var(--text)} #qa-chat-root .qa-selection-school-grade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #qa-chat-root .qa-selection-school-grade-grid label{display:grid;gap:5px;padding:9px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:13px;background:color-mix(in srgb,var(--surface) 94%,transparent)} #qa-chat-root .qa-selection-school-grade-grid label>span{font-size:10px;font-weight:900;color:var(--text)} #qa-chat-root .qa-selection-school-grade-grid label>small{font-size:8px;color:var(--muted)} #qa-chat-root .qa-selection-school-preview{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;padding:10px 12px;border-radius:13px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 11%,var(--border))} #qa-chat-root .qa-selection-school-preview span{font-size:9px;color:var(--muted);font-weight:850} #qa-chat-root .qa-selection-school-preview strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)));color:var(--accent);font-weight:950} #qa-chat-root .qa-selection-school-preview small{grid-column:1/-1} #qa-chat-root .qa-selection-school-record-notice{margin:0;padding:9px 11px;border-radius:12px;background:color-mix(in srgb,#e9a62b 8%,var(--surface));border:1px solid color-mix(in srgb,#e9a62b 18%,var(--border));font-size:9px;line-height:1.85;color:var(--muted)} #qa-chat-root .qa-selection-geo-picker{display:grid;gap:7px;margin-top:10px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border))} #qa-chat-root .qa-selection-geo-picker>span{font-size:10px;font-weight:900;color:var(--text)} #qa-chat-root .qa-selection-geo-picker select{width:100%;height:42px;border-radius:11px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);padding:0 10px;font:inherit;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));outline:none} #qa-chat-root .qa-selection-geo-picker select:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)} #qa-chat-root .qa-selection-geo-picker small,#qa-chat-root .qa-selection-geo-warning small{font-size:9px;line-height:1.75;color:var(--muted)} #qa-chat-root .qa-selection-geo-warning{display:grid;gap:4px;margin-top:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#e9a62b 8%,var(--surface));border:1px solid color-mix(in srgb,#e9a62b 18%,var(--border))} #qa-chat-root .qa-selection-geo-warning strong{font-size:10px;color:var(--text)} #qa-chat-root .qa-selection-rank-result-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))} #qa-chat-root .qa-selection-rank-result-grid>div small{font-size:8px;color:var(--muted);line-height:1.5} @media (max-width:640px){ #qa-chat-root .qa-selection-major-chip .qa-selection-major-status[data-hint]::after{position:fixed;inset:auto 12px 16px 12px;width:auto;max-width:none;transform:translateY(4px);font-size:10px;line-height:1.9} #qa-chat-root .qa-selection-major-chip:hover .qa-selection-major-status[data-hint]::after,#qa-chat-root .qa-selection-major-chip:focus .qa-selection-major-status[data-hint]::after,#qa-chat-root .qa-selection-major-chip:focus-visible .qa-selection-major-status[data-hint]::after{transform:translateY(0)} #qa-chat-root .qa-selection-major-chip .qa-selection-major-status[data-hint]::before{display:none} #qa-chat-root .qa-selection-school-grade-grid{grid-template-columns:1fr} #qa-chat-root .qa-selection-school-record-modes .qa-selection-option-buttons,#qa-chat-root .qa-selection-school-track .qa-selection-option-buttons{grid-template-columns:1fr} } /* ===== r98: viewport portal hints + explicit board-build feedback ===== */ /* Disable the legacy pseudo tooltip. It lives inside the scrollable major cloud and is clipped by overflow. */ #qa-chat-root .qa-selection-major-chip .qa-selection-major-status[data-hint]::before, #qa-chat-root .qa-selection-major-chip .qa-selection-major-status[data-hint]::after{content:none!important;display:none!important} .qa-selection-major-hint-portal{ position:fixed!important; z-index:2147483000!important; display:none; box-sizing:border-box; width:max-content; max-width:min(380px,calc(100vw - 24px)); padding:11px 13px; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:#162435; color:#fff; direction:rtl; text-align:right; font-family:inherit; font-size:10px; font-weight:700; line-height:1.9; letter-spacing:0; white-space:normal; overflow-wrap:anywhere; box-shadow:0 18px 46px rgba(8,22,38,.3),0 2px 10px rgba(8,22,38,.16); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(3px) scale(.985); transform-origin:center; transition:opacity .14s ease,transform .14s ease,visibility .14s ease; } .qa-selection-major-hint-portal.is-visible{display:block;opacity:1;visibility:visible;transform:translateY(0) scale(1)} .qa-selection-major-hint-portal::after{ content:""; position:absolute; left:var(--qa-major-hint-arrow-x,50%); width:10px; height:10px; background:#162435; transform:translateX(-50%) rotate(45deg); pointer-events:none; } .qa-selection-major-hint-portal[data-placement="top"]::after{bottom:-5px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)} .qa-selection-major-hint-portal[data-placement="bottom"]::after{top:-5px;border-left:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08)} :root[data-qa-theme="dark"] .qa-selection-major-hint-portal{background:#0d1823;border-color:#29445a;color:#eef7ff;box-shadow:0 18px 46px rgba(0,0,0,.5)} :root[data-qa-theme="dark"] .qa-selection-major-hint-portal::after{background:#0d1823} #qa-chat-root .qa-selection-board-build-message .qa-selection-typing-bubble{min-width:min(430px,82%);padding:12px 14px!important} #qa-chat-root .qa-selection-board-build-message .qa-selection-typing-bubble>strong{display:block;margin-top:3px;color:#173654;font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)));font-weight:950;line-height:1.75} #qa-chat-root .qa-selection-board-build-message .qa-selection-typing-bubble>p{margin:3px 0 8px;color:#6d879d;font-size:10px;font-weight:700;line-height:1.85} #qa-chat-root .qa-selection-board-build-message .qa-selection-typing-dots{margin-top:2px} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-build-message .qa-selection-typing-bubble>strong{color:#ecf7ff} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-board-build-message .qa-selection-typing-bubble>p{color:#9db6ca} @media (max-width:760px){ .qa-selection-major-hint-portal{max-width:calc(100vw - 20px);font-size:max(var(--tsqam-font-min,10px),calc(10.2px - var(--tsqam-font-cut-xs,0px)));line-height:1.95;padding:11px 12px} #qa-chat-root .qa-selection-board-build-message .qa-selection-typing-bubble{min-width:min(88%,390px)} } /* Phase 14 — Results API/UI contract integration */ #qa-chat-root .qa-selection-analysis-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:11px;padding-top:11px;border-top:1px solid #e7eef4} #qa-chat-root .qa-selection-analysis-scale>div{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 8px;border:1px solid #dfe9f2;border-radius:11px;background:#fff;color:#4e6d86} #qa-chat-root .qa-selection-analysis-scale span{min-width:0;font-size:8.8px;font-weight:800;line-height:1.45;white-space:normal} #qa-chat-root .qa-selection-analysis-scale strong{min-width:23px;height:23px;display:grid;place-items:center;border-radius:999px;background:#edf4f9;font-size:10px;color:#315b79} #qa-chat-root .qa-selection-analysis-scale .is-strong{border-color:#bfe7d0;background:#f4fcf7;color:#19784e} #qa-chat-root .qa-selection-analysis-scale .is-supported{border-color:#cfe5d8;background:#f8fcfa;color:#2f7758} #qa-chat-root .qa-selection-analysis-scale .is-borderline{border-color:#cfe2f2;background:#f6fbff;color:#2b6f9e} #qa-chat-root .qa-selection-analysis-scale .is-challenging{border-color:#efddb9;background:#fffaf1;color:#9a651f} #qa-chat-root .qa-selection-analysis-scale .is-beyond{border-color:#ead2d4;background:#fff7f7;color:#9a4c52} #qa-chat-root .qa-selection-analysis-badge{display:inline-flex!important;align-items:center;min-height:24px;padding:3px 8px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important;border:1px solid #d5e2ec!important;background:#f5f9fc!important;color:#4e6c83!important;white-space:nowrap} #qa-chat-root .qa-selection-analysis-badge.is-strong{background:#eaf9f1!important;border-color:#c7ead6!important;color:#167c4d!important} #qa-chat-root .qa-selection-analysis-badge.is-supported{background:#f0f9f4!important;border-color:#d2e9dc!important;color:#2d7555!important} #qa-chat-root .qa-selection-analysis-badge.is-borderline{background:#eef8ff!important;border-color:#cae4f5!important;color:#2474aa!important} #qa-chat-root .qa-selection-analysis-badge.is-challenging{background:#fff7e9!important;border-color:#f0ddbd!important;color:#ad711c!important} #qa-chat-root .qa-selection-analysis-badge.is-beyond{background:#fff0f0!important;border-color:#efcfd2!important;color:#9a444b!important} #qa-chat-root .qa-selection-result-analysis-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px;padding:7px 9px;border:1px solid #e4edf4;border-radius:11px;background:#f9fbfd} #qa-chat-root .qa-selection-result-analysis-line small{flex:1 1 220px;min-width:0;font-size:9.2px;line-height:1.7;color:#67839a;font-weight:720} #qa-chat-root .qa-selection-result-analysis-line span,#qa-chat-root .qa-selection-result-analysis-line b{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:999px;background:#fff;border:1px solid #dce8f1;font-size:8.8px;color:#52718a;font-weight:850;white-space:nowrap} #qa-chat-root .qa-selection-result-analysis-line b{background:#edf7ff;color:#246f9f;border-color:#cfe5f4} #qa-chat-root .qa-selection-analysis-explanation,#qa-chat-root .qa-selection-analysis-cautions{display:grid;gap:4px;margin-top:8px;padding:9px 10px;border-radius:11px;border:1px solid #dce9f2;background:#f8fbfd} #qa-chat-root .qa-selection-analysis-explanation strong,#qa-chat-root .qa-selection-analysis-cautions strong{font-size:9px;font-weight:900;color:#365b75} #qa-chat-root .qa-selection-analysis-explanation p,#qa-chat-root .qa-selection-analysis-cautions span{margin:0;font-size:9.2px;line-height:1.75;color:#627d92;font-weight:650} #qa-chat-root .qa-selection-analysis-cautions{border-color:#eadfca;background:#fffaf3} #qa-chat-root .qa-selection-analysis-cautions strong,#qa-chat-root .qa-selection-analysis-cautions span{color:#8b682e} #qa-chat-root .qa-selection-result-card.is-analysis-beyond::before{background:linear-gradient(90deg,#efc9cc,#be6870)} #qa-chat-root .qa-selection-result-card.is-analysis-strong::before{background:linear-gradient(90deg,#a9e5c4,#25a965)} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-analysis-scale>div,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-analysis-line,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-analysis-explanation{background:#142838;border-color:#2b465d;color:#b8cee0} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-analysis-scale strong,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-analysis-line span,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-analysis-line b{background:#1a3448;border-color:#31516a;color:#c6dceb} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-analysis-cautions{background:#332c20;border-color:#5a4930} @media(max-width:760px){#qa-chat-root .qa-selection-analysis-scale{grid-template-columns:repeat(2,minmax(0,1fr))}#qa-chat-root .qa-selection-analysis-scale>div:last-child{grid-column:1/-1}#qa-chat-root .qa-selection-result-analysis-line small{flex-basis:100%}#qa-chat-root .qa-selection-analysis-badge{white-space:normal;text-align:center}} /* Rank Rebuild R13 — transparent Rank Explanation UI */ #qa-chat-root .qa-selection-rank-result-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} #qa-chat-root .qa-selection-rank-result-title>div{min-width:0} #qa-chat-root .qa-selection-rank-result-title>div>strong{display:block} #qa-chat-root .qa-selection-rank-result-title>div>p{margin:4px 0 0;font-size:10px;line-height:1.7;color:var(--muted);font-weight:750} #qa-chat-root .qa-selection-rank-source-badge{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,var(--surface-strong));border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));color:var(--accent);font-size:9px;font-weight:950;white-space:nowrap} #qa-chat-root .qa-selection-rank-explanation-grid{margin-top:14px} #qa-chat-root .qa-selection-rank-explanation-grid>div.is-primary{background:color-mix(in srgb,var(--accent) 11%,var(--surface-strong));border-color:color-mix(in srgb,var(--accent) 19%,var(--border))} #qa-chat-root .qa-selection-rank-explanation-grid>div.is-primary b{font-size:max(var(--tsqam-font-min,10px),calc(20px - var(--tsqam-font-cut-lg,0px)))} #qa-chat-root .qa-selection-rank-explain{margin-top:12px;border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--accent) 3%,var(--surface));overflow:hidden} #qa-chat-root .qa-selection-rank-explain>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;color:#234a69;font-size:10px;font-weight:900;user-select:none} #qa-chat-root .qa-selection-rank-explain>summary::-webkit-details-marker{display:none} #qa-chat-root .qa-selection-rank-explain>summary b{padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,var(--surface-strong));color:var(--accent);font-size:8px;font-weight:950} #qa-chat-root .qa-selection-rank-explain[open]>summary{border-bottom:1px solid color-mix(in srgb,var(--accent) 9%,var(--border))} #qa-chat-root .qa-selection-rank-explain-body{padding:12px;display:grid;gap:10px} #qa-chat-root .qa-selection-rank-explain-summary{margin:0;font-size:10px;line-height:1.85;color:#36566f;font-weight:800} #qa-chat-root .qa-selection-rank-explain-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #qa-chat-root .qa-selection-rank-explain-meta>div{display:grid;gap:2px;padding:8px 9px;border-radius:11px;background:var(--surface-strong);border:1px solid var(--border)} #qa-chat-root .qa-selection-rank-explain-meta span{font-size:8px;color:var(--muted);font-weight:800} #qa-chat-root .qa-selection-rank-explain-meta strong{font-size:10px;color:#214764;font-weight:950;overflow-wrap:anywhere} #qa-chat-root .qa-selection-rank-method-note,#qa-chat-root .qa-selection-rank-confidence-note{padding:9px 10px;border-radius:12px;background:color-mix(in srgb,var(--accent) 4%,var(--surface-strong));border:1px solid color-mix(in srgb,var(--accent) 8%,var(--border))} #qa-chat-root .qa-selection-rank-method-note strong,#qa-chat-root .qa-selection-rank-confidence-note strong{display:block;margin-bottom:3px;font-size:9px;color:#244d6c;font-weight:950} #qa-chat-root .qa-selection-rank-method-note p,#qa-chat-root .qa-selection-rank-confidence-note p,#qa-chat-root .qa-selection-rank-admission-separation{margin:0;font-size:9px;line-height:1.85;color:var(--muted);font-weight:750} #qa-chat-root .qa-selection-rank-confidence-note{background:color-mix(in srgb,#f1a327 7%,var(--surface-strong));border-color:color-mix(in srgb,#f1a327 15%,var(--border))} #qa-chat-root .qa-selection-rank-admission-separation{padding-top:8px;border-top:1px dashed var(--border)} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-rank-result-title>div>p,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-rank-explain-summary,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-rank-explain-meta strong,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-rank-method-note strong,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-rank-confidence-note strong,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-rank-explain>summary{color:#dceeff} @media(max-width:560px){ #qa-chat-root .qa-selection-rank-result-title{align-items:center} #qa-chat-root .qa-selection-rank-explain-meta{grid-template-columns:1fr} #qa-chat-root .qa-selection-rank-explain>summary{align-items:flex-start} } /* Farhangian Phase 6 — scope-aware profile + dual-channel UX */ #qa-chat-root .qa-selection-farhangian-profile-card,#qa-chat-root .qa-selection-farhangian-result-panel{margin:10px 57px 15px;padding:15px 16px;border:1px solid #d8e5ef;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbfe);box-shadow:0 10px 28px rgba(45,91,132,.05);direction:rtl} #qa-chat-root .qa-selection-farhangian-profile-head,#qa-chat-root .qa-selection-farhangian-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} #qa-chat-root .qa-selection-farhangian-profile-head>div,#qa-chat-root .qa-selection-farhangian-result-head>div{display:grid;gap:3px;text-align:right} #qa-chat-root .qa-selection-farhangian-profile-head span,#qa-chat-root .qa-selection-farhangian-result-head span{font-size:9.5px;font-weight:900;color:#6c8aa2} #qa-chat-root .qa-selection-farhangian-profile-head strong,#qa-chat-root .qa-selection-farhangian-result-head strong{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)));font-weight:950;color:#173653} #qa-chat-root .qa-selection-farhangian-profile-head small{font-size:10px;line-height:1.75;color:#71899d} #qa-chat-root .qa-selection-farhangian-profile-head em,#qa-chat-root .qa-selection-farhangian-result-head em{font-style:normal;font-size:9px;font-weight:900;padding:6px 9px;border-radius:999px;white-space:nowrap;background:#fff5d8;color:#98720a} #qa-chat-root .qa-selection-farhangian-profile-head em.is-ready,#qa-chat-root .qa-selection-farhangian-result-panel.is-ready .qa-selection-farhangian-result-head em{background:#e9f8ef;color:#23814b} #qa-chat-root .qa-selection-farhangian-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px} #qa-chat-root .qa-selection-farhangian-profile-grid label{display:grid;gap:5px;font-size:10px;font-weight:850;color:#526f87} #qa-chat-root .qa-selection-farhangian-profile-grid input,#qa-chat-root .qa-selection-farhangian-profile-grid select{width:100%;min-height:42px;border:1px solid #d3e2ee;border-radius:12px;background:#fff;padding:8px 10px;font:inherit;color:#173653;outline:none} #qa-chat-root .qa-selection-farhangian-profile-grid select{cursor:pointer;appearance:auto} #qa-chat-root .qa-selection-farhangian-profile-grid input:focus,#qa-chat-root .qa-selection-farhangian-profile-grid select:focus{border-color:#6aaddc;box-shadow:0 0 0 3px rgba(51,144,236,.08)} #qa-chat-root .qa-selection-farhangian-profile-actions{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:12px} #qa-chat-root .qa-selection-farhangian-profile-actions button{border:0;border-radius:12px;background:#218bda;color:#fff;padding:9px 13px;font:inherit;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:950;cursor:pointer} #qa-chat-root .qa-selection-farhangian-profile-actions button:disabled{opacity:.55;cursor:wait} #qa-chat-root .qa-selection-farhangian-profile-actions small{font-size:9.5px;color:#7890a4} #qa-chat-root .qa-selection-result-channel-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:5px 57px 13px;direction:rtl} #qa-chat-root .qa-selection-result-channel-tabs button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:47px;border:1px solid #d7e4ee;border-radius:15px;background:#fff;padding:9px 12px;color:#31536c;font:inherit;cursor:pointer} #qa-chat-root .qa-selection-result-channel-tabs button span{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)));font-weight:950} #qa-chat-root .qa-selection-result-channel-tabs button small{font-size:9px;font-weight:850;color:#8095a7} #qa-chat-root .qa-selection-result-channel-tabs button.is-active{border-color:#77b8e6;background:#f0f8ff;box-shadow:0 0 0 3px rgba(51,144,236,.06)} #qa-chat-root .qa-selection-farhangian-result-panel p{margin:10px 0 0;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));line-height:1.9;color:#5f788c} #qa-chat-root .qa-selection-farhangian-result-panel>small{display:block;margin-top:8px;font-size:9.5px;color:#8b6d3a} #qa-chat-root .qa-selection-farhangian-guards{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px} #qa-chat-root .qa-selection-farhangian-guards span{padding:6px 8px;border-radius:999px;background:#edf5fa;color:#5b7589;font-size:9px;font-weight:800} #qa-chat-root .qa-selection-farhangian-guards b{color:#244c68} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-farhangian-profile-card,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-farhangian-result-panel,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-channel-tabs button{background:#132231;border-color:#294359;box-shadow:none;color:#dcecf7} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-farhangian-profile-head strong,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-farhangian-result-head strong{color:#e6f2fb} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-farhangian-profile-grid input,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-farhangian-profile-grid select{background:#0f1d29;border-color:#294359;color:#e6f2fb} @media(max-width:760px){#qa-chat-root .qa-selection-farhangian-profile-card,#qa-chat-root .qa-selection-farhangian-result-panel,#qa-chat-root .qa-selection-result-channel-tabs{margin-left:43px;margin-right:43px}#qa-chat-root .qa-selection-farhangian-profile-grid{grid-template-columns:1fr}#qa-chat-root .qa-selection-farhangian-profile-actions{align-items:stretch;flex-direction:column}#qa-chat-root .qa-selection-result-channel-tabs{grid-template-columns:1fr}} #qa-chat-root .qa-selection-farhangian-report{margin:10px 57px 15px;padding:15px 16px;border:1px solid #d8e5ef;border-radius:20px;background:#fff;direction:rtl} #qa-chat-root .qa-selection-farhangian-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px} #qa-chat-root .qa-selection-farhangian-evidence-card{display:grid;gap:7px;padding:12px;border:1px solid #dbe7f0;border-radius:16px;background:#f9fcfe;text-align:right} #qa-chat-root .qa-selection-farhangian-evidence-card>div{display:grid;gap:2px}#qa-chat-root .qa-selection-farhangian-evidence-card span{font-size:9px;color:#7890a4;font-weight:850}#qa-chat-root .qa-selection-farhangian-evidence-card strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)));color:#173653;font-weight:950}#qa-chat-root .qa-selection-farhangian-evidence-card em{justify-self:start;font-style:normal;font-size:9px;font-weight:900;padding:5px 8px;border-radius:999px;background:#edf5fa;color:#315e7b}#qa-chat-root .qa-selection-farhangian-evidence-card.is-supported em{background:#e8f8ef;color:#237b49}#qa-chat-root .qa-selection-farhangian-evidence-card.is-borderline em{background:#fff4d7;color:#926d08}#qa-chat-root .qa-selection-farhangian-evidence-card.is-insufficient em{background:#eef2f5;color:#62798b}#qa-chat-root .qa-selection-farhangian-evidence-card p{margin:0;font-size:9.5px;line-height:1.8;color:#617b8f}#qa-chat-root .qa-selection-farhangian-evidence-card small{font-size:8.8px;color:#7990a2} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-farhangian-report,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-farhangian-evidence-card{background:#132231;border-color:#294359}:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-farhangian-evidence-card strong{color:#e6f2fb} @media(max-width:760px){#qa-chat-root .qa-selection-farhangian-report{margin-left:43px;margin-right:43px}#qa-chat-root .qa-selection-farhangian-evidence-grid{grid-template-columns:1fr}} /* r185 — Phase B Rank UI Runtime Rebuild Rank actions are authoritative inline controls. They are never dependent on the generic dynamic dock, so estimator/rankless CTAs cannot disappear during surface harmonization. */ #qa-chat-root[data-selection-step="academic_rank"] .qa-selection-primary-action-wrap.qa-selection-rank-action-wrap{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:8px!important; margin:10px 57px 8px!important; max-width:none!important; width:auto!important; direction:rtl!important; } #qa-chat-root[data-selection-step="academic_rank"] .qa-selection-rank-action-wrap .qa-selection-primary-cta{ display:grid!important; width:100%!important; min-height:54px!important; grid-template-columns:minmax(0,1fr) 28px!important; align-items:center!important; visibility:visible!important; opacity:1!important; } #qa-chat-root[data-selection-step="academic_rank"] .qa-selection-rank-action-wrap .qa-selection-primary-cta strong, #qa-chat-root[data-selection-step="academic_rank"] .qa-selection-rank-action-wrap .qa-selection-primary-cta small{ grid-column:1!important; } #qa-chat-root[data-selection-step="academic_rank"] .qa-selection-rank-action-wrap .qa-selection-primary-cta>span{ grid-column:2!important; grid-row:1 / span 2!important; } #qa-chat-root[data-selection-step="academic_rank"] .qa-selection-rank-action-wrap .qa-selection-estimator-action-hint{ display:block!important; margin:0!important; } #qa-chat-root[data-selection-step="academic_rank"] [data-selection-dynamic-dock]{ display:none!important; } #qa-chat-root .qa-selection-rank-inline-feedback{ margin-top:10px!important; margin-bottom:8px!important; outline:none!important; } #qa-chat-root .qa-selection-rank-inline-feedback:focus{ box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)!important; } @media (max-width:760px){ #qa-chat-root[data-selection-step="academic_rank"] .qa-selection-primary-action-wrap.qa-selection-rank-action-wrap{ margin-inline-start:43px!important; margin-inline-end:43px!important; } } /* r194 F2 — human/math rank runtime final repair */ .qa-selection-rank-action-wrap [data-selection-submit-estimated].is-incomplete:not(:disabled){opacity:1;cursor:pointer;} .qa-selection-rank-inline-feedback{scroll-margin-block:96px;} /* ===== r198 — focused preference flow + mobile header/UI polish ===== */ #qa-chat-root .qa-selection-farhangian-profile-question{margin-bottom:12px!important} #qa-chat-root .qa-selection-farhangian-profile-card{box-shadow:0 12px 30px rgba(31,78,118,.055)!important} #qa-chat-root .qa-selection-farhangian-profile-head small{display:block;margin-top:2px} /* Active questions no longer need detached historical answer bubbles. Keep legacy classes hidden defensively in case stale state/markup is injected by an older cached render. */ #qa-chat-root[data-selection-step="preferences"] .qa-selection-preference-history, #qa-chat-root[data-selection-step="preferences"] .qa-selection-mini-value{display:none!important} @media (max-width:760px){ /* Compact the app topbar on Selection instead of inheriting the desktop-height legacy header. */ body.qa-chat-body #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar{ position:sticky!important;top:0!important;z-index:70!important; inline-size:calc(100% - 16px)!important;width:calc(100% - 16px)!important;max-width:none!important; height:54px!important;min-height:54px!important;max-height:54px!important; grid-template-columns:38px minmax(0,1fr) 38px!important;grid-template-rows:38px!important;gap:7px!important; padding:8px!important;margin:6px 8px 7px!important;border-radius:18px!important; border:1px solid rgba(167,194,216,.46)!important; background:rgba(255,255,255,.94)!important; box-shadow:0 8px 24px rgba(45,86,120,.07)!important;backdrop-filter:blur(18px)!important; } body.qa-chat-body #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar > .qa-top-slot-account, body.qa-chat-body #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar > .qa-top-actions, body.qa-chat-body #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar > .qa-top-slot-theme, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar > .qa-top-slot-account, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar > .qa-top-actions, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar > .qa-top-slot-theme{ width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important; } #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar #qa-profile-btn, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar #qa-login-btn, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar .qa-theme-trigger{ width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;border-radius:12px!important; } #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar .qa-brand-logo-header img, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar .qa-brand-logo-mobile img{height:28px!important;max-height:28px!important;max-width:108px!important} /* Selection conversation header: one clean compact card, not the oversized desktop block. */ #qa-chat-root.qa-selection-surface-open .qa-chat-head{ position:sticky!important;top:67px!important;z-index:55!important; min-height:62px!important;height:62px!important;max-height:62px!important; padding:9px 11px!important;margin:0 8px 6px!important;border:1px solid rgba(188,211,228,.72)!important; border-radius:18px!important;background:rgba(255,255,255,.96)!important; box-shadow:0 8px 22px rgba(45,86,120,.055)!important;backdrop-filter:blur(16px)!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{ min-height:44px!important;height:44px!important;padding-inline-start:49px!important;padding-inline-end:0!important; justify-content:center!important;align-items:flex-start!important;overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::before, #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::after{ inset-inline-start:0!important;inset-inline-end:auto!important;width:40px!important;height:40px!important;border-radius:13px!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::after{font-size:max(var(--tsqam-font-min,10px),calc(19px - var(--tsqam-font-cut-md,0px)))!important} #qa-chat-root.qa-selection-surface-open #qa-chat-header{font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important} #qa-chat-root.qa-selection-surface-open #qa-chat-sub{font-size:9px!important;line-height:1.45!important;margin-top:1px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important} #qa-chat-root.qa-selection-surface-open #qa-chat-sub::before{width:6px!important;height:6px!important;box-shadow:0 0 0 3px rgba(22,199,107,.09)!important} /* Use the phone width. The old 43px side gutters made every card unnaturally narrow. */ #qa-chat-root .qa-selection-chat-layout{padding:6px 7px 12px!important} #qa-chat-root .qa-selection-choice-grid, #qa-chat-root .qa-selection-rank-route-grid, #qa-chat-root .qa-selection-preference-option-grid, #qa-chat-root .qa-selection-commercial-options, #qa-chat-root .qa-selection-budget-options, #qa-chat-root .qa-selection-identity-edit-grid, #qa-chat-root .qa-selection-primary-action-wrap, #qa-chat-root .qa-selection-phase-note, #qa-chat-root .qa-selection-results-loading, #qa-chat-root .qa-selection-commercial-loading, #qa-chat-root .qa-selection-server-state, #qa-chat-root .qa-selection-preference-question, #qa-chat-root .qa-selection-result-buckets, #qa-chat-root .qa-selection-board-cta-wrap, #qa-chat-root .qa-selection-results-footnote, #qa-chat-root .qa-selection-personal-board, #qa-chat-root .qa-selection-revision-entry, #qa-chat-root .qa-selection-revision-panel, #qa-chat-root .qa-selection-commercial-done, #qa-chat-root .qa-selection-search-wrap, #qa-chat-root .qa-selection-preference-summary, #qa-chat-root .qa-selection-result-list, #qa-chat-root .qa-selection-farhangian-profile-card, #qa-chat-root .qa-selection-farhangian-result-panel, #qa-chat-root .qa-selection-result-channel-tabs, #qa-chat-root .qa-selection-farhangian-report, #qa-chat-root[data-selection-step="academic_rank"] .qa-selection-primary-action-wrap.qa-selection-rank-action-wrap{ margin-inline-start:10px!important;margin-inline-end:10px!important;max-width:none!important;width:auto!important; } #qa-chat-root .qa-selection-message-bot .qa-selection-bubble{max-width:calc(100% - 46px)!important;border-radius:17px 17px 17px 6px!important;padding:11px 12px!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble>strong{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.55!important} #qa-chat-root .qa-selection-message-bot .qa-selection-bubble>p{font-size:max(var(--tsqam-font-min,10px),calc(10.3px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.75!important;margin-top:3px!important} #qa-chat-root .qa-selection-eyebrow{font-size:8.5px!important} #qa-chat-root .qa-selection-bot-avatar{width:34px!important;height:34px!important;flex-basis:34px!important} #qa-chat-root .qa-selection-bot-avatar .qa-selection-robot-svg{width:28px!important;height:28px!important} #qa-chat-root .qa-selection-farhangian-profile-card{padding:12px!important;border-radius:18px!important} #qa-chat-root .qa-selection-farhangian-profile-head{align-items:flex-start!important;gap:8px!important} #qa-chat-root .qa-selection-farhangian-profile-head strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.55!important} #qa-chat-root .qa-selection-farhangian-profile-head small{font-size:9px!important;line-height:1.7!important} #qa-chat-root .qa-selection-farhangian-profile-head em{font-size:8px!important;padding:5px 7px!important} #qa-chat-root .qa-selection-farhangian-profile-grid{gap:8px!important;margin-top:10px!important} #qa-chat-root .qa-selection-farhangian-profile-grid input, #qa-chat-root .qa-selection-farhangian-profile-grid select{min-height:44px!important;border-radius:13px!important;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important;padding:8px 10px!important} #qa-chat-root .qa-selection-farhangian-profile-actions button{width:100%!important;min-height:46px!important;border-radius:13px!important;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root .qa-selection-preference-card{margin-inline:10px!important;padding:12px 10px 11px!important;border-radius:17px!important} #qa-chat-root .qa-selection-major-picker-head{gap:8px!important} #qa-chat-root .qa-selection-major-picker-head>span{font-size:8.5px!important;padding:5px 7px!important} #qa-chat-root .qa-selection-major-picker .qa-selection-major-cloud{max-height:210px!important;padding-inline-end:2px!important} #qa-chat-root .qa-selection-choice-chip{min-height:38px!important;padding:8px 10px!important;border-radius:12px!important} #qa-chat-root .qa-selection-selected-summary{padding:9px 10px!important;border-radius:13px!important} #qa-chat-root .qa-selection-primary-cta{min-height:50px!important;border-radius:14px!important} } @media (max-width:390px){ #qa-chat-root.qa-selection-surface-open .qa-chat-head{top:65px!important;margin-inline:6px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar{margin-inline:6px!important;width:calc(100% - 12px)!important;inline-size:calc(100% - 12px)!important} #qa-chat-root .qa-selection-chat-layout{padding-inline:4px!important} #qa-chat-root .qa-selection-choice-grid, #qa-chat-root .qa-selection-rank-route-grid, #qa-chat-root .qa-selection-preference-option-grid, #qa-chat-root .qa-selection-primary-action-wrap, #qa-chat-root .qa-selection-phase-note, #qa-chat-root .qa-selection-preference-question, #qa-chat-root .qa-selection-farhangian-profile-card, #qa-chat-root .qa-selection-preference-card{margin-inline-start:7px!important;margin-inline-end:7px!important} } :root[data-qa-theme="dark"] #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-head{background:rgba(18,32,45,.96)!important;border-color:#294359!important;box-shadow:none!important} /* r199 — rank CTA cleanup: no readiness/status copy below the primary action. */ .qa-selection-estimator-action-hint,[data-selection-estimator-readiness]{display:none!important;} /* ========================================================================== Phase 201 — Mobile-First Shell & Responsive Rebuild Scope: qa-chat / Selection surface only. No engine, dataset, API or sales changes. ========================================================================== */ #qa-chat-root.qa-app-student.qa-selection-surface-open, #qa-chat-root.qa-app-student.qa-selection-surface-open *{box-sizing:border-box} #qa-chat-root.qa-app-student.qa-selection-surface-open{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-chatcard, #qa-chat-root.qa-app-student.qa-selection-surface-open #qa-messages, #qa-chat-root.qa-app-student.qa-selection-surface-open #qa-selection-surface, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-shell, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-chat-layout, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-conversation-pane, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-chat-stage{min-width:0;max-width:100%} #qa-chat-root.qa-app-student.qa-selection-surface-open #qa-selection-surface{width:100%;overflow-x:clip} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-chat-layout{width:min(100%,1000px)!important;margin-inline:auto!important} #qa-chat-root.qa-app-student.qa-selection-surface-open :is(button,[role="button"],a,input,select,textarea){touch-action:manipulation} #qa-chat-root.qa-app-student.qa-selection-surface-open :is(input,select,textarea){max-width:100%} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-message, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-bubble, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-user-bubble, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-phase-note, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-result-card, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-preference-card{overflow-wrap:anywhere;word-break:normal} /* Controlled desktop width/readability while retaining the existing app shell. */ @media (min-width:761px){ #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-chat-layout{padding-inline:clamp(20px,3vw,34px)!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-conversation-pane{width:100%;max-width:940px;margin-inline:auto} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-message-bot .qa-selection-bubble{max-width:min(700px,78%)!important} } @media (max-width:760px){ #qa-chat-root.qa-app-student.qa-selection-surface-open{ --qa-selection-edge:clamp(6px,2.2vw,10px); --qa-selection-safe-bottom:max(10px,env(safe-area-inset-bottom)); width:100%!important;max-width:100vw!important;min-height:100svh!important; overflow-x:hidden!important; } #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell{ width:100%!important;max-width:100%!important;min-width:0!important; height:auto!important;min-height:calc(100svh - 68px)!important;margin:0!important;padding:0!important; overflow:visible!important; } #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-sidebar{display:none!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-chatcard{ width:100%!important;max-width:100%!important;min-width:0!important; height:auto!important;min-height:calc(100svh - 68px)!important; margin:0!important;border-radius:0!important;border-inline:0!important;box-shadow:none!important;overflow:visible!important; } /* Mobile header: three stable columns with 44px touch targets. */ body.qa-chat-body #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar{ position:sticky!important;top:0!important;z-index:70!important; display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:minmax(44px,auto)!important; align-items:center!important;column-gap:8px!important; inline-size:calc(100% - (var(--qa-selection-edge) * 2))!important;width:calc(100% - (var(--qa-selection-edge) * 2))!important;max-width:none!important; min-height:60px!important;height:auto!important;max-height:none!important; padding:max(8px,env(safe-area-inset-top)) 8px 8px!important;margin:0 var(--qa-selection-edge) 6px!important; border-radius:0 0 18px 18px!important;overflow:visible!important; } #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar > .qa-top-slot{min-width:0!important;width:100%!important;min-height:44px!important;height:44px!important;max-height:44px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar > .qa-top-slot-account{grid-column:1!important;justify-content:flex-start!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar > .qa-top-slot-brand{grid-column:2!important;justify-content:center!important;overflow:hidden!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar > .qa-top-slot-theme{grid-column:3!important;justify-content:flex-end!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar #qa-refresh-btn{display:none!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar :is(#qa-profile-btn,#qa-login-btn,#qa-theme-toggle){ width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important; padding:0!important;border-radius:14px!important; } #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar .qa-theme-shell{width:44px!important;min-width:44px!important;height:44px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar .qa-brand-copy{width:100%!important;min-width:0!important;overflow:hidden!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar .qa-brand-title{font-size:max(var(--tsqam-font-min,10px),calc(.9rem - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.2!important;max-width:100%!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar .qa-brand-logo-mobile img{height:28px!important;max-height:28px!important;max-width:min(108px,34vw)!important} /* Conversation header remains readable and never pushes outside the viewport. */ #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-chat-head{ position:sticky!important;top:66px!important;z-index:55!important; width:calc(100% - (var(--qa-selection-edge) * 2))!important;max-width:none!important;min-width:0!important; min-height:62px!important;height:auto!important;max-height:none!important; margin:0 var(--qa-selection-edge) 6px!important;padding:9px 10px!important;border-radius:17px!important; } #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-chat-title-wrap{min-width:0!important;width:100%!important;min-height:44px!important;height:auto!important;padding-inline-start:50px!important;padding-inline-end:0!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-chat-title-wrap::before, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-chat-title-wrap::after{width:40px!important;height:40px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open #qa-chat-header{font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #qa-chat-root.qa-app-student.qa-selection-surface-open #qa-chat-sub{font-size:10px!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} /* Full-width content with safe margins; every major grid can collapse cleanly. */ #qa-chat-root.qa-app-student.qa-selection-surface-open #qa-messages{width:100%!important;max-width:100%!important;overflow-x:hidden!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-chat-layout{width:100%!important;max-width:100%!important;padding:6px var(--qa-selection-edge) calc(14px + env(safe-area-inset-bottom))!important;gap:0!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-conversation-pane{width:100%!important;max-width:100%!important;min-width:0!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-chat-stage{width:100%!important;max-width:100%!important;min-width:0!important;padding-inline:0!important;gap:14px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open :is(.qa-selection-choice-grid,.qa-selection-rank-route-grid,.qa-selection-preference-option-grid,.qa-selection-commercial-options,.qa-selection-budget-options,.qa-selection-identity-edit-grid,.qa-selection-rank-result-grid,.qa-selection-board-academic,.qa-selection-board-buckets,.qa-selection-board-pref-grid,.qa-selection-board-student-meta,.qa-selection-board-highlight-grid,.qa-selection-farhangian-profile-grid){ width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:minmax(0,1fr)!important; } #qa-chat-root.qa-app-student.qa-selection-surface-open :is(.qa-selection-primary-action-wrap,.qa-selection-phase-note,.qa-selection-results-loading,.qa-selection-commercial-loading,.qa-selection-server-state,.qa-selection-preference-question,.qa-selection-result-buckets,.qa-selection-board-cta-wrap,.qa-selection-results-footnote,.qa-selection-personal-board,.qa-selection-revision-entry,.qa-selection-revision-panel,.qa-selection-commercial-done,.qa-selection-search-wrap,.qa-selection-preference-summary,.qa-selection-result-list,.qa-selection-farhangian-profile-card,.qa-selection-farhangian-result-panel,.qa-selection-result-channel-tabs,.qa-selection-farhangian-report,.qa-selection-preference-card){ width:auto!important;max-width:none!important;min-width:0!important;margin-inline:0!important; } #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-message{max-width:100%!important;min-width:0!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-message-bot{gap:8px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-message-bot .qa-selection-bubble{min-width:0!important;max-width:calc(100% - 42px)!important;width:auto!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-message-user{gap:8px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-user-bubble{min-width:0!important;max-width:calc(100% - 44px)!important;width:auto!important} /* Touch contract: interactive controls in the Selection journey are never below 44px. */ #qa-chat-root.qa-app-student.qa-selection-surface-open #qa-selection-surface :is(button,[role="button"],input:not([type="hidden"]),select,textarea){min-height:44px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open #qa-selection-surface :is(button,[role="button"]){min-width:44px} #qa-chat-root.qa-app-student.qa-selection-surface-open :is(.qa-selection-choice-chip,.qa-selection-option-btn,.qa-selection-composer-action,.qa-selection-glass-btn,.qa-selection-text-action,.qa-selection-board-action-btn){min-height:44px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-primary-cta{min-height:50px!important;width:100%!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-chat-composer, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-start-dock, #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-control-stack{width:100%!important;max-width:100%!important;min-width:0!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-chat-composer{grid-template-columns:44px minmax(0,1fr) 44px!important;gap:7px!important;padding:7px!important;padding-bottom:max(7px,env(safe-area-inset-bottom))!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-chat-composer :is(.qa-selection-composer-state,.qa-selection-composer-attach,.qa-selection-composer-send){width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-chat-composer input{height:44px!important;min-height:44px!important;font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-start-dock-btn{min-height:50px!important;width:100%!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-bottom-primary-dock{bottom:max(4px,env(safe-area-inset-bottom))!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important} /* Soft-keyboard contract: use visualViewport height and keep focused input/CTA reachable. */ #qa-chat-root.qa-app-student.qa-selection-surface-open.qa-selection-keyboard-open .qa-shell-topbar, #qa-chat-root.qa-app-student.qa-selection-surface-open.qa-selection-keyboard-open .qa-chat-head{position:relative!important;top:auto!important} #qa-chat-root.qa-app-student.qa-selection-surface-open.qa-selection-keyboard-open .qa-selection-chat-layout{padding-bottom:max(8px,env(safe-area-inset-bottom))!important} #qa-chat-root.qa-app-student.qa-selection-surface-open.qa-selection-keyboard-open #qa-messages{max-height:var(--qa-selection-vv-height,100svh)!important;overflow-y:auto!important;overscroll-behavior-y:contain} #qa-chat-root.qa-app-student.qa-selection-surface-open.qa-selection-keyboard-open .qa-selection-bottom-primary-dock{position:relative!important;bottom:auto!important} } @media (max-width:430px){ #qa-chat-root.qa-app-student.qa-selection-surface-open{--qa-selection-edge:7px} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar{grid-template-columns:44px minmax(0,1fr) 44px!important;column-gap:6px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar .qa-brand-title{font-size:max(var(--tsqam-font-min,10px),calc(.86rem - var(--tsqam-font-cut-sm,0px)))!important} } @media (max-width:390px){ #qa-chat-root.qa-app-student.qa-selection-surface-open{--qa-selection-edge:6px} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-message-bot .qa-selection-bubble{max-width:calc(100% - 40px)!important;padding:11px 11px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-user-bubble{max-width:calc(100% - 42px)!important} } @media (max-width:360px){ #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar{column-gap:4px!important;padding-inline:6px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar .qa-brand-title{font-size:max(var(--tsqam-font-min,10px),calc(.82rem - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root.qa-app-student.qa-selection-surface-open #qa-chat-sub{font-size:9.3px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-selection-chat-stage{gap:12px!important} } @media (max-width:320px){ #qa-chat-root.qa-app-student.qa-selection-surface-open{--qa-selection-edge:5px} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar{grid-template-columns:44px minmax(0,1fr) 44px!important;padding-inline:5px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-shell-topbar .qa-brand-title{font-size:max(var(--tsqam-font-min,10px),calc(.78rem - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root.qa-app-student.qa-selection-surface-open .qa-chat-head{padding-inline:8px!important} #qa-chat-root.qa-app-student.qa-selection-surface-open #qa-chat-header{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important} } /* ===== r202 — Phase 202 Result Experience V2 ===== */ #qa-chat-root .qa-selection-result-experience{display:grid;gap:14px;min-width:0;width:100%} #qa-chat-root .qa-selection-result-v2-head{display:grid;gap:5px;margin:2px 57px 0;padding:18px 19px;border:1px solid #d7e7f3;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fcff);box-shadow:0 10px 28px rgba(42,95,136,.055)} #qa-chat-root .qa-selection-result-v2-head>span{font-size:10px;font-weight:900;color:#5b86a6} #qa-chat-root .qa-selection-result-v2-head h2{margin:0;font:950 20px/1.55 var(--font);letter-spacing:-.25px;color:#193b56;outline:none;scroll-margin-top:118px} #qa-chat-root .qa-selection-result-v2-head h2:focus-visible{box-shadow:0 0 0 3px rgba(46,145,224,.16);border-radius:10px} #qa-chat-root .qa-selection-result-v2-head p{margin:0;color:#6d8497;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:750;line-height:1.8} #qa-chat-root .qa-selection-result-v2-overview{display:grid;gap:12px;margin:0 57px;padding:15px;border:1px solid #dce9f2;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(43,92,129,.045)} #qa-chat-root .qa-selection-result-v2-overview-head{display:flex;align-items:center;justify-content:space-between;gap:10px} #qa-chat-root .qa-selection-result-v2-overview-head strong{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)));font-weight:950;color:#2d4d66} #qa-chat-root .qa-selection-result-v2-overview-head small{font-size:9.5px;font-weight:850;color:#7891a4} #qa-chat-root .qa-selection-result-v2-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} #qa-chat-root .qa-selection-result-v2-groups article{display:grid;gap:3px;min-width:0;padding:12px;border:1px solid #e2ebf2;border-radius:15px;background:#fbfdff} #qa-chat-root .qa-selection-result-v2-groups article>span{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:900;color:#627e94} #qa-chat-root .qa-selection-result-v2-groups article>strong{font-size:max(var(--tsqam-font-min,10px),calc(22px - var(--tsqam-font-cut-lg,0px)));font-weight:950;color:#244762} #qa-chat-root .qa-selection-result-v2-groups article>small{font-size:9px;font-weight:720;color:#7e94a5;line-height:1.6} #qa-chat-root .qa-selection-result-v2-groups article.is-challenging{background:#fffaf2;border-color:#f1dfc5} #qa-chat-root .qa-selection-result-v2-groups article.is-logical{background:#f6fbff;border-color:#cde2f5} #qa-chat-root .qa-selection-result-v2-groups article.is-safe{background:#f7fdf9;border-color:#c8ead8} #qa-chat-root .qa-selection-result-v2-warning{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;margin:0 57px;padding:12px 13px;border:1px solid #eadfbf;border-radius:16px;background:#fffdf6} #qa-chat-root .qa-selection-result-v2-warning>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#fff1c8;color:#9e7017;font-weight:950} #qa-chat-root .qa-selection-result-v2-warning p{margin:0;color:#6e6040;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));font-weight:760;line-height:1.95} #qa-chat-root .qa-selection-results-loading.is-result-v2{min-height:148px;align-content:center;text-align:center} #qa-chat-root .qa-selection-results-loading.is-result-v2 strong{font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)));line-height:1.8} #qa-chat-root .qa-selection-results-loading.is-result-v2 small{margin-top:2px;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));line-height:1.8} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-v2-head, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-v2-overview{background:#142536!important;border-color:#29465d!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-v2-head h2, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-v2-overview-head strong, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-v2-groups article>strong{color:#e8f3fb!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-v2-groups article{background:#172b3d!important;border-color:#2b4a62!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-v2-warning{background:#302b1d!important;border-color:#5b4c29!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-v2-warning p{color:#e6d8b2!important} @media(max-width:760px){ #qa-chat-root .qa-selection-result-v2-head,#qa-chat-root .qa-selection-result-v2-overview,#qa-chat-root .qa-selection-result-v2-warning{margin-inline:0!important;width:100%!important;max-width:100%!important} #qa-chat-root .qa-selection-result-v2-head{padding:14px 13px;border-radius:17px} #qa-chat-root .qa-selection-result-v2-head h2{font-size:max(var(--tsqam-font-min,10px),calc(18px - var(--tsqam-font-cut-md,0px)));scroll-margin-top:146px} #qa-chat-root .qa-selection-result-v2-groups{grid-template-columns:1fr;gap:7px} #qa-chat-root .qa-selection-result-v2-groups article{grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:10px 11px} #qa-chat-root .qa-selection-result-v2-groups article>span,#qa-chat-root .qa-selection-result-v2-groups article>small{grid-column:1} #qa-chat-root .qa-selection-result-v2-groups article>strong{grid-column:2;grid-row:1 / span 2;font-size:max(var(--tsqam-font-min,10px),calc(19px - var(--tsqam-font-cut-md,0px)))} #qa-chat-root .qa-selection-result-v2-warning{grid-template-columns:28px minmax(0,1fr);padding:11px;border-radius:15px} #qa-chat-root .qa-selection-result-v2-warning>span{width:28px;height:28px} } @media(max-width:430px){#qa-chat-root .qa-selection-result-v2-head h2{scroll-margin-top:142px}} @media(max-width:360px){#qa-chat-root .qa-selection-result-v2-head h2{font-size:max(var(--tsqam-font-min,10px),calc(17px - var(--tsqam-font-cut-md,0px)));scroll-margin-top:138px}} /* ===== r203 — Phase 203 Smart Conversion Layer ===== */ #qa-chat-root .qa-selection-top-conversion{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:11px 13px;border:1px solid #dbe8f1;border-radius:17px;background:linear-gradient(180deg,#fff,#f9fcff);box-shadow:0 8px 24px rgba(43,92,129,.045)} #qa-chat-root .qa-selection-top-conversion-copy{display:grid;gap:2px;min-width:0} #qa-chat-root .qa-selection-top-conversion-copy strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)));font-weight:950;color:#254b68} #qa-chat-root .qa-selection-top-conversion-copy p{margin:0;font-size:9.8px;font-weight:720;line-height:1.7;color:#728a9d} #qa-chat-root .qa-selection-conversion-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:13px;padding:0 15px;font:900 10.8px/1 var(--font);white-space:nowrap;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease} #qa-chat-root .qa-selection-conversion-btn:hover{transform:translateY(-1px)} #qa-chat-root .qa-selection-conversion-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(46,145,224,.16)} #qa-chat-root .qa-selection-conversion-btn.is-primary{background:#173f5d;color:#fff;border-color:#173f5d;box-shadow:0 8px 20px rgba(23,63,93,.15)} #qa-chat-root .qa-selection-conversion-btn.is-secondary{background:#fff;color:#315a78;border-color:#cfe0ec;box-shadow:none} #qa-chat-root .qa-selection-top-conversion-btn{flex:0 0 auto;min-height:40px} #qa-chat-root .qa-selection-mid-conversion{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 57px 14px;padding:14px 15px;border:1px solid #dce8ef;border-radius:18px;background:#fbfdff} #qa-chat-root .qa-selection-mid-conversion>div{display:grid;gap:4px;min-width:0} #qa-chat-root .qa-selection-mid-conversion strong{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)));font-weight:950;line-height:1.7;color:#2d4d66} #qa-chat-root .qa-selection-mid-conversion p{margin:0;font-size:9.8px;font-weight:720;line-height:1.8;color:#7890a2} #qa-chat-root .qa-selection-result-conversion{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 57px;padding:16px 17px;border:1px solid #d5e4ee;border-radius:20px;background:linear-gradient(145deg,#f7fbff,#fff);box-shadow:0 10px 28px rgba(43,92,129,.055)} #qa-chat-root .qa-selection-result-conversion-copy{display:grid;gap:4px;min-width:0} #qa-chat-root .qa-selection-result-conversion-copy>span{font-size:9.5px;font-weight:900;color:#7290a6} #qa-chat-root .qa-selection-result-conversion-copy strong{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)));font-weight:950;line-height:1.75;color:#244762} #qa-chat-root .qa-selection-result-conversion-copy p{margin:0;font-size:10px;font-weight:720;line-height:1.9;color:#71899c} #qa-chat-root .qa-selection-result-conversion-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} #qa-chat-root .qa-selection-result-conversion.is-borderline{background:linear-gradient(145deg,#fffaf1,#fff);border-color:#eadbbd} #qa-chat-root .qa-selection-result-conversion.is-limited{background:linear-gradient(145deg,#fbfaf8,#fff);border-color:#e4ded3} #qa-chat-root .qa-selection-mobile-conversion-sticky{display:none} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-top-conversion, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-mid-conversion, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-conversion{background:#142536!important;border-color:#29465d!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-top-conversion-copy strong, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-mid-conversion strong, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-conversion-copy strong{color:#e8f3fb!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-conversion-btn.is-secondary{background:#172b3d;color:#dcebf6;border-color:#31536b} @media(max-width:760px){ #qa-chat-root .qa-selection-top-conversion{margin:0 0 9px;padding:9px 10px;border-radius:15px;gap:9px} #qa-chat-root .qa-selection-top-conversion-copy p{display:none} #qa-chat-root .qa-selection-top-conversion-copy strong{font-size:max(var(--tsqam-font-min,10px),calc(10.8px - var(--tsqam-font-cut-xs,0px)))} #qa-chat-root .qa-selection-top-conversion-btn{min-height:44px;padding-inline:11px;font-size:9.8px} #qa-chat-root .qa-selection-mid-conversion,#qa-chat-root .qa-selection-result-conversion{margin-inline:0;width:100%;max-width:100%} #qa-chat-root .qa-selection-mid-conversion{display:grid;gap:10px;padding:13px;border-radius:17px} #qa-chat-root .qa-selection-mid-conversion-btn{width:100%} #qa-chat-root .qa-selection-result-conversion{grid-template-columns:1fr;gap:12px;padding:14px 13px;border-radius:18px} #qa-chat-root .qa-selection-result-conversion-actions{display:grid;grid-template-columns:1fr;gap:7px} #qa-chat-root .qa-selection-result-conversion-actions .qa-selection-conversion-btn{width:100%} #qa-chat-root .qa-selection-mobile-conversion-sticky{position:fixed;z-index:85;display:block;inset-inline:8px;bottom:max(8px,env(safe-area-inset-bottom));pointer-events:none} #qa-chat-root .qa-selection-mobile-conversion-sticky .qa-selection-conversion-btn{width:100%;min-height:48px;pointer-events:auto;border-radius:15px;box-shadow:0 12px 34px rgba(20,53,77,.24)} #qa-chat-root.qa-selection-surface-open .qa-selection-surface:has(.qa-selection-mobile-conversion-sticky) .qa-selection-chat-layout{padding-bottom:calc(74px + env(safe-area-inset-bottom))!important} } @media(max-width:360px){ #qa-chat-root .qa-selection-top-conversion{padding-inline:8px} #qa-chat-root .qa-selection-top-conversion-copy strong{font-size:max(var(--tsqam-font-min,10px),calc(10.2px - var(--tsqam-font-cut-xs,0px)))} #qa-chat-root .qa-selection-top-conversion-btn{padding-inline:9px;font-size:9.3px} } /* ===== r204 — Phase 204 Sticky CTA + Discount Acquisition Flow ===== */ #qa-chat-root.qa-selection-keyboard-open .qa-selection-mobile-conversion-sticky{display:none!important} #qa-chat-root .qa-selection-mobile-conversion-sticky.is-discount .qa-selection-mobile-sticky-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #qa-chat-root .qa-selection-discount-modal{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:18px;direction:rtl} #qa-chat-root .qa-selection-discount-backdrop{position:absolute;inset:0;border:0;background:rgba(12,28,40,.48);backdrop-filter:blur(7px);cursor:pointer} #qa-chat-root .qa-selection-discount-sheet{position:relative;z-index:1;width:min(100%,430px);display:grid;gap:12px;padding:24px 22px 21px;border:1px solid #d8e5ee;border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(15,42,61,.24);text-align:right} #qa-chat-root .qa-selection-discount-close{position:absolute;inset:12px 12px auto auto;width:38px;height:38px;display:grid;place-items:center;border:1px solid #e0e8ef;border-radius:13px;background:#f8fbfd;color:#547085;font:900 21px/1 var(--font);cursor:pointer} #qa-chat-root .qa-selection-discount-gift,#qa-chat-root .qa-selection-discount-success-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:17px;background:#eef7fd;font-size:max(var(--tsqam-font-min,10px),calc(23px - var(--tsqam-font-cut-lg,0px)));margin-bottom:2px} #qa-chat-root .qa-selection-discount-success-icon{background:#eaf8ef;color:#23844c;font-size:max(var(--tsqam-font-min,10px),calc(24px - var(--tsqam-font-cut-lg,0px)));font-weight:950} #qa-chat-root .qa-selection-discount-sheet h3{margin:0;padding-inline-end:44px;color:#244762;font-size:max(var(--tsqam-font-min,10px),calc(17px - var(--tsqam-font-cut-md,0px)));font-weight:950;line-height:1.7} #qa-chat-root .qa-selection-discount-sheet p{margin:0;color:#6f8799;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:740;line-height:1.9} #qa-chat-root .qa-selection-discount-field{display:grid;gap:7px;margin-top:3px} #qa-chat-root .qa-selection-discount-field>span{font-size:10px;font-weight:900;color:#526f84} #qa-chat-root .qa-selection-discount-field input{width:100%;height:50px;border:1px solid #cddde8;border-radius:15px;background:#fbfdff;padding:0 14px;color:#213f57;font:800 14px/1.2 var(--font);text-align:left;outline:none;box-sizing:border-box} #qa-chat-root .qa-selection-discount-field input:focus{border-color:#5da7d8;box-shadow:0 0 0 3px rgba(73,153,207,.12)} #qa-chat-root .qa-selection-discount-error{padding:9px 11px;border:1px solid #efd5d1;border-radius:13px;background:#fff8f7;color:#9d5149;font-size:10px;font-weight:800;line-height:1.8} #qa-chat-root .qa-selection-discount-submit,#qa-chat-root .qa-selection-discount-plans-btn{width:100%;min-height:48px;margin-top:2px} #qa-chat-root .qa-selection-discount-mini-loader{width:17px;height:17px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:qa-selection-discount-spin .7s linear infinite} @keyframes qa-selection-discount-spin{to{transform:rotate(360deg)}} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-sheet{background:#142536;border-color:#2b4b62;box-shadow:0 30px 90px rgba(0,0,0,.42)} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-sheet h3{color:#e8f3fb} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-sheet p,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-field>span{color:#a9bece} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-field input{background:#102132;border-color:#31536b;color:#e8f3fb} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-close{background:#172b3d;border-color:#31536b;color:#dcebf6} @media(max-width:760px){ #qa-chat-root .qa-selection-discount-modal{place-items:end center;padding:10px 8px max(10px,env(safe-area-inset-bottom))} #qa-chat-root .qa-selection-discount-sheet{width:100%;max-height:min(calc(var(--qa-selection-vv-height,100vh) - 20px),620px);overflow:auto;border-radius:22px;padding:21px 17px calc(17px + env(safe-area-inset-bottom));gap:11px} #qa-chat-root .qa-selection-discount-close{width:44px;height:44px;inset:9px 9px auto auto} #qa-chat-root .qa-selection-discount-sheet h3{font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)));padding-inline-end:46px} #qa-chat-root .qa-selection-discount-field input{height:50px;font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))} #qa-chat-root .qa-selection-discount-submit,#qa-chat-root .qa-selection-discount-plans-btn{min-height:50px} #qa-chat-root.qa-selection-keyboard-open .qa-selection-discount-modal{padding-bottom:8px;align-items:end} #qa-chat-root.qa-selection-keyboard-open .qa-selection-discount-sheet{max-height:calc(var(--qa-selection-vv-height,100vh) - 12px);padding-bottom:13px} } @media(max-width:360px){ #qa-chat-root .qa-selection-discount-sheet{padding-inline:14px;border-radius:20px} #qa-chat-root .qa-selection-discount-sheet h3{font-size:max(var(--tsqam-font-min,10px),calc(15px - var(--tsqam-font-cut-sm,0px)))} } /* ===== r209 — mobile student selection polish ===== */ @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open .qa-sidebar-search-wrap{display:none!important} #qa-chat-root.qa-selection-surface-open .qa-sidebar-top{gap:10px!important;padding-bottom:0!important} #qa-chat-root.qa-selection-surface-open .qa-thread-list{padding-top:8px!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head{ position:sticky!important; top:0!important; z-index:22!important; padding:10px 10px 8px!important; background:linear-gradient(180deg,rgba(248,251,255,.97),rgba(245,249,255,.93))!important; border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,var(--border))!important; box-shadow:0 12px 24px rgba(15,23,42,.05)!important; backdrop-filter:blur(16px)!important; -webkit-backdrop-filter:blur(16px)!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{ padding:0 56px 0 12px!important; min-height:58px!important; border-radius:18px!important; border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border))!important; background:linear-gradient(180deg,#ffffff,#f8fbff)!important; box-shadow:0 10px 22px rgba(15,23,42,.05)!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::before{width:42px!important;height:42px!important;border-radius:14px!important;inset-inline-end:8px!important} #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::after{width:42px!important;height:42px!important;inset-inline-end:8px!important;font-size:max(var(--tsqam-font-min,10px),calc(20px - var(--tsqam-font-cut-lg,0px)))!important} #qa-chat-root.qa-selection-surface-open #qa-chat-header{font-size:max(var(--tsqam-font-min,10px),calc(19px - var(--tsqam-font-cut-md,0px)))!important;font-weight:980!important;letter-spacing:-.35px!important;line-height:1.2!important} #qa-chat-root.qa-selection-surface-open #qa-chat-sub{margin-top:4px!important;font-size:max(var(--tsqam-font-min,10px),calc(11.4px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:760!important;gap:6px!important;color:#6b7f93!important} #qa-chat-root.qa-selection-surface-open #qa-chat-sub::before{width:7px!important;height:7px!important;box-shadow:0 0 0 3px rgba(22,199,107,.11)!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head-actions{margin-top:8px!important} #qa-chat-root.qa-selection-surface-open .qa-student-topnav-switch{ padding:4px!important; border-radius:16px!important; background:linear-gradient(180deg,#eef5fd,#f7fbff)!important; border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.78)!important; } #qa-chat-root.qa-selection-surface-open .qa-student-topnav-switch .qa-mini-tab{ min-height:42px!important; border-radius:12px!important; font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important; font-weight:900!important; } #qa-chat-root.qa-selection-surface-open .qa-student-topnav-switch .qa-mini-tab.active{box-shadow:0 10px 20px rgba(51,144,236,.12)!important} #qa-chat-root.qa-selection-surface-open .qa-selection-chat-stage{padding-bottom:calc(148px + env(safe-area-inset-bottom))!important} #qa-chat-root.qa-selection-surface-open .qa-selection-control-stack{ position:sticky!important; bottom:calc(8px + env(safe-area-inset-bottom))!important; z-index:18!important; margin-top:auto!important; padding-top:10px!important; background:linear-gradient(180deg,rgba(245,249,255,0),rgba(245,249,255,.82) 28%,rgba(245,249,255,.98) 100%)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-inline-actions{padding:0 2px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-inline-actions .qa-selection-composer-actions{gap:7px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-inline-actions .qa-selection-composer-action{ min-height:40px!important; border-radius:14px!important; background:rgba(255,255,255,.92)!important; border:1px solid #cfe1ef!important; box-shadow:0 8px 18px rgba(15,23,42,.04)!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-bottom-primary-dock{ position:sticky!important; bottom:calc(8px + env(safe-area-inset-bottom))!important; margin-top:0!important; padding:8px!important; border-radius:18px!important; border:1px solid #cfe1ef!important; background:rgba(255,255,255,.96)!important; box-shadow:0 14px 30px rgba(15,23,42,.08)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-bottom-primary-dock .qa-selection-dock-cta{ min-height:48px!important; height:48px!important; border-radius:15px!important; padding:0 12px!important; box-shadow:0 10px 22px rgba(22,141,240,.16)!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-bottom-primary-dock .qa-selection-dock-cta strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-head{background:linear-gradient(180deg,rgba(10,18,30,.96),rgba(10,18,30,.92))!important;border-bottom-color:rgba(255,255,255,.08)!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{background:linear-gradient(180deg,#0f1d2a,#122334)!important;border-color:#26445a!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open #qa-chat-sub{color:#aac0d3!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-student-topnav-switch{background:linear-gradient(180deg,#13283a,#122333)!important;border-color:#29475e!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-control-stack{background:linear-gradient(180deg,rgba(10,18,30,0),rgba(10,18,30,.78) 28%,rgba(10,18,30,.98) 100%)!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-inline-actions .qa-selection-composer-action{background:#122334!important;border-color:#29475e!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-bottom-primary-dock{background:rgba(18,35,52,.96)!important;border-color:#29475e!important;box-shadow:none!important} /* ===== r210 — mobile selection fit + scroll + centered header ===== */ @media (max-width:760px){ /* Strong mobile layout lock so chat can scroll correctly */ #qa-chat-root.qa-selection-surface-open .qa-chatcard, #qa-chat-root.qa-selection-surface-open #qa-messages, #qa-chat-root.qa-selection-surface-open .qa-selection-surface, #qa-chat-root.qa-selection-surface-open .qa-selection-shell, #qa-chat-root.qa-selection-surface-open .qa-selection-chat-layout, #qa-chat-root.qa-selection-surface-open .qa-selection-conversation-pane{ min-height:0!important; } #qa-chat-root.qa-selection-surface-open .qa-chatcard{ display:flex!important; flex-direction:column!important; height:calc(100dvh - 56px)!important; min-height:calc(100dvh - 56px)!important; overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open #qa-messages{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior:contain!important; padding:10px 10px calc(176px + env(safe-area-inset-bottom))!important; scroll-padding-bottom:calc(176px + env(safe-area-inset-bottom))!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-chat-layout{ display:block!important; width:100%!important; max-width:none!important; padding:8px 8px 0!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-chat-stage{ gap:12px!important; padding:6px 0 0!important; min-height:0!important; } /* Center the assistant info box professionally */ #qa-chat-root.qa-selection-surface-open .qa-chat-head{ padding:10px 10px 8px!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{ align-items:center!important; justify-content:center!important; text-align:center!important; direction:rtl!important; padding:0 52px 0 52px!important; min-height:60px!important; } #qa-chat-root.qa-selection-surface-open #qa-chat-header{ width:100%!important; text-align:center!important; font-size:max(var(--tsqam-font-min,10px),calc(18px - var(--tsqam-font-cut-md,0px)))!important; line-height:1.15!important; } #qa-chat-root.qa-selection-surface-open #qa-chat-sub{ width:100%!important; justify-content:center!important; text-align:center!important; font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important; line-height:1.5!important; } /* Reliable fixed in-chat action dock */ #qa-chat-root.qa-selection-surface-open .qa-selection-control-stack{ position:fixed!important; inset-inline:10px!important; bottom:calc(8px + env(safe-area-inset-bottom))!important; z-index:45!important; margin:0!important; width:auto!important; padding:10px 0 0!important; background:linear-gradient(180deg,rgba(245,249,255,0),rgba(245,249,255,.84) 28%,rgba(245,249,255,.985) 100%)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-inline-actions{padding:0 2px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-inline-actions .qa-selection-composer-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-inline-actions .qa-selection-composer-action{min-height:40px!important;border-radius:14px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-bottom-primary-dock{position:relative!important;bottom:auto!important;margin-top:8px!important;padding:8px!important;border-radius:18px!important} /* Prevent last bot bubble and cards from protruding */ #qa-chat-root.qa-selection-surface-open .qa-selection-message{gap:6px!important;align-items:flex-start!important} #qa-chat-root.qa-selection-surface-open .qa-selection-message-user{padding-inline:24px 0!important} #qa-chat-root.qa-selection-surface-open .qa-selection-bubble, #qa-chat-root.qa-selection-surface-open .qa-selection-user-bubble{ width:auto!important; max-width:calc(100% - 40px)!important; box-sizing:border-box!important; overflow-wrap:anywhere!important; word-break:break-word!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-bubble > *, #qa-chat-root.qa-selection-surface-open .qa-selection-user-bubble > *{max-width:100%!important;box-sizing:border-box!important} #qa-chat-root.qa-selection-surface-open .qa-selection-choice-grid, #qa-chat-root.qa-selection-surface-open .qa-selection-rank-route-grid, #qa-chat-root.qa-selection-surface-open .qa-selection-preference-option-grid, #qa-chat-root.qa-selection-surface-open .qa-selection-commercial-options, #qa-chat-root.qa-selection-surface-open .qa-selection-budget-options, #qa-chat-root.qa-selection-surface-open .qa-selection-identity-edit-grid, #qa-chat-root.qa-selection-surface-open .qa-selection-provider-fields, #qa-chat-root.qa-selection-surface-open .qa-selection-result-list, #qa-chat-root.qa-selection-surface-open .qa-selection-preference-summary, #qa-chat-root.qa-selection-surface-open .qa-selection-primary-action-wrap, #qa-chat-root.qa-selection-surface-open .qa-selection-phase-note, #qa-chat-root.qa-selection-surface-open .qa-selection-results-loading, #qa-chat-root.qa-selection-surface-open .qa-selection-commercial-loading, #qa-chat-root.qa-selection-surface-open .qa-selection-server-state, #qa-chat-root.qa-selection-surface-open .qa-selection-preference-history, #qa-chat-root.qa-selection-surface-open .qa-selection-mini-value, #qa-chat-root.qa-selection-surface-open .qa-selection-preference-question, #qa-chat-root.qa-selection-surface-open .qa-selection-result-buckets, #qa-chat-root.qa-selection-surface-open .qa-selection-board-cta-wrap, #qa-chat-root.qa-selection-surface-open .qa-selection-results-footnote, #qa-chat-root.qa-selection-surface-open .qa-selection-personal-board, #qa-chat-root.qa-selection-surface-open .qa-selection-revision-entry, #qa-chat-root.qa-selection-surface-open .qa-selection-revision-panel, #qa-chat-root.qa-selection-surface-open .qa-selection-commercial-done, #qa-chat-root.qa-selection-surface-open .qa-selection-search-wrap, #qa-chat-root.qa-selection-surface-open .qa-selection-server-hub{ margin-inline-start:0!important; margin-inline-end:0!important; width:100%!important; max-width:100%!important; box-sizing:border-box!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-server-hub{padding:12px!important;border-radius:16px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-server-hub-title, #qa-chat-root.qa-selection-surface-open .qa-selection-server-hub-copy, #qa-chat-root.qa-selection-surface-open .qa-selection-server-hub-copy small{text-align:center!important;justify-content:center!important} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-control-stack{background:linear-gradient(180deg,rgba(10,18,30,0),rgba(10,18,30,.8) 28%,rgba(10,18,30,.98) 100%)!important} /* ===== r211 ROOT FIX — mobile selection shell, true scroll container, persistent dock ===== */ #qa-chat-root .qa-selection-action-dock-host{display:none} @media (max-width:760px){ /* Make one and only one vertical scroller: #qa-messages. */ #qa-chat-root.qa-selection-surface-open{ display:flex!important; flex-direction:column!important; width:100%!important; height:100dvh!important; min-height:100dvh!important; max-height:100dvh!important; overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open .qa-shell-topbar{ flex:0 0 auto!important; position:relative!important; top:auto!important; } #qa-chat-root.qa-selection-surface-open .qa-shell{ flex:1 1 auto!important; min-height:0!important; height:auto!important; max-height:none!important; overflow:hidden!important; display:block!important; } #qa-chat-root.qa-selection-surface-open .qa-chatcard{ display:flex!important; flex-direction:column!important; width:100%!important; height:100%!important; min-height:0!important; max-height:100%!important; overflow:hidden!important; border-radius:0!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head{ flex:0 0 auto!important; position:relative!important; top:auto!important; z-index:22!important; padding:8px 10px!important; background:linear-gradient(180deg,rgba(248,251,255,.99),rgba(246,250,255,.97))!important; border-bottom:1px solid rgba(120,150,180,.10)!important; box-shadow:0 7px 22px rgba(15,23,42,.045)!important; backdrop-filter:blur(16px)!important; -webkit-backdrop-filter:blur(16px)!important; } #qa-chat-root.qa-selection-surface-open #qa-messages{ display:block!important; flex:1 1 0%!important; height:0!important; min-height:0!important; max-height:none!important; overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior-y:contain!important; touch-action:pan-y!important; scroll-behavior:smooth!important; scrollbar-gutter:stable!important; padding:8px 8px 20px!important; scroll-padding-top:14px!important; scroll-padding-bottom:24px!important; } /* The assistant identity card is visually centered independent of the icon. */ #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{ position:relative!important; display:grid!important; grid-template-columns:1fr!important; place-items:center!important; width:100%!important; min-height:60px!important; padding:8px 58px!important; margin:0!important; text-align:center!important; direction:rtl!important; border-radius:18px!important; border:1px solid #dce8f3!important; background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important; box-shadow:0 8px 20px rgba(40,85,125,.055)!important; box-sizing:border-box!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-row{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; margin:0!important; text-align:center!important; } #qa-chat-root.qa-selection-surface-open #qa-chat-header{ display:block!important; width:100%!important; min-width:0!important; margin:0 auto!important; padding:0!important; text-align:center!important; font-size:max(var(--tsqam-font-min,10px),calc(17.5px - var(--tsqam-font-cut-md,0px)))!important; font-weight:950!important; line-height:1.35!important; letter-spacing:-.25px!important; } #qa-chat-root.qa-selection-surface-open #qa-chat-sub{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; margin:4px auto 0!important; text-align:center!important; font-size:max(var(--tsqam-font-min,10px),calc(10.6px - var(--tsqam-font-cut-xs,0px)))!important; font-weight:760!important; line-height:1.55!important; color:#708397!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::before{ inset-inline-end:8px!important; inset-inline-start:auto!important; top:50%!important; width:42px!important; height:42px!important; border-radius:14px!important; transform:translateY(-50%)!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::after{ inset-inline-end:8px!important; inset-inline-start:auto!important; top:50%!important; width:42px!important; height:42px!important; font-size:max(var(--tsqam-font-min,10px),calc(20px - var(--tsqam-font-cut-lg,0px)))!important; transform:translateY(-51%)!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head-actions{ width:100%!important; margin:7px 0 0!important; padding:0!important; } /* Stable transcript width: nothing can protrude beyond the device. */ #qa-chat-root.qa-selection-surface-open .qa-selection-surface, #qa-chat-root.qa-selection-surface-open .qa-selection-shell, #qa-chat-root.qa-selection-surface-open .qa-selection-chat-layout, #qa-chat-root.qa-selection-surface-open .qa-selection-conversation-pane, #qa-chat-root.qa-selection-surface-open .qa-selection-chat-stage{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-chat-layout{padding:8px 6px 12px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-chat-stage{gap:12px!important;padding:4px 0 8px!important;min-height:0!important} #qa-chat-root.qa-selection-surface-open .qa-selection-chat-stage>*{max-width:100%!important;box-sizing:border-box!important} #qa-chat-root.qa-selection-surface-open .qa-selection-message{width:100%!important;max-width:100%!important;min-width:0!important;gap:6px!important;box-sizing:border-box!important} #qa-chat-root.qa-selection-surface-open .qa-selection-message-user{padding-inline:24px 0!important} #qa-chat-root.qa-selection-surface-open .qa-selection-bot-avatar{flex:0 0 30px!important;width:30px!important;height:30px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-bubble{ width:auto!important; max-width:calc(100% - 36px)!important; min-width:0!important; box-sizing:border-box!important; overflow-wrap:anywhere!important; word-break:break-word!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-user-bubble{ width:auto!important; max-width:86%!important; min-width:0!important; box-sizing:border-box!important; overflow-wrap:anywhere!important; word-break:break-word!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-bubble *, #qa-chat-root.qa-selection-surface-open .qa-selection-user-bubble *{max-width:100%!important;box-sizing:border-box!important} /* Persistent action area lives OUTSIDE #qa-messages, so rerenders cannot erase it. */ #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host{ display:none!important; flex:0 0 auto!important; width:100%!important; min-height:0!important; padding:0 8px calc(8px + env(safe-area-inset-bottom))!important; background:linear-gradient(180deg,rgba(244,249,254,.2),rgba(244,249,254,.94) 22%,#f4f9fe 100%)!important; border-top:1px solid rgba(160,185,205,.12)!important; box-sizing:border-box!important; z-index:45!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host.is-active{display:block!important} #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-control-stack, #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-start-dock, #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-reset-confirm-composer{ position:relative!important; inset:auto!important; left:auto!important; right:auto!important; bottom:auto!important; width:100%!important; max-width:100%!important; margin:0!important; padding:7px 0 0!important; background:transparent!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; box-shadow:none!important; box-sizing:border-box!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-inline-actions{padding:0!important} #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-inline-actions .qa-selection-composer-actions{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important; width:100%!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-inline-actions .qa-selection-composer-action{ width:100%!important; min-width:0!important; min-height:40px!important; padding:0 10px!important; border-radius:13px!important; background:#fff!important; border:1px solid #cfe0ed!important; color:#315876!important; box-shadow:0 6px 16px rgba(34,73,108,.04)!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-bottom-primary-dock{ display:flex!important; position:relative!important; inset:auto!important; width:100%!important; min-height:0!important; margin:7px 0 0!important; padding:7px!important; border-radius:16px!important; background:#fff!important; border:1px solid #cfe0ed!important; box-shadow:0 10px 22px rgba(34,73,108,.06)!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-bottom-primary-dock.is-empty{display:none!important} #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-dock-cta{ width:100%!important; min-width:0!important; min-height:46px!important; height:46px!important; border-radius:13px!important; padding:0 12px!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-chat-composer{ position:relative!important; inset:auto!important; width:100%!important; margin:7px 0 0!important; box-sizing:border-box!important; } /* Native composer must never compete with the selection dock. */ #qa-chat-root.qa-selection-surface-open .qa-compose-wrap{display:none!important} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{ background:linear-gradient(180deg,#102131,#122638)!important; border-color:#2a475d!important; box-shadow:none!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open #qa-chat-sub{color:#afc2d2!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host{ background:linear-gradient(180deg,rgba(9,17,27,.15),rgba(9,17,27,.94) 22%,#09111b 100%)!important; border-top-color:rgba(255,255,255,.07)!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-inline-actions .qa-selection-composer-action, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-bottom-primary-dock{ background:#122536!important; border-color:#2c4b62!important; color:#dbeaf4!important; box-shadow:none!important; } /* ===== r212 FINAL FIX — centered header + integrated sticky CTA + floating gift FAB ===== */ @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open .qa-chat-head{padding:9px 10px 8px!important} #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{ display:grid!important; grid-template-columns:44px minmax(0,1fr) 44px!important; align-items:center!important; min-height:64px!important; padding:10px!important; column-gap:8px!important; text-align:center!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-row, #qa-chat-root.qa-selection-surface-open #qa-chat-sub{ grid-column:2!important; width:100%!important; min-width:0!important; justify-self:center!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-row{justify-content:center!important} #qa-chat-root.qa-selection-surface-open #qa-chat-header{font-size:max(var(--tsqam-font-min,10px),calc(17.2px - var(--tsqam-font-cut-md,0px)))!important;line-height:1.3!important} #qa-chat-root.qa-selection-surface-open #qa-chat-sub{margin-top:3px!important;font-size:max(var(--tsqam-font-min,10px),calc(10.8px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.55!important} #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::before{inset-inline-start:10px!important;inset-inline-end:auto!important;top:50%!important;transform:translateY(-50%)!important} #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::after{inset-inline-start:10px!important;inset-inline-end:auto!important;top:50%!important;transform:translateY(-51%)!important} #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host{ position:relative!important; padding:8px 8px calc(10px + env(safe-area-inset-bottom))!important; background:linear-gradient(180deg,rgba(244,249,254,.08),rgba(244,249,254,.88) 18%,#f4f9fe 100%)!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host.has-sticky-discount{padding-top:22px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-mobile-conversion-sticky{ position:relative!important; inset:auto!important; display:block!important; width:100%!important; margin:8px 0 0!important; pointer-events:auto!important; z-index:auto!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-mobile-conversion-sticky .qa-selection-mobile-sticky-btn{ width:100%!important; min-height:49px!important; border-radius:15px!important; box-shadow:0 10px 24px rgba(20,53,77,.16)!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-bottom-primary-dock{margin-top:8px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-dock-gift-fab{ position:absolute!important; left:12px!important; top:0!important; transform:translateY(-38%)!important; width:46px!important; height:46px!important; display:grid!important; place-items:center!important; border:1px solid #d7e5ef!important; border-radius:16px!important; background:linear-gradient(180deg,#ffffff 0%,#eef8ff 100%)!important; color:#173f5d!important; font:900 22px/1 var(--font)!important; box-shadow:0 12px 30px rgba(28,84,124,.14)!important; cursor:pointer!important; z-index:3!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-dock-gift-fab:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(46,145,224,.18),0 12px 30px rgba(28,84,124,.16)!important} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-dock-gift-fab{background:linear-gradient(180deg,#163149 0%,#13293c 100%)!important;border-color:#305069!important;color:#e8f3fb!important;box-shadow:none!important} /* ===== r213 FINAL PRODUCT POLISH — requested consolidated phase ===== */ #qa-chat-root.qa-selection-surface-open .qa-list-backtop-r13127{display:none!important;visibility:hidden!important;pointer-events:none!important} #qa-chat-root.qa-selection-surface-open .qa-selection-mobile-conversion-sticky.is-discount{display:none!important} @media (max-width:760px){ /* Compact assistant header: title + status live on one visual line. */ #qa-chat-root.qa-selection-surface-open .qa-chat-head{ padding:5px 8px!important; min-height:0!important; background:linear-gradient(180deg,rgba(248,251,255,.98),rgba(245,250,255,.96))!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{ position:relative!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:7px!important; width:100%!important; min-height:38px!important; padding:4px 43px!important; margin:0!important; border-radius:13px!important; border:1px solid #dce7f0!important; background:#fff!important; box-shadow:0 5px 14px rgba(42,82,116,.04)!important; box-sizing:border-box!important; overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-row{ display:flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:0!important; flex:0 1 auto!important; margin:0!important; } #qa-chat-root.qa-selection-surface-open #qa-chat-header{ width:auto!important; margin:0!important; padding:0!important; text-align:center!important; white-space:nowrap!important; font-size:max(var(--tsqam-font-min,10px),calc(12.4px - var(--tsqam-font-cut-sm,0px)))!important; font-weight:950!important; line-height:1.3!important; letter-spacing:-.15px!important; } #qa-chat-root.qa-selection-surface-open #qa-chat-sub{ display:flex!important; align-items:center!important; justify-content:center!important; gap:4px!important; width:auto!important; min-width:0!important; margin:0!important; padding:0!important; white-space:nowrap!important; text-align:center!important; color:#8091a1!important; font-size:8.2px!important; font-weight:720!important; line-height:1.3!important; } #qa-chat-root.qa-selection-surface-open #qa-chat-sub::before{ width:5px!important;height:5px!important;flex:0 0 5px!important;box-shadow:0 0 0 2px rgba(22,199,107,.1)!important } #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::before{ inset-inline-start:7px!important;inset-inline-end:auto!important;top:50%!important; width:29px!important;height:29px!important;border-radius:10px!important;transform:translateY(-50%)!important; box-shadow:0 6px 13px rgba(22,165,96,.13)!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap::after{ inset-inline-start:7px!important;inset-inline-end:auto!important;top:50%!important; width:29px!important;height:29px!important;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important;transform:translateY(-51%)!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head-actions{margin-top:5px!important} /* Dock is clean: discount is icon-only, never a second full-width CTA. */ #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host{ position:relative!important; padding:7px 8px calc(8px + env(safe-area-inset-bottom))!important; overflow:visible!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-dock-gift-fab{ position:absolute!important; left:12px!important; top:-17px!important; width:42px!important; height:42px!important; display:grid!important; place-items:center!important; padding:0!important; border:1px solid #d3e2ec!important; border-radius:14px!important; background:linear-gradient(180deg,#fff,#f2f8fc)!important; color:#2387c7!important; box-shadow:0 10px 24px rgba(35,92,132,.12)!important; cursor:pointer!important; z-index:5!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-dock-gift-fab svg{ width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-control-stack{padding-top:0!important} #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-bottom-primary-dock{margin-top:7px!important} /* Reset confirmation becomes a proper mobile confirmation card. */ #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-reset-confirm-composer{ display:grid!important; grid-template-columns:1fr 1fr!important; grid-template-areas:"copy copy" "cancel save"!important; gap:8px!important; padding:12px!important; border:1px solid #d6e3ed!important; border-radius:17px!important; background:#fff!important; box-shadow:0 10px 26px rgba(34,73,108,.07)!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-reset-confirm-copy{grid-area:copy!important;text-align:center!important;display:grid!important;gap:3px!important;padding:0 6px 4px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-reset-confirm-copy strong{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important;color:#213e55!important} #qa-chat-root.qa-selection-surface-open .qa-selection-reset-confirm-copy small{font-size:9.5px!important;line-height:1.7!important;color:#7b8e9e!important} #qa-chat-root.qa-selection-surface-open .qa-selection-reset-cancel-btn{grid-area:cancel!important} #qa-chat-root.qa-selection-surface-open .qa-selection-reset-save-btn{grid-area:save!important} #qa-chat-root.qa-selection-surface-open .qa-selection-reset-cancel-btn, #qa-chat-root.qa-selection-surface-open .qa-selection-reset-save-btn{ width:100%!important;height:42px!important;min-height:42px!important;border-radius:12px!important;font:900 11px/1 var(--font)!important;box-shadow:none!important } #qa-chat-root.qa-selection-surface-open .qa-selection-reset-cancel-btn{background:#fff!important;border:1px solid #d6e1e9!important;color:#637a8c!important} #qa-chat-root.qa-selection-surface-open .qa-selection-reset-save-btn{background:linear-gradient(90deg,#168df0,#45b6ef)!important;border:1px solid transparent!important;color:#fff!important} } /* Discount dialog — compact, branded, no content beneath close button. */ #qa-chat-root .qa-selection-discount-modal{padding:14px!important} #qa-chat-root .qa-selection-discount-backdrop{background:rgba(10,25,38,.48)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important} #qa-chat-root .qa-selection-discount-sheet{ width:min(100%,410px)!important; gap:13px!important; padding:20px!important; padding-top:22px!important; border:1px solid #d9e5ed!important; border-radius:22px!important; background:linear-gradient(180deg,#fff,#fbfdff)!important; box-shadow:0 28px 80px rgba(15,42,61,.22)!important; overflow:hidden!important; } #qa-chat-root .qa-selection-discount-close{ position:absolute!important;top:12px!important;right:12px!important;left:auto!important; width:34px!important;height:34px!important;padding:0!important;display:grid!important;place-items:center!important; border:1px solid #dfe8ee!important;border-radius:11px!important;background:#f7fbfd!important;color:#60798b!important;z-index:4!important } #qa-chat-root .qa-selection-discount-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round} #qa-chat-root .qa-selection-discount-gift{ width:44px!important;height:44px!important;margin:0!important;display:grid!important;place-items:center!important; border:1px solid #d8e8f2!important;border-radius:14px!important;background:#eef8fd!important;color:#2387c7!important } #qa-chat-root .qa-selection-discount-gift svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #qa-chat-root .qa-selection-discount-head{display:grid;gap:4px;padding-inline-end:40px} #qa-chat-root .qa-selection-discount-head>span{font-size:9px;font-weight:900;color:#2b8ac3} #qa-chat-root .qa-selection-discount-head h3{margin:0!important;padding:0!important;font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;font-weight:950!important;line-height:1.55!important;color:#203e55!important} #qa-chat-root .qa-selection-discount-head p{margin:0!important;font-size:max(var(--tsqam-font-min,10px),calc(10.2px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.8!important;color:#758b9c!important} #qa-chat-root .qa-selection-discount-field{gap:6px!important} #qa-chat-root .qa-selection-discount-field input{height:48px!important;border-radius:13px!important;background:#fff!important} #qa-chat-root .qa-selection-discount-submit,#qa-chat-root .qa-selection-discount-plans-btn{width:100%!important;min-height:48px!important;border-radius:14px!important;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root .qa-selection-discount-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid #d5e5ef;border-radius:15px;background:#f4faff} #qa-chat-root .qa-selection-discount-code-row code{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 10px;border:0;background:transparent;color:#183e5b;font:950 18px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.2px} #qa-chat-root .qa-selection-discount-code-row button{height:40px;display:flex;align-items:center;gap:5px;padding:0 10px;border:1px solid #cfe0ea;border-radius:11px;background:#fff;color:#2c668e;font:900 9.5px/1 var(--font);cursor:pointer} #qa-chat-root .qa-selection-discount-code-row button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #qa-chat-root .qa-selection-discount-note{margin:0!important;padding:9px 10px;border-radius:12px;background:#f5f9fc;color:#647c8d!important;font-size:9.5px!important;line-height:1.8!important} #qa-chat-root .qa-selection-discount-loading{height:54px;display:flex;align-items:center;justify-content:center;gap:6px} #qa-chat-root .qa-selection-discount-loading span{width:7px;height:7px;border-radius:50%;background:#3e9ed7;animation:qaSelDiscountDot .9s ease-in-out infinite alternate} #qa-chat-root .qa-selection-discount-loading span:nth-child(2){animation-delay:.15s}#qa-chat-root .qa-selection-discount-loading span:nth-child(3){animation-delay:.3s} @keyframes qaSelDiscountDot{from{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:translateY(-2px)}} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{background:#102131!important;border-color:#2a475d!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-dock-gift-fab{background:#122b3f!important;border-color:#31516a!important;color:#74c9f6!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-sheet{background:linear-gradient(180deg,#112332,#0f202e)!important;border-color:#2d4c62!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-head h3{color:#edf7ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-head p,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-note{color:#aac0d1!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-code-row{background:#132a3d!important;border-color:#30526b!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-code-row code{color:#edf7ff!important} #qa-chat-root .qa-selection-discount-gift{margin-left:0!important;margin-right:auto!important} /* ===== r214 — premium header + robotic avatar + stronger discount modal ===== */ #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v214{min-height:unset!important;height:auto!important;padding:10px 14px!important;border:1px solid rgba(188,211,228,.78)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,250,255,.98))!important;box-shadow:0 10px 26px rgba(39,92,131,.08)!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v214 .qa-chat-title-wrap{padding:0!important;min-height:0!important;height:auto!important;display:block!important;align-items:stretch!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v214 .qa-chat-title-wrap::before, #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v214 .qa-chat-title-wrap::after{display:none!important;content:none!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v214 #qa-chat-sub{display:none!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v214 #qa-chat-header{display:grid!important;gap:5px!important;font-size:inherit!important;line-height:normal!important;color:inherit!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:100%!important;padding:4px 9px!important;border-radius:999px!important;background:#ebf5ff!important;color:#2a87cb!important;font-size:9.5px!important;font-weight:900!important;letter-spacing:.02em!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-title-row{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-title-row strong{font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;line-height:1.4!important;font-weight:950!important;color:#173a5d!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-status{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:4px 8px!important;border-radius:999px!important;background:#eefaf2!important;color:#179f5b!important;font-size:10px!important;font-weight:850!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-status i{width:7px!important;height:7px!important;border-radius:50%!important;background:currentColor!important;box-shadow:0 0 0 4px rgba(23,159,91,.12)!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-note{display:block!important;color:#71889a!important;font-size:max(var(--tsqam-font-min,10px),calc(10.4px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.75!important;font-weight:760!important} #qa-chat-root .qa-selection-bot-avatar{background:linear-gradient(180deg,#fff6df,#ffe6a8)!important;border:1px solid #ffd783!important;box-shadow:0 10px 26px rgba(227,162,31,.18)!important;color:#d57b07!important} #qa-chat-root .qa-selection-bot-avatar .qa-selection-robot-svg{width:34px!important;height:34px!important} #qa-chat-root .qa-selection-robotic-avatar-svg .robotic-back{fill:#fff4d7} #qa-chat-root .qa-selection-robotic-avatar-svg .robotic-halo{fill:#ffe39a} #qa-chat-root .qa-selection-robotic-avatar-svg .robotic-head{fill:#ffae1a} #qa-chat-root .qa-selection-robotic-avatar-svg .robotic-face{fill:#fff9ee} #qa-chat-root .qa-selection-robotic-avatar-svg .robotic-eye{fill:#22415a} #qa-chat-root .qa-selection-robotic-avatar-svg .robotic-smile{fill:none;stroke:#22415a;stroke-width:1.9;stroke-linecap:round} #qa-chat-root .qa-selection-robotic-avatar-svg .robotic-antenna,#qa-chat-root .qa-selection-robotic-avatar-svg .robotic-ear{fill:none;stroke:#d57b07;stroke-width:2;stroke-linecap:round} #qa-chat-root .qa-selection-robotic-avatar-svg .robotic-tip{fill:#2ec97e} #qa-chat-root .qa-selection-discount-sheet{padding:22px 18px 18px!important;border-radius:24px!important;background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%)!important;border-color:#d7e6f0!important} #qa-chat-root .qa-selection-discount-sheet-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important} #qa-chat-root .qa-selection-discount-close{position:static!important;flex:0 0 38px!important;order:2!important} #qa-chat-root .qa-selection-discount-gift{width:50px!important;height:50px!important;border-radius:16px!important;background:linear-gradient(180deg,#eff7ff,#ffffff)!important;border:1px solid #d5e5ef!important;color:#2f87c9!important;box-shadow:0 10px 20px rgba(53,131,195,.10)!important} #qa-chat-root .qa-selection-discount-head{padding-inline-end:0!important;gap:5px!important} #qa-chat-root .qa-selection-discount-kicker{display:inline-flex!important;width:max-content!important;align-items:center!important;justify-content:center!important;padding:4px 8px!important;border-radius:999px!important;background:#edf6ff!important;color:#2b8ac3!important;font-size:9.2px!important;font-weight:900!important} #qa-chat-root .qa-selection-discount-head h3{font-size:max(var(--tsqam-font-min,10px),calc(18px - var(--tsqam-font-cut-md,0px)))!important;line-height:1.45!important} #qa-chat-root .qa-selection-discount-head p{font-size:max(var(--tsqam-font-min,10px),calc(11.1px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.95!important} #qa-chat-root .qa-selection-discount-result-card{display:grid!important;gap:8px!important;padding:12px!important;border:1px solid #d9e8f1!important;border-radius:18px!important;background:#fbfdff!important} #qa-chat-root .qa-selection-discount-result-card>small{font-size:10px!important;font-weight:850!important;color:#7a93a6!important} #qa-chat-root .qa-selection-discount-inline-meta{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important} #qa-chat-root .qa-selection-discount-inline-meta span{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:5px 9px!important;border-radius:999px!important;background:#eff7fb!important;color:#5c798f!important;font-size:9.3px!important;font-weight:820!important} #qa-chat-root .qa-selection-discount-mini-note{display:flex!important;align-items:flex-start!important;gap:8px!important;padding:10px 11px!important;border-radius:14px!important;background:#f5fafd!important;border:1px dashed #d1e3ef!important} #qa-chat-root .qa-selection-discount-mini-note>span{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#e8f9ef!important;color:#169956!important;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:900!important;flex:0 0 18px!important} #qa-chat-root .qa-selection-discount-mini-note p{margin:0!important;color:#678193!important;font-size:max(var(--tsqam-font-min,10px),calc(10.2px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:780!important;line-height:1.9!important} #qa-chat-root .qa-selection-discount-note{margin-top:0!important} #qa-chat-root .qa-selection-discount-code-row{padding:9px!important;border-radius:16px!important;gap:9px!important;background:linear-gradient(180deg,#f4fbff,#ecf7ff)!important} #qa-chat-root .qa-selection-discount-code-row code{min-height:46px!important;font-size:max(var(--tsqam-font-min,10px),calc(22px - var(--tsqam-font-cut-lg,0px)))!important;letter-spacing:1.4px!important} #qa-chat-root .qa-selection-discount-code-row button{height:42px!important;padding:0 12px!important;border-radius:12px!important;font-size:10px!important;box-shadow:0 4px 12px rgba(28,96,144,.06)!important} @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v214{margin-inline:8px!important;padding:9px 11px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-title-row strong{font-size:max(var(--tsqam-font-min,10px),calc(14.4px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-note{font-size:9.8px!important} #qa-chat-root .qa-selection-discount-modal{padding:10px!important} #qa-chat-root .qa-selection-discount-sheet{padding:16px 14px calc(14px + env(safe-area-inset-bottom))!important;border-radius:22px!important;gap:10px!important} #qa-chat-root .qa-selection-discount-gift{width:44px!important;height:44px!important;border-radius:14px!important} #qa-chat-root .qa-selection-discount-head h3{font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important} #qa-chat-root .qa-selection-discount-code-row{grid-template-columns:1fr!important} #qa-chat-root .qa-selection-discount-code-row button{width:100%!important;justify-content:center!important} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v214{background:linear-gradient(180deg,#132434,#11202d)!important;border-color:#284259!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-header-chip{background:#17344b!important;color:#83c9ff!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-header-title-row strong{color:#edf7ff!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-header-note{color:#a9c0d3!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-sheet{background:linear-gradient(180deg,#112332,#0f202e)!important;border-color:#2d4c62!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-gift{background:linear-gradient(180deg,#183249,#122638)!important;border-color:#2f4c62!important;color:#8fd2ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-result-card{background:#12293b!important;border-color:#304f67!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-inline-meta span{background:#163044!important;color:#c8d9e6!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-mini-note{background:#102534!important;border-color:#2a4a61!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-mini-note p{color:#abc0d0!important} /* ===== r215 — compact header + inline gift action + minimal discount modal ===== */ #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v215{min-height:0!important;height:auto!important;padding:6px 10px!important;margin:0 8px 6px!important;border:1px solid rgba(188,211,228,.72)!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#f7fbff)!important;box-shadow:0 6px 16px rgba(39,92,131,.05)!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v215 .qa-chat-title-wrap{padding:0!important;min-height:0!important;height:auto!important;display:block!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v215 .qa-chat-title-wrap::before, #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v215 .qa-chat-title-wrap::after, #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v215 #qa-chat-sub{display:none!important;content:none!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v215 #qa-chat-header{display:grid!important;gap:2px!important;font-size:inherit!important;line-height:normal!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-compact{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.35!important;font-weight:950!important;color:#173a5d!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-status{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:2px 7px!important;border-radius:999px!important;background:#eefaf2!important;color:#169958!important;font-size:9.4px!important;font-weight:850!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-status i{width:6px!important;height:6px!important;border-radius:50%!important;background:currentColor!important;box-shadow:0 0 0 3px rgba(22,153,88,.1)!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-note{display:block!important;text-align:center!important;color:#7f94a6!important;font-size:8.8px!important;line-height:1.6!important;font-weight:760!important} @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v215{padding:5px 8px!important;border-radius:14px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-note{font-size:8.1px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-inline-actions .qa-selection-composer-actions.has-gift-action{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-dock-gift-fab{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;height:40px!important;min-height:40px!important;border-radius:13px!important;background:#fff!important;border:1px solid #cfe0ed!important;box-shadow:0 6px 16px rgba(34,73,108,.04)!important;color:#2b88c8!important;z-index:auto!important} #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-dock-gift-fab svg{width:18px!important;height:18px!important} } #qa-chat-root .qa-selection-discount-sheet.is-minimal{padding:16px!important;border-radius:20px!important;gap:12px!important;background:#fff!important;box-shadow:0 18px 48px rgba(15,42,61,.18)!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-sheet-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-gift{width:42px!important;height:42px!important;border-radius:14px!important;background:#f2f8fc!important;border:1px solid #dbe7ef!important;color:#2c86c8!important;box-shadow:none!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-close{position:static!important;inset:auto!important;flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:12px!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-head{padding-inline-end:0!important;gap:4px!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-head h3{margin:0!important;padding:0!important;font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;line-height:1.5!important;color:#203e55!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-head p{margin:0!important;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.85!important;color:#758b9c!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-field>span{font-size:10px!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-code-row{padding:8px!important;border-radius:14px!important;background:#f4fbff!important;border:1px solid #d8e6ef!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-code-row code{min-height:44px!important;font-size:max(var(--tsqam-font-min,10px),calc(20px - var(--tsqam-font-cut-lg,0px)))!important;letter-spacing:1.2px!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-code-row button{height:40px!important;padding:0 12px!important;border-radius:11px!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-note{margin:0!important;font-size:max(var(--tsqam-font-min,10px),calc(10.4px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.9!important;color:#6b8295!important} @media (max-width:760px){ #qa-chat-root .qa-selection-discount-sheet.is-minimal{padding:14px!important;border-radius:18px!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-code-row{grid-template-columns:1fr!important} #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-code-row button{width:100%!important;justify-content:center!important} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v215{background:linear-gradient(180deg,#132434,#11202d)!important;border-color:#284259!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-header-main{color:#edf7ff!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-header-note{color:#a9c0d3!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-sheet.is-minimal{background:#112332!important;border-color:#2d4c62!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-gift{background:#163044!important;border-color:#2d4c62!important;color:#8fd2ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-head h3{color:#edf7ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-head p,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-note{color:#abc0d1!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-code-row{background:#132a3d!important;border-color:#30526b!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-discount-sheet.is-minimal .qa-selection-discount-code-row code{color:#edf7ff!important} /* ===== r216 ROOT STABILITY — no duplicate gift, robust dock ===== */ #qa-chat-root .qa-selection-dock-gift-fab{display:none!important} @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-inline-actions .qa-selection-composer-actions{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(82px,1fr))!important; gap:7px!important; width:100%!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-dock-gift-fab{ display:flex!important; position:relative!important; inset:auto!important; transform:none!important; width:100%!important; min-width:0!important; height:40px!important; min-height:40px!important; padding:0 10px!important; align-items:center!important; justify-content:center!important; border-radius:13px!important; border:1px solid #cfe0ed!important; background:#fff!important; color:#2b88c8!important; box-shadow:0 6px 16px rgba(34,73,108,.04)!important; z-index:auto!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-dock-gift-fab svg{ width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important; } } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-action-dock-host .qa-selection-dock-gift-fab{background:#122536!important;border-color:#2c4b62!important;color:#8fd2ff!important;box-shadow:none!important} /* ===== r217 — single desktop header + Robatic avatar ===== */ #qa-chat-root .qa-selection-bot-avatar{overflow:hidden!important;padding:0!important;background:#fff!important;border:1px solid #d9e6ef!important;color:transparent!important} #qa-chat-root .qa-selection-bot-avatar .qa-selection-robot-avatar-img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217{min-height:0!important;height:auto!important;padding:7px 12px!important;margin:0 8px 7px!important;border:1px solid rgba(188,211,228,.72)!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#f7fbff)!important;box-shadow:0 7px 18px rgba(39,92,131,.05)!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 .qa-chat-title-wrap{padding:0!important;min-height:0!important;height:auto!important;display:block!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 .qa-chat-title-wrap::before, #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 .qa-chat-title-wrap::after, #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 #qa-chat-sub{display:none!important;content:none!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 #qa-chat-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:14px!important;row-gap:2px!important;align-items:center!important;font-size:inherit!important;line-height:normal!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 .qa-selection-header-compact{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 .qa-selection-header-note{grid-column:1!important;grid-row:2!important;text-align:right!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-plans{grid-column:2!important;grid-row:1 / 3!important;align-self:center!important;min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 13px!important;border:1px solid #cfe0ed!important;border-radius:12px!important;background:#fff!important;color:#315876!important;font:900 10px/1 var(--font)!important;cursor:pointer!important;box-shadow:0 5px 14px rgba(34,73,108,.04)!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-plans b{color:#168de8!important;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-plans:disabled{opacity:.5!important;cursor:not-allowed!important} @media (min-width:761px){ #qa-chat-root.qa-selection-surface-open .qa-selection-top-conversion{display:none!important} } @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open .qa-selection-header-plans{display:none!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 #qa-chat-header{grid-template-columns:1fr!important;grid-template-rows:auto auto!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 .qa-selection-header-compact{justify-content:center!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 .qa-selection-header-note{text-align:center!important} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217{background:linear-gradient(180deg,#132434,#11202d)!important;border-color:#284259!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-header-plans{background:#122536!important;border-color:#2c4b62!important;color:#dbeaf4!important;box-shadow:none!important} /* ===== r218 — desktop header fit polish ===== */ @media (min-width:761px){ #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217{ width:fit-content!important; max-width:min(560px,calc(100% - 24px))!important; margin:0 12px 10px auto!important; padding:10px 14px!important; border-radius:18px!important; box-shadow:0 10px 24px rgba(39,92,131,.07)!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 #qa-chat-header{ grid-template-columns:minmax(0,1fr) auto!important; column-gap:12px!important; align-items:center!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 .qa-selection-header-compact{ min-width:0!important; gap:7px!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 .qa-selection-header-main{ font-size:max(var(--tsqam-font-min,10px),calc(15px - var(--tsqam-font-cut-sm,0px)))!important; line-height:1.4!important; white-space:nowrap!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v217 .qa-selection-header-note{ font-size:9.4px!important; line-height:1.7!important; margin-top:1px!important; white-space:normal!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-header-plans{ min-width:168px!important; height:40px!important; padding:0 14px!important; border-radius:13px!important; white-space:nowrap!important; } } /* ===== r219 — full-width desktop header + professional plans modal ===== */ #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219{ box-sizing:border-box!important; border:1px solid rgba(188,211,228,.76)!important; background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important; box-shadow:0 8px 22px rgba(39,92,131,.055)!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 .qa-chat-title-wrap{ width:100%!important;min-width:0!important;padding:0!important;height:auto!important;min-height:0!important;display:block!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 .qa-chat-title-wrap::before, #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 .qa-chat-title-wrap::after, #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 #qa-chat-sub{display:none!important;content:none!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 #qa-chat-header{ width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:16px!important;row-gap:2px!important;align-items:center!important;direction:rtl!important;font-size:inherit!important;line-height:normal!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 .qa-selection-header-compact{ grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(15.5px - var(--tsqam-font-cut-md,0px)))!important;line-height:1.4!important;font-weight:950!important;color:#173a5d!important;white-space:nowrap!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 .qa-selection-header-status{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:3px 8px!important;border-radius:999px!important;background:#ecfaf2!important;color:#169958!important;font-size:9.5px!important;font-weight:850!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 .qa-selection-header-status i{width:6px!important;height:6px!important;border-radius:50%!important;background:currentColor!important;box-shadow:0 0 0 3px rgba(22,153,88,.1)!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 .qa-selection-header-note{grid-column:1!important;grid-row:2!important;text-align:right!important;color:#748a9b!important;font-size:9.7px!important;line-height:1.7!important;font-weight:760!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-plans{ grid-column:2!important;grid-row:1 / 3!important;align-self:center!important;min-width:184px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 15px!important;border:1px solid #cfe0ed!important;border-radius:13px!important;background:#fff!important;color:#315876!important;font:900 10.2px/1 var(--font)!important;cursor:pointer!important;box-shadow:0 5px 14px rgba(34,73,108,.04)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;white-space:nowrap!important } #qa-chat-root.qa-selection-surface-open .qa-selection-header-plans b{color:#168de8!important;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-plans:hover,#qa-chat-root.qa-selection-surface-open .qa-selection-header-plans:focus-visible{transform:translateY(-1px)!important;border-color:#9fcceb!important;box-shadow:0 9px 18px rgba(34,98,144,.08)!important;outline:none!important} @media (min-width:761px){ #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219{ width:calc(100% - 24px)!important;max-width:none!important;min-height:64px!important;height:auto!important;margin:0 12px 10px!important;padding:10px 14px!important;border-radius:17px!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-top-conversion{display:none!important} } @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219{margin:0 8px 6px!important;padding:5px 8px!important;border-radius:14px!important;min-height:0!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 #qa-chat-header{grid-template-columns:1fr!important;grid-template-rows:auto auto!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 .qa-selection-header-compact{justify-content:center!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219 .qa-selection-header-note{text-align:center!important;font-size:8.2px!important} #qa-chat-root.qa-selection-surface-open .qa-selection-header-plans{display:none!important} } /* Plans modal */ #qa-chat-root .qa-selection-plans-modal{position:fixed!important;inset:0!important;z-index:140!important;display:grid!important;place-items:center!important;padding:18px!important;direction:rtl!important} #qa-chat-root .qa-selection-plans-backdrop{position:absolute!important;inset:0!important;border:0!important;background:rgba(10,28,43,.52)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;cursor:pointer!important} #qa-chat-root .qa-selection-plans-sheet{position:relative!important;z-index:1!important;width:min(980px,calc(100vw - 36px))!important;max-height:min(82vh,760px)!important;overflow:auto!important;display:grid!important;gap:18px!important;padding:24px!important;border:1px solid #d7e5ef!important;border-radius:26px!important;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;box-shadow:0 32px 100px rgba(15,42,61,.28)!important} #qa-chat-root .qa-selection-plans-close{position:absolute!important;top:16px!important;left:16px!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border:1px solid #dce7ef!important;border-radius:13px!important;background:#f8fbfd!important;color:#5a7488!important;cursor:pointer!important;z-index:2!important} #qa-chat-root .qa-selection-plans-close svg{width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important} #qa-chat-root .qa-selection-plans-head{display:grid!important;gap:6px!important;padding-inline-start:50px!important} #qa-chat-root .qa-selection-plans-kicker{display:inline-flex!important;width:max-content!important;align-items:center!important;justify-content:center!important;padding:5px 9px!important;border-radius:999px!important;background:#edf6ff!important;color:#2987c7!important;font-size:9.4px!important;font-weight:900!important} #qa-chat-root .qa-selection-plans-head h3{margin:0!important;color:#173a5d!important;font-size:max(var(--tsqam-font-min,10px),calc(22px - var(--tsqam-font-cut-lg,0px)))!important;font-weight:950!important;line-height:1.45!important} #qa-chat-root .qa-selection-plans-head p{margin:0!important;max-width:740px!important;color:#6f8799!important;font-size:max(var(--tsqam-font-min,10px),calc(11.3px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:760!important;line-height:1.95!important} #qa-chat-root .qa-selection-plans-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important} #qa-chat-root .qa-selection-plan-card{position:relative!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important;padding:16px!important;border:1px solid #d9e7f0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 24px rgba(39,92,131,.05)!important} #qa-chat-root .qa-selection-plan-card.is-fallback{grid-column:1 / -1!important;max-width:520px!important;width:100%!important;justify-self:center!important} #qa-chat-root .qa-selection-plan-badge{position:absolute!important;top:12px!important;left:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:5px 8px!important;border-radius:999px!important;background:#eef8f2!important;color:#159858!important;font-size:8.9px!important;font-weight:900!important} #qa-chat-root .qa-selection-plan-card-head{display:grid!important;gap:6px!important;padding-inline-start:60px!important} #qa-chat-root .qa-selection-plan-card-head strong{color:#1d405b!important;font-size:max(var(--tsqam-font-min,10px),calc(15px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important;line-height:1.5!important} #qa-chat-root .qa-selection-plan-price{color:#168de8!important;font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important;line-height:1.4!important} #qa-chat-root .qa-selection-plan-card>p{margin:0!important;color:#71889a!important;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:750!important;line-height:1.9!important} #qa-chat-root .qa-selection-plan-card ul{display:grid!important;gap:7px!important;margin:0!important;padding:0!important;list-style:none!important} #qa-chat-root .qa-selection-plan-card li{display:flex!important;align-items:flex-start!important;gap:7px!important;color:#4f6a7f!important;font-size:10px!important;font-weight:800!important;line-height:1.75!important} #qa-chat-root .qa-selection-plan-card li span{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;flex:0 0 18px!important;border-radius:50%!important;background:#edf8f2!important;color:#169958!important;font-size:10px!important} #qa-chat-root .qa-selection-plan-action{margin-top:auto!important;min-height:44px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 12px!important;border:1px solid #cfe0ed!important;border-radius:13px!important;background:linear-gradient(180deg,#f9fcff,#eef7ff)!important;color:#245f86!important;font:900 10.4px/1 var(--font)!important;cursor:pointer!important} #qa-chat-root .qa-selection-plan-action b{color:#168de8!important;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-plan-action:disabled{opacity:.48!important;cursor:not-allowed!important} #qa-chat-root .qa-selection-plan-empty-note{padding:10px 12px!important;border-radius:13px!important;background:#f4f8fb!important;color:#7a8e9d!important;font-size:10px!important;font-weight:760!important;text-align:center!important} #qa-chat-root .qa-selection-plans-foot{display:flex!important;align-items:center!important;justify-content:center!important;padding-top:2px!important;color:#8498a8!important;font-size:9.8px!important;font-weight:760!important} @media (max-width:760px){ #qa-chat-root .qa-selection-plans-modal{padding:9px!important;place-items:end center!important} #qa-chat-root .qa-selection-plans-sheet{width:100%!important;max-height:88vh!important;padding:18px 13px calc(15px + env(safe-area-inset-bottom))!important;border-radius:22px 22px 16px 16px!important;gap:14px!important} #qa-chat-root .qa-selection-plans-close{top:10px!important;left:10px!important;width:38px!important;height:38px!important} #qa-chat-root .qa-selection-plans-head{padding-inline-start:42px!important} #qa-chat-root .qa-selection-plans-head h3{font-size:max(var(--tsqam-font-min,10px),calc(17px - var(--tsqam-font-cut-md,0px)))!important} #qa-chat-root .qa-selection-plans-head p{font-size:10px!important} #qa-chat-root .qa-selection-plans-grid{grid-template-columns:1fr!important;gap:9px!important} #qa-chat-root .qa-selection-plan-card{padding:13px!important;border-radius:17px!important} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v219{background:linear-gradient(180deg,#132434,#11202d)!important;border-color:#284259!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-header-main{color:#edf7ff!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-header-note{color:#a9c0d3!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-header-plans{background:#122536!important;border-color:#2c4b62!important;color:#dbeaf4!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plans-sheet{background:linear-gradient(180deg,#112332,#0f202e)!important;border-color:#2d4c62!important;box-shadow:0 32px 100px rgba(0,0,0,.42)!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plans-close{background:#173044!important;border-color:#31516a!important;color:#d9eaf6!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plans-head h3{color:#edf7ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plans-head p{color:#abc0d1!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-card{background:#122536!important;border-color:#2c4b62!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-card-head strong{color:#edf7ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-card>p,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-card li{color:#b5c9d8!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-action{background:#163044!important;border-color:#31516a!important;color:#d8eaf7!important} /* ===== r220 — integrated full-width desktop header + portal plans modal ===== */ @media (min-width:761px){ #qa-chat-root.qa-selection-surface-open .qa-chatcard{overflow:hidden!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220{ position:relative!important; top:auto!important; width:100%!important; max-width:none!important; min-height:62px!important; height:auto!important; margin:0!important; padding:10px 16px!important; border:0!important; border-bottom:1px solid #d9e6ef!important; border-radius:0!important; background:linear-gradient(180deg,#ffffff 0%,#f8fbfe 100%)!important; box-shadow:none!important; box-sizing:border-box!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 .qa-chat-title-wrap{ width:100%!important; min-height:0!important; height:auto!important; padding:0!important; display:block!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 .qa-chat-title-wrap::before, #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 .qa-chat-title-wrap::after, #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 #qa-chat-sub{display:none!important;content:none!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 #qa-chat-header{ width:100%!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-rows:auto auto!important; column-gap:16px!important; row-gap:2px!important; align-items:center!important; font-size:inherit!important; line-height:normal!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 .qa-selection-header-compact{ grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0!important } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(15.5px - var(--tsqam-font-cut-md,0px)))!important;font-weight:950!important;color:#173a5d!important;white-space:nowrap!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 .qa-selection-header-note{grid-column:1!important;grid-row:2!important;text-align:right!important;font-size:9.6px!important;line-height:1.65!important;color:#7a91a4!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 .qa-selection-header-plans{ grid-column:2!important;grid-row:1 / 3!important;align-self:center!important;min-width:184px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 15px!important;border:1px solid #cfe0ed!important;border-radius:13px!important;background:#fff!important;color:#315876!important;font:900 10.4px/1 var(--font)!important;cursor:pointer!important;box-shadow:0 5px 14px rgba(34,73,108,.04)!important } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 .qa-selection-header-plans:hover, #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 .qa-selection-header-plans:focus-visible{border-color:#90c6ea!important;background:#f8fcff!important;outline:none!important;box-shadow:0 8px 18px rgba(34,98,144,.08)!important} #qa-chat-root.qa-selection-surface-open #qa-messages{margin-top:0!important;border-top:0!important} } #qa-chat-root > .qa-selection-plans-portal{position:relative!important;z-index:250!important} #qa-chat-root > .qa-selection-plans-portal .qa-selection-plans-modal{position:fixed!important;inset:0!important;z-index:251!important} #qa-chat-root.qa-selection-plans-modal-open{overflow:visible!important} @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220{margin:0 8px 6px!important;padding:5px 8px!important;border:1px solid rgba(188,211,228,.72)!important;border-radius:14px!important} #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 .qa-selection-header-plans{display:none!important} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220{background:linear-gradient(180deg,#132434,#11202d)!important;border-bottom-color:#284259!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 .qa-selection-header-main{color:#edf7ff!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v220 .qa-selection-header-note{color:#a9c0d3!important} /* ===== r221 — full plans catalog / checklist / Telegram purchase ===== */ #qa-chat-root .qa-selection-plans-sheet{width:min(1120px,calc(100vw - 30px))!important;max-height:min(90vh,900px)!important;gap:16px!important;padding:22px!important;background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%)!important} #qa-chat-root .qa-selection-plans-head{padding-inline-start:52px!important} #qa-chat-root .qa-selection-plans-head h3{font-size:max(var(--tsqam-font-min,10px),calc(24px - var(--tsqam-font-cut-lg,0px)))!important} #qa-chat-root .qa-selection-plans-reserve{display:grid!important;grid-template-columns:minmax(240px,.85fr) minmax(0,1.4fr)!important;gap:14px!important;align-items:center!important;padding:14px 16px!important;border:1px solid #bfe2ca!important;border-radius:18px!important;background:linear-gradient(135deg,#f2fff5,#f8fffa)!important} #qa-chat-root .qa-selection-plans-reserve>div{display:grid!important;gap:3px!important} #qa-chat-root .qa-selection-plans-reserve>div>span{color:#16894c!important;font-size:9.5px!important;font-weight:900!important} #qa-chat-root .qa-selection-plans-reserve>div>strong{color:#145f39!important;font-size:max(var(--tsqam-font-min,10px),calc(17px - var(--tsqam-font-cut-md,0px)))!important;font-weight:950!important;line-height:1.5!important} #qa-chat-root .qa-selection-plans-reserve>div>p{margin:0!important;color:#71877b!important;font-size:10px!important;font-weight:760!important} #qa-chat-root .qa-selection-plans-early-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0!important;padding:0!important;list-style:none!important} #qa-chat-root .qa-selection-plans-early-list li{display:flex!important;align-items:flex-start!important;gap:6px!important;color:#456b54!important;font-size:10px!important;font-weight:800!important;line-height:1.65!important} #qa-chat-root .qa-selection-plans-early-list li>span{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;flex:0 0 18px!important;border-radius:50%!important;background:#daf6e3!important;color:#149553!important;font-size:10px!important;font-weight:950!important} #qa-chat-root .qa-selection-plans-quick{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:2px 1px 5px!important;scrollbar-width:thin!important} #qa-chat-root .qa-selection-plan-jump{min-width:170px!important;display:grid!important;gap:2px!important;padding:9px 11px!important;border:1px solid #d7e5ef!important;border-radius:13px!important;background:#fff!important;color:#31546f!important;text-align:right!important;cursor:pointer!important;box-shadow:0 4px 13px rgba(33,75,105,.04)!important} #qa-chat-root .qa-selection-plan-jump span{font:900 10px/1.5 var(--font)!important} #qa-chat-root .qa-selection-plan-jump strong{color:#168c56!important;font:950 10px/1.5 var(--font)!important} #qa-chat-root .qa-selection-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} #qa-chat-root .qa-selection-plan-card{position:relative!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:15px!important;border:1px solid #d8e5ee!important;border-radius:19px!important;background:#fff!important;box-shadow:0 8px 24px rgba(34,73,108,.045)!important;overflow:hidden!important} #qa-chat-root .qa-selection-plan-card.is-featured{border-color:#a9dfbf!important;background:linear-gradient(180deg,#fbfffc,#f5fff8)!important} #qa-chat-root .qa-selection-plan-card.is-vip{border-color:#e5d8a7!important;background:linear-gradient(180deg,#fffef9,#fffcf2)!important} #qa-chat-root .qa-selection-plan-card.is-compact{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important} #qa-chat-root .qa-selection-plan-card-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:25px!important} #qa-chat-root .qa-selection-plan-badge,#qa-chat-root .qa-selection-plan-capacity{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:5px 9px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important} #qa-chat-root .qa-selection-plan-badge{background:#eaf6ff!important;color:#2585c8!important} #qa-chat-root .qa-selection-plan-card.is-featured .qa-selection-plan-badge{background:#e8f9ee!important;color:#138d4d!important} #qa-chat-root .qa-selection-plan-card.is-vip .qa-selection-plan-badge{background:#fff5cc!important;color:#8b6b00!important} #qa-chat-root .qa-selection-plan-capacity{background:#fff0ef!important;color:#b34843!important} #qa-chat-root .qa-selection-plan-card-head strong{display:block!important;color:#173a5d!important;font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;font-weight:950!important;line-height:1.45!important} #qa-chat-root .qa-selection-plan-desc{margin:0!important;color:#708698!important;font-size:max(var(--tsqam-font-min,10px),calc(10.4px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:760!important;line-height:1.9!important} #qa-chat-root .qa-selection-plan-prices{display:grid!important;gap:7px!important;padding:10px!important;border:1px solid #e0e9f0!important;border-radius:15px!important;background:#f9fcfe!important} #qa-chat-root .qa-selection-plan-original{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;color:#91a1ae!important;font-size:9.5px!important;font-weight:780!important} #qa-chat-root .qa-selection-plan-original del{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root .qa-selection-plan-prices>div:not(.qa-selection-plan-original){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:7px 8px!important;border-radius:11px!important;background:#fff!important} #qa-chat-root .qa-selection-plan-prices>div span{color:#637b8d!important;font-size:9.4px!important;font-weight:820!important} #qa-chat-root .qa-selection-plan-prices>div strong{color:#1d526f!important;font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important;white-space:nowrap!important} #qa-chat-root .qa-selection-plan-prices>div.is-tik{background:#edf9f2!important} #qa-chat-root .qa-selection-plan-prices>div.is-tik span,#qa-chat-root .qa-selection-plan-prices>div.is-tik strong{color:#137a45!important} #qa-chat-root .qa-selection-plan-prices>div.is-special{background:#fff8df!important} #qa-chat-root .qa-selection-plan-prices>div.is-special span,#qa-chat-root .qa-selection-plan-prices>div.is-special strong{color:#826400!important} #qa-chat-root .qa-selection-plan-discount{display:flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;padding:6px 9px!important;border-radius:11px!important;background:#eef9f2!important;color:#15834b!important;font-size:9.8px!important;font-weight:900!important;text-align:center!important} #qa-chat-root .qa-selection-plan-details{border:1px solid #dde7ef!important;border-radius:13px!important;background:#fbfdff!important;overflow:hidden!important} #qa-chat-root .qa-selection-plan-details summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 11px!important;cursor:pointer!important;list-style:none!important;color:#315a77!important;font-size:10px!important;font-weight:900!important} #qa-chat-root .qa-selection-plan-details summary::-webkit-details-marker{display:none!important} #qa-chat-root .qa-selection-plan-details summary b{padding:4px 7px!important;border-radius:999px!important;background:#eaf4fb!important;color:#4380a8!important;font-size:8.5px!important} #qa-chat-root .qa-selection-plan-details ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 10px!important;margin:0!important;padding:10px 11px 12px!important;border-top:1px solid #e7eef4!important;list-style:none!important} #qa-chat-root .qa-selection-plan-details li{display:flex!important;align-items:flex-start!important;gap:6px!important;color:#5f788b!important;font-size:9.4px!important;font-weight:760!important;line-height:1.65!important} #qa-chat-root .qa-selection-plan-details li>span{color:#15a15a!important;font-weight:950!important} #qa-chat-root .qa-selection-plan-action{margin-top:auto!important;min-height:44px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#118b4d,#20b76a)!important;color:#fff!important;font:950 10.5px/1 var(--font)!important;cursor:pointer!important;box-shadow:0 9px 20px rgba(20,148,83,.16)!important} #qa-chat-root .qa-selection-plan-action b{font-size:max(var(--tsqam-font-min,10px),calc(15px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-plans-foot{padding:8px 10px 0!important;border-top:1px solid #e7eef4!important;line-height:1.8!important} @media(max-width:760px){ #qa-chat-root .qa-selection-plans-sheet{width:100%!important;max-height:92vh!important;padding:15px 11px calc(14px + env(safe-area-inset-bottom))!important;border-radius:22px 22px 14px 14px!important} #qa-chat-root .qa-selection-plans-head h3{font-size:max(var(--tsqam-font-min,10px),calc(18px - var(--tsqam-font-cut-md,0px)))!important} #qa-chat-root .qa-selection-plans-reserve{grid-template-columns:1fr!important;padding:12px!important} #qa-chat-root .qa-selection-plans-early-list{grid-template-columns:1fr!important} #qa-chat-root .qa-selection-plans-grid{grid-template-columns:1fr!important} #qa-chat-root .qa-selection-plan-card.is-compact{grid-column:auto!important;display:flex!important} #qa-chat-root .qa-selection-plan-details ul{grid-template-columns:1fr!important} #qa-chat-root .qa-selection-plan-jump{min-width:150px!important} } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plans-reserve{background:#122d20!important;border-color:#27543a!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-card{background:#122536!important;border-color:#2d4b62!important;box-shadow:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-card-head strong{color:#edf7ff!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-desc{color:#abc0d1!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-prices,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-details{background:#102231!important;border-color:#2b465b!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-prices>div:not(.qa-selection-plan-original){background:#173044!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-details li{color:#c0d1df!important} /* ===== r222 plans modal render fail-safe ===== */ #qa-chat-root .qa-selection-plans-fallback{max-width:520px!important;text-align:right!important} #qa-chat-root .qa-selection-plans-fallback .qa-selection-plans-head{padding-inline-end:44px!important} /* ===== r223 — durable desktop plans trigger + compact mobile plans UI ===== */ /* Desktop trigger gets a real hit area above decorative header layers. */ @media (min-width:761px){ #qa-chat-root.qa-selection-surface-open .qa-selection-header-plans{ position:relative!important; z-index:12!important; pointer-events:auto!important; touch-action:manipulation!important; user-select:none!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head, #qa-chat-root.qa-selection-surface-open #qa-chat-header, #qa-chat-root.qa-selection-surface-open .qa-chat-title-wrap{ overflow:visible!important; } } @media (max-width:760px){ /* Modal becomes a compact mobile bottom-sheet, not a desktop catalog squeezed into a phone. */ #qa-chat-root > .qa-selection-plans-portal .qa-selection-plans-modal{ padding:7px!important; place-items:end center!important; } #qa-chat-root .qa-selection-plans-sheet{ width:100%!important; max-height:min(88dvh,760px)!important; padding:13px 10px calc(12px + env(safe-area-inset-bottom))!important; border-radius:20px 20px 14px 14px!important; gap:9px!important; box-shadow:0 -12px 42px rgba(19,54,79,.18)!important; overscroll-behavior:contain!important; } #qa-chat-root .qa-selection-plans-close{ width:36px!important;height:36px!important;border-radius:12px!important; inset:10px 10px auto auto!important; } #qa-chat-root .qa-selection-plans-head{ gap:3px!important; padding:0 42px 2px 2px!important; } #qa-chat-root .qa-selection-plans-kicker{ width:max-content!important;padding:3px 7px!important;border-radius:999px!important; font-size:8px!important; } #qa-chat-root .qa-selection-plans-head h3{ font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;line-height:1.45!important;letter-spacing:-.15px!important; } #qa-chat-root .qa-selection-plans-head p{ font-size:9.4px!important;line-height:1.65!important; display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important; } /* One compact reserve banner; detailed benefit bullets are unnecessary on the first screen. */ #qa-chat-root .qa-selection-plans-reserve{ display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important; padding:9px 10px!important;border-radius:14px!important; } #qa-chat-root .qa-selection-plans-reserve>div{gap:1px!important} #qa-chat-root .qa-selection-plans-reserve>div>span{font-size:8px!important} #qa-chat-root .qa-selection-plans-reserve>div>strong{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.45!important} #qa-chat-root .qa-selection-plans-reserve>div>p{font-size:8.5px!important} #qa-chat-root .qa-selection-plans-early-list{display:none!important} /* Quick navigation chips stay horizontal and small. */ #qa-chat-root .qa-selection-plans-quick{ gap:6px!important;padding:0 0 3px!important;scrollbar-width:none!important; } #qa-chat-root .qa-selection-plans-quick::-webkit-scrollbar{display:none!important} #qa-chat-root .qa-selection-plan-jump{ min-width:126px!important;padding:7px 9px!important;border-radius:11px!important;box-shadow:none!important; } #qa-chat-root .qa-selection-plan-jump span{font-size:8.7px!important} #qa-chat-root .qa-selection-plan-jump strong{font-size:8.8px!important} /* Plans: compact scan-first cards. Details remain collapsed until explicitly requested. */ #qa-chat-root .qa-selection-plans-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important} #qa-chat-root .qa-selection-plan-card, #qa-chat-root .qa-selection-plan-card.is-compact{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas: "top top" "head action" "price action" "details details"!important; align-items:center!important;column-gap:9px!important;row-gap:6px!important; padding:10px!important;border-radius:15px!important;box-shadow:0 5px 15px rgba(34,73,108,.04)!important; } #qa-chat-root .qa-selection-plan-card-top{grid-area:top!important;min-height:0!important;justify-content:flex-start!important;gap:5px!important} #qa-chat-root .qa-selection-plan-badge,#qa-chat-root .qa-selection-plan-capacity{padding:3px 7px!important;font-size:7.8px!important} #qa-chat-root .qa-selection-plan-card-head{grid-area:head!important;min-width:0!important} #qa-chat-root .qa-selection-plan-card-head strong{font-size:max(var(--tsqam-font-min,10px),calc(12.4px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.45!important} #qa-chat-root .qa-selection-plan-desc{display:none!important} #qa-chat-root .qa-selection-plan-prices{ grid-area:price!important;display:flex!important;align-items:center!important;gap:6px!important; padding:0!important;border:0!important;background:transparent!important;min-width:0!important;overflow:hidden!important; } #qa-chat-root .qa-selection-plan-original{display:none!important} #qa-chat-root .qa-selection-plan-prices>div:not(.qa-selection-plan-original){ display:none!important; } #qa-chat-root .qa-selection-plan-prices>div.is-tik, #qa-chat-root .qa-selection-plan-prices>div.is-special{ display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important; width:max-content!important;max-width:100%!important;padding:4px 7px!important;border-radius:9px!important; } #qa-chat-root .qa-selection-plan-prices>div.is-tik span, #qa-chat-root .qa-selection-plan-prices>div.is-special span{display:none!important} #qa-chat-root .qa-selection-plan-prices>div.is-tik strong, #qa-chat-root .qa-selection-plan-prices>div.is-special strong{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.3!important} /* If a plan has no Tik/special price, show early price as the compact primary price. */ #qa-chat-root .qa-selection-plan-prices>div:not(.qa-selection-plan-original):last-child:first-of-type{display:flex!important} #qa-chat-root .qa-selection-plan-discount{ grid-area:price!important;justify-self:end!important;align-self:center!important; min-height:0!important;padding:4px 7px!important;border-radius:9px!important;font-size:7.8px!important; max-width:48%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } #qa-chat-root .qa-selection-plan-action{ grid-area:action!important;margin:0!important;width:auto!important;min-width:92px!important;min-height:38px!important; padding:0 10px!important;border-radius:11px!important;font-size:8.8px!important;box-shadow:0 6px 14px rgba(20,148,83,.12)!important; } #qa-chat-root .qa-selection-plan-action b{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root .qa-selection-plan-details{grid-area:details!important;border-radius:11px!important} #qa-chat-root .qa-selection-plan-details summary{padding:8px 9px!important;font-size:8.7px!important} #qa-chat-root .qa-selection-plan-details summary b{font-size:7.5px!important;padding:3px 6px!important} #qa-chat-root .qa-selection-plan-details ul{grid-template-columns:1fr!important;gap:5px!important;padding:8px 9px 10px!important} #qa-chat-root .qa-selection-plan-details li{font-size:8.7px!important;line-height:1.6!important} #qa-chat-root .qa-selection-plans-foot{display:none!important} } @media (min-width:761px){#qa-chat-root .qa-selection-plan-mobile-price{display:none!important}} /* ===== r224 — desktop compact-plan final layout polish ===== */ @media (min-width:761px){ #qa-chat-root .qa-selection-plan-card.is-compact{ grid-column:1 / -1!important; display:grid!important; grid-template-columns:minmax(0,1fr) 260px!important; grid-template-areas: "top prices" "head prices" "desc discount" "details action"!important; align-items:center!important; column-gap:14px!important; row-gap:8px!important; padding:16px!important; border-radius:19px!important; overflow:visible!important; } #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-card-top{ grid-area:top!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:7px!important; min-height:0!important; } #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-badge, #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-capacity{ position:static!important; inset:auto!important; transform:none!important; max-width:100%!important; white-space:nowrap!important; } #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-card-head{ grid-area:head!important; padding:0!important; min-width:0!important; } #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-card-head strong{ font-size:max(var(--tsqam-font-min,10px),calc(17px - var(--tsqam-font-cut-md,0px)))!important; line-height:1.45!important; } #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-desc{ grid-area:desc!important; margin:0!important; max-width:720px!important; font-size:max(var(--tsqam-font-min,10px),calc(10.8px - var(--tsqam-font-cut-xs,0px)))!important; line-height:1.85!important; } #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-prices{ grid-area:prices!important; align-self:stretch!important; justify-content:center!important; min-width:0!important; padding:9px!important; border-radius:14px!important; } #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-prices>div:not(.qa-selection-plan-original){ min-height:40px!important; } #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-discount{ grid-area:discount!important; min-height:38px!important; margin:0!important; border-radius:12px!important; } #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-details{ grid-area:details!important; margin:0!important; width:100%!important; min-width:0!important; } #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-details summary{ min-height:42px!important; padding:9px 11px!important; } #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-action{ grid-area:action!important; align-self:stretch!important; margin:0!important; width:100%!important; min-height:42px!important; height:100%!important; max-height:48px!important; border-radius:12px!important; } #qa-chat-root .qa-selection-plan-card.is-compact .qa-selection-plan-mobile-price{ display:none!important; } } /* ===== r225 — final personal board redesign ===== */ #qa-chat-root .qa-selection-personal-board.qa-board-v225{margin-inline-start:48px!important;margin-inline-end:0!important;max-width:900px!important;width:calc(100% - 48px)!important;padding:18px!important;border-radius:26px!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important;border:1px solid #d7e6f2!important;box-shadow:0 20px 46px rgba(24,70,105,.08)!important;display:grid!important;gap:14px!important;overflow:hidden!important} #qa-chat-root .qa-board-v225-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding-bottom:12px!important;border-bottom:1px solid #e3edf5!important} #qa-chat-root .qa-board-v225-head>div:first-child{display:grid!important;gap:3px!important} #qa-chat-root .qa-board-v225-head>div:first-child>span{font-size:10px!important;font-weight:900!important;color:#268bd2!important} #qa-chat-root .qa-board-v225-head>div:first-child>strong{font-size:max(var(--tsqam-font-min,10px),calc(18px - var(--tsqam-font-cut-md,0px)))!important;font-weight:950!important;color:#173654!important} #qa-chat-root .qa-board-v225-head>div:first-child>small{font-size:9.5px!important;font-weight:750!important;color:#7b92a5!important} #qa-chat-root .qa-board-v225-actions{margin:0!important} #qa-chat-root .qa-board-v225-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important} #qa-chat-root .qa-board-v225-summary>div{min-height:78px!important;padding:12px!important;border:1px solid #dce8f2!important;border-radius:17px!important;background:#f9fcff!important;display:grid!important;align-content:center!important;gap:4px!important} #qa-chat-root .qa-board-v225-summary span{font-size:9.5px!important;font-weight:780!important;color:#71899e!important} #qa-chat-root .qa-board-v225-summary strong{font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;font-weight:950!important;color:#173654!important;line-height:1.55!important} #qa-chat-root .qa-board-v225-person{display:grid!important;grid-template-columns:1.2fr .9fr .8fr!important;gap:0!important;padding:10px 14px!important;border-radius:15px!important;background:#f4f9fd!important;border:1px solid #dce8f2!important;color:#617d93!important;font-size:9.5px!important;font-weight:750!important} #qa-chat-root .qa-board-v225-person span{padding-inline:10px!important;border-inline-start:1px solid #dbe7f0!important} #qa-chat-root .qa-board-v225-person span:first-child{border-inline-start:0!important} #qa-chat-root .qa-board-v225-person b{color:#274b67!important;font-weight:900!important} #qa-chat-root .qa-board-v225-list{display:grid!important;gap:8px!important;padding:13px!important;border:1px solid #dce8f2!important;border-radius:20px!important;background:#fbfdff!important} #qa-chat-root .qa-board-v225-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 2px 5px!important} #qa-chat-root .qa-board-v225-title strong{font-size:max(var(--tsqam-font-min,10px),calc(15px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important;color:#173654!important} #qa-chat-root .qa-board-v225-title small{font-size:9.5px!important;color:#71899e!important;font-weight:750!important} #qa-chat-root .qa-board-v225-row{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:62px!important;padding:8px 10px!important;border:1px solid #e1ebf3!important;border-radius:15px!important;background:#fff!important} #qa-chat-root .qa-board-v225-rank{width:36px!important;height:36px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#eaf4ff!important;color:#156fca!important;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important} #qa-chat-root .qa-board-v225-main{min-width:0!important;display:grid!important;gap:3px!important} #qa-chat-root .qa-board-v225-main strong{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.7!important;font-weight:920!important;color:#173654!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #qa-chat-root .qa-board-v225-main small{font-size:9.2px!important;line-height:1.5!important;color:#748ca0!important;font-weight:700!important} #qa-chat-root .qa-board-v225-tags{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex-wrap:wrap!important} #qa-chat-root .qa-board-v225-tag{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:26px!important;padding:0 9px!important;border-radius:999px!important;background:#edf5fb!important;color:#52748e!important;font-size:8.5px!important;font-weight:850!important;white-space:nowrap!important} #qa-chat-root .qa-board-v225-tag.is-safe{background:#e2f6ea!important;color:#19834f!important}.qa-board-v225-tag.is-logical{background:#e8f2ff!important;color:#1766bd!important}.qa-board-v225-tag.is-challenging{background:#fff0dc!important;color:#a7690e!important}.qa-board-v225-tag.commitment{background:#ffe7e7!important;color:#b84c4c!important}.qa-board-v225-tag.admission{background:#f2f6fa!important;color:#607b90!important} #qa-chat-root .qa-board-v225-more,#qa-chat-root .qa-board-v225-empty{padding:9px 10px!important;border-radius:12px!important;background:#f5f9fc!important;color:#71899d!important;font-size:9.5px!important;font-weight:800!important;text-align:center!important} #qa-chat-root .qa-board-v225-lower{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important} #qa-chat-root .qa-board-v225-warnings,#qa-chat-root .qa-board-v225-prefs{padding:13px!important;border-radius:18px!important;border:1px solid #e4edf4!important;min-height:120px!important} #qa-chat-root .qa-board-v225-warnings{background:#fff5f5!important;border-color:#f3dddd!important}.qa-board-v225-prefs{background:#effaf4!important;border-color:#d9efe3!important} #qa-chat-root .qa-board-v225-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:8px!important} #qa-chat-root .qa-board-v225-section-head strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:950!important;color:#173654!important}.qa-board-v225-warnings .qa-board-v225-section-head strong{color:#c84444!important}.qa-board-v225-prefs .qa-board-v225-section-head strong{color:#19834f!important} #qa-chat-root .qa-board-v225-warnings ul{margin:0!important;padding:0 18px 0 0!important;display:grid!important;gap:6px!important}.qa-board-v225-warnings li{font-size:9.5px!important;line-height:1.6!important;color:#5f7c91!important;font-weight:750!important}.qa-board-v225-prefs>div:last-child{display:flex!important;gap:6px!important;flex-wrap:wrap!important}.qa-board-v225-prefs>div:last-child span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:29px!important;padding:0 10px!important;border-radius:999px!important;background:#dff5e8!important;color:#247b53!important;font-size:9px!important;font-weight:850!important} #qa-chat-root .qa-board-v225-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 14px!important;border-radius:18px!important;background:linear-gradient(90deg,#eaf4ff,#d9efff)!important;border:1px solid #d6e8f5!important} #qa-chat-root .qa-board-v225-footer>div{display:grid!important;gap:2px!important}.qa-board-v225-footer strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important;color:#155faf!important;font-weight:950!important}.qa-board-v225-footer small{font-size:9px!important;color:#6a869d!important;font-weight:750!important}.qa-board-v225-footer button{min-height:36px!important;padding:0 14px!important;border:0!important;border-radius:12px!important;background:#156ac2!important;color:#fff!important;font:900 9.5px/1 var(--font)!important;cursor:pointer!important} @media(max-width:760px){#qa-chat-root .qa-selection-personal-board.qa-board-v225{margin:0!important;width:100%!important;max-width:none!important;padding:11px!important;border-radius:18px!important;gap:10px!important}.qa-board-v225-head{align-items:flex-start!important}.qa-board-v225-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.qa-board-v225-person{grid-template-columns:1fr!important;gap:5px!important}.qa-board-v225-person span{border-inline-start:0!important;padding:2px 0!important}.qa-board-v225-row{grid-template-columns:32px minmax(0,1fr)!important}.qa-board-v225-tags{grid-column:2!important;justify-content:flex-start!important}.qa-board-v225-main strong{white-space:normal!important}.qa-board-v225-lower{grid-template-columns:1fr!important}.qa-board-v225-footer{align-items:flex-start!important;flex-direction:column!important}.qa-board-v225-footer button{width:100%!important}} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-personal-board.qa-board-v225{background:linear-gradient(180deg,#112332,#0f1f2d)!important;border-color:#2b485f!important;box-shadow:none!important}:root[data-qa-theme="dark"] #qa-chat-root .qa-board-v225-summary>div,:root[data-qa-theme="dark"] #qa-chat-root .qa-board-v225-list,:root[data-qa-theme="dark"] #qa-chat-root .qa-board-v225-row{background:#132b3d!important;border-color:#315169!important}:root[data-qa-theme="dark"] #qa-chat-root .qa-board-v225-main strong,:root[data-qa-theme="dark"] #qa-chat-root .qa-board-v225-head>div:first-child>strong,:root[data-qa-theme="dark"] #qa-chat-root .qa-board-v225-title strong{color:#edf7ff!important}:root[data-qa-theme="dark"] #qa-chat-root .qa-board-v225-person{background:#132a3b!important;border-color:#315169!important;color:#aac0d2!important}:root[data-qa-theme="dark"] #qa-chat-root .qa-board-v225-person b{color:#dbeaf5!important} /* ===== r226 — desktop action dock recovery + deliberate compute transition ===== */ @media (min-width:761px){ #qa-chat-root.qa-selection-surface-open .qa-selection-control-stack{ position:sticky!important; bottom:8px!important; z-index:22!important; width:calc(100% - 114px)!important; margin:14px 57px 0!important; padding:10px!important; gap:8px!important; border:1px solid #d7e5ef!important; border-radius:18px!important; background:rgba(248,252,255,.96)!important; box-shadow:0 14px 30px rgba(34,73,108,.08)!important; backdrop-filter:blur(14px)!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-inline-actions .qa-selection-composer-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; flex-wrap:wrap!important; gap:7px!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-inline-actions .qa-selection-composer-action{ min-width:112px!important; height:40px!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-bottom-primary-dock:not(.is-empty){ display:flex!important; width:100%!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-primary-action-wrap:not(.qa-selection-inline-wrap-retired), #qa-chat-root.qa-selection-surface-open .qa-selection-board-cta-wrap:not(.qa-selection-inline-wrap-retired){ display:flex!important; } } #qa-chat-root .qa-selection-compute-card{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:10px 0!important;animation:qaSelectionMessageIn .2s ease-out both!important} #qa-chat-root .qa-selection-compute-shell{width:min(610px,calc(100% - 48px))!important;display:grid!important;gap:12px!important;padding:15px!important;border:1px solid #cfe1ef!important;border-radius:18px!important;background:linear-gradient(180deg,#fbfdff,#f2f9ff)!important;box-shadow:0 12px 28px rgba(37,91,132,.07)!important} #qa-chat-root .qa-selection-compute-head{display:flex!important;align-items:center!important;gap:11px!important} #qa-chat-root .qa-selection-compute-head>div{display:grid!important;gap:3px!important}.qa-selection-compute-head strong{font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important;color:#173b5a!important}.qa-selection-compute-head small{font-size:9.5px!important;color:#70899c!important;font-weight:750!important;line-height:1.7!important} #qa-chat-root .qa-selection-compute-spinner{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:50%!important;border:3px solid #dcecf8!important;border-top-color:#168de8!important;animation:qaSelectionComputeSpin .9s linear infinite!important} @keyframes qaSelectionComputeSpin{to{transform:rotate(360deg)}} #qa-chat-root .qa-selection-compute-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important} #qa-chat-root .qa-selection-compute-steps span{min-height:31px!important;display:grid!important;place-items:center!important;padding:0 8px!important;border-radius:10px!important;background:#edf4f9!important;color:#7890a2!important;font-size:8.8px!important;font-weight:850!important}.qa-selection-compute-steps span.is-done{background:#e8f8ee!important;color:#188550!important}.qa-selection-compute-steps span.is-active{background:#e8f3ff!important;color:#156ac2!important;animation:qaSelectionComputePulse 1.2s ease-in-out infinite!important} @keyframes qaSelectionComputePulse{50%{opacity:.65}} #qa-chat-root .qa-selection-compute-bars{display:grid!important;grid-template-columns:1.2fr .8fr 1fr!important;gap:7px!important}.qa-selection-compute-bars i,#qa-chat-root .qa-selection-compute-rows i{display:block!important;border-radius:999px!important;background:linear-gradient(90deg,#e5f0f8 20%,#f7fbfe 40%,#e5f0f8 60%)!important;background-size:220% 100%!important;animation:qaSelectionComputeShimmer 1.25s linear infinite!important}.qa-selection-compute-bars i{height:9px!important}.qa-selection-compute-rows{display:grid!important;gap:7px!important}.qa-selection-compute-rows i{height:36px!important;border-radius:11px!important} @keyframes qaSelectionComputeShimmer{to{background-position:-220% 0}} @media(max-width:760px){#qa-chat-root .qa-selection-compute-shell{width:calc(100% - 42px)!important;padding:12px!important}.qa-selection-compute-steps{grid-template-columns:1fr!important}.qa-selection-compute-steps span{min-height:28px!important}} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-compute-shell{background:linear-gradient(180deg,#132b3d,#102433)!important;border-color:#315169!important;box-shadow:none!important}:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-compute-head strong{color:#edf7ff!important}:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-compute-head small{color:#abc0d1!important} /* ===== r227 — result CTA internal journey progression ===== */ #qa-chat-root .qa-selection-conversion-btn[aria-busy="true"]{cursor:wait!important;opacity:.84!important;pointer-events:none!important} #qa-chat-root .qa-selection-conversion-btn[aria-busy="true"]>span:first-child::after{content:"";display:inline-block;width:11px;height:11px;margin-inline-start:8px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;vertical-align:-2px;animation:qaSelectionR227Spin .7s linear infinite} @keyframes qaSelectionR227Spin{to{transform:rotate(360deg)}} /* R238 — Explainable Results UX: reasons visible on-card, Persian-first, no internal scores/codes. */ #qa-chat-root .qa-selection-why{display:grid;gap:6px;margin-top:2px;padding:9px 10px;border:1px solid #dce9f2;border-radius:12px;background:linear-gradient(180deg,#fbfdff,#f7fbfe)} #qa-chat-root .qa-selection-why-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} #qa-chat-root .qa-selection-why-head>strong{font-size:9.4px;font-weight:950;color:#315a78} #qa-chat-root .qa-selection-why-head>span{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;background:#eef7fd;border:1px solid #d2e8f6;color:#2c78a7;font-size:8.7px;font-weight:900} #qa-chat-root .qa-selection-why>p{margin:0!important;color:#5f7b90!important;font-size:9.4px!important;line-height:1.8!important;font-weight:680!important} #qa-chat-root .qa-selection-why-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap} #qa-chat-root .qa-selection-why-chips>span{display:inline-flex;align-items:center;min-height:23px;padding:2px 8px;border-radius:999px;border:1px solid #dce8f1;background:#fff;color:#55758d;font-size:8.6px;font-weight:880;line-height:1.45} #qa-chat-root .qa-selection-why-chips>span.is-golden{background:#fff9e9;border-color:#efdca5;color:#9a6a0d} #qa-chat-root .qa-selection-why-chips>span.is-positive,#qa-chat-root .qa-selection-why-chips>span.is-safe{background:#effaf4;border-color:#ccebd9;color:#21845a} #qa-chat-root .qa-selection-why-chips>span.is-logical{background:#eff7fd;border-color:#cee5f5;color:#2b78a6} #qa-chat-root .qa-selection-why-chips>span.is-challenging,#qa-chat-root .qa-selection-why-chips>span.is-warning{background:#fff7eb;border-color:#f0dec0;color:#a96d1d} #qa-chat-root .qa-selection-why.is-detailed{margin-top:9px;padding:11px;background:#f8fbfd} #qa-chat-root .qa-selection-why-details{display:grid;gap:6px} #qa-chat-root .qa-selection-why-details>div{display:grid;gap:2px;padding:7px 8px;border-radius:10px;background:#fff;border:1px solid #e3edf4} #qa-chat-root .qa-selection-why-details b{font-size:9px;color:#365f7d;font-weight:930} #qa-chat-root .qa-selection-why-details span{font-size:9px;line-height:1.72;color:#698296;font-weight:650} #qa-chat-root .qa-selection-why-cautions{display:grid;gap:5px;padding:8px 9px;border-radius:10px;background:#fff9ef;border:1px solid #f0ddbc} #qa-chat-root .qa-selection-why-cautions strong{font-size:8.9px;color:#916424;font-weight:950} #qa-chat-root .qa-selection-why-cautions span{display:block;font-size:8.9px;line-height:1.7;color:#856c49;font-weight:660} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why{background:linear-gradient(180deg,#132838,#102332);border-color:#2c485e} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why-head>strong{color:#cae1f1} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why-head>span,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why-chips>span{background:#19364a;border-color:#31536d;color:#c2dced} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why>p,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why-details span{color:#a8bfd0!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why-details>div{background:#162c3d;border-color:#2c4a61} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why-details b{color:#cee4f3} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why-cautions{background:#362c1c;border-color:#654f2d} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why-cautions strong,:root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why-cautions span{color:#ead0a4} @media(max-width:760px){#qa-chat-root .qa-selection-why{padding:9px}#qa-chat-root .qa-selection-why-head{align-items:flex-start}#qa-chat-root .qa-selection-why-chips>span{max-width:100%;white-space:normal;text-align:center}} /* ===== r241 — final chat bubble tail rootfix ===== */ #qa-chat-root .qa-selection-message-bot .qa-selection-bubble::after{content:none!important;display:none!important;width:0!important;height:0!important;border:0!important} /* R243 — selection cards visual polish only: no data/logic changes */ #qa-chat-root .qa-selection-result-list{ gap:14px!important; } #qa-chat-root .qa-selection-result-card{ min-height:264px!important; padding:18px!important; border-radius:22px!important; border:1px solid #dbe8f2!important; background:linear-gradient(180deg,#ffffff 0%,#fbfdff 55%,#f8fbfe 100%)!important; box-shadow:0 14px 34px rgba(29,80,118,.065)!important; gap:10px!important; } #qa-chat-root .qa-selection-result-card::after{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(120% 90% at 100% 0%,rgba(91,174,234,.07) 0%,rgba(91,174,234,0) 42%); z-index:-1; } #qa-chat-root .qa-selection-result-card:hover{ transform:translateY(-3px)!important; border-color:#9bc7e7!important; box-shadow:0 22px 42px rgba(29,92,142,.12)!important; } #qa-chat-root .qa-selection-result-card.is-saved{ background:linear-gradient(180deg,#ffffff 0%,#fbfefc 100%)!important; border-color:#addac3!important; } #qa-chat-root .qa-selection-result-card.is-rejected{ background:linear-gradient(180deg,#fffefe 0%,#fff9f9 100%)!important; } #qa-chat-root .qa-selection-result-card-top{ align-items:flex-start!important; gap:10px!important; margin-bottom:3px!important; } #qa-chat-root .qa-selection-result-number{ width:32px!important; height:32px!important; border-radius:11px!important; background:linear-gradient(180deg,#f3f9ff,#e5f2fd)!important; border-color:#d4e5f4!important; color:#127dca!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9); font-size:max(var(--tsqam-font-min,10px),calc(10.4px - var(--tsqam-font-cut-xs,0px)))!important; } #qa-chat-root .qa-selection-result-state{gap:6px!important} #qa-chat-root .qa-selection-result-state>span{ min-height:27px!important; padding:0 10px!important; border-radius:999px!important; font-size:9.1px!important; letter-spacing:-.05px; } #qa-chat-root .qa-selection-chance-badge{ min-height:28px!important; padding:0 11px!important; font-size:9.7px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.65); } #qa-chat-root .qa-selection-result-card h4{ margin:5px 0 0!important; font-size:max(var(--tsqam-font-min,10px),calc(15px - var(--tsqam-font-cut-sm,0px)))!important; line-height:1.8!important; color:#112f4a!important; letter-spacing:-.12px; } #qa-chat-root .qa-selection-result-card>strong{ font-size:max(var(--tsqam-font-min,10px),calc(12.8px - var(--tsqam-font-cut-sm,0px)))!important; line-height:1.9!important; color:#34526b!important; } #qa-chat-root .qa-selection-result-meta{ gap:8px!important; margin-top:3px!important; } #qa-chat-root .qa-selection-result-meta>span{ min-height:29px!important; padding:0 10px!important; border-radius:999px!important; background:linear-gradient(180deg,#f9fbfd,#f1f7fb)!important; border-color:#e0eaf2!important; color:#5f7b94!important; font-size:9.6px!important; font-weight:800!important; } #qa-chat-root .qa-selection-result-hint{ margin-top:2px!important; padding:10px 12px!important; border-radius:13px!important; background:linear-gradient(180deg,#fbfdff,#f7fbfe)!important; border:1px dashed #dce7f0!important; color:#678197!important; line-height:1.9!important; } #qa-chat-root .qa-selection-result-details{ gap:8px!important; padding:11px!important; border-radius:14px!important; background:linear-gradient(180deg,#f7fbfe,#f3f8fc)!important; border-color:#e2ebf2!important; } #qa-chat-root .qa-selection-result-details>div{ gap:3px!important; padding:9px 10px!important; border-radius:12px!important; border-color:#e3edf4!important; box-shadow:0 1px 0 rgba(255,255,255,.7) inset; } #qa-chat-root .qa-selection-result-details>div>span{ font-size:8.9px!important; color:#8096a9!important; } #qa-chat-root .qa-selection-result-details>div>strong{ font-size:max(var(--tsqam-font-min,10px),calc(10.3px - var(--tsqam-font-cut-xs,0px)))!important; color:#314f69!important; line-height:1.65!important; } #qa-chat-root .qa-selection-result-analysis-line{ margin-top:9px!important; padding:8px 10px!important; border-radius:12px!important; background:linear-gradient(180deg,#fafcfe,#f5f9fc)!important; border-color:#e3edf4!important; } #qa-chat-root .qa-selection-result-analysis-line small{ font-size:9.3px!important; line-height:1.8!important; color:#688399!important; } #qa-chat-root .qa-selection-result-analysis-line span, #qa-chat-root .qa-selection-result-analysis-line b{ min-height:24px!important; padding:2px 8px!important; border-radius:999px!important; font-size:8.9px!important; } #qa-chat-root .qa-selection-result-actions{ padding-top:12px!important; gap:8px!important; border-top:1px solid #e7eef4!important; } #qa-chat-root .qa-selection-result-actions > *{ flex:1 1 0!important; min-width:0!important; } #qa-chat-root .qa-selection-result-action{ min-height:38px!important; width:100%!important; padding:0 12px!important; border-radius:12px!important; background:linear-gradient(180deg,#fbfcfd,#f3f7fa)!important; border-color:#dbe6ee!important; color:#58738b!important; font-size:10px!important; font-weight:900!important; box-shadow:0 1px 0 rgba(255,255,255,.75) inset; } #qa-chat-root .qa-selection-result-action:hover:not([disabled]){ background:linear-gradient(180deg,#f5fbff,#e9f5ff)!important; border-color:#9ec9e6!important; color:#176ba7!important; box-shadow:0 10px 18px rgba(42,125,191,.08)!important; } #qa-chat-root .qa-selection-result-action.is-save{ background:linear-gradient(180deg,#f6fcf8,#eef9f2)!important; border-color:#cfe6d8!important; color:#1c7a55!important; } #qa-chat-root .qa-selection-result-action.is-save:hover:not([disabled]){ background:linear-gradient(180deg,#eefaf2,#e4f5ea)!important; border-color:#abdabf!important; color:#156b47!important; } #qa-chat-root .qa-selection-result-action.is-reject{ background:linear-gradient(180deg,#fffafa,#fff3f3)!important; border-color:#eed8da!important; color:#9b575a!important; } #qa-chat-root .qa-selection-result-action.is-reject:hover:not([disabled]){ background:linear-gradient(180deg,#fff3f3,#ffeaea)!important; border-color:#e8c1c4!important; color:#8a4145!important; } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-card{ background:linear-gradient(180deg,#132635,#10212f)!important; border-color:#2a4559!important; box-shadow:0 12px 28px rgba(0,0,0,.18)!important; } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-card::after{ background:radial-gradient(120% 90% at 100% 0%,rgba(81,161,219,.14) 0%,rgba(81,161,219,0) 44%); } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-meta>span, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-hint, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-details, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-analysis-line{ background:#11212f!important; border-color:#2a4155!important; color:#a0b7c9!important; } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-meta>span{color:#b1c8d9!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-details>div{background:#15293a!important;border-color:#2d475c!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-action{ background:linear-gradient(180deg,#173041,#142737)!important; border-color:#315067!important; } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-action.is-save{ background:linear-gradient(180deg,#163125,#122a20)!important; border-color:#29533d!important; } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-action.is-reject{ background:linear-gradient(180deg,#301d20,#281619)!important; border-color:#5b3337!important; } @media(max-width:760px){ #qa-chat-root .qa-selection-result-list{gap:11px!important} #qa-chat-root .qa-selection-result-card{ min-height:0!important; padding:14px!important; border-radius:18px!important; } #qa-chat-root .qa-selection-result-card h4{font-size:max(var(--tsqam-font-min,10px),calc(13.6px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-result-card>strong{font-size:max(var(--tsqam-font-min,10px),calc(11.8px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root .qa-selection-result-meta{gap:6px!important} #qa-chat-root .qa-selection-result-meta>span{min-height:27px!important;padding:0 9px!important;font-size:9.2px!important} #qa-chat-root .qa-selection-result-hint{padding:9px 10px!important} #qa-chat-root .qa-selection-result-actions{gap:6px!important} #qa-chat-root .qa-selection-result-action{min-height:35px!important;padding:0 8px!important;font-size:9.35px!important} } /* R244 — General Selection truth + explainability visual rootfix */ #qa-chat-root .qa-selection-result-card .qa-selection-analysis-badge.is-safe{ background:#eaf9f1!important;border:1px solid #c7ead7!important;color:#147c4e!important; } #qa-chat-root .qa-selection-result-card .qa-selection-analysis-badge.is-logical{ background:#edf7ff!important;border:1px solid #cae3f6!important;color:#1f72aa!important; } #qa-chat-root .qa-selection-result-card .qa-selection-analysis-badge.is-challenging{ background:#fff7e9!important;border:1px solid #eeddbd!important;color:#a86b16!important; } #qa-chat-root .qa-selection-result-card .qa-selection-analysis-badge.is-warning{ background:#fff3e8!important;border:1px solid #efd3b2!important;color:#a45e19!important; } #qa-chat-root .qa-selection-why{ margin-top:4px!important; padding:11px 12px!important; gap:7px!important; border-radius:14px!important; border:1px solid #dce8f1!important; background:linear-gradient(180deg,#fcfeff 0%,#f7fbfe 100%)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important; } #qa-chat-root .qa-selection-why-head{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:10px!important; } #qa-chat-root .qa-selection-why-head>strong{ min-width:0!important; font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important; line-height:1.7!important; font-weight:950!important; color:#284c68!important; } #qa-chat-root .qa-selection-why-head>span{ min-height:25px!important; padding:2px 9px!important; border-radius:999px!important; background:#edf7ff!important; border:1px solid #cfe4f4!important; color:#216f9f!important; font-size:9px!important; font-weight:950!important; white-space:nowrap!important; } #qa-chat-root .qa-selection-result-card.is-safe .qa-selection-why-head>span{ background:#eaf9f1!important;border-color:#c7ead7!important;color:#147c4e!important; } #qa-chat-root .qa-selection-result-card.is-logical .qa-selection-why-head>span{ background:#edf7ff!important;border-color:#cae3f6!important;color:#1f72aa!important; } #qa-chat-root .qa-selection-result-card.is-challenging .qa-selection-why-head>span{ background:#fff7e9!important;border-color:#eeddbd!important;color:#a86b16!important; } #qa-chat-root .qa-selection-why>p{ display:block!important; margin:0!important; padding-top:7px!important; border-top:1px solid #e8eff5!important; color:#59758b!important; font-size:max(var(--tsqam-font-min,10px),calc(10.2px - var(--tsqam-font-cut-xs,0px)))!important; line-height:2!important; font-weight:700!important; letter-spacing:-.03px!important; } #qa-chat-root .qa-selection-why-chips{ gap:6px!important; padding-top:1px!important; } #qa-chat-root .qa-selection-why-chips>span{ min-height:25px!important; padding:3px 9px!important; font-size:8.9px!important; line-height:1.5!important; } #qa-chat-root .qa-selection-why.is-detailed{ margin-top:10px!important; padding:13px!important; } #qa-chat-root .qa-selection-why-details{gap:7px!important} #qa-chat-root .qa-selection-why-details>div{ padding:9px 10px!important; border-radius:11px!important; } #qa-chat-root .qa-selection-why-details b{font-size:9.5px!important} #qa-chat-root .qa-selection-why-details span{font-size:9.4px!important;line-height:1.9!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why>p{border-top-color:#294457!important;color:#a9bfd0!important} @media(max-width:760px){ #qa-chat-root .qa-selection-why{padding:10px!important} #qa-chat-root .qa-selection-why-head{grid-template-columns:1fr!important;gap:6px!important} #qa-chat-root .qa-selection-why-head>span{justify-self:start!important} #qa-chat-root .qa-selection-why>p{font-size:9.7px!important;line-height:1.95!important} } /* R245 — Farhangian evidence truth / official-catalog guard. General cards untouched. */ #qa-chat-root .qa-selection-farhangian-report{background:linear-gradient(180deg,#fff,#fbfdff)!important} #qa-chat-root .qa-selection-farhangian-evidence-card{background:linear-gradient(180deg,#fbfdff,#f7fbfe)!important} #qa-chat-root .qa-selection-farhangian-evidence-card.is-supported em{background:#edf8f2!important;color:#246e4a!important;border:1px solid #d2eadc} #qa-chat-root .qa-selection-farhangian-evidence-card.is-borderline em{background:#fff8e8!important;color:#8a6812!important;border:1px solid #efe0b7} #qa-chat-root .qa-selection-farhangian-evidence-card.is-insufficient em{background:#f2f5f7!important;color:#667d8e!important;border:1px solid #e0e7ec} #qa-chat-root .qa-selection-farhangian-evidence-empty{grid-column:1/-1;padding:20px;border:1px dashed #cdddea;border-radius:16px;background:#f8fbfd;text-align:center;display:grid;gap:6px} #qa-chat-root .qa-selection-farhangian-evidence-empty strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)));color:#234864;font-weight:950} #qa-chat-root .qa-selection-farhangian-evidence-empty p{margin:0;font-size:10px;line-height:1.9;color:#6f879a} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-farhangian-evidence-empty{background:#11212f;border-color:#2d465a} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-farhangian-evidence-empty strong{color:#e4f1fa} /* r250 — Telegram Bot Conversation Core ----------------------------------- */ #qa-chat-root.qa-selection-surface-open .qa-selection-chat-stage[data-selection-telegram-core="r250"]{ isolation:isolate; } #qa-chat-root.qa-selection-surface-open .qa-selection-bot-active-slot{ animation:qaSelectionR250BotSlotIn .18s cubic-bezier(.2,.72,.2,1) both!important; transform-origin:left bottom; } #qa-chat-root.qa-selection-surface-open .qa-selection-bot-active-slot.is-typing-slot .qa-selection-bubble{ min-height:54px; } #qa-chat-root.qa-selection-surface-open .qa-selection-bot-persistent-card{ margin-bottom:2px!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-telegram-context{ display:flex; flex-wrap:wrap; gap:7px; margin:0 0 4px; padding:0 42px 0 0; direction:rtl; } #qa-chat-root.qa-selection-surface-open .qa-selection-telegram-context>span{ display:inline-flex; align-items:center; gap:6px; max-width:100%; min-height:30px; padding:5px 9px; border:1px solid rgba(111,151,184,.22); border-radius:999px; background:rgba(246,250,253,.92); color:#55718a; box-shadow:0 4px 14px rgba(33,73,108,.035); } #qa-chat-root.qa-selection-surface-open .qa-selection-telegram-context small{ font-size:9px; font-weight:700; opacity:.82; } #qa-chat-root.qa-selection-surface-open .qa-selection-telegram-context strong{ overflow:hidden; max-width:220px; color:#173957; font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px))); font-weight:900; text-overflow:ellipsis; white-space:nowrap; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-telegram-context>span{ border-color:#28435a; background:#152534; color:#a9bfd1; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-selection-telegram-context strong{color:#e7f3fb} @keyframes qaSelectionR250BotSlotIn{ from{opacity:.45;transform:translateY(4px) scale(.995)} to{opacity:1;transform:translateY(0) scale(1)} } @media (max-width:720px){ #qa-chat-root.qa-selection-surface-open .qa-selection-telegram-context{ padding-right:38px; gap:5px; margin-bottom:2px; } #qa-chat-root.qa-selection-surface-open .qa-selection-telegram-context>span{ min-height:27px; padding:4px 8px; } #qa-chat-root.qa-selection-surface-open .qa-selection-telegram-context strong{max-width:150px;font-size:9.8px} } @media (prefers-reduced-motion:reduce){ #qa-chat-root.qa-selection-surface-open .qa-selection-bot-active-slot{animation:none!important} } /* r251 — Smart Auto Scroll & Keyboard Engine ------------------------------ */ #qa-chat-root.qa-selection-surface-open{ --qa-selection-dock-height:0px; --qa-selection-vv-bottom:0px; } #qa-chat-root.qa-selection-surface-open #qa-messages{ overflow-anchor:none!important; scroll-padding-bottom:calc(var(--qa-selection-dock-height,0px) + 28px + env(safe-area-inset-bottom))!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-chat-stage{ overflow-anchor:none!important; padding-bottom:calc(12px + var(--qa-selection-dock-height,0px))!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-bot-active-slot, #qa-chat-root.qa-selection-surface-open .qa-selection-composer-echo{ scroll-margin-bottom:calc(var(--qa-selection-dock-height,0px) + 22px + env(safe-area-inset-bottom))!important; } @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open{ height:var(--qa-selection-vv-height,100dvh)!important; min-height:var(--qa-selection-vv-height,100dvh)!important; max-height:var(--qa-selection-vv-height,100dvh)!important; } #qa-chat-root.qa-selection-surface-open #qa-messages{ scrollbar-gutter:auto!important; overscroll-behavior-y:contain!important; scroll-snap-type:none!important; touch-action:pan-y!important; } #qa-chat-root.qa-selection-surface-open.qa-selection-keyboard-open{ height:var(--qa-selection-vv-height,100svh)!important; min-height:var(--qa-selection-vv-height,100svh)!important; max-height:var(--qa-selection-vv-height,100svh)!important; } #qa-chat-root.qa-selection-surface-open.qa-selection-keyboard-open .qa-shell, #qa-chat-root.qa-selection-surface-open.qa-selection-keyboard-open .qa-chatcard{ min-height:0!important; max-height:100%!important; overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open.qa-selection-keyboard-open #qa-messages{ flex:1 1 0%!important; height:0!important; min-height:0!important; max-height:none!important; overflow-y:auto!important; padding-bottom:12px!important; scroll-padding-bottom:calc(var(--qa-selection-dock-height,0px) + 18px + env(safe-area-inset-bottom))!important; } #qa-chat-root.qa-selection-surface-open.qa-selection-keyboard-open .qa-selection-action-dock-host.is-active{ flex:0 0 auto!important; position:relative!important; inset:auto!important; bottom:auto!important; padding-bottom:max(6px,env(safe-area-inset-bottom))!important; transform:translateZ(0)!important; } #qa-chat-root.qa-selection-surface-open.qa-selection-keyboard-open .qa-selection-chat-stage{ padding-bottom:calc(8px + var(--qa-selection-dock-height,0px))!important; } } @media (prefers-reduced-motion:reduce){ #qa-chat-root.qa-selection-surface-open #qa-messages{scroll-behavior:auto!important} } /* r252 — In-App Browser / WebView Hardening ------------------------------- */ #qa-chat-root.qa-selection-surface-open{ --qa-selection-vv-offset-left:0px; --qa-selection-vv-scale:1; --qa-selection-topbar-height:0px; --qa-selection-chathead-height:0px; box-sizing:border-box!important; inline-size:100%!important; max-inline-size:100%!important; overflow-x:hidden!important; overscroll-behavior:none!important; } #qa-chat-root.qa-selection-surface-open *, #qa-chat-root.qa-selection-surface-open *::before, #qa-chat-root.qa-selection-surface-open *::after{box-sizing:border-box} #qa-chat-root.qa-selection-surface-open .qa-shell, #qa-chat-root.qa-selection-surface-open .qa-chatcard, #qa-chat-root.qa-selection-surface-open #qa-messages, #qa-chat-root.qa-selection-surface-open #qa-selection-surface, #qa-chat-root.qa-selection-surface-open .qa-selection-chat-layout, #qa-chat-root.qa-selection-surface-open .qa-selection-chat-stage, #qa-chat-root.qa-selection-surface-open .qa-selection-message, #qa-chat-root.qa-selection-surface-open .qa-selection-bubble, #qa-chat-root.qa-selection-surface-open .qa-selection-personal-board{ min-inline-size:0!important; max-inline-size:100%!important; } #qa-chat-root.qa-selection-surface-open img, #qa-chat-root.qa-selection-surface-open video, #qa-chat-root.qa-selection-surface-open canvas, #qa-chat-root.qa-selection-surface-open svg{max-inline-size:100%} #qa-chat-root.qa-selection-surface-open .qa-selection-bubble, #qa-chat-root.qa-selection-surface-open .qa-selection-user-bubble, #qa-chat-root.qa-selection-surface-open .qa-selection-personal-board, #qa-chat-root.qa-selection-surface-open .qa-selection-result-card{overflow-wrap:anywhere;word-break:normal} html.qa-selection-webview-active, body.qa-selection-webview-active{ inline-size:100%!important; max-inline-size:100%!important; overscroll-behavior:none!important; overflow-x:hidden!important; } body.qa-selection-webview-active{-webkit-text-size-adjust:100%;text-size-adjust:100%} @media (max-width:960px){ #qa-chat-root.qa-selection-surface-open{ block-size:var(--qa-selection-vv-height,100svh)!important; min-block-size:var(--qa-selection-vv-height,100svh)!important; max-block-size:var(--qa-selection-vv-height,100svh)!important; } #qa-chat-root.qa-selection-surface-open .qa-shell-topbar{ flex:0 0 auto!important; padding-top:max(10px,env(safe-area-inset-top))!important; } #qa-chat-root.qa-selection-surface-open .qa-shell{ block-size:calc(var(--qa-selection-vv-height,100svh) - var(--qa-selection-topbar-height,64px))!important; min-block-size:0!important; max-block-size:calc(var(--qa-selection-vv-height,100svh) - var(--qa-selection-topbar-height,64px))!important; overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open .qa-chatcard{ block-size:100%!important; min-block-size:0!important; max-block-size:100%!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head{flex:0 0 auto!important;min-inline-size:0!important} #qa-chat-root.qa-selection-surface-open #qa-messages{ flex:1 1 0%!important; block-size:0!important; min-block-size:0!important; max-block-size:none!important; overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior-y:contain!important; touch-action:pan-y!important; padding-inline:max(0px,env(safe-area-inset-left)) max(0px,env(safe-area-inset-right))!important; padding-bottom:calc(10px + var(--qa-selection-dock-height,0px) + env(safe-area-inset-bottom))!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-chat-layout{ inline-size:100%!important; max-inline-size:100%!important; padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))!important; } #qa-chat-root.qa-selection-surface-open input, #qa-chat-root.qa-selection-surface-open textarea, #qa-chat-root.qa-selection-surface-open select{font-size:max(16px,1em)!important} } /* Embedded browser visual viewport: keep all fixed UI inside the actually visible area. */ @media (max-width:960px){ #qa-chat-root.qa-selection-surface-open.qa-selection-inapp-browser{ block-size:var(--qa-selection-vv-height,100svh)!important; min-block-size:var(--qa-selection-vv-height,100svh)!important; max-block-size:var(--qa-selection-vv-height,100svh)!important; contain:layout paint!important; isolation:isolate!important; } #qa-chat-root.qa-selection-surface-open.qa-selection-inapp-browser .qa-shell-topbar{ padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))!important; } #qa-chat-root.qa-selection-surface-open.qa-selection-inapp-browser .qa-selection-action-dock-host.is-active, #qa-chat-root.qa-selection-surface-open.qa-selection-inapp-browser .qa-selection-chat-composer, #qa-chat-root.qa-selection-surface-open.qa-selection-inapp-browser .qa-selection-start-dock, #qa-chat-root.qa-selection-surface-open.qa-selection-inapp-browser .qa-selection-bottom-primary-dock{ max-inline-size:100%!important; margin-inline:0!important; padding-bottom:max(7px,env(safe-area-inset-bottom))!important; } #qa-chat-root.qa-selection-surface-open.qa-selection-inapp-browser .qa-selection-discount-modal, #qa-chat-root.qa-selection-surface-open.qa-selection-inapp-browser > .qa-selection-plans-portal .qa-selection-plans-modal{ inset:var(--qa-selection-vv-offset-top,0px) 0 auto 0!important; inline-size:100%!important; block-size:var(--qa-selection-vv-height,100svh)!important; max-block-size:var(--qa-selection-vv-height,100svh)!important; padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important; overflow:auto!important; overscroll-behavior:contain!important; } #qa-chat-root.qa-selection-surface-open.qa-selection-inapp-browser .qa-selection-plans-card, #qa-chat-root.qa-selection-surface-open.qa-selection-inapp-browser .qa-selection-discount-card{ max-inline-size:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right))!important; max-block-size:calc(var(--qa-selection-vv-height,100svh) - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important; overflow:auto!important; -webkit-overflow-scrolling:touch!important; } } /* iOS embedded browsers need stricter momentum-scroll and focus containment. */ @media (max-width:960px){ #qa-chat-root.qa-selection-surface-open.qa-selection-ios-runtime #qa-messages{-webkit-overflow-scrolling:touch!important} #qa-chat-root.qa-selection-surface-open.qa-selection-ios-runtime.qa-selection-keyboard-open .qa-shell-topbar{position:relative!important;top:auto!important} #qa-chat-root.qa-selection-surface-open.qa-selection-ios-runtime.qa-selection-keyboard-open .qa-shell{ block-size:calc(var(--qa-selection-vv-height,100svh) - var(--qa-selection-topbar-height,0px))!important; max-block-size:calc(var(--qa-selection-vv-height,100svh) - var(--qa-selection-topbar-height,0px))!important; } } @supports not (height:100svh){ @media (max-width:960px){ #qa-chat-root.qa-selection-surface-open, #qa-chat-root.qa-selection-surface-open.qa-selection-inapp-browser{block-size:var(--qa-selection-vv-height,100vh)!important;min-block-size:var(--qa-selection-vv-height,100vh)!important;max-block-size:var(--qa-selection-vv-height,100vh)!important} } } /* r253 — Selection Room Navigation & Header Rebuild ----------------------- */ /* Focus mode: while selection is open there is exactly one navigation action: Exit. */ #qa-chat-root.qa-selection-surface-open[data-selection-navigation="exit-only"] .qa-shell-topbar, #qa-chat-root.qa-selection-surface-open[data-selection-navigation="exit-only"] .qa-sidebar, #qa-chat-root.qa-selection-surface-open[data-selection-navigation="exit-only"] #qa-student-switch-wrap, #qa-chat-root.qa-selection-surface-open[data-selection-navigation="exit-only"] .qa-chat-head-actions, #qa-chat-root.qa-selection-surface-open[data-selection-navigation="exit-only"] #qa-back-btn{ display:none!important; visibility:hidden!important; pointer-events:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-navigation="exit-only"]{ --qa-selection-topbar-height:0px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-navigation="exit-only"] .qa-shell{ grid-template-columns:minmax(0,1fr)!important; inline-size:100%!important; max-inline-size:100%!important; block-size:var(--qa-selection-vv-height,100dvh)!important; min-block-size:var(--qa-selection-vv-height,100dvh)!important; max-block-size:var(--qa-selection-vv-height,100dvh)!important; padding:0!important; margin:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-navigation="exit-only"] .qa-chatcard{ grid-column:1!important; inline-size:100%!important; max-inline-size:100%!important; block-size:100%!important; min-block-size:0!important; border-radius:0!important; border-inline:0!important; border-bottom:0!important; margin:0!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v253{ position:sticky!important; inset-block-start:0!important; z-index:90!important; min-height:64px!important; height:auto!important; margin:0!important; padding:max(9px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 9px max(14px,env(safe-area-inset-left))!important; border:0!important; border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,var(--border))!important; border-radius:0!important; background:color-mix(in srgb,var(--surface-strong) 96%,transparent)!important; box-shadow:0 8px 24px rgba(15,23,42,.045)!important; backdrop-filter:blur(18px)!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v253 .qa-chat-title-wrap{ display:block!important; min-height:0!important; height:auto!important; padding:0!important; margin:0!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v253 .qa-chat-title-wrap::before, #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v253 .qa-chat-title-wrap::after, #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v253 #qa-chat-sub{ display:none!important; content:none!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v253 #qa-chat-header{ display:block!important; font:inherit!important; color:inherit!important; min-width:0!important; max-width:none!important; } #qa-chat-root .qa-selection-header-r253{ width:100%; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:12px; direction:rtl; } #qa-chat-root .qa-selection-header-identity-r253{display:flex;align-items:center;gap:10px;min-width:0} #qa-chat-root .qa-selection-header-avatar-r253{ width:38px;height:38px;flex:0 0 38px;border-radius:50%;overflow:hidden; display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-2)); box-shadow:0 7px 18px rgba(51,144,236,.18); } #qa-chat-root .qa-selection-header-avatar-r253 .qa-selection-robot-avatar-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important} #qa-chat-root .qa-selection-header-copy-r253{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:right} #qa-chat-root .qa-selection-header-copy-r253 .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.45!important;font-weight:950!important;color:var(--text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #qa-chat-root .qa-selection-header-copy-r253 .qa-selection-header-status{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:9.5px!important;line-height:1.4!important;font-weight:850!important;color:#17995a!important} #qa-chat-root .qa-selection-header-copy-r253 .qa-selection-header-status i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(23,153,90,.10)} #qa-chat-root .qa-selection-room-exit-r253{ flex:0 0 auto;min-width:74px;min-height:40px;padding:0 13px; display:inline-flex;align-items:center;justify-content:center;gap:7px; border:1px solid color-mix(in srgb,#e24a4a 22%,var(--border));border-radius:12px; background:color-mix(in srgb,#e24a4a 7%,var(--surface-strong));color:#c63737; font:900 11px/1 var(--font);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease; } #qa-chat-root .qa-selection-room-exit-r253:hover,#qa-chat-root .qa-selection-room-exit-r253:focus-visible{transform:translateY(-1px);border-color:rgba(226,74,74,.42);background:color-mix(in srgb,#e24a4a 11%,var(--surface-strong));outline:none} #qa-chat-root .qa-selection-room-exit-r253 b{font-size:max(var(--tsqam-font-min,10px),calc(15px - var(--tsqam-font-cut-sm,0px)));line-height:1;font-weight:700} /* The conversation becomes the room itself; no duplicate app navigation survives. */ #qa-chat-root.qa-selection-surface-open[data-selection-navigation="exit-only"] #qa-messages{ flex:1 1 0%!important; min-block-size:0!important; padding-top:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-navigation="exit-only"] .qa-selection-chat-layout{ max-width:1080px!important; margin-inline:auto!important; } @media (max-width:960px){ #qa-chat-root.qa-selection-surface-open[data-selection-navigation="exit-only"] .qa-shell{ block-size:var(--qa-selection-vv-height,100svh)!important; min-block-size:var(--qa-selection-vv-height,100svh)!important; max-block-size:var(--qa-selection-vv-height,100svh)!important; } #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v253{ min-height:58px!important; padding:max(7px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left))!important; } #qa-chat-root .qa-selection-header-avatar-r253{width:34px;height:34px;flex-basis:34px} #qa-chat-root .qa-selection-header-copy-r253 .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-room-exit-r253{min-width:68px;min-height:38px;padding-inline:11px;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))} } @media (max-width:390px){ #qa-chat-root .qa-selection-header-r253{gap:8px} #qa-chat-root .qa-selection-header-avatar-r253{width:32px;height:32px;flex-basis:32px} #qa-chat-root .qa-selection-header-copy-r253 .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-header-copy-r253 .qa-selection-header-status{font-size:8.8px!important} #qa-chat-root .qa-selection-room-exit-r253{min-width:62px;min-height:36px;padding-inline:9px} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open .qa-chat-head.qa-selection-native-head-v253{ background:rgba(15,28,40,.96)!important;border-bottom-color:#294359!important;box-shadow:none!important; } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-room-exit-r253{background:rgba(205,61,61,.12);border-color:rgba(235,102,102,.25);color:#ff9a9a} /* r254 — Visual System & UX Polish ---------------------------------------- */ /* A single late-stage visual contract intentionally overrides legacy layers. */ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"]{ --qa-v254-blue:#2f8ee5; --qa-v254-blue-2:#1877cf; --qa-v254-ink:#14263a; --qa-v254-muted:#6f8295; --qa-v254-line:#dce7f0; --qa-v254-soft:#f6f9fc; --qa-v254-card:#ffffff; --qa-v254-success:#15945b; --qa-v254-warning:#a96b15; --qa-v254-danger:#c94747; --qa-v254-radius-sm:12px; --qa-v254-radius-md:16px; --qa-v254-radius-lg:21px; --qa-v254-shadow:0 10px 30px rgba(20,51,78,.065); --qa-v254-shadow-hover:0 13px 34px rgba(31,104,164,.11); font-family:var(--font)!important; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] *, #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] *::before, #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] *::after{box-sizing:border-box} /* Calm room surface: less card-in-card noise, more conversation focus. */ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] #qa-messages{ background: radial-gradient(circle at 92% 0%,rgba(47,142,229,.045),transparent 28%), linear-gradient(180deg,#f8fbfe 0%,#f5f9fc 100%)!important; scrollbar-width:thin; scrollbar-color:#c9d9e7 transparent; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] #qa-messages::-webkit-scrollbar{width:8px} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] #qa-messages::-webkit-scrollbar-thumb{background:#c9d9e7;border:2px solid transparent;background-clip:padding-box;border-radius:999px} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-chat-layout{ max-width:980px!important; grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"conversation"!important; gap:0!important; padding:18px clamp(14px,3.4vw,34px) 26px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-guide-pane{display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-conversation-pane{width:100%;max-width:820px;margin-inline:auto!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-chat-stage{gap:12px!important;padding:7px 0 22px!important} /* Header: product-like, compact and quiet. */ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-chat-head.qa-selection-native-head-v253{ min-height:62px!important; padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))!important; background:rgba(255,255,255,.92)!important; border-bottom:1px solid rgba(51,99,137,.10)!important; box-shadow:0 6px 22px rgba(18,52,82,.045)!important; backdrop-filter:blur(22px) saturate(1.15)!important; -webkit-backdrop-filter:blur(22px) saturate(1.15)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-header-avatar-r253{ width:36px;height:36px;flex-basis:36px;border-radius:13px!important; box-shadow:0 7px 20px rgba(47,142,229,.18)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-header-copy-r253 .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(13.5px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:900!important;letter-spacing:-.15px!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-header-copy-r253 .qa-selection-header-status{font-size:9.5px!important;font-weight:780!important;color:var(--qa-v254-success)!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-room-exit-r253{ min-width:68px!important;min-height:38px!important;padding-inline:12px!important; border-radius:12px!important;background:#fff!important;border-color:#ead8d8!important; color:#b94a4a!important;box-shadow:none!important;font-weight:850!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-room-exit-r253:hover, #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-room-exit-r253:focus-visible{background:#fff8f8!important;border-color:#e6bcbc!important;transform:none!important} /* Telegram-like active conversation bubbles. */ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-message{gap:8px!important;animation:qaV254MessageIn .18s cubic-bezier(.2,.75,.3,1) both!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bot-avatar{ width:34px!important;height:34px!important;flex-basis:34px!important;margin-top:3px!important; border-radius:12px!important;background:linear-gradient(145deg,var(--qa-v254-blue),var(--qa-v254-blue-2))!important; box-shadow:0 6px 17px rgba(47,142,229,.16)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bot-avatar .qa-selection-robot-avatar-img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bubble{ width:min(620px,calc(100% - 44px))!important; padding:13px 15px 12px!important;border-radius:18px 18px 6px 18px!important; border:1px solid var(--qa-v254-line)!important;background:#fff!important; box-shadow:0 7px 20px rgba(24,56,82,.048)!important;line-height:1.9!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bubble::after{ width:10px!important;height:10px!important;top:13px!important;inset-inline-end:-5px!important; background:#fff!important;border-color:var(--qa-v254-line)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bubble strong{font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.85!important;font-weight:900!important;letter-spacing:-.1px!important;color:var(--qa-v254-ink)!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bubble p{font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.9!important;font-weight:620!important;color:var(--qa-v254-muted)!important;margin-top:4px!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-eyebrow, #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-sender-name{font-size:9.5px!important;font-weight:850!important;color:#2c7fc5!important;letter-spacing:0!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-message-user{padding-inline:42px 0!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-user-bubble{ max-width:min(430px,78%)!important;padding:10px 14px!important;border-radius:17px 17px 17px 6px!important; border:0!important;background:linear-gradient(135deg,var(--qa-v254-blue),#267fd1)!important; color:#fff!important;box-shadow:0 7px 18px rgba(47,142,229,.17)!important; font-size:max(var(--tsqam-font-min,10px),calc(12.7px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:780!important;line-height:1.8!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-message-user::before{color:#70afe9!important;font-size:10px!important} /* Typing: small and unmistakably live without visual noise. */ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-typing-bubble{width:auto!important;min-width:104px!important;padding:10px 13px!important;background:#fff!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-typing-dots{display:flex!important;align-items:center!important;gap:4px!important;min-height:18px!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-typing-dots i{width:6px!important;height:6px!important;border-radius:999px!important;background:#80a8ca!important;animation:qaV254Typing 1s ease-in-out infinite!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-typing-dots i:nth-child(2){animation-delay:.13s!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-typing-dots i:nth-child(3){animation-delay:.26s!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-processing-label{font-size:9.5px!important;color:#7b90a3!important;font-weight:700!important} /* Answer cards and inline keyboard: one coherent component system. */ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-choice-grid,.qa-selection-rank-route-grid,.qa-selection-preference-option-grid,.qa-selection-commercial-options,.qa-selection-budget-options,.qa-selection-identity-edit-grid){gap:8px!important;margin-inline-start:42px!important;width:calc(100% - 42px)!important;max-width:620px!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-glass-btn,.qa-selection-commercial-option){ min-height:54px!important;padding:10px 12px!important;border-radius:14px!important; border:1px solid #d9e5ef!important;background:#fff!important;color:var(--qa-v254-ink)!important; box-shadow:0 5px 15px rgba(28,65,96,.035)!important;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-glass-btn,.qa-selection-commercial-option):hover, #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-glass-btn,.qa-selection-commercial-option):focus-visible{ border-color:#9fc8e8!important;background:#f9fcff!important;box-shadow:var(--qa-v254-shadow-hover)!important;transform:translateY(-1px)!important;outline:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-glass-btn,.qa-selection-commercial-option):active{transform:scale(.992)!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-glass-btn,.qa-selection-commercial-option) strong{font-size:max(var(--tsqam-font-min,10px),calc(12.6px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:880!important;line-height:1.55!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-glass-btn,.qa-selection-commercial-option) small{font-size:max(var(--tsqam-font-min,10px),calc(10.4px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.65!important;color:#7c8fa1!important;font-weight:620!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-choice-icon{width:30px!important;height:30px!important;border-radius:10px!important;background:#edf6fd!important;color:#257fca!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-glass-btn.is-active,.qa-selection-glass-btn[aria-pressed="true"],.qa-selection-choice-chip.is-active,.qa-selection-option-btn.is-active){border-color:#68ace0!important;background:#eef8ff!important;box-shadow:0 0 0 3px rgba(47,142,229,.08)!important} /* Primary CTA: compact premium button, not oversized marketing UI. */ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-primary-action-wrap{margin-inline-start:42px!important;width:calc(100% - 42px)!important;max-width:620px!important;gap:7px!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-primary-cta{ min-height:52px!important;min-width:min(360px,100%)!important;border-radius:14px!important; background:linear-gradient(110deg,var(--qa-v254-blue),var(--qa-v254-blue-2))!important; border:0!important;color:#fff!important;box-shadow:0 9px 22px rgba(34,126,200,.19)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-primary-cta:hover, #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-primary-cta:focus-visible{box-shadow:0 12px 28px rgba(34,126,200,.25)!important;filter:saturate(1.04)!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-primary-cta strong{color:#fff!important;font-size:max(var(--tsqam-font-min,10px),calc(12.8px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-primary-cta small{color:rgba(255,255,255,.78)!important} /* Informational states: compact semantic notes. */ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-phase-note{ border-radius:14px!important;border:1px solid #dde8f1!important;background:#f8fbfd!important; box-shadow:none!important;padding:11px 12px!important;gap:9px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-phase-note-icon{width:27px!important;height:27px!important;min-width:27px!important;border-radius:9px!important;background:#eaf4fc!important;color:#287fc4!important;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-phase-note strong{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:870!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-phase-note p{font-size:max(var(--tsqam-font-min,10px),calc(10.4px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.75!important;margin-top:2px!important;color:#74889b!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-phase-note-error{background:#fff8f8!important;border-color:#f0d6d6!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-phase-note-error .qa-selection-phase-note-icon{background:#fdecec!important;color:var(--qa-v254-danger)!important} /* Inputs / search / pickers: same height, radius and focus behavior everywhere. */ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-search-wrap input,.qa-selection-chat-composer input,.qa-selection-provider-fields input,.qa-selection-provider-fields select,.qa-selection-field input,.qa-selection-field select,.qa-selection-field textarea){ font-family:var(--font)!important;color:var(--qa-v254-ink)!important;caret-color:var(--qa-v254-blue)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-search-wrap{ border-radius:14px!important;border-color:#d9e5ee!important;background:#fff!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-search-wrap:focus-within{border-color:#8cbfe5!important;box-shadow:0 0 0 3px rgba(47,142,229,.08)!important} /* Composer / bottom controls: Telegram-style control bar with mobile-safe dimensions. */ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-action-dock-host.is-active{ background:linear-gradient(180deg,rgba(248,251,254,0),rgba(248,251,254,.97) 18%,rgba(248,251,254,.99))!important; backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-chat-composer:not(.qa-selection-reset-confirm-composer){ border:1px solid #d8e5ef!important;background:#fff!important;border-radius:17px!important; box-shadow:0 8px 24px rgba(25,63,93,.07)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-chat-composer:focus-within{border-color:#8ebfe4!important;box-shadow:0 8px 24px rgba(25,63,93,.08),0 0 0 3px rgba(47,142,229,.07)!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-composer-send{ border-radius:13px!important;background:linear-gradient(145deg,var(--qa-v254-blue),var(--qa-v254-blue-2))!important; box-shadow:0 6px 15px rgba(47,142,229,.20)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bot-keyboard .qa-selection-composer-action{ min-height:40px!important;border-radius:12px!important;background:#fff!important;border-color:#dbe6ef!important; box-shadow:0 4px 12px rgba(28,65,96,.035)!important;color:#45667f!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bot-keyboard .qa-selection-composer-action:hover, #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bot-keyboard .qa-selection-composer-action:focus-visible{background:#f7fbfe!important;border-color:#a6cce8!important;color:#266fa7!important} /* Results and board: professional data cards, lower decoration, clearer hierarchy. */ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-result-card,.qa-selection-preference-card,.qa-selection-personal-board,.qa-selection-revision-panel,.qa-selection-farhangian-profile-card,.qa-selection-farhangian-report,.qa-selection-commercial-done,.qa-selection-server-hub){ border-radius:17px!important;border-color:#dce7ef!important;background:#fff!important;box-shadow:var(--qa-v254-shadow)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-result-card:hover{border-color:#b8d3e6!important;box-shadow:0 13px 32px rgba(25,69,103,.085)!important;transform:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-result-card h4{font-weight:900!important;letter-spacing:-.1px!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-result-meta>span{border-radius:999px!important;background:#f3f7fa!important;border-color:#e1e9ef!important;color:#647b8d!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-result-action{border-radius:12px!important;min-height:40px!important} /* Accessible keyboard focus throughout the selection room. */ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(button,[role="button"],input,select,textarea):focus-visible{ outline:2px solid rgba(47,142,229,.58)!important;outline-offset:2px!important; } /* Dark mode keeps contrast without returning to heavy gradients. */ :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"]{ --qa-v254-ink:#eaf3fa;--qa-v254-muted:#99afc1;--qa-v254-line:#29465c;--qa-v254-soft:#122433;--qa-v254-card:#14283a; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] #qa-messages{background:linear-gradient(180deg,#0f1f2d,#102432)!important;scrollbar-color:#38566d transparent} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-chat-head.qa-selection-native-head-v253{background:rgba(14,29,42,.94)!important;border-bottom-color:#274357!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-bubble,.qa-selection-typing-bubble,.qa-selection-glass-btn,.qa-selection-commercial-option,.qa-selection-search-wrap,.qa-selection-chat-composer:not(.qa-selection-reset-confirm-composer),.qa-selection-bot-keyboard .qa-selection-composer-action,.qa-selection-result-card,.qa-selection-preference-card,.qa-selection-personal-board,.qa-selection-revision-panel,.qa-selection-farhangian-profile-card,.qa-selection-farhangian-report,.qa-selection-commercial-done,.qa-selection-server-hub){background:#14283a!important;border-color:#29475e!important;box-shadow:none!important;color:#eaf3fa!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bubble::after{background:#14283a!important;border-color:#29475e!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-phase-note{background:#122635!important;border-color:#29475e!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-phase-note-error{background:#321f25!important;border-color:#623640!important} /* Mobile: full-width live chat, thumb-friendly controls, zero horizontal clipping. */ @media (max-width:960px){ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-chat-layout{padding:12px max(10px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-conversation-pane{max-width:100%!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-chat-stage{gap:10px!important;padding-bottom:16px!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bot-avatar{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:11px!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bubble{width:min(100%,calc(100% - 40px))!important;padding:12px 13px 11px!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-message-user{padding-inline:38px 0!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-user-bubble{max-width:86%!important;font-size:max(var(--tsqam-font-min,10px),calc(12.3px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-choice-grid,.qa-selection-rank-route-grid,.qa-selection-preference-option-grid,.qa-selection-commercial-options,.qa-selection-budget-options,.qa-selection-identity-edit-grid,.qa-selection-primary-action-wrap){margin-inline-start:38px!important;width:calc(100% - 38px)!important;max-width:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-choice-grid,.qa-selection-rank-route-grid,.qa-selection-preference-option-grid,.qa-selection-commercial-options,.qa-selection-budget-options,.qa-selection-identity-edit-grid){grid-template-columns:1fr!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] :is(.qa-selection-glass-btn,.qa-selection-commercial-option,.qa-selection-primary-cta){min-height:48px!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-primary-cta{width:100%!important;min-width:0!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-chat-composer input{font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important} } @media (max-width:390px){ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-chat-head.qa-selection-native-head-v253{padding-inline:9px!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-header-avatar-r253{width:32px;height:32px;flex-basis:32px} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-room-exit-r253{min-width:60px!important;min-height:36px!important;padding-inline:9px!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bubble strong{font-size:max(var(--tsqam-font-min,10px),calc(13.4px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] .qa-selection-bubble p{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important} } @keyframes qaV254MessageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}} @keyframes qaV254Typing{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}} @media (prefers-reduced-motion:reduce){ #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] *, #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] *::before, #qa-chat-root.qa-selection-surface-open[data-selection-visual-system="r254"] *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} } /* R256 final cascade: keep these desktop rules after the inherited r254 system. */ @media (min-width:961px){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] .qa-chat-head.qa-selection-native-head-v253, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] .qa-chat-title-wrap, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] #qa-chat-header, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] .qa-selection-header-r253, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] .qa-selection-chat-layout, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] .qa-selection-conversation-pane, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] .qa-selection-chat-stage{ width:100%!important;max-width:none!important;min-width:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] .qa-selection-header-r253{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;direction:rtl!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] .qa-selection-header-identity-r253{grid-column:1!important;justify-self:start!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] .qa-selection-room-exit-r253{grid-column:2!important;justify-self:end!important;margin:0!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] .qa-selection-chat-layout{margin:0!important;padding-inline:clamp(20px,3vw,48px)!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] .qa-selection-bubble{width:calc(100% - 44px)!important;max-width:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] :is(.qa-selection-choice-grid,.qa-selection-rank-route-grid,.qa-selection-preference-option-grid,.qa-selection-commercial-options,.qa-selection-budget-options,.qa-selection-identity-edit-grid,.qa-selection-primary-action-wrap,.qa-selection-phase-note,.qa-selection-results-loading,.qa-selection-commercial-loading,.qa-selection-server-state,.qa-selection-preference-history,.qa-selection-mini-value,.qa-selection-preference-question,.qa-selection-result-buckets,.qa-selection-board-cta-wrap,.qa-selection-results-footnote,.qa-selection-personal-board,.qa-selection-revision-entry,.qa-selection-revision-panel,.qa-selection-commercial-done,.qa-selection-search-wrap,.qa-selection-preference-summary,.qa-selection-result-list,.qa-selection-farhangian-profile-card,.qa-selection-farhangian-result-panel,.qa-selection-school-record-card,.qa-selection-compute-shell){ width:calc(100% - 42px)!important;max-width:none!important;margin-inline-start:42px!important;margin-inline-end:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r256"] .qa-selection-result-list{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))!important} } /* r257 — Telegram room, sequential channels and floating plans ----------- */ #qa-chat-root .qa-selection-floating-plans-r257{display:none} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-q1-channel-summary .qa-selection-user-bubble{ display:flex;flex-direction:column;gap:3px;text-align:right } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-q1-channel-summary .qa-selection-user-bubble span{font-size:9px;opacity:.78} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-q1-channel-summary .qa-selection-user-bubble strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)));line-height:1.7;color:#fff} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-q1-final-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important} @media (min-width:961px){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-chat-head.qa-selection-native-head-v253, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-chat-title-wrap, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] #qa-chat-header, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-header-r253, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-chat-layout, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-conversation-pane, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-chat-stage{ width:100%!important;max-width:none!important;min-width:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-header-r253{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;direction:rtl!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-header-identity-r253{grid-column:1!important;justify-self:start!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-room-exit-r253{grid-column:2!important;justify-self:end!important;margin:0!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-chat-layout{margin:0!important;padding-inline:clamp(20px,3vw,48px)!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-bubble{width:calc(100% - 44px)!important;max-width:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] :is(.qa-selection-choice-grid,.qa-selection-rank-route-grid,.qa-selection-preference-option-grid,.qa-selection-commercial-options,.qa-selection-budget-options,.qa-selection-identity-edit-grid,.qa-selection-primary-action-wrap,.qa-selection-phase-note,.qa-selection-results-loading,.qa-selection-commercial-loading,.qa-selection-server-state,.qa-selection-preference-history,.qa-selection-mini-value,.qa-selection-preference-question,.qa-selection-result-buckets,.qa-selection-board-cta-wrap,.qa-selection-results-footnote,.qa-selection-personal-board,.qa-selection-revision-entry,.qa-selection-revision-panel,.qa-selection-commercial-done,.qa-selection-search-wrap,.qa-selection-preference-summary,.qa-selection-result-list,.qa-selection-farhangian-profile-card,.qa-selection-farhangian-result-panel,.qa-selection-school-record-card,.qa-selection-compute-shell){ width:calc(100% - 42px)!important;max-width:none!important;margin-inline-start:42px!important;margin-inline-end:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-result-list{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))!important} } @media (max-width:960px){ html.qa-selection-room-active-r257, body.qa-selection-room-active-r257{width:100%!important;height:100%!important;max-width:none!important;overflow:hidden!important;overscroll-behavior:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"]{ position:fixed!important;inset:var(--qa-selection-vv-offset-top,0px) 0 auto 0!important;z-index:2147482000!important; width:100vw!important;inline-size:100vw!important;max-width:none!important; height:var(--qa-selection-vv-height,100dvh)!important;block-size:var(--qa-selection-vv-height,100dvh)!important; min-height:var(--qa-selection-vv-height,100dvh)!important;max-height:var(--qa-selection-vv-height,100dvh)!important; margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important; background:#eaf3f9!important;isolation:isolate!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] :is(.qa-shell,.qa-chatcard){ position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:100%!important;max-height:100%!important; margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-chatcard{display:flex!important;flex-direction:column!important;background:#eaf3f9!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-chat-head.qa-selection-native-head-v253{ position:relative!important;inset:0!important;z-index:120!important;flex:0 0 auto!important; width:100%!important;max-width:none!important;min-height:64px!important; padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))!important; background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,251,255,.98))!important; border-bottom:1px solid rgba(44,121,179,.13)!important;box-shadow:0 5px 22px rgba(25,69,103,.09)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-header-r253{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;direction:rtl!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-header-identity-r253{grid-column:1!important;justify-self:start!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-room-exit-r253{grid-column:2!important;justify-self:end!important;margin:0!important;background:#fff!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] #qa-messages{ position:relative!important;flex:1 1 0%!important;width:100%!important;max-width:none!important;height:0!important;min-height:0!important; margin:0!important;padding:0 0 calc(16px + var(--qa-selection-dock-height,0px) + env(safe-area-inset-bottom))!important; overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:auto!important; background-color:#eaf3f9!important; background-image:radial-gradient(circle at 16px 16px,rgba(51,112,154,.055) 1.2px,transparent 1.5px),radial-gradient(circle at 38px 42px,rgba(51,112,154,.035) 1px,transparent 1.4px)!important; background-size:54px 54px,64px 64px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] #qa-selection-surface, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-shell, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-chat-layout, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-conversation-pane{ width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;border:0!important;background:transparent!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-chat-layout{ display:block!important;padding:11px max(10px,env(safe-area-inset-right)) 24px max(10px,env(safe-area-inset-left))!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-top-conversion{display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-chat-stage{width:100%!important;max-width:none!important;margin:0!important;padding:4px 0 18px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] :is(.qa-selection-major-picker,.qa-selection-preference-card,.qa-selection-farhangian-profile-card){width:calc(100% - 38px)!important;max-width:none!important;margin-inline-start:38px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-floating-plans-r257{ position:fixed!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important; inset-inline-start:max(12px,env(safe-area-inset-left))!important;inset-inline-end:auto!important; bottom:calc(max(14px,env(safe-area-inset-bottom)) + var(--qa-selection-dock-height,0px))!important;z-index:2147482600!important; min-width:52px!important;height:52px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:17px!important; background:linear-gradient(145deg,#2f96e8,#1674c6)!important;color:#fff!important;box-shadow:0 12px 30px rgba(22,105,173,.32),inset 0 1px rgba(255,255,255,.25)!important; font:900 10px/1 var(--font)!important;cursor:pointer!important;animation:qaR257PlansNudge 6.5s ease-in-out infinite!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-floating-plans-icon-r257{width:24px;height:24px;display:grid;place-items:center} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-floating-plans-icon-r257 svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-floating-plans-label-r257{white-space:nowrap} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] > .qa-selection-plans-portal .qa-selection-plans-modal{ position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;height:var(--qa-selection-vv-height,100dvh)!important; padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important; background:rgba(9,24,37,.62)!important;backdrop-filter:blur(13px)!important;-webkit-backdrop-filter:blur(13px)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] > .qa-selection-plans-portal .qa-selection-plans-card{ width:100%!important;max-width:720px!important;max-height:calc(var(--qa-selection-vv-height,100dvh) - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important; margin:auto!important;border-radius:24px 24px 18px 18px!important;border:1px solid rgba(255,255,255,.75)!important; box-shadow:0 28px 80px rgba(4,24,40,.30)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important; } } @keyframes qaR257PlansNudge{ 0%,68%,84%,100%{transform:translate3d(0,0,0) rotate(0)} 72%{transform:translate3d(0,-4px,0) rotate(-3deg)} 76%{transform:translate3d(0,0,0) rotate(3deg)} 80%{transform:translate3d(0,-2px,0) rotate(-2deg)} } @media (prefers-reduced-motion:reduce){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r257"] .qa-selection-floating-plans-r257{animation:none!important} } /* r258 — profile completion is a conversation, not a settings form. */ #qa-chat-root .qa-selection-sequential-identity-r258 .qa-selection-bubble{width:min(100%,620px)} #qa-chat-root .qa-selection-onboarding-picker-r258{margin-top:14px;padding:12px;background:color-mix(in srgb,var(--accent) 6%,var(--surface-strong))} #qa-chat-root .qa-selection-onboarding-picker-r258>span{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))} #qa-chat-root .qa-selection-onboarding-picker-r258 select{height:50px;font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)));font-weight:800;cursor:pointer} #qa-chat-root .qa-selection-onboarding-picker-r258 select:disabled{cursor:wait;opacity:.68} @media (max-width:720px){ #qa-chat-root .qa-selection-sequential-identity-r258{width:100%;max-width:none} #qa-chat-root .qa-selection-sequential-identity-r258 .qa-selection-bubble{width:calc(100% - 42px);max-width:none} #qa-chat-root .qa-selection-onboarding-picker-r258{padding:10px} #qa-chat-root .qa-selection-onboarding-picker-r258 select{height:48px;font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))} } /* r259 — grade 11 is positive-only and may be omitted explicitly. */ #qa-chat-root .qa-selection-school-grade-intro strong{display:flex;align-items:center;flex-wrap:wrap;gap:7px} #qa-chat-root .qa-selection-school-grade-intro strong em{font-style:normal;font-size:8px;font-weight:950;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)} #qa-chat-root .qa-selection-grade11-optional{display:grid;gap:10px;padding:12px;border:1px solid color-mix(in srgb,#20a66a 28%,var(--border));border-radius:15px;background:color-mix(in srgb,#20a66a 5%,var(--surface))} #qa-chat-root .qa-selection-grade11-optional.is-omitted{border-style:dashed} #qa-chat-root .qa-selection-grade11-omit{display:flex!important;align-items:center;gap:10px;padding:10px 11px!important;border:1px solid color-mix(in srgb,#20a66a 24%,var(--border))!important;border-radius:12px!important;background:var(--surface-strong)!important;cursor:pointer} #qa-chat-root .qa-selection-grade11-omit input{inline-size:19px!important;block-size:19px!important;min-width:19px!important;margin:0!important;accent-color:#15945c;cursor:pointer} #qa-chat-root .qa-selection-grade11-omit>span{display:grid;gap:2px} #qa-chat-root .qa-selection-grade11-omit strong{font-size:10px;color:var(--text)} #qa-chat-root .qa-selection-grade11-omit small{font-size:9px;line-height:1.7;color:var(--muted)} #qa-chat-root .qa-selection-grade11-omitted-note{padding:10px 12px;border-radius:11px;background:color-mix(in srgb,#20a66a 9%,var(--surface));font-size:10px;font-weight:850;color:color-mix(in srgb,#158652 88%,var(--text))} @media (max-width:720px){ #qa-chat-root .qa-selection-grade11-optional{padding:10px} #qa-chat-root .qa-selection-grade11-omit{min-height:52px} } /* r261 — single dock, fixed confirm, centered mobile header and live Q1 CTA. */ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"]{ --qa-r260-blue:#238bd8; --qa-r260-blue-strong:#1475c1; --qa-r260-ink:#17354d; --qa-r260-muted:#6d8598; --qa-r260-line:#d7e5ef; --qa-r260-chat:#eaf3f9; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(.qa-shell,.qa-chatcard,.qa-chat-head,#qa-messages,#qa-selection-surface,.qa-selection-shell,.qa-selection-chat-layout,.qa-selection-conversation-pane,.qa-selection-chat-stage){ box-sizing:border-box!important; min-width:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(.qa-shell-topbar,#qa-student-mobile-tools,#qa-advisor-mobile-tools,#qa-student-switch-wrap,.qa-chat-head-actions,#qa-back-btn,.qa-sidebar){ display:none!important; visibility:hidden!important; pointer-events:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-shell{ display:block!important;width:100%!important;max-width:none!important;height:var(--qa-selection-vv-height,100dvh)!important; min-height:var(--qa-selection-vv-height,100dvh)!important;max-height:var(--qa-selection-vv-height,100dvh)!important;margin:0!important;padding:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-chatcard{ display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important; margin:0!important;border-radius:0!important;border-inline:0!important;border-bottom:0!important;overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-chat-head.qa-selection-native-head-v253{ position:relative!important;inset:0!important;z-index:120!important;flex:0 0 auto!important;width:100%!important;max-width:none!important; min-height:64px!important;margin:0!important;padding:9px clamp(14px,2vw,26px)!important;border:0!important;border-bottom:1px solid rgba(38,111,163,.13)!important; border-radius:0!important;background:rgba(255,255,255,.97)!important;box-shadow:0 5px 22px rgba(25,69,103,.075)!important; backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-chat-head.qa-selection-native-head-v253 .qa-chat-title-wrap, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-chat-head.qa-selection-native-head-v253 #qa-chat-header{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-r253{ display:flex!important;direction:rtl!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;min-height:44px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-identity-r253{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;margin:0!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-avatar-r253{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:13px!important;overflow:hidden!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-copy-r253{display:grid!important;gap:2px!important;min-width:0!important;text-align:right!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.35!important;font-weight:950!important;color:var(--qa-r260-ink)!important;white-space:nowrap!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-status{font-size:9px!important;font-weight:850!important;color:#159259!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-room-exit-r253{ flex:0 0 auto!important;min-width:72px!important;min-height:38px!important;margin:0!important;padding:0 12px!important;border:1px solid #ead8d8!important; border-radius:12px!important;background:#fff!important;color:#b84242!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] #qa-messages{ flex:1 1 0%!important;width:100%!important;max-width:none!important;height:0!important;min-height:0!important;margin:0!important; overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:auto!important;overscroll-behavior-y:contain!important; background-color:var(--qa-r260-chat)!important; background-image:radial-gradient(circle at 16px 16px,rgba(51,112,154,.045) 1.2px,transparent 1.5px),radial-gradient(circle at 38px 42px,rgba(51,112,154,.03) 1px,transparent 1.4px)!important; background-size:54px 54px,64px 64px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(#qa-selection-surface,.qa-selection-shell,.qa-selection-chat-layout,.qa-selection-conversation-pane){width:100%!important;max-width:none!important;margin:0!important;border:0!important;background:transparent!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-chat-layout{display:block!important;padding:18px clamp(14px,3vw,48px) 28px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-chat-stage{width:100%!important;max-width:1120px!important;margin-inline:auto!important;padding:6px 0 22px!important;gap:12px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(.qa-selection-guide-pane,.qa-selection-top-conversion){display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-primary-cta:not(:disabled), #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-dock-cta:not(:disabled){ opacity:1!important;background:linear-gradient(110deg,var(--qa-r260-blue),var(--qa-r260-blue-strong))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(30,126,199,.21)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(.qa-selection-primary-cta,.qa-selection-dock-cta):not(:disabled) :is(strong,span,small){color:#fff!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(.qa-selection-primary-cta,.qa-selection-dock-cta):disabled{ opacity:1!important;background:#edf3f7!important;color:#91a4b3!important;border:1px solid #dde8ef!important;box-shadow:none!important;cursor:not-allowed!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(.qa-selection-primary-cta,.qa-selection-dock-cta):disabled :is(strong,span,small){color:#91a4b3!important} @media (min-width:961px){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-bubble{width:calc(100% - 44px)!important;max-width:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(.qa-selection-choice-grid,.qa-selection-rank-route-grid,.qa-selection-preference-option-grid,.qa-selection-commercial-options,.qa-selection-budget-options,.qa-selection-identity-edit-grid,.qa-selection-primary-action-wrap,.qa-selection-phase-note,.qa-selection-results-loading,.qa-selection-commercial-loading,.qa-selection-server-state,.qa-selection-preference-history,.qa-selection-mini-value,.qa-selection-preference-question,.qa-selection-result-buckets,.qa-selection-board-cta-wrap,.qa-selection-results-footnote,.qa-selection-personal-board,.qa-selection-revision-entry,.qa-selection-revision-panel,.qa-selection-commercial-done,.qa-selection-search-wrap,.qa-selection-preference-summary,.qa-selection-result-list,.qa-selection-farhangian-profile-card,.qa-selection-farhangian-result-panel,.qa-selection-school-record-card,.qa-selection-compute-shell){ width:calc(100% - 42px)!important;max-width:none!important;margin-inline-start:42px!important;margin-inline-end:0!important; } } @media (max-width:960px){ html.qa-selection-room-active-r257,body.qa-selection-room-active-r257{width:100%!important;height:100%!important;max-width:none!important;overflow:hidden!important;overscroll-behavior:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"]{ position:fixed!important;inset:var(--qa-selection-vv-offset-top,0px) 0 auto 0!important;z-index:2147482000!important; width:100vw!important;max-width:none!important;height:var(--qa-selection-vv-height,100dvh)!important;min-height:var(--qa-selection-vv-height,100dvh)!important;max-height:var(--qa-selection-vv-height,100dvh)!important; margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:var(--qa-r260-chat)!important;isolation:isolate!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-chat-head.qa-selection-native-head-v253{min-height:62px!important;padding:max(7px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left))!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-avatar-r253{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-room-exit-r253{min-width:62px!important;min-height:35px!important;padding-inline:9px!important;font-size:10px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] #qa-messages{padding:0 0 calc(18px + var(--qa-selection-dock-height,0px) + env(safe-area-inset-bottom))!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-chat-layout{padding:11px max(10px,env(safe-area-inset-right)) 24px max(10px,env(safe-area-inset-left))!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-chat-stage{max-width:680px!important;padding:4px 0 18px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-message{width:100%!important;max-width:none!important;gap:7px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-bot-avatar{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:10px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-bubble{width:calc(100% - 39px)!important;max-width:86%!important;padding:11px 12px!important;border-radius:16px 16px 5px 16px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-user-bubble{max-width:84%!important;padding:9px 12px!important;border-radius:16px 16px 16px 5px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-message-user{padding-inline:39px 0!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(.qa-selection-major-picker,.qa-selection-preference-card,.qa-selection-farhangian-profile-card,.qa-selection-result-list,.qa-selection-personal-board,.qa-selection-school-record-card,.qa-selection-compute-shell,.qa-selection-revision-panel,.qa-selection-commercial-done){ width:100%!important;max-width:none!important;margin:0!important;border-radius:16px!important;box-shadow:0 7px 20px rgba(24,56,82,.05)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-major-picker{padding:11px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-major-picker-head{gap:8px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-major-cloud{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-major-chip{width:100%!important;min-width:0!important;max-width:none!important;justify-content:space-between!important;text-align:right!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-search-wrap{width:100%!important;margin-inline:0!important} /* The floating route icon is the sole mobile plans entry; no duplicate CTA in the bottom dock. */ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-mobile-conversion-sticky{display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-floating-plans-r257{ position:fixed!important;display:grid!important;place-items:center!important;inset-inline-start:max(13px,env(safe-area-inset-left))!important;inset-inline-end:auto!important; bottom:calc(max(13px,env(safe-area-inset-bottom)) + var(--qa-selection-dock-height,0px))!important;z-index:2147482600!important; width:54px!important;min-width:54px!important;height:54px!important;padding:0!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:18px!important; background:linear-gradient(145deg,#2f96e8,#1471bf)!important;color:#fff!important;box-shadow:0 12px 30px rgba(22,105,173,.32),inset 0 1px rgba(255,255,255,.25)!important; animation:qaR257PlansNudge 6.5s ease-in-out infinite!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-floating-plans-icon-r257{display:grid!important;place-items:center!important;width:27px!important;height:27px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-floating-plans-icon-r257 svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-floating-plans-label-r257{display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host{ position:relative!important;inset:auto!important;display:none!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-height:0!important; margin:0!important;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important; border-top:1px solid rgba(65,116,153,.13)!important;background:rgba(248,252,255,.96)!important;box-shadow:0 -8px 24px rgba(30,66,92,.07)!important; backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;overflow:hidden!important;z-index:150!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host.is-active{display:block!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host :is(.qa-selection-control-stack,.qa-selection-start-dock,.qa-selection-reset-confirm-composer){ position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-inline-actions{width:100%!important;padding:0!important;margin:0!important;overflow:hidden!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-composer-actions{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:6px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host :is(.qa-selection-composer-action,.qa-selection-dock-gift-fab){ position:relative!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important; width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:39px!important;margin:0!important;padding:5px 7px!important; border:1px solid #d2e1ec!important;border-radius:11px!important;background:#fff!important;color:#42657e!important;box-shadow:none!important;overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host :is(.qa-selection-composer-action,.qa-selection-dock-gift-fab) strong{ min-width:0!important;max-width:100%!important;font-size:9.3px!important;line-height:1.45!important;white-space:normal!important;text-align:center!important;overflow-wrap:anywhere!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-bottom-primary-dock{ display:flex!important;position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;min-height:0!important;margin:6px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-bottom-primary-dock.is-empty{display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-dock-cta{ width:100%!important;min-width:0!important;max-width:100%!important;height:47px!important;min-height:47px!important;margin:0!important;padding:0 12px!important;border-radius:12px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-dock-cta strong{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important;white-space:normal!important;text-align:center!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-chat-composer{width:100%!important;max-width:100%!important;margin:6px 0 0!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-compose-wrap{display:none!important} } @media (max-width:380px){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-composer-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-room-exit-r253{min-width:56px!important} } @media (prefers-reduced-motion:reduce){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-floating-plans-r257{animation:none!important} } /* r261 final overrides — one dock, legible interaction states, polished chrome. */ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(.qa-selection-primary-cta,.qa-selection-dock-cta):not(:disabled):is(:hover,:focus-visible){ background:linear-gradient(110deg,#147bc9,#0e65ad)!important; color:#fff!important; border-color:transparent!important; box-shadow:0 10px 26px rgba(20,109,177,.30)!important; filter:none!important; transform:translateY(-1px)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(.qa-selection-primary-cta,.qa-selection-dock-cta):not(:disabled):is(:hover,:focus-visible) :is(strong,span,small){color:#fff!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(.qa-selection-primary-cta,.qa-selection-dock-cta):disabled:is(:hover,:focus){ background:#e8eff4!important;color:#6f8495!important;border-color:#d5e1e9!important;box-shadow:none!important;filter:none!important;transform:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] :is(.qa-selection-primary-cta,.qa-selection-dock-cta):disabled :is(strong,span,small){color:#6f8495!important} @media (min-width:961px){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack{ position:sticky!important;inset:auto!important;bottom:0!important;z-index:80!important;width:100%!important;max-width:none!important; margin:10px 0 0!important;padding:10px clamp(12px,2vw,20px) 12px!important;border:1px solid rgba(174,202,222,.66)!important;border-radius:18px 18px 0 0!important; background:rgba(247,251,254,.96)!important;box-shadow:0 -12px 30px rgba(27,65,94,.08)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack .qa-selection-bottom-primary-dock{ width:100%!important;max-width:none!important;margin:8px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack .qa-selection-dock-cta{ width:100%!important;max-width:none!important;min-height:52px!important;border-radius:14px!important; } } @media (max-width:960px){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-r253{ position:relative!important;display:grid!important;grid-template-columns:68px minmax(0,1fr) 68px!important;grid-template-rows:44px!important; direction:ltr!important;align-items:center!important;justify-content:stretch!important;gap:7px!important;min-height:44px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-identity-r253{display:contents!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-avatar-r253{ grid-column:3!important;grid-row:1!important;justify-self:end!important;width:40px!important;height:40px!important;flex-basis:40px!important; border:2px solid rgba(255,255,255,.94)!important;border-radius:14px!important;box-shadow:0 6px 16px rgba(28,112,174,.20)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-copy-r253{ grid-column:2!important;grid-row:1!important;justify-self:stretch!important;align-self:center!important;text-align:center!important;direction:rtl!important;gap:2px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-status{justify-content:center!important;text-align:center!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-room-exit-r253{ grid-column:1!important;grid-row:1!important;justify-self:start!important;direction:rtl!important;width:64px!important;min-width:64px!important;min-height:36px!important; border-color:#efd4d4!important;border-radius:12px!important;background:#fffafa!important;color:#b63f3f!important;font-size:10px!important;font-weight:900!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host{ padding:8px max(9px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))!important; border-top-color:rgba(88,137,174,.16)!important;background:rgba(249,252,255,.98)!important;box-shadow:0 -10px 30px rgba(29,69,99,.10)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-composer-actions{gap:7px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host :is(.qa-selection-composer-action,.qa-selection-dock-gift-fab){ min-height:42px!important;padding:6px 8px!important;border-color:#d7e4ed!important;border-radius:12px!important;background:linear-gradient(180deg,#fff,#f8fbfd)!important;color:#345b77!important; box-shadow:0 3px 10px rgba(29,68,98,.035)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host :is(.qa-selection-composer-action,.qa-selection-dock-gift-fab):is(:hover,:focus-visible){ border-color:#91bfe0!important;background:#eef8ff!important;color:#176fae!important;box-shadow:0 0 0 3px rgba(38,137,208,.08)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-bottom-primary-dock{margin-top:7px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-dock-cta{height:50px!important;min-height:50px!important;border-radius:13px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-floating-plans-r257{ width:58px!important;min-width:58px!important;height:58px!important;border-radius:20px!important; background:linear-gradient(145deg,#6759f5 0%,#268fe2 56%,#0d73bd 100%)!important; box-shadow:0 14px 32px rgba(48,94,190,.34),inset 0 1px rgba(255,255,255,.32)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-floating-plans-r257::after{ content:""!important;position:absolute!important;inset:5px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:15px!important;pointer-events:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-floating-plans-icon-r257{width:30px!important;height:30px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-floating-plans-icon-r257 svg{width:28px!important;height:28px!important;stroke-width:1.7!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-icon-spark{stroke:#fff3a7!important;stroke-width:2.1!important} } @media (max-width:360px){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-r253{grid-template-columns:60px minmax(0,1fr) 60px!important;gap:4px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-room-exit-r253{width:58px!important;min-width:58px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important} } /* r262 — immutable Q1 draft, evidence ordering, one-row mobile chrome. */ #qa-chat-root .qa-selection-evidence-order-group{display:grid;gap:9px;margin-top:12px;padding:12px;border:1px solid #dbe8f1;border-radius:18px;background:#fbfdff} #qa-chat-root .qa-selection-evidence-order-group.is-direct{border-color:#cde8d9;background:#f7fdf9} #qa-chat-root .qa-selection-evidence-order-group.is-cluster{border-color:#d5e3f6;background:#f7faff} #qa-chat-root .qa-selection-evidence-order-head{display:flex;align-items:center;justify-content:space-between;gap:10px} #qa-chat-root .qa-selection-evidence-order-head strong{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)));font-weight:900;color:#24445d} #qa-chat-root .qa-selection-evidence-order-head small{font-size:9px;font-weight:750;color:#6f8799} #qa-chat-root .qa-selection-commitment-results{display:grid;gap:10px;margin-top:14px;padding:12px;border:1px solid #f0d6c7;border-radius:20px;background:linear-gradient(180deg,#fffaf6,#fff)} #qa-chat-root .qa-selection-commitment-results-head{display:flex;align-items:center;gap:10px;padding:2px 3px 8px;border-bottom:1px solid #f2e1d7} #qa-chat-root .qa-selection-commitment-results-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#fff0e6;color:#b96931;font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))} #qa-chat-root .qa-selection-commitment-results-head>div{display:grid;gap:2px} #qa-chat-root .qa-selection-commitment-results-head strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)));font-weight:900;color:#744527} #qa-chat-root .qa-selection-commitment-results-head small{font-size:9.5px;line-height:1.7;color:#8c715f} /* The modal owns the whole selection viewport; dock and floating CTA cannot cover it. */ #qa-chat-root.qa-selection-surface-open.qa-selection-discount-open-r262 .qa-selection-action-dock-host, #qa-chat-root.qa-selection-surface-open.qa-selection-discount-open-r262 .qa-selection-floating-plans-r257{visibility:hidden!important;pointer-events:none!important} #qa-chat-root.qa-selection-surface-open.qa-selection-discount-open-r262 .qa-selection-discount-modal{ position:fixed!important;inset:0!important;z-index:2147483646!important;display:flex!important;align-items:center!important;justify-content:center!important; padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important; } #qa-chat-root.qa-selection-surface-open.qa-selection-discount-open-r262 .qa-selection-discount-backdrop{position:absolute!important;inset:0!important} #qa-chat-root.qa-selection-surface-open.qa-selection-discount-open-r262 .qa-selection-discount-sheet{position:relative!important;z-index:2!important;max-height:calc(var(--qa-selection-vv-height,100dvh) - 34px)!important;overflow:auto!important} /* Board typography is intentionally compact so long Persian labels do not burst cards. */ #qa-chat-root .qa-selection-personal-board.qa-board-v225{font-weight:650!important} #qa-chat-root .qa-board-v225-head>div:first-child>strong{font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;font-weight:850!important} #qa-chat-root .qa-board-v225-summary strong{font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:850!important;line-height:1.45!important} #qa-chat-root .qa-board-v225-title strong{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:850!important} #qa-chat-root .qa-board-v225-main strong{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:820!important;line-height:1.6!important} #qa-chat-root .qa-board-v225-section-head strong{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:850!important} #qa-chat-root .qa-board-v225-footer strong{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:850!important} @media (max-width:960px){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-chat-head.qa-selection-native-head-v253 #qa-chat-header>.qa-selection-header-r253{ display:grid!important;grid-template-columns:64px minmax(0,1fr) 64px!important;grid-template-areas:"exit title avatar"!important;grid-template-rows:44px!important; direction:ltr!important;align-items:center!important;justify-content:stretch!important;column-gap:8px!important;width:100%!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-identity-r253{display:contents!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-avatar-r253{grid-area:avatar!important;justify-self:end!important;margin:0!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-header-copy-r253{grid-area:title!important;justify-self:stretch!important;width:100%!important;margin:0!important;text-align:center!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-room-exit-r253{grid-area:exit!important;justify-self:start!important;margin:0!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-inline-actions{overflow:hidden!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-composer-actions, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-composer-actions.has-gift-action{ display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;gap:5px!important;width:100%!important;overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-composer-actions>:is(.qa-selection-composer-action,.qa-selection-dock-gift-fab){ flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:38px!important;padding:4px 5px!important;border-radius:10px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-composer-actions>.qa-selection-dock-gift-fab{flex:0 0 39px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-composer-action strong{ display:block!important;min-width:0!important;font-size:8.2px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-composer-action>span{flex:0 0 auto!important;font-size:10px!important} #qa-chat-root.qa-selection-surface-open.qa-selection-discount-open-r262 .qa-selection-discount-modal{align-items:center!important;padding:12px!important} #qa-chat-root.qa-selection-surface-open.qa-selection-discount-open-r262 .qa-selection-discount-sheet{width:min(100%,420px)!important;margin:0!important;border-radius:20px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important} #qa-chat-root .qa-selection-evidence-order-group,#qa-chat-root .qa-selection-commitment-results{padding:10px;border-radius:16px} } @media (max-width:360px){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-chat-head.qa-selection-native-head-v253 #qa-chat-header>.qa-selection-header-r253{grid-template-columns:58px minmax(0,1fr) 58px!important;column-gap:4px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-composer-actions{gap:4px!important} #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host .qa-selection-composer-action strong{font-size:7.7px!important} } /* r263 — final Telegram header: one identity group, one remote exit action. */ @media (max-width:960px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-chat-head.qa-selection-native-head-v253{ min-height:60px!important;height:60px!important;padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))!important; border:0!important;border-bottom:1px solid rgba(69,122,160,.16)!important;border-radius:0!important; background:rgba(255,255,255,.985)!important;box-shadow:0 3px 13px rgba(24,62,91,.07)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-chat-head.qa-selection-native-head-v253 .qa-chat-title-wrap, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-chat-head.qa-selection-native-head-v253 #qa-chat-header{ display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important; margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-chat-head.qa-selection-native-head-v253 #qa-chat-header>.qa-selection-header-r253{ display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important; direction:rtl!important;width:100%!important;min-width:0!important;min-height:46px!important;margin:0!important;padding:0!important; border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-selection-header-identity-r253{ display:flex!important;flex:1 1 auto!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important; gap:9px!important;direction:rtl!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-selection-header-avatar-r253{ grid-area:auto!important;order:0!important;flex:0 0 40px!important;width:40px!important;height:40px!important;margin:0!important; border:0!important;border-radius:50%!important;background:#edf7fd!important;box-shadow:0 0 0 1px #d5e7f3,0 4px 12px rgba(27,105,162,.13)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-selection-header-copy-r253{ grid-area:auto!important;order:1!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;align-content:center!important; justify-self:auto!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:calc(100% - 49px)!important; gap:0!important;margin:0!important;padding:0!important;direction:rtl!important;text-align:right!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-selection-header-main{ display:block!important;font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.45!important;font-weight:900!important;color:#17364e!important;text-align:right!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-selection-header-status{ display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;justify-self:start!important;gap:4px!important; margin:0!important;padding:0!important;background:transparent!important;border:0!important;color:#15955a!important;font-size:8.8px!important;line-height:1.4!important;text-align:right!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-selection-room-exit-r253{ grid-area:auto!important;order:2!important;flex:0 0 auto!important;align-self:center!important;margin:0 0 0 auto!important; width:auto!important;min-width:56px!important;max-width:64px!important;height:38px!important;min-height:38px!important;padding:0 4px!important; border:0!important;border-radius:10px!important;background:transparent!important;color:#b74444!important;box-shadow:none!important; font-size:10px!important;font-weight:850!important;direction:rtl!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-selection-room-exit-r253:is(:hover,:focus-visible){ transform:none!important;background:#fff4f4!important;color:#a93333!important;outline:none!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-selection-room-exit-r253 b{font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;font-weight:600!important} } @media (max-width:360px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-selection-header-identity-r253{gap:7px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-selection-header-avatar-r253{flex-basis:37px!important;width:37px!important;height:37px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r263"] .qa-selection-room-exit-r253{min-width:50px!important;max-width:54px!important} } /* r264 — physical edge anchors. No grid/flex distribution can recenter the controls. */ @media (max-width:960px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-chat-head.qa-selection-native-head-v253{ position:sticky!important;top:0!important;inset-inline:auto!important;z-index:90!important; display:block!important;inline-size:100%!important;width:100%!important;max-width:none!important; min-height:60px!important;height:60px!important;max-height:60px!important; margin:0!important;padding:0!important;overflow:visible!important; border:0!important;border-bottom:1px solid rgba(69,122,160,.16)!important;border-radius:0!important; background:rgba(255,255,255,.985)!important;box-shadow:0 3px 13px rgba(24,62,91,.07)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-chat-head.qa-selection-native-head-v253 .qa-chat-title-wrap{ position:static!important;display:block!important;inline-size:100%!important;width:100%!important;max-width:none!important; min-width:0!important;min-height:60px!important;height:60px!important;margin:0!important;padding:0!important; border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-chat-head.qa-selection-native-head-v253 #qa-chat-header{ position:absolute!important;inset:0!important;display:block!important;inline-size:auto!important;width:auto!important;max-width:none!important; min-width:0!important;min-height:60px!important;height:60px!important;margin:0!important;padding:0!important; border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-chat-head.qa-selection-native-head-v253 #qa-chat-header>.qa-selection-header-r253{ position:relative!important;inset:auto!important;display:block!important;inline-size:100%!important;width:100%!important;max-width:none!important; min-width:0!important;min-height:60px!important;height:60px!important;margin:0!important;padding:0!important; direction:ltr!important;grid-template:none!important;grid-template-columns:none!important;grid-template-areas:none!important; gap:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-header-identity-r253{ position:absolute!important;top:50%!important;right:max(8px,env(safe-area-inset-right))!important;left:auto!important; transform:translateY(-50%)!important;display:flex!important;flex-flow:row-reverse nowrap!important;align-items:center!important;justify-content:flex-start!important; inline-size:auto!important;width:auto!important;max-width:calc(100% - 84px)!important;min-width:0!important;gap:8px!important; margin:0!important;padding:0!important;direction:ltr!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-header-avatar-r253{ position:static!important;order:0!important;display:grid!important;place-items:center!important; flex:0 0 40px!important;inline-size:40px!important;width:40px!important;min-width:40px!important;max-width:40px!important; height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important; border:0!important;border-radius:50%!important;background:#edf7fd!important;box-shadow:0 0 0 1px #d5e7f3,0 4px 12px rgba(27,105,162,.13)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-header-copy-r253{ position:static!important;order:1!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important; flex:0 1 auto!important;inline-size:auto!important;width:auto!important;max-width:100%!important;min-width:0!important; align-content:center!important;gap:0!important;margin:0!important;padding:0!important;direction:rtl!important;text-align:right!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-header-main{ display:block!important;max-width:100%!important;font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.45!important;font-weight:900!important; color:#17364e!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-header-status{ display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;justify-self:start!important;gap:4px!important; margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#15955a!important; font-size:8.8px!important;line-height:1.4!important;direction:rtl!important;text-align:right!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-room-exit-r253{ position:absolute!important;top:50%!important;left:max(8px,env(safe-area-inset-left))!important;right:auto!important; transform:translateY(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important; inline-size:58px!important;width:58px!important;min-width:58px!important;max-width:58px!important; height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0 4px!important; border:0!important;border-radius:10px!important;background:transparent!important;color:#b74444!important;box-shadow:none!important; font-size:10px!important;font-weight:850!important;direction:rtl!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-room-exit-r253:is(:hover,:focus-visible){ transform:translateY(-50%)!important;background:#fff4f4!important;color:#a93333!important;outline:none!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-room-exit-r253 b{font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;font-weight:600!important} } @media (max-width:360px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-header-identity-r253{ right:max(6px,env(safe-area-inset-right))!important;max-width:calc(100% - 76px)!important;gap:6px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-header-avatar-r253{ flex-basis:37px!important;inline-size:37px!important;width:37px!important;min-width:37px!important;max-width:37px!important;height:37px!important;min-height:37px!important;max-height:37px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-header-main{font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-room-exit-r253{ left:max(6px,env(safe-area-inset-left))!important;inline-size:52px!important;width:52px!important;min-width:52px!important;max-width:52px!important; } } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-chat-head.qa-selection-native-head-v253{ background:rgba(18,32,45,.985)!important;border-bottom-color:#294359!important;box-shadow:0 3px 13px rgba(0,0,0,.2)!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-header-avatar-r253{ background:#17344b!important;box-shadow:0 0 0 1px #31506a,0 4px 12px rgba(0,0,0,.2)!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-header-main{color:#edf7ff!important} /* ===== r265 PHASE 1 — Journey foundation / desktop bottom dock rootfix ===== */ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"]{ --qa-selection-desktop-dock-gap:clamp(14px,4vw,58px); --qa-selection-desktop-dock-reserve:152px; } @media (min-width:961px){ /* The action composer is viewport-owned on desktop. Short steps must not leave it floating mid-page. */ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>:is(.qa-selection-control-stack,.qa-selection-start-dock,.qa-selection-reset-confirm-composer){ position:fixed!important; inset:auto var(--qa-selection-desktop-dock-gap) 0 var(--qa-selection-desktop-dock-gap)!important; z-index:2147481200!important; width:auto!important; max-width:none!important; margin:0!important; box-sizing:border-box!important; border-radius:18px 18px 0 0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack{ padding:10px clamp(12px,2vw,20px) 12px!important; border:1px solid rgba(174,202,222,.72)!important; border-bottom:0!important; background:rgba(247,251,254,.985)!important; box-shadow:0 -12px 30px rgba(27,65,94,.09)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-start-dock, #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-reset-confirm-composer{ padding:10px clamp(12px,2vw,20px) 12px!important; border:1px solid rgba(174,202,222,.72)!important; border-bottom:0!important; background:rgba(247,251,254,.985)!important; box-shadow:0 -12px 30px rgba(27,65,94,.09)!important; } /* Reserve scroll space so long forms/results never hide behind the fixed dock. */ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-chat-stage{ padding-bottom:var(--qa-selection-desktop-dock-reserve)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] #qa-messages{ scroll-padding-bottom:calc(var(--qa-selection-desktop-dock-reserve) + 18px)!important; } /* Normalize dock internals across every Journey step. */ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack .qa-selection-inline-actions{ width:100%!important;max-width:none!important;margin:0!important;padding:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack .qa-selection-composer-actions{ width:100%!important;margin:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack .qa-selection-bottom-primary-dock{ width:100%!important;max-width:none!important;margin:8px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important; } } @media (min-width:961px) and (max-height:720px){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"]{ --qa-selection-desktop-dock-reserve:134px; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack{ padding-top:8px!important;padding-bottom:8px!important; } } /* ===== r266 PHASE 2 — Official rank confirmation gate ===== */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card>small{ display:block;margin-top:7px;color:var(--muted);font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));line-height:1.8;font-weight:700; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-message{ align-items:flex-start; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-bubble{ width:min(720px,calc(100% - 48px)); border-color:color-mix(in srgb,var(--accent) 22%,var(--border)); background:linear-gradient(145deg,var(--surface-strong),color-mix(in srgb,var(--accent) 5%,var(--surface-soft))); box-shadow:0 16px 42px rgba(35,86,121,.09); } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary>div{ display:grid;gap:5px;min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border)); border-radius:14px;background:color-mix(in srgb,var(--surface-soft) 88%,var(--surface-strong)); } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary span{ color:var(--muted);font-size:10px;line-height:1.6;font-weight:750; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary b{ color:var(--text);font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)));line-height:1.75;font-weight:950;overflow-wrap:anywhere; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary .is-rank{ border-color:color-mix(in srgb,var(--accent) 28%,var(--border)); background:color-mix(in srgb,var(--accent) 8%,var(--surface-strong)); } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary .is-rank b{ color:var(--accent);font-size:max(var(--tsqam-font-min,10px),calc(17px - var(--tsqam-font-cut-md,0px))); } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-actions{ display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:14px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-actions button{ min-height:44px;border-radius:12px;padding:0 15px;font:inherit;font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)));font-weight:900;cursor:pointer;transition:.18s ease; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-actions button:disabled{ opacity:.55;cursor:wait; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-edit{ border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));background:var(--surface-strong);color:var(--muted); } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-submit{ display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:160px;border:0; background:linear-gradient(100deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 10px 22px rgba(37,119,189,.16); } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-submit span{ font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)));line-height:1; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-actions button:is(:hover,:focus-visible){ transform:translateY(-1px);outline:none; } @media (max-width:720px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-bubble{ width:calc(100% - 38px); } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary{ grid-template-columns:1fr;gap:7px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary>div{ grid-template-columns:minmax(92px,.75fr) minmax(0,1fr);align-items:center;gap:10px;padding:10px 11px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary b{ text-align:left; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-actions{ display:grid;grid-template-columns:1fr;margin-top:12px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-actions button{ width:100%;min-width:0; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-submit{order:-1;} } /* ========================================================= * r268 / Phase 4 — Personalized result summary + ordering UX * ========================================================= */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary{ display:grid; gap:12px; padding:15px; border:1px solid #d7e8f4; border-radius:18px; background:linear-gradient(145deg,#fafdff 0%,#f5faff 58%,#fbfdff 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.9); } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary-head>div{ display:grid; gap:3px; min-width:0; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary-head span{ color:#4f86ad; font-size:9.4px; font-weight:900; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary-head strong{ color:#173f5e; font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px))); line-height:1.7; font-weight:950; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary-mark{ flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border:1px solid #cce5f6; border-radius:12px; background:#fff; color:#268acb!important; font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important; box-shadow:0 7px 18px rgba(38,138,203,.08); } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-profile{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-profile>div{ min-width:0; display:grid; gap:3px; padding:9px 10px; border:1px solid #e0ebf3; border-radius:12px; background:rgba(255,255,255,.88); } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-profile span{ color:#7891a5; font-size:8.7px; font-weight:850; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-profile strong{ overflow-wrap:anywhere; color:#31546d; font-size:9.8px; line-height:1.75; font-weight:900; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-narrative{ margin:0!important; padding:11px 12px; border-right:3px solid #65b3e7; border-radius:11px; background:#fff; color:#58758b!important; font-size:10px!important; line-height:2!important; font-weight:720!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-pain{ display:flex; align-items:flex-start; gap:8px; flex-wrap:wrap; padding:9px 10px; border-radius:11px; background:#f6f9fc; border:1px dashed #cfdeea; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-pain span{ color:#7b91a2; font-size:8.6px; font-weight:850; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-pain strong{ color:#355974; font-size:9.4px; line-height:1.7; font-weight:900; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-match-stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-match-stats>div{ min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:7px; padding:9px; border:1px solid #dce9f2; border-radius:12px; background:#fff; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-match-stats strong{ min-width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:#eaf6fd; color:#247db6; font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px))); font-weight:950; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-match-stats span{ color:#607b90; font-size:8.6px; line-height:1.6; font-weight:800; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top{ display:grid; gap:8px; padding-top:2px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:10px; flex-wrap:wrap; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-head strong{ color:#31516a; font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px))); font-weight:950; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-head small{ color:#8195a6; font-size:8.4px; font-weight:760; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-grid>article{ min-width:0; display:grid; align-content:start; gap:5px; padding:10px; border:1px solid #dfeaf2; border-radius:13px; background:#fff; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-rank{ display:flex; align-items:center; justify-content:space-between; gap:6px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-rank>span{ width:24px; height:24px; display:grid; place-items:center; border-radius:8px; background:#edf6fc; color:#347ba9; font-size:9px; font-weight:950; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-rank>b{ display:inline-flex; align-items:center; min-height:22px; padding:2px 7px; border-radius:999px; border:1px solid #dce8f1; background:#f7fafc; color:#617e94; font-size:8px; font-weight:900; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-rank>b.is-safe{background:#effaf4;border-color:#ccebd9;color:#21845a} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-rank>b.is-logical{background:#eff7fd;border-color:#cee5f5;color:#2b78a6} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-rank>b.is-challenging{background:#fff7eb;border-color:#f0dec0;color:#a96d1d} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-grid>article>strong{ color:#234964; font-size:10px; line-height:1.75; font-weight:950; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-grid>article>small{ color:#7890a2; font-size:8.5px; line-height:1.7; font-weight:730; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-reasons{ display:flex; gap:4px; flex-wrap:wrap; margin-top:1px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-reasons span{ display:inline-flex; padding:2px 6px; border-radius:999px; background:#f2f7fb; color:#547890; font-size:7.8px; line-height:1.45; font-weight:840; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-risk-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:2px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-risk-head>div{display:grid;gap:2px} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-risk-head strong{color:#35566f;font-size:max(var(--tsqam-font-min,10px),calc(10.7px - var(--tsqam-font-cut-xs,0px)));font-weight:950} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-risk-head small{color:#8095a5;font-size:8.5px;line-height:1.65;font-weight:740} /* r268: make list order easier to scan without changing admission truth. */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card:nth-child(-n+3){ border-color:#cbdfea; box-shadow:0 11px 27px rgba(42,93,129,.055); } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-number{ font-variant-numeric:tabular-nums; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary{ background:linear-gradient(145deg,#142a3b,#112536); border-color:#2b4a61; box-shadow:none; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary-head strong, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-profile strong, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-pain strong, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-head strong, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-grid>article>strong, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-risk-head strong{color:#e5f2fb!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary-mark, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-profile>div, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-narrative, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-match-stats>div, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-grid>article{ background:#172e40!important; border-color:#2b4a61!important; box-shadow:none!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-narrative{color:#adc2d2!important;border-right-color:#55a9df!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-pain{background:#142a3a;border-color:#38536a} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-reasons span{background:#1d394d;color:#c1d6e4} @media(max-width:760px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-v2-overview{gap:10px!important;padding:11px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary{padding:11px;border-radius:15px;gap:10px} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary-head{align-items:flex-start} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary-head strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-profile{grid-template-columns:1fr;gap:6px} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-profile>div{padding:8px 9px} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-match-stats{grid-template-columns:1fr;gap:6px} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-match-stats>div{padding:8px 9px} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-grid{grid-template-columns:1fr;gap:6px} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-grid>article{padding:9px} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-top-head{align-items:flex-start;flex-direction:column;gap:2px} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-narrative{padding:9px 10px;font-size:9.5px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-risk-head small{font-size:8.2px} } @media(max-width:390px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary-mark{width:30px;height:30px;flex-basis:30px} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-summary-head strong{font-size:max(var(--tsqam-font-min,10px),calc(11.4px - var(--tsqam-font-cut-xs,0px)))} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-personal-profile strong{font-size:9.3px} } /* ===== r269 Phase 5 — Mobile-first plans/products simplification ===== */ /* User-facing plan cards intentionally show one price only and no service-detail accordion. */ #qa-chat-root .qa-selection-plans-sheet{ max-width:1040px!important; gap:14px!important; } #qa-chat-root .qa-selection-plans-head{ max-width:720px!important; gap:5px!important; } #qa-chat-root .qa-selection-plans-head p{ max-width:680px!important; color:#6d8294!important; line-height:1.85!important; } #qa-chat-root .qa-selection-plans-reserve{ display:flex!important; grid-template-columns:none!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; padding:12px 14px!important; border-radius:16px!important; } #qa-chat-root .qa-selection-plans-early-list{display:none!important} #qa-chat-root .qa-selection-plans-quick{ display:flex!important; gap:7px!important; overflow-x:auto!important; padding:1px 0 4px!important; scrollbar-width:none!important; } #qa-chat-root .qa-selection-plans-quick::-webkit-scrollbar{display:none!important} #qa-chat-root .qa-selection-plan-jump{ min-width:0!important; width:auto!important; flex:0 0 auto!important; padding:8px 11px!important; border-radius:12px!important; box-shadow:none!important; } #qa-chat-root .qa-selection-plan-jump span{ font-size:9.5px!important; line-height:1.4!important; white-space:nowrap!important; } #qa-chat-root .qa-selection-plan-jump strong{display:none!important} #qa-chat-root .qa-selection-plans-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } #qa-chat-root .qa-selection-plan-card, #qa-chat-root .qa-selection-plan-card.is-compact{ grid-column:auto!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:9px!important; min-width:0!important; padding:14px!important; border-radius:18px!important; background:#fff!important; border:1px solid #dce7ef!important; box-shadow:0 7px 22px rgba(32,70,101,.045)!important; } #qa-chat-root .qa-selection-plan-card.is-featured{ border-color:#b8e2c8!important; background:linear-gradient(180deg,#fcfffd 0%,#f7fcf9 100%)!important; } #qa-chat-root .qa-selection-plan-card.is-vip{ border-color:#eadfb9!important; background:linear-gradient(180deg,#fffefa 0%,#fffcf4 100%)!important; } #qa-chat-root .qa-selection-plan-card-top{ display:flex!important; align-items:center!important; justify-content:flex-start!important; flex-wrap:wrap!important; gap:6px!important; min-height:24px!important; } #qa-chat-root .qa-selection-plan-badge, #qa-chat-root .qa-selection-plan-capacity, #qa-chat-root .qa-selection-plan-offer{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:max-content!important; padding:4px 8px!important; border-radius:999px!important; font-size:8.5px!important; font-weight:900!important; line-height:1.2!important; } #qa-chat-root .qa-selection-plan-offer{background:#edf8f1!important;color:#16804a!important} #qa-chat-root .qa-selection-plan-card-head strong{ font-size:max(var(--tsqam-font-min,10px),calc(15px - var(--tsqam-font-cut-sm,0px)))!important; line-height:1.5!important; letter-spacing:-.1px!important; } #qa-chat-root .qa-selection-plan-desc{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; min-height:38px!important; margin:0!important; color:#708596!important; font-size:9.8px!important; font-weight:730!important; line-height:1.9!important; } #qa-chat-root .qa-selection-plan-prices, #qa-chat-root .qa-selection-plan-original, #qa-chat-root .qa-selection-plan-discount, #qa-chat-root .qa-selection-plan-details, #qa-chat-root .qa-selection-plan-mobile-price{display:none!important} #qa-chat-root .qa-selection-plan-price-single{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin-top:auto!important; padding:10px 11px!important; border:1px solid #e2eaf0!important; border-radius:13px!important; background:#f9fbfd!important; } #qa-chat-root .qa-selection-plan-price-single span{ color:#738696!important; font-size:8.8px!important; font-weight:850!important; } #qa-chat-root .qa-selection-plan-price-single strong{ color:#173f5d!important; font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important; font-weight:950!important; white-space:nowrap!important; } #qa-chat-root .qa-selection-plan-card.is-featured .qa-selection-plan-price-single{background:#f0faf4!important;border-color:#d7eee0!important} #qa-chat-root .qa-selection-plan-card.is-featured .qa-selection-plan-price-single strong{color:#147a46!important} #qa-chat-root .qa-selection-plan-card.is-vip .qa-selection-plan-price-single{background:#fff9e8!important;border-color:#f0e7c9!important} #qa-chat-root .qa-selection-plan-card.is-vip .qa-selection-plan-price-single strong{color:#7b6207!important} #qa-chat-root .qa-selection-plan-action{ margin:0!important; min-height:42px!important; width:100%!important; border-radius:12px!important; box-shadow:0 7px 17px rgba(20,148,83,.12)!important; font-size:9.7px!important; } #qa-chat-root .qa-selection-plans-foot{display:none!important} @media (max-width:760px){ #qa-chat-root > .qa-selection-plans-portal .qa-selection-plans-modal{ padding:5px!important; place-items:end center!important; } #qa-chat-root .qa-selection-plans-sheet{ width:100%!important; max-height:min(90dvh,780px)!important; gap:8px!important; padding:12px 9px calc(11px + env(safe-area-inset-bottom))!important; border-radius:20px 20px 13px 13px!important; } #qa-chat-root .qa-selection-plans-head{ gap:2px!important; padding:0 40px 0 1px!important; } #qa-chat-root .qa-selection-plans-head h3{font-size:max(var(--tsqam-font-min,10px),calc(15.5px - var(--tsqam-font-cut-md,0px)))!important;line-height:1.45!important} #qa-chat-root .qa-selection-plans-head p{ font-size:9px!important; line-height:1.65!important; -webkit-line-clamp:2!important; } #qa-chat-root .qa-selection-plans-reserve{ padding:8px 9px!important; border-radius:12px!important; } #qa-chat-root .qa-selection-plans-reserve>div{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:1px 8px!important;width:100%!important} #qa-chat-root .qa-selection-plans-reserve>div>span{font-size:7.6px!important;grid-column:1!important} #qa-chat-root .qa-selection-plans-reserve>div>strong{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important;grid-column:2!important;grid-row:1/3!important;white-space:nowrap!important} #qa-chat-root .qa-selection-plans-reserve>div>p{font-size:7.8px!important;grid-column:1!important;margin:0!important} #qa-chat-root .qa-selection-plans-quick{gap:5px!important;padding-bottom:2px!important} #qa-chat-root .qa-selection-plan-jump{padding:6px 8px!important;border-radius:10px!important} #qa-chat-root .qa-selection-plan-jump span{font-size:8.2px!important} #qa-chat-root .qa-selection-plans-grid{grid-template-columns:1fr!important;gap:7px!important} #qa-chat-root .qa-selection-plan-card, #qa-chat-root .qa-selection-plan-card.is-compact{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas: "top top" "head head" "desc desc" "price action"!important; align-items:center!important; gap:5px 8px!important; padding:9px!important; border-radius:14px!important; box-shadow:0 4px 13px rgba(32,70,101,.035)!important; } #qa-chat-root .qa-selection-plan-card-top{grid-area:top!important;min-height:0!important;gap:4px!important} #qa-chat-root .qa-selection-plan-badge, #qa-chat-root .qa-selection-plan-capacity, #qa-chat-root .qa-selection-plan-offer{padding:3px 6px!important;font-size:7.2px!important} #qa-chat-root .qa-selection-plan-card-head{grid-area:head!important} #qa-chat-root .qa-selection-plan-card-head strong{font-size:max(var(--tsqam-font-min,10px),calc(11.8px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.42!important} #qa-chat-root .qa-selection-plan-desc{ grid-area:desc!important; min-height:0!important; -webkit-line-clamp:1!important; font-size:8.2px!important; line-height:1.55!important; } #qa-chat-root .qa-selection-plan-price-single{ grid-area:price!important; display:block!important; min-width:0!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; } #qa-chat-root .qa-selection-plan-card.is-featured .qa-selection-plan-price-single, #qa-chat-root .qa-selection-plan-card.is-vip .qa-selection-plan-price-single{background:transparent!important;border:0!important} #qa-chat-root .qa-selection-plan-price-single span{display:block!important;font-size:6.9px!important;margin-bottom:1px!important} #qa-chat-root .qa-selection-plan-price-single strong{display:block!important;font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.25!important} #qa-chat-root .qa-selection-plan-action{ grid-area:action!important; width:auto!important; min-width:88px!important; min-height:35px!important; padding:0 9px!important; border-radius:10px!important; font-size:8px!important; white-space:nowrap!important; } #qa-chat-root .qa-selection-plan-action b{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important} } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-card{background:#122536!important;border-color:#2d4b62!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-price-single{background:#102231!important;border-color:#2b465b!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-plan-price-single strong{color:#e9f4fb!important} /* ========================================================================== r270 / Phase 6 — Selection-only hand-drawn background identity Scoped strictly to the active selection journey. No other Q.A surfaces are touched. ========================================================================== */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] #qa-messages{ position:relative!important; isolation:isolate; background-color:#f7fbfe!important; background-image: url("../ui/selection-handdrawn-pattern-r270.svg"), linear-gradient(180deg,rgba(249,252,255,.965) 0%,rgba(245,250,253,.975) 54%,rgba(248,252,255,.97) 100%)!important; background-size:1080px 810px,100% 100%!important; background-repeat:repeat,no-repeat!important; background-position:center -58px,center!important; background-attachment:local,local!important; } /* Keep the interaction layer clean while letting the illustrated identity breathe around cards. */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] #qa-messages > *{ position:relative; z-index:1; } /* Soft reading veil at the center so long conversations/results stay highly legible. */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] #qa-messages::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0; background: radial-gradient(ellipse at 50% 38%,rgba(255,255,255,.52) 0%,rgba(255,255,255,.28) 38%,rgba(255,255,255,0) 72%); } /* Mobile-first density: larger pattern tile = fewer marks behind the compact UI. */ @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] #qa-messages{ background-size:820px 615px,100% 100%!important; background-position:center -30px,center!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] #qa-messages::before{ background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.38))!important; } } /* Dark theme gets its own low-contrast illustration instead of inverting the light asset. */ :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] #qa-messages{ background-color:#0f1925!important; background-image: url("../ui/selection-handdrawn-pattern-dark-r270.svg"), linear-gradient(180deg,rgba(15,25,37,.97) 0%,rgba(16,29,41,.975) 100%)!important; background-size:1080px 810px,100% 100%!important; background-repeat:repeat,no-repeat!important; background-position:center -58px,center!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] #qa-messages::before{ background:radial-gradient(ellipse at 50% 38%,rgba(24,43,59,.32) 0%,rgba(15,25,37,.12) 45%,rgba(15,25,37,0) 74%)!important; } @media (max-width:760px){ :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] #qa-messages{ background-size:820px 615px,100% 100%!important; background-position:center -30px,center!important; } } /* ========================================================================== r271 / Phase 7 — Success Road completion + final presentation polish All success-road milestones are explicitly rendered as completed once the journey reaches its final commercial/completed state. ========================================================================== */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-r271{ margin-inline-start:48px; margin-inline-end:0; width:calc(100% - 48px); max-width:760px; display:grid; gap:12px; padding:15px; border:1px solid #d8eadf; border-radius:18px; background:linear-gradient(180deg,#fbfffc 0%,#f5fbf8 100%); box-shadow:0 10px 26px rgba(34,95,67,.055); } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-head{ display:grid; gap:4px; text-align:right; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-head>span{ color:#16844b; font-size:9px; font-weight:950; letter-spacing:.01em; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-head>strong{ color:#174c32; font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px))); line-height:1.65; font-weight:950; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-head>p{ margin:0; color:#71877b; font-size:9.6px; line-height:1.8; font-weight:730; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-item{ min-width:0; display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:8px; padding:9px 10px; border:1px solid #dfece4; border-radius:13px; background:#fff; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-check{ width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#e4f7eb; color:#168a4c; font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px))); font-weight:950; box-shadow:inset 0 0 0 1px #ccebd8; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-item>div{ min-width:0; display:grid; gap:1px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-item>div>strong{ overflow:hidden; color:#284c39; font-size:10px; line-height:1.55; font-weight:950; text-overflow:ellipsis; white-space:nowrap; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-item>div>small{ overflow:hidden; color:#819087; font-size:8.2px; line-height:1.55; font-weight:700; text-overflow:ellipsis; white-space:nowrap; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-item>b{ display:inline-flex; align-items:center; gap:3px; padding:4px 7px; border-radius:999px; background:#eef9f2; color:#167b47; font-size:8px; font-weight:950; white-space:nowrap; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-item>b>span{font-size:8px} @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-r271{ margin-inline-start:38px; width:calc(100% - 38px); max-width:none; gap:10px; padding:11px; border-radius:15px; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-list{grid-template-columns:1fr;gap:6px} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-item{grid-template-columns:28px minmax(0,1fr) auto;padding:8px;gap:7px} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-check{width:28px;height:28px;font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-head>strong{font-size:max(var(--tsqam-font-min,10px),calc(12.2px - var(--tsqam-font-cut-sm,0px)))} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-head>p{font-size:8.9px} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-r271{ background:linear-gradient(180deg,#13271d 0%,#102119 100%); border-color:#28523b; box-shadow:none; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-head>span{color:#78d9a4} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-head>strong{color:#e1f6e9} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-head>p{color:#9db8a8} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-item{background:#14271d;border-color:#294d39} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-item>div>strong{color:#d8eee1} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-item>div>small{color:#98ad9f} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-check{background:#173a26;color:#83dfaa;box-shadow:inset 0 0 0 1px #2b6543} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-success-road-item>b{background:#173a26;color:#90e3b3} /* ===== r273 ROOTFIX — official rank route separation + contained desktop dock ===== */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-message{ align-items:flex-start!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-bubble{ width:min(650px,calc(100% - 46px))!important; padding:15px 16px!important; border:1px solid #d7e5ef!important; border-radius:18px!important; background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important; box-shadow:0 10px 28px rgba(29,75,110,.07)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-bubble>strong{ color:#17354d!important;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important;line-height:1.7!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-bubble>p{ margin-top:3px!important;color:#73899a!important;font-size:max(var(--tsqam-font-min,10px),calc(10.7px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.8!important;font-weight:650!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:11px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary>div{ display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important; padding:9px 10px!important;border:1px solid #dbe7ef!important;border-radius:12px!important;background:#f9fcfe!important;box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary span{ color:#7a8e9e!important;font-size:9.4px!important;line-height:1.5!important;font-weight:750!important;white-space:nowrap!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary b{ min-width:0!important;color:#24465f!important;font-size:max(var(--tsqam-font-min,10px),calc(11.2px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.55!important;font-weight:950!important;text-align:left!important;overflow-wrap:anywhere!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary .is-rank{ border-color:#bcdcf3!important;background:#eef8ff!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary .is-rank b{ color:#1475c1!important;font-size:max(var(--tsqam-font-min,10px),calc(13.2px - var(--tsqam-font-cut-sm,0px)))!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-actions{ display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin-top:11px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-actions .qa-selection-glass-btn{ display:inline-flex!important;grid-template-columns:none!important;grid-template-rows:none!important;align-items:center!important;justify-content:center!important;gap:7px!important; width:auto!important;min-width:132px!important;min-height:42px!important;padding:0 14px!important;border-radius:12px!important;box-shadow:none!important;text-align:center!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-actions .qa-selection-glass-btn strong{ grid-column:auto!important;color:inherit!important;font-size:max(var(--tsqam-font-min,10px),calc(10.8px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:900!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-edit{ border:1px solid #cfe0ed!important;background:#fff!important;color:#48687f!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-submit{ border:1px solid transparent!important;background:linear-gradient(110deg,#238bd8,#1475c1)!important;color:#fff!important;box-shadow:0 8px 18px rgba(30,126,199,.18)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-submit .qa-selection-choice-icon{ width:23px!important;height:23px!important;display:grid!important;place-items:center!important;margin:0!important;border:0!important;border-radius:8px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-direct-progress{ border-color:#cfe4f3!important;background:#f5fbff!important; } @media (max-width:720px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-bubble{width:calc(100% - 38px)!important;padding:13px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary{grid-template-columns:1fr!important;gap:6px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-summary>div{padding:8px 9px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-actions .qa-selection-glass-btn{width:100%!important;min-width:0!important;padding:0 9px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-official-confirm-submit{order:0!important} } /* ===== r274 FINAL ROOT REPAIR — preserve DOM, contain desktop bottom controls ===== */ /* r276: restore the discount-code icon as a fully styled native action. It must never fall back to the old unstyled/black legacy FAB appearance. */ #qa-chat-root.qa-selection-surface-open .qa-selection-dock-gift-fab{ display:inline-flex!important; visibility:visible!important; pointer-events:auto!important; align-items:center!important; justify-content:center!important; flex:0 0 42px!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; padding:0!important; margin:0!important; border:1px solid #cfe0ed!important; border-radius:13px!important; background:linear-gradient(180deg,#ffffff 0%,#f2f9ff 100%)!important; color:#238bd8!important; box-shadow:0 6px 16px rgba(34,92,137,.07)!important; cursor:pointer!important; overflow:hidden!important; transform:none!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-dock-gift-fab:hover, #qa-chat-root.qa-selection-surface-open .qa-selection-dock-gift-fab:focus-visible{ border-color:#83bee8!important; background:#eaf6ff!important; color:#1475c1!important; box-shadow:0 8px 20px rgba(35,139,216,.12)!important; outline:none!important; } #qa-chat-root.qa-selection-surface-open .qa-selection-dock-gift-fab svg{ width:19px!important; height:19px!important; display:block!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; } @media (min-width:961px){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"]{ --qa-selection-desktop-dock-gap:clamp(14px,4vw,58px); --qa-selection-desktop-dock-bottom:max(8px,env(safe-area-inset-bottom)); --qa-selection-desktop-dock-reserve:166px; } /* Desktop never mounts controls into the external/mobile host. */ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-action-dock-host.is-desktop-active{ display:none!important; } /* Keep the original Journey DOM and only correct viewport geometry. */ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>:is(.qa-selection-control-stack,.qa-selection-start-dock,.qa-selection-reset-confirm-composer){ position:fixed!important; top:auto!important; right:auto!important; bottom:var(--qa-selection-desktop-dock-bottom)!important; left:50%!important; width:min(1440px,calc(100vw - (var(--qa-selection-desktop-dock-gap) * 2)))!important; max-width:calc(100vw - (var(--qa-selection-desktop-dock-gap) * 2))!important; min-width:0!important; margin:0!important; box-sizing:border-box!important; z-index:2147481200!important; transform:translateX(-50%)!important; } /* A full visible lower edge: no child may apply its own sticky/fixed bottom offset. */ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack{ max-height:min(210px,calc(100dvh - 104px))!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; padding:10px clamp(12px,2vw,20px) 11px!important; border:1px solid rgba(174,202,222,.76)!important; border-radius:17px!important; background:rgba(248,252,255,.985)!important; box-shadow:0 -10px 28px rgba(27,65,94,.08)!important; backdrop-filter:blur(18px)!important; -webkit-backdrop-filter:blur(18px)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack :is(.qa-selection-bottom-primary-dock,.qa-selection-chat-composer){ position:relative!important; inset:auto!important; bottom:auto!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack .qa-selection-bottom-primary-dock{ width:100%!important; max-width:none!important; margin:8px 0 0!important; } /* Start/reset composers keep their native visual system; only contain their edge. */ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>:is(.qa-selection-start-dock,.qa-selection-reset-confirm-composer){ max-height:min(170px,calc(100dvh - 104px))!important; overflow:hidden!important; } /* Reserve transcript room equal to the fixed controls so content never hides below. */ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-chat-stage{ padding-bottom:var(--qa-selection-desktop-dock-reserve)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] #qa-messages{ scroll-padding-bottom:calc(var(--qa-selection-desktop-dock-reserve) + 18px)!important; } } @media (min-width:961px) and (max-height:720px){ #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"]{ --qa-selection-desktop-dock-bottom:max(6px,env(safe-area-inset-bottom)); --qa-selection-desktop-dock-reserve:142px; } #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack{ max-height:min(180px,calc(100dvh - 88px))!important; padding-top:8px!important; padding-bottom:8px!important; } } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-freeze="r261"] .qa-selection-conversation-pane>.qa-selection-control-stack{ background:rgba(18,35,52,.985)!important; border-color:#29475e!important; box-shadow:0 -10px 28px rgba(0,0,0,.18)!important; } /* ===== r275 — Official rank input: native Selection UI polish ===== */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card{ margin:2px 57px 4px!important; width:auto!important; max-width:none!important; box-sizing:border-box!important; padding:14px 16px 13px!important; border:1px solid #d3e4f2!important; border-radius:18px!important; background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%)!important; box-shadow:0 10px 26px rgba(42,94,139,.045)!important; direction:rtl!important; text-align:right!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card>label{ display:block!important; margin:0 0 7px!important; color:#274b67!important; font:900 11.5px/1.7 var(--font)!important; letter-spacing:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card>div{ display:grid!important; grid-template-columns:minmax(0,1fr) 88px!important; align-items:center!important; gap:9px!important; margin:0!important; direction:rtl!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card input[data-selection-official-rank]{ width:100%!important; min-width:0!important; height:46px!important; min-height:46px!important; box-sizing:border-box!important; padding:0 13px!important; border:1px solid #cfe0ef!important; border-radius:13px!important; background:#fff!important; color:#173451!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important; outline:none!important; font:850 12.5px/1 var(--font)!important; text-align:right!important; direction:rtl!important; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card input[data-selection-official-rank]::placeholder{ color:#9ab0c3!important; opacity:1!important; font-weight:700!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card input[data-selection-official-rank]:hover{ border-color:#a9d1ef!important; background:#fcfeff!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card input[data-selection-official-rank]:focus{ border-color:#69b6ed!important; background:#fff!important; box-shadow:0 0 0 3px rgba(22,141,240,.10)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card button[data-selection-submit-official]{ width:88px!important; min-width:88px!important; height:46px!important; min-height:46px!important; padding:0 14px!important; border:1px solid transparent!important; border-radius:13px!important; background:linear-gradient(90deg,#168df0,#45b6ef)!important; color:#fff!important; box-shadow:0 9px 20px rgba(22,141,240,.18)!important; font:900 12px/1 var(--font)!important; cursor:pointer!important; white-space:nowrap!important; transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card button[data-selection-submit-official]:hover, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card button[data-selection-submit-official]:focus-visible{ background:linear-gradient(90deg,#0e84e8,#39aceb)!important; transform:translateY(-1px)!important; box-shadow:0 12px 24px rgba(22,141,240,.23)!important; outline:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card button[data-selection-submit-official]:disabled{ cursor:not-allowed!important; opacity:.58!important; transform:none!important; box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card>small{ display:block!important; margin:7px 1px 0!important; color:#71899e!important; font:700 9.8px/1.8 var(--font)!important; } @media(max-width:760px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card{ margin:0!important; width:100%!important; padding:12px!important; border-radius:16px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card>div{ grid-template-columns:minmax(0,1fr) 76px!important; gap:8px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card button[data-selection-submit-official]{ width:76px!important; min-width:76px!important; height:44px!important; min-height:44px!important; border-radius:12px!important; font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card input[data-selection-official-rank]{ height:44px!important; min-height:44px!important; border-radius:12px!important; font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important; } } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card{ background:linear-gradient(180deg,#142333,#11202e)!important; border-color:#2b485f!important; box-shadow:none!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card>label{ color:#e7f2fb!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card input[data-selection-official-rank]{ background:#10202e!important; border-color:#315169!important; color:#edf7ff!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-rank-number-card>small{ color:#9bb4c9!important; } /* ===== r276 — desktop centered wide dock + discount action restoration ===== */ @media (min-width:961px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-conversation-pane>:is(.qa-selection-control-stack,.qa-selection-start-dock,.qa-selection-reset-confirm-composer){ left:50%!important; right:auto!important; width:min(1440px,calc(100vw - 112px))!important; max-width:calc(100vw - 112px)!important; transform:translateX(-50%)!important; margin:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-conversation-pane>.qa-selection-control-stack{ padding-inline:clamp(14px,2.1vw,26px)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-inline-actions, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-composer-actions{ max-width:none!important; } } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-dock-gift-fab{ display:inline-flex!important; visibility:visible!important; pointer-events:auto!important; } @media (max-width:960px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-action-dock-host .qa-selection-dock-gift-fab{ display:inline-flex!important; visibility:visible!important; pointer-events:auto!important; flex:0 0 40px!important; width:40px!important; min-width:40px!important; max-width:40px!important; height:40px!important; min-height:40px!important; border-radius:12px!important; } } /* ===== r277 — discount modal true viewport portal / complete blur rootfix ===== */ #qa-chat-root.qa-selection-surface-open.qa-selection-discount-portal-open-r277{ overflow:visible!important; } #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal{ position:fixed!important; inset:0!important; width:100vw!important; height:100dvh!important; min-height:100vh!important; z-index:2147483646!important; pointer-events:auto!important; isolation:isolate!important; direction:rtl!important; } #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal .qa-selection-discount-modal{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; z-index:1!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important; } #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal .qa-selection-discount-backdrop{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; z-index:0!important; border:0!important; background:rgba(9,24,37,.58)!important; backdrop-filter:blur(10px) saturate(.92)!important; -webkit-backdrop-filter:blur(10px) saturate(.92)!important; } #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal .qa-selection-discount-sheet{ position:relative!important; z-index:2!important; max-height:calc(100dvh - 34px)!important; overflow:auto!important; } /* Nothing interactive may float above the discount dialog. r276 restored the gift action with a late !important rule; modal-open state must have final authority. */ #qa-chat-root.qa-selection-surface-open.qa-selection-discount-open-r262 :is( .qa-selection-action-dock-host, .qa-selection-dock-gift-fab, .qa-selection-floating-plans-r257, .qa-selection-mobile-conversion-sticky ){ visibility:hidden!important; opacity:0!important; pointer-events:none!important; } /* Lock interaction/scroll behind the modal without visually deleting the header; the portal backdrop now blurs it naturally. */ #qa-chat-root.qa-selection-surface-open.qa-selection-discount-portal-open-r277 #qa-messages, #qa-chat-root.qa-selection-surface-open.qa-selection-discount-portal-open-r277 .qa-chat-head{ pointer-events:none!important; } @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal .qa-selection-discount-modal{ align-items:center!important; justify-content:center!important; padding:max(10px,env(safe-area-inset-top)) 8px max(10px,env(safe-area-inset-bottom))!important; } #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal .qa-selection-discount-sheet{ width:min(100%,420px)!important; max-height:calc(100dvh - max(20px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important; margin:0!important; } } /* ========================================================================== r278 FINAL — Success Road rebrand + no-scroll plans + revision panel polish ========================================================================== */ /* Plans modal: one-screen comparison, no internal scrolling. */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] > .qa-selection-plans-portal .qa-selection-plans-modal{ padding:10px!important; place-items:center!important; overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-sheet{ width:min(1180px,calc(100vw - 20px))!important; max-width:1180px!important; max-height:calc(100dvh - 20px)!important; overflow:hidden!important; overscroll-behavior:none!important; padding:18px!important; gap:10px!important; border:1px solid #d8e8f3!important; border-radius:24px!important; background:linear-gradient(155deg,#ffffff 0%,#f7fbff 100%)!important; box-shadow:0 30px 90px rgba(27,72,108,.20)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-head{ max-width:none!important; padding-inline-start:46px!important; gap:2px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-kicker{ padding:4px 9px!important; background:#eaf6ff!important; border:1px solid #d3eafb!important; color:#1779bd!important; font-size:8.5px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-head h3{ font-size:max(var(--tsqam-font-min,10px),calc(20px - var(--tsqam-font-cut-lg,0px)))!important; line-height:1.4!important; color:#153b5d!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-head p{ max-width:900px!important; margin:0!important; font-size:9.5px!important; line-height:1.6!important; color:#6b8294!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-reserve{ padding:8px 11px!important; min-height:0!important; border-radius:13px!important; border:1px solid #c8e8d3!important; background:linear-gradient(135deg,#f0fbf4,#f8fdf9)!important; box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-reserve>div{ width:100%!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-areas:"deadline price" "hint price"!important; align-items:center!important; gap:0 12px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-reserve>div>span{grid-area:deadline!important;font-size:8px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-reserve>div>strong{grid-area:price!important;font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;white-space:nowrap!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-reserve>div>p{grid-area:hint!important;font-size:8px!important;line-height:1.4!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-quick{display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-grid{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:8px!important; min-height:0!important; align-items:stretch!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card.is-compact{ position:relative!important; display:grid!important; grid-template-columns:1fr!important; grid-template-rows:auto minmax(34px,auto) auto auto!important; grid-template-areas:"top" "head" "price" "action"!important; gap:7px!important; min-width:0!important; min-height:0!important; padding:11px!important; border-radius:17px!important; border:1px solid #dbe8f1!important; background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important; box-shadow:0 8px 20px rgba(31,78,113,.055)!important; overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card::before{ content:""!important; position:absolute!important; inset-inline:0!important; top:0!important; height:3px!important; background:linear-gradient(90deg,#3aa7ef,#65c5f6)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card.is-featured{ border-color:#b9e4ca!important; background:linear-gradient(180deg,#fbfffc 0%,#f4fbf7 100%)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card.is-featured::before{background:linear-gradient(90deg,#19a85b,#57d18a)!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card.is-vip{ border-color:#eadca9!important; background:linear-gradient(180deg,#fffefa 0%,#fff9e9 100%)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card.is-vip::before{background:linear-gradient(90deg,#d8a911,#f0ca52)!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card-top{ grid-area:top!important; min-height:19px!important; gap:4px!important; flex-wrap:nowrap!important; overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] :is(.qa-selection-plan-badge,.qa-selection-plan-capacity,.qa-selection-plan-offer){ flex:0 1 auto!important; min-width:0!important; padding:3px 6px!important; font-size:7px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card-head{grid-area:head!important;display:flex!important;align-items:flex-start!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card-head strong{ display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; overflow:hidden!important; font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important; line-height:1.55!important; color:#163e5e!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-desc{display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-price-single{ grid-area:price!important; display:grid!important; gap:1px!important; margin:0!important; padding:7px 8px!important; border-radius:11px!important; border:1px solid #e1ebf2!important; background:#f7fafc!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-price-single span{font-size:7px!important;color:#7b8fa0!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-price-single strong{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.3!important;color:#163e5e!important;white-space:nowrap!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-action{ grid-area:action!important; width:100%!important; min-width:0!important; min-height:34px!important; padding:0 8px!important; border-radius:10px!important; background:linear-gradient(135deg,#168d4e,#22aa63)!important; border:0!important; box-shadow:0 6px 14px rgba(19,142,77,.15)!important; color:#fff!important; font-size:8px!important; font-weight:950!important; white-space:normal!important; line-height:1.35!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-action:is(:hover,:focus-visible){transform:translateY(-1px)!important;filter:saturate(1.06)!important} /* Revision box: visually belongs to the same conversational selection system. */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-panel{ width:auto!important; max-width:1080px!important; margin-inline:57px!important; padding:15px!important; gap:12px!important; border:1px solid #d6e8f4!important; border-radius:20px!important; background:linear-gradient(155deg,#ffffff 0%,#f7fbff 100%)!important; box-shadow:0 14px 34px rgba(31,83,121,.07)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; padding:0 2px 11px!important; border-bottom:1px solid #e6f0f6!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-head>div{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-head span{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:25px!important; padding:3px 9px!important; border-radius:999px!important; background:#eaf6ff!important; border:1px solid #d2eafb!important; color:#197bbb!important; font-size:8.5px!important; font-weight:950!important; white-space:nowrap!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-head strong{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important;color:#173e5f!important;line-height:1.6!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-head>button{ display:grid!important; place-items:center!important; width:34px!important; height:34px!important; flex:0 0 34px!important; padding:0!important; border:1px solid #dce8f0!important; border-radius:11px!important; background:#f8fbfd!important; color:#678095!important; font-size:max(var(--tsqam-font-min,10px),calc(18px - var(--tsqam-font-cut-md,0px)))!important; cursor:pointer!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-grid .qa-selection-glass-btn{ position:relative!important; display:grid!important; align-content:center!important; gap:2px!important; min-height:62px!important; padding:10px 13px!important; text-align:right!important; border:1px solid #dce9f2!important; border-radius:14px!important; background:#fbfdff!important; box-shadow:none!important; color:#193f5e!important; overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-grid .qa-selection-glass-btn::after{ content:"←"!important; position:absolute!important; inset-inline-start:11px!important; top:50%!important; transform:translateY(-50%)!important; display:grid!important; place-items:center!important; width:25px!important; height:25px!important; border-radius:9px!important; background:#edf7ff!important; color:#2185c6!important; font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-grid .qa-selection-glass-btn strong{font-size:max(var(--tsqam-font-min,10px),calc(11.2px - var(--tsqam-font-cut-xs,0px)))!important;font-weight:950!important;color:#173d5c!important;line-height:1.5!important;padding-inline-start:32px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-grid .qa-selection-glass-btn small{font-size:8.5px!important;font-weight:720!important;color:#7890a2!important;line-height:1.55!important;padding-inline-start:32px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-grid .qa-selection-glass-btn:is(:hover,:focus-visible){ border-color:#a9d4ee!important; background:#f4faff!important; transform:translateY(-1px)!important; box-shadow:0 8px 18px rgba(43,127,185,.07)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-panel>.qa-selection-reset-link{ width:max-content!important; margin:0 auto!important; color:#6f8799!important; font-size:9px!important; } @media (max-width:900px) and (min-width:761px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media (max-width:760px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] > .qa-selection-plans-portal .qa-selection-plans-modal{ padding:5px!important; place-items:center!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-sheet{ width:100%!important; max-height:calc(100dvh - 10px)!important; padding:10px 8px calc(10px + env(safe-area-inset-bottom))!important; gap:7px!important; border-radius:18px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-close{top:8px!important;left:8px!important;width:32px!important;height:32px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-head{padding:0 35px 0 2px!important;gap:1px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-kicker{padding:3px 6px!important;font-size:6.9px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-head h3{font-size:max(var(--tsqam-font-min,10px),calc(13.5px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.35!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-head p{ display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:1!important; overflow:hidden!important; font-size:7.3px!important; line-height:1.45!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-reserve{padding:6px 8px!important;border-radius:10px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-reserve>div>span{font-size:6.8px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-reserve>div>strong{font-size:9px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-reserve>div>p{font-size:6.6px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card.is-compact{ grid-template-columns:1fr!important; grid-template-areas:"top" "head" "price" "action"!important; grid-template-rows:auto minmax(28px,auto) auto auto!important; gap:4px!important; padding:7px!important; border-radius:12px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card:nth-child(5):last-child{grid-column:1/-1!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"head price action"!important;grid-template-rows:1fr!important;align-items:center!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card:nth-child(5):last-child .qa-selection-plan-card-top{display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] :is(.qa-selection-plan-badge,.qa-selection-plan-capacity,.qa-selection-plan-offer){padding:2px 4px!important;font-size:5.9px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card-head strong{font-size:9.2px!important;line-height:1.35!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-price-single{padding:5px 6px!important;border-radius:8px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-price-single span{font-size:5.7px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-price-single strong{font-size:8.4px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-action{min-height:29px!important;padding:0 6px!important;border-radius:8px!important;font-size:6.8px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-action b{display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-panel{ margin-inline:10px!important; padding:10px!important; gap:9px!important; border-radius:16px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-head>div{display:grid!important;gap:3px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-head span{width:max-content!important;font-size:7.5px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-head strong{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-grid .qa-selection-glass-btn{min-height:55px!important;padding:8px!important;border-radius:11px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-grid .qa-selection-glass-btn::after{display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-grid .qa-selection-glass-btn strong{padding:0!important;font-size:8.6px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-grid .qa-selection-glass-btn small{padding:0!important;font-size:6.7px!important} } @media (max-width:760px) and (max-height:650px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-head p{display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-kicker{display:none!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-sheet{gap:5px!important;padding-top:8px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plan-card.is-compact{padding:6px!important;gap:3px!important} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-panel, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-plans-sheet{background:linear-gradient(155deg,#132737,#0f202e)!important;border-color:#2b4a60!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-revision-grid .qa-selection-glass-btn{background:#152b3c!important;border-color:#2d4b61!important} /* r279 — Phase 1 / Results Journey Cleanup ------------------------------ */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279{ display:flex!important; flex-wrap:nowrap!important; align-items:stretch!important; width:100%!important; max-width:100%!important; gap:6px!important; padding:0 42px 0 0!important; box-sizing:border-box!important; overflow:visible!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279>span{ flex:1 1 0!important; min-width:0!important; max-width:none!important; justify-content:center!important; padding:5px 7px!important; gap:4px!important; overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279 small{ flex:0 0 auto!important; white-space:nowrap!important; font-size:8.6px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279 strong{ min-width:0!important; max-width:none!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:9.8px!important; } @media (max-width:720px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279{ width:100%!important; padding:0 38px 0 0!important; gap:4px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279>span{ min-height:26px!important; padding:3px 5px!important; gap:3px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279 small{font-size:7.4px!important;} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279 strong{font-size:8.6px!important;} } /* ========================================================================== r280 / Phase 2 — Compact four-way result segmented filter - One row only: All / Safe / Logical / Challenging - No duplicate pill-filter row or separate bucket tiles - Mobile-first, no horizontal scroll at 360px ========================================================================== */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter{ width:auto!important; margin:0 57px 12px!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; direction:rtl!important; gap:0!important; overflow:hidden!important; border:1px solid #d7e6f2!important; border-radius:14px!important; background:rgba(255,255,255,.92)!important; box-shadow:0 7px 22px rgba(32,91,132,.045)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment{ appearance:none!important; -webkit-appearance:none!important; min-width:0!important; min-height:42px!important; margin:0!important; padding:5px 7px!important; border:0!important; border-inline-start:1px solid #e4eef5!important; border-radius:0!important; background:transparent!important; color:#607b91!important; box-shadow:none!important; font:inherit!important; cursor:pointer!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; line-height:1.2!important; transition:background .16s ease,color .16s ease,box-shadow .16s ease!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment:first-child{ border-inline-start:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment span{ min-width:0!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; font-size:max(var(--tsqam-font-min,10px),calc(10.2px - var(--tsqam-font-cut-xs,0px)))!important; font-weight:900!important; color:inherit!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment strong{ flex:0 0 auto!important; min-width:21px!important; height:21px!important; padding:0 5px!important; display:grid!important; place-items:center!important; border-radius:999px!important; background:#edf5fb!important; color:#527896!important; font-size:9px!important; font-weight:950!important; line-height:1!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment:is(:hover,:focus-visible){ background:#f6fbff!important; color:#216d9f!important; outline:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment:focus-visible{ box-shadow:inset 0 0 0 2px rgba(45,145,216,.34)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment.is-active{ background:linear-gradient(180deg,#eef9ff 0%,#e4f4ff 100%)!important; color:#145f93!important; box-shadow:inset 0 -2px 0 #3295d9!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment.is-active strong{ background:#2f91d3!important; color:#fff!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter{ background:#132637!important; border-color:#29475d!important; box-shadow:none!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment{ color:#b8cbda!important; border-inline-start-color:#29475d!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment strong{ background:#1c374b!important; color:#afd2e9!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment.is-active{ background:#173d57!important; color:#f0f9ff!important; box-shadow:inset 0 -2px 0 #5cb3ec!important; } @media(max-width:760px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter{ width:calc(100% - 24px)!important; margin:0 12px 9px!important; border-radius:12px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment{ min-height:39px!important; padding:4px 2px!important; gap:3px!important; flex-direction:column!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment span{ max-width:100%!important; font-size:8.5px!important; line-height:1.15!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment strong{ min-width:17px!important; height:17px!important; padding:0 4px!important; font-size:7.8px!important; } } @media(max-width:380px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter{ width:calc(100% - 16px)!important; margin-inline:8px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment span{ font-size:8px!important; } } /* ========================================================================== r281 / Phase 3 — Compact result cards - First view: chance badge + major + university + one short explanation - Heavy metadata, explainability and board actions move behind "جزئیات بیشتر" - More cards fit inside the first mobile viewport ========================================================================== */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-list-r281{ gap:9px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281{ min-height:0!important; padding:11px 12px!important; gap:7px!important; border-radius:16px!important; box-shadow:0 7px 18px rgba(29,80,118,.045)!important; overflow:hidden!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281:hover{ transform:translateY(-1px)!important; box-shadow:0 11px 24px rgba(29,92,142,.08)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281 .qa-selection-result-card-top{ min-height:25px!important; margin:0!important; gap:6px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281 .qa-selection-result-number{ width:25px!important; height:25px!important; border-radius:9px!important; font-size:8.7px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281 .qa-selection-result-state{ gap:4px!important; flex-wrap:nowrap!important; min-width:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281 .qa-selection-result-state>span, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281 .qa-selection-analysis-badge{ min-height:22px!important; padding:0 7px!important; font-size:8.1px!important; white-space:nowrap!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-primary-r281{ display:grid!important; gap:2px!important; min-width:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-primary-r281 h4{ margin:0!important; font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))!important; line-height:1.55!important; color:#13344f!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-primary-r281>strong{ display:block!important; min-width:0!important; font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)))!important; line-height:1.6!important; color:#587187!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-compact-description{ display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:1!important; overflow:hidden!important; margin:2px 0 0!important; min-height:16px!important; color:#7690a4!important; font-size:8.8px!important; font-weight:690!important; line-height:1.7!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-compact-action{ display:flex!important; align-items:center!important; border-top:1px solid #edf2f6!important; padding-top:6px!important; margin-top:1px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-more-r281{ width:100%!important; min-height:30px!important; padding:0 9px!important; border-radius:9px!important; background:#f7fbfe!important; border:1px solid #dce9f2!important; color:#3f6f91!important; font-size:8.9px!important; box-shadow:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-more-r281 span{ font-size:10px!important; margin-inline-end:3px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281:not(.is-expanded)>.qa-selection-result-meta, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281:not(.is-expanded)>.qa-selection-result-analysis-line, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281:not(.is-expanded)>.qa-selection-why, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281:not(.is-expanded)>.qa-selection-result-details, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281:not(.is-expanded)>.qa-selection-result-actions{ display:none!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-expand-panel{ display:grid!important; gap:7px!important; margin-top:2px!important; padding-top:8px!important; border-top:1px dashed #dbe7ef!important; animation:qa-r281-details-in .16s ease both; } @keyframes qa-r281-details-in{ from{opacity:0;transform:translateY(-3px)} to{opacity:1;transform:none} } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-expand-panel .qa-selection-result-meta{ margin:0!important; gap:5px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-expand-panel .qa-selection-result-meta>span{ min-height:23px!important; padding:0 7px!important; font-size:8px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-expand-panel .qa-selection-result-analysis-line{ margin:0!important; padding:7px 8px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-manage-actions{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:6px!important; padding-top:1px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-manage-actions .qa-selection-result-action{ min-height:32px!important; padding:0 8px!important; font-size:8.6px!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-primary-r281 h4{color:#e8f5fd!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-primary-r281>strong{color:#bad0df!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-compact-description{color:#94adbe!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-more-r281{background:#152c3d!important;border-color:#2f4c61!important;color:#b8d2e3!important} :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-compact-action, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-expand-panel{border-color:#294458!important} @media(max-width:760px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-list-r281{gap:7px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281{ padding:9px 10px!important; gap:5px!important; border-radius:14px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281 .qa-selection-result-card-top{min-height:22px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281 .qa-selection-result-number{width:22px!important;height:22px!important;font-size:7.7px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281 .qa-selection-result-state>span, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-card-r281 .qa-selection-analysis-badge{min-height:20px!important;padding:0 6px!important;font-size:7.4px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-primary-r281 h4{font-size:max(var(--tsqam-font-min,10px),calc(11.7px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.5!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-primary-r281>strong{font-size:9.4px!important;line-height:1.5!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-compact-description{font-size:7.9px!important;line-height:1.55!important;min-height:13px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-compact-action{padding-top:5px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-more-r281{min-height:27px!important;font-size:8.1px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-expand-panel{gap:6px!important;padding-top:6px!important} } /* ========================================================================== r282 / Phase 4 — Result details + dedicated why modal ========================================================================== */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-why-action-wrap{ margin-top:1px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-why-action{ width:100%!important; min-height:48px!important; display:grid!important; grid-template-columns:28px minmax(0,1fr) 18px!important; align-items:center!important; gap:8px!important; padding:7px 9px!important; border:1px solid #cfe4f2!important; border-radius:12px!important; background:linear-gradient(180deg,#f7fcff,#edf8ff)!important; color:#195f91!important; font:inherit!important; text-align:right!important; cursor:pointer!important; box-shadow:none!important; transition:transform .16s ease,border-color .16s ease,background .16s ease!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-why-action:hover{ transform:translateY(-1px)!important; border-color:#8fc9ee!important; background:linear-gradient(180deg,#f1faff,#e5f5ff)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-why-action>span:first-child{ width:28px!important;height:28px!important;display:grid!important;place-items:center!important; border-radius:9px!important;background:#fff!important;border:1px solid #cbe2f1!important; color:#2082c2!important;font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important;font-weight:950!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-why-action>span:nth-child(2){display:grid!important;gap:1px!important;min-width:0!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-why-action strong{font-size:10px!important;line-height:1.5!important;color:#185a89!important;font-weight:950!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-why-action small{font-size:8.2px!important;line-height:1.55!important;color:#6c8aa0!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-why-action>b{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)))!important;color:#4a8ab7!important;text-align:center!important} #qa-chat-root .qa-selection-result-why-portal{ position:fixed!important;inset:0!important;z-index:2147483200!important; display:grid!important;place-items:center!important;padding:18px!important; isolation:isolate!important;direction:rtl!important; } #qa-chat-root .qa-selection-result-why-backdrop{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important; border:0!important;margin:0!important;padding:0!important; background:rgba(26,48,66,.46)!important; backdrop-filter:blur(11px) saturate(.9)!important; -webkit-backdrop-filter:blur(11px) saturate(.9)!important; cursor:default!important; } #qa-chat-root .qa-selection-result-why-modal{ position:relative!important;z-index:2!important;width:min(540px,calc(100vw - 36px))!important; max-height:min(82dvh,720px)!important;overflow:auto!important;overscroll-behavior:contain!important; padding:14px!important;border:1px solid #cfe0ec!important;border-radius:20px!important; background:linear-gradient(180deg,#fff,#f8fcff)!important; box-shadow:0 28px 70px rgba(25,61,87,.24)!important; } #qa-chat-root .qa-selection-result-why-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important} #qa-chat-root .qa-selection-result-why-head>div{display:grid!important;gap:2px!important} #qa-chat-root .qa-selection-result-why-head span{font-size:8.5px!important;color:#3984b7!important;font-weight:900!important} #qa-chat-root .qa-selection-result-why-head h3{margin:0!important;font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)))!important;line-height:1.6!important;color:#153951!important;font-weight:950!important} #qa-chat-root .qa-selection-result-why-close{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;border:1px solid #d7e5ef!important;border-radius:10px!important;background:#fff!important;color:#638298!important;font:900 19px/1 inherit!important;cursor:pointer!important} #qa-chat-root .qa-selection-result-why-option{display:flex!important;align-items:center!important;gap:9px!important;padding:9px 10px!important;margin-bottom:9px!important;border:1px solid #dce9f2!important;border-radius:13px!important;background:#f8fbfd!important} #qa-chat-root .qa-selection-result-why-option>div{display:grid!important;gap:1px!important;min-width:0!important} #qa-chat-root .qa-selection-result-why-option strong{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.55!important;color:#1b3f59!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #qa-chat-root .qa-selection-result-why-option small{font-size:8.6px!important;line-height:1.55!important;color:#708ba0!important;font-weight:720!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #qa-chat-root .qa-selection-result-why-body{display:grid!important;gap:8px!important} #qa-chat-root .qa-selection-result-why-body .qa-selection-why{margin:0!important;padding:10px!important;border-radius:13px!important;border:1px solid #d8e8f2!important;background:#fff!important} #qa-chat-root .qa-selection-result-why-fallback{display:grid!important;gap:4px!important;padding:9px 10px!important;border:1px solid #e1eaf1!important;border-radius:12px!important;background:#fbfdff!important} #qa-chat-root .qa-selection-result-why-fallback strong{font-size:9px!important;color:#3f657f!important;font-weight:950!important} #qa-chat-root .qa-selection-result-why-fallback p{margin:0!important;font-size:9px!important;line-height:1.9!important;color:#698398!important;font-weight:680!important} #qa-chat-root.qa-selection-result-why-open-r282 .qa-selection-discount-gift-fab, #qa-chat-root.qa-selection-result-why-open-r282 .qa-selection-mobile-sticky, #qa-chat-root.qa-selection-result-why-open-r282 .qa-selection-desktop-action-dock{pointer-events:none!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-why-modal{background:linear-gradient(180deg,#102331,#142a39)!important;border-color:#315064!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-why-option, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-why-body .qa-selection-why, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-why-fallback{background:#142c3c!important;border-color:#315064!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-why-head h3, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-why-option strong{color:#e7f4fc!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-why-option small, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-why-fallback p{color:#a9c1d1!important} @media(max-width:760px){ #qa-chat-root .qa-selection-result-why-portal{padding:10px!important;align-items:end!important} #qa-chat-root .qa-selection-result-why-modal{width:100%!important;max-height:84dvh!important;padding:12px!important;border-radius:18px 18px 14px 14px!important} #qa-chat-root .qa-selection-result-why-head h3{font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-result-why-option{padding:8px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-why-action{min-height:44px!important;padding:6px 8px!important} #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-why-action small{font-size:7.6px!important} } /* r283 results ui polish final */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279{ justify-content:center!important; align-items:center!important; text-align:center!important; margin-inline:auto!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279>span{ justify-content:center!important; text-align:center!important; min-width:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279 small, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279 strong{ text-align:center!important; margin-inline:auto!important; } #qa-chat-root .qa-selection-results-intro .qa-selection-bubble{text-align:center!important} #qa-chat-root .qa-selection-results-intro strong{display:block!important;font-size:max(var(--tsqam-font-min,10px),calc(18px - var(--tsqam-font-cut-md,0px)))!important;line-height:1.8!important} #qa-chat-root .qa-selection-results-intro p{margin-top:6px!important;font-size:max(var(--tsqam-font-min,10px),calc(12.5px - var(--tsqam-font-cut-sm,0px)))!important;line-height:1.9!important} #qa-chat-root .qa-selection-result-compact-action-r283{display:flex!important;align-items:center!important;gap:8px!important;padding-top:8px!important;border-top:1px dashed var(--border)!important;flex-wrap:nowrap!important} #qa-chat-root .qa-selection-result-compact-action-r283 .qa-selection-result-more-r281{flex:1 1 0!important;min-width:0!important} #qa-chat-root .qa-selection-result-compact-action-r283 .qa-selection-result-manage-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:2 1 0!important;min-width:0!important} #qa-chat-root .qa-selection-result-compact-action-r283 .qa-selection-result-manage-actions .qa-selection-result-action{flex:1 1 0!important;min-width:0!important} #qa-chat-root .qa-selection-result-expand-panel .qa-selection-result-manage-actions,#qa-chat-root .qa-selection-result-expand-panel .qa-selection-result-action.is-save,#qa-chat-root .qa-selection-result-expand-panel .qa-selection-result-action.is-remove,#qa-chat-root .qa-selection-result-expand-panel .qa-selection-result-action.is-reject{display:none!important} #qa-chat-root .qa-selection-result-segment{border-width:1px!important} #qa-chat-root .qa-selection-result-segment[data-selection-result-filter="ALL"] strong{color:#5b7487!important} #qa-chat-root .qa-selection-result-segment[data-selection-result-filter="ALL"].is-active{background:#f3f7fa!important;border-color:#d8e4ec!important;box-shadow:0 8px 18px rgba(89,119,142,.12)!important} #qa-chat-root .qa-selection-result-segment[data-selection-result-filter="SAFE"].is-active{background:#effaf4!important;border-color:#ccebd9!important;box-shadow:0 8px 18px rgba(33,132,90,.12)!important} #qa-chat-root .qa-selection-result-segment[data-selection-result-filter="SAFE"] strong{color:#21845a!important} #qa-chat-root .qa-selection-result-segment[data-selection-result-filter="LOGICAL"].is-active{background:#eff7fd!important;border-color:#cee5f5!important;box-shadow:0 8px 18px rgba(43,120,166,.12)!important} #qa-chat-root .qa-selection-result-segment[data-selection-result-filter="LOGICAL"] strong{color:#2b78a6!important} #qa-chat-root .qa-selection-result-segment[data-selection-result-filter="CHALLENGING"].is-active{background:#fff7eb!important;border-color:#f0dec0!important;box-shadow:0 8px 18px rgba(169,109,29,.12)!important} #qa-chat-root .qa-selection-result-segment[data-selection-result-filter="CHALLENGING"] strong{color:#a96d1d!important} #qa-chat-root .qa-selection-analysis-badge.is-safe,#qa-chat-root .qa-selection-analysis-badge.is-strong,#qa-chat-root .qa-selection-analysis-badge.is-supported{background:#effaf4!important;border-color:#ccebd9!important;color:#21845a!important} #qa-chat-root .qa-selection-analysis-badge.is-logical,#qa-chat-root .qa-selection-analysis-badge.is-borderline{background:#eff7fd!important;border-color:#cee5f5!important;color:#2b78a6!important} #qa-chat-root .qa-selection-analysis-badge.is-challenging,#qa-chat-root .qa-selection-analysis-badge.is-warning{background:#fff7eb!important;border-color:#f0dec0!important;color:#a96d1d!important} @media (max-width:760px){ #qa-chat-root .qa-selection-result-compact-action-r283{gap:6px!important} #qa-chat-root .qa-selection-result-compact-action-r283 .qa-selection-result-more-r281{flex:1.05 1 0!important} #qa-chat-root .qa-selection-result-compact-action-r283 .qa-selection-result-manage-actions{flex:1.95 1 0!important;gap:6px!important} #qa-chat-root .qa-selection-result-compact-action-r283 .qa-selection-result-action{min-height:34px!important;padding:0 8px!important;font-size:8.9px!important} #qa-chat-root .qa-selection-results-intro strong{font-size:max(var(--tsqam-font-min,10px),calc(15.5px - var(--tsqam-font-cut-md,0px)))!important} #qa-chat-root .qa-selection-results-intro p{font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.8!important} } /* r293 / Phase 10 — Results UI/UX Contract V2 * Chance = Gate + Label only. Published position is Desirability order. */ #qa-chat-root .qa-selection-result-contract-flags{ display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin:4px 0 1px!important; } #qa-chat-root .qa-selection-chance-pill, #qa-chat-root .qa-selection-warning-pill, #qa-chat-root .qa-selection-special-pill{ display:inline-flex!important;align-items:center!important;gap:4px!important;min-height:23px!important;padding:2px 8px!important; border-radius:999px!important;border:1px solid #dce7ee!important;background:#f7fafc!important;color:#526d80!important; font-size:8.6px!important;line-height:1.4!important;font-weight:850!important;white-space:nowrap!important; } #qa-chat-root .qa-selection-chance-pill b{font-weight:950!important;color:inherit!important} #qa-chat-root .qa-selection-chance-pill.is-safe{background:#effaf4!important;border-color:#ccebd9!important;color:#21845a!important} #qa-chat-root .qa-selection-chance-pill.is-logical{background:#eff7fd!important;border-color:#cee5f5!important;color:#2b78a6!important} #qa-chat-root .qa-selection-chance-pill.is-challenging{background:#fff7eb!important;border-color:#f0dec0!important;color:#a96d1d!important} #qa-chat-root .qa-selection-warning-pill{background:#fff8ea!important;border-color:#f0dfb9!important;color:#9b6b20!important} #qa-chat-root .qa-selection-special-pill{background:#fff2f2!important;border-color:#efcfd2!important;color:#9a4b52!important} #qa-chat-root .qa-selection-why-chance-note{ display:grid!important;gap:2px!important;padding:8px 9px!important;border-radius:10px!important;background:#f7fafc!important;border:1px solid #dfeaf1!important; } #qa-chat-root .qa-selection-why-chance-note strong{font-size:8.8px!important;color:#3d667f!important;font-weight:950!important} #qa-chat-root .qa-selection-why-chance-note span{font-size:8.7px!important;line-height:1.8!important;color:#698396!important;font-weight:700!important} #qa-chat-root .qa-selection-why-head>span.is-safe{background:#effaf4!important;border-color:#ccebd9!important;color:#21845a!important} #qa-chat-root .qa-selection-why-head>span.is-logical{background:#eff7fd!important;border-color:#cee5f5!important;color:#2b78a6!important} #qa-chat-root .qa-selection-why-head>span.is-challenging{background:#fff7eb!important;border-color:#f0dec0!important;color:#a96d1d!important} #qa-chat-root .qa-selection-why-head>span[class*="is-"]{display:inline-flex!important;align-items:center!important;min-height:25px!important;padding:3px 8px!important;border:1px solid!important;border-radius:999px!important;white-space:nowrap!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-result-contract-flags>span, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why-chance-note{background:#142c3c!important;border-color:#315064!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why-chance-note strong{color:#c8e1f2!important} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-why-chance-note span{color:#a9c1d1!important} @media(max-width:760px){ #qa-chat-root .qa-selection-result-contract-flags{gap:4px!important;margin-top:3px!important} #qa-chat-root .qa-selection-chance-pill,#qa-chat-root .qa-selection-warning-pill,#qa-chat-root .qa-selection-special-pill{min-height:20px!important;padding:1px 6px!important;font-size:7.5px!important} } /* ========================================================================== r299 — Discount modal interaction + results alignment hotfix ========================================================================== */ #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal, #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal .qa-selection-discount-modal, #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal .qa-selection-discount-sheet, #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal .qa-selection-discount-sheet *{ pointer-events:auto!important; } #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal .qa-selection-discount-backdrop{ pointer-events:auto!important; cursor:pointer!important; } #qa-chat-root .qa-selection-discount-close, #qa-chat-root .qa-selection-discount-code-row button, #qa-chat-root .qa-selection-discount-plans-btn, #qa-chat-root .qa-selection-discount-submit{ position:relative!important; z-index:5!important; touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; } #qa-chat-root .qa-selection-discount-code-row button.is-copied{ border-color:#b9e3cd!important;background:#effaf4!important;color:#18794e!important; } #qa-chat-root .qa-selection-discount-code-row button.is-copy-failed{ border-color:#efcfd2!important;background:#fff5f5!important;color:#9a4b52!important; } /* Result bot message behaves like a real RTL chat message; only the compact path strip is centered. */ #qa-chat-root .qa-selection-results-intro .qa-selection-bubble{ text-align:right!important; direction:rtl!important; } #qa-chat-root .qa-selection-results-intro .qa-selection-eyebrow, #qa-chat-root .qa-selection-results-intro strong, #qa-chat-root .qa-selection-results-intro p{ text-align:right!important; } #qa-chat-root .qa-selection-results-intro .qa-selection-eyebrow{ margin:0 0 6px 0!important; } #qa-chat-root .qa-selection-results-intro strong{ font-size:max(var(--tsqam-font-min,10px),calc(16.5px - var(--tsqam-font-cut-md,0px)))!important; line-height:1.75!important; } #qa-chat-root .qa-selection-results-intro p{ max-width:620px!important; margin:5px 0 0!important; font-size:max(var(--tsqam-font-min,10px),calc(11.5px - var(--tsqam-font-cut-xs,0px)))!important; line-height:1.85!important; color:#6b8294!important; } /* Path/context bar: equal side padding + centered labels/values on desktop and mobile. */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279{ width:100%!important; padding-inline:42px!important; justify-content:center!important; align-items:stretch!important; text-align:center!important; direction:rtl!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279>span{ display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279 small, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279 strong{ text-align:center!important; margin:0!important; } @media (max-width:720px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-path-row-r279{ padding-inline:38px!important; } #qa-chat-root .qa-selection-results-intro strong{font-size:max(var(--tsqam-font-min,10px),calc(14.5px - var(--tsqam-font-cut-sm,0px)))!important} #qa-chat-root .qa-selection-results-intro p{font-size:max(var(--tsqam-font-min,10px),calc(10.6px - var(--tsqam-font-cut-xs,0px)))!important;line-height:1.8!important} } /* ========================================================================== r300 — Result typography + Experimental commitment visibility - Major: bold - University: semi-bold - Supporting description: regular - Experimental service-obligation options get a dedicated non-reordering filter ========================================================================== */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-primary-r281 .qa-selection-result-major-name{ font-weight:900!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-primary-r281 .qa-selection-result-university-name{ font-weight:600!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-primary-r281 .qa-selection-result-compact-description{ font-weight:400!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.has-commitment{ grid-template-columns:repeat(5,minmax(0,1fr))!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment[data-selection-result-filter="COMMITMENT"].is-active{ background:linear-gradient(180deg,#fff7f0 0%,#ffefe4 100%)!important; color:#9a572b!important; box-shadow:inset 0 -2px 0 #d98249!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment[data-selection-result-filter="COMMITMENT"].is-active strong{ background:#ca713a!important; color:#fff!important; } @media(max-width:760px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.has-commitment .qa-selection-result-segment{ min-width:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.has-commitment .qa-selection-result-segment span{ font-size:7.9px!important; } } /* ========================================================================== r301 / Phase 301 — Result identity + admission labels Admission identity is always visible on collapsed cards. This layer is presentation-only and does not alter candidate eligibility or ordering. ========================================================================== */ #qa-chat-root .qa-selection-result-identity-flags{ gap:5px!important; } #qa-chat-root .qa-selection-admission-pill, #qa-chat-root .qa-selection-service-pill, #qa-chat-root .qa-selection-code-pill{ display:inline-flex!important; align-items:center!important; gap:4px!important; min-height:23px!important; padding:2px 8px!important; border-radius:999px!important; border:1px solid #dce7ee!important; background:#f7fafc!important; color:#526d80!important; font-size:8.6px!important; line-height:1.4!important; font-weight:850!important; white-space:nowrap!important; max-width:100%!important; } #qa-chat-root .qa-selection-admission-pill b, #qa-chat-root .qa-selection-code-pill b{ font-weight:950!important; color:inherit!important; } #qa-chat-root .qa-selection-admission-pill.is-public{ background:#edf9f4!important; border-color:#c9eadb!important; color:#24785a!important; } #qa-chat-root .qa-selection-admission-pill.is-fee{ background:#f5f1ff!important; border-color:#dfd4f7!important; color:#69539a!important; } #qa-chat-root .qa-selection-admission-pill.is-special{ background:#fff8eb!important; border-color:#f0dfbd!important; color:#97691f!important; } #qa-chat-root .qa-selection-admission-pill.is-commitment, #qa-chat-root .qa-selection-service-pill{ background:#fff1ed!important; border-color:#efcfc4!important; color:#9b563c!important; } #qa-chat-root .qa-selection-code-pill{ background:#f4f8fb!important; border-color:#d9e5ed!important; color:#5d7485!important; font-variant-numeric:tabular-nums!important; } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-admission-pill, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-service-pill, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-code-pill{ background:#142c3c!important; border-color:#315064!important; color:#bdd2df!important; } @media(max-width:760px){ #qa-chat-root .qa-selection-result-identity-flags{gap:4px!important} #qa-chat-root .qa-selection-admission-pill, #qa-chat-root .qa-selection-service-pill, #qa-chat-root .qa-selection-code-pill{ min-height:20px!important; padding:1px 6px!important; font-size:7.5px!important; } } /* ========================================================================== r302 — Discount modal desktop interaction rootfix Stable portal + explicit hit targets. Business/discount logic unchanged. ========================================================================== */ #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal[data-selection-discount-portal="r302"]{ pointer-events:auto!important; contain:layout style!important; } #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal[data-selection-discount-portal="r302"] .qa-selection-discount-modal{ pointer-events:auto!important; } #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal[data-selection-discount-portal="r302"] .qa-selection-discount-sheet{ pointer-events:auto!important; isolation:isolate!important; } #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal[data-selection-discount-portal="r302"] :is(.qa-selection-discount-close,[data-selection-discount-copy],[data-selection-discount-submit],.qa-selection-discount-plans-btn){ pointer-events:auto!important; cursor:pointer!important; touch-action:manipulation!important; user-select:none!important; -webkit-user-select:none!important; } #qa-chat-root.qa-selection-surface-open > .qa-selection-discount-portal[data-selection-discount-portal="r302"] .qa-selection-discount-backdrop{ pointer-events:auto!important; cursor:pointer!important; } /* r303 — Estimated-rank SAFE default hardening. No visual/ordering changes. */ /* r304 — Geographic Proximity Engine: presentation inherited from r303; backend-only proximity scoring phase. */ /* r306 — Farhangian Favorite Majors Root Isolation. Major search markup is intentionally absent. */ /* ================================================================ r308 — Unified Results Projection General + Farhangian share one Results surface; channel tabs retired. ================================================================ */ .qa-selection-result-experience-unified{ display:flex; flex-direction:column; gap:18px; } .qa-selection-result-experience-unified .qa-selection-result-channel-tabs, .qa-selection-result-experience-unified [data-selection-result-channel]{ display:none!important; } .qa-selection-unified-results-section{ display:flex; flex-direction:column; gap:14px; width:100%; min-width:0; } .qa-selection-unified-results-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; border:1px solid rgba(33,111,174,.13); border-radius:18px; background:rgba(255,255,255,.72); box-shadow:0 10px 32px rgba(30,85,130,.055); } .qa-selection-unified-results-head>div{ display:flex; flex-direction:column; gap:3px; min-width:0; } .qa-selection-unified-results-head span{ font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px))); font-weight:800; color:#4a7898; } .qa-selection-unified-results-head strong{ font-size:max(var(--tsqam-font-min,10px),calc(15px - var(--tsqam-font-cut-sm,0px))); line-height:1.7; color:#173a54; } .qa-selection-unified-results-head small{ font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px))); line-height:1.7; color:#6e8799; } .qa-selection-unified-results-head em{ flex:0 0 auto; padding:7px 10px; border-radius:999px; background:#f2f7fb; color:#315f7e; font-size:max(var(--tsqam-font-min,10px),calc(11px - var(--tsqam-font-cut-xs,0px))); font-style:normal; font-weight:800; white-space:nowrap; } .qa-selection-unified-results-head.is-farhangian{ border-color:rgba(15,139,108,.16); background:linear-gradient(135deg,rgba(246,253,250,.92),rgba(255,255,255,.78)); } .qa-selection-unified-results-head.is-farhangian span, .qa-selection-unified-results-head.is-farhangian strong{color:#176c58} .qa-selection-unified-results-head.is-farhangian em{ background:rgba(22,157,120,.09); color:#15745c; } .qa-selection-unified-results-section.is-farhangian{ padding-top:2px; } .qa-selection-unified-results-section.is-farhangian .qa-selection-farhangian-result-panel, .qa-selection-unified-results-section.is-farhangian .qa-selection-farhangian-report{ margin:0; } .qa-selection-unified-inline-note{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 14px; margin-bottom:10px; border-radius:14px; border:1px solid rgba(15,139,108,.13); background:rgba(241,251,247,.78); } .qa-selection-unified-inline-note strong{font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px)));color:#176c58} .qa-selection-unified-inline-note small{font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px)));color:#66857c} .qa-selection-channel-pill{ display:inline-flex; align-items:center; gap:5px; min-height:25px; padding:4px 9px; border-radius:999px; font-size:max(var(--tsqam-font-min,10px),calc(10.5px - var(--tsqam-font-cut-xs,0px))); font-weight:750; border:1px solid transparent; } .qa-selection-channel-pill b{font-weight:850} .qa-selection-channel-pill.is-farhangian{ color:#116c56; background:rgba(21,157,119,.09); border-color:rgba(21,157,119,.14); } .qa-selection-result-card[data-selection-option-channel="FARHANGIAN"]{ border-color:rgba(21,157,119,.16); box-shadow:0 12px 34px rgba(20,104,82,.055); } .qa-selection-result-card[data-selection-option-channel="FARHANGIAN"] .qa-selection-result-number{ background:rgba(21,157,119,.09); color:#146d59; } @media(max-width:760px){ .qa-selection-result-experience-unified{gap:14px} .qa-selection-unified-results-head{ align-items:flex-start; padding:12px 13px; border-radius:15px; } .qa-selection-unified-results-head small{font-size:10px} .qa-selection-unified-inline-note{ align-items:flex-start; flex-direction:column; } } /* ================================================================ r309 — Unified Results filters & responsive channel UX ALL = General + Farhangian. Farhangian sits beside Commitment and never reinterprets General chance buckets or published ordering. ================================================================ */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified{ position:relative; z-index:2; margin-bottom:4px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-six-filters{ grid-template-columns:repeat(6,minmax(0,1fr))!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-five-filters{ grid-template-columns:repeat(5,minmax(0,1fr))!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-two-filters{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment[data-selection-result-filter="FARHANGIAN"] strong{ background:#edf8f4!important; color:#17735d!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment[data-selection-result-filter="FARHANGIAN"].is-active{ background:linear-gradient(180deg,#effbf6 0%,#e4f7ef 100%)!important; color:#126c56!important; box-shadow:inset 0 -2px 0 #2a9b7b!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment[data-selection-result-filter="FARHANGIAN"].is-active strong{ background:#238a6e!important; color:#fff!important; } #qa-chat-root .qa-selection-result-experience-unified[data-results-ui-contract="r311-admission-viability"] .qa-selection-unified-results-section{ animation:qa-r310-filter-in .16s ease both; } @keyframes qa-r310-filter-in{ from{opacity:.72;transform:translateY(3px)} to{opacity:1;transform:none} } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment[data-selection-result-filter="FARHANGIAN"] strong{ background:#183b34!important; color:#91d4c0!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment[data-selection-result-filter="FARHANGIAN"].is-active{ background:#173d35!important; color:#e8fff7!important; box-shadow:inset 0 -2px 0 #55b99a!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segment[data-selection-result-filter="FARHANGIAN"].is-active strong{ background:#319779!important; color:#fff!important; } @media(max-width:760px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-five-filters, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-six-filters{ grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-five-filters .qa-selection-result-segment, #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-six-filters .qa-selection-result-segment{ grid-column:span 2; min-height:43px!important; border-top:1px solid #e4eef5!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-five-filters .qa-selection-result-segment:nth-child(-n+3), #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-six-filters .qa-selection-result-segment:nth-child(-n+3){ border-top:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-five-filters .qa-selection-result-segment:nth-child(n+4){ grid-column:span 3; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-two-filters{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified .qa-selection-result-segment span{ white-space:normal!important; overflow:visible!important; text-overflow:clip!important; text-align:center!important; line-height:1.25!important; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-five-filters .qa-selection-result-segment, :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-six-filters .qa-selection-result-segment{ border-top-color:#29475d!important; } } @media(prefers-reduced-motion:reduce){ #qa-chat-root .qa-selection-result-experience-unified[data-results-ui-contract="r311-admission-viability"] .qa-selection-unified-results-section{animation:none!important} } @media(max-width:760px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-five-filters .qa-selection-result-segment:nth-child(4), #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified.has-six-filters .qa-selection-result-segment:nth-child(4){ border-inline-start:0!important; } } /* ================================================================ r310 — Production certification hardening Defensive cache/legacy guards + unified Results overflow safety. ================================================================ */ #qa-chat-root.qa-selection-surface-open .qa-selection-result-channel-tabs, #qa-chat-root.qa-selection-surface-open [data-selection-results-channel], #qa-chat-root.qa-selection-surface-open [data-selection-major-search], #qa-chat-root.qa-selection-surface-open [data-selection-farhangian-major-search]{ display:none!important; } #qa-chat-root .qa-selection-result-experience-unified[data-results-ui-contract="r311-admission-viability"], #qa-chat-root .qa-selection-result-experience-unified[data-results-ui-contract="r311-admission-viability"] .qa-selection-unified-results-section, #qa-chat-root .qa-selection-result-experience-unified[data-results-ui-contract="r311-admission-viability"] .qa-selection-result-list, #qa-chat-root .qa-selection-result-experience-unified[data-results-ui-contract="r311-admission-viability"] .qa-selection-result-card{ min-width:0; max-width:100%; } #qa-chat-root .qa-selection-result-experience-unified[data-results-ui-contract="r311-admission-viability"] .qa-selection-results-more{ width:100%; } @media(max-width:760px){ #qa-chat-root .qa-selection-result-experience-unified[data-results-ui-contract="r311-admission-viability"]{ overflow-x:hidden; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-result-segmented-filter.is-unified{ width:100%; max-width:100%; overflow:hidden; } } @media(prefers-reduced-motion:reduce){ #qa-chat-root .qa-selection-result-experience-unified[data-results-ui-contract="r311-admission-viability"] .qa-selection-unified-results-section{ animation:none!important; } } /* ================================================================ r311 — Admission viability ceiling / terminal no-chance state ================================================================ */ #qa-chat-root .qa-selection-result-experience-unified[data-results-ui-contract="r311-admission-viability"].is-terminal-no-chance{ display:flex; flex-direction:column; gap:16px; width:100%; max-width:880px; margin-inline:auto; } #qa-chat-root .qa-selection-no-chance{ display:grid; grid-template-columns:58px minmax(0,1fr); gap:18px; align-items:start; width:100%; padding:28px; border:1px solid rgba(224,75,75,.22); border-radius:22px; background:linear-gradient(145deg,rgba(255,247,247,.98),rgba(255,255,255,.98)); box-shadow:0 16px 44px rgba(39,55,72,.08); text-align:right; } #qa-chat-root .qa-selection-no-chance.is-compact{ padding:20px; grid-template-columns:48px minmax(0,1fr); border-radius:18px; box-shadow:none; } #qa-chat-root .qa-selection-no-chance-icon{ display:grid; place-items:center; width:58px; height:58px; border-radius:18px; background:rgba(215,57,57,.09); color:#c13f3f; font-size:max(var(--tsqam-font-min,10px),calc(26px - var(--tsqam-font-cut-lg,0px))); font-weight:900; line-height:1; } #qa-chat-root .qa-selection-no-chance.is-compact .qa-selection-no-chance-icon{ width:48px; height:48px; border-radius:15px; font-size:max(var(--tsqam-font-min,10px),calc(22px - var(--tsqam-font-cut-lg,0px))); } #qa-chat-root .qa-selection-no-chance .qa-selection-eyebrow{ display:block; margin:0 0 8px; color:#9b4a4a; font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px))); font-weight:800; } #qa-chat-root .qa-selection-no-chance strong{ display:block; margin:0; color:#192635; font-size:clamp(17px,2vw,22px); font-weight:900; line-height:1.75; } #qa-chat-root .qa-selection-no-chance p{ margin:9px 0 0; color:#607082; font-size:max(var(--tsqam-font-min,10px),calc(14px - var(--tsqam-font-cut-sm,0px))); font-weight:600; line-height:1.95; } #qa-chat-root .qa-selection-no-chance small{ display:block; margin-top:12px; color:#7b8996; font-size:max(var(--tsqam-font-min,10px),calc(12px - var(--tsqam-font-cut-xs,0px))); font-weight:600; line-height:1.8; } #qa-chat-root .qa-selection-unified-results-section.is-no-chance .qa-selection-no-chance{ margin-top:12px; } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-no-chance{ border-color:rgba(255,120,120,.22); background:linear-gradient(145deg,rgba(56,32,36,.94),rgba(26,39,51,.98)); box-shadow:none; } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-no-chance-icon{ background:rgba(255,115,115,.12); color:#ff9a9a; } :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-no-chance .qa-selection-eyebrow{color:#ffb0b0} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-no-chance strong{color:#f4f8fb} :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-no-chance p, :root[data-qa-theme="dark"] #qa-chat-root .qa-selection-no-chance small{color:#b6c4ce} @media(max-width:760px){ #qa-chat-root .qa-selection-no-chance, #qa-chat-root .qa-selection-no-chance.is-compact{ grid-template-columns:44px minmax(0,1fr); gap:13px; padding:18px; border-radius:18px; } #qa-chat-root .qa-selection-no-chance-icon, #qa-chat-root .qa-selection-no-chance.is-compact .qa-selection-no-chance-icon{ width:44px; height:44px; border-radius:14px; font-size:max(var(--tsqam-font-min,10px),calc(20px - var(--tsqam-font-cut-lg,0px))); } #qa-chat-root .qa-selection-no-chance strong{font-size:max(var(--tsqam-font-min,10px),calc(16px - var(--tsqam-font-cut-md,0px)));line-height:1.8} #qa-chat-root .qa-selection-no-chance p{font-size:max(var(--tsqam-font-min,10px),calc(13px - var(--tsqam-font-cut-sm,0px)))} } /* ================================================================ r312 — Farhangian native autofill + one visual Results language ================================================================ */ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-unified-results-section.is-farhangian.is-card-unified{ padding-top:0!important; gap:12px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-farhangian-unified-evidence-list{ margin-top:0!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-farhangian-evidence-result-card{ border-color:var(--qa-selection-border,#dce8f1)!important; background:var(--qa-selection-card-bg,#fff)!important; box-shadow:0 12px 34px rgba(31,78,118,.055)!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-farhangian-evidence-result-card .qa-selection-result-number{ background:#edf7ff!important; color:#2687cf!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-farhangian-evidence-result-card .qa-selection-analysis-badge.is-safe{ background:#e9f8ef!important; color:#24794a!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-farhangian-evidence-result-card .qa-selection-analysis-badge.is-logical{ background:#edf6fd!important; color:#34749e!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-farhangian-evidence-result-card .qa-selection-analysis-badge.is-challenging{ background:#fff4dc!important; color:#8b6812!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-farhangian-evidence-result-card .qa-selection-result-meta{ display:flex!important; flex-wrap:wrap!important; gap:6px 10px!important; margin-top:8px!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-farhangian-evidence-result-card .qa-selection-result-meta>span{ font-size:9px!important; color:#7690a4!important; } #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-farhangian-evidence-disclaimer{ margin-top:0!important; } #qa-chat-root .qa-selection-farhangian-profile-head small{ max-width:720px; } :root[data-qa-theme="dark"] #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-farhangian-evidence-result-card{ background:#14283a!important; border-color:#29475e!important; box-shadow:none!important; } @media(max-width:760px){ #qa-chat-root.qa-selection-surface-open[data-selection-phase="selection-room-r282"] .qa-selection-farhangian-evidence-result-card .qa-selection-result-meta{ gap:5px 8px!important; } } /* ======================================================================== r313 — universal immediate interaction feedback Every actionable selection button/choice fades instantly and gets a centered spinner. Native