:root{
  --navy-950:#081a35;--navy-900:#0d274d;--navy-800:#133a6b;--blue-700:#176faf;--blue-600:#1d7fbe;--blue-500:#318dca;--blue-100:#eaf4fb;--blue-50:#f4f9fd;
  --brown-700:#9f4d3d;--brown-100:#f6ebe8;--ink:#13233b;--muted:#64748b;--muted-2:#94a3b8;--line:#dfe7f0;--bg:#f4f7fb;--card:#fff;
  --green:#18ae7b;--green-bg:#e9f8f2;--orange:#ed9b13;--orange-bg:#fff6df;--red:#db4f4f;--red-bg:#fff0f0;--violet:#805ad5;--violet-bg:#f3efff;
  --radius:16px;--radius-sm:10px;--shadow:0 14px 38px rgba(11,35,67,.08);--shadow-sm:0 5px 16px rgba(11,35,67,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}a{color:var(--blue-700);text-decoration:none}a:hover{color:var(--navy-900)}[hidden]{display:none!important}.top-accent{height:3px;background:linear-gradient(90deg,var(--brown-700) 0 13%,var(--blue-700) 13% 100%)}
/* Header */
.app-header{height:82px;background:linear-gradient(100deg,var(--navy-950),var(--navy-800) 58%,#176bb7);color:#fff;display:grid;grid-template-columns:330px 1fr 330px;align-items:center;padding:0 22px;position:relative;z-index:50;box-shadow:0 7px 18px rgba(8,26,53,.18)}.header-brand{text-align:center;display:flex;flex-direction:column;line-height:1.2}.header-title{font-size:24px;font-weight:900;letter-spacing:.5px}.header-subtitle{font-size:12px;color:#c8d9ec;margin-top:6px}.account-anchor{position:relative;justify-self:start}.account-trigger{border:1px solid rgba(255,255,255,.28);background:#fff;color:var(--ink);border-radius:14px;padding:7px 12px 7px 7px;display:flex;align-items:center;gap:9px;min-width:250px;cursor:pointer;box-shadow:0 7px 18px rgba(4,15,32,.16)}.account-trigger:hover{transform:translateY(-1px)}.account-trigger-copy{display:flex;flex-direction:column;text-align:left;min-width:0;flex:1}.account-trigger-copy strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-trigger-copy small{color:#5c6b7e;font-size:10.5px;display:flex;align-items:center;gap:5px}.presence-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(24,174,123,.15)}.account-arrow{color:#6f829a;font-size:18px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#d8e9f7,#8ab4d5);color:var(--navy-900);font-weight:800;border:2px solid rgba(255,255,255,.85);flex-shrink:0}.avatar-xs{width:34px;height:34px;font-size:11px}.avatar-sm{width:42px;height:42px;font-size:13px}.avatar-lg{width:72px;height:72px;font-size:22px}.avatar-xl{width:84px;height:84px;font-size:26px}.avatar-xxl{width:104px;height:104px;font-size:32px}.account-popover{position:absolute;left:0;top:62px;width:350px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(5,24,50,.28);overflow:hidden;z-index:100}.account-cover,.profile-cover{background:radial-gradient(110% 130% at 95% 0,#256a9f 0,transparent 55%),linear-gradient(145deg,var(--navy-950),var(--navy-800));text-align:center;color:#fff;padding:24px 20px 30px;position:relative}.account-cover:before,.profile-cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:15px 15px}.account-cover>*{position:relative}.account-cover h3{margin:10px 0 0;font-size:18px}.account-cover p{margin:3px 0 10px;color:#b9cce0;font-size:12px}.online-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 10px;font-size:10px}.employee-chip{width:max-content;max-width:90%;margin:-15px auto 10px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:9px;padding:7px 13px;font-size:11px;color:var(--muted);position:relative;z-index:2}.employee-chip strong{color:var(--ink)}.account-details{margin:0;padding:4px 18px}.account-details>div{display:grid;grid-template-columns:115px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #edf1f6}.account-details dt{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted-2)}.account-details dd{margin:0;font-size:12px;font-weight:700;overflow-wrap:anywhere}.permission-preview{margin:10px 18px;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:10px;padding:9px 11px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.permission-preview strong{color:var(--blue-700);font-size:15px}.account-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;padding:0 18px 12px}.account-logout{border-top:1px solid var(--line)}.account-logout button{width:100%;border:0;background:#fff;color:var(--red);padding:12px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:700}.header-tools{justify-self:end;position:relative}.notification-trigger{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;position:relative}.notification-count{position:absolute;right:-4px;top:-5px;background:var(--brown-700);color:#fff;border:2px solid #175c9a;border-radius:999px;min-width:20px;height:20px;font-size:10px;display:grid;place-items:center;font-weight:800}.notification-popover{position:absolute;right:0;top:54px;background:#fff;color:var(--ink);width:360px;border-radius:15px;border:1px solid var(--line);box-shadow:0 22px 50px rgba(5,24,50,.25);overflow:hidden;z-index:100}.popover-heading{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.popover-heading span{font-size:11px;color:var(--muted)}.notification-item{margin:0;border-bottom:1px solid #edf1f6}.notification-item button{width:100%;border:0;background:#fff;padding:12px 16px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px}.notification-item.unread button{background:#f2f8fd;border-left:3px solid var(--blue-600)}.notification-item strong{font-size:12px}.notification-item span{font-size:11px;color:var(--muted)}.notification-item small{font-size:9.5px;color:var(--muted-2)}.empty-mini{padding:18px;text-align:center;color:var(--muted);font-size:12px}.mobile-menu{display:none;border:0;background:transparent;color:#fff;cursor:pointer}
/* Navigation */
.main-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:35}.nav-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(9,1fr);min-height:62px;align-items:stretch;padding:0 18px}.nav-item{display:flex;align-items:center;justify-content:center;gap:7px;color:#52657d;font-weight:700;font-size:12px;border-bottom:3px solid transparent;position:relative}.nav-item:hover{background:var(--blue-50);color:var(--blue-700)}.nav-item.active{color:var(--blue-700);border-bottom-color:var(--blue-700);background:linear-gradient(180deg,#fff,#f2f8fd)}.nav-slot-hidden{visibility:hidden;pointer-events:none}.app-main{max-width:1500px;margin:0 auto;padding:28px 24px 60px;min-height:calc(100vh - 230px)}.app-footer{background:#0c1830;color:#dce7f2;text-align:center;padding:20px;display:flex;flex-direction:column;gap:4px;font-size:12px}.app-footer a{color:#8fc7ed}
/* General */
.page-hero{background:linear-gradient(135deg,var(--navy-950),var(--navy-800) 65%,#176dad);border-radius:18px;color:#fff;padding:34px 38px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-130px;top:-220px;border:55px solid rgba(255,255,255,.04)}.page-hero>*{position:relative;z-index:1}.compact-hero{padding:28px 34px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;font-weight:800;color:var(--blue-600);display:block;margin-bottom:6px}.page-hero .eyebrow{color:#86c7f1}.page-hero h1,.page-heading-row h1{margin:0;font-size:28px;line-height:1.2}.page-hero p,.page-heading-row p{margin:8px 0 0;color:#b8cadc}.hero-actions{display:flex;gap:10px}.page-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:4px 0 22px}.page-heading-row p{color:var(--muted)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(11,35,67,.04);margin-bottom:20px;padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.panel-heading>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.panel-heading h2{font-size:16px;margin:0}.panel-heading.inline>div{display:flex}.section-icon{color:var(--blue-600);font-weight:900}.muted{color:var(--muted);font-size:11px}.btn{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue-700),var(--blue-600));color:#fff;box-shadow:0 6px 14px rgba(23,111,175,.2)}.btn-primary:hover{color:#fff;background:linear-gradient(135deg,var(--navy-800),var(--blue-700))}.btn-dark{background:var(--navy-900);color:#fff}.btn-dark:hover{color:#fff}.btn-light,.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}.page-hero .btn-ghost{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.25);color:#fff}.btn-danger{background:var(--red-bg);color:var(--red);border-color:#ffd1d1}.btn-success{background:var(--green-bg);color:#0d8c61;border-color:#c8efdf}.btn-sm{padding:8px 11px;font-size:11px}.btn-xs{padding:5px 8px;font-size:10px;border-radius:7px}.btn-block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.alert{border-radius:11px;padding:12px 15px;margin:0 0 16px;display:flex;justify-content:space-between;align-items:center;border:1px solid}.alert button{border:0;background:transparent;font-size:18px;cursor:pointer;color:inherit}.alert-success{background:var(--green-bg);border-color:#bfead9;color:#0b8059}.alert-danger{background:var(--red-bg);border-color:#ffcaca;color:#bd3232}.alert-warning{background:var(--orange-bg);border-color:#f9dfa5;color:#9a6410}.alert-info{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-700)}
/* KPI dashboard */
.kpi-grid{display:grid;gap:16px;margin-bottom:20px}.kpi-grid.six{grid-template-columns:repeat(6,1fr)}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px 18px;position:relative;box-shadow:var(--shadow-sm);overflow:hidden;min-height:106px;display:flex;flex-direction:column;justify-content:center}.kpi-card:after{content:"";position:absolute;right:0;top:0;bottom:0;width:5px;background:var(--navy-800)}.kpi-icon{position:absolute;left:20px;top:22px;font-size:28px;opacity:.14}.kpi-card strong{font-size:29px;line-height:1;font-weight:900;text-align:right}.kpi-card small{text-transform:uppercase;font-size:10px;letter-spacing:.4px;color:var(--muted);font-weight:800;text-align:right;margin-top:9px}.kpi-a:after{background:var(--green)}.kpi-b:after{background:#3987ef}.kpi-c:after{background:var(--orange)}.kpi-d:after{background:var(--violet)}.kpi-p:after{background:#94a3b8}.dashboard-search{background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 15px;height:50px;display:flex;align-items:center;gap:10px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.dashboard-search input{border:0;outline:0;width:100%;color:var(--ink)}.search-mark{font-size:25px;color:var(--blue-700)}.filter-panel{padding:18px 22px}.filter-chips{display:flex;gap:10px;flex-wrap:wrap}.filter-chip{background:#f8fafc;border:1px solid var(--line);border-radius:9px;padding:9px 13px;color:var(--ink);font-size:11px;font-weight:700;cursor:pointer}.filter-chip span{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:999px;background:#eef2f7;margin-right:7px;font-size:9px}.filter-chip.active{background:var(--blue-700);color:#fff;border-color:var(--blue-700)}.filter-chip.active span{background:rgba(255,255,255,.18)}.accordion-stack{display:flex;flex-direction:column;gap:12px}.status-folder{border:1px solid var(--line);border-radius:13px;overflow:hidden}.folder-head{width:100%;border:0;background:#f2f5f9;padding:15px 18px;display:grid;grid-template-columns:130px 1fr 30px;align-items:center;cursor:pointer;text-align:left;color:var(--ink)}.folder-count{justify-self:start;border-radius:999px;padding:4px 10px;background:#8fa1b7;color:#fff;font-size:10px;font-weight:800}.folder-title{justify-self:end;font-weight:750}.folder-arrow{justify-self:end}.status-folder.success .folder-count{background:var(--green)}.status-folder.info .folder-count{background:#3987ef}.status-folder.warning .folder-count{background:var(--orange)}.status-folder.danger .folder-count{background:var(--violet)}.status-folder.collapsed .folder-body{display:none}.status-folder.collapsed .folder-arrow{transform:rotate(180deg)}.folder-body{padding:12px;background:#fff}.document-row{display:grid;grid-template-columns:230px 250px 1fr;align-items:center;gap:18px;border:1px solid #e8edf4;border-right:4px solid var(--blue-600);border-radius:11px;padding:14px 18px;margin-bottom:10px}.status-folder.success .document-row{border-right-color:var(--green)}.status-folder.info .document-row{border-right-color:#3987ef}.status-folder.warning .document-row{border-right-color:var(--orange)}.status-folder.danger .document-row{border-right-color:var(--violet)}.document-owner{display:flex;align-items:center;gap:8px}.mini-avatar{width:28px;height:28px;border-radius:50%;background:var(--blue-100);display:grid;place-items:center;color:var(--blue-700);font-size:9px;font-weight:800}.document-owner div,.document-revision,.document-main>div:last-child{display:flex;flex-direction:column}.document-owner strong,.document-revision strong{font-size:11px}.document-owner small,.document-revision small,.document-main p{font-size:9.5px;color:var(--muted);margin:2px 0}.document-revision{background:#f8fafc;border:1px solid var(--line);border-radius:9px;padding:10px}.document-revision>div{display:flex;justify-content:space-between;align-items:center}.document-revision a{font-size:10px;font-weight:700;margin-top:5px}.document-main{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:16px;align-items:center;text-align:right}.document-main h3{font-size:13px;margin:0}.tag-stack{min-width:115px;display:flex;flex-direction:column;gap:5px}.tag-stack span,.tag{background:var(--blue-50);color:var(--blue-700);border-radius:999px;padding:4px 8px;font-size:9.5px;font-weight:700;text-align:center}.tag.soft{background:#f1f4f8;color:#60738a}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9.5px;font-weight:800;white-space:nowrap}.badge-success{background:var(--green-bg);color:#0b8a5f}.badge-info{background:#e9f2ff;color:#2873ca}.badge-warning{background:var(--orange-bg);color:#a66b09}.badge-danger{background:var(--red-bg);color:#c63d3d}.badge-neutral{background:#edf1f5;color:#66778d}.dashboard-bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.bar-chart{height:275px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid var(--line);padding:20px 25px 0}.bar-column{height:100%;display:grid;grid-template-rows:20px 1fr 30px;justify-items:center;width:80px}.bar-track{height:100%;width:32px;background:#f2f5f8;border-radius:9px 9px 0 0;display:flex;align-items:flex-end;overflow:hidden}.bar{width:100%;min-height:3px;border-radius:8px 8px 0 0;background:#94a3b8}.bar.success{background:var(--green)}.bar.info{background:#3987ef}.bar.warning{background:var(--orange)}.bar.danger{background:var(--violet)}.bar-value{font-size:10px;color:var(--muted)}.bar-column small{padding-top:7px}.mini-list{display:flex;flex-direction:column}.mini-list-item{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f6}.mini-list-item>div{display:flex;flex-direction:column}.mini-list-item strong{font-size:11px}.mini-list-item small{font-size:9.5px;color:var(--muted)}.priority-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.priority-dot.high{background:var(--orange)}.priority-dot.critical{background:var(--red)}.priority-dot.low{background:var(--green)}
/* Forms & tables */
.toolbar-panel{padding:14px}.filter-form{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(130px,1fr)) auto auto;gap:9px}.search-field{position:relative;display:flex;align-items:center}.search-field>span{position:absolute;left:12px;color:var(--muted)}.search-field input{padding-left:34px!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid.one-column{grid-template-columns:1fr}.form-grid label,.login-form label{display:flex;flex-direction:column;gap:6px}.form-grid label>span,.login-form label>span{font-size:11px;font-weight:750;color:#34475e}.form-grid label small{font-size:9.5px;color:var(--muted)}.span-2{grid-column:span 2}.form-grid input,.form-grid select,.form-grid textarea,.filter-form input,.filter-form select,.search-field input,.task-status-form select,.permission-role-row select,.permission-row select{width:100%;border:1px solid #d9e2ec;border-radius:9px;background:#fff;color:var(--ink);padding:10px 11px;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.filter-form input:focus,.filter-form select:focus,.search-field input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(49,141,202,.12)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:980px}.data-table th{background:#f1f5f9;color:#43566d;text-transform:uppercase;letter-spacing:.35px;font-size:9.5px;text-align:left;padding:12px;border-bottom:1px solid var(--line)}.data-table td{padding:13px 12px;border-bottom:1px solid #edf1f6;vertical-align:middle;font-size:11px}.data-table tbody tr:hover{background:#fafcff}.cell-subtitle{display:block;color:var(--muted);font-size:9.5px;margin-top:3px}.wide-text{max-width:240px;white-space:normal}.project-code{font-size:10px;font-weight:850;color:var(--blue-700);letter-spacing:.35px}.code-pill{display:inline-flex;font-size:8px;padding:3px 6px;border-radius:5px;background:#eef2f7;color:#65778d;margin:4px 3px 0 0}.code-a{background:var(--green-bg);color:#08835a}.code-b{background:#e9f2ff;color:#2873ca}.code-c{background:var(--orange-bg);color:#9b6409}.code-d{background:var(--violet-bg);color:#6e4abe}.row-actions{display:flex;gap:5px;align-items:center}.user-cell{display:flex;gap:8px;align-items:center}.user-cell>div{display:flex;flex-direction:column}.json-preview{font-size:8.5px;display:block;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f4f6f8;padding:5px;border-radius:5px}
/* Modals */
.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:25px}.modal-backdrop{position:absolute;inset:0;background:rgba(5,18,38,.66);backdrop-filter:blur(3px)}.modal-dialog{position:relative;background:#fff;border-radius:17px;width:min(590px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.35)}.modal-wide{width:min(880px,100%)}.modal-xl{width:min(1120px,100%)}.modal-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-dialog>header h2{margin:0;font-size:19px}.modal-dialog>header p{margin:5px 0 0;color:var(--muted);font-size:11px}.modal-dialog>header button,.modal-x{border:0;background:#f1f4f8;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:20px;display:grid;place-items:center;color:var(--muted)}.modal-dialog>form{padding:20px 22px}.modal-dialog .form-grid{padding:20px 22px}
/* Projects */
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow-sm);border-top:4px solid var(--blue-700)}.project-card-top{display:flex;align-items:center;justify-content:space-between}.project-card-top>strong{font-size:11px;color:var(--blue-700)}.project-status{font-size:9px;text-transform:uppercase;font-weight:800;border-radius:999px;padding:4px 8px;background:#edf1f5}.project-status.success{background:var(--green-bg);color:#0a865d}.project-status.warning{background:var(--orange-bg);color:#98620c}.project-card h2{font-size:17px;margin:14px 0 6px}.project-card>p{color:var(--muted);font-size:11px;min-height:48px}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;margin:16px 0}.project-meta div{border-top:1px solid #edf1f6;padding-top:8px}.project-meta dt{font-size:8.5px;color:var(--muted);text-transform:uppercase}.project-meta dd{font-size:10.5px;font-weight:700;margin:2px 0}.project-card-actions{display:flex;gap:7px}
/* Approvals */
.approval-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.approval-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:var(--shadow-sm)}.approval-card.pending{border-top:4px solid var(--orange)}.approval-card-head{display:flex;justify-content:space-between;gap:15px}.approval-card-head h2{font-size:15px;margin:5px 0 2px}.approval-card-head p{margin:0;color:var(--muted);font-size:11px}.approval-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.approval-facts span{background:#f7f9fb;border-radius:8px;padding:8px;font-size:10px;display:flex;flex-direction:column}.approval-facts strong{font-size:8px;color:var(--muted);text-transform:uppercase}.approval-comments{background:#fff9ea;border:1px solid #f6e3ad;border-radius:9px;padding:10px;font-size:10px}.approval-comments p{margin:4px 0 0}.approval-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
/* Task board */
.task-board{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:start}.task-column{background:#eef3f8;border:1px solid var(--line);border-radius:14px;padding:12px;min-height:440px}.task-column>header{display:flex;justify-content:space-between;align-items:center;padding:3px 5px 12px}.task-column h2{font-size:13px;margin:0}.task-column>header span{background:#fff;border-radius:999px;width:24px;height:24px;display:grid;place-items:center;font-size:9px;font-weight:800}.task-stack{display:flex;flex-direction:column;gap:10px}.task-card{background:#fff;border:1px solid #e0e7ef;border-radius:11px;padding:13px;box-shadow:0 4px 10px rgba(11,35,67,.04)}.task-top{display:flex;justify-content:space-between;align-items:center}.priority-label{font-size:8px;text-transform:uppercase;font-weight:800;background:#edf1f5;border-radius:999px;padding:3px 7px}.priority-label.critical{background:var(--red-bg);color:var(--red)}.priority-label.high{background:var(--orange-bg);color:#9f6608}.priority-label.low{background:var(--green-bg);color:#0a855d}.task-top small{color:var(--blue-700);font-weight:800}.task-card h3{font-size:12px;margin:10px 0 5px}.task-card>p{font-size:10px;color:var(--muted);margin:0 0 10px}.task-meta{display:flex;flex-direction:column;gap:4px;border-top:1px solid #edf1f6;padding-top:8px;font-size:9px;color:var(--muted)}.task-status-form{margin-top:9px}.task-status-form select{font-size:9px;padding:7px}
/* Directory */
.directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.directory-toolbar .search-field{min-width:330px}.segmented{display:flex;background:#f1f4f8;padding:4px;border-radius:10px}.segmented button{border:0;background:transparent;padding:7px 10px;border-radius:7px;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.segmented button.active{background:#fff;color:var(--blue-700);box-shadow:var(--shadow-sm)}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.employee-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.employee-cover{height:100px;background:linear-gradient(145deg,var(--navy-950),var(--navy-800));display:flex;align-items:flex-end;justify-content:space-between;padding:0 16px 12px}.employee-cover .avatar{transform:translateY(38px)}.employee-state{font-size:8px;border-radius:999px;padding:4px 8px;background:rgba(255,255,255,.13);color:#fff}.employee-state.online:before{content:"";display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:4px}.employee-card-body{padding:45px 16px 16px}.employee-card h2{font-size:15px;margin:0}.employee-card p{font-size:10.5px;color:var(--muted);margin:3px 0}.employee-company{font-size:9.5px;color:var(--blue-700);font-weight:700;margin-bottom:12px}.employee-card dl{margin:0}.employee-card dl>div{display:flex;justify-content:space-between;border-top:1px solid #edf1f6;padding:7px 0;font-size:9.5px}.employee-card dt{color:var(--muted)}.employee-card dd{margin:0;font-weight:700;text-align:right}.employee-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.employee-stats span{background:#f7f9fb;border-radius:8px;text-align:center;padding:7px 3px;font-size:8px;color:var(--muted)}.employee-stats strong{display:block;font-size:14px;color:var(--ink)}.employee-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:7px}
/* Permissions */
.permission-role-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:17px;background:#f7f9fb;border-radius:11px;margin-bottom:16px}.permission-role-row label{display:flex;flex-direction:column;gap:5px}.permission-role-row label span{font-size:10px;font-weight:800}.policy-note{display:flex;flex-direction:column;justify-content:center}.policy-note strong{font-size:11px}.policy-note span{font-size:9.5px;color:var(--muted)}.permission-matrix h3{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--blue-700);margin:18px 0 7px;border-bottom:1px solid var(--line);padding-bottom:6px}.permission-row{display:grid;grid-template-columns:1fr 210px;gap:18px;align-items:center;padding:8px 4px;border-bottom:1px solid #edf1f6}.permission-row>div{display:flex;flex-direction:column}.permission-row strong{font-size:10.5px}.permission-row small{font-size:8.5px;color:var(--muted)}.permission-row select{font-size:9.5px;padding:7px}
/* Profile */
.profile-shell{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.profile-card-large{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:var(--shadow);text-align:center;position:sticky;top:85px}.profile-cover{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-card-large h1{font-size:20px;margin:18px 15px 3px}.profile-card-large>p{margin:0 15px 20px;color:var(--muted)}.profile-contact-list{padding:0 20px;margin:0}.profile-contact-list>div{display:grid;grid-template-columns:90px 1fr;text-align:left;border-top:1px solid #edf1f6;padding:9px 0}.profile-contact-list dt{color:var(--muted);font-size:9px}.profile-contact-list dd{margin:0;font-size:10px;font-weight:700;overflow-wrap:anywhere}.profile-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:16px}.profile-stat-grid span{background:#f6f8fb;border-radius:9px;padding:9px 3px;color:var(--muted);font-size:8px}.profile-stat-grid strong{display:block;color:var(--ink);font-size:16px}.profile-main{min-width:0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-grid>div{background:#f7f9fb;border:1px solid #edf1f6;border-radius:10px;padding:12px;display:flex;flex-direction:column}.detail-grid span{font-size:8.5px;color:var(--muted);text-transform:uppercase}.detail-grid strong{font-size:11px;margin-top:3px}.project-access-list>div{display:grid;grid-template-columns:110px 1fr 160px 90px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f6;font-size:10px}.permission-cloud{display:flex;flex-wrap:wrap;gap:7px}.permission-cloud span{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100);border-radius:999px;padding:5px 9px;font-size:9px}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-form-grid .panel{margin-bottom:0}
/* Empty/error */
.empty-state{text-align:center;padding:35px 15px;color:var(--muted)}.empty-state h3{color:var(--ink);margin:0 0 6px}.empty-state p{margin:0}.empty-state.compact{padding:22px}.error-page{text-align:center;padding:100px 20px}.error-page>span{font-size:80px;font-weight:900;color:var(--blue-100)}.error-page h1{font-size:28px;margin:-25px 0 8px}.error-page p{color:var(--muted);margin-bottom:20px}
/* Login */
.login-body{background:#fff;min-height:100vh}.public-header{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 10%;background:#fff}.public-name{display:flex;flex-direction:column}.public-name strong{font-size:15px;color:var(--navy-900)}.public-name span{font-size:9.5px;color:var(--muted)}.public-header nav{display:flex;gap:25px;align-items:center}.public-header nav a,.public-secure{font-size:11px;color:var(--muted)}.public-secure{background:var(--blue-50);border-radius:8px;padding:8px 11px;color:var(--blue-700);font-weight:700}.login-hero{height:270px;background:linear-gradient(110deg,#19a7b0,#2d80ca 55%,#4b3be8);position:relative;display:grid;place-items:center;color:#fff;overflow:hidden}.hero-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px}.hero-content{text-align:center;position:relative}.hero-content h1{font-size:32px;margin:8px 0}.hero-content p{color:#d6e7f6}.hero-shield{font-size:45px;color:#3dd0c4}.login-main{display:flex;justify-content:center;padding:55px 20px 80px}.login-card{width:430px}.login-tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf1fa;border-radius:8px;padding:3px;margin-bottom:28px}.login-tabs span{text-align:center;padding:9px;font-size:11px;color:var(--muted)}.login-tabs .active{background:#fff;border-radius:6px;color:var(--ink);font-weight:800;box-shadow:var(--shadow-sm)}.login-card-head{text-align:center;margin-bottom:20px}.login-card-head h2{font-size:21px;margin:0}.login-card-head p{font-size:11px;color:var(--muted)}.login-form{border:1px solid var(--line);border-radius:12px;padding:25px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.login-form input{border:1px solid #d9e2ec;border-radius:8px;padding:12px;outline:none}.login-form input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(49,141,202,.12)}.login-help{text-align:center;color:var(--muted);font-size:10.5px;margin-top:22px}.login-footer{height:44px;background:var(--blue-700);color:#fff;display:grid;place-items:center;font-size:10px}
/* Responsive */
@media(max-width:1200px){.app-header{grid-template-columns:280px 1fr 100px}.header-title{font-size:19px}.account-trigger{min-width:225px}.kpi-grid.six{grid-template-columns:repeat(3,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.people-grid{grid-template-columns:repeat(3,1fr)}.filter-form{grid-template-columns:1fr 1fr 1fr}.task-board{grid-template-columns:repeat(2,1fr)}.approval-grid{grid-template-columns:1fr}}
@media(max-width:900px){.app-header{height:auto;min-height:76px;grid-template-columns:55px 1fr 55px;padding:10px 12px}.mobile-menu{display:block}.account-anchor{display:none}.header-title{font-size:15px}.header-subtitle{font-size:9px}.main-nav{display:none}.main-nav.open{display:block}.nav-grid{grid-template-columns:repeat(2,1fr);padding:8px}.nav-item{min-height:45px;border:0;border-radius:8px}.app-main{padding:20px 14px 45px}.page-hero,.page-heading-row{align-items:flex-start;flex-direction:column}.page-hero{padding:25px}.page-heading-row{display:flex}.dashboard-bottom-grid{grid-template-columns:1fr}.document-row{grid-template-columns:1fr}.document-main{flex-direction:column;align-items:flex-start;text-align:left}.profile-shell{grid-template-columns:1fr}.profile-card-large{position:static}.people-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.filter-form{grid-template-columns:1fr 1fr}.directory-toolbar{align-items:stretch;flex-direction:column}.directory-toolbar .search-field{min-width:0}.profile-form-grid{grid-template-columns:1fr}.public-header{padding:0 5%}.public-header nav a{display:none}}
@media(max-width:620px){.kpi-grid.six{grid-template-columns:repeat(2,1fr)}.people-grid{grid-template-columns:1fr}.task-board{grid-template-columns:1fr}.filter-form{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.folder-head{grid-template-columns:100px 1fr 20px;padding:12px}.folder-title{font-size:10px}.project-meta,.detail-grid,.approval-facts{grid-template-columns:1fr}.profile-shell{display:block}.profile-card-large{margin-bottom:18px}.project-access-list>div{grid-template-columns:1fr 1fr}.account-popover,.notification-popover{position:fixed;left:10px;right:10px;top:80px;width:auto}.login-card{width:100%}.public-secure{display:none}.login-hero{height:230px}.hero-content h1{font-size:26px}.permission-row{grid-template-columns:1fr}.modal{padding:8px}.modal-dialog{max-height:96vh}}
.project-scope-editor{background:#f7f9fb;border:1px solid var(--line);border-radius:12px;padding:14px;margin:16px 0}.project-scope-editor h3{margin:0 0 4px;font-size:12px}.project-scope-editor>p{margin:0 0 12px;color:var(--muted);font-size:9.5px}.project-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.project-scope-grid label{background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:9px;display:grid;grid-template-columns:1fr 175px;gap:10px;align-items:center}.project-scope-grid label>span{display:flex;flex-direction:column;font-size:9.5px;color:var(--muted)}.project-scope-grid label strong{color:var(--blue-700);font-size:10px}.project-scope-grid select{border:1px solid var(--line);border-radius:7px;padding:7px;font-size:9px}.organization-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.organization-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:78px 1fr;overflow:hidden}.organization-mark{background:linear-gradient(155deg,var(--navy-950),var(--blue-700));color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px}.organization-content{padding:17px}.organization-head{display:flex;justify-content:space-between;gap:10px}.organization-head h2{font-size:15px;margin:0}.organization-content>p{font-size:10px;color:var(--muted);min-height:30px}.organization-content dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.organization-content dl>div{background:#f7f9fb;border-radius:8px;padding:7px}.organization-content dt{font-size:8px;text-transform:uppercase;color:var(--muted)}.organization-content dd{font-size:9.5px;font-weight:700;margin:2px 0 0;overflow-wrap:anywhere}.organization-actions{display:flex;justify-content:flex-end}@media(max-width:1100px){.organization-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.organization-grid{grid-template-columns:1fr}.project-scope-grid{grid-template-columns:1fr}.project-scope-grid label{grid-template-columns:1fr}}
.identity-editor{border:1px solid var(--line);border-radius:12px;padding:15px;margin-bottom:15px}.identity-editor h3{font-size:12px;margin:0 0 12px}.identity-editor .form-grid label span{font-size:9.5px}.identity-editor input,.identity-editor select{padding:8px;font-size:10px}

/* v2 workflow, upload and access-governance interface */
.nav-grid{grid-template-columns:repeat(10,1fr)}
.btn-secondary{background:#fff;border-color:var(--blue-600);color:var(--blue-700)}.btn-secondary:hover{background:var(--blue-50);color:var(--navy-900)}
.form-section{background:linear-gradient(90deg,var(--blue-50),#fff);border:1px solid var(--blue-100);border-left:4px solid var(--blue-700);border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:10px}.form-section strong{font-size:12px}.form-section span{color:var(--muted);font-size:10px}
.document-link{display:flex;flex-direction:column;max-width:350px}.document-link strong{color:var(--navy-900)}.document-link span{font-size:10px;color:var(--muted);margin-top:3px}.file-card .btn{margin-left:auto}
.workflow-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 20px}.workflow-kpi-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 12px}.workflow-kpi-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.workflow-kpi-grid strong{font-size:25px;color:var(--navy-900);grid-row:1/3;grid-column:2}.workflow-kpi-grid a,.workflow-kpi-grid small{font-size:9.5px;color:var(--muted)}
.stage-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stage-summary-grid article{border:1px solid var(--line);border-radius:10px;padding:11px;position:relative;overflow:hidden;background:#fbfdff}.stage-summary-grid span{font-size:10px;color:var(--muted);display:block;min-height:28px}.stage-summary-grid strong{font-size:20px}.stage-summary-grid i{display:block;height:3px;width:var(--stage-width);background:linear-gradient(90deg,var(--blue-700),var(--green));border-radius:999px;margin-top:9px}
.approval-tabs{display:flex;gap:8px;margin-bottom:18px}.approval-tabs a{padding:9px 14px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-weight:750;font-size:11px}.approval-tabs a.active{background:var(--blue-700);color:#fff;border-color:var(--blue-700)}
.approval-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.approval-card.pending{border-left:4px solid var(--blue-600)}.approval-card-top{display:flex;justify-content:space-between;gap:20px}.approval-document h2{font-size:15px;margin:5px 0 2px}.approval-document p{margin:0;color:var(--muted);font-size:11px}.approval-step-badge{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.approval-step-badge small{color:var(--muted);font-size:9px}.approval-step-badge strong{font-size:12px}.approval-facts{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0}.approval-facts span{background:#f7f9fc;border:1px solid #edf1f6;border-radius:9px;padding:8px;font-size:10px;color:var(--muted)}.approval-facts strong{display:block;color:var(--ink);font-size:8.5px;text-transform:uppercase;margin-bottom:3px}.approval-card-actions{display:flex;justify-content:flex-end;gap:8px}.approval-comments{background:var(--orange-bg);border:1px solid #f7dfaa;border-radius:9px;padding:10px;margin:10px 0}.approval-comments p{margin:4px 0 0;font-size:10px}
.record-hero{background:linear-gradient(135deg,var(--navy-950),var(--navy-800) 62%,var(--blue-700));color:#fff;border-radius:18px;padding:28px 32px;display:flex;justify-content:space-between;gap:25px;margin-bottom:16px;box-shadow:var(--shadow)}.record-hero h1{font-size:27px;margin:4px 0}.record-hero p{margin:0;color:#c8d9ec}.record-hero-status{min-width:220px;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:5px}.record-hero-status strong{font-size:17px}.record-hero-status small{color:#b9cce0}.record-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px}.record-summary-grid article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;box-shadow:var(--shadow-sm)}.record-summary-grid span{display:block;font-size:8.5px;text-transform:uppercase;color:var(--muted)}.record-summary-grid strong{display:block;font-size:11px;margin-top:4px}
.workflow-line-panel{overflow:hidden}.workflow-line{display:flex;gap:0;overflow-x:auto;padding:12px 5px 22px}.workflow-node{min-width:210px;position:relative;display:flex;align-items:flex-start}.workflow-node:not(:last-child):after{content:"";position:absolute;top:17px;left:36px;right:-2px;height:3px;background:#dce5ef;z-index:0}.workflow-node.approved:not(:last-child):after,.workflow-node.approved-with-comments:not(:last-child):after{background:var(--green)}.workflow-node-marker{width:36px;position:relative;z-index:2}.workflow-node-marker span{width:34px;height:34px;border-radius:50%;background:#e8edf3;color:#6d7e91;display:grid;place-items:center;font-weight:900;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}.workflow-node.current .workflow-node-marker span,.workflow-node.pending .workflow-node-marker span,.workflow-node.in-review .workflow-node-marker span{background:var(--blue-700);color:#fff;box-shadow:0 0 0 4px rgba(23,111,175,.13)}.workflow-node.approved .workflow-node-marker span,.workflow-node.approved-with-comments .workflow-node-marker span{background:var(--green);color:#fff}.workflow-node.returned .workflow-node-marker span{background:var(--orange);color:#fff}.workflow-node.rejected .workflow-node-marker span{background:var(--red);color:#fff}.workflow-node-card{width:170px;margin-top:46px;margin-left:-35px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:10px;box-shadow:0 4px 13px rgba(11,35,67,.05)}.workflow-node-card small{font-size:8px;text-transform:uppercase;color:var(--muted)}.workflow-node-card h3{font-size:11px;margin:3px 0}.workflow-node-card p{font-size:9px;color:var(--muted);margin:0 0 5px}.workflow-node-card dl{display:grid;grid-template-columns:1fr;gap:3px;margin:8px 0 0}.workflow-node-card dl div{display:flex;justify-content:space-between;font-size:8px}.workflow-node-card dt{color:var(--muted)}.workflow-node-card dd{margin:0}.workflow-node-card blockquote{font-size:8.5px;margin:8px 0 0;padding:7px;background:var(--orange-bg);border-radius:7px}
.record-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:18px}.file-grid{display:grid;gap:9px}.file-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:11px}.file-type{font-size:8px;font-weight:900;background:var(--blue-100);color:var(--blue-700);padding:6px;border-radius:6px}.file-card>div{display:flex;flex-direction:column}.file-card strong{font-size:11px}.file-card small{font-size:9px;color:var(--muted)}.comment-form{display:grid;grid-template-columns:150px 1fr auto;gap:8px;align-items:start;margin-bottom:15px}.comment-form textarea{grid-column:2}.comment-form .check-row{grid-column:2}.comment-form button{grid-column:3;grid-row:1/3}.comment-list article{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.comment-list header{display:flex;justify-content:space-between;gap:10px}.comment-list header span{font-size:8.5px;color:var(--muted)}.comment-list p{font-size:10px;margin:5px 0}.internal-note{color:var(--orange);font-weight:700}.record-info-list{margin:0}.record-info-list>div{padding:9px 0;border-bottom:1px solid var(--line)}.record-info-list dt{font-size:8px;text-transform:uppercase;color:var(--muted)}.record-info-list dd{font-size:10px;font-weight:700;margin:2px 0 0}.action-panel .panel-heading{margin-bottom:10px}.event-timeline article{display:grid;grid-template-columns:12px 1fr;gap:9px;position:relative;padding-bottom:14px}.event-timeline article:not(:last-child):before{content:"";position:absolute;left:4px;top:11px;bottom:0;width:1px;background:var(--line)}.event-timeline i{width:9px;height:9px;border-radius:50%;background:var(--blue-600);margin-top:4px;z-index:1}.event-timeline strong{font-size:10px}.event-timeline p{font-size:8.5px;color:var(--muted);margin:2px 0}.event-timeline span{font-size:9px}
.workflow-template-grid{display:grid;gap:15px}.workflow-template-card header{display:flex;justify-content:space-between;gap:20px}.workflow-template-card h2{font-size:17px;margin:6px 0}.workflow-template-card p{color:var(--muted);font-size:10px}.template-meta{display:flex;gap:7px;align-items:flex-start}.template-meta>span{background:#f7f9fc;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:9px}.template-line{display:flex;gap:10px;overflow-x:auto;padding-top:12px;border-top:1px solid var(--line)}.template-step{min-width:200px;border:1px solid var(--line);border-radius:10px;padding:10px;position:relative}.template-step>span{width:25px;height:25px;border-radius:50%;background:var(--blue-700);color:#fff;display:grid;place-items:center;font-weight:900;position:absolute;right:9px;top:9px}.template-step strong{font-size:10px;display:block;padding-right:30px}.template-step small{font-size:8.5px;color:var(--muted)}
.project-permission-editor{background:#f7f9fc;border:1px solid var(--line);border-radius:12px;padding:14px;margin:16px 0}.project-permission-editor>h3{font-size:12px;margin:0}.project-permission-editor>p{font-size:9px;color:var(--muted)}.project-policy-accordion details{background:#fff;border:1px solid var(--line);border-radius:9px;margin:7px 0}.project-policy-accordion summary{cursor:pointer;padding:10px;display:flex;justify-content:space-between}.project-policy-accordion summary span{display:flex;gap:8px;font-size:10px}.project-policy-accordion summary small{font-size:8.5px;color:var(--muted)}.project-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border-top:1px solid var(--line)}.project-permission-grid label{display:grid;grid-template-columns:1fr 150px;gap:8px;align-items:center;border:1px solid #edf1f6;border-radius:8px;padding:7px}.project-permission-grid label>span{display:flex;flex-direction:column}.project-permission-grid strong{font-size:9px}.project-permission-grid small{font-size:7.5px;color:var(--muted)}.project-permission-grid select{font-size:8px;padding:6px;border:1px solid var(--line);border-radius:7px}
@media(max-width:1100px){.workflow-kpi-grid{grid-template-columns:repeat(2,1fr)}.record-summary-grid{grid-template-columns:repeat(3,1fr)}.record-layout{grid-template-columns:1fr}.approval-facts{grid-template-columns:repeat(3,1fr)}.stage-summary-grid{grid-template-columns:repeat(2,1fr)}.project-permission-grid{grid-template-columns:1fr}}
@media(max-width:700px){.workflow-kpi-grid,.record-summary-grid,.stage-summary-grid{grid-template-columns:1fr}.approval-card-top,.record-hero{flex-direction:column}.approval-step-badge,.record-hero-status{align-items:flex-start;text-align:left}.approval-facts{grid-template-columns:1fr 1fr}.comment-form{grid-template-columns:1fr}.comment-form textarea,.comment-form .check-row,.comment-form button{grid-column:1;grid-row:auto}.project-permission-grid label{grid-template-columns:1fr}.workflow-node{min-width:190px}}

/* Revision governance */
.revision-list{display:grid;gap:10px}.revision-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fbfcff}.revision-item.current{border-color:rgba(35,111,210,.45);box-shadow:inset 4px 0 0 var(--blue-700)}.revision-item>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}.revision-item>div:last-child{display:flex;align-items:center;gap:8px;flex-shrink:0}.revision-item strong{font-size:14px}.revision-item small{display:block;color:var(--muted);font-size:12px}.revision-badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:7px 9px;border-radius:9px;background:var(--blue-100);color:var(--navy-800);font-weight:800;font-size:12px}.record-hero-status .btn{margin-top:8px}@media(max-width:760px){.revision-item,.revision-item>div:first-child{align-items:flex-start;flex-direction:column}.revision-item>div:last-child{width:100%;justify-content:flex-start}}

/* Project team and access management */
.team-management-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:18px;padding:0 22px 22px}.flat-panel{box-shadow:none;margin:0}.project-member-list{display:grid;gap:8px}.project-member-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fbfcff}.project-member-list strong{display:block;font-size:13px}.project-member-list small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.project-card-actions form{display:inline-flex;margin:0}@media(max-width:900px){.team-management-grid{grid-template-columns:1fr}.project-member-list article{grid-template-columns:auto 1fr}.project-member-list article form{grid-column:1/-1}}

.record-action-row{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin-top:8px}.inline-form{display:inline-flex;margin:0}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-danger:hover{background:#bd3737;color:#fff}.file-card .file-delete-form{margin-left:auto}.file-card>a+.file-delete-form{margin-left:0}@media(max-width:760px){.record-action-row{justify-content:flex-start}.file-card{align-items:flex-start;flex-wrap:wrap}.file-card>div{min-width:calc(100% - 55px)}.file-card .file-delete-form{margin-left:0}}

/* ============================================================
   Enterprise engineering registers — v3
   ============================================================ */
.nav-grid{grid-template-columns:repeat(13,minmax(88px,1fr));max-width:1540px}.module-summary-grid,.report-kpi-grid,.reference-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.module-summary-grid article,.report-kpi-grid article,.reference-summary-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.module-summary-grid span,.report-kpi-grid span,.reference-summary-grid span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.module-summary-grid strong,.report-kpi-grid strong,.reference-summary-grid strong{font-size:26px;margin-top:5px}.report-kpi-grid small{color:var(--muted);margin-top:4px}.module-section{margin-bottom:18px}.module-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.module-card{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fff,#f9fbfe);color:var(--ink);box-shadow:0 5px 15px rgba(8,26,53,.045)}.module-card:hover{transform:translateY(-2px);border-color:#adc9df;box-shadow:0 13px 28px rgba(8,26,53,.09)}.module-card-icon{width:46px;height:46px;border-radius:12px;background:var(--blue-100);color:var(--blue-700);display:grid;place-items:center}.module-card h3{font-size:14px;margin:0 0 5px}.module-card p{font-size:10.5px;color:var(--muted);margin:0;min-height:46px}.module-card-arrow{align-self:center;font-size:21px;color:var(--blue-700)}.module-card-metrics{display:flex;gap:12px;margin-top:10px;font-size:9.5px;color:var(--muted)}.module-card-metrics strong{color:var(--ink);font-size:11px}.danger-text{color:var(--red)!important}.register-kpis{margin-top:-4px}.form-panel.is-collapsed{display:none}.panel-close{border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer}.enterprise-form{display:grid;gap:18px}.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.enterprise-form label,.compact-form label{display:flex;flex-direction:column;gap:6px;color:var(--ink);font-size:11px;font-weight:700}.enterprise-form label>span{color:var(--red)}.enterprise-form label small{font-weight:400;color:var(--muted)}.enterprise-form input,.enterprise-form select,.enterprise-form textarea,.compact-form input,.compact-form select,.compact-form textarea,.advanced-filter input,.advanced-filter select{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 11px;color:var(--ink);outline:0}.enterprise-form input:focus,.enterprise-form select:focus,.enterprise-form textarea:focus,.compact-form input:focus,.compact-form textarea:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(29,127,190,.1)}.check-line{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;font-weight:500!important}.check-line input{width:auto!important}.form-actions{display:flex;justify-content:flex-end;gap:9px}.advanced-filter{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(150px,.7fr)) auto auto;gap:10px;align-items:end}.advanced-filter label{font-size:10px;font-weight:700;color:var(--muted)}.enterprise-register-table td{vertical-align:middle}.record-link{display:flex;flex-direction:column;min-width:280px}.record-link strong{font-size:12px}.record-link span{color:var(--ink);font-size:11px;margin-top:3px}.data-table td small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.tag-row{display:flex;gap:5px;margin-top:6px}.tag-row span{font-size:8px!important;background:#f1f5f9;border-radius:999px;padding:3px 7px;color:#50647b!important}.record-overview-grid{display:grid;grid-template-columns:minmax(0,1.75fr) 290px;gap:17px;margin-bottom:18px}.record-main-card,.record-progress-card{margin:0}.record-status-line{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:15px}.record-status-line>span:not(.badge){color:var(--muted);font-size:10px}.record-status-line strong{margin-left:auto}.metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}.metadata-grid>div{padding:10px 0;border-bottom:1px solid #eef2f6}.metadata-grid dt{font-size:8.5px;color:var(--muted);text-transform:uppercase}.metadata-grid dd{margin:3px 0 0;font-size:11px;font-weight:700}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid .wide{grid-column:span 2}.external-record-link{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:10px 13px;border:1px solid #bed7e9;border-radius:9px;background:var(--blue-50);font-weight:700}.record-progress-card{text-align:center}.record-progress-card h2{font-size:13px;text-align:left}.progress-ring{--progress:0;width:142px;height:142px;border-radius:50%;margin:20px auto;display:grid;place-items:center;background:conic-gradient(var(--blue-600) calc(var(--progress)*1%),#e9eff5 0);position:relative}.progress-ring:after{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.progress-ring strong,.progress-ring span{position:relative;z-index:1;grid-area:1/1}.progress-ring strong{font-size:25px;margin-top:-12px}.progress-ring span{font-size:9px;color:var(--muted);margin-top:28px}.record-progress-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;gap:7px}.record-progress-card dl div{background:#f7f9fc;border-radius:9px;padding:9px}.record-progress-card dt{font-size:8px;color:var(--muted)}.record-progress-card dd{margin:3px 0 0;font-weight:800;font-size:10px}.enterprise-workflow-line{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px;overflow:visible}.workflow-step-card{border:1px solid var(--line);border-radius:13px;padding:14px;background:#fff;position:relative;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start}.workflow-step-card .step-order{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8eef5;font-weight:900}.workflow-step-card.pending,.workflow-step-card.in-review{border-color:#86b8dc;box-shadow:inset 4px 0 0 var(--blue-600)}.workflow-step-card.approved,.workflow-step-card.approved-with-comments{border-color:#a9dfcb;box-shadow:inset 4px 0 0 var(--green)}.workflow-step-card.returned{box-shadow:inset 4px 0 0 var(--orange)}.workflow-step-card.rejected{box-shadow:inset 4px 0 0 var(--red)}.workflow-step-card h3{font-size:11px;margin:0}.workflow-step-card p{font-size:9px;margin:3px 0;color:var(--muted)}.workflow-step-card small{font-size:8px;color:var(--muted)}.workflow-step-card blockquote{grid-column:2/-1;margin:3px 0;padding:8px;border-radius:8px;background:#f7f9fc;font-size:9px}.workflow-decision-form{grid-column:1/-1;display:grid;gap:7px;border-top:1px solid var(--line);padding-top:10px}.workflow-decision-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px}.workflow-decision-form>div{display:flex;flex-wrap:wrap;gap:6px}.two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.attachment-list,.comment-stream{display:grid;gap:8px}.attachment-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px}.attachment-item>div{display:flex;flex-direction:column}.attachment-item strong{font-size:10px}.attachment-item small{font-size:8px;color:var(--muted)}.comment-entry{border:1px solid var(--line);border-radius:10px;padding:11px}.comment-entry>div{display:flex;justify-content:space-between}.comment-entry strong{font-size:10px}.comment-entry span,.comment-entry small{font-size:8px;color:var(--muted)}.comment-entry p{font-size:9.5px}.compact-form{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:13px;margin-top:13px}.report-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.report-card{border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;justify-content:space-between;gap:15px;align-items:center}.report-card h3{font-size:12px;margin:0}.report-card p{font-size:9px;color:var(--muted);margin:5px 0 0}.settings-grid{align-items:start}.readiness-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.readiness-list li{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:10px}.readiness-list li>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:900}.readiness-list .ready>span{background:var(--green-bg);color:var(--green)}.readiness-list .warning>span{background:var(--orange-bg);color:var(--orange)}.readiness-list strong{display:block;font-size:10px}.readiness-list small{display:block;color:var(--muted);font-size:8px}.reference-summary-grid{grid-template-columns:repeat(6,1fr);margin:0}.reference-summary-grid article{text-align:center;box-shadow:none}.reference-summary-grid strong{font-size:22px}.empty-mini{color:var(--muted);font-size:10px}
@media(max-width:1300px){.nav-grid{grid-template-columns:repeat(7,1fr)}.module-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-filter{grid-template-columns:repeat(3,1fr)}.report-card-grid{grid-template-columns:repeat(2,1fr)}.reference-summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.module-summary-grid,.report-kpi-grid{grid-template-columns:repeat(2,1fr)}.module-card-grid,.two-column-grid,.record-overview-grid{grid-template-columns:1fr}.form-grid.three,.detail-grid{grid-template-columns:repeat(2,1fr)}.advanced-filter{grid-template-columns:1fr 1fr}.record-progress-card{display:grid;grid-template-columns:1fr 150px;align-items:center}.record-progress-card dl{grid-column:1/-1}.report-card-grid{grid-template-columns:1fr}}
@media(max-width:620px){.module-summary-grid,.report-kpi-grid,.form-grid.two,.form-grid.three,.detail-grid,.advanced-filter,.reference-summary-grid{grid-template-columns:1fr}.module-card-grid{grid-template-columns:1fr}.detail-grid .wide{grid-column:auto}.record-status-line{align-items:flex-start;flex-direction:column}.record-status-line strong{margin-left:0}.metadata-grid{grid-template-columns:1fr}.record-progress-card{display:block}}
.engineering-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.engineering-kpi-grid a{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcfe;color:var(--ink)}.engineering-kpi-grid span{font-size:8.5px;color:var(--muted);text-transform:uppercase}.engineering-kpi-grid strong{font-size:23px;margin-top:5px}.engineering-kpi-grid a:hover{border-color:#abc9df;transform:translateY(-1px)}.engineering-kpi-grid a.critical{background:var(--red-bg);border-color:#efbcbc}.engineering-kpi-grid a.critical strong{color:var(--red)}.engineering-recent-list .mini-list-item{color:var(--ink)}@media(max-width:1200px){.engineering-kpi-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.engineering-kpi-grid{grid-template-columns:repeat(2,1fr)}}
.project-workspace-hero{--project-cover:none;background-image:linear-gradient(105deg,rgba(8,26,53,.98),rgba(19,58,107,.88)),var(--project-cover);background-size:cover;background-position:center;color:#fff;border-radius:17px;padding:30px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px;box-shadow:var(--shadow)}.project-workspace-hero h1{font-size:28px;margin:4px 0}.project-workspace-hero p{color:#c8d9ec;max-width:850px}.project-hero-tags{display:flex;flex-wrap:wrap;gap:7px}.project-hero-tags span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 10px;font-size:9px}.project-hero-actions{display:flex;gap:8px;flex-shrink:0}.project-health-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.project-health-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.project-health-grid span{font-size:8.5px;color:var(--muted);text-transform:uppercase}.project-health-grid strong{font-size:23px;margin-top:4px}.project-health-grid small{font-size:8px;color:var(--muted)}.project-team-compact{display:grid;gap:7px;margin-bottom:13px}.project-team-compact>div{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:7px 0}.project-team-compact strong{display:block;font-size:10px}.project-team-compact small{display:block;font-size:8px;color:var(--muted)}.compact-module-grid{grid-template-columns:repeat(4,1fr)}.compact-module-grid .module-card{padding:11px}.compact-module-grid .module-card p{min-height:auto}.structure-tree-list{display:grid;gap:7px}.structure-tree-list>div{display:grid;grid-template-columns:70px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px}.structure-type{font-size:8px;font-weight:900;color:var(--blue-700);background:var(--blue-100);padding:5px;border-radius:6px;text-align:center}.structure-tree-list strong{font-size:10px}.structure-tree-list small{display:block;color:var(--muted);font-size:8px}@media(max-width:1100px){.project-health-grid{grid-template-columns:repeat(3,1fr)}.compact-module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.project-workspace-hero{flex-direction:column;align-items:flex-start}.project-health-grid,.compact-module-grid{grid-template-columns:1fr}}

/* Enterprise extensions: workflow governance, notifications, registers and relationship controls */
.popover-view-all{display:block;padding:11px 16px;text-align:center;font-size:11px;font-weight:800;background:#f8fbfe;border-top:1px solid var(--line)}
.notification-center{padding:0;overflow:hidden}.notification-center .panel-heading{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.notification-center-item{margin:0;border-bottom:1px solid var(--line)}.notification-center-item:last-child{border-bottom:0}.notification-center-item button{width:100%;border:0;background:#fff;padding:15px 20px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:13px;align-items:center;text-align:left;cursor:pointer}.notification-center-item.unread button{background:#f2f8fd;box-shadow:inset 4px 0 0 var(--blue-600)}.notification-center-item button:hover{background:#f7fafc}.notification-center-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--blue-700);background:var(--blue-100)}.notification-center-item strong{font-size:12px}.notification-center-item p{margin:3px 0;color:var(--muted);font-size:10px}.notification-center-item small{color:var(--muted-2);font-size:8.5px}.notification-open{font-size:9px;font-weight:800;color:var(--blue-700)}
.approval-kicker{display:flex;gap:7px;align-items:center;margin-bottom:5px;color:var(--muted);font-size:8.5px;text-transform:uppercase;letter-spacing:.4px}.approval-kicker .project-code{color:var(--blue-700);font-weight:900;background:var(--blue-100);border-radius:999px;padding:3px 7px}
.template-admin-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px}.template-admin-actions form{margin:0}.inline-create-panel{margin-top:12px;padding:15px;border:1px dashed #b8cede;border-radius:12px;background:#f8fbfd}.inline-create-panel.is-collapsed{display:none}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:5px 0}.check-grid label,.check-line{display:flex!important;align-items:center;gap:7px;font-size:9.5px;font-weight:650;color:#40546b}.check-grid input,.check-line input{width:auto!important;margin:0}.icon-delete{width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffd1d1;border-radius:8px;background:var(--red-bg);color:var(--red);font-weight:900;cursor:pointer}.icon-delete:hover{background:#ffe4e4}.workflow-governance-grid{align-items:start}.governance-list{display:grid;gap:8px}.governance-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfcfe}.governance-row strong{display:block;font-size:10px}.governance-row small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.governance-row form{margin:0}
.reference-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reference-admin-card{margin:0}.compact-reference-form{display:grid;grid-template-columns:85px 1fr;gap:8px;margin-bottom:13px}.compact-reference-form input{min-width:0}.compact-reference-form label{grid-column:1/2;display:flex;align-items:center;gap:6px;font-size:9px}.compact-reference-form button{grid-column:2/3}.reference-list{display:grid;gap:7px;max-height:390px;overflow:auto;padding-right:2px}.reference-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:8px;background:#fbfcfe}.reference-row span:first-child{min-width:0}.reference-row strong{display:block;font-size:9.5px;color:var(--blue-700)}.reference-row small{display:block;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-row form{margin:0}
.report-card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.participant-list,.relation-list,.linked-task-list{display:grid;gap:8px}.participant-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfcfe}.participant-row strong{display:block;font-size:10px}.participant-row small{display:block;color:var(--muted);font-size:8px}.mini-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--blue-100);color:var(--blue-700);font-weight:900;font-size:9px}.relation-row{display:grid;grid-template-columns:105px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfcfe}.relation-row>span{font-size:8px;text-transform:uppercase;font-weight:850;color:var(--muted)}.relation-row a strong{display:block;font-size:10px}.relation-row a small{display:block;color:var(--muted);font-size:8px}.linked-task-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fbfcfe}.linked-task-item>div{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center}.linked-task-item strong{font-size:10px}.linked-task-item small{grid-column:1/-1;color:var(--muted);font-size:8px}.priority-label{font-size:7px;text-transform:uppercase;font-weight:900;border-radius:999px;padding:3px 6px;background:#eef2f7;color:#52657d}.priority-label.high{background:var(--orange-bg);color:#a46600}.priority-label.critical{background:var(--red-bg);color:var(--red)}
.numbering-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.numbering-rule-grid article{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfcfe}.numbering-rule-grid strong{display:block;font-size:10px}.numbering-rule-grid code{display:block;margin-top:3px;font-size:8px;color:var(--blue-700);overflow-wrap:anywhere}.numbering-rule-grid>article>span{font-size:8px;color:var(--muted);white-space:nowrap}
@media(max-width:1100px){.reference-admin-grid{grid-template-columns:1fr 1fr}.numbering-rule-grid{grid-template-columns:1fr}}
@media(max-width:700px){.notification-center-item button{grid-template-columns:36px 1fr}.notification-open{display:none}.check-grid,.reference-admin-grid{grid-template-columns:1fr}.compact-reference-form{grid-template-columns:1fr}.compact-reference-form label,.compact-reference-form button{grid-column:auto}.governance-row{grid-template-columns:1fr auto}.governance-row form{grid-column:1/-1}.reference-row{grid-template-columns:1fr auto}.reference-row form{grid-column:1/-1}.relation-row{grid-template-columns:1fr auto}.relation-row>span{grid-column:1/-1}.linked-task-item{align-items:flex-start;flex-direction:column}.numbering-rule-grid article{align-items:flex-start;flex-direction:column}}
.import-guidance{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding:12px 14px;border:1px solid #c8dce9;border-radius:11px;background:var(--blue-50)}.import-guidance p{margin:0;color:var(--muted);font-size:9px;flex:1;min-width:240px}.import-guidance code{color:var(--blue-700);font-weight:800}.compact-import-form{border-top:1px solid var(--line);padding-top:14px}
.saved-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid var(--line)}.saved-view-toolbar>div:first-child strong{display:block;font-size:10px}.saved-view-toolbar>div:first-child span{display:block;color:var(--muted);font-size:8px}.saved-view-list{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.saved-view-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#f8fafc;overflow:hidden}.saved-view-chip.default{border-color:#8dbbd9;background:var(--blue-50)}.saved-view-chip a{padding:6px 10px;font-size:8.5px;font-weight:800}.saved-view-chip form{margin:0}.saved-view-chip button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);height:28px;width:26px;cursor:pointer}.saved-view-chip button:hover{color:var(--red);background:var(--red-bg)}.save-filter-form{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:end}.save-filter-form label{margin:0}@media(max-width:700px){.saved-view-toolbar{align-items:flex-start;flex-direction:column}.saved-view-list{justify-content:flex-start}.save-filter-form{grid-template-columns:1fr}}
.session-list{display:grid;gap:8px}.session-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:11px;background:#fbfcfe}.session-row.revoked{opacity:.68;background:#f7f7f8}.session-row strong{display:block;font-size:10px}.session-row small,.session-row div>span{display:block;color:var(--muted);font-size:8px;margin-top:2px}.session-row form{margin:0}@media(max-width:700px){.session-row{grid-template-columns:1fr auto}.session-row form{grid-column:1/-1}}

/* Server-side pagination and high-volume register navigation */
.pagination{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;padding:1.25rem 1rem .25rem}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:2.35rem;height:2.35rem;padding:0 .8rem;border:1px solid var(--line,#dbe3ef);border-radius:.7rem;background:#fff;color:var(--ink,#13213c);font-weight:700;text-decoration:none;transition:.18s ease}.page-link:hover{border-color:var(--brand-blue,#1f5ebc);color:var(--brand-blue,#1f5ebc);transform:translateY(-1px)}.page-link.active{background:var(--brand-blue,#1f5ebc);border-color:var(--brand-blue,#1f5ebc);color:#fff}.page-link.disabled{pointer-events:none;opacity:.42}.page-gap{color:var(--muted,#728099);padding:0 .15rem}.register-result-summary{text-align:right;color:var(--muted,#728099);font-size:.86rem;padding:.85rem 0 0}