.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:var(--srb-ui-card-title)}.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:var(--srb-ui-small)}.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:var(--srb-ui-small)}.srb-remove{border:0;background:none;color:#9b2c2c;cursor:pointer;font-size:var(--srb-ui-small)}
.srb-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.srb-check{display:flex!important;gap:7px;align-items:center;font-size:var(--srb-ui-small);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:var(--srb-ui-small)}.srb-score-box strong{display:block;font-size:var(--srb-ui-kpi);color:var(--navy);margin-top:4px}
.srb-feedback{font-size:var(--srb-ui-small);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:0;padding-bottom:5px;margin-bottom:8px}
.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}


/* Graduate Clean — restrained, left-aligned, no shaded section bands */
.template-graduate-clean{
 font-family:Arial,Helvetica,sans-serif;font-size:10.7pt;line-height:1.5
}
.template-graduate-clean .resume-header{
 border-bottom:1.4px solid #2d5d8e;margin-bottom:17px;padding-bottom:10px
}
.template-graduate-clean .resume-header h1{font-size:25.5pt;color:#183f68}
.template-graduate-clean .resume-title{font-size:11.6pt;color:#183f68}
.template-graduate-clean .resume-contact{color:#183f68}
.template-graduate-clean .resume-contact a{color:#183f68}
.template-graduate-clean section{margin-bottom:15px}
.template-graduate-clean section h2{
 color:#183f68;background:transparent;border:0;border-bottom:1px solid #9bb2c8;
 padding:0 0 4px;margin-bottom:12px;font-size:10.7pt;letter-spacing:.8px
}
.template-graduate-clean .entry-org{color:#2f4f6a}
.template-graduate-clean .resume-entry{margin-bottom:10px}

/* Graduate Contemporary — centered identity, compact section bands */
.template-graduate-contemporary{
 font-family:Arial,Helvetica,sans-serif;font-size:10.7pt;line-height:1.49
}
.template-graduate-contemporary .resume-header{
 text-align:center;border-bottom:1.5px solid #315f8e;margin-bottom:18px;padding-bottom:11px
}
.template-graduate-contemporary .resume-header h1{font-size:25.5pt;color:#183f68}
.template-graduate-contemporary .resume-title{font-size:11.5pt;color:#4a6074}
.template-graduate-contemporary .resume-contact{justify-content:center}
.template-graduate-contemporary section{margin-bottom:15px}
.template-graduate-contemporary section h2{
 color:#183f68;background:#f1f6fa;border:0;padding:4px 6px;margin-bottom:9px;
 font-size:10.7pt;letter-spacing:.8px
}
.template-graduate-contemporary .entry-org{color:#315674}
.template-graduate-contemporary .resume-entry{margin-bottom:10px}

/* 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;margin-bottom:11px}
.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:var(--srb-ui-small);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:var(--srb-ui-small);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:var(--srb-ui-small);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:var(--srb-ui-meta);font-weight:700;padding:4px 7px;border-radius:999px;background:#eef4f9;color:#033c73}
.srb-updated{font-size:var(--srb-ui-meta);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:var(--srb-ui-small);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:var(--srb-ui-small);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:var(--srb-ui-meta)}
.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:var(--srb-ui-meta);color:#66717d;font-weight:700}
.srb-achievement-tip{font-size:var(--srb-ui-meta);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:var(--srb-ui-small);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:var(--srb-ui-small);font-weight:700}
.srb-opt-section{display:none;margin-top:12px}.srb-opt-section.active{display:block}
.srb-opt-section label{font-size:var(--srb-ui-small);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:var(--srb-ui-small);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:var(--srb-ui-section)!important}
.srb-toolbar-compact p{margin:0!important;font-size:var(--srb-ui-small)!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:var(--srb-ui-small)!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:var(--srb-ui-small)!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-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;
  }
}






















@media(max-width:900px){


}
@media(max-width:560px){

}

/* 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:var(--srb-ui-meta);color:#667085}
.srb-exp-quality-summary strong{display:block;margin-top:2px;font-size:var(--srb-ui-card-title);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:var(--srb-ui-small)}
.srb-exp-quality-head span{color:#173f7a;font-weight:700}
.srb-exp-quality-bullet{margin:7px 0;font-size:var(--srb-ui-small);line-height:1.45}
.srb-exp-quality-signals{display:flex;flex-wrap:wrap;gap:6px 12px;color:#667085;font-size:var(--srb-ui-meta)}
.srb-exp-quality-item ul{margin:7px 0 0;padding-left:18px;font-size:var(--srb-ui-meta)}
.srb-exp-quality-item li{margin:3px 0}.srb-exp-quality-empty{font-size:var(--srb-ui-small);color:#667085}
@media(max-width:600px){.srb-exp-quality-summary{grid-template-columns:1fr}}



/* 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:var(--srb-ui-meta);color:#667085}.srb-review-readiness strong{display:block;font-size:var(--srb-ui-kpi);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:var(--srb-ui-section);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:var(--srb-ui-meta);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:var(--srb-ui-meta);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:var(--srb-ui-meta);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:var(--srb-ui-small)}.srb-review-copy p{margin:3px 0 0;font-size:var(--srb-ui-meta);line-height:1.4;color:#667085}.srb-review-all-good{font-size:var(--srb-ui-small);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:var(--srb-ui-meta)}
.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:var(--srb-ui-meta);color:#667085}
.srb-inline-quality-summary strong{display:block;font-size:var(--srb-ui-card-title);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:var(--srb-ui-small)}
.srb-inline-quality-head span{font-size:var(--srb-ui-meta);white-space:nowrap;color:#173f7a;font-weight:600}
.srb-inline-quality-bullet{font-size:var(--srb-ui-meta);line-height:1.45;color:#344054;margin-bottom:7px}
.srb-inline-quality-signals{display:flex;flex-wrap:wrap;gap:5px 9px;font-size:var(--srb-ui-meta);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:var(--srb-ui-meta);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:var(--srb-ui-meta);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;
}





/* 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:var(--srb-ui-small);
  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:var(--srb-ui-body);
  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:var(--srb-ui-meta);
  font-weight:700;
}

#srb-dashboard .srb-updated{
  color:#7b8794;
  font-size:var(--srb-ui-meta);
}

#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:var(--srb-ui-small);
  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:var(--srb-ui-kpi);
  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:var(--srb-ui-kpi);
  font-weight:800;
}

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

#srb-dashboard .srb-confirm-dialog p{
  max-width:340px;
  margin:0 auto;
  color:#667487;
  font-size:var(--srb-ui-label);
  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:var(--srb-ui-small);
  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:var(--srb-ui-small);
  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:var(--srb-ui-label);
  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:var(--srb-ui-meta);
  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:var(--srb-ui-meta);
  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, let BeTheme control the header background. */
body.srb-page #Top_bar:not(.is-sticky){
  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, let the theme control the background. */
body.srb-page #Top_bar.is-sticky,
body.srb-page .is-sticky #Top_bar{
  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;
  }
}

/* v1.20.0 HRTHINK PRODUCT UI REFRESH — visual layer only */
body.srb-page{
 --hrt-navy:#123f73;--hrt-deep:#0a315d;--hrt-blue:#4267df;--hrt-aqua:#69d8d0;
 --hrt-mint:#87e1c7;--hrt-ink:#17253b;--hrt-muted:#66758a;--hrt-line:#d8e3ef;
 --hrt-soft:#f4f8fc;--hrt-shadow:0 10px 28px rgba(26,58,94,.08);
}
body.srb-page #Content{
 background:radial-gradient(circle at 4% 8%,rgba(105,216,208,.11),transparent 21%),
 radial-gradient(circle at 96% 3%,rgba(66,103,223,.08),transparent 23%),
 linear-gradient(180deg,#f7faff,#f2f6fb 52%,#f7f9fc)!important;
}
body.srb-page .srb-app{padding:18px 22px 30px!important;background:transparent!important;box-sizing:border-box!important}

/* Product header */
body.srb-page .srb-topbar{
 position:relative;overflow:hidden;border:1px solid #d4e1ee!important;border-radius:16px!important;
 background:radial-gradient(circle at 93% 0%,rgba(105,216,208,.17),transparent 29%),
 linear-gradient(115deg,#fff 0%,#f8fbff 58%,#eef8f8 100%)!important;
 box-shadow:var(--hrt-shadow)!important;
}
body.srb-page .srb-topbar:before{
 content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
 background:linear-gradient(180deg,var(--hrt-aqua),var(--hrt-blue));
}
body.srb-page .srb-topbar h1,body.srb-page .srb-topbar h2,body.srb-page .srb-topbar h3{color:var(--hrt-navy)!important}
body.srb-page .srb-topbar p{color:var(--hrt-muted)!important}

/* Buttons */
body.srb-page #srb-download,body.srb-page #srb-save,body.srb-page .srb-action-pdf,
body.srb-page .srb-btn-primary,body.srb-page .srb-primary{
 border-color:transparent!important;background:linear-gradient(135deg,var(--hrt-blue),#5d62df)!important;
 color:#fff!important;box-shadow:0 7px 18px rgba(66,103,223,.20)!important;transition:.16s ease;
}
body.srb-page #srb-download:hover,body.srb-page #srb-save:hover,body.srb-page .srb-action-pdf:hover,
body.srb-page .srb-btn-primary:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(66,103,223,.25)!important}
body.srb-page .srb-link-btn,body.srb-page .srb-action-edit{
 border-color:#cad8e7!important;background:rgba(255,255,255,.9)!important;color:var(--hrt-navy)!important;
 box-shadow:0 4px 13px rgba(26,58,94,.06)!important;
}

/* Guided navigation */
body.srb-page .srb-guide-tabs,body.srb-page .srb-stepper{
 border:1px solid #dbe6f0!important;border-radius:13px!important;background:rgba(255,255,255,.86)!important;
 box-shadow:0 5px 18px rgba(28,60,96,.05)!important;
}
body.srb-page .srb-guide-tab,body.srb-page .srb-step{
 border-color:#d5e1ec!important;background:#f9fbfd!important;color:#536277!important;transition:.16s ease;
}
body.srb-page .srb-guide-tab:hover,body.srb-page .srb-step:hover{
 border-color:#b9cce0!important;background:#f1f6fb!important;color:var(--hrt-navy)!important;
}
body.srb-page .srb-guide-tab.active,body.srb-page .srb-guide-tab.is-active,
body.srb-page .srb-step.active,body.srb-page .srb-step.is-active{
 border-color:var(--hrt-blue)!important;background:linear-gradient(135deg,#edf3ff,#f2fbfa)!important;
 color:var(--hrt-navy)!important;box-shadow:0 5px 14px rgba(66,103,223,.10)!important;
}

/* Workspace zoning */
body.srb-page .srb-left-column{border-radius:16px;background:linear-gradient(180deg,rgba(235,243,251,.76),rgba(247,250,253,.72))}
body.srb-page .srb-center-column{
 border-radius:16px;background:linear-gradient(180deg,#eaf0f6,#e5ecf3)!important;
 box-shadow:inset 0 0 0 1px rgba(199,214,229,.7);
}
body.srb-page .srb-right-column{border-radius:16px;background:linear-gradient(180deg,rgba(235,249,248,.68),rgba(247,250,253,.74))}

/* Cards */
body.srb-page .srb-left-column .srb-card,body.srb-page .srb-right-column .srb-card,body.srb-page .srb-guide-card{
 border:1px solid var(--hrt-line)!important;border-radius:14px!important;background:rgba(255,255,255,.95)!important;
 box-shadow:0 5px 16px rgba(26,58,94,.055)!important;
}
body.srb-page .srb-card h2,body.srb-page .srb-card h3,body.srb-page .srb-card h4{color:var(--hrt-ink)!important}
body.srb-page .srb-right-column .srb-card:first-child{border-top:3px solid rgba(105,216,208,.78)!important}
body.srb-page .srb-right-column .srb-card:nth-child(2){border-top:3px solid rgba(66,103,223,.60)!important}

/* Inputs */
body.srb-page .srb-app input[type=text],body.srb-page .srb-app input[type=email],
body.srb-page .srb-app input[type=tel],body.srb-page .srb-app input[type=url],
body.srb-page .srb-app input[type=number],body.srb-page .srb-app textarea,body.srb-page .srb-app select{
 border:1px solid #cbd9e7!important;border-radius:9px!important;background:#fff!important;color:var(--hrt-ink)!important;
 box-shadow:inset 0 1px 2px rgba(30,58,88,.025)!important;transition:.15s ease;
}
body.srb-page .srb-app input:focus,body.srb-page .srb-app textarea:focus,body.srb-page .srb-app select:focus{
 border-color:#7a99e9!important;box-shadow:0 0 0 3px rgba(66,103,223,.10)!important;outline:none!important;
}
body.srb-page .srb-app input[type=checkbox]{accent-color:var(--hrt-blue)}

/* Resume itself stays white and ATS-safe */
body.srb-page #srb-preview{background:#fff!important;box-shadow:0 14px 34px rgba(24,47,74,.11)!important}


body.srb-page .srb-review-item.pass{background:#f2faf6!important}
body.srb-page .srb-review-item.warning{background:#fffaf0!important}
body.srb-page .srb-review-item.critical{background:#fff5f5!important}

/* My Resumes */
body.srb-page #srb-dashboard{
 padding:20px!important;border-radius:18px;
 background:radial-gradient(circle at 98% 0%,rgba(105,216,208,.10),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.72),rgba(244,248,252,.82));
}
body.srb-page #srb-dashboard .srb-dashboard-head{
 border:1px solid #d6e2ed!important;border-radius:15px!important;background:linear-gradient(115deg,#fff,#f1f7fc)!important;
 box-shadow:var(--hrt-shadow)!important;
}
body.srb-page #srb-dashboard .srb-resume-card{
 border:1px solid #d7e2ed!important;border-radius:15px!important;background:#fff!important;
 box-shadow:0 5px 16px rgba(26,58,94,.055)!important;transition:.16s ease;
}
body.srb-page #srb-dashboard .srb-resume-card:hover{
 transform:translateY(-2px);border-color:#bdd0e3!important;box-shadow:0 12px 26px rgba(26,58,94,.10)!important;
}
@media(max-width:767px){body.srb-page .srb-app{padding-left:12px!important;padding-right:12px!important}}


/* v1.20.1 My Resumes — Create New Resume visibility fix */
body.srb-page #srb-dashboard .srb-dashboard-head .srb-link-btn{
  border:1px solid transparent!important;
  background:linear-gradient(135deg,var(--hrt-blue),#5d62df)!important;
  color:#ffffff!important;
  box-shadow:0 7px 18px rgba(66,103,223,.20)!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.srb-page #srb-dashboard .srb-dashboard-head .srb-link-btn:link,
body.srb-page #srb-dashboard .srb-dashboard-head .srb-link-btn:visited{
  color:#ffffff!important;
}
body.srb-page #srb-dashboard .srb-dashboard-head .srb-link-btn:hover,
body.srb-page #srb-dashboard .srb-dashboard-head .srb-link-btn:focus{
  background:linear-gradient(135deg,#365bd3,#5258d4)!important;
  color:#ffffff!important;
  transform:translateY(-1px);
  box-shadow:0 9px 22px rgba(66,103,223,.25)!important;
}


/* =========================================================
   v1.20.2 SCREEN PREVIEW SECTION-HEADING FIX
   Browser preview only. Native PDF/print output is untouched.
   ========================================================= */
@media screen{
  /*
   * Some WordPress themes apply large heading line-heights/min-heights to h2.
   * Explicitly normalize the resume section headings inside the live preview.
   */
  body.srb-page #srb-preview.srb-resume section h2{
    display:block!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
    margin-top:0!important;
    font-family:Arial,Helvetica,sans-serif!important;
  }

  /* Shaded ATS-safe section bars: compact, closer to PDF appearance. */
  body.srb-page #srb-preview.template-classic section h2,
  body.srb-page #srb-preview.template-graduate section h2{
    padding:5px 7px!important;
    margin-bottom:9px!important;
  }

  body.srb-page #srb-preview.template-modern section h2,
  body.srb-page #srb-preview.template-graduate-contemporary section h2{
    padding:5px 7px!important;
    margin-bottom:9px!important;
  }

  body.srb-page #srb-preview.template-graduate-clean section h2{
    min-height:0!important;
    height:auto!important;
    line-height:1.2!important;
    padding:0 0 4px!important;
    margin-bottom:12px!important;
  }

  /* Templates without shaded bars remain unchanged in character but
     are protected from theme heading height rules. */
  body.srb-page #srb-preview.template-executive section h2{
    min-height:0!important;
    height:auto!important;
    line-height:1.2!important;
  }

  body.srb-page #srb-preview.template-academic section h2{
    min-height:0!important;
    height:auto!important;
    line-height:1.2!important;
    margin-bottom:11px!important;
  }
}


/* =========================================================
   v1.20.5 RESPONSIVE A4 PREVIEW HEIGHT FIX
   Desktop resume/PDF layout remains unchanged.
   On tablet/mobile the preview becomes fluid in width, while retaining an
   A4 minimum page proportion instead of collapsing to content height.
   ========================================================= */
@media screen and (max-width:1100px){
  body.srb-page #srb-preview.srb-resume{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:210 / 297;
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:visible!important;
  }
}

@media screen and (max-width:600px){
  body.srb-page #srb-preview.srb-resume{
    padding:28px 28px 30px!important;
  }
}


/* v1.21.1 — stack section guidance above its action button on compact widths.
   This keeps the guidance readable and gives the Add Experience button a natural
   position below the description instead of squeezing both into one row. */
@media(max-width:900px){
  body.srb-page .srb-app .srb-card-title{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  body.srb-page .srb-app .srb-card-title > .srb-btn,
  body.srb-page .srb-app .srb-card-title > button{
    align-self:flex-start!important;
    margin-top:10px!important;
  }
}


/* v1.21.2 — guidance-first action layout at every viewport size.
   Section action buttons belong below their guidance rather than beside it. */
body.srb-page .srb-app .srb-card-title{
  align-items:flex-start!important;
  flex-direction:column!important;
}
body.srb-page .srb-app .srb-card-title > .srb-btn,
body.srb-page .srb-app .srb-card-title > button{
  align-self:flex-start!important;
  margin-top:10px!important;
}


/* =========================================================
   v1.21.3 CANONICAL UI TYPOGRAPHY AUDIT
   This is the final UI typography contract. All Builder chrome uses tokens.
   Resume/PDF/template typography remains intentionally independent.
   ========================================================= */

/* Top toolbar */
body.srb-page .srb-app .srb-toolbar-compact h2{
  font-size:var(--srb-ui-page)!important;
  line-height:1.16!important;
}
body.srb-page .srb-app .srb-toolbar-compact p{
  font-size:var(--srb-ui-body)!important;
  line-height:1.5!important;
}
body.srb-page .srb-app .srb-name-row label{
  font-size:var(--srb-ui-label)!important;
}
body.srb-page .srb-app .srb-name-row input{
  font-size:var(--srb-ui-body)!important;
  min-height:44px!important;
}
body.srb-page .srb-app .srb-save-status,
body.srb-page .srb-app .srb-login-note{
  font-size:var(--srb-ui-label)!important;
  line-height:1.4!important;
  color:var(--srb-ui-muted)!important;
}
body.srb-page .srb-app .srb-toolbar-actions .srb-btn,
body.srb-page .srb-app .srb-toolbar-actions .srb-link-btn{
  font-size:var(--srb-ui-body)!important;
}

/* Experience-quality / inline-quality audit */
body.srb-page .srb-app .srb-exp-quality-summary span,
body.srb-page .srb-app .srb-exp-quality-signals,
body.srb-page .srb-app .srb-exp-quality-item ul,
body.srb-page .srb-app .srb-exp-quality-empty,
body.srb-page .srb-app .srb-inline-bullet-tools .srb-help,
body.srb-page .srb-app .srb-inline-quality-summary span,
body.srb-page .srb-app .srb-inline-quality-head span,
body.srb-page .srb-app .srb-inline-quality-bullet,
body.srb-page .srb-app .srb-inline-quality-signals,
body.srb-page .srb-app .srb-inline-quality-tip{
  font-size:var(--srb-ui-small)!important;
  line-height:1.45!important;
}
body.srb-page .srb-app .srb-exp-quality-head,
body.srb-page .srb-app .srb-exp-quality-bullet,
body.srb-page .srb-app .srb-inline-quality-head strong{
  font-size:var(--srb-ui-label)!important;
}

/* Final review */
body.srb-page .srb-app .srb-review-top-item span,
body.srb-page .srb-app .srb-review-jump,
body.srb-page .srb-app .srb-review-copy p,
body.srb-page .srb-app .srb-review-ignore,
body.srb-page .srb-app .srb-review-ignore-summary{
  font-size:var(--srb-ui-small)!important;
}
body.srb-page .srb-app .srb-review-copy strong,
body.srb-page .srb-app .srb-review-all-good{
  font-size:var(--srb-ui-label)!important;
}

/* My Resumes dashboard */
body.srb-page #srb-dashboard .srb-template-badge,
body.srb-page #srb-dashboard .srb-updated{
  font-size:var(--srb-ui-small)!important;
}
body.srb-page #srb-dashboard .srb-resume-card h3{
  font-size:var(--srb-ui-card-title)!important;
}
body.srb-page #srb-dashboard .srb-resume-card p{
  font-size:var(--srb-ui-body)!important;
}
body.srb-page #srb-dashboard .srb-action,
body.srb-page #srb-dashboard .srb-confirm-cancel,
body.srb-page #srb-dashboard .srb-confirm-delete{
  font-size:var(--srb-ui-label)!important;
}




/* Keep status/meta text readable, never below shared metadata floor. */
body.srb-page .srb-app [class*="badge"],
body.srb-page .srb-app [class*="status"],
body.srb-page .srb-app [class*="meta"]{
  font-size:max(var(--srb-ui-meta),12px);
}

/* =========================================================
   v1.27.42 MY RESUMES APPLICATION DASHBOARD
   Strictly scoped: the full-width /resume-builder/ editor is untouched.
   ========================================================= */
body.srb-my-resumes-page{background:#f4f6fb}
body.srb-my-resumes-page #Content .section_wrapper{padding-left:20px!important;padding-right:20px!important}
body.srb-my-resumes-page #srb-dashboard.srb-dashboard{
  width:100%!important;max-width:1480px!important;margin:0 auto 42px!important;padding:0!important;
  border:1px solid #e1e5ef;border-radius:22px;background:#fff!important;
  box-shadow:0 18px 48px rgba(14,31,64,.09);overflow:hidden;
  font-family:Arial,Helvetica,sans-serif;color:#101a37;
}
body.srb-my-resumes-page .srb-dashboard-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:720px}
body.srb-my-resumes-page .srb-dashboard-sidebar{
  display:flex;flex-direction:column;min-width:0;padding:25px 18px 17px;
  background:linear-gradient(180deg,#0b173d 0%,#111f51 62%,#17265c 100%);color:#fff;
}
body.srb-my-resumes-page .srb-sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 8px 23px;border-bottom:1px solid rgba(255,255,255,.10)}
body.srb-my-resumes-page .srb-sidebar-brand>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#5a6cf0,#3951c7);box-shadow:0 8px 20px rgba(0,0,0,.22);font-size:18px;font-weight:850}
body.srb-my-resumes-page .srb-sidebar-brand strong,body.srb-my-resumes-page .srb-sidebar-brand small{display:block;color:#fff}
body.srb-my-resumes-page .srb-sidebar-brand strong{font-size:16px;line-height:1.15}
body.srb-my-resumes-page .srb-sidebar-brand small{margin-top:3px;color:rgba(255,255,255,.62);font-size:11px;letter-spacing:.04em}
body.srb-my-resumes-page .srb-sidebar-nav{display:grid;gap:7px;margin-top:23px}
body.srb-my-resumes-page .srb-sidebar-nav a{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 12px;border-radius:11px;color:rgba(255,255,255,.76)!important;text-decoration:none!important;font-size:13px;font-weight:700;transition:.16s ease}
body.srb-my-resumes-page .srb-sidebar-nav a:hover{background:rgba(255,255,255,.08);color:#fff!important}
body.srb-my-resumes-page .srb-sidebar-nav a.is-active{background:#fff;color:#273a9f!important;box-shadow:0 8px 24px rgba(0,0,0,.14)}
body.srb-my-resumes-page .srb-sidebar-nav i{display:grid;place-items:center;width:22px;height:22px;font-style:normal;font-size:16px}
body.srb-my-resumes-page .srb-sidebar-account{display:flex;align-items:center;gap:10px;margin-top:auto;padding:18px 7px 12px;border-top:1px solid rgba(255,255,255,.10);min-width:0}
body.srb-my-resumes-page .srb-sidebar-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#fff;color:#3148b9;font-size:14px;font-weight:850}
body.srb-my-resumes-page .srb-sidebar-account>span:last-child{min-width:0}
body.srb-my-resumes-page .srb-sidebar-account strong,body.srb-my-resumes-page .srb-sidebar-account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.srb-my-resumes-page .srb-sidebar-account strong{color:#fff;font-size:12px}
body.srb-my-resumes-page .srb-sidebar-account small{margin-top:3px;color:rgba(255,255,255,.58);font-size:10px}
body.srb-my-resumes-page .srb-sidebar-logout{margin:0 7px 16px;color:#aebcff!important;text-decoration:none!important;font-size:11px;font-weight:750}
body.srb-my-resumes-page .srb-sidebar-logout:hover{color:#fff!important}
body.srb-my-resumes-page .srb-sidebar-version{padding:12px 7px 0;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.42);font-size:9px;letter-spacing:.03em}
body.srb-my-resumes-page .srb-sidebar-version span{float:right;color:rgba(255,255,255,.66)}
body.srb-my-resumes-page .srb-dashboard-main{min-width:0;padding:30px;background:#f8f9fd}
body.srb-my-resumes-page #srb-dashboard .srb-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 22px;padding:0;border:0!important;background:transparent!important;box-shadow:none!important}
body.srb-my-resumes-page .srb-dashboard-eyebrow{display:block;margin-bottom:6px;color:#5164df;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
body.srb-my-resumes-page #srb-dashboard .srb-dashboard-head h1{margin:0 0 7px;color:#0b173d;font-size:30px;line-height:1.08;letter-spacing:-.025em}
body.srb-my-resumes-page #srb-dashboard .srb-dashboard-head p{max-width:650px;color:#68738b;font-size:13px;line-height:1.5}
body.srb-my-resumes-page #srb-dashboard .srb-dashboard-tools .srb-btn{min-width:184px;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#5062e6,#6460ee)!important;box-shadow:0 9px 22px rgba(73,85,210,.22)!important}
body.srb-my-resumes-page .srb-dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
body.srb-my-resumes-page .srb-dashboard-stats>div{position:relative;overflow:hidden;padding:17px 18px;border:1px solid #e2e6f0;border-radius:15px;background:#fff;box-shadow:0 5px 15px rgba(22,38,72,.045)}
body.srb-my-resumes-page .srb-dashboard-stats>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#5969e8}
body.srb-my-resumes-page .srb-dashboard-stats small,body.srb-my-resumes-page .srb-dashboard-stats span{display:block}
body.srb-my-resumes-page .srb-dashboard-stats small{color:#7a849a;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body.srb-my-resumes-page .srb-dashboard-stats strong{display:block;margin:7px 0 4px;color:#0b173d;font-size:23px;line-height:1.05}
body.srb-my-resumes-page .srb-dashboard-stats span{color:#8790a3;font-size:10px}
body.srb-my-resumes-page .srb-dashboard-library{padding:21px;border:1px solid #e1e5ef;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(22,38,72,.045)}
body.srb-my-resumes-page .srb-library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid #edf0f5}
body.srb-my-resumes-page .srb-library-heading span{display:block;margin-bottom:4px;color:#5164df;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
body.srb-my-resumes-page .srb-library-heading h2{margin:0;color:#0b173d;font-size:19px;line-height:1.2}
body.srb-my-resumes-page .srb-library-heading>small{padding:6px 10px;border-radius:999px;background:#eef1ff;color:#4c5bd0;font-size:10px;font-weight:800}
body.srb-my-resumes-page #srb-dashboard .srb-resume-grid{gap:14px}
body.srb-my-resumes-page #srb-dashboard .srb-resume-card{min-height:190px;padding:17px;border-color:#e0e5ef!important;border-radius:14px!important;box-shadow:none!important}
body.srb-my-resumes-page #srb-dashboard .srb-resume-card:hover{border-color:#bdc9eb!important;box-shadow:0 10px 24px rgba(35,52,105,.09)!important}
@media(max-width:980px){body.srb-my-resumes-page .srb-dashboard-shell{grid-template-columns:210px minmax(0,1fr)}body.srb-my-resumes-page .srb-dashboard-main{padding:24px}body.srb-my-resumes-page .srb-dashboard-stats{grid-template-columns:1fr 1fr}body.srb-my-resumes-page .srb-dashboard-stats>div:last-child{grid-column:1/-1}}
@media(max-width:760px){body.srb-my-resumes-page #Content .section_wrapper{padding-left:10px!important;padding-right:10px!important}body.srb-my-resumes-page #srb-dashboard.srb-dashboard{border-radius:16px}body.srb-my-resumes-page .srb-dashboard-shell{display:block;min-height:0}body.srb-my-resumes-page .srb-dashboard-sidebar{padding:16px}body.srb-my-resumes-page .srb-sidebar-brand{padding-bottom:14px}body.srb-my-resumes-page .srb-sidebar-nav{grid-template-columns:1fr 1fr;margin-top:14px}body.srb-my-resumes-page .srb-sidebar-account,body.srb-my-resumes-page .srb-sidebar-logout,body.srb-my-resumes-page .srb-sidebar-version{display:none}body.srb-my-resumes-page .srb-dashboard-main{padding:20px 16px}body.srb-my-resumes-page #srb-dashboard .srb-dashboard-head{align-items:flex-start;flex-direction:column}body.srb-my-resumes-page #srb-dashboard .srb-dashboard-tools,body.srb-my-resumes-page #srb-dashboard .srb-dashboard-tools .srb-btn{width:100%}body.srb-my-resumes-page .srb-dashboard-stats{grid-template-columns:1fr}body.srb-my-resumes-page .srb-dashboard-stats>div:last-child{grid-column:auto}body.srb-my-resumes-page .srb-dashboard-library{padding:16px}}
@media(max-width:430px){body.srb-my-resumes-page .srb-sidebar-nav{grid-template-columns:1fr}body.srb-my-resumes-page .srb-dashboard-main{padding:17px 12px}body.srb-my-resumes-page .srb-library-heading{align-items:flex-start;flex-direction:column}}

/* v1.27.43 — exact HR Lab shell palette, geometry and admin analytics. */
body.srb-my-resumes-page #srb-dashboard.srb-dashboard{
  width:calc(100% - 64px)!important;max-width:none!important;min-height:760px;
  margin:28px 32px 44px!important;border-color:#dde5f1;border-radius:24px;
  background:#f5f7fc!important;box-shadow:0 24px 70px rgba(19,42,87,.10);
}
body.srb-my-resumes-page .srb-dashboard-shell{grid-template-columns:260px minmax(0,1fr);min-height:760px}
body.srb-my-resumes-page .srb-dashboard-sidebar{
  padding:26px 18px 20px;
  background:radial-gradient(circle at 14% 10%,rgba(90,84,232,.42),transparent 28%),radial-gradient(circle at 88% 22%,rgba(18,104,251,.32),transparent 30%),linear-gradient(180deg,#10234a 0%,#122b5b 52%,#0b1d40 100%);
}
body.srb-my-resumes-page .srb-sidebar-brand{gap:12px;padding:2px 10px 22px;border-bottom-color:rgba(255,255,255,.11)}
body.srb-my-resumes-page .srb-sidebar-brand>span{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#6e7cff,#1268fb);box-shadow:0 10px 26px rgba(0,0,0,.22);font-size:18px;font-weight:900}
body.srb-my-resumes-page .srb-sidebar-brand strong{font-size:21px}
body.srb-my-resumes-page .srb-sidebar-brand small{margin-top:5px;color:#b9c8e7;font-size:13px;font-weight:700}
body.srb-my-resumes-page .srb-sidebar-role{display:flex;flex-direction:column;gap:2px;margin:20px 10px 12px;padding:15px 16px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:rgba(255,255,255,.065)}
body.srb-my-resumes-page .srb-sidebar-role span{color:#aebee0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
body.srb-my-resumes-page .srb-sidebar-role strong{overflow:hidden;color:#fff;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
body.srb-my-resumes-page .srb-sidebar-nav{gap:7px;margin-top:6px}
body.srb-my-resumes-page .srb-sidebar-nav a{gap:12px;min-height:0;padding:12px 14px;border-radius:12px;color:#dbe6fb!important;font-size:15px;font-weight:750}
body.srb-my-resumes-page .srb-sidebar-nav a i{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.07);font-size:14px}
body.srb-my-resumes-page .srb-sidebar-nav a:hover{background:rgba(255,255,255,.10);transform:translateX(2px)}
body.srb-my-resumes-page .srb-sidebar-nav a.is-active{background:linear-gradient(135deg,#fff,#eef4ff);color:#10234a!important;box-shadow:0 10px 24px rgba(0,0,0,.16)}
body.srb-my-resumes-page .srb-sidebar-nav a.is-active i{background:linear-gradient(135deg,#dce9ff,#eef2ff);color:#3157e8}
body.srb-my-resumes-page .srb-sidebar-logout{margin-top:auto;padding:12px 10px;color:#dbe6fb!important;font-size:12px}
body.srb-my-resumes-page .srb-sidebar-version{display:flex;justify-content:space-between;margin-top:8px;padding:20px 10px 0;border-top:1px solid rgba(255,255,255,.10);color:#9fb0d0;font-size:12px}
body.srb-my-resumes-page .srb-sidebar-version span{float:none;color:#9fb0d0}
body.srb-my-resumes-page .srb-sidebar-version small{color:#9fb0d0;font-size:12px}
body.srb-my-resumes-page .srb-dashboard-main{background:linear-gradient(180deg,#fbfcff 0,#f5f7fc 220px)}
body.srb-my-resumes-page .srb-admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
body.srb-my-resumes-page .srb-admin-stat-grid>div{position:relative;overflow:hidden;padding:19px;border:1px solid #e1e6f0;border-radius:16px;background:linear-gradient(145deg,#fff,#f7f9ff);box-shadow:0 8px 22px rgba(31,46,92,.07)}
body.srb-my-resumes-page .srb-admin-stat-grid>div:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#1268fb,#665ce8)}
body.srb-my-resumes-page .srb-admin-stat-grid>div:nth-child(2):before{background:linear-gradient(90deg,#7b5ce7,#b15ce8)}
body.srb-my-resumes-page .srb-admin-stat-grid>div:nth-child(3):before{background:linear-gradient(90deg,#27966b,#4fbd83)}
body.srb-my-resumes-page .srb-admin-stat-grid>div:nth-child(4):before{background:linear-gradient(90deg,#f2a83b,#e67b52)}
body.srb-my-resumes-page .srb-admin-stat-grid small,body.srb-my-resumes-page .srb-admin-stat-grid span{display:block}
body.srb-my-resumes-page .srb-admin-stat-grid small{color:#737e95;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body.srb-my-resumes-page .srb-admin-stat-grid strong{display:block;margin:8px 0 4px;color:#14213d;font-size:29px;line-height:1}
body.srb-my-resumes-page .srb-admin-stat-grid span{color:#7c879c;font-size:10px}
body.srb-my-resumes-page .srb-admin-users-table{overflow:auto;border:1px solid #e5e9f1;border-radius:13px}
body.srb-my-resumes-page .srb-admin-users-table table{width:100%;min-width:900px;border-collapse:collapse;background:#fff}
body.srb-my-resumes-page .srb-admin-users-table th{padding:11px 13px;background:#f5f7fc;color:#6e7890;font-size:9px;font-weight:850;letter-spacing:.06em;text-align:left;text-transform:uppercase}
body.srb-my-resumes-page .srb-admin-users-table td{padding:12px 13px;border-top:1px solid #edf0f5;color:#34405b;font-size:11px;vertical-align:middle}
body.srb-my-resumes-page .srb-admin-users-table td:first-child strong,body.srb-my-resumes-page .srb-admin-users-table td:first-child small{display:block}
body.srb-my-resumes-page .srb-admin-users-table td:first-child strong{color:#17233f;font-size:12px}
body.srb-my-resumes-page .srb-admin-users-table td:first-child small{margin-top:3px;color:#808a9e;font-size:10px}
body.srb-my-resumes-page .srb-admin-users-table td>b{display:inline-flex;min-width:28px;justify-content:center;padding:4px 8px;border-radius:999px;background:#edf1ff;color:#425de0}
body.srb-my-resumes-page .srb-admin-report-note{margin:14px 2px 0;color:#7a8498;font-size:10px;line-height:1.5}
@media(max-width:1100px){body.srb-my-resumes-page .srb-dashboard-shell{grid-template-columns:210px minmax(0,1fr)}body.srb-my-resumes-page .srb-dashboard-sidebar{padding-left:12px;padding-right:12px}body.srb-my-resumes-page .srb-admin-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){body.srb-my-resumes-page #srb-dashboard.srb-dashboard{width:calc(100% - 20px)!important;margin:12px auto 28px!important;border-radius:18px}body.srb-my-resumes-page .srb-dashboard-shell{display:block;min-height:0}body.srb-my-resumes-page .srb-dashboard-sidebar{min-height:auto}body.srb-my-resumes-page .srb-sidebar-role,body.srb-my-resumes-page .srb-sidebar-version,body.srb-my-resumes-page .srb-sidebar-logout{display:none}body.srb-my-resumes-page .srb-sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}body.srb-my-resumes-page .srb-sidebar-nav a{justify-content:center;padding:10px 8px;font-size:12px}body.srb-my-resumes-page .srb-sidebar-nav a i{display:none}}
@media(max-width:560px){body.srb-my-resumes-page .srb-sidebar-nav{grid-template-columns:1fr 1fr}body.srb-my-resumes-page .srb-admin-stat-grid{grid-template-columns:1fr}}

/* v1.27.44 — searchable, sortable and paginated admin user table. */
body.srb-my-resumes-page .srb-admin-table-tools{display:grid;grid-template-columns:minmax(260px,1fr) minmax(205px,.55fr) minmax(130px,.28fr);gap:12px;align-items:end;margin-bottom:14px}
body.srb-my-resumes-page .srb-admin-table-tools label>span{display:block;margin:0 0 6px;color:#5e6980;font-size:12px;font-weight:800}
body.srb-my-resumes-page .srb-admin-table-tools input,body.srb-my-resumes-page .srb-admin-table-tools select{width:100%;height:42px;margin:0;padding:0 12px;border:1px solid #d6ddea;border-radius:10px;background:#fff;color:#1f2b46;font-size:13px;box-shadow:none;box-sizing:border-box}
body.srb-my-resumes-page .srb-admin-table-tools input:focus,body.srb-my-resumes-page .srb-admin-table-tools select:focus{border-color:#6576e9;box-shadow:0 0 0 3px rgba(83,101,229,.10);outline:0}
body.srb-my-resumes-page .srb-admin-users-table table{min-width:760px}
body.srb-my-resumes-page .srb-admin-users-table th{padding:10px 13px;font-size:11px}
body.srb-my-resumes-page .srb-admin-users-table td{padding:9px 13px;font-size:13px;line-height:1.35}
body.srb-my-resumes-page .srb-admin-users-table td:first-child strong{font-size:14px}
body.srb-my-resumes-page .srb-admin-users-table td:first-child small{margin-top:2px;font-size:12px}
body.srb-my-resumes-page .srb-admin-users-table th:first-child,body.srb-my-resumes-page .srb-admin-users-table td:first-child{width:31%}
body.srb-my-resumes-page .srb-admin-users-table th:last-child,body.srb-my-resumes-page .srb-admin-users-table td:last-child{width:90px;text-align:center}
body.srb-my-resumes-page .srb-admin-users-table tr[hidden]{display:none}
body.srb-my-resumes-page .srb-filter-empty td{text-align:center;padding:28px;color:#6d7890}
body.srb-my-resumes-page .srb-admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px}
body.srb-my-resumes-page .srb-admin-pagination>span{color:#68738a;font-size:12px}
body.srb-my-resumes-page .srb-admin-pagination>div{display:flex;align-items:center;gap:9px}
body.srb-my-resumes-page .srb-admin-pagination button{min-height:34px;padding:0 12px;border:1px solid #d7deea;border-radius:9px;background:#fff;color:#31405e;font-size:12px;font-weight:750;cursor:pointer}
body.srb-my-resumes-page .srb-admin-pagination button:hover:not(:disabled){border-color:#aebbea;background:#f4f6ff;color:#4258d5}
body.srb-my-resumes-page .srb-admin-pagination button:disabled{opacity:.45;cursor:not-allowed}
body.srb-my-resumes-page .srb-admin-pagination strong{min-width:94px;color:#46516a;font-size:12px;text-align:center}
@media(max-width:820px){body.srb-my-resumes-page .srb-admin-table-tools{grid-template-columns:1fr 1fr}body.srb-my-resumes-page .srb-admin-search{grid-column:1/-1}}
@media(max-width:560px){body.srb-my-resumes-page .srb-admin-table-tools{grid-template-columns:1fr}body.srb-my-resumes-page .srb-admin-search{grid-column:auto}body.srb-my-resumes-page .srb-admin-pagination{align-items:flex-start;flex-direction:column}}


/* =========================================================
   v1.21.4 PRODUCT MASTHEAD + ROBUST RESPONSIVE A4 PREVIEW
   ========================================================= */

/* Product masthead: intentionally one level stronger than normal page titles. */
body.srb-page .srb-app .srb-toolbar-compact h2{
  font-size:var(--srb-ui-product-title)!important;
  line-height:1.12!important;
  font-weight:780!important;
  letter-spacing:-.025em!important;
  margin-bottom:8px!important;
}

/*
 * Tablet/mobile workspace:
 * At <=1100px the editor becomes a true single-column flow. This prevents the
 * old 270px + 520px two-column minimums from squeezing/clipping the preview.
 */
@media screen and (max-width:1100px){
  body.srb-page .srb-app .srb-layout{
    display:block!important;
    grid-template-columns:none!important;
  }

  body.srb-page .srb-app .srb-left-column,
  body.srb-page .srb-app .srb-center-column,
  body.srb-page .srb-app .srb-right-column{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body.srb-page .srb-app .srb-center-column{
    margin-top:14px!important;
    container-type:inline-size;
  }

  /*
   * Keep a genuine A4 visual page even with very little resume content.
   * cqw ties minimum height to the actual center-column width, not the viewport.
   * 297 / 210 = 1.4142857.
   */
  body.srb-page .srb-app #srb-preview.srb-resume{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:141.4286cqw!important;
    aspect-ratio:210 / 297!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body.srb-page .srb-app .srb-right-column{
    margin-top:14px!important;
  }
}

/* Fallback for browsers without container query units. */
@supports not (height:1cqw){
  @media screen and (max-width:1100px){
    body.srb-page .srb-app #srb-preview.srb-resume{
      min-height:calc((100vw - 56px) * 1.4142857)!important;
    }
  }
}

@media screen and (max-width:600px){
  body.srb-page .srb-app{
    --srb-ui-product-title:30px;
  }
  body.srb-page .srb-app #srb-preview.srb-resume{
    padding:28px 28px 30px!important;
  }
}


/* =========================================================
   v1.21.5 TRUE SCALED A4 RESPONSIVE PREVIEW
   Responsive screens now SCALE the desktop A4 document instead of reflowing
   the resume into a narrow mobile-width document.
   ========================================================= */
body.srb-page .srb-app .srb-preview-stage{
  position:relative;
  width:100%;
  min-width:0;
  overflow:visible;
  margin:0 auto;
}
body.srb-page .srb-app .srb-preview-stage > #srb-preview.srb-resume{
  width:210mm!important;
  max-width:none!important;
  min-height:297mm!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:18mm 18mm 17mm!important;
  box-sizing:border-box!important;
  transform-origin:top left!important;
  transform:scale(var(--srb-preview-scale,1))!important;
  zoom:1!important;
  position:absolute!important;
  left:50%!important;
  top:0!important;
  translate:-50% 0;
  overflow:visible!important;
}

/* On large screens the A4 document stays at its native desktop size. */
@media screen and (min-width:1101px){
  body.srb-page .srb-app .srb-preview-stage{
    width:210mm;
    max-width:100%;
  }
}

/* On tablet/mobile the surrounding builder becomes one column, while the
   actual resume page remains desktop-A4 and is simply scaled down. */
@media screen and (max-width:1100px){
  body.srb-page .srb-app .srb-layout{
    display:block!important;
    grid-template-columns:none!important;
  }
  body.srb-page .srb-app .srb-left-column,
  body.srb-page .srb-app .srb-center-column,
  body.srb-page .srb-app .srb-right-column{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.srb-page .srb-app .srb-center-column{
    margin-top:14px!important;
  }
  body.srb-page .srb-app .srb-right-column{
    margin-top:14px!important;
  }
}

/* The preview stage must disappear from print layout so native PDF/print A4
   rules continue to target #srb-preview directly. */
@media print{
  body.srb-page .srb-app .srb-preview-stage{
    display:contents!important;
  }
  body.srb-page .srb-app .srb-preview-stage > #srb-preview.srb-resume{
    translate:none!important;
  }
}


/* =========================================================
   v1.21.6 THEME HEADER OWNERSHIP + SAFE SCALED A4 PREVIEW
   ========================================================= */

/*
 * HEADER CONTRACT
 * The plugin does not control BeTheme header geometry, sticky state or mobile
 * header appearance. Desktop non-sticky readability is the only visual assist.
 */
@media screen and (min-width:769px){
  body.srb-page #Top_bar:not(.is-sticky){
    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),
  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;
  }
}



/*
 * PREVIEW CONTRACT
 * The resume remains a native A4 document. The wrapper gets the exact scaled
 * visual width/height, and the document is transformed from top-left.
 * No centering translation, no viewport-width A4 reflow, no absolute overflow.
 */
body.srb-page .srb-app .srb-preview-stage{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0 auto!important;
  overflow:hidden!important;
}
body.srb-page .srb-app .srb-preview-stage > #srb-preview.srb-resume{
  width:210mm!important;
  max-width:none!important;
  min-width:210mm!important;
  min-height:297mm!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:18mm 18mm 17mm!important;
  box-sizing:border-box!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:auto!important;
  translate:none!important;
  transform-origin:top left!important;
  transform:scale(var(--srb-preview-scale,1))!important;
  zoom:1!important;
  overflow:visible!important;
}

/* Desktop keeps native A4 size. */
@media screen and (min-width:1101px){
  body.srb-page .srb-app .srb-preview-stage{
    width:210mm!important;
    min-height:297mm!important;
    overflow:visible!important;
  }
}

/* Tablet/mobile uses one-column Builder UI, but A4 remains A4 internally. */
@media screen and (max-width:1100px){
  body.srb-page .srb-app .srb-layout{
    display:block!important;
    grid-template-columns:none!important;
  }
  body.srb-page .srb-app .srb-left-column,
  body.srb-page .srb-app .srb-center-column,
  body.srb-page .srb-app .srb-right-column{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.srb-page .srb-app .srb-center-column,
  body.srb-page .srb-app .srb-right-column{
    margin-top:14px!important;
  }
}

/* Native print/PDF document, never the scaled screen wrapper. */
@media print{
  body.srb-page .srb-app .srb-preview-stage{
    display:contents!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.srb-page .srb-app .srb-preview-stage > #srb-preview.srb-resume{
    position:absolute!important;
    left:0!important;
    top:0!important;
    transform:none!important;
    translate:none!important;
  }
}


/* =========================================================
   v1.21.7 MOBILE HEADER CONTRAST FIX
   Mobile uses a white logo, so the non-sticky top state must not be white.
   Sticky state is intentionally NOT targeted; BeTheme keeps control once
   #Top_bar receives .is-sticky.
   ========================================================= */
@media screen and (max-width:768px){
  body.srb-page #Top_bar:not(.is-sticky){
    box-shadow:0 1px 0 rgba(0,0,0,.08)!important;
  }

  body.srb-page #Top_bar:not(.is-sticky) a.responsive-menu-toggle,
  body.srb-page #Top_bar:not(.is-sticky) .responsive-menu-toggle{
    color:#ffffff!important;
  }

  /* Do not force logo visibility or swap assets. BeTheme continues to choose
     the configured mobile logo; this rule only gives the white logo contrast. */
}


/* =========================================================
   v1.21.8 — Talent Two Column
   Conservative two-column visual layout with text-first ATS structure.
   No tables, no text boxes, no icon-font content.
   ========================================================= */
.template-talent{
  --talent-navy:#123f59;
  --talent-teal:#3d95a6;
  --talent-soft:#f4f8f9;
  --talent-rule:#b8d3d9;
  display:grid;
  grid-template-columns:31% minmax(0,1fr);
  column-gap:0;
  padding:16mm 16mm 16mm;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10.45pt;
  line-height:1.47;
  color:#172128;
}
.template-talent .resume-header{
  grid-column:1/-1;
  border-bottom:1.6px solid var(--talent-teal);
  padding:0 0 11px;
  margin:0 0 0;
}
.template-talent .resume-header h1{
  margin:0 0 4px;
  color:var(--talent-navy);
  font-size:27pt;
  line-height:1.02;
  letter-spacing:-.2px;
  font-weight:800;
}
.template-talent .resume-title{
  margin:0 0 9px;
  color:#52646d;
  font-size:11.8pt;
  font-weight:700;
}
.template-talent .resume-contact{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 14px;
  color:#33444c;
  font-size:9pt;
  line-height:1.35;
}
.template-talent .talent-contact-item{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.template-talent .resume-link{
  color:inherit;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.template-talent .contact-sep{display:none!important}

/* CSS-drawn decorative contact icons: they add no text to ATS extraction. */
.template-talent .talent-contact-icon{
  position:relative;
  display:inline-block;
  flex:0 0 14px;
  width:14px;
  height:14px;
  box-sizing:border-box;
  color:var(--talent-teal);
}
.template-talent .icon-email{
  width:14px;height:10px;
  border:1.4px solid currentColor;
  border-radius:2px;
}
.template-talent .icon-email:before,
.template-talent .icon-email:after{
  content:"";position:absolute;top:1px;width:8px;height:1.3px;background:currentColor;
}
.template-talent .icon-email:before{left:0;transform:rotate(32deg);transform-origin:left center}
.template-talent .icon-email:after{right:0;transform:rotate(-32deg);transform-origin:right center}
.template-talent .icon-phone{
  width:10px;height:14px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;
  border-radius:0 0 0 8px;transform:rotate(-36deg);margin-left:2px;
}
.template-talent .icon-location{
  width:11px;height:11px;border:1.5px solid currentColor;border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);margin-left:1px;
}
.template-talent .icon-location:after{
  content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor;
  left:2.5px;top:2.5px;
}
.template-talent .icon-linkedin{
  border:1.4px solid currentColor;border-radius:2px;
}
.template-talent .icon-linkedin:before{
  content:"";position:absolute;width:2px;height:7px;background:currentColor;left:3px;bottom:2px;
  box-shadow:4px 0 0 currentColor;
}
.template-talent .icon-linkedin:after{
  content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:currentColor;left:3px;top:2px;
}

.template-talent .talent-sidebar{
  grid-column:1;
  min-width:0;
  padding:14px 12px 4px 0;
  background:linear-gradient(90deg,var(--talent-soft),rgba(244,248,249,.68));
  border-right:1px solid #d7e4e7;
}
.template-talent .talent-main{
  grid-column:2;
  min-width:0;
  padding:14px 0 4px 17px;
}
.template-talent .talent-sidebar section,
.template-talent .talent-main section{
  margin-bottom:15px;
}
.template-talent section h2{
  margin:0 0 8px;
  padding:0 0 4px;
  border:0;
  border-bottom:1.5px solid var(--talent-rule);
  color:var(--talent-navy);
  font-size:10.7pt;
  line-height:1.2;
  letter-spacing:.65px;
  text-transform:uppercase;
  font-weight:800;
}
.template-talent .talent-sidebar section h2{
  font-size:9.8pt;
  border-bottom-color:#9fc6cd;
}
.template-talent .talent-sidebar .resume-content{
  font-size:9.15pt;
  line-height:1.43;
}
.template-talent .talent-sidebar .skill-list{
  display:grid;
  gap:5px;
  line-height:1.35;
}
.template-talent .talent-sidebar .skill-item{
  position:relative;
  display:block;
  padding-left:11px;
}
.template-talent .talent-sidebar .skill-item:before{
  content:"";
  position:absolute;
  left:0;
  top:.52em;
  width:4px;height:4px;border-radius:50%;
  background:var(--talent-teal);
}
.template-talent .talent-sidebar .skill-sep{display:none}
.template-talent .talent-sidebar .resume-entry{
  margin-bottom:10px;
}
.template-talent .talent-sidebar .entry-top{
  display:block;
}
.template-talent .talent-sidebar .entry-title{
  display:block;
  font-size:9.35pt;
  line-height:1.3;
}
.template-talent .talent-sidebar .entry-date{
  display:block;
  margin-top:2px;
  text-align:left;
  white-space:normal;
  font-size:8.45pt;
  color:#65747b;
}
.template-talent .talent-sidebar .entry-sub,
.template-talent .talent-sidebar .entry-detail{
  font-size:8.75pt;
}
.template-talent .talent-sidebar .entry-location{
  display:block;
  margin-top:1px;
}
.template-talent .talent-main .entry-title{
  color:#172128;
  font-size:10.6pt;
}
.template-talent .talent-main .entry-org{
  color:#315c69;
}
.template-talent .talent-main .entry-date{
  color:#4e5e65;
}
.template-talent .talent-main .resume-entry li::marker{
  color:var(--talent-teal);
}
.template-talent .talent-main #section-summary .resume-content{
  color:#2d3a40;
}
.template-talent .optional-line{
  margin-bottom:5px;
}

@media(max-width:760px){
  .template-talent{
    grid-template-columns:1fr;
  }
  .template-talent .resume-header,
  .template-talent .talent-sidebar,
  .template-talent .talent-main{
    grid-column:1;
  }
  .template-talent .talent-sidebar{
    padding:14px 0 0;
    border-right:0;
    border-bottom:1px solid #d7e4e7;
    background:transparent;
  }
  .template-talent .talent-main{
    padding:14px 0 0;
  }
}

/* Print/browser-PDF keeps the Talent layout and normal selectable text. */
@media print{
  #srb-preview.template-talent{
    display:grid!important;
    grid-template-columns:31% minmax(0,1fr)!important;
    column-gap:0!important;
  }
  #srb-preview.template-talent .resume-header{grid-column:1/-1!important}
  #srb-preview.template-talent .talent-sidebar{grid-column:1!important}
  #srb-preview.template-talent .talent-main{grid-column:2!important}
}


/* =========================================================
   v1.21.9 — Talent Two Column live-preview enforcement
   Ensures the new template visibly renders inside WordPress themes that
   apply high-specificity resume/heading rules.
   ========================================================= */
@media screen{
  body.srb-page .srb-app .srb-preview-stage > #srb-preview.template-talent.srb-resume{
    display:grid!important;
    grid-template-columns:31% minmax(0,1fr)!important;
    column-gap:0!important;
    padding:16mm 16mm 16mm!important;
    color:#172128!important;
  }

  body.srb-page #srb-preview.template-talent .resume-header{
    grid-column:1/-1!important;
    border-bottom:1.6px solid #3d95a6!important;
    margin-bottom:0!important;
    padding-bottom:11px!important;
  }

  body.srb-page #srb-preview.template-talent .resume-header h1{
    color:#123f59!important;
    font-size:27pt!important;
    line-height:1.02!important;
    font-weight:800!important;
    margin:0 0 4px!important;
  }

  body.srb-page #srb-preview.template-talent .resume-title{
    color:#52646d!important;
    font-size:11.8pt!important;
    font-weight:700!important;
    margin-bottom:9px!important;
  }

  body.srb-page #srb-preview.template-talent .resume-contact{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px 14px!important;
    color:#33444c!important;
    font-size:9pt!important;
  }

  body.srb-page #srb-preview.template-talent .talent-sidebar{
    grid-column:1!important;
    display:block!important;
    padding:14px 12px 4px 0!important;
    background:linear-gradient(90deg,#f4f8f9,rgba(244,248,249,.68))!important;
    border-right:1px solid #d7e4e7!important;
  }

  body.srb-page #srb-preview.template-talent .talent-main{
    grid-column:2!important;
    display:block!important;
    padding:14px 0 4px 17px!important;
  }

  body.srb-page #srb-preview.template-talent section h2{
    color:#123f59!important;
    border:0!important;
    border-bottom:1.5px solid #b8d3d9!important;
    background:transparent!important;
    padding:0 0 4px!important;
    margin:0 0 8px!important;
    font-size:10.7pt!important;
    line-height:1.2!important;
    letter-spacing:.65px!important;
    text-transform:uppercase!important;
    font-weight:800!important;
  }

  body.srb-page #srb-preview.template-talent .talent-sidebar section h2{
    font-size:9.8pt!important;
    border-bottom-color:#9fc6cd!important;
  }

  body.srb-page #srb-preview.template-talent .talent-contact-item{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
  }
}


/* =========================================================
   v1.22.0 — Talent polish: clean contact icons + sidebar rhythm
   ========================================================= */
.template-talent .resume-contact{
  gap:8px 17px!important;
}
.template-talent .talent-contact-item{
  gap:7px!important;
}
.template-talent .talent-contact-icon{
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
}

/* Cleaner phone handset. */
.template-talent .icon-phone{
  width:10px!important;
  height:13px!important;
  border:0!important;
  border-left:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  border-radius:0 0 0 8px!important;
  transform:rotate(-42deg)!important;
  margin:0 2px!important;
}
.template-talent .icon-phone:before,
.template-talent .icon-phone:after{
  content:""!important;
  position:absolute!important;
  width:5px!important;
  height:2px!important;
  background:currentColor!important;
  border-radius:2px!important;
}
.template-talent .icon-phone:before{left:-2px!important;top:-1px!important}
.template-talent .icon-phone:after{right:-4px!important;bottom:-2px!important;transform:rotate(90deg)!important}

/* Cleaner location pin. */
.template-talent .icon-location{
  width:11px!important;
  height:11px!important;
  border:1.6px solid currentColor!important;
  border-radius:50% 50% 50% 0!important;
  transform:rotate(-45deg)!important;
  margin:0 2px!important;
}
.template-talent .icon-location:after{
  width:3px!important;
  height:3px!important;
  left:2.4px!important;
  top:2.4px!important;
  background:currentColor!important;
}

/* Cleaner LinkedIn mark, kept decorative rather than text. */
.template-talent .icon-linkedin{
  width:14px!important;
  height:14px!important;
  border:1.5px solid currentColor!important;
  border-radius:2px!important;
}
.template-talent .icon-linkedin:before{
  content:""!important;
  position:absolute!important;
  left:2.5px!important;
  bottom:2px!important;
  width:2px!important;
  height:6px!important;
  background:currentColor!important;
  box-shadow:4px 0 0 currentColor!important;
}
.template-talent .icon-linkedin:after{
  content:""!important;
  position:absolute!important;
  left:2.5px!important;
  top:2px!important;
  width:2px!important;
  height:2px!important;
  border-radius:50%!important;
  background:currentColor!important;
}

/* More deliberate inset throughout the sidebar. */
.template-talent .talent-sidebar{
  padding:17px 16px 8px 10px!important;
}
.template-talent .talent-sidebar section{
  margin-bottom:17px!important;
}
.template-talent .talent-sidebar section h2{
  margin-left:0!important;
  padding-left:0!important;
  margin-bottom:9px!important;
}
.template-talent .talent-sidebar .resume-content{
  padding-left:2px!important;
  padding-right:2px!important;
}
.template-talent .talent-sidebar .skill-list{
  gap:5.5px!important;
  padding-left:3px!important;
}
.template-talent .talent-sidebar .skill-item{
  padding-left:15px!important;
  line-height:1.38!important;
}
.template-talent .talent-sidebar .skill-item:before{
  left:2px!important;
  top:.52em!important;
  width:4px!important;
  height:4px!important;
}
.template-talent .talent-sidebar .resume-entry,
.template-talent .talent-sidebar .optional-line{
  padding-left:3px!important;
  padding-right:1px!important;
}
.template-talent .talent-main{
  padding-left:20px!important;
}


/* =========================================================
   v1.22.1 — Talent Two Column refinement
   ========================================================= */

/* Use crisp SVG artwork for preview/print icons. These are backgrounds only,
   so they never become resume text and do not affect ATS extraction. */
.template-talent .talent-contact-icon,
body.srb-page #srb-preview.template-talent .talent-contact-icon {
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  display:inline-block!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:14px 14px!important;
  box-shadow:none!important;
}
.template-talent .talent-contact-icon:before,
.template-talent .talent-contact-icon:after,
body.srb-page #srb-preview.template-talent .talent-contact-icon:before,
body.srb-page #srb-preview.template-talent .talent-contact-icon:after {
  content:none!important;
  display:none!important;
}
.template-talent .icon-email { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2Q5NWE2IiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSI1IiB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHJ4PSIyIi8+PHBhdGggZD0ibTQgNyA4IDYgOC02Ii8+PC9zdmc+")!important; }
.template-talent .icon-phone { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2Q5NWE2IiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNi42IDMuOCA5IDMuMmwyLjEgNS4xLTEuOCAxLjNhMTUuNyAxNS43IDAgMCAwIDUuMSA1LjFsMS4zLTEuOCA1LjEgMi4xLS42IDIuNGMtLjMgMS4yLTEuNSAyLTIuOCAxLjhDMTAuOCAxOC4yIDUuOCAxMy4yIDQuOCA2LjZjLS4yLTEuMy42LTIuNSAxLjgtMi44WiIvPjwvc3ZnPg==")!important; }
.template-talent .icon-location { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2Q5NWE2IiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjAgMTBjMCA1LTggMTEtOCAxMVM0IDE1IDQgMTBhOCA4IDAgMSAxIDE2IDBaIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMCIgcj0iMi41Ii8+PC9zdmc+")!important; }
.template-talent .icon-linkedin { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2Q5NWE2IiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyLjUiLz48cGF0aCBkPSJNOCAxMHY3TTggN3YuMU0xMiAxN3YtN00xMiAxMy4yYy44LTIgNC41LTIuMiA0LjUgMS4yVjE3Ii8+PC9zdmc+")!important; }

/* More generous and consistent sidebar inset. */
body.srb-page #srb-preview.template-talent .talent-sidebar,
.template-talent .talent-sidebar {
  box-sizing:border-box!important;
  padding:18px 18px 10px 15px!important;
}
.template-talent .talent-sidebar section {
  margin-bottom:18px!important;
}
.template-talent .talent-sidebar section h2 {
  padding-left:2px!important;
  padding-right:2px!important;
}
.template-talent .talent-sidebar .resume-content {
  padding-left:5px!important;
  padding-right:4px!important;
}
.template-talent .talent-sidebar .skill-list {
  padding-left:2px!important;
  padding-right:2px!important;
  gap:6px!important;
}
.template-talent .talent-sidebar .skill-item {
  padding-left:17px!important;
  line-height:1.42!important;
}
.template-talent .talent-sidebar .skill-item:before {
  left:4px!important;
  top:.56em!important;
  width:4px!important;
  height:4px!important;
}
.template-talent .talent-sidebar .resume-entry,
.template-talent .talent-sidebar .optional-line {
  padding-left:5px!important;
  padding-right:3px!important;
}
.template-talent .talent-sidebar .entry-title,
.template-talent .talent-sidebar .entry-sub,
.template-talent .talent-sidebar .entry-detail,
.template-talent .talent-sidebar .entry-date {
  padding-left:0!important;
}

/* Slightly roomier left column and gutter for a cleaner editorial balance. */
body.srb-page .srb-app .srb-preview-stage > #srb-preview.template-talent.srb-resume,
.template-talent {
  grid-template-columns:32.5% minmax(0,1fr)!important;
}
.template-talent .talent-main {
  padding-left:22px!important;
}


/* =========================================================
   v1.22.2 — Talent exact screen/PDF alignment
   ========================================================= */

/* Same icon geometry is used in live preview and in the PDF renderer. */
.template-talent .talent-contact-icon,
body.srb-page #srb-preview.template-talent .talent-contact-icon {
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  background-size:13px 13px!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.template-talent .icon-email { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2Q5NWE2IiBzdHJva2Utd2lkdGg9Ii43NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMSAyLjVoMTB2N0gxeiIvPjxwYXRoIGQ9Im0xIDIuNSA1IDQgNS00Ii8+PC9zdmc+")!important; }
.template-talent .icon-phone { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2Q5NWE2IiBzdHJva2Utd2lkdGg9IjEuMTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTEuMiA5LjQgMy4yIDcuNCA3LjIgMy40IDkuMiA1LjQiLz48cGF0aCBkPSJNLjYgMTAgMi42IDgiLz48cGF0aCBkPSJtNy44IDQuOCAyIDIiLz48L3N2Zz4=")!important; }
.template-talent .icon-location { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2Q5NWE2IiBzdHJva2Utd2lkdGg9Ii44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik02IDEgMi41IDYgNCA5IDYgMTAgOCA5IDkuNSA2IDYgMXoiLz48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIgZmlsbD0iIzNkOTVhNiIgc3Ryb2tlPSJub25lIi8+PC9zdmc+")!important; }
.template-talent .icon-linkedin { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2Q5NWE2IiBzdHJva2Utd2lkdGg9Ii43NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiLz48cGF0aCBkPSJNMy4yIDQuNXY0TTMuMiAzLjJ2LjFNNiA4LjV2LTRNNiA2LjdjLjctMS44IDMtMS44IDMgMXYuOCIvPjwvc3ZnPg==")!important; }

/* Stronger sidebar indentation, including headings themselves. */
body.srb-page #srb-preview.template-talent .talent-sidebar,
.template-talent .talent-sidebar {
  box-sizing:border-box!important;
  padding:18px 19px 10px 21px!important;
}
.template-talent .talent-sidebar section {
  margin-bottom:18px!important;
}
.template-talent .talent-sidebar section h2 {
  box-sizing:border-box!important;
  margin-left:3px!important;
  margin-right:1px!important;
  padding-left:0!important;
  padding-right:0!important;
}
.template-talent .talent-sidebar .resume-content {
  box-sizing:border-box!important;
  padding-left:7px!important;
  padding-right:3px!important;
}
.template-talent .talent-sidebar .resume-entry,
.template-talent .talent-sidebar .optional-line {
  padding-left:0!important;
  padding-right:0!important;
}

/* Make live-preview skill bullets match the exported PDF:
   14px visual gap from bullet block to text. */
.template-talent .talent-sidebar .skill-list {
  padding-left:0!important;
  padding-right:0!important;
  gap:6px!important;
}
.template-talent .talent-sidebar .skill-item {
  box-sizing:border-box!important;
  padding-left:18px!important;
  line-height:1.42!important;
}
.template-talent .talent-sidebar .skill-item:before {
  left:3px!important;
  top:.56em!important;
  width:3px!important;
  height:3px!important;
}


/* =========================================================
   v1.22.3 — Talent spacing + icon cleanup
   ========================================================= */

/* Cleaner contact icons, matched closely to the PDF geometry. */
.template-talent .talent-contact-icon,
body.srb-page #srb-preview.template-talent .talent-contact-icon {
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
  background-size:12px 12px!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.template-talent .icon-email { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2Q5NWE2IiBzdHJva2Utd2lkdGg9Ii43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xIDNoMTB2NkgxeiIvPjxwYXRoIGQ9Im0xIDMgNSAzLjVMMTEgMyIvPjwvc3ZnPg==")!important; }
.template-talent .icon-phone { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2Q5NWE2IiBzdHJva2Utd2lkdGg9IjEuMDUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIgOSA0IDdsMy41LTMuNSAyIDIiLz48cGF0aCBkPSJNMS4yIDkuOCAyLjggOC4yTTguOCA0LjhsMS42IDEuNiIvPjwvc3ZnPg==")!important; }
.template-talent .icon-location { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2Q5NWE2IiBzdHJva2Utd2lkdGg9Ii43MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNiAxLjUgMyA1LjVsMS4yIDIuOEw2IDEwbDEuOC0xLjdMOSA1LjUgNiAxLjV6Ii8+PGNpcmNsZSBjeD0iNiIgY3k9IjUuOCIgcj0iLjgiIGZpbGw9IiMzZDk1YTYiIHN0cm9rZT0ibm9uZSIvPjwvc3ZnPg==")!important; }
.template-talent .icon-linkedin { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2Q5NWE2IiBzdHJva2Utd2lkdGg9Ii43IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIvPjxwYXRoIGQ9Ik0zLjYgNC40djRNMy42IDN2LjFNNi40IDguNHYtNE02LjQgNi43Yy41LTEuNSAyLjUtMS43IDIuNS45di44Ii8+PC9zdmc+")!important; }

/* Sidebar returns to a compact inset. Headings no longer lose useful width. */
body.srb-page #srb-preview.template-talent .talent-sidebar,
.template-talent .talent-sidebar {
  box-sizing:border-box!important;
  padding:16px 12px 9px 11px!important;
}
.template-talent .talent-sidebar section {
  margin-bottom:16px!important;
}
.template-talent .talent-sidebar section h2 {
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Normal sidebar text aligns almost with the heading. */
.template-talent .talent-sidebar .resume-content {
  padding-left:4px!important;
  padding-right:1px!important;
}
.template-talent .talent-sidebar .resume-entry,
.template-talent .talent-sidebar .optional-line {
  padding-left:0!important;
  padding-right:0!important;
}

/* Only bullets get a small visual indent.
   Bullet starts a little below/right of the heading, not far into the column. */
.template-talent .talent-sidebar .skill-list {
  padding-left:0!important;
  padding-right:0!important;
  gap:5px!important;
}
.template-talent .talent-sidebar .skill-item {
  box-sizing:border-box!important;
  padding-left:13px!important;
  line-height:1.4!important;
}
.template-talent .talent-sidebar .skill-item:before {
  left:2px!important;
  top:.56em!important;
  width:3px!important;
  height:3px!important;
}

/* Restore a little sidebar width and reduce the large center gutter. */
body.srb-page .srb-app .srb-preview-stage > #srb-preview.template-talent.srb-resume,
.template-talent {
  grid-template-columns:31.5% minmax(0,1fr)!important;
}
.template-talent .talent-main {
  padding-left:17px!important;
}


/* =========================================================
   v1.22.4 — Talent simple contact line
   ========================================================= */
.template-talent .talent-contact-icon,
body.srb-page #srb-preview.template-talent .talent-contact-icon{
  display:none!important;
  background:none!important;
}
.template-talent .resume-contact,
body.srb-page #srb-preview.template-talent .resume-contact{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:0!important;
}
.template-talent .talent-contact-item,
body.srb-page #srb-preview.template-talent .talent-contact-item{
  display:inline!important;
  margin:0!important;
  padding:0!important;
}
.template-talent .talent-contact-sep,
body.srb-page #srb-preview.template-talent .talent-contact-sep{
  display:inline-block!important;
  margin:0 9px!important;
  color:#738087!important;
  font-weight:400!important;
}


/* =========================================================
   v1.23.0 — Optional-section fix + Projects/Publications
   ========================================================= */

/* Optional Sections: checkbox first, text gets the remaining width.
   Prevents labels such as Languages from breaking into narrow columns. */
body.srb-page .srb-app .srb-optional-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
}
body.srb-page .srb-app .srb-optional-grid label{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:start!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:11px 12px!important;
  text-align:left!important;
}
body.srb-page .srb-app .srb-optional-grid label input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  margin:0!important;
  justify-self:start!important;
}
body.srb-page .srb-app .srb-optional-grid label{
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* Publication and project controls */
.srb-field-label{
  display:block;
  font-size:var(--srb-ui-small);
  font-weight:800;
  margin:10px 0 6px;
}
.srb-bulk-publications{
  margin:13px 0 15px;
  border:1px solid #dce4eb;
  border-radius:10px;
  background:#f8fafc;
  padding:0;
}
.srb-bulk-publications summary{
  cursor:pointer;
  padding:11px 13px;
  font-weight:800;
  color:#17233b;
}
.srb-bulk-publications[open] summary{
  border-bottom:1px solid #e2e8f0;
}
.srb-bulk-publications textarea,
.srb-bulk-publications p,
.srb-bulk-publications .srb-bulk-actions{
  margin-left:12px!important;
  margin-right:12px!important;
}
.srb-bulk-publications textarea{
  width:calc(100% - 24px)!important;
  box-sizing:border-box!important;
}
.srb-bulk-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:0 0 12px;
}
.srb-three{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
}
.srb-pub-review{
  margin-left:auto;
  font-size:11px;
  color:#9a6500;
  font-weight:700;
}
.srb-pub-review.ok{color:#26734d}
.srb-pub-example{
  padding:9px 10px;
  border-radius:8px;
  background:#f3f6fa;
  font-size:12px;
  line-height:1.45;
  color:#445067;
}
.project-entry ul{
  margin-top:5px;
}

/* Publication citations: readable resume formatting. */
.publication-list{
  counter-reset:publication;
}
.publication-citation{
  margin:0 0 9px;
  line-height:1.42;
  break-inside:avoid;
}
.publication-citation.citation-apa,
.publication-citation.citation-harvard{
  padding-left:18px;
  text-indent:-18px;
}
.publication-citation.citation-ieee{
  padding-left:0;
  text-indent:0;
}

@media(max-width:700px){
  .srb-three{grid-template-columns:1fr}
}


/* =========================================================
   v1.23.1 — Publication parsing + IEEE alignment
   ========================================================= */
.publication-citation.citation-ieee{
  padding-left:24px!important;
  text-indent:-24px!important;
}
.publication-citation.citation-ieee::first-line{
  text-indent:-24px;
}

/* Structured publication editor */
.srb-publication-editor select[data-k="type"]{
  margin-bottom:8px;
}


/* v1.23.2 — publication field parsing + IEEE hanging indent */
.publication-citation.citation-ieee{
  padding-left:26px!important;
  text-indent:-26px!important;
}
.srb-publication-editor select[data-k="type"]{
  width:100%;
  margin-bottom:8px;
}


/* =========================================================
   v1.24.0 — Structured publication import
   ========================================================= */
.srb-publication-import-panel{
  margin:14px 0 16px;
  padding:14px;
  border:1px solid #dce4eb;
  border-radius:12px;
  background:#f8fafc;
}
.srb-import-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
}
.srb-import-panel-head strong{display:block;font-size:15px;color:#17233b}
.srb-import-panel-head .srb-help{margin:4px 0 0}
.srb-download-template{
  flex:0 0 auto;
  text-decoration:none!important;
}
.srb-import-methods{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);
  gap:10px;
  align-items:stretch;
}
.srb-import-method{
  min-width:0;
  padding:12px;
  border:1px solid #e1e7ee;
  border-radius:10px;
  background:#fff;
}
.srb-import-method input[type="file"]{
  display:block;
  width:100%;
  box-sizing:border-box;
  margin:0 0 7px;
}
.srb-import-method textarea{
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 7px!important;
}
.srb-import-method small{
  display:block;
  margin:0 0 10px;
  color:#687386;
  line-height:1.4;
}
.srb-import-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8792a2;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}
.srb-import-divider span{
  background:#f8fafc;
  padding:4px 0;
}
.srb-import-status{
  margin-top:11px;
  padding:10px 12px;
  border-radius:8px;
  display:none;
  font-size:12px;
  line-height:1.45;
}
.srb-import-status.success{
  display:block;
  color:#1d6546;
  background:#eef9f3;
  border:1px solid #bfe4cf;
}
.srb-import-status.error{
  display:block;
  color:#8d3131;
  background:#fff3f3;
  border:1px solid #efc7c7;
}
.srb-csv-columns{
  margin-top:11px;
  border-top:1px solid #e2e8f0;
  padding-top:10px;
}
.srb-csv-columns summary{
  cursor:pointer;
  font-weight:800;
  color:#39465b;
}
.srb-csv-column-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:9px 0 7px;
}
.srb-csv-column-list code{
  padding:4px 7px;
  border-radius:6px;
  background:#eef2f6;
  color:#354052;
  font-size:11px;
}
.srb-experimental-import{
  margin-top:12px!important;
}
@media(max-width:760px){
  .srb-import-panel-head{display:block}
  .srb-download-template{display:inline-block;margin-top:8px}
  .srb-import-methods{grid-template-columns:1fr}
  .srb-import-divider{min-height:20px}
}


/* =========================================================
   v1.24.1 — Simplified Publications import UI
   ========================================================= */
.srb-publications-card .srb-card-title{
  align-items:flex-start!important;
  gap:10px!important;
}
.srb-publications-card .srb-card-title > div{
  min-width:0!important;
  flex:1 1 auto!important;
}
.srb-publications-card .srb-card-title h3,
.srb-publications-card .srb-card-title p{
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.srb-publication-import-panel{
  padding:13px!important;
}
.srb-import-panel-head{
  display:block!important;
  margin-bottom:12px!important;
}
.srb-import-panel-head > div{
  min-width:0!important;
}
.srb-import-panel-head strong,
.srb-import-panel-head .srb-help{
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.srb-download-template{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  margin-top:9px!important;
  white-space:normal!important;
  text-align:center!important;
}
.srb-import-method-single{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:12px!important;
}
.srb-import-method-single .srb-field-label{
  margin-top:0!important;
}
.srb-import-method-single input[type="file"]{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  font-size:13px!important;
  margin-bottom:8px!important;
}
.srb-import-method-single small{
  display:block!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  margin-bottom:10px!important;
}
.srb-import-method-single .srb-btn{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
}
.srb-csv-columns summary{
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.srb-csv-column-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
}
.srb-csv-column-list code{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}


/* v1.24.2 — citation styling and CSV review modal */
.publication-citation{
  margin:0 0 8px!important;
  padding-left:15px!important;
  text-indent:-15px!important;
  line-height:1.42!important;
}
.publication-citation.citation-ieee{
  padding-left:25px!important;
  text-indent:-25px!important;
}
.publication-citation em,.srb-rich-citation em,.srb-review-citation-preview em{font-style:italic!important}
.srb-rich-citation .cite-volume,.srb-review-citation-preview .cite-volume{font-weight:400}
body.srb-modal-open{overflow:hidden}
.srb-modal-backdrop[hidden]{display:none!important}
.srb-modal-backdrop{
  position:fixed!important;inset:0!important;z-index:999999!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:24px!important;background:rgba(15,23,42,.58)!important;
}
.srb-publication-review-dialog{
  width:min(980px,94vw)!important;max-height:90vh!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;background:#fff!important;
  border-radius:16px!important;box-shadow:0 24px 70px rgba(15,23,42,.28)!important;
}
.srb-modal-head{
  display:flex!important;justify-content:space-between!important;align-items:flex-start!important;
  gap:18px!important;padding:20px 22px 14px!important;border-bottom:1px solid #e5eaf0!important;
}
.srb-modal-head h3{margin:0 0 4px!important;font-size:21px!important;color:#17233b!important}
.srb-modal-head p{margin:0!important;color:#667085!important}
.srb-modal-close{
  width:36px!important;height:36px!important;border:0!important;border-radius:9px!important;
  background:#f1f4f8!important;font-size:25px!important;line-height:1!important;cursor:pointer!important;
}
.srb-modal-summary{padding:10px 22px!important;background:#f7f9fc!important;color:#475467!important;font-weight:700!important}
.srb-publication-review-list{overflow:auto!important;padding:16px 22px!important}
.srb-review-publication{
  padding:16px!important;margin:0 0 14px!important;border:1px solid #dce4ed!important;
  border-radius:12px!important;background:#fff!important;
}
.srb-review-publication-head{display:flex!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}
.srb-remove-review-publication{border:0!important;background:transparent!important;color:#b42318!important;font-weight:700!important;cursor:pointer!important}
.srb-review-publication label{display:block!important;font-size:12px!important;font-weight:700!important;color:#475467!important;margin-bottom:9px!important}
.srb-review-publication input,.srb-review-publication textarea,.srb-review-publication select{
  display:block!important;width:100%!important;box-sizing:border-box!important;margin-top:5px!important;
  padding:9px 10px!important;border:1px solid #cfd8e3!important;border-radius:8px!important;
  background:#fff!important;color:#17233b!important;font:inherit!important;font-weight:400!important;
}
.srb-review-grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
.srb-review-grid-3{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:12px!important}
.srb-review-citation-preview{
  margin-top:8px!important;padding:11px 13px 11px 28px!important;text-indent:-15px!important;
  border-radius:8px!important;background:#f7f9fc!important;color:#344054!important;line-height:1.45!important;
}
.srb-review-citation-preview:before{content:"Preview: ";font-weight:800!important}
.srb-modal-actions{
  display:flex!important;justify-content:flex-end!important;gap:10px!important;
  padding:14px 22px 18px!important;border-top:1px solid #e5eaf0!important;background:#fff!important;
}
@media(max-width:700px){
 .srb-modal-backdrop{padding:8px!important}
 .srb-publication-review-dialog{width:100%!important;max-height:96vh!important}
 .srb-review-grid-2,.srb-review-grid-3{grid-template-columns:1fr!important;gap:0!important}
}


/* v1.24.3 — modal-only publication management */
.srb-publication-quick-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:10px 0 8px!important}
.srb-publication-summary{margin:0 0 12px!important}
.srb-publication-empty{padding:10px 12px!important;border:1px dashed #ccd6e2!important;border-radius:9px!important;color:#667085!important;background:#fafbfc!important}
.srb-publication-summary-row{display:flex!important;flex-direction:column!important;gap:3px!important;padding:10px 12px!important;border:1px solid #dce4ed!important;border-radius:9px!important;background:#f8fafc!important}
.srb-publication-summary-row strong{font-size:13px!important;color:#17233b!important}
.srb-publication-summary-row span{font-size:11px!important;color:#667085!important}
.srb-publication-modal-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;padding:14px 22px!important;border-bottom:1px solid #e5eaf0!important;background:#fbfcfe!important}
.srb-publication-modal-options label{display:block!important;font-size:12px!important;font-weight:800!important;color:#475467!important}
.srb-publication-modal-options select{display:block!important;width:100%!important;margin-top:5px!important;padding:9px 10px!important;border:1px solid #cfd8e3!important;border-radius:8px!important;background:#fff!important;color:#17233b!important}
.srb-add-another-wrap{padding:0 22px 14px!important}
.publication-subheading{margin:19px 0 10px!important;font-weight:800!important;font-size:.94em!important;color:inherit!important}
#section-publications .publication-subheading:first-child,#section-publications .publication-subheading-first{margin-top:4px!important}
@media(max-width:700px){.srb-publication-modal-options{grid-template-columns:1fr!important}}


/* =========================================================
   v1.24.4 — Publication Manager visual overhaul
   ========================================================= */

/* Ensure the manager sits below the site header and above all page UI. */
.srb-modal-backdrop{
  position:fixed!important;
  inset:72px 0 0!important;
  z-index:2147483000!important;
  padding:18px!important;
  background:rgba(22,30,48,.62)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  align-items:flex-start!important;
  overflow:auto!important;
}
.srb-publication-review-dialog{
  width:min(1080px,96vw)!important;
  max-height:calc(100vh - 104px)!important;
  margin:0 auto!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:0 26px 80px rgba(15,23,42,.30)!important;
  overflow:hidden!important;
  background:#fff!important;
}

/* Sticky, stronger modal header */
.srb-publication-review-dialog .srb-modal-head{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  padding:18px 24px 15px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
  border-bottom:1px solid #e5eaf0!important;
}
.srb-publication-review-dialog .srb-modal-head h3{
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  color:#17233b!important;
}
.srb-publication-review-dialog .srb-modal-head p{
  font-size:14px!important;
  line-height:1.5!important;
  color:#667085!important;
}
.srb-publication-review-dialog .srb-modal-close{
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  font-size:28px!important;
  color:#344054!important;
}

/* Top settings band */
.srb-publication-modal-options{
  position:sticky!important;
  top:82px!important;
  z-index:4!important;
  grid-template-columns:minmax(220px,320px) minmax(260px,420px)!important;
  justify-content:start!important;
  gap:14px!important;
  padding:14px 24px!important;
  background:#f7f9fc!important;
}
.srb-publication-modal-options label{
  font-size:13px!important;
  letter-spacing:.01em!important;
}
.srb-publication-modal-options select{
  min-height:44px!important;
  font-size:15px!important;
  font-weight:650!important;
  border-color:#cfd8e3!important;
  border-radius:10px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
}
.srb-modal-summary{
  padding:12px 24px!important;
  font-size:14px!important;
  background:#fff!important;
  border-bottom:1px solid #eef1f5!important;
}

/* Scrollable records area */
.srb-publication-review-list{
  padding:18px 24px 8px!important;
  background:#f7f9fc!important;
}

/* Publication card */
.srb-review-publication{
  max-width:none!important;
  padding:0!important;
  margin:0 0 18px!important;
  border:1px solid #d8e1ec!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(16,24,40,.055)!important;
  overflow:hidden!important;
}
.srb-review-publication-head{
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:12px 16px!important;
  margin:0!important;
  background:linear-gradient(90deg,#f8fbff 0%,#eef5fb 100%)!important;
  border-bottom:1px solid #dce5ee!important;
}
.srb-pub-card-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#17233b!important;
  font-size:17px!important;
}
.srb-pub-index{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:28px!important;
  padding:0 7px!important;
  border-radius:7px!important;
  background:#e6eefb!important;
  color:#365c9d!important;
  font-size:13px!important;
  font-weight:800!important;
}
.srb-remove-review-publication{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:7px 10px!important;
  border-radius:8px!important;
  color:#b42318!important;
  font-size:13px!important;
  font-weight:750!important;
}
.srb-remove-review-publication:hover{
  background:#fff1f0!important;
}

/* Compact bibliographic metadata row */
.srb-pub-meta-row{
  display:grid!important;
  grid-template-columns:minmax(180px,1.55fr) 90px 72px 72px 105px!important;
  gap:10px!important;
  align-items:end!important;
  padding:15px 16px 4px!important;
}
.srb-pub-mini{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#475467!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
.srb-pub-mini span{
  display:block!important;
  margin:0 0 5px!important;
}
.srb-pub-mini input,
.srb-pub-mini select{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid #cfd8e3!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#17233b!important;
  font-size:15px!important;
  font-weight:600!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.srb-pub-mini input:focus,
.srb-pub-mini select:focus,
.srb-pub-field input:focus,
.srb-pub-field textarea:focus{
  outline:none!important;
  border-color:#7589e8!important;
  box-shadow:0 0 0 3px rgba(99,102,241,.12)!important;
}

/* Main fields */
.srb-pub-field{
  display:block!important;
  margin:12px 16px 0!important;
  color:#344054!important;
  font-size:13px!important;
  font-weight:800!important;
}
.srb-pub-field > span{
  display:block!important;
  margin-bottom:6px!important;
}
.srb-pub-field input,
.srb-pub-field textarea{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid #cfd8e3!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#17233b!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.4!important;
}
.srb-pub-title-field textarea{
  min-height:78px!important;
  resize:vertical!important;
}
.srb-pub-authors-field input{
  min-height:44px!important;
}

/* Journal / DOI and other source rows */
.srb-pub-source-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  padding:0 16px!important;
}
.srb-pub-source-grid .srb-pub-field{
  margin-left:0!important;
  margin-right:0!important;
}
.srb-pub-source-grid-compact{
  grid-template-columns:180px minmax(0,1fr)!important;
}

/* Preview callout */
.srb-review-citation-preview{
  margin:14px 16px 16px!important;
  padding:12px 14px 12px 34px!important;
  border:1px solid #e2e8f0!important;
  border-left:4px solid #7589e8!important;
  border-radius:9px!important;
  background:#f8faff!important;
  color:#344054!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.srb-review-citation-preview:before{
  content:"Preview"!important;
  display:block!important;
  margin-bottom:4px!important;
  text-indent:0!important;
  font-size:11px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:#667085!important;
}

/* Bottom actions */
.srb-add-another-wrap{
  padding:8px 24px 16px!important;
  background:#f7f9fc!important;
}
.srb-add-another-wrap .srb-btn{
  min-height:42px!important;
  font-size:14px!important;
}
.srb-modal-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:6!important;
  padding:14px 24px!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(6px)!important;
}
.srb-modal-actions .srb-btn{
  min-height:44px!important;
  padding:10px 16px!important;
  border-radius:10px!important;
  font-size:15px!important;
  font-weight:750!important;
}

/* Conference/book variants have fewer compact fields */
.srb-review-publication .srb-pub-meta-row:has(.srb-pub-mini:nth-child(3):last-child){
  grid-template-columns:minmax(200px,1.7fr) 100px 120px!important;
}

@media(max-width:900px){
  .srb-modal-backdrop{inset:64px 0 0!important;padding:10px!important}
  .srb-publication-review-dialog{max-height:calc(100vh - 84px)!important;width:98vw!important}
  .srb-publication-modal-options{top:80px!important;grid-template-columns:1fr 1fr!important}
  .srb-pub-meta-row{grid-template-columns:1.5fr .8fr .7fr .7fr .9fr!important}
}
@media(max-width:700px){
  .srb-modal-backdrop{inset:58px 0 0!important;padding:6px!important}
  .srb-publication-review-dialog{width:100%!important;max-height:calc(100vh - 68px)!important;border-radius:12px!important}
  .srb-publication-review-dialog .srb-modal-head{padding:14px 16px 12px!important}
  .srb-publication-review-dialog .srb-modal-head h3{font-size:20px!important}
  .srb-publication-modal-options{position:static!important;grid-template-columns:1fr!important;padding:12px 16px!important}
  .srb-modal-summary{padding:10px 16px!important}
  .srb-publication-review-list{padding:12px 12px 4px!important}
  .srb-pub-meta-row{grid-template-columns:1.6fr .8fr .7fr .7fr .9fr!important;gap:7px!important;padding:12px 12px 2px!important}
  .srb-pub-mini input,.srb-pub-mini select{font-size:14px!important;padding:7px 8px!important}
  .srb-pub-field{margin-left:12px!important;margin-right:12px!important}
  .srb-pub-source-grid{grid-template-columns:1fr!important;padding:0 12px!important}
  .srb-review-citation-preview{margin-left:12px!important;margin-right:12px!important}
  .srb-add-another-wrap,.srb-modal-actions{padding-left:16px!important;padding-right:16px!important}
}


/* =========================================================
   v1.24.5 — Compact theme-colored Publication Manager
   ========================================================= */

.srb-modal-backdrop{
  inset:62px 0 0!important;
  padding:8px 14px 10px!important;
}

.srb-publication-review-dialog{
  width:min(1120px,97vw)!important;
  max-height:calc(100vh - 72px)!important;
  border-radius:15px!important;
  overflow:hidden!important;
}

/* Dark HRThink header separates controls from editable records */
.srb-publication-review-dialog .srb-modal-head{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
  min-height:0!important;
  padding:11px 18px 10px!important;
  background:linear-gradient(135deg,#033c73 0%,#064e96 100%)!important;
  border-bottom:0!important;
  color:#fff!important;
}

.srb-publication-review-dialog .srb-modal-head h3{
  margin:0 0 2px!important;
  font-size:21px!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:#fff!important;
  letter-spacing:-.015em!important;
}

.srb-publication-review-dialog .srb-modal-head p{
  margin:0!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  color:rgba(255,255,255,.82)!important;
}

.srb-publication-review-dialog .srb-modal-close{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-size:23px!important;
}
.srb-publication-review-dialog .srb-modal-close:hover{
  background:rgba(255,255,255,.2)!important;
}

/* Compact settings toolbar */
.srb-publication-modal-options{
  position:sticky!important;
  top:57px!important;
  z-index:7!important;
  grid-template-columns:220px 320px!important;
  gap:12px!important;
  padding:8px 18px 9px!important;
  background:#eef3f9!important;
  border-bottom:1px solid #d8e1ec!important;
}

.srb-publication-modal-options label{
  font-size:11.5px!important;
  line-height:1.1!important;
  color:#334155!important;
}

.srb-publication-modal-options select{
  height:36px!important;
  min-height:36px!important;
  margin-top:4px!important;
  padding:5px 9px!important;
  border-radius:8px!important;
  font-size:14px!important;
  font-weight:650!important;
}

.srb-modal-summary{
  padding:7px 18px!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  background:#fff!important;
  border-bottom:1px solid #edf1f5!important;
}

/* Records */
.srb-publication-review-list{
  padding:9px 18px 3px!important;
  background:#f7f9fc!important;
}

.srb-review-publication{
  margin:0 0 10px!important;
  border-radius:11px!important;
  box-shadow:0 2px 8px rgba(15,23,42,.045)!important;
}

.srb-review-publication-head{
  min-height:40px!important;
  padding:7px 13px!important;
  background:linear-gradient(90deg,#f1f6fc 0%,#e8f0fb 100%)!important;
}

.srb-pub-card-title{
  gap:7px!important;
  font-size:15.5px!important;
}

.srb-pub-index{
  min-width:30px!important;
  height:24px!important;
  padding:0 6px!important;
  font-size:11.5px!important;
  background:#dfeafa!important;
  color:#033c73!important;
}

.srb-remove-review-publication{
  padding:4px 7px!important;
  font-size:12px!important;
}

/* Dense metadata row */
.srb-pub-meta-row{
  grid-template-columns:minmax(210px,1.7fr) 80px 66px 66px 92px!important;
  gap:7px!important;
  padding:9px 13px 1px!important;
}

.srb-pub-mini{
  font-size:10.5px!important;
  line-height:1.05!important;
}

.srb-pub-mini span{
  margin-bottom:3px!important;
}

.srb-pub-mini input,
.srb-pub-mini select{
  height:34px!important;
  min-height:34px!important;
  padding:5px 8px!important;
  border-radius:7px!important;
  font-size:13.5px!important;
}

/* Main fields */
.srb-pub-field{
  margin:7px 13px 0!important;
  font-size:11.5px!important;
  line-height:1.1!important;
}

.srb-pub-field > span{
  margin-bottom:3px!important;
}

.srb-pub-field input,
.srb-pub-field textarea{
  padding:6px 9px!important;
  border-radius:7px!important;
  font-size:13.5px!important;
  line-height:1.25!important;
}

.srb-pub-field input{
  height:34px!important;
  min-height:34px!important;
}

.srb-pub-title-field textarea{
  min-height:48px!important;
  height:48px!important;
  resize:vertical!important;
}

.srb-pub-authors-field input{
  height:34px!important;
  min-height:34px!important;
}

/* Source / DOI row */
.srb-pub-source-grid{
  gap:8px!important;
  padding:0 13px!important;
}
.srb-pub-source-grid .srb-pub-field{
  margin-top:7px!important;
}
.srb-pub-source-grid-compact{
  grid-template-columns:145px minmax(0,1fr)!important;
}

/* Compact preview */
.srb-review-citation-preview{
  margin:8px 13px 10px!important;
  padding:7px 10px 7px 28px!important;
  border-left:3px solid #064e96!important;
  border-radius:7px!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  max-height:54px!important;
  overflow:auto!important;
}
.srb-review-citation-preview:before{
  margin-bottom:1px!important;
  font-size:9.5px!important;
  color:#64748b!important;
}

/* Compact bottom controls */
.srb-add-another-wrap{
  padding:4px 18px 7px!important;
  background:#f7f9fc!important;
}
.srb-add-another-wrap .srb-btn{
  min-height:34px!important;
  padding:6px 10px!important;
  font-size:12.5px!important;
}

.srb-modal-actions{
  padding:8px 18px 9px!important;
}
.srb-modal-actions .srb-btn{
  min-height:36px!important;
  padding:6px 12px!important;
  border-radius:8px!important;
  font-size:13.5px!important;
}

/* Theme emphasis */
#srb-confirm-publication-review{
  background:linear-gradient(135deg,#033c73 0%,#1268FB 100%)!important;
  border-color:#033c73!important;
  box-shadow:0 4px 10px rgba(3,60,115,.18)!important;
}

@media(max-width:900px){
  .srb-modal-backdrop{inset:58px 0 0!important;padding:6px!important}
  .srb-publication-review-dialog{max-height:calc(100vh - 64px)!important}
  .srb-publication-modal-options{
    position:static!important;
    grid-template-columns:1fr 1fr!important;
    padding:7px 12px!important;
  }
  .srb-modal-summary{padding:6px 12px!important}
  .srb-publication-review-list{padding:8px 10px 3px!important}
  .srb-pub-meta-row{
    grid-template-columns:minmax(170px,1.5fr) 72px 60px 60px 82px!important;
    gap:5px!important;
    padding:8px 10px 1px!important;
  }
  .srb-pub-field{margin-left:10px!important;margin-right:10px!important}
  .srb-pub-source-grid{padding:0 10px!important}
  .srb-review-citation-preview{margin-left:10px!important;margin-right:10px!important}
  .srb-add-another-wrap,.srb-modal-actions{padding-left:12px!important;padding-right:12px!important}
}

@media(max-width:700px){
  .srb-publication-review-dialog .srb-modal-head h3{font-size:18px!important}
  .srb-publication-review-dialog .srb-modal-head p{font-size:11.5px!important}
  .srb-publication-modal-options{grid-template-columns:1fr!important}
  .srb-pub-meta-row{
    grid-template-columns:minmax(135px,1.4fr) 67px 57px 57px 72px!important;
    overflow-x:auto!important;
  }
  .srb-pub-source-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   v1.24.6 — HRThink publication manager command header
   ========================================================= */

/* Modal begins safely below the WordPress/theme navigation. */
.srb-modal-backdrop{
  inset:68px 0 0!important;
  padding:10px 14px 12px!important;
  align-items:flex-start!important;
}

.srb-publication-review-dialog{
  width:min(1120px,97vw)!important;
  max-height:calc(100vh - 82px)!important;
  margin:0 auto!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#f7f9fc!important;
}

/*
 * The title bar is no longer sticky. This is intentional:
 * the previous sticky top offsets allowed the settings strip to paint over it.
 * It is now a compact, fully visible HRThink-blue command header.
 */
.srb-publication-review-dialog .srb-modal-head{
  position:relative!important;
  top:auto!important;
  z-index:20!important;
  min-height:58px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:10px 18px!important;
  background:linear-gradient(135deg,#033c73 0%,#064e96 58%,#1268fb 100%)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:0 5px 16px rgba(3,60,115,.18)!important;
  overflow:visible!important;
}

.srb-publication-review-dialog .srb-modal-head > div{
  min-width:0!important;
}

.srb-publication-review-dialog .srb-modal-head h3{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:21px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}

.srb-publication-review-dialog .srb-modal-head p{
  display:none!important;
}

/* Close becomes part of the blue command bar rather than a floating grey block. */
.srb-publication-review-dialog .srb-modal-close{
  position:static!important;
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1!important;
  box-shadow:none!important;
}
.srb-publication-review-dialog .srb-modal-close:hover{
  background:rgba(255,255,255,.22)!important;
  border-color:rgba(255,255,255,.42)!important;
}

/* Settings are now a compact secondary toolbar immediately under the blue header. */
.srb-publication-modal-options{
  position:relative!important;
  top:auto!important;
  z-index:10!important;
  grid-template-columns:260px 360px!important;
  align-items:end!important;
  justify-content:start!important;
  gap:14px!important;
  padding:9px 18px 10px!important;
  background:#e8f0fb!important;
  border-bottom:1px solid #cbd9ea!important;
  box-shadow:none!important;
}

.srb-publication-modal-options label{
  color:#253858!important;
  font-size:11.5px!important;
  font-weight:800!important;
}

.srb-publication-modal-options select{
  height:35px!important;
  min-height:35px!important;
  margin-top:4px!important;
  border:1px solid #b9cbe0!important;
  background:#fff!important;
  color:#17233b!important;
  font-size:13.5px!important;
}

/* Summary becomes a slim status line rather than another large header band. */
.srb-modal-summary{
  padding:6px 18px!important;
  min-height:0!important;
  background:#f8fafc!important;
  color:#475467!important;
  border-bottom:1px solid #e3e9f0!important;
  font-size:12px!important;
  font-weight:650!important;
}

/* Slightly reclaim more vertical room for the actual publication record. */
.srb-publication-review-list{
  padding-top:7px!important;
}
.srb-review-publication-head{
  min-height:38px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
}

/* Footer remains visually connected to HRThink theme. */
.srb-modal-actions{
  border-top:1px solid #dce4ed!important;
  box-shadow:0 -4px 12px rgba(15,23,42,.045)!important;
}
#srb-confirm-publication-review{
  background:linear-gradient(135deg,#033c73 0%,#1268fb 100%)!important;
}

/* Smaller screens: keep the blue header fully visible and never overlap settings. */
@media(max-width:900px){
  .srb-modal-backdrop{
    inset:62px 0 0!important;
    padding:7px!important;
  }
  .srb-publication-review-dialog{
    max-height:calc(100vh - 72px)!important;
  }
  .srb-publication-review-dialog .srb-modal-head{
    min-height:54px!important;
    padding:9px 13px!important;
  }
  .srb-publication-modal-options{
    position:relative!important;
    top:auto!important;
    grid-template-columns:1fr 1.35fr!important;
    padding:8px 13px!important;
  }
}
@media(max-width:700px){
  .srb-publication-review-dialog .srb-modal-head h3{
    font-size:18px!important;
  }
  .srb-publication-modal-options{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   v1.24.7 — Publication manager clearance + section hierarchy
   ========================================================= */

/* More breathing room below the main site navigation. */
.srb-modal-backdrop{
  inset:78px 0 0!important;
  padding:10px 14px 12px!important;
}

.srb-publication-review-dialog{
  max-height:calc(100vh - 92px)!important;
}

/* Keep top header clearly inside modal, not visually touching site nav. */
.srb-publication-review-dialog .srb-modal-head{
  border-radius:14px 14px 0 0!important;
  box-shadow:0 4px 14px rgba(3,60,115,.16)!important;
}

/* Secondary toolbar remains separate and compact. */
.srb-publication-modal-options{
  padding-top:8px!important;
  padding-bottom:8px!important;
}

/* Make the publication-count strip fully visible. */
.srb-modal-summary{
  position:relative!important;
  z-index:6!important;
  display:block!important;
  min-height:28px!important;
  box-sizing:border-box!important;
  padding:7px 18px!important;
  margin:0!important;
  background:#ffffff!important;
  border-top:1px solid #e3e9f0!important;
  border-bottom:1px solid #dfe6ee!important;
  color:#334155!important;
  font-size:12.5px!important;
  font-weight:750!important;
  line-height:1.15!important;
  overflow:visible!important;
}

/* Slight gap before first card so the count/status line doesn't collide with it. */
.srb-publication-review-list{
  padding-top:10px!important;
}

/* Stronger start marker for each publication card. */
.srb-review-publication-head{
  min-height:40px!important;
  padding:7px 13px!important;
  background:linear-gradient(90deg,#dce8f7 0%,#e9f1fb 100%)!important;
  border-bottom:1px solid #c9d8e8!important;
}

.srb-pub-card-title{
  color:#17355f!important;
  font-size:15.5px!important;
  font-weight:800!important;
}

.srb-pub-card-title strong{
  color:#17355f!important;
  font-weight:800!important;
}

.srb-pub-index{
  background:#c9dcf4!important;
  color:#033c73!important;
  border:1px solid #b6cee9!important;
  font-weight:900!important;
}

/* Slightly stronger separation between consecutive records. */
.srb-review-publication{
  border-color:#ced9e6!important;
}
.srb-review-publication + .srb-review-publication{
  margin-top:14px!important;
}

/* On smaller screens preserve clearance beneath site header. */
@media(max-width:900px){
  .srb-modal-backdrop{
    inset:70px 0 0!important;
  }
  .srb-publication-review-dialog{
    max-height:calc(100vh - 80px)!important;
  }
}
@media(max-width:700px){
  .srb-modal-backdrop{
    inset:64px 0 0!important;
  }
  .srb-publication-review-dialog{
    max-height:calc(100vh - 72px)!important;
  }
}


/* =========================================================
   v1.25.0 — Modal-first Resume Builder workspace
   ========================================================= */

/* Left data-entry sidebar is now a hidden source container only. */
body.srb-page .srb-app .srb-left-column{
  display:none!important;
}

/* Desktop becomes a generous preview + compact control sidebar. */
@media screen and (min-width:1101px){
  body.srb-page .srb-app .srb-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 292px!important;
    gap:18px!important;
    align-items:start!important;
  }
  body.srb-page .srb-app .srb-center-column{
    grid-column:1!important;
    width:auto!important;
    max-width:none!important;
    margin-top:0!important;
  }
  body.srb-page .srb-app .srb-right-column{
    grid-column:2!important;
    width:auto!important;
    max-width:none!important;
    margin-top:0!important;
  }
}

/* Section launcher becomes the main editing navigation. */
body.srb-page .srb-app .srb-stepper{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:7px!important;
  margin:12px 0 16px!important;
  padding:8px!important;
  border:1px solid #c9d8e8!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#033c73 0%,#064e96 100%)!important;
  box-shadow:0 7px 20px rgba(3,60,115,.12)!important;
}
body.srb-page .srb-app .srb-step{
  min-width:0!important;
  min-height:42px!important;
  padding:7px 8px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.9)!important;
  font-size:12.5px!important;
  font-weight:750!important;
  line-height:1.1!important;
}
body.srb-page .srb-app .srb-step span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:21px!important;
  height:21px!important;
  margin-right:5px!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
  font-size:11px!important;
}
body.srb-page .srb-app .srb-step:hover{
  background:rgba(255,255,255,.15)!important;
}
body.srb-page .srb-app .srb-step.active{
  background:#fff!important;
  color:#033c73!important;
  border-color:#fff!important;
  box-shadow:0 3px 9px rgba(0,0,0,.12)!important;
}
body.srb-page .srb-app .srb-step.active span{
  background:#e8f0fb!important;
  color:#033c73!important;
}

/* Template chooser moves into the top toolbar and stays compact. */
.srb-template-quick{
  display:flex!important;
  align-items:center!important;
}
.srb-template-quick .srb-template-card{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:205px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.srb-template-quick .srb-template-card label{
  margin:0!important;
  font-size:11px!important;
  font-weight:800!important;
  color:#475467!important;
}
.srb-template-quick .srb-template-card select{
  width:150px!important;
  min-width:150px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:5px 8px!important;
  font-size:13px!important;
}
.srb-template-quick .srb-template-card small{
  display:none!important;
}

/* Generic editor popup mirrors the polished Publications manager. */
.srb-section-editor-backdrop[hidden]{
  display:none!important;
}
.srb-section-editor-backdrop{
  position:fixed!important;
  inset:78px 0 0!important;
  z-index:2147482990!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:10px 14px 12px!important;
  background:rgba(22,30,48,.62)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  overflow:auto!important;
}
.srb-section-editor-dialog{
  width:min(1040px,96vw)!important;
  max-height:calc(100vh - 92px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:16px!important;
  background:#f7f9fc!important;
  box-shadow:0 25px 76px rgba(15,23,42,.30)!important;
}
.srb-section-editor-head{
  flex:0 0 auto!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:10px 18px!important;
  background:linear-gradient(135deg,#033c73 0%,#064e96 58%,#1268fb 100%)!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(3,60,115,.16)!important;
}
.srb-section-editor-kicker{
  display:block!important;
  margin-bottom:2px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.srb-section-editor-head h3{
  margin:0!important;
  color:#fff!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1.1!important;
}
.srb-section-editor-close{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  font-size:23px!important;
  cursor:pointer!important;
}
.srb-section-editor-close:hover{
  background:rgba(255,255,255,.22)!important;
}
.srb-section-editor-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:14px 16px 6px!important;
  background:#f7f9fc!important;
}
.srb-section-editor-body > .srb-guide-card{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0 0 12px!important;
  padding:16px!important;
  border:1px solid #d6e0ea!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(15,23,42,.045)!important;
}

/* The popup has enough width for sensible form grids. */
.srb-section-editor-body .srb-two{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.srb-section-editor-body .srb-three{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
.srb-section-editor-body input,
.srb-section-editor-body select{
  min-height:39px!important;
  font-size:14px!important;
}
.srb-section-editor-body textarea{
  font-size:14px!important;
  line-height:1.4!important;
}
.srb-section-editor-body .srb-entry{
  padding:13px!important;
  margin-bottom:10px!important;
  border:1px solid #dce4ed!important;
  border-radius:10px!important;
  background:#fbfcfe!important;
}

/* Additional section popup can show several logical cards without sidebar squeeze. */
.srb-section-editor-body .srb-optional-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.srb-section-editor-body .srb-publication-import-panel{
  max-width:none!important;
}

/* Sticky save/cancel footer. */
.srb-section-editor-actions{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:9px!important;
  padding:9px 16px 10px!important;
  border-top:1px solid #dce4ed!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 -4px 12px rgba(15,23,42,.045)!important;
}
.srb-section-editor-actions .srb-btn{
  min-height:38px!important;
  padding:7px 13px!important;
  border-radius:8px!important;
  font-size:13.5px!important;
}
#srb-section-editor-save{
  background:linear-gradient(135deg,#033c73 0%,#1268fb 100%)!important;
}

/* Old guide navigation belongs to the retired sidebar workflow. */
.srb-guide-actions{
  display:none!important;
}

body.srb-section-editor-open{
  overflow:hidden!important;
}

/* Right controls remain compact and the preview receives the freed width. */
body.srb-page .srb-app .srb-right-column{
  background:linear-gradient(180deg,rgba(235,249,248,.62),rgba(247,250,253,.74))!important;
}
body.srb-page .srb-app .srb-center-column{
  min-width:0!important;
}

/* Tablet/mobile: controls stack beneath preview, modal remains full-width friendly. */
@media screen and (max-width:1100px){
  body.srb-page .srb-app .srb-layout{
    display:block!important;
  }
  body.srb-page .srb-app .srb-right-column{
    margin-top:14px!important;
  }
  body.srb-page .srb-app .srb-stepper{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media screen and (max-width:700px){
  body.srb-page .srb-app .srb-stepper{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .srb-section-editor-backdrop{
    inset:64px 0 0!important;
    padding:6px!important;
  }
  .srb-section-editor-dialog{
    width:100%!important;
    max-height:calc(100vh - 72px)!important;
    border-radius:12px!important;
  }
  .srb-section-editor-head{
    min-height:52px!important;
    padding:8px 12px!important;
  }
  .srb-section-editor-head h3{
    font-size:18px!important;
  }
  .srb-section-editor-body{
    padding:10px 9px 4px!important;
  }
  .srb-section-editor-body .srb-two,
  .srb-section-editor-body .srb-three,
  .srb-section-editor-body .srb-optional-grid{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   v1.25.1 — 11-section left rail + unified modal UI
   ========================================================= */

/* Old horizontal stepper is retired. */
body.srb-page .srb-app #srb-stepper{
  display:none!important;
}

/* Desktop workspace: navigation rail + large preview + compact controls. */
@media screen and (min-width:1101px){
  body.srb-page .srb-app .srb-layout{
    display:grid!important;
    grid-template-columns:178px minmax(0,1fr) 276px!important;
    gap:16px!important;
    align-items:start!important;
  }
  body.srb-page .srb-app .srb-section-rail{
    grid-column:1!important;
    grid-row:1!important;
    position:sticky!important;
    top:92px!important;
  }
  body.srb-page .srb-app .srb-center-column{
    grid-column:2!important;
    grid-row:1!important;
    width:auto!important;
    max-width:none!important;
    margin-top:0!important;
  }
  body.srb-page .srb-app .srb-right-column{
    grid-column:3!important;
    grid-row:1!important;
    width:auto!important;
    max-width:none!important;
    margin-top:0!important;
  }
}

/* Hidden source forms remain in DOM only so current data logic stays stable. */
body.srb-page .srb-app .srb-left-column{
  display:none!important;
}

/* HRThink left navigation rail. */
.srb-section-rail{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:9px!important;
  border:1px solid #c4d9f5!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#033c73 0%,#064e96 100%)!important;
  box-shadow:0 8px 22px rgba(3,60,115,.14)!important;
}
.srb-section-rail-head{
  padding:6px 7px 8px!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
  margin-bottom:2px!important;
}
.srb-section-rail-head strong{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
}
.srb-section-rail-head small{
  display:block!important;
  margin-top:2px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:9.5px!important;
}
.srb-section-launch{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:8px!important;
  width:100%!important;
  min-height:42px!important;
  padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
}
.srb-section-launch:hover{
  background:rgba(255,255,255,.14)!important;
}
.srb-section-launch span{
  grid-row:1 / span 2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:27px!important;
  height:27px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
}
.srb-section-launch strong{
  min-width:0!important;
  color:inherit!important;
  font-size:12.5px!important;
  line-height:1.12!important;
  font-weight:800!important;
}
.srb-section-launch small{
  grid-column:2!important;
  color:rgba(255,255,255,.66)!important;
  font-size:8.8px!important;
  line-height:1.05!important;
}
.srb-section-launch.active{
  background:#fff!important;
  color:#033c73!important;
  border-color:#fff!important;
  box-shadow:0 3px 9px rgba(0,0,0,.13)!important;
}
.srb-section-launch.active span{
  background:#e8f0fb!important;
  color:#033c73!important;
}
.srb-section-launch.active small{
  color:#617895!important;
}

/* ---------- Unified popup visual language ---------- */
.srb-section-editor-dialog,
.srb-publication-review-dialog{
  font-family:inherit!important;
  color:#111827!important;
  border-radius:16px!important;
}

/* Same HRThink header treatment as Publications. */
.srb-section-editor-head,
.srb-publication-review-dialog .srb-modal-head{
  min-height:56px!important;
  padding:9px 17px!important;
  background:linear-gradient(135deg,#033c73 0%,#064e96 58%,#1268fb 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 4px 14px rgba(3,60,115,.16)!important;
}
.srb-section-editor-head h3,
.srb-publication-review-dialog .srb-modal-head h3{
  margin:0!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1.12!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}
.srb-section-editor-kicker{
  color:rgba(255,255,255,.72)!important;
  font-size:9px!important;
}
.srb-section-editor-close,
.srb-publication-review-dialog .srb-modal-close{
  width:35px!important;
  height:35px!important;
  min-width:35px!important;
  min-height:35px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
}

/* Same page background and card rhythm as Publications. */
.srb-section-editor-body{
  padding:10px 14px 5px!important;
  background:#f7f9fc!important;
}
.srb-section-editor-body > .srb-guide-card,
.srb-section-editor-body > .srb-opt-section{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0 0 10px!important;
  padding:13px!important;
  border:1px solid #ced9e6!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(15,23,42,.045)!important;
}

/* Consistent typography. */
.srb-section-editor-body h3,
.srb-section-editor-body h4{
  margin-top:0!important;
  color:#17355f!important;
  font-size:16px!important;
  font-weight:800!important;
}
.srb-section-editor-body .srb-help,
.srb-section-editor-body small{
  color:#667085!important;
  font-size:11.5px!important;
  line-height:1.35!important;
}
.srb-section-editor-body label,
.srb-section-editor-body .srb-field-label{
  color:#334155!important;
  font-size:11.5px!important;
  font-weight:800!important;
}

/* Engraved / inset fields, black entered text. */
.srb-section-editor-body input[type="text"],
.srb-section-editor-body input[type="email"],
.srb-section-editor-body input[type="tel"],
.srb-section-editor-body input[type="url"],
.srb-section-editor-body input:not([type]),
.srb-section-editor-body textarea,
.srb-section-editor-body select{
  box-sizing:border-box!important;
  min-height:36px!important;
  padding:7px 9px!important;
  border:1px solid #bcc9d8!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#f8fafc 0%,#ffffff 42%,#ffffff 100%)!important;
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  font-size:14px!important;
  font-weight:550!important;
  line-height:1.3!important;
  box-shadow:
    inset 0 1px 2px rgba(15,23,42,.10),
    0 1px 0 rgba(255,255,255,.9)!important;
}
.srb-section-editor-body textarea{
  min-height:76px!important;
}
.srb-section-editor-body input::placeholder,
.srb-section-editor-body textarea::placeholder{
  color:#8a95a5!important;
  -webkit-text-fill-color:#8a95a5!important;
}
.srb-section-editor-body input:focus,
.srb-section-editor-body textarea:focus,
.srb-section-editor-body select:focus{
  outline:none!important;
  border-color:#5f78d8!important;
  box-shadow:
    inset 0 1px 2px rgba(15,23,42,.08),
    0 0 0 3px rgba(18,104,251,.11)!important;
}

/* Repeating records mimic the Publications record cards. */
.srb-section-editor-body .srb-entry{
  margin:0 0 10px!important;
  padding:0 12px 12px!important;
  overflow:hidden!important;
  border:1px solid #ced9e6!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(15,23,42,.04)!important;
}
.srb-section-editor-body .srb-entry-head{
  margin:0 -12px 10px!important;
  padding:7px 12px!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:linear-gradient(90deg,#dce8f7 0%,#e9f1fb 100%)!important;
  border-bottom:1px solid #c9d8e8!important;
}
.srb-section-editor-body .srb-entry-head strong{
  color:#17355f!important;
  font-size:14px!important;
  font-weight:800!important;
}

/* Wide modal grids instead of narrow-sidebar stacking. */
.srb-section-editor-body .srb-two{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.srb-section-editor-body .srb-three{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.srb-section-editor-body .srb-card-title{
  gap:10px!important;
  align-items:center!important;
}

/* Buttons use same hierarchy as Publications. */
.srb-section-editor-body .srb-mini-btn,
.srb-section-editor-body .srb-btn,
.srb-section-editor-actions .srb-btn{
  border-radius:8px!important;
  font-size:13px!important;
  font-weight:750!important;
}
#srb-section-editor-save{
  background:linear-gradient(135deg,#033c73 0%,#1268fb 100%)!important;
  border-color:#033c73!important;
}

/* Optional section fragments shown alone should not carry old hidden-state styling. */
.srb-section-editor-body .srb-opt-section{
  opacity:1!important;
}
.srb-section-editor-body .srb-opt-section > .srb-card-title{
  margin-bottom:8px!important;
}

/* Right rail stays compact; preview gets the extra space. */
body.srb-page .srb-app .srb-right-column{
  background:linear-gradient(180deg,rgba(235,249,248,.62),rgba(247,250,253,.74))!important;
}

/* Tablet/mobile: navigation becomes a compact grid above the preview. */
@media screen and (max-width:1100px){
  body.srb-page .srb-app .srb-layout{
    display:block!important;
  }
  .srb-section-rail{
    position:relative!important;
    top:auto!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    margin-bottom:12px!important;
  }
  .srb-section-rail-head{
    grid-column:1 / -1!important;
  }
  body.srb-page .srb-app .srb-right-column{
    margin-top:14px!important;
  }
}
@media screen and (max-width:700px){
  .srb-section-rail{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .srb-section-editor-body .srb-two,
  .srb-section-editor-body .srb-three{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   v1.25.2 — Balanced side rails + full-width popup content
   ========================================================= */

/* Equal-width navigation and control sidebars for a balanced workspace. */
@media screen and (min-width:1101px){
  body.srb-page .srb-app .srb-layout{
    grid-template-columns:250px minmax(0,1fr) 250px!important;
    gap:16px!important;
  }
}

/*
 * Guidance callouts were designed for the old narrow sidebar, so they retained
 * a small fixed/max width after being moved into the popup. In the modal they
 * now become proper full-width guidance banners.
 */
.srb-section-editor-body .srb-tip,
.srb-section-editor-body .srb-guide-tip,
.srb-section-editor-body .srb-callout,
.srb-section-editor-body .srb-writing-tip,
.srb-section-editor-body [class*="tip"],
.srb-section-editor-body [class*="callout"]{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* Existing guidance block in Experience and similar sections. */
.srb-section-editor-body .srb-help-box,
.srb-section-editor-body .srb-example-box{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:8px 0 10px!important;
}

/* Any direct informational block before repeating records should fill the card. */
.srb-section-editor-body > .srb-guide-card > div:not(.srb-card-title):not(.srb-entry):not([id]){
  max-width:none!important;
}

/* Make card headings/actions use the available modal width cleanly. */
.srb-section-editor-body .srb-card-title{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

/* Experience guidance: remove old narrow-sidebar width constraint explicitly. */
.srb-section-editor-body .srb-guide-card[data-guide="experience"] > p,
.srb-section-editor-body .srb-guide-card[data-guide="experience"] > .srb-help{
  max-width:none!important;
}

/* Common old sidebar callout patterns. */
.srb-section-editor-body .srb-coach,
.srb-section-editor-body .srb-coach-note,
.srb-section-editor-body .srb-writing-coach{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:8px 0 10px!important;
  padding:10px 12px!important;
}

/* Ensure the modal's immediate content never inherits old narrow column widths. */
.srb-section-editor-body .srb-guide-card > *{
  box-sizing:border-box!important;
}
.srb-section-editor-body .srb-guide-card > div{
  max-width:100%!important;
}

/* Balanced tablet layout still stacks normally. */
@media screen and (max-width:1100px){
  body.srb-page .srb-app .srb-layout{
    display:block!important;
  }
}


/* =========================================================
   v1.25.3 — Tighter preview lane + wider balanced side rails
   ========================================================= */

/*
 * The A4 preview itself has a fixed visual width, so the center grid lane no
 * longer needs to absorb all remaining desktop space. Keep only a modest
 * gutter around the page and distribute the recovered width equally to both
 * side rails.
 */
@media screen and (min-width:1101px){
  body.srb-page .srb-app .srb-layout{
    grid-template-columns:
      minmax(292px,1fr)
      minmax(794px,830px)
      minmax(292px,1fr)!important;
    column-gap:16px!important;
    justify-content:stretch!important;
  }

  body.srb-page .srb-app .srb-section-rail,
  body.srb-page .srb-app .srb-right-column{
    width:100%!important;
    min-width:292px!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }

  body.srb-page .srb-app .srb-center-column{
    width:100%!important;
    min-width:0!important;
    max-width:830px!important;
    justify-self:center!important;
    box-sizing:border-box!important;
  }

  /*
   * Reduce the decorative empty gutter around the actual A4 sheet. The stage
   * remains centered and the resume itself keeps its native A4 dimensions.
   */
  body.srb-page .srb-app .srb-center-column{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  body.srb-page .srb-app .srb-preview-stage{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Give the right-side utility cards more useful horizontal breathing room. */
body.srb-page .srb-app .srb-right-column .srb-card{
  padding-left:18px!important;
  padding-right:18px!important;
}

body.srb-page .srb-app .srb-right-column .srb-help{
  max-width:none!important;
}

/* The left rail can now use its added width for cleaner labels. */
.srb-section-launch{
  column-gap:10px!important;
}
.srb-section-launch strong{
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* At narrower desktop widths, keep the preview usable before stacking. */
@media screen and (min-width:1101px) and (max-width:1450px){
  body.srb-page .srb-app .srb-layout{
    grid-template-columns:
      minmax(250px,1fr)
      minmax(760px,800px)
      minmax(250px,1fr)!important;
  }
  body.srb-page .srb-app .srb-section-rail,
  body.srb-page .srb-app .srb-right-column{
    min-width:250px!important;
  }
  body.srb-page .srb-app .srb-center-column{
    max-width:800px!important;
  }
}


/* =========================================================
   v1.25.4 — HRThink two-tier Resume Builder header
   ========================================================= */

/*
 * Match the Publication Manager visual language:
 * dark HRThink title band + lighter control band below.
 */
body.srb-page .srb-app .srb-builder-toolbar{
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #c7d7e8!important;
  border-radius:16px!important;
  background:#eef3f9!important;
  box-shadow:0 7px 20px rgba(3,60,115,.10)!important;
}

/* Dark product-heading strip. */
body.srb-page .srb-app .srb-builder-toolbar-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:64px!important;
  padding:12px 20px!important;
  box-sizing:border-box!important;
  background:linear-gradient(135deg,#033c73 0%,#064e96 58%,#1268fb 100%)!important;
  border:0!important;
  color:#fff!important;
}

body.srb-page .srb-app .srb-builder-toolbar-head h2{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.12!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}

body.srb-page .srb-app .srb-builder-toolbar-head p{
  margin:3px 0 0!important;
  color:rgba(255,255,255,.80)!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}

/* Lighter operational control strip beneath the title. */
body.srb-page .srb-app .srb-builder-toolbar-controls{
  display:grid!important;
  grid-template-columns:minmax(240px,1.25fr) minmax(220px,1fr) auto!important;
  align-items:end!important;
  gap:14px!important;
  padding:11px 16px 12px!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,#eef3f9 0%,#e8f0fb 100%)!important;
  border-top:1px solid rgba(255,255,255,.5)!important;
}

/* Every operational control follows the same compact label/input rhythm. */
body.srb-page .srb-app .srb-builder-control{
  min-width:0!important;
}

body.srb-page .srb-app .srb-builder-control > label,
body.srb-page .srb-app .srb-template-quick .srb-template-card label{
  display:block!important;
  margin:0 0 4px!important;
  color:#334155!important;
  font-size:11.5px!important;
  line-height:1.1!important;
  font-weight:800!important;
}

body.srb-page .srb-app .srb-name-control-line{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}

body.srb-page .srb-app .srb-name-row input{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 10px!important;
  box-sizing:border-box!important;
  border:1px solid #b9cbe0!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  font-size:14px!important;
  font-weight:600!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.08),0 1px 0 rgba(255,255,255,.85)!important;
}

/* Template chooser fits as a peer to Resume name. */
body.srb-page .srb-app .srb-template-quick{
  display:block!important;
  min-width:0!important;
}

body.srb-page .srb-app .srb-template-quick .srb-template-card{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.srb-page .srb-app .srb-template-quick .srb-template-card select{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid #b9cbe0!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  font-size:14px!important;
  font-weight:650!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.08),0 1px 0 rgba(255,255,255,.85)!important;
}

body.srb-page .srb-app .srb-template-quick .srb-template-card small{
  display:none!important;
}

/* Actions align to the right edge of the light band. */
body.srb-page .srb-app .srb-builder-toolbar-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  margin:0!important;
}

body.srb-page .srb-app .srb-builder-toolbar-actions .srb-btn,
body.srb-page .srb-app .srb-builder-toolbar-actions .srb-link-btn{
  min-height:38px!important;
  height:38px!important;
  padding:7px 12px!important;
  border-radius:9px!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:750!important;
}

/* Keep save status unobtrusive beside Resume name. */
body.srb-page .srb-app .srb-builder-toolbar .srb-save-status{
  flex:0 0 auto!important;
  max-width:110px!important;
  color:#52647a!important;
  font-size:10.5px!important;
  line-height:1.15!important;
}

/* Tablet: controls become two rows while keeping the header treatment. */
@media screen and (max-width:1100px){
  body.srb-page .srb-app .srb-builder-toolbar-controls{
    grid-template-columns:1fr 1fr!important;
  }
  body.srb-page .srb-app .srb-builder-toolbar-actions{
    grid-column:1 / -1!important;
    justify-content:flex-start!important;
  }
}

/* Mobile: simple vertical control stack. */
@media screen and (max-width:650px){
  body.srb-page .srb-app .srb-builder-toolbar-head{
    min-height:56px!important;
    padding:10px 14px!important;
  }
  body.srb-page .srb-app .srb-builder-toolbar-head h2{
    font-size:20px!important;
  }
  body.srb-page .srb-app .srb-builder-toolbar-head p{
    font-size:11.5px!important;
  }
  body.srb-page .srb-app .srb-builder-toolbar-controls{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:10px 12px!important;
  }
  body.srb-page .srb-app .srb-builder-toolbar-actions{
    grid-column:auto!important;
    flex-wrap:wrap!important;
  }
}


/* =========================================================
   v1.25.5 — Section-to-section popup navigation + tighter page start
   ========================================================= */

/* Move the builder modestly upward while retaining comfortable header clearance. */
body.srb-page #Content{
  padding-top:94px!important;
}

/* Generic editor footer: navigation on left, save/cancel on right. */
.srb-section-editor-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.srb-section-editor-nav,
.srb-section-editor-primary-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.srb-section-editor-nav .srb-btn{
  min-width:108px!important;
}
.srb-section-editor-nav .srb-btn:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
}

/* Publication manager gets the same left/right footer architecture. */
.srb-publication-review-dialog .srb-modal-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.srb-publication-modal-nav,
.srb-publication-primary-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.srb-publication-modal-nav .srb-btn{
  min-width:108px!important;
}
.srb-publication-modal-nav .srb-btn:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
}

/* Keep the left navigation buttons visually secondary. */
#srb-section-editor-prev,
#srb-section-editor-next,
#srb-publication-prev,
#srb-publication-next{
  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;
}

/* Responsive footer: wrap cleanly rather than squeezing buttons. */
@media screen and (max-width:700px){
  .srb-section-editor-actions,
  .srb-publication-review-dialog .srb-modal-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .srb-section-editor-nav,
  .srb-section-editor-primary-actions,
  .srb-publication-modal-nav,
  .srb-publication-primary-actions{
    width:100%!important;
    justify-content:space-between!important;
  }
}


/* =========================================================
   v1.25.6 — Sidebar alignment + typography consistency
   ========================================================= */

/*
 * Left rail: vertically center each section label with its numbered badge.
 * The "More" item may still carry its small secondary descriptor below.
 */
.srb-section-launch{
  align-items:center!important;
}

.srb-section-launch > span{
  align-self:center!important;
}

.srb-section-launch > strong{
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  min-height:27px!important;
  margin:0!important;
  padding:0!important;
  font-size:12.5px!important;
  line-height:1.15!important;
  font-weight:800!important;
}

/* Ordinary one-line items use a single centered row. */
.srb-section-launch:not(:has(> small)){
  grid-template-rows:1fr!important;
}

.srb-section-launch:not(:has(> small)) > span{
  grid-row:1!important;
}

.srb-section-launch:not(:has(> small)) > strong{
  grid-row:1!important;
}

/* More keeps its descriptor while the primary label stays aligned to the badge. */
.srb-section-launch:has(> small) > span{
  grid-row:1 / span 2!important;
}
.srb-section-launch:has(> small) > strong{
  align-self:end!important;
  min-height:auto!important;
}
.srb-section-launch:has(> small) > small{
  align-self:start!important;
  margin-top:1px!important;
}

/*
 * Right sidebar: use the same primary typography scale as the left rail.
 * This overrides older larger utility-card text that made the two rails
 * visually inconsistent.
 */
body.srb-page .srb-app .srb-right-column{
  font-size:12.5px!important;
}

body.srb-page .srb-app .srb-right-column label,
body.srb-page .srb-app .srb-right-column .srb-visibility-row,
body.srb-page .srb-app .srb-right-column .srb-order-row,
body.srb-page .srb-app .srb-right-column .srb-section-row{
  font-size:12.5px!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:#1f2937!important;
}

body.srb-page .srb-app .srb-right-column .srb-help,
body.srb-page .srb-app .srb-right-column p,
body.srb-page .srb-app .srb-right-column small{
  font-size:11.5px!important;
  line-height:1.4!important;
  color:#667085!important;
}

/* Right card headings remain hierarchical but no longer oversized. */
body.srb-page .srb-app .srb-right-column h3{
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:#1f2937!important;
}


/* v1.26.8 — References */
.srb-section-editor-body .srb-references-card .srb-card-title{margin-bottom:10px!important}
.srb-section-editor-body .srb-reference-entry{padding-bottom:12px!important}
#section-references .reference-entry{margin-bottom:10px!important}
#section-references .reference-entry:last-child{margin-bottom:0!important}


/* =========================================================
   v1.26.9 — Right sidebar mirrors the left navigation rail
   ========================================================= */
body.srb-page .srb-app .srb-right-column{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:9px!important;
  border:1px solid #c4d9f5!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#033c73 0%,#064e96 100%)!important;
  box-shadow:0 8px 22px rgba(3,60,115,.14)!important;
  font-family:inherit!important;
  color:#fff!important;
  box-sizing:border-box!important;
}

/* Each utility block becomes a rail panel rather than a separate white card. */
body.srb-page .srb-app .srb-right-column > .srb-card{
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.srb-page .srb-app .srb-right-column > .srb-card:first-child,
body.srb-page .srb-app .srb-right-column > .srb-card:nth-child(2){
  border-top:1px solid rgba(255,255,255,.12)!important;
}

/* Headings use the same white hierarchy as Resume Sections. */
body.srb-page .srb-app .srb-right-column > .srb-card > h3,
body.srb-page .srb-app .srb-right-column > .srb-card > .srb-card-title{
  margin:0!important;
  padding:10px 11px 4px!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
}
body.srb-page .srb-app .srb-right-column > .srb-card > h3,
body.srb-page .srb-app .srb-right-column > .srb-card > .srb-card-title h3{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

/* Helper copy mirrors the left rail subtitle. */
body.srb-page .srb-app .srb-right-column > .srb-card > .srb-help,
body.srb-page .srb-app .srb-right-column > .srb-card > .srb-card-title .srb-help{
  margin:0!important;
  padding:0 11px 9px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  font-weight:500!important;
  max-width:none!important;
}
body.srb-page .srb-app .srb-right-column > .srb-card > .srb-card-title .srb-help{
  padding:2px 0 5px!important;
}

/* Show on Resume rows now look like the left navigation buttons. */
body.srb-page .srb-app .srb-right-column .srb-visibility-list{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:0 7px 8px!important;
}
body.srb-page .srb-app .srb-right-column .srb-visibility-row{
  min-height:39px!important;
  margin:0!important;
  padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-size:12.5px!important;
  line-height:1.12!important;
  font-weight:800!important;
  box-sizing:border-box!important;
}
body.srb-page .srb-app .srb-right-column .srb-visibility-row:hover{
  background:rgba(255,255,255,.14)!important;
}
body.srb-page .srb-app .srb-right-column .srb-visibility-row input[type="checkbox"]{
  width:17px!important;
  height:17px!important;
  margin:0!important;
  accent-color:#fff!important;
}

/* Section Order uses the same row scale, spacing, borders and typography. */
body.srb-page .srb-app .srb-right-column .srb-order-list{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  margin:0!important;
  padding:0 7px 8px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.srb-page .srb-app .srb-right-column #srb-section-order .srb-order-item{
  min-height:39px!important;
  margin:0!important;
  padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-size:12.5px!important;
  line-height:1.12!important;
  font-weight:800!important;
  box-sizing:border-box!important;
}
body.srb-page .srb-app .srb-right-column #srb-section-order .srb-order-item:hover{
  background:rgba(255,255,255,.14)!important;
}
body.srb-page .srb-app .srb-right-column .srb-order-label{
  color:#fff!important;
  font-size:12.5px!important;
  line-height:1.12!important;
  font-weight:800!important;
}
body.srb-page .srb-app .srb-right-column .srb-order-grip{
  color:rgba(255,255,255,.60)!important;
}
body.srb-page .srb-app .srb-right-column .srb-order-buttons .srb-order-arrow{
  width:25px!important;
  height:25px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.srb-page .srb-app .srb-right-column .srb-order-buttons .srb-order-arrow:hover:not(:disabled){
  background:rgba(255,255,255,.22)!important;
}
body.srb-page .srb-app .srb-right-column .srb-order-buttons .srb-order-arrow:disabled{
  opacity:.35!important;
}

/* Any future right-rail utility card inherits the same compact typography. */
body.srb-page .srb-app .srb-right-column input,
body.srb-page .srb-app .srb-right-column select,
body.srb-page .srb-app .srb-right-column textarea,
body.srb-page .srb-app .srb-right-column button{
  font-family:inherit!important;
}


/* =========================================================
   v1.26.10 — Simplified right rail: one container, two sections
   ========================================================= */

/*
 * The blue right rail itself is the only card.
 * Remove the nested-card appearance from Show on Resume
 * and Section Order.
 */
body.srb-page .srb-app .srb-right-column{
  gap:0!important;
  padding:9px!important;
  font-family:inherit!important;
}

body.srb-page .srb-app .srb-right-column > .srb-card{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* First section starts directly inside the main rail. */
body.srb-page .srb-app .srb-right-column > .srb-card:first-child{
  padding-bottom:10px!important;
}

/*
 * Second section is visually separated only by a subtle divider
 * and breathing room, not another card.
 */
body.srb-page .srb-app .srb-right-column > .srb-card + .srb-card{
  margin-top:4px!important;
  padding-top:11px!important;
  border-top:1px solid rgba(255,255,255,.24)!important;
}

/* Headings match the left rail header exactly in scale and weight. */
body.srb-page .srb-app .srb-right-column > .srb-card > h3,
body.srb-page .srb-app .srb-right-column > .srb-card > .srb-card-title,
body.srb-page .srb-app .srb-right-column > .srb-card > .srb-card-title h3{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
}

body.srb-page .srb-app .srb-right-column > .srb-card > h3,
body.srb-page .srb-app .srb-right-column > .srb-card > .srb-card-title h3{
  padding:6px 7px 0!important;
  font-family:inherit!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

/* Helper text uses the exact left-rail subtitle scale. */
body.srb-page .srb-app .srb-right-column > .srb-card > .srb-help,
body.srb-page .srb-app .srb-right-column > .srb-card > .srb-card-title .srb-help{
  margin:0!important;
  padding:2px 7px 8px!important;
  max-width:none!important;
  color:rgba(255,255,255,.68)!important;
  font-family:inherit!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  font-weight:400!important;
}

/*
 * Rows match the left navigation item typography and geometry,
 * but without the numbered badge.
 */
body.srb-page .srb-app .srb-right-column .srb-visibility-list,
body.srb-page .srb-app .srb-right-column .srb-order-list{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.srb-page .srb-app .srb-right-column .srb-visibility-row,
body.srb-page .srb-app .srb-right-column #srb-section-order .srb-order-item{
  min-height:42px!important;
  margin:0!important;
  padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:12.5px!important;
  line-height:1.12!important;

  /*
   * The right rail looked heavier than the left even at the same nominal
   * weight because utility-card rules were stacking bold styles. 700 gives
   * the same apparent weight as the left rail label in this context.
   */
  font-weight:700!important;
  letter-spacing:0!important;
  box-sizing:border-box!important;
}

body.srb-page .srb-app .srb-right-column .srb-visibility-row > span,
body.srb-page .srb-app .srb-right-column .srb-order-label{
  color:#fff!important;
  font-family:inherit!important;
  font-size:12.5px!important;
  line-height:1.12!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

body.srb-page .srb-app .srb-right-column .srb-visibility-row:hover,
body.srb-page .srb-app .srb-right-column #srb-section-order .srb-order-item:hover{
  background:rgba(255,255,255,.14)!important;
}

/* Keep controls quiet so row labels remain the visual focus. */
body.srb-page .srb-app .srb-right-column .srb-visibility-row input[type="checkbox"]{
  width:17px!important;
  height:17px!important;
  margin:0!important;
  accent-color:#fff!important;
}

body.srb-page .srb-app .srb-right-column .srb-order-buttons .srb-order-arrow{
  width:25px!important;
  height:25px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:none!important;
}

body.srb-page .srb-app .srb-right-column .srb-order-grip{
  opacity:.62!important;
}


/* =========================================================
   v1.26.12 — Working Final Review header modal
   ========================================================= */
body.srb-page .srb-app .srb-review-header-btn{white-space:nowrap!important}

/* Keep original review engine in DOM but out of the editor flow. */
.srb-guide-card[data-guide="review"]{display:none!important}

.srb-review-modal-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(6,20,38,.56)!important;
  backdrop-filter:blur(3px)!important;
}
.srb-review-modal-overlay[hidden]{display:none!important}
.srb-review-modal-dialog{
  width:min(1040px,calc(100vw - 48px))!important;
  max-height:calc(100vh - 48px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid #c4d9f5!important;
  border-radius:18px!important;
  background:#f5f8fc!important;
  box-shadow:0 28px 80px rgba(2,47,90,.26)!important;
}
.srb-review-modal-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:18px 22px!important;
  background:linear-gradient(135deg,#033c73 0%,#064e96 58%,#1268fb 100%)!important;
  color:#fff!important;
}
.srb-review-modal-head h2{
  margin:2px 0 4px!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.12!important;
  font-weight:800!important;
}
.srb-review-modal-head p{
  margin:0!important;
  max-width:760px!important;
  color:rgba(255,255,255,.80)!important;
  font-size:12.5px!important;
  line-height:1.4!important;
}
.srb-review-kicker{
  display:block!important;
  color:#f7d585!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.srb-review-modal-close{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.srb-review-modal-body{
  overflow:auto!important;
  padding:20px 22px!important;
}
.srb-review-modal-body .srb-final-review{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.srb-review-modal-body .srb-final-review-head{
  margin-bottom:14px!important;
}
.srb-review-modal-body .srb-final-review-head > div:first-child,
.srb-review-modal-body #srb-run-final-review{
  display:none!important;
}
.srb-review-modal-body .srb-review-overview{margin-bottom:16px!important}
.srb-review-modal-foot{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  padding:14px 22px!important;
  border-top:1px solid #d7e2ef!important;
  background:#fff!important;
}
body.srb-review-modal-open{overflow:hidden!important}

@media (max-width:700px){
  .srb-review-modal-overlay{padding:10px!important}
  .srb-review-modal-dialog{
    width:calc(100vw - 20px)!important;
    max-height:calc(100vh - 20px)!important;
  }
  .srb-review-modal-head,.srb-review-modal-body{padding:15px!important}
  .srb-review-modal-foot{padding:12px 15px!important}
}


/* =========================================================
   v1.26.13 — Compact two-column Final Review report
   ========================================================= */
.srb-review-modal-dialog{
  width:min(1180px,calc(100vw - 40px))!important;
  max-height:calc(100vh - 28px)!important;
}
.srb-review-modal-head{
  padding:14px 20px!important;
}
.srb-review-modal-head h2{
  font-size:22px!important;
  margin:1px 0 3px!important;
}
.srb-review-modal-head p{
  font-size:11.5px!important;
  line-height:1.3!important;
}
.srb-review-modal-body{
  padding:14px 18px 12px!important;
  overflow:auto!important;
}
.srb-review-modal-foot{
  padding:10px 18px!important;
}

/* All four headline metrics on one row. */
.srb-review-modal-body .srb-review-overview{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0 0 11px!important;
}
.srb-review-modal-body .srb-review-readiness,
.srb-review-modal-body .srb-review-stat{
  min-height:72px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
}
.srb-review-modal-body .srb-review-readiness span,
.srb-review-modal-body .srb-review-stat span{
  display:block!important;
  margin:0 0 2px!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:500!important;
  color:#667085!important;
}
.srb-review-modal-body .srb-review-readiness strong,
.srb-review-modal-body .srb-review-stat strong{
  display:block!important;
  margin:0!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:800!important;
}
.srb-review-modal-body .srb-review-readiness small{
  display:block!important;
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.15!important;
  color:#667085!important;
}

/* Four review categories arranged as a 2 x 2 report grid. */
.srb-review-modal-body .srb-review-groups{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:start!important;
}
.srb-review-modal-body .srb-review-group{
  width:100%!important;
  min-width:0!important;
  padding:10px 12px 8px!important;
  border:1px solid #dfe7ef!important;
  border-radius:11px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.srb-review-modal-body .srb-review-group h4{
  margin:0 0 7px!important;
  padding:0 0 7px!important;
  border-bottom:1px solid #e8edf3!important;
  color:#20242b!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:750!important;
}

/* Slight indentation gives every check a clearer hierarchy. */
.srb-review-modal-body .srb-review-group > div{
  padding-left:5px!important;
}
.srb-review-modal-body .srb-review-item{
  min-height:30px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:0!important;
  padding:5px 6px 5px 9px!important;
  border-top:1px solid #edf1f5!important;
  background:transparent!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.srb-review-modal-body .srb-review-item:first-child{
  border-top:0!important;
}

/*
 * White circular status badge:
 * green tick = passed
 * red cross = needs attention
 */
.srb-review-modal-body .srb-review-icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  margin-top:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 0 1.5px currentColor!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
}
.srb-review-modal-body .srb-review-item.pass .srb-review-icon{
  color:#2f8a46!important;
  background:#fff!important;
}
.srb-review-modal-body .srb-review-item.warning .srb-review-icon,
.srb-review-modal-body .srb-review-item.critical .srb-review-icon{
  color:#c43c3c!important;
  background:#fff!important;
}

/* Lighter text weight than the old report, with compact line height. */
.srb-review-modal-body .srb-review-copy{
  flex:1 1 auto!important;
  min-width:0!important;
  padding-top:1px!important;
}
.srb-review-modal-body .srb-review-copy strong{
  display:block!important;
  color:#2a2e35!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
.srb-review-modal-body .srb-review-copy p{
  margin:2px 0 0!important;
  color:#6b7280!important;
  font-size:9.5px!important;
  line-height:1.28!important;
  font-weight:400!important;
}
.srb-review-modal-body .srb-review-actions{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  flex:0 0 auto!important;
}
.srb-review-modal-body .srb-review-jump,
.srb-review-modal-body .srb-review-ignore{
  min-height:24px!important;
  padding:3px 7px!important;
  border-radius:6px!important;
  font-size:9px!important;
  line-height:1!important;
}

/* Keep ignored spelling summary compact as well. */
.srb-review-modal-body .srb-review-ignore-summary{
  margin-top:6px!important;
  padding:6px 8px!important;
  font-size:9.5px!important;
}

/* Desktop should normally fit without report scrolling. */
@media (min-width:901px) and (min-height:700px){
  .srb-review-modal-body{
    overflow:visible!important;
  }
}

/* Graceful fallback for smaller screens. */
@media (max-width:900px){
  .srb-review-modal-body .srb-review-overview{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .srb-review-modal-body .srb-review-groups{
    grid-template-columns:1fr!important;
  }
  .srb-review-modal-body{
    overflow:auto!important;
  }
}
@media (max-width:560px){
  .srb-review-modal-body .srb-review-overview{
    grid-template-columns:1fr!important;
  }
}


/* v1.26.14 — Balance Final Review columns
   Left: Content Completeness -> Resume Quality
   Right: ATS Safety -> Writing & Language */
@media (min-width:901px){
  .srb-review-modal-body .srb-review-groups > .srb-review-group:nth-child(1){
    grid-column:1!important;
    grid-row:1!important;
  }
  .srb-review-modal-body .srb-review-groups > .srb-review-group:nth-child(2){
    grid-column:2!important;
    grid-row:2!important;
  }
  .srb-review-modal-body .srb-review-groups > .srb-review-group:nth-child(3){
    grid-column:1!important;
    grid-row:2!important;
  }
  .srb-review-modal-body .srb-review-groups > .srb-review-group:nth-child(4){
    grid-column:2!important;
    grid-row:1!important;
  }
}


/* =========================================================
   v1.26.15 — Review issue action button
   Use HRThink theme blue instead of the old white/green state.
   ========================================================= */
.srb-review-modal-body .srb-review-item.critical .srb-review-jump,
.srb-review-modal-body .srb-review-item.warning .srb-review-jump{
  min-width:48px!important;
  min-height:26px!important;
  padding:4px 9px!important;
  border:1px solid #1268fb!important;
  border-radius:7px!important;
  background:#1268fb!important;
  color:#fff!important;
  box-shadow:0 2px 6px rgba(18,104,251,.18)!important;
  font-family:inherit!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:700!important;
  text-align:center!important;
  opacity:1!important;
  visibility:visible!important;
  cursor:pointer!important;
}
.srb-review-modal-body .srb-review-item.critical .srb-review-jump:hover,
.srb-review-modal-body .srb-review-item.warning .srb-review-jump:hover{
  border-color:#033c73!important;
  background:#033c73!important;
  color:#fff!important;
  box-shadow:0 3px 8px rgba(3,60,115,.24)!important;
  transform:none!important;
}
.srb-review-modal-body .srb-review-item.critical .srb-review-jump:focus-visible,
.srb-review-modal-body .srb-review-item.warning .srb-review-jump:focus-visible{
  outline:2px solid #64a8c6!important;
  outline-offset:2px!important;
}


/* =========================================================
   v1.26.18 — Experience guidance and header alignment
   ========================================================= */
.srb-guide-card[data-guide="experience"] .srb-experience-title-row{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:10px!important;
}
.srb-guide-card[data-guide="experience"] .srb-experience-title-row h3{
  margin:0!important;
}
.srb-guide-card[data-guide="experience"] #srb-add-experience{
  align-self:center!important;
  margin:0!important;
  flex:0 0 auto!important;
}

/* Guidance is now its own full-width row below Experience / Add Experience. */
.srb-guide-card[data-guide="experience"] .srb-experience-formula{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0 0 14px!important;
  padding:11px 14px!important;
}
.srb-experience-formula > strong{
  display:block!important;
  margin:0 0 7px!important;
  color:#344054!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.srb-bullet-formula{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:0 0 7px!important;
}
.srb-bullet-formula span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:4px 10px!important;
  border:1px solid #c4d9f5!important;
  border-radius:7px!important;
  background:#e8f0fb!important;
  color:#033c73!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:750!important;
}
.srb-bullet-formula b{
  color:#1268fb!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
}
.srb-formula-example{
  width:100%!important;
  color:#475467!important;
  font-size:10.5px!important;
  line-height:1.4!important;
  font-weight:400!important;
}
.srb-formula-example > strong{
  color:#344054!important;
  font-weight:750!important;
}
.srb-formula-example b{
  color:#033c73!important;
  font-weight:700!important;
}


/* =========================================================
   v1.26.19 — Global HRThink button hover consistency
   Primary hover: #033c73 / white
   Secondary hover: #e8f0fb / #033c73
   Destructive hover: dark red / white
   ========================================================= */

/* Primary/action buttons */
body.srb-page .srb-app .srb-btn:not(.secondary):not(.srb-btn-secondary),
body.srb-page .srb-app .srb-mini-btn,
body.srb-page .srb-section-modal .srb-btn:not(.secondary):not(.srb-btn-secondary),
body.srb-page .srb-publication-modal .srb-btn:not(.secondary):not(.srb-btn-secondary),
.srb-review-modal .srb-btn:not(.secondary):not(.srb-btn-secondary),
.srb-review-modal-body .srb-review-jump{
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
body.srb-page .srb-app .srb-btn:not(.secondary):not(.srb-btn-secondary):hover,
body.srb-page .srb-app .srb-mini-btn:hover,
body.srb-page .srb-section-modal .srb-btn:not(.secondary):not(.srb-btn-secondary):hover,
body.srb-page .srb-publication-modal .srb-btn:not(.secondary):not(.srb-btn-secondary):hover,
.srb-review-modal .srb-btn:not(.secondary):not(.srb-btn-secondary):hover,
.srb-review-modal-body .srb-review-jump:hover{
  background:#033c73!important;
  border-color:#033c73!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(3,60,115,.20)!important;
  transform:none!important;
}

/* Secondary / neutral buttons */
body.srb-page .srb-app .srb-btn.secondary:hover,
body.srb-page .srb-app .srb-btn.srb-btn-secondary:hover,
body.srb-page .srb-section-modal .srb-btn.secondary:hover,
body.srb-page .srb-section-modal .srb-btn.srb-btn-secondary:hover,
body.srb-page .srb-publication-modal .srb-btn.secondary:hover,
body.srb-page .srb-publication-modal .srb-btn.srb-btn-secondary:hover,
.srb-review-modal .srb-btn.secondary:hover,
.srb-review-modal .srb-btn.srb-btn-secondary:hover,
.srb-section-modal .srb-modal-nav-btn:hover{
  background:#e8f0fb!important;
  border-color:#b8ccd5!important;
  color:#033c73!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Remove / delete actions remain semantic red, never mint/green. */
body.srb-page .srb-app .srb-remove:hover,
body.srb-page .srb-app .srb-remove-btn:hover,
body.srb-page .srb-app button[data-remove]:hover,
body.srb-page .srb-section-modal .srb-remove:hover,
body.srb-page .srb-section-modal .srb-remove-btn:hover,
body.srb-page .srb-section-modal button[data-remove]:hover,
body.srb-page .srb-publication-modal .srb-remove:hover,
body.srb-page .srb-publication-modal .srb-remove-btn:hover,
body.srb-page .srb-publication-modal button[data-remove]:hover{
  background:#9f2f2f!important;
  border-color:#9f2f2f!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Header close controls use the same restrained theme hover. */
.srb-section-modal-close:hover,
.srb-publication-modal-close:hover,
.srb-review-modal-close:hover{
  background:rgba(255,255,255,.22)!important;
  border-color:rgba(255,255,255,.36)!important;
  color:#fff!important;
  transform:none!important;
}

/* Right-rail order arrows remain subtle controls rather than primary CTAs. */
body.srb-page .srb-app .srb-right-column .srb-order-buttons .srb-order-arrow:hover:not(:disabled){
  background:rgba(255,255,255,.22)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
  transform:none!important;
}


/* =========================================================
   v1.26.20 — Final button hover audit/fix
   Exact high-specificity overrides for Cancel + Remove.
   ========================================================= */

/* CANCEL / secondary modal actions:
   on hover use HRThink blue background and WHITE text. */
body.srb-page .srb-section-editor-modal .srb-section-editor-actions .srb-btn.secondary:hover,
body.srb-page .srb-section-editor-modal .srb-section-editor-actions .srb-btn.srb-btn-secondary:hover,
body.srb-page .srb-section-editor-modal #srb-section-editor-cancel:hover,
body.srb-page .srb-publication-review-modal #srb-cancel-publication-review:hover,
body.srb-page .srb-publication-review-modal .srb-btn.secondary:hover,
body.srb-page .srb-publication-review-modal .srb-btn.srb-btn-secondary:hover,
body.srb-page #srb-review-modal #srb-review-modal-done:hover,
body.srb-page #srb-review-modal .srb-btn.secondary:hover,
body.srb-page #srb-review-modal .srb-btn.srb-btn-secondary:hover{
  background:#1268fb!important;
  border-color:#1268fb!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(18,104,251,.18)!important;
  transform:none!important;
}

/* Previous / Next can stay light-secondary, but text must remain readable. */
body.srb-page .srb-section-editor-modal .srb-modal-nav-btn:hover,
body.srb-page .srb-section-editor-modal #srb-section-editor-prev:hover,
body.srb-page .srb-section-editor-modal #srb-section-editor-next:hover,
body.srb-page .srb-publication-review-modal #srb-publication-prev:hover,
body.srb-page .srb-publication-review-modal #srb-publication-next:hover{
  background:#e8f0fb!important;
  border-color:#b8ccd5!important;
  color:#033c73!important;
  box-shadow:none!important;
}

/* REMOVE / destructive buttons:
   force semantic red hover and neutralize any old mint/green hover rule. */
body.srb-page .srb-app .srb-remove:hover,
body.srb-page .srb-app .srb-remove-btn:hover,
body.srb-page .srb-section-editor-modal .srb-remove:hover,
body.srb-page .srb-section-editor-modal .srb-remove-btn:hover,
body.srb-page .srb-publication-review-modal .srb-remove:hover,
body.srb-page .srb-publication-review-modal .srb-remove-btn:hover,
body.srb-page button[data-remove-exp]:hover,
body.srb-page button[data-remove-edu]:hover,
body.srb-page button[data-remove-project]:hover,
body.srb-page button[data-remove-pub]:hover,
body.srb-page button[data-remove-cert]:hover,
body.srb-page button[data-remove-lang]:hover,
body.srb-page button[data-remove-award]:hover,
body.srb-page button[data-remove-vol]:hover,
body.srb-page button[data-remove-mem]:hover,
body.srb-page button[data-remove-ref]:hover,
body.srb-page button[data-remove-publication]:hover{
  background:#9f2f2f!important;
  background-color:#9f2f2f!important;
  border-color:#9f2f2f!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}

/* Also normalize non-hover destructive state to prevent inherited mint backgrounds. */
body.srb-page .srb-app .srb-remove,
body.srb-page .srb-app .srb-remove-btn,
body.srb-page button[data-remove-exp],
body.srb-page button[data-remove-edu],
body.srb-page button[data-remove-project],
body.srb-page button[data-remove-pub],
body.srb-page button[data-remove-cert],
body.srb-page button[data-remove-lang],
body.srb-page button[data-remove-award],
body.srb-page button[data-remove-vol],
body.srb-page button[data-remove-mem],
body.srb-page button[data-remove-ref],
body.srb-page button[data-remove-publication]{
  border-color:#b54343!important;
  background:#fff7f7!important;
  color:#9f2f2f!important;
}

/* Primary actions: one hover color everywhere. */
body.srb-page button.srb-mini-btn:hover,
body.srb-page button.srb-btn:not(.secondary):not(.srb-btn-secondary):hover,
body.srb-page a.srb-btn:not(.secondary):not(.srb-btn-secondary):hover,
body.srb-page #srb-confirm-publication-review:hover,
body.srb-page #srb-section-editor-save:hover,
body.srb-page #srb-add-experience:hover{
  background:#033c73!important;
  border-color:#033c73!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(3,60,115,.20)!important;
  transform:none!important;
}


/* =========================================================
   v1.26.21 — Exact Cancel hover correction
   ========================================================= */
html body.srb-page #srb-section-editor-cancel:hover,
html body.srb-page #srb-section-editor-cancel:focus:hover,
html body.srb-page #srb-section-editor-cancel:active{
  background:#1268fb!important;
  background-color:#1268fb!important;
  border-color:#1268fb!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 4px 10px rgba(18,104,251,.18)!important;
  text-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}

/* Ensure nested text/icons also inherit white if theme styles target descendants. */
html body.srb-page #srb-section-editor-cancel:hover *,
html body.srb-page #srb-section-editor-cancel:active *{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Same exact treatment for publication-manager cancel, for consistency. */
html body.srb-page #srb-cancel-publication-review:hover,
html body.srb-page #srb-cancel-publication-review:active{
  background:#1268fb!important;
  background-color:#1268fb!important;
  border-color:#1268fb!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 4px 10px rgba(18,104,251,.18)!important;
  text-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}


/* =========================================================
   v1.26.22 — Compact smart Remove controls
   ========================================================= */

/*
 * Repeated-entry Remove actions were visually oversized and competed with
 * primary actions. Normalize them everywhere to a compact destructive pill.
 */
body.srb-page .srb-app .srb-entry-head .srb-remove,
body.srb-page .srb-section-editor-modal .srb-entry-head .srb-remove,
body.srb-page .srb-publication-review-modal .srb-entry-head .srb-remove,
body.srb-page .srb-publication-review-modal .srb-remove,
body.srb-page .srb-entry .srb-remove{
  width:auto!important;
  min-width:72px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  margin:0!important;
  border:1px solid #d9a3a3!important;
  border-radius:8px!important;
  background:#fff7f7!important;
  color:#9f2f2f!important;
  font-family:inherit!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-align:center!important;
  box-shadow:none!important;
  flex:0 0 auto!important;
}

/* Keep entry headers vertically balanced with the smaller control. */
body.srb-page .srb-entry-head{
  min-height:48px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  align-items:center!important;
}

/* Hover remains semantic and consistent. */
body.srb-page .srb-app .srb-entry-head .srb-remove:hover,
body.srb-page .srb-section-editor-modal .srb-entry-head .srb-remove:hover,
body.srb-page .srb-publication-review-modal .srb-entry-head .srb-remove:hover,
body.srb-page .srb-publication-review-modal .srb-remove:hover,
body.srb-page .srb-entry .srb-remove:hover{
  background:#9f2f2f!important;
  border-color:#9f2f2f!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 3px 8px rgba(159,47,47,.16)!important;
  transform:none!important;
}

/* Focus state for keyboard use. */
body.srb-page .srb-entry-head .srb-remove:focus-visible{
  outline:2px solid #c96a6a!important;
  outline-offset:2px!important;
}

/*
 * Publication manager may render remove controls outside .srb-entry-head.
 * Keep those compact too.
 */
body.srb-page button[data-remove-publication],
body.srb-page button[data-remove-pub]{
  width:auto!important;
  min-width:72px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:700!important;
}

/* Mobile: do not let Remove expand to full width. */
@media (max-width:700px){
  body.srb-page .srb-entry-head .srb-remove{
    min-width:64px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 10px!important;
    font-size:10.5px!important;
  }
}


/* =========================================================
   v1.26.23 — Publication list style
   ========================================================= */
.publication-list-entry{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  column-gap:6px!important;
  align-items:start!important;
}
.publication-list-marker{
  color:inherit!important;
  font-weight:700!important;
  text-align:right!important;
}
.publication-bullet-marker{
  font-size:15px!important;
  line-height:1.15!important;
}
.publication-list-text{
  min-width:0!important;
}


/* =========================================================
   v1.26.24 - Publication hanging indent correction
   ========================================================= */
/* Plain entries remain flush with the publication section edge. */
.publication-citation:not(.publication-list-entry){
  display:block!important;
  margin-left:0!important;
  padding-left:0!important;
  text-indent:0!important;
}

/* Numbered/bulleted entries reserve a marker column.
   Wrapped lines stay aligned under the first line of text, never under the marker. */
.publication-list-entry{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  column-gap:7px!important;
  align-items:start!important;
  margin-left:0!important;
  padding-left:0!important;
  text-indent:0!important;
}
.publication-list-entry .publication-list-marker{
  grid-column:1!important;
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  text-align:right!important;
  font-weight:700!important;
}
.publication-list-entry .publication-list-text{
  grid-column:2!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-indent:0!important;
}


/* =========================================================
   v1.26.25 - Match numbered publication inset to bullets
   ========================================================= */

/* Numbered entries should begin at the same visual inset as bullet entries. */
.publication-list-entry:has(.publication-list-marker:not(.publication-bullet-marker)){
  margin-left:10px!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  column-gap:6px!important;
}

/* Keep bullet mode on its existing established inset. */
.publication-list-entry:has(.publication-bullet-marker){
  margin-left:0!important;
}

/* Plain mode remains completely flush-left. */
.publication-citation:not(.publication-list-entry){
  margin-left:0!important;
  padding-left:0!important;
}




/* v1.26.29 graduate education + categorized skills */
.srb-skill-category-grid{display:grid;gap:12px;margin-top:12px}.srb-skill-category-grid label{display:block}.srb-skill-category-grid label>strong{display:block;margin-bottom:6px;font-size:13px;color:var(--srb-text,#172033)}.srb-skill-category-grid textarea{width:100%;box-sizing:border-box}.skill-category-row{margin:0 0 4px;line-height:1.45}.skill-category-label{font-weight:700}.srb-entry .srb-check{margin:7px 0 9px}.srb-entry [data-k="coursework"]{min-width:0}


/* v1.26.30 graduate skill picker */
.srb-skill-category-block{border:1px solid #e3e8ef;border-radius:12px;padding:12px;background:#fff}.srb-skill-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.srb-skill-suggestions button{appearance:none;border:1px solid #ccd6e2;background:#f7f9fc;color:#243244;border-radius:999px;padding:6px 10px;font:inherit;font-size:12px;line-height:1.2;cursor:pointer;transition:.15s ease}.srb-skill-suggestions button:hover{border-color:#8ea5bf;background:#f0f5fa}.srb-skill-suggestions button.is-selected{border-color:#245f96;background:#eaf3fb;color:#174d7d;font-weight:700}.srb-skill-hint{display:block;margin-top:8px;color:#667385;line-height:1.4}.skill-category-row .skill-category-label{font-weight:700}


/* v1.26.31 — graduate readability / page-fill refinement */
.template-graduate{font-size:11.75pt}
.template-graduate-clean,.template-graduate-contemporary{font-size:11.7pt}
.template-graduate .entry-title,.template-graduate-clean .entry-title,.template-graduate-contemporary .entry-title{font-size:11.85pt}
.template-graduate .entry-date,.template-graduate-clean .entry-date,.template-graduate-contemporary .entry-date{font-size:10.5pt}
.template-graduate .entry-detail,.template-graduate-clean .entry-detail,.template-graduate-contemporary .entry-detail{font-size:10.75pt}
.template-graduate .resume-contact,.template-graduate-clean .resume-contact,.template-graduate-contemporary .resume-contact{font-size:10.5pt}
.template-graduate section h2{font-size:11.8pt}
.template-graduate-clean section h2,.template-graduate-contemporary section h2{font-size:11.7pt}

/* v1.26.33: credential/course links stay readable and clickable without looking decorative. */
.resume-credential-link{color:inherit;text-decoration:underline;text-underline-offset:1.5px;}


/* v1.26.36 — refine Volunteer & Membership editor spacing */
.srb-section-editor-body #srb-volunteer-list .srb-entry > input,
.srb-section-editor-body #srb-membership-list .srb-entry > input{
  margin-bottom:8px!important;
}
.srb-section-editor-body #srb-volunteer-list .srb-entry > .srb-two{
  margin-bottom:8px!important;
}
.srb-section-editor-body #srb-volunteer-list .srb-entry > .srb-two,
.srb-section-editor-body #srb-membership-list .srb-entry > .srb-two{
  gap:10px!important;
}
.srb-section-editor-body #srb-volunteer-list .srb-entry > textarea{
  margin-top:0!important;
}


/* =========================================================
   v1.26.42 — Publications: one continuous review scroll area
   ========================================================= */
.srb-publication-review-dialog{
  display:flex!important;
  flex-direction:column!important;
  height:calc(100vh - 92px)!important;
  max-height:calc(100vh - 92px)!important;
}
.srb-publication-review-dialog .srb-modal-head{
  flex:0 0 auto!important;
}
.srb-publication-review-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#f7f9fc!important;
  overscroll-behavior:contain;
}
.srb-publication-review-scroll .srb-publication-review-list{
  overflow:visible!important;
  max-height:none!important;
  height:auto!important;
}
.srb-publication-review-scroll .srb-publication-import-panel-modal,
.srb-publication-review-scroll .srb-publication-modal-options,
.srb-publication-review-scroll .srb-modal-summary{
  position:relative!important;
  top:auto!important;
}
.srb-publication-review-dialog .srb-modal-actions{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:25!important;
  background:#fff!important;
}
@media(max-width:900px){
  .srb-publication-review-dialog{
    height:calc(100vh - 72px)!important;
    max-height:calc(100vh - 72px)!important;
  }
}


/* v1.27.0 Academic Modern */
.srb-academic-contact-fields{margin-top:12px;padding-top:12px;border-top:1px solid #e1e8f0;display:grid;gap:9px}
.srb-academic-contact-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#253858}.srb-academic-contact-head small{color:#728095}
.srb-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.srb-photo-upload-box{border:1px dashed #b9c8da;border-radius:10px;padding:12px;background:#f8fbff;display:grid;gap:9px}.srb-photo-upload-box small{display:block;color:#728095;margin-top:2px}.srb-photo-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.srb-photo-form-preview{width:72px;height:72px;object-fit:cover;border-radius:50%;border:3px solid #dcecff}
@media(max-width:700px){.srb-three{grid-template-columns:1fr}}
.academic-modern-only{display:none}
.template-academic-modern{font-family:Arial,Helvetica,sans-serif;font-size:9.7pt;line-height:1.44;color:#0d1d34;padding:34px 38px 38px;position:relative;background:#fff}
.template-academic-modern .academic-modern-only{display:block}
.template-academic-modern .resume-header{position:relative;border-bottom:1px solid #9fc3e7;padding:0 148px 22px 0;margin-bottom:17px;min-height:174px}
.template-academic-modern .resume-header h1{font-size:28pt;line-height:1.02;color:#0b3768;letter-spacing:.1px;margin:0 0 8px}.template-academic-modern .resume-title{font-size:13.4pt;color:#1266bd;font-weight:700;margin-bottom:6px}.template-academic-modern .academic-affiliation{font-size:9.6pt;color:#17243a;margin:3px 0 10px}.template-academic-modern .resume-contact{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr) minmax(0,.9fr);gap:8px 14px;color:#123f75;font-size:8.3pt;max-width:100%;margin-top:7px;line-height:1.25}.template-academic-modern .resume-contact a{color:#123f75;text-decoration:none}.template-academic-modern .academic-contact-item{display:flex;align-items:center;gap:6px;min-width:0}.template-academic-modern .academic-contact-item>i{width:19px;height:19px;flex:0 0 19px;background-size:contain;background-repeat:no-repeat;background-position:center}.template-academic-modern .academic-contact-item>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-academic-modern .academic-contact-email>i{background-image:url('../icons/email.svg')}.template-academic-modern .academic-contact-phone>i{background-image:url('../icons/phone.svg')}.template-academic-modern .academic-contact-location>i{background-image:url('../icons/location.svg')}.template-academic-modern .academic-contact-linkedin>i{background-image:url('../icons/linkedin.svg')}.template-academic-modern .academic-contact-website>i{background-image:url('../icons/website.svg')}.template-academic-modern .academic-profile-photo{position:absolute;right:8px;top:-7px;width:114px;height:114px;border-radius:50%;padding:6px;background:#e8f4ff;box-shadow:0 0 0 8px #f5fbff;overflow:visible}.template-academic-modern .academic-profile-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.template-academic-modern .academic-profile-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;margin-top:16px;position:relative;margin-right:-132px}.academic-id-item{display:flex;align-items:center;gap:8px;text-decoration:none!important;color:#0b3768;min-width:0}.academic-id-item span:last-child{display:flex;flex-direction:column;min-width:0}.academic-id-item strong{font-size:7.9pt;line-height:1.12}.academic-id-item small{font-size:6.8pt;color:#2d4360;max-width:108px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.academic-id-icon{width:29px;height:29px;display:inline-block;flex:0 0 29px;background-size:contain;background-repeat:no-repeat;background-position:center}.academic-id-orcid .academic-id-icon{background-image:url('../icons/orcid.svg')}.academic-id-scholar .academic-id-icon{background-image:url('../icons/scholar.svg')}.academic-id-scopus .academic-id-icon{background-image:url('../icons/scopus.svg')}.academic-id-researcher .academic-id-icon{background-image:url('../icons/researcher.svg')}
.template-academic-modern>.academic-modern-main{width:100%;padding-right:0;box-sizing:border-box}.template-academic-modern>.academic-modern-sidebar{position:static;width:100%;padding:0;margin:0 0 24px;border:0;border-radius:0;background:transparent;box-sizing:border-box}.template-academic-modern .academic-modern-main section,.template-academic-modern .academic-modern-sidebar section{margin:0 0 22px}.template-academic-modern section h2,.template-academic-modern .academic-sidebar-section h2{color:#0b3768;background:linear-gradient(90deg,#edf6ff,#e6f2fd);border:0;border-radius:20px;padding:7px 11px 7px 34px;font-size:9.35pt;letter-spacing:0;text-transform:uppercase;margin:0 0 11px;line-height:1.2;position:relative}.template-academic-modern section h2:before,.template-academic-modern .academic-sidebar-section h2:before{content:'';position:absolute;left:0;top:50%;transform:translate(-10%, -50%);width:25px;height:25px;background-size:contain;background-repeat:no-repeat;background-position:center}.template-academic-modern #section-summary h2:before{background-image:url('../icons/summary.svg?v=12727')}.template-academic-modern #section-academic-interests h2:before{background-image:url('../icons/research.svg?v=12727')}.template-academic-modern #section-education h2:before{background-image:url('../icons/education.svg?v=12727')}.template-academic-modern #section-experience h2:before{background-image:url('../icons/experience.svg?v=12727')}.template-academic-modern #section-publications h2:before{background-image:url('../icons/publication.svg?v=12727')}.template-academic-modern #section-projects h2:before{background-image:url('../icons/research.svg?v=12727')}.template-academic-modern #section-certifications h2:before{background-image:url('../icons/award.svg?v=12727')}.template-academic-modern #section-volunteer h2:before{background-image:url('../icons/experience.svg?v=12727')}.template-academic-modern #section-memberships h2:before{background-image:url('../icons/award.svg?v=12727')}.template-academic-modern #section-references h2:before{background-image:url('../icons/summary.svg?v=12727')}.template-academic-modern #section-skills h2:before{background-image:url('../icons/skills.svg?v=12727')}.template-academic-modern #section-awards h2:before{background-image:url('../icons/award.svg?v=12727')}.template-academic-modern #section-languages h2:before{background-image:url('../icons/language.svg?v=12727')}.template-academic-modern .academic-sidebar-section h2:before{background-image:url('../icons/metrics.svg?v=12727')}.template-academic-modern .resume-content{font-size:9pt}.template-academic-modern .resume-entry{margin-bottom:14px}.template-academic-modern .entry-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.template-academic-modern .entry-title{font-size:9pt;line-height:1.25}.template-academic-modern .entry-date{font-size:8pt;color:#153e70;white-space:nowrap}.template-academic-modern .entry-sub{font-size:8.1pt;color:#2f4665;margin-top:3px;line-height:1.3}.template-academic-modern .resume-entry li{font-size:8.4pt;line-height:1.42;margin-bottom:2px}.template-academic-modern .academic-interests-section{display:none}.template-academic-modern .academic-modern-main .academic-interests-section{display:block}.academic-interest-chip{display:inline-block;border:1px solid #bcd6f2;border-radius:9px;background:#f5faff;color:#0b4e98;padding:6px 11px;margin:0 6px 7px 0;font-size:8.1pt}.academic-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.academic-metric-card{border:1px solid #d4e5f7;border-radius:10px;background:#fff;padding:10px 12px;min-height:66px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}.academic-metric-card strong{font-size:15.2pt;color:#0b3768;line-height:1;grid-column:2;grid-row:1}.academic-metric-card small{font-size:7.4pt;color:#314763;margin-top:3px;grid-column:2;grid-row:2}.academic-metric-icon{width:24px;height:24px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center;margin:0;grid-column:1;grid-row:1 / span 2}.metric-citations{background-image:url('../icons/citations.svg')}.metric-publications{background-image:url('../icons/publication.svg?v=12727')}.metric-hindex{background-image:url('../icons/hindex.svg')}.metric-books{background-image:url('../icons/books.svg')}.academic-profile-list{display:none!important}.template-academic-modern #section-skills .resume-content{display:flex;flex-wrap:wrap;gap:7px}.academic-skill-chip{display:inline-block;border:1px solid #c8ddf4;border-radius:8px;background:#f4f9ff;color:#0b4e98;padding:5px 9px;font-size:7.7pt;line-height:1.15}.template-academic-modern #section-awards .optional-line{font-size:8pt;padding:5px 0}.academic-language-row{display:grid;grid-template-columns:46px 52px 1fr;align-items:center;gap:6px;padding:6px 0;font-size:7.7pt}.academic-language-row strong{color:#14233a}.academic-language-row span{color:#1266bd}.academic-language-bar{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,#315cc8 0%,#4d7ee7 78%,#d9e7f6 78%,#eef5fc 100%);overflow:hidden}.template-academic-modern #section-projects,.template-academic-modern #section-certifications,.template-academic-modern #section-volunteer,.template-academic-modern #section-memberships,.template-academic-modern #section-references{font-size:8.4pt}.template-academic-modern .publication-citation{font-size:8.35pt;line-height:1.45;margin-bottom:8px}.template-academic-modern .publication-list-marker{font-size:8pt;background:#eff6ff;border-radius:50%;width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;color:#0b4e98}
@media(max-width:760px){.template-academic-modern{padding:28px}.template-academic-modern .resume-header{padding-right:0;padding-top:132px}.template-academic-modern .academic-profile-photo{left:0;right:auto}.template-academic-modern .academic-profile-row{margin-right:0;grid-template-columns:repeat(2,minmax(0,1fr))}.template-academic-modern>.academic-modern-main{width:100%;padding-right:0}.template-academic-modern>.academic-modern-sidebar{position:static;width:100%;margin-top:8px}.academic-metric-grid{grid-template-columns:repeat(2,1fr)}}
@media print{#srb-preview.template-academic-modern{padding:10mm 11mm!important}.template-academic-modern>.academic-modern-sidebar{right:11mm;top:58mm}}

/* v1.27.12 — modest inter-section breathing room for all non-Academic-Modern templates */
.template-classic section,
.template-modern section,
.template-executive section,
.template-graduate section,
.template-graduate-clean section,
.template-graduate-contemporary section,
.template-academic section{
  margin-bottom:18px;
}


/* v1.27.20 — Academic Modern live-preview parity only (PDF renderer unchanged). */
.template-academic-modern #section-education .resume-content{position:relative}
.template-academic-modern #section-education .academic-education-timeline-entry{display:grid;grid-template-columns:18px 120px minmax(0,1fr);column-gap:8px;position:relative;margin:0 0 18px;min-height:42px}
.template-academic-modern #section-education .academic-education-timeline-entry:last-child{margin-bottom:0}
.template-academic-modern #section-education .academic-education-date{font-size:8pt;color:#153e70;line-height:1.3;padding-top:1px;white-space:nowrap}
.template-academic-modern #section-education .academic-education-dot{position:relative;width:11px;height:11px;border-radius:50%;background:#3f6fcd;margin:1px auto 0;z-index:2;box-shadow:0 0 0 2px #fff}
.template-academic-modern #section-education .academic-education-timeline-entry:not(:last-child) .academic-education-dot:after{content:'';position:absolute;left:50%;top:11px;transform:translateX(-50%);width:1px;height:calc(100% + 25px);background:#86a8df;z-index:-1}
.template-academic-modern #section-education .academic-education-body{min-width:0}
.template-academic-modern #section-education .academic-education-body .entry-title{display:block;margin:0 0 3px}
.template-academic-modern #section-education .academic-education-body .entry-sub{margin-top:0}


/* v1.27.22 — Academic Modern screen-only timeline parity for Professional Experience. */
.template-academic-modern #section-experience .resume-content{position:relative}
.template-academic-modern #section-experience .academic-experience-timeline-entry{display:grid;grid-template-columns:18px 120px minmax(0,1fr);column-gap:8px;position:relative;margin:0 0 19px;min-height:48px}
.template-academic-modern #section-experience .academic-experience-timeline-entry:last-child{margin-bottom:0}
.template-academic-modern #section-experience .academic-experience-date{font-size:8pt;color:#153e70;line-height:1.3;padding-top:1px;white-space:nowrap}
.template-academic-modern #section-experience .academic-experience-dot{position:relative;width:11px;height:11px;border-radius:50%;background:#3f6fcd;margin:1px auto 0;z-index:2;box-shadow:0 0 0 2px #fff}
.template-academic-modern #section-experience .academic-experience-timeline-entry:not(:last-child) .academic-experience-dot:after{content:'';position:absolute;left:50%;top:11px;transform:translateX(-50%);width:1px;height:calc(100% + 26px);background:#86a8df;z-index:-1}
.template-academic-modern #section-experience .academic-experience-body{min-width:0}
.template-academic-modern #section-experience .academic-experience-body .entry-title{display:block;margin:0 0 3px}
.template-academic-modern #section-experience .academic-experience-body .entry-sub{margin-top:0}
.template-academic-modern #section-experience .academic-experience-body ul{margin:6px 0 0 16px;padding:0}

/* v1.27.23 — Academic Modern one-column layout */
.template-academic-modern>.academic-modern-sidebar .academic-sidebar-section{margin-bottom:0}
.template-academic-modern>.academic-modern-sidebar .academic-sidebar-section h2{margin-bottom:10px}
.template-academic-modern #section-skills .resume-content{max-width:100%}
.template-academic-modern .academic-language-row{grid-template-columns:110px 110px minmax(180px,1fr);gap:12px;padding:7px 0;font-size:8pt}
@media(max-width:760px){
  .template-academic-modern>.academic-modern-sidebar{margin-top:0}
  .academic-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .template-academic-modern .academic-language-row{grid-template-columns:80px 90px 1fr}
}
@media print{
  .template-academic-modern>.academic-modern-sidebar{position:static!important;width:100%!important;margin:0 0 20px!important}
}

/* v1.27.24 — Academic Modern continuous timelines + text-only languages */
.template-academic-modern #section-education .academic-education-dot:after,
.template-academic-modern #section-experience .academic-experience-dot:after{
  content:none!important;
}
.template-academic-modern #section-education .academic-education-timeline-entry:not(:last-child)::after,
.template-academic-modern #section-experience .academic-experience-timeline-entry:not(:last-child)::after{
  content:'';
  position:absolute;
  left:5.5px;
  top:6px;
  bottom:-25px;
  width:1px;
  background:#86a8df;
  z-index:0;
}
.template-academic-modern #section-education .academic-education-dot,
.template-academic-modern #section-experience .academic-experience-dot{
  z-index:2;
}
.template-academic-modern .academic-language-row{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:6px 0;
  font-size:8pt;
}
.template-academic-modern .academic-language-bar{display:none!important}
@media(max-width:760px){
  .template-academic-modern .academic-language-row{grid-template-columns:110px 1fr}
}

/* v1.27.25 — keep Academic Modern timeline connectors outside the dots */
.template-academic-modern #section-education .academic-education-timeline-entry:not(:last-child)::after{
  top:12px!important;
  bottom:-19px!important;
  z-index:0!important;
}
.template-academic-modern #section-experience .academic-experience-timeline-entry:not(:last-child)::after{
  top:12px!important;
  bottom:-20px!important;
  z-index:0!important;
}
.template-academic-modern #section-education .academic-education-dot,
.template-academic-modern #section-experience .academic-experience-dot{
  position:relative;
  z-index:3!important;
  box-shadow:0 0 0 2px #fff;
}

/* v1.27.27 — Academic Modern section icons: visible glossy blue on screen, no outer rim */
.template-academic-modern section h2:before,
.template-academic-modern .academic-sidebar-section h2:before{
  background-size:100% 100%!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  outline:0!important;
}

/* v1.27.28 — Academic Modern compact Research Metrics */
.template-academic-modern>.academic-modern-sidebar{margin-bottom:14px!important}
.template-academic-modern .academic-sidebar-section h2{margin-bottom:7px!important}
.template-academic-modern .academic-metric-grid{gap:8px!important}
.template-academic-modern .academic-metric-card{
  min-height:46px!important;
  padding:6px 9px!important;
  grid-template-columns:23px 1fr!important;
  column-gap:7px!important;
  border-radius:9px!important;
}
.template-academic-modern .academic-metric-icon{width:20px!important;height:20px!important}
.template-academic-modern .academic-metric-card strong{font-size:13.2pt!important;line-height:1!important}
.template-academic-modern .academic-metric-card small{font-size:6.9pt!important;margin-top:1px!important;line-height:1.15!important}

/* v1.27.29 — explicit optional Academic Modern metrics */
.srb-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.template-academic-modern .academic-metric-grid{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  margin-bottom:12px!important;
}
@media(max-width:900px){.srb-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.srb-four{grid-template-columns:1fr}}

/* v1.27.30 — Academic Modern adaptive header height */
.template-academic-modern .resume-header.no-academic-profiles{
  min-height:138px!important;
  padding-bottom:15px!important;
  margin-bottom:17px!important;
}
.template-academic-modern .resume-header.has-academic-profiles{
  min-height:174px!important;
  padding-bottom:22px!important;
}

/* v1.27.31 — Academic Modern awards: date aligned right */
.template-academic-modern #section-awards .academic-award-entry{margin-bottom:11px}
.template-academic-modern #section-awards .academic-award-text{font-size:8.5pt;line-height:1.3;color:#0d1d34}
.template-academic-modern #section-awards .entry-date{font-weight:700}

/* v1.27.34 — HRThink mobile BeTheme clearance */
@media(max-width:767px){
  body.srb-page #Content{
    padding-top:0!important;
  }

  body.srb-page:not(.template-slider) #Header{
    min-height:0!important;
  }
}