:root{--ab-green:#96bf0d;--ab-orange:#f18e00;--ab-blue:#1abae9;}
.ab-afw-card{max-width:760px;margin:24px auto;background:#fff;border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.06);overflow:hidden;border:1px solid #eee}
.ab-afw-header{padding:16px 20px;color:#fff;font-weight:700;font-size:20px;letter-spacing:.2px}
.ab-afw-form{padding:16px 20px 24px}
.ab-row{margin:12px 0}
.ab-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ab-label{display:block;font-size:13px;color:#333;margin-bottom:6px}
.ab-select, .ab-afw-form input[type=text], .ab-afw-form input[type=email], .ab-afw-form input[type=date], .ab-afw-form textarea{
  width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:10px;background:#fafafa
}
.ab-inline{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.ab-radio input, .ab-checkbox input{margin-right:8px}
.ab-help{font-size:12px;color:#555;margin-top:6px;max-width:700px}
.ab-actions{margin-top:12px}
.ab-btn{background:var(--ab-green);color:#fff;border:none;border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer}
.ab-btn.small{padding:6px 10px;border-radius:10px}
.ab-btn.ghost{background:#eaf6ff;color:#036; }
.ab-status{margin-top:10px;font-size:14px;color:#064;min-height:18px}
.hidden{display:none}
@media (max-width:640px){ .ab-grid-2{grid-template-columns:1fr} }
.ab-pwa{position:fixed;left:16px;right:16px;bottom:16px}
.ab-pwa-content{background:#fff;border:1px solid #ddd;border-left:6px solid var(--ab-blue);border-radius:12px;padding:12px 12px;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.ab-pwa-title{font-weight:700;margin-bottom:6px}
.ab-pwa-actions{display:flex;gap:8px;flex-wrap:wrap}
.ab-pwa-steps{margin-top:6px;font-size:13px;color:#333}