:root{--brand-primary:#0a2b70;--brand-primary-soft:#173c83;--brand-accent:#c987d3;--brand-canvas:#f5ead8;--brand-paper:#fffdf9;--brand-ink:#061f58}

/* Exact eight-way symmetry for the quick Settings menu trigger. */
html .brand-settings-button{width:48px!important;height:48px!important;min-width:48px!important;border-color:color-mix(in srgb,var(--brand-primary) 16%,transparent)!important;background:linear-gradient(145deg,#fff,#fbf7f0)!important;box-shadow:0 7px 18px rgba(10,43,112,.09),inset 0 1px 0 #fff!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}
html .brand-settings-button>svg{display:block!important;width:22px!important;height:22px!important;transform-origin:50% 50%;filter:drop-shadow(0 1px 0 rgba(255,255,255,.65));transition:transform .22s ease}
html .brand-settings-button:before{display:none!important;content:none!important}
html .brand-settings-button:hover{transform:translateY(-1px)}
html .brand-settings-button:hover>svg{transform:rotate(22.5deg)}
html .brand-settings-button[aria-expanded=true]>svg{transform:rotate(45deg)}
html .brand-settings-button:hover,html .brand-settings-button[aria-expanded=true]{border-color:var(--brand-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-accent) 18%,transparent),0 9px 20px rgba(10,43,112,.12)!important}
html .brand-settings-button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-accent) 48%,transparent);outline-offset:3px}
html,body,.admin-shell,.pacs-left,.pacs-right,.admin-tabs,.dashboard-hero,.modal-head,.btn,.admin-tab{transition:background-color .28s ease,color .28s ease,border-color .28s ease}

/* Company branding control */
.admin-global-tools{position:relative}.brand-settings-button{display:grid!important;width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;place-items:center;border:1px solid rgba(10,43,112,.13)!important;border-radius:50%!important;background:#fff!important;color:var(--brand-primary)!important;cursor:pointer}.brand-settings-button svg{width:20px;height:20px}.brand-settings-button:hover,.brand-settings-button[aria-expanded=true]{border-color:var(--brand-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-accent) 18%,transparent)!important}.brand-settings-popover{position:fixed!important;z-index:2147483000!important;top:70px;left:20px;right:auto!important;width:min(410px,calc(100vw - 28px));max-height:calc(100vh - 90px);overflow-x:hidden;overflow-y:auto;border:0!important;outline:0;border-radius:20px;background:var(--brand-paper);box-shadow:0 24px 70px rgba(10,22,49,.28);color:var(--brand-ink);isolation:isolate}.brand-settings-popover[hidden]{display:none!important}.brand-settings-head{display:flex;align-items:center;gap:12px;padding:17px 19px;background:var(--brand-primary);color:#fff}.brand-settings-head>div{flex:1}.brand-settings-head span,.brand-settings-head b{display:block}.brand-settings-head span{color:var(--brand-accent);font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.brand-settings-head b{margin-top:4px;font-size:18px}.brand-settings-close{width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:18px;cursor:pointer}.brand-settings-body{padding:16px}.brand-settings-body>p{margin:0 0 13px;color:#806f58;font-size:11px;line-height:1.45}.brand-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.brand-mode-option{min-height:116px;padding:12px!important;border:1px solid rgba(10,43,112,.13)!important;border-radius:14px!important;background:#fff!important;color:#10265d!important;text-align:left;cursor:pointer}.brand-mode-option img{display:block;width:100%;height:45px;object-fit:contain;object-position:left center}.brand-mode-option b,.brand-mode-option small{display:block}.brand-mode-option b{margin-top:9px;font-size:12px}.brand-mode-option small{margin-top:3px;color:#8a765d;font-size:9px}.brand-mode-option.is-selected{border-color:var(--brand-accent)!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand-accent) 45%,transparent),0 7px 18px rgba(10,43,112,.08)}.brand-mode-option.is-selected:after{float:right;margin-top:-21px;content:'✓';color:#258159;font-weight:900}.brand-settings-note{margin-top:13px;padding:11px 12px;border-radius:11px;background:color-mix(in srgb,var(--brand-accent) 14%,white);font-size:9px;line-height:1.45}.brand-settings-note b,.brand-settings-note span{display:block}.brand-settings-note span{margin-top:3px;color:#806f58}.brand-save-status{min-height:15px;margin-top:9px;color:#257355;font-size:9px;font-weight:700}.brand-legal-footer{padding:16px 24px 21px;color:#8e7c65;font-size:9px;text-align:center}

/* TechnoSoft uses charcoal for structural surfaces while preserving semantic status colors. */
html[data-brand-mode=TECHNOSOFT]{--navy:#1b1b1b;--navy-dark:#101010;--pacs-navy:#1b1b1b;--pacs-navy-2:#292929;--pacs-orchid:#006699;--pacs-orchid-lift:#1580b3;--pacs-orchid-soft:#dcecf3;--dash-orchid:#006699;--brand-accent:#006699;--pacs-cream:#f5ede1;--pacs-cream-2:#fffdf9;--pacs-ink:#191919;--pacs-shadow:0 22px 60px rgba(0,0,0,.22)}
html[data-brand-mode=TECHNOSOFT] .admin-tab[data-tab=settings]{display:none!important}
html[data-brand-mode=TECHNOSOFT] body,html[data-brand-mode=TECHNOSOFT] .admin-shell,html[data-brand-mode=TECHNOSOFT] .admin-panel,html[data-brand-mode=TECHNOSOFT] .performance-shell{background:#f5ede1!important;color:#191919!important}
html[data-brand-mode=TECHNOSOFT] .pacs-window-titlebar,html[data-brand-mode=TECHNOSOFT] .admin-tabs,html[data-brand-mode=TECHNOSOFT] .schedule-brandbar{background:linear-gradient(145deg,#161616,#222)!important}
html[data-brand-mode=TECHNOSOFT] .pacs-window-titlebar{border-bottom-color:#006699!important}
/* TechnoSoft deliberately shares the PACS sidebar geometry. Only its palette
   and logo change, so switching brands cannot move or resize navigation. */
html[data-brand-mode=TECHNOSOFT] .admin-brand img{width:82px!important;height:45px!important;object-fit:contain!important;filter:none!important}.admin-brand img{object-fit:contain}
html[data-brand-mode=TECHNOSOFT] .admin-brand span{display:none!important}
html[data-brand-mode=TECHNOSOFT] .global-admin-hero{background:transparent!important;border:0!important;box-shadow:none!important}html[data-brand-mode=TECHNOSOFT] .global-admin-hero h1,html[data-brand-mode=TECHNOSOFT] .panel-title,html[data-brand-mode=TECHNOSOFT] h1,html[data-brand-mode=TECHNOSOFT] h2,html[data-brand-mode=TECHNOSOFT] h3{color:#191919!important}
html[data-brand-mode=TECHNOSOFT] .dashboard-date,html[data-brand-mode=TECHNOSOFT] .pacs-kpi-card.primary,html[data-brand-mode=TECHNOSOFT] .schedule-hero,html[data-brand-mode=TECHNOSOFT] .schedule-board-head,html[data-brand-mode=TECHNOSOFT] .weekly-schedule .day-headers,html[data-brand-mode=TECHNOSOFT] .clinical-division-head,html[data-brand-mode=TECHNOSOFT] .location-header,html[data-brand-mode=TECHNOSOFT] .modal-head,html[data-brand-mode=TECHNOSOFT] .staff-editor-head,html[data-brand-mode=TECHNOSOFT] .portal-head,html[data-brand-mode=TECHNOSOFT] .leave-hub-head{background:#1b1b1b!important;color:#fff!important}
html[data-brand-mode=TECHNOSOFT] .dashboard-date b,html[data-brand-mode=TECHNOSOFT] .dashboard-date span{color:#fff!important}
html[data-brand-mode=TECHNOSOFT] .btn-navy,html[data-brand-mode=TECHNOSOFT] .btn-crimson-sm,html[data-brand-mode=TECHNOSOFT] button.primary,html[data-brand-mode=TECHNOSOFT] .pacs-period-current{border-color:#1b1b1b!important;background:#1b1b1b!important;color:#fff!important}
html[data-brand-mode=TECHNOSOFT] .pacs-kpi-card,html[data-brand-mode=TECHNOSOFT] .pacs-coverage-card,html[data-brand-mode=TECHNOSOFT] .priority-centre,html[data-brand-mode=TECHNOSOFT] .report-card,html[data-brand-mode=TECHNOSOFT] .performance-filter-card,html[data-brand-mode=TECHNOSOFT] .performance-results{background:#fffdf9!important;border-color:rgba(27,27,27,.10)!important;box-shadow:0 10px 28px rgba(27,27,27,.06)!important}
html[data-brand-mode=TECHNOSOFT] input,html[data-brand-mode=TECHNOSOFT] select,html[data-brand-mode=TECHNOSOFT] textarea{color:#191919!important}
html[data-brand-mode=TECHNOSOFT] .coverage-area{fill:rgba(27,27,27,.10)!important}
html[data-brand-mode=TECHNOSOFT] .coverage-actual,html[data-brand-mode=TECHNOSOFT] .coverage-point{stroke:#1b1b1b!important}
html[data-brand-mode=TECHNOSOFT] .coverage-tooltip{fill:#1b1b1b!important}
html[data-brand-mode=TECHNOSOFT] .modal-head h1,html[data-brand-mode=TECHNOSOFT] .modal-head h2,html[data-brand-mode=TECHNOSOFT] .modal-head h3,html[data-brand-mode=TECHNOSOFT] .staff-editor-head h1,html[data-brand-mode=TECHNOSOFT] .staff-editor-head h2,html[data-brand-mode=TECHNOSOFT] .portal-head h1,html[data-brand-mode=TECHNOSOFT] .portal-head h2,html[data-brand-mode=TECHNOSOFT] .leave-hub-head h1,html[data-brand-mode=TECHNOSOFT] .leave-hub-head h2,html[data-brand-mode=TECHNOSOFT] .schedule-hero h1,html[data-brand-mode=TECHNOSOFT] .schedule-hero h2{color:#fff!important}
html[data-brand-mode=TECHNOSOFT] #tsrModal .staff-profile-head:before{display:none!important}
html[data-brand-mode=TECHNOSOFT] #tsrModal .staff-profile-brand-logo{display:block!important;width:116px!important;height:43px!important;flex:0 0 116px;object-fit:contain;filter:brightness(0) invert(1)}
html[data-brand-mode=TECHNOSOFT] #tsrModal .staff-profile-head-copy span,html[data-brand-mode=TECHNOSOFT] #tsrModal .staff-profile-head-copy b{color:#fff!important}
html[data-brand-mode=TECHNOSOFT] #tsrModal .staff-editor-intro{background:linear-gradient(135deg,#171717 0%,#242424 58%,#303030 100%)!important;box-shadow:0 10px 26px rgba(0,0,0,.2)!important}
html[data-brand-mode=TECHNOSOFT] #tsrModal .staff-editor-intro span,html[data-brand-mode=TECHNOSOFT] #tsrModal .staff-editor-intro h2,html[data-brand-mode=TECHNOSOFT] #tsrModal .staff-editor-intro p,html[data-brand-mode=TECHNOSOFT] #tsrModal .staff-editor-intro>b{color:#fff!important}
html[data-brand-mode=TECHNOSOFT] #tsrModal .staff-editor-intro p{color:rgba(255,255,255,.76)!important}
html[data-brand-mode=TECHNOSOFT] #tsrModal .staff-editor-intro>b{border-color:rgba(255,255,255,.52)!important;background:rgba(255,255,255,.08)!important}

/* TechnoSoft kiosk and personal schedule */
.brand-full-logo{display:none}.pacs-brand .brand-full-logo{width:300px;height:94px;object-fit:contain;object-position:left center}.schedule-brandbar .brand-full-logo{width:176px;height:54px;object-fit:contain}
html[data-brand-mode=TECHNOSOFT] .brand-full-logo{display:block!important}
html[data-brand-mode=TECHNOSOFT] .pacs-mark,html[data-brand-mode=TECHNOSOFT] .pacs-hub-mark,html[data-brand-mode=TECHNOSOFT] .pacs-wordmark,html[data-brand-mode=TECHNOSOFT] .schedule-brandbar>strong{display:none!important}
html[data-brand-mode=TECHNOSOFT] .pacs-kiosk{background:#1b1b1b!important}html[data-brand-mode=TECHNOSOFT] .pacs-left{background:radial-gradient(circle at 25% 28%,#292929,#171717 67%)!important;color:#fff!important}html[data-brand-mode=TECHNOSOFT] .pacs-right{background:linear-gradient(135deg,#fffdf9,#f5ede1)!important;color:#191919!important}
html[data-brand-mode=TECHNOSOFT] .pacs-brand{align-items:center!important}html[data-brand-mode=TECHNOSOFT] .pacs-brand .pacs-site{padding-left:25px;border-left:1px solid rgba(255,255,255,.24);color:rgba(255,255,255,.62)!important}
html[data-brand-mode=TECHNOSOFT] .pacs-second-track{stroke:#424242!important}html[data-brand-mode=TECHNOSOFT] .pacs-second-progress{stroke:#006699!important}html[data-brand-mode=TECHNOSOFT] .pacs-clock-in{background:#1b1b1b!important;color:#fff!important}html[data-brand-mode=TECHNOSOFT] .pacs-clock-out{background:#006699!important;color:#fff!important}html[data-brand-mode=TECHNOSOFT] .pacs-clock-out svg{stroke:#fff!important}html[data-brand-mode=TECHNOSOFT] .pacs-icon{border-color:#666!important;color:#006699!important}
html[data-brand-mode=TECHNOSOFT] .pacs-admin-transition{background:#1b1b1b!important}html[data-brand-mode=TECHNOSOFT] .pacs-admin-transition-mark{width:min(390px,58vw);aspect-ratio:1225/433;background:url('../technosoft_logo_RGB_FULL-COLOUR.png') center/contain no-repeat;animation:brandLogoBreathe 1.4s ease-in-out infinite}html[data-brand-mode=TECHNOSOFT] .pacs-admin-transition-dot{display:none!important}@keyframes brandLogoBreathe{50%{transform:scale(1.025);filter:drop-shadow(0 0 20px rgba(0,102,153,.24))}}
html[data-brand-mode=TECHNOSOFT] .pacs-period-current:hover,html[data-brand-mode=TECHNOSOFT] #shiftChangeRequestModal #shiftRequestSubmit:hover{background:#1580b3!important;color:#fff!important}
html[data-brand-mode=TECHNOSOFT] .schedule-brandbar strong{display:none}html[data-brand-mode=TECHNOSOFT] .schedule-brandbar .pacs-hub-mark{display:none!important}html[data-brand-mode=TECHNOSOFT] .personal-week-day>header,html[data-brand-mode=TECHNOSOFT] .personal-month-head{background:#1b1b1b!important}

/* Dark structural headers must keep a single high-contrast treatment in
   TechnoSoft mode. These scoped rules intentionally outrank the theme's
   global black heading color without changing PACS mode or light toolbars. */
html[data-brand-mode=TECHNOSOFT] .payroll-reconciliation-head,
html[data-brand-mode=TECHNOSOFT] #tab-schedule .schedule-hero,
html[data-brand-mode=TECHNOSOFT] #tab-schedule .schedule-week-day>header,
html[data-brand-mode=TECHNOSOFT] #tab-schedule .month-calendar>.month-weekday,
html[data-brand-mode=TECHNOSOFT] #tab-worked .worked-bucket-date,
html[data-brand-mode=TECHNOSOFT] #tab-worked .worked-bucket-month>.month-weekday,
html[data-brand-mode=TECHNOSOFT] #tab-worked .worked-day-head,
html[data-brand-mode=TECHNOSOFT] .personal-week-day>header,
html[data-brand-mode=TECHNOSOFT] .personal-month-head{
  background:#1b1b1b!important;
  background-image:none!important;
  color:#fff!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-schedule .schedule-week-day>header,
html[data-brand-mode=TECHNOSOFT] #tab-worked .worked-bucket-date{
  border-bottom-color:#006699!important;
}
html[data-brand-mode=TECHNOSOFT] .payroll-reconciliation-head h2,
html[data-brand-mode=TECHNOSOFT] .payroll-reconciliation-head p,
html[data-brand-mode=TECHNOSOFT] .payroll-reconciliation-head>div>span,
html[data-brand-mode=TECHNOSOFT] #tab-schedule .schedule-hero h2,
html[data-brand-mode=TECHNOSOFT] #tab-schedule .schedule-hero p,
html[data-brand-mode=TECHNOSOFT] #tab-schedule .schedule-week-day>header b,
html[data-brand-mode=TECHNOSOFT] #tab-schedule .schedule-week-day>header span,
html[data-brand-mode=TECHNOSOFT] #tab-schedule .month-calendar>.month-weekday,
html[data-brand-mode=TECHNOSOFT] #tab-worked .worked-bucket-date b,
html[data-brand-mode=TECHNOSOFT] #tab-worked .worked-bucket-date span,
html[data-brand-mode=TECHNOSOFT] #tab-worked .worked-bucket-month>.month-weekday,
html[data-brand-mode=TECHNOSOFT] #tab-worked .worked-day-head,
html[data-brand-mode=TECHNOSOFT] .personal-week-day>header b,
html[data-brand-mode=TECHNOSOFT] .personal-week-day>header span,
html[data-brand-mode=TECHNOSOFT] .personal-month-head{
  color:#fff!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-schedule .schedule-week-day>header em{
  background:#006699!important;
  color:#fff!important;
}

/* Staff Directory type headers sit on the same charcoal structural surface. */
html[data-brand-mode=TECHNOSOFT] #tab-staff .clinical-division-head span,
html[data-brand-mode=TECHNOSOFT] #tab-staff .clinical-division-head h2,
html[data-brand-mode=TECHNOSOFT] #tab-staff .clinical-division-head .clinical-division-total{
  color:#fff!important;
}

/* Dashboard roster dialogs: use the TechnoSoft structural surface for every
   variant and protect their copy from the global light-surface heading rule. */
html[data-brand-mode=TECHNOSOFT] .pacs-live-roster-head{
  border-bottom-color:#006699!important;
  background:#1b1b1b!important;
  background-image:none!important;
  color:#fff!important;
}
html[data-brand-mode=TECHNOSOFT] .pacs-live-roster-head>div:nth-child(2)>span,
html[data-brand-mode=TECHNOSOFT] .pacs-live-roster-head h2,
html[data-brand-mode=TECHNOSOFT] .pacs-live-roster-head p{
  color:#fff!important;
}

/* TechnoSoft payroll workspace: remove the remaining PACS-blue slabs and the
   legacy square-control styling inherited from operations-board.css. */
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-reconciliation-shell{
  border-color:rgba(27,27,27,.1)!important;
  border-radius:26px!important;
  background:#fffdf9!important;
  box-shadow:0 16px 38px rgba(27,27,27,.09)!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-view-switch{
  display:flex!important;
  gap:7px!important;
  padding:10px 16px!important;
  border-bottom:1px solid rgba(27,27,27,.09)!important;
  background:#f4eadb!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-view-switch button{
  min-height:38px!important;
  padding:0 17px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#292929!important;
  box-shadow:none!important;
  letter-spacing:0!important;
  text-transform:none!important;
  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-view-switch button:hover:not(.active){
  border-color:rgba(27,27,27,.1)!important;
  background:rgba(255,255,255,.72)!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-view-switch button.active{
  border-color:#1b1b1b!important;
  background:#1b1b1b!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(0,0,0,.18)!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-stage-view>.payroll-view-toolbar{
  margin:14px 18px 0!important;
  padding:17px 19px!important;
  border:1px solid rgba(27,27,27,.1)!important;
  border-radius:18px!important;
  background:#fffdf9!important;
  box-shadow:0 7px 18px rgba(27,27,27,.045)!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-stage-view>.payroll-view-toolbar h3{
  color:#1b1b1b!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-stage-view>.payroll-view-toolbar select{
  min-height:44px!important;
  padding-inline:14px 38px!important;
  border:1px solid rgba(27,27,27,.14)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#1b1b1b!important;
  box-shadow:0 4px 11px rgba(27,27,27,.04)!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-stage-kicker{
  color:#006699!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-period-banner{
  padding:17px 20px!important;
  border:1px solid #292929!important;
  border-left:6px solid #006699!important;
  border-radius:20px!important;
  background:#1b1b1b!important;
  background-image:linear-gradient(120deg,#171717,#252525)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-period-banner span,
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-period-banner b,
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-period-banner small{
  color:#fff!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-period-banner span{
  color:#46a7d2!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-period-banner em{
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:#006699!important;
  color:#fff!important;
  box-shadow:0 5px 13px rgba(0,102,153,.25)!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .statutory-config-banner{
  border-color:rgba(0,102,153,.18)!important;
  border-radius:18px!important;
  background:linear-gradient(120deg,#f7fbfc,#f5f0e8)!important;
  color:#1b1b1b!important;
  box-shadow:0 5px 15px rgba(27,27,27,.035)!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .statutory-config-banner span{
  color:#006699!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .statutory-config-banner b{
  color:#1b1b1b!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-period-totals{
  gap:11px!important;
  padding-top:15px!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-period-totals>div{
  min-height:86px!important;
  padding:15px!important;
  border-color:rgba(27,27,27,.11)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(27,27,27,.045)!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-period-totals>div:not(.overtime):not(.ready):not(.pending):not(.gain):not(.loss) b,
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-period-totals .gross b{
  color:#1b1b1b!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-period-totals .gross{
  border-color:rgba(27,27,27,.16)!important;
  background:#f5f5f3!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-stage-card{
  border-color:rgba(27,27,27,.11)!important;
  border-radius:19px!important;
  box-shadow:0 8px 21px rgba(27,27,27,.055)!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-stage-card>header b,
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-stage-card>header strong{
  color:#1b1b1b!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .payroll-composition-bar .base{
  background:#1b1b1b!important;
}
html[data-brand-mode=TECHNOSOFT] #tab-report .btn,
html[data-brand-mode=TECHNOSOFT] #tab-report button{
  border-radius:999px!important;
}

/* Kiosk dialogs use real brand artwork instead of the legacy PACS dot
   pseudo-element. Containing the image inside a fixed aspect-ratio box keeps
   the complete TechnoSoft wordmark and tagline visible at every dialog size. */
.kiosk-popup-brand-logo{display:none}
html[data-brand-mode=TECHNOSOFT] .kiosk-popup-brand-logo{
  display:block!important;
  width:128px!important;
  height:46px!important;
  max-width:32%!important;
  flex:0 0 128px;
  object-fit:contain!important;
  object-position:left center!important;
  overflow:visible!important;
}
html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .modal-head,
html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .portal-head,
html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .leave-hub-head,
html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .staff-editor-head{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-height:82px;
  padding:16px 22px!important;
  overflow:visible!important;
}
html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .modal-head>div,
html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .portal-head>div,
html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .leave-hub-head>div,
html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .staff-editor-head>div{min-width:0}
html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .modal-head:before{content:none!important;display:none!important}
html[data-brand-mode=TECHNOSOFT] #adminLoginModal .modal-head:after{content:none!important;display:none!important}
html[data-brand-mode=TECHNOSOFT] .pacs-request-mark,
html[data-brand-mode=TECHNOSOFT] .portal-head>.pacs-hub-mark,
html[data-brand-mode=TECHNOSOFT] .leave-hub-head>.leave-hub-palm{display:none!important}
html[data-brand-mode=TECHNOSOFT] .modal-head>.btn:last-child,
html[data-brand-mode=TECHNOSOFT] .portal-head>button:last-child,
html[data-brand-mode=TECHNOSOFT] .leave-hub-head>button:last-child,
html[data-brand-mode=TECHNOSOFT] .staff-editor-head>button:last-child{margin-left:auto!important;flex:none}
@media(max-width:520px){
  html[data-brand-mode=TECHNOSOFT] .kiosk-popup-brand-logo{width:104px!important;height:38px!important;flex-basis:104px;max-width:34%!important}
  html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .modal-head,
  html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .portal-head,
  html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .leave-hub-head,
html[data-brand-mode=TECHNOSOFT] body:has(.pacs-kiosk) .modal-overlay .staff-editor-head{gap:11px!important;padding:14px 17px!important}
}

.device-mode-settings{margin-top:15px;padding-top:14px;border-top:1px solid rgba(10,43,112,.12)}
.device-mode-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.device-mode-heading span{color:#94724b;font-size:8px;font-weight:900;letter-spacing:.16em}.device-mode-heading span i{font-style:normal;letter-spacing:.07em}.device-mode-heading b{color:var(--brand-ink);font-size:12px}
.device-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.device-mode-option{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;min-height:92px;padding:11px!important;border:1px solid rgba(10,43,112,.13)!important;border-radius:14px!important;background:#fff!important;color:var(--brand-ink)!important;text-align:left;cursor:pointer}.device-mode-option>span{grid-row:1/3;display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--brand-accent) 16%,white);color:var(--brand-primary);font-size:15px}.device-mode-option b{font-size:11px}.device-mode-option small{margin-top:3px;color:#806f58;font-size:8.5px;line-height:1.35}.device-mode-option.is-selected{border-color:var(--brand-accent)!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand-accent) 40%,transparent)}
.device-afk-toggle{display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px 11px;border-radius:12px;background:#f7f3ec;color:var(--brand-ink)}.device-afk-toggle input{width:17px;height:17px;accent-color:var(--brand-primary)}.device-afk-toggle b,.device-afk-toggle small{display:block}.device-afk-toggle b{font-size:10px}.device-afk-toggle small{margin-top:2px;color:#806f58;font-size:8px}
.device-afk-threshold{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;color:#6d5a42;font-size:9px;font-weight:700}.device-afk-threshold>span:last-child{display:flex;align-items:center;gap:6px}.device-afk-threshold input{width:58px;height:34px;padding:0 8px;border:1px solid rgba(10,43,112,.16);border-radius:9px;background:#fff;color:var(--brand-ink);font:800 11px inherit}
.device-settings-save{width:100%;margin-top:10px;padding:10px 13px;border:0;border-radius:999px;background:var(--brand-primary);color:#fff;font-size:10px;font-weight:800;cursor:pointer}.device-settings-save:disabled{opacity:.55;cursor:wait}.device-mode-settings[data-mode=KIOSK] .device-afk-toggle,.device-mode-settings[data-mode=KIOSK] .device-afk-threshold{opacity:.48;pointer-events:none}
.wfh-policy-setting{margin-top:12px;padding:13px;border:1px solid color-mix(in srgb,var(--brand-primary) 13%,transparent);border-radius:14px;background:#fff}.wfh-policy-setting>div:first-child span,.wfh-policy-setting>div:first-child b{display:block}.wfh-policy-setting>div:first-child span{color:var(--brand-accent);font-size:8px;font-weight:900;letter-spacing:.14em}.wfh-policy-setting>div:first-child b{margin-top:3px;color:var(--brand-primary);font-size:12px}.wfh-policy-setting label{display:flex;align-items:center;gap:8px;margin-top:10px;color:#806f58;font-size:10px}.wfh-policy-setting input{width:68px;height:38px;padding:0 10px;border:1px solid rgba(10,43,112,.16);border-radius:10px;color:var(--brand-primary);font-weight:800}.wfh-policy-setting small{display:block;margin-top:7px;color:#8a765d;font-size:8px;line-height:1.4}.wfh-policy-setting button{width:100%;height:38px;margin-top:10px;border:0;border-radius:999px;background:var(--brand-primary);color:#fff;font-size:10px;font-weight:800;cursor:pointer}