.srb-app{--navy:#033c73;--light:#f3f6f9;--border:#d9e2ea;--text:#1d2733;font-family:Arial,Helvetica,sans-serif;color:var(--text);max-width:1500px;margin:0 auto}
.srb-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:18px 0 22px;padding:20px;border:1px solid var(--border);border-radius:14px;background:#fff}
.srb-toolbar h2{margin:0 0 5px;color:var(--navy)}.srb-toolbar p{margin:0}.srb-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}
.srb-layout{display:grid;grid-template-columns:minmax(320px,410px) minmax(0,1fr);gap:24px;align-items:start}.srb-editor{display:grid;gap:14px}
.srb-card,.srb-score-panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.srb-card h3{margin:0;font-size:17px}.srb-card-title,.srb-entry-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.srb-card label{display:block;font-weight:700;margin-bottom:7px}.srb-card input,.srb-card textarea,.srb-card select,.srb-editor select{width:100%;box-sizing:border-box;border:1px solid #c9d4df;border-radius:8px;padding:10px 11px;margin:0 0 9px;font:inherit;background:#fff}
.srb-card textarea{resize:vertical}.srb-card small{display:block;color:#66717d;line-height:1.4}
.srb-btn,.srb-mini-btn{border:0;border-radius:8px;padding:10px 14px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}
.srb-mini-btn{padding:7px 9px;font-size:12px}.srb-btn.secondary{background:#edf3f9;color:var(--navy);border:1px solid #c4d9f5}.srb-btn.full{width:100%}
.srb-entry{border:1px solid #e1e7ed;border-radius:9px;padding:12px;margin:0 0 12px;background:#fbfcfd}.srb-entry-head{font-size:13px}.srb-remove{border:0;background:none;color:#9b2c2c;cursor:pointer;font-size:12px}
.srb-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.srb-check{display:flex!important;gap:7px;align-items:center;font-size:13px;font-weight:400!important}.srb-check input{width:auto!important;margin:0!important}
.srb-main{min-width:0}.srb-score-panel{display:grid;grid-template-columns:130px 130px 1fr;gap:12px;margin-bottom:18px;align-items:stretch}
.srb-score-box{background:var(--light);border-radius:9px;padding:12px;text-align:center}.srb-score-box span{display:block;font-size:12px}.srb-score-box strong{display:block;font-size:25px;color:var(--navy);margin-top:4px}
.srb-feedback{font-size:13px;line-height:1.5;padding:10px 12px;background:#fafcfe;border-radius:8px}.srb-feedback:last-child{grid-column:1/-1}

/* Shared ATS-safe resume foundation */
.srb-resume{
 width:210mm;min-height:297mm;box-sizing:border-box;background:#fff;margin:0 auto;
 padding:18mm 18mm 17mm;box-shadow:0 8px 32px rgba(0,0,0,.10);
 font-family:Arial,Helvetica,sans-serif;color:#171b20;font-size:10.65pt;line-height:1.48
}
.resume-header{padding-bottom:11px;margin-bottom:17px;border-bottom:1.6px solid #252b31}
.resume-header h1{font-size:25.5pt;line-height:1.04;margin:0 0 5px;letter-spacing:.05px;font-weight:700}
.resume-title{font-size:12pt;font-weight:600;margin-bottom:7px;color:#2e353c}
.resume-contact{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;font-size:9.5pt;line-height:1.5;color:#3d464f}
.contact-sep{font-size:8pt;color:#8b9298}
.srb-resume section{margin:0 0 15px}
.srb-resume section h2{
 font-size:10.7pt;text-transform:uppercase;letter-spacing:.75px;
 margin:0 0 8px;padding:0 0 4px;border-bottom:1px solid #9ea5ab;font-weight:700
}
.resume-content{min-height:1px}
.resume-entry{margin:0 0 11px;break-inside:avoid}
.entry-top{display:flex;justify-content:space-between;align-items:baseline;gap:18px}
.entry-title{font-size:10.85pt;font-weight:700;line-height:1.35}
.entry-date{white-space:nowrap;font-size:9.5pt;font-weight:600;text-align:right;color:#333a41}
.entry-sub{margin:2px 0 3px;line-height:1.35}
.entry-org{font-weight:600;color:#2d343b}
.entry-location{font-style:italic;color:#5a626a}
.entry-detail{font-size:9.75pt;color:#454d55;margin-top:2px}
.resume-entry ul{margin:5px 0 0 18px;padding:0}
.resume-entry li{margin:0 0 3.2px;padding-left:2px;line-height:1.43}
.skill-list{display:flex;flex-wrap:wrap;align-items:center;row-gap:3px;line-height:1.55}
.skill-item{white-space:normal}
.skill-sep{padding:0 7px;color:#7d858c;font-size:8.5pt}
.compact-line{margin:0 0 4px}
.publication-entry{margin-bottom:10px}

/* ATS Classic */
.template-classic{font-family:Arial,Helvetica,sans-serif}
.template-classic .resume-header h1{letter-spacing:0}
.template-classic section h2{border-color:#858c92}

/* ATS Modern */
.template-modern{font-family:Arial,Helvetica,sans-serif}
.template-modern .resume-header{border-bottom:2px solid #033c73}
.template-modern .resume-header h1{color:#033c73}
.template-modern .resume-title{color:#345d7e}
.template-modern section h2{color:#033c73;border-bottom:1.5px solid #a6bed3}
.template-modern .entry-org{color:#214f70}
.template-modern .skill-sep{color:#7e9ab0}

/* Executive */
.template-executive{font-size:10.7pt;padding-left:19mm;padding-right:19mm}
.template-executive .resume-header{text-align:center;border-bottom:3px double #5a6065;padding-bottom:12px}
.template-executive .resume-header h1{font-family:Georgia,'Times New Roman',serif;font-size:26pt}
.template-executive .resume-title{font-size:11.8pt;letter-spacing:.3px;text-transform:uppercase}
.template-executive .resume-contact{justify-content:center}
.template-executive section{margin-bottom:16px}
.template-executive section h2{text-align:center;border:0;border-top:1px solid #a8adb1;border-bottom:1px solid #a8adb1;padding:4px 0;margin-bottom:10px;letter-spacing:1px}
.template-executive .entry-title{font-size:10.95pt}

/* Graduate */
.template-graduate{font-size:10.75pt;line-height:1.5}
.template-graduate .resume-header{border-bottom:2px solid #252b31;margin-bottom:18px}
.template-graduate .resume-header h1{font-size:26pt}
.template-graduate .resume-title{font-size:11.7pt}
.template-graduate section{margin-bottom:16px}
.template-graduate section h2{
 color:#2b3137;background:transparent;border:0;border-bottom:1px solid #c5cacf;
 padding:0 0 4px;margin-bottom:9px;font-size:10.8pt;letter-spacing:.85px
}
.template-graduate .resume-entry{margin-bottom:11px}
.template-graduate .skill-list{line-height:1.6}

/* Academic */
.template-academic{font-family:Georgia,'Times New Roman',serif;font-size:10.65pt;line-height:1.5}
.template-academic .resume-header{border-bottom:1px solid #383838}
.template-academic .resume-header h1{font-size:24.5pt}
.template-academic .resume-title{font-family:Arial,Helvetica,sans-serif;font-size:11.2pt}
.template-academic .resume-contact{font-family:Arial,Helvetica,sans-serif}
.template-academic section h2{text-transform:none;font-size:12.5pt;letter-spacing:0;border-bottom:1px solid #444;padding-bottom:3px}
.template-academic .entry-title{font-size:10.7pt}
.template-academic .entry-sub{font-family:Georgia,'Times New Roman',serif}

/* Preserve date alignment in browser and PDF without tables/text boxes */
@media(max-width:1100px){
 .srb-layout{grid-template-columns:1fr}
 .srb-resume{width:100%;min-height:auto;padding:42px}
 .srb-score-panel{grid-template-columns:1fr 1fr}
 .srb-feedback{grid-column:1/-1}
 .srb-toolbar{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
 .srb-two{grid-template-columns:1fr}
 .entry-top{display:block}
 .entry-date{display:block;text-align:left;margin-top:2px}
 .resume-contact{display:block}
 .contact-sep{padding:0 4px}
}
@media print{
 html,body{margin:0!important;padding:0!important;width:210mm!important;min-height:297mm!important;background:#fff!important}
 body *{visibility:hidden!important}
 .srb-resume,.srb-resume *{visibility:visible!important}
 .srb-resume{position:absolute!important;left:0!important;top:0!important;width:210mm!important;min-height:297mm!important;margin:0!important;padding:15mm 16mm!important;box-sizing:border-box!important;box-shadow:none!important;transform:none!important;zoom:1!important}
 .no-print{display:none!important}
 @page{size:A4 portrait;margin:0}
}

/* v1.4 document-quality refinements */
.contact-label{font-weight:700;color:inherit}
.certification-entry .entry-sub{margin-top:2px}
.srb-resume section{break-inside:auto}
.srb-resume section h2{break-after:avoid-page;page-break-after:avoid}
.entry-top,.entry-sub{break-after:avoid-page;page-break-after:avoid}
.resume-entry{break-inside:avoid-page;page-break-inside:avoid}
.resume-entry ul{break-before:avoid-page;page-break-before:avoid}
@media print{
 .resume-header{break-inside:avoid-page!important;page-break-inside:avoid!important}
 .certification-entry,.publication-entry{break-inside:avoid-page!important;page-break-inside:avoid!important}
}

/* v1.5.2 visual refinements */
.srb-resume .resume-entry ul{list-style-type:square}
.srb-resume .resume-entry li::marker{font-size:.72em}
.resume-link{color:inherit;text-decoration:none}
.resume-link:hover{text-decoration:underline}

.template-classic section h2,
.template-graduate section h2{
 background:#f2f4f6;
 border:0;
 padding:4px 6px;
 margin-bottom:9px;
}
.template-modern section h2{
 background:#eef4f9;
 border:0;
 padding:4px 6px;
 margin-bottom:9px;
}
.template-executive section h2,
.template-academic section h2{
 background:transparent;
}

/* v1.6 account/dashboard */
.srb-name-row{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.srb-name-row label{font-size:12px;font-weight:700}
.srb-name-row input{width:240px;max-width:100%;padding:8px 10px;border:1px solid #c9d4df;border-radius:7px;font:inherit}
.srb-save-status{font-size:12px;color:#66717d;min-width:80px}
.srb-link-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important}
.srb-login-note{font-size:12px;color:#66717d}
.srb-dashboard{max-width:1200px;margin:20px auto;font-family:Arial,Helvetica,sans-serif;color:#1d2733}
.srb-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px;border:1px solid #d9e2ea;border-radius:14px;background:#fff}
.srb-dashboard-head h2{margin:0 0 5px;color:#033c73}.srb-dashboard-head p{margin:0}
.srb-resume-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.srb-resume-card{border:1px solid #d9e2ea;border-radius:12px;background:#fff;padding:17px;box-shadow:0 2px 8px rgba(0,0,0,.035)}
.srb-resume-card h3{font-size:18px;margin:13px 0 4px;color:#17212b}.srb-resume-card p{margin:0 0 17px;color:#66717d;min-height:22px}
.srb-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.srb-template-badge{font-size:11px;font-weight:700;padding:4px 7px;border-radius:999px;background:#eef4f9;color:#033c73}
.srb-updated{font-size:11px;color:#7b858f}
.srb-card-actions{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #edf0f3;padding-top:12px}
.srb-action{border:0;background:#f2f5f8;color:#033c73;border-radius:6px;padding:7px 9px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none!important}
.srb-action.danger{color:#9b2c2c;background:#fff3f3}
.srb-empty{grid-column:1/-1;text-align:center;border:1px dashed #c9d4df;border-radius:12px;padding:42px;background:#fff}
.srb-dashboard-login{max-width:650px;margin:30px auto;text-align:center;border:1px solid #d9e2ea;border-radius:12px;padding:32px}
@media(max-width:900px){.srb-resume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.srb-resume-grid{grid-template-columns:1fr}.srb-dashboard-head{align-items:flex-start;flex-direction:column}}

.srb-dashboard-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
@media(max-width:600px){.srb-dashboard-tools{width:100%}.srb-dashboard-tools .srb-btn{flex:1}}

/* v1.7.1 corrected guided builder */
.srb-stepper{display:flex;gap:7px;overflow-x:auto;padding:12px 4px 15px;margin:0 0 2px;scrollbar-width:thin}
.srb-step{border:1px solid #d5dfe8;background:#fff;color:#53606d;border-radius:9px;padding:8px 10px;white-space:nowrap;font-weight:700;font-size:12px;cursor:pointer}
.srb-step span{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background:#edf2f7;margin-right:6px;font-size:11px}
.srb-step.active{border-color:#033c73;color:#033c73;background:#f4f8fc}.srb-step.active span{background:#033c73;color:#fff}
.srb-guide-card{display:none}
.srb-guide-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;bottom:8px;background:rgba(255,255,255,.97);border:1px solid #d9e2ea;border-radius:10px;padding:8px;z-index:5;box-shadow:0 3px 12px rgba(0,0,0,.06)}
.srb-guide-actions #srb-step-label{font-size:11px;color:#66717d;font-weight:700}
.srb-achievement-tip{font-size:11px;line-height:1.45;background:#f6f8fa;border-left:3px solid #e0ac3e;padding:8px 9px;margin:6px 0 2px;color:#475461;max-width:240px}
.srb-help{font-size:12px;line-height:1.5;color:#66717d}
.srb-optional-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.srb-optional-grid label{display:flex;align-items:center;gap:7px;border:1px solid #dce4eb;border-radius:8px;padding:9px;background:#fff;font-size:12px;font-weight:700}
.srb-opt-section{display:none;margin-top:12px}.srb-opt-section.active{display:block}
.srb-opt-section label{font-size:12px;font-weight:700;display:block;margin-bottom:5px}
.srb-opt-section textarea{width:100%;box-sizing:border-box}
.srb-order-list{border:1px solid #dce4eb;border-radius:9px;overflow:hidden;margin-top:10px}
.srb-order-item{display:flex;align-items:center;gap:8px;padding:9px 10px;background:#fff;border-bottom:1px solid #edf1f4;font-size:12px;font-weight:700}
.srb-order-item:last-child{border-bottom:0}.srb-order-grip{color:#8a96a2}
.srb-order-buttons{margin-left:auto;display:flex;gap:4px}.srb-order-buttons button{width:29px;height:27px;border:1px solid #d6dfe7;background:#f7f9fb;border-radius:5px;cursor:pointer}
.srb-order-buttons button:disabled{opacity:.3}.optional-line{margin-bottom:3px}
@media(max-width:700px){.srb-optional-grid{grid-template-columns:1fr}.srb-guide-actions{bottom:4px}}

/* v1.7.2 visibility + theme override fix */
#srb-stepper .srb-step{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:#fff !important;
  color:#53606d !important;
  border:1px solid #d5dfe8 !important;
  box-shadow:none !important;
}
#srb-stepper .srb-step:hover{
  background:#f7f9fb !important;
  color:#033c73 !important;
}
#srb-stepper .srb-step.active{
  background:#f4f8fc !important;
  color:#033c73 !important;
  border-color:#033c73 !important;
}
#srb-stepper .srb-step span{
  background:#edf2f7 !important;
  color:#53606d !important;
}
#srb-stepper .srb-step.active span{
  background:#033c73 !important;
  color:#fff !important;
}
.srb-editor .srb-guide-card{
  width:100%;
  box-sizing:border-box;
}

/* v1.8 modern three-column workspace */
.srb-app{max-width:1800px!important;margin:0 auto}
.srb-toolbar-compact{
  min-height:auto!important;
  padding:14px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
.srb-toolbar-compact h2{margin:0 0 3px!important;font-size:22px!important}
.srb-toolbar-compact p{margin:0!important;font-size:12px!important}
.srb-toolbar-compact .srb-name-row{margin-top:8px!important}
.srb-toolbar-compact .srb-name-row input{height:34px!important;padding:6px 9px!important}
.srb-stepper{
  position:sticky;
  top:0;
  z-index:25;
  background:#fff;
  padding:9px 4px 10px!important;
  margin:0!important;
  border-bottom:1px solid #e3e9ef;
}
.srb-layout{
  display:grid!important;
  grid-template-columns:minmax(285px,320px) minmax(560px,1fr) minmax(250px,290px)!important;
  gap:14px!important;
  align-items:start!important;
  margin-top:12px!important;
}
.srb-left-column{
  grid-column:1;
  min-width:0;
  max-height:calc(100vh - 165px);
  overflow-y:auto;
  padding-right:3px;
  position:sticky;
  top:58px;
}
.srb-center-column{
  grid-column:2;
  min-width:0;
  margin:0!important;
}
.srb-right-column{
  grid-column:3;
  min-width:0;
  max-height:calc(100vh - 165px);
  overflow-y:auto;
  position:sticky;
  top:58px;
  padding-right:3px;
}
.srb-center-column .srb-scorebar{margin-top:0!important}
.srb-center-column .srb-preview-wrap,
.srb-center-column .srb-preview-container{margin-top:10px!important}
.srb-right-column .srb-card{margin-bottom:10px!important}
.srb-right-column .srb-card h3{margin-top:0}
.srb-guide-actions{
  position:sticky!important;
  bottom:0!important;
  margin-top:8px!important;
}
.srb-visibility-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.srb-visibility-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:6px 3px!important;
  margin:0!important;
  border-bottom:1px solid #edf1f4;
  font-size:12px!important;
  font-weight:600!important;
}
.srb-visibility-row:last-child{border-bottom:0}
.srb-visibility-row input{width:16px!important;height:16px!important;margin:0!important}
.srb-optional-grid{grid-template-columns:1fr!important}
.srb-opt-section.active{
  display:block!important;
  border-top:1px solid #edf1f4;
  margin-top:10px;
  padding-top:10px;
}
.srb-opt-section textarea{min-height:76px}
#srb-section-order .srb-order-item{padding:7px 8px!important}
.srb-right-column #srb-jd,
.srb-right-column textarea{min-height:100px}
@media(max-width:1250px){
 .srb-layout{
   grid-template-columns:minmax(270px,300px) minmax(520px,1fr)!important;
 }
 .srb-right-column{
   grid-column:1;
   position:relative;
   top:auto;
   max-height:none;
 }
 .srb-center-column{grid-column:2;grid-row:1 / span 2}
 .srb-left-column{position:relative;top:auto;max-height:none}
}
@media(max-width:850px){
 .srb-layout{display:block!important}
 .srb-left-column,.srb-center-column,.srb-right-column{position:relative!important;top:auto!important;max-height:none!important;width:100%!important}
 .srb-right-column{margin-top:12px}
 .srb-toolbar-compact{align-items:flex-start!important;flex-direction:column!important}
}

/* v1.8.1 workspace alignment refinement */
.srb-left-column .srb-template-card{
  display:block!important;
  margin-bottom:10px!important;
}
.srb-left-column .srb-template-card label{
  font-size:12px!important;
  font-weight:700!important;
}
.srb-left-column .srb-template-card select{
  margin-top:5px!important;
}
.srb-right-column .srb-visibility-card{
  margin-top:0!important;
}
.srb-right-column .srb-order-card{
  margin-top:10px!important;
}
.srb-bottom-tools{
  width:100%;
  margin-top:14px;
}
.srb-bottom-tools .srb-jobmatch-card{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.srb-bottom-tools .srb-jobmatch-card textarea{
  width:100%!important;
  min-height:130px!important;
  box-sizing:border-box!important;
}
.srb-bottom-tools .srb-jobmatch-card .srb-btn,
.srb-bottom-tools .srb-jobmatch-card button{
  max-width:220px;
}
.srb-left-column .srb-guide-card:first-of-type{
  margin-top:0!important;
}
.srb-center-column{
  padding-top:0!important;
}
.srb-center-column .srb-scorebar{
  margin-bottom:10px!important;
}
.srb-right-column{
  padding-top:0!important;
}
@media(min-width:1251px){
  .srb-left-column,
  .srb-center-column,
  .srb-right-column{
    align-self:start!important;
  }
}
@media(max-width:1250px){
  .srb-bottom-tools{
    margin-top:12px;
  }
}

/* v1.8.2 routing/alignment correction */
.srb-layout > .srb-left-column{grid-column:1!important}
.srb-layout > .srb-center-column{grid-column:2!important}
.srb-layout > .srb-right-column{grid-column:3!important}
.srb-right-column:empty{display:block!important}
.srb-bottom-tools:empty{display:none}
.srb-bottom-tools:not(:empty){display:block}
@media(min-width:1251px){
  .srb-left-column > .srb-template-card{margin-top:0!important}
  .srb-right-column > .srb-visibility-card{margin-top:0!important}
}

/* v1.8.3 sidebar scrolling refinement */
.srb-left-column,
.srb-right-column{
  max-height:none!important;
  overflow:visible!important;
  position:relative!important;
  top:auto!important;
}

.srb-center-column{
  position:relative!important;
  min-width:0!important;
}

.srb-center-column .srb-preview-wrap,
.srb-center-column .srb-preview-container{
  max-height:calc(100vh - 190px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}

.srb-center-column .srb-scorebar{
  position:sticky;
  top:58px;
  z-index:15;
  background:#fff;
}

@media(max-width:1250px){
  .srb-center-column .srb-preview-wrap,
  .srb-center-column .srb-preview-container{
    max-height:none!important;
    overflow:visible!important;
  }
  .srb-center-column .srb-scorebar{
    position:relative!important;
    top:auto!important;
  }
}

/* v1.9.7 stable normal-flow workspace
   No sticky resume, no nested center scrolling, no scaling, no clipping. */
.srb-left-column,
.srb-right-column{
  max-height:none!important;
  overflow:visible!important;
  position:relative!important;
  top:auto!important;
}

.srb-center-column{
  position:relative!important;
  top:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  align-self:start!important;
}

.srb-center-column .srb-scorebar,
.srb-center-column .srb-score-panel{
  position:relative!important;
  top:auto!important;
}

.srb-center-column .srb-preview-wrap,
.srb-center-column .srb-preview-container{
  position:relative!important;
  top:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

.srb-center-column #srb-preview{
  position:relative!important;
  top:auto!important;
  zoom:1!important;
  transform:none!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.srb-layout{
  align-items:start!important;
  min-height:0!important;
}

.srb-bottom-tools{
  position:relative!important;
  clear:both!important;
  width:100%!important;
  margin-top:18px!important;
}

/* Keep only the guided step navigation sticky, not the resume document. */
.srb-guide-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:30!important;
}

@media(max-width:1250px){
  .srb-center-column,
  .srb-center-column #srb-preview{
    position:relative!important;
    top:auto!important;
  }
}

/* v1.10.0 Job Match Analyzer */
.srb-jobmatch-card .srb-jobmatch-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:10px;
}
.srb-jobmatch-card .srb-jobmatch-actions .srb-btn{
  min-width:180px;
}
.srb-match-note{
  font-size:12px;
  color:#667085;
}
.srb-match-results{
  margin-top:18px;
  border-top:1px solid #e4e9f1;
  padding-top:18px;
}
.srb-match-results[hidden]{
  display:none!important;
}
.srb-match-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.srb-match-metric{
  border:1px solid #dfe6ef;
  border-radius:12px;
  padding:13px 14px;
  background:#f8fafc;
  min-height:82px;
}
.srb-match-metric span{
  display:block;
  font-size:12px;
  color:#667085;
  margin-bottom:4px;
}
.srb-match-metric strong{
  display:block;
  font-size:24px;
  line-height:1.1;
  color:#143b78;
}
.srb-match-metric small{
  display:block;
  margin-top:4px;
  color:#667085;
}
.srb-match-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}
.srb-match-panel{
  border:1px solid #e1e7ef;
  border-radius:12px;
  padding:14px;
  background:#fff;
}
.srb-match-panel h4{
  margin:0 0 10px;
  font-size:14px;
}
.srb-match-chips{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.srb-match-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border:1px solid #dce4ee;
  border-radius:7px;
  background:#f8fafc;
  font-size:12px;
  line-height:1.25;
}
.srb-match-chips.matched .srb-match-chip{
  border-color:#b9d9c2;
  background:#f4faf6;
}
.srb-match-chips.missing .srb-match-chip{
  border-color:#edd6a8;
  background:#fffaf0;
}
.srb-match-empty{
  color:#7a8494;
  font-size:12px;
}
.srb-match-suggestions{
  margin-top:12px;
}
.srb-match-suggestions ul{
  margin:0;
  padding-left:20px;
}
.srb-match-suggestions li{
  margin:7px 0;
  line-height:1.45;
}
@media(max-width:900px){
  .srb-match-metrics{grid-template-columns:1fr 1fr}
  .srb-match-columns{grid-template-columns:1fr}
}
@media(max-width:560px){
  .srb-match-metrics{grid-template-columns:1fr}
}

/* v1.13.0 Experience Bullet Quality */
.srb-exp-quality-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 4px}
.srb-exp-quality-btn{width:auto!important}
.srb-exp-quality-results{margin:10px 0 4px;border:1px solid #dfe6ef;border-radius:12px;padding:12px;background:#fbfcfe}
.srb-exp-quality-results[hidden]{display:none!important}
.srb-exp-quality-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.srb-exp-quality-summary>div{border:1px solid #e2e8f0;border-radius:9px;padding:9px;background:#fff}
.srb-exp-quality-summary span{display:block;font-size:11px;color:#667085}
.srb-exp-quality-summary strong{display:block;margin-top:2px;font-size:18px;color:#173f7a}
.srb-exp-quality-item{border-top:1px solid #e6ebf2;padding:11px 0}
.srb-exp-quality-item:first-child{border-top:0}
.srb-exp-quality-head{display:flex;justify-content:space-between;gap:8px;font-size:12px}
.srb-exp-quality-head span{color:#173f7a;font-weight:700}
.srb-exp-quality-bullet{margin:7px 0;font-size:12px;line-height:1.45}
.srb-exp-quality-signals{display:flex;flex-wrap:wrap;gap:6px 12px;color:#667085;font-size:11px}
.srb-exp-quality-item ul{margin:7px 0 0;padding-left:18px;font-size:11px}
.srb-exp-quality-item li{margin:3px 0}.srb-exp-quality-empty{font-size:12px;color:#667085}
@media(max-width:600px){.srb-exp-quality-summary{grid-template-columns:1fr}}

/* v1.14.0 analyzer logic upgrade only */
.srb-match-chip{white-space:normal;}

/* v1.17.0 Final Resume Review */
.srb-final-review{margin-bottom:14px}.srb-final-review-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.srb-final-review-head h3{margin:0 0 4px}
.srb-review-overview{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:9px;margin:12px 0}.srb-review-readiness,.srb-review-stat{border:1px solid #dfe6ef;border-radius:11px;background:#f8fafc;padding:11px 12px}
.srb-review-readiness span,.srb-review-stat span{display:block;font-size:11px;color:#667085}.srb-review-readiness strong{display:block;font-size:26px;color:#173f7a;line-height:1.1;margin-top:2px}.srb-review-readiness small{display:block;color:#667085;margin-top:3px}.srb-review-stat strong{display:block;font-size:22px;color:#173f7a;margin-top:4px}
.srb-review-top-actions{border:1px solid #dfe6ef;border-radius:11px;padding:12px;background:#fff;margin:10px 0}.srb-review-top-actions h4{margin:0 0 8px}.srb-review-top-item{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #edf0f4;padding:9px 0}.srb-review-top-item:first-child{border-top:0}.srb-review-top-item div{min-width:0}.srb-review-top-item strong,.srb-review-top-item span{display:block}.srb-review-top-item span{font-size:11px;color:#667085;margin-top:2px;line-height:1.35}
.srb-review-jump{border:1px solid #cdd7e5;background:#fff;border-radius:7px;padding:5px 8px;font-size:11px;cursor:pointer;white-space:nowrap}.srb-review-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px}.srb-review-group{border:1px solid #dfe6ef;border-radius:11px;padding:11px;background:#fff}.srb-review-group h4{margin:0 0 8px}
.srb-review-item{display:flex;gap:8px;align-items:flex-start;border-top:1px solid #edf0f4;padding:8px 0}.srb-review-item:first-child{border-top:0}.srb-review-icon{width:20px;height:20px;min-width:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.srb-review-item.pass .srb-review-icon{background:#eaf7ee;color:#237a3b}.srb-review-item.warning .srb-review-icon{background:#fff5dc;color:#8a6200}.srb-review-item.critical .srb-review-icon{background:#fdecec;color:#a12a2a}
.srb-review-copy{flex:1;min-width:0}.srb-review-copy strong{font-size:12px}.srb-review-copy p{margin:3px 0 0;font-size:11px;line-height:1.4;color:#667085}.srb-review-all-good{font-size:12px;color:#3f6d4a}
@media(max-width:900px){.srb-review-overview{grid-template-columns:1fr 1fr}.srb-review-groups{grid-template-columns:1fr}}@media(max-width:560px){.srb-final-review-head{display:block}.srb-final-review-head .srb-btn{margin-top:8px}.srb-review-overview{grid-template-columns:1fr}}

/* v1.17.1 Review layout refinement */
.srb-review-groups{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.srb-review-group{
  width:100%;
  box-sizing:border-box;
}

/* v1.17.2 Final Review sidebar containment fix
   Prevent review results from widening the left grid column. */
.srb-layout > *{
  min-width:0;
}

.srb-left-column,
.srb-editor{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}

.srb-final-review,
.srb-review-overview,
.srb-review-top-actions,
.srb-review-groups,
.srb-review-group,
.srb-review-top-item,
.srb-review-item,
.srb-review-copy{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

.srb-review-top-item,
.srb-review-item{
  overflow:hidden;
}

.srb-review-top-item > div,
.srb-review-copy{
  min-width:0;
  overflow-wrap:anywhere;
}

.srb-review-top-item strong,
.srb-review-top-item span,
.srb-review-copy strong,
.srb-review-copy p{
  overflow-wrap:anywhere;
  word-break:normal;
}

.srb-review-jump{
  flex:0 0 auto;
}

/* Keep the summary metrics from forcing the sidebar wider. */
.srb-review-overview{
  grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));
}

@media(max-width:560px){
  .srb-review-overview{
    grid-template-columns:1fr;
  }
}

/* v1.17.3 Contextual Experience Bullet Quality */
.srb-inline-bullet-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.srb-inline-bullet-tools .srb-help{margin:0;font-size:11px}
.srb-inline-bullet-results{margin-top:10px;min-width:0}
.srb-inline-quality-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:8px}
.srb-inline-quality-summary>div{border:1px solid #dfe6ef;border-radius:8px;background:#f8fafc;padding:8px;min-width:0}
.srb-inline-quality-summary span{display:block;font-size:10px;color:#667085}
.srb-inline-quality-summary strong{display:block;font-size:18px;color:#173f7a;margin-top:2px}
.srb-inline-quality-item{border:1px solid #dfe6ef;border-radius:9px;padding:9px;margin-top:8px;min-width:0;overflow-wrap:anywhere}
.srb-inline-quality-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
.srb-inline-quality-head strong{font-size:12px}
.srb-inline-quality-head span{font-size:11px;white-space:nowrap;color:#173f7a;font-weight:600}
.srb-inline-quality-bullet{font-size:11px;line-height:1.45;color:#344054;margin-bottom:7px}
.srb-inline-quality-signals{display:flex;flex-wrap:wrap;gap:5px 9px;font-size:10px;color:#667085}
.srb-inline-quality-signals .is-good{color:#237a3b}
.srb-inline-quality-signals .is-missing{color:#8a6200}
.srb-inline-quality-tip{margin-top:7px;padding-top:7px;border-top:1px solid #edf0f4;font-size:10.5px;line-height:1.4;color:#475467}
.srb-inline-quality-tip strong{color:#172b4d}
.srb-exp-quality-empty{padding:9px;border:1px solid #dfe6ef;border-radius:8px;background:#f8fafc;font-size:11px;color:#667085}
@media(max-width:560px){.srb-inline-quality-summary{grid-template-columns:1fr}}


/* v1.17.5 Workspace simplification and visual refinement */

/* Give the workspace breathing room on laptop/desktop screens. */
.srb-app{
  width:100%;
  max-width:1780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:18px!important;
  padding-right:18px!important;
  box-sizing:border-box!important;
}

/* Final Review: description first, then a clear full-width action. */
.srb-final-review-head{
  display:block!important;
  margin-bottom:12px!important;
}
.srb-final-review-head > div{
  width:100%;
}
.srb-final-review-head .srb-help{
  margin-bottom:0!important;
}
#srb-run-final-review{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin-top:12px!important;
  padding:11px 16px!important;
  line-height:1.25!important;
  white-space:normal!important;
  text-align:center!important;
}

/* Section Order: clean labels, subtle drag cue, crisp CSS chevrons. */
#srb-section-order .srb-order-item{
  min-height:44px;
  padding:7px 9px!important;
  gap:9px!important;
}
.srb-order-label{
  flex:1 1 auto;
  min-width:0;
  line-height:1.3;
}
.srb-order-grip{
  width:11px;
  min-width:11px;
  display:grid;
  grid-template-columns:repeat(2,3px);
  grid-auto-rows:3px;
  gap:2px;
  align-content:center;
  justify-content:center;
  color:transparent!important;
}
.srb-order-grip i{
  width:3px;
  height:3px;
  display:block;
  border-radius:50%;
  background:#aeb9c5;
}
.srb-order-buttons{
  margin-left:auto;
  display:flex;
  gap:6px!important;
  flex:0 0 auto;
}
.srb-order-buttons .srb-order-arrow{
  width:34px!important;
  height:32px!important;
  min-width:34px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #c8d4e1!important;
  background:#f8fafc!important;
  color:#173f7a!important;
  border-radius:7px!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.srb-order-buttons .srb-order-arrow:hover:not(:disabled){
  background:#edf4fb!important;
  border-color:#8faac6!important;
}
.srb-order-buttons .srb-order-arrow:focus-visible{
  outline:2px solid #7aa4d1!important;
  outline-offset:2px!important;
}
.srb-order-buttons .srb-order-arrow:disabled{
  opacity:.28!important;
  cursor:default!important;
}
.srb-order-arrow > span{
  width:8px;
  height:8px;
  display:block;
  border-left:2px solid currentColor;
  border-top:2px solid currentColor;
}
.srb-order-up > span{
  transform:translateY(2px) rotate(45deg);
}
.srb-order-down > span{
  transform:translateY(-2px) rotate(225deg);
}

/* Keep useful space on smaller screens without returning to edge-to-edge. */
@media(max-width:850px){
  .srb-app{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}


/* v1.17.6 Final Review summary cards: 2 x 2 layout */
.srb-review-overview{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}

.srb-review-readiness,
.srb-review-stat{
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}

.srb-review-readiness span,
.srb-review-stat span{
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:1.3!important;
}

@media(max-width:560px){
  .srb-review-overview{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* v1.17.8 Simplified center workspace */
.srb-center-column > .srb-score-panel{
  display:none!important;
}
.srb-center-column > #srb-preview{
  margin-top:0!important;
}


/* =========================================================
   v1.18.0 UI POLISH ONLY
   Structural baseline remains v1.17.8.
   No changes to resume/PDF layout or builder functionality.
   ========================================================= */

.srb-app{
  --navy:#073b72;
  --navy-deep:#052d57;
  --navy-soft:#0d4e8d;
  --ui-bg:#f6f8fb;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f9fbfd;
  --ui-border:#dce5ee;
  --ui-border-strong:#c8d5e2;
  --ui-text:#172231;
  --ui-muted:#667487;
  --ui-accent:#4567e8;
  --ui-accent-dark:#3554cf;
  --ui-accent-soft:#eef2ff;
  --ui-shadow:0 8px 24px rgba(22,44,72,.07);
  --ui-shadow-soft:0 3px 10px rgba(22,44,72,.05);
  color:var(--ui-text);
}

/* Cards and utility panels */
.srb-card,
.srb-score-panel,
.srb-toolbar{
  background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)!important;
  border:1px solid var(--ui-border)!important;
  box-shadow:var(--ui-shadow-soft)!important;
}

.srb-card{
  border-radius:14px!important;
}

.srb-card:hover{
  border-color:#d2deea!important;
  box-shadow:0 5px 16px rgba(22,44,72,.065)!important;
}

.srb-card h3,
.srb-order-card h3,
.srb-visibility-card h3{
  color:#132b45!important;
  letter-spacing:-.01em;
}

.srb-help,
.srb-card small,
.srb-toolbar p{
  color:var(--ui-muted)!important;
}

/* Template / main form controls */
.srb-card input,
.srb-card textarea,
.srb-card select,
.srb-editor select,
.srb-name-row input{
  background:#fff!important;
  border:1px solid var(--ui-border-strong)!important;
  box-shadow:inset 0 1px 2px rgba(18,42,68,.025)!important;
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.srb-card input:hover,
.srb-card textarea:hover,
.srb-card select:hover,
.srb-editor select:hover,
.srb-name-row input:hover{
  border-color:#aebfd0!important;
}

.srb-card input:focus,
.srb-card textarea:focus,
.srb-card select:focus,
.srb-editor select:focus,
.srb-name-row input:focus{
  outline:none!important;
  border-color:#6f8fd8!important;
  box-shadow:0 0 0 3px rgba(69,103,232,.11)!important;
}

/* Buttons */
.srb-btn{
  background:linear-gradient(180deg,#5872eb 0%,#4863df 100%)!important;
  border:1px solid #405bdb!important;
  box-shadow:0 4px 10px rgba(69,103,232,.16)!important;
  color:#fff!important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.srb-btn:hover:not(:disabled){
  background:linear-gradient(180deg,#4f69e3 0%,#3e58d3 100%)!important;
  box-shadow:0 6px 14px rgba(69,103,232,.2)!important;
  transform:translateY(-1px);
}

.srb-btn:active:not(:disabled){
  transform:translateY(0);
  box-shadow:0 2px 6px rgba(69,103,232,.15)!important;
}

.srb-btn.secondary{
  background:linear-gradient(180deg,#ffffff 0%,#f4f7fb 100%)!important;
  color:#244466!important;
  border:1px solid #cbd8e5!important;
  box-shadow:0 2px 6px rgba(22,44,72,.05)!important;
}

.srb-mini-btn{
  background:linear-gradient(180deg,#173f73 0%,#0d315d 100%)!important;
  border:1px solid #0b2b53!important;
  box-shadow:0 3px 8px rgba(7,59,114,.13)!important;
}

.srb-mini-btn:hover{
  background:linear-gradient(180deg,#1a4a83 0%,#103766 100%)!important;
}

/* Stepper */
#srb-stepper{
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(8px);
  border-bottom:1px solid #dde6ef!important;
  box-shadow:0 5px 14px rgba(20,42,68,.035);
}

#srb-stepper .srb-step{
  border-radius:10px!important;
  background:#fff!important;
  border:1px solid #d8e2ec!important;
  color:#4d5f72!important;
  box-shadow:0 2px 6px rgba(22,44,72,.035)!important;
  transition:all .16s ease;
}

#srb-stepper .srb-step:hover{
  background:#f8faff!important;
  border-color:#bdcce0!important;
  color:#173f73!important;
}

#srb-stepper .srb-step.active{
  background:linear-gradient(180deg,#f7f9ff 0%,#eef2ff 100%)!important;
  border-color:#31508f!important;
  color:#173f73!important;
  box-shadow:0 4px 10px rgba(38,75,135,.08)!important;
}

#srb-stepper .srb-step span{
  background:#eef2f6!important;
  color:#5e6d7c!important;
}

#srb-stepper .srb-step.active span{
  background:linear-gradient(180deg,#234d8e 0%,#173f73 100%)!important;
  color:#fff!important;
}

/* Entry blocks */
.srb-entry{
  background:linear-gradient(180deg,#fbfcfe 0%,#f8fafc 100%)!important;
  border:1px solid #e1e8ef!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}

.srb-entry-head strong{
  color:#183d68!important;
}

/* Show on Resume */
.srb-visibility-row{
  border-bottom:1px solid #edf1f5!important;
}

.srb-visibility-row:hover{
  background:#fafcff!important;
}

.srb-visibility-row input[type="checkbox"]{
  accent-color:#4567e8;
}

/* Section Order */
.srb-order-list{
  border-color:#dbe5ee!important;
  box-shadow:inset 0 1px 2px rgba(21,43,69,.02);
}

.srb-order-item{
  background:#fff!important;
  border-bottom:1px solid #edf1f5!important;
}

.srb-order-item:hover{
  background:#fafcff!important;
}

.srb-order-buttons .srb-order-arrow{
  background:linear-gradient(180deg,#ffffff 0%,#f5f8fb 100%)!important;
  border-color:#c8d6e3!important;
  color:#244c7d!important;
  box-shadow:0 2px 5px rgba(22,44,72,.045)!important;
}

.srb-order-buttons .srb-order-arrow:hover:not(:disabled){
  background:#eef4fb!important;
  border-color:#9fb4ca!important;
  color:#173f73!important;
}

/* Final Review */
.srb-final-review{
  margin-bottom:0!important;
}

#srb-run-final-review{
  background:linear-gradient(180deg,#5872eb 0%,#4863df 100%)!important;
  border-radius:9px!important;
}

.srb-review-readiness,
.srb-review-stat{
  background:linear-gradient(180deg,#fafcff 0%,#f4f7fb 100%)!important;
  border:1px solid #dce5ef!important;
  box-shadow:inset 0 1px 0 #fff, 0 2px 6px rgba(22,44,72,.035)!important;
}

.srb-review-readiness strong,
.srb-review-stat strong{
  color:#173f73!important;
}

.srb-review-group{
  background:#fff!important;
  border:1px solid #dfe7ef!important;
  box-shadow:0 2px 7px rgba(22,44,72,.035)!important;
}

/* Job Match analyzer */
.srb-jobmatch-card{
  border-color:#d9e4ee!important;
  box-shadow:var(--ui-shadow)!important;
}

.srb-match-metric,
.srb-match-panel{
  background:linear-gradient(180deg,#ffffff 0%,#fafcff 100%)!important;
  border-color:#dde6ef!important;
}

.srb-match-metric strong{
  color:#173f73!important;
}

/* Top toolbar */
.srb-toolbar-compact{
  border-radius:14px!important;
}

.srb-toolbar-compact h2{
  color:#123e70!important;
}

/* Guide navigation */
.srb-guide-actions{
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(6px);
  border:1px solid #dde5ed!important;
  border-radius:12px!important;
  box-shadow:0 -2px 10px rgba(22,44,72,.04)!important;
}

/* Keep preview visually isolated without touching the resume itself */
.srb-center-column{
  border-radius:16px;
}

.srb-center-column > #srb-preview{
  box-shadow:0 16px 36px rgba(23,45,71,.09)!important;
}

/* Responsive spacing only */
@media(max-width:1250px){
  .srb-app{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

@media(max-width:850px){
  .srb-app{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* v1.18.1 Resume preview protection
   UI polish must not alter the resume document's original visual treatment. */
.srb-center-column > #srb-preview{
  box-shadow:none!important;
}


/* =========================================================
   v1.18.2 HARD UI ISOLATION
   Protect the WordPress/theme header and all site chrome.
   Resume Builder polish is confined to .srb-app only.
   ========================================================= */

/* Do not create any viewport-wide pseudo/background layer. */
.srb-app::before,
.srb-app::after{
  content:none!important;
  display:none!important;
}

/* Builder background is local to the plugin box only. */
.srb-app{
  position:relative!important;
  isolation:isolate!important;
  background:linear-gradient(180deg,#f8fafc 0%,#f4f7fa 100%)!important;
  border-radius:16px;
}

/* Explicitly scope polished generic plugin classes. */
.srb-app .srb-card,
.srb-app .srb-score-panel,
.srb-app .srb-toolbar{
  background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%)!important;
  border:1px solid var(--ui-border)!important;
  box-shadow:var(--ui-shadow-soft)!important;
}

.srb-app .srb-btn{
  background:linear-gradient(180deg,#5872eb 0%,#4863df 100%)!important;
  border:1px solid #405bdb!important;
  box-shadow:0 4px 10px rgba(69,103,232,.16)!important;
  color:#fff!important;
}

.srb-app .srb-btn.secondary{
  background:linear-gradient(180deg,#ffffff 0%,#f4f7fb 100%)!important;
  color:#244466!important;
  border:1px solid #cbd8e5!important;
}

.srb-app .srb-mini-btn{
  background:linear-gradient(180deg,#173f73 0%,#0d315d 100%)!important;
  border:1px solid #0b2b53!important;
  color:#fff!important;
}

.srb-app .srb-entry{
  background:linear-gradient(180deg,#fbfcfe 0%,#f8fafc 100%)!important;
  border:1px solid #e1e8ef!important;
}

/* Keep sticky/backdrop effects confined to builder elements. */
.srb-app #srb-stepper,
.srb-app .srb-guide-actions{
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}


/* v1.18.3 Structured Additional sections */
.srb-app .srb-opt-section .srb-card-title{
  margin:0 0 10px!important;
  align-items:center!important;
}
.srb-app .srb-opt-section .srb-card-title h4{
  margin:0;
  font-size:13px;
  color:#183d68;
}
.srb-app .srb-opt-section .srb-compact-entry{
  padding-bottom:4px!important;
}
.srb-app .srb-opt-section .srb-entry:last-child{
  margin-bottom:0;
}


/* =========================================================
   v1.18.4 MY RESUMES POLISH
   Dashboard only. Does not style the WordPress site header.
   ========================================================= */
#srb-dashboard.srb-dashboard{
  max-width:1080px;
  margin:24px auto 42px;
  padding:0 18px;
  box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif;
  color:#172231;
}

#srb-dashboard .srb-dashboard-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin:0 0 22px;
  padding:18px 20px;
  border:1px solid #dce5ee;
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
  box-shadow:0 5px 16px rgba(22,44,72,.055);
}

#srb-dashboard .srb-dashboard-head p{
  margin:0;
  color:#667487;
  font-size:15px;
  line-height:1.55;
}

#srb-dashboard .srb-dashboard-tools{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}

#srb-dashboard .srb-dashboard-tools .srb-btn{
  min-height:44px;
  padding:0 18px;
  border-radius:9px;
  background:linear-gradient(180deg,#5872eb 0%,#4863df 100%);
  border:1px solid #405bdb;
  color:#fff!important;
  font-weight:700;
  box-shadow:0 4px 10px rgba(69,103,232,.16);
}

#srb-dashboard .srb-resume-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

#srb-dashboard .srb-resume-card{
  display:flex;
  flex-direction:column;
  min-height:205px;
  padding:20px;
  border:1px solid #dce5ee;
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%);
  box-shadow:0 5px 16px rgba(22,44,72,.055);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}

#srb-dashboard .srb-resume-card:hover{
  border-color:#c9d7e5;
  box-shadow:0 9px 22px rgba(22,44,72,.075);
  transform:translateY(-1px);
}

#srb-dashboard .srb-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

#srb-dashboard .srb-template-badge{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:#eef2ff;
  color:#173f73;
  font-size:11px;
  font-weight:700;
}

#srb-dashboard .srb-updated{
  color:#7b8794;
  font-size:11px;
}

#srb-dashboard .srb-resume-card h3{
  margin:17px 0 5px;
  color:#132b45;
  font-size:19px;
  line-height:1.25;
}

#srb-dashboard .srb-resume-card p{
  margin:0 0 18px;
  color:#667487;
  min-height:22px;
  font-size:14px;
}

#srb-dashboard .srb-card-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid #edf1f5;
}

#srb-dashboard .srb-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 13px;
  border:1px solid #d1dce7;
  border-radius:8px;
  background:linear-gradient(180deg,#ffffff 0%,#f5f8fb 100%);
  color:#244466!important;
  font-size:12px;
  font-weight:700;
  line-height:1;
  text-decoration:none!important;
  cursor:pointer;
  box-shadow:0 2px 5px rgba(22,44,72,.04);
}

#srb-dashboard .srb-action:hover{
  border-color:#afc0d2;
  background:#eef4fb;
}

#srb-dashboard .srb-action-pdf{
  background:linear-gradient(180deg,#5872eb 0%,#4863df 100%);
  border-color:#405bdb;
  color:#fff!important;
  box-shadow:0 3px 8px rgba(69,103,232,.14);
}

#srb-dashboard .srb-action-pdf:hover{
  background:linear-gradient(180deg,#4f69e3 0%,#3e58d3 100%);
  border-color:#3852ca;
}

#srb-dashboard .srb-action.danger{
  margin-left:auto;
  border-color:#f0d7d7;
  background:#fff7f7;
  color:#a43a3a!important;
  box-shadow:none;
}

#srb-dashboard .srb-action.danger:hover{
  background:#fff0f0;
  border-color:#e9c4c4;
}

#srb-dashboard .srb-empty{
  grid-column:1/-1;
  padding:48px 28px;
  border:1px dashed #cbd8e5;
  border-radius:14px;
  background:#fff;
  text-align:center;
}

@media(max-width:760px){
  #srb-dashboard.srb-dashboard{padding:0 12px}
  #srb-dashboard .srb-resume-grid{grid-template-columns:1fr}
  #srb-dashboard .srb-dashboard-head{
    align-items:flex-start;
    flex-direction:column;
  }
  #srb-dashboard .srb-dashboard-tools,
  #srb-dashboard .srb-dashboard-tools .srb-btn{width:100%}
}

@media(max-width:460px){
  #srb-dashboard .srb-card-actions{flex-wrap:wrap}
  #srb-dashboard .srb-action.danger{margin-left:0}
}


/* =========================================================
   v1.18.5 MY RESUMES DELETE MODAL
   Scoped to the My Resumes dashboard.
   ========================================================= */
body.srb-modal-open{
  overflow:hidden!important;
}

#srb-dashboard .srb-confirm-overlay{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  box-sizing:border-box;
  background:rgba(15,30,48,.52);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

#srb-dashboard .srb-confirm-overlay[hidden]{
  display:none!important;
}

#srb-dashboard .srb-confirm-dialog{
  position:relative;
  width:min(430px,100%);
  box-sizing:border-box;
  padding:30px 30px 26px;
  border:1px solid #d9e3ed;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
  box-shadow:0 24px 70px rgba(10,30,52,.24);
  text-align:center;
  animation:srbConfirmIn .16s ease-out;
}

@keyframes srbConfirmIn{
  from{opacity:0;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

#srb-dashboard .srb-confirm-close{
  position:absolute;
  top:12px;
  right:14px;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#768496;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

#srb-dashboard .srb-confirm-close:hover{
  background:#f1f5f9;
  color:#244466;
}

#srb-dashboard .srb-confirm-icon{
  width:52px;
  height:52px;
  margin:0 auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff1f1;
  border:1px solid #f0cece;
  color:#ad3d3d;
  font-size:24px;
  font-weight:800;
}

#srb-dashboard .srb-confirm-dialog h3{
  margin:0 0 9px;
  color:#132b45;
  font-size:22px;
  line-height:1.25;
}

#srb-dashboard .srb-confirm-dialog p{
  max-width:340px;
  margin:0 auto;
  color:#667487;
  font-size:14px;
  line-height:1.55;
}

#srb-dashboard .srb-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:24px;
}

#srb-dashboard .srb-confirm-cancel,
#srb-dashboard .srb-confirm-delete{
  min-height:44px;
  padding:0 16px;
  border-radius:9px;
  font:inherit;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}

#srb-dashboard .srb-confirm-cancel{
  border:1px solid #cbd8e5;
  background:linear-gradient(180deg,#ffffff 0%,#f4f7fb 100%);
  color:#244466;
}

#srb-dashboard .srb-confirm-cancel:hover{
  background:#eef4fb;
  border-color:#afc0d2;
}

#srb-dashboard .srb-confirm-delete{
  border:1px solid #a93f3f;
  background:linear-gradient(180deg,#c75454 0%,#ad4141 100%);
  color:#fff;
  box-shadow:0 4px 10px rgba(169,63,63,.16);
}

#srb-dashboard .srb-confirm-delete:hover{
  background:linear-gradient(180deg,#b94949 0%,#9f3838 100%);
}

#srb-dashboard .srb-confirm-cancel:focus-visible,
#srb-dashboard .srb-confirm-delete:focus-visible,
#srb-dashboard .srb-confirm-close:focus-visible{
  outline:3px solid rgba(69,103,232,.18);
  outline-offset:2px;
}

@media(max-width:480px){
  #srb-dashboard .srb-confirm-overlay{padding:16px}
  #srb-dashboard .srb-confirm-dialog{padding:28px 20px 22px}
  #srb-dashboard .srb-confirm-actions{grid-template-columns:1fr}
}


/* =========================================================
   v1.18.6 RESUME BUILDER SAVE TOAST
   Non-blocking save confirmation.
   ========================================================= */
.srb-save-toast{
  position:fixed;
  left:50%;
  bottom:28px;
  z-index:1000000;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:190px;
  max-width:calc(100vw - 32px);
  padding:12px 16px;
  box-sizing:border-box;
  border:1px solid #cfe2d5;
  border-radius:12px;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbf8 100%);
  color:#244b31;
  box-shadow:0 14px 34px rgba(22,44,72,.16);
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:700;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,12px);
  transition:opacity .18s ease,transform .18s ease;
}

.srb-save-toast.is-visible{
  opacity:1;
  transform:translate(-50%,0);
}

.srb-save-toast-icon{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 24px;
  border-radius:50%;
  background:#e7f5eb;
  color:#26743e;
  font-size:14px;
  font-weight:800;
}

.srb-save-toast-text{
  line-height:1.3;
}

@media(max-width:480px){
  .srb-save-toast{
    bottom:18px;
    width:calc(100vw - 32px);
    justify-content:center;
  }
}


/* =========================================================
   v1.18.8 FINAL REVIEW SPELLING IGNORE
   ========================================================= */
.srb-review-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}
.srb-review-ignore{
  border:1px solid #c7d6e8;
  background:#f4f8fc;
  color:#214f82;
  border-radius:7px;
  padding:5px 8px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}
.srb-review-ignore:hover{
  background:#eaf2fb;
  border-color:#a9bfd8;
}
.srb-review-ignore-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  padding:8px 9px;
  border:1px solid #dce6f1;
  border-radius:8px;
  background:#f8fbfe;
  color:#64748b;
  font-size:11px;
  line-height:1.35;
}
.srb-review-ignore-summary button{
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:#275d96;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  padding:2px 0;
  white-space:nowrap;
}
.srb-review-ignore-summary button:hover{
  text-decoration:underline;
}
@media(max-width:560px){
  .srb-review-item{
    flex-wrap:wrap;
  }
  .srb-review-actions{
    margin-left:28px;
  }
  .srb-review-ignore-summary{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* =========================================================
   v1.19.2 BETHEME PAGE INTEGRATION
   Applies only to pages containing Resume Builder/My Resumes.
   ========================================================= */

/* 1) Keep BeTheme's normal header behavior.
   The Header stays in document flow, while #Top_bar remains free to become
   sticky/fixed using BeTheme's own scroll classes. */
body.srb-page #Header{
  position:relative!important;
}

/* At the top of the SRB page, use a normal white header with readable text. */
body.srb-page #Top_bar:not(.is-sticky){
  background:#ffffff!important;
  box-shadow:0 1px 0 rgba(20,42,68,.10)!important;
}

body.srb-page #Top_bar:not(.is-sticky) .menu > li > a,
body.srb-page #Top_bar:not(.is-sticky) .menu > li > a span:not(.description){
  color:#1c2940!important;
}

body.srb-page #Top_bar:not(.is-sticky) .menu > li.current-menu-item > a,
body.srb-page #Top_bar:not(.is-sticky) .menu > li.current_page_item > a,
body.srb-page #Top_bar:not(.is-sticky) .menu > li > a:hover,
body.srb-page #Top_bar:not(.is-sticky) .menu > li.hover > a{
  color:#4267df!important;
}

/* When BeTheme switches #Top_bar into sticky mode, match the theme's
   blue/white sticky-header appearance instead of freezing the white header. */
body.srb-page #Top_bar.is-sticky,
body.srb-page .is-sticky #Top_bar{
  background:#4b67ee!important;
  box-shadow:0 2px 12px rgba(24,42,88,.18)!important;
}

body.srb-page #Top_bar.is-sticky .menu > li > a,
body.srb-page #Top_bar.is-sticky .menu > li > a span:not(.description),
body.srb-page .is-sticky #Top_bar .menu > li > a,
body.srb-page .is-sticky #Top_bar .menu > li > a span:not(.description){
  color:#ffffff!important;
}

body.srb-page #Top_bar.is-sticky .menu > li.current-menu-item > a,
body.srb-page #Top_bar.is-sticky .menu > li.current_page_item > a,
body.srb-page #Top_bar.is-sticky .menu > li > a:hover,
body.srb-page #Top_bar.is-sticky .menu > li.hover > a,
body.srb-page .is-sticky #Top_bar .menu > li.current-menu-item > a,
body.srb-page .is-sticky #Top_bar .menu > li.current_page_item > a,
body.srb-page .is-sticky #Top_bar .menu > li > a:hover,
body.srb-page .is-sticky #Top_bar .menu > li.hover > a{
  color:#8be4cb!important;
}

/* Dropdowns remain readable in either header state. */
body.srb-page #Top_bar .menu li ul{
  background:#ffffff!important;
}
body.srb-page #Top_bar .menu li ul li a{
  color:#24354b!important;
}
body.srb-page #Top_bar .menu li ul li a:hover{
  color:#4267df!important;
}

/* Mobile trigger follows top/sticky contrast. */
body.srb-page #Top_bar:not(.is-sticky) a.responsive-menu-toggle,
body.srb-page #Top_bar:not(.is-sticky) .responsive-menu-toggle{
  color:#1c2940!important;
}
body.srb-page #Top_bar.is-sticky a.responsive-menu-toggle,
body.srb-page #Top_bar.is-sticky .responsive-menu-toggle,
body.srb-page .is-sticky #Top_bar a.responsive-menu-toggle,
body.srb-page .is-sticky #Top_bar .responsive-menu-toggle{
  color:#ffffff!important;
}

/* 2) Remove BeTheme's separate page-title/breadcrumb band.
   The plugin already identifies itself inside the workspace. */
body.srb-page #Subheader,
body.srb-page .mfn-page-title{
  display:none!important;
}

/* 3) Let SRB pages use the available browser width rather than BeTheme's
   normal article-width container. This is page-scoped and does not affect
   the homepage or other theme pages. */
body.srb-page #Content .content_wrapper,
body.srb-page #Content .section_wrapper,
body.srb-page #Content .container{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

body.srb-page #Content .section_wrapper{
  padding-left:18px!important;
  padding-right:18px!important;
}

body.srb-page #Content .the_content_wrapper,
body.srb-page #Content .one.column,
body.srb-page #Content .mcb-column,
body.srb-page #Content .mcb-column-inner{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* The builder itself can now consume the full width supplied by the page. */
body.srb-page .srb-app{
  width:100%!important;
  max-width:none!important;
}

/* My Resumes remains intentionally readable but can use more room than before. */
body.srb-page #srb-dashboard{
  width:100%!important;
  max-width:1400px!important;
}

/* Everything above is scoped by body.srb-page, which is added only when
   a Resume Builder shortcode is present on the current page. */


/* =========================================================
   v1.19.4 BETHEME HEADER CLEARANCE
   ========================================================= */

/*
 * This BeTheme configuration keeps its desktop top bar visually overlaid
 * even on internal pages. Give HRThink Resume Builder pages a real page-start
 * offset equal to the visible header height so no plugin content sits under it.
 *
 * This is page-scoped via body.srb-page and does not alter the homepage.
 */
body.srb-page #Content{
  position:relative!important;
  clear:both!important;
  padding-top:118px!important;
}

/* Remove inherited negative/translated first-section offsets. */
body.srb-page #Content > .content_wrapper,
body.srb-page #Content > .section_wrapper,
body.srb-page #Content .sections_group,
body.srb-page #Content .sections_group > .entry-content,
body.srb-page #Content .sections_group > .entry-content > .section:first-child{
  margin-top:0!important;
  transform:none!important;
  top:auto!important;
}

/* Tablet/mobile BeTheme headers are shorter. */
@media(max-width:1239px){
  body.srb-page #Content{
    padding-top:96px!important;
  }
}

@media(max-width:767px){
  body.srb-page #Content{
    padding-top:78px!important;
  }
}