:root {
  --navy-950:#061725;
  --navy-900:#0a2235;
  --navy-850:#0d2b42;
  --navy-800:#12364f;
  --teal-600:#0e8c92;
  --teal-500:#13a5aa;
  --blue-600:#2563eb;
  --blue-500:#3b82f6;
  --gold-500:#d6a53a;
  --red-600:#c23d4b;
  --green-600:#16805f;
  --ink-900:#142230;
  --ink-700:#3d5264;
  --ink-600:#607486;
  --ink-500:#7a8b99;
  --line:#dce5ec;
  --line-soft:#e9eff4;
  --surface:#ffffff;
  --surface-2:#f7fafc;
  --surface-3:#edf3f7;
  --page:#eef3f7;
  --shadow:0 12px 30px rgba(19,48,70,.08);
  --shadow-lg:0 24px 70px rgba(5,24,39,.20);
  --radius:14px;
  --topbar:68px;
  --sidebar:286px;
  --sidebar-collapsed:76px;
  --inspector:360px;
  --inspector-collapsed:46px;
}
*{box-sizing:border-box}
html,body,#root{height:100%}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink-900);background:var(--page);overflow:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.55}
.icon{display:inline-block;flex:none}
.app-root{height:100%;display:flex;flex-direction:column}
.topbar{height:var(--topbar);flex:none;background:linear-gradient(105deg,var(--navy-950),var(--navy-850));color:white;display:grid;grid-template-columns:minmax(360px,1fr) minmax(280px,520px) minmax(330px,1fr);align-items:center;gap:24px;padding:0 18px;box-shadow:0 3px 16px rgba(5,22,36,.24);position:relative;z-index:20}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px;min-width:0}.topbar-right{justify-content:flex-end}
.brand-mark{width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));display:grid;place-items:center;font-weight:850;font-size:12px;letter-spacing:-.03em}.brand-copy{min-width:0;display:flex;flex-direction:column}.brand-copy strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy span{font-size:11px;color:#a9c0cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.topbar-search{height:40px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.085);border-radius:11px;padding:0 13px;color:#abc3d1}.topbar-search input{border:0;outline:0;background:transparent;color:white;width:100%;font-size:13px}.topbar-search input::placeholder{color:#9fb4c1}
.security-chip{display:flex;align-items:center;gap:6px;background:rgba(215,164,58,.14);border:1px solid rgba(215,164,58,.28);color:#f2d792;padding:7px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.user-chip{display:flex;align-items:center;gap:9px;background:transparent;border:0;color:white;border-radius:10px;padding:5px 7px;max-width:245px}.user-chip:hover{background:rgba(255,255,255,.08)}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--teal-500),var(--blue-500));display:grid;place-items:center;color:white;font-weight:800;flex:none}.avatar.small{width:28px;height:28px;font-size:12px}.user-copy{display:flex;flex-direction:column;min-width:0;text-align:left}.user-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy small{font-size:10px;color:#aac0cf;margin-top:1px}
.button{border:1px solid transparent;border-radius:9px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:720;font-size:12px;line-height:1;transition:.18s ease;text-decoration:none;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--blue-600),#2f7af5);color:white;box-shadow:0 5px 13px rgba(37,99,235,.2)}.button-secondary{background:white;border-color:var(--line);color:var(--ink-700)}.button-ghost{background:rgba(255,255,255,.07);color:white;border-color:rgba(255,255,255,.13)}.button-ghost-dark{background:#f1f5f8;color:var(--ink-700);border-color:#e2e9ee}.button-danger{background:var(--red-600);color:white}.button-danger-ghost{background:#fff2f3;color:var(--red-600);border-color:#f7d5d9}.button-small{padding:7px 9px;font-size:11px}.button-icon{padding:8px;width:38px;height:38px}
.app-shell{flex:1;min-height:0;display:grid;grid-template-columns:var(--sidebar) minmax(440px,1fr) var(--inspector);transition:grid-template-columns .22s ease}.app-shell.shell-sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) minmax(440px,1fr) var(--inspector)}.app-shell.shell-inspector-collapsed{grid-template-columns:var(--sidebar) minmax(440px,1fr) var(--inspector-collapsed)}.app-shell.shell-sidebar-collapsed.shell-inspector-collapsed{grid-template-columns:var(--sidebar-collapsed) minmax(440px,1fr) var(--inspector-collapsed)}
.sidebar{background:var(--navy-900);color:#d9e6ee;display:flex;flex-direction:column;min-width:0;border-top:1px solid rgba(255,255,255,.03);transition:.2s}.sidebar-scroll{overflow-y:auto;overflow-x:hidden;padding:14px 10px 20px;flex:1}.nav-section{display:grid;gap:4px}.nav-row{height:40px;width:100%;border:0;background:transparent;color:#c3d4df;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;padding:0 10px;border-radius:9px;text-align:left;font-weight:650;font-size:12px}.nav-row:hover{background:rgba(255,255,255,.07);color:white}.nav-row.active{background:linear-gradient(90deg,rgba(19,165,170,.27),rgba(37,99,235,.17));color:white;box-shadow:inset 3px 0 0 var(--teal-500)}.nav-row em{font-style:normal;font-size:10px;color:#86a1b1;background:rgba(255,255,255,.06);padding:3px 6px;border-radius:999px}.nav-label{height:36px;margin-top:13px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;color:#7894a6}.nav-label span{font-size:9px;font-weight:800;letter-spacing:.14em}.nav-label button{border:0;background:transparent;color:#8fb0c2;padding:4px;border-radius:5px}.nav-label button:hover{background:rgba(255,255,255,.08);color:white}
.tree{display:grid;gap:3px}.tree-parent{display:grid;grid-template-columns:22px 1fr auto;align-items:center;border-radius:9px}.tree-parent:hover,.tree-parent.active{background:rgba(255,255,255,.065)}.tree-parent.active{box-shadow:inset 3px 0 0 var(--teal-500)}.tree-toggle{width:26px;height:38px;border:0;background:transparent;color:#7794a6;display:grid;place-items:center}.tree-main{border:0;background:transparent;color:#d6e2ea;display:flex;align-items:center;gap:8px;min-width:0;height:40px;padding:0;text-align:left}.tree-main span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:680;font-size:12px}.stakeholder-mini{width:26px;height:26px;border-radius:8px;background:rgba(19,165,170,.16);border:1px solid rgba(80,201,205,.17);color:#86d5d8;display:grid;place-items:center;font-size:9px;font-weight:850;flex:none}.tree-count{font-size:9px;color:#7894a6;margin-right:8px}.tree-children{margin:2px 0 6px 33px;padding-left:9px;border-left:1px solid rgba(255,255,255,.08);display:grid;gap:2px}.tree-child{width:100%;border:0;background:transparent;color:#9eb4c1;display:grid;grid-template-columns:17px 1fr auto;align-items:center;gap:7px;padding:7px 7px;border-radius:7px;text-align:left;min-width:0}.tree-child span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-child small{font-size:9px;color:#688596}.tree-child:hover,.tree-child.active{background:rgba(255,255,255,.07);color:white}.tree-child.active{color:#a7e4e7}.tree-add{color:#6fbec2}.nav-bottom{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08);padding:13px 14px;display:flex;gap:9px;align-items:center}.classification-dot{width:8px;height:8px;border-radius:50%;background:var(--gold-500);box-shadow:0 0 0 4px rgba(214,165,58,.12)}.sidebar-footer div:last-child{display:flex;flex-direction:column}.sidebar-footer strong{font-size:10px;color:#d8e4eb}.sidebar-footer small{font-size:9px;color:#758e9e;margin-top:2px}
.sidebar-collapsed .brand-copy{display:none}.sidebar-collapsed .nav-row{grid-template-columns:1fr;place-items:center;padding:0}.sidebar-collapsed .nav-row span,.sidebar-collapsed .nav-row em,.sidebar-collapsed .nav-label span,.sidebar-collapsed .tree-toggle,.sidebar-collapsed .tree-main span:last-child,.sidebar-collapsed .tree-count{display:none}.sidebar-collapsed .nav-label{justify-content:center;padding:0}.sidebar-collapsed .tree-parent{grid-template-columns:1fr;place-items:center}.sidebar-collapsed .tree-main{justify-content:center}.sidebar-collapsed .stakeholder-mini{width:34px;height:34px}.sidebar-collapsed .tree-children{display:none}
.main-content{min-width:0;overflow-y:auto;overflow-x:hidden;background:var(--page)}.content-view{max-width:1380px;margin:0 auto;padding:28px 30px 54px}.content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.content-header h1{font-size:28px;line-height:1.12;letter-spacing:-.035em;margin:4px 0 6px;color:var(--navy-900)}.content-header p{margin:0;color:var(--ink-600);font-size:13px}.hero-header h1{font-size:31px}.header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.eyebrow{font-size:9px;letter-spacing:.13em;font-weight:850;color:var(--teal-600)}.breadcrumb{display:flex;align-items:center;gap:5px;color:var(--ink-500);font-size:11px;margin-bottom:15px}.breadcrumb button{border:0;background:transparent;padding:0;color:var(--ink-600)}.breadcrumb button:hover{color:var(--blue-600)}.title-with-mark{display:flex;gap:13px;align-items:center}.large-mark{width:50px;height:50px;border-radius:13px;background:linear-gradient(135deg,var(--navy-800),var(--teal-600));color:white;display:grid;place-items:center;font-weight:850;font-size:14px;box-shadow:var(--shadow)}.lead-copy{max-width:850px;color:var(--ink-700);font-size:14px;line-height:1.65;margin:0 0 20px}
.prototype-banner{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(90deg,#fff8e6,#fffdf6);border:1px solid #f0d99c;border-radius:12px;padding:13px 15px;margin-bottom:18px;color:#765416}.prototype-banner.danger{background:#fff3f4;border-color:#f0c7cc;color:#8b3340}.prototype-banner>div{display:flex;flex-direction:column;gap:2px}.prototype-banner strong{font-size:12px}.prototype-banner span{font-size:11px;line-height:1.45;opacity:.9}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 16px;box-shadow:0 5px 14px rgba(22,47,65,.045);display:flex;flex-direction:column}.metric-card span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-500);font-weight:750}.metric-card strong{font-size:25px;color:var(--navy-900);margin:4px 0 1px;letter-spacing:-.03em}.metric-card small{font-size:10px;color:var(--ink-500)}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.span-2{grid-column:span 2}.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:19px;box-shadow:0 5px 18px rgba(22,47,65,.045);min-width:0}.panel-card.no-padding{padding:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:13px}.panel-heading h2,.panel-card h2{font-size:17px;letter-spacing:-.02em;margin:3px 0;color:var(--navy-900)}.workflow-list,.document-list{display:grid}.workflow-row{border:0;background:transparent;display:grid;grid-template-columns:32px 1fr auto 16px;align-items:center;gap:10px;text-align:left;padding:10px 6px;border-top:1px solid var(--line-soft);color:var(--ink-700)}.workflow-row:first-child{border-top:0}.workflow-row:hover{background:#f8fbfd}.workflow-number{width:30px;height:30px;border-radius:9px;background:#eaf2ff;color:var(--blue-600);display:grid;place-items:center;font-size:11px;font-weight:850}.workflow-copy,.doc-copy{display:flex;flex-direction:column;min-width:0}.workflow-copy strong,.doc-copy strong{font-size:12px;color:var(--ink-900)}.workflow-copy small,.doc-copy small{font-size:10px;color:var(--ink-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.stakeholder-compact{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stakeholder-compact button{border:1px solid var(--line-soft);background:#fbfdfe;border-radius:9px;display:grid;grid-template-columns:30px 1fr 14px;align-items:center;gap:8px;padding:8px;text-align:left}.stakeholder-compact button>span{width:28px;height:28px;border-radius:8px;background:#eaf6f6;color:var(--teal-600);display:grid;place-items:center;font-size:9px;font-weight:850}.stakeholder-compact div{display:flex;flex-direction:column;min-width:0}.stakeholder-compact strong{font-size:11px}.stakeholder-compact small{font-size:9px;color:var(--ink-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-row{border:0;background:transparent;display:grid;grid-template-columns:34px 1fr 82px auto;align-items:center;gap:9px;text-align:left;padding:10px 5px;border-top:1px solid var(--line-soft)}.document-row:first-child{border-top:0}.document-row:hover{background:#f8fbfd}.doc-icon,.result-icon{width:32px;height:32px;border-radius:9px;background:#edf4ff;color:var(--blue-600);display:grid;place-items:center}.doc-meta{display:flex;flex-direction:column;font-size:10px;color:var(--ink-700)}.doc-meta small{color:var(--ink-500);margin-top:2px}.security-summary{display:grid;gap:11px}.security-summary>div{display:flex;gap:10px;align-items:flex-start;color:var(--teal-600)}.security-summary span{display:flex;flex-direction:column}.security-summary strong{font-size:11px;color:var(--ink-900)}.security-summary small{font-size:10px;color:var(--ink-500);line-height:1.4;margin-top:2px}
.badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.badge-open{background:#fff3d9;color:#8b5a00}.badge-developing{background:#f1eaff;color:#6941a5}.badge-progress{background:#e7f1ff;color:#1c5fae}.badge-dependent{background:#edf0f5;color:#56677a}.badge-hold{background:#ffe8ea;color:#a63b48}.badge-completed,.badge-success{background:#e3f7ef;color:#117152}.badge-neutral{background:#edf1f4;color:#667887}
.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.folder-card{min-height:172px;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:11px;box-shadow:0 4px 14px rgba(22,47,65,.04);transition:.18s}.folder-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#b8ccd9}.folder-card-icon{width:42px;height:42px;border-radius:11px;background:#fff5dd;color:var(--gold-500);display:grid;place-items:center}.folder-card-copy{display:flex;flex-direction:column;flex:1}.folder-card-copy strong{font-size:13px;color:var(--navy-900)}.folder-card-copy small{font-size:10px;color:var(--ink-500);line-height:1.45;margin-top:4px}.folder-card-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--ink-500);font-size:10px}.folder-card-add{border-style:dashed;background:#f8fbfc}.folder-card-add .folder-card-icon{background:#eaf6f6;color:var(--teal-600)}.info-strip{display:flex;gap:9px;align-items:center;background:#edf7fa;border:1px solid #d3e9ed;color:#356a70;border-radius:10px;padding:11px 13px;font-size:11px;margin-bottom:14px}
.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;border-bottom:1px solid var(--line)}.table-toolbar>div:first-child{display:flex;flex-direction:column}.table-toolbar strong{font-size:13px}.table-toolbar span{font-size:10px;color:var(--ink-500);margin-top:2px}.record-table-head,.record-table-row{display:grid;grid-template-columns:minmax(260px,1.6fr) 90px 100px 110px 20px;gap:12px;align-items:center}.record-table-head{padding:9px 17px;background:var(--surface-2);color:var(--ink-500);font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.record-table-row{width:100%;border:0;border-top:1px solid var(--line-soft);background:white;padding:11px 17px;text-align:left;color:var(--ink-700);font-size:11px}.record-table-row:hover{background:#f8fbfd}.record-name{display:flex;align-items:center;gap:9px;min-width:0;color:var(--blue-600)}.record-name>span:last-child{display:flex;flex-direction:column;min-width:0}.record-name strong{font-size:11px;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-name small{font-size:9px;color:var(--ink-500);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.document-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.document-summary>p{font-size:14px;line-height:1.7;color:var(--ink-700)}.document-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.document-facts>div{border:1px solid var(--line-soft);border-radius:9px;padding:10px;display:flex;flex-direction:column}.document-facts span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-500);font-weight:750}.document-facts strong{font-size:11px;margin-top:4px}.preview-card{display:grid;place-items:center;min-height:360px;background:linear-gradient(145deg,#f8fbfd,#edf4f7)}.preview-placeholder{text-align:center;max-width:360px;color:var(--ink-500)}.preview-placeholder h3{color:var(--navy-900);font-size:15px;margin:13px 0 6px}.preview-placeholder p{font-size:11px;line-height:1.55;margin:0 0 14px}
.document-register-head,.document-register-row{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.8fr) 90px 100px 110px 20px;gap:12px;align-items:center}.document-register-head{background:var(--surface-2);padding:10px 16px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--ink-500)}.document-register-row{width:100%;border:0;border-top:1px solid var(--line-soft);background:white;padding:11px 16px;text-align:left;font-size:11px;color:var(--ink-700)}.document-register-row:hover{background:#f8fbfd}.document-register-row>span:nth-child(2){display:flex;flex-direction:column}.document-register-row>span:nth-child(2) strong{font-size:10px}.document-register-row>span:nth-child(2) small{font-size:9px;color:var(--ink-500);margin-top:2px}
.workstream-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.workstream-card{position:relative;border:1px solid var(--line);background:white;border-radius:14px;padding:17px;box-shadow:0 4px 14px rgba(22,47,65,.04);cursor:pointer;transition:.18s}.workstream-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.workstream-card-top{display:flex;align-items:center;justify-content:space-between}.workstream-card h2{font-size:16px;margin:13px 0 6px}.workstream-card p{font-size:11px;line-height:1.55;color:var(--ink-600);min-height:50px}.org-chips{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.org-chips span{background:#edf4f8;color:#416178;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:750}.org-chips.large span{font-size:10px;padding:5px 9px}.workstream-output{border-top:1px solid var(--line-soft);padding-top:10px;display:flex;flex-direction:column}.workstream-output span{font-size:9px;text-transform:uppercase;color:var(--ink-500);font-weight:750}.workstream-output strong{font-size:10px;line-height:1.45;margin-top:3px}.card-link{border:0;background:transparent;color:var(--blue-600);display:flex;align-items:center;gap:4px;font-size:10px;font-weight:750;padding:10px 0 0}.workstream-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.large-body{font-size:14px;line-height:1.7;color:var(--ink-700)}.detail-list{display:grid}.detail-list>div{border-top:1px solid var(--line-soft);padding:11px 0;display:flex;flex-direction:column;gap:5px}.detail-list>div:first-child{border-top:0}.detail-list span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-500);font-weight:750}.detail-list strong{font-size:11px;line-height:1.45}.detail-list select{border:1px solid var(--line);border-radius:8px;padding:7px 8px;background:white;font-size:11px}
.search-results{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.result-row{width:100%;border:0;border-top:1px solid var(--line-soft);background:white;display:grid;grid-template-columns:38px 1fr 16px;gap:11px;align-items:center;text-align:left;padding:12px 14px}.result-row:first-child{border-top:0}.result-row:hover{background:#f8fbfd}.result-copy{display:flex;flex-direction:column}.result-copy strong{font-size:12px}.result-copy small{font-size:10px;color:var(--ink-500);margin-top:2px}
.admin-tabs{display:flex;gap:4px;background:#dfe8ee;padding:4px;border-radius:10px;width:max-content;max-width:100%;overflow:auto;margin-bottom:14px}.admin-tabs button{border:0;background:transparent;padding:8px 11px;border-radius:7px;color:var(--ink-600);font-size:11px;font-weight:720;white-space:nowrap}.admin-tabs button.active{background:white;color:var(--navy-900);box-shadow:0 2px 8px rgba(20,45,65,.08)}.user-table-head,.user-table-row{display:grid;grid-template-columns:minmax(230px,1.4fr) 100px 50px 50px 55px 90px 75px 70px;gap:9px;align-items:center}.user-table-head{background:var(--surface-2);padding:10px 16px;color:var(--ink-500);font-size:8px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.user-table-row{padding:10px 16px;border-top:1px solid var(--line-soft);font-size:10px}.row-actions{display:flex;gap:3px;justify-content:flex-end}.row-actions button{width:28px;height:28px;border:0;background:#f0f5f8;border-radius:7px;color:var(--ink-600);display:grid;place-items:center}.row-actions button:hover{color:var(--blue-600)}.admin-content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.admin-tree{display:grid;gap:10px}.admin-tree-group{border:1px solid var(--line-soft);border-radius:10px;overflow:hidden}.admin-tree-heading{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;background:#f6f9fb;padding:9px}.admin-tree-heading>div{display:flex;flex-direction:column}.admin-tree-heading strong{font-size:11px}.admin-tree-heading small{font-size:9px;color:var(--ink-500)}.admin-tree-folder{display:grid;grid-template-columns:18px 1fr 50px auto;gap:7px;align-items:center;padding:7px 10px;border-top:1px solid var(--line-soft);font-size:10px;color:var(--ink-700)}.admin-tree-folder small{font-size:8px;color:var(--ink-500)}.settings-preview{display:grid}.settings-preview>div{border-top:1px solid var(--line-soft);padding:10px 0;display:flex;flex-direction:column}.settings-preview>div:first-child{border-top:0}.settings-preview span{font-size:9px;text-transform:uppercase;color:var(--ink-500)}.settings-preview strong{font-size:11px;margin-top:3px}.admin-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.action-card{display:flex;flex-direction:column;align-items:flex-start}.action-icon{width:45px;height:45px;border-radius:12px;background:#eaf2ff;color:var(--blue-600);display:grid;place-items:center}.action-card p{font-size:11px;line-height:1.55;color:var(--ink-600);min-height:70px}.danger-card .action-icon{background:#fff0f1;color:var(--red-600)}.audit-list{display:grid}.audit-row{display:grid;grid-template-columns:14px 1fr 220px;gap:10px;align-items:center;padding:10px 16px;border-top:1px solid var(--line-soft)}.audit-row:first-child{border-top:0}.audit-dot{width:7px;height:7px;border-radius:50%;background:var(--teal-500)}.audit-row>div,.audit-row>span:last-child{display:flex;flex-direction:column}.audit-row strong{font-size:10px}.audit-row small{font-size:9px;color:var(--ink-500);margin-top:2px}
.inspector{background:#f9fbfc;border-left:1px solid var(--line);min-width:0;display:flex;flex-direction:column;overflow:hidden}.inspector-header{padding:18px 17px 14px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.inspector-header h2{font-size:16px;line-height:1.2;margin:4px 0 4px}.inspector-header p{font-size:10px;color:var(--ink-500);margin:0}.inspector-header button{border:0;background:#f0f4f7;color:var(--ink-600);width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.inspector-scroll{overflow-y:auto;padding:0 16px 24px}.inspector-section{padding:15px 0;border-bottom:1px solid var(--line-soft)}.inspector-section:last-child{border-bottom:0}.inspector-label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:var(--ink-500);font-weight:850;margin-bottom:7px}.inspector-section p{font-size:11px;line-height:1.6;color:var(--ink-700);margin:0}.mini-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-facts>div{background:white;border:1px solid var(--line);border-radius:9px;padding:9px;display:flex;flex-direction:column}.mini-facts span{font-size:8px;color:var(--ink-500);text-transform:uppercase}.mini-facts strong{font-size:16px;margin-top:3px}.detail-link{display:flex;align-items:center;gap:7px;color:var(--teal-600);font-size:10px;margin-bottom:9px}.inspector-facts{display:grid;gap:9px;margin-bottom:12px}.inspector-facts>div{display:flex;flex-direction:column}.inspector-facts span{font-size:8px;text-transform:uppercase;color:var(--ink-500)}.inspector-facts strong{font-size:10px;line-height:1.45;margin-top:2px}.inspector-actions>div{display:grid;gap:7px}.inspector-collapsed{display:grid;place-items:start center;padding-top:12px}.inspector-collapsed button{border:0;background:white;border:1px solid var(--line);width:32px;height:32px;border-radius:8px;color:var(--ink-600);display:grid;place-items:center}
.empty-state{text-align:center;padding:48px 20px;color:var(--ink-500)}.empty-icon{width:56px;height:56px;border-radius:16px;background:#edf4f8;color:var(--teal-600);display:grid;place-items:center;margin:0 auto 11px}.empty-state h3{font-size:14px;color:var(--navy-900);margin:0 0 5px}.empty-state p{font-size:11px;max-width:420px;margin:0 auto 13px;line-height:1.5}
.modal-backdrop{position:fixed;inset:0;background:rgba(4,18,29,.65);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:white;border-radius:16px;width:min(720px,100%);max-height:92vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between}.modal-header h2{margin:4px 0 0;font-size:19px}.modal-header>button{border:0;background:#eef3f6;color:var(--ink-600);width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.modal form{display:flex;flex-direction:column;min-height:0}.modal-body{padding:18px 20px;overflow-y:auto}.modal-footer{padding:13px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-wide{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:10px;color:var(--ink-600);font-weight:750}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:white;padding:9px 10px;outline:0;color:var(--ink-900);font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#86acd8;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.field textarea{min-height:83px;resize:vertical}.permission-box{border:1px solid var(--line);border-radius:10px;padding:11px;display:grid;gap:5px}.permission-box>label{display:grid;grid-template-columns:20px 1fr;gap:8px;padding:7px;border-radius:8px}.permission-box>label:hover{background:#f7fafc}.permission-box input{width:16px;height:16px}.permission-box span{display:flex;flex-direction:column}.permission-box strong{font-size:11px}.permission-box small{font-size:9px;color:var(--ink-500);margin-top:2px}.form-alert{display:flex;gap:9px;align-items:flex-start;background:#fff7e6;border:1px solid #efdaa2;border-radius:9px;padding:10px;color:#765616;font-size:10px;line-height:1.45;margin-bottom:13px}.login-shortcuts{display:grid;gap:6px;margin-top:12px}.login-shortcuts button{border:1px solid var(--line);background:#f8fbfd;border-radius:8px;padding:8px;text-align:left;font-size:10px;color:var(--ink-700)}
.toast{position:fixed;right:18px;bottom:18px;z-index:120;background:var(--navy-900);color:white;display:flex;align-items:center;gap:8px;border-radius:10px;padding:11px 13px;box-shadow:var(--shadow-lg);font-size:11px;max-width:360px;transform:translateY(90px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1300px){:root{--sidebar:255px;--inspector:320px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 1}.topbar{grid-template-columns:minmax(320px,1fr) minmax(240px,420px) minmax(280px,1fr)}.security-chip{display:none}}
@media(max-width:1020px){:root{--inspector:300px}.topbar{grid-template-columns:1fr minmax(230px,360px)}.topbar-right{display:none}.app-shell{grid-template-columns:var(--sidebar) minmax(430px,1fr)}.app-shell.shell-sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) minmax(430px,1fr)}.app-shell.shell-inspector-collapsed,.app-shell.shell-sidebar-collapsed.shell-inspector-collapsed{grid-template-columns:var(--sidebar) minmax(430px,1fr)}.inspector{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.document-detail-grid,.workstream-detail-grid,.admin-content-grid{grid-template-columns:1fr}.admin-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{overflow:auto}.topbar{position:sticky;top:0;height:auto;min-height:62px;grid-template-columns:1fr;padding:10px 12px}.topbar-search{display:none}.brand-copy strong{font-size:13px}.app-shell,.app-shell.shell-sidebar-collapsed{display:block}.sidebar{display:none}.main-content{overflow:visible}.content-view{padding:20px 14px 44px}.content-header{flex-direction:column}.header-actions{justify-content:flex-start}.metric-grid,.dashboard-grid,.folder-grid,.workstream-cards,.admin-card-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.stakeholder-compact{grid-template-columns:1fr}.record-table-head,.document-register-head,.user-table-head{display:none}.record-table-row,.document-register-row,.user-table-row{grid-template-columns:1fr;gap:7px}.document-facts{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:1}.audit-row{grid-template-columns:12px 1fr}.audit-row>span:last-child{grid-column:2}.modal-backdrop{padding:8px}.modal{max-height:97vh}}