:root{--ink:#152424;--muted:#60706c;--paper:#f6f4ed;--card:#fffef9;--line:#d9ddd3;--lime:#c8fa63;--green:#1e6b51;--red:#ba3d32;--amber:#b87918;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 5% 0,#e0f2c0,transparent 27%),radial-gradient(circle at 100% 90%,#c5e6da,transparent 28%),var(--paper);color:var(--ink);font-family:var(--sans);min-height:100vh}.shell{width:min(1160px,calc(100% - 32px));margin:auto;padding:56px 0 80px}header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}h1,h2,p{margin:0}h1{font-size:clamp(2.1rem,5vw,4rem);letter-spacing:-.065em;line-height:1}h2{font-size:1.28rem;letter-spacing:-.04em}.intro{margin-top:13px;color:var(--muted)}.eyebrow{font-family:var(--mono);font-size:.69rem;letter-spacing:.12em;color:var(--green);font-weight:500;margin-bottom:9px}.live{border:1px solid var(--line);background:#ffffff99;border-radius:30px;padding:10px 14px;font-size:.78rem;font-weight:700}.live span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#48ba61;margin-right:7px}nav{display:flex;gap:8px;margin:42px 0 22px;border-bottom:1px solid var(--line)}button{font:700 .86rem var(--sans);border:0;border-radius:9px;background:var(--ink);color:white;padding:13px 17px;cursor:pointer}.tab{color:var(--muted);background:transparent;border-radius:9px 9px 0 0;padding:13px 16px}.tab.active{color:var(--ink);box-shadow:inset 0 -3px var(--green)}.view{display:none}.view.active{display:block}.validation-card,.panel,.result{background:var(--card);border:1px solid var(--line);box-shadow:0 16px 35px #2949370c}.validation-card{padding:clamp(24px,5vw,52px);border-radius:20px}.section-heading,.table-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.position{font-size:.75rem;font-weight:700;color:var(--muted)}.position input{display:block;width:82px;padding:7px;margin-top:5px}.field-label{display:block;font-size:.78rem;font-weight:800;margin-top:28px;margin-bottom:8px}.field-label span,small{font-weight:500;color:var(--muted)}input,select{width:100%;border:1px solid var(--line);background:#fff;padding:13px;border-radius:8px;font:500 .94rem var(--sans);color:var(--ink)}#validation-form{display:flex;gap:9px;margin-top:8px}#validation-form input{font:500 1rem var(--mono)}#validation-form button{background:var(--green);min-width:126px}.hint{margin-top:15px;font-size:.75rem;color:var(--muted)}.result{margin-top:17px;border-radius:16px;padding:25px 30px;min-height:140px;display:flex;flex-direction:column;justify-content:center}.result p{font:700 .73rem var(--mono);letter-spacing:.1em;color:var(--muted)}.result strong{font-size:1.8rem;letter-spacing:-.06em;margin:3px 0}.result span{font-size:.85rem;color:var(--muted)}.result.correct{border-color:#8cbd69;background:#f3ffe7}.result.correct p{color:var(--green)}.result.error{border-color:#e5a19b;background:#fff1ed}.result.error p{color:var(--red)}.result.warning{border-color:#e6c486;background:#fff9e9}.result.warning p{color:var(--amber)}.catalog-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:18px}.panel{border-radius:16px;padding:28px}.panel form label{display:block;font-weight:700;font-size:.79rem;margin-top:17px}.panel form input{margin-top:6px}.check{display:flex!important;align-items:center;gap:9px}.check input{width:auto;margin:0!important}.actions{display:flex;gap:8px;margin-top:24px}.secondary{background:#edf0e9;color:var(--ink)}.compact{padding:9px 13px;font-size:.76rem}.table-title span{font:500 .8rem var(--mono);background:var(--lime);padding:8px;border-radius:6px}.table-wrap{overflow:auto;margin-top:23px}table{width:100%;border-collapse:collapse;font-size:.82rem}th{text-align:left;color:var(--muted);font:500 .67rem var(--mono);letter-spacing:.08em;padding:0 8px 10px}td{border-top:1px solid var(--line);padding:13px 8px;vertical-align:middle}td.mono{font-family:var(--mono)}.state,.badge{font-size:.67rem;font-weight:800;padding:5px 7px;border-radius:5px;display:inline-block}.state.on,.badge.CORRECTO{color:var(--green);background:#e5f5dc}.state.off,.badge.NO_ENCONTRADO{color:var(--red);background:#fde7e4}.badge.DISCREPANCIA{color:var(--amber);background:#fff0ce}.row-actions{white-space:nowrap}.link-button{background:transparent;color:var(--green);padding:4px;font-size:.73rem}.link-button.danger{color:var(--red)}#toast{position:fixed;right:22px;bottom:22px;background:var(--ink);color:white;border-radius:8px;padding:12px 15px;font-size:.82rem;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:720px){.shell{padding-top:32px}header,.section-heading{flex-direction:column}nav{margin-top:28px;overflow:auto}.catalog-grid{grid-template-columns:1fr}.validation-card{padding:24px}#validation-form{flex-direction:column}#validation-form button{width:100%}.table-panel{padding:21px}th,td{white-space:nowrap}}

/* Use the available desktop width while keeping controls practical on handhelds. */
@media(min-width:721px){
  .shell{width:min(1440px,calc(100% - 56px));padding-top:44px}
  .validation-card{padding:clamp(32px,4vw,64px)}
  .catalog-grid{grid-template-columns:minmax(340px,.65fr) minmax(0,1.35fr);gap:24px}
  input,select{min-height:52px;font-size:1rem}
  #validation-form input{min-height:58px;font-size:1.08rem}
  #validation-form button{min-height:58px}
}
@media(max-width:720px){
  .shell{width:calc(100% - 24px);padding:20px 0 40px}
  h1{font-size:clamp(2rem,11vw,3.2rem)}
  .intro{font-size:.9rem;line-height:1.45}
  nav{margin:24px 0 15px}
  .tab{flex:1;min-width:max-content;min-height:48px;padding:13px 12px}
  .validation-card,.panel{padding:20px 16px;border-radius:14px}
  .section-heading{gap:8px}
  .field-label{font-size:.84rem;margin-top:22px}
  input,select{min-height:52px;font-size:1rem}
  #validation-form{gap:12px}
  #validation-form input{min-height:58px;font-size:1rem}
  #validation-form button{min-height:54px;font-size:.95rem}
  button{min-height:48px}
  .result{padding:20px;min-height:120px}
  .result strong{font-size:1.45rem}
  .today-heading{padding:16px}
}

.brand-lockup{display:flex;align-items:flex-start;gap:24px}.brand-lockup img{width:132px;height:auto;object-fit:contain;margin-top:4px}.brand-lockup>div{min-width:0}
@media(max-width:720px){.brand-lockup{gap:14px}.brand-lockup img{width:92px;margin-top:2px}.brand-lockup h1{font-size:clamp(1.8rem,10vw,2.8rem)}.live{align-self:stretch;text-align:center}}
.client-section{margin:22px 0}.client-divider{display:flex;gap:12px;align-items:center;border-bottom:2px solid var(--green);padding:10px 0}.client-divider b{font:.7rem var(--mono);color:var(--green)}.client-divider h3{margin:0}.client-orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:14px}.order-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px}.order-card h3{margin:12px 0 6px;font:.9rem var(--mono)}.order-card p{font-size:.78rem;color:var(--muted)}.order-card-top{font:.72rem var(--mono);color:var(--green)}
.order-progress-box{margin-top:14px;padding:12px 14px;border:1px solid #c9dcc5;border-radius:9px;background:#f4fbef;color:var(--green);font:600 .76rem var(--mono)}