:root{
 --bg:#0f1110;--sidebar:#151716;--top:#191b1a;--panel:#1a1d1b;--panel2:#202321;--control:#272a28;--border:#323633;
 --text:#f2eee7;--muted:#9c9992;--purple:#b692f6;--purple2:#8f6fd0;--purple-bg:#24202c;--purple-border:#6d5988;
 --blue:#8ab8f8;--cyan:#76d4dc;--green:#86d6ae;--amber:#e4c67d;--danger:#e88791;--shadow:0 20px 60px rgba(0,0,0,.28);
 --radius:12px;--sidebar-w:226px;--sidebar-mini:78px;
}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 18% -10%,rgba(182,146,246,.08),transparent 27%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.ui-icon.tiny{width:13px;height:13px}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);transition:grid-template-columns .2s ease}.sidebar{position:sticky;top:0;height:100vh;background:rgba(21,23,22,.96);backdrop-filter:blur(16px);border-right:1px solid var(--border);padding:16px 13px;display:flex;flex-direction:column;z-index:40}.brand-row{height:48px;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.brand{display:flex;align-items:center;gap:10px;padding:0 5px;min-width:0}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--purple-border);border-radius:10px;background:linear-gradient(145deg,#2b2535,#211e27);color:var(--purple);box-shadow:inset 0 1px rgba(255,255,255,.04)}.brand-icon{width:20px;height:20px}.brand-name{display:flex;flex-direction:column;line-height:1}.brand-name b{font-size:15px;letter-spacing:.02em}.brand-name small{margin-top:5px;color:#77746f;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.collapse-button{width:29px;height:29px;border:1px solid transparent;border-radius:8px;background:transparent;color:#6e6c67;display:grid;place-items:center;cursor:pointer;transition:.15s}.collapse-button:hover{border-color:var(--border);background:var(--panel2);color:var(--text)}.collapse-button .ui-icon{width:14px;height:14px;transform:rotate(180deg);transition:.2s}.nav{display:grid;gap:5px}.nav-item{min-height:42px;padding:0 11px;border:1px solid transparent;border-radius:9px;display:flex;align-items:center;gap:11px;color:#918e88;transition:.14s;white-space:nowrap}.nav-item .ui-icon{width:17px;height:17px;color:#7c7974}.nav-item:hover{background:var(--panel2);border-color:var(--border);color:var(--text)}.nav-item.active{background:var(--purple-bg);border-color:rgba(109,89,136,.6);color:var(--text)}.nav-item.active .ui-icon{color:var(--purple)}.command-side{margin-top:17px;width:100%;min-height:39px;padding:0 9px;border:1px solid var(--border);border-radius:9px;background:#171918;color:#817e78;display:flex;align-items:center;gap:9px;cursor:pointer}.command-side span{flex:1;text-align:left}.command-side kbd,.global-search kbd{padding:2px 5px;border:1px solid #3b3e3b;border-bottom-color:#4b4e4b;border-radius:5px;background:#202321;color:#76736e;font-size:9px}.sidebar-bottom{margin-top:auto;padding:12px 8px 4px;color:#65635f;font-size:10px}.system-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(134,214,174,.06)}.shell{min-width:0}.topbar{height:66px;position:sticky;top:0;z-index:30;padding:0 26px;background:rgba(25,27,26,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr minmax(250px,420px) 1fr;align-items:center;gap:18px}.crumb{display:flex;gap:7px;align-items:center;color:#6f6c67;font-size:12px}.crumb-product{color:var(--purple);font-weight:800}.crumb strong{color:#b2aea7;font-weight:600}.global-search{height:37px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:#151716;color:#6f6c67;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left}.global-search span{flex:1}.global-search:hover{border-color:#494d49;background:#181b19}.topbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.db-chip{height:32px;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:#171918;color:#8c8983;display:flex;align-items:center;gap:6px;font-size:10px}.db-chip>span{width:6px;height:6px;border-radius:50%;background:var(--green)}.db-chip .ui-icon{width:13px;height:13px}.top-new{width:34px;height:34px;border:1px solid var(--purple-border);border-radius:9px;background:var(--purple-bg);color:var(--purple);display:grid;place-items:center}.content{max-width:1520px;margin:0 auto;padding:27px}.toast-message{margin-bottom:14px;padding:11px 13px;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;gap:9px;transition:.25s}.toast-message.success{color:var(--green);background:rgba(134,214,174,.06);border-color:rgba(134,214,174,.18)}.toast-message.error{color:var(--danger);background:rgba(232,135,145,.06);border-color:rgba(232,135,145,.18)}.toast-message.leaving{opacity:0;transform:translateY(-5px)}.eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--purple);font-size:9px;font-weight:850;letter-spacing:.17em}.hero-v4{min-height:252px;padding:30px 32px;border:1px solid var(--purple-border);border-radius:14px;background:linear-gradient(115deg,rgba(182,146,246,.105),rgba(182,146,246,.02) 46%,transparent 70%),#1c1b20;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero-v4:before{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-190px;border:1px solid rgba(182,146,246,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(182,146,246,.018),0 0 0 110px rgba(182,146,246,.01)}.hero-copy{position:relative;z-index:2}.hero-v4 h1{margin:0;font-size:clamp(40px,4.7vw,67px);line-height:.98;letter-spacing:-.05em;font-weight:770}.hero-v4 h1 span{color:#c5b6df}.hero-v4 p{max-width:590px;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.hero-actions{margin-top:24px;display:flex;gap:8px}.primary-action,.secondary-action,.danger-action,.ghost-button{border-radius:9px;cursor:pointer;transition:.15s}.primary-action{min-height:43px;padding:0 14px;border:1px solid #c1a4ef;background:var(--purple);color:#17131c;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary-action:hover{transform:translateY(-1px);filter:brightness(1.04)}.primary-action.inline{width:auto;min-width:0}.primary-action .ui-icon{width:16px;height:16px}.secondary-action,.danger-action,.ghost-button{min-height:42px;padding:0 13px;border:1px solid var(--border);background:var(--control);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary-action:hover,.ghost-button:hover{border-color:var(--purple-border);color:var(--purple)}.danger-action{color:var(--danger);background:rgba(232,135,145,.03)}.hero-orbit{width:205px;height:205px;position:relative;flex:0 0 auto;display:grid;place-items:center;margin-right:32px}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(182,146,246,.18);border-radius:50%}.hero-orbit:before{width:150px;height:150px}.hero-orbit:after{width:205px;height:205px;border-style:dashed;animation:spin 24s linear infinite}.orbit-core{width:66px;height:66px;border-radius:18px;border:1px solid var(--purple-border);background:linear-gradient(145deg,#31283d,#221e29);color:var(--purple);display:grid;place-items:center;box-shadow:0 16px 50px rgba(0,0,0,.3)}.orbit-core .ui-icon{width:31px;height:31px}.orbit-node{width:38px;height:38px;position:absolute;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;background:#1b1e1c;color:#aaa0bb}.orbit-node .ui-icon{width:17px;height:17px}.orbit-node.one{top:10px;left:84px}.orbit-node.two{bottom:22px;left:13px}.orbit-node.three{bottom:24px;right:14px}@keyframes spin{to{transform:rotate(360deg)}}.metrics-v4{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin:17px 0}.metric-v4{min-height:98px;padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--panel);display:flex;align-items:center;gap:12px}.metric-v4.featured{background:var(--purple-bg);border-color:var(--purple-border)}.metric-icon{width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--panel2);color:#8a8781;display:grid;place-items:center}.metric-v4.featured .metric-icon{color:var(--purple);border-color:rgba(109,89,136,.65);background:rgba(0,0,0,.1)}.metric-v4>div:last-child{min-width:0}.metric-v4 span,.metric-v4 small{display:block;color:var(--muted)}.metric-v4 span{font-size:10px}.metric-v4 strong{display:block;margin:3px 0 2px;font-size:23px;letter-spacing:-.035em;white-space:nowrap}.metric-v4 small{font-size:9px}.surface{padding:19px;background:var(--panel);border:1px solid var(--border);border-radius:11px;box-shadow:0 12px 38px rgba(0,0,0,.12)}.surface-lite{padding:10px;background:rgba(26,29,27,.7);border:1px solid var(--border);border-radius:11px}.surface-head{min-height:42px;margin-bottom:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.surface h2{margin:0;font-size:18px;letter-spacing:-.025em}.surface h3{margin:0;font-size:16px}.surface-sub{margin:5px 0 0;color:#75726d;font-size:10px}.text-link{display:inline-flex;align-items:center;gap:6px;color:#85827c;font-size:10px}.text-link:hover{color:var(--purple)}.text-link .ui-icon{width:13px;height:13px}.flow-panel{margin-bottom:17px}.algorithm-chip{height:28px;padding:0 9px;border:1px solid var(--purple-border);border-radius:7px;background:var(--purple-bg);color:var(--purple);display:inline-flex;align-items:center;gap:6px;font-size:9px}.algorithm-chip .ui-icon{width:13px;height:13px}.flow-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:9px;padding:5px 3px 2px}.flow-track>i{width:100%;height:1px;background:linear-gradient(90deg,var(--border),#484c48,var(--border))}.flow-step{text-align:center;display:grid;justify-items:center}.flow-step>span{width:31px;height:31px;margin-bottom:6px;border:1px solid var(--border);border-radius:9px;background:var(--panel2);display:grid;place-items:center}.flow-step .ui-icon{width:14px;height:14px}.flow-step b{font-size:18px}.flow-step small{margin-top:2px;color:var(--muted);font-size:9px}.flow-step.purple>span{color:var(--purple);border-color:rgba(182,146,246,.25);background:rgba(182,146,246,.06)}.flow-step.blue>span{color:var(--blue);border-color:rgba(138,184,248,.2);background:rgba(138,184,248,.05)}.flow-step.cyan>span{color:var(--cyan);border-color:rgba(118,212,220,.2);background:rgba(118,212,220,.05)}.flow-step.amber>span{color:var(--amber);border-color:rgba(228,198,125,.2);background:rgba(228,198,125,.05)}.flow-step.green>span{color:var(--green);border-color:rgba(134,214,174,.2);background:rgba(134,214,174,.05)}.dashboard-grid-v4{display:grid;grid-template-columns:1.35fr .8fr;gap:17px}.priority-list,.stock-v4-list{display:grid}.priority-row{min-height:60px;padding:7px 4px;display:grid;grid-template-columns:34px minmax(120px,1fr) 110px 90px 18px;gap:11px;align-items:center;border-top:1px solid var(--border);transition:.14s}.priority-row:first-child{border-top:0}.priority-row:hover{padding-left:8px;background:rgba(255,255,255,.014)}.priority-index{width:27px;height:27px;border:1px solid var(--purple-border);border-radius:8px;background:var(--purple-bg);color:var(--purple);display:grid;place-items:center;font-size:10px;font-weight:800}.priority-person,.priority-deadline{display:flex;flex-direction:column}.priority-person b{font-size:12px}.priority-person small,.priority-deadline small{margin-top:3px;color:#77746f;font-size:9px}.priority-deadline{position:relative;padding-left:22px}.priority-deadline .ui-icon{position:absolute;left:0;top:4px;width:14px;height:14px;color:#77746f}.priority-deadline b{font-size:12px}.priority-price{text-align:right;color:#aaa69f;font-size:11px}.priority-arrow{width:13px;height:13px;color:#5f5d58}.stock-v4-row{min-height:57px;padding:8px 2px;display:grid;grid-template-columns:minmax(0,1fr) 76px 28px;gap:9px;align-items:center;border-top:1px solid var(--border)}.stock-v4-row:first-child{border-top:0}.stock-v4-main{display:flex;align-items:center;gap:9px;min-width:0}.stock-v4-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);background:var(--panel2);color:#77746f}.stock-v4-icon .ui-icon{width:14px;height:14px}.stock-v4-main>span:last-child{display:flex;flex-direction:column;min-width:0}.stock-v4-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.stock-v4-main small{margin-top:3px;color:#73706b;font-size:8px}.stock-v4-meter{height:5px;border-radius:999px;background:#272a28;overflow:hidden}.stock-v4-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--danger),var(--amber))}.stock-v4-row>strong{font-size:11px;color:var(--amber);text-align:right}.mt-18{margin-top:17px}.empty-state{min-height:110px;border:1px dashed var(--border);border-radius:9px;color:#74716c;display:flex;align-items:center;justify-content:center;gap:8px}.empty-state.compact{min-height:140px;flex-direction:column}.empty-state .ui-icon{width:20px;height:20px}.table-wrap{overflow:auto}.clean-table{width:100%;border-collapse:collapse}.clean-table th{padding:9px 10px;color:#726f6a;text-align:left;border-bottom:1px solid var(--border);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.clean-table td{padding:12px 10px;border-bottom:1px solid rgba(50,54,51,.72);white-space:nowrap}.clean-table tbody tr:hover{background:rgba(255,255,255,.013)}.order-link{color:#d9d4cb;font-weight:750}.order-link:hover{color:var(--purple)}.status{display:inline-flex;align-items:center;min-height:24px;padding:0 7px;border:1px solid var(--border);border-radius:7px;background:var(--control);color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.04em}.status.confirmado{color:var(--purple);border-color:rgba(182,146,246,.25);background:rgba(182,146,246,.06)}.status.pendiente_stock{color:var(--amber);border-color:rgba(228,198,125,.22);background:rgba(228,198,125,.05)}.status.en_preparacion,.status.listo{color:var(--blue);border-color:rgba(138,184,248,.22);background:rgba(138,184,248,.05)}.status.despachado{color:var(--cyan);border-color:rgba(118,212,220,.22);background:rgba(118,212,220,.05)}.status.entregado{color:var(--green);border-color:rgba(134,214,174,.22);background:rgba(134,214,174,.05)}.status.cancelado{color:var(--danger);border-color:rgba(232,135,145,.22);background:rgba(232,135,145,.05)}.page-title{margin-bottom:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.page-title h1{margin:0;font-size:35px;line-height:1;letter-spacing:-.04em}.page-title p{margin:9px 0 0;color:var(--muted)}.title-symbol{width:48px;height:48px;border:1px solid var(--purple-border);border-radius:13px;background:var(--purple-bg);color:var(--purple);display:grid;place-items:center}.title-symbol .ui-icon{width:23px;height:23px}.inventory-toolbar,.orders-toolbar{margin-bottom:11px;display:grid;grid-template-columns:minmax(290px,1fr) minmax(240px,.7fr);gap:10px}.search-box-v4,.client-search-box{height:40px;display:flex;align-items:center;gap:8px;padding:0 7px 0 10px;border:1px solid var(--border);border-radius:9px;background:#171918;color:#6d6a65}.search-box-v4 input,.client-search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.search-box-v4 button{height:29px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--control);color:#aaa69f;cursor:pointer;font-size:10px}.search-box-v4 .ui-icon,.client-search-box .ui-icon{width:14px;height:14px}.category-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto}.v4-tabs{margin-bottom:13px}.category-tabs a{flex:0 0 auto;min-height:31px;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:#77746f;display:inline-flex;align-items:center;font-size:9px}.category-tabs a:hover,.category-tabs a.active{color:var(--purple);border-color:var(--purple-border);background:var(--purple-bg)}.binary-result{margin-bottom:13px;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--panel);display:flex;align-items:center;gap:11px}.binary-result>.ui-icon{width:20px;height:20px}.binary-result.found>.ui-icon{color:var(--purple)}.binary-result.missing>.ui-icon{color:var(--amber)}.binary-result b,.binary-result small{display:block}.binary-result b{font-size:12px}.binary-result small{margin-top:4px;color:var(--muted);font-size:10px}.product-grid-v4{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:11px}.product-card-v4{min-height:315px;padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--panel);position:relative;overflow:hidden;transition:.16s}.product-card-v4:before{content:"";position:absolute;width:110px;height:110px;right:-40px;top:-46px;border-radius:50%;background:rgba(182,146,246,.025);border:1px solid rgba(182,146,246,.06)}.product-card-v4:hover{transform:translateY(-2px);border-color:#4a4e49;box-shadow:0 18px 42px rgba(0,0,0,.17)}.product-card-head{display:flex;align-items:center;justify-content:space-between}.product-symbol{width:32px;height:32px;border:1px solid var(--border);border-radius:9px;background:var(--panel2);color:#817d77;display:grid;place-items:center}.product-symbol .ui-icon{width:15px;height:15px}.category-chip{padding:4px 7px;border-radius:6px;background:var(--purple-bg);color:#a88dd6;font-size:8px}.product-id{margin-top:14px;color:#6e6b66;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.product-card-v4 h3{min-height:39px;margin:5px 0 4px;font-size:15px;line-height:1.25}.product-price-v4{color:var(--muted);font-size:11px}.stock-orbit{width:82px;height:82px;margin:15px auto 12px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--purple) var(--stock),#292c2a 0);position:relative}.stock-orbit:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--panel)}.stock-orbit>div{position:relative;z-index:1;text-align:center}.stock-orbit strong,.stock-orbit small{display:block}.stock-orbit strong{font-size:19px}.stock-orbit small{margin-top:1px;color:var(--muted);font-size:8px}.stock-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.stock-mini-grid span{padding:6px;border:1px solid var(--border);border-radius:7px;background:var(--panel2)}.stock-mini-grid small,.stock-mini-grid b{display:block}.stock-mini-grid small{color:#6f6c67;font-size:7px}.stock-mini-grid b{margin-top:2px;font-size:10px}.restock-v4{margin-top:10px;display:grid;grid-template-columns:65px 1fr;gap:6px}.restock-v4 input,.restock-v4 button{height:34px;border:1px solid var(--border);border-radius:8px;background:var(--control);color:var(--text)}.restock-v4 input{min-width:0;padding:0 8px}.restock-v4 button{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:10px}.restock-v4 button:hover{border-color:var(--purple-border);color:var(--purple)}.restock-v4 .ui-icon{width:13px;height:13px}.orders-toolbar{grid-template-columns:minmax(300px,1fr) auto}.client-search-box.wide{max-width:520px}.view-meta{height:40px;padding:0 11px;border:1px solid var(--border);border-radius:9px;background:var(--panel);display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.view-meta .ui-icon{width:14px;height:14px}.view-meta b{color:var(--text)}.table-surface{padding-top:8px}.order-code{display:flex;align-items:center;gap:7px;font-weight:800}.order-code .ui-icon{width:13px;height:13px;color:#77746f}.deadline-inline{display:flex;align-items:center;gap:5px}.deadline-inline .ui-icon{width:12px;height:12px;color:#75726d}.row-open{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#77746f;font-size:10px}.row-open:hover{color:var(--purple)}.row-open .ui-icon{width:11px;height:11px}.create-layout-v4{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:17px;align-items:start}.order-editor{padding:21px}.form-grid-v4{display:grid;grid-template-columns:1fr 310px;gap:11px}.form-grid-v4 label{display:grid;gap:7px}.form-grid-v4 label>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.form-grid-v4 label .ui-icon{width:12px;height:12px}.form-grid-v4 input,.line-item-v4 select,.line-item-v4 input{height:42px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--control);color:var(--text);outline:0}.form-grid-v4 input:focus,.line-item-v4 select:focus,.line-item-v4 input:focus{border-color:var(--purple-border);box-shadow:0 0 0 3px rgba(182,146,246,.06)}.editor-head{margin:22px 0 11px;padding-top:18px;border-top:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.editor-head h2{margin:0;font-size:18px}.line-items-v4{display:grid;gap:7px}.line-item-v4{min-height:58px;padding:7px;border:1px solid var(--border);border-radius:9px;background:#181b19;display:grid;grid-template-columns:34px minmax(0,1fr) 84px 100px 34px;gap:7px;align-items:center}.line-number{color:#686560;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;text-align:center}.qty-wrap,.line-subtotal{display:flex;flex-direction:column;gap:3px}.qty-wrap small,.line-subtotal small{color:#66635e;font-size:7px;text-transform:uppercase;letter-spacing:.06em}.line-subtotal b{font-size:10px}.remove-line{width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:transparent;color:#77746f;display:grid;place-items:center;cursor:pointer}.remove-line:hover{color:var(--danger);border-color:rgba(232,135,145,.3)}.remove-line .ui-icon{width:13px;height:13px}.form-actions-v4{margin-top:20px;display:flex;justify-content:flex-end;gap:7px}.order-side-v4{display:grid;gap:11px;position:sticky;top:83px}.live-total{margin-top:6px;padding:17px 0;border-bottom:1px solid var(--border)}.live-total small,.live-total strong{display:block}.live-total small{color:var(--muted);font-size:9px}.live-total strong{margin-top:5px;font-size:31px;letter-spacing:-.04em}.live-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.live-stats span{padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--panel2)}.live-stats b,.live-stats small{display:block}.live-stats b{font-size:16px}.live-stats small{margin-top:2px;color:var(--muted);font-size:8px}.summary-rule{padding:10px;border:1px solid var(--purple-border);border-radius:8px;background:var(--purple-bg);display:flex;gap:8px;align-items:flex-start}.summary-rule>.ui-icon{width:14px;height:14px;color:var(--purple)}.summary-rule b,.summary-rule small{display:block}.summary-rule b{font-size:10px}.summary-rule small{margin-top:3px;color:#9d94aa;font-size:8px;line-height:1.4}.algorithm-card-v4 p{color:var(--muted);font-size:10px;line-height:1.55}.algorithm-visual{height:50px;margin:8px 0 13px;display:flex;align-items:center;justify-content:center;gap:6px}.algorithm-visual span{width:39px;height:30px;border:1px solid var(--purple-border);border-radius:8px;background:var(--purple-bg);color:var(--purple);display:grid;place-items:center;font-size:9px;font-weight:800}.algorithm-visual i{width:18px;height:1px;background:var(--purple-border)}.complexity{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.complexity b{color:var(--purple)}.validation-box{color:var(--danger);font-size:11px}.validation-box:empty{display:none}.order-header-v4{margin-bottom:15px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.order-header-v4 h1{margin:5px 0 0;font-size:36px;letter-spacing:-.04em;display:flex;align-items:center;gap:10px}.order-header-v4 p{margin:8px 0 0;color:var(--muted);display:flex;align-items:center;gap:6px}.order-header-v4 p .ui-icon{width:12px;height:12px}.back-link{display:block;margin-bottom:13px;color:#77746f;font-size:10px}.back-link:hover{color:var(--purple)}.order-total-big{text-align:right}.order-total-big small,.order-total-big strong{display:block}.order-total-big small{color:var(--muted);font-size:9px}.order-total-big strong{margin-top:4px;font-size:26px}.status-progress-v4{margin-bottom:16px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:7px;padding:14px 17px}.progress-step{display:grid;justify-items:center;gap:4px;min-width:65px}.progress-step>span{width:29px;height:29px;border:1px solid var(--border);border-radius:9px;background:var(--panel2);color:#6e6b66;display:grid;place-items:center;font-size:9px;font-weight:850}.progress-step small{color:#686560;font-size:7px;text-align:center}.progress-step.done>span{border-color:rgba(182,146,246,.3);background:var(--purple-bg);color:var(--purple)}.progress-step.active>span{box-shadow:0 0 0 3px rgba(182,146,246,.06)}.progress-step.active small{color:#aaa3b5}.progress-line{height:1px;background:var(--border)}.progress-line.done{background:linear-gradient(90deg,var(--purple-border),var(--purple))}.details-grid-v4{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}.deadline-card{display:flex;align-items:center;gap:7px;color:var(--purple)}.deadline-card .ui-icon{width:16px;height:16px}.deadline-card span{display:flex;flex-direction:column}.deadline-card small{color:var(--muted);font-size:7px}.deadline-card b{font-size:16px}.sku-chip{padding:3px 6px;border-radius:5px;background:var(--panel2);color:#898680;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.action-surface-v4{display:flex;align-items:center;justify-content:space-between;gap:14px}.action-row-v4{display:flex;gap:7px;flex-wrap:wrap}.closed-note{display:flex;align-items:center;gap:6px;color:var(--green);font-size:10px}.history-v4{position:sticky;top:83px}.history-symbol{width:18px;height:18px;color:var(--purple)}.timeline-v4{display:grid;margin-top:8px}.timeline-event-v4{min-height:55px;position:relative;display:grid;grid-template-columns:15px 1fr;gap:9px;color:#8c8983;font-size:9px;line-height:1.5}.timeline-event-v4:before{content:"";position:absolute;left:4px;top:11px;bottom:-1px;width:1px;background:var(--border)}.timeline-event-v4:last-child:before{display:none}.timeline-event-v4>span{width:9px;height:9px;margin-top:2px;z-index:1;border:2px solid var(--purple);border-radius:50%;background:var(--panel)}.timeline-event-v4 p{margin:0}.algorithm-badge-v4{min-width:150px;padding:9px 11px;border:1px solid var(--purple-border);border-radius:10px;background:var(--purple-bg);color:var(--purple);display:flex;align-items:center;gap:9px}.algorithm-badge-v4 .ui-icon{width:20px;height:20px}.algorithm-badge-v4 span{display:flex;flex-direction:column}.algorithm-badge-v4 b{font-size:11px}.algorithm-badge-v4 small{margin-top:2px;color:#9f91b5;font-size:8px}.merge-visual{display:flex;align-items:center;justify-content:space-between;gap:20px}.merge-visual>div{display:flex;align-items:center;gap:6px}.merge-chip{min-width:70px;height:32px;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:var(--panel2);display:grid;place-items:center;font-size:9px}.merge-chip.mini{min-width:38px}.merge-chip.accent{border-color:var(--purple-border);background:var(--purple-bg);color:var(--purple)}.merge-visual i{width:18px;height:1px;background:var(--border)}.merge-visual p{margin:0;color:var(--muted);font-size:10px}.queue-board-v4{display:grid}.queue-card-v4{min-height:67px;padding:8px 5px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:36px 80px minmax(150px,1fr) 80px 80px 95px 18px;gap:10px;align-items:center;transition:.14s}.queue-card-v4:hover{padding-left:9px;background:rgba(255,255,255,.014)}.queue-rank-v4{width:28px;height:28px;border:1px solid var(--purple-border);border-radius:8px;background:var(--purple-bg);color:var(--purple);display:grid;place-items:center;font-size:10px;font-weight:850}.queue-order-v4,.queue-client-v4,.queue-time-v4{display:flex;flex-direction:column}.queue-card-v4 small{color:#6e6b66;font-size:7px}.queue-card-v4 b{margin-top:3px;font-size:11px}.queue-time-v4.deadline b{color:var(--purple)}.queue-price-v4{text-align:right;color:#aaa69f;font-size:10px}.queue-card-v4>.ui-icon{width:12px;height:12px;color:#5f5c57}.db-error-card{min-height:215px;padding:27px;border:1px solid rgba(232,135,145,.3);border-radius:12px;background:linear-gradient(115deg,rgba(232,135,145,.06),transparent),var(--panel);display:flex;align-items:center;gap:20px}.db-error-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(232,135,145,.22);border-radius:12px;background:rgba(232,135,145,.05);color:var(--danger)}.db-error-icon .ui-icon{width:24px;height:24px}.db-error-card h2{margin:0}.db-error-card p,.db-error-card small{color:var(--muted)}.db-error-card code{display:block;width:fit-content;margin:12px 0 8px;padding:8px 10px;border-radius:7px;background:#0c0e0d;color:var(--purple)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.command-backdrop{position:fixed;inset:0;z-index:100;background:rgba(5,6,5,.68);backdrop-filter:blur(8px);opacity:0;transition:.14s}.command-backdrop.open{opacity:1}.command-palette{width:min(620px,calc(100vw - 28px));margin:12vh auto 0;border:1px solid #424642;border-radius:13px;background:#191c1a;box-shadow:0 30px 90px rgba(0,0,0,.45);overflow:hidden;transform:translateY(-8px) scale(.99);transition:.14s}.command-backdrop.open .command-palette{transform:none}.command-input-wrap{height:54px;padding:0 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.command-input-wrap .ui-icon{color:#77746f}.command-input-wrap input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.command-input-wrap kbd,.command-footer kbd{padding:2px 5px;border:1px solid var(--border);border-radius:5px;background:var(--control);color:#77746f;font-size:8px}.command-list{padding:7px}.command-list a{min-height:51px;padding:7px 9px;border:1px solid transparent;border-radius:8px;display:grid;grid-template-columns:28px 1fr 16px;gap:8px;align-items:center;color:#aaa69f}.command-list a.selected,.command-list a:hover{border-color:var(--purple-border);background:var(--purple-bg);color:var(--text)}.command-list a>.ui-icon{width:16px;height:16px;color:#817d77}.command-list a.selected>.ui-icon{color:var(--purple)}.command-list a span{display:flex;flex-direction:column}.command-list a b{font-size:11px}.command-list a small{margin-top:3px;color:#77746f;font-size:8px}.command-list a em{color:#66635e;font-style:normal}.command-footer{height:35px;padding:0 12px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:15px;color:#6a6762;font-size:8px}.command-footer span{display:flex;align-items:center;gap:4px}.nav-collapsed{grid-template-columns:var(--sidebar-mini) minmax(0,1fr)}.nav-collapsed .brand-name,.nav-collapsed .nav-item span,.nav-collapsed .command-side span,.nav-collapsed .command-side kbd,.nav-collapsed .sidebar-bottom span{display:none}.nav-collapsed .sidebar{padding-left:10px;padding-right:10px}.nav-collapsed .brand-row{justify-content:center;position:relative}.nav-collapsed .brand{padding:0}.nav-collapsed .collapse-button{position:absolute;right:-3px;bottom:-12px;background:var(--panel2);border-color:var(--border)}.nav-collapsed .collapse-button .ui-icon{transform:none}.nav-collapsed .nav-item,.nav-collapsed .command-side{justify-content:center;padding:0}.nav-collapsed .command-side{width:42px;margin-left:auto;margin-right:auto}
@media(max-width:1180px){.metrics-v4{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid-v4{grid-template-columns:1fr}.create-layout-v4,.details-grid-v4{grid-template-columns:1fr}.order-side-v4,.history-v4{position:static}.hero-orbit{margin-right:0}.flow-track{overflow-x:auto}.flow-step{min-width:90px}.flow-track>i{min-width:30px}}
@media(max-width:900px){.app,.nav-collapsed{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--border)}.brand-row{margin-bottom:8px}.collapse-button,.command-side,.sidebar-bottom{display:none}.nav{grid-template-columns:repeat(5,max-content);overflow-x:auto}.nav-item{min-height:36px;font-size:10px}.nav-item .ui-icon{width:14px;height:14px}.topbar{display:none}.content{padding:16px}.hero-v4{min-height:250px;padding:24px}.hero-orbit{display:none}.inventory-toolbar{grid-template-columns:1fr}.status-progress-v4{overflow-x:auto}.progress-step{min-width:70px}.progress-line{min-width:25px}.merge-visual{align-items:flex-start;flex-direction:column}.queue-card-v4{grid-template-columns:34px 70px minmax(130px,1fr) 70px 70px}.queue-price-v4,.queue-card-v4>.ui-icon{display:none}.form-grid-v4{grid-template-columns:1fr}.action-surface-v4{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.hero-v4 h1{font-size:38px}.metrics-v4{grid-template-columns:1fr 1fr}.metric-v4{min-height:86px}.flow-track{grid-template-columns:repeat(9,max-content)}.page-title{align-items:flex-start;flex-direction:column}.page-title h1{font-size:31px}.product-grid-v4{grid-template-columns:1fr}.orders-toolbar{grid-template-columns:1fr}.view-meta{display:none}.line-item-v4{grid-template-columns:28px minmax(0,1fr) 70px 30px}.line-subtotal{display:none}.queue-card-v4{grid-template-columns:32px 62px minmax(120px,1fr) 62px}.queue-time-v4:first-of-type{display:none}.order-header-v4{align-items:flex-start;flex-direction:column}.order-total-big{text-align:left}.status-progress-v4{padding:11px}.clean-table{min-width:720px}}


/* ==========================================================
   V5  -  LABORATORIO DE ALGORITMOS
   ========================================================== */

.algorithm-open-link{
    min-height:36px;padding:0 11px;border:1px solid var(--purple-border);
    border-radius:9px;background:var(--purple-bg);color:var(--purple);
    display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:750;
    white-space:nowrap;transition:.15s
}
.algorithm-open-link:hover{transform:translateY(-1px);filter:brightness(1.06)}

.algorithm-hero{
    min-height:185px;margin-bottom:16px;padding:27px 29px;border:1px solid var(--purple-border);
    border-radius:14px;background:
        linear-gradient(120deg,rgba(182,146,246,.10),transparent 55%),
        #191b1f;
    display:flex;align-items:center;justify-content:space-between;gap:30px;
    overflow:hidden;position:relative
}
.algorithm-hero:after{
    content:"";position:absolute;right:-55px;bottom:-100px;width:260px;height:260px;
    border:1px solid rgba(182,146,246,.09);border-radius:50%;
    box-shadow:0 0 0 45px rgba(182,146,246,.018),0 0 0 90px rgba(182,146,246,.009)
}
.algorithm-hero>div{position:relative;z-index:2}
.algorithm-hero h1{margin:0;font-size:clamp(34px,4vw,54px);letter-spacing:-.045em;line-height:1}
.algorithm-hero p{max-width:710px;margin:13px 0 0;color:var(--muted);line-height:1.6}
.algorithm-hero p code{padding:2px 5px;border:1px solid var(--border);border-radius:5px;background:#121413;color:var(--purple);font-size:11px}
.algorithm-hero-symbols{display:flex;align-items:center;gap:9px;margin-right:35px}
.algorithm-hero-symbols span{
    width:54px;height:54px;border:1px solid var(--purple-border);border-radius:14px;
    background:var(--purple-bg);color:var(--purple);display:grid;place-items:center
}
.algorithm-hero-symbols span:nth-of-type(2){color:var(--blue);border-color:rgba(138,184,248,.24);background:rgba(138,184,248,.06)}
.algorithm-hero-symbols span:nth-of-type(3){color:var(--green);border-color:rgba(134,214,174,.24);background:rgba(134,214,174,.06)}
.algorithm-hero-symbols .ui-icon{width:25px;height:25px}
.algorithm-hero-symbols i{width:20px;height:1px;background:var(--border)}

.algorithm-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}
.algorithm-menu{position:sticky;top:83px;padding:13px}
.algorithm-menu-head{padding:7px 8px 13px}
.algorithm-menu-head h2{font-size:17px}
.algorithm-select{
    width:100%;min-height:62px;margin-bottom:6px;padding:7px 8px;border:1px solid transparent;
    border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;
    display:grid;grid-template-columns:38px 1fr 14px;gap:9px;align-items:center;text-align:left;
    transition:.14s
}
.algorithm-select:hover{background:var(--panel2);border-color:var(--border);color:var(--text)}
.algorithm-select.active{background:var(--purple-bg);border-color:var(--purple-border);color:var(--text)}
.algorithm-select-icon{
    width:35px;height:35px;border:1px solid var(--border);border-radius:9px;
    display:grid;place-items:center;background:#171918
}
.algorithm-select-icon .ui-icon{width:18px;height:18px}
.algorithm-select-icon.purple{color:var(--purple)}
.algorithm-select-icon.blue{color:var(--blue)}
.algorithm-select-icon.green{color:var(--green)}
.algorithm-select span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.algorithm-select b{font-size:11px}
.algorithm-select small{margin-top:3px;color:#74716c;font-size:8px}
.algorithm-select-arrow{width:11px;height:11px;color:#5e5b57}
.algorithm-select.active .algorithm-select-arrow{color:var(--purple)}
.algorithm-menu-note{
    margin-top:12px;padding:11px;border:1px dashed var(--border);border-radius:9px;
    display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;color:#77746f
}
.algorithm-menu-note .ui-icon{width:17px;height:17px;color:var(--purple)}
.algorithm-menu-note span{display:flex;flex-direction:column}
.algorithm-menu-note b{font-size:10px;color:#96928b}
.algorithm-menu-note small{margin-top:3px;font-size:8px}

.algorithm-panel{display:none}
.algorithm-panel.active{display:block;animation:algorithmFade .18s ease}
@keyframes algorithmFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.algorithm-summary-grid{display:grid;grid-template-columns:minmax(0,1.5fr) .7fr .7fr;gap:10px;margin-bottom:12px}
.algorithm-summary-card,.algorithm-stat-card{
    min-height:132px;padding:17px;border:1px solid var(--border);border-radius:11px;background:var(--panel)
}
.algorithm-summary-card{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center}
.algorithm-summary-card.purple-card{border-color:rgba(182,146,246,.3);background:linear-gradient(120deg,rgba(182,146,246,.08),transparent),var(--panel)}
.algorithm-summary-card.blue-card{border-color:rgba(138,184,248,.24);background:linear-gradient(120deg,rgba(138,184,248,.07),transparent),var(--panel)}
.algorithm-summary-card.green-card{border-color:rgba(134,214,174,.24);background:linear-gradient(120deg,rgba(134,214,174,.07),transparent),var(--panel)}
.algorithm-big-icon{
    width:52px;height:52px;border:1px solid var(--border);border-radius:13px;
    display:grid;place-items:center;background:rgba(0,0,0,.12);color:var(--purple)
}
.blue-card .algorithm-big-icon{color:var(--blue)}
.green-card .algorithm-big-icon{color:var(--green)}
.algorithm-big-icon .ui-icon{width:25px;height:25px}
.algorithm-summary-card h2{margin:0;font-size:20px}
.algorithm-summary-card p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
.algorithm-stat-card{display:flex;flex-direction:column;justify-content:center}
.algorithm-stat-card small,.algorithm-stat-card span{color:var(--muted);font-size:8px}
.algorithm-stat-card strong{margin:9px 0 6px;font-size:18px;letter-spacing:-.02em}

.code-window{
    margin-bottom:12px;border:1px solid #363b37;border-radius:12px;background:#111312;
    box-shadow:0 18px 50px rgba(0,0,0,.22);overflow:hidden
}
.code-window-bar{
    height:45px;padding:0 12px;border-bottom:1px solid #303431;background:#191c1a;
    display:grid;grid-template-columns:90px 1fr 90px;align-items:center
}
.window-dots{display:flex;gap:6px}
.window-dots span{width:8px;height:8px;border-radius:50%;background:#4d504d}
.window-dots span:first-child{background:#e88791}
.window-dots span:nth-child(2){background:#e4c67d}
.window-dots span:nth-child(3){background:#86d6ae}
.code-file{justify-self:center;color:#aaa69f;display:flex;align-items:center;gap:7px;font-size:10px}
.code-file .ui-icon{width:14px;height:14px;color:var(--purple)}
.code-copy{
    justify-self:end;height:29px;padding:0 8px;border:1px solid var(--border);border-radius:7px;
    background:var(--control);color:#918e88;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:9px
}
.code-copy:hover{border-color:var(--purple-border);color:var(--purple)}
.code-copy .ui-icon{width:12px;height:12px}
.code-copy.copied{color:var(--green);border-color:rgba(134,214,174,.25)}
.code-body{max-height:470px;overflow:auto;display:grid;grid-template-columns:45px 1fr;background:#101211}
.code-body-tall{max-height:520px}
.code-gutter{
    padding:17px 11px;color:#4e514e;border-right:1px solid #262926;text-align:right;
    font:11px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;user-select:none
}
.code-body pre{margin:0;padding:17px 19px;overflow:visible;color:#d8d3ca;font:11px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.code-body code{font:inherit}
.code-body .kw{color:#c39dfd}
.code-body .num{color:#86d6ae}
.code-body .comment{color:#666b67}

.algorithm-explain-grid{display:grid;grid-template-columns:minmax(0,1.5fr) .8fr;gap:12px}
.trace-symbol{width:22px;height:22px;color:var(--purple)}
.binary-trace,.linear-trace{
    min-height:74px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap
}
.binary-trace span,.linear-trace span{
    min-width:57px;height:36px;padding:0 9px;border:1px solid var(--border);border-radius:8px;
    background:var(--panel2);display:grid;place-items:center;color:#8e8b85;font-size:10px
}
.binary-trace .mid{border-color:rgba(138,184,248,.32);color:var(--blue)}
.binary-trace .target,.linear-trace .target{
    border-color:var(--purple-border);background:var(--purple-bg);color:var(--purple);box-shadow:0 0 0 3px rgba(182,146,246,.04)
}
.linear-trace .checked{color:#70746f}
.linear-trace i{color:#555954;font-style:normal}
.trace-message{
    padding:9px 10px;border-radius:8px;background:#161817;border:1px solid var(--border);
    color:#8d8983;display:flex;align-items:center;gap:7px;font-size:9px
}
.trace-message .ui-icon{width:14px;height:14px;color:var(--purple)}
.algorithm-steps ol{margin:10px 0 0;padding:0;list-style:none;display:grid}
.algorithm-steps li{min-height:47px;padding:7px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:center}
.algorithm-steps li:last-child{border-bottom:0}
.algorithm-steps li b{color:#aaa69f;font-size:10px}
.algorithm-steps li span{color:#74716c;font-size:9px}

.merge-trace{min-height:210px;display:grid;justify-items:center;align-content:center;gap:10px}
.merge-level{display:flex;gap:6px}
.merge-level span{
    min-width:60px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:7px;
    background:var(--panel2);display:grid;place-items:center;color:#8d8983;font-size:9px
}
.merge-level.halves{gap:30px}
.merge-level.halves>div{display:flex;gap:6px}
.merge-level.result span{border-color:var(--purple-border);background:var(--purple-bg);color:var(--purple)}
.merge-trace>.ui-icon{width:16px;height:16px;color:#67645f}

.algorithm-project-map{margin-top:16px}
.algorithm-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.algorithm-map-grid>a{
    min-height:67px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;
    background:var(--panel2);display:grid;grid-template-columns:30px 1fr 14px;gap:9px;align-items:center;transition:.14s
}
.algorithm-map-grid>a:hover{border-color:var(--purple-border);background:var(--purple-bg)}
.algorithm-map-grid>a>.ui-icon:first-child{color:var(--purple)}
.algorithm-map-grid>a>span{display:flex;flex-direction:column}
.algorithm-map-grid b{font-size:10px}
.algorithm-map-grid small{margin-top:4px;color:#74716c;font-size:8px}
.algorithm-map-grid>a>.ui-icon:last-child{width:12px;height:12px;color:#67645f}

@media(max-width:1180px){
    .algorithm-summary-grid{grid-template-columns:1fr 1fr}
    .algorithm-summary-card{grid-column:1/-1}
}
@media(max-width:900px){
    .algorithm-layout{grid-template-columns:1fr}
    .algorithm-menu{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
    .algorithm-menu-head,.algorithm-menu-note{display:none}
    .algorithm-select{margin:0;grid-template-columns:34px 1fr}
    .algorithm-select-arrow{display:none}
    .algorithm-explain-grid{grid-template-columns:1fr}
    .algorithm-hero-symbols{display:none}
    .algorithm-map-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
    .algorithm-hero{padding:22px}
    .algorithm-hero h1{font-size:34px}
    .algorithm-menu{grid-template-columns:1fr}
    .algorithm-summary-grid{grid-template-columns:1fr}
    .algorithm-summary-card{grid-column:auto}
    .algorithm-stat-card{min-height:95px}
    .code-window-bar{grid-template-columns:60px 1fr 70px}
    .code-file{font-size:8px}
    .code-gutter{display:none}
    .code-body{grid-template-columns:1fr}
    .code-body pre{padding:14px;font-size:9px}
    .binary-trace span,.linear-trace span{min-width:48px}
}


/* ==========================================================
   V6  -  VALIDACION, PRUEBAS Y SIMULACION REALISTA
   ========================================================== */

.validation-hero,.test-hero{
    min-height:205px;padding:28px 30px;margin-bottom:14px;border-radius:14px;
    border:1px solid var(--purple-border);background:
      radial-gradient(circle at 92% 10%,rgba(182,146,246,.10),transparent 26%),
      linear-gradient(120deg,rgba(182,146,246,.08),transparent 55%),#191b1f;
    display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden
}
.validation-hero-main,.test-hero>div:first-child{max-width:820px}
.validation-hero h1,.test-hero h1{margin:0;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.045em}
.validation-hero h1 span{color:var(--purple)}
.validation-hero p,.test-hero p{max-width:760px;margin:13px 0 0;color:var(--muted);line-height:1.6}
.validation-actions,.test-hero-actions{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}
.validation-actions .ui-icon,.test-hero-actions .ui-icon{width:14px;height:14px}

.coverage-ring{
    --p: calc(var(--coverage) * 1%);width:136px;height:136px;flex:0 0 auto;border-radius:50%;
    display:grid;place-items:center;background:conic-gradient(var(--purple) var(--p),#2a2d2b 0);
    position:relative;box-shadow:0 0 0 1px rgba(182,146,246,.12),0 20px 45px rgba(0,0,0,.2)
}
.coverage-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#171918;border:1px solid var(--border)}
.coverage-ring>div{position:relative;z-index:1;text-align:center}
.coverage-ring strong,.coverage-ring span{display:block}.coverage-ring strong{font-size:30px;letter-spacing:-.04em}.coverage-ring span{margin-top:3px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.09em}

.validation-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.system-card{min-height:92px;padding:13px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center}
.system-card-icon{width:40px;height:40px;border:1px solid var(--border);border-radius:10px;display:grid;place-items:center;background:#171918;color:#7d7a75}
.system-card-icon .ui-icon{width:19px;height:19px}.system-card-icon.ok{color:var(--green);border-color:rgba(134,214,174,.24);background:rgba(134,214,174,.05)}.system-card-icon.bad{color:var(--danger);border-color:rgba(231,132,143,.24);background:rgba(231,132,143,.05)}.system-card-icon.purple{color:var(--purple);border-color:var(--purple-border);background:var(--purple-bg)}
.system-card div{min-width:0;display:flex;flex-direction:column}.system-card small,.system-card span{color:var(--muted);font-size:8px}.system-card b{margin:4px 0;font-size:12px}.system-card span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.requirement-surface{padding:15px}.requirement-count{min-width:54px;height:30px;border:1px solid var(--purple-border);border-radius:8px;background:var(--purple-bg);color:var(--purple);display:grid;place-items:center;font-size:10px;font-weight:800}
.requirement-list{display:grid}.requirement-row{min-height:91px;display:grid;grid-template-columns:50px 34px 1fr 30px;gap:10px;align-items:center;padding:10px 5px;border-top:1px solid var(--border)}.requirement-row:first-child{border-top:0}
.requirement-row.failed{background:linear-gradient(90deg,rgba(231,132,143,.025),transparent)}
.requirement-code{font:10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#77746f}
.requirement-status-icon{width:30px;height:30px;border-radius:8px;border:1px solid rgba(134,214,174,.22);background:rgba(134,214,174,.05);color:var(--green);display:grid;place-items:center}.requirement-row.failed .requirement-status-icon{color:var(--danger);border-color:rgba(231,132,143,.22);background:rgba(231,132,143,.05)}.requirement-status-icon .ui-icon{width:15px;height:15px}
.requirement-main{min-width:0}.requirement-title-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.requirement-title-line b{font-size:11px}.requirement-title-line span,.requirement-title-line em{padding:3px 6px;border:1px solid var(--border);border-radius:5px;color:#7b7872;background:var(--panel2);font-size:7px;font-style:normal}.requirement-title-line em{color:var(--purple);border-color:var(--purple-border);background:var(--purple-bg)}
.requirement-main p{margin:6px 0;color:var(--muted);font-size:9px;line-height:1.45}.requirement-evidence{display:flex;align-items:center;gap:5px;color:#72706b;font:8px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.requirement-evidence .ui-icon{width:11px;height:11px;color:var(--purple)}
.requirement-open{width:28px;height:28px;border:1px solid var(--border);border-radius:7px;display:grid;place-items:center;color:#686660}.requirement-open:hover{color:var(--purple);border-color:var(--purple-border);background:var(--purple-bg)}.requirement-open .ui-icon{width:11px;height:11px}

.validation-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.proof-card{min-height:115px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center}.proof-icon{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);display:grid;place-items:center}.proof-icon .ui-icon{width:19px;height:19px}.proof-icon.purple{color:var(--purple);border-color:var(--purple-border);background:var(--purple-bg)}.proof-icon.blue{color:var(--blue);border-color:rgba(138,184,248,.22);background:rgba(138,184,248,.05)}.proof-icon.green{color:var(--green);border-color:rgba(134,214,174,.22);background:rgba(134,214,174,.05)}.proof-card small{color:#77746f;font-size:7px;letter-spacing:.1em}.proof-card h3{margin:4px 0 2px;font-size:13px}.proof-card p{margin:0;color:var(--muted);font-size:8px}.proof-card>a{color:var(--purple);font-size:8px;white-space:nowrap}

.test-score{width:130px;height:130px;flex:0 0 auto;border:1px solid var(--purple-border);border-radius:20px;background:var(--purple-bg);display:flex;flex-direction:column;align-items:center;justify-content:center}.test-score strong{font-size:34px}.test-score span,.test-score small{color:var(--muted);font-size:8px}.test-score span{text-transform:uppercase;letter-spacing:.1em;margin:1px 0 5px}
.test-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.test-kpi{min-height:80px;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:var(--panel);display:flex;align-items:center;gap:10px}.test-kpi>.ui-icon{width:22px;height:22px;color:#76736e}.test-kpi>span{display:flex;flex-direction:column}.test-kpi small{color:var(--muted);font-size:8px}.test-kpi strong{margin-top:3px;font-size:16px}.test-kpi.success>.ui-icon{color:var(--green)}.test-kpi.danger>.ui-icon{color:var(--danger)}.test-kpi.purple>.ui-icon{color:var(--purple)}
.safe-test-chip{min-height:28px;padding:0 8px;border:1px solid rgba(134,214,174,.18);border-radius:7px;background:rgba(134,214,174,.045);color:var(--green);display:flex;align-items:center;gap:5px;font-size:8px}.safe-test-chip .ui-icon{width:12px;height:12px}
.test-list{display:grid}.test-row{min-height:118px;display:grid;grid-template-columns:44px 32px 1fr 52px;gap:9px;align-items:center;padding:9px 4px;border-top:1px solid var(--border)}.test-row:first-child{border-top:0}.test-id{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#74716c}.test-state{width:28px;height:28px;border:1px solid rgba(134,214,174,.22);border-radius:8px;background:rgba(134,214,174,.05);color:var(--green);display:grid;place-items:center}.test-row.failed .test-state{color:var(--danger);border-color:rgba(231,132,143,.22);background:rgba(231,132,143,.05)}.test-state .ui-icon{width:14px;height:14px}.test-title-line{display:flex;gap:6px;align-items:center}.test-title-line b{font-size:11px}.test-title-line span{padding:3px 6px;border:1px solid var(--border);border-radius:5px;background:var(--panel2);color:#78756f;font-size:7px}.test-detail-grid{margin-top:7px;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px}.test-detail-grid>div{padding:7px 8px;border:1px solid var(--border);border-radius:7px;background:#171918;min-width:0}.test-detail-grid small,.test-detail-grid span{display:block}.test-detail-grid small{color:#66635f;font-size:7px;text-transform:uppercase;letter-spacing:.07em}.test-detail-grid span{margin-top:3px;color:#96928b;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.test-time{text-align:right}.test-time b,.test-time small{display:block}.test-time b{font-size:11px}.test-time small{color:#6f6c67;font-size:7px}

.simulator-lab{margin-top:16px}.simulator-live-chip{display:flex;align-items:center;gap:6px;color:#85817b;font-size:8px}.simulator-live-chip>span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(134,214,174,.06)}
.simulator-tabs{display:flex;gap:6px;margin-bottom:12px}.simulator-tabs button{height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel2);color:#85817b;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:9px}.simulator-tabs button.active{color:var(--purple);border-color:var(--purple-border);background:var(--purple-bg)}.simulator-tabs .ui-icon{width:13px;height:13px}
.simulator-panel{display:none}.simulator-panel.active{display:block}.sim-controls{display:flex;align-items:end;gap:7px;flex-wrap:wrap;margin-bottom:12px}.sim-controls label{display:grid;gap:5px}.sim-controls label span,.sim-hint{color:var(--muted);font-size:8px}.sim-controls input{width:140px;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--control);color:var(--text);outline:0}.sim-controls input:focus{border-color:var(--purple-border)}.sim-controls button:disabled{opacity:.35;cursor:not-allowed}.merge-controls{justify-content:flex-end}.merge-controls .sim-hint{margin-right:auto}
.sim-array{min-height:88px;padding:15px;border:1px solid var(--border);border-radius:10px;background:#141615;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.sim-node{min-width:58px;height:40px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--panel2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b8882;font-size:9px;transition:.18s}.sim-node small{margin-top:2px;color:#5f5d59;font-size:7px}.sim-node.active{border-color:rgba(138,184,248,.35);background:rgba(138,184,248,.06);color:var(--blue);transform:translateY(-2px)}.sim-node.discarded{opacity:.28}.sim-node.found{border-color:var(--purple-border);background:var(--purple-bg);color:var(--purple);box-shadow:0 0 0 3px rgba(182,146,246,.04)}.sim-node.checked{border-color:#484c49;background:#202321;color:#a19d96}.sim-node.not-found{border-color:rgba(231,132,143,.3);color:var(--danger)}
.sim-console{min-height:42px;margin-top:8px;padding:10px 11px;border:1px solid var(--border);border-radius:8px;background:#101211;color:#8a8781;font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sim-console:before{content:"> ";color:var(--purple)}
.merge-sim-stage{min-height:190px;padding:16px;border:1px solid var(--border);border-radius:10px;background:#141615;display:grid;place-items:center}.merge-sim-tree{width:100%;display:grid;gap:13px;justify-items:center}.merge-sim-level{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.merge-sim-group{padding:7px;border:1px dashed #3a3d3a;border-radius:8px;display:flex;gap:6px}.merge-sim-group.result{border-color:var(--purple-border);background:rgba(182,146,246,.025)}

@media(max-width:1000px){.validation-status-grid,.validation-proof-grid{grid-template-columns:1fr}.test-overview{grid-template-columns:1fr 1fr}.test-detail-grid{grid-template-columns:1fr}.requirement-row{grid-template-columns:42px 30px 1fr 28px}.validation-hero,.test-hero{align-items:flex-start}.coverage-ring,.test-score{width:110px;height:110px}.coverage-ring strong,.test-score strong{font-size:26px}}
@media(max-width:650px){.validation-hero,.test-hero{flex-direction:column;padding:22px}.coverage-ring,.test-score{align-self:flex-start}.test-overview{grid-template-columns:1fr}.requirement-row{grid-template-columns:36px 26px 1fr}.requirement-open{display:none}.test-row{grid-template-columns:34px 28px 1fr}.test-time{display:none}.sim-controls{align-items:stretch}.sim-controls label{width:100%}.sim-controls input{width:100%}.sim-controls button{flex:1}.merge-controls .sim-hint{width:100%;margin-bottom:4px}}


/* ==========================================================
   V7  -  Operacion realista, roles, trazabilidad e incidencias
   ========================================================== */
.operator-switch{height:38px;padding:0 8px;border:1px solid var(--border);border-radius:9px;background:var(--panel);display:grid;grid-template-columns:18px auto auto;gap:7px;align-items:center;color:var(--text)}
.operator-switch>.ui-icon{width:14px;height:14px;color:var(--purple)}
.operator-switch>span{display:flex;flex-direction:column;line-height:1.05}.operator-switch b{font-size:9px}.operator-switch small{margin-top:3px;color:var(--muted);font-size:7px}
.operator-switch select{height:27px;max-width:118px;padding:0 5px;border:1px solid var(--border);border-radius:6px;background:var(--control);color:var(--muted);font-size:8px;outline:none}
.operator-context-card{min-height:44px;margin:-7px 0 14px;padding:8px 11px;border:1px solid var(--border);border-radius:9px;background:var(--panel);display:grid;grid-template-columns:18px auto 1fr;gap:8px;align-items:center;color:var(--muted);font-size:9px}
.operator-context-card>.ui-icon{width:14px;height:14px;color:var(--purple)}.operator-context-card b{color:var(--text)}.operator-context-card small{text-align:right;color:#696762}
.orders-search-v7{margin-bottom:12px}.orders-search-form{min-height:42px;max-width:610px;padding:4px 5px 4px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);display:grid;grid-template-columns:18px 1fr auto auto;gap:7px;align-items:center}.orders-search-form>.ui-icon{width:14px;height:14px;color:#77746f}.orders-search-form input{height:32px;border:0;background:transparent;color:var(--text);outline:none}.orders-search-form button,.orders-search-form a{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--control);color:var(--muted);display:inline-flex;align-items:center;cursor:pointer;font-size:9px}.orders-search-form button:hover,.orders-search-form a:hover{border-color:var(--purple-border);color:var(--purple)}
.incident-surface-v7{border-color:rgba(232,201,133,.16)}.incident-count{min-height:26px;padding:0 8px;border:1px solid var(--border);border-radius:7px;color:var(--muted);display:inline-flex;align-items:center;font-size:8px}.incident-count.open{border-color:rgba(232,201,133,.3);background:rgba(232,201,133,.06);color:var(--warning)}
.empty-inline-v7{min-height:48px;padding:10px;border:1px dashed var(--border);border-radius:8px;color:#74716c;display:flex;align-items:center;gap:8px;font-size:9px}.empty-inline-v7 .ui-icon{width:14px;height:14px;color:var(--green)}
.incident-list-v7{display:grid;gap:7px}.incident-row-v7{min-height:62px;padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--panel2);display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:start}.incident-row-v7.open{border-color:rgba(232,201,133,.25);background:rgba(232,201,133,.035)}.incident-row-v7.resolved{opacity:.78}.incident-symbol-v7{width:27px;height:27px;border-radius:7px;border:1px solid var(--border);display:grid;place-items:center}.incident-row-v7.open .incident-symbol-v7{color:var(--warning)}.incident-row-v7.resolved .incident-symbol-v7{color:var(--green)}.incident-symbol-v7 .ui-icon{width:13px;height:13px}.incident-title-v7{display:flex;justify-content:space-between;gap:12px}.incident-title-v7 b{font-size:10px}.incident-title-v7 small{color:#716e68;font-size:8px}.incident-row-v7 p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.45}.incident-row-v7 em{display:block;margin-top:5px;color:var(--green);font-size:8px;font-style:normal}.mini-ok-button{height:29px;padding:0 8px;border:1px solid rgba(134,214,174,.24);border-radius:7px;background:rgba(134,214,174,.06);color:var(--green);cursor:pointer;font-size:8px}
.incident-form-v7{margin-top:10px;display:grid;grid-template-columns:150px 1fr auto;gap:7px}.incident-form-v7 select,.incident-form-v7 input{height:38px;padding:0 9px;border:1px solid var(--border);border-radius:8px;background:var(--control);color:var(--text);outline:none;font-size:9px}.incident-form-v7 input:focus,.incident-form-v7 select:focus{border-color:var(--purple-border)}
.incident-block-v7,.role-warning-v7{margin-top:10px;padding:10px;border:1px solid rgba(232,201,133,.25);border-radius:8px;background:rgba(232,201,133,.05);color:var(--warning);display:flex;align-items:center;gap:8px;font-size:9px}.incident-block-v7 .ui-icon,.role-warning-v7 .ui-icon{width:14px;height:14px;flex:0 0 auto}.role-warning-v7{margin:0 0 12px}
@media(max-width:850px){.operator-switch>span{display:none}.operator-switch{grid-template-columns:18px auto}.operator-switch select{max-width:100px}.incident-form-v7{grid-template-columns:1fr}.orders-search-form{max-width:none}.operator-context-card{grid-template-columns:18px 1fr}.operator-context-card small{display:none}}

.implementation-note-v7{margin-bottom:14px;padding:14px 16px;border:1px solid rgba(138,184,248,.18);border-radius:10px;background:rgba(138,184,248,.035);display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start}.implementation-note-v7>.ui-icon{width:21px;height:21px;margin-top:3px;color:var(--blue)}.implementation-note-v7 b{display:block;font-size:11px}.implementation-note-v7 p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.55}

/* ==========================================================
   V8 - AUTH + TRACKING + OPERATIONAL ROUTE
   ========================================================== */
.public-body{min-height:100vh;background:#0f1110;color:var(--text)}
.login-shell-v8,.track-public-shell-v8{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:
radial-gradient(circle at 18% 15%,rgba(182,146,246,.10),transparent 28%),#101211}
.login-brand-v8{padding:8vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-right:1px solid var(--border)}
.brand-mark.large{width:58px;height:58px;margin-bottom:26px;border-radius:16px}
.login-brand-v8 h1,.track-search-card-v8 h1{margin:0;font-size:clamp(40px,5vw,70px);line-height:.98;letter-spacing:-.055em}
.login-brand-v8 p{max-width:540px;color:var(--muted);line-height:1.7}
.public-track-link-v8{margin-top:18px;min-height:44px;padding:0 14px;border:1px solid var(--purple-border);border-radius:10px;background:var(--purple-dark);color:var(--purple);display:inline-flex;align-items:center;gap:9px}
.login-card-v8{width:min(440px,calc(100% - 36px));align-self:center;justify-self:center;padding:26px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}
.login-card-v8 h2{margin:4px 0 6px;font-size:28px}.login-card-v8>div>p{margin:0 0 18px;color:var(--muted)}
.login-form-v8,.admin-user-form-v8{display:grid;gap:13px}.login-form-v8 label,.admin-user-form-v8 label{display:grid;gap:6px}.login-form-v8 label span,.admin-user-form-v8 label span{color:var(--muted);font-size:10px}
.login-form-v8 input,.admin-user-form-v8 input,.admin-user-form-v8 select{height:44px;padding:0 12px;border:1px solid var(--border);border-radius:9px;background:var(--control);color:var(--text);outline:0}
.login-form-v8 input:focus,.admin-user-form-v8 input:focus,.admin-user-form-v8 select:focus{border-color:var(--purple-border);box-shadow:0 0 0 3px rgba(182,146,246,.07)}
.login-button-v8{width:100%;margin-top:6px}.form-error-v8{margin:12px 0;padding:10px 12px;border:1px solid rgba(231,132,143,.28);border-radius:8px;background:rgba(231,132,143,.06);color:var(--danger)}
.login-demo-v8{margin-top:18px;padding:12px;border:1px dashed var(--border);border-radius:9px;display:grid;gap:4px;color:var(--muted);font-size:10px}.login-demo-v8 b{color:var(--text)}
.real-user-chip-v8{min-height:40px;padding:5px 6px 5px 8px;border:1px solid var(--border);border-radius:10px;background:var(--panel);display:flex;align-items:center;gap:8px}.real-user-avatar-v8{width:29px;height:29px;border-radius:8px;background:var(--purple-dark);color:var(--purple);display:grid;place-items:center}.real-user-chip-v8>span:nth-child(2){display:flex;min-width:95px;flex-direction:column}.real-user-chip-v8 b{font-size:10px}.real-user-chip-v8 small{margin-top:2px;color:var(--muted);font-size:8px}.real-user-chip-v8 form{margin:0}.real-user-chip-v8 button{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#74716c;cursor:pointer}.real-user-chip-v8 button:hover{background:rgba(231,132,143,.07);color:var(--danger)}
.customer-track-chip-v8{color:var(--purple)!important;border-color:var(--purple-border)!important;background:var(--purple-dark)!important}
.user-form-card-v8{max-width:760px}.role-pill-v8,.account-state-v8{display:inline-flex;min-height:24px;padding:0 8px;align-items:center;border-radius:7px;border:1px solid var(--border);font-size:9px}.role-pill-v8{color:var(--purple);border-color:var(--purple-border);background:var(--purple-dark)}.account-state-v8.active{color:var(--success)}.account-state-v8.inactive{color:var(--danger)}.row-action-button-v8{border:0;background:none;color:var(--muted);cursor:pointer}.row-action-button-v8:hover{color:var(--purple)}

.flow-board-v8{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:10px;align-items:start;overflow-x:auto;padding-bottom:8px}.flow-column-v8{min-width:210px;border:1px solid var(--border);border-radius:11px;background:#171918;overflow:hidden}.flow-column-v8>header{height:44px;padding:0 11px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:#94918b;font-size:10px;font-weight:700}.flow-column-v8>header b{min-width:24px;height:24px;border-radius:7px;background:var(--control);display:grid;place-items:center;color:var(--text)}.flow-cards-v8{padding:8px;display:grid;gap:8px}.flow-order-v8{padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--panel);transition:.15s}.flow-order-v8:hover{border-color:var(--purple-border);transform:translateY(-1px)}.flow-order-top-v8{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.flow-order-v8>strong{display:block;margin:7px 0 3px}.flow-order-v8>small{color:#6f6c68;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.flow-location-v8{margin:10px 0 7px;padding:8px;border:1px solid var(--border);border-radius:8px;background:#151716;display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:center}.flow-location-v8 .ui-icon{color:var(--purple)}.flow-location-v8 span{display:flex;flex-direction:column}.flow-location-v8 small{color:#6e6b66;font-size:7px}.flow-location-v8 b{margin-top:2px;font-size:9px}.flow-next-v8{display:grid;grid-template-columns:auto 1fr 12px;gap:5px;align-items:center;color:#77746f;font-size:8px}.flow-next-v8 b{color:#aaa69f;font-weight:600}.flow-next-v8 .ui-icon{width:10px;height:10px;color:var(--purple)}.flow-empty-v8{min-height:80px;display:grid;place-items:center;color:#555853;font-size:9px}

.order-header-v8{margin-bottom:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.order-header-v8 h1{margin:6px 0 0;display:flex;align-items:center;gap:11px;font-size:34px}.order-header-v8 p{margin:9px 0 0;color:var(--muted)}.order-head-actions-v8{display:flex;align-items:flex-start;gap:12px}.tracking-code-card-v8{min-width:215px;padding:11px 12px;border:1px solid var(--purple-border);border-radius:10px;background:var(--purple-dark)}.tracking-code-card-v8>small,.tracking-code-card-v8>b{display:block}.tracking-code-card-v8>small{color:#827f79;font-size:8px}.tracking-code-card-v8>b{margin:5px 0 8px;color:var(--purple);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.tracking-code-card-v8>div{display:flex;gap:6px}.tracking-code-card-v8 button,.tracking-code-card-v8 a{height:27px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:#181a19;color:#8f8c86;display:inline-flex;align-items:center;gap:5px;font-size:8px;cursor:pointer}
.route-control-v8{margin-bottom:18px}.route-current-area-v8{padding:6px 9px;border:1px solid var(--purple-border);border-radius:8px;background:var(--purple-dark);color:var(--purple);display:inline-flex;align-items:center;gap:6px;font-size:9px}.route-strip-v8{display:grid;grid-template-columns:repeat(8,minmax(105px,1fr));gap:6px;overflow-x:auto;padding-bottom:4px}.route-step-v8{min-width:105px;position:relative;padding:10px 8px;border:1px solid var(--border);border-radius:9px;background:#181a19;display:grid;grid-template-columns:26px 1fr;gap:7px;align-items:center;opacity:.55}.route-step-v8.done{opacity:.85}.route-step-v8.current{opacity:1;border-color:var(--purple-border);background:var(--purple-dark);box-shadow:0 0 0 3px rgba(182,146,246,.04)}.route-symbol-v8{width:25px;height:25px;border-radius:7px;background:var(--control);display:grid;place-items:center;color:#77746f}.route-step-v8.current .route-symbol-v8{color:var(--purple)}.route-step-v8.done .route-symbol-v8{color:var(--green)}.route-text-v8{display:flex;min-width:0;flex-direction:column}.route-text-v8 b{font-size:8px}.route-text-v8 small{margin-top:3px;color:#6f6c67;font-size:7px}.route-check-v8{position:absolute;right:5px;top:5px;color:var(--green)}.route-check-v8 .ui-icon{width:9px;height:9px}.next-destination-v8{margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(100deg,rgba(182,146,246,.055),transparent),#181a19;display:grid;grid-template-columns:42px 1fr 150px;gap:12px;align-items:center}.next-destination-arrow-v8{width:40px;height:40px;border-radius:10px;background:var(--purple-dark);color:var(--purple);display:grid;place-items:center}.next-destination-v8 small{color:#74716c;font-size:8px}.next-destination-v8 h3{margin:3px 0;font-size:15px}.next-destination-v8 p{margin:0;color:#84817b;font-size:9px}.next-owner-v8{text-align:right}.next-owner-v8 b{display:block;margin-top:4px}.route-cancelled-v8{padding:14px;border:1px solid rgba(231,132,143,.24);border-radius:9px;color:var(--danger);background:rgba(231,132,143,.05);display:flex;align-items:center;gap:8px}.action-surface-v8 .action-help-v8{margin:0 0 14px;color:var(--muted);font-size:9px}.operator-mini-v8{color:#76736e;font-size:9px}

.route-modal-backdrop-v8{position:fixed;inset:0;z-index:120;background:rgba(5,6,6,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.route-modal-v8{width:min(560px,100%);border:1px solid var(--purple-border);border-radius:14px;background:#181a19;box-shadow:0 30px 100px rgba(0,0,0,.55);overflow:hidden}.route-modal-v8 header{padding:17px;display:grid;grid-template-columns:42px 1fr 30px;gap:10px;align-items:center;border-bottom:1px solid var(--border)}.route-modal-icon-v8{width:40px;height:40px;border-radius:10px;background:var(--purple-dark);color:var(--purple);display:grid;place-items:center}.route-modal-v8 h2{margin:0;font-size:18px}.route-modal-close-v8{border:0;background:transparent;color:#706d68;cursor:pointer;font-size:17px}.route-move-v8{padding:18px;display:grid;grid-template-columns:1fr 42px 1fr;align-items:center;gap:10px}.route-move-v8>div{min-height:68px;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--panel2);display:flex;flex-direction:column;justify-content:center}.route-move-v8 small,.route-modal-info-v8 small{color:#74716c;font-size:8px}.route-move-v8 b{margin-top:5px}.route-move-v8>span{display:grid;place-items:center;color:var(--purple)}.route-modal-info-v8{padding:0 18px 18px;display:grid;grid-template-columns:150px 1fr;gap:10px}.route-modal-info-v8>div{padding:10px;border:1px solid var(--border);border-radius:9px}.route-modal-info-v8 b{display:block;margin-top:4px}.route-modal-info-v8 p{margin:4px 0 0;color:#918e88;font-size:9px;line-height:1.5}.route-modal-v8 footer{padding:14px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}

.track-public-shell-v8{grid-template-columns:1fr;place-items:center;padding:28px;position:relative}.track-staff-link-v8,.track-back-v8{position:absolute;top:24px;right:28px;color:#77746f;font-size:10px}.track-back-v8{left:28px;right:auto}.track-search-card-v8{width:min(680px,100%);padding:34px;border:1px solid var(--purple-border);border-radius:16px;background:linear-gradient(130deg,rgba(182,146,246,.07),transparent 46%),var(--panel);box-shadow:var(--shadow);text-align:center}.track-search-card-v8 .brand-mark{margin:0 auto 18px}.track-search-card-v8 p{color:var(--muted)}.track-search-form-v8{margin-top:22px;padding:5px;border:1px solid var(--border);border-radius:11px;background:#131514;display:grid;grid-template-columns:1fr auto}.track-search-form-v8 input{height:45px;padding:0 13px;border:0;background:transparent;color:var(--text);outline:0;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.track-search-form-v8 button{padding:0 16px;border:0;border-radius:8px;background:var(--purple);color:#17131d;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:7px}.track-privacy-v8{display:block;margin-top:14px;color:#64625e;font-size:8px}.track-details-shell-v8{align-content:center}.track-detail-card-v8{width:min(920px,100%);padding:25px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.track-detail-head-v8{display:flex;justify-content:space-between;gap:20px}.track-detail-head-v8 h1{margin:4px 0;font-size:30px}.track-detail-head-v8 p{margin:0;color:var(--muted)}.public-route-v8{margin:24px 0;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;overflow-x:auto}.public-route-step-v8{min-width:90px;padding:9px 6px;border:1px solid var(--border);border-radius:9px;opacity:.45;text-align:center}.public-route-step-v8.done{opacity:.78}.public-route-step-v8.current{opacity:1;border-color:var(--purple-border);background:var(--purple-dark)}.public-route-icon-v8{width:30px;height:30px;margin:0 auto 7px;border-radius:8px;background:var(--control);display:grid;place-items:center;color:#77746f}.public-route-step-v8.current .public-route-icon-v8{color:var(--purple)}.public-route-step-v8.done .public-route-icon-v8{color:var(--green)}.public-route-step-v8 b,.public-route-step-v8 small{display:block}.public-route-step-v8 b{font-size:8px}.public-route-step-v8 small{margin-top:3px;color:#716e69;font-size:7px}.public-order-summary-v8{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.public-order-summary-v8>div{padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--panel2)}.public-order-summary-v8 small,.public-order-summary-v8 b{display:block}.public-order-summary-v8 small{color:#706d68;font-size:8px}.public-order-summary-v8 b{margin-top:4px}

@media(max-width:1100px){.route-strip-v8{grid-template-columns:repeat(8,120px)}.flow-board-v8{grid-template-columns:repeat(5,230px)}}
@media(max-width:820px){.login-shell-v8{grid-template-columns:1fr}.login-brand-v8{display:none}.order-header-v8{flex-direction:column}.order-head-actions-v8{width:100%}.tracking-code-card-v8{flex:1}.next-destination-v8{grid-template-columns:42px 1fr}.next-owner-v8{grid-column:2;text-align:left}.route-modal-info-v8{grid-template-columns:1fr}.public-route-v8{grid-template-columns:repeat(8,105px)}.public-order-summary-v8{grid-template-columns:1fr 1fr}.real-user-chip-v8>span:nth-child(2){display:none}.customer-track-chip-v8{display:none}}


/* ==========================================================
   V9 - CUENTAS + PERFIL EN PARTE INFERIOR
   ========================================================== */

.account-sidebar-v9{
    margin-top:auto;
    padding:10px 8px 5px;
    border-top:1px solid var(--border);
    display:grid;
    gap:8px;
}

.sidebar-account-main-v9{
    min-height:46px;
    padding:6px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--panel);
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:8px;
    align-items:center;
}

.sidebar-account-avatar-v9{
    width:34px;
    height:34px;
    border:1px solid var(--purple-border);
    border-radius:9px;
    background:var(--purple-dark);
    color:var(--purple);
    display:grid;
    place-items:center;
}

.sidebar-account-avatar-v9 .ui-icon{
    width:16px;
    height:16px;
}

.sidebar-account-text-v9{
    min-width:0;
    display:flex;
    flex-direction:column;
}

.sidebar-account-text-v9 b{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:10px;
    color:var(--text);
}

.sidebar-account-text-v9 small{
    margin-top:3px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:var(--muted);
    font-size:8px;
}

.sidebar-admin-actions-v9{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
}

.sidebar-admin-actions-v9 a{
    min-height:32px;
    padding:0 7px;
    border:1px solid var(--border);
    border-radius:8px;
    background:var(--control);
    color:#8f8b85;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-size:8px;
}

.sidebar-admin-actions-v9 a:hover{
    border-color:var(--purple-border);
    color:var(--purple);
    background:var(--purple-dark);
}

.sidebar-admin-actions-v9 .ui-icon{
    width:12px;
    height:12px;
}

.sidebar-logout-v9{
    margin:0;
}

.sidebar-logout-v9 button{
    width:100%;
    min-height:31px;
    padding:0 8px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#77736e;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    cursor:pointer;
    font-size:8px;
}

.sidebar-logout-v9 button:hover{
    background:rgba(231,132,143,.07);
    color:var(--danger);
}

.sidebar-logout-v9 .ui-icon{
    width:12px;
    height:12px;
}

.account-role-grid-v9{
    margin-bottom:14px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}

.account-role-grid-v9>div{
    min-height:74px;
    padding:12px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--panel);
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.account-role-grid-v9>div.admin{
    border-color:var(--purple-border);
    background:var(--purple-dark);
}

.account-role-grid-v9 b{
    font-size:9px;
    color:var(--purple);
}

.account-role-grid-v9 span{
    margin-top:5px;
    color:var(--muted);
    font-size:8px;
    line-height:1.4;
}

.current-account-row-v9{
    background:rgba(182,146,246,.035);
}

.you-badge-v9{
    margin-left:6px;
    padding:3px 5px;
    border:1px solid var(--purple-border);
    border-radius:5px;
    background:var(--purple-dark);
    color:var(--purple);
    font-size:7px;
}

.current-account-label-v9{
    color:var(--purple);
    font-size:8px;
}

.nav-collapsed .account-sidebar-v9{
    padding-left:0;
    padding-right:0;
}

.nav-collapsed .sidebar-account-main-v9{
    grid-template-columns:1fr;
    justify-items:center;
    padding:5px;
}

.nav-collapsed .sidebar-account-text-v9,
.nav-collapsed .sidebar-admin-actions-v9,
.nav-collapsed .sidebar-logout-v9 span{
    display:none;
}

.nav-collapsed .sidebar-logout-v9 button{
    width:36px;
    margin:auto;
}

@media(max-width:900px){
    .account-sidebar-v9{
        display:flex !important;
        align-items:center;
        justify-content:space-between;
        gap:8px;
        margin-top:8px;
        padding-top:8px;
    }

    .sidebar-account-main-v9{
        min-width:180px;
    }

    .sidebar-admin-actions-v9{
        display:flex;
    }

    .sidebar-admin-actions-v9 a{
        min-width:70px;
    }

    .sidebar-logout-v9 button{
        width:36px;
    }

    .sidebar-logout-v9 span{
        display:none;
    }

    .account-role-grid-v9{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:560px){
    .sidebar-admin-actions-v9 span{
        display:none;
    }

    .sidebar-admin-actions-v9 a{
        min-width:34px;
        width:34px;
        padding:0;
    }

    .account-role-grid-v9{
        grid-template-columns:1fr;
    }
}


/* V10 */
.brand-mark-image{
    padding:0;
    overflow:hidden;
}

.brand-logo-img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.brand-logo-img.large{
    width:100%;
    height:100%;
}

.role-guide-v10 > div{
    min-height:88px;
}

.role-guide-v10 span{
    line-height:1.5;
}

/* ZOOM GENERAL OMS */
@media (min-width: 901px) {
    body {
        zoom: 1.5;
    }
}

/* ZOOM GENERAL OMS */
@media (min-width: 901px) {
    body {
        zoom: 1.25;
    }
}

/* ZOOM GENERAL OMS */
@media (min-width: 901px) {
    body {
        zoom: 1;
    }
}

/* ZOOM GENERAL OMS */
@media (min-width: 901px) {
    body {
        zoom: 1.00;
    }
}