/* JobStacc v78.9.17 — flatter navigation, level actions, premium Resume Match */

/* Work Profile: keep a direct path back to job discovery beside Preview. */
.profile-tabs .profile-find-jobs{
  flex:none;
  align-self:center;
  margin-left:4px;
  padding:10px 14px;
  border-radius:9px;
  background:#009f7c;
  color:#fff;
  text-decoration:none;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.profile-tabs .profile-find-jobs:hover{background:#08745f}
.profile-preview-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.profile-preview-actions .btn{margin:0;text-decoration:none}

/* Dashboard: replace the long right rail with a flatter full-width tools area. */
@media(min-width:901px){
  .dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
  .dashboard-side{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px!important;
    margin-top:18px;
    position:static!important;
  }
  .dashboard-side .membership-module{grid-column:1/-1}
  .membership-module .usage-stack{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    border:0;
    overflow:visible;
    background:transparent;
  }
  .membership-module .usage-stack>a.usage-link,
  .membership-module .usage-stack>div{
    min-height:68px;
    padding:11px 12px;
    border:1px solid #e1ece9!important;
    border-radius:11px;
    background:#fff;
    display:grid;
    align-content:center;
    gap:5px;
  }
  .membership-module .usage-stack>a.usage-link span,
  .membership-module .usage-stack>div span{font-size:9px}
  .membership-module .usage-stack>a.usage-link b,
  .membership-module .usage-stack>div b{text-align:left;font-size:9px}
}
@media(min-width:901px) and (max-width:1120px){
  .membership-module .usage-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .dashboard-side{grid-template-columns:1fr!important}
}

/* Job detail: level the primary actions and use the white space for tool shortcuts. */
.job-heading{align-items:flex-start}
.job-heading .heading-actions{
  min-width:min(570px,52%);
  display:grid;
  gap:10px;
  align-items:stretch;
}
.heading-action-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  align-items:stretch;
}
.heading-action-row>.btn,
.heading-action-row>button,
.heading-action-row>a,
.heading-action-row>.compare-role-button-prominent{
  box-sizing:border-box;
  width:100%;
  min-height:58px;
  margin:0!important;
  padding:10px 12px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.22;
  white-space:normal;
  border-radius:10px;
  font-size:11px;
  font-weight:800;
}
.job-tool-jumps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.job-tool-jumps a{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border:1px solid #d8e7e3;
  border-radius:9px;
  background:#f3fbf8;
  color:#08745f;
  text-decoration:none;
  text-align:center;
  font-size:9px;
  font-weight:800;
}
.job-tool-jumps a:hover{background:#e6f7f2;border-color:#a8dacf}
#staccability,#career-intelligence,#resume-match-module,#stacccheck-module,#job-match-module{scroll-margin-top:120px}

/* Find Jobs: expose the same major destinations without forcing sidebar hunting. */
.find-jobs-secondary-actions{
  max-width:1080px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:9px;
}
.find-jobs-secondary-actions a{
  min-height:35px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:9px;
  background:rgba(255,255,255,.08);
  color:#fff;
  text-decoration:none;
  text-align:center;
  font-size:9px;
  font-weight:800;
}
.find-jobs-secondary-actions a:hover{background:rgba(255,255,255,.15)}

/* Resume Match premium states and original JobStacc quote treatment. */
.resume-match-premium-badge{
  display:inline-flex;
  width:max-content;
  margin:0 0 8px;
  padding:5px 8px;
  border-radius:999px;
  background:#e8f7f3;
  color:#08745f;
  font-size:7px;
  font-weight:900;
  letter-spacing:.09em;
}
.resume-match-take{
  margin:14px 0 12px;
  padding:13px 14px;
  border-left:3px solid #009f7c;
  border-radius:0 10px 10px 0;
  background:#f4fbf9;
}
.resume-match-take span{display:block;color:#08745f;font-size:7px;font-weight:900;letter-spacing:.11em}
.resume-match-take blockquote{margin:7px 0 0;color:#17304b;font-size:11px;font-weight:700;line-height:1.5}
.resume-match-premium-note{margin:9px 0 0;color:#667085;font-size:8px;line-height:1.5}
.resume-match-lock-actions{display:grid;gap:8px;margin-top:12px}
.resume-match-lock-actions .apply-btn,.resume-match-lock-actions .btn{margin:0;text-decoration:none}

/* Full Staccability report: Resume Match becomes part of the unlocked decision view. */
.report-resume-match-body{display:grid;gap:12px}
.report-resume-match-card{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);
  gap:18px;
  border:1px solid #d9e9e5;
  border-radius:16px;
  padding:20px;
  background:linear-gradient(135deg,#f6fcfa,#fff);
}
.report-resume-best{display:grid;align-content:start;gap:7px}
.report-resume-best>span{color:#08745f;font-size:8px;font-weight:900;letter-spacing:.1em}
.report-resume-best h3{margin:0;color:#102640;font-size:20px}
.report-resume-score{display:flex;align-items:baseline;gap:8px;margin:2px 0}
.report-resume-score strong{font-size:38px;color:#009f7c;line-height:1}
.report-resume-score span{font-size:10px;color:#667085;font-weight:800;text-transform:uppercase}
.report-resume-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}
.report-resume-breakdown span{padding:9px;border:1px solid #e2ece9;border-radius:9px;background:#fff;color:#667085;font-size:9px}
.report-resume-breakdown b{display:block;margin-top:3px;color:#102640;font-size:13px}
.report-resume-side{display:grid;gap:10px;align-content:start}
.report-resume-ranked{display:grid;gap:6px}
.report-resume-ranked div{display:flex;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid #e4ebe9;border-radius:9px;background:#fff;font-size:9px}
.report-resume-ranked strong{color:#08745f}
.report-resume-empty{padding:18px;border:1px dashed #cfded9;border-radius:13px;background:#fff}
.report-resume-empty h3{margin:0 0 7px}.report-resume-empty p{margin:0 0 12px;color:#667085}

/* CI saved-report transparency. */
.ci-live-market-note{
  margin-top:8px;
  padding:9px 11px;
  border-radius:9px;
  background:#edf9f5;
  color:#176b5b;
  font-size:9px;
  line-height:1.5;
}

@media(max-width:980px){
  .job-heading{display:grid}
  .job-heading .heading-actions{min-width:0;width:100%}
  .heading-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .job-tool-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .find-jobs-secondary-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  .report-resume-match-card{grid-template-columns:1fr}
}
@media(max-width:620px){
  .profile-tabs .profile-find-jobs{padding:8px 11px}
  .heading-action-row{grid-template-columns:1fr 1fr}
  .heading-action-row>*{min-height:52px!important}
  .job-tool-jumps{grid-template-columns:1fr 1fr}
  .find-jobs-secondary-actions{grid-template-columns:1fr 1fr}
  .report-resume-breakdown{grid-template-columns:1fr 1fr}
}