:root{color:#172336;background:#f3f6fa;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:#123;background:#fff;border:1px solid #b8c5d3;border-radius:.5rem;padding:.5rem .8rem}button:hover{background:#e8f4f4}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #3a9a94}input,select,textarea{color:#123;background:#fff;border:1px solid #9eafbf;border-radius:.4rem;width:100%;padding:.5rem}label{margin:.5rem 0;font-weight:600;display:block}label input,label select{margin-top:.25rem;font-weight:400}form{flex-wrap:wrap;align-items:end;gap:.7rem;margin:.5rem 0 1rem;display:flex}form label{flex:1;min-width:11rem}form button{color:#fff;background:#176d68;border-color:#176d68;margin-bottom:.5rem}form button:hover{background:#105652}.shell{max-width:40rem;margin:10vh auto;padding:2rem}.auth-card{background:#fff;border-radius:1rem;box-shadow:0 8px 28px #1b355020}.auth-card form{display:block}.auth-card form button{margin-top:.5rem}.mark{color:#186e6d;letter-spacing:.16em;font-weight:800}h1{margin:.5rem 0;font-size:clamp(2rem,4vw,3rem)}h2{margin-top:.4rem}p{line-height:1.5}.link-button{border:0;padding-left:0;text-decoration:underline}.app-layout{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #d6e1e8;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1rem,50vw - 36rem);display:flex}.identity{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.tabs{gap:.5rem;padding:.8rem max(1rem,50vw - 36rem);display:flex}.tabs .selected{color:#fff;background:#176d68}.content{max-width:72rem;margin:0 auto;padding:0 1rem 2rem}.stack{gap:1rem;display:grid}.panel{background:#fff;border:1px solid #d8e2e8;border-radius:.8rem;padding:1rem 1.2rem}.panel ul{padding-left:1.2rem}.panel li{margin:.5rem 0;line-height:1.7}.actions{flex-wrap:wrap;gap:.4rem;margin-left:.5rem;display:inline-flex}.actions button,.actions select,li>button{width:auto;margin-left:.25rem;padding:.25rem .5rem;font-size:.85rem}.notice{background:#e5f4f0;border-left:4px solid #176d68;padding:.7rem 1rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;display:grid}.qr{width:min(16rem,100%);display:block}footer{text-align:center;color:#66788a;padding:1.5rem}@media (width<=640px){.shell{margin:1rem;padding:1rem}.topbar{display:block}.identity{margin-top:.5rem}form{display:block}}.orders-page{gap:1.25rem;padding-top:.5rem;display:grid}.orders-hero{color:#fff;background:linear-gradient(120deg,#133a43,#176d68 65%,#2d9381);border-radius:1.25rem;justify-content:space-between;align-items:end;gap:1.5rem;padding:1.8rem 2rem;display:flex}.orders-hero h1{margin:.2rem 0;font-size:clamp(1.7rem,4vw,2.7rem)}.orders-hero p{color:#e6f4f0;margin:.2rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:#a4e8d6;font-size:.72rem;font-weight:800}button.primary{color:#10453f;white-space:nowrap;background:#dcfff1;border-color:#dcfff1;font-weight:700}button.primary:hover{background:#fff}button:disabled{opacity:.6;cursor:wait}.order-form{padding:1.5rem}.order-form form{display:block}.order-form fieldset{border:0;min-width:0;margin:0;padding:0}.section-heading,.results-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-heading span,.results-heading span{color:#5b6e7b}.order-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem 1rem;display:grid}.order-form-grid .wide{grid-column:1/-1}.order-form label{min-width:0;margin:.35rem 0}.stack .panel p,.stack .panel summary{overflow-wrap:anywhere}input[type=checkbox][aria-label^=Seleccionar\ ]{vertical-align:middle;width:auto;margin:0 .5rem 0 0;display:inline-block}.order-form small{color:#66788a;margin-top:.2rem;font-weight:400;display:block}.product-line{grid-template-columns:minmax(0,2fr) minmax(7rem,.5fr) auto;align-items:end;gap:.8rem;margin:.5rem 0;display:grid}.product-line button{margin-bottom:.35rem}.form-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;padding-top:1rem;display:flex}.draft-actions{flex-wrap:wrap;gap:.5rem;display:inline-flex}.form-warning{color:#583b13;background:#fff4df;border-left:4px solid #b46c16;border-radius:.35rem;padding:.7rem 1rem}.filter-bar{background:#fff;border:1px solid #d8e2e8;border-radius:.9rem;grid-template-columns:minmax(13rem,2fr) repeat(4,minmax(8rem,1fr));gap:.8rem;padding:.8rem 1rem;display:grid}.filter-bar label{min-width:0;margin:0;font-size:.82rem}.filter-bar input,.filter-bar select{margin-top:.3rem}.results-heading h2{margin:0}.date-group{gap:.75rem;display:grid}.date-group>h3{color:#28505a;margin:.2rem 0;font-size:1.05rem}.client-group{gap:.6rem;display:grid}.client-group>h4{color:#4e6571;margin:.2rem 0}.order-card{background:#fff;border:1px solid #d5e1e4;border-radius:.85rem;overflow:hidden;box-shadow:0 4px 16px #103a4510}.order-card summary{cursor:pointer;grid-template-columns:minmax(10rem,auto) 1fr auto 1rem;align-items:center;gap:.8rem;padding:1rem 1.15rem;list-style:none;display:grid}.order-card summary::-webkit-details-marker{display:none}.order-card[open] summary{border-bottom:1px solid #e1eaec}.order-id{color:#176d68;font-weight:800}.chevron{color:#176d68}.order-detail{padding:.7rem 1.15rem 1rem}.order-detail p{margin:.35rem 0;font-size:.9rem}.order-detail ul{margin:1rem 0 0;padding:0;list-style:none}.order-detail li{border-top:1px solid #e7edef;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;display:flex}.order-detail code{background:#edf3f4;border-radius:.3rem;margin-left:.5rem;padding:.12rem .4rem;font-size:.85rem;display:inline-block}.order-detail li>span{overflow-wrap:anywhere;min-width:0}.empty-state{text-align:center;color:#586d78;background:#fff;border:1px dashed #b5c8cf;border-radius:1rem;padding:2.5rem}@media (width<=850px){.order-form-grid,.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.orders-hero{padding:1.3rem;display:block}.orders-hero button{margin-top:1rem}.order-form-grid,.filter-bar{grid-template-columns:1fr}.product-line{grid-template-columns:minmax(0,1fr) 6rem}.product-line button{grid-column:1/-1}.order-card summary{grid-template-columns:minmax(0,1fr) auto}.order-card summary span:nth-child(2){grid-area:2/1/auto/-1}.order-card summary strong{grid-area:3/1}.order-card summary .chevron{grid-area:1/2}.order-detail li{flex-wrap:wrap;align-items:start}.tabs{flex-wrap:wrap}.form-actions>button{flex:100%}}