/**
 * Shaghaf Theme 3.1.0 — unified tool identity
 * Orange, white and black system shared by all thirty career tools.
 */

body.sj-career-tool-page,
body.sjts-enabled {
    --shaghaf-tool-orange: #f15a24;
    --shaghaf-tool-orange-dark: #ca430f;
    --shaghaf-tool-orange-soft: #fffdf8;
    --shaghaf-tool-black: #111111;
    --shaghaf-tool-white: #ffffff;
    --shaghaf-tool-gray: #666666;
    --shaghaf-tool-line: #e5e5e5;
    --shaghaf-tool-bg: #f6f4ee;
    --shaghaf-tool-surface: #ffffff;
    --shaghaf-tool-surface-2: #fffdf8;
    --shaghaf-tool-ink: #111111;
    --shaghaf-tool-muted: #666666;
    background: var(--shaghaf-tool-bg);
}

:is(#sjCareerTool,#sjCoverLetter,#sjInterviewPrep,#sjOfferEvaluator,#sjLinkedInGen,#sjResumeBuilderATS,#sjResumeChecker) {
    --sj-primary: #f15a24;
    --sj-primary-dark: #ca430f;
    --sj-navy: #111111;
    --sj-navy-2: #111111;
    --sj-text: #111111;
    --sj-muted: #666666;
    --sj-soft: #8a8a8a;
    --sj-soft-text: #8a8a8a;
    --sj-line: rgba(17,17,17,.11);
    --sj-line-strong: rgba(17,17,17,.18);
    --sj-green: #f15a24;
    --sj-amber: #ca430f;
    --sj-red-soft: rgba(249,115,22,.08);
    --sj-navy-soft: rgba(17,17,17,.055);
    --sjct-primary: #f15a24;
    --sjct-primary-dark: #ca430f;
    --sjct-navy: #111111;
    --sjct-text: #111111;
    --sjct-muted: #666666;
    --sjct-line: #e5e5e5;
    --sjct-soft: #f6f4ee;
    --sjct-white: #ffffff;
    color: #111111;
    font-family: var(--shaghaf-body-font,"Thmanyah Serif Display",Tahoma,Arial,sans-serif);
}

body.sj-career-tool-page :where(input,textarea,select,button),
body.sjts-enabled :where(input,textarea,select,button) {
    font-family: var(--shaghaf-body-font,"Thmanyah Serif Display",Tahoma,Arial,sans-serif);
}

body.sj-career-tool-page :where(input,textarea,select),
body.sjts-enabled .sjts-native-tool :where(input,textarea,select) {
    min-height: 48px;
    scroll-margin-top: 140px;
    border-color: #d9d9d9;
    border-radius: 14px;
    background: #ffffff;
    color: #111111;
}

body.sj-career-tool-page :where(textarea),
body.sjts-enabled .sjts-native-tool :where(textarea) {
    min-height: 130px;
    line-height: 1.75;
}

body.sj-career-tool-page :where(button,a,input,textarea,select):focus-visible,
body.sjts-enabled .sjts-native-tool :where(button,a,input,textarea,select):focus-visible {
    outline: 3px solid rgba(249,115,22,.42);
    outline-offset: 3px;
}

body.sj-career-tool-page :where(.sj-panel,.sj-card,.sj-sidebar,.sj-toolbar,.sj-form-panel,.sj-output-panel,.sjct-form,.sjct-result),
body.sjts-enabled .sjts-native-tool :where(.sj-panel,.sj-card,.sj-sidebar,.sj-toolbar,.sj-form-panel,.sj-output-panel,.sjct-form,.sjct-result) {
    border-color: #e5e5e5;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(17,17,17,.045);
}

:is(#sjCareerTool,#sjCoverLetter,#sjInterviewPrep,#sjOfferEvaluator,#sjLinkedInGen,#sjResumeBuilderATS,#sjResumeChecker)
:where(.sj-kicker,.sj-badge,.sj-tag,.sjct-kicker,.sjct-badge) {
    border-color: rgba(249,115,22,.28);
    background: #fffdf8;
    color: #ca430f;
}

:is(#sjCareerTool,#sjCoverLetter,#sjInterviewPrep,#sjOfferEvaluator,#sjLinkedInGen,#sjResumeBuilderATS,#sjResumeChecker)
:where(.sj-submit,.sj-action-primary,.sj-btn-primary,.sjct-primary-button) {
    min-height: 50px;
    border-color: #f15a24;
    background: #f15a24;
    color: #111111;
    box-shadow: 0 12px 26px rgba(249,115,22,.2);
}

:is(#sjCareerTool,#sjCoverLetter,#sjInterviewPrep,#sjOfferEvaluator,#sjLinkedInGen,#sjResumeBuilderATS,#sjResumeChecker)
:where(.sj-submit,.sj-action-primary,.sj-btn-primary,.sjct-primary-button):hover {
    border-color: #ca430f;
    background: #ca430f;
    color: #ffffff;
}

:is(#sjCareerTool,#sjCoverLetter,#sjInterviewPrep,#sjOfferEvaluator,#sjLinkedInGen,#sjResumeBuilderATS,#sjResumeChecker)
:where(.sj-secondary,.sj-copy,.sj-reset,.sj-btn-soft,.sj-mini-btn,.sjct-text-button,.sjct-result-actions button) {
    border-color: #d8d8d8;
    background: #ffffff;
    color: #111111;
}

:is(#sjCareerTool,#sjCoverLetter,#sjInterviewPrep,#sjOfferEvaluator,#sjLinkedInGen,#sjResumeBuilderATS,#sjResumeChecker)
:where(.sj-secondary,.sj-copy,.sj-reset,.sj-btn-soft,.sj-mini-btn,.sjct-text-button,.sjct-result-actions button):hover {
    border-color: #f15a24;
    background: #fffdf8;
    color: #111111;
}

:is(#sjCareerTool,#sjCoverLetter,#sjInterviewPrep,#sjOfferEvaluator,#sjLinkedInGen,#sjResumeBuilderATS,#sjResumeChecker)
:where(.sj-panel-head,.sj-output-head,.sj-toolbar,.sjct-card-head,.sjct-section-head) {
    border-color: #e5e5e5;
    background: linear-gradient(135deg,#ffffff,#fffdf8);
}

#sjCareerTool .sjct-field-error { min-height: 20px; }
#sjCareerTool .sjct-field [aria-invalid="true"] {
    border-color: #f15a24;
    box-shadow: 0 0 0 4px rgba(249,115,22,.13);
}

@media (max-width: 920px) {
    body.sj-career-tool-page :where(.sj-layout,.sj-grid,.sjct-workspace),
    body.sjts-enabled .sjts-native-tool :where(.sj-layout,.sj-grid,.sjct-workspace) {
        grid-template-columns: 1fr;
    }

    body.sj-career-tool-page :where(.sj-sidebar,.sj-form-panel,.sjct-form,.sjct-result),
    body.sjts-enabled .sjts-native-tool :where(.sj-sidebar,.sj-form-panel,.sjct-form,.sjct-result) {
        position: static;
        top: auto;
    }
}

@media (max-width: 720px) {
    body.sj-career-tool-page :where(.sj-form-grid,.sj-fields,.sj-row,.sj-two,.sj-actions,.sj-copy-actions,.sj-score-grid,.sj-links,.sjct-fields,.sjct-related-grid),
    body.sjts-enabled .sjts-native-tool :where(.sj-form-grid,.sj-fields,.sj-row,.sj-two,.sj-actions,.sj-copy-actions,.sj-score-grid,.sj-links,.sjct-fields,.sjct-related-grid) {
        grid-template-columns: 1fr;
    }

    body.sj-career-tool-page :where(.sj-panel,.sj-card,.sj-sidebar,.sj-toolbar,.sj-question-card,.sj-form-panel,.sj-output-panel,.sjct-form,.sjct-result),
    body.sjts-enabled .sjts-native-tool :where(.sj-panel,.sj-card,.sj-sidebar,.sj-toolbar,.sj-question-card,.sj-form-panel,.sj-output-panel,.sjct-form,.sjct-result) {
        border-radius: 18px;
    }

    body.sj-career-tool-page :where(button,a,input,select),
    body.sjts-enabled .sjts-native-tool :where(button,a,input,select) {
        min-height: 46px;
    }
}

/* Tools Studio is intentionally light-only. */
body.sjts-enabled { color-scheme: only light; }

/* Page-specific tool styles load after this foundation and remain authoritative. */