/* ═══════════════════════════════════════════════════════════════════════
   registration-actions.css — Ummah Khairukum Pendaftaran Santri Baru
   Action bar and button treatments.
   STRICT DESIGN.md COMPLIANCE — Token-first, no color invention.
   ═══════════════════════════════════════════════════════════════════════ */

.reg-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 24px 28px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.reg-actions-note {
    font-size: var(--md-type-body-small-size);
    line-height: var(--md-type-body-small-lh);
    letter-spacing: 0.4px;
    color: var(--md-text);
}

.reg-action-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.reg-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 0 22px;
    border-radius: var(--radius-button);
    font-family: var(--font-family);
    font-size: var(--md-type-label-large-size);
    font-weight: 600;
    letter-spacing: 0.1px;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: transform var(--md-motion-duration-short) var(--md-motion-easing-emphasized),
                background-color var(--md-motion-duration-short) var(--md-motion-easing-standard),
                box-shadow var(--md-motion-duration-short) var(--md-motion-easing-standard),
                color var(--md-motion-duration-short) var(--md-motion-easing-standard);
}

.reg-btn .material-symbols-rounded {
    font-size: 20px;
    line-height: 1;
}

.reg-btn:hover:not(:disabled) {
    transform: none;
}

.reg-btn:active:not(:disabled) {
    transform: none;
}

.reg-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
}

.reg-btn--outline {
    background-color: var(--md-surface);
    color: var(--md-text);
}

.reg-btn--outline:hover:not(:disabled) {
    background-color: var(--md-surface-high);
}

.reg-btn--primary {
    background-color: #1B4332;
    color: var(--md-on-primary);
}

.reg-btn--primary:hover:not(:disabled) {
    background-color: #163829;
}

.reg-btn--primary:active:not(:disabled) {
    background-color: #152E24;
    color: #ffffff;
}

.reg-btn--submit {
    background-color: #1B4332;
    color: #ffffff;
}

.reg-btn--submit:hover:not(:disabled) {
    background-color: #163829;
    box-shadow: none;
}

.reg-btn--submit:active:not(:disabled) {
    background-color: #152E24;
    color: #ffffff;
    box-shadow: none;
}