/* =============================================================================
   JobIntaker — design system  (v1.1.172)

   One set of values for how a JobIntaker surface looks, taken from the
   Dashboard (the reference page). Every value is a CSS variable, and every
   variable can be changed from  Settings -> JobIntaker -> Design  without
   touching code. The defaults below are only used if Settings has not
   emitted its own :root block (it normally does, right after this file).

   Loaded after jobintaker.css and jobintaker-overrides.css. Turn the whole
   file off with  Settings -> Design -> "Use the unified design"  and each page
   falls back to its own original styles.

   Four surface tiers:
     card   white content card ........ border + soft shadow
     panel  tinted section ............ border + soft shadow
     inset  tinted block inside a card  border, no shadow
     item   white row inside a panel .. border, no shadow
   Coloured surfaces (teal / peach / amber / purple tints) KEEP their colour;
   they only share the corner radius (and, for the headline block, border width
   and shadow) so everything still reads as one family.

   Deliberately not touched: pricing plan cards and the email-verification card
   (feature cards that are meant to stand out), buttons, form inputs, status
   pills and chips.
   ============================================================================= */

:root {
    --ji-card-bg: #ffffff;
    --ji-panel-bg: #F8FAFB;
    --ji-border-color: #eef0f2;
    --ji-border-width: 1px;
    --ji-radius: 5px;
    --ji-shadow: 0 1px 4px rgba(0,0,40,0.06);
    --ji-heading-color: #000027;
    --ji-card-title-size: 16px;
    --ji-text-color: #444444;
    --ji-text-faint: #999999;
}

/* ── Card: white content cards ───────────────────────────────────────────── */
.ji-dash-main,
.ji-studio-card,
.ji-studio-recent-list,
.ji-account-card,
.ji-account-section,
.ji-account-endpoint-content,
.ji-analysis-card,
.ji-job-tailor-card,
.ji-ob-step,
.ji-profile-strength-card,
.ji-profile-tips-card,
.aa-analysis-box {
    background: var(--ji-card-bg);
    border: var(--ji-border-width) solid var(--ji-border-color);
    border-radius: var(--ji-radius);
    box-shadow: var(--ji-shadow);
}

/* ── Panel: tinted sections (dashboard profile card / activity, every Career Profile section) ── */
.ji-dash-profile-card,
.ji-dash-activity,
.ji-profile-section {
    background: var(--ji-panel-bg);
    border: var(--ji-border-width) solid var(--ji-border-color);
    border-radius: var(--ji-radius);
    box-shadow: var(--ji-shadow);
}

/* ── Inset: tinted blocks that sit inside a card or panel ────────────────── */
.ji-dash-quick-actions,
.ji-ob-repeater-row,
.ji-exp-entry,
.ji-account-payment-row,
.ji-account-order-row,
.ji-requirement-confirm-panel {
    background: var(--ji-panel-bg);
    border: var(--ji-border-width) solid var(--ji-border-color);
    border-radius: var(--ji-radius);
    box-shadow: none;
}

/* ── Item: white rows inside a panel ─────────────────────────────────────── */
.ji-profile-proj-card,
.ji-profile-cert-item,
.ji-profile-lang-item,
.ji-version-item,
.aa-job-item {
    background: var(--ji-card-bg);
    border: var(--ji-border-width) solid var(--ji-border-color);
    border-radius: var(--ji-radius);
    box-shadow: none;
}

/* ── Header band + stat grid on the dashboard ────────────────────────────── */
.ji-dash-main-header {
    background: var(--ji-panel-bg);
    border-color: var(--ji-border-color);
}
.ji-dash-stat-grid {          /* the 1px "lines" between stat cells are this background */
    background: var(--ji-border-color);
    border-color: var(--ji-border-color);
    border-radius: var(--ji-radius);
}
.ji-dash-stat-cell {
    background: var(--ji-card-bg);
}

/* ── Coloured surfaces: keep their colour, share radius ──────────────────── */
.ji-dash-headline-block {
    border: var(--ji-border-width) solid var(--ji-border-color);
    border-radius: var(--ji-radius);
    box-shadow: var(--ji-shadow);
}
.ji-profile-howto,
.ji-section-suggestions,
.ji-ai-preview,
.ji-analysis-item,
.ji-stale-analysis-text,
.ji-tailor-error,
.cvr-upgrade-prompt,
.aa-upgrade-prompt-analysis {
    border-radius: var(--ji-radius);
}

/* ── Headings ────────────────────────────────────────────────────────────── */
/* Card / section titles: one size, one colour, one weight */
.ji-dash-main-title,
.ji-profile-section-title,
.ji-account-section-title,
.ji-studio-recent-title,
.ji-profile-strength-copy h3,
.ji-profile-tips-card-top h3 {
    font-size: var(--ji-card-title-size);
    font-weight: 700;
    color: var(--ji-heading-color);
}

/* Page titles and sub-section titles: colour only (their sizes are intentional) */
.ji-account-heading,
.ji-page-title,
.ji-job-title,
.ji-ob-title,
.ji-auth-heading,
.cvr-pricing-title,
.ji-analysis-card-title,
.ji-ob-section-title,
.ji-ob-row-title,
.ji-profile-exp-title,
.ji-profile-proj-title,
.ji-profile-edit-title,
.ji-dash-job-title,
.ji-dash-match-title,
.ji-studio-recent-title-text,
.ji-dash-headline-text,
.ji-ob-label,
.ji-studio-label,
.aa-job-title,
.aa-analysis-title,
.aa-section-heading,
.aa-studio-job-title {
    color: var(--ji-heading-color);
}

/* ── Body text ───────────────────────────────────────────────────────────── */
.ji-profile-summary-text,
.ji-profile-exp-desc,
.ji-profile-proj-desc,
.ji-profile-strength-copy p,
.ji-profile-tips-card-top p,
.ji-account-desc,
.ji-ob-step-illus-text,
.ji-ob-subtitle,
.ji-page-subtitle,
.ji-studio-intro,
.ji-studio-help,
.ji-auth-subtext,
.ji-dash-subtext,
.ji-dash-stat-label,
.ji-dash-stat-sub,
.ji-dash-activity-label,
.ji-notes-text,
.ji-remember-label,
.ji-ob-current-label,
.cvr-plan-desc,
.cvr-pricing-sub {
    color: var(--ji-text-color);
}

/* ── Hints, notes, empty states, meta ────────────────────────────────────── */
.ji-ob-hint,
.ji-studio-hint,
.ji-studio-jd-hint,
.ji-studio-source-ref,
.ji-dash-matches-note,
.ji-dash-headline-empty,
.ji-dash-empty,
.ji-profile-empty,
.ji-profile-cert-meta,
.ji-notes-empty,
.ji-verify-note,
.ji-analysis-card-note,
.ji-analysis-score-label,
.ji-version-score-empty,
.aa-studio-empty,
.aa-score-label,
.aa-custom-skills-label,
.cvr-plan-trial-note {
    color: var(--ji-text-faint);
}