:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--bg:#030b19;--panel:#081427;--panel2:#0d1a2e;--panel3:#132038;--line:#20314b;--line2:#2b3f5d;--text:#f7f9fc;--muted:#89a0c1;--blue:#3c82f6;--green:#1fc56b;--red:#ef4b4b;--side:#061225;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-width:1180px}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:176px 1fr}.sidebar{height:100vh;position:sticky;top:0;background:var(--side);border-right:1px solid #1b2a42;display:flex;flex-direction:column;overflow:hidden}.logo-mark{height:112px;display:grid;place-items:center;position:relative}.logo-mark b{font-size:28px;letter-spacing:.05em;color:#176cff;text-shadow:0 5px 14px #0c5cff55}.logo-mark:before,.logo-mark:after,.logo-mark span:before,.logo-mark span:after{content:"";position:absolute;width:9px;height:9px;border-color:#1671ff}.logo-mark:before{left:52px;top:18px;border-left:2px solid;border-top:2px solid}.logo-mark:after{right:52px;top:18px;border-right:2px solid;border-top:2px solid}.logo-mark span:before{left:52px;bottom:18px;border-left:2px solid;border-bottom:2px solid}.logo-mark span:after{right:52px;bottom:18px;border-right:2px solid;border-bottom:2px solid}.nav-caption{font-size:10px;font-weight:700;color:#b8c5d8;padding:5px 14px 8px}.side-nav{padding:0 6px 8px;display:flex;flex-direction:column;gap:2px;overflow:auto;scrollbar-width:thin;scrollbar-color:#6d7786 #0b1729}.side-link{min-height:33px;display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;color:#f5f7fb;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap}.side-link:hover,.side-link.active{background:#1a2941}.side-link.active{color:#3384ff}.nav-ico{width:15px;height:15px;flex:0 0 15px}.side-label{overflow:hidden;text-overflow:ellipsis}.nav-badge{margin-left:auto;background:#20c86a;color:#fff;border-radius:20px;padding:1px 6px;font-size:10px;font-style:normal}.sidebar-bottom{margin-top:auto;border-top:1px solid #1b2a42}.tenant-summary{padding:14px 14px 12px;border-bottom:1px solid #1b2a42}.tenant-summary small,.tenant-summary span{display:block;color:#91a7c6;font-size:10px;line-height:1.55}.tenant-summary strong{display:block;font-size:12px;margin:4px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:6px}.side-user strong,.side-user span{display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user strong{font-size:11px}.side-user span{font-size:9px;color:#a8bbd3}.side-user form{margin:0}.side-user button{border:0;background:transparent;color:#a9bbd2;padding:5px;cursor:pointer}.workspace{min-width:0}.topbar{height:49px;border-bottom:1px solid #1d2b42;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 32px;background:#050d1a}.topbar h1{margin:0;font-size:22px;line-height:1;font-weight:800}.top-actions{display:flex;align-items:center;gap:8px}.support-pill,.company-pill,.icon-btn{height:34px;border:1px solid #233550;background:#081426;color:#fff;border-radius:6px}.support-pill{display:flex;align-items:center;gap:7px;padding:0 10px;font-size:11px}.support-pill span{color:#19d66c;font-size:18px}.company-pill{display:flex;align-items:center;gap:7px;padding:3px 9px;text-decoration:none;min-width:225px}.company-pill small{display:block;font-size:8px;color:#a5b4ca;font-weight:700}.company-pill strong{display:block;font-size:11px;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-avatar{width:26px;height:26px;border-radius:4px;display:grid;place-items:center;background:#18243a;font-size:10px;font-weight:800}.chev{margin-left:auto;color:#7387a6}.icon-btn{width:34px;font-size:18px;cursor:pointer}.content-area{padding:18px 18px 28px}.filter-panel{display:grid;grid-template-columns:355px 1fr;gap:14px;align-items:start;margin-bottom:14px}.primary-actions{display:grid;grid-template-columns:78px 1fr;gap:8px}.new-btn{height:74px;border:0;border-radius:6px;background:var(--blue);color:#fff;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.new-btn span{font-size:19px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.action-btn{height:34px;border:1px solid #1f304a;border-radius:5px;background:#111c30;color:#aab7cb;font-size:11px;font-weight:600}.action-btn:disabled{opacity:.58}.active-filter{color:#fff}.filters-grid{display:grid;grid-template-columns:115px 115px minmax(180px,1fr) minmax(170px,1fr) minmax(180px,1fr) 170px;gap:7px}.filters-grid input,.filters-grid select{height:34px;border:1px solid #20314b;background:#081426;color:#f5f8fc;border-radius:5px;padding:0 10px;font-size:11px;min-width:0}.search-wrap{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px}.search-wrap input{width:min(420px,42vw)}.search-wrap button{height:34px;border:1px solid #263955;background:#15233a;color:#fff;border-radius:5px;padding:0 14px;font-size:11px;font-weight:700;cursor:pointer}.docs-card{border:1px solid #1d2d47;border-radius:7px;background:#061225;overflow:hidden}.table-wrap{overflow:auto}.docs-table{width:100%;border-collapse:collapse;min-width:1280px;table-layout:auto}.docs-table th{height:39px;background:#16243a;color:#8fa7c7;border-bottom:1px solid #263958;text-align:center;font-size:10px;font-weight:700;padding:4px 8px}.docs-table th span{font-weight:500}.docs-table td{border-bottom:1px solid #10213a;padding:8px 9px;font-size:11px;color:#e6edf7;vertical-align:middle}.docs-table tbody tr:hover{background:#09182c}.docs-table td small{display:block;color:#8ea4c0;margin-top:2px}.check-col{width:34px;text-align:center!important}.num{text-align:right}.empty-state{text-align:center;color:#8198b7;padding:42px!important}.list-footer{height:55px;display:flex;align-items:center;justify-content:space-between;color:#86a1c4;font-size:11px;padding:0 6px}.pager{display:flex;align-items:center;gap:10px}.pager label{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600}.pager select{height:34px;background:#081426;color:#fff;border:1px solid #223651;border-radius:6px;padding:0 28px 0 10px}.pager strong{color:#fff}.page-btn{width:32px;height:32px;border:1px solid #223651;border-radius:6px;display:grid;place-items:center;color:#dbe6f5;text-decoration:none}.page-btn.disabled{pointer-events:none;opacity:.35}.toast{position:fixed;right:22px;bottom:22px;width:355px;padding:14px 16px;border-radius:6px;box-shadow:0 14px 45px #0008;z-index:1000;transition:.35s ease;display:flex;flex-direction:column;gap:3px}.toast-success{background:#20c568;color:#fff}.toast strong{font-size:13px}.toast span{font-size:10px}.toast.hide{opacity:0;transform:translateY(18px);pointer-events:none}
.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 35% 15%,#17243b 0,#030b19 50%)}.login-card{width:min(410px,92vw);background:#0b1628;border:1px solid #263958;border-radius:12px;padding:30px;box-shadow:0 30px 80px #0009}.brand{font-weight:900;letter-spacing:.08em;font-size:20px}.brand span{color:#ff4b45}.login-card h1{margin:24px 0 6px}.muted{color:#8ea4c0}.login-card label{display:block;margin:16px 0 8px;color:#cbd5e4;font-size:12px}.login-card input{width:100%;padding:12px;border:1px solid #2b3f5d;background:#071224;color:#fff;border-radius:7px;outline:none}.login-card button{width:100%;margin-top:18px;padding:12px;border:0;border-radius:7px;background:#3c82f6;color:#fff;font-weight:800;cursor:pointer}.alert{background:#351719;border:1px solid #713035;padding:11px;border-radius:7px;margin-top:18px}.company-picker{width:min(560px,92vw)}.company-list{display:grid;gap:10px;margin-top:22px}.company-list form{margin:0}.company-choice{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;margin:0!important;padding:15px 16px!important;background:#111d31!important;border:1px solid #2b3f5d!important}.company-choice strong{font-size:15px}.company-choice span{font-size:12px;color:#9eacc0}.picker-logout{margin-top:18px}.ghost{border:1px solid #34425a;background:transparent;color:#c8d2e0;border-radius:8px;padding:8px 10px}
:root[data-theme="light"]{--bg:#f4f7fb;--panel:#fff;--panel2:#f8fbff;--panel3:#edf3fb;--line:#d7e0ec;--line2:#c5d0df;--text:#17243a;--muted:#63748b;--side:#ffffff;color-scheme:light}:root[data-theme="light"] body{background:var(--bg);color:var(--text)}:root[data-theme="light"] .sidebar{background:#fff;border-color:#d9e2ee}:root[data-theme="light"] .topbar{background:#fff;border-color:#d9e2ee}:root[data-theme="light"] .side-link{color:#27374e}:root[data-theme="light"] .side-link.active{background:#e8f1ff;color:#1769d8}:root[data-theme="light"] .docs-card{background:#fff;border-color:#d9e2ee}:root[data-theme="light"] .docs-table th{background:#edf3fb;color:#506982;border-color:#d9e2ee}:root[data-theme="light"] .docs-table td{color:#25364e;border-color:#edf1f6}:root[data-theme="light"] .filters-grid input,:root[data-theme="light"] .filters-grid select,:root[data-theme="light"] .pager select{background:#fff;color:#22324a;border-color:#cbd6e3}:root[data-theme="light"] .support-pill,:root[data-theme="light"] .company-pill,:root[data-theme="light"] .icon-btn{background:#fff;color:#1d2c42;border-color:#cbd6e3}:root[data-theme="light"] .tenant-summary small,:root[data-theme="light"] .tenant-summary span,:root[data-theme="light"] .side-user span{color:#687b93}
@media(max-width:1250px){body{min-width:980px}.app-shell{grid-template-columns:165px 1fr}.filters-grid{grid-template-columns:110px 110px 1fr 1fr}.filters-grid select:nth-of-type(3),.filters-grid select:nth-of-type(4){grid-column:auto}.top-actions .support-pill{display:none}}

/* v0.6 interactive dashboard refinements */
.topbar{position:relative}
.quick-search-hint{position:absolute;left:50%;transform:translateX(-50%);top:10px;height:29px;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:5px;background:#2f80ed;color:#fff;font-size:10px;white-space:nowrap}
.quick-search-hint kbd{border:1px solid #0e315f;background:#153968;color:#dbeaff;border-radius:4px;padding:3px 8px;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:inset 0 -1px 0 #061d39}
.company-switcher{position:relative}
.company-pill{cursor:pointer;border:1px solid #263954;text-align:left}
.company-popover{position:absolute;right:0;top:40px;width:250px;background:#07111f;border:1px solid #2b3d58;border-radius:7px;box-shadow:0 18px 55px #000b;z-index:250;padding:8px}
.company-popover[hidden],.user-popover[hidden]{display:none!important}
.company-search{height:36px;display:flex;align-items:center;gap:7px;border:1px solid #293a55;border-radius:5px;padding:0 9px;background:#081426;color:#9db0ca;margin-bottom:7px}
.company-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:11px;min-width:0}
.company-list{display:flex;flex-direction:column;gap:3px;max-height:280px;overflow:auto}
.company-option{margin:0}
.company-option-btn{width:100%;min-height:35px;border:0;border-radius:5px;background:transparent;color:#e9eef7;display:flex;align-items:center;gap:9px;text-align:left;padding:7px 9px;font-size:11px;cursor:pointer}
.company-option-btn:hover,.company-option-btn.selected{background:#1a2941}
.company-check{width:16px;text-align:center;color:#fff;font-size:13px}

.side-user-wrap{position:relative}
.side-user{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.side-user:hover{background:#17243a}
.side-user-chev{font-size:11px;color:#9eb0c8;letter-spacing:-2px;padding-right:3px}
.user-popover{position:absolute;left:7px;bottom:55px;width:252px;background:#06101f;border:1px solid #2b3d58;border-radius:7px;box-shadow:0 18px 55px #000c;z-index:300;overflow:hidden}
.user-popover-head{display:flex;align-items:center;gap:10px;padding:12px 12px 10px;border-bottom:1px solid #1d2c42}
.user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#1a2941;color:#fff;font-size:12px;font-weight:800;flex:0 0 32px}
.user-popover-head strong,.user-popover-head span{display:block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-popover-head strong{font-size:12px}.user-popover-head span{font-size:10px;color:#a5b5ca;margin-top:2px}
.menu-section-title{padding:10px 12px 5px;font-size:11px;font-weight:800;color:#e7edf7}
.menu-row{width:100%;height:35px;border:0;background:transparent;color:#f3f6fb;display:flex;align-items:center;gap:9px;padding:0 12px;text-align:left;font-size:11px;cursor:pointer}
.menu-row:hover{background:#132038}.menu-row span{width:15px;color:#d5dfec;text-align:center}
.menu-logout{margin:4px 0 0;border-top:1px solid #1d2c42;padding-top:4px}

.filter-panel{grid-template-columns:350px 1fr;gap:12px;margin-bottom:10px}
.filters-grid{display:grid;grid-template-columns:125px minmax(160px,1fr) minmax(180px,1.1fr) minmax(190px,1.15fr);grid-template-areas:"from type partner cost" "to status paid sort" "search search search search";gap:7px}
.filters-grid .filter-from{grid-area:from}.filters-grid .filter-to{grid-area:to}.filters-grid .filter-type{grid-area:type}.filters-grid .filter-partner{grid-area:partner}.filters-grid .filter-cost{grid-area:cost}.filters-grid .filter-status{grid-area:status}.filters-grid .filter-paid{grid-area:paid}.filters-grid .filter-sort{grid-area:sort}.filters-grid .search-wrap{grid-area:search}
.search-wrap{grid-column:auto;display:flex;justify-content:flex-end;gap:7px}
.search-wrap input{width:min(420px,55%)}
.search-wrap button{min-width:145px}
.toast-info{background:#1e4f8f;color:#fff}

:root[data-theme="light"] .quick-search-hint{background:#2f80ed;color:#fff}
:root[data-theme="light"] .company-popover,:root[data-theme="light"] .user-popover{background:#fff;border-color:#cbd6e3;color:#1d2c42;box-shadow:0 18px 45px #21334a33}
:root[data-theme="light"] .company-search{background:#fff;border-color:#cbd6e3;color:#63748b}
:root[data-theme="light"] .company-search input{color:#1d2c42}
:root[data-theme="light"] .company-option-btn,:root[data-theme="light"] .menu-row{color:#1d2c42}
:root[data-theme="light"] .company-option-btn:hover,:root[data-theme="light"] .company-option-btn.selected,:root[data-theme="light"] .menu-row:hover{background:#e8f1ff}
:root[data-theme="light"] .user-popover-head,:root[data-theme="light"] .menu-logout{border-color:#d9e2ee}
:root[data-theme="light"] .menu-section-title{color:#27374e}

@media(max-width:1450px){.quick-search-hint{display:none}.filters-grid{grid-template-columns:120px minmax(145px,1fr) minmax(160px,1fr) minmax(170px,1fr)}}


/* v0.7 — right workspace follows the established DMS reference; left navigation stays Algor-specific. */
/* LEFT: intentionally NOT a 1:1 copy of the legacy DMS. */
.logo-mark{height:88px;display:flex;align-items:center;justify-content:flex-start;padding:0 15px;background:linear-gradient(180deg,#0b172a 0%,#071224 100%);border-bottom:1px solid #1a2b45}
.logo-mark:before,.logo-mark:after,.logo-mark span:before,.logo-mark span:after{display:none!important}
.brand-lockup{display:flex;align-items:baseline;gap:7px;line-height:1}.brand-lockup strong{font-size:12px;letter-spacing:.18em;color:#eaf1fb}.brand-lockup b{font-size:21px;letter-spacing:.08em;color:#ef4b4b;text-shadow:none}
.nav-caption{padding:10px 14px 7px;color:#7288a8;text-transform:uppercase;letter-spacing:.09em;font-size:8px}
.side-nav{padding:0 8px 10px;gap:3px}.side-link{min-height:35px;border-radius:7px;border-left:3px solid transparent;padding:7px 8px 7px 7px;color:#dbe6f4;font-size:11.5px;font-weight:600}.side-link .nav-ico{color:#7892b7}.side-link:hover{background:#111f34}.side-link.active{background:#151f31;color:#fff;border-left-color:#ef4b4b}.side-link.active .nav-ico{color:#ef6a66}
.sidebar-bottom{padding:7px 8px 8px;background:#050e1d}.tenant-summary{margin:0 0 7px;padding:11px 10px;border:1px solid #1c304c;border-radius:8px;background:#091528}.tenant-summary strong{font-size:11.5px}.tenant-summary small,.tenant-summary span{font-size:9px}.side-user{border:1px solid #1c304c!important;border-radius:8px;background:#091528!important;padding:10px!important}.side-user:hover{background:#10213a!important}

/* RIGHT: match the reference geometry and visual density. */
.topbar{height:51px;padding:0 22px 0 36px;background:#020a18}.topbar h1{font-size:22px;font-weight:800;letter-spacing:-.01em}.top-actions{gap:8px}.company-pill{height:36px;min-width:238px;border-radius:5px;padding:3px 8px}.company-pill small{font-size:8px}.company-pill strong{font-size:11.5px}.icon-btn{height:36px;width:36px;border-radius:5px}
.content-area{padding:20px 28px 28px 28px}
.filter-panel{display:grid;grid-template-columns:395px minmax(0,1fr);gap:10px;align-items:start;margin:0 0 4px;min-height:112px}
.primary-actions{grid-template-columns:85px 300px;gap:8px}.new-btn{height:80px;border-radius:6px;font-size:14px}.new-btn span{font-size:20px}.action-grid{grid-template-columns:110px 182px;grid-template-rows:38px 38px;gap:7px 8px}.action-btn{height:38px;border-radius:5px;font-size:13px;font-weight:600;padding:0 8px}
.filters-grid{display:grid;grid-template-columns:125px 216px 220px 186px 176px;grid-template-rows:38px 38px;grid-template-areas:"from type partner cost ." "to status paid sort advanced";gap:7px 8px;align-items:stretch;justify-content:start}
.filters-grid .filter-from{grid-area:from}.filters-grid .filter-to{grid-area:to}.filters-grid .filter-type{grid-area:type}.filters-grid .filter-partner{grid-area:partner}.filters-grid .filter-cost{grid-area:cost}.filters-grid .filter-status{grid-area:status}.filters-grid .filter-paid{grid-area:paid}.filters-grid .filter-sort{grid-area:sort}.filters-grid .advanced-btn{grid-area:advanced}
.filters-grid input,.filters-grid select,.advanced-btn{height:38px;border:1px solid #263955;background:#071326;color:#f5f8fc;border-radius:5px;padding:0 12px;font-size:13.5px;min-width:0}.filters-grid select{font-weight:500}.date-field input{width:100%;font-weight:600}.advanced-btn{background:#142238;color:#fff;font-weight:700;cursor:pointer;white-space:nowrap;padding:0 14px}
.docs-card{border:1px solid #243653;border-radius:4px;background:#020d20;overflow:hidden}.docs-table{min-width:1380px}.docs-table th{height:42px;background:#19283f;color:#a9bfdc;border-bottom:1px solid #334765;font-size:13px;font-weight:600;padding:4px 8px;line-height:1.15}.docs-table th span{font-size:12px;color:#91aac9}.docs-table td{height:44px;border-bottom:1px solid #263955;padding:6px 8px;font-size:14px;line-height:1.2;color:#fff}.docs-table td strong{font-size:14px}.docs-table td small{font-size:13px;color:#d0dbee;margin-top:3px}.docs-table tbody tr:hover{background:#08172a}.check-col{width:48px}.num{font-weight:700}.empty-state{font-size:14px;color:#a5b9d3;padding:46px!important}
.list-footer{height:58px;font-size:13px;color:#94afd0;padding:0 6px}.pager{gap:11px}.pager label{font-size:13px}.pager select{height:36px;font-size:13px}.pager strong{font-size:13px}.page-btn{width:34px;height:34px;font-size:15px}

/* No quick-search banner / CTRL+E hint in production UI. */
.quick-search-hint{display:none!important}

/* Advanced search opens on demand instead of occupying the filter grid. */
.modal-backdrop{position:fixed;inset:0;background:#000a;display:grid;place-items:center;z-index:1000}.modal-backdrop[hidden]{display:none!important}.advanced-modal{width:min(520px,calc(100vw - 40px));background:#071326;border:1px solid #2a3d5b;border-radius:9px;box-shadow:0 28px 80px #000c;overflow:hidden}.advanced-modal-head{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #20314b}.advanced-modal-head h2{margin:0;font-size:17px}.advanced-modal-head button{width:32px;height:32px;border:0;background:transparent;color:#b8c9dd;font-size:24px;cursor:pointer}.advanced-search-form{padding:18px}.advanced-search-form label{display:grid;gap:8px;font-size:12px;color:#b7c8dc}.advanced-search-form input{height:42px;border:1px solid #2a3d5b;background:#020d20;color:#fff;border-radius:6px;padding:0 12px;font-size:14px}.advanced-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.advanced-modal-actions button{height:38px;border-radius:6px;padding:0 15px;font-weight:700;cursor:pointer}.modal-cancel{border:1px solid #2a3d5b;background:#0b1729;color:#dce6f3}.modal-search{border:0;background:#3c82f6;color:#fff}

/* Keep the fixed reference geometry on desktop; only compress below smaller workspaces. */
@media(max-width:1500px){.filters-grid{grid-template-columns:120px 190px 195px 170px 165px}.filter-panel{grid-template-columns:370px minmax(0,1fr)}.primary-actions{grid-template-columns:80px 282px}.action-grid{grid-template-columns:104px 170px}}

/* v0.8 — DMS sidebar follows the Artifax interaction model, while keeping DMS branding/content. */
.app-shell{grid-template-columns:244px minmax(0,1fr);transition:grid-template-columns .2s ease}
.app-shell.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr)}
.artifax-sidebar{background:linear-gradient(180deg,#071527 0%,#050d19 100%);border-right:1px solid #19314b;padding:10px 8px 9px;gap:0}
.sidebar-head{flex:0 0 auto}
.sidebar-toggle{width:44px;height:42px;border:1px solid #315779;background:#0e263b;color:#9fd9ff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;margin:0 0 9px 2px;box-shadow:inset 0 0 0 1px #0f3654}
.sidebar-toggle:hover{background:#12304a;border-color:#3f7dad}.sidebar-toggle span{width:15px;height:1.5px;background:#9fd9ff;border-radius:2px;display:block}
.sidebar-brand{display:flex;align-items:center;gap:10px;min-height:55px;padding:0 8px 10px 8px;border-bottom:1px solid #16263a;margin-bottom:10px;overflow:hidden}
.sidebar-brand-icon{width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:linear-gradient(145deg,#07111d,#0e2137);border:1px solid #176da4;box-shadow:0 0 0 3px #07111d inset,0 0 15px #0f7bc044;display:grid;place-items:center;position:relative}
.sidebar-brand-icon:before{content:"";position:absolute;inset:7px;border:1px solid #1788d5;border-radius:9px;opacity:.65}.sidebar-brand-icon span{font-size:20px;font-weight:900;color:#39aaf5;z-index:1}
.sidebar-brand-copy{min-width:0;white-space:nowrap}.sidebar-brand-copy strong{display:block;font-size:17px;line-height:1.05;color:#fff;font-weight:800}.sidebar-brand-copy small{display:block;margin-top:5px;color:#8298b4;font-size:9px;letter-spacing:.02em}
.card-nav{padding:0 2px 10px;gap:6px;scrollbar-width:thin}.card-nav .nav-caption{padding:8px 12px 5px;font-size:9px;letter-spacing:.06em;color:#8397b4;font-weight:800}.card-nav .nav-caption.section-gap{margin-top:6px;padding-top:12px;border-top:1px solid #15253a}
.card-nav .side-link{min-height:46px;border:1px solid #1d2d41;border-left:1px solid #1d2d41!important;background:linear-gradient(180deg,#111b29 0%,#0c1420 100%);border-radius:12px;padding:6px 10px;gap:9px;color:#e8edf5;font-size:12px;font-weight:700;box-shadow:inset 0 1px 0 #ffffff05;transition:.15s ease}
.card-nav .side-link:hover{background:#14243a;border-color:#294a69;transform:translateY(-1px)}
.card-nav .side-link.active{background:linear-gradient(180deg,#17324a 0%,#102337 100%);border:1px solid #2788c6!important;box-shadow:inset 3px 0 0 #42b8ff,0 0 0 1px #0c3048;color:#fff}
.side-icon-wrap{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;background:#182638;border:1px solid #263a52;color:#8fbcda;box-shadow:inset 0 0 0 1px #ffffff03}.active .side-icon-wrap{background:#154164;border-color:#257ab0;color:#5ac6ff}.side-icon-wrap .nav-ico{width:17px;height:17px;flex:0 0 17px}
.side-arrow{margin-left:auto;color:#91c4e8;font-size:18px;font-weight:400;line-height:1}.nav-badge{margin-left:auto;margin-right:4px}.side-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-bottom{margin-top:auto;border-top:1px solid #15253a;padding:10px 2px 0;background:transparent}.artifax-user-card{min-height:48px!important;border:1px solid #1d2d41!important;border-radius:12px!important;background:linear-gradient(180deg,#111b29 0%,#0c1420 100%)!important;padding:7px 9px!important;gap:8px!important}.artifax-user-card:hover{background:#14243a!important;border-color:#294a69!important}.user-rail-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#1c2c42;border:1px solid #2c4260;color:#fff;display:grid;place-items:center;font-weight:800;font-size:10px}.side-user-copy{min-width:0;flex:1}.side-user-copy strong,.side-user-copy span{max-width:150px}.sidebar-logout-form{margin:8px 0 0}.sidebar-logout{width:100%;border:1px solid #1d2d41!important;border-radius:12px!important;background:linear-gradient(180deg,#111b29 0%,#0c1420 100%)!important;color:#e8edf5!important}.sidebar-logout:hover{border-color:#38536f!important;background:#14243a!important}.sidebar-logout .side-icon-wrap{background:#111d2c;color:#aabdd2}
.user-popover-stats{padding:9px 12px;border-top:1px solid #1d2c42;color:#aabbd0}.user-popover-stats span,.user-popover-stats small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-popover-stats span{font-size:10px;color:#dbe5f2}.user-popover-stats small{font-size:9px;margin-top:3px;color:#8298b4}

/* Collapsed Artifax-like icon rail. */
.sidebar-collapsed .artifax-sidebar{padding-left:7px;padding-right:7px}.sidebar-collapsed .sidebar-toggle{margin-left:5px;width:44px}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0 0 10px}.sidebar-collapsed .sidebar-brand-icon{width:44px;height:44px;flex-basis:44px}.sidebar-collapsed .sidebar-brand-copy,.sidebar-collapsed .nav-caption,.sidebar-collapsed .side-label,.sidebar-collapsed .side-arrow,.sidebar-collapsed .side-user-copy,.sidebar-collapsed .side-user-chev{display:none!important}.sidebar-collapsed .card-nav{padding-left:0;padding-right:0;align-items:center}.sidebar-collapsed .card-nav .side-link,.sidebar-collapsed .sidebar-logout{width:50px;min-height:50px;height:50px;padding:0;justify-content:center;border-radius:12px}.sidebar-collapsed .side-icon-wrap{width:36px;height:36px;flex-basis:36px}.sidebar-collapsed .side-icon-wrap .nav-ico{width:19px;height:19px}.sidebar-collapsed .nav-badge{position:absolute;transform:translate(15px,-15px);margin:0;min-width:17px;text-align:center;padding:1px 4px}.sidebar-collapsed .card-nav .side-link{position:relative}.sidebar-collapsed .artifax-user-card{width:50px!important;height:50px!important;min-height:50px!important;padding:0!important;justify-content:center!important}.sidebar-collapsed .user-rail-avatar{width:36px;height:36px;flex-basis:36px}.sidebar-collapsed .sidebar-bottom{display:flex;flex-direction:column;align-items:center}.sidebar-collapsed .side-user-wrap,.sidebar-collapsed .sidebar-logout-form{width:50px}.sidebar-collapsed .user-popover{left:58px;bottom:0}.sidebar-collapsed .sidebar-logout-form{margin-top:7px}

@media(max-width:1250px){.app-shell{grid-template-columns:68px minmax(0,1fr)}.artifax-sidebar .sidebar-brand-copy,.artifax-sidebar .nav-caption,.artifax-sidebar .side-label,.artifax-sidebar .side-arrow,.artifax-sidebar .side-user-copy,.artifax-sidebar .side-user-chev{display:none!important}.artifax-sidebar .card-nav .side-link{width:50px;min-height:50px;height:50px;padding:0;justify-content:center}.artifax-sidebar .side-icon-wrap{width:36px;height:36px;flex-basis:36px}.artifax-sidebar .sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.artifax-sidebar .card-nav{align-items:center}.artifax-sidebar .artifax-user-card{width:50px!important;height:50px!important;padding:0!important;justify-content:center!important}.artifax-sidebar .sidebar-bottom{align-items:center}}

/* v0.9 — rebuilt sidebar: Artifax interaction model, DMS information architecture. */
.app-shell{grid-template-columns:238px minmax(0,1fr)}
.app-shell.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}
.artifax-sidebar{padding:12px 10px 10px;background:linear-gradient(180deg,#071522 0%,#040b14 100%)}
.sidebar-toggle{width:42px;height:42px;margin:0 0 10px 0;border-radius:11px}
.sidebar-brand{min-height:58px;padding:0 6px 12px 6px;margin-bottom:12px;gap:11px}
.sidebar-brand-icon{width:42px;height:42px;flex-basis:42px;border-radius:12px}
.sidebar-brand-copy strong{font-size:16px;letter-spacing:.01em}.sidebar-brand-copy small{font-size:10px;margin-top:4px}
.card-nav{gap:7px;padding:0 0 12px}
.card-nav .nav-caption{font-size:10px;padding:8px 12px 4px;letter-spacing:.08em;color:#8fa1bb}
.card-nav .nav-caption.section-gap{margin-top:4px;padding-top:13px}
.card-nav .side-link{min-height:46px;border-radius:12px;padding:6px 9px;font-size:14px;font-weight:700;gap:10px}
.card-nav .side-link.active{box-shadow:inset 3px 0 0 #44b5ff,0 0 0 1px #0b3855}
.side-icon-wrap{width:32px;height:32px;flex-basis:32px;border-radius:9px}
.side-icon-wrap .nav-ico{width:18px;height:18px}
.side-arrow{font-size:18px;transition:transform .16s ease}.nav-group.open>.nav-group-toggle .side-arrow{transform:rotate(90deg)}
.nav-group-toggle{width:100%;cursor:pointer;text-align:left}
.nav-submenu{display:none;margin:5px 0 2px 20px;padding-left:14px;border-left:1px solid #1d3952;gap:3px}
.nav-group.open>.nav-submenu{display:grid}
.nav-sub-link{min-height:34px;display:flex;align-items:center;gap:9px;padding:6px 9px;border-radius:8px;color:#b8c8dc;text-decoration:none;font-size:12px;font-weight:600}
.nav-sub-link:hover{background:#0f2032;color:#fff}
.nav-sub-link span{width:20px;height:20px;display:grid;place-items:center;color:#769ab8}.nav-sub-link .nav-ico{width:15px;height:15px}
.sidebar-bottom{padding-top:11px}.artifax-user-card{min-height:52px!important}.user-rail-avatar{width:32px;height:32px;flex-basis:32px}.side-user-copy strong{font-size:12px}.side-user-copy span{font-size:9px}
.sidebar-logout{min-height:46px!important;font-size:13px!important}

/* Collapsed rail shows only primary navigation — never the submenu children. */
.sidebar-collapsed .artifax-sidebar{padding-left:7px;padding-right:7px}
.sidebar-collapsed .sidebar-toggle{width:48px;height:44px;margin-left:1px}
.sidebar-collapsed .sidebar-brand{padding-bottom:11px;margin-bottom:10px}
.sidebar-collapsed .sidebar-brand-icon{width:46px;height:46px;flex-basis:46px}
.sidebar-collapsed .card-nav{gap:7px;align-items:center}
.sidebar-collapsed .nav-group{width:50px}
.sidebar-collapsed .nav-submenu{display:none!important}
.sidebar-collapsed .card-nav .side-link,.sidebar-collapsed .nav-group-toggle,.sidebar-collapsed .sidebar-logout{width:50px!important;height:48px!important;min-height:48px!important;padding:0!important;justify-content:center!important}
.sidebar-collapsed .side-icon-wrap{width:34px;height:34px;flex-basis:34px}
.sidebar-collapsed .side-icon-wrap .nav-ico{width:18px;height:18px}
.sidebar-collapsed .nav-badge{transform:translate(15px,-14px)}
.sidebar-collapsed .artifax-user-card{width:50px!important;height:48px!important;min-height:48px!important}
.sidebar-collapsed .user-rail-avatar{width:34px;height:34px;flex-basis:34px}

/* Remove the old forced auto-collapse; the user controls it. */
@media(max-width:1250px){.app-shell{grid-template-columns:238px minmax(0,1fr)}.app-shell.sidebar-collapsed{grid-template-columns:64px minmax(0,1fr)}.artifax-sidebar .sidebar-brand-copy,.artifax-sidebar .nav-caption,.artifax-sidebar .side-label,.artifax-sidebar .side-arrow,.artifax-sidebar .side-user-copy,.artifax-sidebar .side-user-chev{display:initial}.sidebar-collapsed .artifax-sidebar .sidebar-brand-copy,.sidebar-collapsed .artifax-sidebar .nav-caption,.sidebar-collapsed .artifax-sidebar .side-label,.sidebar-collapsed .artifax-sidebar .side-arrow,.sidebar-collapsed .artifax-sidebar .side-user-copy,.sidebar-collapsed .artifax-sidebar .side-user-chev{display:none!important}}


/* ========================================================================
   v1.0 SIDEBAR — DMS identity first, no hamburger.
   ======================================================================== */
.app-shell{grid-template-columns:252px minmax(0,1fr)}
.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}
.artifax-sidebar{padding:12px 10px 10px;background:radial-gradient(circle at 18% 0%,rgba(25,112,178,.13),transparent 26%),linear-gradient(180deg,#071522 0%,#050e18 54%,#030912 100%);border-right:1px solid #1b3146}
.sidebar-head{flex:0 0 auto;padding:0 0 12px;margin:0 0 8px;border-bottom:1px solid #172a3d}
.sidebar-toggle{display:none!important}
.sidebar-brand.sidebar-brand-toggle{width:100%;min-height:64px;margin:0;padding:7px 9px;border:1px solid transparent;border-radius:14px;display:flex;align-items:center;gap:11px;text-align:left;color:#fff;background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.sidebar-brand.sidebar-brand-toggle:hover{background:#0b1a29;border-color:#1b3a54}
.sidebar-brand-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px;color:#4ab7ff;background:linear-gradient(145deg,#09233a,#07131f);border:1px solid #1f77ae;box-shadow:inset 0 0 0 3px #06111c,0 8px 24px rgba(0,109,180,.16)}
.sidebar-brand-icon:before,.sidebar-brand-icon:after,.sidebar-brand-icon span:before,.sidebar-brand-icon span:after{display:none!important}
.sidebar-brand-icon svg{width:31px;height:31px}
.sidebar-brand-copy{min-width:0;flex:1;white-space:nowrap}.sidebar-brand-copy strong{display:block;color:#fff;font-size:17px;line-height:1.05;font-weight:800;letter-spacing:.01em}.sidebar-brand-copy small{display:block;margin-top:5px;color:#8197b1;font-size:10px;line-height:1}
.brand-collapse-cue{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;color:#7193ad;font-size:21px;line-height:1;transition:transform .18s ease,color .18s ease}.sidebar-brand-toggle:hover .brand-collapse-cue{color:#b8daf2}
.card-nav{padding:0 0 12px;gap:7px;overflow-y:auto;overflow-x:hidden}.card-nav .nav-caption{padding:10px 11px 5px;color:#7890aa;font-size:9px;letter-spacing:.12em;font-weight:800}.card-nav .nav-caption.section-gap{margin-top:4px;padding-top:13px;border-top:1px solid #152a3d}
.card-nav .side-link{width:100%;min-height:48px;padding:7px 9px;gap:10px;border:1px solid #1a2d40!important;border-left:1px solid #1a2d40!important;border-radius:13px;background:linear-gradient(180deg,#101c29 0%,#0a141e 100%);color:#e4edf6;font-size:13px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:background .14s ease,border-color .14s ease,transform .14s ease}.card-nav .side-link:hover{background:linear-gradient(180deg,#14263a,#0c1926);border-color:#2b4d68!important;transform:translateY(-1px)}.card-nav .side-link.active{color:#fff;background:linear-gradient(180deg,#12324a,#0b2235);border-color:#2e8ec8!important;box-shadow:inset 3px 0 0 #46bfff,0 0 0 1px rgba(20,98,143,.28)}
.side-icon-wrap{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;background:#172638;border:1px solid #27405a;color:#8fb9d5}.side-link.active .side-icon-wrap{color:#60caff;background:#123c58;border-color:#267dad}.side-icon-wrap .nav-ico{width:17px;height:17px}.side-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-arrow{margin-left:auto;color:#7fa7c4;font-size:18px;transition:transform .16s ease}.nav-group.open>.nav-group-toggle .side-arrow{transform:rotate(90deg)}
.nav-submenu{display:none;margin:5px 0 2px 23px;padding:2px 0 2px 14px;border-left:1px solid #1b3a52;gap:3px}.nav-group.open>.nav-submenu{display:grid}.nav-sub-link{min-height:34px;padding:6px 9px;gap:8px;border-radius:8px;color:#a9bdd1;font-size:12px;font-weight:600}.nav-sub-link:hover{color:#fff;background:#0d2031}.nav-sub-link span{width:19px;height:19px;color:#6f9dbb}.nav-sub-link .nav-ico{width:14px;height:14px}
.sidebar-bottom{margin-top:auto;padding:10px 0 0;border-top:1px solid #172a3d}.artifax-user-card{width:100%!important;min-height:52px!important;padding:7px 8px!important;border:1px solid #1a2d40!important;border-radius:13px!important;background:linear-gradient(180deg,#101c29,#0a141e)!important}.artifax-user-card:hover{background:#13263a!important;border-color:#2b4d68!important}.user-rail-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#1b2f46;border:1px solid #2b4967;font-size:10px}.side-user-copy strong{font-size:12px}.side-user-copy span{font-size:9px;color:#829bb7}.sidebar-logout-form{margin:7px 0 0}.sidebar-logout{min-height:44px!important;border-radius:12px!important;background:transparent!important;border-color:#172a3d!important;color:#b9c8d7!important}.sidebar-logout:hover{background:#0d1c2b!important;border-color:#294b66!important}
.sidebar-collapsed .artifax-sidebar{padding:12px 9px 10px}.sidebar-collapsed .sidebar-head{padding-bottom:10px;margin-bottom:7px}.sidebar-collapsed .sidebar-brand.sidebar-brand-toggle{width:52px;min-height:52px;height:52px;padding:3px;margin:0 auto;justify-content:center;border-color:#1a3650;background:#081826}.sidebar-collapsed .sidebar-brand-icon{width:44px;height:44px;flex-basis:44px}.sidebar-collapsed .sidebar-brand-copy,.sidebar-collapsed .brand-collapse-cue,.sidebar-collapsed .nav-caption,.sidebar-collapsed .side-label,.sidebar-collapsed .side-arrow,.sidebar-collapsed .side-user-copy,.sidebar-collapsed .side-user-chev{display:none!important}.sidebar-collapsed .card-nav{align-items:center;gap:7px}.sidebar-collapsed .nav-group{width:52px}.sidebar-collapsed .nav-submenu{display:none!important}.sidebar-collapsed .card-nav>.side-link,.sidebar-collapsed .nav-group-toggle{width:52px!important;height:52px!important;min-height:52px!important;padding:0!important;justify-content:center!important;border-radius:13px;position:relative}.sidebar-collapsed .side-icon-wrap{width:36px;height:36px;flex-basis:36px;border-radius:10px}.sidebar-collapsed .side-icon-wrap .nav-ico{width:19px;height:19px}.sidebar-collapsed .nav-badge{position:absolute;margin:0;transform:translate(17px,-17px)}.sidebar-collapsed .sidebar-bottom{display:flex;flex-direction:column;align-items:center}.sidebar-collapsed .side-user-wrap,.sidebar-collapsed .sidebar-logout-form{width:52px}.sidebar-collapsed .artifax-user-card{width:52px!important;height:52px!important;min-height:52px!important;padding:0!important;justify-content:center!important}.sidebar-collapsed .user-rail-avatar{width:36px;height:36px;flex-basis:36px}.sidebar-collapsed .sidebar-logout{width:52px!important;height:48px!important;min-height:48px!important;padding:0!important;justify-content:center!important}.sidebar-collapsed .user-popover{left:60px;bottom:0}
@media(max-width:1250px){.app-shell{grid-template-columns:252px minmax(0,1fr)}.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.artifax-sidebar .sidebar-brand-copy,.artifax-sidebar .nav-caption,.artifax-sidebar .side-label,.artifax-sidebar .side-arrow,.artifax-sidebar .side-user-copy,.artifax-sidebar .side-user-chev{display:initial}.sidebar-collapsed .artifax-sidebar .sidebar-brand-copy,.sidebar-collapsed .artifax-sidebar .nav-caption,.sidebar-collapsed .artifax-sidebar .side-label,.sidebar-collapsed .artifax-sidebar .side-arrow,.sidebar-collapsed .artifax-sidebar .side-user-copy,.sidebar-collapsed .artifax-sidebar .side-user-chev{display:none!important}}

/* ========================================================================
   v1.1 UI — Microsoft-style calm navigation, based on approved mockup.
   ======================================================================== */
:root{--sidebar-expanded:310px;--sidebar-collapsed:84px}
.app-shell{grid-template-columns:var(--sidebar-expanded) minmax(0,1fr)!important}
.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) minmax(0,1fr)!important}
.artifax-sidebar{padding:18px 16px 14px!important;background:linear-gradient(180deg,#0b1b2c 0%,#081524 48%,#06111d 100%)!important;border-right:1px solid #203247!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.015)}
.sidebar-head{padding:0 0 18px!important;margin:0 0 14px!important;border-bottom:1px solid #2b3c50!important}
.sidebar-brand.sidebar-brand-toggle{min-height:72px!important;padding:8px 10px!important;border:0!important;background:transparent!important;border-radius:12px!important;gap:14px!important}
.sidebar-brand.sidebar-brand-toggle:hover{background:#102337!important;transform:none!important}
.sidebar-brand-icon{width:54px!important;height:54px!important;flex-basis:54px!important;border-radius:14px!important;color:#d9e9ff!important;background:linear-gradient(180deg,#0e3152,#0a1b2d)!important;border:1px solid #2187d8!important;box-shadow:0 0 0 3px rgba(12,55,91,.7),0 12px 26px rgba(0,0,0,.24)!important}
.sidebar-brand-icon svg{width:34px!important;height:34px!important}
.sidebar-brand-copy strong{font-size:20px!important;font-weight:800!important;letter-spacing:0!important}.sidebar-brand-copy small{font-size:12px!important;color:#8ea8c0!important;margin-top:5px!important}
.brand-collapse-cue{display:none!important}
.card-nav{gap:4px!important;padding:0 0 14px!important}
.card-nav .nav-caption{padding:13px 12px 8px!important;color:#91a7bd!important;font-size:10px!important;letter-spacing:.1em!important}
.nav-divider{height:1px;background:#2b3c50;margin:12px 8px 0}
.card-nav .side-link{min-height:50px!important;padding:8px 12px!important;gap:14px!important;border:0!important;border-left:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;color:#eef4fb!important;font-size:15px!important;font-weight:650!important;transform:none!important}
.card-nav .side-link:hover{background:#10243a!important;border:0!important;transform:none!important}
.card-nav .side-link.active{background:linear-gradient(90deg,#174b80,#17426f)!important;border:0!important;box-shadow:inset 3px 0 0 #53b8ff!important;color:#fff!important}
.side-icon-wrap{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:8px!important;background:transparent!important;border:0!important;color:#c7d8e8!important}
.side-link.active .side-icon-wrap{background:rgba(84,185,255,.12)!important;border:0!important;color:#6fc6ff!important}
.side-icon-wrap .nav-ico{width:23px!important;height:23px!important;stroke-width:1.65!important}
.side-label{font-size:15px!important}
.side-arrow{color:#d7e6f3!important;font-size:22px!important}
.nav-submenu{margin:0 0 4px 45px!important;padding:2px 0 4px 12px!important;border-left:1px solid #29445b!important}
.nav-sub-link{font-size:13px!important;color:#b8c8d7!important;padding:7px 9px!important;min-height:36px!important;background:transparent!important}
.nav-sub-link:hover{background:#102337!important}
.sidebar-bottom{padding:14px 0 0!important;border-top:1px solid #2b3c50!important}
.artifax-user-card{min-height:64px!important;padding:8px 9px!important;border:0!important;border-radius:10px!important;background:transparent!important}
.artifax-user-card:hover{background:#102337!important;border:0!important}
.user-rail-avatar{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:50%!important;background:linear-gradient(145deg,#3068a5,#173553)!important;border:0!important;font-size:14px!important;color:#fff!important}
.side-user-copy strong{font-size:15px!important}.side-user-copy span{font-size:10px!important;color:#9fb1c4!important}
.sidebar-logout{min-height:50px!important;border:0!important;background:transparent!important;border-radius:9px!important;color:#edf4fb!important;font-size:15px!important}
.sidebar-logout:hover{background:#102337!important;border:0!important}

/* Collapsed rail: clean Microsoft-like icon column. */
.sidebar-collapsed .artifax-sidebar{padding:18px 10px 12px!important}
.sidebar-collapsed .sidebar-head{padding-bottom:14px!important;margin-bottom:12px!important}
.sidebar-collapsed .sidebar-brand.sidebar-brand-toggle{width:58px!important;height:58px!important;min-height:58px!important;padding:0!important;margin:0 auto!important;background:transparent!important;border:0!important}
.sidebar-collapsed .sidebar-brand-icon{width:52px!important;height:52px!important;flex-basis:52px!important}
.sidebar-collapsed .card-nav{align-items:center!important;gap:7px!important}
.sidebar-collapsed .card-nav>.side-link,.sidebar-collapsed .nav-group-toggle{width:58px!important;height:52px!important;min-height:52px!important;padding:0!important;justify-content:center!important;background:transparent!important;border-radius:9px!important}
.sidebar-collapsed .card-nav>.side-link:hover,.sidebar-collapsed .nav-group-toggle:hover{background:#102337!important}
.sidebar-collapsed .card-nav>.side-link.active{background:#143c62!important;box-shadow:inset 3px 0 0 #58bfff!important}
.sidebar-collapsed .side-icon-wrap{width:42px!important;height:42px!important;flex-basis:42px!important;background:transparent!important}
.sidebar-collapsed .side-icon-wrap .nav-ico{width:24px!important;height:24px!important}
.sidebar-collapsed .sidebar-bottom{align-items:center!important}
.sidebar-collapsed .artifax-user-card{width:58px!important;height:58px!important;min-height:58px!important}
.sidebar-collapsed .user-rail-avatar{width:44px!important;height:44px!important;flex-basis:44px!important}
.sidebar-collapsed .sidebar-logout{width:58px!important;height:50px!important;min-height:50px!important}
.sidebar-collapsed .nav-divider{width:40px;margin:10px auto 0}

/* Main workspace proportions from the approved mockup. */
.workspace{background:radial-gradient(circle at 7% 0%,rgba(35,86,132,.13),transparent 25%),#06111f!important}
.topbar{height:86px!important;padding:0 28px!important;border-bottom:1px solid #24374b!important;background:rgba(6,17,31,.94)!important}.topbar h1{font-size:34px!important;letter-spacing:-.02em!important}
.content-area{padding:18px 28px 30px!important}
.filter-panel{gap:14px!important;align-items:stretch!important;margin-bottom:22px!important}
.primary-actions{gap:10px!important}
.new-btn{min-width:94px!important;width:94px!important;min-height:96px!important;border-radius:10px!important;background:linear-gradient(180deg,#122238,#0d1b2c)!important;border:1px solid #2b435c!important;color:#f2f7fc!important;box-shadow:none!important;font-size:15px!important;font-weight:700!important;display:flex!important;flex-direction:column!important;gap:8px!important;align-items:center!important;justify-content:center!important}
.new-btn:hover{background:#162a41!important;border-color:#4b6f8f!important}.new-btn span{color:#73c7ff!important;font-size:25px!important;line-height:1}.new-btn strong{font:inherit}
.action-grid{gap:8px!important}.action-btn{min-height:44px!important;border-radius:8px!important;font-size:13px!important;background:#0d1c2d!important;border-color:#1f3349!important}.action-btn.active-filter{background:#12243a!important;border-color:#33506c!important;color:#fff!important}
.filters-grid{gap:8px!important;grid-template-columns:repeat(4,minmax(165px,1fr))!important;align-content:start!important}
.filters-grid select,.date-field,.advanced-btn{height:44px!important;border-radius:8px!important;font-size:13px!important}
.advanced-btn{background:#12243a!important;border-color:#2f4963!important}
.docs-card{border-radius:10px!important;border-color:#31485f!important;background:#071528!important;overflow:hidden!important}.docs-table thead th{height:68px!important;font-size:13px!important;color:#c6d9eb!important;background:linear-gradient(180deg,#1a3149,#172b40)!important}.docs-table tbody td{font-size:14px!important;min-height:54px!important}.empty-state{font-size:16px!important;color:#f2f5f8!important;height:150px!important}
.list-footer{font-size:14px!important}.pager label,.pager strong{font-size:13px!important}

@media(max-width:1250px){.app-shell{grid-template-columns:var(--sidebar-expanded) minmax(0,1fr)!important}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) minmax(0,1fr)!important}}

/* v1.3 — Microsoft-style navigation shell. RIGHT WORKSPACE IS UNCHANGED FROM v1.1. */
.ms-shell{grid-template-columns:76px 300px minmax(0,1fr)!important;transition:grid-template-columns .18s ease}
.ms-shell.sidebar-collapsed{grid-template-columns:76px 0 minmax(0,1fr)!important}
.ms-rail{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#0b1729 0%,#07111f 100%);border-right:1px solid #203149;display:flex;flex-direction:column;align-items:center;padding:14px 10px 12px;z-index:22}
.rail-dms-toggle{width:52px;height:52px;border:1px solid #2b74ad;border-radius:14px;background:#0e2138;color:#f4f8fd;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 0 0 3px #0a1628,0 0 0 1px #0d4c78}.rail-dms-toggle span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid #167bd0;background:linear-gradient(180deg,#132d4a,#0d1f34);font-size:21px;font-weight:800;letter-spacing:.03em}.rail-dms-toggle:hover{background:#132944}
.rail-nav{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:22px}.rail-link{width:44px;height:44px;border-radius:11px;border:1px solid transparent;color:#9fb1c9;display:grid;place-items:center;background:transparent;text-decoration:none;cursor:pointer;padding:0}.rail-link .nav-ico{width:22px;height:22px}.rail-link:hover{background:#101f33;color:#e8f1fb;border-color:#263a55}.rail-link.active{background:#122b47;color:#5fb8ff;border-color:#2b7bb7;box-shadow:inset 3px 0 0 #36a7ff}.rail-button{font:inherit}.rail-divider{width:34px;height:1px;background:#24344a;margin:3px 0}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.rail-user{width:44px;height:44px;border:1px solid #2a405d;border-radius:50%;background:linear-gradient(180deg,#285d95,#173a62);color:#fff;font-weight:800;cursor:pointer}.rail-logout-form{margin:0}.rail-logout-form .rail-link{border-color:#1e3048}
.ms-drawer{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#0b1728 0%,#07111f 100%);border-right:1px solid #203149;display:flex;flex-direction:column;overflow:hidden;z-index:21;transition:opacity .15s ease,transform .18s ease}.sidebar-collapsed .ms-drawer{opacity:0;transform:translateX(-16px);pointer-events:none}
.drawer-brand{height:104px;display:flex;align-items:center;gap:14px;padding:0 22px;border-bottom:1px solid #1c2e46}.drawer-brand-icon{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;border:1px solid #2b7bb7;background:linear-gradient(180deg,#122a47,#0d2037);color:#fff;font-size:25px;font-weight:800;box-shadow:inset 0 0 0 3px #0b1728}.drawer-brand-copy{min-width:0}.drawer-brand-copy strong,.drawer-brand-copy small{display:block}.drawer-brand-copy strong{font-size:21px;line-height:1.1;color:#f3f7fc}.drawer-brand-copy small{margin-top:5px;font-size:12px;color:#91a5bf}
.drawer-nav{padding:18px 16px;overflow:auto;display:flex;flex-direction:column;gap:5px;scrollbar-width:thin;scrollbar-color:#40536b transparent}.drawer-link{min-height:47px;display:flex;align-items:center;gap:13px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:#e5edf7;text-decoration:none;font-size:14px;font-weight:600;text-align:left;cursor:pointer}.drawer-link .nav-ico{width:21px;height:21px;color:#c4d2e3;flex:0 0 21px}.drawer-link:hover{background:#101f34}.drawer-link.active{background:linear-gradient(90deg,#153c68,#12365c);box-shadow:inset 3px 0 0 #42a8ff;color:#fff}.drawer-link.active .nav-ico{color:#70c1ff}.drawer-link b{margin-left:auto;color:#91a7c2;font-size:22px;font-weight:400}.drawer-separator{height:1px;background:#203149;margin:11px 8px}.drawer-caption{padding:0 13px 8px;color:#8298b5;font-size:10px;font-weight:800;letter-spacing:.09em}.drawer-group .drawer-submenu{display:none;padding:2px 0 7px 34px}.drawer-group.open .drawer-submenu{display:grid;gap:2px}.drawer-group.open>.drawer-group-toggle b{transform:rotate(90deg)}.drawer-submenu a{min-height:36px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:7px;color:#b9c8da;text-decoration:none;font-size:12px}.drawer-submenu a:hover{background:#101f34;color:#fff}.drawer-submenu .nav-ico{width:16px;height:16px}.drawer-group-toggle{width:100%}.drawer-group-toggle .nav-badge{margin-left:6px}
.drawer-bottom{margin-top:auto;border-top:1px solid #203149;padding:12px 14px 14px;background:#07111f}.drawer-user{width:100%;min-height:58px;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:5px 6px;border-radius:9px;cursor:pointer;text-align:left}.drawer-user:hover{background:#101f34}.drawer-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#285d95,#173a62);font-weight:800}.drawer-user-copy{min-width:0}.drawer-user-copy strong,.drawer-user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-user-copy strong{font-size:13px}.drawer-user-copy small{font-size:10px;color:#91a5bf;margin-top:3px}.drawer-user>b{color:#91a5bf}.drawer-logout-form{margin:7px 0 0}.drawer-logout{width:100%;border-top:1px solid #1b2b40;border-radius:0;padding-left:6px}.drawer-logout:hover{background:#101f34}
/* keep existing user/company popovers usable with the new drawer */
.drawer-bottom .user-popover{left:calc(100% + 10px);bottom:12px;right:auto}
/* No horizontal scrollbar in navigation rail. */
.ms-rail,.ms-drawer{overflow-x:hidden}
:root[data-theme="light"] .ms-rail,:root[data-theme="light"] .ms-drawer{background:#f7f9fc;border-color:#d8e1ec}:root[data-theme="light"] .drawer-brand{border-color:#d8e1ec}:root[data-theme="light"] .drawer-brand-copy strong{color:#16263a}:root[data-theme="light"] .drawer-link{color:#27384e}:root[data-theme="light"] .drawer-link .nav-ico{color:#607994}:root[data-theme="light"] .drawer-link:hover{background:#edf3fa}:root[data-theme="light"] .drawer-link.active{background:#e4f1ff;color:#1767a8;box-shadow:inset 3px 0 0 #2f97dd}:root[data-theme="light"] .drawer-caption{color:#70849d}:root[data-theme="light"] .drawer-separator{background:#d9e2ed}:root[data-theme="light"] .drawer-bottom{background:#f7f9fc;border-color:#d8e1ec}:root[data-theme="light"] .drawer-user{color:#1d2c42}:root[data-theme="light"] .drawer-user-copy small{color:#63768d}

/* v1.6 — approved sidebar visual. One sidebar only; default collapsed. */
.single-shell{
  --dms-sidebar-open:312px;
  --dms-sidebar-closed:76px;
  display:grid!important;
  grid-template-columns:var(--dms-sidebar-open) minmax(0,1fr)!important;
  min-height:100vh;
  transition:grid-template-columns .20s cubic-bezier(.2,.75,.2,1);
}
.single-shell.sidebar-collapsed{grid-template-columns:var(--dms-sidebar-closed) minmax(0,1fr)!important}
.dms-sidebar{
  height:100vh;position:sticky;top:0;z-index:30;display:flex;flex-direction:column;overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%,rgba(36,116,187,.16),transparent 32%),
    linear-gradient(180deg,#0a1a2a 0%,#081522 52%,#07121d 100%);
  border-right:1px solid #20364b;
  box-shadow:10px 0 35px rgba(0,0,0,.13);
}
.dms-sidebar-head{height:98px;flex:0 0 98px;display:flex;align-items:center;padding:16px 16px 14px;border-bottom:1px solid #1f3449}
.dms-brand-toggle{width:100%;height:66px;display:flex;align-items:center;gap:15px;padding:0 9px;border:0;border-radius:14px;background:transparent;color:#f7fbff;cursor:pointer;text-align:left;min-width:0}
.dms-brand-toggle:hover{background:rgba(30,72,109,.30)}
.dms-brand-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:12px;border:1px solid #2f86cf;background:linear-gradient(180deg,#185ea6 0%,#11467d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 24px rgba(0,74,145,.23);color:#fff;font-size:26px;font-weight:850;letter-spacing:.01em}
.dms-brand-copy{min-width:0;white-space:nowrap;overflow:hidden}.dms-brand-copy strong,.dms-brand-copy small{display:block;overflow:hidden;text-overflow:ellipsis}.dms-brand-copy strong{font-size:22px;line-height:1.08;font-weight:800;letter-spacing:-.02em}.dms-brand-copy small{margin-top:5px;color:#9bb0c7;font-size:11px;font-weight:500}
.dms-nav{flex:1;min-height:0;padding:17px 12px 18px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#405a73 transparent}
.dms-nav-caption{padding:10px 13px 8px;color:#7f96b0;font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.dms-nav-divider{height:1px;margin:14px 12px;background:#22384c}
.dms-nav-link{width:100%;min-height:50px;margin:2px 0;padding:0 14px;display:flex;align-items:center;gap:14px;border:0;border-radius:10px;background:transparent;color:#eef4fa;text-decoration:none;font-size:15px;font-weight:650;text-align:left;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}
.dms-nav-link:hover{background:rgba(20,52,80,.68);color:#fff}.dms-nav-link:active{transform:translateY(1px)}
.dms-nav-link.active{background:linear-gradient(90deg,#1c4f86 0%,#225b96 100%);box-shadow:inset 4px 0 0 #47c1ff,0 6px 18px rgba(0,55,115,.15);color:#fff}
.dms-nav-link .nav-ico{width:23px;height:23px;flex:0 0 23px;color:#c5d3e2}.dms-nav-link.active .nav-ico{color:#e7f6ff}.dms-nav-link>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.dms-nav-link>b{margin-left:auto;color:#9fb5ca;font-size:22px;line-height:1;font-weight:400;transition:transform .15s ease}.dms-nav-group.open>.dms-group-toggle b{transform:rotate(90deg)}.dms-nav-link .nav-badge{margin-left:auto}
.dms-submenu{display:none;padding:4px 0 8px 39px}.dms-nav-group.open>.dms-submenu{display:grid;gap:2px}.dms-submenu a{min-height:38px;padding:0 10px;display:flex;align-items:center;gap:9px;border-radius:8px;color:#afc1d4;text-decoration:none;font-size:13px;font-weight:550;white-space:nowrap}.dms-submenu a:hover{background:#10263a;color:#fff}.dms-submenu .nav-ico{width:16px;height:16px;flex:0 0 16px}
.dms-sidebar-bottom{flex:0 0 auto;padding:13px 13px 14px;border-top:1px solid #20354a;background:linear-gradient(180deg,rgba(5,13,22,.18),rgba(4,11,19,.34))}
.dms-user-card{width:100%;min-height:60px;padding:6px 8px;display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:10px;border:0;border-radius:11px;background:transparent;color:#fff;cursor:pointer;text-align:left}.dms-user-card:hover{background:rgba(24,58,88,.58)}
.dms-user-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#2e6ead,#1a4778);box-shadow:inset 0 1px 0 rgba(255,255,255,.11);color:#fff;font-size:12px;font-weight:800}.dms-user-copy{min-width:0}.dms-user-copy strong,.dms-user-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dms-user-copy strong{font-size:13px}.dms-user-copy small{margin-top:4px;color:#91a6bd;font-size:10px}.dms-user-card>b{color:#91a6bd}
.dms-logout-form{margin:8px 0 0}.dms-logout{min-height:46px;border-top:1px solid #1d3145!important;border-radius:0!important;padding-left:9px!important;color:#d7e3ef!important}.dms-logout:hover{background:rgba(24,58,88,.45)!important}
.dms-sidebar .user-popover{left:calc(100% + 10px);right:auto;bottom:13px}

/* Default collapsed state: same sidebar, only narrower. */
.single-shell.sidebar-collapsed .dms-sidebar-head{height:88px;flex-basis:88px;padding:14px 10px;justify-content:center}
.single-shell.sidebar-collapsed .dms-brand-toggle{width:56px;height:56px;padding:0;margin:0 auto;justify-content:center;border-radius:13px}
.single-shell.sidebar-collapsed .dms-brand-icon{width:50px;height:50px;flex-basis:50px;border-radius:12px}
.single-shell.sidebar-collapsed .dms-brand-copy,.single-shell.sidebar-collapsed .dms-nav-caption,.single-shell.sidebar-collapsed .dms-nav-link>span,.single-shell.sidebar-collapsed .dms-nav-link>b,.single-shell.sidebar-collapsed .dms-user-copy,.single-shell.sidebar-collapsed .dms-user-card>b{display:none!important}
.single-shell.sidebar-collapsed .dms-nav{padding:16px 10px 18px;overflow-y:auto;overflow-x:hidden}
.single-shell.sidebar-collapsed .dms-nav-divider{width:34px;margin:13px auto;background:#263c50}
.single-shell.sidebar-collapsed .dms-nav-link{width:54px;height:50px;min-height:50px;margin:5px auto;padding:0;justify-content:center;border-radius:10px}
.single-shell.sidebar-collapsed .dms-nav-link .nav-ico{width:23px;height:23px;flex-basis:23px}
.single-shell.sidebar-collapsed .dms-nav-link.active{background:linear-gradient(180deg,#17456f,#13395e);box-shadow:inset 3px 0 0 #48c0ff,0 6px 16px rgba(0,55,115,.15)}
.single-shell.sidebar-collapsed .dms-submenu{display:none!important}
.single-shell.sidebar-collapsed .dms-sidebar-bottom{padding:11px 10px 13px;display:flex;flex-direction:column;align-items:center}
.single-shell.sidebar-collapsed .side-user-wrap,.single-shell.sidebar-collapsed .dms-logout-form{width:54px}
.single-shell.sidebar-collapsed .dms-user-card{width:54px;height:54px;min-height:54px;margin:0 auto;padding:0;display:flex;justify-content:center;border-radius:12px}
.single-shell.sidebar-collapsed .dms-user-avatar{width:42px;height:42px}.single-shell.sidebar-collapsed .dms-logout{width:54px;height:48px;min-height:48px;margin:7px auto 0;padding:0!important;justify-content:center;border-radius:10px!important;border-top:0!important}.single-shell.sidebar-collapsed .dms-sidebar .user-popover{left:66px;bottom:11px}

/* Keep the workspace untouched; only sidebar adapts. */
@media(max-width:1250px){.single-shell{grid-template-columns:var(--dms-sidebar-open) minmax(0,1fr)!important}.single-shell.sidebar-collapsed{grid-template-columns:var(--dms-sidebar-closed) minmax(0,1fr)!important}}

:root[data-theme="light"] .dms-sidebar{background:#f7f9fc;border-color:#d6e0eb}:root[data-theme="light"] .dms-sidebar-head,:root[data-theme="light"] .dms-sidebar-bottom{border-color:#d6e0eb}:root[data-theme="light"] .dms-brand-toggle,:root[data-theme="light"] .dms-nav-link,:root[data-theme="light"] .dms-user-card{color:#203149}:root[data-theme="light"] .dms-brand-toggle:hover,:root[data-theme="light"] .dms-nav-link:hover,:root[data-theme="light"] .dms-user-card:hover{background:#eaf1f7}:root[data-theme="light"] .dms-nav-link.active{background:#ddecfb;color:#124f82}:root[data-theme="light"] .dms-nav-caption,:root[data-theme="light"] .dms-brand-copy small,:root[data-theme="light"] .dms-user-copy small{color:#6f8299}:root[data-theme="light"] .dms-nav-divider{background:#d6e0eb}