/* Safia's operational workspace. All assets are served locally by Django. */
:root { --sc-ink:#302b27; --sc-muted:#77716b; --sc-line:#e9e5df; --sc-accent:#714b31; --sc-paper:#faf9f6; }
body { background:var(--sc-paper); }
.sc-dashboard { color:var(--sc-ink); max-width:1500px; margin:0 auto; padding:8px 0 20px; font-size:14px; line-height:1.5; }
.sc-dashboard * { box-sizing:border-box; }
.sc-dashboard a { text-decoration:none; }
.sc-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:26px; }
.sc-eyebrow { font-size:10px; letter-spacing:.19em; color:var(--sc-accent); font-weight:700; margin-bottom:9px; }
.sc-heading h1 { font-size:clamp(24px,2.3vw,34px); line-height:1.2; letter-spacing:-.035em; font-weight:650; margin:0 0 9px; }
.sc-heading p,.sc-panel-heading p { color:var(--sc-muted); margin:0; }
.sc-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--sc-line); background:white; color:var(--sc-ink); border-radius:9px; padding:11px 16px; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; min-height:42px; transition:background .15s; }
.sc-button:hover { background:#f4f0e9; }
.sc-button-primary { background:var(--sc-accent); color:white; border-color:var(--sc-accent); }
.sc-button-primary:hover { background:#563a26; color:white; }
.sc-button .material-symbols-outlined { font-size:19px; }
.sc-filter { display:flex; flex-wrap:wrap; gap:16px; align-items:center; padding:17px 20px; background:#fff; border:1px solid var(--sc-line); border-radius:12px; margin-bottom:26px; }
.sc-filter-field { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.sc-filter label { font-size:12px; font-weight:600; color:var(--sc-muted); }
.sc-filter select,.sc-filter input { min-height:40px; max-width:100%; border:1px solid var(--sc-line); background:var(--sc-paper); border-radius:7px; padding:8px 12px; font:inherit; }
.sc-filter select { min-width:180px; max-width:330px; }
.sc-field-hint { font-size:11px; color:var(--sc-muted); max-width:130px; line-height:1.4; }
.sc-text-link { color:var(--sc-accent); font-size:12px; font-weight:600; }
.sc-text-link:hover { text-decoration:underline; }
.sc-section-label { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12px; color:var(--sc-muted); margin-bottom:12px; }
.sc-section-label span:first-child { font-weight:600; color:var(--sc-ink); }
.sc-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.sc-metric { display:flex; flex-direction:column; background:white; border:1px solid var(--sc-line); border-radius:12px; padding:20px; transition:box-shadow .15s,border-color .15s; }
.sc-metric:hover { border-color:#c8b399; box-shadow:0 4px 16px #302b2708; }
.sc-metric-label { display:flex; justify-content:space-between; align-items:center; gap:10px; color:#5b5550; font-size:12px; font-weight:500; }
.sc-metric-label .material-symbols-outlined { font-size:19px; color:#ab9580; }
.sc-metric strong { display:block; font-size:35px; font-weight:650; line-height:1.2; letter-spacing:-.04em; margin:14px 0 8px; }
.sc-metric small { font-size:20px; color:#a6a09a; font-weight:400; }
.sc-muted { color:var(--sc-muted); font-size:12px; }
.sc-workspace { display:grid; grid-template-columns:minmax(0,1fr) 325px; gap:24px; align-items:start; }
.sc-main,.sc-aside { display:flex; flex-direction:column; gap:24px; min-width:0; }
.sc-panel { background:#fff; border:1px solid var(--sc-line); border-radius:12px; overflow:hidden; }
.sc-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:20px 22px; }
.sc-panel h2 { font-weight:650; font-size:15px; letter-spacing:-.02em; margin:0; }
.sc-panel-heading p { font-size:12px; margin-top:4px; }
.sc-empty { min-height:278px; padding:35px 22px 42px; display:flex; flex-direction:column; align-items:center; text-align:center; border-top:1px solid #f3f1ed; }
.sc-empty-icon { display:flex; align-items:center; justify-content:center; background:#f5f1eb; color:#a88b6a; border-radius:15px; width:55px; height:55px; font-size:25px; margin-bottom:17px; }
.sc-empty h3 { font-size:16px; font-weight:600; margin:0 0 8px; }
.sc-empty p { color:var(--sc-muted); font-size:13px; margin-bottom:22px; line-height:1.7; }
.sc-quick>a { display:flex; align-items:center; gap:12px; padding:15px 20px; border-top:1px solid #f3f1ed; }
.sc-quick>a:hover,.sc-attention-row:hover { background:var(--sc-paper); }
.sc-quick>a>span:nth-child(2),.sc-attention-row>span:nth-child(2) { flex:1; }
.sc-quick strong,.sc-attention-row strong { display:block; font-size:12px; font-weight:600; }
.sc-quick small,.sc-attention-row small { display:block; color:var(--sc-muted); font-size:11px; margin-top:3px; }
.sc-action-icon { width:35px; height:35px; display:flex; align-items:center; justify-content:center; border-radius:9px; background:#f5f1eb; color:#92704c; font-size:19px; flex-shrink:0; }
.sc-action-icon.amber { color:#b5873a; background:#fdf7eb; }
.sc-attention-row { display:flex; align-items:center; gap:13px; padding:16px 22px; border-top:1px solid #f3f1ed; }
.sc-count { display:inline-flex; align-items:center; justify-content:center; min-width:26px; height:26px; padding:0 7px; background:#f4f4f2; border-radius:7px; font-size:12px; color:var(--sc-muted); }
.sc-count-warning { color:#9d5520; background:#fff0db; }
.sc-summary { padding-bottom:20px; }
.sc-status-row { display:flex; align-items:center; justify-content:space-between; padding:8px 22px; font-size:12px; }
.sc-status-row>span { display:flex; align-items:center; gap:8px; color:#66605b; }
.sc-dot { width:7px; height:7px; display:inline-block; border-radius:50%; background:#aaa; }
.sc-dot.green { background:#548875; }.sc-dot.blue { background:#7192b9; }.sc-dot.red { background:#ca7664; }
.sc-summary>.sc-text-link { display:block; margin:16px 22px 0; padding-top:16px; border-top:1px solid var(--sc-line); }
.sc-tip { display:flex; gap:12px; padding:20px; background:#f3ede3; border-radius:12px; color:#786146; }
.sc-tip>.material-symbols-outlined { font-size:20px; flex-shrink:0; }
.sc-tip h3 { margin:0 0 8px; font-size:12px; font-weight:600; }
.sc-tip p { font-size:12px; line-height:1.7; margin-bottom:12px; }
.sc-footer { display:flex; justify-content:space-between; gap:20px; margin-top:28px; font-size:11px; color:#99918a; }
.sc-table-wrap { overflow-x:auto; }
.sc-table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; }
.sc-table th { background:#faf9f6; color:#8b837b; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; padding:12px 20px; white-space:nowrap; }
.sc-table td { padding:16px 20px; border-top:1px solid #f3f1ed; }
.sc-table a { color:var(--sc-ink); font-weight:600; }
.sc-table a:hover { color:var(--sc-accent); text-decoration:underline; }
.sc-table small { display:block; color:var(--sc-muted); font-size:11px; margin-top:4px; }
.sc-task-count { display:block; margin-bottom:6px; font-size:11px; white-space:nowrap; }
.sc-table progress { height:4px; width:85px; border:0; border-radius:9px; background:#eeeae3; accent-color:#96744d; }
.sc-table progress::-webkit-progress-bar { background:#eeeae3; border-radius:9px; }
.sc-table progress::-webkit-progress-value { background:#96744d; border-radius:9px; }
.sc-badge { display:inline-block; border-radius:6px; padding:4px 8px; font-size:10px; white-space:nowrap; background:#f2f2f0; color:#6d6861; }
.sc-badge-blue { color:#527295; background:#eef3f8; }.sc-badge-green { color:#3e7660; background:#edf5f0; }
.sc-dashboard :is(a,button,input,select):focus-visible { outline:3px solid #bc9367; outline-offset:3px; }
@media(min-width:1600px) { .sc-workspace { grid-template-columns:minmax(0,1fr) 360px; } }
@media(max-width:1200px) { .sc-workspace { grid-template-columns:minmax(0,1fr); } .sc-aside { display:grid; grid-template-columns:1fr 1fr; align-items:start; } .sc-tip { grid-column:1/-1; } .sc-metrics { gap:12px; } .sc-metric { padding:16px; } }
@media(max-width:700px) { .sc-heading { align-items:flex-start; flex-direction:column; gap:18px; } .sc-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .sc-metric strong { font-size:29px; } .sc-filter { padding:15px; gap:14px; } .sc-filter-field { width:100%; } .sc-filter-field label { width:70px; } .sc-filter select { min-width:0; flex:1; } .sc-field-hint { max-width:none; margin-left:80px; } .sc-aside { display:flex; } .sc-section-label { align-items:flex-start; flex-direction:column; } .sc-panel-heading,.sc-attention-row { padding:17px; } .sc-footer { flex-direction:column; gap:4px; } }
@media(prefers-reduced-motion:reduce) { .sc-dashboard * { transition:none!important; } }
@media(max-width:700px) { .sc-aside { align-items:stretch; } }
.sc-form { padding:20px; max-width:760px; }
.sc-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:8px; }
.sc-answers { width:100%; border-collapse:collapse; font-size:13px; }
.sc-answers th, .sc-answers td { text-align:left; vertical-align:top; padding:6px 8px; border-bottom:1px solid var(--sc-line); }