/* Clarity Dojo action system, 0.1.66
   One canonical visual system. Feature stylesheets own layout only; this file owns action geometry, palette and states. */
:root {
    --cd-btn-blue: #3040b0;
    --cd-btn-blue-hover: #1c368e;
    --cd-btn-text: #182230;
    --cd-btn-muted: #667085;
    --cd-btn-focus: rgba(48,64,176,.18);
    --cd-btn-height: 42px;
    --cd-btn-compact-height: 38px;
    --cd-btn-radius: 8px;
    --cd-btn-font: 13.5px;
    --cd-btn-compact-font: 13px;
}

/* Base geometry for plugin-owned canonical classes. */
.cdse-btn {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: var(--cd-btn-height) !important;
    height: auto !important;
    padding: 7px 14px !important;
    border-radius: var(--cd-btn-radius) !important;
    font-family: inherit !important;
    font-size: var(--cd-btn-font) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    white-space: normal !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
.cdse-btn-compact {
    min-height: var(--cd-btn-compact-height) !important;
    padding: 6px 12px !important;
    font-size: var(--cd-btn-compact-font) !important;
}
.cdse-btn-block { width: 100% !important; }

/* PRIMARY aliases. These preserve older markup while source code migrates to cdse-btn classes. */
.cdse-btn-primary,
.cd-ib-submit,
.cd-ib-primary,
.cd-artifact-primary,
.cdse-qa-primary,
.cd-d4o-primary,
.cdse-unified-primary,
.cdse-coach-primary,
.cdse-managed-assignment .cdse-assignment-complete,
.cdse-decision-shell .cdse-next-action,
.cdse-decision-shell .cdse-button,
.llms-button-primary,
.llms-button-action,
#forminator-module-10793 .forminator-button-submit,
#forminator-module-10823 .forminator-button-submit,
#forminator-module-10826 .forminator-button-submit,
#forminator-module-10827 .forminator-button-submit,
#forminator-module-10828 .forminator-button-submit,
#forminator-module-10829 .forminator-button-submit,
#forminator-module-10830 .forminator-button-submit,
.cd-home .cdse-home-final .cd-btn-row a,
.cd-home .cdse-home-final .cdse-final-cta-row a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: var(--cd-btn-height) !important;
    height: auto !important;
    padding: 7px 14px !important;
    border: 1px solid var(--cd-btn-blue) !important;
    border-radius: var(--cd-btn-radius) !important;
    background: var(--cd-btn-blue) !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: var(--cd-btn-font) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    white-space: normal !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.cdse-btn-primary:hover,
.cd-ib-submit:hover,
.cd-ib-primary:hover,
.cd-artifact-primary:hover,
.cdse-qa-primary:hover,
.cd-d4o-primary:hover,
.cdse-unified-primary:hover,
.cdse-coach-primary:hover,
.cdse-managed-assignment .cdse-assignment-complete:hover,
.cdse-decision-shell .cdse-next-action:hover,
.cdse-decision-shell .cdse-button:hover,
.llms-button-primary:hover,
.llms-button-action:hover,
.forminator-button-submit:hover,
.cd-home .cdse-home-final .cd-btn-row a:hover,
.cd-home .cdse-home-final .cdse-final-cta-row a:hover {
    background: var(--cd-btn-blue-hover) !important;
    border-color: var(--cd-btn-blue-hover) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

.cdse-btn-primary:focus,
.cd-ib-submit:focus,
.cd-ib-primary:focus,
.cd-artifact-primary:focus,
.cdse-qa-primary:focus,
.cd-d4o-primary:focus,
.cdse-unified-primary:focus,
.cdse-coach-primary:focus,
.cdse-managed-assignment .cdse-assignment-complete:focus,
.cdse-decision-shell .cdse-next-action:focus,
.cdse-decision-shell .cdse-button:focus,
.llms-button-primary:focus,
.llms-button-action:focus,
.forminator-button-submit:focus,
.cd-home .cdse-home-final .cd-btn-row a:focus,
.cd-home .cdse-home-final .cdse-final-cta-row a:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 3px var(--cd-btn-focus) !important;
}

.cdse-btn-primary:visited,
.cd-ib-primary:visited,
.cd-artifact-primary:visited,
.cdse-qa-primary:visited,
.cdse-unified-primary:visited,
.cdse-decision-shell .cdse-next-action:visited,
.llms-button-primary:visited,
.llms-button-action:visited,
.cd-home .cdse-home-final .cd-btn-row a:visited,
.cd-home .cdse-home-final .cdse-final-cta-row a:visited {
    color: #fff !important;
    text-decoration: none !important;
}

.cdse-btn-primary:disabled,
.cd-ib-submit:disabled,
.cd-d4o-primary:disabled,
.cdse-decision-shell .cdse-button:disabled,
.llms-button-primary:disabled,
.llms-button-action:disabled,
.forminator-button-submit:disabled {
    opacity: .56 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* SECONDARY. Save rating, Share and helper actions use the same compact geometry. */
.cdse-btn-secondary,
.cdse-unified-secondary,
.cd-d4o-secondary,
.cd-ib-utility,
.cd-ib-action-utility {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: var(--cd-btn-compact-height) !important;
    height: auto !important;
    padding: 6px 12px !important;
    border: 1px solid var(--cd-btn-blue) !important;
    border-radius: var(--cd-btn-radius) !important;
    background: #fff !important;
    color: var(--cd-btn-blue) !important;
    font-family: inherit !important;
    font-size: var(--cd-btn-compact-font) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
}
.cdse-btn-secondary:hover,
.cdse-unified-secondary:hover,
.cd-d4o-secondary:hover,
.cd-ib-utility:hover,
.cd-ib-action-utility:hover {
    background: rgba(48,64,176,.055) !important;
    border-color: var(--cd-btn-blue-hover) !important;
    color: var(--cd-btn-blue-hover) !important;
}
.cdse-btn-secondary:focus,
.cdse-unified-secondary:focus,
.cd-d4o-secondary:focus,
.cd-ib-utility:focus,
.cd-ib-action-utility:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 3px var(--cd-btn-focus) !important;
}

/* TERTIARY. */
.cdse-btn-tertiary,
.cd-ib-tertiary,
.cd-ib-copy,
.cd-ib-back,
.cdse-decision-shell .cdse-text-button,
.cdse-qa-edit-day7 a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 34px !important;
    padding: 4px 7px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: var(--cd-btn-blue) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}
.cdse-btn-tertiary:hover,
.cd-ib-tertiary:hover,
.cd-ib-copy:hover,
.cd-ib-back:hover,
.cdse-decision-shell .cdse-text-button:hover,
.cdse-qa-edit-day7 a:hover {
    background: rgba(48,64,176,.05) !important;
    color: var(--cd-btn-blue-hover) !important;
}
.cd-ib-new-investigation { color: var(--cd-btn-muted) !important; }
.cd-ib-new-investigation:hover { color: var(--cd-btn-text) !important; }

/* Canonical modifiers come after visual variants so they always win the cascade. */
.cdse-btn.cdse-btn-compact,
.cdse-btn-primary.cdse-btn-compact,
.cdse-btn-secondary.cdse-btn-compact {
    min-height: var(--cd-btn-compact-height) !important;
    padding: 6px 12px !important;
    font-size: var(--cd-btn-compact-font) !important;
}
.cdse-btn.cdse-btn-block { width: 100% !important; }

/* Wizard progression is intentionally lighter than commitment CTAs. */
.cdse-btn-step,
.cd-home .cd-ib .cd-ib-step-actions .cd-ib-next {
    min-height: var(--cd-btn-compact-height) !important;
    width: auto !important;
    padding: 6px 12px !important;
    border-radius: var(--cd-btn-radius) !important;
    font-size: var(--cd-btn-compact-font) !important;
}
.cd-home .cd-ib .cd-ib-step-actions { gap: 8px !important; margin-top: 12px !important; }
.cd-home .cd-ib .cd-ib-step:not(:last-of-type) .cd-ib-step-actions { margin-bottom: 20px !important; }

/* Purposeful block actions only. Lesson buttons are deliberately not block width. */
.cd-home .cd-ib .cd-ib-submit,
.cd-ib .cd-ib-primary,
.cd-artifact-account .cd-artifact-primary {
    width: 100% !important;
}
.cd-home .cdse-home-final .cd-btn-row a,
.cd-home .cdse-home-final .cdse-final-cta-row a {
    width: min(100%, 420px) !important;
}

/* Compact lesson actions, including post-submit completion links and confidence controls. */
body.clarity-dojo-sprint-content .cdse-btn-primary,
body.clarity-dojo-sprint-content .cdse-unified-primary,
body.clarity-dojo-sprint-content .cdse-qa-primary,
body.clarity-dojo-sprint-content .cdse-coach-primary,
body.clarity-dojo-sprint-content .cd-d4o-primary,
body.clarity-dojo-sprint-content .llms-button-primary,
body.clarity-dojo-sprint-content .llms-button-action,
body.clarity-dojo-sprint-content #forminator-module-10793 .forminator-button-submit,
body.clarity-dojo-sprint-content #forminator-module-10823 .forminator-button-submit,
body.clarity-dojo-sprint-content #forminator-module-10826 .forminator-button-submit,
body.clarity-dojo-sprint-content #forminator-module-10827 .forminator-button-submit,
body.clarity-dojo-sprint-content #forminator-module-10828 .forminator-button-submit,
body.clarity-dojo-sprint-content #forminator-module-10829 .forminator-button-submit,
body.clarity-dojo-sprint-content #forminator-module-10830 .forminator-button-submit,
body.clarity-dojo-sprint-content .cdse-decision-shell .cdse-button,
body.clarity-dojo-sprint-content .cdse-decision-shell .cdse-next-action,
body.clarity-dojo-sprint-content .cdse-managed-assignment .cdse-assignment-complete {
    min-height: var(--cd-btn-compact-height) !important;
    width: auto !important;
    padding: 6px 12px !important;
    font-size: var(--cd-btn-compact-font) !important;
}

/* Keep Share centered beneath a dominant result CTA. */
.cd-ib .cd-ib-action-utilities {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

@media (max-width: 760px) {
    :root {
        --cd-btn-height: 42px;
        --cd-btn-compact-height: 40px;
    }
    .cd-home .cd-ib .cd-ib-step-actions .cd-ib-next { min-width: 102px !important; }
    body.clarity-dojo-sprint-content .cdse-btn-primary,
    body.clarity-dojo-sprint-content .cdse-unified-primary,
    body.clarity-dojo-sprint-content .cdse-qa-primary,
    body.clarity-dojo-sprint-content .cdse-coach-primary,
    body.clarity-dojo-sprint-content .cd-d4o-primary,
    body.clarity-dojo-sprint-content .llms-button-primary,
    body.clarity-dojo-sprint-content .llms-button-action,
    body.clarity-dojo-sprint-content .forminator-button-submit,
    body.clarity-dojo-sprint-content .cdse-decision-shell .cdse-button,
    body.clarity-dojo-sprint-content .cdse-decision-shell .cdse-next-action,
    body.clarity-dojo-sprint-content .cdse-managed-assignment .cdse-assignment-complete {
        min-height: 40px !important;
        padding: 7px 13px !important;
        font-size: 13px !important;
    }
}

/* 0.1.67 source-owned lesson actions.
   These are not generic text matches: the PHP/QA runtime marks the controls at creation time.
   Geometry and palette intentionally match the compact Clarity Dojo lesson action. */
.cdse-lesson-next-action.cdse-btn {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 13px !important;
    margin: 0 !important;
    border: 1px solid #3040b0 !important;
    border-radius: 8px !important;
    background: #3040b0 !important;
    background-color: #3040b0 !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}
.cdse-lesson-next-action.cdse-btn:hover {
    background: #1c368e !important;
    background-color: #1c368e !important;
    border-color: #1c368e !important;
    color: #fff !important;
}
.cdse-lesson-next-action.cdse-btn:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(48,64,176,.18) !important;
}

/* 0.1.70 confidence pulse choices.
   These are source-owned choice chips, not theme buttons. */
.cdse-confidence-choice[data-cdse-action-owner="confidence-pulse"] {
    min-height: 34px !important;
    height: auto !important;
    padding: 6px 10px !important;
    border: 1px solid #cfd6e6 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
}
.cdse-confidence-choice[data-cdse-action-owner="confidence-pulse"]:hover,
.cdse-confidence-choice[data-cdse-action-owner="confidence-pulse"]:focus {
    border-color: var(--cd-btn-blue) !important;
    background: rgba(48,64,176,.045) !important;
    color: var(--cd-btn-blue) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px var(--cd-btn-focus) !important;
    transform: none !important;
}
.cdse-confidence-choice[data-cdse-action-owner="confidence-pulse"].is-current {
    border-color: var(--cd-btn-blue) !important;
    background: var(--cd-btn-blue) !important;
    color: #fff !important;
}
.cdse-confidence-choice[data-cdse-action-owner="confidence-pulse"].is-current:hover,
.cdse-confidence-choice[data-cdse-action-owner="confidence-pulse"].is-current:focus {
    border-color: var(--cd-btn-blue-hover) !important;
    background: var(--cd-btn-blue-hover) !important;
    color: #fff !important;
}
