:root { --bg:#faf7f4; --paper:#fff; --ink:#322b29; --muted:#857771; --brown:#623c37; --brown2:#4b2d2a; --pink:#f2e5e2; --border:#eae0dc; --green:#1e7963; --greenbg:#e7f5ef; --orange:#a8641e; --orangebg:#fff2dd; --red:#aa4c4d; --redbg:#fbe9e8; --shadow:0 12px 30px rgba(70,38,30,.06); }
    *{box-sizing:border-box} html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5}
    button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d5aba2;outline-offset:2px}a{color:inherit}
    .wrap{max-width:1160px;margin:0 auto;padding:30px 20px 80px}
    .hero{background:linear-gradient(110deg,#51312d,#77504c 65%,#966560);border-radius:24px;color:white;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:22px;box-shadow:var(--shadow)}
    .brand{display:flex;align-items:center;gap:15px}.logo{height:49px;width:49px;background:#fff2eb;border-radius:15px;display:grid;place-items:center;color:var(--brown);font-size:26px;flex:none}.eyebrow{margin:0 0 1px;color:#ecd3cf;font-weight:650;letter-spacing:.10em;text-transform:uppercase;font-size:10px}.hero h1{margin:0;font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em;font-size:30px;font-weight:700}.hero .subtitle{margin:5px 0 0;color:#f3ded9;font-size:13px}.hero-btn{background:#fff;color:var(--brown)!important;border-color:#fff!important;white-space:nowrap}
    .btn{border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:11px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700;transition:background .15s,border .15s,transform .15s;text-decoration:none;min-height:41px}.btn:hover{background:#faf2ef;border-color:#d6bbb2}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--brown);border-color:var(--brown);color:#fff}.btn.primary:hover{background:var(--brown2)}.btn.ghost{background:transparent}.btn.small{padding:7px 10px;min-height:33px;font-size:12px}.btn.danger{color:var(--red)}.btn.success{color:var(--green);border-color:#bedecf;background:#f6fcf8}.btn-link{background:none;border:0;padding:2px 4px;color:var(--brown);font-weight:700}
    .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 28px}.stat{background:var(--paper);border:1px solid var(--border);border-radius:17px;padding:19px 20px;min-width:0;box-shadow:var(--shadow)}.stat small{display:block;color:var(--muted);font-size:12px;margin-bottom:9px;font-weight:650}.stat strong{font-size:25px;line-height:1.15;letter-spacing:-.045em;display:block;overflow-wrap:anywhere}.stat .hint{font-size:11px;color:var(--muted);margin-top:8px}.stat.emphasis{background:#f7e9e5;border-color:#ead3cc}.stat.emphasis strong{color:var(--brown)}.stat.income strong{color:var(--green)}.stat.debt strong{color:var(--red)}
    .section-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 13px}.section-header h2{font-size:21px;letter-spacing:-.035em;margin:0}.section-header p{color:var(--muted);margin:2px 0 0;font-size:12px}.tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .toolbar{border:1px solid var(--border);background:#fff;padding:14px;border-radius:17px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:17px}.search{flex:1 1 240px;position:relative}.search .loupe{position:absolute;top:10px;left:12px;color:#8e7c75;font-size:18px}.search input{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 12px 11px 35px;outline:0;background:#fbf9f8}.search input:focus{border-color:#b98e84}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:9px 12px;font-weight:700;font-size:12px}.filter.active{background:var(--pink);color:var(--brown)}
    .orders{display:grid;gap:12px}.order{background:#fff;border:1px solid var(--border);border-radius:17px;padding:19px 20px;box-shadow:var(--shadow)}.order-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.customer{font-size:17px;font-weight:800;letter-spacing:-.025em;overflow-wrap:anywhere}.order-id{font-size:11px;font-weight:700;color:#958780;margin-bottom:3px}.order-sub{margin-top:3px;color:var(--muted);font-size:12px}.badge{display:inline-block;white-space:nowrap;border-radius:100px;font-size:11px;font-weight:800;padding:5px 10px}.badge.pago{background:var(--greenbg);color:var(--green)}.badge.fiado{background:var(--redbg);color:var(--red)}.badge.parcial{background:var(--orangebg);color:var(--orange)}
    .items-description{padding:11px 0;margin-top:10px;color:#5c514d;font-size:13px;border-bottom:1px dashed var(--border);overflow-wrap:anywhere}.order-finance{display:flex;flex-wrap:wrap;gap:20px;padding:13px 0;align-items:center}.order-finance small{display:block;color:var(--muted);font-size:11px}.order-finance b{display:block;font-size:16px;letter-spacing:-.03em}.order-finance .owing{color:var(--red)}.order-finance .received{color:var(--green)}.order-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #f0e8e4;padding-top:13px}.order-note{font-size:12px;color:var(--muted);margin:0 0 10px}.overdue{color:var(--red);font-weight:700}.empty{padding:60px 20px;background:#fff;border:1px dashed #dbcac3;border-radius:17px;text-align:center}.empty .icon{font-size:38px}.empty h3{font-size:18px;margin:10px 0 4px}.empty p{margin:0 auto 18px;color:var(--muted);max-width:400px}.footer{color:#9a8983;font-size:11px;text-align:center;margin-top:27px}
    dialog{border:0;border-radius:20px;padding:0;width:min(610px,calc(100% - 24px));max-height:min(92vh,840px);box-shadow:0 28px 100px rgba(32,15,12,.3);color:var(--ink)}dialog::backdrop{background:rgba(38,22,19,.58);backdrop-filter:blur(3px)}.dialog-header{padding:22px 24px 17px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:sticky;top:0;background:#fff;z-index:1}.dialog-header h2{font-size:21px;letter-spacing:-.035em;margin:0}.dialog-header p{color:var(--muted);margin:4px 0 0;font-size:12px}.x{background:#f7f2f0;border:0;border-radius:9px;width:34px;height:34px;font-size:23px;color:#776862}.dialog-body{padding:21px 24px 10px;max-height:calc(92vh - 160px);overflow-y:auto}.dialog-footer{border-top:1px solid var(--border);padding:15px 24px;display:flex;justify-content:flex-end;gap:9px;background:white;position:sticky;bottom:0;z-index:1}
    .field{min-width:0}.field label{display:block;font-size:12px;color:#685b56;font-weight:750;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #e2d6d1;background:#fff;border-radius:10px;padding:11px 12px;color:var(--ink);outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b98e84;box-shadow:0 0 0 3px #f6e4de}.field textarea{resize:vertical;min-height:62px}.field .help{font-size:11px;color:var(--muted);margin-top:4px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:15px}.field.full{grid-column:1/-1}.subheading{font-size:14px;font-weight:800;margin:19px 0 10px}.item-row{display:grid;grid-template-columns:minmax(0,2fr) 72px 110px 32px;gap:7px;align-items:end;margin-bottom:9px}.item-row input{padding:10px 8px}.item-row label{font-size:10px}.item-remove{border:1px solid #e8dad5;background:#fff;color:var(--red);font-size:20px;width:32px;height:40px;border-radius:9px}.order-total{display:flex;justify-content:space-between;padding:13px 15px;background:#f8f2ef;border-radius:11px;margin:13px 0 18px}.order-total strong{font-size:20px;color:var(--brown)}.info{background:#fff8ee;padding:12px 13px;border-radius:10px;color:#805b36;font-size:12px;margin:4px 0 14px}.hidden{display:none!important}.payment-history{border-top:1px solid var(--border);margin:20px 0 0;padding:14px 0 4px}.payment-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f5efec;font-size:12px}.payment-line strong{color:var(--green)}.pay-balance{display:flex;justify-content:space-between;padding:15px;border-radius:12px;background:#f7eeeb;margin-bottom:18px}.pay-balance strong{font-size:21px;color:var(--red)}.pay-balance small{color:var(--muted)}.backup-menu{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px;justify-content:flex-end}
    #toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;z-index:100;background:var(--brown);color:white;border-radius:12px;padding:12px 18px;box-shadow:0 8px 30px rgba(40,20,15,.2);transition:.2s;max-width:calc(100% - 30px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
    @media(max-width:750px){.wrap{padding:13px 12px 55px}.hero{padding:20px 17px;border-radius:17px;flex-wrap:wrap;gap:16px}.hero h1{font-size:25px}.hero .subtitle{font-size:12px}.hero-btn{width:100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 22px}.stat{padding:15px 13px;border-radius:13px}.stat strong{font-size:21px}.stat small{font-size:11px}.section-header{align-items:flex-start;flex-wrap:wrap}.section-header h2{font-size:19px}.toolbar{padding:10px}.search{flex-basis:100%}.filters{width:100%;justify-content:space-between}.filter{flex:1;padding:9px 5px}.order{padding:15px}.customer{font-size:16px}.order-finance{gap:12px}.order-finance>div{min-width:70px;flex:1}.order-finance b{font-size:15px}.order-actions .btn{flex:1}dialog{max-height:95vh}.dialog-header{padding:17px}.dialog-body{padding:16px;max-height:calc(95vh - 140px)}.dialog-footer{padding:12px 16px}.item-row{grid-template-columns:minmax(0,1fr) 52px 83px 27px;gap:5px}.item-row input{padding:10px 5px;font-size:12px}.item-remove{width:27px}.fields{gap:10px}.field input,.field select,.field textarea{padding:10px 9px;font-size:13px}.backup-menu{justify-content:stretch}.backup-menu .btn{flex:1}}
    @media(max-width:390px){.order-actions .btn{flex:auto}.filters{gap:1px}.filter{font-size:11px}.item-row{grid-template-columns:minmax(0,1fr) 45px 72px 27px}}
    @media print{.hero-btn,.tools,.toolbar,.order-actions,.footer,.backup-menu{display:none!important}.wrap{max-width:none}.hero{color:#000;background:#fff;box-shadow:none;border:1px solid #ddd}.hero .eyebrow,.hero .subtitle{color:#333}.order,.stat{box-shadow:none;break-inside:avoid}}
/* Extensões da versão web local */
[hidden]{display:none!important}
.hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hero-lock{color:#fff;background:transparent;border:1px solid #b99a93;white-space:nowrap}
.hero-lock:hover{background:#74504a;border-color:#dec0b8}
.local-pill{font-size:12px;line-height:1.5;margin:14px 0 3px;background:#f0eae6;border:1px solid #e8ddd7;border-radius:12px;color:#6c5149;padding:11px 14px}
.gate-screen{position:fixed;inset:0;z-index:5000;background:linear-gradient(140deg,#f4e5e0,#fbf7f4 64%,#e9dad3);display:grid;place-items:center;padding:20px;overflow:auto}
.gate-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:31px 28px;box-shadow:0 28px 74px rgba(59,28,20,.12);border:1px solid #e9ddd8;text-align:center}
.gate-logo{width:60px;height:60px;border-radius:18px;background:#f3e4e0;color:var(--brown);display:grid;place-items:center;font-size:35px;margin:0 auto 14px}
.gate-eyebrow{text-transform:uppercase;letter-spacing:2px;color:#8e6e64;font-size:10px;font-weight:800;margin:0 0 5px}
.gate-card h2{font-family:Georgia,serif;font-size:27px;margin:0 0 7px;color:#52342f}
.gate-description{font-size:13px;color:#786c66;margin:0 auto 22px;max-width:325px}
.gate-form{text-align:left}.gate-form label{display:block;font-size:12px;font-weight:750;margin-bottom:6px;color:#604d45}.gate-form input{display:block;width:100%;font-size:19px;letter-spacing:3px;padding:12px;border:1px solid #e0d1ca;border-radius:10px;margin-bottom:12px;text-align:center}
.gate-submit{width:100%;margin-top:5px}.gate-error{min-height:18px;color:#ac4b4b;font-size:12px;margin:0 0 5px}.gate-footnote{font-size:11px;color:#958680;margin:18px 0 0;line-height:1.55}
@media(max-width:750px){.hero-actions{width:100%}.hero-btn{flex:1;width:auto}.hero-lock{flex:0 0 auto}.gate-card{padding:26px 20px}}