/* FIJ 1.8.7.32 — role workspace hierarchy, density and navigation polish */

:root{
  --fij-workspace-max:1180px;
  --fij-workspace-gap:22px;
  --fij-workspace-border:#d9e7e3;
  --fij-workspace-soft:#f5faf8;
  --fij-workspace-shadow:0 18px 48px rgba(15,23,42,.065);
}

/* Compact, consistent role workspace mastheads. */
.fij-account-context :is(
  .fij-role-dashboard-clean,
  .fij-profile-completion,
  .fij-ai-finder-clean,
  .fij-saved-jobs-page,
  .fij-account-clean,
  .fij-role-workspace-page,
  .fij-onboarding-section
) .fij-public-hero{
  --fij-hero-height:330px;
}
.fij-account-context :is(
  .fij-role-dashboard-clean,
  .fij-profile-completion,
  .fij-ai-finder-clean,
  .fij-saved-jobs-page,
  .fij-account-clean,
  .fij-role-workspace-page
) .fij-public-hero__slot h1{max-width:650px;}
.fij-account-context .fij-public-hero-support{padding:14px 0;}
.fij-account-context .fij-public-hero-support__inner{max-width:var(--fij-workspace-max);}

/* One navigation system across candidate and freelancer workspaces. */
.fij-role-workspace-nav{
  position:sticky;
  top:0;
  z-index:24;
  background:rgba(255,255,255,.97);
  box-shadow:0 8px 24px rgba(15,23,42,.045);
  backdrop-filter:blur(12px);
}
.fij-role-workspace-nav .fij-employer-workspace-nav-inner{
  max-width:var(--fij-workspace-max);
  gap:6px;
  padding:10px 0;
  scroll-padding-inline:12px;
}
.fij-role-workspace-nav a{
  min-height:40px;
  padding:9px 13px;
  border-color:#d8e4e1;
  border-radius:0;
  font-size:13px;
  font-weight:750;
}
.fij-role-workspace-nav a.is-active{
  box-shadow:inset 0 -3px 0 #22c39a;
}

/* Unified status cards underneath heroes. */
.fij-workspace-status-card,
.fij-account-context .fij-account-status-v1768,
.fij-account-context .fij-billing-status-card,
.fij-account-context .fij-freelancer-score-card{
  width:min(100%,360px)!important;
  min-height:86px;
  display:grid;
  align-content:center;
  gap:4px;
  padding:18px 22px;
  border:1px solid var(--fij-workspace-border);
  border-left:4px solid #21bd94;
  background:#fff;
  color:#0f172a;
  box-shadow:8px 8px 0 #e1f5ef;
}
.fij-workspace-status-card strong,
.fij-account-context .fij-account-status-v1768 strong,
.fij-account-context .fij-billing-status-card strong,
.fij-account-context .fij-freelancer-score-card strong{
  display:block;
  font-size:clamp(28px,3.2vw,42px);
  line-height:1;
  letter-spacing:-.045em;
  color:#0f172a;
}
.fij-workspace-status-card span,
.fij-account-context .fij-account-status-v1768 span,
.fij-account-context .fij-billing-status-card span,
.fij-account-context .fij-freelancer-score-card span{
  font-size:12px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#087967;
}
.fij-workspace-status-card.is-neutral{border-left-color:#64748b;box-shadow:8px 8px 0 #eef2f6;}
.fij-workspace-status-card.is-positive{border-left-color:#16a376;}

/* Shared panel treatment. */
.fij-account-context :is(
  .fij-role-dashboard-clean,
  .fij-profile-completion,
  .fij-ai-finder-clean,
  .fij-saved-jobs-page,
  .fij-account-clean,
  .fij-role-workspace-page
) :is(.fij-role-panel,.fij-security-card,.fij-billing-panel,.fij-push-card){
  border:1px solid var(--fij-workspace-border);
  border-top:3px solid #21bd94;
  background:#fff;
  box-shadow:var(--fij-workspace-shadow);
}
.fij-account-context :is(.fij-role-panel,.fij-security-card,.fij-billing-panel,.fij-push-card) h2{
  margin-top:4px;
}

/* Dashboard: stronger hierarchy, full-width metrics and balanced cards. */
.fij-candidate-overview-clean,
.fij-freelancer-overview-clean{
  max-width:var(--fij-workspace-max);
  padding-top:38px;
  padding-bottom:36px;
  gap:var(--fij-workspace-gap);
}
.fij-candidate-profile-card,
.fij-freelancer-profile-editor-card{padding:30px 32px;}
.fij-candidate-snapshot-row,
.fij-freelancer-snapshot-row{
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid var(--fij-workspace-border);
  box-shadow:0 14px 34px rgba(15,23,42,.045);
}
.fij-candidate-snapshot-row>div,
.fij-freelancer-snapshot-row>div{padding:21px 20px;background:#fff;}
.fij-candidate-snapshot-row strong,
.fij-freelancer-snapshot-row strong{font-size:30px;}
.fij-candidate-workspace-summary,
.fij-freelancer-workspace-summary{gap:var(--fij-workspace-gap);}
.fij-candidate-workspace-summary .fij-role-panel,
.fij-freelancer-workspace-summary .fij-role-panel{min-height:225px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;}
.fij-candidate-workspace-summary .fij-role-panel .btn,
.fij-freelancer-workspace-summary .fij-role-panel .btn{margin-top:auto;}
.fij-security-dashboard-grid{
  max-width:var(--fij-workspace-max);
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;
  gap:var(--fij-workspace-gap)!important;
  margin-top:0!important;
  padding-top:0!important;
}
.fij-security-dashboard-grid .fij-role-panel{padding:26px;}
.fij-login-activity-list{display:grid;gap:8px;}
.fij-login-activity-row{padding:12px 14px;border:1px solid #e1ebe8;background:#f9fcfb;}
.fij-login-activity-row strong,.fij-login-activity-row span{display:block;overflow-wrap:anywhere;}
.fij-login-activity-row span{margin-top:3px;font-size:12px;color:#607080;}

/* Onboarding: remove the sparse middle band and make the two-step form readable. */
.fij-account-context .fij-onboarding-section{padding-top:0;}
.fij-account-context .fij-onboarding-layout{
  max-width:var(--fij-workspace-max);
  grid-template-columns:minmax(0,1fr) 300px;
  gap:var(--fij-workspace-gap);
  padding-top:34px;
}
.fij-account-context .fij-onboarding-form{padding:32px;border:1px solid var(--fij-workspace-border);box-shadow:var(--fij-workspace-shadow);}
.fij-onboarding-form .fij-profile-step+ .fij-profile-step{margin-top:30px;padding-top:28px;border-top:1px solid #dfeae7;}
.fij-onboarding-form .fij-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px;}
.fij-onboarding-summary-card{padding:22px;position:sticky;top:76px;}

/* Profile and Job Finder use more of the desktop canvas. */
.fij-profile-workspace-grid,
.fij-candidate-finder-grid,
.fij-ai-match-list-wrap{
  width:100%;
  max-width:var(--fij-workspace-max)!important;
}
.fij-candidate-finder-grid{
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:var(--fij-workspace-gap)!important;
  padding-top:38px;
}
.fij-candidate-finder-grid .fij-role-panel{padding:27px;}
.fij-ai-match-list-wrap{padding-top:18px;}
.fij-ai-finder-clean .fij-low-match-empty{padding:28px;}

/* Saved jobs and empty states. */
.fij-saved-jobs-section .container{max-width:var(--fij-workspace-max);}
.fij-saved-jobs-head{align-items:end;margin-bottom:18px;}
.fij-saved-empty{min-height:210px;display:grid;align-content:center;justify-items:start;border:1px dashed #b7d7cf;background:#f8fcfb;}

/* Applications and messages. */
.fij-applications-workspace-page .section,
.fij-messages-workspace-page .section{padding:38px 0 82px;}
.fij-applications-workspace-page .fij-freelancer-page-list,
.fij-messages-workspace-page .fij-freelancer-page-list{max-width:var(--fij-workspace-max);}
.fij-applications-workspace-page .fij-role-panel,
.fij-messages-workspace-page .fij-role-panel{padding:30px;}
.fij-application-list-clean{display:grid;gap:10px;margin-top:20px;}
.fij-application-row-clean{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:18px;
  border:1px solid #dfeae7;
  background:#fafdfc;
}
.fij-application-row-clean strong,.fij-application-row-clean span,.fij-application-row-clean small{display:block;}
.fij-application-row-clean span{margin-top:4px;color:#46576a;}
.fij-application-row-clean small{margin-top:7px;color:#6b7887;}

/* Account settings: use a deliberate desktop grid instead of one very long narrow column. */
.fij-account-stack-v1768{
  max-width:var(--fij-workspace-max);
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--fij-workspace-gap)!important;
  align-items:start;
  padding-top:10px;
}
.fij-account-stack-v1768 .fij-account-card-v1768{margin:0!important;padding:27px;min-width:0;}
.fij-account-stack-v1768 :is(#details,#pending-security-changes,#login-activity,#delete-account){grid-column:1/-1;}
.fij-account-stack-v1768 #details .fij-account-form-grid-v1768{grid-template-columns:repeat(2,minmax(0,1fr));}
.fij-account-stack-v1768 #password .fij-account-form-grid-v1768,
.fij-account-stack-v1768 #phone .fij-account-form-grid-v1768{grid-template-columns:1fr;}
.fij-notification-list-v1768 label{padding:12px;border:1px solid #e1ebe8;background:#f8fcfb;}
.fij-workspace-links-card-v1768 .fij-account-link-grid-v1768{grid-template-columns:repeat(2,minmax(0,1fr));}
.fij-danger-card-v1768{border-top-color:#d85a4a!important;background:#fffafa!important;}

/* Billing and finance. */
.fij-billing-stack{max-width:var(--fij-workspace-max);padding-top:36px;padding-bottom:86px;gap:var(--fij-workspace-gap);}
.fij-billing-summary-grid{gap:14px;}
.fij-billing-mini{min-height:112px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;}
.fij-billing-mini strong{font-size:30px;}
.fij-billing-panel,.fij-billing-warning{padding:28px;}
.fij-subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr));}

/* Security: clearer 2FA flow and full-width connected accounts. */
.fij-security-wrap{max-width:var(--fij-workspace-max);padding-top:38px!important;padding-bottom:90px!important;}
.fij-security-grid{
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:var(--fij-workspace-gap)!important;
}
.fij-security-card{padding:28px!important;}
.fij-security-social-card{grid-column:1/-1;}
.fij-two-factor-setup{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:14px 22px;
  align-items:start;
}
.fij-two-factor-setup .fij-qr-box{grid-row:1 / span 4;margin:0!important;}
.fij-two-factor-setup .fij-2fa-setup-copy,
.fij-two-factor-setup .fij-secret-disclosure,
.fij-two-factor-setup>form{grid-column:2;}
.fij-social-connections{display:grid;gap:10px;}
.fij-social-connection-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:15px;
  border:1px solid #dfeae7;
  background:#fafdfc;
}

/* Notification center: larger controls, calmer information density. */
.fij-notification-workspace-page .fij-push-page{max-width:var(--fij-workspace-max);padding-top:36px;padding-bottom:90px;}
.fij-push-stat-grid{gap:12px;}
.fij-push-stat-grid article{min-height:96px;padding:18px 20px;}
.fij-push-grid{gap:var(--fij-workspace-gap);}
.fij-push-card{padding:26px!important;}
.fij-push-setting-grid{gap:12px;}
.fij-push-check{padding:15px!important;}
.fij-push-time-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
.fij-push-time-grid label{display:grid;gap:7px;}
.fij-push-time-grid :is(input,select){min-height:44px;}
.fij-push-category-row,.fij-push-category-head{grid-template-columns:minmax(0,1fr) 80px 80px!important;}
.fij-push-notification{padding:18px!important;}

@media (max-width:1000px){
  .fij-candidate-workspace-summary,.fij-freelancer-workspace-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fij-account-stack-v1768{grid-template-columns:1fr;}
  .fij-account-stack-v1768>*{grid-column:auto!important;}
  .fij-security-grid,.fij-candidate-finder-grid,.fij-security-dashboard-grid{grid-template-columns:1fr!important;}
  .fij-security-social-card{grid-column:auto;}
  .fij-onboarding-layout{grid-template-columns:1fr!important;}
  .fij-onboarding-summary-card{position:static;}
}

@media (max-width:860px){
  .fij-account-context :is(
    .fij-role-dashboard-clean,
    .fij-profile-completion,
    .fij-ai-finder-clean,
    .fij-saved-jobs-page,
    .fij-account-clean,
    .fij-role-workspace-page
  ) .fij-public-hero{--fij-hero-height:0;}
  .fij-role-workspace-nav{top:0;}
  .fij-role-workspace-nav .fij-employer-workspace-nav-inner{padding-inline:16px;}
  .fij-candidate-overview-clean,.fij-freelancer-overview-clean,.fij-security-dashboard-grid,
  .fij-candidate-finder-grid,.fij-ai-match-list-wrap,.fij-account-stack-v1768,.fij-billing-stack,
  .fij-security-wrap,.fij-notification-workspace-page .fij-push-page{padding-left:16px;padding-right:16px;}
  .fij-candidate-snapshot-row,.fij-freelancer-snapshot-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fij-candidate-workspace-summary,.fij-freelancer-workspace-summary{grid-template-columns:1fr;}
  .fij-onboarding-form .fij-form-grid{grid-template-columns:1fr;}
  .fij-subscription-grid{grid-template-columns:1fr;}
  .fij-two-factor-setup{grid-template-columns:1fr;}
  .fij-two-factor-setup .fij-qr-box,.fij-two-factor-setup .fij-2fa-setup-copy,.fij-two-factor-setup .fij-secret-disclosure,.fij-two-factor-setup>form{grid-column:1;grid-row:auto;}
  .fij-push-time-grid{grid-template-columns:1fr 1fr!important;}
}

@media (max-width:620px){
  .fij-workspace-status-card,
  .fij-account-context .fij-account-status-v1768,
  .fij-account-context .fij-billing-status-card,
  .fij-account-context .fij-freelancer-score-card{width:100%!important;box-shadow:5px 5px 0 #e1f5ef;}
  .fij-candidate-profile-card,.fij-freelancer-profile-editor-card,.fij-account-stack-v1768 .fij-account-card-v1768,
  .fij-security-card,.fij-billing-panel,.fij-billing-warning,.fij-push-card{padding:21px!important;}
  .fij-candidate-snapshot-row,.fij-freelancer-snapshot-row{grid-template-columns:1fr;}
  .fij-application-row-clean,.fij-social-connection-row{grid-template-columns:1fr;}
  .fij-application-row-clean .btn,.fij-social-connection-row .btn{width:100%;justify-content:center;}
  .fij-push-time-grid{grid-template-columns:1fr!important;}
  .fij-push-category-row,.fij-push-category-head{grid-template-columns:minmax(0,1fr) 58px 58px!important;}
  .fij-account-stack-v1768 #details .fij-account-form-grid-v1768{grid-template-columns:1fr;}
  .fij-workspace-links-card-v1768 .fij-account-link-grid-v1768{grid-template-columns:1fr;}
}