.customer-scope { display:flex; flex-wrap:wrap; gap:7px; padding:0 0 22px; }
.customer-scope .selected { background:var(--surface-raised); color:var(--ink); border-color:var(--accent); }
.customer-library { margin:0 0 30px; padding:23px; border:1px solid var(--line); background:var(--surface-soft); border-radius:8px; }
.customer-library .library-card-copy p { max-width:650px; }
.customer-library .library-card-actions,.customer-detail .library-card-actions { flex-wrap:wrap; flex-shrink:1; }
.customer-context { margin:0 28px 23px; padding:19px 20px; border:1px solid var(--line); border-radius:7px; background:var(--surface-soft); }
.customer-context-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.customer-context-heading > div { display:flex; flex-direction:column; gap:7px; min-width:0; }
.customer-context-heading strong { font-size:14px; overflow-wrap:anywhere; }
.customer-save { max-width:560px; min-width:200px; flex:0 1 55%; }
.customer-save > summary { color:var(--accent); font-size:12px; }
.customer-save-fields { display:grid; gap:14px; padding-top:15px; }
.customer-data-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:20px; margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.customer-data-toolbar .guide-actions { margin:0; flex-wrap:wrap; gap:7px; }
.customer-data-toolbar .button { font-size:10px; }
.draft-recovery,.dataset-preview,.stale-result-note { margin-bottom:24px; padding:20px 24px; border:1px solid var(--line-strong); border-radius:8px; background:var(--surface); }
.draft-recovery { display:flex; align-items:center; justify-content:space-between; gap:20px; border-left:3px solid var(--warm); }
.draft-recovery p,.dataset-preview p,.stale-result-note { color:var(--muted); font-size:12px; }
.dataset-preview { border-left:3px solid var(--accent); }
.dataset-preview h2 { margin:7px 0; }
.dataset-preview .table-wrap { margin:20px 0; max-height:330px; overflow:auto; }
.dataset-preview table { width:100%; border-collapse:collapse; table-layout:fixed; }
.dataset-preview td,.dataset-preview th { padding:12px; text-align:left; border-bottom:1px solid var(--line); overflow-wrap:anywhere; vertical-align:top; font-size:12px; }
.stale-result-note { display:flex; justify-content:space-between; gap:20px; align-items:center; background:var(--surface-soft); }
.customer-detail > h2 { margin-bottom:14px; }
.customer-detail > p { margin-bottom:16px; color:var(--muted); }
.customer-detail > h3 { margin:24px 0 15px; }
.customer-detail pre { overflow:auto; max-height:440px; padding:20px; background:var(--surface-code); }
.customer-detail .library-card code { overflow-wrap:anywhere; font-size:10px; }
@media(max-width:900px) { .customer-data-toolbar { grid-template-columns:minmax(0,1fr); gap:14px; } }
@media(max-width:650px) { .customer-context { margin:0 16px 20px; padding:16px; } .customer-context-heading { flex-direction:column; } .customer-save { width:100%; max-width:100%; } .draft-recovery,.stale-result-note { flex-direction:column; align-items:flex-start; gap:14px; } .customer-library,.dataset-preview,.draft-recovery { padding:17px; } .dataset-preview td,.dataset-preview th { padding:8px; font-size:10px; } }