:root {
  --font-primary:"Manrope",Arial,sans-serif;
  --ntc-red:#d71920;
  --ntc-red-dark:#b8050f;
  --ntc-red-soft:#fbe8e9;
  --ntc-red-light:#ff7378;
  --portal-night:#0b1118;
  --portal-ink:#111820;
  --portal-dark-elevated:#18222c;
  --portal-surface:#fff;
  --portal-soft:#f4f6f8;
  --portal-subtle:#f8f9fa;
  --portal-disabled:#edf0f2;
  --portal-line:#e2e6ea;
  --portal-line-subtle:#edf0f2;
  --portal-muted:#68727d;
  --portal-text:#18202a;
  --portal-on-dark:#fff;
  --portal-on-dark-muted:rgba(255,255,255,.62);
  --portal-focus:#d71920;
  --status-success-bg:#e4f5ea;
  --status-success-text:#257a45;
  --status-danger-bg:#fae8e9;
  --status-danger-text:#b32128;
  --status-info-bg:#e6f2f8;
  --status-info-text:#226d91;
  --status-warning-bg:#fff3dc;
  --status-warning-text:#8b641a;
  --status-neutral-bg:#edf0f2;
  --status-neutral-text:#59636e;
  --portal-label:#323b45;
  --portal-secondary-strong:#64707b;
  --portal-control-copy:#59636e;
  --portal-control-border:#dce1e6;
  --portal-control-addon:#eef1f3;
  --portal-table-heading:var(--portal-control-copy);
  --portal-icon-muted:#9099a2;
  --portal-icon-faint:#aeb5bc;
  --portal-icon-empty:#b8bfc5;
  --portal-mobile-chevron:#a7afb6;
  --portal-variant-border:#dfe4e8;
  --portal-variant-icon-bg:#f1f3f5;
  --portal-variant-icon:#606b75;
  --portal-variant-check:#cbd1d6;
  --portal-variant-hover-border:#c8d0d6;
  --portal-variant-selected:#fff7f7;
  --portal-package-border:#e1e5e8;
  --portal-danger-border:#e1d4d5;
  --portal-danger-action:#bc3238;
  --portal-footer-text:#66717b;
  --portal-dark-line:rgba(255,255,255,.08);
  --portal-dark-line-soft:rgba(255,255,255,.09);
  --portal-dark-line-medium:rgba(255,255,255,.1);
  --portal-dark-line-strong:rgba(255,255,255,.16);
  --portal-dark-control-line:rgba(255,255,255,.13);
  --portal-dark-nav:rgba(255,255,255,.66);
  --portal-dark-copy:rgba(255,255,255,.7);
  --portal-dark-control:rgba(4,9,14,.6);
  --portal-dark-hover:rgba(255,255,255,.06);
  --portal-dark-header:rgba(9,14,20,.98);
  --portal-dark-icon:rgba(255,255,255,.55);
  --portal-dark-secondary:rgba(255,255,255,.6);
  --portal-brand-active:rgba(215,25,32,.15);
  --portal-brand-icon:rgba(215,25,32,.16);
  --portal-brand-line:rgba(255,100,106,.12);
  --portal-brand-line-soft:rgba(255,105,111,.15);
  --portal-brand-login-line:rgba(255,115,120,.15);
  --portal-brand-outline:rgba(215,25,32,.4);
  --portal-brand-focus-soft:rgba(215,25,32,.15);
  --portal-brand-bright:#ff7b80;
  --portal-brand-brighter:#ff8589;
  --portal-login-accent:#ff747a;
  --portal-login-focus:#f45d63;
  --portal-metric-start:#151e27;
  --portal-metric-end:#0e151d;
  --portal-detail-end:#0f171f;
  --success-surface:#e8f6ec;
  --success-border:#cfe9d6;
  --success-icon:#2f9654;
  --success-copy:#48775a;
  --field-invalid:#b32128;
  --field-error:#8f1d23;
  --target-min:2.75rem;
  --measure-compact:36rem;
  --login-task-compact:42rem;
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;
  --space-8:2rem;
  --space-10:2.5rem;
  --space-12:3rem;
  --space-16:4rem;
  --radius-control:.7rem;
  --radius-inner:.75rem;
  --radius-card:1rem;
  --shadow-card:0 .75rem 2rem rgba(20,31,43,.05);
  --shadow-card-hover:0 1rem 2.4rem rgba(20,31,43,.09);
  --shadow-primary:0 .65rem 1.4rem rgba(215,25,32,.16);
  --shadow-primary-hover:0 .85rem 1.8rem rgba(215,25,32,.24);
  --shadow-header:0 .75rem 2.4rem rgba(0,0,0,.16);
  --shadow-logo:0 .25rem .7rem rgba(0,0,0,.25);
  --shadow-selected:0 .7rem 1.5rem rgba(215,25,32,.08);
  --focus-ring:0 0 0 .2rem rgba(215,25,32,.18);
  --gradient-metric:linear-gradient(145deg,#151e27,#0e151d);
  --gradient-detail:linear-gradient(145deg,#18222c,#0f171f);
  --gradient-login-visual:linear-gradient(90deg,rgba(5,13,21,.28),rgba(5,13,21,.82)),linear-gradient(0deg,rgba(5,13,21,.88),transparent 55%),url("../images/login-operations.jpg");
  --gradient-login-panel:radial-gradient(circle at 85% 8%,rgba(215,25,32,.13),transparent 20rem),#0b1118;
  --bs-primary:#d71920;
  --bs-primary-rgb:215,25,32;
  --bs-body-font-family:var(--font-primary);
}

* { box-sizing:border-box; }
html { min-height:100%; scroll-behavior:smooth; }
body,button,input,select,textarea { font-family:var(--font-primary); }
body { background:var(--portal-soft); color:var(--portal-text); margin:0; min-height:100dvh; }
a { color:inherit; }
h1,h2,h3,h4,h5,h6 { color:var(--portal-text); font-weight:700; letter-spacing:-.035em; text-wrap:balance; }
:focus-visible { outline:2px solid var(--portal-focus); outline-offset:3px; }
.skip-link { background:var(--portal-surface); left:-9999px; padding:.65rem 1rem; position:fixed; top:1rem; z-index:2000; }
.skip-link:focus { left:1rem; }
.portal-body { display:flex; flex-direction:column; }
.portal-main { flex:1 0 auto; min-height:calc(100dvh - 5rem); }
.portal-container { max-width:1440px; }
.portal-content { padding:3.25rem 0 5rem; }
.portal-global-alert { padding-top:1.25rem; }
.alert { align-items:flex-start; border:0; border-radius:var(--radius-inner); display:flex; gap:var(--space-3); line-height:1.55; padding:var(--space-4) 1.15rem; }
.alert ul { margin:.45rem 0 0; padding-left:1.2rem; }
.alert strong { display:block; }

.btn { align-items:center; border-radius:var(--radius-control); display:inline-flex; font-size:.875rem; font-weight:700; gap:.55rem; justify-content:center; letter-spacing:.01em; min-height:2.75rem; padding:.7rem 1.1rem; transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .12s ease; }
.btn-primary { background:var(--ntc-red); border-color:var(--ntc-red); box-shadow:var(--shadow-primary); }
.btn-primary:hover { background:var(--ntc-red-dark); border-color:var(--ntc-red-dark); box-shadow:var(--shadow-primary-hover); transform:translateY(-2px); }
.btn:active { transform:translateY(1px); }
.btn:focus-visible { box-shadow:var(--focus-ring); outline:0; }
.btn-outline-primary { --bs-btn-color:var(--ntc-red); --bs-btn-border-color:var(--portal-brand-outline); --bs-btn-hover-bg:var(--ntc-red); --bs-btn-hover-border-color:var(--ntc-red); }
.form-control,.form-select { background-color:var(--portal-subtle); border:1px solid var(--portal-control-border); border-radius:var(--radius-control); color:var(--portal-text); font-size:.875rem; min-height:3.2rem; padding:.72rem .9rem; }
.form-control:focus,.form-select:focus { background-color:var(--portal-surface); border-color:var(--portal-focus); box-shadow:var(--focus-ring); }
textarea.form-control { min-height:auto; }
label { color:var(--portal-label); display:block; font-size:.875rem; font-weight:700; margin-bottom:.45rem; }
.field-help { color:var(--portal-muted); display:block; font-size:.875rem; line-height:1.5; margin-top:.35rem; }
.field-error { color:var(--field-error); display:block; font-size:.875rem; font-weight:700; line-height:1.5; margin-top:.35rem; }
.form-control[aria-invalid="true"],.form-select[aria-invalid="true"] { border-color:var(--field-invalid); }
.form-control[aria-invalid="true"]:focus,.form-select[aria-invalid="true"]:focus { border-color:var(--field-invalid); box-shadow:var(--focus-ring); }
.btn-check[aria-invalid="true"] + label { border-color:var(--field-invalid); }
.readonly-field { background:var(--portal-disabled); color:var(--portal-control-copy); }
.input-group-text { background:var(--portal-control-addon); border-color:var(--portal-control-border); color:var(--portal-control-copy); font-size:.78rem; font-weight:700; }
.form-check-input:checked { background-color:var(--ntc-red); border-color:var(--ntc-red); }
.form-check-input:focus { border-color:var(--portal-focus); box-shadow:var(--focus-ring); }

.portal-header { background:var(--portal-night); border-bottom:1px solid var(--portal-dark-line); box-shadow:var(--shadow-header); position:sticky; top:0; z-index:1030; }
.portal-header .navbar { background:var(--portal-dark-header); min-height:5rem; padding:.65rem 0; }
.portal-nav-shell { max-width:1440px; }
.navbar-brand { align-items:center; display:flex; gap:.85rem; margin:0; padding:0; }
.portal-logo { filter:drop-shadow(var(--shadow-logo)); height:2.7rem; object-fit:contain; width:auto; }
.portal-brand-divider { background:var(--portal-dark-line-strong); height:1.7rem; width:1px; }
.portal-brand-label { color:var(--portal-on-dark-muted); font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.portal-header .navbar-nav { gap:.18rem; }
.portal-header .nav-link { align-items:center; border-radius:.6rem; color:var(--portal-dark-nav); display:flex; font-size:.875rem; font-weight:600; gap:.48rem; min-height:var(--target-min); padding:.62rem .8rem !important; transition:background-color .2s ease,color .2s ease; }
.portal-header .nav-link:hover,.portal-header .nav-link:focus-visible { background:var(--portal-dark-hover); color:var(--portal-on-dark); }
.portal-header .nav-link.active { background:var(--portal-brand-active); box-shadow:inset 0 0 0 1px var(--portal-brand-line); color:var(--portal-on-dark); }
.portal-header .nav-link i { color:var(--ntc-red-light); font-size:.9rem; }
.portal-account { align-items:center; border-left:1px solid var(--portal-dark-line-medium); display:flex; gap:.65rem; margin-left:.75rem; padding-left:1rem; }
.portal-account-icon { align-items:center; background:var(--portal-brand-active); border:1px solid var(--portal-brand-line-soft); border-radius:.65rem; color:var(--portal-brand-bright); display:flex; height:2.5rem; justify-content:center; width:2.5rem; }
.portal-account-copy { display:grid; line-height:1.2; max-width:10rem; }
.portal-account-copy small { color:var(--portal-on-dark-muted); font-size:.75rem; }
.portal-account-copy strong { color:var(--portal-on-dark); font-size:.875rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.portal-account form { margin:0; }
.portal-logout { align-items:center; background:transparent; border:0; border-radius:.55rem; color:var(--portal-dark-icon); display:flex; height:var(--target-min); justify-content:center; transition:background-color .2s ease,color .2s ease; width:var(--target-min); }
.portal-logout:hover,.portal-logout:focus-visible { background:var(--portal-brand-active); color:var(--portal-brand-brighter); }
.navbar-toggler { border-color:var(--portal-brand-login-line); border-radius:.65rem; }
.navbar-toggler { min-height:2.75rem; min-width:2.75rem; }

.portal-page-heading { align-items:flex-end; display:flex; gap:2rem; justify-content:space-between; margin-bottom:2rem; }
.portal-page-heading > div { max-width:48rem; }
.portal-eyebrow { color:var(--ntc-red); display:block; font-size:.75rem; font-weight:800; letter-spacing:.11em; margin-bottom:.55rem; text-transform:uppercase; }
.portal-page-heading h1 { font-size:clamp(2rem,3.5vw,3.35rem); letter-spacing:-.05em; line-height:1.06; margin:0; }
.portal-page-heading p { color:var(--portal-muted); font-size:.94rem; line-height:1.65; margin:.7rem 0 0; }
.portal-card { background:var(--portal-surface); border:1px solid var(--portal-line); border-radius:var(--radius-card); box-shadow:var(--shadow-card); }
.card-topline { align-items:center; border-bottom:1px solid var(--portal-line); display:flex; justify-content:space-between; padding:1.35rem 1.5rem; }
.card-topline h2 { font-size:1.2rem; margin:0; }
.card-topline .portal-eyebrow { margin-bottom:.25rem; }
.card-topline > a { color:var(--portal-text); font-size:.875rem; font-weight:700; min-height:2.75rem; align-items:center; display:inline-flex; text-decoration:none; }
.card-topline > a i { color:var(--ntc-red); margin-left:.35rem; }

.route-dashboard .portal-page-heading { margin-bottom:var(--space-5); }
.route-dashboard .portal-page-heading h1 { font-size:clamp(1.9rem,3vw,2.8rem); }
.metric-grid { display:grid; gap:var(--space-3); grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:var(--space-4); }
.metric-card { align-items:center; background:var(--portal-surface); border:1px solid var(--portal-line); border-radius:var(--radius-card); box-shadow:var(--shadow-card); display:flex; gap:var(--space-3); min-height:5.75rem; padding:var(--space-4); }
.metric-icon { align-items:center; background:var(--ntc-red-soft); border-radius:.7rem; color:var(--ntc-red); display:flex; flex:0 0 auto; font-size:1.05rem; height:2.75rem; justify-content:center; width:2.75rem; }
.metric-card div { display:grid; }
.metric-card small { color:var(--portal-muted); font-size:.875rem; font-weight:700; }
.metric-card strong { font-size:1.7rem; font-variant-numeric:tabular-nums; font-weight:800; letter-spacing:-.06em; line-height:1.05; }
.metric-total { background:var(--gradient-metric); border-color:var(--portal-metric-start); }
.metric-total small { color:var(--portal-on-dark-muted); }
.metric-total strong { color:var(--portal-on-dark); }
.dashboard-grid { display:grid; gap:1.25rem; grid-template-columns:minmax(0,1fr); }
.dashboard-recent .card-topline { padding:var(--space-4) var(--space-5); }
.recent-list { padding:var(--space-1) var(--space-4); }
.recent-item { align-items:center; border-bottom:1px solid var(--portal-line-subtle); display:grid; gap:var(--space-3); grid-template-columns:minmax(0,.95fr) minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.75fr) 8.5rem 1rem; padding:var(--space-3) var(--space-1); text-decoration:none; transition:background-color .2s ease,transform .12s ease; }
.recent-item:last-child { border-bottom:0; }
.recent-item:hover { background:var(--portal-subtle); }
.recent-item:active { transform:translateY(1px); }
.recent-item > span:not(.status-badge) { display:grid; min-width:0; }
.recent-item small { color:var(--portal-muted); font-size:.75rem; font-weight:700; }
.recent-item strong { color:var(--portal-text); font-size:.875rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.recent-item > span > span { color:var(--portal-muted); font-size:.75rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.recent-item-date strong,.recent-item-measure strong { font-variant-numeric:tabular-nums; }
.recent-item > .bi-chevron-right { color:var(--portal-icon-faint); font-size:.875rem; }
.status-badge { border-radius:999px; display:inline-block; font-size:.75rem; font-weight:800; line-height:1.25; padding:.42rem .65rem; text-align:center; white-space:nowrap; }
.status-success { background:var(--status-success-bg); color:var(--status-success-text); }
.status-danger { background:var(--status-danger-bg); color:var(--status-danger-text); }
.status-info { background:var(--status-info-bg); color:var(--status-info-text); }
.status-warning { background:var(--status-warning-bg); color:var(--status-warning-text); }
.status-neutral { background:var(--status-neutral-bg); color:var(--status-neutral-text); }

.dashboard-command-bar { align-items:center; background:var(--portal-surface); border:1px solid var(--portal-line); border-radius:var(--radius-inner); display:flex; justify-content:space-between; margin-bottom:var(--space-4); min-height:var(--target-min); padding:var(--space-3) var(--space-4); }
.dashboard-command-bar > div { align-items:baseline; display:flex; gap:var(--space-2); }
.dashboard-command-bar span { color:var(--portal-muted); font-size:.875rem; font-weight:600; }
.dashboard-command-bar strong { font-size:.875rem; font-variant-numeric:tabular-nums; }
.dashboard-command-bar > a { align-items:center; color:var(--ntc-red); display:inline-flex; font-size:.875rem; font-weight:800; gap:var(--space-2); min-height:var(--target-min); text-decoration:none; }
.metric-grid-five { grid-template-columns:1.25fr repeat(4,minmax(0,1fr)); }
.metric-attention .metric-icon { background:var(--status-danger-bg); color:var(--status-danger-text); }
.dashboard-overview-grid { display:grid; gap:var(--space-4); grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr); margin-bottom:var(--space-4); }
.status-distribution,.dashboard-quick-search { min-width:0; overflow:hidden; }
.distribution-list { display:grid; gap:var(--space-3); padding:var(--space-5); }
.distribution-row { --distribution-color:var(--status-neutral-text); display:grid; gap:var(--space-2); }
.distribution-row > div { align-items:center; display:flex; font-size:.875rem; justify-content:space-between; }
.distribution-row span { color:var(--portal-muted); font-weight:700; }
.distribution-row strong { font-variant-numeric:tabular-nums; }
.distribution-before_process { --distribution-color:var(--status-warning-text); }
.distribution-in_process { --distribution-color:var(--status-info-text); }
.distribution-after_process { --distribution-color:var(--status-danger-text); }
.distribution-ended { --distribution-color:var(--status-success-text); }
.distribution-row progress { accent-color:var(--distribution-color); appearance:none; background:var(--portal-disabled); border:0; border-radius:999px; height:.5rem; overflow:hidden; width:100%; }
.distribution-row progress::-webkit-progress-bar { background:var(--portal-disabled); }
.distribution-row progress::-webkit-progress-value { background:var(--distribution-color); border-radius:999px; }
.distribution-row progress::-moz-progress-bar { background:var(--distribution-color); border-radius:999px; }
.dashboard-quick-search form { display:grid; gap:var(--space-4); padding:var(--space-5); }
.dashboard-quick-search .btn { width:100%; }
.empty-actions { display:flex; flex-wrap:wrap; gap:var(--space-2); justify-content:center; }

.filter-card,.search-card { align-items:end; display:grid; gap:1rem; margin-bottom:1.25rem; padding:1.25rem; }
.filter-card { grid-template-columns:repeat(2,minmax(10rem,.7fr)) minmax(12rem,1fr) auto; }
.search-card { grid-template-columns:minmax(12rem,.65fr) minmax(18rem,1.35fr) auto; }
.search-card-compact { margin-inline:auto; max-width:64rem; }
.shipment-filter-card { grid-template-columns:minmax(16rem,1.25fr) repeat(2,minmax(9.5rem,.65fr)) minmax(11rem,.8fr) auto; }
.search-boundary { align-items:center; color:var(--portal-muted); display:flex; font-size:.875rem; gap:var(--space-2); margin:calc(var(--space-2) * -1) 0 var(--space-4); }
.search-boundary i { color:var(--status-info-text); }
.filter-card .btn,.search-card .btn { min-height:3.2rem; }
.period-label { background:var(--portal-subtle); border-radius:999px; color:var(--portal-muted); font-size:.75rem; font-weight:700; padding:.5rem .75rem; }
.shipment-list-card { overflow:hidden; }
.pagination-bar .btn-outline-secondary:not(.disabled) { --bs-btn-color:var(--portal-text); --bs-btn-border-color:var(--portal-secondary-strong); }
.desktop-shipment-table table { margin:0; }
.desktop-shipment-table thead th { background:var(--portal-subtle); border-bottom:1px solid var(--portal-line); color:var(--portal-table-heading); font-size:.75rem; font-weight:800; letter-spacing:.07em; padding:.8rem 1rem; text-transform:uppercase; white-space:nowrap; }
.desktop-shipment-table tbody td { border-bottom-color:var(--portal-line-subtle); font-size:.875rem; padding:.9rem 1rem; vertical-align:middle; }
.desktop-shipment-table tbody tr:last-child td { border-bottom:0; }
.desktop-shipment-table tbody td strong,.desktop-shipment-table tbody td small { display:block; }
.desktop-shipment-table tbody td small { color:var(--portal-muted); font-size:.75rem; margin-top:.15rem; max-width:15rem; }
.table-action { align-items:center; border:1px solid var(--portal-control-border); border-radius:.55rem; color:var(--ntc-red); display:flex; height:var(--target-min); justify-content:center; text-decoration:none; width:var(--target-min); }
.table-action:hover { background:var(--ntc-red); border-color:var(--ntc-red); color:var(--portal-on-dark); }
.mobile-shipment-list { display:none; }
.pagination-bar { align-items:center; background:var(--portal-subtle); border-top:1px solid var(--portal-line); display:flex; justify-content:space-between; padding:1rem 1.25rem; }
.pagination-bar > span { color:var(--portal-muted); font-size:.875rem; font-weight:600; }
.pagination-bar > div { display:flex; gap:.5rem; }
.pagination-bar .btn { font-size:.875rem; min-height:2.75rem; padding:.45rem .75rem; }

.input-with-icon { position:relative; }
.input-with-icon > i { color:var(--portal-icon-muted); left:.9rem; position:absolute; top:50%; transform:translateY(-50%); z-index:3; }
.input-with-icon .form-control { padding-left:2.65rem; }
.search-query { min-width:0; }
.search-empty > div { display:flex; flex-wrap:wrap; gap:.65rem; justify-content:center; margin-top:.75rem; }
.search-empty > div span { background:var(--portal-subtle); border-radius:999px; color:var(--portal-secondary-strong); font-size:.875rem; font-weight:700; padding:.5rem .7rem; }
.search-empty > div i { color:var(--ntc-red); margin-right:.3rem; }
.shipment-detail-card { overflow:hidden; }
.shipment-detail-header { align-items:center; background:var(--gradient-detail); display:flex; justify-content:space-between; padding:1.5rem; }
.shipment-detail-header > div { display:grid; }
.shipment-detail-header span:not(.status-badge),.shipment-detail-header small { color:var(--portal-on-dark-muted); font-size:.875rem; }
.shipment-detail-header h2 { color:var(--portal-on-dark); font-size:1.55rem; margin:.2rem 0; }
.shipment-detail-grid { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); padding:1.25rem; }
.detail-section { border:1px solid var(--portal-line); border-radius:.85rem; padding:1.15rem; }
.detail-section h3 { align-items:center; display:flex; font-size:.88rem; gap:.65rem; margin:0 0 .8rem; }
.detail-section h3 span { align-items:center; background:var(--ntc-red-soft); border-radius:.55rem; color:var(--ntc-red); display:flex; height:2.2rem; justify-content:center; width:2.2rem; }
.detail-section dl { margin:0; }
.detail-section dl div { border-bottom:1px solid var(--portal-line-subtle); display:grid; gap:.75rem; grid-template-columns:minmax(6.5rem,.7fr) 1fr; padding:.55rem 0; }
.detail-section dl div:last-child { border:0; }
.detail-section dt { color:var(--portal-muted); font-size:.875rem; font-weight:600; }
.detail-section dd { font-size:.875rem; font-weight:700; margin:0; overflow-wrap:anywhere; }
.shipment-references { align-items:center; border-top:1px solid var(--portal-line); display:flex; flex-wrap:wrap; gap:.6rem; padding:1rem 1.25rem; }
.shipment-references strong { font-size:.875rem; margin-right:.25rem; }
.shipment-references span { background:var(--portal-subtle); border-radius:.5rem; font-size:.875rem; font-weight:600; padding:.4rem .6rem; }
.detail-page-shell { max-width:72rem; }
.shipment-page-actions { align-items:center; display:flex; gap:var(--space-4); margin:calc(var(--space-4) * -1) 0 var(--space-4); }
.shipment-page-actions a { align-items:center; color:var(--portal-muted); display:inline-flex; font-size:.875rem; font-weight:700; gap:var(--space-2); min-height:var(--target-min); text-decoration:none; }
.shipment-page-actions a:hover { color:var(--ntc-red); }

.empty-state { align-items:center; display:flex; flex-direction:column; padding:var(--space-8) var(--space-5); text-align:center; }
.empty-state > i { color:var(--portal-icon-empty); font-size:2.4rem; margin-bottom:.9rem; }
.empty-state h1,.empty-state h2,.empty-state h3 { font-size:1.05rem; margin:0 0 .4rem; }
.empty-state p { color:var(--portal-muted); font-size:.875rem; margin:0 0 var(--space-3); }
.empty-state.compact { padding:var(--space-6) var(--space-4); }
.not-found-state { max-width:var(--measure-compact); margin-inline:auto; }

.shipment-layout { align-items:start; display:grid; gap:1.25rem; grid-template-columns:minmax(0,1.7fr) minmax(17rem,.55fr); }
.shipment-form-main { display:grid; gap:1rem; }
.form-section { overflow:hidden; padding:1.35rem; }
.form-section-header { align-items:center; border-bottom:1px solid var(--portal-line); display:flex; gap:.75rem; margin:-1.35rem -1.35rem 1.25rem; min-height:5rem; padding:1rem 1.35rem; position:relative; }
.section-number { color:var(--portal-muted); font-size:.75rem; font-weight:800; letter-spacing:.1em; position:absolute; right:1rem; top:.7rem; }
.section-icon { align-items:center; background:var(--ntc-red-soft); border-radius:.65rem; color:var(--ntc-red); display:flex; flex:0 0 auto; height:2.75rem; justify-content:center; width:2.75rem; }
.form-section-header > div { display:grid; }
.form-section-header small { color:var(--portal-muted); font-size:.75rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.form-section-header h2 { font-size:1rem; margin:.1rem 0 0; }
.form-section-header .btn { margin-left:auto; margin-right:2rem; }
.conditional-label { background:var(--ntc-red-soft); border-radius:999px; color:var(--ntc-red); font-size:.75rem; font-weight:800; margin-left:auto; margin-right:1.8rem; padding:.35rem .55rem; text-transform:uppercase; }
.variant-grid { display:grid; gap:.75rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.variant-grid > label { align-items:center; border:1px solid var(--portal-variant-border); border-radius:.8rem; cursor:pointer; display:grid; gap:.5rem; grid-template-columns:auto minmax(0,1fr) auto; margin:0; min-height:5rem; padding:.85rem; transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease; }
.variant-grid > label > span { align-items:center; background:var(--portal-variant-icon-bg); border-radius:.6rem; color:var(--portal-variant-icon); display:flex; grid-row:1 / 3; height:2.6rem; justify-content:center; width:2.6rem; }
.variant-grid > label strong { font-size:.875rem; }
.variant-grid > label small { color:var(--portal-muted); font-size:.875rem; grid-column:2 / 4; line-height:1.5; }
.variant-check { color:var(--portal-variant-check); font-size:.85rem; }
.variant-grid > label:hover { background:var(--portal-subtle); border-color:var(--portal-variant-hover-border); }
.btn-check:focus-visible + label { box-shadow:var(--focus-ring); outline:2px solid var(--portal-focus); outline-offset:2px; }
.btn-check:checked + label { background:var(--portal-variant-selected); border-color:var(--ntc-red); box-shadow:var(--shadow-selected); }
.btn-check:checked + label > span { background:var(--ntc-red); color:var(--portal-on-dark); }
.btn-check:checked + label .variant-check { color:var(--ntc-red); }
#senderSection.is-disabled { display:none; }
.package-list { display:grid; gap:.65rem; }
.package-row { align-items:end; background:var(--portal-subtle); border:1px solid var(--portal-package-border); border-radius:var(--radius-inner); display:grid; gap:.65rem; grid-template-columns:auto minmax(9rem,1.25fr) minmax(7rem,.7fr) minmax(7rem,.7fr) auto; padding:.75rem; }
.package-index { align-self:center; color:var(--portal-muted); font-size:.75rem; font-weight:800; letter-spacing:.08em; }
.package-row label { font-size:.875rem; }
.package-row .form-control,.package-row .form-select { min-height:2.75rem; }
.remove-package { align-items:center; background:var(--portal-surface); border:1px solid var(--portal-danger-border); border-radius:.55rem; color:var(--portal-danger-action); display:flex; height:var(--target-min); justify-content:center; width:var(--target-min); }
.remove-package:hover:not(:disabled) { background:var(--status-danger-bg); }
.remove-package:focus-visible { box-shadow:var(--focus-ring); outline:0; }
.remove-package:disabled { cursor:not-allowed; opacity:.35; }
.extra-fields { border:1px solid var(--portal-variant-border); border-radius:.75rem; overflow:hidden; }
.extra-fields summary { align-items:center; cursor:pointer; display:flex; font-size:.875rem; font-weight:700; justify-content:space-between; list-style:none; min-height:2.75rem; padding:.9rem 1rem; }
.extra-fields summary::-webkit-details-marker { display:none; }
.extra-fields summary i { color:var(--ntc-red); margin-right:.45rem; }
.extra-fields summary small { color:var(--portal-muted); font-size:.75rem; font-weight:600; }
.extra-fields[open] summary { border-bottom:1px solid var(--portal-line); }
.extra-fields > .row { padding:1rem; }
.shipment-sidebar { position:sticky; top:6.25rem; }
.service-options { display:grid; gap:1rem; padding:1.25rem; }
.service-options .portal-eyebrow { margin-bottom:-.55rem; }
.service-options h2 { border-bottom:1px solid var(--portal-line); font-size:1.05rem; margin:0; padding-bottom:1rem; }
.option-switch { align-items:center; border-top:1px solid var(--portal-line-subtle); cursor:pointer; display:flex; justify-content:space-between; margin:0; min-height:var(--target-min); padding:.9rem 0; }
.option-switch > span:first-child { display:grid; padding-right:.65rem; }
.option-switch strong { font-size:.875rem; }
.option-switch small { color:var(--portal-muted); font-size:.875rem; line-height:1.5; }
.option-switch .form-check { margin:0; padding-left:2.5rem; }
.submit-shipment { margin-top:.25rem; width:100%; }
.created-shipment-alert { align-items:center; background:var(--success-surface); border:1px solid var(--success-border); border-radius:.9rem; display:grid; gap:1rem; grid-template-columns:auto minmax(0,1fr) auto; margin-bottom:1.25rem; padding:1rem 1.15rem; }
.created-shipment-alert > span { align-items:center; background:var(--success-icon); border-radius:.65rem; color:var(--portal-on-dark); display:flex; font-size:1.1rem; height:2.8rem; justify-content:center; width:2.8rem; }
.created-shipment-alert > div { display:grid; }
.created-shipment-alert small { color:var(--success-copy); font-size:.875rem; }
.created-shipment-alert strong { font-size:1rem; }
.created-shipment-alert p { color:var(--success-copy); font-size:.875rem; margin:0; }
.bulk-import-link { align-items:center; color:var(--portal-muted); display:flex; font-size:.875rem; gap:var(--space-2); justify-content:flex-end; margin:calc(var(--space-3) * -1) 0 var(--space-3); }
.bulk-import-link a { align-items:center; color:var(--ntc-red); display:inline-flex; font-weight:800; gap:var(--space-1); min-height:var(--target-min); text-decoration:none; }

.import-shell { max-width:78rem; }
.import-intro-grid { align-items:stretch; display:grid; gap:var(--space-4); grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr); margin-bottom:var(--space-4); }
.import-upload-card,.import-guide { padding:var(--space-5); }
.import-section-heading { align-items:flex-start; display:flex; gap:var(--space-3); margin-bottom:var(--space-4); }
.import-section-heading h2,.import-guide h2 { font-size:1.125rem; margin:0; }
.import-section-heading p,.import-guide p { color:var(--portal-muted); font-size:.875rem; line-height:1.55; margin:var(--space-1) 0 0; }
.import-step { align-items:center; background:var(--portal-night); border-radius:var(--radius-control); color:var(--portal-on-dark); display:flex; flex:0 0 auto; font-size:.75rem; font-weight:800; height:2.5rem; justify-content:center; letter-spacing:.08em; width:2.5rem; }
.import-dropzone { align-items:center; background:var(--portal-subtle); border:1px dashed var(--portal-variant-hover-border); border-radius:var(--radius-card); cursor:pointer; display:flex; flex-direction:column; justify-content:center; margin:0; min-height:12rem; padding:var(--space-6); text-align:center; transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease; }
.import-dropzone:hover,.import-dropzone:focus-within { background:var(--portal-surface); border-color:var(--ntc-red); box-shadow:var(--focus-ring); }
.import-dropzone.has-file { background:var(--status-success-bg); border-color:var(--status-success-text); }
.import-dropzone.has-file small { color:var(--portal-text); }
.import-dropzone > span { align-items:center; background:var(--ntc-red-soft); border-radius:var(--radius-inner); color:var(--ntc-red); display:flex; font-size:1.35rem; height:3.25rem; justify-content:center; margin-bottom:var(--space-3); width:3.25rem; }
.import-dropzone strong { font-size:1rem; }
.import-dropzone small { color:var(--portal-muted); font-size:.875rem; margin-top:var(--space-1); }
.import-dropzone input { height:1px; opacity:0; position:absolute; width:1px; }
.import-file-summary { align-items:center; background:var(--portal-subtle); border-radius:var(--radius-inner); display:flex; justify-content:space-between; margin-top:var(--space-3); padding:var(--space-3); }
.import-file-summary strong { font-size:.875rem; overflow-wrap:anywhere; }
.import-file-summary span { color:var(--portal-muted); font-size:.875rem; text-align:right; }
.import-blocking-error { background:var(--status-danger-bg); border-radius:var(--radius-inner); color:var(--status-danger-text); font-size:.875rem; font-weight:700; margin-top:var(--space-3); padding:var(--space-3); }
.import-guide { display:flex; flex-direction:column; }
.import-guide ol { color:var(--portal-muted); display:grid; font-size:.875rem; gap:var(--space-3); line-height:1.55; margin:var(--space-4) 0; padding-left:1.2rem; }
.import-guide .btn { margin-top:auto; }
.import-preview-card,.import-results { margin-top:var(--space-4); overflow:hidden; }
.import-summary,.import-outcome-grid { display:grid; gap:var(--space-3); padding:var(--space-4) var(--space-5); }
.import-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
.import-outcome-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.import-summary > div,.import-outcome-grid > div { background:var(--portal-subtle); border-radius:var(--radius-inner); display:grid; min-height:4.5rem; padding:var(--space-3); }
.import-summary small,.import-outcome-grid small { color:var(--portal-muted); font-size:.75rem; font-weight:700; }
.import-summary strong,.import-outcome-grid strong { font-size:1.45rem; font-variant-numeric:tabular-nums; }
.outcome-created { box-shadow:inset 3px 0 0 var(--status-success-text); }
.outcome-existing { box-shadow:inset 3px 0 0 var(--status-info-text); }
.outcome-invalid,.outcome-failed { box-shadow:inset 3px 0 0 var(--status-danger-text); }
.outcome-uncertain { box-shadow:inset 3px 0 0 var(--status-warning-text); }
.import-progress,.import-partial-note { background:var(--portal-subtle); border-top:1px solid var(--portal-line); color:var(--portal-muted); font-size:.875rem; font-weight:600; padding:var(--space-3) var(--space-5); }
.import-table-wrap { border-top:1px solid var(--portal-line); max-height:34rem; overflow:auto; }
.import-table-wrap:focus-visible { box-shadow:inset var(--focus-ring); outline:0; }
.import-table { margin:0; min-width:58rem; }
.import-table thead { position:sticky; top:0; z-index:2; }
.import-table th { background:var(--portal-subtle); color:var(--portal-table-heading); font-size:.75rem; letter-spacing:.06em; padding:.75rem; text-transform:uppercase; }
.import-table td { border-color:var(--portal-line-subtle); font-size:.875rem; padding:.75rem; vertical-align:top; }
.import-table td small { color:var(--portal-muted); display:block; line-height:1.45; margin-top:var(--space-1); max-width:22rem; }
.import-row-number { color:var(--portal-muted); font-variant-numeric:tabular-nums; width:4rem; }
.import-code { font-weight:800; }
.import-row-actions { min-width:13rem; }
.import-preview-actions { align-items:center; border-top:1px solid var(--portal-line); display:flex; gap:var(--space-2); justify-content:flex-end; padding:var(--space-4) var(--space-5); }
.uncertain-copy { color:var(--status-warning-text); font-size:.875rem; line-height:1.5; margin:0 0 var(--space-2); max-width:24rem; }
.row-actions { display:flex; flex-wrap:wrap; gap:var(--space-2); }
.row-actions .btn { min-height:var(--target-min); }
.attempt-history { margin-top:var(--space-2); }
.attempt-history summary { color:var(--portal-muted); cursor:pointer; font-size:.875rem; font-weight:700; min-height:var(--target-min); padding-top:var(--space-2); }
.attempt-history ol { display:grid; gap:var(--space-2); margin:0; padding-left:1.25rem; }
.attempt-history li strong,.attempt-history li span { display:block; font-size:.875rem; line-height:1.45; }
.attempt-history li span { color:var(--portal-muted); }

.portal-footer { background:var(--portal-surface); border-top:1px solid var(--portal-line); color:var(--portal-footer-text); font-size:.875rem; padding:1.15rem 0; }

.route-login { background:var(--portal-night); }
.route-login .portal-main { min-height:100dvh; }
.route-login .portal-global-alert { left:50%; position:fixed; top:1rem; transform:translateX(-50%); width:min(42rem,calc(100% - 2rem)); z-index:10; }
.login-screen { background:var(--portal-night); display:grid; grid-template-areas:"visual task"; grid-template-columns:minmax(0,1.15fr) minmax(26rem,.85fr); min-height:100dvh; }
.login-visual { align-items:flex-end; background-image:var(--gradient-login-visual); background-position:center; background-size:cover; display:flex; grid-area:visual; min-height:100dvh; padding:clamp(2rem,5vw,5rem); position:relative; }
.login-visual::after { background:var(--ntc-red); content:""; height:7rem; left:0; position:absolute; top:18%; width:4px; }
.login-visual-content { max-width:43rem; position:relative; z-index:1; }
.login-logo { height:3.3rem; margin-bottom:clamp(4rem,12vh,8rem); object-fit:contain; width:auto; }
.login-visual .portal-eyebrow { color:var(--portal-login-accent); }
.login-visual h1 { color:var(--portal-on-dark); font-size:clamp(3rem,5vw,5.6rem); letter-spacing:-.065em; line-height:.98; margin:0; }
.login-visual h1 span { color:var(--portal-dark-secondary); }
.login-display-line { display:inline-block; white-space:nowrap; }
.login-visual p { color:var(--portal-on-dark-muted); font-size:.92rem; line-height:1.75; margin:1.5rem 0; max-width:34rem; }
.login-assurances { border-top:1px solid var(--portal-dark-control-line); display:flex; flex-wrap:wrap; gap:1.5rem; max-width:34rem; padding-top:1.25rem; }
.login-assurances span { color:var(--portal-dark-copy); font-size:.875rem; font-weight:700; }
.login-assurances i { color:var(--portal-login-accent); margin-right:.35rem; }
.login-panel { align-items:center; background:var(--gradient-login-panel); display:flex; grid-area:task; justify-content:center; padding:2rem; }
.login-form-shell { max-width:27rem; width:100%; }
.login-heading { margin-bottom:1.8rem; }
.login-icon { align-items:center; background:var(--portal-brand-icon); border:1px solid var(--portal-brand-login-line); border-radius:.75rem; color:var(--portal-login-accent); display:flex; font-size:1.15rem; height:3.1rem; justify-content:center; margin-bottom:1.25rem; width:3.1rem; }
.login-heading h2 { color:var(--portal-on-dark); font-size:clamp(1.8rem,3vw,2.4rem); margin:0; }
.login-form { display:grid; gap:1.15rem; }
.login-form label { color:var(--portal-dark-copy); }
.login-form .form-control { background:var(--portal-dark-control); border-color:var(--portal-dark-control-line); color:var(--portal-on-dark); min-height:3.45rem; }
.login-form .form-control:focus { border-color:var(--portal-login-focus); box-shadow:0 0 0 .2rem var(--portal-brand-focus-soft); }
.login-form .input-with-icon > i { color:var(--portal-login-accent); }
.login-form .btn { margin-top:.35rem; min-height:3.35rem; width:100%; }
.password-toggle { align-items:center; background:transparent; border:0; color:var(--portal-dark-secondary); display:flex; height:var(--target-min); justify-content:center; position:absolute; right:.3rem; top:50%; transform:translateY(-50%); width:var(--target-min); }
.route-login .alert { font-size:.875rem; }

@media (max-width:1199.98px) {
  .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .metric-grid-five { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .metric-grid-five .metric-total { grid-column:1 / 3; }
  .shipment-layout { grid-template-columns:minmax(0,1.5fr) minmax(16rem,.6fr); }
  .login-screen { grid-template-columns:1fr minmax(24rem,.75fr); }
}

@media (max-width:991.98px) {
  .portal-account { border-left:0; border-top:1px solid var(--portal-dark-line-soft); margin:1rem 0 0; padding:1rem 0 .25rem; }
  .portal-header .navbar-collapse { background:var(--portal-ink); border:1px solid var(--portal-dark-line-soft); border-radius:.85rem; margin-top:.7rem; padding:.7rem; }
  .portal-content { padding-top:2.5rem; }
  .dashboard-grid,.shipment-layout { grid-template-columns:1fr; }
  .dashboard-overview-grid,.import-intro-grid { grid-template-columns:1fr; }
  .recent-item { grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; }
  .recent-item-identity { grid-column:1; grid-row:1; }
  .recent-item-date { grid-column:2; grid-row:1; }
  .recent-item-recipient { grid-column:1; grid-row:2; }
  .recent-item-destination { grid-column:2; grid-row:2; }
  .recent-item-measure { grid-column:1; grid-row:3; }
  .recent-item .status-badge { grid-column:2; grid-row:3; justify-self:start; }
  .recent-item > .bi-chevron-right { grid-column:3; grid-row:1 / 4; }
  .shipment-sidebar { position:static; }
  .filter-card { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shipment-filter-card .filter-receiver { grid-column:1 / 3; }
  .shipment-filter-card .btn { grid-column:2; }
  .filter-card > div:nth-child(3) { grid-column:1 / 2; }
  .shipment-detail-grid { grid-template-columns:1fr; }
  .variant-grid { grid-template-columns:1fr; }
  .login-screen { grid-template-areas:"task" "visual"; grid-template-columns:1fr; }
  .login-visual { min-height:15rem; padding:2rem; }
  .login-panel { min-height:var(--login-task-compact); padding:3rem 1.5rem; }
}

@media (max-width:767.98px) {
  .portal-container { padding-left:1rem; padding-right:1rem; }
  .portal-header .navbar { min-height:4.5rem; }
  .portal-logo { height:2.35rem; }
  .portal-brand-label,.portal-brand-divider { display:none; }
  .portal-content { padding:2rem 0 3.5rem; }
  .portal-page-heading { align-items:flex-start; flex-direction:column; gap:1.25rem; margin-bottom:1.5rem; }
  .portal-page-heading .btn { width:100%; }
  .metric-grid { grid-template-columns:1fr 1fr; }
  .metric-grid-five .metric-total { grid-column:1 / 3; }
  .metric-card { min-height:5.75rem; }
  .dashboard-grid { gap:1rem; }
  .filter-card,.search-card { grid-template-columns:1fr; }
  .filter-card > div:nth-child(3) { grid-column:auto; }
  .shipment-filter-card .filter-receiver,.shipment-filter-card .btn { grid-column:auto; }
  .desktop-shipment-table { display:none; }
  .mobile-shipment-list { display:block; }
  .mobile-shipment-list > a { align-items:center; border-bottom:1px solid var(--portal-line); display:grid; gap:.7rem; grid-template-columns:minmax(0,1fr) auto; padding:1rem; text-decoration:none; }
  .mobile-shipment-list > a:last-child { border-bottom:0; }
  .mobile-shipment-list > a > div { display:grid; min-width:0; }
  .mobile-shipment-list small { color:var(--portal-muted); font-size:.75rem; }
  .mobile-shipment-list strong { font-size:.875rem; }
  .mobile-shipment-list div span { color:var(--portal-muted); font-size:.875rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .mobile-shipment-list .status-badge { grid-column:1; justify-self:start; }
  .mobile-shipment-list > a > i { color:var(--portal-mobile-chevron); font-size:.875rem; grid-column:2; grid-row:1 / 3; }
  .pagination-bar { align-items:stretch; flex-direction:column; gap:.75rem; }
  .pagination-bar > div { display:grid; grid-template-columns:1fr 1fr; }
  .shipment-detail-header { align-items:flex-start; flex-direction:column; gap:1rem; }
  .detail-section dl div { grid-template-columns:1fr; gap:.15rem; }
  .form-section { padding:1rem; }
  .form-section-header { margin:-1rem -1rem 1rem; padding:1rem; }
  .form-section-header .btn { margin-right:1.5rem; }
  .conditional-label { display:none; }
  .package-row { grid-template-columns:auto minmax(0,1fr) auto; }
  .package-row > div { grid-column:2 / 3; }
  .package-row .remove-package { align-self:center; grid-column:3; grid-row:1 / 4; }
  .package-index { grid-row:1 / 4; }
  .created-shipment-alert { grid-template-columns:auto minmax(0,1fr); }
  .created-shipment-alert .btn { grid-column:1 / 3; }
  .dashboard-command-bar { align-items:flex-start; flex-direction:column; }
  .import-outcome-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .import-summary { grid-template-columns:1fr; }
  .import-preview-actions { align-items:stretch; flex-direction:column; }
  .import-preview-actions .btn { width:100%; }
  .import-table-wrap { overflow-x:hidden; }
  .import-table { min-width:0; width:100%; }
  .import-table thead { clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px; }
  .import-table tbody { display:grid; gap:var(--space-3); padding:var(--space-3); }
  .import-table tbody tr { display:grid; background:var(--portal-surface); border:1px solid var(--portal-line); border-radius:var(--radius-inner); overflow:hidden; }
  .import-table td { align-items:start; border-bottom:1px solid var(--portal-line-subtle); display:grid; gap:var(--space-1); grid-template-columns:minmax(6.5rem,.45fr) minmax(0,1fr); overflow-wrap:anywhere; width:100%; }
  .import-table td::before { color:var(--portal-muted); content:attr(data-label); font-size:.75rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
  .import-table td:last-child { border-bottom:0; }
  .import-row-number,.import-row-actions { min-width:0; width:auto; }
  .import-row-actions:empty { display:none; }
  .import-row-actions .row-actions { grid-column:1 / -1; }
  .bulk-import-link { align-items:flex-end; flex-direction:column; }
  .login-visual { align-items:flex-end; min-height:14rem; padding:1.5rem 1.25rem; }
  .login-logo { height:2.6rem; margin-bottom:2rem; }
  .login-visual h1 { font-size:clamp(2.25rem,8vw,3.5rem); }
  .login-panel { min-height:var(--login-task-compact); }
  .portal-footer .portal-container { flex-direction:column; }
}

@media (max-width:575.98px) {
  .metric-grid { gap:.75rem; }
  .metric-card { gap:var(--space-2); min-height:5.5rem; padding:var(--space-3); }
  .metric-icon { height:2.5rem; width:2.5rem; }
  .metric-card strong { font-size:1.5rem; }
  .metric-grid-five { grid-template-columns:1fr 1fr; }
  .card-topline { align-items:flex-start; padding:1rem; }
  .period-label { display:none; }
  .recent-list { padding:var(--space-1) var(--space-3); }
  .recent-item { column-gap:var(--space-3); row-gap:var(--space-2); padding:var(--space-3) 0; }
  .quick-action { padding:1rem; }
  .search-empty > div { display:grid; grid-template-columns:1fr 1fr; width:100%; }
  .login-visual { min-height:12rem; }
  .login-visual h1 { font-size:2rem; }
  .login-assurances { gap:.75rem; }
  .login-panel { padding:2rem 1rem; }
  .distribution-list,.dashboard-quick-search form,.import-upload-card,.import-guide { padding:var(--space-4); }
  .import-file-summary { align-items:flex-start; flex-direction:column; gap:var(--space-1); }
  .import-file-summary span { text-align:left; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}