:root{--verde:#2f7d6d;--verde2:#3f9783;--verde-claro:#dceee8;--texto:#17312c;--cinza:#667b75;--borda:#d9e6e2;--laranja:#ef8b5b}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--texto);background:linear-gradient(180deg,#f8fbfa,#eef6f3)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.app{width:min(1180px,calc(100% - 24px));margin:auto;min-height:100vh}
header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.logo{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(145deg,var(--verde),var(--verde2))}
.brand small{display:block;color:#6c817b;margin-top:3px}nav{display:flex;gap:8px;flex-wrap:wrap}nav button,.admin-link{border:0;border-radius:12px;padding:10px 14px;background:#e6f1ed;color:#2f6f62;font-weight:700;text-decoration:none}
nav button.active{background:var(--verde);color:#fff}main{padding:24px 0 50px}.view{display:none}.view.active{display:block}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding:48px 0}.badge{display:inline-block;padding:7px 11px;border-radius:999px;background:var(--verde-claro);color:#2d6f61;font-size:12px;font-weight:800;text-transform:uppercase}
h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-3px;margin:18px 0}.lead{font-size:18px;line-height:1.7;color:#5b716b;max-width:680px}
.actions,.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{border:0;border-radius:14px;min-height:48px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.primary{background:var(--verde);color:#fff}.secondary{background:#fff;color:#2d675b;border:1px solid var(--borda)}.whatsapp{background:#25d366;color:#fff}.full{width:100%;margin-top:18px}
.card,.panel{background:#fff;border:1px solid var(--borda);border-radius:20px;padding:22px;box-shadow:0 16px 45px rgba(51,91,80,.1)}.info-row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #e4ece9}.info-row span:last-child{text-align:right;color:#70837d}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.summary{position:sticky;top:16px}.field{display:grid;gap:7px;margin-bottom:14px}label{font-weight:700;color:#35534c;font-size:14px}
input,select,textarea{width:100%;border:1px solid #cfded9;border-radius:12px;padding:12px;background:#fff;color:var(--texto)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.file-item{border:1px solid var(--borda);border-radius:14px;padding:14px;margin:12px 0;background:#fbfdfc}.file-head{display:flex;justify-content:space-between;gap:10px}.remove{border:0;background:#f7e5e5;color:#a33;border-radius:10px;padding:8px}
.price-line{display:flex;justify-content:space-between;gap:18px;padding:10px 0}.total{font-size:26px;font-weight:900;color:var(--verde);border-top:2px solid var(--verde-claro);margin-top:10px;padding-top:16px}
.notice,.success,.error{padding:14px;border-radius:12px;margin:14px 0;line-height:1.5}.notice{background:#fff8e9;color:#775c22}.success{background:#e3f3e8;color:#275f39}.error{background:#f8e4e4;color:#8c3030}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:normal}.check input{width:auto;margin-top:3px}.muted{color:#738680;font-size:14px;line-height:1.5}.narrow{max-width:620px;margin:auto}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e5ece9;text-align:left;font-size:14px}th{background:#eaf3f0}
.status{display:inline-block;border-radius:999px;padding:5px 9px;background:#e6f1ed;color:#2f6f62;font-weight:700;font-size:12px}
footer{border-top:1px solid var(--borda);padding:22px 0 30px;color:#71847f;font-size:13px;display:flex;justify-content:space-between;gap:15px}
#labelPrintArea{display:none}
@media(max-width:820px){.hero,.grid{grid-template-columns:1fr}.summary{position:static}}@media(max-width:560px){.row{grid-template-columns:1fr}footer{flex-direction:column}}
@media print{
 body *{visibility:hidden!important}#labelPrintArea,#labelPrintArea *{visibility:visible!important}
 #labelPrintArea{display:block!important;position:absolute;left:0;top:0;width:210mm;height:297mm;padding:8.5mm 5.5mm}
 .label-sheet{display:grid;grid-template-columns:99mm 99mm;grid-template-rows:repeat(5,55.8mm)}
 .label{width:99mm;height:55.8mm;padding:5mm 6mm;border:.2mm dashed #aaa;overflow:hidden}
 .label h3{margin:0 0 2mm;font-size:15pt}.label .pedido{font-size:10pt;font-weight:700}.label .nome{font-size:12pt;font-weight:800;margin-top:2mm}.label p{margin:1mm 0;font-size:9.5pt;line-height:1.15}.label .tipo{font-size:12pt;font-weight:900;margin-top:2mm}
 @page{size:A4 portrait;margin:0}
}

.qty-control{display:grid;grid-template-columns:46px 1fr 46px;gap:8px;align-items:center}
.qty-control input{text-align:center;font-weight:800;font-size:17px}
.qty-btn{height:46px;border:1px solid var(--borda);border-radius:12px;background:#eaf3f0;color:var(--verde);font-size:24px;font-weight:900;line-height:1}
.qty-btn:hover{background:var(--verde);color:#fff}

.pix-info{
  margin-top:18px;
  padding:15px;
  border-radius:14px;
  background:#eef8f3;
  border:1px solid #cfe5dc;
  color:#2d5f50;
  line-height:1.55;
  font-size:14px;
}
.pix-info strong{
  display:inline-block;
  margin-bottom:4px;
  color:var(--verde);
}

body.modal-open{overflow:hidden}
.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}
.modal-backdrop{position:absolute;inset:0;background:rgba(14,35,30,.62)}
.modal-card{position:relative;width:min(860px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.3)}
.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid var(--borda);padding-bottom:14px;margin-bottom:18px}
.modal-header h2{margin:0 0 4px}
.modal-close{width:42px;height:42px;border:0;border-radius:12px;background:#eef4f2;color:var(--texto);font-size:28px;line-height:1}
.order-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.order-info>div{padding:12px;border:1px solid var(--borda);border-radius:12px;background:#fbfdfc;display:grid;gap:4px}
.order-info span{font-size:12px;color:var(--cinza)}
.order-info .wide{grid-column:1/-1}
.pdf-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px;border:1px solid var(--borda);border-radius:14px;margin:10px 0;background:#fbfdfc}
.pdf-details p{margin:5px 0 0;color:var(--cinza);font-size:13px}
.pdf-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
@media(max-width:700px){
  .order-info{grid-template-columns:1fr}
  .order-info .wide{grid-column:auto}
  .pdf-card{align-items:stretch;flex-direction:column}
  .pdf-actions{justify-content:stretch}
  .pdf-actions .btn{flex:1}
  .modal-actions{flex-direction:column}
}