/* YRKLIO design refresh: one clear task first, details when requested. */
/* Rotvärdena (--border, --muted, --shadow, --ux-sidebar) finns i tokens.css sedan steg 4. */
[hidden] { display:none!important; }
html { scroll-padding-top:28px; }
body { background:radial-gradient(circle at 85% -10%,rgba(212,155,99,.055),transparent 38%),var(--color-bg); }
.app-shell { grid-template-columns:var(--ux-sidebar) minmax(0,1fr); }
.sidebar { padding:20px 14px;gap:10px; }
.brand-wrap { padding:4px 8px 14px; }
.nav-group-label { font-size:10px;color:var(--color-text-muted-violet);margin:16px 11px 6px;letter-spacing:.11em; }
.nav-item { min-height:43px;padding-inline:12px; }
.nav-item strong { font-size:13px;font-weight:700; }
.main { width:min(1100px,calc(100% - 64px));padding:26px 0 72px; }
.candidate-context-bar {
  position:static;backdrop-filter:none;background:transparent;border:0;border-bottom:1px solid var(--border);
  border-radius:0;margin:0 0 24px;padding:0 0 11px;
}
.candidate-context-copy span { border:0;background:none;border-radius:0;padding:0;color:var(--muted);font-size:12px;font-weight:700; }
#candidateContextHint { display:none; }
.candidate-context-actions .text-action { font-size:12px; }
.view .topbar { margin-bottom:24px;align-items:center; }
.view .topbar h1 { font-size:clamp(29px,3vw,38px);letter-spacing:-.04em;line-height:1.13;margin:5px 0 7px; }
.view .topbar p { font-size:14px;line-height:1.55;max-width:620px; }
.view .topbar .eyebrow { font-size:11px; }
.section-head h2,.home-todo-head h2,.company-panel-head h2 { font-size:20px;line-height:1.25; }
.eyebrow,.mini-label,.muted-label { font-size:11px;letter-spacing:.09em; }
.text-action { color:#f2c69a; }
.btn.primary,.welcome-enter,.welcome-search-btn { box-shadow:none; }
.home-focus-grid { grid-template-columns:minmax(0,1.65fr) minmax(245px,.75fr);gap:14px;align-items:stretch; }
.home-focus-card { min-height:214px;padding:25px;background:linear-gradient(110deg,#211b19,var(--color-surface-1) 65%,var(--color-surface-1));box-shadow:none; }
.home-focus-card h2 { font-size:clamp(25px,2.8vw,34px);margin:9px 0 9px; }
.home-focus-card p { font-size:14px;line-height:1.55;max-width:52ch; }
.home-focus-actions { margin-top:20px; }
.home-startplan-card { margin-bottom:18px;padding:14px 18px;background:var(--color-surface-1); }
.home-startplan-head h2 { font-size:17px; }
.home-startplan-head p { max-width:60ch; }
.home-startplan-actions { margin-top:8px; }
.home-startplan-actions .btn { min-height:38px; }
.home-readiness-card { min-width:0;min-height:214px;padding:22px;background:var(--color-surface-1);box-shadow:none; }
.readiness-summary { display:grid;align-content:center;gap:20px;min-height:166px;list-style:none;cursor:pointer; }
.readiness-summary::-webkit-details-marker,.clarity-disclosure>summary::-webkit-details-marker { display:none; }
.readiness-summary::marker,.clarity-disclosure>summary::marker { content:""; }
.readiness-summary .readiness-head strong { line-height:1.35; }
.readiness-score span { font-size:32px; }
.readiness-open-hint { font-size:12px;color:var(--color-accent-strong);font-weight:700; }
.readiness-open-hint span,.disclosure-chevron { display:inline-block;transition:transform .18s ease; }
.home-readiness-card[open] .readiness-open-hint span,.clarity-disclosure[open]>summary .disclosure-chevron { transform:rotate(180deg); }
.home-readiness-card[open] .readiness-summary { min-height:unset;gap:8px; }
.home-readiness-card .readiness-track { margin-top:9px; }
.home-employer-inbox { margin-top:16px; }
.home-todo-panel { margin-top:20px; }
.home-recommended { margin-top:25px; }
.home-recommended .section-head { align-items:center; }
.home-job-card { box-shadow:none;padding:16px; }
.home-job-card h3 { font-size:16px; }
.home-job-meta { margin-top:8px; }
.home-job-side { min-width:102px; }
.home-match strong { font-size:23px; }
.home-extras { margin-top:27px; }
body.guided-mode #view-home .home-focus-card { display:flex!important; }
body.guided-mode #view-home .home-todo-panel { display:block!important; }
body.guided-mode #view-home .home-todo-panel[hidden] { display:none!important; }
body.guided-mode #view-home .home-extras .home-kpis { display:grid!important; }
body.guided-mode #view-home .home-extras .home-momentum-card { display:block!important; }
body.guided-mode #view-home .home-extras .home-progress-strip { display:grid!important; }
body.guided-mode #view-home .home-focus-grid { grid-template-columns:minmax(0,1.65fr) minmax(245px,.75fr); }

/* The disclosure surface is shared across jobs, documents, progress and recruiting. */
.clarity-disclosure { border:1px solid var(--border);border-radius:14px;background:var(--color-surface-1);min-width:0; }
.clarity-disclosure>summary {
  display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;
  padding:12px 17px;list-style:none;cursor:pointer;color:var(--text);
}
.clarity-disclosure>summary:hover { background:rgba(240,189,135,.045);border-radius:13px; }
.clarity-disclosure>summary strong,.clarity-disclosure>summary small { display:block; }
.clarity-disclosure>summary strong { font-size:14px;font-weight:760;line-height:1.35; }
.clarity-disclosure>summary small { font-size:12px;color:var(--muted);font-weight:400;line-height:1.35;margin-top:3px; }
.clarity-disclosure>summary .disclosure-chevron { color:var(--accent2);font-size:19px;line-height:1; }
.clarity-disclosure[open]>summary { border-bottom:1px solid var(--border); }
.clarity-disclosure-body { padding:17px; }
.home-extras .guided-today-panel { margin:0 0 12px; }
.home-extras .guided-today-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.home-extras .guided-today-card { min-height:125px; }
.home-extras .guided-home-grid { margin-bottom:12px; }
.home-extras .home-kpis { margin:0 0 14px; }
.home-extras .home-momentum-card { margin:0; }
.home-extras .home-progress-strip { margin-top:12px; }
.home-extras .guided-today-panel,.home-extras .guided-week-panel { background:var(--color-surface-sunken); }
.home-kpis article,.guided-week-stats>div { box-shadow:none; }

/* Searching and tracking: show the results before the settings and metrics. */
.jobs-top-actions { align-items:center; }
.job-auto-sync-pill { padding:6px 10px;color:#c4a88f;border-color:var(--border);background:transparent;font-size:11px; }
.job-auto-sync-pill i { background:var(--accent2);box-shadow:none; }
.job-search-shell { box-shadow:none; }
.job-view-options { margin:12px 0; }
.job-view-options .job-list-toolbar { margin:0;background:none;border:0;border-radius:0;padding:15px 17px;box-shadow:none; }
.job-source-info { margin-top:20px; }
.job-source-info .job-auto-sync-note { margin:12px 17px 0; }
.job-source-info .notice-card { margin:12px 17px 17px; }
.pipeline-overview-extra,.reminder-overview-extra,.company-overview-extra { margin:0 0 17px; }
.pipeline-overview-extra .pipeline-mini-stats,.reminder-overview-extra .reminder-stats,
.company-overview-extra .company-kpis { margin:14px 15px; }
.pipeline-overview-extra .pipeline-process-legend { margin:0 15px 15px; }
.company-overview-extra { margin:14px 0; }
.pipeline-commandbar,.reminder-list-section,.company-panel { box-shadow:none; }
.journey-panel { padding:0!important;box-shadow:none; }
.journey-panel>summary {
  display:flex;align-items:center;min-height:76px;margin:0;padding:17px 20px;
  list-style:none;cursor:pointer;
}
.journey-panel>summary::-webkit-details-marker { display:none; }
.journey-panel>summary::marker { content:""; }
.journey-panel>summary h2 { font-size:18px;margin:4px 0; }
.journey-panel>summary p { font-size:12px; }
.journey-panel[open]>summary { border-bottom:1px solid var(--border);margin-bottom:17px; }
.journey-panel[open]>:not(summary) { margin-left:20px;margin-right:20px; }
.journey-panel[open]>:last-child { margin-bottom:20px; }
.journey-panel:not([open])>summary:hover { background:rgba(240,189,135,.045);border-radius:18px; }

/* Document tools remain available without competing with the current edit. */
#studioPlanPill { display:none; }
.studio-tabs { margin-bottom:22px; }
#view-cv .cv-grid { grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr); }
#view-cv .upload-card { min-height:242px; }
#view-cv .cv-score-card { padding:20px; }
#view-cv .big-score { font-size:54px; }
.cv-extra { margin-top:16px; }
.cv-extra .plus-ai-section { margin:0;border:0;border-radius:0;background:none;box-shadow:none; }
.cv-extra .compare-panel { margin:15px;background:var(--color-surface-sunken);box-shadow:none; }
body.guided-mode .cv-extra .plus-ai-section { display:block!important; }
.builder-intro { padding-top:16px; }
.builder-intro h2 { font-size:28px; }
.builder-review { padding:0; }
.builder-review>summary { display:flex;justify-content:space-between;cursor:pointer;padding:12px 14px;font-size:14px;font-weight:760;list-style:none; }
.builder-review>summary::-webkit-details-marker { display:none; }
.builder-review>summary span { color:var(--accent2); }
.builder-review[open]>summary span { transform:rotate(180deg); }
.builder-review>p,.builder-review>ul { margin-left:14px;margin-right:14px; }
.builder-review>ul { margin-bottom:14px; }
.startplan-info-section { padding:0;background:var(--color-surface-1); }
.startplan-info-section .section-head,.startplan-info-section .startplan-info-grid { margin:12px 15px; }
.company-job-more { margin:12px 0; }
.company-job-more .company-form-grid,.company-job-more .company-check { margin:14px; }

/* Job detail: one preparation action and one application action remain prominent. */
.job-detail-shell,.workshop-shell,.auto-apply-shell,.interview-shell { width:min(1080px,calc(100% - 44px)); }
.detail-header { height:68px; }
.detail-hero { grid-template-columns:minmax(0,1fr) minmax(265px,.48fr); }
.detail-layout { grid-template-columns:minmax(0,1fr) 295px; }
.detail-title-block,.detail-match-card,.detail-section,.apply-card { box-shadow:none;border-radius:17px; }
.detail-title-block h1 { font-size:clamp(30px,3.5vw,43px); }
.detail-match-card { padding:22px; }
.detail-score { font-size:42px; }
.detail-match-card .detail-process-note { margin:10px 0; }
.detail-more-actions { margin-top:12px; }
.detail-more-actions>a,.detail-more-actions>button { width:calc(100% - 24px);margin:8px 12px; }
.detail-more-actions>a:last-child { margin-bottom:12px; }
.score-breakdown { margin:14px 0 0;background:transparent; }
.score-breakdown .application-score-components,.score-breakdown .application-score-method { margin:12px; }
.detail-tracking-more { margin-top:16px;background:var(--color-surface-sunken); }
.detail-tracking-more .detail-pipeline-control,.detail-tracking-more .detail-schedule-card,
.detail-tracking-more .detail-external-tracking-card,.detail-tracking-more .apply-meta,
.detail-tracking-more .original-source-link { margin:14px; }
.detail-sidebar:has(.detail-tracking-more[open]) .sticky-card { position:static; }

/* Quiet the public first impression without changing the site's colour profile. */
.welcome-hero { min-height:520px;padding:75px 20px 58px; }
.welcome-hero h1 { font-size:clamp(36px,5vw,62px); }
.welcome-hero-copy>p { font-size:16px;max-width:610px; }
.welcome-next,.welcome-first-job,.welcome-final { padding-block:56px; }
.welcome-feature-grid article { background:var(--color-surface-1); }
.company-public-shell { max-width:1080px; }
.company-public-about { margin:24px 0; }
.company-public-about .company-public-info { margin:15px; }
.interview-schedule-more { display:block!important;padding:0; }
.interview-schedule-more>summary {
  display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;
  cursor:pointer;padding:11px 14px;
}
.interview-schedule-more>summary::-webkit-details-marker { display:none; }
.interview-schedule-more>summary strong { display:block;margin-top:4px;font-size:13px; }
.interview-schedule-more[open]>summary { border-bottom:1px solid var(--border); }
.interview-schedule-more[open] .disclosure-chevron { transform:rotate(180deg); }
.interview-schedule-fields { display:flex;align-items:center;gap:10px;padding:12px 14px; }
.interview-schedule-fields input { max-width:300px; }
.auto-history-more { padding:0;background:var(--color-surface-1); }
.auto-history-more .auto-history-list { padding:14px; }
.auto-apply-side:has(.auto-history-more[open]) { position:static; }
.workshop-score-more,.workshop-action-more { margin-top:13px;background:var(--color-surface-sunken); }
.workshop-score-more .workshop-score-parts { margin:12px; }
.workshop-action-more>a,.workshop-action-more>button { width:calc(100% - 24px);margin:7px 12px; }
.workshop-action-more>a:last-child { margin-bottom:12px; }

@media(max-width:1080px) {
  .main { width:calc(100% - 42px); }
  .detail-hero,.detail-layout { grid-template-columns:1fr; }
}
@media(max-width:900px) {
  .app-shell { display:block; }
  .main { width:100%;padding:64px 18px 56px!important; }
  .candidate-context-bar { margin-bottom:20px; }
  .home-focus-grid,body.guided-mode #view-home .home-focus-grid { grid-template-columns:1fr; }
  .home-readiness-card { min-height:0; }
  .readiness-summary { min-height:0; }
  #view-cv .cv-grid { grid-template-columns:1fr; }
  .detail-match-card { order:0; }
}
@media(max-width:620px) {
  .main { padding:62px 12px 48px!important; }
  .view .topbar h1 { font-size:29px; }
  .home-focus-card { min-height:0;padding:23px; }
  .home-readiness-card { padding:16px; }
  .home-extras .guided-today-list,.home-jobs-grid { grid-template-columns:1fr; }
  .home-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-extras > .clarity-disclosure-body { padding:12px; }
  .job-view-options .job-list-toolbar { padding:12px; }
  .job-detail-shell,.workshop-shell,.auto-apply-shell,.interview-shell { width:calc(100% - 24px); }
  .detail-header { height:62px; }
  .company-overview-extra .company-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .interview-schedule-fields { flex-direction:column;align-items:stretch; }
  .interview-schedule-fields input { max-width:none; }
}
@media(prefers-reduced-motion:reduce) {
  .readiness-open-hint span,.disclosure-chevron { transition:none; }
}