/* Workspace information architecture (ADR 0015): sidebar groups, Overview, Settings sections, Activity and the
   simplified model and setup forms. One spacing scale (4/8/12/16/24/32) and the shell's existing tokens. */

/* Sidebar */
#tab-btn-chat{--tab-icon:url('/icons/message-circle.svg')}
#tab-btn-keys{--tab-icon:url('/icons/plug-connected.svg')}
#tab-btn-tasks{--tab-icon:url('/icons/activity.svg')}
#tab-btn-settings{--tab-icon:url('/icons/settings.svg')}
.app-nav .nav-group-settings{margin-top:12px;padding-top:8px;border-top:1px solid var(--control-border)}
body.sidebar-collapsed .app-nav .nav-group-settings{border-top:0}

.overview-status-line{margin:6px 0 0;color:var(--muted);font-size:13px}

/* Overview */
.overview-heading{margin-bottom:20px}
.overview-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
.overview-path{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;gap:12px 16px;padding:20px;border:1px solid var(--control-border);border-radius:8px;background:var(--surface)}
.overview-path-icon{width:40px;height:40px;border-radius:8px;background:var(--control-soft);position:relative}
.overview-path-icon::after{content:'';position:absolute;inset:10px;background:currentColor;-webkit-mask:var(--path-icon) center/contain no-repeat;mask:var(--path-icon) center/contain no-repeat}
.overview-path-icon.chat{--path-icon:url('/icons/message-circle.svg')}.overview-path-icon.apps{--path-icon:url('/icons/plug-connected.svg')}
.overview-path[data-ready="true"] .overview-path-icon{background:var(--acid);color:var(--acid-ink)}
.overview-path h3{margin:2px 0 4px;font-size:17px;letter-spacing:-.02em}
.overview-path-copy>p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.overview-path .overview-path-status{margin-top:10px;color:var(--text);font-size:12px;font-weight:700}
.overview-path[data-ready="true"] .overview-path-status::before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--success);vertical-align:1px}
.overview-path-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}
.overview-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 24px;padding:0;border:1px solid var(--control-border);border-radius:8px;background:var(--surface);overflow:hidden}
.overview-facts>div{padding:12px 16px;border-right:1px solid var(--control-border)}.overview-facts>div:last-child{border-right:0}
.overview-facts dt{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.overview-facts dd{margin:4px 0 0;font-size:14px;font-weight:700}
.overview-section{margin-top:24px}
.overview-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.overview-section-head h3{margin:0;font-size:15px;letter-spacing:-.01em}
#getting-started{margin-bottom:16px}
/* Until setup is done Overview shows only the setup card (the full-screen guide does the rest). */
body.onboarding-active .overview-paths,body.onboarding-active .overview-facts,body.onboarding-active .overview-section{display:none}

/* Settings sections */
.settings-nav{margin:0 0 20px}
.settings-nav-title{margin:0 0 12px;font-size:25px;letter-spacing:-.03em}
.settings-nav-tabs{margin:0}
body.app-mode .settings-page .section-heading h2,body.app-mode .settings-page .profile-pane-head h3{font-size:19px}
.settings-page>.section-heading{margin-top:4px}

/* Activity */
.task-origin{font-weight:700}
.task-origin.chat::before{content:'';display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 1px var(--ink);vertical-align:1px}

/* Connected AI apps: the read-only test sits under the app list. */
#keys-pane-apps .task-try{margin-top:24px}

/* Model dialog */
.provider-dialog .dialog-head p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.provider-advanced{border-top:1px solid var(--control-border);padding-top:10px}
.provider-advanced>summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:700}
.provider-advanced[open]>summary{margin-bottom:12px}
.provider-form-status{min-height:1.4em;margin:0;color:var(--warning);font-size:12px}
.provider-dialog small{display:block;margin-top:4px;color:var(--muted);font-weight:500}

/* First-run choice: centered, balanced cards that share Safety mode's design language. */
.wizard-center.wizard-center-path{width:min(100%,760px)}
.wizard-center.wizard-center-safety{width:min(100%,640px)}
.wizard-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.wizard-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin:10px auto 4px}
.wizard-path{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:250px;padding:22px 22px 20px;border:2px solid var(--control-border);border-radius:16px;background:var(--surface);color:var(--text);text-align:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;font:inherit}
.wizard-path:hover:not(.selected),.wizard-path:focus-visible:not(.selected){border-color:var(--ink);transform:translateY(-2px);outline:none}
.wizard-path:focus-visible:not(.selected){outline:3px solid var(--focus,var(--acid-ink));outline-offset:3px}
.wizard-path.selected:focus-visible{outline:none;border-color:var(--focus,var(--acid-ink))}
.wizard-path.selected{border-color:var(--control-border);background:color-mix(in srgb,var(--acid) 12%,var(--surface));box-shadow:none}
.wizard-path.selected::after{content:"✓";position:absolute;top:18px;right:18px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--surface);font-size:14px;font-weight:800}
.wizard-path-icon{position:relative;display:grid;place-items:center;width:68px;height:68px;flex:none;margin-top:2px;border-radius:20px;background:var(--acid)}
/* A restrained blue identifies a personal model without competing with BrowserPair lime. */
.wizard-path-icon.chat{background:#dceaff;--model-icon-ink:#225083}
html[data-theme="dark"] .wizard-path-icon.chat{background:#29496d;--model-icon-ink:#dceaff}
.wizard-path-icon::after{content:"";width:33px;height:33px;background:var(--acid-ink);-webkit-mask:var(--path-icon) center/contain no-repeat;mask:var(--path-icon) center/contain no-repeat}
.wizard-path-icon.chat::after{background:var(--model-icon-ink)}
.wizard-path-icon.apps{--path-icon:url('/icons/plug-connected.svg')}
.wizard-path-icon.chat{--path-icon:url('/icons/message-circle.svg')}
.wizard-path strong{font-size:19px;font-weight:750;line-height:1.25;letter-spacing:-.025em}
.wizard-path>small{max-width:275px;color:var(--muted);font-size:12.5px;line-height:1.5}
.wizard-continue{display:inline-flex;align-items:center;justify-content:center;gap:14px}
.wizard-step-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;width:100%;margin-top:8px}
.wizard-step-actions .button{min-height:50px;border-radius:12px}
.wizard-step-actions .wizard-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px}
.wizard-mode{width:100%;margin:10px auto 0;text-align:left}
.wizard-mode .wizard-choices{margin-top:0}
.wizard-mode .wizard-choice{min-height:210px;padding:22px 20px}
.wizard-mode-note{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}
.wizard-mode-note+ .wizard-mode-note{margin-top:6px}
.wizard-model-form{display:grid;gap:12px;width:min(420px,100%);margin:8px auto 0;text-align:left}
.wizard-model-form label{display:grid;gap:4px;font-size:12px;font-weight:700}
.wizard-model-form input,.wizard-model-form select{min-height:42px;padding:0 12px;border:1px solid var(--control-border);border-radius:6px;background:var(--surface)}

@media(max-width:860px){
  .overview-paths{grid-template-columns:1fr}
  .overview-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .overview-facts>div:nth-child(2){border-right:0}.overview-facts>div:nth-child(-n+2){border-bottom:1px solid var(--control-border)}
}
@media(max-width:680px){
  .wizard-paths{grid-template-columns:1fr;gap:12px;max-width:460px}
  .wizard-path{min-height:0;padding:18px 20px;gap:8px}
  .wizard-path-icon{width:60px;height:60px;border-radius:18px}
  .wizard-path-icon::after{width:28px;height:28px}
}
@media(max-width:560px){
  .wizard-mode .wizard-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wizard-mode .wizard-choice{min-height:166px;gap:6px;padding:12px 8px}
  .wizard-mode .wizard-choice .mode-badge{width:44px;height:44px;margin-bottom:0}
  .wizard-mode .wizard-choice .mode-badge svg{width:23px;height:23px}
  .wizard-mode .wizard-choice strong{font-size:16px}
  .wizard-mode .wizard-choice small{font-size:11px;line-height:1.4}
  .wizard-step-actions .button{flex:1}
}

@media(max-width:520px){
  .overview-path{grid-template-columns:1fr;padding:16px}.overview-path-actions{grid-column:1}
  .overview-path-actions>*{flex:1 1 auto;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.wizard-path{transition:none}.wizard-path:hover{transform:none}}

/* Overview: a single aligned content column, real iconography, and quiet empty states. */
/* Use the same 1120px content width as the rest of the dashboard. */
.overview-page :is(.overview-heading,.overview-paths,.overview-facts,.overview-recent,#overview-attention-section){width:100%;max-width:none;margin-left:0;margin-right:0}
.overview-page .overview-heading{margin-bottom:16px}
.overview-page .overview-paths{gap:14px;margin-bottom:14px}
.overview-page .overview-path{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:196px;padding:19px 16px;text-align:center;border-radius:12px}
.overview-page .overview-entry-art{height:54px;display:flex;align-items:center;justify-content:center;gap:5px}
.overview-page .overview-chat-art .overview-chat-mark{display:block;width:48px;height:48px;color:var(--text);background:currentColor;-webkit-mask:url('/glyph-black.svg') center/contain no-repeat;mask:url('/glyph-black.svg') center/contain no-repeat}
.overview-page .overview-app-art .overview-app-mark{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--control-border);border-radius:13px;background:var(--surface);color:var(--text)}
.overview-page .overview-app-art .overview-app-mark:nth-child(2){transform:translateY(-4px)}
.overview-page .overview-app-art .overview-app-mark>span{display:block;width:23px;height:23px;background:currentColor;-webkit-mask:url('/icons/chatgpt-symbol-black.svg') center/contain no-repeat;mask:url('/icons/chatgpt-symbol-black.svg') center/contain no-repeat}
.overview-page .overview-app-art .overview-app-mark.anthropic>span{-webkit-mask-image:url('/icons/claude-symbol-black.svg');mask-image:url('/icons/claude-symbol-black.svg')}
.overview-page .overview-app-art .overview-app-mark.codex>span{width:23px;height:23px;-webkit-mask-image:url('/icons/terminal.svg');mask-image:url('/icons/terminal.svg')}
.overview-page .overview-path h3{margin:0;font-size:16px}
.overview-page .overview-path-copy>p{margin:4px 0 0;font-size:12px;line-height:1.4}
.overview-page .overview-path .overview-path-status{min-height:17px;color:var(--muted);font-weight:500}
.overview-page .overview-path-actions{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:4px}
.overview-page .overview-facts{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px;border-radius:12px}
.overview-page .overview-facts>div{padding:12px 10px;text-align:center;border-bottom:0}
.overview-page .overview-facts>div:nth-child(2){border-right:1px solid var(--control-border)}
.overview-page .overview-facts dt{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;letter-spacing:.045em}
.overview-page .overview-facts dd{margin-top:6px;font-size:20px;line-height:1.1}
.overview-page .overview-fact-icon{display:inline-block;flex:0 0 15px;width:15px;height:15px;background:var(--muted);-webkit-mask:url('/icons/chrome.svg') center/contain no-repeat;mask:url('/icons/chrome.svg') center/contain no-repeat}
.overview-page .overview-fact-icon.apps{-webkit-mask-image:url('/icons/plug-connected.svg');mask-image:url('/icons/plug-connected.svg')}
.overview-page .overview-fact-icon.activity{-webkit-mask-image:url('/icons/activity.svg');mask-image:url('/icons/activity.svg')}
.overview-page .overview-recent{margin-top:12px}
.overview-page .overview-task-list.is-empty{border:0;border-radius:0;background:transparent;overflow:visible}
.overview-page .overview-empty-line{margin:0;padding:7px 0;color:var(--muted);font-size:12.5px}
@media(max-width:650px){
  .overview-page .overview-paths{grid-template-columns:1fr;gap:10px}
  .overview-page .overview-path{min-height:175px}
  .overview-page .overview-facts dt{flex-direction:column;gap:5px;font-size:9px;line-height:1.2}
  .overview-page .overview-facts>div{padding:11px 5px}
  .overview-page .overview-heading{gap:10px}
}