:root{--green-950:#0d3526;--green-800:#164b36;--green-700:#1e6146;--green-100:#e7f1eb;--orange:#ef8b2c;--orange-dark:#d46f13;--red:#ba3434;--ink:#17231d;--muted:#68756e;--line:#dbe3dd;--surface:#fff;--page:#f2f5f1}*{box-sizing:border-box}html{background:var(--page)}body{color:var(--ink);background:var(--page);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{background:radial-gradient(circle at 18% 10%, #dceade 0, transparent 36%), var(--page);place-items:center;min-height:100svh;padding:24px;display:grid}.login-card{background:#fff;border-radius:28px;grid-template-columns:.95fr 1.05fr;width:min(920px,100%);display:grid;overflow:hidden;box-shadow:0 28px 70px #123a2824}.brand-panel{color:#fff;background:linear-gradient(150deg,#0d3526f5,#1e6146e6),url(/logo-los-robles.png) 50%/90% no-repeat;flex-direction:column;justify-content:flex-end;min-height:560px;padding:48px;display:flex}.brand-panel img{object-fit:contain;background:#fff;border-radius:24px;width:108px;height:108px;margin-bottom:auto;padding:8px}.brand-panel span,.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}.brand-panel span{color:#f4b66c}.brand-panel h1{max-width:370px;margin:12px 0 10px;font-size:clamp(34px,5vw,54px);line-height:.98}.brand-panel p{color:#dcece3;max-width:390px;margin:0;line-height:1.55}.login-form-panel{flex-direction:column;justify-content:center;gap:28px;padding:58px;display:flex}.login-form-panel h2{margin:7px 0 6px;font-size:32px}.login-form-panel p,.login-form-panel small{color:var(--muted)}.eyebrow{margin:0;color:var(--orange)!important}.form-stack{gap:16px;display:grid}label{color:#314039;gap:8px;font-size:14px;font-weight:700;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd9d2;border-radius:13px;outline:none;padding:13px 14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--green-700);box-shadow:0 0 0 4px #1e61461f}textarea{resize:vertical}.button{border:0;border-radius:13px;padding:14px 18px;font-weight:800;transition:transform .15s,opacity .15s,background .15s}.button:active{transform:scale(.985)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{color:#fff;background:var(--orange)}.button-primary:hover{background:var(--orange-dark)}.alert{border:1px solid;border-radius:14px;width:100%;padding:14px 16px;font-size:14px;line-height:1.45}.alert-error{color:#8f2828;background:#fff2f2;border-color:#efc4c4}.alert-success{color:#125536;background:#edf9f1;border-color:#b9dec9}.alert-warning{color:#795313;background:#fff9e8;border-color:#ead198}.app-shell{width:min(760px,100%);min-height:100svh;margin:0 auto;padding:0 16px 36px}.app-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f2f5f1f0;border-bottom:1px solid #0d35261a;justify-content:space-between;align-items:center;min-height:78px;margin:0 -16px 18px;padding:10px max(16px,50vw - 364px);display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:10px;display:flex}.header-brand img{object-fit:contain;background:#fff;border-radius:12px;width:50px;height:50px}.header-brand div{gap:2px;display:grid}.header-brand strong{color:var(--green-950)}.header-brand span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.logout-button{color:var(--green-800);background:0 0;border:1px solid #cbd8cf;border-radius:11px;padding:9px 13px;font-weight:700}.welcome-card,.search-card,.ode-card,.management-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;box-shadow:0 10px 28px #14402c0f}.welcome-card{color:#fff;background:linear-gradient(135deg, var(--green-950), var(--green-700));border:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.welcome-card span{color:#cfe1d7;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.welcome-card h1{margin:4px 0 0;font-size:21px}.online-pill{background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.online-pill i{background:#7dea9c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #7dea9c26}.search-card,.management-card{margin-top:16px;padding:20px}.section-heading{align-items:center;gap:12px;display:flex}.section-heading h2{margin:0;font-size:19px}.section-heading p{color:var(--muted);margin:4px 0 0;font-size:13px}.step-number{color:#fff;background:var(--green-800);border-radius:11px;flex:0 0 34px;place-items:center;height:34px;font-weight:800;display:grid}.search-form{grid-template-columns:1fr auto;gap:10px;margin-top:16px;display:grid}.app-shell>.alert{margin-top:16px}.ode-card{margin-top:16px;overflow:hidden}.ode-title{border-bottom:1px solid var(--line);background:#fbfcfb;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.ode-title span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.ode-title h2{color:var(--green-950);margin:3px 0 0;font-size:25px}.status-pill{border-radius:999px;padding:7px 10px;letter-spacing:.03em!important;font-size:11px!important}.status-pill.active{color:#365d1f;background:#ecf7df}.status-pill.closed{color:#7b2626;background:#fbe8e8}.ode-grid{grid-template-columns:1fr 1fr;margin:0;padding:8px 20px 20px;display:grid}.ode-grid>div{border-bottom:1px solid #edf1ee;padding:13px 0}.ode-grid>div:nth-last-child(-n+2){border-bottom:0}.ode-grid .wide{grid-column:1/-1}.ode-grid dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.ode-grid dd{margin:5px 0 0;font-size:14px;font-weight:700;line-height:1.45}.ode-grid .note{background:#fff9f1;border:1px solid #ecd9bf;border-radius:12px;margin-top:4px;padding:12px 14px}.management-card{margin-bottom:18px}.result-switch{background:#eef2ef;border-radius:15px;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0;padding:5px;display:grid}.result-switch button{color:var(--muted);background:0 0;border:0;border-radius:11px;padding:13px 8px;font-weight:800}.result-switch .selected{color:#fff;box-shadow:0 4px 12px #0000001a}.result-switch .delivered{background:var(--green-700)}.result-switch .rejected{background:var(--red)}.photo-input{cursor:pointer;background:#f8faf8;border:1.5px dashed #aebfb3;border-radius:15px;margin-top:18px;padding:16px;position:relative}.observation-field{margin-top:16px}.photo-input strong{color:var(--green-800)}.photo-input input{opacity:0;width:1px;height:1px;position:absolute}.file-empty,.file-ready{font-size:12px;font-weight:600}.file-empty{color:var(--muted)}.file-ready{color:#197044}.photo-input.compact{margin:0}.check-row{border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:flex-start;gap:11px;margin-top:18px;padding:14px;display:flex}.check-row input{width:19px;height:19px;accent-color:var(--orange);margin:1px 0 0}.check-row span{gap:3px;display:grid}.check-row small{color:var(--muted);font-weight:400}.anomaly-box{background:#fff8ef;border-radius:15px;margin-top:12px;padding:15px}.submit-button{color:#fff;width:100%;margin-top:20px}.submit-button.entregado{background:var(--green-700)}.submit-button.rechazado{background:var(--red)}.submit-note{max-width:500px;color:var(--muted);text-align:center;margin:10px auto 0;font-size:11px;line-height:1.45}footer{color:#89938d;text-align:center;padding:20px 0 0;font-size:11px}@media (max-width:720px){.login-page{padding:0}.login-card{border-radius:0;min-height:100svh;display:block}.brand-panel{background:linear-gradient(150deg,#0d3526fa,#1e6146eb);justify-content:flex-end;min-height:250px;padding:28px 24px}.brand-panel img{border-radius:18px;width:76px;height:76px;margin-bottom:28px}.brand-panel h1{font-size:34px}.login-form-panel{padding:30px 24px 40px}.search-form{grid-template-columns:1fr}.search-form button{width:100%}}@media (max-width:430px){.app-shell{padding-inline:12px}.app-header{margin-inline:-12px;padding-inline:12px}.welcome-card,.search-card,.management-card{border-radius:17px}.ode-grid{grid-template-columns:1fr}.ode-grid>div{grid-column:1/-1}.result-switch button{font-size:13px}}