:root{--gi-navy:#0b3d7c;--gi-navy-dark:#072a58;--gi-saffron:#d97706;--gi-green:#128807;--gi-bg:#f4f6f9;--gi-surface:#fff;--gi-border:#cbd5e1;--gi-text:#1a2330;--gi-text-muted:#4b5563;--gi-danger:#b91c1c;--gi-warning:#92400e;--gi-info:#0b3d7c;--gi-focus:#d97706;--radius:6px}*{box-sizing:border-box}html{font-size:16px}body{background:var(--gi-bg);color:var(--gi-text);margin:0;font-family:Segoe UI,Roboto,Noto Sans,Arial,sans-serif;line-height:1.5}a{color:var(--gi-navy)}button,input,select,textarea{font-family:inherit;font-size:1rem}:focus-visible{outline:3px solid var(--gi-focus);outline-offset:2px}.skip-link{background:var(--gi-navy-dark);color:#fff;z-index:1000;border-radius:0 0 var(--radius) 0;padding:.75rem 1.25rem;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.gi-header{background:var(--gi-navy-dark);color:#fff;padding:.6rem 1rem}.gi-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;display:flex}.gi-brand{align-items:center;gap:.75rem;display:flex}.gi-emblem{background:var(--gi-saffron);color:#1a2330;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.gi-logo{background:#fff;border-radius:4px;flex-shrink:0;width:auto;height:44px;padding:2px}.gi-brand-text h1{margin:0;font-size:1.05rem}.gi-brand-text p{color:#cbd5e1;margin:0;font-size:.8rem}.gi-header-actions{align-items:center;gap:.75rem;font-size:.9rem;display:flex}.gi-header-actions button{color:#fff;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #4a6a97;padding:.3rem .7rem}.gi-header-actions button:hover{background:#163d6e}.gi-tricolour-strip{background:linear-gradient(to right, var(--gi-saffron) 33%, #fff 33% 67%, var(--gi-green) 67%);height:4px}.app-body{flex:1;width:100%;max-width:1400px;margin:0 auto;display:flex}.gi-sidebar{background:var(--gi-surface);border-right:1px solid var(--gi-border);flex-shrink:0;width:260px;padding:1rem .5rem}.gi-sidebar nav ul{margin:0;padding:0;list-style:none}.gi-sidebar .nav-group{margin-bottom:1.1rem}.gi-sidebar .nav-group h2{text-transform:uppercase;letter-spacing:.04em;color:var(--gi-text-muted);margin:0 .6rem .4rem;font-size:.72rem}.gi-sidebar a,.gi-sidebar .nav-link{border-radius:var(--radius);color:var(--gi-text);padding:.55rem .75rem;font-size:.94rem;text-decoration:none;display:block}.gi-sidebar a:hover{background:#eef2f7}.gi-sidebar a.active{background:var(--gi-navy);color:#fff;font-weight:600}.gi-main{flex:1;min-width:0;padding:1.25rem 1.5rem 2.5rem}.gi-footer{background:var(--gi-navy-dark);color:#d7e0ec;padding:1rem;font-size:.85rem}.gi-footer-inner{flex-wrap:wrap;justify-content:space-between;gap:.5rem;max-width:1400px;margin:0 auto;display:flex}.gi-footer a{color:#fff;margin-right:1rem;text-decoration:underline}h1,h2,h3{color:var(--gi-navy-dark)}h1{font-size:1.5rem}h2{font-size:1.15rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.page-header p.lede{color:var(--gi-text-muted);max-width:70ch;margin:.15rem 0 0}.card{background:var(--gi-surface);border:1px solid var(--gi-border);border-radius:var(--radius);padding:1rem 1.1rem}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem;margin-bottom:1.5rem;display:grid}.tile{border-radius:var(--radius);color:#fff;flex-direction:column;justify-content:space-between;min-height:90px;padding:.9rem 1rem;display:flex}.tile .tile-value{font-size:1.9rem;font-weight:700}.tile .tile-label{font-size:.85rem}.tile.tone-danger{background:var(--gi-danger)}.tile.tone-warning{background:var(--gi-warning)}.tile.tone-info{background:var(--gi-info)}.tile-clickable{text-align:left;cursor:pointer;font:inherit;border:none;transition:transform .1s,box-shadow .1s}.tile-clickable:hover,.tile-clickable:focus-visible{transform:translateY(-2px);box-shadow:0 4px 14px #0000002e}.modal-backdrop{z-index:50;background:#00000073;justify-content:center;align-items:flex-start;padding:4rem 1rem;display:flex;position:fixed;inset:0}.offline-banner{background:var(--gi-warning,#b45309);color:#fff;text-align:center;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.modal-panel{width:100%;max-width:900px;max-height:calc(100vh - 6rem);overflow-y:auto}table{border-collapse:collapse;background:var(--gi-surface);width:100%}th,td{text-align:left;border-bottom:1px solid var(--gi-border);padding:.55rem .7rem;font-size:.92rem}th{color:var(--gi-navy-dark);background:#eef2f7}.table-wrap{border:1px solid var(--gi-border);border-radius:var(--radius);overflow-x:auto}.status-pill{border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:600;display:inline-block}.status-active,.status-approved,.status-pass,.status-received,.status-acknowledged{color:#14532d;background:#dcfce7}.status-quarantine,.status-pending,.status-submitted,.status-draft,.status-requested{color:#78350f;background:#fef3c7}.status-rejected,.status-fail,.status-cancelled{color:#7f1d1d;background:#fee2e2}.status-issued,.status-partially_received{color:#1e3a8a;background:#dbeafe}form .field{flex-direction:column;gap:.25rem;max-width:480px;margin-bottom:.9rem;display:flex}form .field label{font-size:.9rem;font-weight:600}form .field .hint{color:var(--gi-text-muted);font-size:.8rem}input,select,textarea{border:1px solid var(--gi-border);border-radius:var(--radius);color:var(--gi-text);background:#fff;padding:.5rem .6rem}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.94rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gi-navy);color:#fff}.btn-primary:hover{background:var(--gi-navy-dark)}.btn-secondary{color:var(--gi-navy);border-color:var(--gi-navy);background:#fff}.btn-danger{background:var(--gi-danger);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.alert{border-radius:var(--radius);margin-bottom:1rem;padding:.7rem .9rem;font-size:.92rem}.alert-error{color:#7f1d1d;background:#fee2e2;border:1px solid #fca5a5}.alert-success{color:#14532d;background:#dcfce7;border:1px solid #86efac}.alert-info{color:#1e3a8a;background:#dbeafe;border:1px solid #93c5fd}.gap-callout{border-left:4px solid var(--gi-saffron);color:#7c2d12;border-radius:0 var(--radius) var(--radius) 0;background:#fff7ed;margin:.75rem 0;padding:.6rem .9rem;font-size:.85rem}.login-shell{background:linear-gradient(160deg, var(--gi-navy-dark), var(--gi-navy) 60%, #10508f);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:#fff;border-radius:10px;width:100%;max-width:420px;padding:2rem}.login-accounts{border-top:1px solid var(--gi-border);margin-top:1.25rem;padding-top:1rem}.login-accounts table{font-size:.82rem}.login-accounts button.use-account{color:var(--gi-navy);cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;text-decoration:underline}@media (width<=860px){.app-body{flex-direction:column}.gi-sidebar{border-right:none;border-bottom:1px solid var(--gi-border);width:100%}}