*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f3f5f7;color:#18212a}header{background:#151d25;color:#fff;display:flex;align-items:center;gap:24px;padding:14px 24px;position:sticky;top:0;z-index:4}.brand{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:21px;letter-spacing:.06em}.brand span{font-size:12px;opacity:.72}.brand.big strong{font-size:30px}.brand.big{margin-bottom:28px}nav{display:flex;gap:16px;flex:1}nav a{color:#fff;text-decoration:none;font-weight:600}.who{font-size:13px;opacity:.8}main{max-width:1180px;margin:28px auto;padding:0 18px}.narrow{max-width:760px}.login{max-width:420px;margin:8vh auto}h1{font-size:28px;margin:0 0 18px}h2{font-size:19px;margin-top:0}.card{background:#fff;border:1px solid #dbe1e6;border-radius:12px;padding:20px;margin:0 0 18px;box-shadow:0 2px 8px #0000000a}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #c9d1d8;border-radius:8px;background:#fff}button,.btn{border:0;background:#1d6f42;color:white;padding:11px 16px;border-radius:8px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#6b7280}.danger{background:#a52a2a}.small{padding:6px 10px}.grid2,.grid3,.grid4{display:grid;gap:14px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}.span2{grid-column:span 2}.end{display:flex;align-items:end}.notice{background:#eef8f1;padding:12px;border-radius:8px;margin-bottom:16px}.notice span{color:#5d6872;margin-left:8px}.results{border-radius:8px;overflow:hidden}.result{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #e7ebef;padding:10px 0}.result small{display:block;color:#69747f;margin-top:3px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7ebef;vertical-align:top}th{font-size:12px;text-transform:uppercase;color:#66717c}.click{cursor:pointer}.click:hover{background:#f7f9fa}.tag,.status{display:inline-block;border-radius:999px;background:#eef1f4;padding:3px 7px;font-size:11px;font-weight:800}.flash{background:#e9f7ee;border:1px solid #b7dfc4;padding:12px;border-radius:9px;margin-bottom:16px}.flash.err{background:#fff0f0;border-color:#efb2b2}.muted{color:#6b7580}.inline{display:flex;gap:15px;align-items:end}.stats{display:flex;gap:16px;margin-bottom:18px}.stats div{background:#fff;border:1px solid #dbe1e6;border-radius:12px;padding:18px 25px}.stats b{font-size:30px;display:block}.stats span{color:#68737d}.check{flex-direction:row;align-items:center}.check input{width:auto}@media(max-width:760px){header{align-items:flex-start;flex-wrap:wrap;padding:12px 15px}nav{order:3;width:100%;overflow:auto;white-space:nowrap}.who{margin-left:auto}.grid2,.grid3,.grid4{grid-template-columns:1fr}.span2{grid-column:auto}main{margin-top:18px;padding:0 12px}.card{padding:15px}.inline{display:block}.inline button{margin-top:10px}.result{align-items:flex-start}.stats{flex-direction:column}.stats div{padding:12px 16px}}
.actionrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.actionrow form{margin:0}
.filters-summary{font-size:13px;color:#6b7580;margin:0 0 10px}.tablewrap .btn{white-space:nowrap}

/* Colores de estado de pedido */
.status{display:inline-block;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;letter-spacing:.02em;border:1px solid transparent}
.status-pendiente{background:#fff3cd;color:#7a5200;border-color:#ffe08a}
.status-preparando{background:#dbeafe;color:#1e4f91;border-color:#93c5fd}
.status-preparado{background:#d1fae5;color:#065f46;border-color:#6ee7b7}
.status-entregado{background:#dcfce7;color:#166534;border-color:#86efac}
.status-cancelado{background:#fee2e2;color:#991b1b;border-color:#fca5a5}
.syncbox{margin-top:14px;padding:12px;border:1px solid #d8dee8;border-radius:10px;background:#fafbfd}.syncbar{height:12px;background:#e8edf3;border-radius:999px;overflow:hidden;margin-bottom:8px}.syncbar>div{height:100%;background:#2f6fed;transition:width .2s ease}.syncbox .muted{margin:0}


/* Optimización móvil */
.mobile-only{display:none}
.desktop-only{display:block}
.results .result button{flex-shrink:0}
.touch-actions{display:flex;gap:10px;flex-wrap:wrap}
.mobile-sticky-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(243,245,247,0),#f3f5f7 18px);padding-top:12px;margin-top:14px}
.mobile-sticky-actions .btn, .mobile-sticky-actions button{width:100%;justify-content:center}
.stack-mobile td[data-label]::before{content:attr(data-label);display:none}

@media(max-width:760px){
  body{font-size:16px}
  header{gap:10px}
  .brand strong{font-size:18px}
  .brand span{font-size:11px}
  nav{display:flex;gap:10px;padding-bottom:4px}
  nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;background:#22303d;border-radius:10px;font-size:14px;white-space:nowrap}
  .who{width:100%;font-size:12px;opacity:.9}
  h1{font-size:24px;margin-bottom:14px}
  h2{font-size:18px}
  .card{border-radius:14px;padding:14px;margin-bottom:14px}
  input,select,textarea,button,.btn{font-size:16px}
  input,select,textarea{padding:13px 12px;border-radius:10px}
  button,.btn{padding:13px 14px;min-height:46px;border-radius:10px;text-align:center}
  label{gap:7px}
  .notice{padding:12px 13px}
  .results .result{display:block;padding:12px 0}
  .results .result > div{margin-bottom:10px}
  .results .result button{width:100%}
  .stats div b{font-size:24px}
  .actionrow{display:grid;grid-template-columns:1fr;gap:10px}
  .actionrow form,.actionrow a,.actionrow button{width:100%}
  .mobile-only{display:block}
  .desktop-only{display:none !important}

  .stack-mobile table{min-width:0;border-collapse:separate;border-spacing:0 10px}
  .stack-mobile thead{display:none}
  .stack-mobile tbody,.stack-mobile tr,.stack-mobile td{display:block;width:100%}
  .stack-mobile tr{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:12px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
  .stack-mobile td{border:0;padding:0;margin-bottom:10px}
  .stack-mobile td:last-child{margin-bottom:0}
  .stack-mobile td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:800;text-transform:uppercase;color:#708090;letter-spacing:.04em;margin-bottom:4px}
  .stack-mobile td .btn,.stack-mobile td button{width:100%}

  .mobile-sticky-actions{position:sticky;bottom:0;z-index:3;padding:10px 0 0;margin-top:10px}
  .mobile-sticky-actions .touch-actions{background:#f3f5f7;padding:10px 0 4px}
}


/* Logotipo corporativo Provecta */
.brand-logo{display:flex;align-items:center;flex-shrink:0}
.brand-logo img{display:block;width:190px;max-width:100%;height:auto}
.login-logo{background:#151d25;border-radius:12px;padding:18px 20px;margin-bottom:22px;display:flex;justify-content:center;align-items:center}
.login-logo img{display:block;width:300px;max-width:100%;height:auto}
@media(max-width:760px){
  .brand-logo img{width:145px}
  .login-logo{padding:16px}
  .login-logo img{width:250px}
}

/* Menú Ayuda Intranet */
.help-menu{position:relative;color:#fff;font-weight:600}
.help-menu summary{list-style:none;cursor:pointer;color:#fff;font-weight:600}
.help-menu summary::-webkit-details-marker{display:none}
.help-menu summary::after{content:' ▾';font-size:11px}
.help-menu[open] summary::after{content:' ▴'}
.help-submenu{position:absolute;top:30px;left:0;min-width:190px;background:#fff;border:1px solid #dbe1e6;border-radius:10px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.16);z-index:20}
.help-submenu a{display:block!important;color:#18212a!important;padding:10px 12px!important;border-radius:7px;text-decoration:none;white-space:nowrap}
.help-submenu a:hover{background:#f0f4f6}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.help-card{background:#fff;border:1px solid #dbe1e6;border-radius:12px;padding:16px}
.help-card h2,.help-card h3{margin-top:0}
.help-steps{padding-left:22px;margin-bottom:0}
.help-steps li{margin:7px 0;line-height:1.45}
.help-index{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.help-index a{background:#eef2f5;border-radius:999px;padding:7px 11px;text-decoration:none;color:#26323c;font-size:13px;font-weight:700}
@media(max-width:760px){
 .help-menu{display:block}
 .help-menu summary{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;background:#22303d;border-radius:10px;font-size:14px;white-space:nowrap}
 .help-submenu{position:static;margin-top:6px;min-width:220px}
 .help-grid{grid-template-columns:1fr}
}


/* v51 · navegación principal y sesión de usuario */
.who{display:flex;align-items:center;gap:9px;white-space:nowrap}
.who .user-exit{color:#fff;text-decoration:none;font-weight:700;opacity:1;padding-left:9px;border-left:1px solid rgba(255,255,255,.28)}
.who .user-exit:hover{text-decoration:underline}
@media(max-width:760px){
  .who{width:auto;margin-left:auto;display:flex;gap:8px;align-items:center}
  .who .user-exit{padding-left:8px}
}