/* Shared semantic components. All visual values resolve to Mekari Pixel tokens. */
:root{--talnt-surface:var(--mk-colors-white);--talnt-canvas:var(--mk-colors-background);--talnt-text:var(--mk-colors-dark);--talnt-muted:var(--mk-colors-gray-600);--talnt-border:var(--mk-colors-gray-100);--talnt-primary:var(--mk-colors-blue-500)}
html{font-size:var(--mk-fontSizes-lg);font-family:var(--mk-fonts-body);scroll-padding-top:var(--mk-space-20)}
body{font-family:var(--mk-fonts-body);font-size:var(--mk-fontSizes-md);font-weight:var(--mk-fontWeights-regular);line-height:var(--mk-lineHeights-lg);letter-spacing:var(--mk-letterSpacings-normal);color:var(--talnt-text);background-color:var(--talnt-canvas)}
:where(button,input,select,textarea){font-family:var(--mk-fonts-body);font-size:var(--mk-fontSizes-md);line-height:var(--mk-lineHeights-lg)}
:where(h1,h2,h3,h4,h5,h6){font-family:var(--mk-fonts-body);font-weight:var(--mk-fontWeights-semibold);line-height:var(--mk-lineHeights-xlg);color:var(--talnt-text);letter-spacing:var(--mk-letterSpacings-tight)}
:where(h1,h2){font-size:var(--mk-fontSizes-2xl)}:where(h3,h4){font-size:var(--mk-fontSizes-xl)}:where(h5,h6){font-size:var(--mk-fontSizes-lg)}
:where(strong,b){font-weight:var(--mk-fontWeights-semibold)}:where(code,pre,kbd,samp){font-family:var(--mk-fonts-mono)}
:where(a){color:var(--mk-colors-blue-500)}:where(a:hover){color:var(--mk-colors-blue-700)}
:where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){border:var(--mk-borderWidths-sm) solid var(--talnt-border);border-radius:var(--mk-radii-md);background:var(--talnt-surface);color:var(--talnt-text);min-height:var(--mk-space-11);padding:var(--mk-space-2-5) var(--mk-space-3)}
:where(input[type=checkbox],input[type=radio]){accent-color:var(--talnt-primary);width:var(--mk-space-5);height:var(--mk-space-5)}
:where(button,.btn,.jf-btn,.ac-btn,.jf-reg-primary,.jf-reg-secondary){min-height:var(--mk-space-11);font-weight:var(--mk-fontWeights-semibold);border-radius:var(--mk-radii-md)}
:where(.btn-primary,.ac-primary,.jf-btn.primary,.jf-reg-primary,.jf-login-submit){background:var(--mk-colors-blue-500);border-color:var(--mk-colors-blue-500);color:var(--mk-colors-white)}
:where(.btn-primary,.ac-primary,.jf-btn.primary,.jf-reg-primary,.jf-login-submit):hover{background:var(--mk-colors-blue-700);border-color:var(--mk-colors-blue-700);color:var(--mk-colors-white)}
:where(.ac-page,.jf-admin-main,.jf-candidate-page,.nt-inbox,.ps-notice-body){color:var(--talnt-text);font-family:var(--mk-fonts-body)}
:where(.ac-card,.jf-admin-card,.jf-candidate-card,.nt-message,.job-card-v053,.job-detail-content-card-v085,.company-profile-card-v101){border-color:var(--talnt-border);border-radius:var(--mk-radii-xl);background-color:var(--talnt-surface)}
:where(.ac-stats article){border-color:var(--talnt-border);border-radius:var(--mk-radii-xl);box-shadow:var(--mk-shadows-sm)}
:where(.ac-stats strong,.jf-admin-stat strong){font-size:var(--mk-fontSizes-2xl);font-weight:var(--mk-fontWeights-semibold)}
:where(.ac-eyebrow,.eyebrow){font-weight:var(--mk-fontWeights-semibold);letter-spacing:var(--mk-letterSpacings-wider);color:var(--mk-colors-blue-500)}
.ac-ok,.ac-warn,.ac-danger{color:var(--mk-colors-dark)}.ac-ok{background:var(--mk-colors-green-50);border-color:var(--mk-colors-green-400)}.ac-warn{background:var(--mk-colors-orange-50);border-color:var(--mk-colors-orange-500)}.ac-danger{background:var(--mk-colors-red-50);border-color:var(--mk-colors-red-500)}
:where(.ac-notice,.nt-notice){border-color:var(--mk-colors-blue-100);background:var(--mk-colors-lightBlue);color:var(--mk-colors-dark)}
:where(.jf-candidate-alert.success){background:var(--mk-colors-green-50);color:var(--mk-colors-dark)}:where(.jf-candidate-alert.error){background:var(--mk-colors-red-50);color:var(--mk-colors-dark)}
:where(button,a,input,select,textarea,summary):focus-visible{outline:var(--mk-borderWidths-md) solid var(--mk-colors-blue-500);outline-offset:var(--mk-space-0-5);box-shadow:var(--mk-shadows-outline)}
:where(button:disabled,input:disabled,select:disabled,textarea:disabled){cursor:not-allowed}
:where(.ac-table th,.ac-table td){font-size:var(--mk-fontSizes-md)}:where(.ac-table th){font-weight:var(--mk-fontWeights-semibold);color:var(--talnt-muted);background:var(--mk-colors-gray-25)}
:where(.ac-table td){border-color:var(--mk-colors-gray-50)}
:where(.site-header,.jf-admin-topbar){z-index:var(--mk-zIndices-sticky)}
:where([role=dialog],[aria-modal=true]){z-index:var(--mk-zIndices-modal)}
:where(.skip-link){z-index:var(--mk-zIndices-skipLink)}
:where(.ux-job-save,.job-save-v053,.jf-admin-menu-toggle,.jf-admin-bell,.menu-btn){min-width:var(--mk-space-11);min-height:var(--mk-space-11)}
:where(.ux-job-save svg,.job-save-v053 svg,.jf-admin-bell svg,.menu-btn svg,.ux-company-fact svg){width:var(--mk-space-5);height:var(--mk-space-5)}
:where([hidden]){display:none!important}
@media(max-width:767.98px){:where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){font-size:var(--mk-fontSizes-lg)}:where(.ac-heading h1,.jf-candidate-head h1){font-size:var(--mk-fontSizes-2xl)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}
/* Decorative gradients stay behind actionable hero content. */
.hero-v016{isolation:isolate;z-index:var(--mk-zIndices-base)}.hero-v016::before,.hero-v016::after,.hero-visual{z-index:var(--mk-zIndices-base)!important}.hero-v016 .hero-inner{position:relative;z-index:var(--mk-zIndices-docked)}

/* Dashboard actions and statistics must wrap within the mobile canvas. */
@media(max-width:1023.98px){.jf-admin-pagehead{display:flex;flex-direction:column;align-items:stretch;gap:var(--mk-space-4)}.jf-admin-page-actions{display:flex;flex-wrap:wrap;width:100%;gap:var(--mk-space-2)}.jf-admin-page-actions>*{flex:1;min-width:0}.jf-admin-action-btn{width:100%;justify-content:center}.jf-add-data-dropdown{max-width:calc(100vw - var(--mk-space-8));right:0}.jf-admin-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.jf-admin-stat{min-width:0;flex-wrap:wrap}.jf-admin-stat-copy{min-width:0;width:100%}}

@media(max-width:767.98px){.co-list-toolbar-v094{flex-wrap:wrap;gap:var(--mk-space-3)}.co-list-toolbar-v094>label{min-width:0;max-width:100%}.co-list-toolbar-v094 select{min-width:0;max-width:100%;width:var(--mk-space-48)}.co-hero-stats-v094{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.co-hero-stats-v094>div{min-width:0;display:flex;flex-direction:column;text-align:center;padding:var(--mk-space-3) var(--mk-space-2);gap:var(--mk-space-2)}.co-hero-stats-v094>div>div{min-width:0}.co-hero-stats-v094 strong+span{white-space:normal;font-size:var(--mk-fontSizes-sm)}}

.bh-invite{min-width:0;flex-wrap:wrap}.bh-invite>*{min-width:0;max-width:100%}.bh-invite .btn{white-space:normal;text-align:center;overflow-wrap:anywhere}

@media(min-width:1024px){.co-sidebar-v094{grid-template-columns:minmax(0,1fr)}}.co-side-title-row-v094{flex-wrap:wrap;gap:var(--mk-space-2)}.co-side-title-row-v094>*{min-width:0}

.ac-stats>article{min-width:0;overflow-wrap:anywhere}

.jf-user-drawer-wrap,.jf-company-drawer-wrap,.aj-overlay{z-index:var(--mk-zIndices-modal)}.jf-admin-account-menu{z-index:var(--mk-zIndices-dropdown)}

.ds-house-meta{color:var(--mk-colors-blue-100)}


/* ===========================================================================
   TALNT LAYOUT REPAIR 2026-10-17
   Mekari reference: design token values; responsive layout and state are
   application-level decisions. Do not change the 218 upstream tokens.
   Desktop: use the available width instead of the legacy 72rem constraint.
   Sidebar: blue belongs exclusively to the current/active navigation item.
   =========================================================================== */
:root {
  --page-max: 100%;
  --page-gutter: clamp(var(--mk-space-6), 3.5vw, var(--mk-space-16));
  --talnt-nav-idle: var(--mk-colors-gray-600);
  --talnt-nav-idle-icon: var(--mk-colors-gray-400);
  --talnt-nav-active: var(--mk-colors-blue-500);
  --talnt-nav-active-bg: var(--mk-colors-lightBlue);
}
/* All public page frames, header and footer share one wide grid. */
.container,
.site-header .nav-wrap,
.site-footer .container,
.dashboard-body .site-header .nav-wrap,
body:not(.dashboard-body) .site-header .nav-wrap {
  width: calc(100% - var(--page-gutter)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}
:is(.co-container-v094, .company-detail-container-v101, .career-shell-v116,
    .employer-coming-container, .jf-login-hero, .jf-login-stats,
    .jf-reg-shell, .jf-reg-stats, .jf-candidate-page, .jf-settings-page) {
  max-width: none !important;
}
.jf-candidate-page,
.jf-settings-page {
  width: calc(100% - var(--page-gutter)) !important;
  margin-inline: auto !important;
}
/* The account dashboard previously got re-constrained by late !important rules. */
.dashboard-body .nav-wrap,
.dashboard-body .site-header .nav-wrap,
.jf-dashboard-page.jf-dashboard-v137 {
  width: calc(100% - var(--page-gutter)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}
.jf-dashboard-page.jf-dashboard-v137,
.jf-admin-shell,
.jf-admin-main,
.jf-dash-main,
.jf-settings-content {
  min-width: 0;
}
.jf-dashboard-v137 .jf-dash-grid { min-width: 0; }
.jf-admin-shell { width: 100%; max-width: none; }
.jf-admin-main { width: 100%; }

/* ADMIN sidebar: default link and icon are neutral, with no selected fill. */
.jf-admin-sidebar nav a:not(.active):not([aria-current="page"]),
.jf-admin-sidebar nav a:not(.active):not([aria-current="page"]):visited {
  color: var(--talnt-nav-idle) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.jf-admin-sidebar nav a:not(.active):not([aria-current="page"]) > span,
.jf-admin-sidebar nav a:not(.active):not([aria-current="page"]) svg {
  color: var(--talnt-nav-idle-icon) !important;
}
.jf-admin-sidebar nav a:not(.active):hover {
  background: var(--mk-colors-gray-25) !important;
  color: var(--mk-colors-dark) !important;
}
.jf-admin-sidebar nav a.active,
.jf-admin-sidebar nav a[aria-current="page"] {
  color: var(--talnt-nav-active) !important;
  background: var(--talnt-nav-active-bg) !important;
  box-shadow: none !important;
}
.jf-admin-sidebar nav a.active > span,
.jf-admin-sidebar nav a.active svg,
.jf-admin-sidebar nav a[aria-current="page"] > span,
.jf-admin-sidebar nav a[aria-current="page"] svg {
  color: var(--talnt-nav-active) !important;
}
/* USER dashboard and settings sidebars have stronger historical !important rules. */
.jf-dashboard-v137 .jf-dash-sidebar a:not(.active),
.jf-dashboard-v137 .jf-dash-side-account a:not(.active),
.jf-settings-sidebar nav a:not(.active) {
  color: var(--talnt-nav-idle) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.jf-dashboard-v137 .jf-dash-sidebar a:not(.active) > span,
.jf-dashboard-v137 .jf-dash-side-account a:not(.active) > span,
.jf-dashboard-v137 .jf-dash-sidebar a:not(.active) svg,
.jf-dashboard-v137 .jf-dash-side-account a:not(.active) svg,
.jf-settings-sidebar nav a:not(.active) > span,
.jf-settings-sidebar nav a:not(.active) svg {
  color: var(--talnt-nav-idle-icon) !important;
}
.jf-dashboard-v137 .jf-dash-sidebar a:not(.active):hover,
.jf-dashboard-v137 .jf-dash-side-account a:not(.active):hover,
.jf-settings-sidebar nav a:not(.active):hover {
  background: var(--mk-colors-gray-25) !important;
  color: var(--mk-colors-dark) !important;
}
.jf-dashboard-v137 .jf-dash-sidebar a.active,
.jf-dashboard-v137 .jf-dash-side-account a.active,
.jf-settings-sidebar nav a.active,
.jf-settings-sidebar nav a[aria-current="page"] {
  background: var(--talnt-nav-active-bg) !important;
  color: var(--talnt-nav-active) !important;
  box-shadow: none !important;
}
.jf-dashboard-v137 .jf-dash-sidebar a.active > span,
.jf-dashboard-v137 .jf-dash-side-account a.active > span,
.jf-dashboard-v137 .jf-dash-sidebar a.active svg,
.jf-dashboard-v137 .jf-dash-side-account a.active svg,
.jf-settings-sidebar nav a.active > span,
.jf-settings-sidebar nav a.active svg {
  color: var(--talnt-nav-active) !important;
}
/* Horizontal secondary account nav and compact dashboard tab nav. */
.ux-account-nav a:not([aria-current="page"]),
.jf-dash-mobile-nav a:not(.active) { color: var(--talnt-nav-idle) !important; }
.ux-account-nav a:not([aria-current="page"]):hover,
.jf-dash-mobile-nav a:not(.active):hover { background: var(--mk-colors-gray-25) !important; }
.ux-account-nav [aria-current="page"],
.jf-dash-mobile-nav a.active {
  color: var(--talnt-nav-active) !important;
  background: var(--talnt-nav-active-bg) !important;
}
/* Keep data tables scrollable inside the available main-column width. */
.jf-admin-main :is(.jf-tablewrap, .ac-table-wrap, .ac-table-responsive),
.jf-settings-content :is(.jf-settings-card, .jf-settings-rows) { max-width: 100%; }
@media (min-width: 768px) {
  .jf-admin-header {
    grid-template-columns: var(--mk-space-56) minmax(0, min(36vw, var(--mk-space-xl))) minmax(0, 1fr) !important;
  }
  .jf-admin-shell { grid-template-columns: var(--mk-space-56) minmax(0, 1fr); }
  .jf-admin-search { min-width: 0; }
}
@media (min-width: 1024px) {
  .jf-dashboard-page.jf-dashboard-v137 {
    display: grid !important;
    grid-template-columns: var(--mk-space-56) minmax(0, 1fr) !important;
  }
  .jf-dashboard-v137 .jf-dash-sidebar { width: auto !important; min-width: 0 !important; }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  /* Narrow laptops cannot fit a 224px sidebar + two columns + rigid search. */
  .jf-dashboard-v137 .jf-dash-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "welcome" "profile" "search" "quick" "recommend" "bottom" !important;
  }
  .jf-dashboard-v137 .jf-dash-search-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
  .jf-dashboard-v137 .jf-dash-search-card button[type="submit"] { grid-column: 1 / -1; }
}
@media (max-width: 1023.98px) {
  .jf-admin-main { padding-inline: var(--mk-space-4); }
}
@media (max-width: 767.98px) {
  :root { --page-gutter: var(--mk-space-6); }
  .jf-admin-header { grid-template-columns: auto minmax(0,1fr) auto !important; }
  .jf-admin-sidebar { max-width: 100vw; }
  .jf-dashboard-page.jf-dashboard-v137 {
    display: block !important;
    width: 100% !important;
  }
  .jf-dashboard-v137 .jf-dash-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .jf-candidate-page, .jf-settings-page { width: calc(100% - var(--page-gutter)) !important; }
}
@media (max-width: 359.98px) {
  :root { --page-gutter: var(--mk-space-4); }
}