:root{--bg:#f4f7fb;--surface:#ffffff;--surface-soft:#eef4fd;--border:rgba(109,138,173,0.22);--text-primary:#15304f;--text-secondary:#647b9a;--blue-900:#8b1a2e;--blue-700:#d64361;--cyan-500:#1b7d93;--cyan-300:#5ab3c7;--shadow-card:0 20px 48px rgba(17,48,79,0.1)}*{box-sizing:border-box}html{font-size:15px}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f9fbfe,#eef4fb);color:var(--text-primary);font-family:var(--font-body),system-ui,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading),system-ui,sans-serif;font-weight:600;letter-spacing:-.02em}a{color:inherit;text-decoration:none}a,button,input{font:inherit}.pageShell{min-height:100vh;display:flex;flex-direction:column}.heroPanel{position:relative;overflow:hidden;padding:1.75rem 1.25rem 1.9rem;background:radial-gradient(circle at 18% 20%,rgba(143,233,220,.15),transparent 18%),linear-gradient(165deg,#6e0f22,#a62d44 55%,#d64361)}.heroPattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 0);background-size:30px 30px;opacity:.5}.formWrap,.heroContent{position:relative;z-index:1}.heroContent{max-width:26rem;margin:0 auto;color:#ffffff}.heroEyebrow{display:inline-flex;padding:.42rem .75rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.heroContent h1{margin:.75rem 0 .5rem;max-width:18rem;font-size:clamp(1.45rem,3.5vw,2rem);line-height:1.1;letter-spacing:-.04em}.heroContent p{margin:0;max-width:22rem;font-size:.84rem;line-height:1.55;color:rgba(255,255,255,.86)}.featureList{margin:1rem 0 0;padding:0;list-style:none;display:grid;grid-gap:.55rem;gap:.55rem}.featureItem{display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:600}.featureBullet{width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(180deg,#1b7d93,#145f70);color:#ffffff}.featureBullet svg{width:.75rem;height:.75rem}.formPanel{padding:1.25rem 1rem 2rem}.formWrap{max-width:24rem;margin:0 auto}.brandLockup{display:flex;align-items:center;gap:.65rem;margin-top:1.25rem}.brandIcon{width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;background:linear-gradient(180deg,#d64361,#1b7d93);color:#ffffff;box-shadow:0 10px 20px rgba(33,103,180,.18)}.brandIcon svg{width:1.05rem;height:1.05rem}.brandName{margin:0;font-size:1.15rem;font-weight:800;letter-spacing:-.04em}.brandCaption{margin:.1rem 0 0;color:var(--text-secondary);font-size:.72rem}.loginCard{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:rgba(255,255,255,.94);box-shadow:var(--shadow-card)}.cardHeader h2{margin:0;font-size:clamp(1.2rem,2.5vw,1.5rem);line-height:1.1;letter-spacing:-.04em}.cardHeader p{margin:.45rem 0 0;color:var(--text-secondary);font-size:.82rem;line-height:1.5}.loginForm{margin-top:1rem}.fieldGroup{display:grid;grid-gap:.45rem;gap:.45rem;margin-bottom:.85rem}.fieldLabel{font-size:.82rem;font-weight:700}.inputShell{min-height:2.5rem;display:flex;align-items:center;gap:.7rem;padding:0 .8rem;border:1px solid rgba(117,149,188,.22);border-radius:.75rem;background:var(--surface-soft)}.inputAction,.inputAdornment{width:1.15rem;height:1.15rem;display:inline-flex;align-items:center;justify-content:center;color:#7489a7}.inputAction svg,.inputAdornment svg{width:100%;height:100%}.inputShell input{width:100%;outline:0;color:var(--text-primary);font-size:.84rem}.inputAction,.inputShell input{border:0;background:transparent}.inputAction{padding:0;cursor:pointer}.metaRow{display:flex;justify-content:flex-end;margin:.1rem 0 .9rem}.metaRow a,.registerText a{color:#d64361;font-weight:700}.primaryButton{width:100%;min-height:2.5rem;border:0;border-radius:.75rem;background:#d64361;color:#ffffff;font-size:.9rem;font-weight:800;cursor:pointer}.primaryButton:hover{opacity:.9}.registerText{margin:.9rem 0 0;text-align:center;color:var(--text-secondary);font-size:.8rem;line-height:1.6}.dashShell{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.sidebar{width:15rem;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:.875rem .75rem}.sidebar,.sidebarTop{display:flex;flex-direction:column}.sidebarTop{gap:.4rem;margin-bottom:.5rem}.orgSwitcher{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .5rem;border:none;border-radius:.5rem;background:transparent;cursor:pointer;text-align:left}.orgSwitcher:hover{background:var(--surface-soft)}.orgIcon{width:1.6rem;height:1.6rem;border-radius:.4rem;background:linear-gradient(135deg,var(--blue-900),var(--blue-700));display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;font-weight:800;flex-shrink:0}.orgName{flex:1 1;font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orgChevron{width:.9rem;height:.9rem;color:var(--text-secondary);display:flex;align-items:center}.orgChevron svg{width:100%;height:100%}.sidebarNav{display:flex;flex-direction:column;flex:1 1;gap:.1rem}.navSection{margin-top:.6rem}.navSectionLabel{margin:0 0 .2rem;padding:0 .5rem;font-size:.67rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.navItem,.navSectionLabel{color:var(--text-secondary)}.navItem{display:flex;align-items:center;gap:.6rem;padding:.42rem .5rem;border-radius:.4rem;font-size:.83rem;font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;background:transparent;width:100%;cursor:pointer;text-align:left}.navItem:hover{color:var(--text-primary)}.navItem:hover,.navItemActive{background:var(--surface-soft)}.navItemActive{color:var(--blue-700)}.navItemIcon{width:1rem;height:1rem;display:flex;align-items:center;flex-shrink:0}.navItemIcon svg{width:100%;height:100%}.sidebarBottom{margin-top:auto;padding-top:.6rem;border-top:1px solid var(--border)}.sidebarProfile{display:flex;align-items:center;gap:.55rem;padding:.55rem .5rem;border-radius:.4rem;cursor:pointer;margin-bottom:.25rem;text-decoration:none}.sidebarProfile:hover{background:var(--surface-soft)}.sidebarAvatar{width:1.8rem;height:1.8rem;border-radius:50%;background:linear-gradient(135deg,#d64361,#f0899d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.sidebarProfileInfo{display:flex;flex-direction:column;flex:1 1;min-width:0}.sidebarProfileName{font-size:.82rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roleBadge{display:inline-block;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:999px;width:-moz-fit-content;width:fit-content}.roleBadge--master{background:#fef3c7;color:#92400e}.roleBadge--admin{background:#dbeafe;color:#1e40af}.roleBadge--agent{background:#dcfce7;color:#166534}.mobileTopBar{display:none;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.hamburgerBtn{display:flex;align-items:center;justify-content:center;padding:.35rem;border:none;background:transparent;color:var(--text-primary);cursor:pointer;border-radius:.4rem}.hamburgerBtn svg{width:1.2rem;height:1.2rem}.mobileTopBarTitle{font-size:.95rem;font-weight:800;color:var(--text-primary)}.sidebarCloseBtn{display:none;align-items:center;justify-content:center;margin-left:auto;width:1.75rem;height:1.75rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:.4rem;flex-shrink:0}.sidebarCloseBtn svg{width:1rem;height:1rem}.sidebarCloseBtn:hover{background:var(--surface-soft);color:var(--text-primary)}.sidebarOverlay{display:none}@media (max-width:767px){.mobileTopBar{display:flex}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translateX(-100%);transition:transform .25s ease;box-shadow:4px 0 24px rgba(17,48,79,.15)}.sidebarOpen{transform:translateX(0)}.sidebarCloseBtn{display:flex}.sidebarOverlay{display:block;position:fixed;inset:0;background:rgba(17,48,79,.4);z-index:40}}@media (min-width:768px){.mobileTopBar{display:none}.sidebar{position:static;transform:none!important;box-shadow:none}.sidebarCloseBtn{display:none!important}}.dashMain{flex:1 1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.dashHeader{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface)}.dashTitle{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.dashHeaderActions{gap:.65rem}.dashHeaderActions,.newBtn{display:flex;align-items:center}.newBtn{width:-moz-fit-content;width:fit-content;gap:.35rem;padding:.7rem 1.1rem;line-height:1;border:none;border-radius:.5rem;background:linear-gradient(90deg,var(--blue-700) 0,var(--cyan-500) 100%);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;font-family:var(--font-body),sans-serif;text-decoration:none;white-space:nowrap}.newBtn:hover{opacity:.9}.newBtn svg{width:.9rem;height:.9rem}.dashContent{flex:1 1;padding:1.5rem;overflow-y:auto}.agentsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));grid-gap:.875rem;gap:.875rem;max-width:56rem}.agentCard{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem;cursor:pointer;transition:box-shadow .15s,border-color .15s;text-decoration:none}.agentCard:hover{box-shadow:0 4px 16px rgba(17,48,79,.1);border-color:rgba(33,103,180,.25)}.agentAvatar{width:2.75rem;height:2.75rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:800;margin-bottom:.65rem}.agentName{margin:0;font-size:.85rem;font-weight:700;color:var(--text-primary)}.agentDesc,.agentName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agentDesc{margin:.25rem 0 0;font-size:.75rem;color:var(--text-secondary)}.agentStatusDot{width:.5rem;height:.5rem;border-radius:50%;background:#22c55e;display:inline-block;margin-right:.35rem}.agentStatus{display:flex;align-items:center;margin-top:.5rem;font-size:.72rem;color:var(--text-secondary)}.profileShell{max-width:36rem;display:flex;flex-direction:column;gap:1.25rem}.profileCard{background:var(--surface);border:1px solid var(--border);border-radius:.875rem;padding:1.5rem}.profileCardTitle{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:var(--text-primary)}.profileCardDesc{margin:0 0 1.25rem;font-size:.83rem;color:var(--text-secondary)}.profileAvatarRow{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.profileAvatarLarge{width:4rem;height:4rem;border-radius:50%;background:linear-gradient(135deg,#d64361,#f0899d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;flex-shrink:0}.profileFieldGroup{display:grid;grid-gap:.45rem;gap:.45rem;margin-bottom:1rem}.profileLabel{font-size:.82rem;font-weight:700;color:var(--text-primary)}.profileInput{height:2.5rem;padding:0 .8rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);font-size:.88rem;color:var(--text-primary);outline:none;font-family:inherit}.profileInput:focus{border-color:var(--blue-700)}.profileInput:disabled{background:var(--surface-soft);color:var(--text-secondary)}.profileSaveBtn{align-self:flex-start;padding:.65rem 2rem;border:none;border-radius:.5rem;background:var(--text-primary);color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit}.profileSaveBtn:hover{background:var(--blue-900)}.profileDangerCard{border-color:rgba(220,38,38,.2)}.profileDangerBtn{padding:.65rem 2rem;border:none;border-radius:.5rem;background:#dc2626;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit}.profileDangerBtn:hover{background:#b91c1c}.convShell{flex:1 1;min-height:0;background:var(--bg)}.convList,.convShell{display:flex;overflow:hidden}.convList{width:340px;flex-shrink:0;border-right:1px solid var(--border);flex-direction:column;background:var(--surface)}.convListHeader{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .5rem}.convListTitle{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.convListHeaderActions{display:flex;gap:.25rem}.convSearchWrap{display:flex;align-items:center;gap:.5rem;margin:.5rem .75rem;padding:.45rem .75rem;background:var(--bg);border-radius:.5rem;border:1px solid var(--border)}.convSearchIcon{color:var(--text-secondary);display:flex;align-items:center}.convSearchIcon svg{width:.85rem;height:.85rem}.convSearchInput{border:none;outline:none;background:transparent;font-size:.85rem;color:var(--text-primary);width:100%;font-family:inherit}.convTabs{display:flex;border-bottom:1px solid var(--border);padding:0 .5rem}.convTab{flex:1 1;padding:.55rem .25rem;font-size:.78rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.convTabActive{color:var(--blue-700);border-bottom-color:var(--blue-700)}.convItems{flex:1 1;overflow-y:auto}.convEmpty{text-align:center;font-size:.85rem;color:var(--text-secondary);padding:2rem 1rem}.convItem{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:transparent;text-align:left;cursor:pointer;width:100%;transition:background .12s;position:relative;border:none;outline:none}.convItem:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;border-radius:0 2px 2px 0}.convItem:hover{background:#f5f7fb}.convItemActive{background:#eef4fd}.convItemActive:before{background:var(--blue-700)}.convItemAvatarWrap{position:relative;flex-shrink:0}.convItemAvatar{width:40px;height:40px;background:linear-gradient(135deg,#d64361,#f0899d);color:#fff;font-size:.88rem;font-weight:700}.convChannelBadge,.convItemAvatar{border-radius:50%;display:flex;align-items:center;justify-content:center}.convChannelBadge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border:2px solid var(--surface)}.convChannelBadge--wa{background:#25d366;color:#fff}.convChannelBadge--ig{background:#e1306c;color:#fff}.convChannelBadge--web{background:var(--blue-700);color:#fff}.convItemBody{flex:1 1;min-width:0}.convItemRow{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.convItemName{font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convItemDate{font-size:.72rem;color:var(--text-secondary);flex-shrink:0}.convItemLast{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.2rem}.convUnreadDot{flex-shrink:0;width:9px;height:9px;border-radius:50%;background:#25d366;margin-left:auto;align-self:center;box-shadow:0 0 0 2px rgba(37,211,102,.25)}.convChat{flex:1 1;display:flex;flex-direction:column;overflow:hidden;background:#eae6df}.convChatHeader{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);gap:1rem}.convChatHeaderLeft{display:flex;align-items:center;gap:.75rem}.convChatAvatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#d64361,#f0899d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:700;flex-shrink:0}.convChatName{font-size:.95rem;font-weight:700;color:var(--text-primary)}.convChatSub{font-size:.75rem;color:var(--text-secondary)}.convChatHeaderActions{display:flex;align-items:center;gap:.15rem}.convIconBtn{width:34px;height:34px;border:none;background:transparent;border-radius:.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background .1s,color .1s}.convIconBtn svg{width:1rem;height:1rem}.convIconBtn:hover{background:var(--surface-soft);color:var(--text-primary)}.convMessages{flex:1 1;overflow-y:auto;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.5rem;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c8bfb0' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.convMsgWrap{display:flex;align-items:flex-end;gap:.5rem}.convMsgWrap--agent{justify-content:flex-end}.convMsgWrap--contact{justify-content:flex-start}.convMsgAvatar{width:28px;height:28px;border-radius:50%;background:#ddd;color:#555;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.convMsg{max-width:65%;padding:.6rem .85rem;border-radius:.75rem;font-size:.88rem;line-height:1.5;position:relative}.convMsg--contact{background:#fff;border-top-left-radius:0}.convMsg--agent,.convMsg--contact{color:#111;box-shadow:0 1px 1px rgba(0,0,0,.08)}.convMsg--agent{background:#d9fdd3;border-top-right-radius:0}.convMsgMeta{float:right;margin:2px -3px -4px 8px;display:inline-flex;align-items:center;gap:3px;line-height:1}.convMsgTime{font-size:.68rem;color:#999;white-space:nowrap}.convMsg--agent .convMsgTime{color:#6a9f6e}.convMsgStatus{display:inline-flex;align-items:center;margin-left:.2rem}.convMsgStatus svg{width:14px;height:9px}.convMsgStatusRead{color:#53bdeb}.convMsgStatusDelivered,.convMsgStatusSent{color:#6a9f6e}.convDateSep{display:flex;align-items:center;justify-content:center;margin:.5rem 0}.convDateSepLabel{background:rgba(225,220,206,.8);border-radius:999px;padding:.2rem .75rem;font-size:.72rem;color:#6d6047;font-weight:600}.convReplyBarCollapsed{flex-shrink:0;background:#f0f2f5;border-top:1px solid rgba(0,0,0,.08);display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem}.convReplyBarCollapsedInput{flex:1 1;background:#fff;border:none;border-radius:1.5rem;padding:.55rem 1rem;font-size:.9rem;color:var(--text-primary);outline:none;font-family:inherit}.convReplyBarCollapsedInput::placeholder{color:var(--text-secondary)}.convSendBtn{width:36px;height:36px;border:none;border-radius:50%;background:linear-gradient(135deg,#d64361,#f0899d);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.convSendBtn svg{width:1rem;height:1rem}.convSendBtn:hover{opacity:.85}.convInfo{width:280px;flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow-y:auto}.convInfoHeader{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.convInfoTitle{font-size:.88rem;font-weight:700;color:var(--text-primary);margin:0}.convInfoBody{padding:1rem;display:flex;flex-direction:column;gap:1rem}.infoSection{border:1px solid var(--border);border-radius:.5rem;overflow:hidden}.infoSectionHeader{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:var(--surface-soft);border:none;width:100%;cursor:pointer;font-size:.82rem;font-weight:700;color:var(--text-primary)}.infoSectionChevron{width:.85rem;height:.85rem;display:flex;align-items:center}.infoSectionChevron svg{width:100%;height:100%}.infoSectionBody{padding:.75rem .85rem}.infoField{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.65rem}.infoField:last-child{margin-bottom:0}.infoFieldLabel{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.infoFieldValue{font-size:.84rem;color:var(--text-primary)}.convNone{flex:1 1;flex-direction:column;background:#eae6df;gap:.75rem}.convNone,.convNoneIcon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.convNoneIcon{width:3rem;height:3rem;border-radius:50%;background:rgba(255,255,255,.6)}.convNoneIcon svg{width:1.4rem;height:1.4rem}.convNoneText{font-size:.9rem;font-weight:600}@media (min-width:980px){.pageShell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1fr)}.formPanel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;background:linear-gradient(180deg,#fbfdff,#f1f6fc)}.formWrap{width:min(100%,22rem)}.loginCard{padding:1.4rem}.heroPanel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 3rem}.heroContent h1{max-width:22rem;font-size:clamp(1.8rem,2.6vw,2.5rem)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#e8edf3 25%,#f3f6fa 50%,#e8edf3 75%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:.35rem;display:inline-block}.modelSelectWrap{position:relative}.modelSelectBtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);cursor:pointer;font-family:inherit;transition:border-color .15s}.modelSelectBtn:hover{border-color:var(--blue-700)}.modelSelectLeft{display:flex;align-items:center;gap:.6rem;min-width:0}.modelSelectName{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modelSelectDropdown{position:absolute;top:calc(100% + .35rem);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:.6rem;box-shadow:0 8px 24px rgba(0,0,0,.12);overflow:hidden;z-index:100;display:flex;flex-direction:column}.modelSelectOption{width:100%;display:flex;align-items:center;gap:.6rem;padding:.65rem .9rem;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;transition:background .1s}.modelSelectOption:hover,.modelSelectOptionActive{background:var(--surface-soft)}.modelSelectOptionActive .modelSelectName{color:var(--blue-700);font-weight:700}