/* Five worxi presets. "original" deliberately has no general surface/text overrides. */
body.xsorx-button-colors.xsorx-style-blue{
  --xsorx-style-canvas:#f5f9ff;--xsorx-style-surface:rgba(255,255,255,.94);
  --xsorx-style-solid:#fff;--xsorx-style-soft:#edf4ff;--xsorx-style-border:#b8cce6;
  --xsorx-style-text:#17324f;--xsorx-style-heading:#123d6a;--xsorx-style-muted:#4e6682;
  --xsorx-style-link:#185abd;--xsorx-style-head:#dfeafa;--xsorx-style-head-text:#123d6a;
}
body.xsorx-button-colors.xsorx-style-corporate{
  --xsorx-style-canvas:#fff;--xsorx-style-surface:rgba(255,255,255,.94);
  --xsorx-style-solid:#fff;--xsorx-style-soft:#f3f3f3;--xsorx-style-border:#cdcdcd;
  --xsorx-style-text:#202020;--xsorx-style-heading:#111;--xsorx-style-muted:#595959;
  --xsorx-style-link:#202020;--xsorx-style-head:#ececec;--xsorx-style-head-text:#151515;
}
body.xsorx-button-colors.xsorx-style-graphite{
  --xsorx-style-canvas:#161616;--xsorx-style-surface:rgba(38,38,38,.92);
  --xsorx-style-solid:#262626;--xsorx-style-soft:#343434;--xsorx-style-border:#666;
  --xsorx-style-text:#ededed;--xsorx-style-heading:#fff;--xsorx-style-muted:#c7c7c7;
  --xsorx-style-link:#e1e1e1;--xsorx-style-head:#393939;--xsorx-style-head-text:#fff;color-scheme:dark;
}
body.xsorx-button-colors.xsorx-style-ruby{
  --xsorx-style-canvas:#fff8f7;--xsorx-style-surface:rgba(255,255,255,.90);
  --xsorx-style-solid:#fff;--xsorx-style-soft:#fbf0f1;--xsorx-style-border:#d9b9bf;
  --xsorx-style-text:#30282c;--xsorx-style-heading:#8c1e34;--xsorx-style-muted:#66545c;
  --xsorx-style-link:#92233a;--xsorx-style-head:#f4e0e5;--xsorx-style-head-text:#661a2b;
}
body.xsorx-button-colors.xsorx-themed.xsorx-site-shell,
body.xsorx-button-colors.xsorx-themed.xsorx-style-standalone{
  background:var(--xsorx-style-canvas)!important;color:var(--xsorx-style-text)!important;
}
body.xsorx-button-colors.xsorx-themed.wp-admin #wpcontent{background:var(--xsorx-style-canvas);color:var(--xsorx-style-text)}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-site-main,.xsorx-admin-page,.wrap,.xsorx-manager,.xsorx-person-portal,.xsorx-profile,dialog,.oggfp-wrap){
  color:var(--xsorx-style-text)!important;
}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-manager,.xsorx-person-portal,.xsorx-person-content,.xsorx-profile,.xsorx-profile-head,.xsorx-card,.xsorx-profile-section,.xsorx-personnel-editor,.xsorx-person-summary>div,.xsorx-profile-summary>div,.xsorx-balance-panel>div,.ekol-itf-form,.xsorx-verify-box,.oggfp-wrap,.xsorx-private-item,.xsorx-private-note-open,.xsorx-admin-page .card,.wrap .card){
  background:var(--xsorx-style-surface)!important;color:var(--xsorx-style-text)!important;
  border-color:var(--xsorx-style-border)!important;
}
body.xsorx-button-colors.xsorx-themed dialog{
  background:var(--xsorx-style-solid)!important;color:var(--xsorx-style-text)!important;border-color:var(--xsorx-style-border)!important;
}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-site-main,.xsorx-admin-page,.wrap,dialog) :is(h1,h2,h3,h4,legend){
  color:var(--xsorx-style-heading)!important;
}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-site-main,.xsorx-admin-page,.wrap,dialog) label{
  color:var(--xsorx-style-text)!important;
}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-site-main,.xsorx-admin-page,.wrap,dialog) :is(p,li,dd){color:inherit}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-site-main,.xsorx-admin-page,.wrap,dialog) :is(small,.description,.oggfp-help,.oggfp-photo-status){
  color:var(--xsorx-style-muted);
}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-site-main,.xsorx-admin-page,.wrap,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=button]):not([type=submit]):not([type=file]),select,textarea):not(.xsorx-shift-input):not(.xsorx-timesheet-input){
  background:var(--xsorx-style-solid)!important;color:var(--xsorx-style-text)!important;border-color:var(--xsorx-style-border)!important;
}
body.xsorx-button-colors.xsorx-themed :is(input,textarea)::placeholder{color:var(--xsorx-style-muted)!important;opacity:1}
body.xsorx-button-colors.xsorx-themed input[type=file]{color:var(--xsorx-style-text)}
body.xsorx-button-colors.xsorx-themed :is(input,select,textarea):focus-visible{outline:2px solid var(--xsorx-button-primary)!important;outline-offset:2px}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-person-profile-header,.xsorx-profile-header,.xsorx-profile-data>div,.xsorx-profile-data span,.xsorx-profile-data b,.xsorx-private-note-meta,.oggfp-brand-title,.oggfp-brand-sub){
  color:var(--xsorx-style-text)!important;background-color:transparent!important;
}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-private-content,.xsorx-private-note-body,.xsorx-private-collapsible summary){color:var(--xsorx-style-text)!important}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-person-profile-header,.xsorx-profile-header){border-color:var(--xsorx-style-border)!important}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-mail-modal-head,.xsorx-mail-modal-actions,.xsorx-shift-legend,.xsorx-shift-source,.oggfp-head,.oggfp-checkbox,.xsorx-calendar-popover,.xsorx-calendar-more-list,.xsorx-shift-gap-list li),
body.xsorx-button-colors.xsorx-themed dialog :is([class*="-dialog-head"],[class*="-modal-head"]){
  background:var(--xsorx-style-soft)!important;color:var(--xsorx-style-text)!important;border-color:var(--xsorx-style-border)!important;
}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-shift-legend span,.xsorx-calendar-popover small,.xsorx-shift-gap-list small){color:var(--xsorx-style-muted)}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-site-main,.xsorx-admin-page,.wrap,dialog) table:not(.xsorx-shift-table):not(.xsorx-timesheet-table) th{
  background:var(--xsorx-style-head)!important;color:var(--xsorx-style-head-text)!important;border-color:var(--xsorx-style-border)!important;
}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-site-main,.xsorx-admin-page,.wrap,dialog) table:not(.xsorx-shift-table):not(.xsorx-timesheet-table) td:not([class*="status-"]):not([style*="background"]){
  background:var(--xsorx-style-surface)!important;color:var(--xsorx-style-text)!important;border-color:var(--xsorx-style-border)!important;
}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-site-main,.xsorx-admin-page,.wrap,dialog) table a:not(.xsorx-btn){color:var(--xsorx-style-link)!important}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-shift-wrap,.xsorx-timesheet-wrap,.xsorx-calendar-desktop,.xsorx-calendar-mobile-row,.xsorx-profile-section){border-color:var(--xsorx-style-border)!important}
/* Sort links use the same neutral ink as the active personnel action header,
   never the theme accent/link colour (including visited/hover/focus states). */
body.xsorx-button-colors #xsorx-active-personnel-table thead th{color:#000!important;font-weight:700!important}
body.xsorx-button-colors #xsorx-active-personnel-table thead th a{color:inherit!important;font-weight:inherit!important}
body.xsorx-button-colors #xsorx-active-personnel-table td a.xsorx-phone-link{color:inherit!important;text-decoration:none!important}
/* The shared name link already has the pool's 700 weight. Nested STRONG must
   inherit it instead of applying the browser's extra-bold relative weight. */
body.xsorx-button-colors #xsorx-active-personnel-table td a.xsorx-name-link strong{font-weight:inherit!important}
body.xsorx-button-colors[data-xsorx-mode="dark"] #xsorx-active-personnel-table thead th,
body.xsorx-button-colors.xsorx-style-graphite:not([data-xsorx-mode]) #xsorx-active-personnel-table thead th{color:#fff!important}
/* Neutral spreadsheet cells inherit the preset. Meaningful fills/codes remain intact. */
body.xsorx-button-colors.xsorx-themed :is(.xsorx-shift-table,.xsorx-timesheet-table){background:var(--xsorx-style-solid)!important}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-shift-table,.xsorx-timesheet-table) th:not([class*="is-"]):not([class*="has-"]):not([style*="background"]){
  background:var(--xsorx-style-head)!important;color:var(--xsorx-style-head-text)!important;border-color:var(--xsorx-style-border)!important;
}
body.xsorx-button-colors.xsorx-themed :is(.xsorx-shift-table,.xsorx-timesheet-table) td:not([class*="is-"]):not([class*="has-"]):not([style*="background"]){
  background:var(--xsorx-style-solid)!important;color:var(--xsorx-style-text)!important;border-color:var(--xsorx-style-border)!important;
}
body.xsorx-button-colors.xsorx-themed .xsorx-shift-input:not(.is-automatic){color:inherit!important}
/* Name cells are THs but sequence cells are TDs: use the same identity-column
   surface in light palettes. Dark personal mode already paints both alike. */
body.xsorx-button-colors.xsorx-themed table.xsorx-timesheet-table tbody td:is(.xsorx-puantaj-order,.xsorx-puantaj-role,.xsorx-puantaj-hire,.xsorx-puantaj-exit,.xsorx-joker-project):not([class*="is-"]):not([class*="has-"]):not([style*="background"]){background:var(--xsorx-style-head)!important;color:var(--xsorx-style-head-text)!important}
body.xsorx-button-colors.xsorx-style-original table.xsorx-timesheet-table tbody td:is(.xsorx-puantaj-role,.xsorx-puantaj-hire,.xsorx-puantaj-exit){background:#fff!important}
body.xsorx-button-colors.xsorx-themed .xsorx-shift-name small{color:var(--xsorx-style-muted)!important}
body.xsorx-button-colors.xsorx-themed .oggfp-section{color:var(--xsorx-style-heading)!important;border-color:var(--xsorx-style-border)!important}
body.xsorx-button-colors.xsorx-themed .oggfp-head:after{display:none}
body.xsorx-button-colors.xsorx-themed .oggfp-field :is(input,select,textarea){transition:border-color .15s ease,box-shadow .15s ease}
body.xsorx-button-colors.xsorx-themed .xsorx-manager :is(.xsorx-stat-card,.xsorx-manager-grid>.xsorx-card):is(:hover,:focus-visible){
  background:var(--xsorx-button-primary)!important;color:var(--xsorx-button-primary-text)!important;border-color:var(--xsorx-button-primary)!important;
}
body.xsorx-button-colors.xsorx-themed.xsorx-style-standalone .card{background:var(--xsorx-style-surface)!important;color:var(--xsorx-style-text)!important;border-color:var(--xsorx-style-border)!important}
body.xsorx-button-colors.xsorx-themed.xsorx-style-standalone :is(dt,dd){border-color:var(--xsorx-style-border)!important}
body.xsorx-button-colors.xsorx-themed.xsorx-style-standalone dt{background:var(--xsorx-style-head)!important;color:var(--xsorx-style-head-text)!important}
.xsorx-button-color-settings .xsorx-style-select,.xsorx-button-color-settings .xsorx-style-reset{grid-column:1/-1}
.xsorx-button-color-settings .xsorx-style-select select{max-width:100%;min-height:42px;box-sizing:border-box}
/* The live calendar uses DIVs, not TABLEs. Theme those actual components,
   including its separate mobile view, without changing dates or event data. */
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section{
  --xsorx-calendar-surface:var(--xsorx-style-solid,#fff);
  --xsorx-calendar-soft:var(--xsorx-style-soft,#f4f6f9);
  --xsorx-calendar-line:var(--xsorx-style-border,#d9dee7);
  --xsorx-calendar-text:var(--xsorx-style-text,#172b4d);
  --xsorx-calendar-heading:var(--xsorx-style-heading,#172b4d);
  --xsorx-calendar-link:var(--xsorx-style-link,#174f9c);
  --xsorx-calendar-head:var(--xsorx-button-secondary,#344054);
  --xsorx-calendar-head-text:var(--xsorx-button-secondary-text,#fff);
  color:var(--xsorx-calendar-text);
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section :is(.xsorx-calendar-grid,.xsorx-calendar-day,.xsorx-calendar-stat){
  background:var(--xsorx-calendar-surface)!important;color:var(--xsorx-calendar-text)!important;border-color:var(--xsorx-calendar-line)!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-weekday{
  background:var(--xsorx-calendar-head)!important;color:var(--xsorx-calendar-head-text)!important;border-color:var(--xsorx-calendar-line)!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-day.is-empty{background:var(--xsorx-calendar-soft)!important}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-day.is-today{
  box-shadow:inset 0 0 0 2px var(--xsorx-style-heading,var(--xsorx-button-primary,#9f3737))!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-title{color:var(--xsorx-calendar-heading)!important}
/* Full-width date strip, not a badge behind just the numeral.
   Cancel the day's 7px inset only for its header; event content keeps its inset. */
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-number{
  display:block;margin:-7px -7px 5px;padding:5px 7px;
  background:var(--xsorx-calendar-head)!important;color:var(--xsorx-calendar-head-text)!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-mobile-date{
  padding:5px 7px;background:var(--xsorx-calendar-head)!important;color:var(--xsorx-calendar-head-text)!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section :is(.xsorx-calendar-legend,.xsorx-calendar-more>summary){color:var(--xsorx-calendar-text)!important}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section :is(.xsorx-calendar-popover,.xsorx-calendar-more-list){
  background:var(--xsorx-calendar-surface)!important;color:var(--xsorx-calendar-text)!important;border-color:var(--xsorx-calendar-line)!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-popover :is(span,strong){color:inherit!important}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-profile-link,
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-profile-link:is(:hover,:focus){
  color:var(--xsorx-calendar-link)!important;text-decoration:underline;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-mobile-row{
  background:var(--xsorx-calendar-surface)!important;color:var(--xsorx-calendar-text)!important;border-color:var(--xsorx-calendar-line)!important;
}
/* Theme the strips; preserve leave/report meanings as the legend's coloured squares. */
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-event{
  background:var(--xsorx-calendar-soft)!important;color:var(--xsorx-calendar-text)!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-event>summary{
  position:relative;padding-left:23px;color:var(--xsorx-calendar-text)!important;font-weight:700;border-radius:4px;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-event>summary::before{
  content:"";position:absolute;left:7px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:2px;
  background:var(--xsorx-calendar-event-color);box-shadow:0 0 0 1px rgba(255,255,255,.55);
}
.xsorx-calendar-section .type-annual{--xsorx-calendar-event-color:var(--xsorx-status-annual,#a6a6a6)}
.xsorx-calendar-section .type-unpaid{--xsorx-calendar-event-color:var(--xsorx-status-unpaid,#ffc000)}
.xsorx-calendar-section .type-excuse{--xsorx-calendar-event-color:var(--xsorx-status-excuse,#b7d7a8)}
.xsorx-calendar-section .type-other{--xsorx-calendar-event-color:var(--xsorx-status-other,#70ad47)}
.xsorx-calendar-section .type-report{--xsorx-calendar-event-color:var(--xsorx-status-report,#4472c4)}
.xsorx-calendar-section .type-absence{--xsorx-calendar-event-color:var(--xsorx-status-absence,#ffe699)}
.xsorx-calendar-section .xsorx-calendar-legend .xsorx-calendar-dot{background:var(--xsorx-calendar-event-color)}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-event>summary:is(:hover,:focus-visible){
  background:var(--xsorx-button-primary)!important;color:var(--xsorx-button-primary-text)!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-event>summary:focus-visible{
  outline:2px solid var(--xsorx-calendar-heading);outline-offset:2px;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section :is(.xsorx-calendar-more>summary,.xsorx-calendar-profile-link):focus-visible{
  outline:2px solid var(--xsorx-calendar-heading)!important;outline-offset:2px;
}
/* Names remain readable theme text, not generic blue links. Action buttons are excluded. */
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) :is(.xsorx-site-main,.xsorx-admin-page,.wrap,dialog) :is(.xsorx-name-link,.xsorx-job-candidate-name,table a[href*="employee_id="],table a[href*="profile="]):not(.xsorx-btn):not(.button){
  color:var(--xsorx-style-text,#172b4d)!important;font-weight:700!important;
}
/* Email addresses are text-like controls, not filled action buttons.
   Transparent background follows the containing profile/table in every state. */
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) :is(.xsorx-site-main,.xsorx-admin-page,.wrap,dialog) :is(.xsorx-email-message-trigger,a[href^="mailto:"],a[href^="tel:"],.xsorx-job-phone a,.xsorx-application-phone-link){
  background:transparent!important;background-image:none!important;color:var(--xsorx-style-text,#172b4d)!important;
  text-decoration:none!important;box-shadow:none!important;border-color:transparent!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) :is(.xsorx-email-message-trigger,a[href^="mailto:"],a[href^="tel:"],.xsorx-name-link):focus-visible{
  outline:2px solid var(--xsorx-style-heading,#172b4d)!important;outline-offset:2px;
}
/* Apply grid lines independently of semantic fills (weekends, HT, overtime).
   The original stylesheet gives these cells black right/bottom borders. */
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) :is(.xsorx-shift-wrap,.xsorx-shift-table,.xsorx-shift-table th,.xsorx-shift-table td){
  border-color:var(--xsorx-style-border,#d9dee7)!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-shift-table :is(.xsorx-shift-order,.xsorx-shift-name){
  box-shadow:inset -1px 0 var(--xsorx-style-border,#d9dee7)!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) :is(.xsorx-site-main,.xsorx-admin-page,.wrap,dialog) .xsorx-shift-wrap table.xsorx-shift-table :is(th,td).xsorx-shift-order{
  background:var(--xsorx-style-head,#edf1f5)!important;color:var(--xsorx-style-head-text,#000)!important;
}
.xsorx-shift-joker-table caption>span{width:auto;max-width:calc(100vw - 56px);white-space:normal}
/* Reminder colours follow the selected appearance; no effect on gap detection/dismissal. */
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-manager .xsorx-shift-gap-trigger{
  background:var(--xsorx-style-soft,#f4f6f9)!important;color:var(--xsorx-style-text,#172b4d)!important;
  border-color:var(--xsorx-button-primary)!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-manager .xsorx-shift-gap-trigger:is(:hover,:focus-visible){
  background:var(--xsorx-button-primary)!important;color:var(--xsorx-button-primary-text)!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-shift-gap-count{
  background:var(--xsorx-button-primary)!important;color:var(--xsorx-button-primary-text)!important;
}
body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-shift-gap-trigger:focus-visible{
  outline-color:var(--xsorx-style-heading,#172b4d)!important;
}
@media(min-width:761px){
  body.xsorx-button-colors:is(.xsorx-themed,.xsorx-style-original) .xsorx-calendar-section .xsorx-calendar-grid>.xsorx-calendar-day:is(:nth-child(7n),:nth-child(7n + 6)) :is(.xsorx-calendar-popover,.xsorx-calendar-more-list){left:auto;right:0}
}
/* One shared management menu; the personnel portal and section submenus are unchanged. */
body.xsorx-button-colors .xsorx-manager>.xsorx-panel-header{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
  padding:8px 0 14px;
}
body.xsorx-button-colors .xsorx-manager>.xsorx-panel-header>.xsorx-panel-brand{margin:0}
body.xsorx-button-colors .xsorx-manager>.xsorx-panel-header>.xsorx-shift-gap-trigger{margin-left:auto;max-width:100%}
body.xsorx-button-colors .xsorx-manager .xsorx-manager-menu-toggle{display:none!important}
body.xsorx-button-colors .xsorx-manager>nav.xsorx-manager-nav{
  display:flex;align-items:stretch;flex-wrap:wrap;gap:6px;overflow:visible;max-width:100%;
  margin:0 0 16px;padding:10px;border:1px solid var(--xsorx-style-border,#d9dee7);border-radius:7px;
  background:var(--xsorx-style-soft,#f4f6f9);
}
body.xsorx-button-colors .xsorx-manager>nav.xsorx-manager-nav>a,
body.xsorx-button-colors .xsorx-manager>nav.xsorx-manager-nav>form.inline .xsorx-btn{
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:40px!important;
  height:auto!important;width:auto;padding:10px 11px!important;font-size:14px;line-height:1.25!important;
  text-align:center;white-space:nowrap;font-weight:700;
}
body.xsorx-button-colors .xsorx-manager>nav.xsorx-manager-nav>.xsorx-manager-logout{margin-left:auto}
@media(max-width:850px){
  body.xsorx-button-colors .xsorx-manager>.xsorx-panel-header{gap:10px}
  body.xsorx-button-colors .xsorx-manager>.xsorx-panel-header>.xsorx-panel-brand{order:0;max-width:calc(100% - 100px)}
  body.xsorx-button-colors .xsorx-manager>.xsorx-panel-header>.xsorx-panel-brand img{max-width:100%!important;max-height:48px}
  body.xsorx-button-colors .xsorx-manager.has-collapsible-menu .xsorx-manager-menu-toggle{
    order:1;display:flex!important;align-items:center;justify-content:center;gap:6px;min-height:44px!important;margin-left:auto;
  }
  body.xsorx-button-colors .xsorx-manager>.xsorx-panel-header>.xsorx-shift-gap-trigger{
    order:2;flex:0 0 100%;width:100%;margin:0;justify-content:flex-start;font-size:13px;
  }
  body.xsorx-button-colors .xsorx-manager>.xsorx-panel-header>.xsorx-shift-gap-trigger>.xsorx-shift-gap-count{margin-left:auto}
  body.xsorx-button-colors .xsorx-manager>nav.xsorx-manager-nav{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
  }
  body.xsorx-button-colors .xsorx-manager.has-collapsible-menu>nav.xsorx-manager-nav:not(.is-menu-open){display:none}
  body.xsorx-button-colors .xsorx-manager>nav.xsorx-manager-nav>a,
  body.xsorx-button-colors .xsorx-manager>nav.xsorx-manager-nav>form.inline,
  body.xsorx-button-colors .xsorx-manager>nav.xsorx-manager-nav>form.inline .xsorx-btn{
    width:100%!important;min-width:0;min-height:44px!important;white-space:normal!important;margin:0;
  }
}
/* Mobile masthead stays in flow, then sticks; no fixed positioning or spacer jump. */
@media screen and (max-width:850px){
  body.xsorx-button-colors.admin-bar .xsorx-manager{--xsorx-manager-top-offset:32px}
  body.xsorx-button-colors .xsorx-manager>.xsorx-panel-header{
    position:sticky;top:var(--xsorx-manager-top-offset,0px);z-index:100;
    background:var(--xsorx-style-solid,#fff);border-bottom:1px solid var(--xsorx-style-border,#d9dee7);
  }
  body.xsorx-button-colors .xsorx-manager.has-collapsible-menu>nav.xsorx-manager-nav{
    position:sticky;top:calc(var(--xsorx-manager-top-offset,0px) + var(--xsorx-manager-header-height,140px));z-index:99;
    max-height:calc(100vh - var(--xsorx-manager-top-offset,0px) - var(--xsorx-manager-header-height,140px) - 12px);
    max-height:calc(100svh - var(--xsorx-manager-top-offset,0px) - var(--xsorx-manager-header-height,140px) - 12px);
    overflow-y:auto;overscroll-behavior-y:contain;
    background:var(--xsorx-style-solid,#fff);
  }
}
@media screen and (min-width:601px) and (max-width:782px){body.xsorx-button-colors.admin-bar .xsorx-manager{--xsorx-manager-top-offset:46px}}
@media screen and (max-width:600px){body.xsorx-button-colors.admin-bar .xsorx-manager{--xsorx-manager-top-offset:0px}}
@media print{
  body.xsorx-button-colors .xsorx-manager .xsorx-manager-menu-toggle{display:none!important}
  body.xsorx-button-colors .xsorx-manager.has-collapsible-menu>nav.xsorx-manager-nav:not(.is-menu-open){display:grid}
}
/* Personnel main navigation only: profile action rows/forms retain their behaviour. */
body.xsorx-button-colors .xsorx-person-portal>.xsorx-person-panel-header{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 14px;
}
body.xsorx-button-colors .xsorx-person-portal .xsorx-person-menu-toggle{
  display:none!important;border:0;border-radius:5px;padding:10px 12px;font:inherit;font-size:14px;font-weight:700;
}
body.xsorx-button-colors .xsorx-person-portal>#xsorx-person-navigation{
  display:flex;align-items:stretch;flex-wrap:wrap;gap:6px;overflow:visible;max-width:100%;
  margin:0 0 16px;padding:10px;border:1px solid var(--xsorx-style-border,#d9dee7);border-radius:7px;
  background:var(--xsorx-style-soft,#f4f6f9);
}
body.xsorx-button-colors .xsorx-person-portal>#xsorx-person-navigation>.xsorx-person-nav-form{display:flex;align-items:stretch;flex:0 0 auto;margin:0}
body.xsorx-button-colors .xsorx-person-portal>#xsorx-person-navigation button{
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;
  min-height:40px!important;height:auto!important;padding:10px 11px!important;
  font-size:14px;line-height:1.25!important;white-space:nowrap!important;
}
body.xsorx-button-colors .xsorx-person-portal>#xsorx-person-navigation>.xsorx-person-nav-form:last-child{margin-left:auto}
@media screen and (max-width:850px){
  body.xsorx-button-colors.admin-bar .xsorx-person-portal{--xsorx-person-top-offset:32px}
  body.xsorx-button-colors .xsorx-person-portal>.xsorx-person-panel-header{
    position:sticky;top:var(--xsorx-person-top-offset,0px);z-index:100;
    background:var(--xsorx-style-solid,#fff);border-bottom:1px solid var(--xsorx-style-border,#d9dee7);
  }
  body.xsorx-button-colors .xsorx-person-portal>.xsorx-person-panel-header>.xsorx-panel-brand{min-width:0;max-width:calc(100% - 100px)}
  body.xsorx-button-colors .xsorx-person-portal>.xsorx-person-panel-header>.xsorx-panel-brand img{max-width:100%!important;max-height:48px}
  body.xsorx-button-colors .xsorx-person-portal.has-person-menu .xsorx-person-menu-toggle{
    display:flex!important;align-items:center;justify-content:center;gap:6px;min-height:44px!important;margin-left:auto;
  }
  body.xsorx-button-colors .xsorx-person-portal>#xsorx-person-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.xsorx-button-colors .xsorx-person-portal.has-person-menu>#xsorx-person-navigation{
    position:sticky;top:calc(var(--xsorx-person-top-offset,0px) + var(--xsorx-person-header-height,84px));z-index:99;
    max-height:calc(100vh - var(--xsorx-person-top-offset,0px) - var(--xsorx-person-header-height,84px) - 12px);
    max-height:calc(100svh - var(--xsorx-person-top-offset,0px) - var(--xsorx-person-header-height,84px) - 12px);
    overflow-y:auto;overscroll-behavior-y:contain;background:var(--xsorx-style-solid,#fff);
  }
  body.xsorx-button-colors .xsorx-person-portal.has-person-menu>#xsorx-person-navigation:not(.is-menu-open){display:none}
  body.xsorx-button-colors .xsorx-person-portal>#xsorx-person-navigation>.xsorx-person-nav-form{width:100%;min-width:0;margin:0}
  body.xsorx-button-colors .xsorx-person-portal>#xsorx-person-navigation button{min-height:44px!important;white-space:normal!important}
}
@media screen and (min-width:601px) and (max-width:782px){body.xsorx-button-colors.admin-bar .xsorx-person-portal{--xsorx-person-top-offset:46px}}
@media screen and (max-width:600px){body.xsorx-button-colors.admin-bar .xsorx-person-portal{--xsorx-person-top-offset:0px}}
@media print{
  body.xsorx-button-colors .xsorx-person-portal .xsorx-person-menu-toggle{display:none!important}
  body.xsorx-button-colors .xsorx-person-portal.has-person-menu>#xsorx-person-navigation:not(.is-menu-open){display:flex}
}
@media print{body.xsorx-button-colors.xsorx-themed{
  --xsorx-style-canvas:#fff;--xsorx-style-surface:#fff;--xsorx-style-solid:#fff;--xsorx-style-soft:#f5f5f5;
  --xsorx-style-border:#aaa;--xsorx-style-text:#000;--xsorx-style-heading:#000;--xsorx-style-muted:#333;
  --xsorx-style-link:#000;--xsorx-style-head:#eee;--xsorx-style-head-text:#000;color-scheme:light;
}}