*{box-sizing:border-box}body{margin:0;background:#f4f6f8;font-family:Arial,sans-serif;color:#18212b}nav{background:var(--secondary);color:white;padding:14px 20px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{color:white;text-decoration:none}.container{max-width:1200px;margin:auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.card{background:white;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0001}.big{font-size:28px;font-weight:bold}.btn{display:inline-block;padding:9px 14px;background:var(--primary);color:white;text-decoration:none;border:0;border-radius:6px;cursor:pointer}.btn.secondary{background:#667085}.danger{background:#b42318}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.form{background:white;padding:20px;border-radius:10px;max-width:800px}.form input,.form select,.form textarea{width:100%;padding:10px;margin:6px 0 14px;border:1px solid #ccd3da;border-radius:6px}.flash{background:#e7f6ec;padding:12px;margin:15px 0;border-radius:6px}h1{margin-top:24px}footer{text-align:center;padding:30px;color:#667085} @media(max-width:700px){.table{font-size:13px}nav{gap:10px}}

.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#eef2f6;font-size:12px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.muted{color:#667085}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.photo-grid img{width:100%;height:110px;object-fit:cover;border-radius:8px}.kpi{font-size:26px;font-weight:700}.ok{color:#067647}.warn{color:#b54708}.err{color:#b42318}.sticky{position:sticky;top:10px}.signature-box{border:1px dashed #98a2b3;background:#fff;border-radius:8px;touch-action:none;width:100%;max-width:600px;height:220px}

.wa-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}
.wa-modal-box{background:#fff;color:#222;border-radius:12px;max-width:420px;width:100%;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:center}
.wa-modal-box h2{margin-top:0}
@media(max-width:700px){nav{flex-wrap:wrap}.wa-modal-box{padding:22px}}
.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#98a2b3;margin-right:7px;vertical-align:middle}.status-aberto,.status-aberta{background:#12b76a}.status-agendado{background:#2e90fa}.status-em_atendimento,.status-em_execucao,.status-em-andamento{background:#f79009}.status-aguardando_peca,.status-aguardando_cliente{background:#fdb022}.status-resolvido,.status-concluida{background:#067647}.status-cancelado{background:#f04438}.status-concluida{background:#12b76a}.status-em_andamento{background:#f79009}