*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#030712;color:#f8fafc}body{padding-bottom:92px;overflow-x:hidden}.bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 16% 14%,rgba(59,130,246,.28),transparent 28%),radial-gradient(circle at 80% 6%,rgba(168,85,247,.22),transparent 24%),radial-gradient(circle at 96% 78%,rgba(34,197,94,.12),transparent 28%),linear-gradient(135deg,#030712,#06101f 48%,#090615)}a{color:inherit;text-decoration:none}.auth-page{display:grid;place-items:center;min-height:100vh;padding:28px}.auth-card{width:min(460px,100%);padding:30px;border:1px solid rgba(148,163,184,.18);border-radius:34px;background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(2,6,23,.72));box-shadow:0 28px 90px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(20px)}.brand{display:flex;gap:14px;align-items:center;margin-bottom:20px}.brand-logo{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#a855f7);font-weight:900;font-size:24px;box-shadow:0 0 30px rgba(59,130,246,.55)}.brand h1{margin:0;font-size:30px;letter-spacing:-.04em}.brand p{margin:2px 0 0;color:#94a3b8}.app-shell{width:min(1180px,100%);margin:0 auto;padding:22px 16px 96px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0 20px}.eyebrow{margin:0 0 4px;color:#60a5fa;font-size:14px;font-weight:700}.topbar h1{margin:0;font-size:clamp(26px,4vw,42px);letter-spacing:-.055em}.top-actions{display:flex;gap:10px}.icon-btn{height:46px;min-width:46px;padding:0 14px;border:1px solid rgba(148,163,184,.22);border-radius:16px;display:inline-grid;place-items:center;background:rgba(15,23,42,.68);box-shadow:inset 0 1px rgba(255,255,255,.08)}.icon-btn.primary{background:linear-gradient(135deg,var(--accent),#7c3aed);border-color:rgba(255,255,255,.22);font-size:26px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.metric,.panel,.order-card,.client-card{border:1px solid rgba(148,163,184,.16);border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.76),rgba(2,6,23,.62));box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(18px)}.card,.panel{padding:18px}.metric{padding:18px;min-height:118px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-26px;bottom:-30px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%)}.metric small{display:block;color:#a3b3c9;margin-bottom:10px}.metric strong{font-size:30px;letter-spacing:-.05em}.metric.blue{box-shadow:inset 0 0 28px rgba(59,130,246,.18),0 18px 50px rgba(0,0,0,.28)}.metric.green{box-shadow:inset 0 0 28px rgba(34,197,94,.18),0 18px 50px rgba(0,0,0,.28)}.metric.violet{box-shadow:inset 0 0 28px rgba(168,85,247,.20),0 18px 50px rgba(0,0,0,.28)}.metric.gold{box-shadow:inset 0 0 28px rgba(245,158,11,.19),0 18px 50px rgba(0,0,0,.28)}.metric-icon{position:absolute;right:17px;bottom:17px;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);font-weight:900;color:#fff}.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.quick a,.quick button{border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:20px 14px;min-height:118px;color:#fff;background:rgba(15,23,42,.65);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer}.quick .plus{font-size:42px;line-height:1}.glow-blue{box-shadow:inset 0 0 32px rgba(59,130,246,.3),0 0 18px rgba(59,130,246,.16)}.glow-green{box-shadow:inset 0 0 32px rgba(34,197,94,.24),0 0 18px rgba(34,197,94,.12)}.glow-violet{box-shadow:inset 0 0 32px rgba(168,85,247,.26),0 0 18px rgba(168,85,247,.12)}.glow-gold{box-shadow:inset 0 0 32px rgba(245,158,11,.24),0 0 18px rgba(245,158,11,.12)}.section-title{font-size:18px;margin:24px 2px 12px;letter-spacing:-.02em}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:10px}.tab{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.66);border-radius:999px;padding:9px 14px;color:#cbd5e1;white-space:nowrap;font-weight:700}.tab.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 0 18px rgba(59,130,246,.3)}.order-card{padding:16px;margin-bottom:12px}.order-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.order-code{font-size:18px;font-weight:900}.muted{color:#94a3b8}.order-title{margin:5px 0;color:#e2e8f0}.order-meta{display:flex;justify-content:space-between;gap:12px;color:#cbd5e1;margin-top:12px;flex-wrap:wrap}.order-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}.btn,.btn-sm{border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(15,23,42,.74);color:#fff;font-weight:800;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer}.btn{min-height:48px;padding:12px 16px}.btn-sm{min-height:40px;padding:9px 12px}.btn.primary{background:linear-gradient(135deg,#2563eb,#7c3aed)}.btn.success{background:linear-gradient(135deg,#16a34a,#15803d)}.btn.gold{background:linear-gradient(135deg,#b45309,#f59e0b);color:#111827}.btn.danger{background:linear-gradient(135deg,#b91c1c,#ef4444)}.badge{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex;align-items:center;gap:6px}.badge.blue{color:#93c5fd;background:rgba(37,99,235,.17)}.badge.gold{color:#fde68a;background:rgba(245,158,11,.14)}.badge.green{color:#86efac;background:rgba(34,197,94,.15)}.badge.violet{color:#d8b4fe;background:rgba(168,85,247,.17)}.badge.red{color:#fecaca;background:rgba(239,68,68,.14)}.badge.muted{color:#cbd5e1;background:rgba(148,163,184,.12)}.form{display:grid;gap:14px}.field label{display:block;color:#cbd5e1;margin:0 0 8px;font-weight:700}.input,select,textarea{width:100%;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(2,6,23,.68);color:#f8fafc;min-height:48px;padding:13px 14px;outline:0}textarea{min-height:120px;resize:vertical}.input:focus,select:focus,textarea:focus{border-color:rgba(96,165,250,.65);box-shadow:0 0 0 4px rgba(59,130,246,.12)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.detail-hero{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.avatar{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#a855f7);font-weight:900;box-shadow:0 0 28px rgba(59,130,246,.35)}.customer-line{display:flex;gap:12px;align-items:center}.progress{display:flex;align-items:center;gap:4px;margin:18px 0 6px}.step{flex:1;text-align:center;color:#64748b;font-size:12px;position:relative}.step:before{content:"";display:block;height:8px;background:rgba(148,163,184,.16);margin-bottom:8px;border-radius:99px}.step.done:before,.step.active:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.step.active{color:#f8fafc}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;overflow:hidden}.mini-stats div{padding:13px;border-right:1px solid rgba(148,163,184,.14)}.mini-stats div:last-child{border-right:0}.mini-stats small{display:block;color:#94a3b8}.mini-stats strong{font-size:20px}.photos{display:flex;gap:8px;overflow:auto}.photo-thumb{width:78px;height:78px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#0f172a;display:grid;place-items:center;color:#94a3b8;flex:0 0 auto}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(#3b82f6,#a855f7,#22c55e)}.timeline-item{position:relative;margin:12px 0;color:#cbd5e1}.timeline-item:before{content:"";position:absolute;left:-18px;top:4px;width:10px;height:10px;background:#60a5fa;border-radius:50%;box-shadow:0 0 12px #60a5fa}.timeline-time{font-size:12px;color:#94a3b8;margin-right:8px}.tracking-page{min-height:100vh;padding:20px 14px 40px;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,rgba(37,99,235,.27),transparent 32%),#030712}.track-phone{width:min(440px,100%);border:1px solid rgba(148,163,184,.17);border-radius:38px;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.78));box-shadow:0 32px 90px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.08);padding:26px;overflow:hidden}.track-title{text-align:center}.track-title .shield{width:58px;height:58px;margin:0 auto 16px;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle,#60a5fa,#1d4ed8);box-shadow:0 0 34px rgba(59,130,246,.46)}.track-title h1{margin:0;font-size:34px;line-height:1.05;letter-spacing:-.05em}.gradient-text{background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-background-clip:text;color:transparent}.qr-box{display:grid;place-items:center;padding:16px;border:1px solid rgba(245,158,11,.28);border-radius:24px;background:linear-gradient(180deg,rgba(245,158,11,.13),rgba(2,6,23,.45));margin:14px 0}.qr-box img{width:180px;height:180px;border-radius:10px;background:#fff;padding:8px}.bottom-nav{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:min(680px,calc(100% - 20px));height:72px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border:1px solid rgba(148,163,184,.18);border-radius:24px;background:rgba(2,6,23,.82);backdrop-filter:blur(22px);box-shadow:0 18px 60px rgba(0,0,0,.45);z-index:99}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#94a3b8;font-weight:700}.bottom-nav a span{font-size:22px}.bottom-nav a.active{color:#60a5fa;text-shadow:0 0 18px rgba(59,130,246,.8)}.toast{position:fixed;top:18px;right:18px;z-index:9999;max-width:340px;border-radius:18px;padding:13px 16px;background:rgba(15,23,42,.94);border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 60px rgba(0,0,0,.45);animation:toast 5s ease forwards}.toast.success{border-color:rgba(34,197,94,.45)}.toast.error{border-color:rgba(239,68,68,.45)}@keyframes toast{0%{opacity:0;transform:translateY(-12px)}10%,85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-12px)}}.empty{text-align:center;color:#94a3b8;padding:28px}.receipt{background:#fff;color:#111827;max-width:820px;margin:30px auto;padding:40px;border-radius:16px}.receipt h1,.receipt h2{color:#111827}@media print{body{background:white;padding:0}.bg-orbs,.bottom-nav,.no-print{display:none!important}.receipt{box-shadow:none;margin:0;max-width:none;border-radius:0}}@media(max-width:860px){.split{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr)}.app-shell{padding-left:14px;padding-right:14px}.order-actions{grid-template-columns:1fr 1fr 1fr}}@media(max-width:520px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr}.metric{min-height:110px;padding:15px}.metric strong{font-size:25px}.quick a,.quick button{min-height:96px}.topbar h1{font-size:28px}.panel,.card{padding:15px}.order-actions{grid-template-columns:1fr 1fr 1fr}.btn-sm{font-size:13px;padding:8px}.mini-stats{grid-template-columns:1fr 1fr 1fr}.mini-stats strong{font-size:17px}}

/* === OrdenClick Pro: contador de días y prioridad automática === */
.order-badges{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:max-content}.badge-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:8px}.age-badge{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.age-badge.blue{color:#93c5fd;background:rgba(37,99,235,.16)}.age-badge.violet{color:#d8b4fe;background:rgba(168,85,247,.17)}.age-badge.gold{color:#fde68a;background:rgba(245,158,11,.16);box-shadow:0 0 18px rgba(245,158,11,.16)}.age-badge.red{color:#fecaca;background:rgba(239,68,68,.16);box-shadow:0 0 20px rgba(239,68,68,.16)}.age-badge.muted{color:#cbd5e1;background:rgba(148,163,184,.12)}
.priority-alert{margin:14px 0 18px;padding:16px;border-radius:26px;border:1px solid rgba(245,158,11,.35);background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(15,23,42,.72));box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.07);display:flex;gap:14px;align-items:center;justify-content:space-between}.priority-alert small{display:block;color:#fde68a;font-weight:900;margin-bottom:3px}.priority-alert strong{display:block;font-size:20px}.priority-alert p{margin:4px 0 0;color:#cbd5e1}.btn-sm.gold{background:linear-gradient(135deg,#b45309,#f59e0b);color:#111827;border-color:rgba(245,158,11,.35)}
.age-panel{margin-top:14px;padding:14px;border-radius:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:1px solid rgba(148,163,184,.16);background:rgba(2,6,23,.42)}.age-panel div{padding:12px;border-radius:17px;background:rgba(15,23,42,.58);border:1px solid rgba(255,255,255,.07)}.age-panel small{display:block;color:#94a3b8;margin-bottom:4px}.age-panel strong{font-size:18px}.age-panel.blue{box-shadow:inset 0 0 28px rgba(59,130,246,.10)}.age-panel.violet{box-shadow:inset 0 0 28px rgba(168,85,247,.12)}.age-panel.gold{box-shadow:inset 0 0 28px rgba(245,158,11,.16)}.age-panel.red{box-shadow:inset 0 0 28px rgba(239,68,68,.17);border-color:rgba(239,68,68,.28)}.priority-note{margin-top:12px;padding:12px 14px;border-radius:18px;color:#fde68a;background:rgba(245,158,11,.11);border:1px solid rgba(245,158,11,.24);font-weight:800}.badge.red{color:#fecaca;background:rgba(239,68,68,.14)}
@media(max-width:520px){.order-badges{align-items:flex-start;margin-top:8px}.order-top{flex-direction:column}.age-panel{grid-template-columns:1fr}.priority-alert{align-items:flex-start;flex-direction:column}.priority-alert .btn-sm{width:100%}}
/* OrdenClick Pro V4 - inteligencia operativa */
.smart-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin:14px 0 20px}.smart-card{border:1px solid rgba(250,204,21,.25);border-radius:28px;background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(15,23,42,.72));padding:18px;box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)}.smart-card h3{margin:0 0 8px;font-size:22px}.smart-card p{margin:4px 0;color:#cbd5e1}.work-queue{display:grid;gap:12px}.queue-item{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(148,163,184,.14);border-radius:22px;background:rgba(15,23,42,.58);padding:14px}.queue-rank{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#a855f7);font-weight:900}.score-meter{height:8px;border-radius:99px;background:rgba(148,163,184,.18);overflow:hidden;margin:10px 0 6px}.score-meter span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444)}.intel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.intel-box{border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(15,23,42,.55);padding:13px}.intel-box small{color:#94a3b8;display:block}.intel-box strong{font-size:17px}.checklist{display:grid;gap:9px}.check-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.15);border-radius:16px;background:rgba(2,6,23,.38)}.check-item.done{opacity:.72}.check-item input{width:20px;height:20px;accent-color:#22c55e}.quick-diagnosis{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.62);color:#e2e8f0;border-radius:999px;padding:9px 12px;font-weight:700;cursor:pointer}.chip-btn:hover{border-color:rgba(96,165,250,.55);background:rgba(59,130,246,.18)}.next-action{border-left:4px solid #60a5fa}.overdue{border-left:4px solid #ef4444}.today{border-left:4px solid #facc15}.photo-phase{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(59,130,246,.16);color:#bfdbfe;font-size:12px;font-weight:800}.approval-box{border:1px solid rgba(34,197,94,.25);background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(15,23,42,.65));border-radius:24px;padding:16px}.tech-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.bottom-nav a{font-size:13px}.bottom-nav small{font-size:10px}.bottom-nav span{font-size:18px}@media(max-width:840px){.smart-strip{grid-template-columns:1fr}.intel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{left:8px;right:8px}.bottom-nav a{gap:2px}}@media(max-width:420px){.bottom-nav small{font-size:9px}.bottom-nav span{font-size:16px}.app-shell{padding-left:12px;padding-right:12px}.intel-grid{grid-template-columns:1fr}}

/* === OrdenClick Pro V4 - multi dispositivo === */
.metric.red{box-shadow:inset 0 0 28px rgba(239,68,68,.19),0 18px 50px rgba(0,0,0,.28)}
.hide-mobile{display:inline-grid}.device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.device-card{display:block;min-height:130px;padding:18px;border:1px solid rgba(148,163,184,.16);border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.58));box-shadow:0 18px 50px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06)}.device-card strong{display:block;font-size:22px;margin-bottom:10px}.device-card span{color:#cbd5e1;line-height:1.4}.device-card.phone{box-shadow:inset 0 0 30px rgba(59,130,246,.18)}.device-card.tablet{box-shadow:inset 0 0 30px rgba(168,85,247,.18)}.device-card.desktop{box-shadow:inset 0 0 30px rgba(245,158,11,.16)}.device-card.agenda{box-shadow:inset 0 0 30px rgba(34,197,94,.16)}.device-hero{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.device-hero h2{font-size:28px;margin:0 0 6px}.device-actions{display:flex;gap:10px;flex-wrap:wrap}.desktop-shell{width:min(1440px,100%);margin:0 auto;padding:22px 18px 104px}.desktop-search{display:grid;grid-template-columns:1fr 180px;gap:12px;margin:14px 0}.desktop-grid{display:grid;grid-template-columns:minmax(0,1.35fr) 360px;gap:16px}.order-row{display:grid;grid-template-columns:1fr auto 92px;gap:12px;align-items:center;padding:14px;border-bottom:1px solid rgba(148,163,184,.1)}.order-row:last-child{border-bottom:0}.team-line{display:flex;gap:12px;align-items:center;padding:10px 0}.avatar.small{width:42px;height:42px;border-radius:14px;font-size:15px}.team-card{border:1px solid rgba(148,163,184,.14);border-radius:22px;padding:14px;margin-bottom:10px;background:rgba(2,6,23,.35);display:flex;justify-content:space-between;gap:12px;align-items:center}.team-card h3{margin:0}.tablet-shell{width:min(1280px,100%);margin:0 auto;padding:22px 14px 100px}.tablet-board{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px}.tablet-list{max-height:72vh;overflow:auto}.tablet-item{display:block;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:rgba(2,6,23,.36);margin-bottom:10px}.tablet-item.active{border-color:rgba(96,165,250,.6);box-shadow:0 0 26px rgba(59,130,246,.14)}.tablet-item strong,.tablet-item span,.tablet-item small{display:block}.tablet-item small{color:#94a3b8;margin-top:4px}.tablet-detail{min-height:62vh}.tablet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.calendar-board{display:grid;grid-template-columns:repeat(7,minmax(190px,1fr));gap:12px;overflow:auto;padding-bottom:12px}.day-column{min-height:240px}.day-column h3{margin:0}.today-day{border-color:rgba(96,165,250,.45);box-shadow:inset 0 0 28px rgba(59,130,246,.12)}.calendar-item{display:block;border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:10px;margin:10px 0;background:rgba(2,6,23,.4)}.calendar-item strong,.calendar-item span,.calendar-item small{display:block}.calendar-item span,.calendar-item small{color:#cbd5e1}.document-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:rgba(2,6,23,.35);margin-bottom:10px}.signature-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.signature-pad{width:100%;height:320px;border:1px solid rgba(148,163,184,.22);border-radius:22px;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.75));touch-action:none;box-shadow:inset 0 0 40px rgba(59,130,246,.08)}.signature-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signature-preview div{border:1px solid rgba(148,163,184,.14);border-radius:18px;background:rgba(2,6,23,.35);padding:12px;min-height:110px}.signature-preview img{max-width:100%;max-height:92px;border-radius:10px;background:#fff}.approval-box textarea{min-height:82px}.tracking-page .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-mode-banner{display:none}
@media(min-width:1024px){.app-shell{width:min(1220px,100%)}.split{grid-template-columns:minmax(0,1.15fr) 420px}.bottom-nav{width:min(760px,calc(100% - 28px))}}
@media(max-width:1020px){.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-grid,.tablet-board,.signature-layout{grid-template-columns:1fr}.tablet-list{max-height:none}.calendar-board{grid-template-columns:repeat(3,minmax(190px,1fr))}.order-row{grid-template-columns:1fr}.desktop-search{grid-template-columns:1fr}.hide-mobile{display:none!important}}
@media(max-width:560px){.device-grid,.calendar-board{grid-template-columns:1fr}.device-hero{flex-direction:column;align-items:flex-start}.tablet-actions{grid-template-columns:1fr}.signature-preview{grid-template-columns:1fr}.bottom-nav{height:70px;grid-template-columns:repeat(6,1fr)}.bottom-nav small{display:none}.bottom-nav a span{font-size:20px}.tracking-page .grid-2{grid-template-columns:1fr}.desktop-shell,.tablet-shell{padding-left:12px;padding-right:12px}}
/* === OrdenClick Pro V5 - orden, branding e informes === */
.logo-img{object-fit:cover;background:#fff;padding:2px;border:1px solid rgba(255,255,255,.2)}
.brand-logo.logo-img{width:58px;height:58px;border-radius:20px}.brand-logo.small-logo{width:42px;height:42px;border-radius:14px}
.session-menu{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.session-pill{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.64);border-radius:999px;padding:8px 12px;color:#cbd5e1;font-size:13px;font-weight:800}.session-pill strong{color:#fff}.logout-btn{border-color:rgba(239,68,68,.28)!important;color:#fecaca!important;background:rgba(239,68,68,.10)!important}.switch-btn{border-color:rgba(96,165,250,.28)!important;color:#bfdbfe!important;background:rgba(59,130,246,.10)!important}
.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.report-card{border:1px solid rgba(148,163,184,.16);border-radius:28px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.52));padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06)}.report-card small{display:block;color:#94a3b8;font-weight:800}.report-card strong{display:block;font-size:30px;margin-top:8px}.report-card.blue{box-shadow:inset 0 0 30px rgba(59,130,246,.14)}.report-card.green{box-shadow:inset 0 0 30px rgba(34,197,94,.14)}.report-card.gold{box-shadow:inset 0 0 30px rgba(245,158,11,.14)}.report-card.red{box-shadow:inset 0 0 30px rgba(239,68,68,.14)}
.table-pro{width:100%;border-collapse:collapse}.table-pro th,.table-pro td{padding:12px;border-bottom:1px solid rgba(148,163,184,.12);text-align:left;vertical-align:top}.table-pro th{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.table-pro tr:hover td{background:rgba(59,130,246,.06)}.camera-box{border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:14px;background:rgba(2,6,23,.42)}.camera-video{width:100%;max-height:420px;border-radius:20px;background:#020617;object-fit:cover}.camera-preview{max-width:100%;border-radius:20px;border:1px solid rgba(148,163,184,.18)}.photo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.mode-card{border:1px solid rgba(96,165,250,.24);border-radius:22px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(15,23,42,.65));padding:14px;margin:12px 0}.mode-card strong{display:block;font-size:18px}.mode-card p{margin:6px 0 0;color:#cbd5e1}.form-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.form-section-title h2{margin:0}.status-note{padding:10px 12px;border-radius:16px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.20);color:#bbf7d0;font-weight:800}.signature-pad.light{background:#fff}.simple-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:6px}.simple-tabs a{white-space:nowrap;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.65);padding:10px 12px;border-radius:999px}.simple-tabs a.active{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}
@media(max-width:840px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-menu .session-pill{display:none}.topbar{align-items:flex-start}.top-actions{gap:6px}.table-pro{font-size:13px}.table-pro th:nth-child(4),.table-pro td:nth-child(4){display:none}}
@media(max-width:520px){.report-grid{grid-template-columns:1fr}.top-actions .switch-btn{display:none!important}.table-pro th:nth-child(3),.table-pro td:nth-child(3){display:none}}

/* === OrdenClick Pro V8 - pulida premium, control y productividad === */
.search-hero{position:relative;overflow:hidden}.search-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.22),transparent 70%)}.search-form{display:grid;grid-template-columns:1fr 160px;gap:12px}.search-input{font-size:18px;min-height:60px}.kanban-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.kanban-head h2{margin:0 0 6px}.kanban-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(292px,1fr);gap:14px;overflow:auto;padding:2px 2px 18px}.kanban-col{border:1px solid rgba(148,163,184,.14);border-radius:26px;background:rgba(2,6,23,.42);padding:12px;min-height:68vh}.kanban-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 6px 14px}.kanban-title strong{font-size:18px}.kanban-title span{min-width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:rgba(59,130,246,.18);color:#bfdbfe;font-weight:900}.kanban-card{display:block;border:1px solid rgba(148,163,184,.14);border-radius:22px;padding:14px;margin-bottom:10px;background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(2,6,23,.52));box-shadow:0 12px 32px rgba(0,0,0,.22)}.kanban-card.red{border-color:rgba(239,68,68,.34)}.kanban-card.gold{border-color:rgba(245,158,11,.34)}.kanban-card.green{border-color:rgba(34,197,94,.30)}.kanban-card.blue{border-color:rgba(96,165,250,.30)}.kanban-card.violet{border-color:rgba(168,85,247,.30)}.kanban-card strong{display:block;margin:8px 0 4px}.kanban-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#cbd5e1;margin:10px 0}.kanban-empty{border:1px dashed rgba(148,163,184,.20);border-radius:18px;padding:18px;text-align:center;color:#64748b}.template-card{border:1px solid rgba(148,163,184,.14);border-radius:24px;background:rgba(2,6,23,.36);padding:14px}.template-card label{color:#94a3b8;margin-bottom:8px}.variable-list{display:flex;gap:8px;flex-wrap:wrap}.control-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;position:relative}.control-hero:before{content:"";position:absolute;right:-80px;top:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.20),transparent 70%)}.control-hero h2{font-size:clamp(34px,6vw,62px);margin:0;letter-spacing:-.06em}.control-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:conic-gradient(var(--accent),#22c55e,#f59e0b,#ef4444,var(--accent));box-shadow:0 0 42px rgba(59,130,246,.22);position:relative;flex:0 0 auto}.control-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#08111f;border:1px solid rgba(255,255,255,.12)}.control-ring span{position:relative;z-index:1;font-weight:900;font-size:28px}.action-card{display:block;border:1px solid rgba(148,163,184,.16);border-radius:26px;background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(2,6,23,.56));padding:18px;box-shadow:0 18px 48px rgba(0,0,0,.24)}.action-card strong{display:block;font-size:21px;margin-bottom:8px}.action-card p{color:#cbd5e1;min-height:46px}.action-card span{font-weight:900;color:#fff}.action-card.red{border-color:rgba(239,68,68,.32);box-shadow:inset 0 0 28px rgba(239,68,68,.12),0 18px 48px rgba(0,0,0,.24)}.action-card.gold{border-color:rgba(245,158,11,.32);box-shadow:inset 0 0 28px rgba(245,158,11,.12),0 18px 48px rgba(0,0,0,.24)}.action-card.green{border-color:rgba(34,197,94,.32);box-shadow:inset 0 0 28px rgba(34,197,94,.12),0 18px 48px rgba(0,0,0,.24)}.action-card.blue{border-color:rgba(96,165,250,.32);box-shadow:inset 0 0 28px rgba(96,165,250,.12),0 18px 48px rgba(0,0,0,.24)}.action-card.violet{border-color:rgba(168,85,247,.32);box-shadow:inset 0 0 28px rgba(168,85,247,.12),0 18px 48px rgba(0,0,0,.24)}.device-card.elite{box-shadow:inset 0 0 30px rgba(59,130,246,.16),inset 0 0 60px rgba(168,85,247,.09)}.device-card.search{box-shadow:inset 0 0 30px rgba(96,165,250,.16)}.device-card.kanban{box-shadow:inset 0 0 30px rgba(245,158,11,.14)}.device-card.templates{box-shadow:inset 0 0 30px rgba(34,197,94,.14)}.fab-new{position:fixed;right:18px;bottom:96px;z-index:90;border-radius:999px;padding:14px 18px;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 20px 60px rgba(37,99,235,.35);font-weight:900;border:1px solid rgba(255,255,255,.18)}@media(max-width:720px){.search-form{grid-template-columns:1fr}.kanban-head,.control-hero{flex-direction:column;align-items:flex-start}.control-ring{width:112px;height:112px}.kanban-board{grid-auto-columns:minmax(270px,88vw)}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}

/* OrdenClick Pro V8 commercial polish */
.onboarding-nudge{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 18px;border-color:rgba(96,165,250,.35);background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(168,85,247,.10));}
.onboarding-score{width:120px;height:120px;border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(250,204,21,.16));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(59,130,246,.18)}
.onboarding-score strong{font-size:34px;font-weight:950;color:#fff}.onboarding-score span{font-size:12px;color:#aab6d3;text-transform:uppercase;letter-spacing:.08em}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pricing-card{position:relative;padding:22px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 24px 80px rgba(0,0,0,.24)}.pricing-card.active{border-color:rgba(250,204,21,.55);box-shadow:0 0 0 1px rgba(250,204,21,.18),0 30px 100px rgba(250,204,21,.14)}.pricing-head{display:flex;flex-direction:column;gap:3px}.pricing-head h2{margin:0}.pricing-head strong{font-size:36px;color:#fff}.pricing-head span{color:#aab6d3}.feature-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px}.feature-list li{padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.055);color:#dce7ff}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline-form select{min-width:110px}.public-profile .chip-btn{pointer-events:none}.public-profile .track-title p{line-height:1.5}.badge.green{background:rgba(34,197,94,.16);color:#86efac;border-color:rgba(34,197,94,.35)}.badge.gold{background:rgba(250,204,21,.16);color:#fde68a;border-color:rgba(250,204,21,.35)}.badge.red{background:rgba(239,68,68,.16);color:#fecaca;border-color:rgba(239,68,68,.35)}.badge.violet{background:rgba(168,85,247,.16);color:#ddd6fe;border-color:rgba(168,85,247,.35)}.badge.blue{background:rgba(96,165,250,.16);color:#bfdbfe;border-color:rgba(96,165,250,.35)}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.onboarding-nudge{align-items:flex-start;flex-direction:column}.onboarding-score{width:100%;height:auto;padding:18px}.inline-form{display:grid;grid-template-columns:1fr}.inline-form select,.inline-form button{width:100%}}
@media print{.bottom-nav,.top-actions,.device-actions,.btn,.btn-sm{display:none!important}.desktop-shell,.app-shell{max-width:none;padding:0}.panel,.report-card{box-shadow:none!important;background:#fff!important;color:#111!important;border:1px solid #ddd!important}.muted{color:#444!important}body{background:#fff!important;color:#111!important}.bg-orbs{display:none!important}}

/* === OrdenClick Pro V8 — UX limpia, mobile-first y CSS revisado === */
:root{--panel:rgba(15,23,42,.72);--line:rgba(148,163,184,.18);--soft:rgba(255,255,255,.06);--text:#f8fafc;--sub:#9fb0ca;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--blue:#3b82f6;--purple:#a855f7}
body{font-size:15px;line-height:1.45}.lead-text{font-size:18px;line-height:1.55;color:#e2e8f0}.bottom-nav{grid-template-columns:repeat(6,1fr);height:74px}.bottom-nav.bottom-nav-v8 a.primary-nav span{width:36px;height:36px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 0 24px rgba(59,130,246,.38)}.toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:200;background:rgba(15,23,42,.96);border:1px solid rgba(34,197,94,.35);border-radius:18px;padding:12px 16px;box-shadow:0 18px 50px rgba(0,0,0,.36);max-width:min(680px,calc(100% - 28px))}.toast.error{border-color:rgba(239,68,68,.45)}.error-panel{border-color:rgba(239,68,68,.45)!important;color:#fecaca;background:linear-gradient(135deg,rgba(239,68,68,.14),rgba(15,23,42,.70))!important}
.focus-hero,.order-fast-hero,.order-hero-v8{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid rgba(148,163,184,.16);border-radius:34px;padding:24px;background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(168,85,247,.09) 48%,rgba(15,23,42,.72));box-shadow:0 24px 80px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.06);overflow:hidden}.focus-hero:after,.order-fast-hero:after,.order-hero-v8:after{content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(96,165,250,.24),transparent 70%)}.focus-hero h2,.order-fast-hero h2,.order-hero-v8 h2{position:relative;margin:7px 0;font-size:clamp(32px,6vw,56px);letter-spacing:-.065em;line-height:.97}.focus-hero p,.order-fast-hero p,.order-hero-v8 p{position:relative;max-width:680px;margin:0;color:#cbd5e1}.hero-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(96,165,250,.32);border-radius:999px;padding:7px 11px;color:#bfdbfe;background:rgba(37,99,235,.14);font-weight:900}.health-card,.fast-summary,.order-money-card{position:relative;z-index:1;min-width:180px;border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:18px;background:rgba(2,6,23,.52);box-shadow:inset 0 1px rgba(255,255,255,.06)}.health-card small,.fast-summary span,.order-money-card small,.order-money-card span{display:block;color:#9fb0ca;font-weight:800}.health-card strong,.fast-summary strong,.order-money-card strong{display:block;font-size:36px;letter-spacing:-.05em;color:#fff}.hero-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin:16px 0}.hero-action{min-height:148px;border:1px solid rgba(148,163,184,.16);border-radius:30px;padding:20px;background:linear-gradient(180deg,rgba(15,23,42,.80),rgba(2,6,23,.58));display:flex;flex-direction:column;justify-content:center;gap:8px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.hero-action span{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:rgba(96,165,250,.16);font-size:30px;box-shadow:0 0 22px rgba(96,165,250,.20)}.hero-action strong{font-size:24px;letter-spacing:-.04em}.hero-action small{color:#9fb0ca}.hero-action.primary{background:linear-gradient(135deg,rgba(37,99,235,.38),rgba(124,58,237,.28));border-color:rgba(96,165,250,.36)}.hero-action.gold{background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(15,23,42,.65));border-color:rgba(245,158,11,.34)}.answer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.answer-card{border:1px solid rgba(148,163,184,.16);border-radius:26px;padding:18px;background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(2,6,23,.54));box-shadow:0 16px 46px rgba(0,0,0,.25)}.answer-card small,.answer-card span{display:block;color:#9fb0ca;font-weight:800}.answer-card strong{display:block;font-size:32px;letter-spacing:-.05em;margin:4px 0}.answer-card.red{border-color:rgba(239,68,68,.32);box-shadow:inset 0 0 28px rgba(239,68,68,.10)}.answer-card.blue{border-color:rgba(96,165,250,.32);box-shadow:inset 0 0 28px rgba(96,165,250,.10)}.answer-card.green{border-color:rgba(34,197,94,.32);box-shadow:inset 0 0 28px rgba(34,197,94,.10)}.answer-card.gold{border-color:rgba(245,158,11,.32);box-shadow:inset 0 0 28px rgba(245,158,11,.10)}.control-row{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.micro-actions,.compact-actions{display:flex!important;gap:8px;flex-wrap:wrap}.compact-actions{grid-template-columns:none!important}.search-mini{display:grid;grid-template-columns:1fr 110px;gap:10px}.focus-list{display:grid;gap:12px}.focus-item{display:flex;gap:12px;border:1px solid rgba(148,163,184,.15);border-radius:28px;padding:14px;background:linear-gradient(180deg,rgba(15,23,42,.76),rgba(2,6,23,.55));box-shadow:0 18px 50px rgba(0,0,0,.25)}.focus-item.red{border-color:rgba(239,68,68,.34)}.focus-item.gold{border-color:rgba(245,158,11,.34)}.focus-item.violet{border-color:rgba(168,85,247,.30)}.focus-item.blue{border-color:rgba(96,165,250,.30)}.focus-rank{flex:0 0 42px;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);font-weight:950;box-shadow:0 0 24px rgba(59,130,246,.28)}.focus-main{flex:1}.lite-card{padding:14px!important}.order-list-lite{display:grid;gap:10px}.fast-order{display:grid;gap:14px}.step-panel{padding:20px}.step-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.step-head>span{width:44px;height:44px;flex:0 0 44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);font-weight:950;box-shadow:0 0 24px rgba(59,130,246,.25)}.step-head h2{margin:0;font-size:25px}.step-head p{margin:2px 0 0;color:#94a3b8}.big-input{font-size:17px;font-weight:700}.money-input{font-size:20px;font-weight:900}.submit-bar{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:10px}.auto-generated{margin-top:14px;border:1px dashed rgba(96,165,250,.34);border-radius:18px;padding:12px;color:#cbd5e1;background:rgba(59,130,246,.08)}.created-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 14px;border:1px solid rgba(34,197,94,.35);border-radius:24px;padding:14px;background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(15,23,42,.70))}.created-banner p{margin:4px 0 0;color:#bbf7d0}.order-hero-line{display:flex;gap:8px;flex-wrap:wrap}.order-hero-v8.red{border-color:rgba(239,68,68,.35)}.order-hero-v8.gold{border-color:rgba(245,158,11,.35)}.order-hero-v8.green{border-color:rgba(34,197,94,.35)}.action-ribbon{position:sticky;top:8px;z-index:80;margin:12px 0 16px;display:flex;gap:8px;overflow:auto;padding:9px;border:1px solid rgba(148,163,184,.16);border-radius:24px;background:rgba(2,6,23,.80);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.28)}.action-ribbon a{white-space:nowrap;border:1px solid rgba(148,163,184,.16);border-radius:999px;padding:10px 13px;color:#e2e8f0;background:rgba(15,23,42,.75);font-weight:900}.action-ribbon a.success{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border-color:rgba(34,197,94,.35)}.order-detail-v8{align-items:start}.order-detail-v8>aside{display:grid;gap:14px}.order-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden;padding:0}.order-summary-grid>div{padding:16px;border-right:1px solid rgba(148,163,184,.13)}.order-summary-grid>div:last-child{border-right:0}.order-summary-grid small{display:block;color:#94a3b8;font-weight:800}.order-summary-grid strong{display:block;margin-top:5px}.next-action-card{border-color:rgba(96,165,250,.26);background:linear-gradient(135deg,rgba(59,130,246,.13),rgba(15,23,42,.70))}.next-action-card p{font-size:22px;margin:6px 0;font-weight:900}.share-panel .btn,.message-panel .btn{width:100%;margin-top:8px}.link-box{word-break:break-all;border:1px solid rgba(148,163,184,.16);border-radius:16px;padding:10px;color:#bfdbfe;background:rgba(59,130,246,.08);margin-bottom:10px}.photo-wrap{text-align:center}.photo-phase{display:inline-flex;margin-top:4px;border:1px solid rgba(148,163,184,.16);border-radius:999px;padding:4px 8px;font-size:11px;color:#cbd5e1}.receipt-body{background:#eef2f7;color:#111827;padding:30px}.premium-receipt{max-width:960px;margin:0 auto;background:#fff;color:#0f172a;border-radius:28px;padding:32px;box-shadow:0 28px 100px rgba(15,23,42,.20)}.receipt-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid #e5e7eb;padding-bottom:22px}.receipt-brand{display:flex;gap:14px;align-items:center}.receipt-brand h1{margin:0;font-size:30px}.receipt-brand p{margin:6px 0 0;color:#475569}.receipt-number{text-align:right}.receipt-number span,.receipt-number small{display:block;color:#64748b}.receipt-number strong{display:block;font-size:34px;letter-spacing:-.04em}.receipt-status,.receipt-money{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;margin:22px 0}.receipt-status>div,.receipt-money>div{padding:16px;border-right:1px solid #e5e7eb}.receipt-status>div:last-child,.receipt-money>div:last-child{border-right:0}.receipt-status small,.receipt-money small{display:block;color:#64748b;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.06em}.receipt-status strong,.receipt-money strong{display:block;margin-top:5px;font-size:20px}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.receipt-track{display:flex;gap:20px;align-items:center;border:1px solid #dbeafe;border-radius:24px;background:#eff6ff;padding:18px;margin:22px 0}.receipt-track img{width:170px;height:170px;background:#fff;border-radius:14px;padding:8px}.receipt-link{word-break:break-all;color:#1d4ed8;font-weight:800}.receipt-warranty{border:1px solid #bbf7d0;background:#f0fdf4;border-radius:18px;padding:14px}.receipt-signs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}.receipt-signs span{display:block;border-bottom:1px solid #111827;height:40px}.receipt-signs small{display:block;text-align:center;color:#64748b;margin-top:6px}.receipt-actions{margin-top:24px;text-align:right}
@media(max-width:980px){.hero-actions,.answer-grid{grid-template-columns:1fr 1fr}.control-row,.split.order-detail-v8{grid-template-columns:1fr}.order-summary-grid{grid-template-columns:1fr 1fr}.focus-hero,.order-fast-hero,.order-hero-v8{align-items:flex-start;flex-direction:column}.health-card,.fast-summary,.order-money-card{width:100%}.search-mini{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.submit-bar{position:sticky;bottom:86px;z-index:70;background:rgba(2,6,23,.86);border:1px solid rgba(148,163,184,.16);border-radius:22px;padding:10px;backdrop-filter:blur(16px)}}
@media(max-width:620px){body{font-size:14px}.app-shell{padding:16px 12px 108px}.topbar{padding-bottom:12px}.topbar h1{font-size:28px}.top-actions .hide-mobile,.session-pill{display:none!important}.bottom-nav{width:calc(100% - 12px);bottom:8px;height:68px;border-radius:22px}.bottom-nav a small{font-size:10px}.bottom-nav a span{font-size:18px}.bottom-nav.bottom-nav-v8 a.primary-nav span{width:31px;height:31px}.hero-actions,.answer-grid{grid-template-columns:1fr}.focus-hero h2,.order-fast-hero h2,.order-hero-v8 h2{font-size:35px}.hero-action{min-height:118px}.focus-item{flex-direction:column}.focus-rank{width:100%;height:36px}.order-top{flex-direction:column}.order-actions{grid-template-columns:1fr}.compact-actions .btn-sm{flex:1 1 auto}.order-summary-grid{grid-template-columns:1fr}.order-summary-grid>div{border-right:0;border-bottom:1px solid rgba(148,163,184,.13)}.receipt-body{padding:10px}.premium-receipt{padding:18px;border-radius:18px}.receipt-head,.receipt-track{flex-direction:column;text-align:left}.receipt-number{text-align:left}.receipt-status,.receipt-money,.receipt-grid,.receipt-signs{grid-template-columns:1fr}.receipt-status>div,.receipt-money>div{border-right:0;border-bottom:1px solid #e5e7eb}.receipt-status>div:last-child,.receipt-money>div:last-child{border-bottom:0}}
@media print{.receipt-body{background:#fff!important;padding:0}.premium-receipt{box-shadow:none;border-radius:0;max-width:none}.receipt-actions,.no-print,.bottom-nav,.topbar,.action-ribbon{display:none!important}}
/* V9: interacción sin recargar, instalación PWA y rubros */
.toast.live-toast{position:fixed;left:50%;top:14px;transform:translate(-50%,-12px);opacity:0;z-index:9999;max-width:min(520px,calc(100% - 24px));transition:.22s ease}.toast.live-toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:rgba(239,68,68,.45);background:linear-gradient(135deg,rgba(127,29,29,.94),rgba(15,23,42,.94));color:#fecaca}.toast.info{border-color:rgba(96,165,250,.45);background:linear-gradient(135deg,rgba(30,64,175,.94),rgba(15,23,42,.94));color:#dbeafe}form.is-loading{position:relative;opacity:.78;pointer-events:none}form.is-loading:after{content:"Guardando sin recargar...";position:absolute;inset:auto 14px 14px 14px;border:1px solid rgba(96,165,250,.35);border-radius:18px;background:rgba(2,6,23,.88);backdrop-filter:blur(12px);padding:12px;text-align:center;font-weight:900;color:#bfdbfe;box-shadow:0 16px 44px rgba(0,0,0,.35)}.install-banner{display:none;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;border:1px solid rgba(96,165,250,.28);border-radius:26px;padding:14px;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(124,58,237,.13));box-shadow:0 18px 54px rgba(0,0,0,.22)}.pwa-installable .install-banner{display:flex}.install-chip{border:1px solid rgba(96,165,250,.35);background:rgba(37,99,235,.16);border-radius:999px;padding:8px 12px;color:#bfdbfe;font-weight:900}.device-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.device-guide .card{min-height:140px}.industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.industry-option{border:1px solid rgba(148,163,184,.18);border-radius:26px;padding:16px;background:linear-gradient(180deg,rgba(15,23,42,.76),rgba(2,6,23,.58));cursor:pointer;transition:.2s ease;display:block}.industry-option:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.45);box-shadow:0 20px 60px rgba(59,130,246,.12)}.industry-option input{margin-right:8px}.industry-option strong{display:block;font-size:18px;margin-bottom:6px}.industry-option small{display:block;color:#94a3b8;line-height:1.4}.rubric-preview{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill-list span{border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:8px 10px;background:rgba(15,23,42,.68);color:#cbd5e1;font-weight:800;font-size:12px}.field-label-table{display:grid;gap:8px}.field-label-row{display:grid;grid-template-columns:170px 1fr;gap:10px;align-items:center}.install-steps{counter-reset:step;display:grid;gap:12px}.install-steps li{list-style:none;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:rgba(15,23,42,.62);padding:14px 14px 14px 58px;position:relative}.install-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);font-weight:950}.rubric-status-list{display:grid;gap:8px}.rubric-status-list span{display:flex;justify-content:space-between;gap:8px;border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:9px 11px;background:rgba(2,6,23,.42)}
@media(max-width:980px){.industry-grid,.device-guide,.rubric-preview{grid-template-columns:1fr}.install-banner{align-items:flex-start;flex-direction:column}.field-label-row{grid-template-columns:1fr}}
/* V10: plan único, Flow y suscripciones */
.split-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.one-plan{grid-template-columns:minmax(280px,620px);justify-content:center}.check-card{min-height:48px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(2,6,23,.68);display:flex;align-items:center;gap:10px;padding:13px 14px;font-weight:800;color:#e2e8f0}.billing-banner{border:1px solid rgba(245,158,11,.35);background:linear-gradient(135deg,rgba(245,158,11,.16),rgba(15,23,42,.72));border-radius:24px;padding:14px;margin-bottom:14px}.pricing-grid.one-plan .pricing-card{max-width:680px;margin:auto}.table-pro select{min-width:150px}@media(max-width:760px){.split-head{align-items:flex-start}.inline-form{display:grid!important;grid-template-columns:1fr;gap:8px}.table-pro{font-size:13px}.table-pro th,.table-pro td{padding:10px 8px}}

/* V12: inicio personalizable y UX más simple para técnico */
.custom-home-panel{border:1px solid rgba(96,165,250,.20);border-radius:32px;padding:18px;margin:16px 0;background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(2,6,23,.70));box-shadow:0 24px 80px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)}
.custom-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.custom-home-head h2{margin:8px 0 4px;font-size:34px;letter-spacing:-.04em}.custom-home-head p{margin:0;color:#94a3b8;max-width:720px}.home-shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-shortcut-grid.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.home-shortcut{position:relative;min-height:136px;border:1px solid rgba(148,163,184,.16);border-radius:26px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(180deg,rgba(15,23,42,.76),rgba(2,6,23,.58));transition:.20s ease;color:#f8fafc;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.home-shortcut:before{content:"";position:absolute;inset:-40% -30% auto auto;width:140px;height:140px;border-radius:999px;background:rgba(96,165,250,.14);filter:blur(10px)}.home-shortcut:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.45);box-shadow:0 24px 70px rgba(59,130,246,.12)}.home-shortcut strong{font-size:18px;line-height:1.05;z-index:1}.home-shortcut small{color:#cbd5e1;line-height:1.32;z-index:1}.shortcut-icon{width:44px;height:44px;border-radius:18px;display:grid;place-items:center;font-weight:950;font-size:22px;background:rgba(96,165,250,.16);border:1px solid rgba(96,165,250,.25);box-shadow:0 0 25px rgba(59,130,246,.16);z-index:1}.home-shortcut.primary{background:linear-gradient(135deg,rgba(37,99,235,.34),rgba(2,6,23,.62));border-color:rgba(96,165,250,.35)}.home-shortcut.gold{background:linear-gradient(135deg,rgba(245,158,11,.24),rgba(2,6,23,.62));border-color:rgba(245,158,11,.34)}.home-shortcut.green{background:linear-gradient(135deg,rgba(22,163,74,.22),rgba(2,6,23,.62));border-color:rgba(34,197,94,.32)}.home-shortcut.violet{background:linear-gradient(135deg,rgba(124,58,237,.24),rgba(2,6,23,.62));border-color:rgba(167,139,250,.28)}.home-shortcut.red{background:linear-gradient(135deg,rgba(220,38,38,.22),rgba(2,6,23,.62));border-color:rgba(248,113,113,.28)}.home-shortcut.muted{background:linear-gradient(135deg,rgba(71,85,105,.28),rgba(2,6,23,.62))}.shortcut-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.shortcut-picker{cursor:pointer;position:relative;min-height:150px;border:1px solid rgba(148,163,184,.16);border-radius:24px;padding:14px;display:flex;flex-direction:column;gap:8px;background:rgba(15,23,42,.66);transition:.18s ease}.shortcut-picker input{position:absolute;right:14px;top:14px;width:22px;height:22px;accent-color:#3b82f6}.shortcut-picker strong{font-size:17px}.shortcut-picker small{color:#94a3b8;line-height:1.35;padding-right:18px}.shortcut-picker.selected{border-color:rgba(96,165,250,.55);background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(15,23,42,.68));box-shadow:0 18px 50px rgba(59,130,246,.12)}.shortcut-picker.gold.selected{border-color:rgba(245,158,11,.58);box-shadow:0 18px 50px rgba(245,158,11,.10)}.shortcut-picker.green.selected{border-color:rgba(34,197,94,.55);box-shadow:0 18px 50px rgba(34,197,94,.10)}.shortcut-picker.violet.selected{border-color:rgba(167,139,250,.55);box-shadow:0 18px 50px rgba(124,58,237,.10)}.preview-panel{border-color:rgba(34,197,94,.20)}.preview-shortcuts{pointer-events:none}.v11-hero{border-color:rgba(167,139,250,.22)}.tech-easy-card{border-color:rgba(34,197,94,.22);background:linear-gradient(135deg,rgba(22,163,74,.12),rgba(15,23,42,.72))}.bottom-nav a small{font-weight:800}.btn,.btn-sm,.icon-btn,.tab{touch-action:manipulation}.field input,.field select,.field textarea,.input{font-size:16px}@media(max-width:1100px){.home-shortcut-grid,.home-shortcut-grid.count-3,.shortcut-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-home-head{align-items:flex-start;flex-direction:column}.custom-home-head .btn{width:100%;justify-content:center}}@media(max-width:620px){.custom-home-panel{padding:14px;border-radius:26px;margin:12px 0}.custom-home-head h2{font-size:28px}.home-shortcut-grid,.home-shortcut-grid.count-3,.shortcut-picker-grid{grid-template-columns:1fr}.home-shortcut{min-height:112px;border-radius:22px}.shortcut-picker{min-height:118px}.shortcut-icon{width:40px;height:40px;border-radius:16px}.focus-hero.v11-hero h2{font-size:30px}.submit-bar .btn{width:100%}}

/* V13 stable: preparación comercial, diagnóstico y demo */
.v12-hero{border-color:rgba(96,165,250,.24);background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(2,6,23,.72));}
.stable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.stable-grid.one-two{grid-template-columns:1.05fr .95fr}.check-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid rgba(148,163,184,.16);border-radius:20px;padding:13px;margin:10px 0;background:rgba(2,6,23,.48)}.check-row strong{display:block;margin-bottom:4px}.check-row p{margin:0;color:#94a3b8;font-size:14px;line-height:1.35}.check-row.green{border-color:rgba(34,197,94,.22)}.check-row.gold{border-color:rgba(245,158,11,.30)}.final-checklist{margin-top:14px}.stack-mobile{display:flex;flex-wrap:wrap}.error-panel{border-color:rgba(239,68,68,.35)!important;background:linear-gradient(135deg,rgba(127,29,29,.24),rgba(15,23,42,.72))!important;color:#fecaca}.safe-bottom{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.top-actions.session-menu{flex-wrap:wrap;justify-content:flex-end}.session-pill{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.68);border-radius:999px;padding:11px 14px;color:#cbd5e1;font-size:13px}.billing-banner,.install-banner{max-width:1180px}.home-shortcut{will-change:transform}.home-shortcut:active,.btn:active,.btn-sm:active,.icon-btn:active{transform:scale(.985)}.btn[disabled],button[disabled]{opacity:.55;cursor:not-allowed}.field small{display:block;margin-top:7px}.hero-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(96,165,250,.30);border-radius:999px;padding:8px 12px;background:rgba(37,99,235,.14);font-weight:900;color:#bfdbfe}.focus-hero{border:1px solid rgba(148,163,184,.16);border-radius:32px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(2,6,23,.64));box-shadow:0 24px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}.focus-hero h2{font-size:clamp(30px,4vw,54px);line-height:1;margin:10px 0;letter-spacing:-.06em}.focus-hero p{margin:0;color:#94a3b8;max-width:760px;line-height:1.45}.health-card{min-width:180px;border:1px solid rgba(96,165,250,.22);border-radius:26px;padding:18px;background:radial-gradient(circle at top right,rgba(96,165,250,.22),transparent 50%),rgba(15,23,42,.72);text-align:center}.health-card small,.health-card span{display:block;color:#94a3b8}.health-card strong{font-size:42px;letter-spacing:-.06em}.lead-text{font-size:18px;line-height:1.5;color:#e2e8f0}.compact-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.micro-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}@media(max-width:900px){.stable-grid,.stable-grid.one-two{grid-template-columns:1fr}.focus-hero{flex-direction:column;align-items:flex-start}.health-card{width:100%;text-align:left}.check-row{grid-template-columns:1fr auto}.check-row .btn-sm{grid-column:1/-1}.session-pill{display:none}.hide-mobile{display:none!important}}@media(max-width:560px){body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.app-shell{padding-left:12px;padding-right:12px}.topbar{align-items:flex-start}.top-actions{gap:6px}.icon-btn{height:42px;min-width:42px;border-radius:14px}.btn,.btn-sm{width:100%;min-height:50px}.compact-actions .btn,.compact-actions .btn-sm{flex:1 1 100%}.focus-hero{padding:16px;border-radius:26px}.check-row{border-radius:18px}.bottom-nav{bottom:calc(8px + env(safe-area-inset-bottom));height:74px}.bottom-nav a small{font-size:11px}.billing-banner{display:none}.install-banner{margin-left:12px;margin-right:12px}.stack-mobile{display:grid!important;grid-template-columns:1fr;width:100%}}

/* V13 fixes: firmas visibles en comprobante y pagos claros */
.receipt-signs-v13 span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:92px;
  border-bottom:1px solid rgba(15,23,42,.45);
  background:rgba(248,250,252,.62);
  border-radius:14px 14px 0 0;
  overflow:hidden;
}
.receipt-signature-img{
  max-width:100%;
  max-height:86px;
  object-fit:contain;
  mix-blend-mode:multiply;
}
.receipt-payments{
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(15,23,42,.12);
  border-radius:18px;
  background:rgba(255,255,255,.72);
}
.receipt-payment-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  border-top:1px solid rgba(15,23,42,.10);
}
.receipt-payment-row:first-of-type{border-top:0}
.form.is-loading .btn,
.form.is-loading button{opacity:.72; cursor:wait}


/* V14 - calendario en español y agenda más clara */
.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(168,85,247,.10),rgba(245,158,11,.08))}
.calendar-toolbar h2{margin:0;font-size:clamp(22px,3vw,34px)}
.calendar-stats{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:10px;min-width:min(420px,100%)}
.calendar-stats div{border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.38);border-radius:18px;padding:12px;text-align:center}
.calendar-stats strong{display:block;font-size:24px;color:#fff}.calendar-stats span{color:#94a3b8;font-size:12px}.calendar-filter{margin-bottom:14px}.calendar-nav-actions{margin-top:12px;justify-content:flex-end}.calendar-board-v14{scroll-snap-type:x proximity}.calendar-board-v14 .day-column{scroll-snap-align:start}.day-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}.day-head h3{font-size:24px}.empty-day{border:1px dashed rgba(148,163,184,.22);border-radius:18px;padding:18px 12px;text-align:center;color:#94a3b8;background:rgba(2,6,23,.18);margin-top:12px}.empty-day span{display:grid;place-items:center;margin:0 auto 8px;width:34px;height:34px;border-radius:12px;background:rgba(34,197,94,.15);color:#86efac}.empty-day strong,.empty-day small{display:block}.calendar-item-v14{position:relative;overflow:hidden}.calendar-item-v14:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:rgba(96,165,250,.7)}.calendar-item-v14.gold:before{background:#f59e0b}.calendar-item-v14.red:before{background:#ef4444}.calendar-item-v14.green:before{background:#22c55e}.calendar-item-v14.violet:before{background:#8b5cf6}.calendar-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-due{display:inline-flex!important;margin-top:8px;padding:5px 8px;border-radius:999px;background:rgba(59,130,246,.13);color:#bfdbfe!important;width:max-content}.calendar-due.gold{background:rgba(245,158,11,.16);color:#fde68a!important}.calendar-due.red{background:rgba(239,68,68,.16);color:#fecaca!important}
@media(max-width:760px){.calendar-toolbar{flex-direction:column;align-items:flex-start}.calendar-stats{grid-template-columns:repeat(3,1fr);width:100%}.calendar-nav-actions{justify-content:stretch}.calendar-nav-actions .btn{flex:1}.calendar-board-v14{grid-template-columns:repeat(7,minmax(230px,1fr));overflow-x:auto}.day-column{min-height:260px}}

/* V15 - instalación PWA más clara */
.pwa-installable .install-banner,.pwa-can-show-install-help .install-banner{display:flex}.pwa-installed .install-banner{display:none!important}.install-banner .btn{white-space:nowrap}.pwa-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pwa-check-card{border:1px solid rgba(148,163,184,.16);border-radius:24px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.56));padding:16px}.pwa-check-card strong{display:block;font-size:18px;margin-bottom:6px}.pwa-check-card.ok{border-color:rgba(34,197,94,.35)}.pwa-check-card.warn{border-color:rgba(245,158,11,.35)}.install-modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.74);backdrop-filter:blur(12px);z-index:9998;display:grid;place-items:center;padding:18px}.install-modal{width:min(720px,100%);max-height:86vh;overflow:auto;border:1px solid rgba(96,165,250,.30);border-radius:30px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(3,7,18,.96));box-shadow:0 30px 120px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.08);padding:22px}.install-modal h2{margin:0 0 8px;font-size:30px;letter-spacing:-.04em}.install-modal p{color:#cbd5e1;line-height:1.45}.install-modal .step-card{border:1px solid rgba(148,163,184,.16);border-radius:20px;padding:14px;margin:10px 0;background:rgba(2,6,23,.48)}.install-modal .step-card b{color:#fff}.install-modal .close-row{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.install-status-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.install-status-line span{border:1px solid rgba(148,163,184,.16);border-radius:999px;padding:8px 10px;background:rgba(2,6,23,.42);font-weight:800;color:#cbd5e1}.install-status-line span.ok{color:#86efac;border-color:rgba(34,197,94,.28)}.install-status-line span.warn{color:#fde68a;border-color:rgba(245,158,11,.28)}@media(max-width:900px){.pwa-check-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pwa-check-grid{grid-template-columns:1fr}.install-modal{border-radius:24px;padding:16px}.install-modal h2{font-size:24px}}

/* OrdenClick Pro V18 — informes reales */
.table-pro th,.table-pro td{vertical-align:top}
.report-card span{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:700}
.document-row form{margin:0}.device-actions select{min-height:44px;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(15,23,42,.72);color:#fff;padding:0 12px}.mini-stats{gap:10px}.mini-stats div{background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.16);border-radius:16px;padding:12px}.mini-stats small{display:block;color:var(--muted);font-size:12px}.mini-stats strong{font-size:18px}.cash-note{border-left:3px solid var(--accent);padding-left:12px}.report-grid .red strong{color:#fecaca}.report-grid .gold strong{color:#facc15}.report-grid .green strong{color:#86efac}.report-grid .blue strong{color:#93c5fd}.report-grid .violet strong{color:#c4b5fd}
@media print{.bottom-nav,.install-banner,.billing-banner,.top-actions,.device-actions,.action-ribbon,.btn,.btn-sm{display:none!important}.app-shell,.desktop-shell{max-width:100%;padding:0}.panel,.report-card{box-shadow:none!important;background:#fff!important;color:#111!important;border-color:#ddd!important}.muted{color:#555!important}body{background:#fff!important;color:#111!important}.table-pro th,.table-pro td{border-color:#ddd!important;color:#111!important}}

/* V18 Operación profesional */
.label-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px}.label-card-print{background:rgba(15,23,42,.75);border:1px solid rgba(148,163,184,.22);border-radius:24px;padding:16px;box-shadow:0 18px 45px rgba(0,0,0,.25)}.label-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.label-head strong{font-size:22px}.label-head span{font-size:12px;color:#93c5fd}.label-body{display:flex;gap:14px;align-items:center}.label-body img{width:112px;height:112px;border-radius:14px;background:white;padding:6px}.label-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.table-pro td form.compact-actions{gap:6px;flex-wrap:nowrap}.table-pro td .input{min-height:36px;padding:8px 10px}@media print{body{background:#fff!important}.topbar,.bottom-nav,.billing-banner,.install-banner,.no-print,.toast,.btn,.icon-btn{display:none!important}.app-shell,.desktop-shell{max-width:none;margin:0;padding:0}.panel,.label-card-print{background:#fff!important;color:#111!important;border:1px solid #111!important;box-shadow:none!important}.label-grid{grid-template-columns:repeat(2,1fr);gap:8px}.label-body img{border:1px solid #111}.muted{color:#333!important}}

/* OrdenClick Pro V18 - caja y etiquetas */
.cash-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.cash-breakdown div{border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(2,6,23,.46);padding:14px}.cash-breakdown span{display:block;color:#94a3b8;font-size:13px;margin-bottom:6px}.cash-breakdown strong{font-size:22px}.label-config .field{min-width:0}.v18-label-grid{grid-template-columns:repeat(var(--label-cols), minmax(0, 1fr));align-items:start}.v18-label-card{font-size:var(--label-font);min-height:var(--label-h);page-break-inside:avoid}.v18-label-card .label-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.v18-label-card .label-logo-img{width:42px;height:42px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.08);padding:4px}.v18-label-card .label-logo-fallback{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#2563eb,#a855f7);display:grid;place-items:center;font-weight:950}.v18-label-card .label-logo-row small{display:block;color:#94a3b8;font-weight:800;margin-top:2px}.v18-label-card .label-body img{width:var(--label-qr);height:var(--label-qr)}.label-status{display:inline-block;border:1px solid rgba(96,165,250,.35);border-radius:999px;padding:3px 8px;color:#93c5fd;font-weight:900;font-size:.9em}@media(max-width:980px){.v18-label-grid{grid-template-columns:1fr}.cash-breakdown{grid-template-columns:1fr}.label-config{grid-template-columns:1fr 1fr!important}}@media print{.v18-label-grid{display:grid!important;grid-template-columns:repeat(var(--label-cols), var(--label-w))!important;gap:3mm!important}.v18-label-card{width:var(--label-w)!important;min-height:var(--label-h)!important;height:auto!important;padding:2.5mm!important;border-radius:3mm!important;color:#111!important}.v18-label-card .label-logo-img,.v18-label-card .label-logo-fallback{width:9mm!important;height:9mm!important}.v18-label-card .label-body{gap:2mm!important}.v18-label-card .label-body img{width:var(--label-qr)!important;height:var(--label-qr)!important}.label-actions,.label-config{display:none!important}}

/* ==========================
   OrdenClick Pro V21
========================== */
.v21-hero{border-color:rgba(59,130,246,.35);background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(30,41,59,.82));}
.v21-ai-hero{border-color:rgba(125,92,255,.38);background:radial-gradient(circle at top right,rgba(59,130,246,.28),transparent 36%),linear-gradient(135deg,rgba(15,23,42,.96),rgba(2,6,23,.88));}
.executive-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(148,163,184,.18);margin-top:14px;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(2,6,23,.88));}
.executive-summary.green{border-color:rgba(34,197,94,.34)}
.executive-summary.red{border-color:rgba(239,68,68,.34)}
.executive-summary h3{margin:0 0 6px;font-size:20px}.executive-summary p{margin:0;color:#cbd5e1;line-height:1.55}
.v21-breakdown{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
.v21-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:10px}
.v21-feature-grid>div{border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.62);border-radius:18px;padding:16px}
.v21-feature-grid strong{display:block;font-size:16px;margin-bottom:5px}.v21-feature-grid span{color:#94a3b8;font-size:13px;line-height:1.4}
.v21-reception-card .receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v21-reception-card small{display:block;color:#94a3b8}.v21-reception-card strong{display:block;color:#e2e8f0;margin-top:4px}.v21-reception-card p{margin:4px 0 0;color:#cbd5e1}
.ai-chat-panel textarea{min-height:96px}.ai-presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ai-answer{display:grid;gap:12px;margin-top:16px}.ai-bubble{border-radius:18px;padding:16px;line-height:1.55;white-space:normal}.ai-bubble.user{background:linear-gradient(135deg,rgba(59,130,246,.96),rgba(37,99,235,.86));color:white;justify-self:end;max-width:85%}.ai-bubble.bot{background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.16);color:#e2e8f0;justify-self:start;max-width:94%}
.legal-note{border:1px solid rgba(250,204,21,.32);background:rgba(250,204,21,.08);color:#fef3c7;border-radius:14px;padding:10px 12px;margin:12px 0;font-size:13px}
.v21-receipt .receipt-grid{gap:14px}.v21-receipt h2{letter-spacing:.02em}.receipt-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.receipt-actions .btn{display:inline-flex;align-items:center;justify-content:center}
.ticket-body{background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif}.ticket-80{width:78mm;max-width:78mm;margin:0 auto;padding:5mm;background:#fff;color:#111;font-size:12px;line-height:1.35}.ticket-80 h1{font-size:18px;text-align:center;margin:0 0 4px;color:#111}.ticket-80 h2{font-size:15px;text-align:center;margin:8px 0;color:#111}.ticket-80 p{margin:6px 0}.ticket-80 hr{border:0;border-top:1px dashed #111;margin:8px 0}.ticket-row{display:flex;justify-content:space-between;gap:8px;margin:4px 0}.ticket-row.big{font-size:14px;border-top:1px solid #111;padding-top:6px}.ticket-qr{display:block;width:35mm;height:35mm;margin:8px auto}.ticket-80 button{width:100%;padding:10px;margin-top:12px;border:0;border-radius:8px;background:#111;color:#fff;font-weight:bold}
@media print{.billing-banner,.install-banner,.bottom-nav,.topbar,.no-print,.bg-orbs{display:none!important}.receipt-body{background:#fff!important}.premium-receipt{box-shadow:none!important;border:0!important;margin:0!important;max-width:100%!important}.ticket-body{background:#fff!important}.ticket-80{width:78mm;max-width:78mm;margin:0;padding:3mm}.app-shell,.desktop-shell{max-width:none!important}.panel{break-inside:avoid}.table-pro{font-size:11px}}
@media (max-width: 760px){.executive-summary{align-items:flex-start;flex-direction:column}.v21-reception-card .receipt-grid{grid-template-columns:1fr}.ai-bubble.user,.ai-bubble.bot{max-width:100%}}

/* ==========================
   OrdenClick Técnico V22 Comercial
========================== */
.v22-hero{border-color:rgba(59,130,246,.35);background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(16,185,129,.08),rgba(15,23,42,.72));}
.v22-reception-card{border-color:rgba(250,204,21,.26)}
.v22-reception-card .receipt-grid,.receipt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.v22-reception-card .receipt-grid>div,.cash-method-grid>div{padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(15,23,42,.42)}
.v22-reception-card small,.cash-method-grid small{display:block;color:#94a3b8;margin-bottom:4px}
.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:12px}
.check-grid .badge{justify-content:center;text-align:center;padding:10px 12px}
.cash-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:10px}
.cash-method-grid strong{display:block;font-size:1.15rem;margin-top:4px}
.btn.red{background:linear-gradient(135deg,#ef4444,#991b1b);color:white;border-color:rgba(239,68,68,.45)}
.v22-receipt .receipt-payments h2{margin-top:18px}
.v22-receipt .receipt-money{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media print{.v22-receipt{box-shadow:none!important}.v22-hero,.billing-banner,.install-banner,.bottom-nav{display:none!important}}

/* ==========================
   OrdenClick Técnico V24
========================== */
.table-wrap{width:100%;overflow:auto;border-radius:18px}.form-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form-inline .input{flex:1;min-width:220px}.export-card{text-decoration:none;color:inherit;display:block;transition:.2s transform,.2s border-color}.export-card:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.45)}.ticket-preview{color:rgba(255,255,255,.92)}code{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:2px 6px}.check-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);padding:14px;border-radius:16px;margin:10px 0}.check-row p{margin:4px 0 0;color:var(--muted)}.check-row.green{border-color:rgba(34,197,94,.25)}.check-row.gold{border-color:rgba(245,158,11,.28)}.check-row.red{border-color:rgba(239,68,68,.35)}.billing-banner .badge{white-space:nowrap}.compact-actions form.compact-actions{margin:0}.stable-grid .panel .btn,.stable-grid .panel .btn-sm{margin-top:8px}.pill-list{display:flex;gap:8px;flex-wrap:wrap}.pill-list span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);padding:8px 10px;border-radius:999px;color:rgba(255,255,255,.84);font-size:13px}.health-card{min-width:180px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.07);padding:18px}.health-card small{display:block;color:var(--muted)}.health-card strong{display:block;font-size:28px;line-height:1.1;margin:4px 0}.health-card span{color:var(--muted)}@media(max-width:720px){.form-inline{display:block}.form-inline .input,.form-inline .btn{width:100%;margin:6px 0}.check-row{align-items:flex-start;flex-direction:column}.billing-banner{display:none!important}}
.v23-hero{border-color:rgba(59,130,246,.35);background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(16,185,129,.08),rgba(15,23,42,.72));}
.v23-reception-card{border-color:rgba(250,204,21,.26)}
.v23-reception-card .receipt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.v23-reception-card .receipt-grid>div{padding:12px;border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(15,23,42,.42)}
.v23-reception-card small{display:block;color:#94a3b8;margin-bottom:4px}
.v23-receipt .receipt-payments h2{margin-top:18px}.v23-receipt .receipt-money{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media print{.v23-receipt{box-shadow:none!important}.v23-hero,.billing-banner,.install-banner,.bottom-nav{display:none!important}}

/* ==========================
   OrdenClick Técnico V25 Pro Comercial
   UI premium + etiquetas + calibración
========================== */
:root{--card-glow:0 24px 80px rgba(0,0,0,.35);--line-soft:rgba(148,163,184,.18);--muted:#94a3b8}.v25-hero{position:relative;overflow:hidden;border-color:rgba(59,130,246,.38)!important;background:radial-gradient(circle at 8% 0%,rgba(59,130,246,.34),transparent 35%),radial-gradient(circle at 92% 12%,rgba(34,197,94,.18),transparent 32%),linear-gradient(135deg,rgba(15,23,42,.96),rgba(2,6,23,.88))!important;box-shadow:var(--card-glow)}.v25-hero:after{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-100%);animation:v25shine 7s infinite}.v25-hero>*{position:relative;z-index:1}@keyframes v25shine{0%,78%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.panel,.card,.metric,.order-card,.client-card{box-shadow:0 16px 50px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.06)}.table-pro{border-collapse:separate;border-spacing:0 8px}.table-pro tr{background:rgba(15,23,42,.32)}.table-pro td,.table-pro th{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.table-pro td:first-child,.table-pro th:first-child{border-left:1px solid rgba(255,255,255,.06);border-radius:14px 0 0 14px}.table-pro td:last-child,.table-pro th:last-child{border-right:1px solid rgba(255,255,255,.06);border-radius:0 14px 14px 0}.label-designer{border-color:rgba(96,165,250,.28);background:linear-gradient(180deg,rgba(15,23,42,.86),rgba(2,6,23,.66))}.label-controls{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.label-controls .action-field{align-self:end}.preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.label-preview-stage{display:grid;place-items:center;min-height:190px;border:1px dashed rgba(148,163,184,.22);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.015));overflow:auto;padding:18px}.v25-label-sheet{display:grid;grid-template-columns:repeat(var(--label-cols), var(--label-w));gap:var(--label-gap-y) var(--label-gap-x);margin-top:16px;margin-left:var(--label-margin-left);padding-top:var(--label-margin-top);align-items:start}.v25-label-card{width:var(--label-w);min-height:var(--label-h);height:auto;background:#fff;color:#111;border:1px solid #111;border-radius:3mm;padding:2.2mm;font-family:Arial,Helvetica,sans-serif;font-size:var(--label-font);line-height:1.14;overflow:hidden;page-break-inside:avoid;box-shadow:0 12px 28px rgba(0,0,0,.16)}.v25-label-card.border-dashed{border-style:dashed}.v25-label-card.border-none{border-color:transparent}.v25-label-card .label-logo-row{display:flex;align-items:center;gap:2mm;margin-bottom:1.5mm;min-width:0}.v25-label-card .label-logo-img,.v25-label-card .label-logo-fallback{width:8mm;height:8mm;min-width:8mm;border-radius:2mm;object-fit:contain}.v25-label-card .label-logo-fallback{display:grid;place-items:center;background:#111827;color:#fff;font-weight:900;font-size:.9em}.v25-label-card .label-logo-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:1.04em}.v25-label-card .label-logo-row small{display:block;color:#334155;font-weight:800}.v25-label-card .label-body{display:flex;align-items:flex-start;gap:2mm;min-width:0}.v25-label-card .label-body img,.v25-label-card .fake-qr{width:var(--label-qr);height:var(--label-qr);min-width:var(--label-qr);display:grid;place-items:center;background:#fff;color:#111;border:1px solid #111;font-size:.8em;font-weight:900}.v25-label-card p{margin:.7mm 0;overflow:hidden;text-overflow:ellipsis}.v25-label-card .muted{color:#475569!important}.v25-label-card .label-status{display:inline-block;border:1px solid #111;border-radius:999px;padding:.4mm 1.4mm;color:#111;font-weight:900;font-size:.88em}.v25-label-card .label-actions{position:relative;margin-top:2mm;display:flex;gap:4px}.template-detail{border:1px solid rgba(148,163,184,.16);border-radius:18px;padding:12px;margin:10px 0;background:rgba(255,255,255,.035)}.template-detail summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}.print-test-v25{margin-top:16px;border:1px dashed rgba(255,255,255,.22);border-radius:18px;padding:16px;background:rgba(255,255,255,.04);overflow:auto}.calibration-ruler{display:flex;gap:10mm;border-top:1px solid rgba(255,255,255,.35);margin:14px 0;padding-top:6px}.calibration-ruler i{font-style:normal;color:var(--muted);font-size:12px}.v25-reception-card{border-color:rgba(59,130,246,.28)!important;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.62))}.order-fast-hero.v25-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line-soft);border-radius:28px;padding:24px;margin-bottom:16px}.fast-summary{min-width:120px;text-align:center;border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:18px;background:rgba(255,255,255,.055)}.fast-summary strong{display:block;font-size:34px;line-height:1}.fast-summary span{display:block;color:var(--muted);font-size:13px}.btn,.btn-sm,.icon-btn,.chip-btn{transition:transform .16s ease,border-color .16s ease,filter .16s ease}.btn:hover,.btn-sm:hover,.icon-btn:hover,.chip-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.cash-method-grid>div{background:linear-gradient(180deg,rgba(15,23,42,.66),rgba(2,6,23,.5));box-shadow:inset 0 1px rgba(255,255,255,.06)}.report-card{position:relative;overflow:hidden}.report-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 0%,rgba(255,255,255,.10),transparent 38%);pointer-events:none}.home-shortcut{min-height:132px}.pill-list span{box-shadow:inset 0 1px rgba(255,255,255,.08)}
@media(max-width:860px){.label-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.v25-label-sheet{grid-template-columns:1fr!important;margin-left:0}.v25-label-card{width:min(100%,var(--label-w))}.order-fast-hero.v25-hero{flex-direction:column;align-items:flex-start}.desktop-shell{padding-left:12px!important;padding-right:12px!important}.top-actions{max-width:100%;overflow-x:auto}.hide-mobile{display:none!important}}
@media print{body{background:#fff!important;color:#111!important;padding:0!important}.no-print,.billing-banner,.install-banner,.bottom-nav,.topbar,.bg-orbs,.toast,.label-designer,.preset-row,.label-actions{display:none!important}.app-shell,.desktop-shell{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}.v25-label-sheet{display:grid!important;grid-template-columns:repeat(var(--label-cols), var(--label-w))!important;gap:var(--label-gap-y) var(--label-gap-x)!important;margin-left:var(--label-margin-left)!important;padding-top:var(--label-margin-top)!important}.v25-label-card{width:var(--label-w)!important;min-height:var(--label-h)!important;box-shadow:none!important;border-radius:2mm!important;break-inside:avoid;page-break-inside:avoid}.v25-label-card .label-logo-img,.v25-label-card .label-logo-fallback{width:7.5mm!important;height:7.5mm!important;min-width:7.5mm!important}.v25-label-card .label-body img,.v25-label-card .fake-qr{width:var(--label-qr)!important;height:var(--label-qr)!important;min-width:var(--label-qr)!important}.panel{box-shadow:none!important}}

/* ==========================
   OrdenClick V25.1 - Pulido comercial
========================== */
body{background:#020617}.app-shell{padding-top:14px}.billing-banner{margin-top:10px;margin-bottom:10px;padding:14px 16px;border:1px solid rgba(245,158,11,.22);border-radius:24px;background:linear-gradient(135deg,rgba(15,23,42,.76),rgba(23,18,8,.62));display:flex;align-items:center;justify-content:space-between;gap:14px}.install-banner{display:none}.oc-topbar-clean{align-items:flex-start;gap:14px}.topbar-title{min-width:220px}.clean-actions{flex:1;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px}.clean-user{height:42px;display:inline-flex;flex-direction:column;justify-content:center;gap:1px;padding:0 14px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(15,23,42,.6);white-space:nowrap}.clean-user small{font-size:11px;color:#93a4ba;font-weight:700}.nav-btn{height:42px;min-width:auto;padding:0 12px;display:inline-flex!important;gap:8px;font-weight:800}.nav-btn span{font-size:16px}.nav-btn small{font-size:12px}.nav-btn.active{border-color:rgba(96,165,250,.65);box-shadow:0 0 0 3px rgba(59,130,246,.12), inset 0 1px rgba(255,255,255,.08)}.nav-btn.primary{font-size:inherit}.notification-btn{position:relative}.notification-badge{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#ef4444;color:#fff;font-size:11px;font-weight:1000;border:2px solid #020617;box-shadow:0 0 18px rgba(239,68,68,.65)}.notification-btn.has-unread{border-color:rgba(239,68,68,.65);box-shadow:0 0 0 3px rgba(239,68,68,.12)}.more-menu{position:relative}.more-menu summary{height:42px;padding:0 16px;border:1px solid rgba(148,163,184,.20);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(15,23,42,.68);font-weight:900;list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-menu-panel{position:absolute;right:0;top:50px;width:230px;padding:10px;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:rgba(2,6,23,.96);backdrop-filter:blur(18px);box-shadow:0 24px 80px rgba(0,0,0,.48);z-index:150;display:grid;gap:4px}.more-menu-panel a,.more-menu-panel button{border:0;background:transparent;color:#e2e8f0;text-align:left;padding:11px 12px;border-radius:13px;font-weight:800;cursor:pointer}.more-menu-panel a:hover,.more-menu-panel button:hover{background:rgba(59,130,246,.16)}.order-fast-hero{border:1px solid rgba(59,130,246,.24);border-radius:28px;padding:24px;background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(14,165,233,.12),rgba(2,6,23,.52));display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.order-fast-hero h2{font-size:clamp(28px,4.2vw,48px);line-height:.98;margin:8px 0 8px;letter-spacing:-.06em;max-width:760px}.order-fast-hero p{margin:0;color:#dbeafe;max-width:720px}.fast-summary{min-width:124px;height:98px;border-radius:24px;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;background:rgba(255,255,255,.08)}.fast-summary strong{font-size:26px}.fast-summary span{font-size:12px;color:#cbd5e1;text-align:center}.step-panel{margin-bottom:14px}.step-head h2{font-size:24px;margin:0}.step-head p{margin:3px 0 0;color:#94a3b8}.cash-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.cash-guide-step{padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:rgba(15,23,42,.55)}.cash-guide-step b{display:block;margin-bottom:4px}.cash-guide-step span{display:block;color:#94a3b8;font-size:13px}.payment-print-alert{border-color:rgba(34,197,94,.42)!important;background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(15,23,42,.76))!important}.table-pro .row-actions{display:flex;gap:7px;flex-wrap:wrap}.notice-hero{display:flex;align-items:center;justify-content:space-between;gap:14px}.notice-count{min-width:110px;height:92px;border-radius:24px;display:grid;place-items:center;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.64)}.notice-count.hot{border-color:rgba(239,68,68,.42);box-shadow:inset 0 0 32px rgba(239,68,68,.12)}.notice-count strong{font-size:34px}.notice-count span{color:#94a3b8;font-size:12px;font-weight:800;text-transform:uppercase}.notice-list{display:grid;gap:10px}.notice-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.notice-item.unread{border-color:rgba(96,165,250,.45);box-shadow:inset 0 0 30px rgba(59,130,246,.09),0 18px 50px rgba(0,0,0,.22)}.notice-main{display:flex;gap:12px;align-items:flex-start}.notice-dot{width:12px;height:12px;border-radius:50%;background:#64748b;margin-top:5px;flex:0 0 auto}.notice-item.unread .notice-dot{background:#3b82f6;box-shadow:0 0 16px rgba(59,130,246,.75)}.toast.live-toast{position:fixed;right:18px;top:18px;z-index:999;opacity:0;transform:translateY(-10px);transition:.22s ease}.toast.live-toast.show{opacity:1;transform:none}@media(max-width:980px){.clean-actions{justify-content:flex-start}.clean-user{display:none}.nav-btn small{display:none}.cash-guide-grid{grid-template-columns:1fr 1fr}.notice-item{align-items:flex-start;flex-direction:column}.order-fast-hero{align-items:flex-start;flex-direction:column}.fast-summary{display:none}}@media(max-width:640px){.billing-banner{display:none}.topbar{padding-top:4px}.topbar h1{font-size:30px}.nav-btn{display:none!important}.nav-btn.primary,.notification-btn{display:inline-flex!important}.more-menu summary{height:42px}.cash-guide-grid{grid-template-columns:1fr}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.order-actions{grid-template-columns:1fr}.order-fast-hero h2{font-size:30px}}

/* =========================================================
   OrdenClick V28 — Branding oficial + mobile premium + hosting ready
   ========================================================= */
:root{--oc-blue:#0070ff;--oc-blue2:#00b4ff;--oc-bg:#020617;--oc-panel:rgba(15,23,42,.72);--oc-line:rgba(148,163,184,.16);--oc-text:#f8fafc;--oc-muted:#94a3b8}
body{background:#020617;color:var(--oc-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.bg-orbs{background:radial-gradient(circle at 12% 8%,rgba(0,112,255,.22),transparent 30%),radial-gradient(circle at 84% 12%,rgba(56,189,248,.12),transparent 28%),radial-gradient(circle at 92% 80%,rgba(37,99,235,.16),transparent 30%),linear-gradient(135deg,#020617,#061224 54%,#020617)!important}.app-shell{width:min(1180px,100%);padding-top:14px}.only-desktop{display:inline-grid}.oc-brand{display:inline-flex;align-items:center;min-width:0}.oc-brand img{display:block;height:58px;width:auto;max-width:260px;object-fit:contain}.top-brand img{height:54px}.brand-v26{display:grid;gap:10px;align-items:start;margin-bottom:24px}.brand-v26 img{width:min(320px,100%);height:auto;display:block}.brand-v26 p{margin:0;color:#cbd5e1}.auth-card{border-radius:34px;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.72));border:1px solid rgba(0,112,255,.22)}.oc-license-strip{border-color:rgba(0,112,255,.16);background:linear-gradient(135deg,rgba(15,23,42,.76),rgba(2,6,23,.65));box-shadow:inset 0 1px rgba(255,255,255,.06)}.topbar.oc-topbar-v26{position:sticky;top:0;z-index:60;margin:0 -8px 8px;padding:12px 8px 18px;background:linear-gradient(180deg,rgba(2,6,23,.92),rgba(2,6,23,.74) 70%,rgba(2,6,23,0));backdrop-filter:blur(16px);align-items:center}.topbar-brand-block{display:flex;align-items:center;gap:16px;min-width:0}.oc-topbar-v26 .topbar-title{min-width:0}.oc-topbar-v26 .topbar-title h1{font-size:clamp(24px,3.5vw,38px);line-height:1.02}.oc-topbar-v26 .eyebrow{color:#38bdf8}.clean-actions{gap:8px}.nav-btn{border-color:rgba(148,163,184,.16);background:rgba(15,23,42,.72)}.nav-btn.primary,.mobile-fab{background:linear-gradient(135deg,var(--oc-blue),#7c3aed);box-shadow:0 12px 34px rgba(0,112,255,.34),inset 0 1px rgba(255,255,255,.18)}.nav-btn.active{border-color:rgba(0,112,255,.58);box-shadow:0 0 0 3px rgba(0,112,255,.12),inset 0 1px rgba(255,255,255,.08)}.more-menu summary{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.16)}.more-menu-panel{border-color:rgba(0,112,255,.22);background:rgba(2,6,23,.98)}.bottom-nav.oc-bottom-nav{display:none}.mobile-fab-wrap{display:none}.quick-sheet-backdrop[hidden]{display:none!important}.quick-sheet-backdrop{position:fixed;inset:0;z-index:9990;background:rgba(2,6,23,.62);backdrop-filter:blur(10px);opacity:0;transition:.18s ease;display:flex;align-items:flex-end;justify-content:center}.quick-sheet-backdrop.show{opacity:1}.quick-sheet{width:min(640px,100%);margin:0 10px 10px;border:1px solid rgba(0,112,255,.28);border-radius:30px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98));box-shadow:0 -24px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.08);padding:12px 14px 18px;transform:translateY(22px);transition:.18s ease}.quick-sheet-backdrop.show .quick-sheet{transform:none}.sheet-handle{display:block;width:54px;height:5px;border-radius:999px;border:0;background:rgba(148,163,184,.34);margin:2px auto 18px;cursor:pointer}.sheet-head h2{font-size:24px;margin:0;letter-spacing:-.04em}.sheet-head p{margin:4px 0 16px;color:#94a3b8}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-grid a{min-height:116px;padding:14px 10px;border:1px solid rgba(148,163,184,.18);border-radius:22px;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.54));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}.quick-grid a:hover{border-color:rgba(0,112,255,.55);transform:translateY(-1px)}.quick-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:rgba(0,112,255,.14);color:#60a5fa;font-size:24px;font-weight:950}.quick-grid strong{font-size:14px}.quick-grid small{color:#94a3b8;font-size:12px}.order-mobile-hero{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;margin:10px 0 18px}.order-mobile-hero h2{margin:0;font-size:clamp(34px,6vw,56px);letter-spacing:-.065em;line-height:.95}.order-mobile-hero p{margin:10px 0 0;color:#cbd5e1;max-width:620px}.order-stats-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.order-stats-pills span{border:1px solid rgba(148,163,184,.16);border-radius:18px;padding:10px 12px;background:rgba(15,23,42,.58);font-weight:900}.order-stats-pills b{color:#60a5fa}.orders-toolbar-v26{display:grid;grid-template-columns:1fr auto;gap:10px;margin:0 0 12px}.orders-toolbar-v26 .input{min-height:54px;border-radius:20px}.filter-btn-v26{min-height:54px;border-radius:20px;padding:0 18px}.tabs.tabs-v26{gap:8px;margin:0 0 16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.tabs.tabs-v26::-webkit-scrollbar{display:none}.tabs-v26 .tab{white-space:nowrap;border-radius:999px;padding:10px 14px;background:rgba(15,23,42,.56);border-color:rgba(148,163,184,.14)}.tabs-v26 .tab.active{background:linear-gradient(135deg,#0066ff,#1d4ed8);border-color:rgba(96,165,250,.48);box-shadow:0 8px 26px rgba(0,112,255,.24)}.orders-list-v26{display:grid;gap:14px}.order-card-v26{position:relative;border:1px solid rgba(148,163,184,.16);border-radius:28px;background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(2,6,23,.56));box-shadow:0 20px 65px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06);padding:18px;overflow:hidden}.order-card-v26:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 90% 0%,rgba(0,112,255,.18),transparent 34%);pointer-events:none}.order-card-v26>*{position:relative}.order-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.order-code-v26{color:#38bdf8;font-size:24px;font-weight:950;letter-spacing:-.03em}.order-title-v26{margin:6px 0 6px;font-size:24px;font-weight:900;letter-spacing:-.04em}.order-sub-v26{color:#cbd5e1}.order-badge-stack{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.priority-badge{display:inline-flex;border:1px solid rgba(239,68,68,.24);background:rgba(239,68,68,.13);color:#fecaca;border-radius:999px;padding:8px 10px;font-weight:900;font-size:12px}.order-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.order-info-grid>div{border:1px solid rgba(148,163,184,.12);border-radius:18px;padding:12px;background:rgba(2,6,23,.34)}.order-info-grid small{display:block;color:#94a3b8;margin-bottom:5px}.order-info-grid strong{display:block;font-size:15px}.order-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.order-card-actions .btn-sm{border-radius:14px}.btn-sm.primary-soft{background:rgba(0,112,255,.16);border-color:rgba(0,112,255,.28);color:#bfdbfe}.btn-sm.success-soft{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.26);color:#bbf7d0}.cash-explain-hero{border:1px solid rgba(0,112,255,.22);background:linear-gradient(135deg,rgba(0,112,255,.16),rgba(15,23,42,.64));border-radius:28px;padding:20px;margin-bottom:16px}.cash-explain-hero h2{margin:0 0 6px;font-size:30px;letter-spacing:-.05em}.cash-explain-hero p{margin:0;color:#cbd5e1}.hosting-card{border:1px solid rgba(34,197,94,.26);background:linear-gradient(135deg,rgba(34,197,94,.11),rgba(15,23,42,.74))}@media(min-width:761px){.quick-sheet-backdrop{align-items:center}.quick-sheet{border-radius:32px}.quick-grid a{min-height:132px}}@media(max-width:900px){body{padding-bottom:112px}.app-shell{padding-left:16px;padding-right:16px;padding-bottom:132px}.topbar.oc-topbar-v26{margin:0 -16px 8px;padding:12px 16px 16px}.topbar-brand-block{width:100%;justify-content:space-between}.top-brand img{height:46px;max-width:220px}.oc-topbar-v26 .topbar-title{display:none}.clean-actions{flex:0 0 auto;margin-left:auto}.clean-user,.nav-btn:not(.notification-btn),.only-desktop{display:none!important}.notification-btn{display:inline-flex!important;height:44px;width:44px;min-width:44px;padding:0}.notification-btn small{display:none}.more-menu summary{height:44px;min-width:62px}.more-menu-panel{right:0;width:250px}.no-mobile-clutter{display:none!important}.bottom-nav.oc-bottom-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:74px;z-index:990;display:grid!important;grid-template-columns:repeat(4,1fr);align-items:center;border:1px solid rgba(148,163,184,.16);border-radius:26px;background:rgba(3,7,18,.86);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.07);padding:6px}.oc-bottom-nav a{height:62px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#94a3b8;font-weight:800}.oc-bottom-nav a.active{color:#60a5fa;background:rgba(0,112,255,.12)}.oc-bottom-nav .nav-ico{font-size:22px;line-height:1}.oc-bottom-nav small{font-size:12px}.mobile-fab-wrap{display:block;position:fixed;right:22px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:991}.mobile-fab{width:76px;height:76px;border-radius:28px;border:1px solid rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;gap:0;cursor:pointer}.mobile-fab span{font-size:38px;line-height:28px;font-weight:600}.mobile-fab small{font-size:11px;font-weight:900;margin-top:-6px}.order-mobile-hero{display:block;margin-top:4px}.order-stats-pills{justify-content:flex-start;margin-top:12px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.orders-toolbar-v26{grid-template-columns:1fr auto}.filter-btn-v26 span{display:none}.order-card-v26{border-radius:24px;padding:16px}.order-card-head{display:block}.order-badge-stack{align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin-top:10px}.order-info-grid{grid-template-columns:1fr 1fr}.order-card-actions{display:grid;grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid a{min-height:110px}.auth-card{border-radius:28px;padding:22px}}@media(max-width:520px){.app-shell{padding-left:14px;padding-right:14px}.topbar.oc-topbar-v26{padding-left:14px;padding-right:14px}.top-brand img{height:40px;max-width:190px}.order-mobile-hero h2{font-size:42px}.order-mobile-hero p{font-size:15px}.orders-toolbar-v26{grid-template-columns:1fr}.filter-btn-v26{display:none}.order-info-grid{grid-template-columns:1fr}.order-title-v26{font-size:22px}.order-code-v26{font-size:22px}.order-card-actions{grid-template-columns:1fr}.mobile-fab{width:70px;height:70px;border-radius:26px}.quick-sheet{margin:0;border-radius:28px 28px 0 0;border-left:0;border-right:0;border-bottom:0}.quick-grid{gap:10px}.quick-grid a{min-height:105px}.quick-icon{width:44px;height:44px}.bottom-nav.oc-bottom-nav{left:8px;right:8px}.oc-bottom-nav small{font-size:11px}}@media print{.oc-brand,.quick-sheet-backdrop,.mobile-fab-wrap{display:none!important}}

/* ==========================
   OrdenClick V28 - IA Soporte + Firma recepción
========================== */
.support-hero-v27{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border-color:rgba(0,112,255,.24);background:linear-gradient(135deg,rgba(0,112,255,.14),rgba(15,23,42,.72),rgba(2,6,23,.82));overflow:hidden;position:relative}.support-hero-v27:after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(0,112,255,.26),transparent 66%);pointer-events:none}.support-hero-v27 h2{margin:0 0 8px;font-size:clamp(30px,5vw,56px);letter-spacing:-.06em;line-height:.95}.support-score{min-width:150px;border:1px solid rgba(148,163,184,.18);border-radius:28px;padding:18px;text-align:center;background:rgba(2,6,23,.52);box-shadow:inset 0 1px rgba(255,255,255,.07)}.support-score small,.support-score span{display:block;color:#94a3b8}.support-score strong{display:block;font-size:42px;line-height:1;margin:8px 0;color:#fff}.support-score.ok{border-color:rgba(34,197,94,.32);background:linear-gradient(180deg,rgba(34,197,94,.14),rgba(2,6,23,.52))}.support-score.warn{border-color:rgba(245,158,11,.35);background:linear-gradient(180deg,rgba(245,158,11,.16),rgba(2,6,23,.52))}.support-score.bad{border-color:rgba(239,68,68,.36);background:linear-gradient(180deg,rgba(239,68,68,.16),rgba(2,6,23,.52))}.support-grid-v27{align-items:start}.support-chat-v27 textarea{min-height:132px}.support-check{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;border:1px solid rgba(148,163,184,.13);border-radius:18px;padding:10px;margin:8px 0;background:rgba(2,6,23,.32)}.support-check span{width:28px;height:28px;border-radius:12px;display:grid;place-items:center;font-weight:950}.support-check.ok span{background:rgba(34,197,94,.14);color:#86efac}.support-check.bad span{background:rgba(239,68,68,.14);color:#fecaca}.support-check strong{display:block}.support-check p{margin:4px 0 0}.support-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.support-shortcuts a{border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:12px;background:rgba(15,23,42,.46);font-weight:850}.support-shortcuts a:hover{border-color:rgba(0,112,255,.38);background:rgba(0,112,255,.12)}.signature-step-v27{border-color:rgba(0,112,255,.24);background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.55))}.signature-inline-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px;align-items:stretch}.inline-signature-pad{width:100%;height:210px;border-radius:22px;border:1px solid rgba(0,112,255,.28);background:#fff;box-shadow:inset 0 0 0 1px rgba(15,23,42,.06),0 18px 50px rgba(0,0,0,.20);touch-action:none}.signature-terms-box{border:1px solid rgba(148,163,184,.15);border-radius:22px;background:rgba(2,6,23,.38);padding:16px}.signature-terms-box strong{display:block;margin-bottom:8px}.signature-terms-box p{margin:0 0 10px;color:#dbeafe;line-height:1.5}.signature-status-v27{border-color:rgba(0,112,255,.18)}.signature-preview-v27{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:center}.signature-preview-v27 img{width:100%;max-height:100px;object-fit:contain;background:#fff;border-radius:16px;padding:8px;border:1px solid rgba(148,163,184,.25)}.top-actions .nav-btn[title="Soporte IA"]{border-color:rgba(0,112,255,.28);background:rgba(0,112,255,.10)}@media(max-width:900px){.support-hero-v27{grid-template-columns:1fr}.support-score{max-width:220px}.signature-inline-grid{grid-template-columns:1fr}.inline-signature-pad{height:190px}.support-shortcuts{grid-template-columns:1fr}.top-actions .nav-btn[title="Soporte IA"]{display:none!important}}@media(max-width:520px){.support-hero-v27 h2{font-size:38px}.support-score strong{font-size:36px}.inline-signature-pad{height:170px}.signature-preview-v27{grid-template-columns:1fr}.signature-terms-box{font-size:14px}}

/* ==========================
   OrdenClick V29 SaaS Start - pulido final para piloto
========================== */
.v28-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border-color:rgba(56,189,248,.24);background:linear-gradient(135deg,rgba(0,112,255,.16),rgba(15,23,42,.78) 52%,rgba(2,6,23,.88));position:relative;overflow:hidden}.v28-hero:before{content:"";position:absolute;right:-60px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.24),transparent 68%);pointer-events:none}.v28-hero>*{position:relative}.v28-hero h2{margin:0 0 8px;font-size:clamp(32px,5vw,58px);line-height:.95;letter-spacing:-.065em}.v28-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.v28-check{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:16px}.v28-check h3{margin:0 0 6px;letter-spacing:-.02em}.v28-check .btn-sm{margin-top:10px}.v28-check-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;font-weight:950;font-size:18px}.v28-check.ok{border-color:rgba(34,197,94,.22);background:linear-gradient(180deg,rgba(34,197,94,.10),rgba(2,6,23,.58))}.v28-check.ok .v28-check-icon{background:rgba(34,197,94,.16);color:#86efac}.v28-check.todo{border-color:rgba(245,158,11,.24);background:linear-gradient(180deg,rgba(245,158,11,.12),rgba(2,6,23,.58))}.v28-check.todo .v28-check-icon{background:rgba(245,158,11,.16);color:#fde68a}.issue-card{border:1px solid rgba(148,163,184,.15);border-radius:18px;padding:14px;margin:10px 0;background:rgba(2,6,23,.38);display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.issue-card.alta{border-color:rgba(239,68,68,.35);background:linear-gradient(180deg,rgba(239,68,68,.11),rgba(2,6,23,.42))}.issue-card.media{border-color:rgba(245,158,11,.28)}.issue-card.baja{border-color:rgba(56,189,248,.22)}.issue-card.cerrado{opacity:.62}.issue-card p{margin:6px 0 0}.desktop-shell .v28-check-grid+.grid{margin-top:18px}.final-checklist .pill-list span{background:rgba(0,112,255,.10);border-color:rgba(0,112,255,.22)}.support-shortcuts a[href*="readiness_v28"],.support-shortcuts a[href*="issue_report"]{border-color:rgba(56,189,248,.26);background:rgba(0,112,255,.11)}
@media(max-width:900px){.v28-hero{grid-template-columns:1fr}.v28-check-grid{grid-template-columns:1fr}.issue-card{display:block}.issue-card .btn-sm{margin-top:10px}.oc-topbar-v26 .topbar-brand-block{min-width:0}.oc-topbar-v26 .top-brand img{object-fit:contain}}@media(max-width:520px){.v28-hero{border-radius:24px;padding:16px}.v28-hero h2{font-size:38px}.v28-check{border-radius:22px;padding:14px}.v28-check-icon{width:36px;height:36px;border-radius:14px}.support-hero-v27{border-radius:24px}.orders-list-v26{gap:12px}.order-card-v26{box-shadow:0 14px 44px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06)}.mobile-fab{box-shadow:0 16px 36px rgba(0,112,255,.34),inset 0 1px rgba(255,255,255,.16)}}

/* ===== OrdenClick V29 SaaS Start polish ===== */
.saas-hero-v29{background:linear-gradient(135deg,rgba(0,112,255,.20),rgba(9,16,34,.96)),radial-gradient(circle at top right,rgba(34,197,94,.16),transparent 38%);border:1px solid rgba(80,160,255,.22)}
.billing-hero-v29{background:linear-gradient(135deg,rgba(0,112,255,.18),rgba(15,23,42,.95));border:1px solid rgba(0,112,255,.22)}
.saas-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.saas-flow-steps>div{padding:16px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.saas-flow-steps span{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#0070ff,#50a7ff);display:inline-grid;place-items:center;font-weight:900;color:white;margin-bottom:10px}
.saas-flow-steps strong,.saas-flow-steps small{display:block}.saas-flow-steps small{color:var(--muted);margin-top:5px;line-height:1.35}
.saas-rule{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.saas-rule strong{display:block;font-size:1.45rem}.saas-rule span{color:var(--muted)}
.saas-checklist{display:grid;gap:10px}.saas-checklist>div{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04)}.saas-checklist strong,.saas-checklist span{display:block}.saas-checklist span{color:var(--muted);margin-top:4px}
.pro-list{display:grid;gap:8px;margin:0;padding-left:22px}.pro-list li{padding:8px 0;color:rgba(235,241,255,.88)}
.code-box{white-space:pre-wrap;border-radius:18px;background:#050914;border:1px solid rgba(0,112,255,.25);padding:18px;color:#dbeafe;line-height:1.6}
.table-wrap{overflow:auto}.saas-table textarea{min-height:62px;font-size:.86rem}.saas-admin-form{min-width:310px}.saas-admin-form select,.saas-admin-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06);color:inherit;padding:10px}.saas-admin-form .grid{gap:8px;margin-bottom:8px}
.auth-logo img{height:48px;width:auto}.oc-brand.auth-logo{display:flex;align-items:center;gap:12px}
@media(max-width:760px){.saas-flow-steps{grid-template-columns:1fr}.saas-admin-form{min-width:260px}.saas-table th:nth-child(3),.saas-table td:nth-child(3){display:none}.billing-hero-v29,.saas-hero-v29{padding:20px}.desktop-grid{grid-template-columns:1fr!important}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-pro{min-width:760px}}

/* ==========================
   OrdenClick V30 SaaS Pro - Panel proactivo, clientes y soporte
========================== */
.saas-hero-v30,.ai-saas-hero,.client-profile-hero,.customer-portal-hero{background:linear-gradient(135deg,rgba(0,112,255,.22),rgba(15,23,42,.92) 55%,rgba(2,6,23,.94)),radial-gradient(circle at 92% 14%,rgba(34,197,94,.18),transparent 34%);border:1px solid rgba(96,165,250,.25);position:relative;overflow:hidden}.saas-hero-v30:after,.ai-saas-hero:after,.client-profile-hero:after,.customer-portal-hero:after{content:"";position:absolute;right:-90px;top:-110px;width:330px;height:330px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.22),transparent 66%);pointer-events:none}.saas-hero-v30>*{position:relative}.v30-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.v30-dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start}.v30-alert{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid rgba(148,163,184,.15);border-radius:20px;padding:14px;margin:10px 0;background:rgba(2,6,23,.38);box-shadow:inset 0 1px rgba(255,255,255,.04)}.v30-alert p{margin:4px 0 6px;color:#cbd5e1}.v30-alert small{color:#94a3b8}.v30-alert.danger{border-color:rgba(239,68,68,.36);background:linear-gradient(180deg,rgba(239,68,68,.14),rgba(2,6,23,.42))}.v30-alert.warning{border-color:rgba(245,158,11,.34);background:linear-gradient(180deg,rgba(245,158,11,.13),rgba(2,6,23,.42))}.v30-alert.info{border-color:rgba(56,189,248,.28);background:linear-gradient(180deg,rgba(56,189,248,.12),rgba(2,6,23,.42))}.health-meter{height:10px;border-radius:999px;background:rgba(148,163,184,.16);overflow:hidden;margin-bottom:8px}.health-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);min-width:4px}.v30-client-table .badge{margin-top:5px}.mini-contact-form{display:flex;gap:6px;align-items:center;margin-top:8px}.mini-contact-form input{min-width:160px;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:rgba(2,6,23,.48);color:inherit;padding:9px 10px}.v30-create-form textarea{min-height:82px}.progress-line{height:12px;border-radius:999px;background:rgba(148,163,184,.16);overflow:hidden;margin:10px 0 14px}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,#0070ff,#22c55e);border-radius:999px}.onboarding-task-row{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;border:1px solid rgba(148,163,184,.13);border-radius:18px;padding:12px;margin:9px 0;background:rgba(2,6,23,.35)}.onboarding-task-row.done{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.08)}.task-check{width:38px;height:38px;border-radius:15px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.7);color:#fff;font-weight:950;cursor:pointer}.onboarding-task-row.done .task-check{background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.32);color:#86efac}.portal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ticket-list-item{display:block;border:1px solid rgba(148,163,184,.13);border-radius:16px;padding:12px;margin:8px 0;background:rgba(2,6,23,.35);color:inherit}.ticket-list-item strong,.ticket-list-item span{display:block}.ticket-list-item span{color:#94a3b8;margin-top:4px}.ticket-list-item.active,.ticket-list-item:hover{border-color:rgba(0,112,255,.42);background:rgba(0,112,255,.11)}.ticket-message{border:1px solid rgba(148,163,184,.13);border-radius:18px;padding:12px;margin:10px 0;background:rgba(15,23,42,.46)}.ticket-message.internal{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.09)}.ticket-message p{margin:6px 0;color:#dbeafe}.ticket-message small{color:#94a3b8}.automation-timeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.automation-timeline>div{border:1px solid rgba(148,163,184,.13);border-radius:18px;padding:14px;background:rgba(2,6,23,.36)}.automation-timeline b,.automation-timeline span{display:block}.automation-timeline b{color:#60a5fa;margin-bottom:6px}.automation-timeline span{color:#cbd5e1;font-size:.92rem}.error-panel{border-color:rgba(239,68,68,.45)!important;background:rgba(239,68,68,.09)!important}.btn-sm.ghost{background:transparent;color:#94a3b8}.support-check .btn-sm{align-self:center}.customer-portal-hero .health-card,.client-profile-hero .health-card{min-width:210px}.ai-saas-hero .health-card{min-width:190px}
@media(max-width:1100px){.v30-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v30-dashboard-grid{grid-template-columns:1fr}.automation-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.v30-alert{grid-template-columns:1fr}.portal-actions{grid-template-columns:1fr}}
@media(max-width:760px){.v30-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v30-client-table{min-width:900px}.client-profile-hero,.customer-portal-hero,.ai-saas-hero,.saas-hero-v30{padding:18px;border-radius:24px}.client-profile-hero h2,.customer-portal-hero h2,.ai-saas-hero h2,.saas-hero-v30 h2{font-size:34px;letter-spacing:-.055em}.v30-alert .compact-actions{display:flex;overflow:auto;padding-bottom:2px}.automation-timeline{grid-template-columns:1fr}.mini-contact-form{display:grid;grid-template-columns:1fr auto}.support-check{grid-template-columns:32px 1fr auto}.support-check .btn-sm{grid-column:2/4}.portal-actions .btn{width:100%;justify-content:center}}
@media(max-width:520px){.v30-kpis{grid-template-columns:1fr 1fr}.v30-alert{border-radius:18px;padding:12px}.onboarding-task-row{grid-template-columns:36px 1fr}.task-check{width:34px;height:34px;border-radius:13px}.ticket-list-item{border-radius:14px}.automation-timeline>div{border-radius:16px;padding:12px}}

/* ===== OrdenClick V31 Customer Experience ===== */
.customerx-hero{background:linear-gradient(135deg,rgba(0,112,255,.18),rgba(16,185,129,.12)),rgba(8,13,28,.86);border:1px solid rgba(96,165,250,.22)}
.customerx-kpis{margin-top:16px}.customerx-grid{align-items:start}.unread-row{border-color:rgba(0,112,255,.45)!important;background:rgba(0,112,255,.08)!important}.customerx-order-panel{border-color:rgba(96,165,250,.28);box-shadow:0 22px 70px rgba(0,112,255,.12)}
.customer-portal-v31{background:#050914;color:#eaf2ff;min-height:100vh}.track-shell-v31{width:min(760px,100%);margin:0 auto;padding:18px 14px 36px}.cx-hero-card,.cx-card,.cx-progress-card,.cx-success{border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,6,23,.92));border-radius:28px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.42);backdrop-filter:blur(18px);margin-bottom:14px}.cx-hero-card{position:relative;overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 80% 12%,rgba(0,112,255,.45),transparent 30%),radial-gradient(circle at 10% 8%,rgba(16,185,129,.16),transparent 25%),linear-gradient(180deg,rgba(15,23,42,.95),rgba(2,6,23,.96))}.cx-hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transform:skewY(-10deg) translateY(-20%)}.cx-brand-row{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;gap:12px;z-index:2}.cx-brand-row img{width:44px;height:44px;object-fit:contain;border-radius:14px}.cx-brand-row div span{display:block;color:#9ca3af;font-size:12px;margin-top:2px}.cx-status-orb{position:absolute;right:22px;top:84px;width:142px;height:142px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:16px;background:radial-gradient(circle,rgba(59,130,246,.95),rgba(37,99,235,.2) 62%,transparent 64%);box-shadow:0 0 60px rgba(37,99,235,.45);font-weight:900}.cx-status-orb span{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.cx-hero-card h1{position:relative;z-index:2;font-size:clamp(34px,10vw,64px);line-height:.98;margin:120px 0 10px;letter-spacing:-.06em}.cx-hero-card p{position:relative;z-index:2;color:#cbd5e1;max-width:520px}.cx-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2;margin-top:16px}.cx-mini-grid div,.cx-detail-list div{background:rgba(15,23,42,.62);border:1px solid rgba(148,163,184,.15);border-radius:18px;padding:12px}.cx-mini-grid small,.cx-detail-list span{display:block;color:#94a3b8;font-size:12px;margin-bottom:4px}.cx-mini-grid strong,.cx-detail-list strong{color:#fff}.cx-success{border-color:rgba(34,197,94,.36);background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(15,23,42,.92));padding:16px 18px}.cx-success p{margin:.35rem 0 0;color:#bbf7d0}.cx-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cx-card h2,.cx-progress-card h2{font-size:20px;margin:0}.cx-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(148,163,184,.22);background:rgba(148,163,184,.08);border-radius:999px;padding:7px 10px;font-size:12px;color:#cbd5e1}.cx-chip.ok{border-color:rgba(34,197,94,.35);color:#bbf7d0;background:rgba(34,197,94,.12)}.cx-chip.warn{border-color:rgba(250,204,21,.36);color:#fde68a;background:rgba(250,204,21,.11)}.cx-chip.bad{border-color:rgba(248,113,113,.4);color:#fecaca;background:rgba(248,113,113,.12)}.cx-progress-line{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cx-step{position:relative;text-align:center;color:#64748b;font-size:11px}.cx-step i{display:block;width:18px;height:18px;margin:0 auto 7px;border-radius:50%;border:2px solid rgba(148,163,184,.25);background:#111827}.cx-step.done,.cx-step.active{color:#dbeafe}.cx-step.done i{background:#22c55e;border-color:#86efac;box-shadow:0 0 20px rgba(34,197,94,.35)}.cx-step.active i{background:#0070ff;border-color:#93c5fd;box-shadow:0 0 25px rgba(0,112,255,.6)}.cx-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.money-warn{color:#facc15!important}.cx-approval{border-color:rgba(250,204,21,.36);background:linear-gradient(180deg,rgba(66,48,10,.55),rgba(2,6,23,.95))}.cx-form{display:grid;gap:12px}.cx-form textarea,.cx-form select{width:100%;min-height:104px;border:1px solid rgba(148,163,184,.22);background:rgba(2,6,23,.65);border-radius:18px;color:#fff;padding:14px;outline:none}.cx-form select{min-height:48px}.cx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.8);color:#fff;border-radius:18px;padding:14px 16px;font-weight:800;text-decoration:none;cursor:pointer}.cx-btn.primary{background:linear-gradient(135deg,#0070ff,#60a5fa);border-color:rgba(96,165,250,.45);box-shadow:0 16px 40px rgba(0,112,255,.28)}.cx-btn.success{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:rgba(34,197,94,.4)}.cx-btn.danger{background:linear-gradient(135deg,#ef4444,#fb7185);border-color:rgba(248,113,113,.5)}.cx-actions-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cx-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cx-photo-grid figure{margin:0;overflow:hidden;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.45)}.cx-photo-grid img{display:block;width:100%;height:180px;object-fit:cover}.cx-photo-grid figcaption{padding:10px;color:#cbd5e1;font-size:12px}.cx-message-log{display:grid;gap:8px;margin-top:14px}.cx-message-log div{background:rgba(148,163,184,.07);border:1px solid rgba(148,163,184,.13);border-radius:16px;padding:10px}.cx-message-log small{color:#93c5fd}.cx-message-log p{margin:4px 0 0;color:#e2e8f0}.cx-signature{width:100%;height:150px;border-radius:18px;border:1px dashed rgba(147,197,253,.45);background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(2,6,23,.8));touch-action:none}.cx-stars{font-size:30px;color:#facc15;letter-spacing:2px}.cx-actions-card{display:grid;gap:10px}.cx-qr{text-align:center;padding:14px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.cx-qr img{width:140px;height:140px;border-radius:16px;background:#fff;padding:8px;margin:8px auto;display:block}.cx-footer{text-align:center;color:#94a3b8;padding:18px}.cx-footer strong{color:#fff}
@media(max-width:640px){.track-shell-v31{padding:10px 10px 110px}.cx-hero-card,.cx-card,.cx-progress-card{border-radius:24px;padding:16px}.cx-status-orb{width:118px;height:118px;top:76px;right:14px}.cx-hero-card h1{font-size:40px;margin-top:130px}.cx-mini-grid,.cx-detail-list{grid-template-columns:1fr}.cx-progress-line{grid-template-columns:repeat(4,1fr);row-gap:14px}.cx-actions-2,.cx-photo-grid{grid-template-columns:1fr}.cx-photo-grid img{height:220px}.customerx-kpis{grid-template-columns:1fr 1fr}}

/* ==========================================================
   OrdenClick V32 UI Stable — limpieza real para hosting
   Objetivo: eliminar desorden visual, corregir desbordes en modo app/celular,
   hacer menú, inventario, QR/etiquetas y formularios más claros.
   ========================================================== */
:root{
  --oc-bg:#050914;
  --oc-panel:rgba(9,14,28,.78);
  --oc-panel-2:rgba(15,23,42,.74);
  --oc-line:rgba(148,163,184,.16);
  --oc-line-strong:rgba(96,165,250,.35);
  --oc-blue:#0070ff;
  --oc-blue-soft:rgba(0,112,255,.14);
  --oc-text:#f8fafc;
  --oc-muted:#94a3b8;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--oc-bg);overflow-x:hidden;padding-bottom:calc(104px + env(safe-area-inset-bottom));}
.app-shell,.desktop-shell{width:min(1220px,100%);margin:0 auto;padding:18px clamp(12px,2.2vw,24px) calc(112px + env(safe-area-inset-bottom));}
.panel,.card,.metric,.order-card,.client-card,.report-card{border-color:var(--oc-line);background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(2,6,23,.62));box-shadow:0 16px 42px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05)}

/* Topbar V32: limpio, con nav principal solo cuando cabe */
.oc-topbar-v32{position:sticky;top:0;z-index:120;margin:0 -6px 12px;padding:10px 6px 12px;background:linear-gradient(180deg,rgba(5,9,20,.96),rgba(5,9,20,.74));backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.08);display:flex;align-items:center;justify-content:space-between;gap:14px;}
.oc-topbar-v32 .topbar-brand-block{display:flex;align-items:center;gap:14px;min-width:0;}
.oc-topbar-v32 .top-brand{display:flex;align-items:center;min-width:0;}
.oc-topbar-v32 .top-brand img{height:46px;width:auto;max-width:220px;object-fit:contain;display:block;}
.oc-topbar-v32 .topbar-title{min-width:0;max-width:420px;}
.oc-topbar-v32 .topbar-title h1{font-size:clamp(22px,3vw,36px);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.oc-topbar-v32 .eyebrow{font-size:12px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v32-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:1;}
.desktop-main-nav{display:flex;align-items:center;gap:7px;min-width:0;justify-content:flex-end;}
.nav-pill{height:42px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.18);border-radius:15px;background:rgba(15,23,42,.62);padding:0 12px;color:#dbeafe;font-weight:850;font-size:13px;white-space:nowrap;}
.nav-pill span{font-size:16px;line-height:1;}
.nav-pill.primary{background:linear-gradient(135deg,var(--oc-blue),#7c3aed);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:0 10px 28px rgba(0,112,255,.22);}
.nav-pill.active{border-color:rgba(96,165,250,.65);background:rgba(0,112,255,.12);color:#fff;}
.oc-topbar-v32 .notification-btn{height:42px;min-width:42px;border-radius:15px;position:relative;}
.oc-topbar-v32 .notification-btn small{display:none;}
.v32-more summary{height:42px;border-radius:15px;padding:0 15px;border:1px solid rgba(148,163,184,.20);background:rgba(15,23,42,.72);display:flex;align-items:center;font-weight:950;color:#fff;}
.v32-menu-panel{width:min(620px,calc(100vw - 28px));right:0;top:50px;padding:14px;border-radius:24px;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:rgba(2,6,23,.98);border-color:rgba(96,165,250,.22);box-shadow:0 26px 90px rgba(0,0,0,.55);}
.more-section{border:1px solid rgba(148,163,184,.13);border-radius:18px;padding:10px;background:rgba(15,23,42,.48);display:grid;gap:4px;}
.more-section strong{display:block;color:#60a5fa;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:2px 6px 4px;}
.more-section a,.more-section button{display:flex!important;align-items:center;min-height:36px;border-radius:12px;padding:8px 10px;color:#e2e8f0!important;font-weight:820;background:transparent;border:0;text-align:left;}
.more-section a:hover,.more-section button:hover{background:rgba(0,112,255,.16);}
.more-section-actions{border-color:rgba(245,158,11,.2)}

/* Acciones y ribbons: sin barras horizontales feas */
.action-ribbon{position:static!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));overflow:visible!important;padding:10px;margin:12px 0 16px;border-radius:22px;background:rgba(2,6,23,.58);}
.action-ribbon a{white-space:normal!important;text-align:center;display:flex;align-items:center;justify-content:center;min-height:44px;line-height:1.15;border-radius:15px;}
.created-banner,.payment-print-alert .order-top,.order-top{gap:12px;}
.order-hero-v8,.focus-hero,.order-fast-hero{border-radius:28px!important;}
.order-hero-v8 h2,.focus-hero h2,.order-fast-hero h2{font-size:clamp(30px,5.6vw,50px)!important;}
.order-money-card strong{font-size:clamp(32px,6vw,46px)!important;}

/* Nueva orden: formulario más sobrio y legible */
.order-fast-hero.v25-hero{padding:20px!important;min-height:auto;}
.order-fast-hero.v25-hero h2{max-width:780px;}
.step-panel{border-radius:24px!important;padding:18px!important;}
.step-head>span{width:40px;height:40px;flex-basis:40px;border-radius:14px;}
.step-head h2{font-size:22px;line-height:1.1;}
.step-head p{font-size:14px;}
.fast-order .input,.fast-order select,.fast-order textarea{border-radius:15px;}
.submit-bar{gap:10px;}

/* Bottom nav y botón +: no tapar formularios ni órdenes */
.bottom-nav.oc-bottom-nav{height:72px;width:min(640px,calc(100% - 18px));left:50%;right:auto;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);border-radius:24px;grid-template-columns:repeat(5,1fr);z-index:900;}
.oc-bottom-nav a{border-radius:18px;margin:6px 2px;}
.mobile-fab-wrap{right:18px;bottom:calc(94px + env(safe-area-inset-bottom));z-index:901;}
.mobile-fab{width:72px;height:72px;border-radius:26px;background:radial-gradient(circle at 30% 20%,#60a5fa,#0070ff 48%,#7c3aed);box-shadow:0 20px 46px rgba(0,112,255,.42),inset 0 1px rgba(255,255,255,.22);}
.quick-sheet-backdrop{z-index:1200;background:rgba(0,0,0,.46);backdrop-filter:blur(6px);}
.quick-sheet{border-radius:30px 30px 0 0;background:linear-gradient(180deg,rgba(8,13,26,.98),rgba(3,7,18,.98));border-color:rgba(96,165,250,.25);box-shadow:0 -20px 70px rgba(0,0,0,.52);}
.quick-grid-v32{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.quick-grid-v32 a{min-height:106px;border-radius:20px;background:rgba(15,23,42,.70);border-color:rgba(148,163,184,.16);}
.quick-grid-v32 a strong{font-size:15px;}
.quick-grid-v32 a small{font-size:12px;color:#94a3b8;}

/* Inventario: tarjetas claras en pantallas pequeñas */
.inventory-cards{display:none;gap:10px;margin:12px 0 14px;}
.inventory-card{border:1px solid rgba(148,163,184,.15);border-radius:20px;padding:14px;background:linear-gradient(180deg,rgba(15,23,42,.76),rgba(2,6,23,.52));display:grid;gap:10px;}
.inventory-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.inventory-card h4{margin:0;font-size:17px;line-height:1.15;}
.stock-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:34px;border-radius:999px;font-weight:950;border:1px solid rgba(34,197,94,.28);background:rgba(34,197,94,.11);color:#86efac;}
.stock-pill.low{border-color:rgba(245,158,11,.38);background:rgba(245,158,11,.12);color:#fde68a;}
.stock-pill.zero{border-color:rgba(239,68,68,.42);background:rgba(239,68,68,.12);color:#fecaca;}
.inventory-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.inventory-meta div{border:1px solid rgba(148,163,184,.10);border-radius:14px;padding:9px;background:rgba(2,6,23,.34);}
.inventory-meta small{display:block;color:#94a3b8;font-size:11px;margin-bottom:3px;}
.inventory-meta strong{font-size:14px;}
.inventory-adjust{display:grid;grid-template-columns:76px 1fr auto;gap:8px;align-items:center;}
.inventory-adjust .input{min-height:42px;border-radius:13px;}
.table-wrap-v32{width:100%;overflow:auto;border-radius:20px;scrollbar-color:#1d4ed8 rgba(15,23,42,.5);}
.table-wrap-v32 .table-pro{min-width:980px;width:100%;}
.table-pro th{position:sticky;top:0;background:rgba(15,23,42,.96);z-index:1;}
.table-pro th,.table-pro td{vertical-align:middle;}

/* Etiquetas QR: más compacto y centrado */
.label-designer{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px;align-items:start;}
.label-controls{grid-template-columns:repeat(4,minmax(118px,1fr))!important;}
.label-controls .field label{font-size:12px;color:#93a4ba;}
.label-preview-stage{min-height:210px;}
.v25-label-sheet{max-width:100%;overflow:visible;}
.v25-label-card{box-shadow:0 12px 30px rgba(0,0,0,.18)!important;}
.label-actions.no-print{display:none!important;}
.order-label-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px;}

/* Texto y componentes generales */
.muted{color:#9aa9bd!important;}
.btn,.btn-sm,.icon-btn,.nav-pill{will-change:transform;}
.input::placeholder, textarea::placeholder{color:#64748b;}
.compact-actions{align-items:center;}
.report-grid{gap:12px;}

@media(max-width:1180px){
  .desktop-main-nav .nav-pill:not(.primary):nth-of-type(n+4){display:none;}
}
@media(max-width:980px){
  .desktop-main-nav .nav-pill:not(.primary):nth-of-type(n+3){display:none;}
  .v32-menu-panel{grid-template-columns:1fr 1fr;}
  .label-designer{grid-template-columns:1fr;}
  .label-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .app-shell,.desktop-shell{padding-left:12px!important;padding-right:12px!important;padding-top:12px;}
  .oc-topbar-v32{margin:0 -12px 10px;padding:8px 12px 10px;}
  .oc-topbar-v32 .topbar-title{display:none;}
  .oc-topbar-v32 .top-brand img{height:42px;max-width:190px;}
  .desktop-main-nav{display:none;}
  .v32-more summary{padding:0 13px;font-size:14px;}
  .v32-menu-panel{position:fixed!important;left:10px!important;right:10px!important;top:70px!important;width:auto!important;max-height:calc(100vh - 94px);overflow:auto;grid-template-columns:1fr;}
  .more-section{border-radius:16px;}
  .no-mobile-clutter{display:none!important;}
  .focus-hero,.order-fast-hero,.order-hero-v8{padding:16px!important;border-radius:24px!important;}
  .focus-hero p,.order-fast-hero p,.order-hero-v8 p{font-size:14px;}
  .fast-summary{display:none!important;}
  .step-panel{padding:15px!important;border-radius:22px!important;}
  .step-head{align-items:flex-start;}
  .step-head h2{font-size:20px;}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important;}
  .submit-bar{position:sticky;bottom:86px;display:grid;grid-template-columns:1fr;align-items:stretch;z-index:80;}
  .submit-bar .btn{width:100%;}
  .action-ribbon{grid-template-columns:1fr 1fr;top:auto;}
  .action-ribbon a{min-height:42px;font-size:13px;padding:9px 8px;}
  .order-summary-grid{grid-template-columns:1fr 1fr!important;}
  .order-summary-grid>div{border-right:0!important;border-bottom:1px solid rgba(148,163,184,.13);}
  .inventory-cards{display:grid;}
  .inventory-table{display:none;}
  .inventory-adjust{grid-template-columns:72px 1fr;}
  .inventory-adjust .btn-sm{grid-column:1/3;width:100%;}
  .label-controls{grid-template-columns:1fr 1fr!important;}
  .v25-label-sheet{display:grid!important;grid-template-columns:1fr!important;margin-left:0!important;padding-top:0!important;place-items:center;overflow:auto;}
  .v25-label-card{max-width:100%;}
  .quick-sheet{max-height:84vh;overflow:auto;}
}
@media(max-width:520px){
  .oc-topbar-v32 .top-brand img{height:38px;max-width:165px;}
  .oc-topbar-v32 .notification-btn{min-width:40px;width:40px;padding:0;}
  .bottom-nav.oc-bottom-nav{height:68px;border-radius:22px;width:calc(100% - 14px);}
  .oc-bottom-nav .nav-ico{font-size:19px;}
  .oc-bottom-nav small{font-size:10.5px;}
  .mobile-fab{width:66px;height:66px;border-radius:24px;}
  .mobile-fab span{font-size:34px;}
  .mobile-fab small{font-size:10px;}
  .quick-grid-v32{grid-template-columns:1fr 1fr;}
  .inventory-meta{grid-template-columns:1fr;}
  .label-controls{grid-template-columns:1fr!important;}
  .order-summary-grid{grid-template-columns:1fr!important;}
  .action-ribbon{grid-template-columns:1fr;}
}
@media print{
  .oc-topbar-v32,.quick-sheet-backdrop,.mobile-fab-wrap,.bottom-nav.oc-bottom-nav,.v32-menu-panel{display:none!important;}
  .label-actions.no-print{display:none!important;}
}

/* =========================================================
   OrdenClick V33 — Mobile First + Caja Pro
   Limpieza final para técnicos que trabajan desde celular.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden!important;scroll-behavior:smooth;}
body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
*{box-sizing:border-box;}
img,video,canvas,svg{max-width:100%;height:auto;}
.app-shell,.desktop-shell{width:min(1180px,100%);margin-inline:auto;}
.panel{overflow:hidden;}
.input,select,textarea,button,.btn,.btn-sm{font-size:16px;}
.btn,.btn-sm,.nav-pill,.icon-btn{min-height:44px;}

/* Topbar más estable */
.oc-topbar-v32{position:sticky;top:0;z-index:950;background:linear-gradient(180deg,rgba(3,7,18,.98),rgba(3,7,18,.78));backdrop-filter:blur(18px);border-bottom:1px solid rgba(96,165,250,.12);}
.topbar-brand-block{min-width:0;}
.oc-topbar-v32 .top-brand{min-width:0;display:flex;align-items:center;}
.oc-topbar-v32 .top-brand img{display:block;height:46px;width:auto;max-width:230px;object-fit:contain;}
.oc-topbar-v32 .top-actions{min-width:0;}
.oc-topbar-v32 .desktop-main-nav{min-width:0;}
.oc-topbar-v32 .nav-pill{white-space:nowrap;}
.notification-badge{position:absolute;top:-6px;right:-6px;}

/* Menú Más en panel real, no columna de botones */
.main-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);z-index:1240;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:.18s ease;}
.main-menu-backdrop.show{opacity:1;pointer-events:auto;}
.main-menu-sheet{width:min(720px,100%);max-height:86vh;overflow:auto;border:1px solid rgba(96,165,250,.22);border-bottom:0;border-radius:30px 30px 0 0;background:linear-gradient(180deg,rgba(8,13,26,.99),rgba(3,7,18,.99));box-shadow:0 -24px 80px rgba(0,0,0,.62);padding:14px 14px calc(18px + env(safe-area-inset-bottom));transform:translateY(22px);transition:.18s ease;}
.main-menu-backdrop.show .main-menu-sheet{transform:translateY(0);}
.sheet-head h2{margin:4px 0 4px;font-size:24px;line-height:1.05;}
.sheet-head p{margin:0 0 12px;color:#9aa9bd;font-size:14px;}
.main-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.main-menu-section{border:1px solid rgba(148,163,184,.13);border-radius:22px;padding:12px;background:rgba(15,23,42,.58);display:grid;gap:7px;}
.main-menu-section>strong{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#60a5fa;margin:0 2px 2px;}
.main-menu-section a,.main-menu-section button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;border:0;border-radius:14px;padding:10px 12px;background:rgba(2,6,23,.35);color:#e5eefc!important;text-decoration:none;font-weight:850;text-align:left;}
.main-menu-section a span,.main-menu-section button span{width:26px;height:26px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,112,255,.14);color:#60a5fa;flex:0 0 auto;}
.main-menu-section a:hover,.main-menu-section button:hover{background:rgba(0,112,255,.16);}
.main-menu-session{border-color:rgba(245,158,11,.20);}

/* Bottom navigation: 4 acciones claras */
.bottom-nav.oc-bottom-nav.v33-bottom-nav{height:74px;width:min(640px,calc(100% - 18px));left:50%;right:auto;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);border-radius:26px;grid-template-columns:repeat(4,1fr)!important;z-index:910;padding:6px;background:rgba(3,7,18,.90);border:1px solid rgba(96,165,250,.18);box-shadow:0 18px 60px rgba(0,0,0,.45);}
.v33-bottom-nav a{min-width:0;border-radius:20px;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;color:#94a3b8;text-decoration:none;}
.v33-bottom-nav a.active{background:rgba(0,112,255,.15);color:#fff;}
.v33-bottom-nav .nav-ico{font-size:21px;line-height:1;}
.v33-bottom-nav small{font-size:11px;font-weight:850;}
.mobile-fab-wrap{right:18px!important;bottom:calc(96px + env(safe-area-inset-bottom))!important;z-index:915!important;}
.mobile-fab{width:70px!important;height:70px!important;border-radius:26px!important;}
.mobile-fab small{font-size:10.5px!important;line-height:1.05;}

/* Acciones rápidas más simples */
.quick-sheet-backdrop{position:fixed;inset:0;align-items:flex-end;justify-content:center;}
.quick-sheet-backdrop.show{display:flex!important;}
.v33-quick-sheet{width:min(560px,100%);max-height:82vh;overflow:auto;padding:14px 14px calc(18px + env(safe-area-inset-bottom));}
.quick-grid-v33{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.quick-grid-v33 a{min-height:110px;border-radius:22px;background:rgba(15,23,42,.68);border:1px solid rgba(148,163,184,.15);padding:14px;text-decoration:none;color:#eaf2ff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;}
.quick-grid-v33 .quick-icon{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#0070ff,#7c3aed);display:inline-flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 14px 30px rgba(0,112,255,.26);}
.quick-grid-v33 strong{font-size:15px;line-height:1.1;}
.quick-grid-v33 small{color:#9aa9bd;font-size:12px;}

/* Formularios y hero: menos texto, mejor legibilidad móvil */
.focus-hero,.device-hero,.order-fast-hero,.order-hero-v8{overflow:hidden;}
.focus-hero h2,.device-hero h2,.order-fast-hero h2,.order-hero-v8 h2{line-height:.98;letter-spacing:-.045em;}
.device-actions,.compact-actions,.row-actions{flex-wrap:wrap;min-width:0;}
.device-actions .btn,.compact-actions .btn,.device-actions .input{min-width:0;}
.step-panel,.cash-guide,.report-card,.inventory-card,.main-menu-section{box-shadow:0 18px 50px rgba(0,0,0,.16);}
.submit-bar{border-top:1px solid rgba(96,165,250,.12);}

/* Caja Pro V33 */
.cash-pro-hero{background:radial-gradient(circle at 12% 18%,rgba(0,112,255,.34),transparent 34%),linear-gradient(135deg,rgba(0,112,255,.18),rgba(15,23,42,.78));border:1px solid rgba(96,165,250,.22);}
.cash-security-note{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(96,165,250,.18);border-radius:22px;padding:14px;background:rgba(0,112,255,.08);margin-top:12px;}
.cash-security-note b{color:#fff;display:block;margin-bottom:4px;}
.cash-security-note span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#0070ff,#7c3aed);font-size:20px;flex:0 0 auto;}
.cash-action-panel{border:1px solid rgba(148,163,184,.14);border-radius:24px;background:rgba(15,23,42,.58);padding:16px;margin-top:14px;}
.cash-action-panel h3{margin:0 0 10px;font-size:20px;}
.cash-key-field{position:relative;}
.cash-key-field label{display:block;font-size:12px;color:#93a4ba;font-weight:850;margin:0 0 6px;}
.cash-key-field .input{padding-left:42px!important;}
.cash-key-field:before{content:'🔐';position:absolute;left:14px;bottom:13px;opacity:.75;}
.cash-method-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.cash-method-grid div{min-width:0;}
.cash-method-grid strong{font-size:clamp(17px,2.5vw,24px);word-break:break-word;}
.cash-operator-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:#9aa9bd;font-size:13px;}
.cash-operator-line b{color:#e5eefc;}
.table-responsive-v33{width:100%;overflow:auto;border-radius:20px;scrollbar-color:#1d4ed8 rgba(15,23,42,.5);}
.table-responsive-v33 table{min-width:760px;}
.cash-mobile-list{display:none;gap:10px;margin-top:12px;}
.cash-mobile-item{border:1px solid rgba(148,163,184,.13);border-radius:18px;padding:12px;background:rgba(15,23,42,.62);display:grid;gap:8px;}
.cash-mobile-item-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;}
.cash-mobile-item strong{font-size:16px;}
.cash-mobile-item .amount{font-size:18px;color:#86efac;font-weight:950;}

/* Inventario y QR más legibles */
.inventory-card h4{font-size:18px!important;}
.stock-pill{font-size:13px!important;min-width:86px!important;}
.inventory-meta strong{word-break:break-word;}
.label-designer{gap:18px!important;}
.label-preview-stage{overflow:auto!important;max-width:100%;}
.v25-label-card{transform:none!important;}
.label-controls .input,.label-controls select{min-height:44px;}

@media(max-width:980px){
  .main-menu-grid{grid-template-columns:1fr;}
  .cash-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  body{padding-bottom:108px!important;background:#050914;}
  .app-shell,.desktop-shell{padding:10px 12px 120px!important;width:100%!important;max-width:100%!important;}
  .oc-topbar-v32{margin:0 -12px 12px!important;padding:10px 12px!important;border-radius:0!important;}
  .oc-topbar-v32 .topbar-title{display:none!important;}
  .oc-topbar-v32 .top-brand img{height:36px!important;max-width:176px!important;}
  .oc-topbar-v32 .desktop-main-nav,.oc-topbar-v32 .v32-more{display:none!important;}
  .oc-topbar-v32 .top-actions{gap:8px;margin-left:auto;}
  .oc-topbar-v32 .notification-btn{width:42px!important;min-width:42px!important;height:42px!important;border-radius:16px!important;background:rgba(15,23,42,.76)!important;}
  .focus-hero,.device-hero,.order-fast-hero,.order-hero-v8{padding:16px!important;border-radius:24px!important;margin-top:8px!important;}
  .focus-hero h2,.device-hero h2,.order-fast-hero h2,.order-hero-v8 h2{font-size:clamp(28px,10vw,38px)!important;line-height:.98!important;}
  .focus-hero p,.device-hero p,.order-fast-hero p,.order-hero-v8 p{font-size:14px!important;line-height:1.45!important;max-width:100%!important;}
  .hero-pill{font-size:12px!important;}
  .panel{border-radius:22px!important;padding:14px!important;}
  .report-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .report-card{padding:13px!important;border-radius:19px!important;min-height:118px;}
  .report-card strong{font-size:clamp(20px,7vw,28px)!important;line-height:1.05;}
  .desktop-grid,.split{grid-template-columns:1fr!important;gap:12px!important;}
  .cash-guide{display:none!important;}
  .cash-security-note{padding:12px;border-radius:19px;}
  .cash-action-panel{padding:14px;border-radius:22px;}
  .cash-method-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .cash-method-grid div{padding:11px!important;border-radius:16px!important;}
  .grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important;}
  .form{gap:10px!important;}
  .input,select,textarea{width:100%!important;min-height:48px!important;border-radius:16px!important;}
  textarea{min-height:96px!important;}
  .btn,.btn-sm{width:100%;justify-content:center;border-radius:16px!important;}
  .device-actions{display:grid!important;grid-template-columns:1fr!important;width:100%;}
  .action-ribbon{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;overflow:visible!important;padding:10px!important;}
  .action-ribbon a{min-width:0!important;white-space:normal!important;font-size:13px!important;}
  .table-responsive-v33,.table-wrap-v32{display:block;width:100%;overflow:auto;}
  .cash-desktop-table{display:none!important;}
  .cash-mobile-list{display:grid!important;}
  .document-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .main-menu-sheet,.v33-quick-sheet{border-radius:28px 28px 0 0;}
  .main-menu-section a,.main-menu-section button{min-height:48px;}
  .quick-grid-v33{grid-template-columns:1fr 1fr!important;}
  .quick-grid-v33 a{min-height:104px;}
  .inventory-cards{display:grid!important;}
  .inventory-table{display:none!important;}
  .inventory-meta{grid-template-columns:1fr 1fr!important;}
  .label-designer{grid-template-columns:1fr!important;}
  .label-controls{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:430px){
  .report-grid{grid-template-columns:1fr!important;}
  .cash-method-grid{grid-template-columns:1fr!important;}
  .quick-grid-v33{grid-template-columns:1fr!important;}
  .inventory-meta{grid-template-columns:1fr!important;}
  .label-controls{grid-template-columns:1fr!important;}
  .mobile-fab{width:64px!important;height:64px!important;}
  .mobile-fab span{font-size:32px!important;}
  .v33-bottom-nav small{font-size:10px;}
}
@media print{
  .main-menu-backdrop,.quick-sheet-backdrop,.mobile-fab-wrap,.v33-bottom-nav,.cash-security-note{display:none!important;}
}

/* =========================================================
   OrdenClick V34 — UI final hosting: PWA discreta y app limpia
   - Se elimina el banner grande de instalación.
   - Si la PWA ya fue instalada, no se vuelve a mostrar instalar app.
   - La licencia solo aparece como aviso cuando requiere acción.
   - Topbar, inventario y navegación quedan más compactos.
========================================================= */
.install-banner{display:none!important}
.pwa-installed [data-install-app]{display:none!important}
.v34-compact-license{margin-top:8px;margin-bottom:10px;padding:10px 14px;border-radius:18px;min-height:auto;background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(2,6,23,.72));border-color:rgba(59,130,246,.18)}
.v34-compact-license .btn{min-height:40px;padding:0 12px;border-radius:14px}.v34-compact-license .license-left strong{font-size:14px}.v34-compact-license .license-left p{font-size:12px}
.oc-topbar-v32{padding-top:10px!important;padding-bottom:10px!important;margin-bottom:10px!important;border-bottom:1px solid rgba(148,163,184,.08)}
.oc-topbar-v32 .topbar-title h1{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(22px,2.4vw,34px)!important;line-height:1.05!important}.oc-topbar-v32 .eyebrow{font-size:12px!important}.desktop-main-nav{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.desktop-main-nav .nav-pill{min-height:40px;padding:0 12px;border-radius:14px;white-space:nowrap;font-size:13px}.desktop-main-nav .nav-pill span{font-size:14px}
.v32-more summary{min-height:40px;border-radius:14px!important}.v32-menu-panel{max-height:min(76vh,620px);overflow:auto}.v32-menu-panel .more-section{padding:8px}.v32-menu-panel .more-section strong{display:block;margin:2px 0 6px;color:#93c5fd;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.v32-menu-panel .more-section a,.v32-menu-panel .more-section button{width:100%;display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:12px;font-size:14px}
.focus-hero{margin-top:10px!important}.focus-hero h2{font-size:clamp(28px,4vw,46px)!important;letter-spacing:-.055em}.focus-hero p{font-size:15px}.focus-hero .compact-actions .btn{min-width:150px}.inventory-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px}.inventory-card{border:1px solid rgba(148,163,184,.14);border-radius:22px;background:linear-gradient(180deg,rgba(15,23,42,.72),rgba(2,6,23,.52));padding:14px;box-shadow:0 16px 50px rgba(0,0,0,.20)}.inventory-card h4{font-size:18px;line-height:1.15;margin:0}.inventory-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.stock-pill{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:8px 10px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.26);color:#bbf7d0;font-weight:950;font-size:12px}.stock-pill.low{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.30);color:#fde68a}.stock-pill.zero{background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.30);color:#fecaca}.inventory-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.inventory-meta>div{border:1px solid rgba(148,163,184,.10);border-radius:14px;padding:9px;background:rgba(2,6,23,.32)}.inventory-meta small{display:block;color:#94a3b8;font-size:11px;margin-bottom:3px}.inventory-meta strong{font-size:13px;line-height:1.25;word-break:break-word}.inventory-adjust{display:grid;grid-template-columns:92px 1fr auto;gap:8px;margin-top:12px}.inventory-adjust .input{min-height:42px;border-radius:14px}.inventory-adjust .btn-sm{min-height:42px;border-radius:14px}
@media(max-width:1100px){.desktop-main-nav .nav-pill:not(.primary){display:none}.oc-topbar-v32 .topbar-title h1{max-width:360px}.focus-hero{align-items:flex-start!important;flex-direction:column!important}.focus-hero .compact-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:900px){.v34-compact-license{display:none!important}.oc-topbar-v32 .topbar-title{display:none}.desktop-main-nav{display:none}.focus-hero{padding:18px!important;border-radius:24px!important}.focus-hero h2{font-size:32px!important}.focus-hero p{font-size:14px}.focus-hero .compact-actions{grid-template-columns:1fr}.inventory-cards{grid-template-columns:1fr}.inventory-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-adjust{grid-template-columns:1fr}.table-wrap-v32.inventory-table{display:none!important}}
@media(max-width:520px){.focus-hero h2{font-size:28px!important}.inventory-meta{grid-template-columns:1fr 1fr}.inventory-card{border-radius:20px;padding:12px}.stock-pill{min-width:auto}.app-shell,.desktop-shell{padding-top:8px!important}.top-brand img{max-width:172px!important}}

/* =========================================================
   OrdenClick V35 — 2026 Stable UI
   Revisión extrema: mobile-first, caja alineada, menú claro,
   inventario/QR legibles y listo para hosting.
========================================================= */
:root{
  --oc-bg:#030712;
  --oc-surface:rgba(8,13,26,.86);
  --oc-surface-2:rgba(15,23,42,.72);
  --oc-line:rgba(148,163,184,.14);
  --oc-line-strong:rgba(96,165,250,.28);
  --oc-text:#f8fafc;
  --oc-muted:#9fb0c7;
  --oc-blue:#0070ff;
  --oc-violet:#7c3aed;
  --oc-green:#22c55e;
  --oc-gold:#f59e0b;
  --oc-red:#ef4444;
  --oc-radius:24px;
}
html{background:var(--oc-bg);}
body{background:radial-gradient(circle at 14% 0,rgba(0,112,255,.20),transparent 30%),radial-gradient(circle at 88% 4%,rgba(124,58,237,.14),transparent 28%),linear-gradient(135deg,#030712,#07111f 52%,#060713);color:var(--oc-text);letter-spacing:-.01em;}
body::selection{background:rgba(0,112,255,.34);}
.app-shell,.desktop-shell{max-width:1180px!important;padding-inline:clamp(12px,2vw,22px)!important;}
.panel,.card,.metric,.order-card,.client-card,.report-card,.inventory-card,.step-panel,.cash-action-panel,.document-row{
  border-color:var(--oc-line)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.56))!important;
  box-shadow:0 18px 60px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.055)!important;
}
.panel:hover,.inventory-card:hover,.order-card:hover{border-color:rgba(96,165,250,.24)!important;}
.muted{color:var(--oc-muted)!important;}
.btn,.btn-sm,.nav-pill,.icon-btn,summary,.tab,.badge{transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;}
.btn:hover,.btn-sm:hover,.nav-pill:hover,.icon-btn:hover,.tab:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.34)!important;}
.btn.primary,.icon-btn.primary,.nav-pill.primary{background:linear-gradient(135deg,#0070ff,#7c3aed)!important;box-shadow:0 12px 30px rgba(0,112,255,.22)!important;}
.input,select,textarea{background:rgba(2,6,23,.68)!important;border-color:rgba(148,163,184,.16)!important;color:#f8fafc!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;}
.input::placeholder,textarea::placeholder{color:#718096!important;}
.field label{font-size:13px;color:#cbd5e1!important;}

/* Header 2026: compacto, alineado y sin desbordes */
.oc-topbar-v35{position:sticky!important;top:0!important;z-index:960!important;margin:0 -2px 12px!important;padding:10px 0!important;border-bottom:1px solid rgba(96,165,250,.10)!important;background:linear-gradient(180deg,rgba(3,7,18,.98),rgba(3,7,18,.80))!important;backdrop-filter:blur(22px)!important;}
.oc-topbar-v35 .topbar-brand-block{display:flex;align-items:center;gap:12px;min-width:0;}
.oc-topbar-v35 .top-brand img{height:42px!important;max-width:210px!important;object-fit:contain!important;}
.oc-topbar-v35 .topbar-title{min-width:0;}
.oc-topbar-v35 .topbar-title h1{max-width:430px!important;font-size:clamp(20px,2.1vw,31px)!important;line-height:1.05!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.oc-topbar-v35 .eyebrow{font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;color:#60a5fa!important;}
.oc-topbar-v35 .top-actions{align-items:center;justify-content:flex-end;gap:8px!important;}
.desktop-main-nav{gap:7px!important;}
.desktop-main-nav .nav-pill{min-height:38px!important;border-radius:14px!important;padding:0 11px!important;font-size:12.5px!important;background:rgba(15,23,42,.56)!important;border:1px solid rgba(148,163,184,.14)!important;}
.notification-btn{position:relative!important;border-radius:15px!important;}
.notification-btn small{display:none!important;}
.v32-more summary{min-height:38px!important;padding:0 14px!important;background:rgba(15,23,42,.58)!important;border:1px solid rgba(148,163,184,.14)!important;color:#fff!important;font-weight:900!important;}

/* Hero y formularios: menos texto, más producto */
.focus-hero,.device-hero,.order-fast-hero,.order-hero-v8,.v35-hero{position:relative;border:1px solid rgba(96,165,250,.20)!important;background:radial-gradient(circle at 12% 0,rgba(0,112,255,.28),transparent 32%),radial-gradient(circle at 92% 10%,rgba(34,197,94,.12),transparent 24%),linear-gradient(135deg,rgba(15,23,42,.86),rgba(2,6,23,.62))!important;box-shadow:0 24px 70px rgba(0,0,0,.25)!important;}
.focus-hero h2,.device-hero h2,.order-fast-hero h2,.order-hero-v8 h2,.v35-hero h2{line-height:1.02!important;letter-spacing:-.06em!important;text-wrap:balance;}
.focus-hero p,.device-hero p,.order-fast-hero p,.order-hero-v8 p,.v35-hero p{max-width:720px;color:#b8c4d8!important;}
.hero-pill{background:rgba(0,112,255,.16)!important;border:1px solid rgba(96,165,250,.28)!important;color:#93c5fd!important;}
.step-head{display:flex;gap:12px;align-items:flex-start!important;}
.step-head>span{flex:0 0 auto;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#0070ff,#7c3aed);display:grid;place-items:center;font-weight:950;box-shadow:0 12px 28px rgba(0,112,255,.22);}
.step-head h2{margin:0;font-size:clamp(21px,2.3vw,30px);line-height:1.08;}
.step-head p{margin:4px 0 0;color:#9fb0c7!important;}
.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;}
.check-item{border:1px solid rgba(148,163,184,.13);border-radius:16px;background:rgba(2,6,23,.36);padding:12px;}
.submit-bar{border:1px solid rgba(96,165,250,.15)!important;border-radius:22px!important;background:rgba(3,7,18,.74)!important;backdrop-filter:blur(16px);}

/* Caja Pro V35: seguridad alineada y auditabilidad visible */
.v35-cash-security{display:grid!important;grid-template-columns:auto minmax(260px,1fr) minmax(300px,.95fr)!important;align-items:center!important;gap:14px!important;padding:16px!important;border-radius:24px!important;margin:14px 0!important;background:linear-gradient(135deg,rgba(0,112,255,.12),rgba(15,23,42,.72))!important;border:1px solid rgba(96,165,250,.22)!important;}
.v35-cash-security .security-icon{width:50px!important;height:50px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0070ff,#7c3aed)!important;box-shadow:0 16px 34px rgba(0,112,255,.26)!important;font-size:23px!important;}
.v35-cash-security .security-copy b{display:block!important;color:#fff!important;font-size:17px!important;margin:0 0 5px!important;}
.v35-cash-security .security-copy p{margin:0!important;line-height:1.45!important;}
.security-operator{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.security-operator span{display:grid!important;gap:4px!important;min-width:0!important;border:1px solid rgba(148,163,184,.12)!important;border-radius:16px!important;background:rgba(2,6,23,.42)!important;padding:10px!important;}
.security-operator small{display:block!important;color:#8ea2bd!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.security-operator strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important;color:#f8fafc!important;}
.v35-cash-audit{padding:16px!important;}
.v35-cash-audit .audit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.v35-cash-audit h3{margin:0;font-size:20px;}
.audit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.audit-grid>div{border:1px solid rgba(148,163,184,.12);border-radius:18px;background:rgba(2,6,23,.36);padding:12px;min-width:0;}
.audit-grid small{display:block;color:#8ea2bd;text-transform:uppercase;letter-spacing:.08em;font-size:11px;margin-bottom:5px;}
.audit-grid strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.audit-grid span{display:block;margin-top:3px;color:#9fb0c7;font-size:12px;}
.cash-action-panel{position:relative;}
.cash-action-panel h3{display:flex;align-items:center;gap:8px;}
.cash-key-field{margin-top:2px;}
.cash-key-field label{font-size:12px!important;text-transform:uppercase;letter-spacing:.06em;color:#93c5fd!important;}
.cash-key-field .input{border-color:rgba(96,165,250,.22)!important;background:rgba(2,6,23,.78)!important;}
.cash-method-grid{display:grid!important;gap:10px!important;}
.cash-method-grid>div{border:1px solid rgba(148,163,184,.12);border-radius:18px;background:rgba(2,6,23,.35);padding:12px;}
.cash-method-grid small{color:#8ea2bd;}

/* Inventario V35: stock legible como app móvil */
.inventory-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))!important;gap:13px!important;}
.inventory-card{padding:15px!important;border-radius:24px!important;overflow:hidden!important;}
.inventory-card-head{display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important;gap:10px!important;}
.inventory-card h4{font-size:19px!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:0!important;}
.stock-pill{font-size:12px!important;font-weight:950!important;box-shadow:inset 0 1px rgba(255,255,255,.06);}
.inventory-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important;}
.inventory-meta>div{min-width:0!important;border:1px solid rgba(148,163,184,.11)!important;background:rgba(2,6,23,.36)!important;border-radius:16px!important;padding:10px!important;}
.inventory-meta small{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#8498b2!important;}
.inventory-meta strong{font-size:13px!important;color:#f8fafc!important;}
.inventory-adjust{align-items:center!important;}

/* Menú móvil 2026 */
.main-menu-backdrop,.quick-sheet-backdrop{background:rgba(1,5,15,.66)!important;backdrop-filter:blur(10px)!important;}
.v35-main-menu,.v35-quick-sheet{background:linear-gradient(180deg,rgba(9,14,27,.98),rgba(3,7,18,.98))!important;border-color:rgba(96,165,250,.24)!important;box-shadow:0 -30px 90px rgba(0,0,0,.68)!important;}
.sheet-handle{width:54px!important;height:5px!important;border-radius:999px!important;background:rgba(148,163,184,.38)!important;margin:2px auto 12px!important;}
.main-menu-grid{gap:10px!important;}
.main-menu-section{border-radius:22px!important;}
.main-menu-section a,.main-menu-section button{font-size:14px!important;}
.v35-bottom-nav{height:72px!important;border-radius:28px!important;background:rgba(3,7,18,.92)!important;box-shadow:0 18px 60px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.06)!important;}
.v35-bottom-nav a.active{background:linear-gradient(135deg,rgba(0,112,255,.22),rgba(124,58,237,.15))!important;color:#fff!important;}
.mobile-fab{box-shadow:0 20px 52px rgba(0,112,255,.42),inset 0 1px rgba(255,255,255,.25)!important;}

/* QR/labels: sin desbordes */
.label-designer,.label-preview-stage,.qr-box,.v25-label-sheet{max-width:100%!important;overflow:auto!important;}
.qr-box img{max-width:min(180px,70vw)!important;height:auto!important;}
.v25-label-card{max-width:100%!important;}
.label-controls{gap:10px!important;}

/* Checklist V35 */
.v35-check-card{display:flex;gap:12px;align-items:flex-start;}
.v35-check-card>span{width:38px;height:38px;border-radius:14px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.28);color:#86efac;display:grid;place-items:center;font-weight:950;flex:0 0 auto;}
.v35-check-card h3{margin:0 0 4px;font-size:18px;}
.v35-check-card p{margin:0;line-height:1.42;}

@media(max-width:1100px){
  .oc-topbar-v35 .topbar-title h1{max-width:300px!important;}
  .desktop-main-nav .nav-pill:not(.primary){display:none!important;}
  .audit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
  body{padding-bottom:112px!important;}
  .app-shell,.desktop-shell{padding:8px 12px 124px!important;}
  .oc-topbar-v35{margin:0 -12px 10px!important;padding:10px 12px!important;border-radius:0!important;}
  .oc-topbar-v35 .topbar-title,.oc-topbar-v35 .desktop-main-nav,.oc-topbar-v35 .v32-more{display:none!important;}
  .oc-topbar-v35 .top-brand img{height:36px!important;max-width:174px!important;}
  .oc-topbar-v35 .top-actions{margin-left:auto!important;}
  .notification-btn{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;}
  .focus-hero,.device-hero,.order-fast-hero,.order-hero-v8,.v35-hero{padding:16px!important;border-radius:24px!important;}
  .focus-hero h2,.device-hero h2,.order-fast-hero h2,.order-hero-v8 h2,.v35-hero h2{font-size:clamp(27px,9vw,38px)!important;}
  .focus-hero p,.device-hero p,.order-fast-hero p,.order-hero-v8 p,.v35-hero p{font-size:14px!important;}
  .report-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .report-card{min-height:auto!important;padding:13px!important;border-radius:20px!important;}
  .report-card strong{font-size:clamp(21px,6vw,30px)!important;}
  .desktop-grid,.split,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important;}
  .v35-cash-security{grid-template-columns:auto 1fr!important;align-items:start!important;}
  .v35-cash-security .security-operator{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .audit-grid{grid-template-columns:1fr 1fr!important;}
  .cash-guide{display:none!important;}
  .cash-method-grid{grid-template-columns:1fr 1fr!important;}
  .cash-desktop-table,.inventory-table{display:none!important;}
  .cash-mobile-list{display:grid!important;}
  .inventory-cards{grid-template-columns:1fr!important;}
  .inventory-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .inventory-adjust{grid-template-columns:1fr!important;}
  .inventory-card-head{grid-template-columns:1fr!important;}
  .stock-pill{justify-self:start;}
  .action-ribbon{grid-template-columns:1fr 1fr!important;overflow:visible!important;}
  .action-ribbon a{white-space:normal!important;}
  .main-menu-grid{grid-template-columns:1fr!important;}
  .quick-grid-v33{grid-template-columns:1fr 1fr!important;}
  .label-controls{grid-template-columns:1fr 1fr!important;}
  .btn,.btn-sm{width:100%;}
}
@media(max-width:460px){
  .report-grid,.audit-grid,.cash-method-grid{grid-template-columns:1fr!important;}
  .v35-cash-security{grid-template-columns:1fr!important;}
  .v35-cash-security .security-icon{width:46px!important;height:46px!important;}
  .v35-cash-security .security-operator{grid-template-columns:1fr!important;}
  .quick-grid-v33,.label-controls,.action-ribbon{grid-template-columns:1fr!important;}
  .inventory-meta{grid-template-columns:1fr!important;}
  .bottom-nav.oc-bottom-nav.v35-bottom-nav{width:calc(100% - 12px)!important;height:68px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;}
  .v35-bottom-nav small{font-size:10px!important;}
  .mobile-fab-wrap{right:14px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;}
  .mobile-fab{width:62px!important;height:62px!important;border-radius:23px!important;}
}
@media print{
  .oc-topbar-v35,.v35-bottom-nav,.mobile-fab-wrap,.main-menu-backdrop,.quick-sheet-backdrop,.v35-cash-security{display:none!important;}
}


/* =========================================================
   OrdenClick V36 Técnico Mobile Stable — CSS 2026
   Enfoque: técnicos desde celular, navegación clara, menos texto,
   formularios pesados escondidos hasta que el usuario los necesita.
========================================================= */
:root{
  --oc-bg:#030712;
  --oc-panel:rgba(10,18,34,.74);
  --oc-panel-2:rgba(15,23,42,.88);
  --oc-border:rgba(148,163,184,.18);
  --oc-blue:#0b7cff;
  --oc-purple:#8b5cf6;
  --oc-green:#22c55e;
  --oc-text:#f8fafc;
  --oc-muted:#9fb0c7;
  --oc-radius:24px;
}

body{
  background:
    radial-gradient(circle at 10% 0%,rgba(14,116,255,.22),transparent 28%),
    radial-gradient(circle at 90% 8%,rgba(139,92,246,.18),transparent 26%),
    linear-gradient(135deg,#020617,#06101f 52%,#050814);
}

.mobile-first-shell,
.desktop-shell{
  width:min(1180px,100%);
  margin:0 auto;
  padding:14px 14px 104px;
}

.oc-topbar-v36{
  position:sticky;
  top:0;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 auto 14px;
  padding:10px 0;
  background:linear-gradient(180deg,rgba(3,7,18,.96),rgba(3,7,18,.72));
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(148,163,184,.08);
}

.oc-topbar-v36 .topbar-brand-block{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}

.oc-topbar-v36 .top-brand img{
  width:154px;
  max-width:36vw;
  height:auto;
  display:block;
}

.oc-topbar-v36 .topbar-title{
  min-width:0;
}

.oc-topbar-v36 .eyebrow{
  font-size:12px;
  letter-spacing:.04em;
  margin:0 0 2px;
}

.oc-topbar-v36 h1{
  font-size:clamp(22px,3vw,34px);
  line-height:1.03;
  max-width:48vw;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin:0;
}

.v36-actions{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.desktop-main-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:nowrap;
  max-width:100%;
  overflow:hidden;
}

.desktop-main-nav .nav-pill{
  min-height:44px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
  background:rgba(15,23,42,.60);
  color:#e5eefc;
  font-weight:800;
  font-size:14px;
  white-space:nowrap;
  box-shadow:none;
}

.desktop-main-nav .nav-pill.primary,
.desktop-main-nav .nav-pill.active{
  background:linear-gradient(135deg,rgba(11,124,255,.92),rgba(139,92,246,.82));
  border-color:rgba(255,255,255,.20);
  box-shadow:0 10px 28px rgba(11,124,255,.22);
}

.notification-btn{
  position:relative;
  min-width:46px;
  border-radius:16px;
}
.notification-btn small{display:none}
.notification-badge{
  position:absolute;
  top:-7px;
  right:-6px;
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#ef4444;
  color:white;
  font-size:11px;
  font-weight:900;
  border:2px solid #020617;
}

.more-menu.v36-more summary{
  min-height:44px;
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
  background:rgba(15,23,42,.72);
  font-weight:900;
  cursor:pointer;
  list-style:none;
}
.more-menu.v36-more summary::-webkit-details-marker{display:none}
.more-menu.v36-more[open] summary{background:rgba(30,41,59,.88)}

.v36-menu-panel{
  right:0;
  width:min(360px,92vw);
  max-height:min(76vh,680px);
  overflow:auto;
  padding:14px;
  border-radius:22px;
  background:rgba(2,6,23,.96);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 30px 80px rgba(0,0,0,.54);
}

.more-section{
  display:grid;
  gap:6px;
  padding:10px;
  border-radius:18px;
  background:rgba(15,23,42,.52);
  border:1px solid rgba(148,163,184,.10);
  margin-bottom:10px;
}
.more-section strong{
  color:#60a5fa;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.more-section a,
.more-section button{
  min-height:42px;
  border:0;
  border-radius:14px;
  padding:10px 12px;
  background:rgba(255,255,255,.045);
  color:#f8fafc;
  text-align:left;
  font-weight:800;
}

.v36-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(59,130,246,.22);
  border-radius:30px;
  padding:22px;
  background:
    radial-gradient(circle at 10% 18%,rgba(11,124,255,.30),transparent 28%),
    linear-gradient(135deg,rgba(15,23,42,.90),rgba(5,11,24,.74));
  box-shadow:0 24px 70px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.08);
}
.v36-hero-icon{
  width:58px;
  min-width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:linear-gradient(135deg,#0b7cff,#8b5cf6);
  box-shadow:0 18px 40px rgba(11,124,255,.24);
  font-size:26px;
}
.v36-hero h2{
  margin:6px 0 6px;
  font-size:clamp(28px,5vw,46px);
  line-height:1.02;
  letter-spacing:-.055em;
}
.v36-hero p{
  max-width:720px;
  margin:0;
  color:#cbd5e1;
  font-size:15px;
}
.v36-hero-actions,
.device-actions,
.compact-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.btn,.btn-sm,button.btn{
  border-radius:16px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
}
.btn.primary{
  background:linear-gradient(135deg,#0b7cff,#8b5cf6);
  box-shadow:0 14px 36px rgba(11,124,255,.22);
}

/* Formularios pesados como panel desplegable */
.v36-collapsible-form{
  padding:0;
  overflow:hidden;
}
.v36-collapsible-form > summary{
  min-height:68px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  list-style:none;
}
.v36-collapsible-form > summary::-webkit-details-marker{display:none}
.v36-collapsible-form > summary span{
  font-size:20px;
  font-weight:950;
  letter-spacing:-.03em;
}
.v36-collapsible-form > summary small{
  color:#9fb0c7;
  font-weight:700;
}
.v36-collapsible-form[open] > summary{
  border-bottom:1px solid rgba(148,163,184,.12);
}
.v36-collapsible-form .form{
  padding:18px;
}
.v36-form-compact label{
  display:grid;
  gap:7px;
  color:#cbd5e1;
  font-weight:800;
  font-size:13px;
}
.v36-form-compact .grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.v36-inventory-layout{
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.65fr);
  align-items:start;
}
.v36-side-stack{
  position:sticky;
  top:92px;
  display:block;
}
.inventory-cards{
  display:grid;
  gap:12px;
}
.inventory-card{
  padding:14px;
  border:1px solid rgba(148,163,184,.14);
  border-radius:22px;
  background:rgba(15,23,42,.66);
}
.inventory-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.inventory-card h4{
  margin:0;
  font-size:18px;
  line-height:1.15;
}
.stock-pill{
  white-space:nowrap;
  border-radius:999px;
  padding:8px 10px;
  font-weight:950;
  color:#dbeafe;
  background:rgba(59,130,246,.16);
}
.stock-pill.low{color:#fde68a;background:rgba(245,158,11,.16)}
.stock-pill.zero{color:#fecaca;background:rgba(239,68,68,.16)}
.inventory-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.inventory-meta div{
  min-width:0;
  padding:10px;
  border-radius:16px;
  background:rgba(2,6,23,.38);
  border:1px solid rgba(148,163,184,.09);
}
.inventory-meta small{
  display:block;
  color:#94a3b8;
  font-size:11px;
}
.inventory-meta strong{
  display:block;
  margin-top:3px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.inventory-adjust{
  margin-top:12px;
  display:grid;
  grid-template-columns:90px 1fr auto;
  gap:8px;
}

/* Usuarios */
.v36-users-layout{
  align-items:start;
}
.v36-team-card{
  margin-top:10px;
  padding:14px;
}
.v36-team-card h3{margin:0 0 4px}
.v36-team-card .muted{
  white-space:normal;
}

/* Caja */
.cash-security-note.v35-cash-security{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  padding:16px;
  border-radius:24px;
  background:rgba(15,23,42,.72);
  border:1px solid rgba(34,197,94,.20);
}
.security-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:rgba(34,197,94,.16);
}
.security-copy p{margin:4px 0 0}
.security-operator{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.security-operator span{
  min-width:116px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(2,6,23,.42);
  border:1px solid rgba(148,163,184,.10);
}
.security-operator small{display:block;color:#94a3b8;font-size:11px}
.security-operator strong{display:block;margin-top:2px}
.cash-guide{display:none}
.v35-cash-audit .audit-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.v35-cash-audit .audit-grid>div{
  padding:12px;
  border-radius:18px;
  background:rgba(2,6,23,.38);
  border:1px solid rgba(148,163,184,.09);
}
.v35-cash-audit small{display:block;color:#94a3b8}
.v35-cash-audit span{display:block;color:#94a3b8;margin-top:4px;font-size:12px}

/* Menú inferior y sheets */
.v36-bottom-nav{
  position:fixed;
  left:50%;
  bottom:max(10px, env(safe-area-inset-bottom));
  transform:translateX(-50%);
  width:min(520px,calc(100% - 20px));
  height:70px;
  padding:8px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  border-radius:26px;
  z-index:80;
  background:rgba(2,6,23,.86);
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 22px 70px rgba(0,0,0,.54);
  backdrop-filter:blur(18px);
}
.v36-bottom-nav a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border-radius:18px;
  color:#94a3b8;
  font-weight:800;
}
.v36-bottom-nav a.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(11,124,255,.92),rgba(139,92,246,.78));
}
.v36-bottom-nav small{font-size:11px}
.nav-ico{font-size:18px}

.mobile-fab-wrap{
  position:fixed;
  right:18px;
  bottom:92px;
  z-index:79;
}
.mobile-fab{
  width:70px;
  height:70px;
  border:0;
  border-radius:24px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#0b7cff,#8b5cf6);
  color:#fff;
  box-shadow:0 20px 50px rgba(11,124,255,.36);
}
.mobile-fab span{font-size:30px;line-height:1}
.mobile-fab small{font-size:10px;font-weight:900;line-height:1}

.quick-sheet-backdrop,
.main-menu-backdrop{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  align-items:end;
  background:rgba(0,0,0,.48);
  backdrop-filter:blur(6px);
}
.quick-sheet-backdrop[hidden],
.main-menu-backdrop[hidden]{display:none}
.v36-quick-sheet,
.v36-main-menu{
  width:min(720px,100%);
  margin:0 auto;
  padding:18px 16px calc(24px + env(safe-area-inset-bottom));
  border-radius:28px 28px 0 0;
  background:rgba(3,7,18,.98);
  border:1px solid rgba(59,130,246,.20);
  box-shadow:0 -30px 80px rgba(0,0,0,.55);
}
.main-menu-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  max-height:70vh;
  overflow:auto;
  padding-bottom:4px;
}
.main-menu-section{
  padding:12px;
  border-radius:20px;
  background:rgba(15,23,42,.68);
  border:1px solid rgba(148,163,184,.12);
}
.main-menu-section a,
.main-menu-section button{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  border:0;
  border-radius:14px;
  padding:10px;
  margin-top:6px;
  background:rgba(255,255,255,.05);
  color:#f8fafc;
  font-weight:800;
  text-align:left;
}
.sheet-head h2{margin:0 0 4px}
.sheet-head p{margin:0 0 14px;color:#94a3b8}

.is-navigating:after{
  content:"Cargando...";
  position:fixed;
  right:14px;
  top:14px;
  z-index:999;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(15,23,42,.94);
  border:1px solid rgba(59,130,246,.32);
  color:#dbeafe;
  font-weight:900;
  box-shadow:0 15px 40px rgba(0,0,0,.35);
}

@media (max-width:1180px){
  .desktop-main-nav{display:none}
  .oc-topbar-v36 h1{max-width:42vw}
}

@media (max-width:820px){
  body{padding-bottom:96px}
  .mobile-first-shell,
  .desktop-shell{padding:10px 10px 104px}
  .oc-topbar-v36{
    margin-bottom:10px;
    padding:8px 0;
  }
  .oc-topbar-v36 .top-brand img{width:132px;max-width:38vw}
  .oc-topbar-v36 .topbar-title{display:none}
  .v36-actions{gap:6px}
  .notification-btn{min-width:44px;height:44px;padding:0}
  .more-menu.v36-more summary{height:44px;padding:0 14px}
  .v36-menu-panel{position:fixed;right:10px;top:64px;left:10px;width:auto;max-height:calc(100vh - 86px)}
  .v36-hero{
    align-items:flex-start;
    padding:18px;
    border-radius:26px;
    flex-direction:column;
  }
  .v36-hero-icon{width:50px;height:50px;min-width:50px;border-radius:18px}
  .v36-hero h2{font-size:30px}
  .v36-hero p{font-size:14px}
  .v36-hero-actions,.device-actions,.compact-actions{width:100%}
  .v36-hero-actions .btn,.device-actions .btn,.device-actions input{flex:1;min-width:130px}
  .report-grid,.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .desktop-grid,
  .v36-inventory-layout,
  .split,
  .v36-users-layout{
    display:grid;
    grid-template-columns:1fr!important;
    gap:12px;
  }
  .v36-side-stack{position:static}
  .inventory-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inventory-adjust{grid-template-columns:1fr;gap:8px}
  .table-wrap-v32,.inventory-table,.cash-desktop-table{display:none!important}
  .v36-form-compact .grid-2{grid-template-columns:1fr}
  .cash-security-note.v35-cash-security{
    grid-template-columns:1fr;
    text-align:left;
  }
  .security-operator{justify-content:stretch}
  .security-operator span{flex:1;min-width:130px}
  .v35-cash-audit .audit-grid{grid-template-columns:1fr 1fr}
  .main-menu-grid{grid-template-columns:1fr}
  .desktop-main-nav{display:none!important}
  .top-actions .more-menu{display:block}
}

@media (max-width:480px){
  .report-grid,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}
  .oc-topbar-v36 .top-brand img{width:124px}
  .more-menu.v36-more summary{font-size:0}
  .more-menu.v36-more summary:before{content:"☰";font-size:18px}
  .v36-hero h2{font-size:28px}
  .inventory-card-head{flex-direction:column}
  .stock-pill{align-self:flex-start}
  .v35-cash-audit .audit-grid{grid-template-columns:1fr}
}

/* Evita desbordes de textos largos en todas las tarjetas */
.card,.panel,.order-card,.client-card,.inventory-card,.team-card{overflow:hidden}
h1,h2,h3,h4,p,span,strong,small,a,button{overflow-wrap:anywhere}
.input, input, select, textarea{max-width:100%}

/* =========================================================
   ORDENCLICK V37 MOBILE 2026 FINAL
   Objetivo: técnico primero, celular primero, sin menús duplicados.
   ========================================================= */
:root{
  --oc-bg:#050914;
  --oc-panel:rgba(15,23,42,.74);
  --oc-panel-strong:rgba(6,12,28,.92);
  --oc-line:rgba(148,163,184,.16);
  --oc-blue:#0b7cff;
  --oc-cyan:#22d3ee;
  --oc-purple:#8b5cf6;
  --oc-text:#f8fafc;
  --oc-muted:#9aa7bb;
}
body{background:radial-gradient(circle at 22% -8%,rgba(11,124,255,.22),transparent 34%),radial-gradient(circle at 110% 20%,rgba(139,92,246,.17),transparent 36%),#050914;color:var(--oc-text)}
.app-shell,.desktop-shell,.mobile-first-shell{max-width:1220px;margin:0 auto;padding-inline:clamp(12px,2vw,24px)}
.card,.panel,.report-card,.order-card,.inventory-card,.team-card,.auth-card{box-shadow:0 22px 70px rgba(0,0,0,.18);border-color:var(--oc-line)}
.btn,.btn-sm,.nav-pill,.input,input,select,textarea{font-family:inherit}

/* Topbar V37: en celular/tablet solo identidad + avisos; la navegación vive abajo. */
.oc-topbar-v37{position:relative;z-index:74;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:10px 0;background:transparent}
.oc-topbar-v37 .topbar-brand-block{display:flex;align-items:center;gap:14px;min-width:0}
.oc-topbar-v37 .top-brand img{width:156px;max-width:32vw;height:auto;display:block}
.oc-topbar-v37 .topbar-title{min-width:0}
.oc-topbar-v37 .topbar-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw;margin:0;font-size:clamp(24px,3vw,42px)}
.oc-topbar-v37 .eyebrow{margin:0;color:#38bdf8;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.v37-actions{display:flex;align-items:center;gap:8px;min-width:0;justify-content:flex-end}
.v37-actions .notification-btn{position:relative;min-width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.16);color:#fff}
.v37-actions .notification-btn small{font-size:0}.v37-actions .notification-btn span{font-size:18px}
.v37-more summary{height:48px;display:flex;align-items:center;justify-content:center;border-radius:18px;padding:0 16px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.16);font-weight:900;color:#fff;list-style:none;cursor:pointer}
.v37-more summary::-webkit-details-marker{display:none}
.v37-menu-panel{right:0!important;top:58px!important;max-width:380px;border-radius:24px;background:rgba(3,7,18,.98);border:1px solid rgba(59,130,246,.22);box-shadow:0 26px 70px rgba(0,0,0,.46);padding:12px}
.desktop-main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.desktop-main-nav .nav-pill{white-space:nowrap}

@media (max-width:1024px){
  .oc-topbar-v37{position:sticky;top:0;margin:0 -10px 10px;padding:10px 12px;background:rgba(5,9,20,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.10)}
  .oc-topbar-v37 .topbar-title,.desktop-main-nav,.v37-more{display:none!important}
  .oc-topbar-v37 .top-brand img{width:132px;max-width:52vw}
  .v37-actions{margin-left:auto}.v37-actions .notification-btn{width:44px;height:44px;min-width:44px}
  .app-shell,.desktop-shell,.mobile-first-shell{padding:10px 10px 104px!important;max-width:640px}
}
@media (min-width:1025px){.bottom-nav,.mobile-fab-wrap{display:none!important}}

/* Bottom nav 2026 */
.v37-bottom-nav{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(530px,calc(100% - 18px));height:72px;padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-radius:26px;z-index:90;background:linear-gradient(180deg,rgba(8,15,34,.94),rgba(2,6,23,.94));border:1px solid rgba(96,165,250,.18);box-shadow:0 20px 70px rgba(0,0,0,.58);backdrop-filter:blur(20px)}
.v37-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:18px;color:#94a3b8;font-weight:900;text-decoration:none}.v37-bottom-nav a.active{background:linear-gradient(135deg,rgba(11,124,255,.98),rgba(139,92,246,.84));color:#fff}.v37-bottom-nav small{font-size:11px}.v37-bottom-nav .nav-ico{font-size:18px}

.mobile-fab-wrap{right:16px;bottom:94px}.mobile-fab{width:68px;height:68px;border-radius:24px}.mobile-fab small{font-size:10px;line-height:1.05}

/* Sheets: no doble menú, no scroll raro */
.quick-sheet-backdrop,.main-menu-backdrop{z-index:130;align-items:end;overflow:hidden}.v37-quick-sheet,.v37-main-menu{width:min(640px,100%);max-height:min(82vh,740px);overflow-y:auto;overscroll-behavior:contain;margin:0 auto;padding:18px 16px calc(24px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;background:linear-gradient(180deg,rgba(7,13,30,.98),rgba(2,6,23,.99));border:1px solid rgba(59,130,246,.22);box-shadow:0 -30px 90px rgba(0,0,0,.62)}
.v37-main-menu .main-menu-grid{display:grid;grid-template-columns:1fr;gap:12px;max-height:none;overflow:visible}.v37-main-menu .main-menu-section{padding:14px;border-radius:22px;background:rgba(15,23,42,.62);border:1px solid rgba(148,163,184,.12)}
.v37-main-menu .main-menu-section strong{display:block;color:#38bdf8;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px;font-size:12px}.v37-main-menu .main-menu-section a,.v37-main-menu .main-menu-section button{min-height:48px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(148,163,184,.08);font-size:15px}
.sheet-handle{display:block;width:48px;height:5px;border-radius:99px;background:rgba(148,163,184,.38);border:0;margin:0 auto 14px}

/* Home / hero: menos texto gigante en móvil */
@media (max-width:620px){
  .focus-hero h2,.device-hero h2,.v36-hero h2{font-size:clamp(28px,10vw,44px)!important;line-height:.98!important;letter-spacing:-.04em!important}.focus-hero p,.device-hero p,.v36-hero p{font-size:14px!important;line-height:1.45!important}.hero-pill{font-size:12px!important}
}

/* Kanban: tablero móvil vertical y legible, sin scroll horizontal */
.kanban-board{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.kanban-col{min-width:292px;scroll-snap-align:start;border-radius:24px;background:rgba(15,23,42,.56);border:1px solid rgba(148,163,184,.12);padding:12px}.kanban-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.kanban-title span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:99px;background:rgba(59,130,246,.2);color:#dbeafe;font-weight:900}.kanban-card{display:block;width:100%;margin-bottom:10px;border-radius:18px;padding:14px;background:rgba(2,6,23,.46);border:1px solid rgba(148,163,184,.10);text-decoration:none}.kanban-empty{border-radius:18px;padding:18px;text-align:center;color:#94a3b8;background:rgba(2,6,23,.30);border:1px dashed rgba(148,163,184,.14)}
@media (max-width:820px){.kanban-head{padding:16px;border-radius:24px}.kanban-head h2{font-size:26px}.kanban-head p{font-size:14px}.kanban-head .device-actions{display:grid;grid-template-columns:1fr;gap:8px}.kanban-board{display:grid;grid-template-columns:1fr;overflow:visible;padding:0;gap:12px}.kanban-col{min-width:0;width:100%;padding:12px}.kanban-card strong{font-size:17px}.kanban-meta{display:grid;grid-template-columns:1fr;gap:6px}}

/* Registro / crear negocio: logo separado, sin montarse */
.auth-page{min-height:100vh;display:grid;place-items:start center;padding:20px 12px;background:radial-gradient(circle at 50% 0,rgba(11,124,255,.22),transparent 38%),#050914}.auth-card{width:min(620px,100%);margin:28px auto;padding:clamp(18px,4vw,34px);border-radius:32px;background:rgba(8,15,34,.88);border:1px solid rgba(59,130,246,.18);box-shadow:0 30px 90px rgba(0,0,0,.35)}.auth-card .brand{display:grid;grid-template-columns:1fr;gap:16px;text-align:center;justify-items:center;margin-bottom:22px}.auth-card .auth-logo img{width:190px;max-width:70vw}.auth-card .brand h1{margin:0;font-size:clamp(34px,7vw,56px);line-height:1;letter-spacing:-.05em}.auth-card .brand p{max-width:440px;margin:8px auto 0;color:#b6c4d8;line-height:1.45}.auth-card .form{gap:12px}.auth-card .input{min-height:52px;border-radius:18px}

/* Inventario / Bodega: formulario oculto, botones claros */
.v37-drawer-form[hidden]{display:none!important}.v37-drawer-form{position:relative;border-radius:28px;border:1px solid rgba(59,130,246,.20);background:rgba(8,15,34,.82)}.v37-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.v37-form-head h3{margin:0}.v37-form-head p{margin:4px 0 0;color:#94a3b8}.v37-close{width:42px;height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.06);color:#fff;font-weight:900}.v36-warehouse-hero .v36-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.inventory-card{padding:14px}.inventory-card h4{font-size:18px;margin:0}.inventory-meta{gap:8px}.inventory-meta>div{min-width:0;border-radius:16px;background:rgba(2,6,23,.32);padding:10px}.inventory-meta small{display:block;color:#94a3b8;font-size:11px}.inventory-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-pill{white-space:nowrap}.inventory-adjust{align-items:center;margin-top:12px}.page-inventory-v36 .focus-hero h2{max-width:720px}

/* Usuarios: formulario oculto hasta crear */
.v37-user-layout{align-items:start}.v37-team-list{display:grid;gap:10px}.v37-user-form-card{margin-top:0}.v37-team-card{display:flex;align-items:center;justify-content:space-between;gap:12px}
@media (max-width:820px){.v37-team-card{align-items:flex-start}.v37-drawer-form{padding:16px}.v36-warehouse-hero .v36-hero-actions{width:100%;display:grid;grid-template-columns:1fr}.inventory-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}.inventory-adjust{grid-template-columns:1fr!important}.v36-users-layout{grid-template-columns:1fr!important}}

/* Caja Pro V37: seguridad y auditoría entendibles */
.v37-cash-security{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:14px;align-items:stretch;padding:16px;border-radius:26px;background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(8,15,34,.78));border:1px solid rgba(59,130,246,.18);margin-top:14px}.v37-security-main{display:flex;gap:12px;align-items:flex-start}.v37-security-icon{width:52px;height:52px;min-width:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#0b7cff,#8b5cf6);font-size:24px}.v37-security-main b{display:block;font-size:18px}.v37-security-main p{margin:4px 0 0;color:#b6c4d8;line-height:1.45}.v37-security-operator{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v37-security-operator .security-chip{min-width:0;padding:12px;border-radius:18px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.12);overflow:hidden}.v37-security-operator small{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.v37-security-operator strong{display:block;margin-top:4px;color:#fff;font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cash-guide{display:block;margin-top:14px}.cash-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cash-guide-step{padding:12px;border-radius:18px;background:rgba(2,6,23,.35);border:1px solid rgba(148,163,184,.10)}.cash-guide-step b{display:block;color:#fff}.cash-guide-step span{display:block;color:#94a3b8;margin-top:4px;font-size:13px}.v37-cash-actions{display:grid;grid-template-columns:1fr;gap:12px}.cash-action-panel{border:1px solid rgba(148,163,184,.12);border-radius:22px;padding:14px;background:rgba(2,6,23,.24)}.cash-key-field{padding:10px;border-radius:16px;background:rgba(11,124,255,.08);border:1px solid rgba(59,130,246,.14);margin-top:8px}.cash-key-field label{display:block;margin-bottom:6px;color:#bfdbfe;font-weight:900}.v35-cash-audit .audit-grid>div{overflow:hidden}.v35-cash-audit .audit-grid strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cash-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cash-method-grid>div{padding:12px;border-radius:18px;background:rgba(2,6,23,.32);border:1px solid rgba(148,163,184,.10)}
@media (max-width:900px){.v37-cash-security{grid-template-columns:1fr}.v37-security-operator{grid-template-columns:1fr 1fr 1fr}.cash-guide-grid{grid-template-columns:1fr 1fr}.cash-pro-hero .device-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}}
@media (max-width:520px){.v37-security-main{display:grid;grid-template-columns:52px 1fr}.v37-security-operator{grid-template-columns:1fr}.cash-guide-grid,.cash-pro-hero .device-actions{grid-template-columns:1fr}.report-grid{gap:10px}.report-card strong{font-size:clamp(24px,8vw,36px)}}

/* Evitar cortes feos de textos, pero sin partir palabras como OP ER AD OR */
h1,h2,h3,h4,.btn,.nav-pill,.badge,.hero-pill,.report-card strong{overflow-wrap:normal;word-break:normal}p,.muted,.document-row,.inventory-card{overflow-wrap:anywhere}.security-chip strong,.security-chip small{word-break:normal!important;overflow-wrap:normal!important}

/* Cargador de navegación: no aparece si la página responde rápido */
.is-navigating:after{content:"Abriendo...";top:auto;bottom:calc(92px + env(safe-area-inset-bottom));right:16px;z-index:9999}
@media (min-width:1025px){.is-navigating:after{top:16px;bottom:auto}}

/* Correcciones para scrollbars raros en ventanas pequeñas */
html,body{max-width:100%;overflow-x:hidden}.panel,.focus-hero,.device-hero{max-width:100%}.table-responsive-v33{overflow-x:auto}

/* =========================================================
   ORDENCLICK V38 OPERATIVA PREMIUM
   Limpieza final: móvil 2026, caja corregida, portal cliente y bodega estable.
   ========================================================= */
:root{--oc-soft:rgba(15,23,42,.66);--oc-stroke:rgba(148,163,184,.14)}
body{font-synthesis-weight:none}
/* Evitar doble navegación: en móvil/tablet solo barra inferior + botón menú inferior. En PC solo menú superior compacto. */
.desktop-main-nav{display:none!important}
@media (max-width:1180px){.top-actions .more-menu,.v37-more{display:none!important}.oc-topbar-v37 .topbar-title{display:none!important}.bottom-nav{display:grid!important}}
@media (min-width:1181px){.bottom-nav,.mobile-fab-wrap{display:none!important}.top-actions .more-menu,.v37-more{display:block!important}}
.oc-topbar-v37{background:rgba(5,9,20,.66);border-radius:0 0 24px 24px;padding:10px 14px;margin-bottom:14px;backdrop-filter:blur(16px)}
.oc-topbar-v37 .top-brand img{width:148px;max-width:46vw}.v37-actions .notification-btn{box-shadow:none}.notification-badge{position:absolute;top:-5px;right:-4px}

/* Botones generales más consistentes */
.btn,.btn-sm,.cx-btn,.nav-pill,button{touch-action:manipulation}.btn,.btn-sm,.cx-btn{border-radius:16px}.btn.primary,.cx-btn.primary{background:linear-gradient(135deg,#0b7cff,#8b5cf6);box-shadow:0 12px 30px rgba(11,124,255,.24)}
.input,input,select,textarea{background:rgba(2,6,23,.38)!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:18px!important;color:#fff!important;min-height:48px}
textarea{min-height:110px}.field label{display:block;margin:0 0 7px;color:#dbeafe;font-weight:900}.grid{gap:12px}

/* Home / páginas con texto grande */
@media(max-width:720px){.focus-hero,.device-hero,.v36-hero{padding:18px!important;border-radius:26px!important}.focus-hero h2,.device-hero h2,.v36-hero h2{font-size:clamp(30px,9vw,44px)!important;line-height:1.02!important}.focus-hero p,.device-hero p,.v36-hero p{font-size:14px!important}.report-card{padding:14px!important}.report-card strong{font-size:clamp(26px,7vw,38px)!important}}

/* Kanban / tablero móvil: vertical, sin scroll lateral ni tarjetas cortadas */
@media(max-width:1180px){.kanban-board{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:12px!important}.kanban-col{width:100%!important;min-width:0!important}.kanban-card{overflow:hidden}.kanban-card *{max-width:100%}.kanban-meta{display:grid!important;grid-template-columns:1fr!important}.kanban-head .device-actions{display:grid!important;grid-template-columns:1fr!important}.kanban-head h2{font-size:30px!important}}

/* Bodega / inventario V38 */
.inventory-hero-v38{display:flex;align-items:center;gap:18px;justify-content:space-between}.hero-actions-v38{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.inventory-layout-v38{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;align-items:start}.side-stack-v38{display:grid;gap:14px;position:sticky;top:86px}.inventory-card-list-v38{display:grid;gap:12px}.inventory-item-v38{background:rgba(8,15,34,.64);border:1px solid rgba(59,130,246,.14);border-radius:24px}.inventory-item-v38 .muted{margin:4px 0 0}.inline-adjust-v38{margin-top:12px}.inline-adjust-v38 summary{cursor:pointer;list-style:none;border-radius:16px;background:rgba(59,130,246,.12);border:1px solid rgba(96,165,250,.18);padding:10px 12px;font-weight:900;color:#dbeafe}.inline-adjust-v38 summary::-webkit-details-marker{display:none}.inline-adjust-v38 form{margin-top:10px}.drawer-details-v38{scroll-margin-top:90px}.drawer-details-v38>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:22px;padding:16px;background:linear-gradient(135deg,rgba(11,124,255,.22),rgba(139,92,246,.18));border:1px solid rgba(96,165,250,.20);font-weight:900}.drawer-details-v38>summary::-webkit-details-marker{display:none}.drawer-details-v38>summary span{font-size:18px}.drawer-details-v38>summary small{color:#bfdbfe}.drawer-details-v38[open]>summary{margin-bottom:14px}.movements-v38{max-height:560px;overflow:auto}
@media(max-width:900px){.inventory-layout-v38{grid-template-columns:1fr}.side-stack-v38{position:static}.inventory-hero-v38{align-items:flex-start;flex-direction:column}.hero-actions-v38{display:grid;grid-template-columns:1fr;width:100%}.inventory-search-v38{display:grid;grid-template-columns:1fr;gap:10px}.inventory-search-v38 .compact-actions{display:grid;grid-template-columns:1fr auto}.inventory-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}.inventory-kpis-v38{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.inventory-kpis-v38,.inventory-meta{grid-template-columns:1fr!important}.inventory-search-v38 .compact-actions{grid-template-columns:1fr}.drawer-details-v38>summary{display:grid;grid-template-columns:1fr}.drawer-details-v38>summary small{display:block}}

/* Usuarios V38 */
.users-layout-v38{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);gap:16px}.team-list-v38{display:grid;gap:12px}.user-card-v38{border-radius:22px;background:rgba(8,15,34,.64);border:1px solid rgba(96,165,250,.12);padding:14px}.user-card-v38 .muted{margin:4px 0 0}@media(max-width:900px){.users-layout-v38{grid-template-columns:1fr}.users-hero-v38{display:grid!important;grid-template-columns:1fr!important}.users-hero-v38 .hero-actions-v38{width:100%}.users-hero-v38 .btn{width:100%;justify-content:center}}

/* Configuración / perfil V38 */
.settings-layout-v38{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:start}.settings-form-v38{border-radius:28px}.account-card-v38{display:grid;gap:12px}.account-head-v38{display:flex;align-items:center;gap:14px}.account-head-v38 .brand-logo{width:72px;height:72px;min-width:72px}.account-head-v38 h2{margin:0}.session-card-v38{padding:14px;border-radius:20px;background:rgba(11,124,255,.10);border:1px solid rgba(59,130,246,.18)}.session-card-v38 small,.session-card-v38 span{display:block;color:#94a3b8}.session-card-v38 strong{display:block;font-size:18px;color:#fff;margin:3px 0}.link-group-v38{padding:12px;border-radius:22px;background:rgba(2,6,23,.24);border:1px solid rgba(148,163,184,.10)}.link-group-v38 h3{margin:0 0 10px;color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.link-group-v38 a{display:flex;min-height:44px;align-items:center;padding:10px 12px;margin-top:7px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(148,163,184,.08);font-weight:900;color:#fff;text-decoration:none}.link-group-v38 a.danger{color:#fecaca;background:rgba(239,68,68,.12)}@media(max-width:900px){.settings-layout-v38{grid-template-columns:1fr}.settings-hero-v38{display:grid!important;grid-template-columns:1fr!important}.account-head-v38{align-items:flex-start}.link-group-v38{padding:10px}}

/* Registro: logo separado, no montado */
.register-page-v38 .auth-card{overflow:visible}.auth-brand-v38{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:16px!important}.auth-brand-v38 .oc-brand,.auth-brand-v38 .auth-logo{position:static!important;display:block!important;margin:0 auto!important;transform:none!important}.auth-brand-v38 .oc-brand img,.auth-brand-v38 .auth-logo img{display:block!important;width:min(220px,70vw)!important;height:auto!important;margin:0 auto!important}.auth-brand-v38 h1{position:static!important;margin:0!important;line-height:.96!important}.auth-brand-v38 p{margin:8px auto 0!important;max-width:460px!important}

/* Caja V38: seguridad clara y sin textos cortados */
.cash-security-pro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:14px;align-items:stretch;padding:16px;border-radius:28px;background:linear-gradient(135deg,rgba(8,15,34,.82),rgba(15,23,42,.70));border:1px solid rgba(96,165,250,.18);margin-top:14px}.cash-security-title{display:flex;gap:14px;align-items:flex-start}.cash-security-icon{width:54px;height:54px;min-width:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0b7cff,#8b5cf6);font-size:24px}.cash-security-title h3{margin:0;font-size:22px}.cash-security-title p{margin:5px 0 0;color:#b6c4d8;line-height:1.45}.cash-security-summary{display:grid;grid-template-columns:1fr;gap:8px}.cash-security-summary>div{padding:12px 14px;border-radius:18px;background:rgba(2,6,23,.34);border:1px solid rgba(148,163,184,.10)}.cash-security-summary small{display:block;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em}.cash-security-summary strong{display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.cash-guide{background:rgba(8,15,34,.56)}.cash-guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cash-action-panel h3{margin-top:0}.cash-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-cash-pro-v38 .report-grid{align-items:stretch}@media(max-width:900px){.cash-security-pro{grid-template-columns:1fr}.cash-guide-grid{grid-template-columns:1fr 1fr}.cash-method-grid{grid-template-columns:1fr}.page-cash-pro-v38 .desktop-grid{grid-template-columns:1fr!important}}@media(max-width:520px){.cash-security-title{display:grid;grid-template-columns:54px 1fr}.cash-security-title h3{font-size:18px}.cash-security-title p{font-size:14px}.cash-guide-grid{grid-template-columns:1fr}}

/* Portal cliente: aprobación visible y móvil premium */
.customer-portal-v31 .cx-approval{border-color:rgba(34,197,94,.42)!important;box-shadow:0 20px 60px rgba(34,197,94,.10)}.customer-portal-v31 .cx-approval h2{font-size:clamp(26px,5vw,42px)}.customer-portal-v31 .cx-approval .cx-btn.primary{font-size:18px;min-height:58px}.cx-actions-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cx-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cx-detail-list>div{padding:13px;border-radius:18px;background:rgba(2,6,23,.32);border:1px solid rgba(148,163,184,.10)}.cx-detail-list span{display:block;color:#94a3b8;font-size:12px}.cx-detail-list strong{display:block;color:#fff;margin-top:4px}.cx-progress-line{overflow-x:auto}.cx-step span{white-space:nowrap}@media(max-width:720px){.track-shell-v31{padding:12px!important}.cx-hero-card h1{font-size:clamp(38px,12vw,58px)!important;line-height:.98!important}.cx-mini-grid,.cx-detail-list,.cx-actions-2{grid-template-columns:1fr!important}.cx-progress-line{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.cx-step{display:flex!important;align-items:center!important;gap:10px!important}.cx-step i{min-width:16px}}

/* Menú principal inferior más compacto y legible */
.v37-main-menu .sheet-head h2{font-size:28px}.v37-main-menu .sheet-head p{font-size:14px}.v37-main-menu .main-menu-section a,.v37-main-menu .main-menu-section button{justify-content:flex-start}.v37-bottom-nav{max-width:560px}

/* Evitar scroll horizontal general */
html,body{overflow-x:hidden!important}.app-shell,.desktop-shell,.mobile-first-shell,.panel,.focus-hero,.device-hero{max-width:100%!important}table{min-width:720px}.table-wrap-v32,.table-responsive-v33{max-width:100%;overflow-x:auto}


/* OrdenClick V40 - navegación responsive base heredada */
@media (min-width:1181px){
  body{padding-bottom:24px!important;}
  .desktop-main-nav{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
  .bottom-nav,.mobile-fab-wrap{display:none!important;}
  .top-actions .more-menu,.v37-more{display:block!important;}
  .topbar-title{display:block!important;}
}
@media (max-width:1180px){
  body{padding-bottom:92px!important;}
  .desktop-main-nav,.top-actions .more-menu,.v37-more{display:none!important;}
  .bottom-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .oc-topbar-v37{padding:10px 0 14px!important;}
  .oc-topbar-v37 .topbar-title{display:none!important;}
  .oc-brand.top-brand img{max-width:154px;height:auto;}
}
@media (max-width:720px){
  .auth-brand-v38{display:grid!important;grid-template-columns:1fr!important;text-align:center;}
  .auth-logo img{max-width:210px;margin:0 auto;}
  .auth-card{padding:22px!important;border-radius:28px!important;}
  .register-page-v38 .grid-2{grid-template-columns:1fr!important;}
  .bottom-nav{height:68px!important;bottom:10px!important;border-radius:22px!important;}
  .bottom-nav a small{font-size:10.5px!important;}
}

/* ==========================
   OrdenClick V40 Comercial IA Real 2026
   ========================== */
@media (min-width: 981px){
  .desktop-main-nav{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}
  .bottom-nav{display:none!important}
  .mobile-fab-wrap{display:none!important}
}
@media (max-width: 980px){
  .desktop-main-nav{display:none!important}
  .topbar.oc-topbar-v37{position:sticky;top:0;z-index:60;backdrop-filter:blur(18px);padding:12px 14px;border-radius:0 0 22px 22px}
  .topbar-title h1{font-size:1.05rem;line-height:1.1}
  .topbar-title .eyebrow{font-size:.68rem}
  .v37-more{display:none!important}
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .bottom-nav.oc-bottom-nav{display:grid!important;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:10px;border-radius:26px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 22px 60px rgba(0,0,0,.5);background:rgba(4,8,20,.88);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.12)}
  .bottom-nav a{min-height:56px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
  .bottom-nav a.active{background:linear-gradient(135deg,rgba(59,130,246,.32),rgba(34,211,238,.16));box-shadow:inset 0 0 0 1px rgba(125,211,252,.22)}
  .mobile-fab{box-shadow:0 18px 50px rgba(59,130,246,.42)}
}
.oc-ai-hero-v40{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:18px;align-items:stretch;background:radial-gradient(circle at 12% 20%,rgba(59,130,246,.24),transparent 34%),radial-gradient(circle at 88% 8%,rgba(168,85,247,.20),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));overflow:hidden;position:relative}
.oc-ai-hero-v40:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent,rgba(125,211,252,.18),transparent);pointer-events:none}
.oc-ai-hero-text,.oc-ai-hero-v40>div{position:relative;z-index:1}
.oc-ai-hero-v40 h2{font-size:clamp(1.6rem,4vw,3.05rem);line-height:.98;margin:8px 0 10px;letter-spacing:-.045em}
.ai-mode-card{position:relative;z-index:1;border-radius:28px;padding:20px;background:rgba(2,6,23,.64);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:180px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.ai-mode-card small{text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.55);font-weight:800}
.ai-mode-card strong{font-size:1.45rem;line-height:1.05}
.ai-mode-card span,.ai-mode-card p{color:rgba(255,255,255,.68);margin:0}.ai-mode-card.green{border-color:rgba(34,197,94,.38);box-shadow:0 0 0 1px rgba(34,197,94,.10),0 22px 70px rgba(34,197,94,.12)}.ai-mode-card.gold{border-color:rgba(245,158,11,.42);box-shadow:0 0 0 1px rgba(245,158,11,.10),0 22px 70px rgba(245,158,11,.10)}.ai-mode-card.red{border-color:rgba(239,68,68,.42);box-shadow:0 0 0 1px rgba(239,68,68,.10),0 22px 70px rgba(239,68,68,.10)}
.ai-command-grid-v40{grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr)}
.ai-command-center-v40 textarea{min-height:130px;font-size:1.02rem;line-height:1.45;border-radius:22px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12)}
.ai-question-form-v40 .btn{min-height:52px;border-radius:18px;font-weight:850}.ai-presets-v40{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ai-presets-v40 .chip-btn{white-space:normal;text-align:left;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.ai-answer-v40{display:grid;gap:12px;margin-top:14px}.ai-answer-v40 .ai-bubble{border-radius:24px;padding:16px 18px;white-space:normal}.ai-answer-v40 .bot{font-size:1.02rem;line-height:1.55;background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(255,255,255,.055));border:1px solid rgba(125,211,252,.18)}
.ai-critical-order-v40{border-left:3px solid rgba(59,130,246,.75)}.dashboard-v40-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}.metric-v40{display:block;text-decoration:none;color:inherit;border-radius:24px;padding:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 50px rgba(0,0,0,.16)}.metric-v40 small{display:block;color:rgba(255,255,255,.6);text-transform:uppercase;font-weight:850;letter-spacing:.08em}.metric-v40 strong{display:block;font-size:1.45rem;margin:6px 0 4px}.metric-v40 span{color:rgba(255,255,255,.68);font-size:.9rem}.metric-v40.green{border-color:rgba(34,197,94,.28)}.metric-v40.gold{border-color:rgba(245,158,11,.28)}.metric-v40.red{border-color:rgba(239,68,68,.28)}.metric-v40.blue{border-color:rgba(59,130,246,.28)}
.alert.red{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);border-radius:18px;padding:12px 14px;margin:12px 0;color:#fecaca}.code-block{white-space:pre-wrap;border-radius:22px;padding:18px;background:rgba(2,6,23,.72);border:1px solid rgba(255,255,255,.12);overflow:auto;color:#dbeafe}.quick-card{display:block;border-radius:22px;padding:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
@media (max-width: 980px){
  .oc-ai-hero-v40{grid-template-columns:1fr;border-radius:26px;padding:18px}.oc-ai-hero-v40 h2{font-size:2rem}.ai-mode-card{min-height:auto;border-radius:22px}.ai-command-grid-v40{grid-template-columns:1fr}.dashboard-v40-strip,.ai-metrics-v40{grid-template-columns:1fr 1fr}.metric-v40{padding:14px;border-radius:20px}.metric-v40 strong{font-size:1.18rem}.ai-command-center-v40 textarea{min-height:150px}.ai-side-v40{order:2}.ai-answer-v40 .bot{font-size:.98rem}.report-grid.ai-metrics-v40{gap:10px}
}
@media (max-width: 520px){
  .dashboard-v40-strip,.ai-metrics-v40{grid-template-columns:1fr}.oc-ai-hero-v40 h2{font-size:1.65rem}.compact-actions{gap:8px}.compact-actions .btn{width:100%;justify-content:center}.ai-presets-v40 .chip-btn{width:100%;border-radius:16px}.top-actions .notification-btn small{display:none}
}