.pa-panel { margin: 0 0 28px; padding: 24px; background: var(--vellum,#faf7f2); border: 1px solid var(--seam,#ddd5c8); border-radius: 12px; color: var(--charcoal,#2c2620); }
.pa-heading,.pa-client-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:16px; }
.pa-heading h2,.pa-client-heading h3 { font-family:var(--font-display,Georgia); font-weight:400; font-size:26px; margin:0; }
.pa-filters { display:flex; gap:12px; flex-wrap:wrap; }
.pa-filters label { display:flex; flex-direction:column; gap:4px; font-size:12px; color:var(--slate,#7a7068); }
.pa-filters select { min-height:44px; background:transparent; border:1px solid var(--seam,#ddd5c8); border-radius:6px; padding:8px 30px 8px 10px; font:inherit; color:var(--charcoal,#2c2620); }
.pa-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--seam,#ddd5c8); border:1px solid var(--seam,#ddd5c8); border-radius:8px; overflow:hidden; margin:20px 0 14px; }
.pa-metric { background:var(--vellum,#faf7f2); padding:18px; display:flex; flex-direction:column; gap:8px; }
.pa-metric>span { font-size:12px; }
.pa-metric strong { font-family:var(--font-display,Georgia); font-weight:400; font-size:30px; line-height:1.15; color:var(--olive,#4a5240); }
.pa-metric small,.pa-note,.pa-client-row small { font-size:12px; color:#71665b; line-height:1.6; }
.pa-note { margin:10px 0; }
.pa-client-list { margin-top:24px; }
.pa-client-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(120px,.6fr) minmax(0,1fr) 16px; gap:16px; align-items:center; padding:18px 0; width:100%; text-align:left; border:0; border-top:1px solid var(--seam,#ddd5c8); background:transparent; font:inherit; font-size:13px; color:inherit; cursor:pointer; }
.pa-client-row:hover { background:var(--olive-muted,#f0f0e8); }
.pa-client-row strong { font-weight:500; font-size:15px; }
.pa-client-row small { display:block; margin-top:4px; }
.pa-stage { color:var(--olive,#4a5240); }
.pa-client-heading label { display:flex; gap:8px; align-items:center; font-size:12px; min-height:44px; cursor:pointer; }
.pa-client-heading input { width:18px; height:18px; accent-color:var(--olive,#4a5240); }
.pa-order { border-top:1px solid var(--seam,#ddd5c8); margin-top:12px; }
.pa-order summary { padding:16px 0; cursor:pointer; font-size:13px; line-height:1.6; }
.pa-order summary span { color:#71665b; margin-left:8px; }
.pa-timeline { padding:0; list-style:none; }
.pa-timeline li { border-left:1px solid var(--seam,#ddd5c8); padding:8px 0 12px 18px; display:flex; justify-content:space-between; gap:16px; font-size:13px; line-height:1.5; }
.pa-timeline time { font-size:12px; color:#71665b; flex-shrink:0; }
.pa-panel button:focus-visible,.pa-panel select:focus-visible,.pa-order summary:focus-visible { outline:2px solid var(--olive,#4a5240); outline-offset:3px; }
#portrait-client-analytics { margin-top:24px; }
@media(max-width:700px) {
 .pa-panel { padding:18px; }
 .pa-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .pa-metric { padding:14px; }
 .pa-metric strong { font-size:26px; }
 .pa-client-row { grid-template-columns:minmax(0,1fr) 16px; gap:8px; }
 .pa-client-row>.pa-stage,.pa-client-row>span:nth-child(3) { grid-column:1; }
 .pa-client-row>span:last-child { grid-column:2; grid-row:1; }
 .pa-timeline li { flex-direction:column; gap:3px; }
 .pa-filters { width:100%; }
 .pa-filters label { flex:1; min-width:120px; }
}
.pa-attention-item{display:flex;flex-direction:column;gap:5px;width:100%;padding:14px 0;border:0;border-top:1px solid var(--seam,#ddd5c8);background:transparent;text-align:left;font:inherit;font-size:13px;line-height:1.5;color:inherit;cursor:pointer;overflow-wrap:anywhere}
.pa-attention-item:hover{background:var(--olive-muted,#f0f0e8)}
.pa-progress{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:12px;color:#62584d;min-width:0}
.pa-progress progress{width:100%;height:8px;accent-color:var(--olive,#4a5240)}
.pa-progress small{font-size:11px;line-height:1.5}
.pa-checklist{list-style:none;padding:0;margin:8px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.pa-checklist li{display:flex;gap:6px;padding:8px 0;border-bottom:1px solid var(--seam,#ddd5c8);font-size:13px}.pa-checklist li.done{color:#4a5240}.pa-step-state{margin-left:auto;font-size:11px;color:#71665b}
.pa-nav-count{display:inline-block;border-radius:20px;padding:1px 6px;background:#513846;color:white;font-size:11px}.pa-nav-count[hidden]{display:none}
[data-portrait-attention]:empty{display:none}
@media(max-width:700px){.pa-checklist{grid-template-columns:1fr}.pa-client-row .pa-progress{max-width:100%}.pa-timeline li{overflow-wrap:anywhere}}