.workspace-trigger { width:100%; border:0; background:transparent; color:var(--ink); text-align:left; cursor:pointer; padding:8px; border-radius:8px; }
.workspace-trigger:hover,.workspace-trigger[aria-expanded=true] { background:var(--canvas); }
.workspace-trigger > div { min-width:0; flex:1; }
.workspace-trigger > svg { width:16px; height:16px; flex:none; }
.workspace-trigger:focus-visible,.workspace-switcher button:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
.workspace-switcher { position:fixed; z-index:150; display:flex; align-items:flex-start; gap:6px; max-width:calc(100vw - 24px); color:var(--ink); }
.workspace-switcher[hidden],.workspace-submenu[hidden] { display:none; }
.workspace-menu,.workspace-submenu { width:300px; border:1px solid var(--line); border-radius:8px; background:var(--paper); padding:10px; box-shadow:0 12px 32px #00000020; max-height:calc(100dvh - 24px); overflow-y:auto; }
.workspace-menu header { display:flex; align-items:center; gap:12px; padding:12px 8px 18px; margin-bottom:8px; border-bottom:1px solid var(--line); }
.workspace-menu header div { min-width:0; }
.workspace-menu strong { display:block; font-size:16px; overflow-wrap:anywhere; }
.workspace-menu small,.workspace-submenu small { display:block; margin-top:4px; font-size:12px; color:var(--muted); }
.workspace-avatar { display:grid; place-items:center; width:44px; height:44px; flex:none; border:1px solid var(--line); border-radius:50%; background:var(--canvas); font-weight:700; }
.workspace-switcher button { display:flex; width:100%; align-items:center; gap:12px; padding:12px 10px; border:0; border-radius:6px; background:transparent; color:inherit; text-align:left; cursor:pointer; font-size:14px; min-height:44px; }
.workspace-switcher button > span { flex:1; min-width:0; }
.workspace-switcher button:hover,.workspace-switcher button.selected { background:var(--canvas); }
.workspace-switcher svg { width:18px; height:18px; flex:none; color:var(--muted); }
.workspace-submenu h3 { font-size:14px; padding:10px; margin:0 0 8px; border-bottom:1px solid var(--line); }
.workspace-submenu { margin-left:-16px; position:relative; }
.workspace-submenu .workspace-submenu-back { display:none; }
.ai-usage-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:20px; border:1px solid var(--line); border-radius:8px; background:var(--paper); }
.ai-usage-summary article { display:grid; grid-template-columns:40px minmax(0,1fr); gap:14px; align-items:center; min-height:116px; padding:20px 24px; border-right:1px solid var(--line); }
.ai-usage-summary article:last-child { border:0; }
.ai-usage-summary article > svg { width:22px; height:22px; color:var(--muted); }
.ai-usage-summary article > div { min-width:0; }
.ai-usage-summary strong { display:block; margin:5px 0; font-size:26px; font-variant-numeric:tabular-nums; }
.ai-usage-summary small,.ai-usage-summary span { display:block; color:var(--muted); font-size:12px; }
.ai-events-panel { overflow:hidden; }
.ai-event-list { border-top:1px solid var(--line); }
.ai-event-record { border-bottom:1px solid var(--line); }
.ai-event-record:last-child { border-bottom:0; }
.ai-event-record > summary { display:grid; grid-template-columns:170px minmax(190px,1.2fr) minmax(120px,.7fr) 100px minmax(140px,.7fr); gap:16px; align-items:center; min-height:72px; padding:12px 18px; cursor:pointer; list-style:none; }
.ai-event-record > summary::-webkit-details-marker { display:none; }
.ai-event-record > summary:hover { background:var(--canvas); }
.ai-event-record > summary > span { min-width:0; }
.ai-event-record > summary b,.ai-event-record > summary small { display:block; overflow-wrap:anywhere; }
.ai-event-record > summary small { margin-top:3px; color:var(--muted); font-size:11px; }
.ai-event-record > summary > span:last-child { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.ai-event-record > summary > span:last-child svg { width:16px; height:16px; transition:transform .18s ease; }
.ai-event-record[open] > summary > span:last-child svg { transform:rotate(180deg); }
.ai-event-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0 18px 18px; background:var(--canvas); }
.ai-event-details section { min-width:0; padding:16px; border:1px solid var(--line); border-radius:6px; background:var(--paper); }
.ai-event-details h4 { display:flex; align-items:center; gap:8px; margin:0 0 14px; font-size:13px; }
.ai-event-details h4 svg { width:16px; height:16px; color:var(--muted); }
.ai-event-details dl { display:grid; grid-template-columns:minmax(110px,.55fr) minmax(0,1.45fr); gap:0; margin:0; }
.ai-event-details dl > div { display:contents; }
.ai-event-details dt,.ai-event-details dd { margin:0; padding:8px 0; border-top:1px solid var(--line); font-size:12px; overflow-wrap:anywhere; }
.ai-event-details dt { padding-right:12px; color:var(--muted); }
.ai-event-details code { font-size:11px; white-space:normal; }
.ai-event-details a { color:var(--ink); text-decoration:underline; text-underline-offset:2px; }
.ai-event-error { border-color:#b4231838 !important; }
@media(max-width:759px) {
  .workspace-switcher { width:calc(100vw - 24px); }
  .workspace-menu,.workspace-submenu { width:100%; }
  .workspace-submenu { margin-left:0; }
  .workspace-switcher:has(.workspace-submenu:not([hidden])) .workspace-menu { display:none; }
  .workspace-submenu .workspace-submenu-back { display:flex; }
  .ai-usage-summary { grid-template-columns:1fr; }
  .ai-usage-summary article { min-height:92px; border-right:0; border-bottom:1px solid var(--line); }
  .ai-usage-summary strong { font-size:22px; }
  .ai-event-record > summary { grid-template-columns:1fr auto; gap:8px 14px; padding:14px 16px; }
  .ai-event-record > summary > span:nth-child(2),.ai-event-record > summary > span:nth-child(3) { grid-column:1; }
  .ai-event-record > summary > span:nth-child(4) { display:none; }
  .ai-event-record > summary > span:last-child { grid-column:2; grid-row:1 / span 3; flex-direction:column; justify-content:center; }
  .ai-event-details { grid-template-columns:1fr; padding:0 10px 10px; }
  .ai-event-details dl { grid-template-columns:100px minmax(0,1fr); }
}
.ai-model-quality { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 14px 0; }
.ai-model-quality dt { color: var(--muted); font-size: 12px; }
.ai-model-quality dd { margin: 5px 0 0; font-weight: 650; overflow-wrap: anywhere; }
.ai-model-use-case { font-size: 13px; line-height: 1.65; margin: 0 0 14px; color: var(--muted); }
.ai-priority-options { display: flex; gap: 0; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; margin-top: 12px; }
.ai-priority-options label { flex: 1; position: relative; min-width: 0; }
.ai-priority-options input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.ai-priority-options span { display: block; padding: 10px 6px; text-align: center; color: var(--muted); cursor: pointer; }
.ai-priority-options label + label { border-left: 1px solid var(--line); }
.ai-priority-options input:checked + span { background: var(--ink); color: var(--panel, #fff); }
.ai-priority-options input:focus-visible + span { outline: 2px solid var(--ink); outline-offset: -3px; }
.ai-priority-options input:disabled + span { opacity: .45; cursor: not-allowed; }
.ai-connection-models { list-style: none; padding: 0; margin: 4px 0 14px; display: grid; gap: 10px; }
.ai-connection-models li { display: grid; gap: 4px; border-bottom: 1px solid var(--line); padding-bottom: 10px; }
.ai-connection-models strong { font-size: 13px; }
.ai-connection-models small { font-size: 12px; overflow-wrap: anywhere; }