.demo-root{background:var(--night-bg-deep);min-height:100vh}.demo-bar{height:56px;padding:0 var(--gutter);background:var(--night-bg-deep);border-bottom:1px solid var(--night-hairline);align-items:center;gap:16px;display:flex}.demo-label{color:var(--night-text-muted);font-size:.875rem}.demo-bar-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.demo-grid{padding:20px var(--gutter)32px;grid-template-columns:280px minmax(0,1fr) 372px;grid-template-areas:"guide portal device";align-items:start;gap:20px;display:grid}.demo-views{display:none}.demo-guide{grid-area:guide;gap:16px;display:grid;position:sticky;top:20px}.demo-guide h1{font-size:1.375rem}.demo-intro,.demo-sync{color:var(--night-text-muted);font-size:.875rem}.demo-sync a{color:var(--night-text)}.demo-tasks{counter-reset:task;gap:10px;margin:0;padding:0;list-style:none;display:grid}.demo-tasks li{color:var(--night-text-soft);counter-increment:task;grid-template-columns:22px 1fr;gap:10px;font-size:.9375rem;display:grid}.demo-check{border:1.5px solid var(--night-line);width:22px;height:22px;font:600 .75rem/1 var(--mono);color:var(--night-text-muted);border-radius:50%;place-items:center;display:grid}.demo-check:before{content:counter(task)}.demo-tasks li.is-done{color:var(--night-text-muted)}.demo-tasks li.is-done .demo-check{background:var(--night-ok);border-color:var(--night-ok);color:var(--night-bg-deep)}.demo-tasks li.is-done .demo-check:before{content:"✓"}.demo-done{border-radius:var(--radius-sm);background:var(--night-ok-tint);color:var(--night-text);padding:10px 12px;font-size:.875rem}.demo-airline{border:1px dashed var(--night-line);border-radius:var(--radius-md);gap:8px;padding:14px;display:grid}.demo-airline h2{font-size:1rem}.demo-airline p{color:var(--night-text-muted);font-size:.8125rem}.demo-airline .btn{justify-content:flex-start;font-size:.875rem}.demo-portal{grid-area:portal;min-width:0}.pt{background:var(--night-bg);border-radius:var(--radius-md);font-size:.875rem;overflow:hidden}.pt .mono,.pt .num{font-family:var(--mono);font-variant-numeric:tabular-nums}.pt .num{text-align:right}.pt-top{background:var(--night-surface);justify-content:space-between;padding:12px 18px;font-weight:600;display:flex}.pt-station{color:var(--night-text-muted);font-weight:400}.pt-body{gap:16px;padding:16px 18px 20px;display:grid}.pt table{border-collapse:collapse;width:100%}.pt th,.pt td{text-align:left;padding:7px 8px;font-weight:400}.pt thead th{color:var(--night-text-muted);border-bottom:1px solid var(--night-hairline);font-size:.75rem}.pt-flights caption{text-align:left;font:600 .9375rem/1.3 var(--display);padding-bottom:6px}.pt-flights tbody th{font-family:var(--mono);font-weight:500}.pt-flights tr.is-on{background:var(--night-surface-raised);box-shadow:inset 3px 0 0 var(--night-accent)}.pt-flights tr.is-off{color:var(--night-text-faint)}.pt-flight h3{font-size:1.375rem}.pt-flight h3 span{color:var(--night-text-muted);margin-left:8px;font-size:1rem;font-weight:500}.pt-flight p{color:var(--night-text-muted)}.pt-alert{border-radius:var(--radius-sm);background:var(--night-alert-tint);box-shadow:inset 3px 0 0 var(--night-alert);padding:10px 12px;animation:.24s ease-out pt-in}@keyframes pt-in{0%{opacity:0;transform:translateY(-4px)}}.pt-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pt-stages li{border-radius:var(--radius-sm);background:var(--night-surface);gap:8px;padding:12px;display:grid}.pt-stage-head{justify-content:space-between;align-items:center;display:flex}.pt-stage-head h4{font:600 .875rem/1 var(--sans);margin:0}.pt-pill{border-radius:var(--radius-pill);background:var(--night-surface-raised);color:var(--night-text-soft);padding:3px 8px;font-size:.6875rem}.pt-pill.is-closed{background:var(--night-track);color:var(--night-text-muted)}.pt-stage-num{font:600 1.5rem/1 var(--display);font-variant-numeric:tabular-nums}.pt-stage-num span{font:400 .75rem/1 var(--sans);color:var(--night-text-muted)}.pt-bar{background:var(--night-track);border-radius:2px;height:4px;overflow:hidden}.pt-bar span{background:var(--night-ok);height:100%;transition:width .3s ease-out;display:block}.pt-stage-foot{min-height:30px;color:var(--night-text-muted);justify-content:space-between;align-items:center;gap:6px;font-size:.8125rem;display:flex}.pt-pending{color:var(--night-warn)}.pt-btn{background:var(--night-surface-raised);color:var(--night-text);font:500 .8125rem/1 var(--sans);cursor:pointer;border:0;border-radius:6px;padding:6px 10px}.pt-btn:hover{background:var(--night-track)}.pt-stages li.is-closed .pt-bar span{background:var(--night-idle)}.pt-ulds h4{font:600 .875rem/1 var(--sans);margin:0 0 8px}.pt-ulds ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pt-ulds li{border-radius:var(--radius-sm);background:var(--night-surface);color:var(--night-text-muted);gap:2px;padding:8px 12px;font-size:.8125rem;display:grid}.pt-uld-code{font-family:var(--mono);color:var(--night-text)}.pt-ulds li.uld-loaded .pt-uld-code:after{content:"";background:var(--night-ok);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:8px;display:inline-block}.pt-uld-flag{color:var(--night-alert)}.pt-tabs{border-bottom:1px solid var(--night-hairline);gap:4px;display:flex}.pt-tab{color:var(--night-text-muted);font:500 .875rem/1 var(--sans);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 12px}.pt-tab[aria-selected=true]{color:var(--night-text);border-bottom-color:var(--night-accent)}.pt-count{font-family:var(--mono);color:var(--night-text-faint);margin-left:6px;font-size:.75rem}.pt-panel{gap:10px;display:grid}.pt-filters{gap:6px;display:flex}.pt-filters button{border-radius:var(--radius-pill);background:var(--night-surface);color:var(--night-text-muted);font:500 .8125rem/1 var(--sans);cursor:pointer;border:0;padding:6px 12px}.pt-filters button[aria-pressed=true]{background:var(--night-text);color:var(--night-bg-deep)}.pt-scroll{max-height:340px;overflow:auto}.pt-bags tbody tr:nth-child(2n){background:var(--night-surface)}.pt-bags tr.is-flagged{box-shadow:inset 3px 0 0 var(--night-alert)}.pt-type{font:600 .6875rem/1.3 var(--mono);border-radius:4px;margin-right:4px;padding:2px 6px;display:inline-block}.type-prio{background:var(--scan-prio-sub-bg);color:var(--night-bg-deep)}.type-cnx{background:var(--scan-cnx-bg);color:var(--scan-cnx-fg)}.type-cnx-short{background:var(--scan-cnx-short-bg);color:var(--scan-cnx-short-fg)}.type-rush{background:var(--scan-rush-bg);color:var(--scan-rush-fg)}.pt-status{color:var(--night-text-soft);font-size:.8125rem}.pt-status:before{content:"";background:var(--night-idle);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.st-AT_MAKEUP:before{background:var(--night-warn)}.st-LOADED:before{background:var(--night-ok)}.st-UNLOADED_MAKEUP:before,.st-flag:before{background:var(--night-alert)}.st-flag{color:var(--night-alert);font-weight:600}.pt-msgs,.pt-activity{margin:0;padding:0;list-style:none}.pt-msgs button{border:0;border-bottom:1px solid var(--night-hairline);width:100%;color:var(--night-text-soft);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:3.5rem 5.5rem 4.5rem 1fr;align-items:center;gap:8px;padding:7px 8px;display:grid}.pt-msgs button:hover{background:var(--night-surface)}.pt-dir{font-size:.75rem}.dir-received{color:var(--night-text-muted)}.dir-sent{color:var(--night-ok)}.pt-msg-type{font-family:var(--mono);color:var(--night-text);font-weight:600}.pt-msgs pre{background:var(--night-bg-deep);color:var(--night-text-soft);font:.8125rem/1.5 var(--mono);white-space:pre-wrap;margin:0;padding:10px 12px}.pt-activity li{border-bottom:1px solid var(--night-hairline);color:var(--night-text-soft);grid-template-columns:3.5rem 6.5rem 1fr;gap:8px;padding:7px 8px;display:grid}.pt-who{font-family:var(--mono);color:var(--night-text-muted)}.pt-where{color:var(--night-text-muted)}.pt-empty{color:var(--night-text-muted);padding:12px 0}.demo-device{grid-area:device;position:sticky;top:20px}.device{background:var(--night-surface-raised);width:100%;max-width:372px;height:min(780px,100vh - 116px);min-height:560px;box-shadow:inset 0 0 0 1px var(--night-line);border-radius:34px;margin:0 auto;padding:10px}.device .ph{border-radius:26px;height:100%}.ph{background:var(--ramp-bg);color:var(--ramp-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;font-size:.875rem;display:flex;overflow:hidden}.ph :focus-visible{outline-color:var(--ramp-accent-on-light)}.ph-head{background:var(--ramp-header);color:var(--ramp-on-header);gap:8px;padding:12px 12px 10px;display:grid}.ph-head-row{align-items:baseline;gap:8px;display:flex}.ph-flight{font:600 1.125rem/1 var(--display)}.ph-route{color:var(--ramp-on-header-muted);font-size:.8125rem}.ph-live{background:var(--ramp-live);border-radius:50%;width:8px;height:8px;margin-left:auto}.ph-seg{background:var(--ramp-header-raised);border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.ph-seg button{color:var(--ramp-on-header-muted);font:600 .8125rem/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 0}.ph-seg button[aria-pressed=true]{background:var(--ramp-on-header);color:var(--ramp-header)}.ph-stats{gap:16px;margin:0;display:flex}.ph-stats div{gap:2px;display:grid}.ph-stats dt{color:var(--ramp-on-header-muted);font-size:.6875rem}.ph-stats dd{font:600 1.125rem/1 var(--mono);font-variant-numeric:tabular-nums;margin:0}.ph-stats dd span{color:var(--ramp-on-header-muted);font-size:.8125rem}.ph-uld{text-align:right;margin-left:auto}.ph-uld dd{font-size:.875rem;line-height:1.3}.ph-result{background:var(--ramp-card);border-bottom:1px solid var(--ramp-border);text-align:center;align-content:center;gap:4px;min-height:118px;padding:12px 14px;display:grid}.ph-result:not(:has(.ph-ready)){animation:.26s ease-out ph-flash}@keyframes ph-flash{0%{filter:brightness(1.35);transform:scale(.985)}}.ph-ready{color:var(--ramp-text-muted)}.ph-res-label{font:700 1.5rem/1.1 var(--display);letter-spacing:.01em}.ph-res-sub{font:600 .9375rem/1.2 var(--sans)}.ph-res-bag{font:500 .8125rem/1.3 var(--mono);opacity:.92;flex-wrap:wrap;justify-content:center;gap:4px 12px;display:flex}.ph-res-action{background:var(--ramp-card);color:var(--ramp-text);font:600 .875rem/1 var(--sans);cursor:pointer;border:0;border-radius:8px;justify-self:center;margin-top:4px;padding:9px 14px}.res-ok,.res-prio,.res-batch{background:var(--scan-ok-bg);color:var(--scan-ok-fg)}.res-prio .ph-res-sub{background:var(--scan-prio-sub-bg);color:var(--ramp-text);border-radius:4px;justify-self:center;padding:2px 8px}.res-cnx,.res-cnx-prio{background:var(--scan-cnx-bg);color:var(--scan-cnx-fg)}.res-cnx-short,.res-cnx-short-prio{background:var(--scan-cnx-short-bg);color:var(--scan-cnx-short-fg)}.res-rush{background:var(--scan-rush-bg);color:var(--scan-rush-fg)}.res-duplicate,.res-not-found,.res-deleted-bag,.res-read-error,.res-no-bags,.res-uld-blocked{background:var(--scan-not-found-bg);color:var(--scan-not-found-fg)}.res-offload-required{background:var(--scan-offload-required-bg);color:var(--scan-offload-required-fg)}.res-unload-makeup{background:var(--scan-unload-makeup-bg);color:var(--scan-unload-makeup-fg)}.res-uld-selected{background:var(--ramp-header-raised);color:var(--ramp-on-header)}.ph-input{background:var(--ramp-card);border-bottom:1px solid var(--ramp-border);gap:6px;padding:10px 12px;display:flex}.ph-input input{border:1px solid var(--ramp-border);background:var(--ramp-bg);min-width:0;height:40px;color:var(--ramp-text);font:500 .9375rem/1 var(--mono);border-radius:8px;flex:1;padding:0 10px}.ph-input button{background:var(--ramp-header);color:var(--ramp-on-header);font:600 .875rem/1 var(--sans);cursor:pointer;border:0;border-radius:8px;padding:0 14px}.ph-tray{flex:1;padding:10px 12px 16px;overflow:auto}.ph-tray-title{font-weight:600}.ph-tray-title span{color:var(--ramp-text-muted);font-weight:400}.ph-group{color:var(--ramp-text-muted);margin:12px 0 6px;font-size:.75rem;font-weight:600}.ph-ulds,.ph-bags{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ph-ulds{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ph-uldcard,.ph-tag{border:1px solid var(--ramp-border);background:var(--ramp-card);width:100%;color:var(--ramp-text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;gap:2px;padding:8px 10px;display:grid}.ph-uldcard:hover,.ph-tag:hover{border-color:var(--ramp-text-muted)}.ph-uldcard:disabled{opacity:.55;cursor:default}.ph-uldcard.is-on{border-color:var(--ramp-header);box-shadow:inset 0 0 0 1px var(--ramp-header)}.ph-uld-code,.ph-tag-num{font:600 .875rem/1.2 var(--mono)}.ph-uld-meta,.ph-tag-pax,.ph-tag-note{color:var(--ramp-text-muted);font-size:.75rem}.ph-flag{color:var(--ramp-offload);font-size:.75rem;font-weight:600}.ph-tag{grid-template-columns:auto 1fr;column-gap:10px}.ph-tag-pax{text-align:right}.ph-tag-note{grid-column:1/-1}.ph-tag.tag-flagged{border-color:var(--ramp-offload);box-shadow:inset 3px 0 0 var(--ramp-offload)}.ph-tag.tag-flagged .ph-tag-note{color:var(--ramp-offload);font-weight:600}.ph-tag.tag-stray{border-style:dashed}.ph-tag.tag-built{background:var(--ramp-bg)}.ph-locked{background:var(--ramp-card);border:1px solid var(--ramp-border);text-align:center;color:var(--ramp-text-muted);border-radius:10px;gap:6px;padding:18px 14px;display:grid}.ph-locked-title{font:600 1.125rem/1.2 var(--display);color:var(--ramp-text)}.demo-note{padding:10px var(--gutter);color:var(--night-text-muted);font-size:.8125rem}.demo-note a{color:var(--night-text)}.phone-solo{max-width:480px;margin:0 auto}.phone-solo .ph{min-height:calc(100vh - 100px)}@media (max-width:1240px){.demo-grid{grid-template-columns:minmax(0,1fr) 372px;grid-template-areas:"guide guide""portal device"}.demo-guide{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;position:static}.demo-guide h1,.demo-intro{grid-column:1/-1}}@media (max-width:900px){.demo-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"views""device""portal""guide";gap:14px;padding-top:12px}.demo-guide{grid-template-columns:minmax(0,1fr)}.demo-views{background:var(--night-surface);border-radius:10px;grid-area:views;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.demo-views button{color:var(--night-text-muted);font:600 .9375rem/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 0}.demo-views button[aria-pressed=true]{background:var(--night-text);color:var(--night-bg-deep)}.demo-grid[data-view=phone] .demo-portal,.demo-grid[data-view=portal] .demo-device{display:none}.demo-device{position:static}.device{height:680px}.demo-label,.demo-bar .btn{display:none}.pt-stages{grid-template-columns:minmax(0,1fr)}.pt-body{padding:14px 12px}.pt-msgs button{grid-template-columns:3rem 4.5rem 4rem 1fr}.pt-activity li{grid-template-columns:3rem 1fr}.pt-activity .pt-who{display:none}}@media (max-width:480px){.phone-solo .ph{min-height:calc(100vh - 92px)}.device{box-shadow:none;background:0 0;border-radius:0;height:640px;padding:0}.device .ph{border-radius:14px}}@media (prefers-reduced-motion:reduce){.ph-result,.pt-alert,.pt-bar span{transition:none!important;animation:none!important}}.pt-bags td.mono,.pt thead th,.pt-btn,.pt-stage-foot span{white-space:nowrap}.pt-stage-foot{flex-wrap:wrap}