/* Panel Tienda MSV — se apoya en portal.css */
.pn-main{max-width:1180px}
.pn-cab{gap:10px 18px}
.pn-nav{display:flex;gap:4px;flex-wrap:wrap;flex:1 1 auto;justify-content:center}
.pn-nav a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;font-weight:700;font-size:14px;color:var(--gris);text-decoration:none}
.pn-nav a:hover{background:var(--fondo);color:var(--azul)}
.pn-nav a.activo{background:var(--azul);color:#fff}
.pn-filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0 14px}
.pn-filtros .pc-buscar{flex:1 1 280px;margin:0}
.pn-select{height:46px;border:1.5px solid #D5DEEA;border-radius:12px;padding:0 12px;font-size:15px;font-family:inherit;background:#fff;color:var(--texto);flex:0 1 260px;min-width:0}
.pn-fila{color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.pn-fila:hover{border-color:#B9C9DD;box-shadow:0 4px 14px rgba(11,58,110,.08)}
.pn-prendas{font-size:12px;font-weight:700;color:var(--azul)}
.pn-paginas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.pn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.pn-orden{display:flex;flex-direction:column;border:1px solid var(--borde);border-radius:18px;overflow:hidden;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.pn-orden:hover{border-color:#B9C9DD;box-shadow:0 6px 18px rgba(11,58,110,.1)}
.pn-orden[hidden]{display:none}
.pn-orden-img{aspect-ratio:16/10;background:var(--fondo);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pn-orden-img img{width:100%;height:100%;object-fit:cover}
.pn-orden-img span{color:var(--gris2);font-size:13px}
.pn-orden-txt{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}
.pn-cifras{font-size:13px;color:var(--gris)}
.pn-cifras b{color:var(--azul)}
.pn-volver{margin:0 0 10px;font-weight:700}
.pn-volver a{text-decoration:none}
.pn-club{margin:4px 0 0;font-weight:600}
.pn-docs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.pn-sub{margin-top:20px!important}
.pn-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.pn-galeria img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--borde)}
.pn-check{display:flex;flex-wrap:wrap;gap:6px}
.pn-check span{padding:5px 12px;border-radius:999px;font-size:13px;font-weight:700}
.pn-check .si{background:var(--celeste);color:var(--azul)}
.pn-check .no{background:#F1F4F8;color:#9AA6B8}
.pn-medidas{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.pn-medida{background:#FFFDF3;border:1px solid #F1E7C2;border-radius:14px;padding:12px 16px}
.pn-medida h3{margin:0 0 6px;font-family:Outfit,sans-serif;color:var(--azul);font-size:16px}
.pn-medida ul{margin:0;padding-left:18px}
.pn-medida li{margin:2px 0}
.pn-logo{width:48px;height:48px;border-radius:12px;background:var(--fondo);overflow:hidden;flex:0 0 48px}
.pn-logo img{width:100%;height:100%;object-fit:cover}
.pn-club-fila{flex-wrap:nowrap}
.pn-club-cab{display:flex;gap:16px;align-items:center}
.pn-club-logo{width:72px;height:72px;border-radius:16px;object-fit:cover;border:1px solid var(--borde)}
.pc-datos strong{word-break:break-word}
[data-item][hidden]{display:none!important}
@media(max-width:760px){.pn-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.pn-select{flex:1 1 100%}.pn-club-fila{flex-wrap:wrap}}
/* Etapa 3: acciones */
.pn-fila-link{display:flex;flex:1 1 260px;min-width:0;color:inherit;text-decoration:none}
.pn-acciones-orden{margin-top:14px}
.pn-prendas-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.pn-prenda-fila{display:flex;flex-direction:column;gap:4px;border:1px solid var(--borde);border-radius:12px;padding:8px 10px}
.pn-prenda-fila input[type=text]{height:38px!important;font-size:14px!important}
.pc-modal-caja{max-width:560px}
.pc-modal-chico{max-width:420px}
.pc-form textarea{height:auto;padding:10px 12px;line-height:1.4}
.pc-btn-linea[disabled]{opacity:.5;cursor:not-allowed}
.pc-form input[type=date],.pc-form input[type=number]{height:46px;border:1.5px solid #D5DEEA;border-radius:12px;padding:0 12px;font-size:16px;font-family:inherit;color:var(--texto);background:#fff;width:100%}
a.pc-tab{display:inline-flex;align-items:center;text-decoration:none}
.pn-tabs{margin:6px 0 4px}
#pn-resultados{transition:opacity .15s}#pn-resultados.pn-cargando{opacity:.45;pointer-events:none}
.pn-como{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--celeste);color:var(--azul);text-decoration:none;margin-right:8px}
.pn-diseno{margin:0;border:1px solid var(--borde);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.pn-diseno img{border:0;border-radius:0}
.pn-diseno figcaption{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;font-size:12px}
.pn-diseno figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gris)}
.pn-diseno figcaption a{font-weight:700;white-space:nowrap}
.pn-archivo{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--fondo);font-weight:700;color:var(--azul);font-size:18px}
.pn-disenos-lista{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.pn-diseno-fila{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--borde);border-radius:10px;padding:6px 10px}
.pn-diseno-fila a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pc-form input[type=file]{font-size:14px;padding:8px 0}
/* Pagos */
.pn-tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pn-pagos{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
.pn-pagos th{text-align:left;font-size:12px;font-weight:700;color:var(--gris);text-transform:uppercase;letter-spacing:.03em;padding:8px 10px;border-bottom:1.5px solid var(--borde)}
.pn-pagos td{padding:10px;border-bottom:1px solid var(--borde);vertical-align:top}
.pn-pagos .pn-num{text-align:right;white-space:nowrap;font-weight:700}
.pn-pagos a{color:var(--azul);font-weight:700}
.pn-pago-nota{color:var(--gris);max-width:240px}
/* Autorización de entrega */
.pn-aut{margin:14px 0 0;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.5;border:1.5px solid var(--borde);background:#fff}
.pn-aut-solicitada{border-color:#E8B10A;background:#FFF8E1}
.pn-aut-aprobada{border-color:#2E9E5B;background:#EAF7EF}
.pn-aut-rechazada{border-color:#D0262E;background:#FDECEC}
.pn-aut-gris{color:var(--gris);background:var(--fondo)}
.pn-aut-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.pn-aut-form input{flex:1 1 220px;height:40px;border:1.5px solid #D5DEEA;border-radius:10px;padding:0 10px;font:inherit;min-width:0}
.pn-alerta-aut{background:#FFF8E1;border:1.5px solid #E8B10A;border-radius:12px;padding:10px 14px;margin:0 0 16px;font-size:14px}
.pn-alerta-aut a{color:var(--azul);font-weight:700}

/* Productos vendidos (SKU + cantidad) */
.pn-prods{display:flex;flex-direction:column;gap:6px}
.pn-prod-fila{display:grid;grid-template-columns:1fr 72px 38px;gap:6px;align-items:center}
.pn-prod-fila input{height:40px!important;font-size:14px!important;margin:0!important}
.pn-prod-quitar{height:40px;padding:0!important;font-size:18px}
.pn-prod-mas{align-self:flex-start;margin:6px 0 4px}
/* Compras del mes */
.pn-compras td.num,.pn-compras th.num{text-align:right;white-space:nowrap}
.pn-compras tr.comprar td{background:#FFF4E5}
.pn-compras tr.comprar td strong{color:#B45309}
.pn-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.pn-kpis div{border:1px solid var(--borde);border-radius:12px;padding:10px 12px}
.pn-kpis span{display:block;font-size:12px;color:#4A5B78}
.pn-kpis strong{font-size:20px}
.pn-mov-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;align-items:end}
.pn-mov-form label{display:flex;flex-direction:column;gap:4px;font-size:13px}

/* Órdenes: crear / editar / importar */
.pn-form-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pn-form-2 label,.pn-form-orden>label{display:flex;flex-direction:column;gap:4px}
@media (max-width:560px){.pn-form-2{grid-template-columns:1fr}}
.pn-lista-ayuda{margin:6px 0 10px 18px;font-size:14px;line-height:1.5}
tr.pn-imp-omitir td{opacity:.6}

/* Administración */
.pn-kpis-adm{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
a.pn-kpi,div.pn-kpi{display:block;border:1px solid var(--borde);border-radius:12px;padding:10px 12px;text-decoration:none;color:inherit}
a.pn-kpi:hover{border-color:#94A3B8}
.pn-kpi span{display:block;font-size:12px;color:#4A5B78}
.pn-kpi strong{font-size:20px}
.pn-kpi-alerta{background:#FFF4E5;border-color:#F5C27A!important}
.pn-adm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.pn-adm-tarjeta{border:1px solid var(--borde);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}
.pn-adm-tarjeta h3{margin:0;font-size:16px}
.pn-adm-tarjeta p{margin:0;font-size:14px;color:#4A5B78;flex:1}
.pn-adm-tarjeta .pc-btn-linea{align-self:flex-start}
.pn-adm-lista{margin:0;padding-left:18px;line-height:1.8}
.pn-adm-guia{padding-left:20px;line-height:1.6}
.pn-adm-guia li{margin-bottom:6px}
.pn-form-orden label,.pn-form-orden .pn-form-2{flex:none!important}
.pn-form-orden select{height:46px!important;min-height:0!important;flex:none!important}

/* ===== Temas por panel (paleta MSV): Admin = azul marino, Tienda = rojo MSV, Confección = morado ===== */
.pn-tema-admin{--modo:#0B3A6E;--modo-2:#0F4C8F;--modo-f:#E6F4FB}
.pn-tema-tienda{--modo:#D0262E;--modo-2:#B81F27;--modo-f:#FDECEE}
.pn-tema-confeccion{--modo:#4B3A8C;--modo-2:#5B48A6;--modo-f:#F1EEFB}
.pn .pc-cab{border-top:5px solid var(--modo)}
.pn .pc-marca span{color:var(--modo)}
.pn .pn-nav a.activo{background:var(--modo);color:#fff}
.pn .pn-nav a:hover{background:var(--modo-f);color:var(--modo)}
.pn .pc-kicker{color:var(--modo)}
.pn .pc-pie{border-top:3px solid var(--modo-f)}
/* Admin: cabecera azul marino completa */
.pn-tema-admin .pc-cab{background:linear-gradient(90deg,#0B3A6E,#0F4C8F);border-bottom:0;border-top-color:#D0262E}
.pn-tema-admin .pc-marca span{color:#fff}
.pn-tema-admin .pc-marca img{background:#fff;border-radius:10px;padding:3px 6px}
.pn-tema-admin .pn-nav a{color:#D6E4F5}
.pn-tema-admin .pn-nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.pn-tema-admin .pn-nav a.activo{background:#fff;color:#0B3A6E}
.pn-tema-admin .pc-usuario,.pn-tema-admin .pc-usuario span{color:#D6E4F5}
.pn-tema-admin .pc-usuario>a{border-color:#fff;color:#fff}
/* Selector de panel */
.pn-modos{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#EEF1F6;margin-right:6px}
.pn-tema-admin .pn-modos{background:rgba(255,255,255,.14)}
.pn-modo{display:inline-flex!important;align-items:center;height:28px!important;padding:0 12px!important;border:0!important;border-radius:999px;font-size:12px;font-weight:700;text-decoration:none;color:var(--gris)!important}
.pn-tema-admin .pn-modo{color:#D6E4F5!important}
.pn-modo:hover{background:#fff;color:var(--texto)!important}
.pn-modo.activo.pn-modo-admin{background:#fff;color:#0B3A6E!important}
.pn-modo.activo.pn-modo-tienda{background:#D0262E;color:#fff!important}
.pn-modo.activo.pn-modo-confeccion{background:#4B3A8C;color:#fff!important}
/* Elegir panel (inicio Admin) */
.pn-elegir-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.pn-elegir{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:16px;text-decoration:none;color:#fff;min-height:150px;transition:transform .15s ease,box-shadow .15s ease}
.pn-elegir:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,58,110,.18)}
.pn-elegir-tienda{background:linear-gradient(135deg,#D0262E,#A91B22)}
.pn-elegir-confeccion{background:linear-gradient(135deg,#4B3A8C,#36296A)}
.pn-elegir-tit{font-family:Outfit,sans-serif;font-size:20px;font-weight:700}
.pn-elegir-txt{font-size:14px;opacity:.92;flex:1}
.pn-elegir-btn{align-self:flex-start;font-weight:700;font-size:13px;background:rgba(255,255,255,.18);padding:6px 12px;border-radius:999px}
.pn-tema-admin .pn-adm-tarjeta{border-top:3px solid #0B3A6E}
.pn-tema-admin a.pn-kpi{border-left:4px solid #0B3A6E}
@media(max-width:760px){.pn-modos{order:2}}
.pn .pc-tab.activo{background:var(--modo);border-color:var(--modo);color:#fff}

/* Notificaciones */
.pn-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:999px;background:#D0262E;color:#fff;font-size:11px;font-weight:800}
.pn-nav a.activo .pn-badge{background:#D0262E;color:#fff}
.pn-notif .pc-fila-tit{align-items:center}
.pn-notif-item{border:1px solid var(--borde);border-left:4px solid #E8B10A;border-radius:14px;padding:14px 16px;margin-top:12px;background:#FFFDF6}
.pn-notif-cab{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.pn-notif-cab a{color:var(--azul);text-decoration:none;font-size:16px}
.pn-notif-cifras{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0;font-size:14px}
.pn-notif-saldo b{color:#B81F27}
.pn-notif-motivo{margin:0 0 10px;font-size:14px;line-height:1.5}
.pn-notif-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pn-notif-form input[type=text]{flex:1 1 240px;height:40px;border:1.5px solid #D5DEEA;border-radius:10px;padding:0 10px;font-family:inherit;font-size:14px}
.pn-btn-ok{background:#1D6B45!important;border-color:#1D6B45!important}
.pn-btn-no{color:#B81F27!important;border-color:#B81F27!important}
.pn-fin td:first-child,.pn-fin th:first-child{width:36px;text-align:center}
.pn-fin input[type=checkbox]{width:18px;height:18px;accent-color:#4B3A8C}
.pn-saldo-rojo{color:#B81F27;font-weight:700}
.pn-badge-morado,.pn-nav a.activo .pn-badge-morado{background:#4B3A8C;margin-left:3px}
.pn-btn-gris{color:#4A5B78!important;border-color:#C9D3E0!important}
/* Acciones de la orden en bloques */
.pn-bloques{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:18px 0 6px}
.pn-bloque{border:1px solid var(--borde);border-radius:14px;padding:12px 14px;background:#FAFBFD}
.pn-bloque h3{margin:0 0 10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--modo,#0B3A6E)}
.pn-bloque-btns{display:flex;flex-direction:column;gap:8px}
.pn-bloque-btns>*,.pn-bloque-btns form{width:100%}
.pn-bloque-btns .pc-btn,.pn-bloque-btns .pc-btn-linea{width:100%;justify-content:center;text-align:center}
.pn-bloque-medidas{border-color:#BFE3CF;background:#F3FBF6}
.pn-btn-wa{background:#1D6B45!important;border-color:#1D6B45!important;color:#fff!important}
.pn-btn-wa:hover{background:#155535!important}
.pn-btn-wa-linea{color:#1D6B45!important;border-color:#1D6B45!important}
.pn-btn-wa{display:flex!important;flex-direction:column;align-items:center;justify-content:center;height:auto!important;min-height:46px;padding:8px 14px!important;text-decoration:none!important;line-height:1.2}
.pn-btn-wa small{font-size:11px;font-weight:500;opacity:.9;margin-top:2px}
.pn-mas{margin-top:2px}
.pn-mas summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--gris);padding:6px 2px;list-style:none;text-align:center}
.pn-mas summary::-webkit-details-marker{display:none}
.pn-mas summary::after{content:" ▾"}
.pn-mas[open] summary::after{content:" ▴"}
.pn-mas .pn-bloque-btns{margin-top:6px}
/* Bloques: textos de estado y color del panel */
.pn-bloque-estado{margin:2px 0 0;font-size:13px;color:var(--gris);text-align:center;line-height:1.4}
.pn-bloque-estado.pn-ok{color:#1D6B45;font-weight:700;font-size:14px;background:#EAF6EF;border-radius:10px;padding:10px}
.pn-tema-confeccion .pn-bloque .pc-btn{background:#4B3A8C;border-color:#4B3A8C}
.pn-tema-confeccion .pn-bloque .pc-btn:hover{background:#3B2D70}
.pn-tema-confeccion .pn-bloque{background:#FAF9FD}
.pn-bloque .pc-form-accion{margin:0}
.pn-bloque .pc-form-accion button{width:100%}
/* Equipo */
.pn-roles{margin:6px 0 14px 18px;line-height:1.6;font-size:14px}
.pn-eq-acc{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.pn-eq-acc form{margin:0}
.pn-btn-mini{height:32px!important;padding:0 12px!important;font-size:12px!important}
.pc-chip-azul{background:#E6F4FB;color:#0B3A6E}
/* Selects de formularios: altura fija (evita que se estiren dentro de grillas) */
.pn select.pn-select,.pn .pn-mov-form select{height:46px!important;min-height:0!important;flex:none!important;align-self:auto}
.pn .pn-mov-form label{justify-content:flex-end}