:root{--bg-0:#040a14;--text-0:#e2e8f0;--text-1:#b0bec5;--text-2:#78909c;--border:#1e3a5f;--border-hi:#2d5a8e;--teal:#0d9488;--blue:#2563eb;--sans:'Space Grotesk',system-ui,sans-serif;--mono:'JetBrains Mono','Courier New',monospace}
html,body{min-height:100%;background:#031120;color:#e9f2ff}
.aicomms-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-family:var(--mono)!important;font-size:.82rem;color:var(--text-2);margin:0 0 10px}.aicomms-crumbs .c+.c::before{content:' | ';padding:0 5px;color:var(--border-hi)}.aicomms-crumbs a{color:var(--teal);text-decoration:none}
body.aicomms-shell-body{background:#031120}
#aicomms-skillbot,.aicomms-shell{color:#e9f2ff;background:#031120;font-family:var(--sans)!important}.aicomms-shell{max-width:1320px;margin:0 auto;padding:12px 14px 24px;min-height:100vh;border-radius:18px}
.aicomms-hero{margin-bottom:14px}.aicomms-eyebrow{margin:0 0 6px;font-size:.68rem;letter-spacing:.15em;color:var(--teal);text-transform:uppercase}.aicomms-title{margin:0 0 4px 0;font-size:1.75rem;line-height:1.1;color:#fff}.aicomms-subtitle{max-width:58ch;font-size:.92rem;line-height:1.45;margin:0;color:#b9c7db}
.aicomms-topnav{display:flex;gap:0;flex-wrap:nowrap;align-items:flex-end;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:10px 0 0;border-bottom:2px solid #20426c;margin-bottom:16px}.aicomms-topnav::-webkit-scrollbar{display:none}.aicomms-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:#adc2e0;padding:8px 16px;font-size:.88rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s}.aicomms-tab:hover:not(.is-active){color:#d8e6ff}.aicomms-tab.is-active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}
.aicomms-panels{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.aicomms-main{min-width:0}.aicomms-sidebar{display:flex;flex-direction:column;gap:16px}.aicomms-panel{display:none;background:#05172c;border:1px solid #20426c;border-radius:18px;padding:20px}.aicomms-panel.is-active{display:block}.aicomms-panel h2{margin:0 0 12px 0;color:#fff;font-size:20px}.aicomms-panel-copy{color:#a8b8d1;line-height:1.5;margin:0 0 16px 0}
.card,.aicomms-console-card{background:#081d35;border:1px solid #21476e;border-radius:18px;padding:16px}.aicomms-card{background:#081d35;border:1px solid #21476e;border-radius:18px;padding:16px}.aicomms-hints-card{margin-top:16px}.aicomms-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.aicomms-panel-head h3{margin:0;color:#fff}.hint-grid.aicomms-hint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.aicomms-hint-btn{appearance:none;width:100%;text-align:left;background:rgba(16,32,58,.55);border:1px solid #28527d;border-radius:12px;padding:10px 12px;color:#d8e6ff;font-size:.88rem;cursor:pointer}.aicomms-hint-btn:hover{border-color:#3b73ac;background:rgba(20,42,74,.65)}.aicomms-transcript{height:280px;overflow:auto;border:1px solid #1d4469;border-radius:16px;padding:14px;background:#07152a;margin-bottom:14px}.bubble{display:flex;margin-bottom:10px}.bubble-user{justify-content:flex-end}.bubble-assistant,.bubble-system{justify-content:flex-start}.bubble-inner{max-width:78%;padding:12px 16px;border-radius:18px;line-height:1.45;box-shadow:0 2px 10px rgba(0,0,0,.12)}.bubble-assistant .bubble-inner{background:#07353e;border:1px solid #0e6a78}.bubble-user .bubble-inner{background:#113a8f;border:1px solid #2b63cc}.bubble-system .bubble-inner{background:#2c1720;border:1px solid #7e3445}
.aicomms-input-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.aicomms-input-row input{flex:1}input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #2a4f78;background:#05172c;color:#eef4ff;box-sizing:border-box}label{display:block;margin:10px 0 6px;color:#b7c5dc;font-size:13px}
button.primary,button.ghost,.icon-btn{cursor:pointer}button.primary{background:#3f7cff;color:#fff;border:1px solid #5b8fff;padding:12px 16px;border-radius:14px;font-weight:700}button.ghost{background:#0a1d34;color:#d8e6ff;border:1px solid #28527d;padding:10px 14px;border-radius:14px}button.wide{width:100%;margin-top:10px}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid #28527d;background:#0a1d34;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:none}
.aicomms-mic-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;min-height:42px}.aicomms-mic-row .icon-btn{background:#0a1d34}.vad-bars{display:flex;gap:4px;align-items:flex-end;height:18px}.vad-bars span{display:block;width:4px;height:8px;border-radius:3px;background:#17c2ba;opacity:.7;transition:height .15s ease,opacity .15s ease}.vad-bars.active span:nth-child(1){height:10px}.vad-bars.active span:nth-child(2){height:16px}.vad-bars.active span:nth-child(3){height:13px}.vad-bars.active span:nth-child(4){height:18px}.vad-bars.active span:nth-child(5){height:12px}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.icon-btn svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2}.icon-btn.is-muted{color:#86a2c4}.icon-btn.is-live{border-color:#cb3c3c;color:#fff}.ff-hidden{display:none!important}.ff-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}.ff-media-divider{width:1px;height:18px;background:#29557f;display:inline-block}
.session-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.session-tools select{flex:1;min-width:220px}.workspace-grid,.action-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-token-card{display:flex;flex-direction:column;justify-content:space-between}.token-display{margin-top:12px;font-size:30px;font-weight:800;color:#fff;line-height:1}.action-card{background:#081d35;border:1px solid #21476e;border-radius:18px;padding:16px}.action-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.action-head h3{margin:0;color:#fff}.output-box{margin-top:12px;border:1px solid #215273;border-radius:14px;background:#08172f;padding:16px;color:#a9bfdc;min-height:92px;line-height:1.5;white-space:pre-wrap}.checkbox-row{display:flex;flex-wrap:wrap;gap:10px 16px;color:#d8e6ff}.checkbox-row label{margin:0;font-size:14px}.checkbox-row input{width:auto;margin-right:6px}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
#aicomms-summary .metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{border:1px solid #28527d;border-radius:14px;padding:12px}.metric .label{font-size:12px;color:#a5b9d6;text-transform:uppercase;letter-spacing:.08em}.metric .value{font-size:22px;font-weight:800;color:#fff;margin-top:6px}#aicomms-current-session-sidebar .title,#aicomms-current-session-workspace .title{font-weight:700;color:#fff;margin-bottom:8px}#aicomms-session-history .history-item{padding:10px 0;border-bottom:1px solid #173452;font-size:14px;color:#c6d6ec}.muted{color:#98abc7;font-size:13px}
.ff-notice{padding:12px 14px;border-radius:14px;margin-bottom:12px}.ff-notice.warn{background:#3a2712;border:1px solid #9a6f22;color:#ffedc2}
@media (max-width:980px){.aicomms-panels{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.workspace-grid,.action-grid,.report-grid{grid-template-columns:1fr}}


/* SBD-SAD-XREF:shell-navigation
   SBD-SAD-XREF:mobile-controls
   Font lint pass: align AI Comms typography to the Product Manager reference family scale. */
:root{
  --ff-fs-crumbs:.82rem;
  --ff-fs-kicker:.68rem;
  --ff-fs-title:1.75rem;
  --ff-fs-subtitle:.92rem;
  --ff-fs-tab:.88rem;
  --ff-fs-body:.9rem;
  --ff-fs-copy:14px;
  --ff-fs-meta:13px;
  --ff-fs-metric-label:.76rem;
  --ff-fs-metric-value:.95rem;
  --ff-fs-token:2rem;
}

.aicomms-shell{font-size:16px;line-height:1.5}
.aicomms-crumbs{font-size:var(--ff-fs-crumbs)}
.aicomms-eyebrow{font-size:var(--ff-fs-kicker)}
.aicomms-title{font-size:var(--ff-fs-title)}
.aicomms-subtitle{font-size:var(--ff-fs-subtitle)}
.aicomms-tab{font-size:var(--ff-fs-tab)}
.aicomms-panel>h2{font-size:1.5rem;line-height:1.2}
.aicomms-panel-copy{font-size:var(--ff-fs-copy);color:var(--text-1)}
.aicomms-shell label{color:var(--text-1);font-size:1rem;font-weight:600}
.aicomms-shell input,
.aicomms-shell select,
.aicomms-shell textarea,
.aicomms-shell button.primary,
.aicomms-shell button.ghost,
.aicomms-shell .aicomms-hint-btn,
.aicomms-shell .output-box,
.aicomms-shell .aicomms-transcript{font-size:var(--ff-fs-body)}
.aicomms-shell button.primary,
.aicomms-shell button.ghost{padding:10px 16px;border-radius:10px}
.aicomms-shell .icon-btn{border-radius:10px}
.aicomms-shell .muted,
.aicomms-shell #aicomms-session-history .history-item,
.aicomms-shell .ff-notice.warn{font-size:var(--ff-fs-meta)}
.aicomms-shell .token-display{font-size:var(--ff-fs-token)}
#aicomms-summary .metric .label{font-size:var(--ff-fs-metric-label)}
#aicomms-summary .metric .value{font-size:var(--ff-fs-metric-value)}
#aicomms-current-session-sidebar .title,
#aicomms-current-session-workspace .title{font-size:.95rem}