.panel label{display:block;margin:12px 0;color:var(--muted);font-size:13px}
.panel label input,.panel label select{display:block;width:100%;margin-top:5px}
/* Compact desktop workspace navigation and more usable agent forms. */
@media(min-width:651px){aside{width:184px;padding:22px 14px}aside h2{font-size:17px}nav{margin-top:20px}nav button{padding:8px 10px;margin:2px 0;font-size:13px;border-radius:6px}.identity{bottom:16px;font-size:11px;line-height:1.45}main{margin-left:184px;padding:24px 30px}header{margin-bottom:20px}}
#agentForm,#agentCredentialsForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
#agentForm label,#agentCredentialsForm label{display:flex;flex-direction:column;min-width:0;margin:0;color:var(--muted);font-size:13px}
#agentForm input,#agentForm select,#agentForm textarea,#agentCredentialsForm input{display:block;width:100%;min-width:0;margin-top:5px}
#agentForm label:has(textarea),#agentForm .actions,#agentCredentialsForm .actions,#agentCredentialsForm .credential-note{grid-column:1/-1}
#agentForm textarea{min-height:110px;resize:vertical}
#agentForm .row{display:contents}
#agentForm .actions,#agentCredentialsForm .actions{display:flex;justify-content:flex-start;gap:10px;margin-top:6px}
.credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.credential-grid label{display:flex;flex-direction:column;min-width:0;margin:0;color:var(--muted);font-size:13px}
.credential-grid input{width:100%;margin-top:5px}
@media(max-width:650px){#agentForm,#agentCredentialsForm,.credential-grid{grid-template-columns:1fr}#agentForm label:has(textarea),#agentForm .actions,#agentCredentialsForm .actions,#agentCredentialsForm .credential-note{grid-column:auto}#agentForm .row{display:contents}aside{padding:10px}nav{gap:4px}nav button{padding:7px 10px}}
@media(max-width:650px){body{padding-bottom:env(safe-area-inset-bottom)}main{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.tablewrap{overscroll-behavior-x:contain}button,.button{min-height:42px}input,select,textarea{font-size:16px}header>div:last-child{display:flex;flex-wrap:wrap;gap:6px}dialog{padding:18px;width:calc(100vw - 20px);max-height:92vh}}

/* Action-first CRM layout */
aside{display:flex;flex-direction:column;overflow:auto;gap:2px}
aside h2{margin:0}
aside small{font-size:11px;letter-spacing:.04em;text-transform:uppercase}
aside nav{margin-top:16px}
.nav-group{margin:0 0 12px}
.nav-heading{padding:5px 10px;color:#8fa8bd;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.identity{position:static;margin-top:auto;padding:10px;color:#9fb4c8;border-top:1px solid #2b4155}
main{min-width:0}
header{border-bottom:1px solid var(--line);padding-bottom:16px}
header>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
#boardSwitcher{max-width:210px}
#content{min-width:0}
.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.page-intro h2{font-size:25px;letter-spacing:-.55px;margin:1px 0 6px;line-height:1.2}
.page-intro p{margin:0;max-width:760px}
.page-intro button{flex:none}
.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.section-head h3{margin:0}
.home-metrics,.planner-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.home-metrics button,.planner-summary .metric{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:white;border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}
.home-metrics strong,.planner-summary strong{font-size:26px;line-height:1.1;color:var(--ink)}
.home-metrics span,.planner-summary span{font-size:12px;color:var(--muted)}
.home-metrics small,.planner-summary small{font-size:11px;color:var(--muted)}
.home-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.home-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 0}
.home-row:first-of-type{border-top:0}
.home-row>div{display:flex;flex-direction:column;min-width:0;flex:1}
.home-row small{color:var(--muted);font-size:12px}
.home-row button{flex:none}
.home-leads{margin-bottom:20px}
.list-head,.list-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}
.list-head p{margin:0}
.list-pager{font-size:12px;color:var(--muted)}
.list-pager>div{display:flex;align-items:center;gap:8px}
.opportunity-list{display:grid;gap:12px}
.opportunity-card{display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:18px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}
.opportunity-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.opportunity-heading h3{margin:2px 0 0;font-size:18px;line-height:1.25}
.match-badge{font-size:11px;white-space:nowrap;padding:5px 8px;border-radius:12px;background:#e8f3ee;color:#146b61}
.opportunity-meta{font-size:12px;margin:8px 0;color:var(--muted)}
.opportunity-next{margin:9px 0;font-size:13px}
.research-brief{border-left:3px solid #d6e9e4;background:#f7faf9;padding:9px 12px;font-size:12px;display:flex;flex-direction:column;gap:3px}
.research-brief p{white-space:pre-wrap}
.opportunity-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px}
.opportunity-actions .tag{align-self:flex-start}
.opportunity-actions details{position:relative}
.opportunity-actions summary{cursor:pointer;font-size:12px;color:var(--accent)}
.opportunity-actions details>div{display:flex;flex-direction:column;gap:6px;padding-top:8px}
.opportunity-actions details a{font-size:12px}
.planner-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:14px}
.planner-month-head,.agenda-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.planner-month-head h3,.agenda-head h3{margin:0}
.planner-month-head button{font-size:22px;line-height:1;padding:5px 13px}
.planner-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.weekday{text-align:center;font-size:11px;font-weight:700;color:var(--muted);padding:6px 0}
.planner-empty{min-height:72px}
.planner-day{min-width:0;min-height:78px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:8px;border-radius:8px;border:1px solid var(--line);background:#fff}
.planner-day.selected{outline:2px solid var(--accent)}
.planner-day.today{background:#edf6f3}
.day-number{font-weight:700;font-size:13px}
.day-progress,.day-extra{font-size:10px;color:var(--muted)}
.day-dots{display:flex;gap:3px;margin-top:auto}
.day-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#cdd8de}
.day-dots i.done{background:var(--accent)}
.planner-task{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:14px 0}
.planner-task-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.planner-task-main p{margin:2px 0;white-space:pre-wrap}
.planner-task-actions{display:flex;flex-direction:column;gap:6px;flex:none}
.planner-task-actions button{white-space:nowrap}
.task-kind{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.task-status{display:inline-block;align-self:flex-start;padding:3px 7px;border-radius:10px;background:#edf0f3;color:#4d6576;font-size:10px}
.task-status.done{background:#e0f2e9;color:#19724e}
.task-outcome{color:var(--accent)!important}
.task-date{font-weight:700}
dialog form>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
dialog form>.row>*{min-width:0}
dialog form label{font-size:13px}
dialog form input,dialog form select,dialog form textarea{min-height:40px}
dialog form textarea{resize:vertical;min-height:90px}
@media(min-width:651px){aside{width:208px}main{margin-left:208px}nav button{padding:7px 10px;margin:1px 0}nav{overflow:auto}}
@media(max-width:1100px){.planner-layout{grid-template-columns:1fr}.home-columns{grid-template-columns:1fr}}
@media(max-width:650px){aside{display:block;overflow:visible}.nav-group{display:flex;align-items:center;flex:none;gap:4px;margin:0}.nav-heading{display:none}nav button{width:auto;flex:none;margin:0}.identity{display:none}main{margin:0;padding:16px}.page-intro{flex-direction:column}.page-intro h2{font-size:22px}.home-metrics,.planner-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.home-metrics button,.planner-summary .metric{padding:9px}.home-metrics strong,.planner-summary strong{font-size:18px}.planner-calendar,.planner-agenda{padding:14px}.planner-calendar-grid{gap:2px}.planner-day{min-height:60px;padding:4px}.day-progress{font-size:9px}.day-extra{display:none}.opportunity-card{grid-template-columns:1fr;padding:14px}.opportunity-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.list-head,.list-pager{flex-wrap:wrap}dialog form>.row{grid-template-columns:1fr}header{align-items:flex-start}#boardSwitcher{max-width:100%}}