.uha-bac-app { max-width: 760px; margin: 0 auto; font-family: inherit; }
.uha-bac-steps { display: flex; gap: 8px; margin-bottom: 24px; flex-wrap: wrap; }
.uha-bac-step { padding: 6px 14px; border-radius: 20px; background: #f0f0f0; color: #888; font-size: 13px; font-weight: 600; }
.uha-bac-step.active { background: #1d4ed8; color: #fff; }
.uha-bac-step.done { background: #16a34a; color: #fff; }

.uha-bac-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.uha-bac-card { border: 1px solid #e2e2e2; border-radius: 10px; padding: 16px; cursor: pointer; transition: box-shadow .15s, border-color .15s; text-align: left; background: #fff; }
.uha-bac-card:hover { border-color: #1d4ed8; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.uha-bac-card img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; margin-bottom: 10px; }
.uha-bac-card h4 { margin: 0 0 4px; }
.uha-bac-card p { margin: 2px 0; font-size: 13px; color: #666; }

.uha-bac-back { background: none; border: none; color: #1d4ed8; cursor: pointer; margin-bottom: 16px; padding: 0; font-size: 14px; }

.uha-bac-day-list { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 8px; margin-bottom: 16px; }
.uha-bac-day { flex: 0 0 auto; padding: 10px 14px; border: 1px solid #e2e2e2; border-radius: 8px; cursor: pointer; background: #fff; text-align: center; }
.uha-bac-day.active { background: #1d4ed8; color: #fff; border-color: #1d4ed8; }

.uha-bac-slot-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 8px; }
.uha-bac-slot { padding: 8px; border: 1px solid #e2e2e2; border-radius: 6px; background: #fff; cursor: pointer; font-size: 13px; }
.uha-bac-slot:hover, .uha-bac-slot.selected { background: #1d4ed8; color: #fff; border-color: #1d4ed8; }

.uha-bac-form label { display: block; margin-bottom: 12px; font-weight: 600; font-size: 14px; }
.uha-bac-form input, .uha-bac-form textarea { width: 100%; padding: 9px 10px; border: 1px solid #d0d0d0; border-radius: 6px; font-weight: normal; margin-top: 4px; }
.uha-bac-form .uha-bac-honeypot { position: absolute; left: -9999px; }

.uha-bac-btn { background: #1d4ed8; color: #fff; border: none; padding: 10px 22px; border-radius: 6px; cursor: pointer; font-weight: 600; font-size: 14px; }
.uha-bac-btn:disabled { opacity: .5; cursor: not-allowed; }
.uha-bac-error { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; padding: 10px 14px; border-radius: 6px; margin-top: 16px; }
.uha-bac-summary { background: #f8fafc; border: 1px solid #e2e2e2; border-radius: 8px; padding: 16px; margin-bottom: 16px; }
.uha-bac-loading { color: #888; padding: 20px 0; }
