.dc-appt-form{display:flex;flex-direction:column;gap:14px}
.dc-appt-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dc-appt-group{display:flex;flex-direction:column;gap:5px}
.dc-appt-group label{font-size:.74rem;font-weight:600;color:var(--dc-txt-2);letter-spacing:.03em}
.dc-appt-group input,.dc-appt-group select,.dc-appt-group textarea{padding:10px 13px;background:var(--dc-bg);border:1.5px solid var(--dc-border-md);border-radius:var(--dc-r-md);font-family:inherit;font-size:.875rem;color:var(--dc-txt);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}
.dc-appt-group input:focus,.dc-appt-group select:focus,.dc-appt-group textarea:focus{border-color:var(--dc-mint);box-shadow:0 0 0 3px rgba(61,190,129,.12)}
.dc-appt-group input::placeholder,.dc-appt-group textarea::placeholder{color:var(--dc-txt-3)}
.dc-appt-group textarea{resize:vertical;min-height:78px}
.dc-appt-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:4px}
.dc-appt-slot{padding:8px 4px;border:1.5px solid var(--dc-border-md);border-radius:var(--dc-r-md);font-size:.74rem;font-weight:600;color:var(--dc-txt-2);text-align:center;cursor:pointer;transition:all .15s;background:var(--dc-bg)}
.dc-appt-slot:hover,.dc-appt-slot.dc-selected{border-color:var(--dc-mint);color:var(--dc-green);background:rgba(61,190,129,.08)}
:root[data-theme="dark"] .dc-appt-slot:hover,:root[data-theme="dark"] .dc-appt-slot.dc-selected{color:var(--dc-mint)}
.dc-appt-slot.dc-selected{background:rgba(61,190,129,.13);border-color:var(--dc-green)}
.dc-appt-submit{width:100%;padding:13px;background:linear-gradient(135deg,var(--dc-green),var(--dc-forest));color:#fff;border-radius:var(--dc-r-pill);font-weight:700;font-size:.92rem;border:none;cursor:pointer;transition:opacity .15s,transform .15s;display:flex;align-items:center;justify-content:center;gap:8px}
.dc-appt-submit:hover{opacity:.88;transform:translateY(-1px)}
.dc-appt-success{text-align:center;padding:24px 0}
.dc-appt-success-icon{margin:0 auto 12px;color:var(--dc-green)}
:root[data-theme="dark"] .dc-appt-success-icon{color:var(--dc-mint)}
.dc-appt-success h3{font-family:var(--dc-font-h);font-size:1.4rem;color:var(--dc-green);margin-bottom:8px}
.dc-appt-success p{font-size:.9rem;color:var(--dc-txt-2);line-height:1.7}

@media(max-width:640px){
  .dc-appt-row{grid-template-columns:1fr}
  .dc-appt-slots{grid-template-columns:repeat(2,1fr)}
}