/* A quiet, shared workspace for the human calling flow and agent follow-through. */
:root {
  --page-bg: #f7f8f5; --panel: #ffffff; --panel-2: #edf0ea;
  --ink: #26392f; --muted: #67756c; --faint: #8c978f; --line: #dfe5dd;
  --dark: #345648; --accent: #426853; --accent-soft: #eaf1e9;
  --green: #3f6a51; --green-soft: #e6f0e7; --blue: #526880; --blue-soft: #eaf0f7;
  --red: #97554d; --red-soft: #f6eae7; --amber: #866a3c; --amber-soft: #f7efdd;
  --shadow: 0 3px 16px rgba(36,58,42,.035);
}
body { background: var(--page-bg); color: var(--ink); font-size:14px; }
.workspace-header { min-height:80px; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:40px; padding:0 38px; background:rgba(255,255,255,.88); }
.workspace-brand { display:flex; align-items:center; gap:12px; color:var(--ink); font-size:14px; white-space:nowrap; }
.workspace-brand:hover { text-decoration:none; }
.brand-mark { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:#e8eee4; color:#45634c; font:italic 700 27px Georgia,serif; }
.brand-divider { color:#bcc7bb; margin:0 8px; }
.workspace-brand strong { font-weight:500; color:var(--muted); }
.primary-nav { gap:4px; margin:0; align-items:center; font-size:12px; font-weight:600; }
.primary-nav a { padding:11px 15px; border-radius:8px; color:var(--muted); white-space:nowrap; }
.primary-nav a:hover { background:#f0f3ed; text-decoration:none; color:var(--ink); }
.primary-nav a[aria-current="page"] { color:var(--accent); background:var(--accent-soft); }
.workspace-status { margin-left:auto; display:flex; gap:7px; align-items:center; color:var(--muted); font-size:11px; white-space:nowrap; }
.status-dot { width:6px; height:6px; border-radius:50%; background:#7a997c; }
.shell { max-width:1500px; padding:32px 38px 60px; }
.topbar { margin-bottom:24px; align-items:center; }
h1 { font-size:30px; font-weight:600; line-height:1.2; letter-spacing:-.8px; margin:5px 0 8px; }
h2 { font-weight:600; }
.eyebrow { font-size:10px; letter-spacing:.13em; font-weight:700; }
.subtle { line-height:1.6; }
.btn { border-radius:9px; min-height:38px; padding:9px 15px; font-size:12px; font-weight:600; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.btn:hover { border-color:#adbdaa; background:#f4f6f1; text-decoration:none; }
.btn-primary:hover,.btn-dark:hover { background:#355642; color:white; border-color:#355642; }
.btn:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid #a3bea5; outline-offset:3px; }
input:focus,textarea:focus,select:focus { outline:2px solid #9eb69d; outline-offset:1px; }
input,textarea,select { color:var(--ink); }
input::placeholder,textarea::placeholder { color:#929c92; font-weight:400; }
.notif { top:auto; bottom:24px; right:24px; z-index:100; padding:14px 18px; font-size:13px; max-width:min(430px,calc(100vw - 32px)); }
.read-only-banner { background:#eef2e9; color:var(--muted); font-weight:500; padding:6px 20px; font-size:11px; }
.panel,.account-card,.proposal-card,.card { box-shadow:none; }
.panel { margin-top:16px; }
.profile [data-state="ready"],.proposal-detail [data-state="ready"] { min-width:0; }
.metric { background:var(--accent-soft); }
.metric strong { font-weight:600; }
.metric-grid { margin-bottom:22px; }
.portfolio-card strong { font-size:24px; font-weight:600; }
.portfolio-card:nth-child(2) { background:#f4efdf; }
.portfolio-card:nth-child(3) { background:#f0edf7; }
.portfolio-card:nth-child(4) { background:#eaf1e9; }
.filters { background:#fff; padding:18px; border:1px solid var(--line); border-radius:12px; }
.filters label,.proposal-form label { font-size:12px; }
.filters input,.filters select,.proposal-form input,.proposal-form select { min-height:42px; }
.state { border-style:solid; color:var(--muted); font-size:13px; }
.account-card strong { display:block; font-size:16px; font-weight:600; margin-bottom:4px; }
.account-card { transition:border-color .15s,transform .15s; }
.account-card:hover { transform:translateY(-2px); }
.accounts-tools { display:flex; gap:16px; align-items:center; justify-content:space-between; margin-bottom:20px; }
.accounts-tools input { width:min(430px,100%); padding:12px 15px; border:1px solid var(--line); background:white; border-radius:10px; }
.section-note { max-width:640px; color:var(--muted); font-size:13px; line-height:1.65; }
.priority-pill { padding:4px 8px; border-radius:7px; background:var(--amber-soft); color:var(--amber); font-size:10px; }
.source-details { margin-top:14px; font-size:11px; color:var(--muted); overflow-wrap:anywhere; }
.source-details summary { cursor:pointer; min-height:36px; display:flex; align-items:center; }
.agent-intro { padding:20px 24px; background:#eaf0e7; border:1px solid #dce5d7; border-radius:12px; margin-bottom:24px; }
.agent-intro h2 { font-size:15px; margin-bottom:6px; }
.agent-card-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.agent-card .btn { margin-top:16px; }
@media (max-width:1150px) { .workspace-header { padding:0 24px; gap:22px; } .workspace-status { display:none; } .shell { padding:28px 24px 48px; } }
@media (max-width:820px) {
  .workspace-header { flex-wrap:wrap; gap:14px; padding:16px 16px 0; min-height:0; }
  .workspace-brand { width:100%; }
  .primary-nav { width:100%; overflow:auto; padding-bottom:12px; gap:2px; }
  .primary-nav a { min-height:44px; font-size:12px; padding:10px 12px; }
  .shell { padding:24px 16px 48px; } h1 { font-size:27px; }
  .btn { min-height:44px; } input,textarea,select { font-size:16px!important; }
  .accounts-tools { align-items:flex-start; flex-direction:column; gap:8px; }
  .accounts-tools input { width:100%; }
  .notif { bottom:calc(88px + env(safe-area-inset-bottom)); right:16px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }
.account-next-action { font-size:12px; color:var(--muted); border-top:1px solid var(--line); margin-top:16px; padding-top:12px; }
.accounts-footer { display:flex; justify-content:center; margin-top:24px; }
.agent-section-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:16px; }
.agent-section-heading h2 { font-size:18px; }
.agent-section-heading .eyebrow { margin-bottom:5px; }
.agent-work-section { margin-top:32px; }
.agent-work-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.agent-work-card { background:#fff; border:1px solid var(--line); border-radius:12px; padding:20px; min-width:0; }
.agent-work-card h3 { font-size:15px; font-weight:600; margin:15px 0 7px; }
.agent-work-card .section-note { font-size:12px; overflow-wrap:anywhere; }
.agent-work-card .btn { margin-top:16px; }
.agent-card-meta .subtle { font-size:10px; }
.work-status { padding:4px 8px; border-radius:6px; background:#eff1eb; font-size:10px; color:var(--muted); }
.work-status[data-status="completed"] { background:var(--green-soft);color:var(--green); }
.work-status[data-status="failed"],.work-status[data-status="waiting"] { background:var(--amber-soft);color:var(--amber); }
.work-status[data-status="running"] { background:var(--blue-soft);color:var(--blue); }
.agent-filters { display:flex; gap:7px; overflow:auto; margin-bottom:16px; }
.agent-filters .btn { white-space:nowrap; }
.agent-filters [aria-pressed="true"] { background:var(--accent-soft);border-color:#adbfaa; }
.agent-next { margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--accent); }
.agent-limit-note { font-size:10px; margin-top:12px; }
@media(max-width:700px) { .agent-work-grid { grid-template-columns:1fr; } .agent-section-heading { align-items:flex-start; }.agent-intro { padding:18px; } }
.proposal-pagination { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px; }
.proposal-status { align-self:start; font-size:11px; color:var(--accent); }
.proposal-card { align-items:center; }
.proposal-card strong { font-weight:600; }
.state { padding:22px; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.back-link { display:inline-block; margin-bottom:20px; font-size:12px; }
.archive-note { padding:15px 18px; background:#f3efe5; border:1px solid #e9e1d0; color:#766951; border-radius:10px; font-size:12px; line-height:1.6; margin-bottom:24px; }
.archive-list { display:grid; gap:10px; }
.archive-row { background:#fff; border:1px solid var(--line); border-radius:12px; }
.archive-row>summary { display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:18px 20px;cursor:pointer;list-style:none; }
.archive-row>summary::-webkit-details-marker {display:none;}
.archive-row>summary strong {font-size:13px;font-weight:600;}
.archive-row>summary .subtle {font-size:11px;margin-top:4px;overflow-wrap:anywhere;}
.archive-stage {font-size:11px;color:var(--muted);}
.archive-expand {font-size:11px;color:var(--accent);}
.archive-detail {border-top:1px solid var(--line);padding:18px 20px;}
.archive-origin {font-size:11px;color:var(--muted);margin-bottom:7px;}
.archive-values {display:grid;grid-template-columns:minmax(130px,.35fr) minmax(0,1fr);margin-top:16px;font-size:12px;}
.archive-values dt,.archive-values dd {padding:9px 0;border-bottom:1px solid #edf0e9;overflow-wrap:anywhere;white-space:pre-wrap;}
.archive-values dt {color:var(--muted);padding-right:20px;}
@media(max-width:650px){.archive-row>summary {grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:16px;}.archive-row>summary>div{grid-column:1/-1;}.archive-expand{text-align:right;}.archive-values{grid-template-columns:1fr;}.archive-values dt{border:0;padding-bottom:0;font-size:10px;}.archive-values dd{padding-top:4px;}.archive-detail{padding:16px;}}