/* Appearance only. No business state, content, API or action changes. */
body[data-ui]{--primary:#4f46e5;--primary-l:#818cf8;--primary-d:#3730a3;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg:#f3f4f6;--card:#fff;--text:#111827;--text2:#6b7280;--muted:#6b7280;--border:#e5e7eb;--p:#4f46e5;--line:#e5e7eb;background:var(--bg);color:var(--text);font:14px/1.5 'Segoe UI',system-ui,-apple-system,sans-serif}
body[data-ui] :is(button,input,select,textarea){font-family:inherit}
body[data-ui] :is(button,.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-reset,.btn-download,.btn-push){border-radius:6px;font-size:13px;line-height:1.5}
body[data-ui]:not([data-ui=main]) :is(button,.btn){padding:8px 12px}
body[data-ui] :is(button,.btn):focus-visible{outline:2px solid var(--primary-l);outline-offset:2px}
body[data-ui] :is(select,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea){border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);font-size:13px;padding:8px 12px}
body[data-ui] :is(select,input,textarea):focus-visible{outline:2px solid #c7d2fe;outline-offset:1px}
body[data-ui] :is(.panel,.card,.section,.summary-card,.table-card,.table-wrapper){border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 3px #00000014}
body[data-ui] :is(.card,.summary-card,.panel){padding:16px}
body[data-ui] :is(.filter-bar,.filters){gap:12px}
body[data-ui] :is(.filter-bar,.filters) label{color:var(--muted);font-size:13px;font-weight:500}
body[data-ui] :is(.filter-chip){background:#eef2ff;color:var(--primary-d);font-size:12px;padding:3px 8px;border-radius:999px}
body[data-ui] :is(.summary-card .value,.metric .value,.card strong,.cohort-rate){font-size:24px;font-weight:700;line-height:1.4}
body[data-ui] :is(.summary-card .label,.metric .label,.card small){font-size:12px;color:var(--muted)}
body[data-ui] :is(table.data-table,.table-card table,#people table,.detail-table){font-size:13px}
body[data-ui] :is(table.data-table,.table-card table,#people table,.detail-table) th{padding:8px 10px;color:var(--muted);background:#f9fafb;font-weight:600;border-bottom:2px solid var(--border)}
body[data-ui] :is(table.data-table,.table-card table,#people table,.detail-table) td{padding:6px 10px;border-bottom:1px solid var(--border)}
body[data-ui] :is(.badge,.tag){font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;line-height:1.4}
body[data-ui] :is(.modal,dialog){border-radius:16px;box-shadow:0 20px 60px #0000004d}
body[data-ui] :is(.modal-header,.modal-head){padding:16px 24px;border-bottom:1px solid var(--border)}
body[data-ui] :is(.modal-header h3,.modal-head h2){font-size:16px;font-weight:600}
body[data-ui] .modal-body{padding:24px}
body[data-ui] :is(.modal-footer,.modal-foot){padding:16px 24px;border-top:1px solid var(--border);gap:12px}
body[data-ui] :is(.modal-close){padding:0;background:none;border:0;font-size:20px}
body[data-ui] .toast-wrap{top:72px;right:20px}
body[data-ui] .toast{border-radius:8px;font-size:13px;padding:12px 16px}
body[data-ui=main] #historyModal .modal-body button:not([class]):not([style]){padding:6px 10px;border:1px solid var(--border);background:#fff;color:var(--text)}
/* Models already share the main navigation; retain their specialized controls. */
body[data-ui=model] .summary{margin:0 0 20px;gap:12px}
body[data-ui=model] .filters{margin-bottom:16px}
body[data-ui=model] .notice{font-size:13px;border-radius:8px}
/* Signing dashboard: same content, less nested chrome, compact table rhythm. */
body[data-ui=signings] header{min-height:56px;padding:0 20px}
body[data-ui=signings] main{max-width:none;padding:20px}
body[data-ui=signings].ui-embedded{background:transparent}
body[data-ui=signings].ui-embedded>header{display:none}
body[data-ui=signings].ui-embedded main{padding:0}
body[data-ui=signings] h1{font-size:20px;font-weight:600;margin:0}
body[data-ui=signings] h2{font-size:16px;font-weight:600;margin:0 0 12px}
body[data-ui=signings] #scopeTitle{font-size:16px;margin:16px 0 12px}
body[data-ui=signings] .heading{margin-bottom:16px;gap:12px}
body[data-ui=signings] .heading h2{margin:0}
body[data-ui=signings] .online-bar{margin:0 0 16px;padding:10px 12px;border:1px solid var(--border);background:#fff;border-radius:8px;color:var(--muted)}
body[data-ui=signings] .online-bar b{font-size:12px;color:var(--muted);font-weight:500}
body[data-ui=signings] .online-bar a{font-size:13px;color:var(--primary)}
body[data-ui=signings] .work-tools{gap:8px;margin:12px 0}
body[data-ui=signings] .rule{margin:12px 0;padding:0}
body[data-ui=signings] .cohort-grid{gap:12px;margin:0 0 16px}
body[data-ui=signings] #cohortPanel{margin-bottom:16px}
body[data-ui=signings] .cohort-grid p{margin:8px 0;font-size:12px}
body[data-ui=signings] nav{gap:8px;margin:16px 0}
body[data-ui=signings] .scroll{margin-top:12px}
body[data-ui=signings] .detail-table td{vertical-align:top}
body[data-ui=signings] .detail-table :is(th,td):first-child{width:40px;min-width:40px;text-align:center}
body[data-ui=signings] .detail-table :is(th,td):nth-child(2){min-width:175px}
body[data-ui=signings] .detail-table :is(th,td):nth-child(3){min-width:120px}
body[data-ui=signings] .detail-table :is(th,td):nth-child(4){min-width:170px}
body[data-ui=signings] .detail-table :is(th,td):nth-child(5){min-width:220px}
body[data-ui=signings] .detail-table .sub{font-size:12px;line-height:1.5}
body[data-ui=signings] #newSigningPush{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}
body[data-ui=signings] dialog{padding:24px;border:1px solid var(--border)}
body[data-ui=signings] dialog>.heading{padding-bottom:16px;border-bottom:1px solid var(--border)}
body[data-ui=signings] #toast{top:20px;right:20px;bottom:auto;left:auto;transform:none;max-width:min(380px,calc(100vw - 40px));border-radius:8px;font-size:13px;padding:12px 16px;box-shadow:0 4px 16px #0003}
/* Keep standalone administration forms narrow and preserve all actions. */
body[data-ui=admin] .header,body[data-ui=config] .header{min-height:56px;padding:12px 20px}
body[data-ui=admin] .header h1,body[data-ui=config] .header h1{font-size:18px;font-weight:600}
body[data-ui=admin] .main,body[data-ui=config] .main{max-width:900px;margin:20px auto;padding:0 20px}
body[data-ui=admin] .section,body[data-ui=config] .section{padding:20px;margin-bottom:20px}
body[data-ui=admin] .btn,body[data-ui=config] .btn{padding:8px 16px}
body[data-ui=admin] .toast,body[data-ui=config] .toast{top:72px}
body[data-ui=feedback]{padding:20px}
body[data-ui=feedback]>.card{max-width:820px;margin:auto}
body[data-ui=feedback] .btn{background:var(--primary);min-height:44px;font-size:14px}
body[data-ui=feedback] .ok{color:#059669}
@media(max-width:760px){
 body[data-ui=signings] main{padding:12px}
 body[data-ui=signings].ui-embedded main{padding:0}
 body[data-ui] :is(.modal-header,.modal-head,.modal-body,.modal-footer,.modal-foot){padding:12px}
 body[data-ui=signings] dialog{padding:16px;max-height:94vh}
 body[data-ui=signings] .online-bar{align-items:flex-start}
 body[data-ui=signings] .online-bar small{flex-basis:100%}
 body[data-ui=signings] .cohort-grid{grid-template-columns:1fr}
 body[data-ui=admin] .main,body[data-ui=config] .main{padding:0 12px}
 body[data-ui=admin] .section,body[data-ui=config] .section{padding:16px}
 body[data-ui=feedback]{padding:12px}
}