/* INVENSE ERP Professional UI System — additive compatibility layer */
:root{
  --navy-950:#07182b;--navy-900:#0b2239;--navy-800:#123a63;--navy-700:#1c527f;
  --blue-600:#1976a8;--blue-500:#2d91c2;--cyan-100:#e8f7fc;
  --ink:#172b3a;--muted-2:#5e7485;--surface:#fff;--canvas:#f3f6f8;
  --line-2:#dbe4ea;--line-3:#e8eef2;--green:#16835d;--green-bg:#e6f6ef;
  --amber:#a45b00;--amber-bg:#fff4d9;--red:#b63d45;--red-bg:#fdeced;
  --violet:#6b4fc2;--shadow-sm:0 1px 2px rgba(8,32,50,.06),0 6px 18px rgba(8,32,50,.04);
  --shadow-md:0 12px 36px rgba(8,32,50,.11);--radius-sm:8px;--radius:12px;--radius-lg:18px;
}
*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font-feature-settings:"tnum" 1,"ss01" 1}.app-shell{min-height:100vh}.main{min-width:0;background:linear-gradient(180deg,#f8fafb 0,#f3f6f8 220px)}
.sidebar{background:linear-gradient(180deg,var(--navy-950),var(--navy-900));border-right:0;box-shadow:8px 0 30px rgba(4,19,32,.12)}.brand{padding:22px 18px;border-bottom:1px solid rgba(255,255,255,.09);min-height:82px}.brand img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:9px;padding:4px}.brand strong{font-size:13px;line-height:1.25;color:#fff}.brand span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#86a7bf}.nav{padding:16px 10px}.nav a{min-height:43px;margin:2px 0;border-radius:9px;color:#b9cedc;font-size:13px;font-weight:600;gap:11px;padding:0 12px;border:1px solid transparent}.nav a:hover{background:rgba(255,255,255,.06);color:#fff}.nav a.active{background:linear-gradient(90deg,rgba(58,154,199,.24),rgba(58,154,199,.10));border-color:rgba(113,196,231,.25);color:#fff;box-shadow:inset 3px 0 0 #52b6df}.nav-divider{margin:20px 10px 7px;color:#678aa2;font-size:9px;letter-spacing:.18em}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08);color:#8caabf}.sidebar-footer strong{color:#d7e5ee}.nav-dot,.tab-dot{min-width:20px;height:20px;border-radius:999px;background:#e96c71!important;color:#fff!important;font-size:10px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
.topbar{height:64px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-3);box-shadow:0 1px 0 rgba(15,43,61,.02);padding:0 28px;position:sticky;top:0;z-index:30}.topbar-id .eyebrow{font-size:9px}.topbar-id strong{font-size:12px;color:var(--ink)}.topbar-context{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#668090;font-weight:700}
.page-shell{max-width:1600px;margin:0 auto;padding:28px 30px 46px}.page-shell.wide{max-width:none}.page-shell.narrow{max-width:1050px}.page-heading{padding:0;margin:0 0 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.page-heading h1{font-size:27px;line-height:1.15;letter-spacing:-.025em;color:#112f44;margin:4px 0 7px}.page-heading p{margin:0;color:var(--muted-2);font-size:13px;max-width:780px;line-height:1.55}.eyebrow{color:var(--blue-600);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.heading-actions,.page-actions,.toolbar-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.back-link{display:block;color:#587386;font-size:12px;margin-bottom:8px;text-decoration:none}.back-link:hover{color:var(--blue-600)}
.button,button.button{border-radius:8px;min-height:36px;padding:0 14px;border:1px solid var(--line-2);font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:#27485e;box-shadow:0 1px 1px rgba(18,48,68,.03);text-decoration:none;cursor:pointer}.button:hover{border-color:#9eb6c6;background:#f8fbfc;transform:translateY(-1px)}.button.primary{background:linear-gradient(180deg,#176f9d,#125f89);border-color:#125f89;color:#fff;box-shadow:0 5px 14px rgba(18,95,137,.18)}.button.secondary{background:#e9f4f9;border-color:#b9d9e8;color:#155a7c}.button.ghost{background:transparent;box-shadow:none}.button.danger{background:var(--red);border-color:var(--red);color:#fff}.button.danger.ghost{background:#fff;color:var(--red);border-color:#f0c7ca}.button.small,.button.sm{min-height:30px;padding:0 10px;font-size:11px}.button.full{width:100%}.icon-button,.icon-btn{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid var(--line-2);border-radius:7px;background:#fff;color:#607a8b;cursor:pointer}.icon-button.danger,.icon-btn.danger{color:var(--red);border-color:#f0c8cb;background:#fff8f8}
.workspace-nav{display:flex;align-items:center;gap:4px;margin:0 0 22px;padding:5px;background:#e9eef2;border:1px solid #dbe3e8;border-radius:10px;width:max-content;max-width:100%;position:relative}.workspace-nav>a,.workspace-more>summary{height:34px;padding:0 12px;border-radius:7px;display:flex;align-items:center;gap:7px;color:#557080;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}.workspace-nav>a.on,.workspace-nav>a:hover,.workspace-more[open]>summary,.workspace-more>summary:hover{background:#fff;color:#123f5c;box-shadow:0 1px 4px rgba(14,44,61,.08)}.workspace-more{position:relative}.workspace-more>summary{list-style:none}.workspace-more>summary::-webkit-details-marker{display:none}.workspace-more>summary:after{content:"⌄";font-size:12px;margin-left:2px}.workspace-more>div{position:absolute;z-index:50;top:40px;left:0;background:#fff;border:1px solid var(--line-2);border-radius:10px;box-shadow:var(--shadow-md);padding:6px;min-width:210px;display:grid}.workspace-more>div a{padding:9px 10px;border-radius:7px;color:#35576c;font-size:12px;text-decoration:none;display:flex;justify-content:space-between}.workspace-more>div a:hover{background:#eef6f9;color:#125f89}.subnav{border-radius:10px;background:#e9eef2!important;border:1px solid var(--line-2)!important;padding:5px!important;margin-bottom:22px!important}.subnav a{border-radius:7px!important;font-size:11px!important;font-weight:700!important}
.panel,.card,.tablecard{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.panel{padding:19px}.panel+.panel{margin-top:18px}.panel-head,.list-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:-2px 0 16px;padding:0;background:transparent;border:0}.panel-head h2,.list-toolbar strong{font-size:14px;color:#18394f;margin:0;letter-spacing:-.01em}.panel-head p,.list-toolbar .muted{font-size:11px;color:var(--muted-2);margin:4px 0 0}.form-panel{padding:23px}.permission-panel{margin-top:18px}.content-grid{display:grid;gap:18px;align-items:start}.content-grid.two-one{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.content-grid.three-two{grid-template-columns:minmax(0,3fr) minmax(320px,2fr)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.metric-grid{display:grid;gap:12px;margin-bottom:18px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric-grid.five{grid-template-columns:repeat(5,1fr)}.metric-card{background:#fff;border:1px solid var(--line-2);border-radius:11px;padding:15px 16px;box-shadow:var(--shadow-sm);min-height:112px;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#4e99bc}.metric-card>span{display:block;color:#60798a;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}.metric-card>strong{display:block;font-size:26px;line-height:1;color:#173b52;letter-spacing:-.03em}.metric-card>small{display:block;color:#78909f;font-size:10px;margin-top:8px}.metric-card.danger:before{background:var(--red)}.metric-card.warning:before{background:#dda22a}.metric-card.success:before{background:var(--green)}.metric-text{font-size:16px!important;line-height:1.2!important}.compact-metrics .metric-card{min-height:88px;padding:13px 15px}.compact-metrics .metric-card>strong{font-size:21px}
.table-wrap,.table-scroll{overflow:auto;border:1px solid var(--line-3);border-radius:9px}.data-table,table{width:100%;border-collapse:separate;border-spacing:0}.data-table th,table th{background:#f3f7f9;color:#5e7483;font-size:9px;letter-spacing:.075em;text-transform:uppercase;font-weight:800;padding:10px 11px;border-bottom:1px solid var(--line-2);white-space:nowrap;text-align:left}.data-table td,table td{font-size:11.5px;padding:10px 11px;border-bottom:1px solid #edf1f3;vertical-align:middle;color:#2b485a}.data-table tbody tr:last-child td,table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover,table tbody tr:hover{background:#f8fbfc}.data-table td strong,table td strong{font-size:11.5px;color:#17394f;display:block}.data-table td small,table td small{display:block;color:#778d9a;font-size:9.5px;margin-top:3px;line-height:1.35}.clickable,.row-link{cursor:pointer}.row-alert{background:#fff8f7!important}.num{text-align:right!important}.actions,.row-actions{text-align:right;white-space:nowrap}.permission-table td:not(:first-child),.permission-table th:not(:first-child){text-align:center}.permission-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue-600)}
.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid p{margin:0}.form-grid label,.form-panel label,label{font-size:10px;font-weight:800;color:#466273;letter-spacing:.015em;display:grid;gap:6px}.form-grid .helptext,.helptext{font-size:9px;color:#7e929f;font-weight:400}.form-grid ul.errorlist,.errorlist{list-style:none;padding:0;margin:0;color:var(--red);font-size:10px}.form-grid input,.form-grid select,.form-grid textarea,.form-panel input,.form-panel select,.form-panel textarea,label>input,label>select,label>textarea,.filter-bar input,.filter-bar select,.inline-form input,.inline-form select,select,input,textarea{width:100%;border:1px solid #cddae2;border-radius:7px;min-height:37px;padding:8px 10px;background:#fff;color:#263f50;font:inherit;font-size:12px;outline:none}.form-grid textarea,textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,input:focus,select:focus,textarea:focus{border-color:#4b9ac0;box-shadow:0 0 0 3px rgba(59,145,186,.12)}.form-actions,.sticky-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line-3)}.sticky-actions{position:sticky;bottom:12px;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);padding:10px;border:1px solid var(--line-2);border-radius:10px;box-shadow:var(--shadow-md);z-index:20}.inline-form{display:flex;align-items:end;gap:8px;margin-top:14px}.inline-form>*{margin:0}.inline-form input{flex:1}.inline-form.multi{display:grid;grid-template-columns:2fr 1fr 2fr auto;border-top:1px solid var(--line-3);padding-top:14px}.inline-form.multi p{margin:0}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important;font-size:11px!important;font-weight:600!important;color:#38576a!important}.check-row input{width:16px!important;height:16px!important;min-height:auto!important;accent-color:var(--blue-600)}.file-drop{border:1.5px dashed #a9c2d1;border-radius:12px;padding:28px;display:grid!important;place-items:center;background:#f7fbfd;cursor:pointer;text-align:center}.file-drop input{width:auto;min-height:auto;border:0}.file-drop strong{font-size:14px}.file-drop span{font-size:10px;color:#718998}.filter-bar,.date-command-bar{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-bottom:14px}.filter-bar label,.date-command-bar label{min-width:150px}.date-command-bar{justify-content:space-between;background:#fff;border:1px solid var(--line-2);border-radius:11px;padding:12px 14px;box-shadow:var(--shadow-sm)}.date-command-bar>div{display:flex;gap:10px}
.status-chip,.status,.chip-type{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;background:#eaf1f4;color:#496778;font-size:9px;font-weight:800;white-space:nowrap}.status-chip.success,.status-chip.approved,.status.is-approved{background:var(--green-bg);color:var(--green)}.status-chip.warning,.status-chip.submitted,.status-chip.pending{background:var(--amber-bg);color:var(--amber)}.status-chip.danger,.status-chip.rejected{background:var(--red-bg);color:var(--red)}.status-chip.large{font-size:10px;padding:7px 11px}.status-chip.stage-1{background:#eef2f5;color:#526b7a}.status-chip.stage-2{background:#e8f4f9;color:#1b6e93}.status-chip.stage-3{background:#f2edff;color:#6545b1}.status-chip.stage-4{background:#fff1da;color:#9d6206}.status-chip.stage-5{background:var(--green-bg);color:var(--green)}.text-danger{color:var(--red)!important}.text-success{color:var(--green)!important}.muted{color:#7a909d!important}.count-badge{background:#e8f2f7;color:#22688a;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800}
.person-cell{display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;min-width:31px;border-radius:9px;background:linear-gradient(145deg,#d9ebf3,#bcdbe9);color:#145d80;display:grid;place-items:center;font-weight:800;font-size:12px}.presence-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 8px;background:#edf2f5;color:#516c7c;font-size:9px;font-weight:800}.presence-chip i,.status-dot{width:7px;height:7px;border-radius:50%;background:#91a4af}.presence-chip.office,.presence-chip.wfh,.presence-chip.meeting{background:var(--green-bg);color:var(--green)}.presence-chip.office i,.presence-chip.wfh i,.presence-chip.meeting i,.status-dot.green{background:var(--green)}.presence-chip.absent{background:var(--red-bg);color:var(--red)}.presence-chip.absent i,.status-dot.red{background:var(--red)}.presence-chip.leave{background:#f1edff;color:#6447a8}.presence-chip.leave i{background:#7a5bc0}
.calendar-panel{min-width:0}.calendar-actions{display:flex;gap:6px}.calendar-actions a{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:7px;text-decoration:none}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.weekday{text-align:center;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8296a2;font-weight:800;padding:3px}.calendar-day{min-height:70px;border:1px solid #e4ebef;border-radius:7px;padding:6px;display:flex;flex-direction:column;gap:3px;text-decoration:none;color:#38566a;background:#fff}.calendar-day:hover{border-color:#8cb7cb;background:#f7fbfd}.calendar-day.outside{opacity:.35}.calendar-day.today b{color:var(--blue-600)}.calendar-day.selected{border:2px solid var(--blue-600);padding:5px}.calendar-day b{font-size:10px}.calendar-count{font-size:7.5px;border-radius:4px;padding:2px 3px}.calendar-count.present{background:var(--green-bg);color:var(--green)}.calendar-count.leave{background:#f1edff;color:#6544aa}
.modal-card{border:0;border-radius:15px;padding:0;width:min(720px,calc(100vw - 28px));box-shadow:0 25px 80px rgba(6,28,42,.28)}.modal-card::backdrop{background:rgba(5,19,29,.55);backdrop-filter:blur(2px)}.modal-card>form{padding:22px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.modal-head h2{margin:3px 0 0;font-size:19px;color:#173a51}
.progress{height:7px;background:#e8eef2;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#2785ad,#28a47c);border-radius:inherit}.progress.thin{height:4px}.workspace-card{display:block;border:1px solid var(--line-2);border-radius:10px;padding:14px;text-decoration:none;background:#fff;color:inherit;transition:.15s}.workspace-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#b7ceda}.workspace-card p{font-size:10.5px;color:#6f8593;min-height:32px}.workspace-top,.workspace-meta{display:flex;align-items:center;gap:7px}.workspace-top strong{font-size:13px;flex:1}.workspace-top>span:last-child{font-size:11px;font-weight:800}.workspace-meta{justify-content:space-between;margin-top:9px;color:#718896;font-size:9px}.workload-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-3)}.workload-row:last-child{border-bottom:0}.workload-row strong{font-size:11px}.workload-row small{display:block;font-size:9px;color:#758b99}.workload-numbers{text-align:right}.workload-numbers b{font-size:14px;display:block}.workload-numbers span{font-size:8px;color:#7b909c}
.kanban-board{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;padding:2px 2px 20px}.kanban-column{width:300px;min-width:300px;background:#e9eef1;border:1px solid #d9e2e7;border-radius:12px;padding:9px}.kanban-column>header{display:flex;justify-content:space-between;align-items:center;padding:4px 5px 10px}.kanban-column>header>div{display:flex;align-items:center;gap:8px}.kanban-column h2{font-size:12px;margin:0;color:#29495e}.kanban-column>header span{font-size:9px;border-radius:99px;background:#d8e2e8;padding:3px 6px}.kanban-stack{display:grid;gap:8px}.kanban-card{background:#fff;border:1px solid #d6e0e5;border-radius:9px;box-shadow:0 1px 2px rgba(10,35,50,.05);overflow:hidden;border-top:3px solid #6f8795}.kanban-card.theme-blue{border-top-color:#338bb4}.kanban-card.theme-green{border-top-color:#2b9b72}.kanban-card.theme-amber{border-top-color:#d99a27}.kanban-card.theme-red{border-top-color:#c84c54}.kanban-card.theme-violet{border-top-color:#7658c0}.kanban-card.overdue{box-shadow:0 0 0 1px #e6aeb2}.kanban-card>a{display:block;padding:11px;text-decoration:none;color:inherit}.kanban-card h3{font-size:12px;margin:7px 0 5px;color:#193a4f}.kanban-card p{font-size:9.5px;line-height:1.4;color:#6a8290;margin:0 0 9px}.kanban-labels,.kanban-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:8px;color:#768b98}.severity{border-radius:999px;padding:3px 6px;background:#edf2f4;font-weight:800}.severity.high,.severity.critical{background:var(--red-bg);color:var(--red)}.severity.medium{background:var(--amber-bg);color:var(--amber)}.avatar-stack{display:flex}.avatar-stack i{width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:#d8e8ef;color:#205e7c;display:grid;place-items:center;font-size:8px;font-style:normal;margin-left:-5px}.quick-move{border-top:1px solid var(--line-3);padding:5px 7px}.quick-move select{min-height:28px;padding:3px 6px;font-size:9px;background:#f8fafb}.kanban-empty{padding:25px 10px;text-align:center;border:1px dashed #bdccd5;border-radius:8px;color:#8a9ba5;font-size:9px}.add-column{background:#f4f7f8}.add-column form{display:grid;gap:8px}.add-column p{margin:0}.add-column label{font-size:9px}
.gateway-strip,.gateway-timeline{display:flex;align-items:center;gap:8px}.gateway-strip>div{flex:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid var(--line-3);border-radius:9px;padding:12px;background:#f9fbfc}.gateway-strip b,.gateway-timeline b,.gateway-number{width:25px;height:25px;border-radius:7px;background:#e3eef4;color:#17698f;display:grid;place-items:center;font-size:10px}.gateway-strip span{font-size:10px;font-weight:700;color:#466375}.gateway-strip strong{font-size:18px}.gateway-strip>i{color:#9cb0bc;font-style:normal}.gateway-timeline{margin-bottom:18px}.gateway-timeline>div{flex:1;display:flex;align-items:center;gap:8px;color:#7c909c}.gateway-timeline>div span{font-size:9px;font-weight:800}.gateway-timeline>i{height:2px;background:#dce5ea;flex:.25}.gateway-timeline>div.current b{background:var(--blue-600);color:#fff;box-shadow:0 0 0 4px #dceef6}.gateway-timeline>div.current span{color:#135d80}.gateway-timeline>div.done b{background:var(--green);color:#fff}.gateway-timeline>div.done span{color:var(--green)}.workflow-stack{display:grid;gap:15px}.workflow-sidebar{display:grid;gap:15px}.gateway-panel{position:relative}.gateway-panel.active-gateway{border-color:#5fa4c2;box-shadow:0 0 0 2px rgba(50,139,177,.10),var(--shadow-sm)}.gateway-panel .panel-head>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:9px}.gateway-panel .panel-head h2,.gateway-panel .panel-head p{grid-column:2}.decision-form{display:grid;gap:10px;border-top:1px solid var(--line-3);padding-top:14px;margin-top:14px}.action-panel{background:linear-gradient(145deg,#123a63,#16557c);color:#fff;border:0}.action-panel h2,.action-panel p,.action-panel label{color:#fff}.action-panel .eyebrow{color:#9ed8ef}.action-panel textarea{background:rgba(255,255,255,.95)}.gateway-number{display:inline-grid}.checklist-list{display:grid}.checklist-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border-bottom:1px solid var(--line-3);padding:9px 0}.checklist-row.done{opacity:.65}.checklist-row.done strong,.checklist-row.done>span{text-decoration:line-through}.check-toggle{width:22px;height:22px;border-radius:6px;border:1px solid #a9beca;background:#fff;color:#fff;cursor:pointer}.checklist-row.done .check-toggle{background:var(--green);border-color:var(--green)}.checklist-row strong{font-size:11px}.checklist-row small{display:block;font-size:9px;color:#788d99;margin-top:2px}.step-number{width:24px;height:24px;border-radius:6px;background:#e9f2f6;color:#236b8b;display:grid;place-items:center;font-size:9px;font-weight:800}.inline-details{border-top:1px solid var(--line-3);margin-top:10px;padding-top:10px}.inline-details summary{cursor:pointer;color:#1c6b90;font-size:10px;font-weight:800}.inline-details[open] summary{margin-bottom:12px}.top-rule{border-top:1px solid var(--line-3);margin-top:12px;padding-top:12px}.detail-list h2{font-size:14px;margin:0 0 13px}.detail-list dl{display:grid;grid-template-columns:1fr 1.5fr;gap:0;margin:0}.detail-list dt,.detail-list dd{padding:8px 0;border-bottom:1px solid var(--line-3);font-size:10px}.detail-list dt{color:#78909d}.detail-list dd{margin:0;text-align:right;color:#2d4d61;font-weight:700}.detail-grid-list{grid-template-columns:1fr 1fr!important}.detail-grid-list dd{text-align:left!important}.timeline-list>div{display:grid;grid-template-columns:auto 1fr;gap:8px}.timeline-list i{width:8px;height:8px;border-radius:50%;background:#5d9fbd;margin-top:4px;box-shadow:0 0 0 4px #e5f0f5}.timeline-list span{border-left:1px solid #dce5ea;padding:0 0 14px 12px}.timeline-list strong{font-size:10px}.timeline-list small{display:block;font-size:8px;color:#81939e}.timeline-list p{font-size:9px;color:#637c8b;margin:4px 0 0}
.path-cell{display:flex;align-items:center;gap:9px}.path-cell small{display:block}.level-pill{width:28px;height:24px;border-radius:6px;background:#e7f1f6;color:#236c8d;display:grid;place-items:center;font-size:9px;font-weight:800}.info-callout{background:#eef7fa;border:1px solid #d5e9f1;border-radius:9px;padding:12px;margin-top:15px}.info-callout strong{font-size:10px;color:#185c7b}.info-callout p{font-size:9px;line-height:1.5;color:#5e7887;margin:5px 0 0}.document-list{display:grid}.document-list>a,.document-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line-3);text-decoration:none;color:inherit}.document-row>a{display:contents}.document-icon{width:34px;height:34px;border-radius:7px;background:#edf3f6;color:#256885;display:grid;place-items:center;font-size:8px;font-weight:900}.document-list strong{font-size:10.5px}.document-list small{display:block;font-size:8.5px;color:#748b98;margin-top:3px}.empty-state,.empty{padding:28px;text-align:center;color:#7e929e}.empty-state h3{font-size:13px;color:#486477;margin:0 0 5px}.empty-state p{font-size:10px;margin:0}.empty-state.compact{padding:16px;font-size:10px}.detail-span-2{grid-column:span 2}
.messages{position:fixed;right:20px;top:76px;z-index:100;max-width:430px}.message{border-radius:9px;box-shadow:var(--shadow-md);font-size:11px;border:1px solid var(--line-2);background:#fff}.message.success{border-left:4px solid var(--green)}.message.error{border-left:4px solid var(--red)}
@media(max-width:1200px){.metric-grid.five{grid-template-columns:repeat(3,1fr)}.content-grid.three-two,.content-grid.two-one{grid-template-columns:1fr}.workflow-sidebar{grid-template-columns:repeat(2,1fr)}.calendar-panel{order:-1}}
@media(max-width:900px){.page-shell{padding:20px 18px 36px}.metric-grid.four,.metric-grid.five,.metric-grid.three{grid-template-columns:repeat(2,1fr)}.form-grid.two{grid-template-columns:1fr}.gateway-strip{overflow-x:auto}.gateway-strip>div{min-width:150px}.workspace-nav{overflow-x:auto;width:100%}.workspace-more>div{position:fixed;left:20px;right:20px;top:auto}.inline-form.multi{grid-template-columns:1fr}.workflow-sidebar{grid-template-columns:1fr}}
@media(max-width:640px){.page-heading{display:grid}.heading-actions{width:100%}.heading-actions .button{flex:1}.metric-grid.four,.metric-grid.five,.metric-grid.three{grid-template-columns:1fr}.metric-card{min-height:86px}.date-command-bar,.date-command-bar>div{display:grid;width:100%}.calendar-day{min-height:52px}.calendar-count{display:none}.page-shell{padding:16px 12px 30px}.topbar{padding:0 14px}.modal-card>form{padding:16px}}