@import url('./spoken-reply.css');
/* KER reference: quiet chrome, one workspace, explicit secondary controls. */
.ker-icon { display: block; flex: none; }
.web-signin { width: min(420px,calc(100vw - 32px)); padding: 28px; border: 1px solid var(--line-soft); border-radius: 18px; background: var(--panel-solid); color: var(--ink); box-shadow: var(--shadow-3); }
.web-signin::backdrop { background: var(--bg); }
.web-signin h1 { font-size: 24px; margin: 22px 0 8px; }
.web-signin p { line-height: 1.6; }
.web-signin form { display: grid; gap: 12px; margin-top: 24px; }
.web-signin form label { font-size: 12px; color: var(--muted); }
.shell { --rail-w: 184px; --aside-w: 320px; }
.shell, .shell.has-aside { grid-template-columns: var(--rail-w) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
.shell.has-aside > .strip { display: none; }
.brand { padding: 20px 16px 24px; gap: 9px; }
.brand .mark { width: 20px; height: 20px; border: 0; border-radius: 50%; background: var(--accent); color: var(--bg); font-size: 12px; font-weight: 800; }
.brand .name { font-size: 13px; letter-spacing: .04em; }
.brand .sub, .brand .ver { display: none; }
.rail { background: var(--rail); }
.nav { padding: 0 8px; }
.nav-group { margin-top: 10px; }
.nav-group-title { color: var(--dim); font-size: 10.5px; padding: 2px 8px 4px; text-transform: uppercase; letter-spacing: 0.04em; }
.nav-item { min-height: 32px; margin-bottom: 2px; padding: 6px 10px; font-size: 13px; font-weight: 500; gap: 9px; border-radius: 8px; }
.nav-item[aria-current="page"] { background: var(--accent-wash); border-color: transparent; color: var(--accent); }
.nav-item .ico { width: 18px; display: grid; place-items: center; }
.rail-foot { border-top: 1px solid var(--line-soft); padding: 10px 14px; flex-shrink: 0; background: var(--rail); }
.who .av { width: 30px; height: 30px; font-size: 12px; }
.who .node { font-size: var(--fs-micro); }
.topbar { min-height: 52px; padding: 0 20px; border-bottom-color: transparent; }
.topbar h1 { font-size: 17px; font-weight: 650; }
.topbar .where { display: none; }
.searchbox { width: 32px; padding: 8px; border: 0; background: transparent; }
.searchbox > span:not(:first-child), .searchbox kbd { display: none; }
.icon-btn { min-width: 34px; min-height: 34px; }
.view { padding: 16px 28px 24px; }
.shell[data-section="chat"] .view { padding-top: 0; padding-bottom: 20px; }
.card { box-shadow: none; border-color: var(--line-soft); border-radius: 12px; padding: 18px; }
.card-head h3 { text-transform: none; letter-spacing: 0; font-size: 14px; color: var(--ink); }
.card-head { margin-bottom: 16px; }
.btn { font-weight: 500; min-height: 34px; border-radius: 8px; }
.btn:not(.primary):not(.danger) { background: transparent; border-color: var(--line-soft); font-weight: 400; }
.btn:not(.primary):not(.danger):hover { background: var(--panel); border-color: var(--line-strong); }
.btn.primary { font-weight: 600; }
.chat, .chat-3col { position: relative; display: block; height: 100%; max-width: 860px; margin: 0 auto; }
.chat-main { height: 100%; }
.chat-rail { display: none; }
.chat-bar { display: flex; justify-content: flex-start; margin: 0 0 8px; }
.chat-bar .btn { color: var(--muted); font-size: 12px; }
.chat-side { display: none; }
.chat.side-open .chat-side { display: flex; position: absolute; z-index: var(--z-dropdown); left: 0; top: 42px; bottom: 92px; width: min(320px, 100%); box-shadow: var(--shadow-2); }
.chat-thread { padding: 0 4px 20px; }
.chat-welcome { margin: auto; padding: 32px 16px 40px; text-align: center; }
.chat-welcome .core { display: none; }
.chat-welcome h2 { font-size: 28px; letter-spacing: -.03em; font-weight: 650; color: var(--ink); margin-bottom: 6px; }
.chat-welcome p { margin-bottom: 22px; color: var(--muted); font-size: 14px; }
.chat-welcome .quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 580px; margin: 0 auto; gap: 8px; }
.chat-welcome .quick .btn { border-color: var(--line-soft); background: var(--bg-1); font-size: 12px; font-weight: 400; padding: 10px 12px; min-height: 40px; border-radius: 8px; transition: all 0.15s ease; color: var(--muted); }
.chat-welcome .quick .btn:hover { background: var(--panel); border-color: var(--line-strong); color: var(--ink); }
.chat-composer { margin: 0 auto; width: 100%; max-width: 740px; padding: 8px 12px; background: var(--panel); border: 1px solid var(--line-soft); border-radius: 14px; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.chat-composer:focus-within { border-color: rgba(34, 197, 94, 0.45); box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.15); }
.chat-input { gap: 8px; align-items: center; }
.chat-input textarea { border: 0 !important; outline: none !important; box-shadow: none !important; background: transparent; padding: 12px 4px; min-height: 44px; color: var(--ink); font-size: 14px; }
.chat-input textarea:focus, .chat-input textarea:focus-visible { border: 0 !important; outline: none !important; box-shadow: none !important; }
#c-send { border-radius: var(--r-pill); min-width: 36px; width: 36px; padding: 0; display: grid; place-items: center; }
.chat-tools { padding: 4px 2px 2px; }
.chat-tools label, #c-voice-note:empty, .chat-tools .grow { display: none; }
.chat-model { max-width: 200px; background: transparent; border: 0; color: var(--muted); font-size: 12px; }
.chat-row .icon-btn { min-width: 30px; min-height: 30px; }
.aside, .shell.has-aside > .aside { display: none; }
.shell.has-aside .rail-toggle { display: grid; }
.shell.rail-open.has-aside > .aside { display: flex; position: fixed; right: 0; top: 0; bottom: 0; width: min(360px, 90vw); background: var(--panel-solid); z-index: var(--z-drawer); padding: 24px; overflow: auto; box-shadow: var(--shadow-3); }
.rail-scrim:not([hidden]) { display: block; position: fixed; inset: 0; background: var(--overlay); z-index: calc(var(--z-drawer) - 1); }
.with-settings-nav { display: grid; grid-template-columns: 168px minmax(0,1fr); align-items: start; gap: 24px; }
.settings-nav { position: sticky; top: 0; display: grid; gap: 2px; }
.settings-nav .nav-item { font-size: 12px; min-width: 0; }
.settings-nav .nav-item span:not(.ico) { display: inline; }
.settings-nav .nav-item:nth-child(n+7) { font-size: 11px; color: var(--dim); }
.settings-advanced summary { padding: 12px 10px; font-size: 12px; color: var(--muted); cursor: pointer; min-height: 44px; }
.settings-advanced .nav-item { width: 100%; }
.profile-overview #pf-sections { display: grid; gap: 12px; }
.settings-content { min-width: 0; }
.settings-category-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
.settings-category-tabs button[aria-selected="true"] { background: var(--accent-wash); color: var(--accent); }
.settings-panels > section[hidden] { display: none !important; }
.profile-overview { max-width: 820px; }
.profile-identity { display: flex; align-items: center; gap: 16px; margin: 6px 0 22px; }
.profile-avatar { background: var(--accent-wash); color: var(--accent); width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; font-size: 22px; font-weight: 600; }
.profile-avatar,.who .av { overflow:hidden;flex-shrink:0; }
.profile-avatar img,.who .av img { display:block;width:100%;height:100%;object-fit:cover; }
.profile-editor { max-width:min(460px,calc(100vw - 24px));width:100%;max-height:calc(100dvh - 24px);overflow:auto; }
.profile-editor .modal-box { width:100%;max-width:none;box-sizing:border-box; }
.profile-editor fieldset { border:0;padding:0;margin:0;min-width:0;display:grid;gap:10px; }
.profile-editor-photo { display:flex;align-items:center;gap:14px;margin:4px 0 8px; }
.profile-editor-photo strong { overflow-wrap:anywhere; }
.profile-editor-label { color:var(--muted);font-size:13px; }
.profile-editor-sources { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px; }
.profile-editor-sources label { border:1px solid var(--line);border-radius:8px;min-height:44px;display:flex;align-items:center;gap:8px;padding:8px;font-size:12px;cursor:pointer; }
.profile-editor-sources label:has(input:checked) { background:var(--accent-wash);border-color:var(--accent);color:var(--accent); }
.profile-editor-sources label:has(input:disabled) { opacity:.55;cursor:default; }
.profile-editor input[type=radio] { accent-color:var(--accent); }
.profile-upload-label { justify-content:center;cursor:pointer;min-height:44px; }
.profile-upload-input { position:absolute;width:1px;height:1px;opacity:0; }
.profile-editor .profile-upload-label:has(+ input:focus-visible) { outline:2px solid var(--accent);outline-offset:3px; }
.profile-editor-error { color:var(--err);font-size:13px;overflow-wrap:anywhere; }
.profile-editor #pf-upload-name { overflow-wrap:anywhere; }
.profile-editor .btn,.profile-editor .input { min-height:44px; }
.profile-identity h2 { margin: 0 0 4px; font-size: 20px; font-weight: 600; }
.profile-identity p { margin: 0; }
.reference-profile { max-width: 680px; margin: 0; }
.reference-profile-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.reference-profile-head h3 { font-size:18px; margin:0; font-weight:600; }
.reference-profile .profile-identity { flex-direction:row; margin:0 0 20px; align-items:flex-start; gap:18px; }
.reference-profile .profile-avatar { background:#0d2b1a; color:var(--accent); width:66px; height:66px; border-radius:50%; font-size:28px; font-weight:700; flex-shrink:0; }
.profile-info { display:flex; flex-direction:column; gap:0; padding-top:2px; min-width:0; }
.profile-info h2 { margin:0 0 2px; font-size:18px; font-weight:600; color:var(--ink); }
.profile-sub-label { margin:0 0 8px; font-size:12px; color:var(--muted); }
.profile-connection { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:12px; color:var(--muted); }
.profile-con-sep { color:var(--dim,#555); }
.profile-engine-label { color:var(--muted); font-size:12px; }
.profile-telegram-line { color:var(--muted); font-size:12px; }
.reference-status { display:inline-flex; gap:5px; align-items:center; font-size:12px; white-space:nowrap; }
.reference-status i { width:7px; height:7px; border-radius:50%; background:currentColor; flex-shrink:0; }
.reference-status.online { color:var(--accent); }
.reference-status.linked { color:var(--accent); }
.reference-status.offline { color:var(--bad,#ff6571); }
.reference-profile .card { margin-bottom:14px; padding:18px 20px; border:1px solid var(--line-soft); background:var(--panel,#111); border-radius:12px; }
.reference-profile .card-head { margin-bottom:12px; display:flex; align-items:center; }
.reference-profile .card-head h3 { font-size:14px; font-weight:600; margin:0; color:var(--ink); }
.reference-plan-name { display:block; font-size:34px; font-weight:700; line-height:1.2; margin-bottom:4px; text-transform:capitalize; color:var(--ink); }
.reference-plan p { margin:4px 0; font-size:13px; color:var(--muted); }
.reference-quota-caption { display:flex; justify-content:space-between; gap:12px; font-size:11px; color:var(--muted); margin-top:12px; }
.reference-quota { width:100%; height:5px; appearance:none; border:0; margin-top:6px; display:block; border-radius:6px; overflow:hidden; background:var(--line,#2a2a2a); }
.reference-quota::-webkit-progress-bar { background:var(--line,#2a2a2a); }
.reference-quota::-webkit-progress-value { background:var(--accent); border-radius:6px; }
.reference-device-row { display:flex; align-items:center; gap:12px; padding:10px 0; border-top:1px solid var(--line-soft); font-size:13px; }
.reference-device-row:first-child { border-top:0; }
.reference-device-last { color:var(--muted); font-size:11px; margin-left:auto; text-align:right; white-space:nowrap; }
.reference-profile-more > summary { font-size:12px; color:var(--muted); padding:10px 0; cursor:pointer; }
.provider-logo { display:grid; place-items:center; width:28px; height:28px; border-radius:6px; flex:none; }
.provider-logo svg { width:22px; height:22px; }
.provider-logo.windows { color:#42a8ff; }
.provider-logo.telegram { color:#fff; background:#158fcc; }
.provider-logo.web { color:var(--accent); }
.provider-logo.raspberry { color:#ff587f; background:#3b1426; font-weight:700; }
@media(max-width:900px){.reference-device-row{flex-wrap:wrap}.reference-device-last{flex-basis:100%;text-align:left;margin-left:40px}.profile-connection{flex-wrap:wrap;gap:6px}.reference-profile .profile-avatar{width:54px;height:54px;font-size:22px}}
.profile-engine { margin-bottom: 20px; }
.profile-engine > summary, .profile-section > summary { cursor: pointer; color: var(--muted); padding: 10px 0; min-height: 36px; font-size: 12px; }
.profile-section { padding: 18px 0 6px; border-top: 1px solid var(--line-soft); }
.profile-plan { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; background: var(--panel); padding: 16px; border-radius: 10px; }
.profile-plan strong { display: block; font-size: 16px; font-weight: 500; margin-top: 8px; overflow-wrap: anywhere; }
.profile-devices { display: flex; flex-wrap: wrap; gap: 24px; }
.profile-devices > div { display: grid; gap: 7px; font-size: 12px; max-width: 180px; }
.profile-devices > div > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-devices svg { color: var(--ok); }
.overview-hero { padding: 12px 0 28px; }
.overview-hero h2 { margin: 0 0 8px; font-size: 28px; letter-spacing: -.035em; font-weight: 600; }
.overview-hero p { margin: 0; color: var(--muted); }
.overview-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 28px; }
.overview-metric { background: var(--panel); border-radius: 12px; padding: 18px; border: 1px solid var(--line-soft); }
.overview-metric b { display: block; font-size: 24px; font-weight: 500; margin: 8px 0; }
.product-details { margin-top: 24px; }
.product-details > summary { color: var(--muted); cursor: pointer; padding: 12px 0; min-height: 44px; }
.product-details[open] > summary { margin-bottom: 12px; }
.mobile-tabs { display: none; }
.product-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.product-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.product-filters button[aria-pressed="true"] { background: var(--accent-wash); color: var(--accent); }
.tasks-product .card { background: transparent; padding: 14px 0; border: 0; }
.tasks-product .card-head { margin-bottom: 8px; }
.tasks-product .list-row { padding-block: 13px; }
.files { display: grid; grid-template-columns: minmax(0,1fr); }
.files.has-file { grid-template-columns: minmax(240px, .8fr) minmax(0,1.2fr); }
.files:not(.has-file) .files-main { display: none; }
.files-side { background: transparent; border: 0; }
.files-side-top { padding: 0 0 16px; border: 0; }
.files-list { padding: 0; }
.file-row { min-height: 48px; border-radius: 0; border-bottom: 1px solid var(--line-soft); padding: 12px 4px; }
#v-live, #v-enrolled, .integration-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.device-card, .integration-card { padding: 18px; background: var(--panel-solid); border: 1px solid var(--line-soft); border-radius: 12px; flex-wrap: wrap; }
.device-card .nm { font-size: 14px; }
.device-glyph { color: var(--ok); }
.device-capabilities summary, .device-details > summary, .integrations-product details > summary { color: var(--muted); cursor: pointer; font-size: 12px; min-height: 36px; padding-block: 8px; }
.device-capabilities .sub { max-width: 100%; overflow-wrap: anywhere; }
.integration-card .sub.mono { display: none; }
.integration-card .nm .pill { display: none; }
.integration-card .grow { flex-basis: 100%; }
.integration-card > .btn { font-size: 12px; }
@media (max-width: 1100px) and (min-width: 901px) {
  .shell { --rail-w: 168px; }
  .brand .name, .brand .sub, .nav-item span:not(.ico), .rail-foot .col { display: block; }
  .nav-item { justify-content: flex-start; }
  .brand { justify-content: flex-start; padding-inline: 14px; }
}
@media (max-width: 900px) {
  .shell, .shell.has-aside { grid-template-columns: minmax(0, 1fr); }
  .shell > .rail { width: min(86vw, 300px); }
  .topbar { padding: 0 16px; min-height: 56px; }
  .topbar h1 { font-size: 16px; }
  .view, .shell[data-section="chat"] .view { padding: 8px 16px 16px; }
  .work { padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)); }
  .chat-welcome { padding: 24px 0; }
  .chat-welcome h2 { font-size: 28px; }
  .chat-welcome .quick { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
  .chat-tools { padding-top: 0; }
  .chat-input { flex-wrap: nowrap; }
  .chat-input textarea { min-width: 0; }
  .btn, .icon-btn, input:not([type="checkbox"]), select, .nav-item { min-height: 44px; }
  .icon-btn { min-width: 44px; }
  #c-send { width: 44px; min-width: 44px; }
  .chat-row .icon-btn { opacity: 1; min-width: 36px; min-height: 44px; }
  .chat.side-open .chat-side { bottom: 110px; }
  .with-settings-nav { display: flex; flex-direction: column; gap: 16px; }
  .settings-nav { position: static; display: flex; flex-wrap: wrap; max-width: 100%; gap: 4px; }
  .settings-nav .nav-item { padding: 8px; }
  .settings-nav > .nav-item { width: auto; flex: 0 0 auto; }
  .settings-advanced { width: 100%; }
  .settings-nav .ico { display: none; }
  .settings-content { width: 100%; }
  .overview-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
  .overview-metric { padding: 14px; }
  .files.has-file { grid-template-columns: minmax(0,1fr); }
  #v-live, #v-enrolled, .integration-grid { grid-template-columns: minmax(0,1fr); }
  .mobile-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); position: fixed; bottom: 0; left: 0; right: 0; z-index: var(--z-sticky); background: var(--rail); border-top: 1px solid var(--line-soft); padding: 4px 8px calc(4px + env(safe-area-inset-bottom, 0px)); }
  .mobile-tabs button { border: 0; background: transparent; color: var(--muted); min-height: 54px; display: grid; justify-items: center; align-content: center; gap: 4px; font-size: 11px; }
  .mobile-tabs button[aria-current="page"] { color: var(--accent); }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: 0ms !important; animation-duration: 0ms !important; scroll-behavior: auto !important; } }

/* Профиль: правила ниже не перекрывают основной блок выше */
/* .reference-profile max-width и padding заданы выше */
.system-reference #sys-devices { max-height:240px; overflow-y:auto; }
.system-reference .reference-device-row { padding:8px 4px; }
.system-reference .reference-metric { min-height:96px; padding:10px; }
.integrations-reference .integration-reference-row { padding:9px 6px; }
.workspace-tabs { display:flex; gap:6px; flex-wrap:wrap; }
.workspace-tabs [aria-current=page] { color:var(--accent); background:var(--accent-wash); }
.integrations-reference .product-filters .btn,.activity-reference .product-filters .btn,.system-reference .product-filters .btn,.workspace-tabs .btn { min-height:28px; padding:4px 10px; font-size:11px; }
.product-filters .btn[aria-pressed=true],.workspace-tabs .btn[aria-current=page] { background:var(--accent-wash); color:var(--accent); }
@media(min-width:901px){.shell[data-section=profile] .topbar{display:none}.shell[data-section=profile] .view{padding-top:20px}}
@media(max-width:900px){.shell .nav-item,.integrations-reference .product-filters .btn,.activity-reference .product-filters .btn,.system-reference .product-filters .btn,.workspace-tabs .btn{min-height:44px}}
.brand { min-height:48px; padding:12px 14px; }
.brand .sub,.brand .ver { display:none; }
.reference-status.online { color:var(--accent); }.reference-status.offline { color:var(--bad,#ff6571); }
.reference-plan-name { text-transform:capitalize; }
.reference-profile #pf-devices { max-height:300px; overflow-y:auto; }
.nav-item { min-height:32px; padding:7px 10px; margin-bottom:2px; font-size:12px; }
.rail-foot { padding:10px 14px; }.rail-foot .node { display:none; }
.who .av { background:#107e72; color:#effffb; }
.integrations-reference,.system-reference,.activity-reference,.notes-reference,.voice-reference { max-width:1100px; margin-inline:auto; }
.nav-group .nav-item { min-height:28px; padding:5px 10px; font-size:11px; margin-bottom:1px; }
.nav-group-title { padding-block:4px; }
.nav-group { margin-top:12px; }
.reference-search { display:flex; gap:8px; align-items:center; border:1px solid var(--line-soft); background:var(--panel); padding:0 10px; border-radius:7px; flex:1; min-width:0; }
.reference-search .input { border:0; background:transparent; min-width:0; width:100%; padding-inline:0; }
.notes-side .reference-search { flex:none; }
.integrations-reference .product-filters,.activity-reference .product-filters { padding:14px 0; border-bottom:1px solid var(--line-soft); margin-bottom:8px; }
.integration-reference-row { display:flex; align-items:center; gap:14px; padding:14px 8px; border-bottom:1px solid var(--line-soft); font-size:13px; }
.integration-reference-row .grow { min-width:100px; }
.integration-reference-row .micro { margin-top:3px; }
.integration-reference-row .reference-status { min-width:120px; font-size:11px; }
.integration-reference-row .btn { font-size:11px; }
.provider-logo.youtube { color:#fff; background:#bb172b; }
.provider-logo.github,.provider-logo.openrouter { color:#fff; background:#11151d; }
.provider-logo.home { color:#fff; background:#168dc6; }
.integration-dialog { color:var(--ink); background:var(--panel-solid); border:1px solid var(--line); border-radius:12px; max-width:540px; padding:24px; }
.integration-dialog::backdrop { background:#0009; }
.voice-reference { display:grid; grid-template-columns:180px minmax(0,1fr); gap:20px; align-items:start; }
.voice-categories { display:flex; flex-direction:column; gap:6px; }
.voice-categories .btn { display:flex; gap:10px; align-items:center; text-align:left; border:0!important; }
.voice-categories [aria-pressed=true] { background:var(--accent-wash)!important; color:var(--accent); }
.voice-main { gap:0; }
.voice-main h3 { font-size:14px; margin:0 0 14px; }
.voice-toggle { display:flex; align-items:center; justify-content:space-between; min-height:40px; gap:14px; font-size:13px; }
.voice-toggle input { appearance:none; width:34px; height:20px; border-radius:20px; background:#29383a; cursor:pointer; position:relative; flex:none; }
.voice-toggle input::before { content:''; position:absolute; width:14px; height:14px; border-radius:50%; background:#edf4f1; top:3px; left:3px; transition:transform .15s ease; }
.voice-toggle input:checked { background:#42d54d; }
.voice-toggle input:checked::before { transform:translateX(14px); }
.voice-toggle input:disabled { opacity:.45; cursor:not-allowed; }
.voice-toggle input:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.voice-language,.voice-check { display:block; border-top:1px solid var(--line-soft); margin-top:16px; padding-top:16px; }
.voice-language .field { display:grid; grid-template-columns:120px minmax(0,1fr); align-items:center; gap:14px; font-size:12px; margin:10px 0; }
.voice-language .voice-speed { grid-template-columns:120px minmax(0,1fr) 40px; }
input[type=range] { accent-color:var(--accent); min-width:0; }
.voice-check-controls { display:flex; align-items:center; gap:12px; border:1px solid var(--line-soft); background:var(--panel); border-radius:10px; padding:10px; }
.voice-check-controls .icon-btn { border-radius:50%; color:var(--accent); background:var(--accent-wash); }
.voice-check-controls .input { border:0; background:transparent; font-size:12px; min-width:0; }
.reference-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.reference-metric { background:var(--panel); border:1px solid var(--line-soft); padding:14px; border-radius:9px; min-height:110px; }
.reference-metric > span { display:block; font-size:12px; color:var(--muted); }
.reference-metric strong { display:block; margin:8px 0; font-size:23px; font-weight:500; }
.metric-spark { width:100%; height:30px; overflow:visible; }
.metric-spark polyline { fill:none; stroke:var(--accent); stroke-width:1; vector-effect:non-scaling-stroke; }
.network-reading { font-size:12px; line-height:1.8; margin:6px 0; }
.system-device-select { width:100%; background:transparent; color:var(--ink); text-align:left; border-inline:0; border-bottom:0; cursor:pointer; }
.system-device-select[aria-pressed=true] { background:var(--accent-wash); }
.system-device-detail { margin-top:16px; }
.device-information { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-top:16px; }
.detail-list { display:grid; grid-template-columns:1fr 1fr; gap:10px; font-size:12px; margin:0; }
.detail-list dt { color:var(--muted); }.detail-list dd { margin:0; overflow-wrap:anywhere; }
.device-information h4 { margin:0 0 12px; font-size:12px; }
.activity-reference .product-toolbar h3 { margin:0; font-size:16px; }
.activity-item { display:flex; gap:14px; align-items:flex-start; padding-block:13px; position:relative; }
.activity-time { width:44px; flex:none; font-size:11px; color:var(--muted); padding-top:8px; }
.activity-icon { display:grid; place-items:center; width:30px; height:30px; flex:none; color:var(--accent); border-radius:50%; background:var(--accent-wash); position:relative; z-index:1; }
.activity-item:not(:last-child)::before { content:''; position:absolute; top:35px; bottom:-15px; left:72px; width:1px; background:var(--line); }
.activity-body { flex:1; min-width:0; border-bottom:1px solid var(--line-soft); padding-bottom:14px; }
.activity-summary { width:100%; border:0; display:flex; align-items:center; gap:12px; color:var(--ink); background:transparent; text-align:left; padding:2px; cursor:pointer; }
.activity-summary strong { font-size:13px; font-weight:500; display:block; }
.activity-summary .micro { display:block; margin-top:4px; }
.activity-summary .pill,.activity-summary .execution-state { font-size:10px; white-space:nowrap; }
.activity-summary .execution-state.success { color:var(--accent); background:var(--accent-wash); }
.activity-body .exec-detail { background:var(--panel); margin-top:12px; font-size:12px; border-left:2px solid var(--accent); }
.notes-reference > .product-toolbar { margin-bottom:16px; }
.notes-workspace { display:grid; grid-template-columns:240px minmax(0,1fr); gap:18px; min-height:500px; }
.notes-side { width:auto; border-right:1px solid var(--line-soft); padding-right:16px; }
.notes-side .file-row { display:flex; flex-wrap:wrap; gap:8px; border:0; padding:12px 8px; border-radius:7px; cursor:pointer; }
.notes-side .file-row:hover { background:var(--accent-wash); }
.notes-side .file-row .micro { margin-left:24px; flex-basis:100%; }
.notes-main { min-width:0; }
.notes-main .files-bar { border:0; background:transparent; padding:0 0 12px; }
.notes-main .files-bar #n-note { max-width:45%; overflow-wrap:anywhere; }
.note-format-toolbar { display:flex; gap:4px; flex-wrap:wrap; padding:6px 0; border-block:1px solid var(--line-soft); margin-bottom:12px; }
.note-format-toolbar .icon-btn { min-width:30px; min-height:30px; font-size:13px; border:0; }
.notes-pane .files-editor { min-height:400px; width:100%; border:0; padding:12px 0; background:transparent; color:var(--ink); resize:vertical; font:13px/1.8 var(--sans); }
.notes-side .selected-note { background:var(--accent-wash); border-left:2px solid var(--accent); }
.note-preview { font-size:13px; line-height:1.8; padding:12px 0; overflow-wrap:anywhere; }.note-preview a { color:#59a8ff; }.note-preview h2 { font-size:18px; }
@media(max-width:1100px) and (min-width:901px){.nav-group .nav-item span:not(.ico){display:block}.reference-device-last{min-width:100px}.integration-reference-row{gap:8px}.integration-reference-row .reference-status{min-width:95px}}
@media(max-width:900px){.nav-group .nav-item{min-height:44px}.voice-reference{grid-template-columns:minmax(0,1fr)}.voice-categories{flex-direction:row;flex-wrap:wrap;gap:4px}.voice-categories .btn{flex:1 1 135px}.voice-language .field{grid-template-columns:90px minmax(0,1fr)}.voice-language .voice-speed{grid-template-columns:90px minmax(0,1fr) 36px}.reference-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.device-information{grid-template-columns:1fr}.integration-reference-row{flex-wrap:wrap;gap:10px}.integration-reference-row .grow{flex:1}.integration-reference-row .reference-status{min-width:0}.integration-reference-row .btn{margin-left:42px}.notes-workspace{grid-template-columns:minmax(0,1fr)}.notes-side{border:0;padding:0;max-height:240px;overflow-y:auto}.notes-pane .files-editor{min-height:320px}.notes-reference>.product-toolbar{align-items:flex-start;flex-wrap:wrap}.note-format-toolbar .icon-btn{min-width:44px;min-height:44px}.activity-summary{flex-wrap:wrap}.activity-summary .grow{flex-basis:100%}.activity-time{width:36px}.activity-item{gap:8px}.activity-item:not(:last-child)::before{left:58px}.reference-metric{min-height:105px}.activity-reference .product-toolbar{flex-wrap:wrap}}
.model-pool-dialog{width:min(760px,calc(100vw - 32px));max-height:80vh;overflow:auto;border:1px solid var(--line-soft);border-radius:14px;background:var(--panel-solid);color:var(--ink);padding:20px}
.model-pool-dialog::backdrop{background:rgba(0,0,0,.65)}
.msg details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--muted)}
.model-pool-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.model-pool-row>div{min-width:0;overflow-wrap:anywhere}.model-pool-row .btn{flex-shrink:0}
@media(max-width:600px){.model-pool-row{align-items:flex-start;flex-direction:column}.chat-tools{flex-wrap:wrap}}