/* ThinkCharge August 2026 design system
   Loaded after legacy and premium layers to provide one predictable UI contract. */
:root {
  --tcx-navy-950: #04101d;
  --tcx-navy-900: #071827;
  --tcx-navy-800: #0b2539;
  --tcx-cyan-600: #008da9;
  --tcx-cyan-500: #00afd0;
  --tcx-cyan-400: #37d7ec;
  --tcx-mint-500: #19c991;
  --tcx-ink: #142236;
  --tcx-muted: #65758a;
  --tcx-line: #dce6ee;
  --tcx-canvas: #eef4f8;
  --tcx-panel: rgba(255,255,255,.94);
  --tcx-sidebar: 308px;
  --tcx-topbar: 76px;
  --tcx-radius-sm: 10px;
  --tcx-radius: 16px;
  --tcx-radius-lg: 24px;
  --tcx-shadow: 0 14px 38px rgba(9,30,52,.08);
  --tcx-shadow-strong: 0 24px 60px rgba(3,24,42,.16);
}

html { background: var(--tcx-canvas); }
body {
  color: var(--tcx-ink);
  background:
    radial-gradient(circle at 88% 0,rgba(0,175,208,.1),transparent 31rem),
    radial-gradient(circle at 10% 100%,rgba(25,201,145,.06),transparent 30rem),
    linear-gradient(145deg,#f5f8fb,#edf4f8 58%,#f8fafc);
  font-family: Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
h1,h2,h3,h4,h5,h6,.card-title { font-family:"Space Grotesk",Manrope,sans-serif; letter-spacing:-.025em; }

/* Shell and navigation */
.tc-app-shell { min-height:100vh; }
.tc-app-stage { width:calc(100% - var(--tcx-sidebar)); margin-left:var(--tcx-sidebar); }
.tc-main-content { min-height:calc(100vh - var(--tcx-topbar) - 50px); padding:18px 22px 30px; }
.tc-sidebar {
  width:var(--tcx-sidebar);
  max-width:var(--tcx-sidebar);
  border-right:1px solid rgba(91,197,222,.13);
  background:
    radial-gradient(circle at 0 0,rgba(31,207,225,.12),transparent 18rem),
    linear-gradient(180deg,#061522,#071b2c 52%,#051320);
  box-shadow:14px 0 44px rgba(3,17,30,.12);
}
.tc-sidebar::after { position:absolute; z-index:0; top:0; right:0; width:1px; height:100%; content:""; background:linear-gradient(transparent,rgba(47,213,236,.75) 20%,rgba(47,213,236,.15) 72%,transparent); box-shadow:0 0 14px rgba(47,213,236,.55); }
.tc-brand { min-height:84px; padding:14px 14px 16px; }
.tc-brand-mark { width:46px; height:46px; flex-basis:46px; border:1px solid rgba(121,239,251,.48); border-radius:14px; background:linear-gradient(145deg,#35def0,#008ba8); box-shadow:0 0 22px rgba(25,203,227,.3),inset 0 1px 0 rgba(255,255,255,.55); }
.tc-brand-mark i { font-size:27px; }
.tc-brand-copy strong { color:#f4fbff; font-size:20px; }
.tc-brand-copy small { color:#7e9fb7; font-size:10px; letter-spacing:.14em; }
.tc-plant-state { min-height:66px; margin:8px 8px 12px; padding:12px 13px; border-color:rgba(113,176,204,.16); border-radius:14px; background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025)); box-shadow:inset 0 1px rgba(255,255,255,.04); }
.tc-plant-state strong { font-size:13px; }.tc-plant-state small { font-size:10.5px; }.tc-state-label { font-size:9px; }
.tc-live-dot { box-shadow:0 0 0 5px rgba(25,201,145,.12),0 0 14px rgba(25,201,145,.75); }
.tc-nav-scroll { padding:0 7px 16px 8px; scrollbar-width:thin; scrollbar-color:var(--tcx-cyan-400) rgba(255,255,255,.035); }
.tc-nav-scroll::-webkit-scrollbar { width:5px; }
.tc-nav-scroll::-webkit-scrollbar-track { margin:10px 0; border-radius:99px; background:rgba(255,255,255,.035); }
.tc-nav-scroll::-webkit-scrollbar-thumb { border:0; border-radius:99px; background:linear-gradient(var(--tcx-cyan-400),var(--tcx-cyan-600)); box-shadow:0 0 10px rgba(55,215,236,.72); }
.tc-sidebar .menu-inner { padding:0 4px 18px; }
.tc-sidebar .menu-header { margin:20px 10px 8px; color:#66849a; font-size:10px; letter-spacing:.16em; }
.tc-sidebar .menu-link { min-height:47px; padding:10px 12px; color:#a9bdcd; border-radius:12px; font-size:13.5px; font-weight:650; }
.tc-sidebar .menu-link:hover { color:#f3fbff; border-color:rgba(67,211,230,.16); background:linear-gradient(90deg,rgba(30,187,211,.13),rgba(30,187,211,.045)); transform:translateX(2px); }
.tc-sidebar .menu-icon { color:#7597ad; font-size:21px; transition:.2s ease; }
.tc-sidebar .menu-item.active > .menu-link,
.tc-sidebar .menu-item.open > .menu-link:not(.menu-sub .menu-link) {
  color:#f6fdff;
  border:1px solid rgba(53,218,237,.25);
  background:linear-gradient(100deg,rgba(0,177,207,.28),rgba(24,201,145,.09));
  box-shadow:inset 3px 0 var(--tcx-cyan-400),0 0 20px rgba(0,174,207,.15);
}
.tc-sidebar .menu-item.active > .menu-link::after { position:absolute; right:12px; width:6px; height:6px; content:""; border-radius:50%; background:#55edb7; box-shadow:0 0 10px #55edb7; }
.tc-sidebar .menu-item.active > .menu-link .menu-icon,.tc-sidebar .menu-item.open > .menu-link .menu-icon { color:#5fe7f5; filter:drop-shadow(0 0 6px rgba(95,231,245,.42)); }
.tc-sidebar .menu-sub { margin:6px 0 8px 15px; padding-left:14px; border-left:1px solid rgba(91,183,207,.2); }
.tc-sidebar .menu-sub .menu-link { min-height:39px; padding:8px 11px; font-size:12.5px; }
.tc-sidebar .menu-sub .menu-item.active > .menu-link { color:#aef6ff; background:rgba(0,174,207,.12); box-shadow:none; }
.tc-sidebar-footer { margin:10px 8px 0; padding:12px 2px 0; }

.tc-topbar { min-height:var(--tcx-topbar); padding:10px 22px; border-bottom:1px solid rgba(192,208,221,.7); background:rgba(249,252,254,.86); box-shadow:0 8px 24px rgba(15,39,62,.045); backdrop-filter:blur(18px); }
.tc-topbar-kicker { color:#688095; font-size:10px; }.tc-topbar-left strong { color:#172b3f; font-size:16px; }
.tc-topbar-button,.tc-topbar-profile { min-height:43px; border:1px solid #dce6ee; border-radius:12px; background:rgba(255,255,255,.86); box-shadow:0 5px 14px rgba(13,37,60,.04); }
.tc-topbar-button:hover,.tc-topbar-profile:hover { border-color:#9ddde8; box-shadow:0 8px 22px rgba(0,150,180,.1); transform:translateY(-1px); }

/* Page composition */
.tc-page { width:100%; }
.tc-page-head {
  min-height:104px; margin:0 0 16px; padding:20px 22px; align-items:center;
  border:1px solid rgba(255,255,255,.9); border-radius:var(--tcx-radius-lg); background:linear-gradient(120deg,rgba(255,255,255,.96),rgba(245,251,253,.9)); box-shadow:var(--tcx-shadow);
}
.tc-page-head::before { position:absolute; width:78px; height:78px; pointer-events:none; content:""; border:16px solid rgba(0,175,208,.045); border-radius:50%; right:7%; }
.tc-page-head { position:relative; overflow:hidden; }
.tc-page-head > * { position:relative; z-index:1; }
.tc-page-head h1 { margin:2px 0 5px; color:#10243a; font-size:clamp(28px,2.5vw,38px); font-weight:750; line-height:1.08; }
.tc-page-head p { max-width:780px; color:#697b8f; font-size:14px; }
.tc-eyebrow { color:#05829b; font-size:10.5px; letter-spacing:.145em; }

.card,.tc-panel,.modal-content,.accordion-item {
  border:1px solid rgba(205,220,230,.82); border-radius:var(--tcx-radius);
  background:var(--tcx-panel); box-shadow:var(--tcx-shadow); backdrop-filter:blur(18px);
}
.card { overflow:visible; }.card.table-responsive,.card-datatable { overflow:hidden; }
.card-header,.tc-panel-head { min-height:62px; padding:14px 17px; align-items:center; border-bottom:1px solid #e4ebf1; background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,253,.9)); }
.card-header,.card-header h4,.card-header h5,.tc-panel-head h5 { color:#172c41; font-size:17px; font-weight:700; }
.card-body { padding:18px; }.card-footer { padding:12px 17px; }
.tc-metric-grid { margin-bottom:16px; gap:12px; }
.tc-metric { min-height:104px; padding:17px 18px; border-color:#dce7ee; border-radius:16px; background:linear-gradient(145deg,#fff,#f4f9fb); box-shadow:0 10px 26px rgba(15,42,67,.07); }
.tc-metric span { color:#65798d; font-size:11px; letter-spacing:.055em; }.tc-metric strong { margin-top:10px; color:#13263b; font-size:32px; }

/* Legacy screen normalization, applied by thinkcharge-aug26.js */
.tc-legacy-page { width:100%; }
.tc-legacy-head { display:flex; min-height:94px; margin:0 0 16px; padding:18px 21px; align-items:center; justify-content:space-between; gap:16px; border:1px solid rgba(255,255,255,.9); border-radius:22px; background:rgba(255,255,255,.9); box-shadow:var(--tcx-shadow); }
.tc-legacy-head > [class*="col-"],.tc-legacy-head .margin-tb { width:100%; padding:0; }
.tc-legacy-head .pull-left,.tc-legacy-head .float-start { float:none; }.tc-legacy-head .pull-right,.tc-legacy-head .float-end { float:none; margin-left:auto; }
.tc-legacy-title { margin:0; color:#10243a; font-size:clamp(27px,2.2vw,36px); font-weight:750; }
.tc-form-card { overflow:hidden; }
.tc-form-card > .card-body { padding:20px; }
.tc-single-form-column { width:100%; max-width:100%; flex:0 0 100%; }
.tc-auto-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 18px; }
.tc-auto-form-grid > .form-floating,.tc-auto-form-grid > .form-group,.tc-auto-form-grid > .mb-3,.tc-auto-form-grid > .mb-4 { margin:0; }
.tc-auto-form-grid > .row,.tc-auto-form-grid > [class*="col-"],.tc-auto-form-grid > button,.tc-auto-form-grid > .alert { grid-column:1/-1; }
.tc-table-card { overflow:hidden; }

/* Forms */
.form-label,label { color:#344a60; font-size:13px; font-weight:700; }
.form-control,.form-select,.selectize-input,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple {
  min-height:48px; padding:11px 14px; color:#182a3e; border:1px solid #cbd9e4; border-radius:11px; background:#fff; box-shadow:0 2px 5px rgba(13,39,61,.025); font-size:14px;
}
.form-control:hover,.form-select:hover { border-color:#9ebacb; }.form-control:focus,.form-select:focus,.selectize-input.focus { border-color:#13abc5; box-shadow:0 0 0 4px rgba(0,174,207,.12); }
textarea.form-control { min-height:110px; }.form-floating > .form-control,.form-floating > .form-select { min-height:56px; height:56px; }.form-floating > label { padding:1rem .9rem; }
.input-group-text { min-height:48px; border-color:#cbd9e4; background:#f3f7fa; }
.form-check-input { width:19px; height:19px; border-color:#99aebe; }.form-check-input:checked { border-color:var(--tcx-cyan-600); background-color:var(--tcx-cyan-600); }
.form-text,small.text-muted { color:#718398; font-size:11.5px; }

.btn { min-height:42px; padding:9px 15px; border-radius:11px; font-family:Manrope,sans-serif; font-size:12px; font-weight:750; letter-spacing:.015em; }
.btn-primary { border-color:#008ba7; background:linear-gradient(135deg,#05829c,#0cb4ce); box-shadow:0 8px 20px rgba(0,144,174,.2); }
.btn-primary:hover { transform:translateY(-1px); box-shadow:0 12px 26px rgba(0,144,174,.27); }
.btn-sm { min-height:36px; padding:7px 11px; }.btn-icon { display:inline-grid; width:38px; min-width:38px; height:38px; padding:0; place-items:center; }
.btn-icon i { display:block; font-size:19px; line-height:1; }
.btn-label-info { color:#087c94; background:#def7fb; }.btn-label-primary { color:#4b4db2; background:#eaebff; }.btn-label-warning { color:#a26406; background:#fff1d4; }.btn-label-danger { color:#b52f3e; background:#ffe4e7; }
.badge { padding:6px 9px; font-size:10px; }

/* Data workspaces */
.table-responsive,.card-datatable,.dataTables_scrollBody { scrollbar-width:thin; scrollbar-color:#9bb7c8 #edf2f5; }
table.table,table.dataTable,.mdl-data-table { width:100%; margin:0; font-size:13px; }
table.table thead th,table.dataTable thead th,.mdl-data-table thead th { padding:13px 14px; color:#eaf5fb; border-color:rgba(255,255,255,.08); background:#0b263b; font-size:10.5px; letter-spacing:.065em; white-space:nowrap; }
table.table tbody td,table.dataTable tbody td,.mdl-data-table tbody td { padding:12px 14px; color:#31455a; border-bottom:1px solid #e7edf2; font-size:12.5px; line-height:1.4; vertical-align:middle; }
table.table tbody tr:nth-child(even),table.dataTable tbody tr:nth-child(even),.mdl-data-table tbody tr:nth-child(even) { background:#f9fbfc; }
table.table tbody tr:hover,table.dataTable tbody tr:hover,.mdl-data-table tbody tr:hover { background:#edf9fb; }
.tc-dt-toolbar { min-height:64px; padding:10px 12px; gap:8px; background:#fbfdfe; }
.tc-dt-toolbar .dt-buttons { gap:6px; }.tc-dt-toolbar .dataTables_length label,.tc-dt-toolbar .dataTables_filter label { color:#52677c; font-size:12px; }
.tc-dt-toolbar select,.tc-dt-toolbar input { min-height:38px; height:38px; font-size:12px; }
.dt-buttons .dt-button { min-height:36px; padding:7px 11px; border-color:#cfdae4; border-radius:9px; background:#fff; font-size:11px; }
.tc-dt-footer { min-height:56px; padding:9px 13px; }.dataTables_info,.dataTables_wrapper .dataTables_paginate .paginate_button { font-size:11px; }
.tc-table-actions { display:flex; align-items:center; gap:6px; flex-wrap:nowrap; white-space:nowrap; }

/* Consumer and dispatch workspaces */
.tc-page-head-status { display:flex; min-width:170px; padding:12px 15px; align-items:center; gap:11px; border:1px solid #d7e7ed; border-radius:14px; background:#f4fbfc; }
.tc-page-head-status > i { display:grid; width:39px; height:39px; place-items:center; color:#07859e; border-radius:11px; background:#ddf7fa; font-size:22px; }.tc-page-head-status strong,.tc-page-head-status small { display:block; }.tc-page-head-status strong { color:#142a3e; font-size:18px; }.tc-page-head-status small { color:#6c8092; font-size:10px; }
.tc-section-chip { display:inline-flex; padding:7px 10px; align-items:center; gap:6px; color:#087e95; border:1px solid #c7e9ef; border-radius:99px; background:#eaf9fb; font-size:10px; font-weight:750; white-space:nowrap; }
.tc-consumer-entry { overflow:hidden; }.tc-consumer-form { display:grid; padding:18px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 18px; }.tc-consumer-address { grid-column:span 2; }.tc-consumer-submit { display:flex; padding-top:3px; align-items:center; justify-content:space-between; gap:16px; grid-column:1/-1; }.tc-consumer-submit > span { display:flex; align-items:center; gap:6px; color:#6e8194; font-size:11px; }.tc-consumer-submit > span i { color:#068ba5; font-size:17px; }.tc-address-cell { min-width:240px; max-width:390px; white-space:normal; }
.tc-edit-dispatch-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:16px; align-items:start; }.tc-dispatch-edit-form { display:grid; padding:19px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 18px; }.tc-dispatch-remarks,.tc-dispatch-form-actions { grid-column:1/-1; }.tc-dispatch-form-actions { display:flex; padding-top:3px; justify-content:flex-end; gap:8px; }.tc-dispatch-lock-card { position:sticky; top:calc(var(--tcx-topbar) + 16px); overflow:hidden; }.tc-dispatch-lock-body { display:grid; padding:17px; gap:9px; }.tc-dispatch-lock-body > div { display:flex; padding:12px 13px; align-items:center; justify-content:space-between; border:1px solid #e1e9ef; border-radius:11px; background:#f8fbfc; }.tc-dispatch-lock-body > div span { color:#6e8193; font-size:11px; }.tc-dispatch-lock-body > div strong { color:#172c41; font-size:18px; }.tc-dispatch-lock-body p { display:flex; margin:8px 0 0; padding:12px; gap:8px; color:#6a7e90; border:1px solid #d8e9ed; border-radius:11px; background:#eef9fa; font-size:10.5px; line-height:1.5; }.tc-dispatch-lock-body p i { flex:0 0 auto; color:#079674; font-size:19px; }
.tc-new-dispatch { display:grid; gap:16px; }.tc-dispatch-documentation { overflow:hidden; }.tc-dispatch-document-grid { display:grid; padding:18px; grid-template-columns:1.25fr 1fr .75fr; gap:16px; }.tc-dispatch-scan-layout { display:grid; grid-template-columns:minmax(340px,.8fr) minmax(420px,1.2fr); gap:16px; }.tc-dispatch-scan-layout > .tc-panel { overflow:hidden; }.tc-dispatch-scanner-body { display:grid; padding:18px; grid-template-columns:280px minmax(0,1fr); gap:18px; align-items:center; }.tc-qr-reader { min-height:220px; overflow:hidden; border:1px dashed #8cb7c7; border-radius:14px; background:linear-gradient(145deg,#eef8fa,#f9fcfd); }.tc-qr-reader video { border-radius:12px; }.tc-scanned-packs { display:grid; min-height:286px; max-height:430px; padding:15px; align-content:start; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; overflow-y:auto; }.tc-scanned-empty { display:grid; min-height:250px; place-items:center; align-content:center; gap:5px; color:#718599; grid-column:1/-1; text-align:center; }.tc-scanned-empty i { color:#8cb0bf; font-size:42px; }.tc-scanned-empty strong { color:#344a5f; font-size:13px; }.tc-scanned-empty span { font-size:11px; }.tc-scanned-pack .input-group { flex-wrap:nowrap; }.tc-scanned-pack .form-control { min-width:0; height:42px; min-height:42px; padding:8px 10px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; }.tc-scanned-pack .btn { width:40px; min-width:40px; min-height:42px; padding:0; }.tc-dispatch-submit-bar { display:flex; min-height:72px; padding:13px 16px; align-items:center; justify-content:space-between; gap:16px; border:1px solid #cfe1e8; border-radius:15px; background:rgba(255,255,255,.9); box-shadow:0 10px 26px rgba(13,39,61,.06); }.tc-dispatch-submit-bar > span { display:flex; align-items:center; gap:7px; color:#61768a; font-size:11px; }.tc-dispatch-submit-bar > span i { color:#08a079; font-size:19px; }

/* Authentication */
.tc-auth-body { min-height:100vh; overflow-x:hidden; background:#061522; }
.tc-auth-stage { min-height:100vh; }
.tc-login { display:grid; min-height:100vh; grid-template-columns:minmax(0,1.35fr) minmax(440px,.65fr); background:#f5f8fa; }
.tc-login-visual { position:relative; display:flex; min-height:100vh; padding:34px 44px; overflow:hidden; flex-direction:column; color:#fff; background:radial-gradient(circle at 75% 12%,rgba(40,217,230,.18),transparent 22rem),radial-gradient(circle at 20% 82%,rgba(23,201,145,.13),transparent 22rem),linear-gradient(145deg,#04101d,#08263a 62%,#07354a); }
.tc-login-visual::before { position:absolute; inset:0; content:""; opacity:.18; background-image:linear-gradient(rgba(102,222,235,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(102,222,235,.12) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,black,transparent 88%); }
.tc-login-orbit { position:absolute; pointer-events:none; border:1px solid rgba(95,229,240,.2); border-radius:50%; animation:tcx-orbit 12s ease-in-out infinite; }.tc-login-orbit::after { position:absolute; width:10px; height:10px; content:""; border-radius:50%; background:#45e4ee; box-shadow:0 0 18px #45e4ee; }
.tc-login-orbit--one { top:14%; right:7%; width:340px; height:340px; }.tc-login-orbit--one::after { top:20%; left:2%; }.tc-login-orbit--two { right:25%; bottom:-130px; width:430px; height:430px; animation-delay:-5s; }.tc-login-orbit--two::after { top:12%; right:16%; }
@keyframes tcx-orbit { 50% { transform:translateY(-10px) rotate(6deg); } }
.tc-login-brand,.tc-login-mobile-brand { position:relative; z-index:2; display:flex; align-items:center; gap:12px; }.tc-login-brand-mark { display:grid; width:48px; height:48px; place-items:center; color:#042035; border:1px solid rgba(255,255,255,.48); border-radius:15px; background:linear-gradient(145deg,#49e4ee,#05a4c0); box-shadow:0 0 30px rgba(56,220,235,.28); }.tc-login-brand-mark i { font-size:29px; }.tc-login-brand strong,.tc-login-mobile-brand strong { display:block; color:#fff; font:700 21px "Space Grotesk"; }.tc-login-brand small,.tc-login-mobile-brand small { display:block; margin-top:2px; color:#7fa0b6; font-size:9px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.tc-login-story { position:relative; z-index:2; width:min(880px,100%); margin:auto 0; padding:55px 0; }.tc-login-live { display:inline-flex; padding:8px 11px; align-items:center; gap:8px; color:#8cf5d2; border:1px solid rgba(77,235,191,.18); border-radius:99px; background:rgba(8,39,51,.55); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.tc-login-live i { width:7px; height:7px; border-radius:50%; background:#45e5ad; box-shadow:0 0 12px #45e5ad; }
.tc-login-story h1 { max-width:750px; margin:24px 0 18px; color:#f5fbff; font-size:clamp(42px,4.5vw,70px); line-height:1.02; }.tc-login-story > p { max-width:700px; color:#9eb6c8; font-size:16px; line-height:1.65; }
.tc-login-flow { display:flex; margin-top:38px; align-items:center; gap:13px; }.tc-login-flow > div { display:grid; min-width:130px; gap:3px; }.tc-login-flow > div > span { display:grid; width:47px; height:47px; margin-bottom:7px; place-items:center; color:#66e5f1; border:1px solid rgba(104,226,239,.2); border-radius:14px; background:rgba(255,255,255,.055); }.tc-login-flow > div > span i { font-size:25px; }.tc-login-flow strong { color:#edf8fc; font-size:13px; }.tc-login-flow small { color:#7391a7; font-size:10px; }.tc-login-flow > i { color:#45677d; font-size:20px; }
.tc-login-stats { display:grid; max-width:700px; margin-top:42px; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(143,202,221,.13); }.tc-login-stats div { padding:18px 18px 0 0; }.tc-login-stats strong { display:block; color:#61e1ec; font:700 27px "Space Grotesk"; }.tc-login-stats span { color:#819caf; font-size:11px; }
.tc-login-visual-footer { position:relative; z-index:2; display:flex; color:#58758a; font-size:10px; font-weight:700; letter-spacing:.08em; justify-content:space-between; text-transform:uppercase; }
.tc-login-panel { display:flex; min-height:100vh; padding:30px clamp(34px,4vw,72px); flex-direction:column; background:radial-gradient(circle at 100% 0,rgba(0,175,208,.09),transparent 20rem),#f8fafc; box-shadow:-24px 0 70px rgba(2,18,32,.18); }
.tc-login-mobile-brand { display:none; }.tc-login-mobile-brand strong { color:#13283d; }.tc-login-form-wrap { width:100%; max-width:500px; margin:auto; }.tc-login-kicker { display:block; margin-bottom:10px; color:#07849c; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.tc-login-form-wrap h2 { margin:0 0 7px; color:#10253a; font-size:36px; }.tc-login-form-wrap > p { margin:0 0 30px; color:#6c7e91; font-size:14px; }
.tc-auth-control { position:relative; display:flex; align-items:center; }.tc-auth-control > i { position:absolute; z-index:2; left:15px; color:#7890a4; font-size:20px; pointer-events:none; }.tc-auth-control .form-control { height:54px; padding-left:46px; padding-right:48px; border-radius:13px; }.tc-auth-control:focus-within > i { color:#0394ad; }.tc-password-toggle { position:absolute; z-index:2; right:7px; display:grid; width:39px; height:39px; padding:0; place-items:center; color:#6c8295; border:0; border-radius:10px; background:transparent; }.tc-password-toggle:hover { color:#057f97; background:#eaf7f9; }.tc-caps-status { color:#b77908; font-size:10px; font-weight:700; }
.tc-login-options { display:flex; margin:5px 0 23px; align-items:center; justify-content:space-between; }.tc-remember { display:flex; margin:0; align-items:center; gap:9px; color:#52677b; cursor:pointer; font-size:12px; }.tc-remember input { position:absolute; opacity:0; }.tc-remember span { display:grid; width:19px; height:19px; place-items:center; border:1px solid #9db1c0; border-radius:5px; background:#fff; }.tc-remember input:checked + span { border-color:#008da9; background:#008da9; box-shadow:0 0 0 3px rgba(0,141,169,.1); }.tc-remember input:checked + span::after { width:9px; height:5px; content:""; border-bottom:2px solid #fff; border-left:2px solid #fff; transform:rotate(-45deg) translate(1px,-1px); }
.tc-login-submit { display:flex; width:100%; min-height:52px; padding:11px 17px; align-items:center; justify-content:space-between; border-radius:13px; font-size:13px; }.tc-login-submit i { font-size:20px; transition:transform .2s ease; }.tc-login-submit:hover i { transform:translateX(3px); }
.tc-login-security { display:flex; margin-top:24px; padding:13px 14px; align-items:flex-start; gap:10px; color:#6d8295; border:1px solid #dce7ee; border-radius:12px; background:#f2f7f9; font-size:10.5px; line-height:1.5; }.tc-login-security i { color:#0a9c79; font-size:19px; }.tc-login-panel-footer { display:flex; color:#8190a0; font-size:10px; justify-content:space-between; }

@media (max-width:1199.98px) {
  .tc-app-stage { width:100%; margin-left:0; }
  .tc-sidebar { transform:translateX(-105%); }
  body.tc-nav-open .tc-sidebar { transform:translateX(0); }
  .tc-login { grid-template-columns:minmax(0,1fr) minmax(420px,.85fr); }.tc-login-flow { gap:8px; }.tc-login-flow > div { min-width:100px; }
}
@media (max-width:991.98px) {
  .tc-login { display:block; min-height:100vh; padding:20px; background:radial-gradient(circle at 80% 0,rgba(0,175,208,.14),transparent 20rem),linear-gradient(145deg,#eaf3f7,#f8fafc); }.tc-login-visual { display:none; }.tc-login-panel { width:min(600px,100%); min-height:calc(100vh - 40px); margin:auto; padding:28px clamp(24px,7vw,58px); border:1px solid rgba(255,255,255,.9); border-radius:24px; box-shadow:var(--tcx-shadow-strong); }.tc-login-mobile-brand { display:flex; }.tc-login-mobile-brand .tc-login-brand-mark { width:42px; height:42px; }.tc-login-form-wrap { margin:58px auto auto; }.tc-login-panel-footer { margin-top:35px; }
}
@media (max-width:767.98px) {
  :root { --tcx-topbar:64px; }
  body { font-size:14px; }.tc-main-content { padding:10px; }.tc-topbar { padding:8px 10px; }
  .tc-page-head,.tc-legacy-head { min-height:auto; padding:15px; align-items:stretch; flex-direction:column; border-radius:17px; }.tc-page-head h1,.tc-legacy-title { font-size:25px; }.tc-page-head p { font-size:12.5px; }
  .tc-auto-form-grid { grid-template-columns:1fr; }.tc-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.tc-metric { min-height:90px; padding:14px; }.tc-metric strong { font-size:27px; }
  .tc-consumer-form,.tc-dispatch-edit-form { grid-template-columns:1fr; }.tc-consumer-address,.tc-consumer-submit,.tc-dispatch-remarks,.tc-dispatch-form-actions { grid-column:1; }.tc-consumer-submit { align-items:stretch; flex-direction:column; }.tc-consumer-submit .btn { width:100%; }.tc-edit-dispatch-layout { grid-template-columns:1fr; }.tc-dispatch-lock-card { position:static; }
  .tc-dispatch-document-grid,.tc-dispatch-scan-layout,.tc-dispatch-scanner-body { grid-template-columns:1fr; }.tc-scanned-packs { grid-template-columns:1fr; }.tc-dispatch-submit-bar { align-items:stretch; flex-direction:column; }.tc-dispatch-submit-bar .btn { width:100%; }
  .card-header,.tc-panel-head { min-height:56px; padding:12px 13px; }.card-body { padding:14px; }
  .tc-dt-toolbar { max-width:calc(100vw - 20px); overflow-x:auto; }.tc-login { padding:0; }.tc-login-panel { min-height:100vh; padding:23px 21px; border:0; border-radius:0; box-shadow:none; }.tc-login-form-wrap { margin:55px auto auto; }.tc-login-form-wrap h2 { font-size:31px; }.tc-login-panel-footer { gap:10px; flex-direction:column; }
}
@media (max-width:420px) { .tc-metric-grid { grid-template-columns:1fr 1fr; }.tc-topbar-actions { gap:5px; }.tc-login-panel { padding:20px 17px; } }

/* August 27 MES workspace rebuild ------------------------------------------------ */
.tc-app-shell { display:block; width:100%; min-width:0; }
.tc-app-stage {
  display:flex; width:auto; min-width:0; min-height:100vh; margin-left:var(--tcx-sidebar);
  flex-direction:column; overflow:visible;
}
.tc-topbar,.tc-main-content,.tc-app-footer { width:100%; max-width:none; }
.tc-main-content { display:block; min-width:0; flex:1 0 auto; overflow-x:clip; }
.tc-app-footer { flex:0 0 auto; min-height:54px; padding:0 22px; color:#697d91; background:rgba(246,250,252,.78); }

body { font-size:16px; }
p,.alert,.dropdown-menu { font-size:14px; }
.tc-sidebar .menu-link { font-size:14px; }
.tc-sidebar .menu-sub .menu-link { font-size:13.25px; }
.tc-topbar-button span,.tc-topbar-profile strong { font-size:12.5px; }
.tc-topbar-profile small { font-size:10.5px; }
.form-label,label { font-size:13.5px; }
.form-control,.form-select,.selectize-input,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple { font-size:14.5px; }
.btn { font-size:12.75px; }
.form-text,small.text-muted { font-size:12px; line-height:1.45; }

.card,.tc-panel {
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,251,253,.94));
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 14px 36px rgba(10,35,57,.085),0 3px 8px rgba(10,35,57,.035);
}
.tc-panel { overflow:hidden; }
.tc-panel-head { display:flex; justify-content:space-between; gap:14px; }
.tc-panel-head > i { align-self:center; color:#078ca5; font-size:24px; }
.tc-step-number { display:inline-grid; width:27px; height:27px; margin-right:9px; place-items:center; color:#eafdff; border-radius:8px; background:linear-gradient(145deg,#087e98,#0cb6ce); font-size:10px; font-weight:800; box-shadow:0 7px 15px rgba(0,142,170,.22); }

table.table,table.dataTable,.mdl-data-table { font-size:13.75px; }
table.table thead th,table.dataTable thead th,.mdl-data-table thead th { padding:14px 14px; font-size:11.25px; letter-spacing:.045em; }
table.table tbody td,table.dataTable tbody td,.mdl-data-table tbody td { padding:13px 14px; color:#263d53; font-size:13.25px; line-height:1.48; }
.tc-dt-toolbar {
  display:flex; width:100%; min-width:max-content; min-height:62px; align-items:center;
  flex-wrap:nowrap; gap:8px; overflow-x:auto; white-space:nowrap;
}
.tc-dt-toolbar .dt-buttons,.tc-dt-toolbar .dataTables_length,.tc-dt-toolbar .dataTables_filter { flex:0 0 auto; margin:0; }
.tc-dt-toolbar .dataTables_filter { margin-left:auto; }
.tc-dt-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.dataTables_wrapper .dataTables_paginate { white-space:nowrap; }
.dataTables_scroll { max-width:100%; }

/* Station operation workspaces */
.tc-station-workspace .tc-legacy-head { min-height:112px; padding:20px 22px; }
.tc-station-workspace .tc-legacy-head .float-end { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.tc-station-workspace .tc-station-entry-card { overflow:hidden; }
.tc-station-workspace .tc-station-entry-card > .card-body { padding:20px; }
.tc-station-workspace .tc-station-entry-form {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start; gap:14px 16px;
}
.tc-station-workspace .tc-station-entry-form > .form-floating:first-of-type,
.tc-station-workspace .tc-station-entry-form > h5,
.tc-station-workspace .tc-station-entry-form > .row,
.tc-station-workspace .tc-station-entry-form > [id*="remarks"],
.tc-station-workspace .tc-station-entry-form > .col-12 { grid-column:1/-1; }
.tc-station-workspace .tc-station-entry-form > h5 { margin:2px 0 -3px; font-size:15px; }
.tc-station-workspace .tc-station-entry-form > .mb-3 { margin:0; }
.tc-station-workspace .tc-choice-tile {
  display:flex; min-height:70px; margin:0; padding:13px 14px; align-items:center; gap:11px;
  border:1px solid #d8e5ec; border-radius:13px; background:linear-gradient(145deg,#fff,#f2f8fa); transition:.18s ease;
}
.tc-station-workspace .tc-choice-tile:hover { border-color:#8dd7e3; box-shadow:0 10px 22px rgba(0,146,174,.09); transform:translateY(-1px); }
.tc-station-workspace .tc-choice-tile .form-check-input { position:static; margin:0; flex:0 0 auto; order:-1; }
.tc-station-workspace .tc-choice-tile .form-check-label { margin:0; }
.tc-station-workspace .tc-station-filter-grid { display:grid; grid-template-columns:repeat(4,minmax(160px,1fr)); gap:11px; }
.tc-station-workspace .tc-station-filter-grid > [class*="col-"] { width:auto; padding:0; }
.tc-station-workspace .tc-date-shortcuts { margin:9px 0; }
.tc-station-workspace .modal-dialog { width:min(1180px,calc(100vw - 32px)); max-width:min(1180px,calc(100vw - 32px)); }
.tc-station-workspace .modal-content { width:100%; max-width:100%; }

/* Production explorer */
.tc-production-head-state { display:flex; min-width:190px; padding:13px 15px; align-items:center; gap:11px; border:1px solid #cce9ef; border-radius:15px; background:#eefbfc; }
.tc-production-head-state > i { display:grid; width:42px; height:42px; place-items:center; color:#007f98; border-radius:12px; background:#d9f6f9; font-size:24px; }
.tc-production-head-state strong,.tc-production-head-state small { display:block; }.tc-production-head-state strong { color:#163047; font-size:15px; }.tc-production-head-state small { color:#6a7f92; font-size:11px; }
.tc-production-toolbar { display:flex; min-height:84px; margin-bottom:16px; padding:13px 16px; align-items:flex-end; justify-content:space-between; gap:16px; }
.tc-production-date-form { display:flex; align-items:flex-end; gap:9px; flex-wrap:wrap; }.tc-production-date-form > div { display:grid; gap:5px; }.tc-production-date-form input { width:190px; }
.tc-live-summary { grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.tc-live-summary article { position:relative; min-height:116px; padding:17px 18px; overflow:hidden; border:1px solid #d7e6ed; background:linear-gradient(145deg,#fff,#f1f8fa); box-shadow:0 12px 28px rgba(12,41,64,.08); }
.tc-live-summary article::after { position:absolute; right:-25px; bottom:-38px; width:100px; height:100px; content:""; border:16px solid rgba(0,167,197,.055); border-radius:50%; }
.tc-live-summary article > i { z-index:1; }.tc-live-summary article > small { display:block; margin-top:5px; color:#75899b; font-size:10.5px; }
.tc-production-flow-panel { min-height:260px; }.tc-empty-production { min-height:260px; }.tc-empty-orbit { display:grid; width:68px; height:68px; place-items:center; border:1px solid #cce7ec; border-radius:50%; background:#eef9fb; box-shadow:0 0 0 10px rgba(0,169,199,.035); }.tc-empty-orbit i { color:#1492a8; font-size:32px; }

/* Guided administration */
.tc-admin-action-grid,.tc-audit-grid { display:grid; margin-bottom:16px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.tc-admin-card { min-height:100%; }.tc-admin-card .tc-panel-head > div { display:flex; align-items:center; }
.tc-admin-form,.tc-pack-adjust-form { display:grid; padding:18px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 17px; }.tc-admin-form > div,.tc-pack-adjust-form > div { display:grid; gap:6px; }
.tc-field-full,.tc-form-command { grid-column:1/-1; }
.tc-form-command { display:flex; min-height:64px; padding-top:5px; align-items:center; justify-content:space-between; gap:16px; }.tc-form-command > span { display:flex; align-items:center; gap:7px; color:#657b8e; font-size:11.5px; }.tc-form-command > span i { color:#069a7d; font-size:19px; }
.tc-pack-find-form { display:grid; padding:18px; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:12px; }.tc-pack-find-form > div { display:grid; gap:6px; }
.tc-admin-guidance { display:flex; margin:0 18px 18px; padding:14px; gap:11px; color:#61788c; border:1px solid #d6e8ed; border-radius:13px; background:#f0f9fa; }.tc-admin-guidance > i { color:#0794aa; font-size:25px; }.tc-admin-guidance strong,.tc-admin-guidance span { display:block; }.tc-admin-guidance strong { color:#28445a; font-size:12px; }.tc-admin-guidance span { margin-top:3px; font-size:11px; }
.tc-pack-adjust-panel,.tc-bulk-update-panel { margin-bottom:16px; }.tc-pack-adjust-form { grid-template-columns:repeat(4,minmax(0,1fr)); }
.tc-csv-wizard,.tc-broadcast-steps { display:grid; padding:18px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.tc-csv-wizard article,.tc-broadcast-steps article { display:flex; min-height:76px; padding:13px; align-items:center; gap:11px; border:1px solid #dce7ed; border-radius:13px; background:linear-gradient(145deg,#fff,#f3f9fa); }.tc-csv-wizard article > span,.tc-broadcast-steps article > span { display:grid; width:36px; height:36px; flex:0 0 36px; place-items:center; color:#eaffff; border-radius:11px; background:linear-gradient(145deg,#087e98,#0bb7cf); font-size:12px; font-weight:800; box-shadow:0 8px 18px rgba(0,141,169,.2); }.tc-csv-wizard strong,.tc-csv-wizard small,.tc-broadcast-steps strong,.tc-broadcast-steps small { display:block; }.tc-csv-wizard strong,.tc-broadcast-steps strong { color:#263e53; font-size:12px; }.tc-csv-wizard small,.tc-broadcast-steps small { margin-top:3px; color:#718597; font-size:10.5px; line-height:1.4; }
.tc-csv-upload-form { display:grid; padding:0 18px 18px; grid-template-columns:1.15fr .85fr; gap:15px 18px; }.tc-csv-upload-form > div { display:grid; gap:6px; }
.tc-file-drop { position:relative; display:flex; min-height:92px; margin:0; padding:15px; align-items:center; gap:13px; overflow:hidden; color:#50677a; border:1px dashed #7ebac8; border-radius:14px; background:linear-gradient(145deg,#f0fafb,#fff); cursor:pointer; }.tc-file-drop:hover { border-color:#00a0bd; box-shadow:0 10px 24px rgba(0,148,175,.09); }.tc-file-drop > i { display:grid; width:49px; height:49px; flex:0 0 49px; place-items:center; color:#008da7; border-radius:13px; background:#dff6f8; font-size:28px; }.tc-file-drop strong,.tc-file-drop small { display:block; }.tc-file-drop strong { color:#263f55; font-size:12px; }.tc-file-drop small { margin-top:4px; color:#75899b; font-size:10.5px; }.tc-file-drop input { position:absolute; width:1px; height:1px; opacity:0; }.tc-file-drop:focus-within { outline:3px solid rgba(0,174,207,.18); }
.tc-csv-safety { display:flex; padding:13px 14px; align-items:flex-start; gap:10px; color:#536d80; border:1px solid #cbe7df; border-radius:13px; background:#effaf6; grid-column:1/-1; font-size:11px; line-height:1.5; }.tc-csv-safety i { color:#079874; font-size:23px; }

/* Broadcast centre */
.tc-broadcast-steps { padding:0; margin-bottom:16px; }
.tc-broadcast-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(330px,.7fr); gap:16px; align-items:start; }
.tc-broadcast-compose { overflow:hidden; }.tc-broadcast-form { display:grid; padding:18px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 17px; }.tc-broadcast-form > div { display:grid; gap:6px; }
.tc-label-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }.tc-label-row small { color:#718598; font-size:10.5px; }
.tc-richtext-field .ck-editor__editable { min-height:310px; padding:16px 18px; color:#1c3348; font-size:14px; line-height:1.65; }.tc-richtext-field .ck-toolbar { border-color:#cbd9e4; border-radius:11px 11px 0 0; background:#f6fafc; }.tc-richtext-field .ck-editor__main > .ck-editor__editable { border-color:#cbd9e4; border-radius:0 0 11px 11px; }.tc-richtext-invalid .ck-editor__editable { border-color:#dc3545; box-shadow:0 0 0 4px rgba(220,53,69,.1); }
.tc-broadcast-check { display:flex; min-height:67px; padding:13px 14px; align-items:center; gap:11px; color:#577083; border:1px solid #d1e7e1; border-radius:13px; background:#f0faf7; grid-column:1/-1; }.tc-broadcast-check > i { color:#08a079; font-size:25px; }.tc-broadcast-check strong,.tc-broadcast-check span { display:block; }.tc-broadcast-check strong { color:#2b4d4a; font-size:12px; }.tc-broadcast-check span { margin-top:2px; font-size:10.5px; }
.tc-broadcast-side { display:grid; gap:16px; }.tc-side-editor { padding:15px; border-bottom:1px solid #e2ebf0; background:#f7fbfc; }.tc-side-form { display:grid; gap:12px; }.tc-side-form > div { display:grid; gap:5px; }.tc-broadcast-side .tc-list { max-height:390px; overflow-y:auto; }.tc-template-list { max-height:500px; }
.tc-broadcast-audit { margin-top:16px; }

/* Pack genealogy */
.tc-lookup-search-panel { max-width:1040px; margin:0 auto; }.tc-lookup-search-form { display:grid; padding:24px; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:14px; }.tc-lookup-search-form > div { display:grid; gap:6px; }
.tc-search-control { position:relative; }.tc-search-control > i { position:absolute; z-index:2; top:50%; left:15px; color:#6d879a; font-size:21px; transform:translateY(-50%); }.tc-search-control .form-control { padding-left:47px; }
.tc-lookup-capabilities { display:grid; padding:0 24px 24px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.tc-lookup-capabilities article { display:flex; padding:14px; align-items:center; gap:11px; border:1px solid #dce7ed; border-radius:13px; background:#f7fbfc; }.tc-lookup-capabilities i { color:#008ca6; font-size:25px; }.tc-lookup-capabilities strong,.tc-lookup-capabilities small { display:block; }.tc-lookup-capabilities strong { color:#2a4358; font-size:12px; }.tc-lookup-capabilities small { color:#728699; font-size:10px; }
.tc-pack-disposition { display:flex; min-width:190px; padding:12px 15px; align-items:center; gap:12px; border-radius:15px; }.tc-pack-disposition > i { font-size:35px; }.tc-pack-disposition small,.tc-pack-disposition strong { display:block; }.tc-pack-disposition small { font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.tc-pack-disposition strong { font:700 24px "Space Grotesk"; }.tc-pack-disposition--ok { color:#087f62; border:1px solid #bce8d9; background:#eaf9f3; }.tc-pack-disposition--hold { color:#a85d0a; border:1px solid #f0d7ab; background:#fff6e6; }
.tc-inline-lookup { margin-bottom:16px; }.tc-inline-lookup form { display:grid; padding:15px 17px; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:12px; }.tc-inline-lookup form > div { display:grid; gap:5px; }
.tc-pack-kpis { display:grid; margin-bottom:16px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }.tc-pack-kpis article { position:relative; display:grid; min-height:112px; padding:16px 17px; overflow:hidden; align-content:center; border:1px solid #d7e6ed; border-radius:16px; background:linear-gradient(145deg,#fff,#f1f8fa); box-shadow:0 12px 28px rgba(12,41,64,.075); }.tc-pack-kpis article > i { position:absolute; top:15px; right:15px; color:#b9e4ea; font-size:29px; }.tc-pack-kpis span { color:#698095; font-size:10px; font-weight:800; letter-spacing:.075em; text-transform:uppercase; }.tc-pack-kpis strong { margin-top:8px; overflow:hidden; color:#132b40; font:700 20px "Space Grotesk"; text-overflow:ellipsis; white-space:nowrap; }
.tc-pack-meta{display:flex;margin:12px 0 14px;gap:7px;flex-wrap:wrap}.tc-pack-meta span{padding:6px 9px;border:1px solid rgba(125,211,252,.26);border-radius:999px;color:#ccecf7;background:rgba(3,28,47,.28);font-size:10px}.tc-pack-verdict.is-pass{box-shadow:inset 3px 0 #4ade80}.tc-pack-verdict.is-pass strong{color:#86efac}.tc-pack-verdict.is-fail{box-shadow:inset 3px 0 #fb7185}.tc-pack-verdict.is-fail strong{color:#fda4af}.tc-measure-grid--wide{grid-template-columns:repeat(4,minmax(0,1fr))}.tc-quality-grid--pdir{grid-template-columns:repeat(4,minmax(0,1fr))}.tc-quality-grid .is-fail{border-color:#f1cbd2;background:#fff6f7}.tc-quality-grid .is-fail>i{color:#dc4963}
.tc-pack-kpis>div .tc-gauge>i { position:static; display:block; top:auto; right:auto; height:100%; color:inherit; border-radius:inherit; background:linear-gradient(90deg,#0ea5e9,#22c55e); font-size:0; }
.tc-pack-overview-grid { display:grid; margin-bottom:16px; grid-template-columns:1.2fr .8fr; gap:16px; align-items:start; }.tc-spec-grid { display:grid; padding:16px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.tc-spec-grid article { display:flex; min-height:73px; padding:12px; align-items:center; gap:10px; border:1px solid #e0e9ef; border-radius:12px; background:#f9fcfd; }.tc-spec-grid article > i { display:grid; width:36px; height:36px; flex:0 0 36px; place-items:center; color:#078ba3; border-radius:10px; background:#e3f6f8; font-size:20px; }.tc-spec-grid span,.tc-spec-grid strong { display:block; }.tc-spec-grid span { color:#74889a; font-size:9.5px; font-weight:750; text-transform:uppercase; }.tc-spec-grid strong { margin-top:3px; overflow-wrap:anywhere; color:#294157; font-size:12px; }
.tc-measure-grid { display:grid; padding:16px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.tc-measure-grid article { min-height:75px; padding:13px; border:1px solid #dfe9ef; border-radius:12px; background:linear-gradient(145deg,#fff,#f3f9fa); }.tc-measure-grid span,.tc-measure-grid strong { display:block; }.tc-measure-grid span { color:#718698; font-size:10px; }.tc-measure-grid strong { margin-top:8px; color:#112c43; font:700 18px "Space Grotesk"; }
.tc-quality-panel { margin-bottom:16px; }.tc-quality-grid { display:grid; padding:16px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }.tc-quality-grid article { display:flex; min-height:69px; padding:11px 12px; align-items:center; gap:9px; border:1px solid #dde7ed; border-radius:11px; background:#f9fcfd; }.tc-quality-grid article > i { font-size:22px; }.tc-quality-grid article strong,.tc-quality-grid article span { display:block; }.tc-quality-grid article strong { color:#334c60; font-size:10.75px; }.tc-quality-grid article span { margin-top:2px; color:#708497; font-size:9.5px; }.tc-quality-grid .is-pass { border-color:#d2e9e1; background:#f4fbf8; }.tc-quality-grid .is-pass > i { color:#08a079; }.tc-quality-grid .is-review > i { color:#d39123; }
.tc-pack-detail > .tc-panel { margin-bottom:16px; }

@media (max-width:1199.98px) {
  .tc-app-stage { width:100%; margin-left:0; }
  .tc-broadcast-layout,.tc-pack-overview-grid { grid-template-columns:1fr; }
  .tc-broadcast-side { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tc-station-workspace .tc-station-entry-form,.tc-pack-adjust-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tc-quality-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:767.98px) {
  body { font-size:15px; }
  .tc-app-footer { padding:10px 13px; align-items:flex-start; gap:5px; flex-direction:column; }
  .tc-production-head-state,.tc-page-head-status,.tc-pack-disposition { width:100%; min-width:0; }
  .tc-production-toolbar { align-items:stretch; flex-direction:column; }.tc-production-date-form { display:grid; grid-template-columns:1fr 1fr; }.tc-production-date-form > div { grid-column:1/-1; }.tc-production-date-form input { width:100%; }.tc-production-toolbar > .btn { width:100%; }
  .tc-live-summary,.tc-pack-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tc-admin-action-grid,.tc-audit-grid,.tc-broadcast-side { grid-template-columns:1fr; }
  .tc-admin-form,.tc-pack-adjust-form,.tc-csv-upload-form,.tc-broadcast-form { grid-template-columns:1fr; }
  .tc-field-full,.tc-form-command,.tc-csv-safety,.tc-broadcast-check { grid-column:1; }
  .tc-form-command { align-items:stretch; flex-direction:column; }.tc-form-command .btn { width:100%; }
  .tc-pack-find-form,.tc-lookup-search-form,.tc-inline-lookup form { grid-template-columns:1fr; }.tc-pack-find-form .btn,.tc-lookup-search-form .btn,.tc-inline-lookup .btn { width:100%; }
  .tc-csv-wizard,.tc-broadcast-steps,.tc-lookup-capabilities { grid-template-columns:1fr; }
  .tc-station-workspace .tc-station-entry-form { grid-template-columns:1fr; }.tc-station-workspace .tc-station-entry-form > * { grid-column:1; }.tc-station-workspace .tc-station-filter-grid { grid-template-columns:1fr 1fr; }
  .tc-spec-grid,.tc-measure-grid,.tc-quality-grid { grid-template-columns:1fr; }
  .tc-dt-toolbar { width:max-content; max-width:none; }
}

@media (max-width:440px) {
  .tc-live-summary,.tc-pack-kpis { grid-template-columns:1fr; }
  .tc-station-workspace .tc-station-filter-grid,.tc-production-date-form { grid-template-columns:1fr; }
  .tc-production-date-form > * { grid-column:1; }
}
@media (prefers-reduced-motion:reduce) { .tc-login-orbit,.tc-live-dot,#loaddynamic .blinking-dot { animation:none; } }

/* Final Pack register: compact deterministic filter and table command surface */
.tc-finalpack-filterbar { display:flex; padding:10px 12px 8px; align-items:flex-end; flex-wrap:wrap; gap:8px; border-bottom:1px solid #dfe9ef; background:linear-gradient(180deg,#fbfdfe,#f5f9fb); }
.tc-finalpack-filter-field { display:grid; min-width:128px; flex:1 1 145px; gap:4px; }
.tc-finalpack-filter-field label { margin:0; color:#536b7f; font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.tc-finalpack-filter-field .form-control,.tc-finalpack-filter-field .form-select,.tc-finalpack-filter-field .select2-selection { min-height:38px; height:38px; border-color:#cddce6; border-radius:10px; background-color:#fff; font-size:12px; }
.tc-finalpack-filter-field .select2-selection__rendered { line-height:36px; }
.tc-finalpack-filter-field .select2-selection__arrow { height:36px; }
.tc-finalpack-presets { display:flex; flex:0 1 auto; align-items:center; flex-wrap:wrap; gap:5px; }
.tc-finalpack-presets .btn { min-height:38px; padding:6px 10px; font-size:10px; white-space:nowrap; }
#final-pack-export-form .tc-dt-toolbar { min-height:48px; margin:0; padding:6px 10px; border:0; border-bottom:1px solid #dfe9ef; border-radius:0; background:#fff; box-shadow:none; }
#final-pack-export-form .tc-dt-footer { padding:8px 10px; }
.tc-finalpack-register-table thead th { padding:10px 9px; white-space:nowrap; }
.tc-finalpack-register-table tbody td { padding:10px 9px; vertical-align:middle; }

@media (max-width:767.98px) {
  .tc-finalpack-filter-field { min-width:calc(50% - 5px); flex-basis:calc(50% - 5px); }
  .tc-finalpack-presets { width:100%; }
}

@media (max-width:440px) {
  .tc-finalpack-filter-field { min-width:100%; flex-basis:100%; }
  .tc-finalpack-presets .btn { flex:1 1 calc(50% - 5px); }
}

/* Station-wise as-built material genealogy */
.tc-material-classification{overflow:hidden;border-color:#bfe7e8;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(230,249,247,.92))}.tc-provenance-badge{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border:1px solid #cbdbe4;border-radius:999px;color:#476176;background:#f4f8fa;font-size:11px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.tc-provenance-badge.is-iot{border-color:#6ee7d2;color:#08675d;background:#dffaf3;box-shadow:0 8px 20px rgba(13,148,136,.14)}.tc-classification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 14px 16px}.tc-classification-grid article{display:flex;min-height:126px;padding:15px;border:1px solid #d8e7ed;border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(16,52,72,.06);flex-direction:column}.tc-classification-grid span{color:#6b8192;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.tc-classification-grid strong{margin:8px 0 6px;color:#102b3f;font:700 17px "Space Grotesk",sans-serif}.tc-classification-grid small{color:#5c7182;font-size:12px;line-height:1.45}.tc-classification-grid em{align-self:flex-start;margin-top:auto;padding-top:8px;color:#087d78;font-size:10px;font-style:normal;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.tc-material-summary{display:grid;padding:0 14px 16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tc-material-summary span{display:flex;padding:11px;border:1px solid #deeaef;border-radius:12px;color:#607487;background:#f8fbfc;font-size:11px;align-items:center;gap:7px}.tc-material-summary strong{color:#123047;font-size:17px}.tc-material-ledger>.tc-panel-head p{max-width:780px;margin:4px 0 0;color:#697f91;font-size:12px}.tc-material-legend{display:flex;gap:6px;flex-wrap:wrap}.tc-material-legend span{padding:5px 9px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.065em;text-transform:uppercase}.tc-material-legend .is-recorded{color:#08745f;background:#dcf8ee}.tc-material-legend .is-legacy{color:#94621a;background:#fff3d2}.tc-material-legend .is-missing{color:#9a3b4c;background:#ffeaee}.tc-station-material-list{display:grid;padding:0 13px 14px;gap:8px}.tc-station-material{overflow:hidden;border:1px solid #dae7ed;border-radius:14px;background:#fff}.tc-station-material.is-recorded{border-left:4px solid #16b89f}.tc-station-material.is-legacy{border-left:4px solid #e6a832}.tc-station-material.is-not_posted{border-left:4px solid #ed7185}.tc-station-material.is-not_reached{border-left:4px solid #a6b5c0}.tc-station-material summary{display:grid;min-height:66px;padding:11px 14px;cursor:pointer;list-style:none;grid-template-columns:42px minmax(150px,1fr) minmax(180px,auto) 24px;align-items:center;gap:10px}.tc-station-material summary::-webkit-details-marker{display:none}.tc-stage-index{display:grid;width:34px;height:34px;border-radius:11px;color:#0b7680;background:#e1f7f7;font:800 12px "Space Grotesk",sans-serif;place-items:center}.tc-stage-title,.tc-stage-state{display:flex;flex-direction:column;gap:2px}.tc-stage-title strong,.tc-stage-state strong{color:#183247;font-size:13px}.tc-stage-title small,.tc-stage-state small{color:#7a8d9d;font-size:10px}.tc-stage-state{text-align:right}.tc-station-material summary>i{color:#718899;transition:transform .2s ease}.tc-station-material[open] summary>i{transform:rotate(180deg)}.tc-station-material-body{padding:0 12px 12px;border-top:1px solid #e5edf1}.tc-material-table{min-width:820px;margin:10px 0 0}.tc-material-table thead th{padding:9px 10px;font-size:9px}.tc-material-table tbody td{padding:9px 10px;font-size:11px;vertical-align:middle}.tc-material-table.is-legacy{opacity:.9}.tc-material-empty{display:flex;min-height:88px;padding:17px;color:#61788a;align-items:center;gap:12px}.tc-material-empty>i{font-size:25px}.tc-material-empty div{display:flex;flex-direction:column;gap:3px}.tc-material-empty strong{color:#29445a;font-size:13px}.tc-material-empty span{max-width:850px;font-size:11px;line-height:1.5}.tc-legacy-note{display:flex;margin-top:10px;padding:9px 11px;border:1px solid #f2d593;border-radius:10px;color:#7f5a1b;background:#fff8e7;font-size:11px;align-items:flex-start;gap:8px}.tc-legacy-note i{font-size:17px}.tc-legacy-note+.table-responsive .tc-material-table{margin-top:6px}
@media (max-width:1199.98px){.tc-classification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767.98px){.tc-classification-grid,.tc-material-summary{grid-template-columns:1fr}.tc-classification-grid article{min-height:auto}.tc-material-ledger>.tc-panel-head{align-items:flex-start}.tc-material-legend{margin-top:8px}.tc-station-material summary{grid-template-columns:38px 1fr 22px}.tc-stage-state{grid-column:2/3;text-align:left}.tc-station-material summary>i{grid-column:3;grid-row:1/3}.tc-material-table{min-width:720px}}
.tc-station-consumption-page .tc-panel-head p{margin:4px 0 0;color:#6a8091;font-size:11px}.tc-material-exception{margin:0 13px 14px;border:1px solid #f1c6cc;border-radius:13px;color:#8e3545;background:#fff4f5}.tc-material-exception strong{color:#7d2637}.tc-station-consumption-hero{min-height:190px}
.tc-material-type{display:inline-flex;min-width:112px;padding:5px 8px;border:1px solid #d6e2e8;border-radius:9px;background:#f7fafb;flex-direction:column}.tc-material-type strong{color:#344e62;font-size:11px}.tc-material-type small{color:#7b8d9a;font-size:9px;white-space:nowrap}.tc-material-type.is-iot{border-color:#8ce1d5;background:#e8faf6}.tc-material-type.is-iot strong{color:#087568}
@media print{.tc-sidebar,.tc-topbar,.tc-app-footer,.tc-pack-actions{display:none}.tc-main-content{margin:0;padding:0}.tc-panel,.tc-pack-hero{box-shadow:none;break-inside:avoid}.tc-station-consumption-page{padding:0}}

/* August 28 station traceability workspace: force a stable vertical document
   flow and reserve horizontal layout only for deliberate sub-grids. */
.tc-station-consumption-page{display:block;width:100%;max-width:none;min-width:0}
.tc-station-consumption-page>*{width:100%;min-width:0}
.tc-station-consumption-hero{display:flex;min-height:168px;padding:24px 26px;align-items:center;justify-content:space-between;gap:24px}
.tc-station-consumption-hero .tc-pack-hero-main{min-width:0;max-width:850px}
.tc-station-consumption-hero h1{margin:8px 0 6px;font-size:clamp(30px,3vw,44px);line-height:1}
.tc-station-consumption-hero p{max-width:760px;font-size:13px;line-height:1.55}
.tc-station-consumption-hero .tc-pack-actions{display:flex;max-width:430px;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.tc-station-consumption-hero .tc-pack-actions .btn{white-space:nowrap}
.tc-station-consumption-page>.tc-pack-kpis{display:grid;margin:14px 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tc-station-consumption-page>.tc-pack-kpis>article{display:grid;min-width:0;min-height:106px;padding:16px 17px;align-content:center}
.tc-station-consumption-page>.tc-panel{display:block;margin:0 0 14px;width:100%;min-width:0}
.tc-station-consumption-page>.tc-panel+.tc-panel{margin-top:0}
.tc-station-consumption-page .tc-panel-head{min-height:72px;padding:15px 18px;align-items:center}
.tc-station-consumption-page .tc-panel-head h5{font-size:18px}
.tc-station-consumption-page .tc-panel-head p{max-width:900px;font-size:12px;line-height:1.5}
.tc-station-consumption-page .tc-check-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));padding:16px;gap:10px}
.tc-station-consumption-page .tc-check-grid>div{min-width:0;min-height:72px;padding:12px}
.tc-station-consumption-page .tc-check-grid span{font-size:11px;line-height:1.35}
.tc-station-consumption-page .tc-check-grid strong{overflow-wrap:anywhere;font-size:13px}

/* PDIR controlled-entry workspace */
.tc-quality-workspace .tc-form-section{margin:0 0 14px;padding:16px;border:1px solid #dce7ef;border-radius:16px;background:linear-gradient(145deg,#fff 0%,#f8fbfd 100%);box-shadow:0 8px 24px rgba(10,42,64,.045)}
.tc-quality-workspace .tc-form-section__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.tc-quality-workspace .tc-form-section__head>span{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:10px;color:#002f46;background:linear-gradient(135deg,#6ee7f2,#4ade80);font-weight:900}
.tc-quality-workspace .tc-form-section__head strong,.tc-quality-workspace .tc-form-section__head small{display:block}
.tc-quality-workspace .tc-form-section__head strong{font-size:15px;color:#102a3f}
.tc-quality-workspace .tc-form-section__head small{margin-top:2px;color:#64778a;font-size:12px}
.tc-quality-workspace .tc-check-grid{display:grid;padding:0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px}
.tc-quality-workspace .tc-choice-tile{display:flex;min-width:0;min-height:70px;align-items:center;gap:11px;padding:12px;border:1px solid #dae6ee;border-radius:13px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.tc-quality-workspace .tc-choice-tile:hover{transform:translateY(-1px);border-color:#70d8e8;box-shadow:0 9px 22px rgba(0,145,174,.09)}
.tc-quality-workspace .tc-choice-tile input{flex:0 0 auto;width:20px;height:20px;accent-color:#0796ae}
.tc-quality-workspace .tc-choice-tile span,.tc-quality-workspace .tc-choice-tile strong,.tc-quality-workspace .tc-choice-tile small{display:block;min-width:0}
.tc-quality-workspace .tc-choice-tile strong{font-size:13px;line-height:1.3;color:#173147}
.tc-quality-workspace .tc-choice-tile small{margin-top:3px;font-size:11px;color:#75889a}
.tc-process-only-state{display:grid;min-height:116px;padding:18px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;color:#506a7e;background:linear-gradient(135deg,#f4fbfc,#fff)}
.tc-process-only-state>i{display:grid;width:46px;height:46px;place-items:center;color:#087f98;border-radius:14px;background:#def6f9;font-size:25px}
.tc-process-only-state strong,.tc-process-only-state span{display:block}.tc-process-only-state strong{color:#19364b;font-size:15px}.tc-process-only-state span{margin-top:4px;max-width:900px;font-size:12px;line-height:1.55}
.tc-trace-provenance{display:inline-flex;margin-top:9px;padding:6px 9px;align-items:center;gap:6px;color:#7b5a20;border:1px solid #efd89e;border-radius:999px;background:#fff9ea;font-size:10px;font-weight:750}

/* One compact, scroll-safe command surface for every server-side DataTable. */
.tc-table-commandbar{display:flex;width:100%;min-width:0;padding:9px 11px;align-items:flex-end;gap:8px;overflow-x:auto;border-bottom:1px solid #dfe9ef;background:linear-gradient(180deg,#fbfdfe,#f5f9fb);scrollbar-width:thin}
.tc-table-commandbar__filters{display:flex;min-width:max-content;align-items:flex-end;gap:8px}
.tc-table-commandbar__filters>div{display:grid;width:150px;min-width:130px;padding:0;gap:4px}
.tc-table-commandbar__filters label{margin:0;color:#536b7f;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
.tc-table-commandbar__filters .form-control,.tc-table-commandbar__filters .form-select,.tc-table-commandbar__filters .select2-selection{height:38px;min-height:38px;padding-top:7px;padding-bottom:7px;font-size:12px}
.tc-table-commandbar>.tc-date-shortcuts{display:flex;min-width:max-content;margin:0;align-items:center;gap:5px}
.tc-table-commandbar>.tc-dt-toolbar{width:auto;min-width:max-content;min-height:40px;margin:0 0 0 auto;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}
.tc-table-commandbar .dt-buttons{display:flex;flex-wrap:nowrap}
.tc-table-commandbar+.dataTables_wrapper>.tc-dt-toolbar{display:none}
.card-datatable>.row:has(#fromDate),.card-datatable>.tc-date-shortcuts{margin:0}
.dataTables_wrapper{min-width:0}.dataTables_wrapper .dataTables_scroll{width:100%}.dataTables_wrapper .dataTables_scrollBody{max-width:100%;overflow:auto}
table.dataTable{border-collapse:separate;border-spacing:0}table.dataTable thead th{position:relative}

/* 4 x 2 inch thermal QR label studio */
.tc-label-studio{display:grid;grid-template-columns:minmax(380px,.78fr) minmax(520px,1.22fr);gap:16px;align-items:start}
.tc-label-studio__controls,.tc-label-studio__preview{overflow:hidden}.tc-label-form{display:grid;padding:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tc-label-form>.is-full{grid-column:1/-1}
.tc-label-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tc-label-mode label{display:flex;min-height:48px;padding:9px;align-items:center;justify-content:center;gap:7px;border:1px solid #d6e3eb;border-radius:11px;background:#f8fbfc;cursor:pointer}.tc-label-mode label:has(input:checked){color:#087d94;border-color:#63cfe0;background:#eaf9fb;box-shadow:0 0 0 3px rgba(0,174,207,.09)}.tc-label-mode input{margin:0}
.tc-label-actions{display:flex;grid-column:1/-1;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tc-label-template-list{display:flex;padding:12px 18px 18px;gap:7px;overflow-x:auto}.tc-label-template-chip{display:inline-flex;min-width:max-content;padding:8px 10px;align-items:center;gap:6px;border:1px solid #d7e4eb;border-radius:999px;background:#fff;font-size:11px}
.tc-label-preview-stage{min-height:440px;padding:22px;overflow:auto;background:radial-gradient(circle at 50% 0,rgba(0,175,208,.08),transparent 22rem),#eaf1f5}.tc-label-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;align-items:start}.tc-thermal-label{display:grid;width:4in;height:2in;margin:auto;padding:.14in;grid-template-columns:1.45in 1fr;grid-template-rows:1fr auto;gap:.08in;color:#071827;border:1px dashed #a7b7c2;border-radius:.08in;background:#fff;box-shadow:0 16px 32px rgba(8,32,53,.15);font-family:Arial,sans-serif}.tc-thermal-label__qr{display:grid;grid-row:1/3;place-items:center}.tc-thermal-label__qr canvas,.tc-thermal-label__qr img,.tc-thermal-label__qr svg{display:block;width:1.3in;height:1.3in}.tc-thermal-label__copy{display:flex;min-width:0;flex-direction:column}.tc-thermal-label__copy small{font-size:8pt;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tc-thermal-label__copy strong{margin-top:.05in;overflow-wrap:anywhere;font-size:17pt;line-height:1.05}.tc-thermal-label__copy span{margin-top:.05in;font-size:8.5pt;line-height:1.25}.tc-thermal-label__meta{display:flex;padding-top:.05in;justify-content:space-between;gap:.08in;border-top:1px solid #111;font-size:7.5pt}

@media (max-width:1199.98px){.tc-label-studio{grid-template-columns:1fr}.tc-station-consumption-page>.tc-pack-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767.98px){.tc-station-consumption-hero{display:grid;padding:19px}.tc-station-consumption-hero .tc-pack-actions{max-width:none;justify-content:flex-start}.tc-station-consumption-page>.tc-pack-kpis{grid-template-columns:1fr}.tc-table-commandbar{align-items:stretch}.tc-label-form{grid-template-columns:1fr}.tc-label-form>.is-full,.tc-label-actions{grid-column:1}.tc-label-mode{grid-template-columns:1fr}.tc-label-preview-stage{padding:12px}.tc-label-sheet{grid-template-columns:minmax(384px,1fr)}}
@media print{body.tc-label-printing *{visibility:hidden}body.tc-label-printing .tc-label-sheet,body.tc-label-printing .tc-label-sheet *{visibility:visible}body.tc-label-printing .tc-label-sheet{position:absolute;inset:0;display:block;margin:0;padding:0}body.tc-label-printing .tc-thermal-label{width:4in;height:2in;margin:0;border:0;border-radius:0;box-shadow:none;break-after:page;page-break-after:always}@page{size:4in 2in;margin:0}}