:root{color-scheme:dark;--bg:#090817;--panel:#15122b;--line:#30294e;--ink:#f4f0ff;--muted:#aaa2ca;--accent:#8b7bff;--cyan:#75d6ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Segoe UI,Arial,sans-serif}.wrap{max-width:1500px;margin:auto;padding:24px 28px}header,.header-actions,.toolbar,.controls,.tools,.tools>div,.card-head,.card-foot,.progress-labels{display:flex;align-items:center;justify-content:space-between;gap:12px}header{margin-bottom:25px;flex-wrap:wrap}h1{margin:0;font-size:27px}p{color:var(--muted);margin:7px 0 0}h3{margin:0 0 12px;font-size:16px}.panel,.card{background:linear-gradient(140deg,#19152f,#121024);border:1px solid var(--line);border-radius:13px}.panel{padding:20px;margin-bottom:18px}textarea,input{background:#251f46;border:1px solid #352c5a;color:var(--ink);border-radius:8px;padding:13px;outline:none}textarea{width:100%;height:116px;resize:vertical;font:13px Consolas,monospace}input{min-width:280px}textarea:focus,input:focus{border-color:var(--accent)}button{background:#1c1a36;color:#b7dfff;border:1px solid #365071;padding:9px 12px;border-radius:8px;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.22)}button:disabled{opacity:.45;cursor:wait}.primary{background:linear-gradient(110deg,#8364f5,#58a5f6);color:#fff;border:0}.danger{border-color:#673247;color:#ff8595;background:#281627}.toolbar{margin-top:12px;flex-wrap:wrap}.toolbar span,.summary,footer{color:var(--muted);font-size:12px}.message{padding:12px;margin-top:13px;background:#25264a;border-radius:8px;color:#c5dfff}.message.error{background:#42202d;color:#ffc0cb}.hidden{display:none!important}.controls{margin:15px 0;flex-wrap:wrap}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border-radius:22px;border-color:#373052;color:#ded6ff}.filters button.selected{border-color:var(--cyan);background:#193044;color:var(--cyan)}.filters b{margin-left:4px}.tools{flex-wrap:wrap;margin-bottom:16px}.tools>div{flex-wrap:wrap;justify-content:flex-start}.summary{margin:12px 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{padding:17px;min-height:245px;border-left:4px solid #65617c}.card.transit{border-left-color:#71b7ff}.card.out{border-left-color:#f5bf61}.card.delivered{border-left-color:#4ccaa0}.card.bad{border-left-color:#f27889}.card.error{border-left-color:#f39d63}.card-head{align-items:flex-start}.number{font:700 13px Consolas,monospace;overflow-wrap:anywhere}.client{color:#a99aca;font-size:12px;margin:10px 0}.client button{border:0;background:none;padding:0;color:#a99aca;text-align:left;font-weight:400}.pill{display:inline-block;border-radius:18px;background:#292548;color:#ddd6ff;padding:8px 11px;font-weight:700;font-size:12px}.pill.delivered{background:#173d36;color:#80e5bd}.pill.transit{background:#1d3451;color:#9bcfff}.pill.out{background:#4c361e;color:#ffdc8a}.pill.bad,.pill.error{background:#44232f;color:#ffa7b0}.movement{font-size:12px;line-height:1.5;color:#c0b8d6;margin:12px 0;min-height:37px;overflow-wrap:anywhere}.small{color:var(--muted);font-size:11px}.eta{font-size:12px;color:#c5b6ff;margin:10px 0}.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:15px}.progress span{height:5px;border-radius:8px;background:#31274f}.progress span.active{background:#8a80ff}.progress-labels{gap:3px;font-size:9px;color:#9b8cc6;margin-top:6px}.card-foot{margin-top:17px}.card-foot a{color:#80d4ff;font-size:12px}.card-foot button{padding:6px 10px}.table-wrap{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:900px}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted)}td{overflow-wrap:anywhere}footer{margin:35px 0 10px;text-align:center}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.wrap{padding:16px}.cards{grid-template-columns:1fr}.controls input{width:100%;min-width:0}.tools{align-items:flex-start}.header-actions{flex-wrap:wrap}}

.mode-switch{display:flex;align-items:center;gap:7px;color:#c4b9ff;font-weight:700;white-space:nowrap}.mode-switch input{min-width:0;width:17px;height:17px;accent-color:#a18cff}.demo-panel{margin-top:15px;padding:15px;border:1px dashed #aa8aff;background:#252044;border-radius:10px}.demo-panel p{font-size:12px}.demo-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.demo-mode header{border-bottom:2px solid #8b7bff;padding-bottom:15px}.demo-mode .card{border-top:2px solid #735bb4}.demo-mode #connectionText{color:#b9a6ff}

/* V4: full-row status colors, left-aligned add button and stop control */
.toolbar{justify-content:flex-start}.toolbar #searchBtn{order:0}.toolbar #lineCount{order:1}
.stop-button{background:#572331;color:#fff;border:1px solid #ff718b;margin-left:8px}
.card.transit{border-color:#64caff;background:linear-gradient(145deg,#142c45,#102033)}
.card.out{border-color:#ffd15b;background:linear-gradient(145deg,#42371b,#282217)}
.card.delivered{border-color:#43d48b;background:linear-gradient(145deg,#173e2f,#10291f)}
.card.transit .progress span.active{background:#64caff}
.card.out .progress span.active{background:#ffd15b}
.card.delivered .progress span.active{background:#43d48b}
.status-row.transit{background:#173750}.status-row.out{background:#493b20}.status-row.delivered{background:#164331}
.status-row.transit td:first-child{border-left:4px solid #64caff}.status-row.out td:first-child{border-left:4px solid #ffd15b}.status-row.delivered td:first-child{border-left:4px solid #43d48b}

/* V5: unified bad/no-information category and UPS identification */
.number,.table-tracking{display:inline-flex;align-items:center;gap:7px;min-width:0}
.ups-logo{width:21px;height:25px;object-fit:contain;flex:none;vertical-align:middle}
.table-tracking{font-weight:700;font-family:Consolas,monospace}
th{font-size:14px;letter-spacing:.025em;white-space:nowrap}
.movement{font-size:14px;line-height:1.55}
.card.pending{border-left-color:#f27889}
.pill.pending{background:#44232f;color:#ffa7b0}
.status-row.pending td:first-child{border-left:4px solid #f27889}

/* V6: UPS Access Point pickup and live searching */
.card.pickup{border-color:#ff83c8;background:linear-gradient(145deg,#44203d,#27172d)}
.pill.pickup{background:#64254d;color:#ffc1e4}
.card.pickup .progress span.active{background:#ff83c8}
.status-row.pickup{background:#48213d}
.status-row.pickup td:first-child{border-left:4px solid #ff83c8}
.card.searching{border-color:#b9a6ff;background:linear-gradient(145deg,#2a254c,#19172e)}
.pill.searching{background:#3b326a;color:#ded4ff}
.status-row.searching{background:#2b2549}
.status-row.searching td:first-child{border-left:4px solid #b9a6ff}

/* V8: compact cards, full-size readable type, stable UPS mark */
.cards{gap:12px}
.card{padding:13px 15px;min-height:0;display:flex;flex-direction:column}
.card-head{gap:8px;align-items:center;min-width:0}
.number{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere;line-height:1.3}
.ups-logo{display:block;width:21px;height:25px;min-width:21px;flex:0 0 21px;object-fit:contain}
.client{margin:7px 0}
.pill{padding:6px 10px}
.movement{margin:8px 0;min-height:0;font-size:14px;line-height:1.45}
.progress{margin-top:10px}
.progress-labels{margin-top:5px}
.eta{margin:8px 0}
.card-foot{margin-top:auto;padding-top:10px}
.card.returned{border-color:#e32636;background:linear-gradient(145deg,#36151d,#1b111d)}
.pill.returned{background:#8e1725;color:#fff}
.card.returned .progress span.active{background:#e32636}
.status-row.returned{background:#40171f}
.status-row.returned td:first-child{border-left:4px solid #e32636}

/* V9: UPS detailed status palette */
.card.attempted{border-color:#D97721;background:linear-gradient(145deg,#3d2614,#151322)}
.pill.attempted{background:#3d2614;color:#ffe1bd;border:1px solid #D97721}
.card.attempted .progress span.active{background:#D97721}
.status-row.attempted{background:#3d2614}
.status-row.attempted td:first-child{border-left:4px solid #D97721}
.card.rescheduled{border-color:#1bc5bb;background:linear-gradient(145deg,#103735,#151322)}
.pill.rescheduled{background:#103735;color:#b3fff4;border:1px solid #1bc5bb}
.card.rescheduled .progress span.active{background:#1bc5bb}
.status-row.rescheduled{background:#103735}
.status-row.rescheduled td:first-child{border-left:4px solid #1bc5bb}
.card.returning{border-color:#e45252;background:linear-gradient(145deg,#3c1a24,#151322)}
.pill.returning{background:#3c1a24;color:#ffd0d0;border:1px solid #e45252}
.card.returning .progress span.active{background:#e45252}
.status-row.returning{background:#3c1a24}
.status-row.returning td:first-child{border-left:4px solid #e45252}
.card.delayed{border-color:#e9933c;background:linear-gradient(145deg,#3e2b1c,#151322)}
.pill.delayed{background:#3e2b1c;color:#ffdeb5;border:1px solid #e9933c}
.card.delayed .progress span.active{background:#e9933c}
.status-row.delayed{background:#3e2b1c}
.status-row.delayed td:first-child{border-left:4px solid #e9933c}
.card.exception{border-color:#e87971;background:linear-gradient(145deg,#402225,#151322)}
.pill.exception{background:#402225;color:#ffd5d1;border:1px solid #e87971}
.card.exception .progress span.active{background:#e87971}
.status-row.exception{background:#402225}
.status-row.exception td:first-child{border-left:4px solid #e87971}
.card.label{border-color:#9099aa;background:linear-gradient(145deg,#292d3c,#151322)}
.pill.label{background:#292d3c;color:#e0e5ef;border:1px solid #9099aa}
.card.label .progress span.active{background:#9099aa}
.status-row.label{background:#292d3c}
.status-row.label td:first-child{border-left:4px solid #9099aa}
.card.held{border-color:#a57bff;background:linear-gradient(145deg,#302147,#151322)}
.pill.held{background:#302147;color:#e8d7ff;border:1px solid #a57bff}
.card.held .progress span.active{background:#a57bff}
.status-row.held{background:#302147}
.status-row.held td:first-child{border-left:4px solid #a57bff}
.card.customs{border-color:#a78bfa;background:linear-gradient(145deg,#30234b,#151322)}
.pill.customs{background:#30234b;color:#e7ddff;border:1px solid #a78bfa}
.card.customs .progress span.active{background:#a78bfa}
.status-row.customs{background:#30234b}
.status-row.customs td:first-child{border-left:4px solid #a78bfa}
.card.transferred{border-color:#558de9;background:linear-gradient(145deg,#1b2d4c,#151322)}
.pill.transferred{background:#1b2d4c;color:#d1e3ff;border:1px solid #558de9}
.card.transferred .progress span.active{background:#558de9}
.status-row.transferred{background:#1b2d4c}
.status-row.transferred td:first-child{border-left:4px solid #558de9}
.card.scheduled{border-color:#55b9e8;background:linear-gradient(145deg,#163646,#151322)}
.pill.scheduled{background:#163646;color:#d0f3ff;border:1px solid #55b9e8}
.card.scheduled .progress span.active{background:#55b9e8}
.status-row.scheduled{background:#163646}
.status-row.scheduled td:first-child{border-left:4px solid #55b9e8}
.card.voided{border-color:#8993a8;background:linear-gradient(145deg,#282d3a,#151322)}
.pill.voided{background:#282d3a;color:#d9dfec;border:1px solid #8993a8}
.card.voided .progress span.active{background:#8993a8}
.status-row.voided{background:#282d3a}
.status-row.voided td:first-child{border-left:4px solid #8993a8}

/* V10: búsqueda sin resultado no equivale a tracking inválido */
.status-row.unverified{border-left:4px solid #8895ab}
.status-card.unverified,.tracking-card.unverified{border-left:4px solid #8895ab}
/* Tracking Center V17 — Midnight Tech */
:root{--bg:#050d1c;--panel:#0b1931;--line:#1e3962;--ink:#edf5ff;--muted:#93a9c9;--accent:#386bff;--cyan:#22baff;color-scheme:dark}
body{background:radial-gradient(ellipse at 78% -10%,#112d5a 0,transparent 48%),#050d1c;font-family:Inter,'Segoe UI',Arial,sans-serif}
.app-shell{display:flex;min-height:100vh}.sidebar{width:256px;flex:0 0 256px;background:linear-gradient(180deg,#061225,#09172e);border-right:1px solid #1b3254;padding:26px 17px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.side-brand{display:flex;gap:10px;align-items:center;margin-bottom:40px}.side-brand strong{font-size:18px;letter-spacing:-.5px;white-space:nowrap}.side-brand small{display:block;color:#8fa9cf;font-size:9px;letter-spacing:1.2px;margin-top:6px}.brand-mark{color:#25bfff;font-size:40px;text-shadow:0 0 22px #247bff}.sidebar nav{display:grid;gap:7px}.sidebar nav button,.side-bottom button{border:0;text-align:left;background:transparent;color:#a8c2e6;padding:14px 15px;font-size:13px;border-radius:11px}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#1754c9,#132c65);box-shadow:inset 0 0 0 1px #3566d0}.side-bottom{margin-top:auto;border-top:1px solid #1c365b;padding-top:18px;color:#a8c2e6}.side-bottom button{width:100%}.wrap{width:calc(100% - 256px);max-width:1700px;padding:25px 30px 50px}header{padding-bottom:19px;border-bottom:1px solid #203859}h1{font-size:26px}.panel,.card,.table-wrap{background:linear-gradient(145deg,#0d1e3a,#081529);border-color:#23416e;border-radius:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.metric{background:linear-gradient(135deg,#112c63,#0b1c3b);border:1px solid #2857bd;border-radius:15px;padding:19px 23px;box-shadow:inset 0 -2px #305ee8}.metric small{display:block;color:#a8c6f2;font-size:13px}.metric strong{display:block;font-size:35px;margin-top:10px}.metric.green{background:linear-gradient(135deg,#063b36,#082323);border-color:#08785b;box-shadow:inset 0 -2px #0da56c}.metric.cyan{background:linear-gradient(135deg,#082f59,#081d38);border-color:#1169bc;box-shadow:inset 0 -2px #149cf0}.metric.red{background:linear-gradient(135deg,#422036,#1d172b);border-color:#a83e5e;box-shadow:inset 0 -2px #d14b70}.controls{display:flex;align-items:center;gap:13px}.section-label{color:#8fc9ff;font-size:14px;font-weight:700;white-space:nowrap}.filter-wrap{flex:1;min-width:0}.filters{gap:7px}.filters button{background:#10203d;border-color:#28466f;color:#b9cdea}.filters button.selected{background:#143b82;border-color:#3987ff;color:#e7f4ff;box-shadow:0 0 12px #1366ef55}.other-filters{margin:12px 0}.other-filters summary{display:inline-flex;align-items:center;gap:9px;cursor:pointer;background:#0e203f;border:1px solid #2b4a79;border-radius:10px;padding:10px 14px;color:#c5dcff;font-weight:600}.other-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.other-buttons button{border-radius:20px}.bubble{display:inline-flex;background:#e44365;color:white;border-radius:30px;min-width:21px;height:21px;align-items:center;justify-content:center;padding:0 5px;font-size:11px}.ups-word{font-family:Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.3px;background:#1b355b;color:#eaf4ff;padding:5px 7px;border-radius:6px}.card{border-left-width:2px;box-shadow:0 10px 26px #0003}.status-row{background:#0d1b34!important}.status-row:hover{background:#14294c!important}.table-wrap{box-shadow:0 12px 35px #0004}th{background:#142b4e;color:#bbd1ed}.primary{background:linear-gradient(115deg,#186df2,#6250f8);box-shadow:0 5px 18px #234cff33}input,textarea{background:#0a1932;border-color:#2b4772}.page-hidden{display:none!important}.auth-screen{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:radial-gradient(circle at 50% 25%,#163d83,#050d1c 65%)}.auth-box{width:100%;max-width:410px;border:1px solid #2c5187;background:linear-gradient(145deg,#10264b,#081528);border-radius:22px;padding:35px;box-shadow:0 25px 80px #0007;display:grid;gap:16px}.auth-box .brand-mark{text-align:center}.auth-box h1{text-align:center;font-size:25px}.auth-box p{text-align:center;margin:0 0 12px}.auth-box label{display:grid;gap:8px;color:#b8cbea}.auth-box input{width:100%;min-width:0}.auth-box button{padding:13px}.auth-error{color:#ff91a7}.v17{font-size:11px;color:#35d4ff;vertical-align:top}.user-form{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.user-form input{min-width:180px;flex:1}.user-entry{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #26436d}.user-entry span{color:#a2b7d5;font-size:12px}.user-entry button{white-space:nowrap}#keyForm{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}#apiKeyInput{flex:1;min-width:230px}
@media(max-width:1100px){.sidebar{width:205px;flex-basis:205px}.wrap{width:calc(100% - 205px)}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;min-height:0;padding:12px}.side-brand{margin:0 0 10px}.sidebar nav{display:flex;overflow:auto;gap:5px}.sidebar nav button{white-space:nowrap;padding:10px}.side-bottom{display:flex;align-items:center;justify-content:space-between;padding:5px 10px}.side-bottom button{width:auto}.wrap{width:100%;padding:18px}.metrics{gap:9px}.metric{padding:13px}.metric strong{font-size:25px}.controls{align-items:flex-start;flex-direction:column}.filter-wrap{width:100%}.user-entry{flex-wrap:wrap}}
/* V17 Midnight Tech — signature dashboard refinements */
:root{--bg:#040b19;--panel:#09172e;--line:#24416d;--accent:#286dff}
.sidebar{background:radial-gradient(circle at 45% 78%,#0b326e 0,transparent 36%),linear-gradient(180deg,#050f22,#08152b);padding:27px 18px}
.side-brand{padding-bottom:12px}.side-brand .brand-mark{display:grid;place-items:center;width:48px;height:48px;background:linear-gradient(145deg,#00d5fa,#3260ff);border-radius:14px;color:#03122a;font-size:35px;box-shadow:0 8px 25px #0478fb44}.side-brand strong{font-size:19px}
.sidebar nav button{font-size:15px;padding:15px 17px;cursor:pointer;transition:background .15s,color .15s}.sidebar nav button:hover{background:#152c52;color:white}.sidebar nav button.active{background:linear-gradient(110deg,#1a57cb,#0d2553);border:1px solid #286bff;box-shadow:0 0 20px #0a58fc33}
.wrap{max-width:none;padding:23px 25px 44px}header{margin-bottom:24px;align-items:center}header h1{font-size:30px;letter-spacing:-.8px}header p{font-size:13px;color:#a4bde1}
.metrics{gap:18px;margin:10px 0 30px}.metric{min-height:118px;padding:20px 23px 18px 88px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.metric:before{content:'⬡';position:absolute;left:21px;top:31px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#2555c355;color:#8ab9ff;font-size:27px}.metric.green:before{content:'✓';background:#037b5944;color:#22e9a4}.metric.cyan:before{content:'↗';background:#036cc344;color:#27c1ff}.metric.red:before{content:'!';background:#d83c5e33;color:#ff8598}.metric small{font-size:14px;color:#d0e0f7}.metric strong{font-size:37px;margin-top:5px}
.controls{position:relative;display:block;margin-top:0;margin-bottom:14px}.section-label{font-size:19px;margin:0 0 19px;color:#92caff}.filter-wrap{width:100%}.filters{display:flex;flex-wrap:wrap;gap:10px}.filters button{border-radius:14px;min-height:48px;padding:11px 14px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:9px;justify-content:center;box-shadow:inset 0 1px #ffffff0c}.filters button b{background:#294875;padding:3px 7px;border-radius:20px}.filters button.selected{box-shadow:0 0 18px #1366ef66,inset 0 0 0 1px #318dff;background:linear-gradient(135deg,#0862e7,#133d95)}.filters button[data-filter="delivered"]{border-color:#096e5a;color:#80f3c6;background:#092c2b}.filters button[data-filter="bad"]{border-color:#95435a;color:#ff9dac;background:#321b30}
.other-filters{margin:9px 0 12px}.other-filters summary{font-size:13px}.other-filters .bubble{box-shadow:0 0 0 3px #e4436522}
.tools{border:1px solid #1d3d69;border-bottom:0;background:#0b1c37;border-radius:16px 16px 0 0;padding:16px 18px;margin-top:24px}.tools button{border-radius:10px}.table-wrap{border-radius:0 0 16px 16px;border:1px solid #24416d;overflow:auto}table{width:100%;border-collapse:collapse}th{font-size:12px;letter-spacing:.3px;padding:14px 12px;background:#152c51}td{padding:12px 12px;font-size:13px;border-bottom:1px solid #21395c}.status-row{background:#09172e!important}.status-row:hover{background:#132949!important}.table-tracking{display:flex;align-items:center;gap:10px;font-weight:650}.ups-word{padding:6px 9px;font-size:11px;border:1px solid #34527d;background:#203759}.pill{border-radius:22px;font-weight:700}.summary{color:#aec3e0;padding:12px 3px}.primary{border-radius:10px}.side-bottom{border-top:1px solid #203b64}
.user-entry{background:#0c1d38;border:1px solid #203e69;border-radius:12px;margin:9px 0}.user-info{display:flex;flex-direction:column;gap:6px}.user-actions{display:flex;gap:9px;flex-wrap:wrap}.user-actions button{background:#163464;border:1px solid #315991;border-radius:9px;color:#e6f1ff;padding:9px 12px}.user-actions button:hover{background:#1e4a8d}.hidden{display:none!important}
@media(max-width:1350px){.metric{padding-left:70px}.metric:before{left:14px;width:43px;height:43px}.metric small{font-size:12px}}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{padding:18px}.sidebar{width:205px;flex-basis:205px}.wrap{width:calc(100% - 205px)}}
@media(max-width:720px){.sidebar{width:100%;height:auto}.wrap{width:100%}.metric{min-height:98px;padding:14px 10px 14px 60px}.metric:before{left:9px;top:27px;width:39px;height:39px}.metric strong{font-size:29px}.filters button{min-height:42px}.tools{flex-wrap:wrap;gap:9px}}
#connectionText {
    display: none !important;
}