/* assets/css/style.css */
:root{
  --bg:#f8fafc;
  --card:#ffffff;
  --primary:#0ea5e9;
  --text:#0f172a;
  --muted:#64748b;
  --ok:#16a34a;
  --warn:#f59e0b;
  --err:#dc2626;
  --border:#e2e8f0;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif;line-height:1.4}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.04);padding:1rem;margin:1rem 0}
h1,h2,h3{margin:0.2rem 0 0.6rem}
h1{font-size:1.6rem}
h2{font-size:1.3rem;margin-top:1rem}
h3{font-size:1.1rem;margin-top:0.8rem}
label{display:block;margin:0.4rem 0 0.2rem}
input[type=text],input[type=email],input[type=date],input[type=time],input[type=number],select,textarea{
  width:100%;padding:0.65rem;border:1px solid var(--border);border-radius:10px;background:#fff;outline:0
}
textarea{min-height:110px;resize:vertical}
.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}
.row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:820px){.row,.row-3,.row-4{grid-template-columns:1fr}}
.badge{display:inline-block;padding:0.2rem 0.55rem;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:600;font-size:.8rem}
.small{color:var(--muted);font-size:.9rem}
.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.button{
  display:inline-block;padding:.7rem 1rem;border-radius:12px;border:1px solid var(--border);
  background:linear-gradient(180deg,#fff,#f1f5f9);cursor:pointer;text-decoration:none;color:var(--text);font-weight:600
}
.button.primary{background:linear-gradient(180deg,#38bdf8,#0ea5e9);color:#fff;border-color:#0284c7}
.button.ok{background:linear-gradient(180deg,#4ade80,#16a34a);color:#fff;border-color:#15803d}
.button.warn{background:linear-gradient(180deg,#fbbf24,#f59e0b);color:#111827;border-color:#d97706}
.button.err{background:linear-gradient(180deg,#fca5a5,#dc2626);color:#fff;border-color:#b91c1c}
.helper{background:#f1f5f9;border-left:4px solid var(--primary);padding:.7rem;border-radius:12px;margin:.6rem 0;color:#0f172a}
fieldset{border:1px dashed var(--border);border-radius:14px;padding:1rem;margin:1rem 0}
legend{padding:0 .5rem;color:var(--muted)}
hr{border:0;border-top:1px solid var(--border);margin:1rem 0}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid var(--border);padding:.5rem;text-align:left;vertical-align:top}
.signature-box{border:1px dashed var(--border);border-radius:12px; padding:.5rem}
footer{margin:2rem 0;color:var(--muted);font-size:.85rem;text-align:center}
.print-only{display:none}
@media print {
  .no-print{display:none !important}
  .print-only{display:block !important}
  body{background:#fff}
  .card{box-shadow:none;border:0;padding:0;margin:0}
}