@import url('/assets/css/backgrounds.css');
:root{--brown:#5d3a1a;--gold:#d59b2d;--cream:#fff8eb;--dark:#27221e;--white:#fff;--danger:#b42318;--ok:#177245}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#f6f3ee;color:var(--dark)}
a{color:var(--brown)}
.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.sidebar{background:var(--brown);color:#fff;padding:24px}
.brand{display:flex;align-items:center;gap:11px;font-size:1.15rem;font-weight:800;margin-bottom:28px}
.brand img{object-fit:contain;filter:drop-shadow(0 2px 4px #0005)}
.sidebar a{display:block;color:#fff;text-decoration:none;padding:12px;border-radius:8px;margin:4px 0}
.sidebar a:hover{background:#ffffff20}
.main{padding:28px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.card,.panel{background:#fff;border-radius:14px;padding:20px;box-shadow:0 3px 16px #3b25120d}
.metric{font-size:2rem;font-weight:800;color:var(--brown)}
.grid-2{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:20px}
label{display:block;font-weight:650;margin-top:12px}
input,select{width:100%;padding:11px;border:1px solid #d4cdc3;border-radius:8px;font:inherit}
button,.button{border:0;border-radius:8px;padding:11px 16px;background:var(--gold);color:#21180d;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block}
.button.secondary{background:#e9e4dc}
.danger{background:#fce8e6;color:var(--danger)}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:11px;border-bottom:1px solid #ece7df}
.actions{display:flex;gap:6px}
.actions form{margin:0}
.notice{padding:12px;border-radius:8px;margin-bottom:14px;background:#e5f5eb;color:var(--ok)}
.notice.error{background:#fce8e6;color:var(--danger)}
.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--brown),#2f1b0c)}
.login{width:min(420px,92vw);background:#fff;border-radius:18px;padding:32px}
.login-logo{display:block;margin:0 auto 12px;object-fit:contain}
.login h1{margin-top:0;text-align:center}
.login>p{text-align:center}
.muted{color:#726a61}
.logout{background:transparent;color:#fff;padding:12px}
@media(max-width:800px){.shell{grid-template-columns:1fr}
.sidebar{padding:14px}
.brand{margin-bottom:8px}
.sidebar nav{display:flex;gap:4px;overflow:auto}
.sidebar a{white-space:nowrap}
.main{padding:16px}
.grid-2{grid-template-columns:1fr}
.table-wrap{overflow-x:auto}
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.check{display:flex;align-items:center;gap:8px;font-weight:500}
.check input{width:auto}
.nav-heading{margin:18px 12px 5px;color:#e6c998;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.address-card{margin-top:8px;padding:11px;border:1px solid #e5ded4;border-radius:8px;background:#faf8f4}
hr{border:0;border-top:1px solid #e7e1d8;margin:22px 0}
@media(max-width:600px){.form-row{grid-template-columns:1fr}}
.onboarding{width:min(900px,94vw);margin:40px auto;display:grid;gap:18px}.onboarding-head{display:flex;align-items:center;gap:18px;color:#fff}.onboarding-head h1{margin:0}.onboarding-head .muted{color:#f2ddba}.onboarding form{display:grid;gap:18px}.onboarding .panel h2{margin-top:0}
.support-banner{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;background:#fff0c7;border:2px solid #d59b2d;border-radius:10px;padding:10px 14px;margin-bottom:16px}.support-banner form{margin-left:auto}
.dashboard-lower{margin-top:20px}.chart-bars{height:190px;display:flex;align-items:end;gap:16px;padding-top:18px}.chart-col{flex:1;text-align:center;min-width:35px}.chart-col .bar{background:linear-gradient(#e8b553,#a56a22);border-radius:7px 7px 2px 2px;min-height:4px}.notification-list{display:grid;gap:12px}.notification{display:flex;justify-content:space-between;align-items:center;border-left:5px solid #aaa}.notification h3{margin:8px 0 3px}.notification p{margin:0 0 6px}.priority-alta{border-left-color:#d59b2d}.priority-critica{border-left-color:#b42318}
.usage{padding:12px 0;border-bottom:1px solid #eee}.usage>div:first-child,.feature-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.progress.light{background:#e9e4dc;height:10px;margin:8px 0}.feature-row{padding:10px 0;border-bottom:1px solid #eee}
.delivery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;margin-top:18px}.delivery-card{border:1px solid #e3dbd0;border-radius:12px;padding:16px;background:#fcfaf7}.delivery-card h3{margin:10px 0 4px}.delivery-card p{margin:7px 0}.delivery-card .button{float:right}@media(max-width:600px){.delivery-grid{grid-template-columns:1fr}.delivery-card{font-size:1.05rem}.delivery-card .button{padding:14px 20px}}
.production-screen{background:#17130f;color:#fff;min-height:100vh;padding:22px}.production-screen header{display:flex;justify-content:space-between;align-items:center}.production-screen h1{margin:0;font-size:clamp(1.6rem,3vw,3rem)}.production-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;margin-top:22px}.production-card{background:#2b251f;border:2px solid #5c5043;border-radius:18px;padding:22px}.production-head{display:flex;justify-content:space-between;font-size:1.25rem}.production-quantity b{display:block;color:#f4bd50;font-size:clamp(3rem,7vw,6rem);line-height:1;margin-top:24px}.production-quantity small{font-size:1rem}.progress{height:14px;border-radius:9px;background:#4a4037;overflow:hidden;margin:18px 0}.progress i{display:block;height:100%;background:#d59b2d}.industrial-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.industrial-actions button{font-size:1rem;min-height:52px}.production-card input{background:#fff;color:#222;margin-top:8px}.prep-line{padding:12px 0;border-bottom:1px solid #ece7df}.prep-line strong{min-width:260px}
.page-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.page-title h1{margin:0}.filter-bar,.inline-form,.quick-line{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.filter-bar label,.inline-form label,.quick-line label{margin:0}.quick-line label:first-of-type{flex:2;min-width:240px}.quick-line label{flex:1;min-width:110px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.order-layout>section,.order-layout>aside{display:grid;align-content:start;gap:18px}.order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.order-summary span,.order-summary strong{display:block}.order-total{font-size:1.5rem;color:var(--brown)}.status,.badge{display:inline-block;border-radius:999px;padding:5px 10px;background:#e7e2db;font-size:.78rem;font-weight:800;text-transform:capitalize}.status-confirmada,.status-entregue,.status-faturada{background:#dff3e7;color:#146c43}.status-em_producao,.status-em_preparacao,.status-em_distribuicao{background:#fff0c7;color:#7a5000}.status-cancelada,.badge.danger{background:#fce3e0;color:#a51d14}.urgent-row{background:#fff7ed}.timeline{padding-left:20px}.timeline li{margin-bottom:13px}.timeline small,.timeline span{display:block;color:#726a61}.panel small{display:block;color:#726a61}.panel form+form{margin-top:16px}@media(max-width:950px){.order-layout{grid-template-columns:1fr}.order-layout>aside{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:650px){.page-title{align-items:flex-start;flex-direction:column}.order-summary{grid-template-columns:1fr}.quick-line{display:grid;grid-template-columns:1fr 1fr}.quick-line label:first-of-type{grid-column:1/-1;min-width:0}}