/*
 * HRThink Resume Builder: modern interface layer (1.31.0)
 *
 * Loaded after resume-builder.css. It restyles the builder's chrome only (toolbar, section rail,
 * preview canvas, customise panel, dialogs). It never touches the resume itself (#srb-preview
 * contents), so templates, print and PDF output are unchanged. Every rule is scoped under
 * #srb-app so it wins over the older stylesheet without !important where possible.
 *
 * Tune the look from the theme with a few variables, e.g.
 *   #srb-app { --sr-primary: #0b7285; --sr-top: 72px; }
 *//* icon set: 24px stroke icons used as CSS masks */


#srb-app,#srb-dashboard{
--i-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E");
--i-file:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E");
--i-cap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 9 12 4 2 9l10 5 10-5z'/%3E%3Cpath d='M6 11v5c0 1.5 3 3 6 3s6-1.5 6-3v-5'/%3E%3Cpath d='M22 9v6'/%3E%3C/svg%3E");
--i-briefcase:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M3 13h18'/%3E%3C/svg%3E");
--i-sparkles:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 1.9 4.6 4.6 1.9-4.6 1.9L12 16l-1.9-4.6L5.5 9.5l4.6-1.9z'/%3E%3Cpath d='m19 15 .8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8z'/%3E%3C/svg%3E");
--i-award:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='M8.5 14.5 7 22l5-3 5 3-1.5-7.5'/%3E%3C/svg%3E");
--i-flask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6'/%3E%3Cpath d='M10 3v6L4.5 19a2 2 0 0 0 1.7 3h11.6a2 2 0 0 0 1.7-3L14 9V3'/%3E%3Cpath d='M7.5 15h9'/%3E%3C/svg%3E");
--i-book:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6c-1.5-1.3-4-2-8-2v14c4 0 6.5.7 8 2 1.5-1.3 4-2 8-2V4c-4 0-6.5.7-8 2z'/%3E%3Cpath d='M12 6v14'/%3E%3C/svg%3E");
--i-globe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c2.5 2.7 3.8 5.7 3.8 9s-1.3 6.3-3.8 9c-2.5-2.7-3.8-5.7-3.8-9S9.5 5.7 12 3z'/%3E%3C/svg%3E");
--i-trophy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3Cpath d='M7 4h10v5a5 5 0 0 1-10 0z'/%3E%3Cpath d='M17 5h3v2a3 3 0 0 1-3 3M7 5H4v2a3 3 0 0 0 3 3'/%3E%3C/svg%3E");
--i-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Cpath d='M17.5 14v7M14 17.5h7'/%3E%3C/svg%3E");
--i-users:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20v-1A5.5 5.5 0 0 1 8 13.5h2a5.5 5.5 0 0 1 5.5 5.5v1'/%3E%3Cpath d='M16 4.5a3.5 3.5 0 0 1 0 7M18.5 14.5A5.5 5.5 0 0 1 21.5 19v1'/%3E%3C/svg%3E");
--i-download:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 11 5 5 5-5'/%3E%3Cpath d='M4 20h16'/%3E%3C/svg%3E");
--i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4.5 4.5L19 7'/%3E%3C/svg%3E");
--i-save:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h11l3 3v15H5z'/%3E%3Cpath d='M8 3v5h7V3'/%3E%3Crect x='8' y='13' width='8' height='8'/%3E%3C/svg%3E");
--i-zoomin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5M8 11h6M11 8v6'/%3E%3C/svg%3E");
--i-zoomout:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5M8 11h6'/%3E%3C/svg%3E");
--i-fit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E");
--i-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 15 6-6 6 6'/%3E%3C/svg%3E");
--i-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
--i-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
--i-palette:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18c1.2 0 2-.8 2-1.8 0-.5-.2-.9-.5-1.2a1.8 1.8 0 0 1 1.3-3H17a4 4 0 0 0 4-4c0-4.4-4-8-9-8z'/%3E%3Ccircle cx='7.5' cy='11' r='1'/%3E%3Ccircle cx='10' cy='7' r='1'/%3E%3Ccircle cx='15' cy='7.5' r='1'/%3E%3C/svg%3E");
--i-back:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E");
--i-sliders:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12M20 18h0'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E");
--i-list:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13'/%3E%3Cpath d='M3.5 6h.01M3.5 12h.01M3.5 18h.01'/%3E%3C/svg%3E");
--i-target:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E");
--i-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");
--i-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
--i-trend:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 17 6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E");
--i-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E");
--i-copy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15V6a2 2 0 0 1 2-2h9'/%3E%3C/svg%3E");
--i-trash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13'/%3E%3C/svg%3E");
--i-edit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cpath d='m13.5 6.5 4 4'/%3E%3C/svg%3E");
--i-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
--i-layers:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 5-9 5-9-5z'/%3E%3Cpath d='m3 13 9 5 9-5'/%3E%3C/svg%3E");
--i-logout:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-3'/%3E%3Cpath d='M10 8l-4 4 4 4M6 12h10'/%3E%3C/svg%3E");
--i-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
--i-brand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E");
}/* ---------------------------------------------------------------- tokens */



#srb-app,
#srb-dashboard,
#srb-section-editor-modal,
#srb-publication-review-modal{
  --sr-ink:#0f1c2e; --sr-ink-2:var(--ex-text, #34425f); --sr-muted:var(--ex-muted, #5a6a88); --sr-faint:var(--ex-faint, #8a96ad);
  --sr-bg:var(--ex-tint, #eef3fb); --sr-surface:#fff; --sr-soft:var(--ex-tint, #eef3fb); --sr-line:var(--ex-tint, #eef3fb); --sr-line-2:var(--ex-line, #d9e1ee);
  --sr-primary:var(--ex-blue, #0b49a1); --sr-primary-600:var(--ex-blue-d, #082f6b); --sr-primary-soft:var(--ex-tint, #eef3fb); --sr-accent:var(--ex-blue, #0b49a1);
  --sr-ok:#0f9d76; --sr-ok-soft:#e5f6f0; --sr-warn:#c77700; --sr-warn-soft:#fff4de; --sr-danger:#d1343b;
  --sr-r: var(--ex-r-card, 4px); --sr-r-sm: var(--ex-r-ctl, 3px);
  --sr-shadow-sm:0 1px 2px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 6%, transparent);
  --sr-shadow:0 1px 2px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 5%, transparent),0 10px 28px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 7%, transparent);
  --sr-top:92px;/* offset of sticky panels below the site header */              
  --sr-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
#srb-app{
  font-family:var(--sr-font) !important;
  font-size:14px !important; line-height:1.5 !important; color:var(--sr-ink) !important;
  max-width:1640px !important; margin:0 auto !important; padding:0 0 28px !important;
  -webkit-font-smoothing:antialiased !important;
}
#srb-app *,#srb-app *::before,#srb-app *::after{box-sizing:border-box !important}/* every piece of builder chrome uses the interface font; the resume itself keeps its template fonts */

#srb-app :not(#srb-preview):not(#srb-preview *),
#srb-section-editor-modal,
#srb-publication-review-modal,
#srb-section-editor-modal *,
#srb-publication-review-modal *{font-family:var(--sr-font) !important}
#srb-app .srb-sr-only,
#srb-app .srb-name-row>label,
#srb-app .srb-template-card>label{position:absolute!important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important}/* icon helper: a masked box that takes the text colour */


#srb-app .srb-section-launch>.srb-rail-ico::before,
#srb-app #srb-print::before,#srb-app #srb-save::before,
#srb-app .srb-link-btn::before,
#srb-app .srb-visibility-card h3::before,#srb-app .srb-order-card h3::before,
#srb-app .srb-template-card::before,
#srb-app .srb-zoom button::before,
#srb-app .srb-order-arrow::before,
#srb-app .srb-preview-tools-label::before{
  content:"" !important; display:inline-block !important; flex:none !important; width:18px !important; height:18px !important; background:currentColor !important;
  -webkit-mask:var(--ico) center/contain no-repeat !important; mask:var(--ico) center/contain no-repeat !important;
}/* --------------------------------------------------------------- buttons */


#srb-app .srb-btn,
#srb-app .srb-mini-btn,
#srb-app a.srb-btn,
#srb-section-editor-modal .srb-btn,
#srb-publication-review-modal .srb-btn,
#srb-section-editor-modal .srb-mini-btn,
#srb-publication-review-modal .srb-mini-btn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; min-height:40px !important;
  padding:9px 16px !important; border:1px solid transparent !important; border-radius:var(--ex-r-card, 4px) !important; cursor:pointer !important;
  font:600 13.5px/1.2 var(--sr-font) !important; letter-spacing:.005em !important; text-decoration:none !important; color:#fff !important;
  background:linear-gradient(135deg,var(--sr-primary),var(--sr-accent)) !important; box-shadow:0 6px 16px color-mix(in srgb, var(--ex-blue, var(--ex-blue, #0b49a1)) 28%, transparent) !important;
  transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease !important;
}
#srb-app .srb-mini-btn,
#srb-section-editor-modal .srb-mini-btn,
#srb-publication-review-modal .srb-mini-btn{min-height:34px !important;padding:6px 12px !important;border-radius:var(--ex-r-card, 4px) !important;font-size:13px !important}
#srb-app .srb-btn:hover,
#srb-app .srb-mini-btn:hover,
#srb-section-editor-modal .srb-btn:hover,
#srb-publication-review-modal .srb-btn:hover,
#srb-section-editor-modal .srb-mini-btn:hover,
#srb-publication-review-modal .srb-mini-btn:hover{transform:translateY(-1px) !important;box-shadow:0 10px 22px color-mix(in srgb, var(--ex-blue, var(--ex-blue, #0b49a1)) 34%, transparent) !important}
#srb-app .srb-btn:active,
#srb-app .srb-mini-btn:active,
#srb-section-editor-modal .srb-btn:active,
#srb-publication-review-modal .srb-btn:active,
#srb-section-editor-modal .srb-mini-btn:active,
#srb-publication-review-modal .srb-mini-btn:active{transform:translateY(0) !important}
#srb-app .srb-btn.secondary,
#srb-app a.srb-btn.secondary,
#srb-section-editor-modal .srb-btn.secondary,
#srb-publication-review-modal .srb-btn.secondary{background:var(--sr-surface) !important;color:var(--sr-ink-2) !important;border-color:var(--sr-line-2) !important;box-shadow:var(--sr-shadow-sm) !important}
#srb-app .srb-btn.secondary:hover,
#srb-section-editor-modal .srb-btn.secondary:hover,
#srb-publication-review-modal .srb-btn.secondary:hover{border-color:var(--sr-primary) !important;color:var(--sr-primary-600) !important;box-shadow:0 6px 16px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 10%, transparent) !important}
#srb-app .srb-btn[disabled],
#srb-app .srb-btn:disabled,
#srb-section-editor-modal .srb-btn[disabled],
#srb-publication-review-modal .srb-btn[disabled],
#srb-section-editor-modal .srb-btn:disabled,
#srb-publication-review-modal .srb-btn:disabled{opacity:.5 !important;cursor:not-allowed !important;transform:none !important;box-shadow:none !important}
#srb-app :is(button,a,input,select,textarea,summary):focus-visible,
#srb-section-editor-modal :is(button,a,input,select,textarea,summary):focus-visible,
#srb-publication-review-modal :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid color-mix(in srgb, var(--ex-blue, var(--ex-blue, #0b49a1)) 40%, transparent) !important;outline-offset:2px !important}
#srb-app #srb-print{--ico:var(--i-download)}
#srb-app #srb-save{--ico:var(--i-save)}
#srb-app .srb-link-btn{--ico:var(--i-back)}
#srb-app .srb-btn::before{width:17px !important;height:17px !important}/* --------------------------------------------------------------- toolbar */


#srb-app .srb-toolbar{
  display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:14px 20px !important; margin:0 0 18px !important; padding:14px 18px !important; min-height:0 !important; height:auto !important;
  background:var(--sr-surface) !important; border:1px solid var(--sr-line) !important; border-radius:var(--sr-r) !important; box-shadow:var(--sr-shadow) !important;
}
#srb-app .srb-builder-toolbar-head{display:flex !important; flex-direction:row !important; justify-content:flex-start !important; align-items:center !important; gap:12px !important; min-width:0 !important; min-height:0 !important; padding:0 !important; margin:0 !important; background:none !important; border:0 !important}
#srb-app .srb-builder-toolbar-head::before{
  content:"" !important; flex:none !important; width:42px !important; height:42px !important; border-radius:var(--ex-r-card, 4px) !important;
  background:var(--i-brand) center/22px no-repeat,linear-gradient(135deg,var(--sr-primary),var(--sr-accent)) !important;
  box-shadow:0 8px 18px color-mix(in srgb, var(--ex-blue, var(--ex-blue, #0b49a1)) 30%, transparent) !important;
}
#srb-app .srb-builder-toolbar-head h2{margin:0 !important; font-size:17px !important; font-weight:750 !important; line-height:1.2 !important; letter-spacing:-.015em !important; color:var(--sr-ink) !important; font-family:inherit !important}
#srb-app .srb-builder-toolbar-head p{margin:2px 0 0 !important; font-size:12.5px !important; color:var(--sr-muted) !important; line-height:1.35 !important}
#srb-app .srb-builder-toolbar-controls{display:flex !important; flex-direction:row !important; align-items:center !important; flex-wrap:wrap !important; gap:12px !important; height:auto !important; min-height:0 !important; flex:1 1 520px !important; justify-content:flex-end !important; min-width:0 !important; padding:0 !important; margin:0 !important; background:none !important; border:0 !important}
#srb-app .srb-builder-control{margin:0 !important; padding:0 !important; background:none !important; border:0 !important; min-width:0 !important}
#srb-app .srb-name-control-line{display:flex !important; align-items:center !important; gap:10px !important}
#srb-app .srb-toolbar input,#srb-app .srb-toolbar select{
  height:42px !important; margin:0 !important; padding:0 14px !important; border:1px solid var(--sr-line-2) !important; border-radius:var(--ex-r-card, 4px) !important; background:var(--sr-soft) !important;
  font:600 14px/1 var(--sr-font) !important; color:var(--sr-ink) !important; width:auto !important; box-shadow:none !important; transition:border-color .15s,box-shadow .15s,background-color .15s !important;
}
#srb-app #srb-resume-name{width:230px !important; max-width:100% !important}
#srb-app .srb-toolbar input:hover,#srb-app .srb-toolbar select:hover{border-color:var(--ex-line, #d9e1ee) !important}
#srb-app .srb-toolbar input:focus,#srb-app .srb-toolbar select:focus{background:#fff !important; border-color:var(--sr-primary) !important; box-shadow:0 0 0 4px color-mix(in srgb, var(--ex-blue, var(--ex-blue, #0b49a1)) 14%, transparent) !important; outline:0 !important}
#srb-app .srb-save-status{font-size:12px !important; font-weight:600 !important; color:var(--sr-ok) !important; min-width:0 !important; white-space:nowrap !important}
#srb-app .srb-template-card{position:relative !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; --ico:var(--i-palette)}
#srb-app .srb-template-card::before{position:absolute !important; left:13px !important; top:12px !important; width:18px !important; height:18px !important; color:var(--sr-primary) !important; pointer-events:none !important; z-index:1 !important}
#srb-app .srb-template-card select{padding-left:39px !important; min-width:250px !important; max-width:100% !important; cursor:pointer !important}
#srb-app .srb-toolbar-actions{display:flex !important; align-items:center !important; gap:8px !important; flex-wrap:wrap !important; margin:0 0 0 4px !important}
#srb-app .srb-login-note{display:inline-flex !important; align-items:center !important; gap:7px !important; padding:8px 12px !important; border-radius:var(--ex-r-card, 4px) !important; background:var(--sr-warn-soft) !important; color:#7a4b00 !important; font-size:12.5px !important; font-weight:600 !important; line-height:1.25 !important; max-width:230px !important; --ico:var(--i-lock)}
#srb-app a.srb-login-note{text-decoration:none !important; cursor:pointer !important; transition:background .15s,box-shadow .15s !important}
#srb-app a.srb-login-note:hover{background:#ffe9b8 !important; box-shadow:0 2px 8px rgba(122,75,0,.18) !important}
#srb-app a.srb-login-note strong{text-decoration:underline !important; font-weight:800 !important}
#srb-app .srb-login-note .srb-login-short{display:none !important}
#srb-app .srb-login-note::before{content:"" !important; flex:none !important; width:15px !important; height:15px !important; background:currentColor !important; -webkit-mask:var(--ico) center/contain no-repeat !important; mask:var(--ico) center/contain no-repeat !important}/* ---------------------------------------------------------------- layout */


#srb-app .srb-layout{display:grid !important; grid-template-columns:250px minmax(0,1fr) 290px !important; gap:20px !important; align-items:start !important; padding:0 !important; margin:0 !important}
#srb-app .srb-layout>.srb-left-column{display:none !important}
#srb-app .srb-layout>.srb-section-rail{grid-column:1 !important}
#srb-app .srb-layout>.srb-main{grid-column:2 !important}
#srb-app .srb-layout>.srb-right-column{grid-column:3 !important}/* ----------------------------------------------------------- section rail */


#srb-app .srb-section-rail{
  position:sticky !important; top:var(--sr-top) !important; display:flex !important; flex-direction:column !important; gap:3px !important; width:auto !important;
  max-height:calc(100vh - var(--sr-top) - 18px) !important; overflow:auto !important; padding:16px 10px 10px !important;
  background:var(--sr-surface) !important; border:1px solid var(--sr-line) !important; border-radius:var(--sr-r) !important; box-shadow:var(--sr-shadow) !important;
}
#srb-app .srb-section-rail-head{margin:0 6px 10px !important; padding:0 !important; background:none !important}
#srb-app .srb-section-rail-head strong{display:block !important; font-size:11.5px !important; font-weight:750 !important; letter-spacing:.09em !important; text-transform:uppercase !important; color:var(--sr-muted) !important}
#srb-app .srb-section-rail-head small{display:block !important; margin-top:2px !important; font-size:12px !important; color:var(--sr-faint) !important}
#srb-app .srb-rail-progress{height:6px !important; margin:10px 0 0 !important; border-radius: var(--ex-r-ctl, 3px) !important; background:var(--ex-tint, #eef3fb) !important; overflow:hidden !important}
#srb-app .srb-rail-progress i{display:block !important; width:0 !important; height:100% !important; border-radius: var(--ex-r-ctl, 3px) !important; background:linear-gradient(90deg,var(--sr-ok),#38c9a0) !important; transition:width .4s ease !important}
#srb-app .srb-rail-progress-label{display:block !important; margin-top:5px !important; font-size:11.5px !important; color:var(--sr-muted) !important}
#srb-app .srb-section-launch{
  position:relative !important; display:flex !important; flex-direction:row !important; align-items:center !important; gap:12px !important; width:100% !important; min-height:52px !important; margin:0 !important; padding:8px 10px 8px 8px !important;
  text-align:left !important; border:0 !important; border-radius:var(--ex-r-card, 4px) !important; cursor:pointer !important; background:transparent !important; color:var(--sr-ink-2) !important; box-shadow:none !important;
  font-family:var(--sr-font) !important; line-height:1.25 !important; transition:background-color .15s,color .15s !important;
}
#srb-app .srb-section-launch:hover{background:var(--sr-soft) !important; transform:none !important}/* icon tile: the glyph is centred by absolute positioning, so no theme rule for spans/line-height can shift it */

#srb-app .srb-section-launch>.srb-rail-ico{
  position:relative !important; flex:none !important; display:block !important; width:36px !important; height:36px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:var(--ex-r-card, 4px) !important;
  background:var(--sr-soft) !important; color:var(--sr-muted) !important; font-size:0 !important; line-height:0 !important; transition:background-color .15s,color .15s !important;
}
#srb-app .srb-section-launch>.srb-rail-ico::before{position:absolute !important; inset:0 !important; margin:auto !important; width:19px !important; height:19px !important}
#srb-app .srb-section-launch>.srb-rail-text{flex:1 1 auto !important; min-width:0 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; gap:1px !important; margin:0 !important; padding:0 !important; font-weight:inherit !important; text-align:left !important; background:none !important}
#srb-app .srb-section-launch>.srb-rail-text strong{display:block !important; margin:0 !important; padding:0 !important; font-size:13.5px !important; font-weight:650 !important; line-height:1.25 !important; color:inherit !important; letter-spacing:0 !important}
#srb-app .srb-section-launch>.srb-rail-text small{display:block !important; margin:0 !important; padding:0 !important; font-size:11.5px !important; line-height:1.2 !important; color:var(--sr-faint) !important; font-weight:500 !important}
#srb-app .srb-section-launch>.srb-rail-state{
  flex:none !important; display:block !important; width:18px !important; height:18px !important; margin:0 !important; padding:0 !important; border-radius:50% !important;
  border:1.6px solid var(--sr-line-2) !important; background:#fff center/11px no-repeat !important; transition:all .2s !important;
}
#srb-app .srb-section-launch.is-filled>.srb-rail-state{
  border-color:var(--sr-ok) !important; background-color:var(--sr-ok) !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4.5 4.5L19 7'/%3E%3C/svg%3E") !important;
}
#srb-app .srb-section-launch.active{background:var(--sr-primary-soft) !important; color:var(--sr-primary-600) !important; box-shadow:inset 3px 0 0 var(--sr-primary) !important}
#srb-app .srb-section-launch.active>.srb-rail-ico{background:#fff !important; color:var(--sr-primary) !important}
#srb-app .srb-section-launch[data-section-launch="contact"]>.srb-rail-ico{--ico:var(--i-user)}
#srb-app .srb-section-launch[data-section-launch="summary"]>.srb-rail-ico{--ico:var(--i-file)}
#srb-app .srb-section-launch[data-section-launch="education"]>.srb-rail-ico{--ico:var(--i-cap)}
#srb-app .srb-section-launch[data-section-launch="experience"]>.srb-rail-ico{--ico:var(--i-briefcase)}
#srb-app .srb-section-launch[data-section-launch="skills"]>.srb-rail-ico{--ico:var(--i-sparkles)}
#srb-app .srb-section-launch[data-section-launch="certifications"]>.srb-rail-ico{--ico:var(--i-award)}
#srb-app .srb-section-launch[data-section-launch="projects"]>.srb-rail-ico{--ico:var(--i-flask)}
#srb-app .srb-section-launch[data-section-launch="publications"]>.srb-rail-ico{--ico:var(--i-book)}
#srb-app .srb-section-launch[data-section-launch="languages"]>.srb-rail-ico{--ico:var(--i-globe)}
#srb-app .srb-section-launch[data-section-launch="awards"]>.srb-rail-ico{--ico:var(--i-trophy)}
#srb-app .srb-section-launch[data-section-launch="more"]>.srb-rail-ico{--ico:var(--i-grid)}
#srb-app .srb-section-launch[data-section-launch="references"]>.srb-rail-ico{--ico:var(--i-users)}/* ---------------------------------------------------------- centre column */

#srb-app .srb-main{min-width:0 !important; padding:0 !important; background:none !important; border:0 !important}
#srb-app .srb-topline{display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:14px !important; align-items:stretch !important; margin:0 0 14px !important}
#srb-app .srb-preview-tools{
  display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:10px !important; margin:0 !important; padding:14px 16px !important;
  background:var(--sr-surface) !important; border:1px solid var(--sr-line) !important; border-radius:var(--sr-r) !important; box-shadow:var(--sr-shadow-sm) !important;
}
#srb-app .srb-preview-tools-label{display:inline-flex !important; align-items:center !important; gap:8px !important; font-size:12px !important; font-weight:750 !important; letter-spacing:.09em !important; text-transform:uppercase !important; color:var(--sr-muted) !important; --ico:var(--i-eye)}
#srb-app .srb-zoom{display:inline-flex !important; align-items:center !important; gap:2px !important; padding:3px !important; background:var(--sr-soft) !important; border:1px solid var(--sr-line) !important; border-radius:var(--ex-r-card, 4px) !important}
#srb-app .srb-zoom button{
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; min-width:34px !important; height:32px !important; padding:0 8px !important; border:0 !important; border-radius:var(--ex-r-card, 4px) !important;
  background:transparent !important; color:var(--sr-ink-2) !important; font:650 12.5px/1 var(--sr-font) !important; white-space:nowrap !important; cursor:pointer !important; transition:background-color .15s,color .15s !important;
}
#srb-app .srb-zoom button:hover{background:var(--sr-primary-soft) !important; color:var(--sr-primary-600) !important}
#srb-app .srb-zoom button.is-on{background:var(--sr-primary-soft) !important; color:var(--sr-primary-600) !important}
#srb-app .srb-zoom button::before{width:17px !important; height:17px !important}
#srb-app #srb-zoom-out{--ico:var(--i-zoomout)}
#srb-app #srb-zoom-in{--ico:var(--i-zoomin)}
#srb-app #srb-zoom-fit{--ico:var(--i-fit)}
#srb-app .srb-zoom output{min-width:46px !important; text-align:center !important; font:650 12.5px/1 var(--sr-font) !important; color:var(--sr-muted) !important}
#srb-app .srb-score-panel{
  display:flex !important; flex-wrap:wrap !important; align-items:flex-start !important; gap:14px 16px !important; margin:0 !important; padding:14px 18px !important; min-width:0 !important;
  background:var(--sr-surface) !important; border:1px solid var(--sr-line) !important; border-radius:var(--sr-r) !important; box-shadow:var(--sr-shadow-sm) !important;
  grid-template-columns:none !important;
}
#srb-app .srb-score-box{flex:none !important; display:flex !important; align-items:center !important; gap:12px !important; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; min-width:0 !important; text-align:left !important}
#srb-app .srb-score-box span{order:2 !important; display:block !important; font-size:12px !important; font-weight:750 !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:var(--sr-muted) !important; line-height:1.25 !important; max-width:82px !important}
#srb-app .srb-score-box strong{
  order:1 !important; --pct:0; display:grid !important; place-items:center !important; width:54px !important; height:54px !important; margin:0 !important; border-radius:50% !important;
  font-size:14.5px !important; font-weight:800 !important; color:var(--sr-ink) !important; line-height:1 !important;
  background:radial-gradient(closest-side,#fff 76%,transparent 79%),conic-gradient(var(--sr-ring,var(--sr-ok)) calc(var(--pct)*1%),var(--ex-tint, #eef3fb) 0) !important;
}
#srb-app .srb-score-box.is-mid strong{--sr-ring:var(--sr-warn)}
#srb-app .srb-score-box.is-low strong{--sr-ring:var(--sr-danger)}
#srb-app .srb-feedback{flex:1 1 260px !important; min-width:0 !important; margin:0 !important; padding:0 0 0 16px !important; border:0 !important; border-left:1px solid var(--sr-line) !important; background:none !important; font-size:13px !important; line-height:1.5 !important; color:var(--sr-ink-2) !important}

#srb-app .srb-feedback .srb-ats-lead{margin:2px 0 8px !important; font-size:13px !important; font-weight:600 !important; color:var(--sr-ink-2) !important}
#srb-app .srb-feedback .srb-ats-done{margin:6px 0 0 !important; font-size:13px !important; color:var(--sr-ok) !important; font-weight:650 !important}
#srb-app .srb-ats-list{display:flex !important; flex-wrap:wrap !important; gap:6px !important}
#srb-app .srb-ats-item{
  display:inline-flex !important; align-items:center !important; gap:8px !important; max-width:100% !important; margin:0 !important; padding:5px 12px 5px 6px !important; border:1px solid var(--sr-line-2) !important; border-radius:999px !important;
  background:#fff !important; color:var(--sr-ink-2) !important; font:600 12.5px/1.3 var(--sr-font) !important; text-align:left !important; cursor:pointer !important; transition:border-color .15s,background-color .15s !important;
}
#srb-app .srb-ats-item:hover{border-color:var(--sr-primary) !important; background:var(--sr-primary-soft) !important; color:var(--sr-primary-600) !important}
#srb-app .srb-ats-item b{flex:none !important; display:inline-grid !important; place-items:center !important; min-width:34px !important; height:22px !important; padding:0 6px !important; border-radius: var(--ex-r-ctl, 3px) !important; background:var(--sr-ok-soft) !important; color:var(--sr-ok) !important; font-size:11.5px !important; font-weight:800 !important}
#srb-app .srb-ats-item.is-penalty b{background:var(--sr-warn-soft) !important; color:var(--sr-warn) !important}
#srb-app .srb-ats-toggle{margin:8px 0 0 !important; padding:0 !important; border:0 !important; background:none !important; color:var(--sr-primary-600) !important; font:650 12.5px/1.2 var(--sr-font) !important; cursor:pointer !important; text-decoration:underline !important; text-underline-offset:3px !important}
#srb-app .srb-ats-all{list-style:none !important; margin:8px 0 0 !important; padding:0 !important; display:grid !important; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)) !important; gap:4px 18px !important; font-size:12.5px !important}
#srb-app .srb-ats-all li{display:flex !important; justify-content:space-between !important; gap:10px !important; padding:3px 0 !important; border-bottom:1px solid var(--sr-line) !important; color:var(--sr-ink-2) !important}
#srb-app .srb-ats-all li b{flex:none !important; font-variant-numeric:tabular-nums !important}
#srb-app .srb-ats-all li.is-ok b{color:var(--sr-ok) !important}
#srb-app .srb-ats-all li.is-part b{color:var(--sr-warn) !important}
#srb-app .srb-ats-all li.is-miss b{color:var(--sr-danger) !important}/* notices (save limit, empty resume) */


#srb-app .srb-notice,#srb-dashboard .srb-notice{
  display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:10px 14px !important; margin:0 0 16px !important; padding:12px 16px !important;
  background:var(--sr-warn-soft) !important; border:1px solid #f0d49a !important; border-radius:var(--ex-r-card, 4px) !important; color:#6b4200 !important; font-size:13.5px !important; font-weight:600 !important; line-height:1.4 !important;
}
#srb-app .srb-notice[hidden],#srb-dashboard .srb-notice[hidden]{display:none !important}
#srb-app .srb-notice a{color:#6b4200 !important; text-decoration:underline !important; text-underline-offset:3px !important}
#srb-app .srb-notice button{margin-left:auto !important; padding:0 6px !important; border:0 !important; background:none !important; color:inherit !important; font-size:20px !important; line-height:1 !important; cursor:pointer !important}

#srb-app .srb-center-column{padding:0 !important}
#srb-app .srb-preview-stage{
  margin:0 auto !important; padding:0 !important; background:none !important; overflow:visible !important;
}
#srb-app .srb-canvas{
  padding:26px 22px 34px !important; border-radius:var(--ex-r-card, 4px) !important; overflow-x:auto !important;
  background:radial-gradient(circle at 1px 1px,color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 7%, transparent) 1px,transparent 0) 0 0/18px 18px,linear-gradient(180deg,var(--ex-tint, #eef3fb),var(--ex-tint, #eef3fb)) !important;
  border:1px solid var(--sr-line) !important;
}
#srb-app #srb-preview{
  border-radius:3px !important; background:#fff !important;
  box-shadow:0 1px 2px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 10%, transparent),0 8px 18px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 10%, transparent),0 32px 70px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 16%, transparent) !important;
}/* ------------------------------------------------------------ right panel */


#srb-app .srb-right-column{
  position:sticky !important; top:var(--sr-top) !important; display:flex !important; flex-direction:column !important; gap:16px !important; width:auto !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important;
  max-height:calc(100vh - var(--sr-top) - 18px) !important; overflow:auto !important; padding-right:2px !important;
}
#srb-app .srb-right-column .srb-card{margin:0 !important; padding:16px 16px 14px !important; background:var(--sr-surface) !important; border:1px solid var(--sr-line) !important; border-radius:var(--sr-r) !important; box-shadow:var(--sr-shadow) !important; color:var(--sr-ink) !important}
#srb-app .srb-right-column h3{display:flex !important; align-items:center !important; gap:9px !important; margin:0 0 4px !important; font-size:14.5px !important; font-weight:750 !important; letter-spacing:-.005em !important; color:var(--sr-ink) !important; font-family:inherit !important}
#srb-app .srb-visibility-card h3{--ico:var(--i-eye)}
#srb-app .srb-order-card h3{--ico:var(--i-list)}
#srb-app .srb-right-column h3::before{color:var(--sr-primary) !important}
#srb-app .srb-right-column .srb-help{margin:0 0 12px !important; font-size:12.5px !important; line-height:1.45 !important; color:var(--sr-muted) !important}
#srb-app .srb-visibility-list{display:flex !important; flex-direction:column !important; gap:0 !important; background:none !important; padding:0 !important}
#srb-app .srb-visibility-row{
  display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; margin:0 !important; padding:8px 4px !important;
  border:0 !important; border-bottom:1px solid var(--sr-line) !important; border-radius:0 !important; background:none !important; cursor:pointer !important; font-weight:600 !important;
}
#srb-app .srb-visibility-row:last-child{border-bottom:0 !important}
#srb-app .srb-visibility-row span{font-size:13.5px !important; color:var(--sr-ink-2) !important; font-weight:600 !important}
#srb-app .srb-visibility-row input[type=checkbox]{
  -webkit-appearance:none !important; appearance:none !important; flex:none !important; position:relative !important; width:40px !important; height:23px !important; margin:0 !important; padding:0 !important;
  border:0 !important; border-radius: var(--ex-r-ctl, 3px) !important; background:var(--ex-line, #d9e1ee) !important; cursor:pointer !important; transition:background-color .2s !important;
}
#srb-app .srb-visibility-row input[type=checkbox]::after{
  content:"" !important; position:absolute !important; top:3px !important; left:3px !important; width:17px !important; height:17px !important; border-radius:50% !important; background:#fff !important;
  box-shadow:0 1px 3px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 30%, transparent) !important; transition:transform .2s !important;
}
#srb-app .srb-visibility-row input[type=checkbox]:checked{background:var(--sr-primary) !important}
#srb-app .srb-visibility-row input[type=checkbox]:checked::after{transform:translateX(17px) !important}
#srb-app .srb-visibility-row:hover span{color:var(--sr-ink) !important}

#srb-app .srb-order-list{display:flex !important; flex-direction:column !important; gap:6px !important; background:none !important; padding:0 !important}
#srb-app .srb-order-item{
  display:flex !important; align-items:center !important; gap:10px !important; margin:0 !important; padding:8px 8px 8px 12px !important; cursor:grab !important;
  background:#fff !important; border:1px solid var(--sr-line) !important; border-radius:var(--ex-r-card, 4px) !important; box-shadow:var(--sr-shadow-sm) !important;
  transition:border-color .15s,box-shadow .15s,transform .15s,opacity .15s !important;
}
#srb-app .srb-order-item:hover{border-color:var(--sr-line-2) !important; box-shadow:0 4px 12px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 8%, transparent) !important}
#srb-app .srb-order-item.is-dragging{opacity:.45 !important; cursor:grabbing !important}
#srb-app .srb-order-item.is-over{border-color:var(--sr-primary) !important; box-shadow:0 0 0 3px color-mix(in srgb, var(--ex-blue, var(--ex-blue, #0b49a1)) 16%, transparent) !important}
#srb-app .srb-order-grip{display:grid !important; grid-template-columns:repeat(2,4px) !important; gap:3px !important; flex:none !important; margin:0 !important; padding:0 !important; background:none !important; width:auto !important}
#srb-app .srb-order-grip i{display:block !important; width:4px !important; height:4px !important; margin:0 !important; border-radius:50% !important; background:var(--sr-faint) !important}
#srb-app .srb-order-label{flex:1 !important; min-width:0 !important; font-size:13.5px !important; font-weight:600 !important; color:var(--sr-ink-2) !important; line-height:1.25 !important}
#srb-app .srb-order-buttons{display:flex !important; gap:2px !important; margin:0 !important}
#srb-app .srb-order-arrow{
  display:grid !important; place-items:center !important; width:28px !important; height:28px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:var(--ex-r-card, 4px) !important;
  background:transparent !important; color:var(--sr-muted) !important; cursor:pointer !important; transition:background-color .15s,color .15s !important;
}
#srb-app .srb-order-arrow>span{display:none !important}
#srb-app .srb-order-arrow::before{width:16px !important; height:16px !important}
#srb-app .srb-order-up{--ico:var(--i-up)}
#srb-app .srb-order-down{--ico:var(--i-down)}
#srb-app .srb-order-arrow:hover:not(:disabled){background:var(--sr-primary-soft) !important; color:var(--sr-primary-600) !important}
#srb-app .srb-order-arrow:disabled{opacity:.28 !important; cursor:default !important}/* ---------------------------------------------------------------- dialogs */


#srb-section-editor-modal,
#srb-publication-review-modal{background:color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 60%, transparent) !important; -webkit-backdrop-filter:blur(5px) !important; backdrop-filter:blur(5px) !important}
#srb-section-editor-modal .srb-section-editor-dialog,
#srb-publication-review-modal .srb-section-editor-dialog{
  background:var(--sr-bg) !important; border:1px solid rgba(255,255,255,.4) !important; border-radius:var(--ex-r-card, 4px) !important; box-shadow:0 40px 100px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 50%, transparent) !important;
}
#srb-section-editor-modal .srb-section-editor-head,
#srb-publication-review-modal .srb-section-editor-head{
  padding:16px 24px !important; color:#fff !important; background:linear-gradient(135deg,#0d2a55 0%,var(--ex-blue, #0b49a1) 58%,var(--ex-blue-soft, #7e9fd4) 100%) !important;
}
#srb-section-editor-modal .srb-section-editor-head h3,
#srb-publication-review-modal .srb-section-editor-head h3{margin:2px 0 0 !important; font-size:20px !important; font-weight:750 !important; letter-spacing:-.01em !important; color:#fff !important; font-family:inherit !important}
#srb-section-editor-modal .srb-section-editor-kicker,
#srb-publication-review-modal .srb-section-editor-kicker{font-size:11.5px !important; font-weight:750 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:var(--ex-line, #d9e1ee) !important}
#srb-section-editor-modal .srb-section-editor-close,
#srb-publication-review-modal .srb-section-editor-close{
  display:grid !important; place-items:center !important; width:38px !important; height:38px !important; padding:0 !important; border:0 !important; border-radius:var(--ex-r-card, 4px) !important; cursor:pointer !important;
  background:rgba(255,255,255,.16) !important; color:#fff !important; font-size:22px !important; line-height:1 !important; transition:background-color .15s !important;
}
#srb-section-editor-modal .srb-section-editor-close:hover,
#srb-publication-review-modal .srb-section-editor-close:hover{background:rgba(255,255,255,.28) !important}
#srb-section-editor-modal .srb-section-editor-body,
#srb-publication-review-modal .srb-section-editor-body{padding:18px 22px 10px !important; background:var(--sr-bg) !important}
#srb-section-editor-modal .srb-section-editor-actions,
#srb-publication-review-modal .srb-section-editor-actions{padding:14px 22px !important; background:#fff !important; border-top:1px solid var(--sr-line) !important; gap:10px !important}
#srb-section-editor-modal .srb-section-editor-body .srb-card,
#srb-publication-review-modal .srb-section-editor-body .srb-card{
  margin:0 0 14px !important; padding:18px !important; background:var(--sr-surface) !important; border:1px solid var(--sr-line) !important; border-radius:var(--ex-r-card, 4px) !important; box-shadow:var(--sr-shadow-sm) !important;
}
#srb-section-editor-modal .srb-section-editor-body h3,
#srb-publication-review-modal .srb-section-editor-body h3,
#srb-section-editor-modal .srb-card-title h3,
#srb-publication-review-modal .srb-card-title h3{font-size:16px !important; font-weight:750 !important; color:var(--sr-ink) !important; margin:0 !important; font-family:inherit !important}
#srb-section-editor-modal .srb-section-editor-body label,
#srb-publication-review-modal .srb-section-editor-body label{display:block !important; margin:0 0 6px !important; font-size:13px !important; font-weight:650 !important; color:var(--sr-ink-2) !important}
#srb-section-editor-modal .srb-section-editor-body :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea,select),
#srb-publication-review-modal .srb-section-editor-body :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea,select){
  display:block !important; width:100% !important; margin:0 0 10px !important; padding:11px 13px !important; border:1px solid var(--sr-line-2) !important; border-radius:var(--ex-r-card, 4px) !important; background:#fff !important;
  font:500 14px/1.45 var(--sr-font) !important; color:var(--sr-ink) !important; box-shadow:none !important; transition:border-color .15s,box-shadow .15s !important;
}
#srb-section-editor-modal .srb-section-editor-body :is(input,textarea,select)::placeholder,
#srb-publication-review-modal .srb-section-editor-body :is(input,textarea,select)::placeholder{color:var(--sr-faint) !important}
#srb-section-editor-modal .srb-section-editor-body :is(input,textarea,select):hover,
#srb-publication-review-modal .srb-section-editor-body :is(input,textarea,select):hover{border-color:var(--ex-line, #d9e1ee) !important}
#srb-section-editor-modal .srb-section-editor-body :is(input,textarea,select):focus,
#srb-publication-review-modal .srb-section-editor-body :is(input,textarea,select):focus{border-color:var(--sr-primary) !important; box-shadow:0 0 0 4px color-mix(in srgb, var(--ex-blue, var(--ex-blue, #0b49a1)) 14%, transparent) !important; outline:0 !important}
#srb-section-editor-modal .srb-section-editor-body input[type=checkbox],
#srb-publication-review-modal .srb-section-editor-body input[type=checkbox]{accent-color:var(--sr-primary) !important; width:17px !important; height:17px !important}
#srb-section-editor-modal label.srb-check,
#srb-publication-review-modal label.srb-check,
#srb-section-editor-modal .srb-check,
#srb-publication-review-modal .srb-check{display:flex !important; align-items:center !important; gap:8px !important; margin:0 0 10px !important; font-weight:600 !important}
#srb-section-editor-modal .srb-check input[type=checkbox],
#srb-publication-review-modal .srb-check input[type=checkbox]{margin:0 !important; flex:none !important}
#srb-section-editor-modal .srb-entry,
#srb-publication-review-modal .srb-entry{margin:0 0 14px !important; padding:14px !important; background:var(--sr-soft) !important; border:1px solid var(--sr-line) !important; border-radius:var(--ex-r-card, 4px) !important}
#srb-section-editor-modal .srb-entry-head,
#srb-publication-review-modal .srb-entry-head{margin:0 0 10px !important; font-size:13px !important; font-weight:750 !important; color:var(--sr-ink-2) !important}
#srb-section-editor-modal .srb-remove,
#srb-publication-review-modal .srb-remove{padding:5px 10px !important; border:1px solid #f0c9cc !important; border-radius:var(--ex-r-card, 4px) !important; background:#fff !important; color:var(--sr-danger) !important; font:650 12.5px/1 var(--sr-font) !important; cursor:pointer !important}
#srb-section-editor-modal .srb-remove:hover,
#srb-publication-review-modal .srb-remove:hover{background:#fff1f2 !important}
#srb-section-editor-modal .srb-help,
#srb-publication-review-modal .srb-help{color:var(--sr-muted) !important; font-size:13px !important; line-height:1.5 !important}/* ------------------------------------------------------------ dashboard */


body #srb-dashboard.srb-dashboard{
  max-width:1360px !important; margin:0 auto !important; padding:0 0 28px !important; color:var(--sr-ink) !important;
  background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; min-height:0 !important;
  font-family:var(--sr-font) !important; font-size:14px !important; line-height:1.5 !important; -webkit-font-smoothing:antialiased !important;
}
#srb-dashboard *,#srb-dashboard *::before,#srb-dashboard *::after{box-sizing:border-box !important}
#srb-dashboard :not(.srb-card-thumb):not(.srb-card-thumb *){font-family:var(--sr-font) !important}
body #srb-dashboard.srb-dashboard .srb-dashboard-shell{display:grid !important; grid-template-columns:260px minmax(0,1fr) !important; gap:22px !important; align-items:start !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; min-height:0 !important}
body #srb-dashboard.srb-dashboard .srb-dashboard-sidebar{
  position:static !important; display:flex !important; flex-direction:column !important; gap:16px !important; width:auto !important; min-height:0 !important; padding:18px 14px 14px !important;
  background:var(--sr-surface) !important; color:var(--sr-ink) !important; border:1px solid var(--sr-line) !important; border-radius:var(--sr-r) !important; box-shadow:var(--sr-shadow) !important;
}
body #srb-dashboard.srb-dashboard .srb-sidebar-brand{display:flex !important; align-items:center !important; gap:12px !important; margin:0 !important; padding:0 6px !important; background:none !important; border:0 !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-brand>span{display:grid !important; place-items:center !important; flex:none !important; width:42px !important; height:42px !important; border-radius:var(--ex-r-card, 4px) !important; background:linear-gradient(135deg,var(--sr-primary),var(--sr-accent)) !important; color:#fff !important; font-size:14px !important; font-weight:800 !important; letter-spacing:.02em !important; box-shadow:0 8px 18px color-mix(in srgb, var(--ex-blue, var(--ex-blue, #0b49a1)) 30%, transparent) !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-brand>span svg{display:block !important; width:64% !important; height:64% !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-brand strong{display:block !important; font-size:16px !important; font-weight:750 !important; letter-spacing:-.01em !important; color:var(--sr-ink) !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-brand small{display:block !important; font-size:12px !important; color:var(--sr-muted) !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-role{margin:0 !important; padding:12px 14px !important; background:var(--sr-soft) !important; border:1px solid var(--sr-line) !important; border-radius:var(--ex-r-card, 4px) !important; color:var(--sr-ink) !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-role span{display:block !important; font-size:11px !important; font-weight:750 !important; letter-spacing:.09em !important; text-transform:uppercase !important; color:var(--sr-muted) !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-role strong{display:block !important; margin-top:2px !important; font-size:14px !important; font-weight:700 !important; color:var(--sr-ink) !important; overflow-wrap:anywhere !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav{display:flex !important; flex-direction:column !important; gap:3px !important; margin:0 !important; padding:0 !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav a{
  display:flex !important; align-items:center !important; gap:12px !important; margin:0 !important; padding:9px 12px !important; border:0 !important; border-radius:var(--ex-r-card, 4px) !important; background:transparent !important; color:var(--sr-ink-2) !important;
  font-size:14px !important; font-weight:650 !important; text-decoration:none !important; box-shadow:none !important; transition:background-color .15s,color .15s !important;
}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav a:hover{background:var(--sr-soft) !important; color:var(--sr-ink) !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav a.is-active{background:var(--sr-primary-soft) !important; color:var(--sr-primary-600) !important; box-shadow:inset 3px 0 0 var(--sr-primary) !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav a>i{position:relative !important; flex:none !important; display:block !important; width:34px !important; height:34px !important; margin:0 !important; padding:0 !important; border-radius:var(--ex-r-card, 4px) !important; background:var(--sr-soft) !important; color:var(--sr-muted) !important; font-size:0 !important; line-height:0 !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav a.is-active>i{background:#fff !important; color:var(--sr-primary) !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav a>i::before{content:"" !important; position:absolute !important; inset:0 !important; margin:auto !important; width:18px !important; height:18px !important; background:currentColor !important; -webkit-mask:var(--ico) center/contain no-repeat !important; mask:var(--ico) center/contain no-repeat !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav a>i[data-ico="grid"]{--ico:var(--i-grid)}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav a>i[data-ico="plus"]{--ico:var(--i-plus)}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav a>i[data-ico="trend"]{--ico:var(--i-trend)}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav a>i[data-ico="home"]{--ico:var(--i-home)}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav a>i[data-ico="user"]{--ico:var(--i-user)}
body #srb-dashboard.srb-dashboard .srb-sidebar-nav a>span{font:inherit !important; color:inherit !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-logout{display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; margin:0 !important; padding:9px 12px !important; border:1px solid var(--sr-line-2) !important; border-radius:var(--ex-r-card, 4px) !important; background:#fff !important; color:var(--sr-ink-2) !important; font-size:13.5px !important; font-weight:650 !important; text-decoration:none !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-logout::before{content:"" !important; width:16px !important; height:16px !important; background:currentColor !important; -webkit-mask:var(--i-logout) center/contain no-repeat !important; mask:var(--i-logout) center/contain no-repeat !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-logout:hover{border-color:var(--sr-danger) !important; color:var(--sr-danger) !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-version{margin:0 !important; padding:0 6px !important; background:none !important; color:var(--sr-faint) !important; font-size:12px !important}
body #srb-dashboard.srb-dashboard .srb-sidebar-version span,body #srb-dashboard.srb-dashboard .srb-sidebar-version small{display:inline !important; color:inherit !important; font-size:inherit !important}

body #srb-dashboard.srb-dashboard .srb-dashboard-main{min-width:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important}
body #srb-dashboard.srb-dashboard .srb-dashboard-head{
  display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:16px 24px !important; margin:0 0 16px !important; padding:22px 24px !important;
  background:var(--sr-surface) !important; border:1px solid var(--sr-line) !important; border-radius:var(--sr-r) !important; box-shadow:var(--sr-shadow) !important;
}
body #srb-dashboard.srb-dashboard .srb-dashboard-eyebrow{display:block !important; margin:0 0 4px !important; font-size:11.5px !important; font-weight:750 !important; letter-spacing:.09em !important; text-transform:uppercase !important; color:var(--sr-primary) !important}
body #srb-dashboard.srb-dashboard .srb-dashboard-head h1{margin:0 !important; font-size:26px !important; font-weight:800 !important; letter-spacing:-.02em !important; line-height:1.15 !important; color:var(--sr-ink) !important}
body #srb-dashboard.srb-dashboard .srb-dashboard-head p{margin:6px 0 0 !important; max-width:60ch !important; font-size:14px !important; color:var(--sr-muted) !important}
body #srb-dashboard.srb-dashboard .srb-dashboard-tools{display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:14px 18px !important}
body #srb-dashboard.srb-dashboard .srb-usage{display:flex !important; flex-direction:column !important; gap:6px !important; min-width:170px !important}
body #srb-dashboard.srb-dashboard .srb-usage span{font-size:12.5px !important; font-weight:650 !important; color:var(--sr-ink-2) !important}
body #srb-dashboard.srb-dashboard .srb-usage i{display:block !important; height:7px !important; border-radius: var(--ex-r-ctl, 3px) !important; background:var(--ex-tint, #eef3fb) !important; overflow:hidden !important}
body #srb-dashboard.srb-dashboard .srb-usage i b{display:block !important; width:0 !important; height:100% !important; border-radius: var(--ex-r-ctl, 3px) !important; background:linear-gradient(90deg,var(--sr-primary),var(--sr-accent)) !important; transition:width .4s ease !important}
body #srb-dashboard.srb-dashboard .srb-usage.is-full i b{background:linear-gradient(90deg,var(--sr-warn),var(--sr-danger)) !important}
body #srb-dashboard.srb-dashboard .srb-usage.is-full span{color:var(--sr-danger) !important}
body #srb-dashboard.srb-dashboard .srb-create-btn{--ico:var(--i-plus)}
body #srb-dashboard.srb-dashboard .srb-create-btn::before{content:"" !important; flex:none !important; width:17px !important; height:17px !important; background:currentColor !important; -webkit-mask:var(--ico) center/contain no-repeat !important; mask:var(--ico) center/contain no-repeat !important}
body #srb-dashboard.srb-dashboard .srb-create-btn.is-limit{opacity:.55 !important; filter:grayscale(.4) !important}

body #srb-dashboard.srb-dashboard .srb-dashboard-stats{display:grid !important; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important; gap:14px !important; margin:0 0 16px !important; padding:0 !important; background:none !important}
body #srb-dashboard.srb-dashboard .srb-dashboard-stats>div{position:relative !important; display:block !important; margin:0 !important; padding:16px 18px 16px 70px !important; min-height:82px !important; background:var(--sr-surface) !important; border:1px solid var(--sr-line) !important; border-radius:var(--sr-r) !important; box-shadow:var(--sr-shadow-sm) !important}
body #srb-dashboard.srb-dashboard .srb-dashboard-stats>div::before{content:"" !important; position:absolute !important; left:16px !important; top:50% !important; width:40px !important; height:40px !important; margin-top:-20px !important; border-radius:var(--ex-r-card, 4px) !important; background:var(--sr-primary-soft) !important}
body #srb-dashboard.srb-dashboard .srb-dashboard-stats>div::after{content:"" !important; position:absolute !important; left:28px !important; top:50% !important; width:16px !important; height:16px !important; margin-top:-8px !important; background:var(--sr-primary) !important; -webkit-mask:var(--ico) center/contain no-repeat !important; mask:var(--ico) center/contain no-repeat !important}
body #srb-dashboard.srb-dashboard .srb-dashboard-stats>div:nth-child(1){--ico:var(--i-file)}
body #srb-dashboard.srb-dashboard .srb-dashboard-stats>div:nth-child(2){--ico:var(--i-layers)}
body #srb-dashboard.srb-dashboard .srb-dashboard-stats>div:nth-child(3){--ico:var(--i-clock)}
body #srb-dashboard.srb-dashboard .srb-dashboard-stats small{display:block !important; margin:0 !important; font-size:11.5px !important; font-weight:750 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:var(--sr-muted) !important}
body #srb-dashboard.srb-dashboard .srb-dashboard-stats strong{display:block !important; margin:1px 0 0 !important; font-size:22px !important; font-weight:800 !important; letter-spacing:-.02em !important; line-height:1.2 !important; color:var(--sr-ink) !important}
body #srb-dashboard.srb-dashboard .srb-dashboard-stats span{display:block !important; font-size:12.5px !important; color:var(--sr-muted) !important}

body #srb-dashboard.srb-dashboard .srb-dashboard-library{margin:0 !important; padding:20px 22px 22px !important; background:var(--sr-surface) !important; border:1px solid var(--sr-line) !important; border-radius:var(--sr-r) !important; box-shadow:var(--sr-shadow) !important}
body #srb-dashboard.srb-dashboard .srb-library-heading{display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:flex-end !important; justify-content:space-between !important; gap:12px !important; margin:0 0 16px !important; padding:0 !important; border:0 !important; background:none !important}
body #srb-dashboard.srb-dashboard .srb-library-heading>div{flex:1 1 auto !important; min-width:0 !important; margin:0 !important; text-align:left !important}
body #srb-dashboard.srb-dashboard .srb-library-heading span{display:block !important; font-size:11.5px !important; font-weight:750 !important; letter-spacing:.09em !important; text-transform:uppercase !important; color:var(--sr-muted) !important}
body #srb-dashboard.srb-dashboard .srb-library-heading h2{margin:2px 0 0 !important; font-size:19px !important; font-weight:750 !important; letter-spacing:-.01em !important; color:var(--sr-ink) !important}
body #srb-dashboard.srb-dashboard .srb-library-heading small{display:inline-block !important; padding:4px 11px !important; border-radius: var(--ex-r-ctl, 3px) !important; background:var(--sr-soft) !important; border:1px solid var(--sr-line) !important; font-size:12.5px !important; font-weight:700 !important; color:var(--sr-ink-2) !important}
body #srb-dashboard.srb-dashboard .srb-resume-grid{display:grid !important; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)) !important; gap:18px !important; margin:0 !important; padding:0 !important}
body #srb-dashboard.srb-dashboard .srb-resume-card{
  display:flex !important; flex-direction:column !important; gap:14px !important; margin:0 !important; padding:12px 12px 14px !important; background:var(--sr-surface) !important; border:1px solid var(--sr-line) !important; border-radius:var(--ex-r-card, 4px) !important;
  box-shadow:var(--sr-shadow-sm) !important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}
body #srb-dashboard.srb-dashboard .srb-resume-card:hover{transform:translateY(-3px) !important; border-color:var(--sr-line-2) !important; box-shadow:0 14px 34px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 12%, transparent) !important}
body #srb-dashboard.srb-dashboard .srb-card-thumb{
  --acc:var(--ex-blue, #0b49a1); position:relative !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:7px !important; height:148px !important; padding-top:30px !important; overflow:hidden !important; margin:0 !important;
  border-radius:var(--ex-r-card, 4px) !important; background:linear-gradient(180deg,var(--ex-tint, #eef3fb),var(--ex-tint, #eef3fb)) !important;
}
body #srb-dashboard.srb-dashboard .srb-card-thumb::before{content:"" !important; position:absolute !important; left:50% !important; top:14px !important; width:104px !important; height:160px !important; margin-left:-52px !important; border-radius:4px !important; background:#fff !important; box-shadow:0 2px 4px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 10%, transparent),0 12px 26px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 16%, transparent) !important}
body #srb-dashboard.srb-dashboard .srb-card-thumb i{position:relative !important; z-index:1 !important; display:block !important; height:4px !important; border-radius:2px !important; background:var(--ex-line, #d9e1ee) !important}
body #srb-dashboard.srb-dashboard .srb-card-thumb i:nth-child(1){width:44px !important; height:6px !important; margin-bottom:3px !important; background:var(--acc) !important}
body #srb-dashboard.srb-dashboard .srb-card-thumb i:nth-child(2){width:64px !important; background:var(--ex-line, #d9e1ee) !important}
body #srb-dashboard.srb-dashboard .srb-card-thumb i:nth-child(3){width:78px !important; margin-top:6px !important; height:5px !important; background:color-mix(in srgb,var(--acc) 35%,var(--ex-tint, #eef3fb)) !important}
body #srb-dashboard.srb-dashboard .srb-card-thumb i:nth-child(4){width:78px !important}
body #srb-dashboard.srb-dashboard .srb-card-thumb i:nth-child(5){width:70px !important}
body #srb-dashboard.srb-dashboard .srb-card-thumb i:nth-child(6){width:74px !important}
body #srb-dashboard.srb-dashboard .srb-card-thumb[data-tpl="modern"],body #srb-dashboard.srb-dashboard .srb-card-thumb[data-tpl="skills-first"]{--acc:#0f9d76}
body #srb-dashboard.srb-dashboard .srb-card-thumb[data-tpl="executive"],body #srb-dashboard.srb-dashboard .srb-card-thumb[data-tpl="compact"]{--acc:var(--ex-ink, #0b1f44)}
body #srb-dashboard.srb-dashboard .srb-card-thumb[data-tpl="classic-serif"],body #srb-dashboard.srb-dashboard .srb-card-thumb[data-tpl="academic"]{--acc:var(--ex-blue, #0b49a1)}
body #srb-dashboard.srb-dashboard .srb-card-thumb[data-tpl="plain"]{--acc:var(--ex-ink, #0b1f44)}
body #srb-dashboard.srb-dashboard .srb-card-thumb[data-tpl="academic-modern"]{--acc:var(--ex-blue, #0b49a1)}
body #srb-dashboard.srb-dashboard .srb-card-thumb[data-tpl="graduate-clean"],body #srb-dashboard.srb-dashboard .srb-card-thumb[data-tpl="graduate-contemporary"]{--acc:var(--ex-blue-d, #082f6b)}
body #srb-dashboard.srb-dashboard .srb-card-body{display:flex !important; flex-direction:column !important; gap:2px !important; padding:0 4px !important; margin:0 !important; background:none !important; border:0 !important}
body #srb-dashboard.srb-dashboard .srb-template-badge{align-self:flex-start !important; display:inline-block !important; margin:0 0 6px !important; padding:3px 10px !important; border-radius: var(--ex-r-ctl, 3px) !important; background:var(--sr-primary-soft) !important; color:var(--sr-primary-600) !important; font-size:11.5px !important; font-weight:700 !important; line-height:1.4 !important}
body #srb-dashboard.srb-dashboard .srb-resume-card h3{margin:0 !important; font-size:16px !important; font-weight:750 !important; letter-spacing:-.01em !important; line-height:1.3 !important; color:var(--sr-ink) !important; overflow-wrap:anywhere !important}
body #srb-dashboard.srb-dashboard .srb-resume-card p{margin:0 !important; font-size:13.5px !important; color:var(--sr-muted) !important}
body #srb-dashboard.srb-dashboard .srb-resume-card .srb-updated{display:block !important; margin-top:4px !important; font-size:12px !important; color:var(--sr-faint) !important}
body #srb-dashboard.srb-dashboard .srb-card-actions{display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin:0 !important; padding:12px 0 0 !important; border-top:1px solid var(--sr-line) !important; background:none !important}
body #srb-dashboard.srb-dashboard .srb-action{
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; min-height:34px !important; margin:0 !important; padding:6px 12px !important; border:1px solid var(--sr-line-2) !important; border-radius:var(--ex-r-card, 4px) !important;
  background:#fff !important; color:var(--sr-ink-2) !important; font-size:13px !important; font-weight:650 !important; text-decoration:none !important; cursor:pointer !important; box-shadow:none !important; transition:border-color .15s,background-color .15s,color .15s !important;
}
body #srb-dashboard.srb-dashboard .srb-action::before{content:"" !important; flex:none !important; width:15px !important; height:15px !important; background:currentColor !important; -webkit-mask:var(--ico) center/contain no-repeat !important; mask:var(--ico) center/contain no-repeat !important}
body #srb-dashboard.srb-dashboard .srb-action:hover{border-color:var(--sr-primary) !important; color:var(--sr-primary-600) !important; background:var(--sr-primary-soft) !important}
body #srb-dashboard.srb-dashboard .srb-action-edit{--ico:var(--i-edit); flex:1 1 auto !important; border-color:transparent !important; background:linear-gradient(135deg,var(--sr-primary),var(--sr-accent)) !important; color:#fff !important}
body #srb-dashboard.srb-dashboard .srb-action-edit:hover{color:#fff !important; background:linear-gradient(135deg,var(--sr-primary-600),var(--sr-accent)) !important; border-color:transparent !important}
body #srb-dashboard.srb-dashboard .srb-action-pdf{--ico:var(--i-download)}
body #srb-dashboard.srb-dashboard .srb-action-dup{--ico:var(--i-copy)}
body #srb-dashboard.srb-dashboard .srb-action-pdf,body #srb-dashboard.srb-dashboard .srb-action-dup,body #srb-dashboard.srb-dashboard .srb-action.danger{width:36px !important; padding:6px 0 !important; font-size:0 !important; gap:0 !important}
body #srb-dashboard.srb-dashboard .srb-action-pdf::before,body #srb-dashboard.srb-dashboard .srb-action-dup::before,body #srb-dashboard.srb-dashboard .srb-action.danger::before{width:16px !important; height:16px !important}
body #srb-dashboard.srb-dashboard .srb-action.danger{--ico:var(--i-trash); margin-left:auto !important; color:var(--sr-danger) !important; border-color:#f0c9cc !important}
body #srb-dashboard.srb-dashboard .srb-action.danger:hover{background:#fff1f2 !important; border-color:var(--sr-danger) !important; color:var(--sr-danger) !important}
body #srb-dashboard.srb-dashboard .srb-action[disabled]{opacity:.55 !important; cursor:progress !important}
body #srb-dashboard.srb-dashboard .srb-loading{grid-column:1/-1 !important; padding:40px 0 !important; text-align:center !important; color:var(--sr-muted) !important}
body #srb-dashboard.srb-dashboard .srb-empty{grid-column:1/-1 !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:8px !important; margin:0 !important; padding:36px 16px 28px !important; text-align:center !important; background:none !important; border:1px dashed var(--sr-line-2) !important; border-radius:var(--ex-r-card, 4px) !important; color:var(--sr-muted) !important}
body #srb-dashboard.srb-dashboard .srb-empty h3{margin:0 !important; font-size:18px !important; color:var(--sr-ink) !important}
body #srb-dashboard.srb-dashboard .srb-empty p{margin:0 0 8px !important; max-width:44ch !important}
body #srb-dashboard.srb-dashboard .srb-empty-art{width:96px !important; height:112px !important; margin-bottom:6px !important; border-radius:6px !important; background:linear-gradient(180deg,#fff,var(--ex-tint, #eef3fb)) !important; box-shadow:0 2px 4px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 10%, transparent),0 14px 30px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 14%, transparent) !important; background-image:linear-gradient(var(--sr-primary),var(--sr-primary)),repeating-linear-gradient(180deg,var(--ex-line, #d9e1ee) 0 4px,transparent 4px 12px) !important; background-size:40px 6px,64px 70px !important; background-position:16px 18px,16px 34px !important; background-repeat:no-repeat !important}/* delete confirmation */


body #srb-dashboard.srb-dashboard .srb-confirm-overlay{background:color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 60%, transparent) !important; -webkit-backdrop-filter:blur(5px) !important; backdrop-filter:blur(5px) !important}
body #srb-dashboard.srb-dashboard .srb-confirm-overlay[hidden]{display:none !important}
body #srb-dashboard.srb-dashboard .srb-confirm-dialog{background:#fff !important; border:1px solid var(--sr-line) !important; border-radius:var(--ex-r-card, 4px) !important; box-shadow:0 40px 100px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 45%, transparent) !important; padding:28px 26px 22px !important}
body #srb-dashboard.srb-dashboard .srb-confirm-dialog h3{margin:8px 0 6px !important; font-size:19px !important; font-weight:750 !important; color:var(--sr-ink) !important}
body #srb-dashboard.srb-dashboard .srb-confirm-dialog p{margin:0 !important; color:var(--sr-muted) !important}
body #srb-dashboard.srb-dashboard .srb-confirm-icon{background:#fff1f2 !important; color:var(--sr-danger) !important}
body #srb-dashboard.srb-dashboard .srb-confirm-actions{display:flex !important; gap:10px !important; margin-top:20px !important}
body #srb-dashboard.srb-dashboard .srb-confirm-cancel,body #srb-dashboard.srb-dashboard .srb-confirm-delete{flex:1 !important; min-height:42px !important; border-radius:var(--ex-r-card, 4px) !important; font-size:14px !important; font-weight:700 !important; cursor:pointer !important}
body #srb-dashboard.srb-dashboard .srb-confirm-cancel{background:#fff !important; border:1px solid var(--sr-line-2) !important; color:var(--sr-ink-2) !important}
body #srb-dashboard.srb-dashboard .srb-confirm-delete{background:var(--sr-danger) !important; border:1px solid var(--sr-danger) !important; color:#fff !important}/* --------------------------------------------------------------- responsive */

@media (max-width:1279px){
  #srb-app .srb-layout{grid-template-columns:minmax(0,1fr) 270px !important; grid-template-areas:"rail rail" "main right" !important; gap:16px !important}
  #srb-app .srb-layout>.srb-section-rail{grid-area:rail !important; grid-column:auto !important; width:100% !important; min-width:0 !important; justify-self:stretch !important; align-self:start !important; height:auto !important; position:static !important; max-height:none !important; flex-direction:row !important; align-items:center !important; gap:6px !important; padding:8px !important; overflow-x:auto !important; overflow-y:hidden !important; scrollbar-width:thin !important}
  #srb-app .srb-layout>.srb-main{grid-area:main !important; grid-column:auto !important}
  #srb-app .srb-layout>.srb-right-column{grid-area:right !important; grid-column:auto !important}
  #srb-app .srb-section-rail-head{display:none !important}
  #srb-app .srb-section-launch{flex:none !important; width:auto !important; min-height:46px !important; padding:5px 10px 5px 6px !important; gap:10px !important; border-radius:var(--ex-r-card, 4px) !important; white-space:nowrap !important}
  #srb-app .srb-section-launch>.srb-rail-ico{width:32px !important; height:32px !important}
  #srb-app .srb-section-launch>.srb-rail-text small{display:none !important}
  #srb-app .srb-section-launch.active{box-shadow:inset 0 -3px 0 var(--sr-primary) !important}
  #srb-app .srb-builder-toolbar-head p{display:none !important}
}
@media (max-width:1499px){
  #srb-app .srb-builder-toolbar-head p{display:none !important}
}
@media (max-width:979px){
  #srb-app .srb-layout{grid-template-columns:minmax(0,1fr) !important; grid-template-areas:"rail" "main" "right" !important}
  #srb-app .srb-layout>.srb-right-column{position:static !important; max-height:none !important; overflow:visible !important; display:grid !important; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important; align-items:start !important}
  #srb-app .srb-builder-toolbar-controls{justify-content:flex-start !important; flex-basis:100% !important}
  #srb-app .srb-toolbar-actions{margin-left:auto !important}
}
@media (max-width:640px){
  #srb-app{padding-bottom:92px !important}
  #srb-app .srb-topline{grid-template-columns:minmax(0,1fr) !important}
  #srb-app .srb-preview-tools{flex-direction:row !important; align-items:center !important; justify-content:space-between !important; padding:10px 12px !important}
  #srb-app .srb-toolbar{padding:12px 14px !important; gap:12px !important}
  #srb-app .srb-builder-toolbar-controls{flex-direction:column !important; align-items:stretch !important; gap:10px !important}
  #srb-app #srb-resume-name,#srb-app .srb-template-card select{width:100% !important; min-width:0 !important}
  #srb-app .srb-name-control-line{width:100% !important}
  #srb-app .srb-name-control-line input{flex:1 !important}
  #srb-app .srb-template-card{width:100% !important}
  #srb-app .srb-toolbar-actions{
    position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:9990 !important; margin:0 !important; padding:10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
    display:grid !important; grid-auto-flow:column !important; grid-auto-columns:1fr !important; gap:10px !important; background:rgba(255,255,255,.96) !important;
    -webkit-backdrop-filter:blur(10px) !important; backdrop-filter:blur(10px) !important; border-top:1px solid var(--sr-line) !important; box-shadow:0 -8px 24px color-mix(in srgb, var(--ex-navy, var(--ex-navy, #0b1f44)) 10%, transparent) !important;
  }
  #srb-app .srb-toolbar-actions .srb-login-note{justify-content:center !important; max-width:none !important; min-height:46px !important; padding:0 12px !important; border-radius:var(--ex-r-card, 4px) !important; font-size:14px !important; font-weight:700 !important}
  #srb-app .srb-toolbar-actions .srb-login-note .srb-login-long{display:none !important}
  #srb-app .srb-toolbar-actions .srb-login-note .srb-login-short{display:inline !important}
  #srb-app .srb-toolbar-actions .srb-btn{min-height:46px !important}
  #srb-app .srb-canvas{padding:14px 8px 20px !important; border-radius:var(--ex-r-card, 4px) !important}
  #srb-app .srb-score-panel{flex-wrap:wrap !important; gap:10px !important; padding:12px 14px !important}
  #srb-app .srb-feedback{flex-basis:100% !important; padding:10px 0 0 !important; border-left:0 !important; border-top:1px solid var(--sr-line) !important}
  #srb-section-editor-modal .srb-section-editor-head,
#srb-publication-review-modal .srb-section-editor-head{padding:14px 16px !important}
  #srb-section-editor-modal .srb-section-editor-body,
#srb-publication-review-modal .srb-section-editor-body{padding:14px 12px 8px !important}
}
@media (prefers-reduced-motion:reduce){
  #srb-app *,#srb-app *::before,#srb-app *::after{transition:none!important; animation:none!important}
}
@media print{
  #srb-app .srb-canvas{padding:0; background:none; border:0}
}
@media (max-width:979px){
  body #srb-dashboard.srb-dashboard .srb-dashboard-shell{grid-template-columns:minmax(0,1fr) !important}
  body #srb-dashboard.srb-dashboard .srb-dashboard-sidebar{position:static !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; gap:12px 16px !important; padding:12px 14px !important}
  body #srb-dashboard.srb-dashboard .srb-sidebar-role,body #srb-dashboard.srb-dashboard .srb-sidebar-version{display:none !important}
  body #srb-dashboard.srb-dashboard .srb-sidebar-nav{flex-direction:row !important; flex-wrap:wrap !important; flex:1 1 auto !important; gap:4px !important}
  body #srb-dashboard.srb-dashboard .srb-sidebar-nav a{padding:6px 10px 6px 6px !important}
  body #srb-dashboard.srb-dashboard .srb-sidebar-nav a>i{width:30px !important; height:30px !important}
}
@media (max-width:640px){
  body #srb-dashboard.srb-dashboard .srb-dashboard-head{padding:18px 16px !important}
  body #srb-dashboard.srb-dashboard .srb-dashboard-head h1{font-size:22px !important}
  body #srb-dashboard.srb-dashboard .srb-dashboard-tools{width:100% !important}
  body #srb-dashboard.srb-dashboard .srb-dashboard-tools .srb-usage{flex:1 1 100% !important}
  body #srb-dashboard.srb-dashboard .srb-dashboard-tools .srb-btn{flex:1 1 100% !important}
  body #srb-dashboard.srb-dashboard .srb-dashboard-library{padding:16px 14px 18px !important}
  body #srb-dashboard.srb-dashboard .srb-resume-grid{grid-template-columns:minmax(0,1fr) !important}
  body #srb-dashboard.srb-dashboard .srb-sidebar-nav a>span{font-size:13px !important}
  body #srb-dashboard.srb-dashboard .srb-dashboard-sidebar{flex-wrap:nowrap !important; overflow-x:auto !important; gap:8px !important; padding:8px !important; scrollbar-width:thin !important}
  body #srb-dashboard.srb-dashboard .srb-sidebar-brand{display:none !important}
  body #srb-dashboard.srb-dashboard .srb-sidebar-nav{flex-wrap:nowrap !important; flex:0 0 auto !important}
  body #srb-dashboard.srb-dashboard .srb-sidebar-nav a{white-space:nowrap !important}
  body #srb-dashboard.srb-dashboard .srb-sidebar-logout{flex:0 0 auto !important; white-space:nowrap !important; padding:8px 12px !important}
}
@media (prefers-reduced-motion:reduce){
  body #srb-dashboard *{transition:none !important}
}