:root{--azul-logo:#0F135A;--azul:#1a8bd6;--azul-oscuro:#0d3b66;--azul2:#e8f4fc;--naranja:#f39237;--naranja2:#d97706;--blanco:#fff;--gris:#f7f8fb;--gris2:#fafbfd;--borde:#dde3ec;--texto:#1a2336;--rojo:#d32f2f;--amarillo:#f9a825;--verde:#388e3c}
*{box-sizing:border-box;font-family:'Montserrat',-apple-system,Segoe UI,Roboto,sans-serif}
body{margin:0;color:var(--texto);background-color:var(--azul-logo);background-image:linear-gradient(rgba(255,210,160,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,210,160,.14) 1px,transparent 1px);background-size:72px 72px}
header{background:#ffffff;padding:12px 24px 0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;border-bottom:3px solid var(--naranja);box-shadow:0 2px 10px rgba(13,19,92,.12)}
header .logo{height:80px;width:auto;display:block}
header a.logo-link{line-height:0;text-decoration:none;flex-shrink:0;order:1}
nav{display:flex;gap:2px;order:3;flex:none;width:100%;margin-left:0;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--borde)}
nav a{color:var(--azul-logo);text-decoration:none;font-weight:700;padding:9px 14px;border-radius:6px;transition:all .15s;font-size:15px;letter-spacing:.1px;font-family:'Montserrat',sans-serif;white-space:nowrap}
nav a:hover{background:var(--naranja);color:#fff}
nav a.active{background:var(--naranja);color:#fff}
main{max-width:1240px;margin:24px auto;padding:28px;background:var(--blanco);border-radius:10px;box-shadow:0 2px 12px rgba(13,19,92,.08)}
h1{color:var(--azul-logo);margin-top:0;border-bottom:2px solid var(--naranja);padding-bottom:10px;font-size:24px}
h1 small{color:#7080a0;font-size:14px;font-weight:400;margin-left:8px}
.count{color:var(--naranja);font-size:16px}
.filtros{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.filtros input,.filtros select{padding:9px 12px;border:1px solid var(--borde);border-radius:6px;font-size:14px;background:#fff}
.filtros input{flex:1;min-width:240px}
table{width:100%;border-collapse:collapse;margin-top:12px}
th{background:var(--azul-logo);color:#fff;text-align:left;padding:11px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
td{padding:11px 12px;border-bottom:1px solid var(--borde);font-size:14px}
tr:hover{background:var(--gris2)}
.sem{display:inline-block;padding:3px 11px;border-radius:12px;font-weight:700;color:#fff;font-size:12px}
.sem-verde{background:var(--verde)}.sem-amarillo{background:var(--amarillo)}.sem-rojo{background:var(--rojo)}
button,.btn-pri,.btn-sec{padding:9px 18px;border:none;border-radius:6px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px;transition:all .15s}
.btn-pri,button[type=submit]{background:var(--naranja);color:#fff}
.btn-pri:hover,button[type=submit]:hover{background:var(--naranja2)}
.btn-sec{background:var(--azul-logo);color:#fff}
.btn-sec:hover{background:#1a2080}
form label{display:block;margin:14px 0;color:var(--azul-logo);font-weight:600;font-size:13px}
form input,form textarea,form select{display:block;width:100%;padding:10px 12px;border:1px solid var(--borde);border-radius:6px;font-size:14px;margin-top:5px;font-family:inherit;background:#fff}
form input:focus,form textarea:focus,form select:focus{outline:2px solid var(--naranja);border-color:var(--naranja)}
.tabs{display:flex;gap:2px;border-bottom:2px solid var(--azul-logo);margin:20px 0 0}
.tab-btn{background:var(--gris);color:var(--azul-logo);border-radius:6px 6px 0 0;border:1px solid var(--borde);border-bottom:none;padding:10px 18px}
.tab-btn.active{background:var(--azul-logo);color:#fff;border-color:var(--azul-logo)}
.tab-pane{display:none;padding:22px;border:1px solid var(--borde);border-top:none;background:var(--gris2)}
.tab-pane.active{display:block}
.flash{padding:12px 16px;border-radius:6px;margin-bottom:16px;background:#e8f5e9;color:var(--verde);border-left:4px solid var(--verde)}
.empty{text-align:center;color:#999;padding:30px}
.iva-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;color:#fff}
.iva-21{background:#7080a0}.iva-105{background:var(--naranja)}
.usd{color:var(--naranja);font-weight:700}
fieldset{border:1px solid var(--borde);border-radius:6px;padding:12px 18px;margin:14px 0;background:#fff}
legend{color:var(--azul-logo);font-weight:700;font-size:12px;text-transform:uppercase;padding:0 8px}
.estado{display:inline-block;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase}
.est-borrador{background:#7080a0;color:#fff}
.est-enviada{background:var(--azul);color:#fff}
.est-aceptada{background:var(--verde);color:#fff}
.est-rechazada{background:var(--rojo);color:#fff}
.est-vencida{background:var(--amarillo);color:#fff}
.est-pendiente{background:#7080a0;color:#fff}
.est-remitida{background:var(--verde);color:#fff}
.est-cancelada{background:var(--rojo);color:#fff}
.est-emitido{background:var(--azul);color:#fff}
.est-entregado{background:var(--verde);color:#fff}
.header-widgets{display:flex;gap:6px;align-items:center;flex-shrink:0;order:2;margin-left:auto}
.hw-chip{display:flex;flex-direction:column;align-items:center;background:var(--gris);border:1px solid var(--borde);border-radius:8px;padding:6px 14px;line-height:1.3;min-width:72px;text-align:center}
.hw-chip strong{font-size:15px;font-weight:700;color:var(--azul-logo)}
.hw-chip .hw-label{font-size:10px;color:#7080a0;text-transform:uppercase;letter-spacing:.4px;font-weight:600}

.nav-salir{display:none}
/* ── CARRITO PEDIDO ── */
.carrito-item{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--borde);font-size:13px}
.carrito-badge{background:var(--azul-logo);color:#fff;border-radius:12px;padding:2px 9px;font-weight:700;font-size:13px;white-space:nowrap;flex-shrink:0}
.carrito-txt{flex:1;line-height:1.3;color:var(--azul-logo)}
.carrito-txt small{font-size:11px;color:#666}
.carrito-del{background:#e53e3e;color:#fff;border:none;border-radius:50%;width:26px;height:26px;cursor:pointer;font-size:16px;flex-shrink:0;line-height:1;touch-action:manipulation}
/* ── HAMBURGER ── */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;margin-left:auto;flex-shrink:0}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--azul-logo);border-radius:2px;transition:transform .25s,opacity .25s}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── TABLAS RESPONSIVE — ocultar columnas secundarias en mobile ── */
@media(max-width:768px){
  /* Cotizaciones: oculta Fecha (2) */
  .t-cot th:nth-child(2),.t-cot td:nth-child(2){display:none}
  /* Ventas: oculta Fecha (2), Referencia (4), Vendedor (5), Total (6) */
  .t-vta th:nth-child(2),.t-vta td:nth-child(2){display:none}
  .t-vta th:nth-child(4),.t-vta td:nth-child(4){display:none}
  .t-vta th:nth-child(5),.t-vta td:nth-child(5){display:none}
  .t-vta th:nth-child(6),.t-vta td:nth-child(6){display:none}
  /* Remitos: oculta Fecha (2), Venta origen (4) */
  .t-rem th:nth-child(2),.t-rem td:nth-child(2){display:none}
  .t-rem th:nth-child(4),.t-rem td:nth-child(4){display:none}
  /* Logistica: oculta Remito (2), Modo (4), Fecha (5), F.estimada (6) */
  .t-env th:nth-child(2),.t-env td:nth-child(2){display:none}
  .t-env th:nth-child(4),.t-env td:nth-child(4){display:none}
  .t-env th:nth-child(5),.t-env td:nth-child(5){display:none}
  .t-env th:nth-child(6),.t-env td:nth-child(6){display:none}
  /* Clientes: oculta CUIT (2), Contacto (3), Email (4) */
  .t-cli th:nth-child(2),.t-cli td:nth-child(2){display:none}
  .t-cli th:nth-child(3),.t-cli td:nth-child(3){display:none}
  .t-cli th:nth-child(4),.t-cli td:nth-child(4){display:none}
  /* Productos: oculta Categoria (3), IVA (4) */
  .t-pro th:nth-child(3),.t-pro td:nth-child(3){display:none}
  .t-pro th:nth-child(4),.t-pro td:nth-child(4){display:none}
  /* Tareas: oculta Asignado (3), Progreso (4), Prioridad (5), Vence (6), Cliente (7) */
  .t-tar th:nth-child(3),.t-tar td:nth-child(3){display:none}
  .t-tar th:nth-child(4),.t-tar td:nth-child(4){display:none}
  .t-tar th:nth-child(5),.t-tar td:nth-child(5){display:none}
  .t-tar th:nth-child(6),.t-tar td:nth-child(6){display:none}
  .t-tar th:nth-child(7),.t-tar td:nth-child(7){display:none}
  /* Pedidos: oculta Fecha (2) */
  .t-ped th:nth-child(2),.t-ped td:nth-child(2){display:none}
  /* Items venta/cotizacion con foto: oculta Descripcion (3), Mon (4), Precio (6), IVA (7) */
  .t-items-edit th:nth-child(3),.t-items-edit td:nth-child(3){display:none}
  .t-items-edit th:nth-child(4),.t-items-edit td:nth-child(4){display:none}
  .t-items-edit th:nth-child(6),.t-items-edit td:nth-child(6){display:none}
  .t-items-edit th:nth-child(7),.t-items-edit td:nth-child(7){display:none}
  /* Items pedido detalle: deja foto, codigo, cantidad y stock */
  .t-ped-items th:nth-child(3),.t-ped-items td:nth-child(3){display:none}
}

/* ── MOBILE ── */
@media(max-width:768px){
  /* Header: logo izq, hamburger der, widgets abajo */
  header{padding:8px 12px 0;flex-wrap:wrap;gap:2px 8px;position:relative;align-items:center}
  header .logo{height:44px}
  header a.logo-link{order:1}
  .nav-toggle{order:2;display:flex;margin-left:auto}
  /* Widgets: barra compacta full-width debajo del logo */
  .header-widgets{order:3;width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;margin-left:0;padding:4px 0 6px}
  .hw-chip{padding:3px 8px;min-width:40px}
  .hw-chip strong{font-size:11px}
  .hw-chip .hw-label{font-size:7px}
  .hw-user-chip{display:none}
  .btn-nav-salir{display:none}
  /* Nav: card con sombra, Salir al pie */
  nav{
    display:none;flex-direction:column;
    width:100%;order:4;
    gap:2px;padding:8px;
    background:#fff;border-radius:10px;
    border:1px solid var(--borde);
    box-shadow:0 6px 20px rgba(13,19,92,.15);
    margin-top:4px;
  }
  nav.nav-open{display:flex}
  nav a{font-size:14px;font-weight:700;padding:11px 14px;border-radius:8px;width:100%;color:var(--azul-logo)}
  nav a:hover,nav a:active{background:var(--azul-logo);color:#fff}
  nav a.nav-active{background:var(--naranja);color:#fff}
  .nav-salir{display:block !important;border-top:1px solid var(--borde) !important;margin-top:4px;padding-top:8px !important;color:var(--rojo) !important}
  /* Contenido */
  main{margin:8px;padding:12px;border-radius:8px}
  h1{font-size:16px}
  h1 small{display:block;margin:4px 0 0;font-size:11px}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .grid-envio{grid-template-columns:1fr !important}
  [style*="display:flex"][style*="gap"]{flex-wrap:wrap}
  td form{flex-wrap:nowrap !important}
  td,th{padding:6px 8px;font-size:12px}
  .filtros{flex-direction:column;gap:6px}
  .filtros input,.filtros select{min-width:0;width:100%}
  .grid-2col{grid-template-columns:1fr !important}
  .pedido-catalog-grid{grid-template-columns:1fr !important}
  .pedido-carrito{order:-1;position:static !important}
  /* Eliminar scroll interno del catalogo de pedidos en mobile */
  .pedido-catalog-scroll{max-height:none !important;overflow-y:visible !important}
  /* Ocultar descripcion en catalogo de pedido (col 2) */
  .t-ped-cat th:nth-child(2),.t-ped-cat td:nth-child(2){display:none}
  .tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .tab-btn{white-space:nowrap;font-size:12px;padding:7px 10px}
  .tab-pane{padding:12px}
  fieldset{padding:8px 10px}
  form input,form textarea,form select{font-size:16px}
  button,.btn-pri,.btn-sec{padding:10px 16px;font-size:13px;touch-action:manipulation}
  .flash{font-size:12px;padding:8px 10px}
}