:root{font-family:Segoe UI,Arial,sans-serif;color:#22312b;background:#f5f7f4;font-size:15px;--green:#226b30;--line:#dce5da}*{box-sizing:border-box}body{margin:0;display:flex}aside{position:fixed;width:235px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:22px;display:flex;flex-direction:column}aside img{width:170px;align-self:center} .brand{text-align:center;font-weight:600;color:#647361;margin:0 0 32px}nav{display:grid;gap:9px}button,a,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:white;padding:10px 14px;color:#25392b}button:hover{background:#edf5e9}button:disabled{opacity:.55;cursor:wait}.primary,nav .active{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#174e22}nav button{text-align:left;border:0}a{color:var(--green)}.aside-bottom{margin-top:auto;font-size:12px;line-height:1.8;color:#76806f}main{margin-left:235px;padding:36px 42px;max-width:1450px;width:calc(100% - 235px)}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:1.7px;color:#6c7e66}h1{font-size:28px;margin:8px 0;font-weight:650}h2{font-size:17px;margin:0 0 20px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:20px}.card-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.card-head h2{margin:0;margin-right:auto}.card-head input{max-width:300px}.stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:16px;margin-bottom:24px}.stats article{background:#eaf1e7;padding:22px;border-radius:12px}.stats span{color:#5b6c54;font-size:13px}.stats strong{display:block;font-size:27px;margin-top:12px}.stats small{display:block;color:#5e7058;margin-top:8px;font-size:11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:15px}.wide{grid-column:1/-1}label{font-size:13px;color:#52634d;display:block}input,select,textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #cdd8c9;border-radius:7px;background:#fff;color:#203024}input:focus,select:focus,textarea:focus{outline:2px solid #97bb78;outline-offset:1px}.actions{display:flex;gap:10px;margin-top:22px}.sticky{position:sticky;bottom:0;background:#f5f7f4;padding:14px 0}.muted{color:#72806b;font-size:13px;line-height:1.6}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-weight:600;color:#63775a;background:#f2f6ef}td,th{padding:14px 10px;border-bottom:1px solid #e6ece2;vertical-align:middle}td .buttons{display:flex;gap:6px;flex-wrap:wrap}td button{font-size:12px;padding:7px 9px}.items{min-width:770px}.items input{margin:0}.items th:nth-child(1){width:110px}.items th:nth-child(2){width:90px}.items th:nth-child(4){width:145px}.items th:nth-child(5){width:125px}.items textarea{margin:0;min-width:180px}.grand-total{display:flex;justify-content:flex-end;align-items:center;gap:24px;padding-top:24px;font-size:17px}.grand-total strong{font-size:29px;color:var(--green)}#message:empty{display:none}#message{padding:13px 18px;background:#e2f0db;border:1px solid #a2c38e;border-radius:8px;margin-bottom:20px}#message.error{background:#fff0ec;border-color:#daa391;color:#9f3826}.empty{text-align:center;padding:48px 10px;color:#75866e}.help{max-width:800px;line-height:1.8}.help li{margin-bottom:12px}.help h2{margin-top:28px}.help h2:first-child{margin-top:0}dialog{width:min(800px,95vw);border:1px solid var(--line);border-radius:12px;padding:25px}dialog::backdrop{background:#17291b66}details{border-bottom:1px solid var(--line);padding:15px 0}details pre{white-space:pre-wrap;font:13px Segoe UI}summary{cursor:pointer}button:focus-visible{outline:3px solid #9cc975;outline-offset:3px}[hidden]{display:none!important}@media(max-width:950px){aside{width:190px;padding:16px}aside img{width:150px}main{margin-left:190px;width:calc(100% - 190px);padding:25px 20px}.stats{grid-template-columns:1fr}.card{padding:18px}}@media(max-width:650px){body{display:block}aside{position:static;width:100%;padding:10px 14px;border-bottom:1px solid var(--line)}aside img{width:110px;max-height:95px;object-fit:cover}.brand,.aside-bottom{display:none}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}nav button{font-size:12px;padding:9px}main{margin-left:0;width:100%;padding:20px 14px}header{align-items:flex-start}header button{font-size:12px}h1{font-size:23px}.grid{grid-template-columns:1fr}.actions{flex-wrap:wrap}.stats strong{font-size:25px}}

.mobile-root{display:contents}
@media(max-width:650px){body{font-size:16px}aside{background:white;padding:10px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}aside img{width:100px;max-height:76px}aside .brand{display:block;margin:0;font-size:14px}nav{position:fixed;inset:auto 0 0;background:white;border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);z-index:20}nav button{font-size:13px;min-height:48px;text-align:center;padding:8px 4px}main{padding-bottom:110px}header .eyebrow{display:none}header{margin-bottom:20px}header button{min-height:46px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats article:last-child{grid-column:1/-1}.stats article{padding:16px}.stats span{font-size:14px}.stats strong{font-size:25px}input,select,textarea{font-size:16px;min-height:46px}label{font-size:14px}.items{min-width:0;display:block}.items thead{display:none}.items tbody{display:grid;gap:16px}.items tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f5f8f3;border:1px solid var(--line);border-radius:10px;padding:16px}.items td{display:block;border:0;padding:0}.items td:nth-child(3){grid-column:1/-1;grid-row:1}.items td:nth-child(3) textarea{min-width:0}.items td:nth-child(1)::before{content:'Quantidade'}.items td:nth-child(2)::before{content:'Unidade'}.items td:nth-child(3)::before{content:'Discriminação'}.items td:nth-child(4)::before{content:'Valor unitário (R$)'}.items td:nth-child(5)::before{content:'Total do item'}.items td::before{display:block;color:#63775a;font-size:14px;margin-bottom:6px}.items td:last-child{display:flex;justify-content:flex-end;align-items:flex-end}.items .remove-item{width:46px;height:46px}.line-total{font-weight:bold;font-size:18px}.sticky{bottom:74px}.sticky button{flex:1;min-height:48px}.card-head input{max-width:none}.card-head h2{flex-basis:100%}#order-list table,#client-list table,#order-list tbody,#client-list tbody{display:block}#order-list thead,#client-list thead{display:none}#order-list tr,#client-list tr{display:block;border-bottom:1px solid var(--line);padding:14px 0}#order-list td,#client-list td{display:block;border:0;padding:5px 0}td .buttons{gap:8px;margin-top:8px}td button{font-size:14px;min-height:44px;padding:9px 12px}.aside-bottom{display:none}.grand-total strong{font-size:26px}.help{line-height:1.7}.help li{font-size:16px}.actions{gap:8px}button{min-height:44px}#message{line-height:1.5}}

.account{margin-top:20px;display:flex;gap:8px;align-items:center;font-size:12px}.auth{display:block}.auth main{margin:60px auto;width:min(480px,95%);padding:20px}.auth img{width:130px;display:block;margin:auto}.auth form{display:grid;gap:16px}@media(max-width:650px){.account{margin:0;flex-direction:column}.account span{max-width:100px;overflow:hidden}.account button{min-height:34px;padding:5px 12px}}