/* Agency product system v1 — reference-led, operational, and intentionally quiet.
   The Apple Refero reference informs hierarchy, spacing, radii and restrained colour;
   operational state keeps semantic colour where it carries meaning. */
:root{
  /* Brand packs supply a light palette, not inline overrides of active theme tokens.
     Keeping this mapping in CSS lets OS theme changes and brand refreshes coexist. */
  --ink:var(--brand-text,#1d1d1f);--ink-2:#474747;--muted:#707070;--hairline:#d6d6d6;
  --wash:#e8e8ed;--canvas:var(--brand-background,#f5f5f7);--faded:#fafafc;--surface:var(--brand-surface,#fff);--surface2:#f5f5f7;
  --brand:var(--brand-accent,#0071e3);--brand-strong:var(--brand-accent,#0066cc);--brand-soft:var(--brand-accent-soft,#eaf4ff);--violet:var(--brand);--mint:var(--brand);
  --bg:var(--canvas);--line:var(--hairline);
  --success:#248a3d;--warning:#b64400;--danger:#d70015;
  --shadow-soft:0 1px 2px #0000000a;--shadow-float:0 12px 44px #00000014;
  --radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;
  --page-width:1200px;--section-gap:32px;
  color-scheme:light;
}
*{scrollbar-color:#b7b7bc transparent}
html{background:var(--canvas)}
body{
  background:var(--canvas)!important;color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;
  font-size:15px;letter-spacing:-.01em;overflow-x:clip;
}
body:before,body:after{display:none!important}
button,input,select,textarea{font:inherit;letter-spacing:inherit}
button{font-weight:600}
a{color:var(--brand-strong)}
.muted,.page-intro,small{color:var(--muted)}
.eyebrow{color:var(--muted)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important}

/* Frame and global navigation */
.topbar{
  background:color-mix(in srgb,var(--surface) 88%,transparent)!important;
  border-bottom:1px solid color-mix(in srgb,var(--hairline) 70%,transparent)!important;
  box-shadow:none!important;backdrop-filter:saturate(180%) blur(22px);
}
.brand .mark{background:var(--ink)!important;border:0!important;border-radius:14px!important;box-shadow:none!important;color:var(--surface)!important}
.brand h1{font-size:17px!important;font-weight:650!important;letter-spacing:-.025em}
.brand p{font-size:12px!important;color:var(--muted)!important}
main{max-width:var(--page-width)!important;margin-inline:auto!important;min-width:0;overflow-x:clip}
.view{animation:agency-view-in .28s cubic-bezier(.2,.8,.2,1);min-width:0;max-width:100%;overflow-x:clip}
.view:not(.active){display:none!important}
@keyframes agency-view-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.section-title{margin:6px 0 24px!important;align-items:flex-end!important}
.section-title h2{background:none!important;color:var(--ink)!important;font-size:clamp(30px,4vw,44px)!important;font-weight:700!important;letter-spacing:-.045em!important;line-height:1!important}
.section-title .page-intro{margin-top:8px!important;font-size:16px!important;line-height:1.45!important}
.subsection-title h3,.panel h3{font-size:21px!important;letter-spacing:-.025em!important}
.bottom-nav{
  background:color-mix(in srgb,var(--surface) 91%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--hairline) 68%,transparent)!important;
  box-shadow:0 10px 36px #00000012!important;backdrop-filter:saturate(180%) blur(22px);
}
.bottom-nav button{color:var(--muted)!important;border-radius:16px!important;transition:background .18s ease,color .18s ease,transform .18s ease!important}
.bottom-nav button:hover{background:var(--faded)!important;color:var(--ink)!important}
.bottom-nav button.active{background:var(--ink)!important;color:var(--surface)!important;box-shadow:none!important;transform:none!important}

/* Shared controls */
button,.button{border-radius:999px!important;box-shadow:none!important;transition:background .18s ease,color .18s ease,opacity .18s ease,transform .12s ease}
button:active{transform:scale(.98)}
button.primary,.primary{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
button.primary:hover,.primary:hover{background:var(--brand-strong)!important}
button.ghost,.ghost{background:var(--surface2)!important;border-color:transparent!important;color:var(--ink)!important}
.icon-button,.computer-action-icon,.connection-icon-action{
  display:grid!important;place-items:center!important;inline-size:38px!important;block-size:38px!important;
  min-inline-size:38px!important;min-block-size:38px!important;max-inline-size:38px!important;max-block-size:38px!important;
  flex:0 0 38px!important;aspect-ratio:1!important;padding:0!important;border-radius:50%!important;
}
.icon-button.small{inline-size:30px!important;block-size:30px!important;min-inline-size:30px!important;min-block-size:30px!important;max-inline-size:30px!important;max-block-size:30px!important;flex-basis:30px!important}
.icon-button svg,.computer-action-icon svg,.connection-icon-action svg{width:19px!important;height:19px!important;display:block}
.composer-icon{border-radius:50%!important}
.page-actions,.project-header-actions,.project-file-actions,.service-provider-actions,.context-screen-actions{margin-left:auto!important;justify-content:flex-end!important}
.project-file-list>button{border-radius:0!important}
.org-node,.thread-organisation{border-radius:var(--radius-md)!important}
input,select,textarea{
  background:var(--surface2)!important;border:1px solid transparent!important;border-radius:var(--radius-sm)!important;
  color:var(--ink)!important;box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{background:var(--surface)!important;border-color:var(--brand)!important;outline:3px solid color-mix(in srgb,var(--brand) 18%,transparent)!important}
.pill,.status-badge,.scope-badge,.capability-list span{background:var(--surface2)!important;border:0!important;color:var(--ink-2)!important;border-radius:999px!important}
.panel,.card{
  background:var(--surface)!important;border:0!important;border-radius:var(--radius-xl)!important;
  box-shadow:var(--shadow-soft)!important;
}
.panel{padding:28px!important}
.surface-state,.empty-state{border:0!important;border-radius:var(--radius-lg)!important;background:var(--surface2)!important}
.inline-error,.surface-state.error{background:#fff0f1!important;color:#a40011!important;border:0!important}
#toast{border:0!important;border-radius:18px!important;background:var(--ink)!important;color:var(--surface)!important;box-shadow:var(--shadow-float)!important}
#toast.error{background:#a40011!important;color:#fff!important}
#toast.success{background:#176b2c!important;color:#fff!important}
dialog{border:0!important;border-radius:var(--radius-xl)!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:var(--shadow-float)!important}
dialog::backdrop{background:#0006!important;backdrop-filter:blur(8px)}

/* Conversations — one calm, continuous workspace */
.messenger-shell{background:var(--surface)!important;border:0!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-soft)!important;overflow:hidden!important;min-width:0;max-width:100%}
.thread-sidebar,.chat-thread,.agent-context,.thread-messages,.thread-message,.thread-bubble{min-width:0;max-width:100%;overflow-wrap:anywhere}
.thread-sidebar,.agent-context{background:var(--faded)!important;border-color:var(--hairline)!important}
.thread-sidebar header,.agent-context>header,.chat-thread-header{border-color:color-mix(in srgb,var(--hairline) 65%,transparent)!important}
.thread-search{background:var(--wash)!important;border:0!important;border-radius:12px!important}
.thread-item{border-radius:14px!important;color:var(--ink)!important}
.thread-item:hover{background:var(--wash)!important}
.thread-item.active{background:var(--ink)!important;color:var(--surface)!important}
.thread-item.active small,.thread-item.active time{color:color-mix(in srgb,var(--surface) 68%,transparent)!important}
.chat-thread,.chat-thread-header,.thread-composer{background:var(--surface)!important}
.thread-messages{background:var(--surface)!important;background-image:none!important}
.chat-thread-header h2{font-size:17px!important;letter-spacing:-.02em!important}
.thread-bubble{background:var(--surface2)!important;border:0!important;border-radius:22px!important;box-shadow:none!important}
.thread-message.user .thread-bubble{background:var(--brand)!important;color:#fff!important}
.thread-message.user .thread-bubble time,.thread-message.user .thread-bubble footer button{color:#dceeff!important}
.thread-entry-row{background:var(--surface2)!important;border:0!important;border-radius:24px!important;box-shadow:none!important}
.thread-entry-row>textarea{background:transparent!important}
.thread-composer{border-top:1px solid color-mix(in srgb,var(--hairline) 60%,transparent)!important}
.composer-icon,.attach-button{background:transparent!important;border:0!important;color:var(--ink-2)!important}
#dispatch{background:var(--brand)!important}
.thread-jump-latest{background:var(--ink)!important;color:var(--surface)!important;border:0!important;box-shadow:var(--shadow-float)!important}
.group-work-pulse,.contribution-card,.conversation-object,.computer-handoff-card{background:var(--faded)!important;border:0!important;border-radius:var(--radius-lg)!important;box-shadow:none!important}
.context-room-state{background:var(--brand-soft)!important;border:0!important;border-radius:var(--radius-md)!important}
.context-task,.context-desktop-card,.memory-learning-card,.memory-episode-card{background:var(--surface)!important;border:0!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-soft)!important}
.context-tabs{background:var(--wash)!important;border-radius:999px!important;padding:3px!important}
.context-tabs button{border-radius:999px!important}
.context-tabs button.active{background:var(--surface)!important;color:var(--ink)!important;box-shadow:0 1px 3px #0002!important}
.trajectory-overview,.trajectory-toolbar,.trajectory-event{background:var(--surface)!important;border:0!important;border-radius:var(--radius-md)!important}

/* Tasks, work and audit */
.task-toolbar,.status-tabs{background:transparent!important}
.status-tabs{display:flex!important;gap:4px!important;padding:4px!important;background:var(--wash)!important;border-radius:999px!important}
.status-tabs button{border:0!important;background:transparent!important;color:var(--ink-2)!important}
.status-tabs button.active{background:var(--ink)!important;color:var(--surface)!important;box-shadow:none!important}
.status-tabs button.active span{background:color-mix(in srgb,var(--surface) 18%,transparent)!important;color:var(--surface)!important}
.task-column,.task-card,.work-plan-card,.project-card,.deliverable-card,.artifact-card{background:var(--surface)!important;border:0!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-soft)!important}
.task-column{background:var(--faded)!important}
.work-section{margin-block:28px!important}
.deliverable-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;background:transparent!important;color:var(--ink)!important;border:0!important;border-radius:0!important;overflow:visible!important}
.deliverable-summary span{min-width:0!important;padding:12px 14px!important;background:var(--faded)!important;border:0!important;border-radius:var(--radius-md)!important;color:var(--ink-2)!important}
.deliverable-summary b{color:var(--ink)!important}
.timeline:before{background:var(--hairline)!important}
.timeline article{background:var(--surface)!important;border:0!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-soft)!important}

/* Computers — product-like takeover, not a VNC admin panel */
.capacity-banner{background:var(--ink)!important;color:var(--surface)!important;border:0!important;border-radius:var(--radius-lg)!important;box-shadow:none!important}
.capacity-banner small{color:#c7c7cc!important}
.desktop-panel{padding:30px!important}
.operator-computer-form{background:var(--faded)!important;border:0!important;border-radius:var(--radius-lg)!important}
.desktop-card{background:var(--surface2)!important;border:1px solid transparent!important;border-radius:var(--radius-lg)!important;box-shadow:none!important}
.desktop-card:hover,.desktop-card.selected{background:var(--surface)!important;border-color:var(--brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)!important}
.desktop-icon{background:var(--ink)!important;color:var(--surface)!important;border-radius:16px!important}
.desktop-workspace{border-top-color:var(--hairline)!important}
.desktop-interactive{background:#111!important;border:0!important;border-radius:var(--radius-xl)!important;overflow:hidden!important;box-shadow:var(--shadow-float)!important}
.desktop-interactive-head{background:#1d1d1f!important;color:#fff!important;border:0!important}
.desktop-interactive-head small{color:#aaa!important}
.desktop-view-controls{background:#2c2c2e!important;border-radius:999px!important;padding:3px!important}
.desktop-view-controls button{background:transparent!important;color:#fff!important;border:0!important}
.browser-surface{background:#111!important;border:0!important;border-radius:0!important}
.browser-surface-state{background:#111e!important;color:#fff!important;backdrop-filter:blur(10px)}
.computer-stream-telemetry{position:absolute;z-index:7;left:12px;top:12px;display:flex;align-items:center;gap:10px;padding:7px 8px 7px 10px;border-radius:999px;background:#1d1d1fd9;color:#fff;box-shadow:0 3px 16px #0005;backdrop-filter:blur(14px);pointer-events:auto}
.computer-stream-telemetry span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:650}
.computer-stream-telemetry span i{width:7px;height:7px;border-radius:50%;background:#ffd60a}
.computer-stream-telemetry span[data-state=healthy] i{background:#30d158;box-shadow:0 0 0 4px #30d15822}
.computer-stream-telemetry span[data-state=attention] i{background:#ff9f0a}
.computer-stream-telemetry small{color:#b8b8bd;font-size:11px}
.computer-stream-telemetry button{width:28px;height:28px;padding:0;border:0;background:#ffffff16;color:#fff}
.semantic-mobile-entry,.rfb-mobile-entry{background:color-mix(in srgb,var(--surface) 94%,transparent)!important;border:1px solid var(--hairline)!important;border-radius:20px 20px 0 0!important;box-shadow:0 -10px 40px #0002!important;backdrop-filter:blur(20px)}

/* Connected accounts */
.credential-view-tabs,.model-catalog-tabs{display:inline-flex!important;background:var(--wash)!important;border:0!important;border-radius:999px!important;padding:3px!important}
.credential-view-tabs button,.model-catalog-tabs button{border:0!important;background:transparent!important}
.credential-view-tabs button.active,.model-catalog-tabs button.active{background:var(--surface)!important;color:var(--ink)!important;box-shadow:0 1px 3px #0002!important}
.connection-reliability{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:16px 0;padding:14px 16px;background:var(--faded);border-radius:var(--radius-md);color:var(--muted)}
.connection-reliability>span{display:flex;align-items:center;gap:5px}
.connection-reliability-state{margin-right:auto;color:var(--ink)!important}
.connection-reliability-state i{width:8px;height:8px;border-radius:50%;background:var(--success)}
.connection-reliability-state[data-state=attention] i{background:var(--warning)}
.connection-reliability button{margin-left:auto;background:var(--surface)!important;border:0!important;color:var(--brand)!important}
.connection-card{background:var(--faded)!important;border:0!important;border-radius:var(--radius-lg)!important;box-shadow:none!important}
.connection-card:before,.connection-card:after{display:none!important}
.connection-card[data-service]{border:0!important}
.connection-card:hover{background:var(--surface)!important;box-shadow:0 0 0 1px var(--hairline)!important}
.connection-service-mark,.connector-mark,.managed-account-mark{background:var(--ink)!important;color:var(--surface)!important;border:0!important}
.connection-health{background:transparent!important;border:0!important}
.connector-catalog-grid button,.admin-service-list button{background:var(--faded)!important;border:1px solid transparent!important;border-radius:var(--radius-md)!important}
.connector-catalog-grid button:hover,.admin-service-list button.active{background:var(--surface)!important;border-color:var(--brand)!important}
.connection-progress{background:var(--wash)!important;border-radius:999px!important}

/* Scheduled work and proof */
.operations-health{gap:10px!important}
.health-card,.routine-card,.incident-card,.run-row,.maintenance-overview,.maintenance-cycle-timeline{background:var(--surface)!important;border:0!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-soft)!important}
.routine-monitor-summary{background:var(--ink)!important;color:var(--surface)!important;border:0!important;border-radius:var(--radius-lg)!important}
.routine-monitor-summary p{color:#c7c7cc!important}
.maintenance-cycle-timeline{margin-top:12px;padding:18px}
.maintenance-cycle-timeline header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}
.maintenance-cycle-timeline header span,.maintenance-cycle-timeline p{color:var(--muted);font-size:12px}
.maintenance-cycle-timeline>div{display:grid;grid-template-columns:repeat(8,minmax(72px,1fr));gap:8px}
.maintenance-cycle-timeline>div>span{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center;padding:10px;border-radius:12px;background:var(--faded)}
.maintenance-cycle-timeline i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:var(--success)}
.maintenance-cycle-timeline [data-state=attention] i,.maintenance-cycle-timeline [data-state=failed] i{background:var(--warning)}
.maintenance-cycle-timeline b{font-size:11px}.maintenance-cycle-timeline small{font-size:10px}

/* Memory evidence */
.memory-lifecycle-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 10px}
.memory-lifecycle-summary>div{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--faded);border-radius:14px}
.memory-lifecycle-summary small{font-size:10px}.memory-lifecycle-summary strong{font-size:20px;letter-spacing:-.04em}
.memory-lifecycle-note{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.memory-lifecycle-note span{padding:6px 9px;border-radius:999px;background:var(--surface2);color:var(--muted);font-size:10px}

/* Settings, models and configuration */
.settings-grid{gap:16px!important}
.settings-grid>.panel{min-height:0!important}
.setting-row,.enforced-setting,.integration-summary{background:var(--faded)!important;border:0!important;border-radius:var(--radius-md)!important}
.settings-links button{background:transparent!important;border:0!important;color:var(--brand)!important;padding-inline:0!important}
.settings-configuration{background:var(--surface)!important;border:0!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-soft)!important}
.configuration-categories{background:var(--faded)!important;border-radius:var(--radius-lg)!important;padding:8px!important}
.configuration-categories button{border:0!important}
.configuration-categories button.active{background:var(--ink)!important;color:var(--surface)!important}
.environment-policy{background:var(--ink)!important;color:var(--surface)!important;border:0!important;border-radius:var(--radius-lg)!important}
.environment-policy p,.environment-policy small{color:#c7c7cc!important}
.model-provider-card,.environment-list article,.security-readiness article{background:var(--faded)!important;border:0!important;border-radius:var(--radius-md)!important}

/* Onboarding/install */
.install-panel{background:#0006!important;backdrop-filter:blur(10px)}
.install-sheet{background:var(--surface)!important;border:0!important;border-radius:30px 30px 0 0!important;box-shadow:0 -20px 70px #0003!important}
.install-app-icon{background:var(--ink)!important;color:var(--surface)!important;border:0!important;border-radius:16px!important}
.install-steps li,.safari-guide,.share-guide{background:var(--faded)!important;border:0!important;border-radius:var(--radius-md)!important}
.welcome-journey{background:var(--surface)!important;border:0!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-float)!important}

@media(prefers-color-scheme:dark){
  :root{color-scheme:dark}
  :root{--ink:#f5f5f7;--ink-2:#d1d1d6;--muted:#98989d;--hairline:#38383a;--wash:#2c2c2e;--canvas:#000;--faded:#1c1c1e;--surface:#171719;--surface2:#242426;--brand:#0a84ff;--brand-strong:#409cff;--brand-soft:#0a84ff22;--success:#30d158;--warning:#ff9f0a;--danger:#ff453a;--shadow-soft:none;--shadow-float:0 18px 50px #0008}
  body,.thread-messages{background-image:none!important}
  .brand .mark,.bottom-nav button.active,.capacity-banner,.routine-monitor-summary,.connection-service-mark,.connector-mark,.managed-account-mark,.configuration-categories button.active{background:#f5f5f7!important;color:#1d1d1f!important}
  .thread-item.active{background:#f5f5f7!important;color:#1d1d1f!important}
  .thread-item.active small,.thread-item.active time{color:#636366!important}
  .capacity-banner small,.routine-monitor-summary p{color:#474747!important}
  .thread-message.user .thread-bubble{background:#0a84ff!important}
  .inline-error,.surface-state.error{background:#3a1117!important;color:#ff9ba5!important}
}

@media(max-width:760px){
  :root{--section-gap:20px}
  main{width:100%!important;padding-inline:12px!important}
  .topbar{min-height:58px!important;padding-inline:max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-right))!important}
  .section-title{margin:8px 4px 18px!important;align-items:center!important}
  .section-title h2{font-size:31px!important}
  .panel{padding:18px!important;border-radius:22px!important}
  .messenger-view{padding:0!important}.messenger-shell{border-radius:0!important;box-shadow:none!important}
  .thread-sidebar,.chat-thread,.agent-context{border-radius:0!important}
  .chat-thread-header{padding-inline:12px!important}
  .thread-composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important}
  .thread-entry-row{border-radius:21px!important}
  .bottom-nav{border-width:1px 0 0!important;border-radius:0!important;box-shadow:none!important}
  .bottom-nav button{border-radius:13px!important}
  .bottom-nav button.active{background:var(--brand-soft)!important;color:var(--brand)!important}
  .desktop-panel{padding:18px!important}
  .desktop-interactive{border-radius:18px!important;margin-inline:-10px!important}
  .desktop-interactive-head{align-items:flex-start!important;gap:10px!important}
  .desktop-view-controls{max-width:100%;overflow-x:auto}
  .computer-stream-telemetry{left:7px;top:7px;max-width:calc(100% - 14px)}
  .computer-stream-telemetry small{display:none}
  .connection-reliability{gap:10px}.connection-reliability-state{width:100%}.connection-reliability button{margin-left:0}
  .deliverable-summary{grid-template-columns:1fr!important}
  .maintenance-cycle-timeline>div{grid-template-columns:repeat(4,1fr)}
  .memory-lifecycle-summary{grid-template-columns:repeat(2,1fr)}
  .settings-grid{display:block!important}.settings-grid>.panel{margin-bottom:12px!important}
  dialog{max-width:calc(100vw - 20px)!important}
}

@media(prefers-reduced-motion:reduce){.view,button{animation:none!important;transition:none!important}}

/* One compact control scale prevents page-specific button padding from colliding. */
button,.button{min-height:36px!important;min-width:0!important;padding:6px 10px!important;line-height:1.2!important}
button.compact,.compact{min-height:32px!important;padding:4px 8px!important;font-size:12px!important}
.icon-button,.icon-button.small,.computer-action-icon,.connection-icon-action,.composer-icon,.attach-button{padding:0!important}
.composer-icon,.attach-button{inline-size:38px!important;block-size:38px!important;min-inline-size:38px!important;min-block-size:38px!important}
.bottom-nav button{min-height:48px!important;padding:5px 4px!important}
.thread-item,.context-task,.project-file-list>button,.remote-vault-list>button,.connector-choice,.composer-command-menu button,.task-family-links button{min-height:unset!important}
@media(max-width:767px){button,.button{min-height:40px!important;padding:6px 9px!important}.icon-button,.computer-action-icon,.connection-icon-action{inline-size:40px!important;block-size:40px!important;min-inline-size:40px!important;min-block-size:40px!important;max-inline-size:40px!important;max-block-size:40px!important;flex-basis:40px!important}.icon-button.small{inline-size:32px!important;block-size:32px!important;min-inline-size:32px!important;min-block-size:32px!important;max-inline-size:32px!important;max-block-size:32px!important;flex-basis:32px!important}.composer-icon,.attach-button{inline-size:40px!important;block-size:40px!important;min-inline-size:40px!important;min-block-size:40px!important}.bottom-nav button{min-height:52px!important;padding:5px 4px!important}}

/* Dense controls: strips always scroll, never wrap or collide. */
button,.button{min-height:32px!important;padding:4px 7px!important}
button.compact,.compact{min-height:28px!important;padding:3px 6px!important}
.icon-button,.computer-action-icon,.connection-icon-action{inline-size:32px!important;block-size:32px!important;min-inline-size:32px!important;min-block-size:32px!important;max-inline-size:32px!important;max-block-size:32px!important;flex-basis:32px!important}
.icon-button.small{inline-size:28px!important;block-size:28px!important;min-inline-size:28px!important;min-block-size:28px!important;max-inline-size:28px!important;max-block-size:28px!important;flex-basis:28px!important}
.composer-icon,.attach-button{inline-size:32px!important;block-size:32px!important;min-inline-size:32px!important;min-block-size:32px!important}
.context-tabs,.work-view-selector{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important}
.context-tabs button,.work-view-selector button{display:flex!important;flex:0 0 auto!important;min-width:max-content!important;white-space:nowrap!important}
.context-tabs{gap:3px!important;padding:3px!important}.context-tabs button{min-height:30px!important;padding:4px 8px!important}
.work-view-selector{gap:3px!important;padding:3px!important}.work-view-selector button{min-height:32px!important;padding:4px 8px!important}
.icon-button .fa-solid,.composer-icon .fa-solid{font-size:13px;line-height:1}
@media(max-width:767px){button,.button{min-height:36px!important;padding:5px 8px!important}.icon-button,.computer-action-icon,.connection-icon-action{inline-size:36px!important;block-size:36px!important;min-inline-size:36px!important;min-block-size:36px!important;max-inline-size:36px!important;max-block-size:36px!important;flex-basis:36px!important}.icon-button.small{inline-size:30px!important;block-size:30px!important;min-inline-size:30px!important;min-block-size:30px!important;max-inline-size:30px!important;max-block-size:30px!important;flex-basis:30px!important}.composer-icon,.attach-button{inline-size:36px!important;block-size:36px!important;min-inline-size:36px!important;min-block-size:36px!important}.context-tabs button,.work-view-selector button{min-height:34px!important;padding:4px 8px!important}}