:root{--primary:#0b5d2a;--primary2:#cf1f1f;--bg:#fff8ed;--card:#fff;--text:#1d1d1f;--muted:#6b7280;--border:#eadfce;--ok:#0f8a32;--warn:#9a6700;--bad:#b91c1c}


*{box-sizing:border-box}
body{
  margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)
}
a{text-decoration:none;color:inherit}
.container{max-width:1120px;margin:0 auto;padding:20px}
.topbar{padding:16px 0}
.back{
  display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;
  padding:12px 18px;border-radius:999px;font-weight:700
}
.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.card{
  background:var(--card);border:1px solid var(--border);border-radius:22px;padding:22px;
  box-shadow:0 10px 25px rgba(0,0,0,.04)
}
h1,h2,h3,p{margin:0}
h1{font-size:28px;margin-bottom:8px}
.sub{color:var(--muted);margin-bottom:18px;line-height:1.45}
.section-title{font-size:18px;margin-bottom:14px;color:var(--primary)}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label{font-weight:700;font-size:14px}
.field input,.field textarea,.field select{
  width:100%;padding:13px 14px;border:2px solid #ddd;border-radius:16px;background:#fff;font-size:15px
}
.field textarea{min-height:92px;resize:vertical}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.pay-option{
  display:flex;align-items:flex-start;gap:12px;padding:14px;border:2px solid #ddd;border-radius:18px;
  cursor:pointer
}
.pay-option.active{border-color:var(--primary);background:#effaf2}
.pay-option strong{display:block}
.notice{
  background:#effaf2;border:1px solid #edd8ef;border-radius:18px;padding:14px;color:#4e3250;font-size:14px
}
.btn{
  width:100%;border:0;border-radius:999px;padding:16px 20px;background:var(--primary);color:#fff;
  font-size:16px;font-weight:800;cursor:pointer
}
.btn:disabled{opacity:.7;cursor:wait}
.summary-item{display:flex;gap:14px;align-items:flex-start}
.summary-item img{width:92px;height:92px;border-radius:18px;object-fit:cover;border:1px solid var(--border)}
.summary-lines{margin-top:14px}
.line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed #ddd}
.muted{color:var(--muted)}
.small{font-size:13px}
.badge{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-weight:800
}
.badge.pending{background:#fff4d6;color:var(--warning)}
.badge.paid{background:#e6f7eb;color:var(--success)}
.pix-wrap{max-width:760px}
.pix-hero{display:flex;justify-content:center;margin:20px 0}
.pix-hero img{max-width:270px;width:100%;border:1px solid var(--border);border-radius:18px;padding:12px;background:#fff}
.codebox{
  width:100%;min-height:120px;border:2px solid #ddd;border-radius:18px;padding:14px;font-size:14px
}
.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.action-row .btn,.action-row .ghost{width:auto;padding:14px 18px}
.ghost{
  display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:2px solid var(--primary);
  color:var(--primary);font-weight:800;background:#fff
}
.ok-box{
  display:none;margin-top:18px;padding:18px;border-radius:18px;background:#edf9f0;border:1px solid #caedd2;color:#0a6d28
}
.list-orders{display:flex;flex-direction:column;gap:14px}
.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px}
.order-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.empty{padding:28px;border:2px dashed #ddd;border-radius:20px;text-align:center;color:#666;background:#fff}
@media (max-width:900px){
  .grid,.row,.row-3{grid-template-columns:1fr}
  .container{padding:16px}
  h1{font-size:24px}
}

/* LaraPay + Cartão mock + painel */
.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pay-methods .pay-option{width:100%;background:#fff;text-align:left;border:2px solid #ddd}
.pay-methods .pay-option.active{border-color:var(--primary);background:#effaf2}
.card-payment-box{border:1px solid #edd8ef;border-radius:20px;padding:16px;background:#fff}
.card-result{line-height:1.45}
.card-result strong{display:block;margin-bottom:6px}
@media(max-width:900px){.pay-methods{grid-template-columns:1fr}}

body{background:linear-gradient(180deg,#fff8ed,#ffffff)!important}.btn{background:#0b5d2a!important}.back{color:#0b5d2a!important}.section-title{color:#0b5d2a!important}.pay-option.active{border-color:#0b5d2a!important;background:#effaf2!important}.summary-item img{background:#fff4d6}.notice{border-color:#cdeed7;background:#effaf2}