/* ATAA V0.5.12 research workflow – isolated visual system. All selectors scoped. */
.ataa-social{--sr-ink:#102e4d;--sr-navy:#0c2d50;--sr-orange:#e87918;--sr-bg:#f5f8fb;--sr-muted:#60788d;--sr-line:#dfe8ef;color:var(--sr-ink)}
.ataa-social *{box-sizing:border-box}
.ataa-social .sr-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px}
.ataa-social h1{font-size:26px;margin:3px 0 5px;color:var(--sr-ink);font-weight:800}
.ataa-social h2{font-size:17px;margin:0;color:var(--sr-ink)}
.ataa-social .sr-sub{font-size:12px;color:var(--sr-muted);line-height:1.9;margin:4px 0}
.ataa-social .sr-eyebrow{font-size:12px;color:var(--sr-orange);font-weight:800}
.ataa-social .sr-btn{padding:11px 16px;border:1px solid var(--sr-line);border-radius:10px;cursor:pointer;background:white;color:var(--sr-ink);font-weight:700;font-size:12px;line-height:1.3;transition:.15s}
.ataa-social .sr-btn:hover{background:#eaf3fb}.ataa-social .sr-btn:focus-visible{outline:3px solid #f4a35f;outline-offset:2px}
.ataa-social .sr-btn:disabled{opacity:.48;cursor:not-allowed}.ataa-social .sr-btn.primary{background:var(--sr-navy);color:white;border-color:var(--sr-navy)}
.ataa-social .sr-btn.orange{background:var(--sr-orange);color:white;border-color:var(--sr-orange)}
.ataa-social .sr-btn.small{padding:7px 10px;font-size:11px}
.ataa-social .sr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ataa-social .sr-kpi{background:#fff;border:1px solid var(--sr-line);border-radius:14px;padding:17px 18px;min-height:113px;box-shadow:0 5px 16px #102e4d07}
.ataa-social .sr-kpi span{font-size:12px;color:var(--sr-muted)}.ataa-social .sr-kpi strong{display:block;margin-top:10px;font-size:29px;color:var(--sr-navy);font-variant-numeric:tabular-nums}
.ataa-social .sr-kpi.sr-alert{border-bottom:3px solid var(--sr-orange)}
.ataa-social .sr-panel{background:#fff;border:1px solid var(--sr-line);border-radius:16px;padding:17px 19px;margin:0 0 18px}
.ataa-social .sr-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:14px 0}
.ataa-social .sr-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;min-width:0}
.ataa-social .sr-input{width:100%;background:#f9fbfe;border:1px solid #d2dfeb;border-radius:9px;padding:11px 12px;min-width:0;color:#0d2d4b;font:inherit;font-size:13px}
.ataa-social .sr-input:focus{outline:2px solid #f19b49;outline-offset:1px}
.ataa-social .sr-toolbar .sr-input{max-width:270px}
.ataa-social .sr-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}
.ataa-social .sr-tab{border:1px solid var(--sr-line);border-radius:8px;background:white;padding:9px 12px;font-size:12px;color:var(--sr-ink);cursor:pointer}
.ataa-social .sr-tab.active{background:#102e4d;color:white;border-color:#102e4d;font-weight:700}
.ataa-social .sr-table-wrap{overflow:auto;max-width:100%}.ataa-social table{width:100%;border-collapse:collapse;text-align:right;font-size:12px;min-width:750px}
.ataa-social th{background:#f4f7fb;color:#3e5c78;font-size:11px;padding:12px;border-bottom:1px solid var(--sr-line)}
.ataa-social td{padding:13px 12px;border-bottom:1px solid #ebf0f4;vertical-align:middle}.ataa-social tbody tr:hover{background:#fafcff}
.ataa-social .sr-actions{display:flex;gap:6px;flex-wrap:wrap}.ataa-social .sr-pill{display:inline-block;border-radius:30px;font-size:11px;font-weight:700;padding:5px 9px;background:#e8f1f8;color:#244563}
.ataa-social .sr-pill.new{background:#edf3fa}.ataa-social .sr-pill.assigned{background:#fff1e3;color:#a55108}.ataa-social .sr-pill.reviewed{background:#f4ecff;color:#6c43ad}.ataa-social .sr-pill.accepted{background:#e4f7ee;color:#217750}.ataa-social .sr-pill.rejected{background:#fff0ee;color:#b34436}
.ataa-social .sr-empty{text-align:center;padding:44px 16px;color:var(--sr-muted)}
.ataa-social .sr-note{border-radius:10px;padding:10px 13px;background:#fff4e8;border:1px solid #f6dec1;color:#84510f;font-size:12px;line-height:1.8}
.sr-modal-backdrop{position:fixed;inset:0;z-index:2000;background:#071a2cbb;display:flex;align-items:center;justify-content:center;padding:16px;direction:rtl}
.sr-modal{width:min(730px,100%);max-height:93vh;overflow:auto;background:white;border-radius:17px;box-shadow:0 30px 75px #0004;color:#102e4d}
.sr-modal .sr-modal-head{padding:19px 23px;border-bottom:1px solid #e3eaf0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sr-modal h2{font-size:20px;font-weight:800;margin:0}
.sr-modal .sr-modal-body{padding:22px 23px}
.sr-modal .sr-modal-foot{padding:15px 23px;border-top:1px solid #e3eaf0;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.sr-modal .sr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.sr-modal .sr-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}
.sr-modal .sr-field.full{grid-column:1/-1}.sr-modal .sr-input{width:100%;padding:11px;border:1px solid #cad8e6;border-radius:9px;min-width:0;color:#17354e;background:white;font:inherit;font-size:13px}
.sr-modal textarea.sr-input{resize:vertical;min-height:90px}
.sr-modal .sr-btn{border:1px solid #cad8e6;border-radius:9px;padding:10px 15px;background:white;color:#153551;font-weight:700;cursor:pointer}
.sr-modal .sr-btn.primary{background:#0c2d50;color:white}.sr-modal .sr-btn.orange{background:#e87918;color:white;border-color:#e87918}
.sr-modal .sr-picker-list{max-height:250px;overflow:auto;display:grid;gap:5px;margin-top:8px}
.sr-modal .sr-picker-item{display:flex;align-items:center;justify-content:space-between;text-align:right;gap:12px;background:#f7fafd;border:1px solid #e2eaf1;border-radius:9px;padding:10px;cursor:pointer;color:#153551}
.sr-modal .sr-picker-item:hover{border-color:#e87918}
.sr-modal .sr-error{margin-top:12px;border-radius:8px;padding:9px;color:#a4382d;background:#fff0ee}
@media(max-width:950px){.ataa-social .sr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ataa-social .sr-kpis{gap:8px}.ataa-social .sr-kpi{padding:13px;min-height:90px}.ataa-social .sr-kpi strong{font-size:24px}.ataa-social h1{font-size:23px}.ataa-social .sr-panel{padding:13px}.sr-modal .sr-grid{grid-template-columns:1fr}.sr-modal .sr-modal-body{padding:16px}}

/* V0.5.13 — case name typing or existing case lookup. */
.sr-modal [hidden]{display:none!important}
.sr-modal .sr-case-mode{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e6edf3;padding-bottom:12px}
.sr-modal .sr-mode{padding:10px 13px;border:1px solid #d0dfeb;background:white;color:#123653;border-radius:9px;cursor:pointer;font-size:12px;font-weight:700}
.sr-modal .sr-mode.active{background:#0c2d50;color:white;border-color:#0c2d50}
.sr-modal .sr-case-existing{display:grid;gap:8px}
.sr-modal .sr-selection-state{font-size:12px;color:#677f93;background:#f7fafd;border:1px solid #dce7ef;border-radius:8px;padding:9px 12px;line-height:1.6}
.sr-modal .sr-selection-state.selected{background:#e9f7ed;border-color:#b4dfc4;color:#17613b;font-weight:700}
.sr-modal .sr-no-matches{font-size:12px;background:#fff6ea;color:#855116;border:1px solid #f3ddc0;padding:12px;border-radius:9px}
.sr-modal .sr-case-new{display:grid;gap:12px}
.sr-modal .sr-picker-item:focus-visible,.sr-modal .sr-mode:focus-visible{outline:3px solid #e87918;outline-offset:2px}
@media(max-width:600px){.sr-modal .sr-mode{flex:1;text-align:center}.sr-modal .sr-picker-item{flex-direction:column;align-items:flex-start;gap:4px}}
