*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Arial,sans-serif;background:#f4f6f8;color:#1a2332}.layout{display:flex;min-height:100vh}.sidebar{width:210px;background:#1a2332;color:#fff;padding:20px 0;flex-shrink:0}.sidebar h2{font-size:15px;padding:0 18px 16px;border-bottom:1px solid #2e3b52}.sidebar a{display:block;padding:12px 18px;color:#b8c2d6;text-decoration:none;font-size:14px}.sidebar a:hover,.sidebar a.active{background:#2e3b52;color:#fff}.main{flex:1;padding:24px;min-width:0}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000014;margin-bottom:16px}h1{font-size:21px;margin-bottom:16px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid #e6eaf0;white-space:nowrap}th{background:#f0f3f7;font-weight:600}tr:hover td{background:#f8fafc}input,select,textarea{padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-size:16px;width:100%}label{font-size:12px;font-weight:600;color:#475569;display:block;margin-bottom:4px}.btn{background:#2563eb;color:#fff;border:none;padding:11px 16px;border-radius:6px;cursor:pointer;font-size:14px;min-height:42px}.btn:hover{background:#1d4ed8}.btn.sec{background:#64748b}.btn.warn{background:#dc2626}.btn:disabled{opacity:.5;cursor:default}.grid{display:grid;gap:12px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.tallas-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}.tallas-grid{display:grid;gap:4px;min-width:900px}.tallas-grid input{padding:6px 2px;text-align:center;font-size:14px}.tallas-grid .th{font-size:11px;font-weight:700;text-align:center;color:#475569;align-self:center}.toolbar{display:flex;gap:10px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.toolbar input{max-width:280px}.badge{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600}.badge.PENDIENTE{background:#fef3c7;color:#92400e}.badge.EN_PRODUCCION{background:#dbeafe;color:#1e40af}.badge.TERMINADO{background:#d1fae5;color:#065f46}.badge.ENVIADO{background:#e0e7ff;color:#3730a3}.badge.ANULADO{background:#fee2e2;color:#991b1b}.login-box{max-width:360px;margin:12vh auto;padding:0 12px}.pager{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.mobile-header{display:none}@media (max-width: 768px){.layout{flex-direction:column}.mobile-header{display:flex;align-items:center;justify-content:space-between;background:#1a2332;color:#fff;padding:12px 16px;position:sticky;top:0;z-index:20}.mobile-header .title{font-size:15px;font-weight:600}.hamburger{background:none;border:none;color:#fff;font-size:26px;cursor:pointer;padding:2px 8px}.sidebar{display:none;width:100%;padding:6px 0}.sidebar.open{display:block;position:sticky;top:50px;z-index:19}.sidebar h2{display:none}.main{padding:12px}.card{padding:14px}h1{font-size:18px;margin-bottom:12px}.g2,.g3,.g4{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar input{max-width:none}.toolbar .btn,.toolbar a,.toolbar a .btn{width:100%}th,td{padding:7px 8px;font-size:12px}}@media print{.sidebar,.toolbar,.mobile-header,.no-print{display:none!important}.main{padding:0}.card{box-shadow:none}th,td{white-space:normal}}.doc{background:#fff;max-width:820px;margin:0 auto;font-size:12px;color:#000;border:1px solid #999;padding:10px}.doc table{border-collapse:collapse;width:100%}.doc th,.doc td{border:1px solid #7f9db9;padding:3px 6px;white-space:normal;background:#fff}.doc .lbl{background:#dce6f1;font-weight:700;text-align:right;width:130px}.doc .hdr-blue{background:#1f4e79;color:#fff;font-weight:700;text-align:center}.doc .rojo{color:#d00000;font-weight:700}.doc .num-caja{border:2px solid #d00000;color:#d00000;font-weight:800;font-size:18px;padding:4px 12px;display:inline-block}.doc .marca{font-family:Georgia,serif;letter-spacing:2px;color:#1f4e79;font-size:22px;font-weight:700}.doc .marca .amp{color:#c9a227}.doc .lema{font-size:10px;color:#666;letter-spacing:1px}.doc .script{font-family:Segoe Script,Brush Script MT,cursive;font-size:16px;color:#1f4e79;border-bottom:2px solid #1f4e79;display:inline-block;padding:0 14px 2px}.doc .tallas-strip td{text-align:center;padding:2px 0;min-width:22px;font-weight:700;background:#dce6f1}.doc .tallas-strip td.cant{background:#fff;font-weight:400;height:22px}.doc .seccion-rosa{background:#f9b8cf;font-weight:800;text-align:center;padding:4px;letter-spacing:1px}.doc .seccion-gris{background:#bfbfbf;font-weight:800;text-align:center;padding:4px;letter-spacing:1px}.doc .tique-grande{font-size:34px;font-weight:800;text-align:center;padding:14px 0;font-family:Courier New,monospace}.doc .fila-alterna tr:nth-child(2n) td{background:#dce6f1}.doc .titulo-envio{color:#d00000;font-weight:800;letter-spacing:6px;text-align:center;font-size:18px}.datos-legales{font-size:10px;color:#444;text-align:center;line-height:1.35;margin:2px 0 4px}.doc.rem{font-size:12px}.doc.rem .rem-cab td{border:none;padding:2px 6px}.doc.rem .rem-lema{font-family:Georgia,serif;color:#1f4e79;font-size:13px;letter-spacing:1px;margin-bottom:3px}.doc.rem .rem-legal{font-size:10px;color:#444;margin-top:2px}.doc.rem .rem-titulo{padding:7px 4px;font-size:13px;letter-spacing:1px;line-height:1.25;border:1px solid #1f4e79}.doc.rem .rem-num{border:1px solid #7f9db9;border-top:none;color:#d00000;font-weight:800;font-size:24px;text-align:center;padding:3px 4px;font-family:Courier New,monospace;letter-spacing:1px}.doc.rem .rem-fecha{border:1px solid #7f9db9;border-top:none;text-align:center;font-size:11px;padding:2px 4px;background:#dce6f1}.doc.rem .rem-items th{font-size:11px;letter-spacing:.5px}.doc.rem .rem-items tr{page-break-inside:avoid}.doc.rem .col-tique,.doc.rem .col-cant{text-align:center;color:#1f4e79;font-weight:700}.doc.rem .col-dinero{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.doc.rem .rem-total td{background:#dce6f1;border-top:2px solid #1f4e79}.doc.rem .rem-resumen{font-size:10.5px;color:#666;text-align:right;margin-top:3px}.doc .obs-caja{border:1px solid #7f9db9;margin-top:10px;page-break-inside:avoid}.doc .obs-titulo{background:#1f4e79;color:#fff;font-weight:700;font-size:11px;letter-spacing:1.5px;padding:3px 8px}.doc .obs-texto{padding:8px 10px;font-size:11px;line-height:1.5;white-space:pre-wrap}.obs-vista{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px;font-size:12.5px;line-height:1.5;white-space:pre-wrap;max-height:260px;overflow:auto;color:#1a2332}.doc.rem .rem-firmas td{border:none;width:50%;text-align:center;font-size:11px;padding:0 18px}.doc.rem .firma-linea{border-top:1px solid #333;margin:26px 0 4px}.doc.rem .firma-pie{font-size:9.5px;color:#666;margin-top:2px}.hoja-prod{page-break-after:always;margin-bottom:24px}.hoja-prod:last-child{page-break-after:auto}@media screen and (max-width: 768px){.doc{font-size:11px;padding:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.doc .rem-cab td{display:block;width:auto!important}.doc.rem .rem-firmas td{display:block;width:auto;padding:0 0 10px}}@media print{body{background:#fff}.doc{border:none;max-width:100%;padding:0;overflow:visible}}.login-fondo{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at 20% 15%,rgba(201,162,39,.22),transparent 45%),radial-gradient(ellipse at 85% 80%,rgba(37,99,235,.18),transparent 50%),linear-gradient(160deg,#101a2e,#1a2332 45%,#23304a);position:relative;overflow:hidden}.login-fondo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.4px);background-size:26px 26px;pointer-events:none}.login-panel{position:relative;width:100%;max-width:400px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:34px 30px 22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 22px 60px #00000073}.login-marca{text-align:center;margin-bottom:24px}.login-logo-caja{display:inline-block;background:#fff;border-radius:14px;padding:14px 22px;box-shadow:0 8px 22px #00000059}.login-logo-caja img{max-height:74px;max-width:220px;display:block}.login-titulo{margin-top:16px;color:#fff;font-size:19px;font-weight:700;letter-spacing:.5px}.login-sub{color:#c9a227;font-size:13px;font-weight:600;margin-top:2px}.login-legal{color:#b8c2d6;font-size:11.5px;margin-top:3px;letter-spacing:.3px}.login-panel label{color:#b8c2d6}.login-panel input{background:#fffffff0;border:1px solid rgba(255,255,255,.25)}.login-panel input:focus{outline:2px solid #c9a227;border-color:transparent}.login-btn{background:linear-gradient(135deg,#c9a227,#a8841a);font-weight:700;letter-spacing:.5px;margin-top:4px}.login-btn:hover{background:linear-gradient(135deg,#d8b135,#b8941f)}.login-pie{text-align:center;color:#7c8aa5;font-size:11px;margin-top:20px}@media (max-width: 480px){.login-panel{padding:26px 20px 16px}}.doc.t-compacto{font-size:10.5px;padding:6px}.doc.t-compacto th,.doc.t-compacto td{padding:2px 4px}.doc.t-compacto .lbl{width:100px}.doc.t-compacto .tallas-strip td{min-width:17px;padding:1px 0;font-size:9.5px}.doc.t-compacto .seccion-rosa,.doc.t-compacto .seccion-gris{padding:2px;font-size:10.5px}.doc.t-compacto .num-caja{font-size:14px;padding:2px 8px}.doc.t-compacto .marca{font-size:16px}.doc.t-compacto .lema{font-size:8px}.doc.t-compacto img{max-height:48px}.doc.t-mini{font-size:9px;padding:4px}.doc.t-mini th,.doc.t-mini td{padding:1px 3px}.doc.t-mini .lbl{width:85px}.doc.t-mini .tallas-strip td{min-width:14px;padding:1px 0;font-size:8px}.doc.t-mini .seccion-rosa,.doc.t-mini .seccion-gris{padding:1px;font-size:9px}.doc.t-mini .num-caja{font-size:12px;padding:2px 6px}.doc.t-mini .marca{font-size:13px}.doc.t-mini .lema{font-size:7px}.doc.t-mini img{max-height:40px}@media print{@page{size:letter portrait;margin:7mm}.hoja-prod{margin-bottom:0}}.refs-celda{display:flex;flex-wrap:wrap;gap:4px;max-width:320px}.ref-chip{background:#eef2f7;border:1px solid #dbe3ee;border-radius:10px;padding:1px 8px;font-size:11.5px;white-space:nowrap;color:#1f4e79}.ref-chip b{color:#c9a227}.ref-chip.ref-mas{background:#1f4e79;color:#fff;border-color:#1f4e79;cursor:help}@media (max-width: 768px){.refs-celda{max-width:200px}}.ref-resumen{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.kpi{background:#fff;border-radius:8px;padding:12px 14px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:2px}.kpi span{font-size:11.5px;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.kpi b{font-size:22px;color:#1f4e79;line-height:1.15}.kpi small{font-size:11px;color:#94a3b8}.kpi.alerta b{color:#d97706}.kpi.ancho{grid-column:span 2}.ref-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.ref-toolbar input{max-width:260px}.ref-toolbar select{max-width:210px}.ref-vista{display:flex;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden}.ref-vista button{background:#fff;border:none;padding:10px 14px;cursor:pointer;font-size:13px;color:#475569;min-height:42px}.ref-vista button.act{background:#1f4e79;color:#fff;font-weight:600}.ref-ayuda{font-size:12px;color:#64748b;margin-bottom:10px}.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.ref-card{background:#fff;border:1px solid #e6eaf0;border-radius:10px;padding:10px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s,border-color .15s}.ref-card:hover{box-shadow:0 4px 12px #1a23321f;border-color:#c9d3e0}.ref-card.sobre{border-color:#c9a227;box-shadow:0 0 0 3px #c9a22740}.ref-foto{border:none;background:#f8fafc;border-radius:8px;padding:0;cursor:pointer;height:128px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ref-foto img{width:100%;height:100%;object-fit:contain}.ref-sinfoto{color:#94a3b8;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.ref-nombre{font-weight:700;color:#1a2332;font-size:14px}.ref-chips{display:flex;flex-wrap:wrap;gap:4px}.chip{background:#eef2f7;color:#1f4e79;border-radius:10px;padding:2px 8px;font-size:11px;white-space:nowrap}.ref-pie{display:flex;justify-content:space-between;font-size:11px;color:#64748b}.ref-pie .nueva{color:#059669;font-weight:600}.ref-acciones{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid #eef2f7;padding-top:6px}.ref-acciones button{background:none;border:none;color:#2563eb;font-size:12px;cursor:pointer;padding:4px 2px;min-height:32px}.ref-acciones button:hover{text-decoration:underline}.ref-acciones button.peligro{color:#dc2626}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#101a2e8c;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow:auto}.modal{background:#f4f6f8;border-radius:12px;width:100%;max-width:940px;box-shadow:0 18px 50px #0000004d;overflow:hidden}.modal-cab{background:#1a2332;color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0}.modal-cab h2{font-size:18px;letter-spacing:.5px}.modal-x{background:none;border:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:0 6px}.modal-cuerpo{padding:16px;display:flex;flex-direction:column;gap:14px}.modal-cuerpo section{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 3px #0000000f}.modal-cuerpo section h3{font-size:13px;color:#475569;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.modal-cuerpo .vacio{color:#94a3b8;font-size:13px}.ficha-top{display:grid;grid-template-columns:230px 1fr;gap:14px}.ficha-foto{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000000f}.ficha-foto img{width:100%;height:190px;object-fit:contain;background:#f8fafc;border-radius:6px}.ficha-foto .ref-sinfoto{height:190px;background:#f8fafc;border-radius:6px}.ficha-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start}.ficha-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.barra-fila{display:grid;grid-template-columns:105px 1fr 52px;gap:8px;align-items:center;margin-bottom:6px;font-size:12.5px}.barra-etq{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569}.barra-pista{background:#eef2f7;border-radius:6px;height:14px;overflow:hidden}.barra-pista i{display:block;height:100%;background:linear-gradient(90deg,#1f4e79,#2563eb);border-radius:6px}.barra-fila b{text-align:right;color:#1f4e79}.tallas-barras{display:flex;gap:4px;align-items:flex-end;overflow-x:auto;padding-bottom:4px}.talla-col{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:26px}.talla-col i{display:block;width:18px;background:#c9a227;border-radius:3px 3px 0 0}.talla-col span{font-size:10.5px;color:#64748b}@media (max-width: 768px){.ref-resumen{grid-template-columns:repeat(2,1fr)}.kpi b{font-size:19px}.ref-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ref-toolbar input{grid-column:span 2;max-width:none}.ref-toolbar select{max-width:none}.ref-toolbar .ref-vista,.ref-toolbar .btn{width:100%}.ref-vista button{flex:1}.ref-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.ref-foto{height:110px}.modal-fondo{padding:0}.modal{max-width:none;border-radius:0;min-height:100vh}.modal-cuerpo{padding:12px}.ficha-top{grid-template-columns:1fr}.ficha-foto img,.ficha-foto .ref-sinfoto{height:210px}.ficha-cols{grid-template-columns:1fr}.barra-fila{grid-template-columns:88px 1fr 46px;font-size:12px}}@media (max-width: 380px){.ref-grid{grid-template-columns:1fr 1fr}.ref-foto{height:96px}.ficha-kpis{grid-template-columns:1fr}.kpi.ancho{grid-column:span 1}}.ref-alta{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.ref-alta-btns{display:flex;gap:8px}.ref-alta p{grid-column:span 2;font-size:12px;color:#64748b;margin:0}.ref-alta code{background:#eef2f7;padding:1px 5px;border-radius:4px;font-size:11.5px}@media (max-width: 768px){.ref-alta{grid-template-columns:1fr}.ref-alta-btns{display:grid;grid-template-columns:1fr 1fr}.ref-alta p{grid-column:span 1}}