/* Diseño compartido de Outlet. Las reglas específicas viven en pantallas/. */
:root{--outlet-ink:#172338;--outlet-muted:#637087;--outlet-line:#e1e7ef;--outlet-paper:#fff;--outlet-bg:#f3f5f8;--outlet-amber:#d8942f;--outlet-blue:#245b9e;--outlet-green:#267356;--outlet-red:#a53c36;--tinta:#172338;--tinta-2:#213249;--papel:#f3f5f8;--papel-2:#fff;--ambar:#d8942f;--texto:#172338;--texto-inv:#fff;--borde:#e1e7ef}
*{box-sizing:border-box}body.outlet-screen,body.outlet-public{display:block;margin:0;background:var(--outlet-bg);color:var(--outlet-ink);font:15px/1.5 system-ui,-apple-system,sans-serif;min-height:100vh}body.outlet-screen{padding-left:244px}body [hidden]{display:none!important}.outlet-screen a,.outlet-public a{color:var(--outlet-blue);text-underline-offset:3px}.outlet-screen button,.outlet-public button,.outlet-screen input,.outlet-public input,.outlet-screen select,.outlet-public select,.outlet-screen textarea,.outlet-public textarea{font-family:inherit}.outlet-screen button,.outlet-public button,.outlet-screen input:not([type=checkbox]):not([type=radio]),.outlet-public input:not([type=checkbox]),.outlet-screen select,.outlet-public select{min-height:44px}.outlet-screen button,.outlet-public button{border-radius:8px;cursor:pointer;font-weight:650}.outlet-screen button:disabled,.outlet-public button:disabled{cursor:not-allowed;opacity:.55}.outlet-screen :is(button,a,input,select,textarea,summary):focus-visible,.outlet-public :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--outlet-amber);outline-offset:3px}.outlet-sidebar{position:fixed;left:0;top:0;bottom:0;width:244px;padding:24px 16px;background:var(--outlet-ink);color:#fff;overflow-y:auto;z-index:35}.outlet-screen .outlet-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:4px 10px 24px;font-size:21px;font-weight:800;letter-spacing:1px}.outlet-brand b{display:grid;place-items:center;width:40px;height:40px;background:var(--outlet-amber);color:var(--outlet-ink);border-radius:12px}.outlet-brand small{display:block;color:#a6b3c8;font-size:11px;letter-spacing:.3px;font-weight:500}.outlet-secciones summary{font-size:11px;text-transform:uppercase;color:#a6b3c8;letter-spacing:1px;padding:8px 10px;cursor:pointer}.outlet-sidebar nav{display:block;margin:0;padding:0;background:none;border:0}.outlet-nav-group{display:grid;gap:3px;margin:14px 0}.outlet-nav-group>span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#a6b3c8;padding:3px 10px}.outlet-screen .outlet-nav-group>a{color:#d5dfed;text-decoration:none;font-size:12px;padding:9px 11px;border-radius:7px;line-height:1.4;overflow-wrap:anywhere}.outlet-nav-group>a:hover{background:#283b56}.outlet-screen .outlet-nav-group>a[aria-current=page]{background:var(--outlet-amber);color:var(--outlet-ink);font-weight:800}.outlet-screen .outlet-logout{display:block;color:#d5dfed;border-top:1px solid #334259;margin-top:18px;padding:18px 10px;font-size:12px;text-decoration:none}.outlet-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 32px 0;color:var(--outlet-muted);font-size:11px;letter-spacing:.3px}.outlet-role{padding:4px 9px;border:1px solid var(--outlet-line);border-radius:6px;background:white;font-weight:650;white-space:nowrap}.outlet-skip{position:fixed;left:260px;top:-100px;z-index:100;background:#fff;padding:12px}.outlet-skip:focus{top:10px}.outlet-screen>header{position:relative;top:auto;background:transparent;color:var(--outlet-ink);max-width:1380px;width:100%;padding:22px 32px 18px;margin:0 auto;border-bottom:0;box-shadow:none;height:auto}.outlet-screen>header a{color:var(--outlet-blue)}.outlet-screen h1,.outlet-public h1{font-size:clamp(25px,2.5vw,33px);letter-spacing:-.7px;line-height:1.2;margin:8px 0 12px;color:var(--outlet-ink)}.outlet-screen h2{font-size:19px;letter-spacing:-.3px}.outlet-screen>header>p{color:var(--outlet-muted);font-size:14px}.outlet-screen main{width:100%;max-width:1380px;padding:18px 32px 36px;margin:0 auto;min-width:0}.outlet-screen:not(.screen-index):not(.screen-preparacion):not(.screen-inventario) main>:is(section,article),.outlet-screen:not(.screen-index) main>form{background:white;border:1px solid var(--outlet-line);border-radius:12px;padding:22px;margin:18px 0}.outlet-screen :is(.panel,.catalog-panel,.pedido,.producto,.cli-item,.grupo,.bloque,.tarjeta){border-color:var(--outlet-line);border-radius:12px}.outlet-screen :is(.muted,.detalle,.nota,.sub,.cuenta){color:var(--outlet-muted)}.outlet-screen :is(.tabla,.table-wrap,.outlet-table-wrap){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.outlet-screen table{width:100%;border-collapse:collapse}.outlet-screen th{font-size:11px;font-weight:750;color:var(--outlet-muted);background:#f5f7fb;text-align:left;padding:12px 10px}.outlet-screen td{font-size:13px;padding:12px 10px;border-bottom:1px solid var(--outlet-line)}.outlet-screen label{font-size:13px;font-weight:600;color:var(--outlet-muted)}.outlet-screen input:not([type=checkbox]):not([type=radio]),.outlet-screen select,.outlet-screen textarea{border:1px solid #d3dce7;border-radius:8px;background:#fff;color:var(--outlet-ink);padding:10px 12px;max-width:100%;min-width:0}.outlet-screen input::placeholder{color:#8693a6}.outlet-screen .primary,.outlet-screen button[type=submit]{background:var(--outlet-ink);color:white;border-color:var(--outlet-ink)}.outlet-screen .filtros,.outlet-screen .filters{padding:16px;border:1px solid var(--outlet-line);border-radius:10px;background:#fff;gap:12px;align-items:end}.outlet-screen .filtros label,.outlet-screen .filters label{min-width:0}.outlet-screen .error,.outlet-screen .aviso{overflow-wrap:anywhere}.outlet-screen :is(#mensaje,#aviso,#resultado)[role]:not(:empty){border-left:3px solid var(--outlet-amber);background:#fff9ed;padding:12px 14px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.outlet-screen dialog{border:1px solid var(--outlet-line);border-radius:14px;color:var(--outlet-ink);padding:24px;max-width:calc(100vw - 32px);max-height:90vh;overflow:auto;background:white;box-shadow:0 24px 90px #17233833}.outlet-screen dialog::backdrop{background:#17233888}.outlet-screen .capa{z-index:60}.outlet-screen .hoja{border-radius:16px 16px 0 0;background:white;color:var(--outlet-ink)}.outlet-screen .cabeza{display:flex;gap:16px;margin:20px 0}.outlet-screen .cabeza>div{background:white;border:1px solid var(--outlet-line);border-radius:12px;padding:18px;flex:1;color:var(--outlet-muted)}.outlet-screen .cabeza b{color:var(--outlet-ink)}.outlet-screen .cabeza .mal b{color:var(--outlet-red)}.outlet-screen .tabs{position:relative;top:auto;background:white;border-block:1px solid var(--outlet-line);padding:8px 32px;overflow-x:auto;max-width:100%;display:flex;gap:8px;flex-wrap:wrap}.outlet-screen .tabs button{border-radius:8px}.screen-index header .marca-outlet{color:var(--outlet-amber);font-size:11px;letter-spacing:1px}.screen-index .cli-item{background:white;color:var(--outlet-ink);padding:16px}.screen-index .otras{display:none!important}.screen-index .guia-pedido{border-color:var(--outlet-line);background:white}.screen-index main#vistaPedido{padding-right:390px;padding-bottom:60px}.screen-index .carro{background:var(--outlet-ink);color:#fff;max-width:100%}.screen-index .carro button{min-height:44px}.screen-index .item{background:white;border-color:var(--outlet-line)}.screen-index .cant{font-size:18px;font-weight:750}.screen-clave main{max-width:660px!important;margin:20px auto!important}.screen-clave main>form{padding:24px}.screen-usuarios main>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.screen-usuarios form input,.screen-usuarios form select{width:100%}.screen-recepcion main,.screen-conteo main{max-width:940px}.screen-recepcion #paso1,.screen-recepcion #paso2{background:white;border:1px solid var(--outlet-line);border-radius:12px;padding:24px;margin:14px 0}.screen-conteo .leyenda,.screen-conteo .leyenda b{color:var(--outlet-muted)}.screen-conteo .barra{background:#dce4ef}.screen-tablero .k,.screen-tablero .kpi,.screen-tablero .cifra{background:white;border-color:var(--outlet-line);border-radius:12px}.screen-presupuestos button,.screen-remitos button,.screen-posventa button,.screen-documentos button,.screen-cartera button,.screen-operaciones button,.screen-reposicion button{background:var(--outlet-ink);color:white;border:1px solid var(--outlet-ink);padding:10px 14px}.screen-presupuestos .mensaje,.screen-presupuestos .aviso,.screen-remitos .aviso,.screen-documentos .aviso{background:#fff6e5;color:#895915;border-radius:8px;padding:14px}.screen-preparacion .metrics{margin-top:10px}.screen-preparacion .filtros{padding:0;border:0}.screen-preparacion .notification{margin:16px 0}.screen-inventario main{max-width:1480px}.outlet-public>header{background:var(--outlet-ink);color:#fff;padding:28px 24px}.outlet-public>header h1{color:#fff;max-width:1100px;margin:0 auto 10px}.outlet-public>header p{max-width:1100px;margin:auto;color:#b9c7dc}.outlet-public main{max-width:1100px;padding:24px 24px 230px}.outlet-public .quien{background:white;border:1px solid var(--outlet-line);border-radius:12px;padding:18px}.outlet-public .rubros{background:white;border-bottom:1px solid var(--outlet-line)}.outlet-public .item{background:white;border-color:var(--outlet-line);border-radius:12px}.outlet-public .carro{background:var(--outlet-ink);color:white}.outlet-public .enviar{background:var(--outlet-amber);color:var(--outlet-ink)}
@media(min-width:1000px){.screen-index .carro{left:auto;right:24px;width:350px;top:155px;bottom:24px}.screen-index.pantalla-clientes main{padding-right:32px}}
@media(max-width:1150px){.outlet-screen main,.outlet-screen>header{padding-left:24px;padding-right:24px}.screen-index main#vistaPedido{padding-right:375px}.outlet-screen .filtros,.outlet-screen .filters{flex-wrap:wrap}}
@media(max-width:900px){body.outlet-screen{padding-left:0}.outlet-sidebar{position:relative;top:auto;left:auto;bottom:auto;width:100%;padding:12px 18px}.outlet-screen .outlet-brand{font-size:18px;padding:0 0 8px}.outlet-brand b{width:34px;height:34px;border-radius:9px}.outlet-secciones summary{padding:4px 0}.outlet-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.outlet-nav-group{margin:8px 0}.outlet-context{padding:14px 20px 0;font-size:10px}.outlet-screen>header{padding:20px 20px 10px}.outlet-screen main{padding:16px 20px 32px}.outlet-skip{left:12px}.screen-index main#vistaPedido{padding-right:20px;padding-bottom:320px}.screen-index .carro{left:0;right:0;top:auto;bottom:0;width:100%;border-radius:0}.outlet-screen .tabs{padding:8px 20px}.outlet-logout{margin:6px 0 0!important;padding:8px 0!important}.outlet-secciones:not([open])~.outlet-logout{display:none}.outlet-screen .cabeza{gap:10px}.screen-usuarios main>form{grid-template-columns:1fr}}
@media(max-width:560px){.outlet-screen main{padding:16px}.outlet-screen>header{padding:20px 16px 8px}.outlet-context{padding-inline:16px}.outlet-role{font-size:10px}.outlet-screen h1{font-size:25px}.outlet-screen .filtros,.outlet-screen .filters{padding:12px;display:flex;flex-wrap:wrap}.outlet-screen .filtros>label,.outlet-screen .filters>label{flex:1 1 140px}.outlet-screen .filtros input,.outlet-screen .filters input{width:100%}.outlet-screen main>:is(section,article){padding:16px}.outlet-screen table{min-width:520px}.outlet-screen .fila{flex-wrap:wrap}.outlet-screen .fila input{min-width:0;max-width:100%}.outlet-screen :is(.form-grid,.formulario){grid-template-columns:1fr}.outlet-screen .cabeza>div{padding:14px}.screen-index main#vistaPedido{padding-right:16px}.screen-preparacion .filtros{display:grid;padding:0;grid-template-columns:repeat(2,minmax(0,1fr))}.screen-preparacion .filtros label{width:auto}.screen-inventario .page-head{flex-wrap:wrap}.screen-recepcion #paso1,.screen-recepcion #paso2{padding:16px}.outlet-public main{padding:18px 16px 240px}}
.outlet-screen .tabs button{color:#526580;background:white;border:1px solid var(--outlet-line);padding:9px 13px}.outlet-screen .tabs button[aria-pressed=true]{background:var(--outlet-amber);border-color:var(--outlet-amber);color:#172338}.outlet-screen .tabs .n{color:inherit;background:#e8edf4}.screen-usuarios #alta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.screen-usuarios #alta input,.screen-usuarios #alta select{width:100%}.screen-usuarios #alta button{justify-self:start;min-width:150px}.screen-usuarios #usuarios .panel{background:white;padding:18px;border:1px solid var(--outlet-line);border-radius:10px;margin:14px 0}.screen-usuarios #usuarios .panel button,.screen-usuarios #usuarios .panel select{margin:6px 8px 6px 0;padding:10px}.screen-index .zona-dia{background:white;border:1px solid var(--outlet-line);border-radius:12px}.screen-index .lista,.screen-index .marca-outlet span{color:#637087}.screen-tablero main>div:empty,.screen-usuarios #mensaje:empty{display:none}.outlet-screen .outlet-preferencias{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:14px}.outlet-preferencias label{display:grid;gap:7px;flex:1;min-width:180px}.outlet-preferencias button{padding:10px 14px;background:var(--outlet-ink);color:white;border:1px solid var(--outlet-ink)}
@media(max-width:560px){.screen-usuarios #alta{grid-template-columns:1fr}.outlet-preferencias label{min-width:0;width:100%}.outlet-preferencias button{width:100%}}
.outlet-screen button{padding:10px 14px;background:#fff;color:var(--outlet-ink);border:1px solid #d3dce7}.outlet-screen button[type=submit],.outlet-screen .primary{background:var(--outlet-ink);color:#fff;border:1px solid var(--outlet-ink)}.outlet-screen .tabs button[aria-pressed=true]{background:var(--outlet-amber);color:var(--outlet-ink);border-color:var(--outlet-amber)}.screen-index .carro #confirmar,.outlet-public .enviar{background:var(--outlet-amber);color:#172338}.screen-usuarios #usuarios .panel button{background:#fff;color:var(--outlet-ink)}

/* Ventas en la calle: la pantalla propia mantiene los controles de cantidad. */
.screen-vendedor .acceso-comercial{padding:16px;background:#fff;border:1px solid var(--ui-border,#dce3ed);border-radius:12px}.screen-vendedor .acceso-comercial a{font-weight:700}
.screen-mis-pedidos #filtros{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.screen-mis-pedidos #pedidos{display:grid;gap:16px;margin-top:20px}.screen-mis-pedidos details{margin-top:12px}.screen-mis-pedidos article p{margin:8px 0}
#cartera-vendedores article{margin:12px 0;padding:16px;border:1px solid #dce3ed;border-radius:12px}#cartera-vendedores label{display:block;margin:12px 0}#cartera-vendedores button{margin:4px}

.outlet-brand .outlet-logo{width:56px;height:56px;object-fit:contain;flex:none}.outlet-sidebar{background:#22306b}