/* Xenakis Mobility — Unified surfaces + Light/Dark theme */
:root{
  --xm-hero-bg:
    radial-gradient(circle at 86% 14%,rgba(88,153,242,.23),transparent 18rem),
    linear-gradient(115deg,var(--x-navy-1000),var(--x-navy-900) 58%,var(--x-navy-800));
  --xm-hero-border:rgba(103,151,211,.18);
  --xm-hero-shadow:0 22px 52px rgba(9,39,78,.16);
  --xm-hero-text:#fff;
  --xm-hero-muted:rgba(229,239,251,.76);
  --xm-hero-eyebrow:#8fbcff;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --x-canvas:#07111e;
  --x-canvas-blue:#0a1524;
  --x-surface:#0d1827;
  --x-surface-raised:#111f31;
  --x-surface-soft:#0b1624;
  --x-ink-950:#f3f7fd;
  --x-ink-800:#d8e4f2;
  --x-ink-650:#afbed0;
  --x-ink-500:#8799af;
  --x-ink-350:#6f8198;
  --x-line-strong:#3a4c61;
  --x-line:#2c3c50;
  --x-line-soft:#202f41;
  --x-success-soft:#123a2b;
  --x-warning-soft:#3a2a0f;
  --x-danger-soft:#3a181d;
  --x-info-soft:#102b50;
  --bg:var(--x-canvas);
  --surface:var(--x-surface);
  --ink:var(--x-ink-950);
  --muted:var(--x-ink-650);
  --line:var(--x-line);
  --soft-blue:#102944;
  --soft-green:#102d23;
  --soft-purple:#241d3c;
  --soft-amber:#35250e;
}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 85% -8%,rgba(58,122,214,.12),transparent 34rem),
    linear-gradient(180deg,#091321 0%,#07111e 42%,#060e19 100%);
  color:var(--x-ink-950);
}
:where(
  .people-page-head,.devices-page-head,.emails-page-head,.users-page-head,.audit-page-head,
  .approvals-page-head,.backup-page-head,.search-page-head,.security-page-head,.vault-page-head,
  .org-page-head,.data-page-head,.support-page-head,.page-heading.account-heading,
  .org-detail-hero,.person-detail-hero,.device-detail-hero,.email-detail-hero,
  .profile-change-hero,.support-detail-hero,.support-new-hero,.me-hero
){
  position:relative;
  overflow:hidden;
  min-height:178px;
  margin-bottom:var(--x-space-200);
  padding:28px 32px;
  border:1px solid var(--xm-hero-border)!important;
  border-radius:var(--x-radius-2xl)!important;
  background:var(--xm-hero-bg)!important;
  box-shadow:var(--xm-hero-shadow)!important;
  color:var(--xm-hero-text)!important;
}
:where(
  .people-page-head,.devices-page-head,.emails-page-head,.users-page-head,.audit-page-head,
  .approvals-page-head,.backup-page-head,.search-page-head,.security-page-head,.vault-page-head,
  .org-page-head,.data-page-head,.support-page-head,.page-heading.account-heading,
  .org-detail-hero,.person-detail-hero,.device-detail-hero,.email-detail-hero,
  .profile-change-hero,.support-detail-hero,.support-new-hero,.me-hero
)::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-110px;
  width:310px;
  height:210px;
  border:1px solid rgba(149,190,246,.12);
  border-radius:48% 52% 44% 56%;
  transform:rotate(-12deg);
  pointer-events:none;
}
:where(
  .people-page-head,.devices-page-head,.emails-page-head,.users-page-head,.audit-page-head,
  .approvals-page-head,.backup-page-head,.search-page-head,.security-page-head,.vault-page-head,
  .org-page-head,.data-page-head,.support-page-head,.page-heading.account-heading,
  .org-detail-hero,.person-detail-hero,.device-detail-hero,.email-detail-hero,
  .profile-change-hero,.support-detail-hero,.support-new-hero,.me-hero
) h1{
  color:#fff!important;
  font-size:clamp(28px,2.4vw,39px)!important;
  letter-spacing:-1.05px!important;
}
:where(
  .people-page-head,.devices-page-head,.emails-page-head,.users-page-head,.audit-page-head,
  .approvals-page-head,.backup-page-head,.search-page-head,.security-page-head,.vault-page-head,
  .org-page-head,.data-page-head,.support-page-head,.page-heading.account-heading,
  .org-detail-hero,.person-detail-hero,.device-detail-hero,.email-detail-hero,
  .profile-change-hero,.support-detail-hero,.support-new-hero,.me-hero
) :where(p,small,.detail-subtitle,.org-detail-path){
  color:var(--xm-hero-muted)!important;
}
:where(
  .people-page-head,.devices-page-head,.emails-page-head,.users-page-head,.audit-page-head,
  .approvals-page-head,.backup-page-head,.search-page-head,.security-page-head,.vault-page-head,
  .org-page-head,.data-page-head,.support-page-head,.page-heading.account-heading,
  .org-detail-hero,.person-detail-hero,.device-detail-hero,.email-detail-hero,
  .profile-change-hero,.support-detail-hero,.support-new-hero,.me-hero
) :where(.eyebrow,.panel-kicker){
  color:var(--xm-hero-eyebrow)!important;
}
:where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip,.audit-count
){
  position:relative;
  z-index:2;
}
:where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip
)>:where(div,a),
.audit-count{
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
:where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip
)>:where(div,a) strong,
.audit-count strong{
  color:#fff!important;
}
:where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip
)>:where(div,a) span,
.audit-count span{
  color:rgba(225,237,251,.72)!important;
}
:where(.people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary)>:where(div,a):nth-child(2){
  border-color:rgba(84,210,153,.26)!important;
  background:rgba(40,142,96,.14)!important;
}
:where(.people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary)>:where(div,a):nth-child(2) strong{
  color:#8be0b9!important;
}

.global-search{
  flex:0 1 430px!important;
  width:min(430px,42vw)!important;
  max-width:430px!important;
  height:40px!important;
  padding:0 11px!important;
}
.global-search input{font-size:12px!important}
.topbar{gap:12px!important}
.topbar-actions{gap:7px!important}
.theme-switch{
  position:relative;
  display:flex;
  align-items:center;
  gap:5px;
  min-height:40px;
  padding:4px 6px;
  border:1px solid var(--x-line);
  border-radius:var(--x-radius-md);
  background:rgba(255,255,255,.84);
  box-shadow:var(--x-shadow-xs);
  color:var(--x-ink-650);
  user-select:none;
}
.theme-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.theme-switch-label{
  position:relative;
  z-index:2;
  min-width:34px;
  padding:0 5px;
  font-size:8px;
  font-weight:800;
  text-align:center;
  transition:color var(--x-duration-base) var(--x-ease-standard);
}
.theme-switch-track{
  position:relative;
  width:42px;
  height:24px;
  flex:0 0 42px;
  border:1px solid var(--x-line-strong);
  border-radius:999px;
  background:#e9eef5;
}
.theme-switch-track::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 6px rgba(20,45,78,.18);
  transition:transform var(--x-duration-base) var(--x-ease-standard),background var(--x-duration-base) var(--x-ease-standard);
}
.theme-switch input:checked + .theme-switch-track{
  background:#112743;
  border-color:#38536f;
}
.theme-switch input:checked + .theme-switch-track::after{
  transform:translateX(18px);
  background:#7eb2ff;
}
html[data-theme="dark"] .theme-switch{
  border-color:#33465d;
  background:#111f31;
  color:#b9c8da;
}
html[data-theme="dark"] .theme-switch-label-dark,
html[data-theme="light"] .theme-switch-label-light{
  color:var(--x-cobalt-500);
}
html[data-theme="dark"] .topbar{
  background:rgba(8,18,31,.90)!important;
  border-bottom-color:#26384b!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-theme="dark"] .global-search,
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .top-install-button,
html[data-theme="dark"] .profile-chip,
html[data-theme="dark"] .design-preview-badge{
  border-color:var(--x-line)!important;
  background:rgba(15,27,43,.92)!important;
  color:var(--x-ink-650)!important;
}
html[data-theme="dark"] .global-search:focus-within{background:#111f31!important}
html[data-theme="dark"] .global-search kbd{
  border-color:var(--x-line)!important;
  background:#0a1524!important;
  color:var(--x-ink-500)!important;
}
html[data-theme="dark"] .profile-copy strong{color:var(--x-ink-950)!important}
html[data-theme="dark"] .profile-menu-popover{
  border-color:var(--x-line)!important;
  background:var(--x-surface-raised)!important;
}
html[data-theme="dark"] .profile-menu-popover :where(a,button){color:var(--x-ink-800)!important}
html[data-theme="dark"] .profile-menu-popover :where(a,button):hover{background:#17283b!important}

html[data-theme="dark"] :where(
  .panel,.people-toolbar,.people-list-card,.audit-table-card,.approval-card,.org-card,
  .org-section-panel,.security-card,.backup-action-card,.backup-list-card,.backup-policy-card,
  .support-queue-shell,.support-new-card,.support-requester-card,.support-routing-card,
  .support-action-card,.support-conversation,.support-attachments-panel,.apps-launcher-card,
  .profile-current-card,.profile-history-card,.me-device-card,.detail-field,.email-detail-card,
  .device-detail-card,.person-detail-card,.org-management,.account-card
){
  border-color:var(--x-line)!important;
  background:var(--x-surface)!important;
  color:var(--x-ink-950)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
}
html[data-theme="dark"] :where(.people-toolbar,.support-queue-head,.panel-head,.support-submit-row){
  border-color:var(--x-line-soft)!important;
  background:var(--x-surface)!important;
}
html[data-theme="dark"] :where(.clean-table,.table-wrap,table,thead,tbody,tr,th,td){
  border-color:var(--x-line-soft)!important;
}
html[data-theme="dark"] table{
  background:var(--x-surface)!important;
  color:var(--x-ink-800)!important;
}
html[data-theme="dark"] thead{background:#111f31!important}
html[data-theme="dark"] th{color:#aabbd0!important}
html[data-theme="dark"] td{
  color:var(--x-ink-800)!important;
  background:transparent!important;
}
html[data-theme="dark"] tbody tr:hover{background:#122135!important}
html[data-theme="dark"] :where(input,select,textarea){
  border-color:var(--x-line-strong)!important;
  background:#0a1524!important;
  color:var(--x-ink-950)!important;
}
html[data-theme="dark"] :where(input,textarea)::placeholder{color:#70839a!important}
html[data-theme="dark"] option{background:#0d1827;color:#eaf2fc}

html[data-theme="dark"] :where(
  .filterbar,.people-filterbar,.email-filterbar,.support-filter-tabs,
  .approvals-tabs,.support-period-tabs,.search-tabs
){
  border-color:var(--x-line)!important;
  background:var(--x-surface-soft)!important;
}
html[data-theme="dark"] :where(.filter-reset,.secondary-button,.me-secondary-action){
  border-color:var(--x-line)!important;
  background:#101d2e!important;
  color:var(--x-ink-800)!important;
}
html[data-theme="dark"] :where(
  .org-node-link,.org-preview-row,.activity-item,.me-credential-row,
  .support-ticket-row,.support-attachment-card
){
  border-color:var(--x-line-soft)!important;
  background:var(--x-surface)!important;
  color:var(--x-ink-800)!important;
}
html[data-theme="dark"] :where(.table-secondary,small,.muted){color:var(--x-ink-500)!important}
html[data-theme="dark"] :where(h1,h2,h3,strong){color:var(--x-ink-950)}
html[data-theme="dark"] .apps-launcher-card{
  background:linear-gradient(145deg,#0f1a2a,#0b1624)!important;
}
html[data-theme="dark"] .apps-hub-note{
  border-color:var(--x-line)!important;
  background:#0e1b2c!important;
  color:var(--x-ink-650)!important;
}
html[data-theme="dark"] .kpi-card{
  border-color:#2d4157!important;
  box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .kpi-blue{background:linear-gradient(135deg,#10243c,#0d2037)!important}
html[data-theme="dark"] .kpi-green{background:linear-gradient(135deg,#102b24,#0d241e)!important}
html[data-theme="dark"] .kpi-purple{background:linear-gradient(135deg,#241d3a,#1d1831)!important}
html[data-theme="dark"] .kpi-amber{background:linear-gradient(135deg,#34250f,#2a1f0e)!important}
html[data-theme="dark"] .kpi-card :where(strong,small,p){color:var(--x-ink-800)!important}

@media(max-width:1180px){
  .global-search{flex:1 1 360px!important;width:auto!important;max-width:420px!important}
  .theme-switch-label{display:none}
  .theme-switch{padding:4px 7px}
}
@media(max-width:900px){
  .global-search{max-width:none!important;width:auto!important;flex:1 1 auto!important}
}
@media(max-width:650px){
  :where(
    .people-page-head,.devices-page-head,.emails-page-head,.users-page-head,.audit-page-head,
    .approvals-page-head,.backup-page-head,.search-page-head,.security-page-head,.vault-page-head,
    .org-page-head,.data-page-head,.support-page-head,.page-heading.account-heading,
    .org-detail-hero,.person-detail-hero,.device-detail-hero,.email-detail-hero,
    .profile-change-hero,.support-detail-hero,.support-new-hero,.me-hero
  ){
    min-height:150px;
    padding:22px 20px;
  }
  .theme-switch{min-height:38px}
  .theme-switch-track{width:40px;flex-basis:40px}
}

html[data-theme="dark"] :where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip
){
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(4,13,24,.42)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] :where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip
)>:where(div,a){
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] :where(.people-table-card,.devices-table-card,.emails-table-card,.users-table-card){
  border-color:var(--x-line)!important;
  background:var(--x-surface)!important;
}
html[data-theme="dark"] .clean-table thead th{
  border-color:var(--x-line)!important;
  background:#111f31!important;
  color:#aebed1!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .clean-table tbody tr{
  background:var(--x-surface)!important;
}
html[data-theme="dark"] .clean-table tbody tr:hover{
  background:#122135!important;
}
html[data-theme="dark"] .clean-table tbody td{
  border-color:var(--x-line-soft)!important;
  color:var(--x-ink-650)!important;
}
html[data-theme="dark"] :where(.person-cell,.device-cell,.mail-cell,.user-cell) strong{
  color:var(--x-ink-800)!important;
}
html[data-theme="dark"] :where(.person-cell,.device-cell,.mail-cell,.user-cell) small,
html[data-theme="dark"] .table-primary,
html[data-theme="dark"] .table-secondary{
  color:var(--x-ink-500)!important;
}
/* R2 — canonical premium page composition */
:where(
  .people-page-head,.devices-page-head,.emails-page-head,.users-page-head,.audit-page-head,
  .approvals-page-head,.backup-page-head,.search-page-head,.security-page-head,.vault-page-head,
  .org-page-head,.data-page-head,.support-page-head,.page-heading.account-heading,
  .org-detail-hero,.person-detail-hero,.device-detail-hero,.email-detail-hero,
  .profile-change-hero,.support-detail-hero,.support-new-hero,.me-hero
){
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
}
:where(
  .people-page-head,.devices-page-head,.emails-page-head,.users-page-head,.audit-page-head,
  .approvals-page-head,.backup-page-head,.search-page-head,.security-page-head,.vault-page-head,
  .org-page-head,.data-page-head,.support-page-head,.page-heading.account-heading
)>div:first-child{
  position:relative;
  z-index:2;
  min-width:0;
  max-width:760px;
}
:where(
  .people-page-head,.devices-page-head,.emails-page-head,.users-page-head,.audit-page-head,
  .approvals-page-head,.backup-page-head,.search-page-head,.security-page-head,.vault-page-head,
  .org-page-head,.data-page-head,.support-page-head,.page-heading.account-heading
) h1{
  margin:7px 0 7px!important;
  line-height:1.08!important;
}
:where(
  .people-page-head,.devices-page-head,.emails-page-head,.users-page-head,.audit-page-head,
  .approvals-page-head,.backup-page-head,.search-page-head,.security-page-head,.vault-page-head,
  .org-page-head,.data-page-head,.support-page-head,.page-heading.account-heading
) p{
  max-width:760px!important;
  margin:0!important;
  line-height:1.58!important;
}
:where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
){
  position:relative;
  z-index:3;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(112px,1fr)!important;
  gap:6px!important;
  min-width:min(480px,46vw);
  padding:6px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 12px 30px rgba(2,19,42,.18)!important;
  backdrop-filter:blur(12px);
}
:where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
)>:where(div,a){
  --metric-accent:var(--x-cobalt-500);
  position:relative;
  min-width:0!important;
  min-height:60px;
  padding:11px 14px!important;
  overflow:hidden;
  border:1px solid rgba(205,217,231,.78)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:none!important;
  text-decoration:none;
}
:where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
)>:where(div,a)::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:var(--metric-accent);
}
:where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
)>:where(div,a):nth-child(2){--metric-accent:var(--x-success)}
:where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
)>:where(div,a):nth-child(3){--metric-accent:#8594a7}
:where(
  .emails-summary,.approvals-summary,.backup-summary,.org-summary-strip,
  .vault-summary,.security-summary
)>:where(div,a):nth-child(3){--metric-accent:var(--x-warning)}
:where(
  .emails-summary,.approvals-summary,.backup-summary,.org-summary-strip,
  .vault-summary,.security-summary
)>:where(div,a):nth-child(4){--metric-accent:#7867d8}
:where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
) strong{
  display:block!important;
  color:var(--x-navy-950)!important;
  font-size:24px!important;
  line-height:1!important;
  letter-spacing:-.6px!important;
}
:where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
) span{
  display:block!important;
  margin-top:5px!important;
  color:var(--x-ink-500)!important;
  font-size:8px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
:where(.people-toolbar,.search-console,.approvals-tabs,.org-sort-toolbar,.apps-hub-note){
  position:relative;
  margin-bottom:14px!important;
  padding:10px!important;
  border:1px solid #dbe5f0!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 8px 22px rgba(15,48,87,.055)!important;
}
:where(.people-toolbar,.search-console,.approvals-tabs,.org-sort-toolbar)::before{
  content:"";
  position:absolute;
  left:14px;right:14px;top:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--x-cobalt-500),rgba(47,123,232,.20),transparent);
}
.approvals-tabs{
  display:flex!important;
  gap:7px!important;
}
.approvals-tabs a{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:1px solid var(--x-line)!important;
  border-radius:11px!important;
  background:#fff!important;
  color:var(--x-ink-650)!important;
  text-decoration:none!important;
  font-size:9px!important;
  font-weight:800!important;
}
.approvals-tabs a.active{
  border-color:rgba(47,123,232,.26)!important;
  background:var(--x-cobalt-50)!important;
  color:var(--x-cobalt-600)!important;
  box-shadow:inset 0 0 0 1px rgba(47,123,232,.08)!important;
}
.org-management{
  position:relative;
  overflow:hidden;
  border:1px solid #dbe5f0!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 7px 20px rgba(15,48,87,.045)!important;
}
.org-management::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:linear-gradient(180deg,var(--x-cobalt-500),#74b1ff);
}
.org-management>summary{
  min-height:48px!important;
  padding:14px 18px!important;
  color:var(--x-navy-800)!important;
  font-size:10px!important;
  font-weight:850!important;
}
:where(
  .people-table-card,.devices-table-card,.emails-table-card,.users-table-card,
  .vault-table-card,.audit-table-card,.backup-list-card
){
  --surface-accent:var(--x-cobalt-500);
  position:relative;
  overflow:hidden;
  border:1px solid #d6e1ed!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(18,52,94,.075)!important;
}
.people-table-card{--surface-accent:#16845b}
.devices-table-card{--surface-accent:#6658cc}
.emails-table-card{--surface-accent:#b86e08}
.users-table-card{--surface-accent:#2f7be8}
.vault-table-card{--surface-accent:#356fc5}
.audit-table-card{--surface-accent:#477aaf}
.backup-list-card{--surface-accent:#357d78}
:where(
  .people-table-card,.devices-table-card,.emails-table-card,.users-table-card,
  .vault-table-card,.audit-table-card,.backup-list-card
)::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,var(--surface-accent),color-mix(in srgb,var(--surface-accent) 35%,#fff),transparent 82%);
  z-index:3;
}
:where(
  .people-table-card,.devices-table-card,.emails-table-card,.users-table-card,
  .vault-table-card,.audit-table-card,.backup-list-card
) .clean-table thead th{
  height:46px!important;
  padding:13px 15px!important;
  border-bottom:1px solid #dbe5ef!important;
  background:#f4f8fd!important;
  color:#5e7088!important;
  font-size:8px!important;
  font-weight:850!important;
}
:where(
  .people-table-card,.devices-table-card,.emails-table-card,.users-table-card,
  .vault-table-card,.audit-table-card,.backup-list-card
) .clean-table tbody td{
  padding:13px 15px!important;
}
:where(
  .people-table-card,.devices-table-card,.emails-table-card,.users-table-card,
  .vault-table-card,.audit-table-card,.backup-list-card
) .clean-table tbody tr{
  min-height:58px;
}
.backup-list-card>.panel-head{
  margin:0!important;
  padding:18px 18px 14px!important;
  border-bottom:1px solid var(--x-line-soft)!important;
}
:where(.backup-action-card,.backup-policy-card,.recovery-status-card,.recovery-setup-card){
  border:1px solid #d8e4f1!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 10px 26px rgba(18,52,94,.065)!important;
}
.backup-action-card{
  position:relative;
  overflow:hidden;
  padding:20px!important;
}
.backup-action-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--x-cobalt-500),#74b1ff);
}
.backup-policy-card{
  padding:18px!important;
}
.backup-policy-card>strong{
  color:var(--x-ink-800)!important;
  font-size:11px!important;
}
.backup-policy-card>p{
  margin:7px 0 0!important;
  color:var(--x-ink-600)!important;
  font-size:9px!important;
  line-height:1.6!important;
}
.recovery-policy-card{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  padding:0!important;
  overflow:hidden;
}
.recovery-policy-card>div{
  padding:18px 20px;
  background:linear-gradient(180deg,#fff,#f8fbff);
}
.recovery-policy-card>div+div{
  border-left:1px solid var(--x-line-soft);
}
.recovery-policy-card strong{
  color:var(--x-ink-800);
  font-size:11px;
}
.recovery-policy-card p{
  margin:7px 0 0;
  color:var(--x-ink-600);
  font-size:9px;
  line-height:1.6;
}
.security-grid{
  gap:14px!important;
}
.security-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:190px;
  padding:20px!important;
  border:1px solid #dbe5f0!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 10px 26px rgba(18,52,94,.065)!important;
}
.security-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,var(--x-cobalt-500),#75b4ff,transparent);
}
.security-card-icon{
  width:48px!important;height:48px!important;
  border-radius:14px!important;
}
.security-tech{
  border-radius:20px!important;
}
.approval-card-list{
  display:grid!important;
  gap:12px!important;
}
.approval-card{
  position:relative;
  overflow:hidden;
  padding:18px!important;
  border:1px solid #dbe5f0!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 9px 24px rgba(18,52,94,.06)!important;
}
.approval-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:linear-gradient(180deg,var(--x-warning),#efca77);
}
.approval-diff{
  gap:10px!important;
}
.approval-diff>div{
  border:1px solid #e2e9f1!important;
  border-radius:13px!important;
  background:#f8fbff!important;
}
.search-console{
  padding:12px!important;
}
.search-console-form{
  gap:8px!important;
}
.search-console-input{
  min-height:44px!important;
  border:1px solid #d9e3ee!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:inset 0 1px 2px rgba(14,44,82,.025)!important;
}
.search-summary-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:14px!important;
}
.search-summary-row>div{
  padding:14px 16px!important;
  border:1px solid #dbe5f0!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 7px 18px rgba(18,52,94,.045)!important;
}
.search-result-panel{
  overflow:hidden;
  border:1px solid #dbe5f0!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(18,52,94,.055)!important;
}
.search-result-panel>.panel-head{
  margin:0!important;
  padding:17px 18px 13px!important;
  border-bottom:1px solid var(--x-line-soft)!important;
}
html[data-theme="dark"] :where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
){
  border-color:rgba(255,255,255,.13)!important;
  background:rgba(5,14,26,.62)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] :where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
)>:where(div,a){
  border-color:#35485e!important;
  background:linear-gradient(180deg,#17273a,#122033)!important;
}
html[data-theme="dark"] :where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
) strong{color:#f4f8fd!important}
html[data-theme="dark"] :where(
  .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
  .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
) span{color:#a9bad0!important}

html[data-theme="dark"] :where(.people-toolbar,.search-console,.approvals-tabs,.org-sort-toolbar,.apps-hub-note){
  border-color:#2c4055!important;
  background:linear-gradient(180deg,#0f1d2e,#0b1726)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .approvals-tabs a{
  border-color:#304359!important;
  background:#112033!important;
  color:#aebed1!important;
}
html[data-theme="dark"] .approvals-tabs a.active{
  border-color:#3569a7!important;
  background:#17304f!important;
  color:#8fbcff!important;
}
html[data-theme="dark"] .org-management{
  border-color:#2c4055!important;
  background:linear-gradient(180deg,#0f1d2e,#0b1726)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.14)!important;
}
html[data-theme="dark"] .org-management>summary{color:#dce8f5!important}
html[data-theme="dark"] .org-management[open]>summary{
  border-color:#26394d!important;
  background:#101f31!important;
}
html[data-theme="dark"] .org-management-form{
  border-color:#26394d!important;
  background:#0c1827!important;
}
html[data-theme="dark"] :where(
  .people-table-card,.devices-table-card,.emails-table-card,.users-table-card,
  .vault-table-card,.audit-table-card,.backup-list-card
){
  border-color:#2b3f54!important;
  background:#0d1827!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] :where(
  .people-table-card,.devices-table-card,.emails-table-card,.users-table-card,
  .vault-table-card,.audit-table-card,.backup-list-card
) .clean-table thead th{
  border-color:#304359!important;
  background:#142438!important;
  color:#adbed2!important;
}
html[data-theme="dark"] :where(
  .people-table-card,.devices-table-card,.emails-table-card,.users-table-card,
  .vault-table-card,.audit-table-card,.backup-list-card
) .clean-table tbody tr{
  background:#0d1827!important;
}
html[data-theme="dark"] :where(
  .people-table-card,.devices-table-card,.emails-table-card,.users-table-card,
  .vault-table-card,.audit-table-card,.backup-list-card
) .clean-table tbody tr:hover{
  background:#132338!important;
}
html[data-theme="dark"] :where(
  .backup-action-card,.backup-policy-card,.recovery-status-card,.recovery-setup-card,
  .security-card,.security-tech,.approval-card,.search-result-panel,.search-summary-row>div
){
  border-color:#2b3f54!important;
  background:linear-gradient(180deg,#0f1d2e,#0b1726)!important;
  color:#dbe6f3!important;
  box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .recovery-policy-card>div{
  background:linear-gradient(180deg,#0f1d2e,#0b1726)!important;
}
html[data-theme="dark"] .recovery-policy-card>div+div{
  border-color:#25384b!important;
}
html[data-theme="dark"] .approval-diff>div{
  border-color:#293c50!important;
  background:#101e2f!important;
}
html[data-theme="dark"] .search-console-input{
  border-color:#304359!important;
  background:#0b1726!important;
}
html[data-theme="dark"] .search-result-panel>.panel-head{
  border-color:#26394d!important;
  background:#0f1d2e!important;
}
@media(max-width:1100px){
  :where(
    .people-page-head,.devices-page-head,.emails-page-head,.users-page-head,.audit-page-head,
    .approvals-page-head,.backup-page-head,.search-page-head,.security-page-head,.vault-page-head,
    .org-page-head,.data-page-head,.support-page-head,.page-heading.account-heading
  ){
    align-items:stretch!important;
    flex-direction:column!important;
  }
  :where(
    .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
    .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
  ){
    width:100%!important;
    min-width:0!important;
  }
}
@media(max-width:760px){
  :where(
    .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
    .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
  ){
    grid-auto-flow:row!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .approvals-tabs{
    overflow:auto;
    justify-content:flex-start;
  }
  .approvals-tabs a{flex:0 0 auto}
  .search-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .recovery-policy-card{grid-template-columns:1fr}
  .recovery-policy-card>div+div{
    border-left:0;
    border-top:1px solid var(--x-line-soft);
  }
}
@media(max-width:520px){
  :where(
    .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
    .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
  ){
    grid-template-columns:1fr 1fr!important;
  }
  :where(
    .people-summary,.devices-summary,.emails-summary,.users-summary,.approvals-summary,
    .backup-summary,.org-summary-strip,.data-summary-strip,.vault-summary,.security-summary
  )>div{
    min-height:56px;
    padding:10px 12px!important;
  }
}

html[data-theme="dark"] .people-empty{
  border-color:var(--x-line-soft)!important;
  background:linear-gradient(180deg,#101d2e,#0c1827)!important;
  color:var(--x-ink-500)!important;
}
/* R3 — full-width KPI rows below page heroes */
.page-kpi-row{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(0,1fr)!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  margin:-2px 0 22px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.page-kpi-row>:where(div,a){
  --kpi-accent:#2f7be8;
  --kpi-soft:#edf5ff;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:116px!important;
  padding:20px 22px!important;
  overflow:hidden!important;
  border:1px solid #d5e2f0!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#f8fbff 0%,var(--kpi-soft) 100%)!important;
  box-shadow:0 14px 32px rgba(14,52,98,.085)!important;
  text-decoration:none!important;
  transition:transform var(--x-duration-base) var(--x-ease-standard),box-shadow var(--x-duration-base) var(--x-ease-standard),border-color var(--x-duration-base) var(--x-ease-standard)!important;
}
.page-kpi-row>:where(div,a)::before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:0!important;
  height:3px!important;
  border-radius:0 0 999px 999px!important;
  background:var(--kpi-accent)!important;
}
.page-kpi-row>a:hover{
  transform:translateY(-2px)!important;
  border-color:#bfd4ec!important;
  box-shadow:0 18px 38px rgba(14,52,98,.12)!important;
}
.page-kpi-row strong{
  display:block!important;
  margin:0!important;
  color:var(--x-navy-950)!important;
  font-size:34px!important;
  line-height:1!important;
  letter-spacing:-1.05px!important;
}
.page-kpi-row span{
  display:block!important;
  margin-top:8px!important;
  color:var(--x-ink-500)!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.page-kpi-row>:where(div,a):nth-child(2){
  --kpi-accent:#16845b;
  --kpi-soft:#eaf8f1;
}
.page-kpi-row>:where(div,a):nth-child(3){
  --kpi-accent:#7f8ea2;
  --kpi-soft:#f0f3f7;
}
.page-kpi-row>:where(div,a):nth-child(4){
  --kpi-accent:#6e5fd2;
  --kpi-soft:#f1efff;
}
/* Semantic KPI accents by module */
.page-kpi-row.people-summary>:nth-child(3),
.page-kpi-row.devices-summary>:nth-child(3),
.page-kpi-row.users-summary>:nth-child(3),
.page-kpi-row.vault-summary>:nth-child(3){
  --kpi-accent:#7f8ea2;
  --kpi-soft:#f0f3f7;
}
.page-kpi-row.emails-summary>:nth-child(3),
.page-kpi-row.approvals-summary>:nth-child(1){
  --kpi-accent:#b86e08;
  --kpi-soft:#fff4de;
}
.page-kpi-row.emails-summary>:nth-child(4){
  --kpi-accent:#6e5fd2;
  --kpi-soft:#f1efff;
}
.page-kpi-row.approvals-summary>:nth-child(2){
  --kpi-accent:#16845b;
  --kpi-soft:#eaf8f1;
}
.page-kpi-row.approvals-summary>:nth-child(3){
  --kpi-accent:#bd3f48;
  --kpi-soft:#fff0f1;
}
.page-kpi-row.org-summary-strip>:nth-child(2){
  --kpi-accent:#6658cc;
  --kpi-soft:#f1efff;
}
.page-kpi-row.org-summary-strip>:nth-child(3){
  --kpi-accent:#16845b;
  --kpi-soft:#eaf8f1;
}
.page-kpi-row.security-summary>:nth-child(2),
.page-kpi-row.backup-summary>:nth-child(2){
  --kpi-accent:#16845b;
  --kpi-soft:#eaf8f1;
}
.page-kpi-row.security-summary>:nth-child(3),
.page-kpi-row.backup-summary>:nth-child(3){
  --kpi-accent:#6658cc;
  --kpi-soft:#f1efff;
}
.page-kpi-row.audit-count{
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  grid-template-columns:minmax(260px,360px)!important;
  justify-content:start!important;
}
@media(max-width:620px){
  .page-kpi-row.audit-count{grid-template-columns:1fr!important}
}
html[data-theme="dark"] .page-kpi-row{
  background:transparent!important;
}
html[data-theme="dark"] .page-kpi-row>:where(div,a){
  border-color:#2c4055!important;
  background:linear-gradient(135deg,#0f1d2e 0%,color-mix(in srgb,var(--kpi-accent) 10%,#0b1726) 100%)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .page-kpi-row strong{
  color:#f3f7fd!important;
}
html[data-theme="dark"] .page-kpi-row span{
  color:#aebdd0!important;
}
@media(max-width:1000px){
  .page-kpi-row{
    grid-auto-flow:row!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .page-kpi-row{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-bottom:18px!important;
  }
  .page-kpi-row>:where(div,a){
    min-height:92px!important;
    padding:17px 18px!important;
    border-radius:17px!important;
  }
  .page-kpi-row strong{
    font-size:29px!important;
  }
}

/* R5 — Apps-reference hero unification; Home intentionally excluded */
:where(
  .apps-hub-hero,.org-page-head,.people-page-head,.approvals-page-head,.emails-page-head,
  .devices-page-head,.search-page-head,.support-center-hero,.vault-page-head,.users-page-head,
  .audit-page-head,.security-page-head,.backup-page-head,.data-page-head.employee-devices-head,
  .profile-change-hero.employee-self-hero
){
  position:relative!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:24px!important;min-height:190px!important;
  margin-bottom:var(--x-space-200)!important;padding:30px 34px!important;overflow:hidden!important;
  border:1px solid rgba(90,139,199,.18)!important;border-radius:var(--x-radius-2xl)!important;
  background:radial-gradient(circle at 86% 18%,rgba(79,145,235,.20),transparent 18rem),
    linear-gradient(115deg,var(--x-navy-1000),var(--x-navy-900) 58%,var(--x-navy-800))!important;
  box-shadow:0 22px 52px rgba(9,39,78,.16)!important;color:#fff!important;
}
:where(
  .apps-hub-hero,.org-page-head,.people-page-head,.approvals-page-head,.emails-page-head,
  .devices-page-head,.search-page-head,.support-center-hero,.vault-page-head,.users-page-head,
  .audit-page-head,.security-page-head,.backup-page-head,.data-page-head.employee-devices-head,
  .profile-change-hero.employee-self-hero
) .eyebrow{color:#8fbcff!important}
:where(
  .apps-hub-hero,.org-page-head,.people-page-head,.approvals-page-head,.emails-page-head,
  .devices-page-head,.search-page-head,.support-center-hero,.vault-page-head,.users-page-head,
  .audit-page-head,.security-page-head,.backup-page-head,.data-page-head.employee-devices-head,
  .profile-change-hero.employee-self-hero
) h1{
  margin:8px 0 10px!important;color:#fff!important;font-size:clamp(32px,2.7vw,43px)!important;
  line-height:1.08!important;letter-spacing:-1.3px!important;
}
:where(
  .apps-hub-hero,.org-page-head,.people-page-head,.approvals-page-head,.emails-page-head,
  .devices-page-head,.search-page-head,.support-center-hero,.vault-page-head,.users-page-head,
  .audit-page-head,.security-page-head,.backup-page-head,.data-page-head.employee-devices-head,
  .profile-change-hero.employee-self-hero
) p{max-width:720px!important;margin:0!important;color:rgba(229,239,251,.76)!important;font-size:12px!important;line-height:1.6!important}
.page-hero-mark{
  width:96px;height:96px;flex:0 0 96px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.14);border-radius:28px;background:rgba(255,255,255,.08);
  color:#fff;font-size:30px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
@container workspace (max-width:620px){
  :where(.apps-hub-hero,.org-page-head,.people-page-head,.approvals-page-head,.emails-page-head,.devices-page-head,.search-page-head,.support-center-hero,.vault-page-head,.users-page-head,.audit-page-head,.security-page-head,.backup-page-head,.data-page-head.employee-devices-head,.profile-change-hero.employee-self-hero){align-items:flex-start!important;flex-direction:column!important;padding:24px!important}
  .page-hero-mark{width:72px;height:72px;flex-basis:72px;border-radius:20px;font-size:25px}
}
:where(
  .org-page-head,.people-page-head,.approvals-page-head,.emails-page-head,.devices-page-head,
  .search-page-head,.support-center-hero,.vault-page-head,.users-page-head,.audit-page-head,
  .security-page-head,.backup-page-head,.data-page-head.employee-devices-head,
  .profile-change-hero.employee-self-hero
)::before,
:where(
  .org-page-head,.people-page-head,.approvals-page-head,.emails-page-head,.devices-page-head,
  .search-page-head,.support-center-hero,.vault-page-head,.users-page-head,.audit-page-head,
  .security-page-head,.backup-page-head,.data-page-head.employee-devices-head,
  .profile-change-hero.employee-self-hero
)::after{display:none!important;content:none!important}
:where(
  .apps-hub-hero,.org-page-head,.people-page-head,.approvals-page-head,.emails-page-head,
  .devices-page-head,.search-page-head,.vault-page-head,.users-page-head,.audit-page-head,
  .security-page-head,.backup-page-head,.data-page-head.employee-devices-head,
  .profile-change-hero.employee-self-hero
)>div:first-child,
.support-center-copy{position:relative;z-index:2;min-width:0;max-width:760px}

/* R8 — unified premium select/dropdown system */
:where(.app-authenticated,.app-public) select{
  font-family:inherit;
}
:where(.app-authenticated,.app-public) select:not([multiple]){
  -webkit-appearance:none;
  appearance:none;
  min-height:46px;
  padding:0 46px 0 14px!important;
  border:1px solid #cbd9e8!important;
  border-radius:14px!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23275f9d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:18px 18px!important;
  color:var(--x-ink-800)!important;
  font-size:13px!important;
  font-weight:720!important;
  line-height:1.2!important;
  box-shadow:0 4px 12px rgba(18,52,91,.045)!important;
  transition:border-color var(--x-duration-base) var(--x-ease-standard),
    box-shadow var(--x-duration-base) var(--x-ease-standard),
    background-color var(--x-duration-base) var(--x-ease-standard),
    transform var(--x-duration-fast) var(--x-ease-standard)!important;
}
:where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  border-color:#91b4da!important;
  background-color:#fbfdff!important;
  box-shadow:0 7px 18px rgba(22,73,132,.075)!important;
}
:where(.app-authenticated,.app-public) select:not([multiple]):focus,
:where(.app-authenticated,.app-public) select:not([multiple]):focus-visible{
  outline:0!important;
  border-color:#4b8ddd!important;
  background-color:#fff!important;
  box-shadow:0 0 0 4px rgba(47,123,232,.13),0 8px 20px rgba(18,52,91,.08)!important;
}
:where(.app-authenticated,.app-public) select:disabled{
  cursor:not-allowed!important;
  opacity:.58!important;
  filter:saturate(.65);
}
:where(.app-authenticated,.app-public) select[multiple]{
  min-height:118px;
  padding:10px 12px!important;
  border:1px solid #cbd9e8!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--x-ink-800)!important;
  font-size:13px!important;
  box-shadow:0 4px 12px rgba(18,52,91,.045)!important;
}
:where(.app-authenticated,.app-public) select option{
  font-size:13px;
  font-weight:600;
  color:#173b68;
  background:#fff;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]){
  border-color:#30465e!important;
  background-color:#0d1a2a!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239fc7f2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  color:#edf5ff!important;
  box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  border-color:#5278a1!important;
  background-color:#112238!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]):focus,
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]):focus-visible{
  border-color:#6ea8e8!important;
  background-color:#0f2034!important;
  box-shadow:0 0 0 4px rgba(79,151,231,.18),0 8px 22px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select[multiple]{
  border-color:#30465e!important;
  background:#0d1a2a!important;
  color:#edf5ff!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select option{
  color:#edf5ff;
  background:#101f31;
}

/* R15 — executive employee hero + section editing */
.person-hero-executive{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
  align-items:stretch!important;
  gap:28px!important;
  min-height:244px!important;
  padding:32px 34px!important;
  border:1px solid rgba(94,145,211,.38)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(77,146,238,.22),transparent 22rem),
    radial-gradient(circle at 12% 90%,rgba(31,132,91,.14),transparent 20rem),
    linear-gradient(122deg,#071a33 0%,#0b2b55 55%,#164b89 100%)!important;
  box-shadow:0 24px 54px rgba(6,25,53,.20)!important;
}
.person-hero-executive::after{
  content:"";
  position:absolute;
  right:-110px;
  bottom:-160px;
  width:440px;
  height:260px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  pointer-events:none;
}
.person-hero-executive .org-back-link{
  color:#8fc2ff!important;
  font-size:11px!important;
  font-weight:800!important;
}
.person-hero-executive .person-detail-identity{
  margin-top:20px;
  gap:18px!important;
}
.person-hero-executive .person-avatar-large{
  width:84px!important;
  height:84px!important;
  flex-basis:84px!important;
  border:1px solid rgba(164,232,204,.50)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#effbf5,#d9f4e8)!important;
  color:#12734f!important;
  font-size:24px!important;
  box-shadow:0 14px 30px rgba(0,0,0,.15)!important;
}
.person-hero-copy .eyebrow{
  color:#90bfff!important;
  font-size:10px!important;
  letter-spacing:.09em!important;
}
.person-hero-executive h1{
  margin:6px 0 8px!important;
  color:#fff!important;
  font-size:clamp(34px,3vw,46px)!important;
  line-height:1.02!important;
  letter-spacing:-1.4px!important;
}
.person-hero-role{
  margin:0!important;
  color:#e8f3ff!important;
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:760!important;
}
.person-hero-context{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:14px;
}
.person-hero-status{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 11px;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
}
.person-hero-status.is-active{
  border:1px solid rgba(132,229,186,.42);
  background:rgba(25,157,105,.20);
  color:#a7efcf;
}
.person-hero-status.is-inactive{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#dce7f5;
}
.person-hero-executive .person-department-path{
  margin:0!important;
  min-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:6px 11px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.08)!important;
  color:#dbeaff!important;
  font-size:11px!important;
  font-weight:750!important;
  backdrop-filter:blur(10px);
}
.person-hero-summary{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:74px 1fr;
  align-items:center;
  gap:17px;
  min-height:176px;
  align-self:center;
  padding:20px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.065));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 34px rgba(0,0,0,.14);
  backdrop-filter:blur(16px);
}
.person-hero-monogram{
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.25);
  border-radius:20px;
  background:linear-gradient(145deg,#2d79dc,#205dad);
  color:#fff;
  font-size:21px;
  font-weight:900;
  box-shadow:0 12px 26px rgba(0,0,0,.16);
}
.person-hero-summary-grid{
  display:grid;
  gap:12px;
  min-width:0;
}
.person-hero-summary-grid>div{
  min-width:0;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.person-hero-summary-grid>div:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.person-hero-summary-grid span{
  display:block;
  color:#a9c8eb;
  font-size:9px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.person-hero-summary-grid strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:15px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.employee-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.section-edit-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  border:1px solid #c8d9eb;
  border-radius:999px;
  background:linear-gradient(180deg,#fff,#f4f8fd);
  color:#285f9f;
  font-size:11px;
  font-weight:850;
  text-decoration:none;
  box-shadow:0 4px 12px rgba(18,52,91,.045);
  cursor:pointer;
  transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.section-edit-button:hover{
  transform:translateY(-1px);
  border-color:#8eb3dc;
  background:#fff;
  box-shadow:0 7px 17px rgba(18,52,91,.08);
}
.section-edit-button[aria-expanded="true"]{
  border-color:#6e9fd6;
  background:#edf5ff;
  color:#174f8f;
}
.employee-section-editor{
  margin:2px 0 18px;
  padding:17px;
  border:1px solid #d8e4f0;
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(47,123,232,.055),transparent 15rem),
    linear-gradient(180deg,#fbfdff,#f5f9fd);
  box-shadow:inset 0 1px 0 #fff;
}
.employee-section-form{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.employee-section-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.employee-section-form label>span,
.section-readonly-field>span{
  color:#3f648e;
  font-size:10px;
  font-weight:850;
  letter-spacing:.035em;
}
.employee-section-form input,
.employee-section-form select,
.employee-section-form textarea{
  width:100%;
  min-height:46px;
  margin:0!important;
  border:1px solid #cfdeec!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--x-ink-800)!important;
  padding:10px 12px!important;
  font-size:13px!important;
  font-weight:650!important;
}
.employee-section-form textarea{
  min-height:96px!important;
  resize:vertical;
}
.employee-section-form input:focus,
.employee-section-form select:focus,
.employee-section-form textarea:focus{
  outline:0;
  border-color:#65a0df!important;
  box-shadow:0 0 0 4px rgba(47,123,232,.11)!important;
}
.section-form-wide{
  grid-column:span 2;
}
.section-readonly-field{
  min-height:46px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:9px 12px;
  border:1px dashed #cad9e8;
  border-radius:13px;
  background:#f7fafe;
}
.section-readonly-field strong{
  color:#294f7c;
  font-size:13px;
  overflow-wrap:anywhere;
}
.employee-section-actions{
  grid-column:1/-1;
  display:flex;
  justify-content:flex-end;
  gap:9px;
  padding-top:4px;
}
.employee-section-actions button{
  min-width:112px;
  min-height:42px;
}
html[data-theme="dark"] .section-edit-button{
  border-color:#35506d;
  background:linear-gradient(180deg,#122237,#0f1d2f);
  color:#a9d0ff;
}
html[data-theme="dark"] .employee-section-editor{
  border-color:#2b4057;
  background:linear-gradient(180deg,#0f1d2e,#0c1827);
}
html[data-theme="dark"] .employee-section-form input,
html[data-theme="dark"] .employee-section-form select,
html[data-theme="dark"] .employee-section-form textarea{
  border-color:#30465e!important;
  background:#101f31!important;
  color:#eef5ff!important;
}
html[data-theme="dark"] .section-readonly-field{
  border-color:#30465e;
  background:#0f1d2e;
}
html[data-theme="dark"] .section-readonly-field strong{color:#d6e7fb}
@media(max-width:1050px){
  .person-hero-executive{
    grid-template-columns:1fr!important;
  }
  .person-hero-summary{
    width:100%;
    min-height:auto;
  }
}
@media(max-width:760px){
  .person-hero-executive{
    padding:24px 20px!important;
  }
  .person-hero-executive .person-detail-identity{
    align-items:flex-start;
  }
  .person-hero-executive .person-avatar-large{
    width:64px!important;
    height:64px!important;
    flex-basis:64px!important;
    border-radius:18px!important;
    font-size:19px!important;
  }
  .person-hero-executive h1{
    font-size:clamp(28px,8vw,38px)!important;
  }
  .person-hero-role{font-size:15px!important}
  .person-hero-summary{grid-template-columns:58px 1fr;padding:15px}
  .person-hero-monogram{width:58px;height:58px;border-radius:16px;font-size:17px}
  .employee-section-form{grid-template-columns:1fr}
  .section-form-wide{grid-column:auto}
  .employee-section-head{align-items:flex-start}
}

/* R16 — employee list compaction + app readability floor */
.filter-search-wide{
  flex:1.8!important;
  min-width:340px!important;
  font-size:13px!important;
}
.employee-create-form{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap:10px!important;
}
.employee-create-form>*{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
.employee-create-form input,
.employee-create-form select,
.employee-create-form textarea,
.employee-create-form button{
  min-height:46px!important;
  height:46px!important;
  font-size:13px!important;
}
.employee-create-form textarea{
  padding:12px!important;
  resize:vertical;
  overflow:auto;
}
.employee-create-form button{
  align-self:stretch;
  justify-self:stretch;
}
.people-page-head + .page-kpi-row + .people-toolbar .people-filterbar{
  align-items:stretch;
}
.app-authenticated :where(
  input,select,textarea,button,label,
  .filter-reset,.org-management>summary,
  .clean-table th,.clean-table td,
  .person-cell strong,.device-cell strong,.mail-cell strong,.user-cell strong,
  .person-cell small,.device-cell small,.mail-cell small,
  .subtle,.panel-kicker,.eyebrow,.status-pill,.role-pill,.two-factor-pill,
  .mail-type-pill,.mail-owner,.table-primary,.table-secondary,.mail-note,
  .device-count-chip,.ip-chip,.approval-before-after small,
  .profile-current-grid span,.profile-history-list small
){
  font-size:13px!important;
}
.app-authenticated small{
  font-size:13px!important;
}
.app-authenticated .page-kpi-row span{
  font-size:13px!important;
}
.app-authenticated .org-management>summary{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
}
@media(max-width:1320px){
  .employee-create-form{grid-template-columns:repeat(3,minmax(0,1fr))}
  .filter-search-wide{min-width:280px!important}
}
@media(max-width:760px){
  .employee-create-form{grid-template-columns:1fr}
  .filter-search-wide{min-width:0!important;width:100%!important}
}

/* R16 — readability floor, wider search, compact employee create form */
.app-authenticated .workspace-main :where(
  small,.subtle,.panel-kicker,.eyebrow
){
  font-size:13px!important;
  line-height:1.4!important;
}
.app-authenticated .workspace-main :where(
  .filterbar input,.filterbar select,.filterbar button,.filter-reset,
  .quick-form input,.quick-form select,.quick-form textarea,.quick-form button,
  .clean-table thead th,.clean-table tbody td,
  .person-cell strong,.person-cell small,
  .device-cell strong,.device-cell small,
  .mail-cell strong,.mail-cell small,
  .user-cell strong,
  .table-primary,.table-secondary,
  .status-pill,.role-pill,.two-factor-pill,.mail-type-pill,.mail-owner,
  .device-count-chip,.ip-chip,
  .org-management>summary
){
  font-size:13px!important;
  line-height:1.35!important;
}
.app-authenticated .workspace-main :where(
  .people-page-head,.devices-page-head,.emails-page-head,.users-page-head,.audit-page-head,
  .approvals-page-head,.backup-page-head,.search-page-head,.security-page-head,.vault-page-head,
  .org-page-head,.data-page-head,.support-page-head,.page-heading.account-heading
) p{
  font-size:13px!important;
}
.app-authenticated .workspace-main .page-kpi-row span{
  font-size:13px!important;
  line-height:1.3!important;
}
.people-filterbar .filter-search-wide{
  flex:2 1 380px!important;
  min-width:380px!important;
  font-size:14px!important;
}
.employee-create-form{
  display:grid!important;
  grid-template-columns:minmax(190px,1.35fr) repeat(4,minmax(135px,1fr))!important;
  gap:9px!important;
  align-items:stretch!important;
  margin:12px!important;
  padding:12px!important;
}
.employee-create-form>:not(input[type="hidden"]){
  min-width:0!important;
  width:100%!important;
  min-height:46px!important;
  height:46px!important;
  margin:0!important;
}
.employee-create-form input,
.employee-create-form select,
.employee-create-form textarea{
  padding:0 12px!important;
  border:1px solid #cfdeec!important;
  border-radius:13px!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:650!important;
}
.employee-create-form textarea{
  min-height:46px!important;
  max-height:46px!important;
  padding:12px!important;
  resize:none!important;
  overflow:auto!important;
}
.employee-create-form button{
  min-height:46px!important;
  height:46px!important;
  border-radius:13px!important;
  font-size:13px!important;
  font-weight:850!important;
}
.people-table-card .people-table{
  min-width:880px;
}
.people-table-card .people-table th:nth-child(1),
.people-table-card .people-table td:nth-child(1){width:26%}
.people-table-card .people-table th:nth-child(2),
.people-table-card .people-table td:nth-child(2){width:23%}
.people-table-card .people-table th:nth-child(3),
.people-table-card .people-table td:nth-child(3){width:18%}
.people-table-card .people-table th:nth-child(4),
.people-table-card .people-table td:nth-child(4){width:23%}
.people-table-card .people-table th:nth-child(5),
.people-table-card .people-table td:nth-child(5){width:10%}
html[data-theme="dark"] .employee-create-form input,
html[data-theme="dark"] .employee-create-form select,
html[data-theme="dark"] .employee-create-form textarea{
  border-color:#30465e!important;
  background:#101f31!important;
  color:#eef5ff!important;
}
@media(max-width:1250px){
  .employee-create-form{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .people-filterbar .filter-search-wide{
    flex-basis:320px!important;
    min-width:320px!important;
  }
}
@media(max-width:820px){
  .employee-create-form{
    grid-template-columns:1fr!important;
  }
  .people-filterbar .filter-search-wide{
    min-width:0!important;
    width:100%!important;
  }
}

/* R17 demo — temporary Add/Management pattern comparison */
.management-pattern-demo{margin:20px 0 24px;padding:20px;border:1px solid #d7e3ef;border-radius:22px;background:linear-gradient(180deg,#f8fbff,#f2f7fc);box-shadow:0 14px 32px rgba(14,52,98,.07)}
.management-pattern-demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.management-pattern-demo-head h2{margin:3px 0 6px;font-size:22px;color:#102d52}
.management-pattern-demo-head p{margin:0;color:#61748a;max-width:760px}
.management-demo-safe{flex:0 0 auto;padding:8px 11px;border:1px solid #b8d8c7;border-radius:999px;background:#edf9f1;color:#1f7045;font-weight:800;font-size:12px}
.management-demo-option{position:relative;margin-top:14px;padding:16px;border:1px solid #dbe5ef;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(23,61,105,.055)}
.management-demo-option-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.management-demo-option-head strong{display:block;font-size:15px;color:#173b67}
.management-demo-option-head p{margin:4px 0 0;color:#6a7d92}
.management-demo-letter{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf3ff;color:#1e63bd;font-weight:900}
.management-demo-accordion{border:1px solid #d5e1ed;border-radius:15px;background:#fafdff;overflow:hidden}
.management-demo-accordion>summary{min-height:48px;display:flex;align-items:center;padding:0 14px;cursor:pointer;font-weight:850;color:#16395f;background:#f4f8fc}
.management-demo-fields{display:grid;gap:10px}
.management-demo-inline-fields{grid-template-columns:repeat(5,minmax(0,1fr));padding:14px}
.management-demo-fields input,.management-demo-fields select,.management-demo-fields textarea{min-width:0;width:100%;min-height:46px;height:46px;margin:0;padding:0 12px;border:1px solid #cfdeec;border-radius:13px;background:#fff;color:#17324f;font:650 13px/1.3 inherit}
.management-demo-fields textarea{padding-top:12px;resize:none}
.management-demo-fields button{min-height:46px;height:46px;border:0;border-radius:13px;background:linear-gradient(135deg,#145bc1,#287ce6);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 8px 18px rgba(30,95,180,.18)}
.management-demo-accordion>small{display:block;padding:0 14px 14px;color:#73859a}
.management-demo-launch{min-height:44px;padding:0 16px;border:1px solid #bfd2e6;border-radius:13px;background:#f5f9fd;color:#174b86;font-weight:850;cursor:pointer}
.management-demo-launch:hover{background:#edf5fd;border-color:#9dbdde}
.management-demo-scrim{position:fixed;inset:0;z-index:1200;background:rgba(5,17,31,.42);opacity:0;pointer-events:none;transition:opacity .2s ease}
.management-demo-scrim.is-open{opacity:1;pointer-events:auto}
.management-demo-drawer{position:fixed;z-index:1210;top:0;right:0;width:min(560px,94vw);height:100dvh;padding:24px;background:#fff;border-left:1px solid #d2deea;box-shadow:-24px 0 54px rgba(5,26,53,.22);transform:translateX(105%);transition:transform .24s ease;overflow:auto}
.management-demo-drawer.is-open{transform:translateX(0)}
.management-demo-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
.management-demo-editor-head h2{margin:3px 0 0;font-size:24px;color:#12345b}
.management-demo-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d2dfeb;border-radius:12px;background:#f6f9fc;color:#274866;font-size:24px;cursor:pointer}
.management-demo-editor-note{margin:0 0 16px;color:#708298}
.management-demo-drawer-fields{grid-template-columns:1fr 1fr}
.management-demo-drawer-fields textarea,.management-demo-drawer-fields button{grid-column:1/-1}
.management-demo-dialog{width:min(760px,92vw);max-height:88vh;padding:24px;border:1px solid #d4e0eb;border-radius:22px;background:#fff;color:#17324f;box-shadow:0 30px 80px rgba(6,29,58,.28);overflow:auto}
.management-demo-dialog::backdrop{background:rgba(5,17,31,.5);backdrop-filter:blur(2px)}
.management-demo-modal-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.management-demo-modal-fields textarea,.management-demo-modal-fields button{grid-column:1/-1}
html[data-theme="dark"] .management-pattern-demo{border-color:#263b50;background:linear-gradient(180deg,#0e1b2b,#0b1725)}
html[data-theme="dark"] .management-pattern-demo-head h2,html[data-theme="dark"] .management-demo-option-head strong,html[data-theme="dark"] .management-demo-editor-head h2{color:#eaf3ff}
html[data-theme="dark"] .management-pattern-demo-head p,html[data-theme="dark"] .management-demo-option-head p,html[data-theme="dark"] .management-demo-editor-note{color:#9eb0c5}
html[data-theme="dark"] .management-demo-option{border-color:#293d52;background:#0f1c2c}
html[data-theme="dark"] .management-demo-accordion{border-color:#30455b;background:#0d1a29}
html[data-theme="dark"] .management-demo-accordion>summary{background:#132338;color:#e4eef9}
html[data-theme="dark"] .management-demo-fields input,html[data-theme="dark"] .management-demo-fields select,html[data-theme="dark"] .management-demo-fields textarea{border-color:#30465e;background:#101f31;color:#eef5ff}
html[data-theme="dark"] .management-demo-launch,html[data-theme="dark"] .management-demo-close{border-color:#334a61;background:#122338;color:#dbeaff}
html[data-theme="dark"] .management-demo-drawer,html[data-theme="dark"] .management-demo-dialog{border-color:#2c4055;background:#0d1928;color:#eef5ff}
@media(max-width:1250px){.management-demo-inline-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .management-pattern-demo{padding:14px;border-radius:18px}
  .management-pattern-demo-head{flex-direction:column}
  .management-demo-safe{white-space:normal}
  .management-demo-option{padding:14px}
  .management-demo-inline-fields,.management-demo-drawer-fields,.management-demo-modal-fields{grid-template-columns:1fr}
  .management-demo-drawer-fields textarea,.management-demo-drawer-fields button,.management-demo-modal-fields textarea,.management-demo-modal-fields button{grid-column:auto}
  .management-demo-drawer{width:100vw;padding:20px 16px}
  .management-demo-dialog{width:94vw;padding:20px 16px;border-radius:18px}
}
@media(prefers-reduced-motion:reduce){.management-demo-scrim,.management-demo-drawer{transition:none}}

body.management-demo-lock{overflow:hidden}

/* R18 — premium Employee search + centered Add modal */
.employee-search-panel,.employee-add-panel{
  position:relative;overflow:hidden;margin:18px 0 22px;padding:22px;
  border:1px solid #d7e4f0;border-radius:24px;
  background:linear-gradient(135deg,#fafdff 0%,#f2f7fd 58%,#edf5ff 100%);
  box-shadow:0 16px 36px rgba(18,58,104,.075);
}
.employee-search-panel::after,.employee-add-panel::after{
  content:"";position:absolute;right:-78px;bottom:-90px;width:270px;height:190px;
  border-radius:50%;background:radial-gradient(circle,rgba(60,130,226,.11),transparent 68%);pointer-events:none;
}
.employee-premium-panel-copy{position:relative;z-index:1;max-width:820px;padding-right:90px}
.employee-premium-panel-copy .eyebrow{display:inline-flex;margin-bottom:7px;color:#2d68b5!important;font-size:11px!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.employee-premium-panel-copy h2{margin:0;color:#12365f;font-size:clamp(22px,2vw,29px);letter-spacing:-.45px}
.employee-premium-panel-copy p{max-width:760px;margin:8px 0 0;color:#647991;font-size:14px!important;line-height:1.55}
.employee-premium-panel-icon{position:absolute;z-index:1;top:20px;right:22px;display:grid;place-items:center;width:54px;height:54px;border:1px solid #c9dcf0;border-radius:17px;background:rgba(255,255,255,.72);color:#2671d4;font-size:25px;box-shadow:0 9px 22px rgba(26,91,169,.1)}
.employee-search-form{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,1fr)) auto;gap:10px;margin-top:18px;padding:14px;border:1px solid #dce7f2;border-radius:18px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.employee-search-form label{display:flex;flex-direction:column;gap:6px;min-width:0;color:#60748b;font-size:12px!important;font-weight:800}
.employee-search-form input,.employee-search-form select{width:100%;height:48px!important;min-height:48px!important;margin:0!important;border:1px solid #cdddec!important;border-radius:14px!important;background-color:#fff!important;color:#173653!important;font-size:13px!important;font-weight:700!important;box-shadow:0 5px 12px rgba(23,67,115,.035)!important}
.employee-search-form .filter-search-wide{min-width:0!important;flex:none!important}
.employee-search-actions{display:flex;align-items:flex-end;gap:8px}
.employee-search-actions button,.employee-search-actions .filter-reset{display:inline-flex;align-items:center;justify-content:center;height:48px;min-height:48px;padding:0 17px;border-radius:14px;font-size:13px!important;font-weight:850;text-decoration:none;white-space:nowrap}
.employee-search-actions button{border:0;background:linear-gradient(135deg,#1764ce,#2f84ed);color:#fff;box-shadow:0 9px 20px rgba(33,105,205,.2)}
.employee-search-actions .filter-reset{border:1px solid #cbdbea;background:#fff;color:#3a5775}
.employee-add-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px);gap:28px;align-items:center}
.employee-add-points{display:grid;gap:8px;margin-top:15px}
.employee-add-points span{display:flex;align-items:center;gap:9px;color:#45617f;font-size:13px!important;font-weight:700}
.employee-add-points i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7f2ff;color:#236ecb;font-size:12px;font-style:normal;font-weight:900}
.employee-add-action-card{position:relative;z-index:1;padding:18px;border:1px solid #ccdef1;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(237,246,255,.92));box-shadow:0 13px 30px rgba(22,77,141,.095)}
.employee-add-action-kicker{display:block;margin-bottom:10px;color:#6d82a0;font-size:11px!important;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.employee-add-open{display:flex;align-items:center;gap:11px;width:100%;min-height:58px;padding:0 16px;border:0;border-radius:16px;background:linear-gradient(135deg,#1764ce,#2f84ed);color:#fff;box-shadow:0 13px 28px rgba(29,103,207,.25);font-size:15px!important;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.employee-add-open:hover{transform:translateY(-1px);box-shadow:0 17px 32px rgba(29,103,207,.29)}
.employee-add-open-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:rgba(255,255,255,.94);color:#236fd0;font-size:22px;font-weight:500}
.employee-add-open-arrow{margin-left:auto;font-size:20px}
.employee-add-action-card small{display:block;margin-top:9px;color:#7589a0!important;text-align:center}
.employee-add-dialog{width:min(900px,92vw);max-height:88vh;padding:0;border:1px solid #d0ddea;border-radius:24px;background:#fff;color:#17324f;box-shadow:0 34px 90px rgba(5,29,61,.28);overflow:auto}
.employee-add-dialog::backdrop{background:rgba(5,17,31,.54);backdrop-filter:blur(3px)}
.employee-add-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid #e0e8f1;background:linear-gradient(135deg,#f9fcff,#eef6ff)}
.employee-add-dialog-head .eyebrow{color:#2b70ca!important;font-size:11px!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.employee-add-dialog-head h2{margin:4px 0 5px;color:#12365f;font-size:27px;letter-spacing:-.5px}
.employee-add-dialog-head p{margin:0;max-width:620px;color:#697d94;font-size:13px!important}
.employee-add-dialog-close{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #ccdae8;border-radius:13px;background:#fff;color:#36536f;font-size:25px;cursor:pointer}
.employee-add-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px 26px 26px}
.employee-add-form label{display:flex;flex-direction:column;gap:7px;min-width:0;color:#49647f;font-size:12px!important;font-weight:850}
.employee-add-form input,.employee-add-form select,.employee-add-form textarea{width:100%;min-width:0;height:48px!important;min-height:48px!important;margin:0!important;padding:0 12px!important;border:1px solid #cddcea!important;border-radius:14px!important;background:#fff!important;color:#173653!important;font-size:13px!important;font-weight:700!important}
.employee-add-form textarea{height:82px!important;min-height:82px!important;padding-top:12px!important;resize:vertical}
.employee-add-notes{grid-column:1/-1}
.employee-add-notes-hint{grid-column:1/-1;margin:-3px 0 0;color:#75879a;font-size:12px!important;line-height:1.45}
.employee-add-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:4px}
.employee-add-dialog-actions button{min-width:132px;min-height:48px;border-radius:14px;font-size:13px!important;font-weight:850}
.employee-add-submit{border:0;background:linear-gradient(135deg,#1764ce,#2f84ed);color:#fff;box-shadow:0 10px 22px rgba(31,104,204,.2)}
html[data-theme="dark"] .employee-search-panel,html[data-theme="dark"] .employee-add-panel{border-color:#263d55;background:linear-gradient(135deg,#0e1b2b,#0c1827 58%,#102239)}
html[data-theme="dark"] .employee-premium-panel-copy h2,html[data-theme="dark"] .employee-add-dialog-head h2{color:#eef5ff}
html[data-theme="dark"] .employee-premium-panel-copy p,html[data-theme="dark"] .employee-add-points span{color:#a7b8cb}
html[data-theme="dark"] .employee-premium-panel-icon,html[data-theme="dark"] .employee-add-action-card{border-color:#2e4864;background:linear-gradient(145deg,#102035,#0e1d30);color:#80b6ff}
html[data-theme="dark"] .employee-search-form{border-color:#2a425b;background:rgba(13,27,44,.8)}
html[data-theme="dark"] .employee-search-form input,html[data-theme="dark"] .employee-search-form select,html[data-theme="dark"] .employee-add-form input,html[data-theme="dark"] .employee-add-form select,html[data-theme="dark"] .employee-add-form textarea{border-color:#30485f!important;background-color:#101f31!important;color:#eef5ff!important}
html[data-theme="dark"] .employee-search-actions .filter-reset,html[data-theme="dark"] .employee-add-dialog-close{border-color:#334b62;background:#122238;color:#dce9f7}
html[data-theme="dark"] .employee-add-dialog{border-color:#2c4158;background:#0d1928;color:#eef5ff}
html[data-theme="dark"] .employee-add-dialog-head{border-color:#263c52;background:linear-gradient(135deg,#11233a,#0d1b2c)}
html[data-theme="dark"] .employee-add-dialog-head p,html[data-theme="dark"] .employee-add-notes-hint{color:#9db0c4}
@media(max-width:1180px){.employee-search-form{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-search-actions{grid-column:1/-1}.employee-add-panel{grid-template-columns:1fr}.employee-add-action-card{max-width:430px}}
@media(max-width:760px){.employee-search-panel,.employee-add-panel{padding:16px;border-radius:19px}.employee-premium-panel-copy{padding-right:0}.employee-premium-panel-icon{display:none}.employee-search-form{grid-template-columns:1fr;padding:11px}.employee-search-actions{grid-column:auto}.employee-search-actions>*{flex:1}.employee-add-action-card{max-width:none}.employee-add-dialog{width:94vw;border-radius:19px}.employee-add-dialog-head{padding:20px 17px 15px}.employee-add-form{grid-template-columns:1fr;padding:18px 17px 20px}.employee-add-notes,.employee-add-notes-hint,.employee-add-dialog-actions{grid-column:auto}.employee-add-dialog-actions{flex-direction:column-reverse}.employee-add-dialog-actions button{width:100%}}

/* R19 — Employee sortable table headers */
.employee-sort-link{
  display:inline-flex;align-items:center;gap:8px;min-height:32px;
  color:inherit;text-decoration:none;font:inherit;font-weight:850;
  transition:color .16s ease,transform .16s ease;
}
.employee-sort-link i{
  display:grid;place-items:center;width:24px;height:24px;
  border:1px solid #d4e1ed;border-radius:8px;
  background:#f7fbff;color:#7890a8;font-size:13px;font-style:normal;font-weight:900;
}
.employee-sort-link:hover{color:#1765c9}
.employee-sort-link:hover i,.employee-sort-link.is-active i{
  border-color:#b8d3ef;background:#eaf4ff;color:#1765c9;
}
.employee-sort-link.is-active{color:#174f91}
html[data-theme="dark"] .employee-sort-link i{
  border-color:#31495f;background:#112137;color:#8ea6bf;
}
html[data-theme="dark"] .employee-sort-link:hover,
html[data-theme="dark"] .employee-sort-link.is-active{color:#8bbcff}
html[data-theme="dark"] .employee-sort-link:hover i,
html[data-theme="dark"] .employee-sort-link.is-active i{
  border-color:#3c5f80;background:#17304d;color:#8bbcff;
}

/* R20 — header search button, wider profile identity, clearer dropdowns, sort anchor polish */
.global-search{
  padding-right:5px!important;
  overflow:hidden;
}
.global-search-submit{
  flex:0 0 auto;
  min-width:96px;
  height:34px;
  padding:0 14px;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#1764ce,#2f84ed)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  box-shadow:0 7px 16px rgba(31,104,204,.18)!important;
}
.global-search-submit:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(31,104,204,.23)!important}
.profile-chip{
  min-width:320px;
  max-width:370px;
}
.profile-chip .profile-copy{flex:1 1 auto;min-width:0}
.profile-chip .profile-copy strong{
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
:where(.app-authenticated,.app-public) select:not([multiple]){
  padding-right:52px!important;
  border-color:#b9cee3!important;
  background-color:#fff!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231f6fd1' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 9 5 6 5-6'/%3E%3C/svg%3E"),
    linear-gradient(180deg,%23f0f7ff 0%,%23e7f2ff 100%)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:right 12px center,right top!important;
  background-size:20px 20px,44px 100%!important;
  box-shadow:0 5px 14px rgba(24,71,126,.055)!important;
}
:where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  border-color:#79a7d8!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23155fb9' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 9 5 6 5-6'/%3E%3C/svg%3E"),
    linear-gradient(180deg,%23e8f4ff 0%,%23dcecff 100%)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]){
  border-color:#365775!important;
  background-color:#0d1a2a!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239fcaff' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 9 5 6 5-6'/%3E%3C/svg%3E"),
    linear-gradient(180deg,%23142b46 0%,%2311253b 100%)!important;
}
@media(max-width:1180px){
  .profile-chip{min-width:auto;max-width:none}
  .profile-chip .profile-copy strong{max-width:220px!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

/* R21 — refined header search, profile identity and dropdown affordance */
.global-search{
  flex:0 1 650px!important;
  width:min(650px,58vw)!important;
  max-width:650px!important;
}
.global-search-submit{
  min-width:74px!important;
  height:28px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  font-size:10px!important;
  box-shadow:0 5px 12px rgba(31,104,204,.15)!important;
}
.profile-chip .profile-copy small{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:300px;
}
:where(.app-authenticated,.app-public) select:not([multiple]){
  cursor:pointer!important;
  border-color:#adc7df!important;
  box-shadow:
    inset -47px 0 0 #eaf4ff,
    inset -48px 0 0 #c4d9ed,
    0 5px 14px rgba(24,71,126,.055)!important;
}
:where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  box-shadow:
    inset -47px 0 0 #deeeff,
    inset -48px 0 0 #9fc2e5,
    0 7px 18px rgba(22,73,132,.085)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]){
  box-shadow:
    inset -47px 0 0 #162e49,
    inset -48px 0 0 #35536f,
    0 5px 14px rgba(0,0,0,.16)!important;
}

/* R21 — temporary premium table-frame comparison */
.employee-table-preview-section{
  margin:20px 0 24px;padding:20px;
  border:1px solid #d7e4f0;border-radius:24px;
  background:linear-gradient(135deg,#fbfdff,#f3f8fd);
  box-shadow:0 14px 34px rgba(18,58,104,.065);
}
.employee-table-preview-head{margin-bottom:15px}
.employee-table-preview-head .eyebrow{color:#2d68b5!important}
.employee-table-preview-head h2{margin:5px 0 6px;color:#12365f;font-size:24px}
.employee-table-preview-head p{margin:0;max-width:820px;color:#667b91;font-size:13px!important;line-height:1.5}
.employee-table-preview-list{display:grid;gap:14px}
.employee-table-preview-card{padding:13px;border-radius:18px;background:#fff}
.employee-table-preview-label{margin:0 0 9px;font-size:12px!important;font-weight:900;color:#315c8e}
.employee-table-preview-frame{overflow:hidden}
.employee-table-preview-row{
  display:grid;grid-template-columns:1.35fr 1.2fr 1.15fr 1fr .72fr;
  min-width:850px;align-items:center;
}
.employee-table-preview-row>span{min-width:0;padding:10px 12px;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.employee-table-preview-header>span{font-weight:900;font-size:11px!important}
.employee-table-preview-row+ .employee-table-preview-row{border-top:1px solid rgba(205,219,234,.7)}
.table-preview-v1{border:1px solid #d8e5ef;border-top:3px solid #2f9b73;box-shadow:0 8px 20px rgba(20,61,105,.05)}
.table-preview-v1 .employee-table-preview-frame{border:1px solid #e1eaf3;border-radius:12px}
.table-preview-v1 .employee-table-preview-header{background:#f7fafc;color:#31506f}
.table-preview-v2{border:1px solid #c8d8e8;box-shadow:0 12px 28px rgba(16,51,91,.08)}
.table-preview-v2 .employee-table-preview-frame{border-radius:14px;border-left:5px solid #1e5faa;background:linear-gradient(90deg,#f8fbff,#fff)}
.table-preview-v2 .employee-table-preview-header{background:#eef5fd;color:#173f6d}
.table-preview-v3{border:0;background:transparent;padding:7px 3px}
.table-preview-v3 .employee-table-preview-frame{border-radius:16px;background:#fff;box-shadow:0 18px 38px rgba(17,51,91,.13)}
.table-preview-v3 .employee-table-preview-header{background:#fff;color:#183f6a;border-bottom:1px solid #dce6ef}
.table-preview-v4{border:1px solid #bfd5ed;box-shadow:0 10px 24px rgba(28,91,166,.08)}
.table-preview-v4 .employee-table-preview-frame{border-radius:14px}
.table-preview-v4 .employee-table-preview-header{background:linear-gradient(135deg,#165bbb,#287be2);color:#fff}
.table-preview-v4 .employee-table-preview-row+ .employee-table-preview-row{background:#fbfdff}
.table-preview-v5{border:1px solid #bdcfe2;background:linear-gradient(180deg,#f7fbff,#fff);box-shadow:0 13px 30px rgba(10,48,91,.09)}
.table-preview-v5 .employee-table-preview-frame{border-radius:14px;border:1px solid #ccdae8;box-shadow:inset 0 3px 0 #0e345f}
.table-preview-v5 .employee-table-preview-header{background:linear-gradient(180deg,#102f54,#173e69);color:#eaf3ff}

html[data-theme="dark"] .employee-table-preview-section{
  border-color:#293e54;background:linear-gradient(135deg,#0e1b2b,#0b1726);
}
html[data-theme="dark"] .employee-table-preview-head h2{color:#edf5ff}
html[data-theme="dark"] .employee-table-preview-head p{color:#9fb1c5}
html[data-theme="dark"] .employee-table-preview-card{background:#0f1d2d;border-color:#2c4157}
html[data-theme="dark"] .employee-table-preview-label{color:#9ac4fa}
html[data-theme="dark"] .employee-table-preview-row+ .employee-table-preview-row{border-color:#263b50}
html[data-theme="dark"] .table-preview-v1 .employee-table-preview-frame,
html[data-theme="dark"] .table-preview-v5 .employee-table-preview-frame{border-color:#2d4359}
html[data-theme="dark"] .table-preview-v1 .employee-table-preview-header,
html[data-theme="dark"] .table-preview-v2 .employee-table-preview-header{background:#13243a;color:#dce9f7}
html[data-theme="dark"] .table-preview-v2 .employee-table-preview-frame{background:linear-gradient(90deg,#101f32,#0d1a29)}
html[data-theme="dark"] .table-preview-v3 .employee-table-preview-frame{background:#101e30;box-shadow:0 18px 38px rgba(0,0,0,.2)}
html[data-theme="dark"] .table-preview-v3 .employee-table-preview-header{background:#132238;color:#dce9f7;border-color:#2d4359}
html[data-theme="dark"] .table-preview-v4 .employee-table-preview-row+ .employee-table-preview-row{background:#0e1b2b}
html[data-theme="dark"] .table-preview-v5{background:linear-gradient(180deg,#101e2f,#0c1827)}
@media(max-width:760px){
  .global-search{width:100%!important;max-width:none!important}
  .global-search-submit{min-width:68px!important}
  .employee-table-preview-section{padding:14px;border-radius:19px}
  .employee-table-preview-frame{overflow:auto}
}

/* R22 — explicit up/down dropdown indicator */
:where(.app-authenticated,.app-public) select:not([multiple]){
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none' stroke='%231f6fd1' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4-4 4 4'/%3E%3Cpath d='m6 14 4 4 4-4'/%3E%3C/svg%3E"),
    linear-gradient(180deg,%23f0f7ff 0%,%23e7f2ff 100%)!important;
  background-size:20px 22px,47px 100%!important;
  background-position:right 12px center,right top!important;
}
:where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none' stroke='%23155fb9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4-4 4 4'/%3E%3Cpath d='m6 14 4 4 4-4'/%3E%3C/svg%3E"),
    linear-gradient(180deg,%23e8f4ff 0%,%23dcecff 100%)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]){
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none' stroke='%239fcaff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 8 4-4 4 4'/%3E%3Cpath d='m6 14 4 4 4-4'/%3E%3C/svg%3E"),
    linear-gradient(180deg,%23142b46 0%,%2311253b 100%)!important;
}

/* R22 — full-size five-table visual comparison */
.employee-table-preview-frame{overflow:auto!important}
.employee-table-preview-table{
  width:100%;
  min-width:880px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
}
.employee-table-preview-table th,
.employee-table-preview-table td{
  padding:13px 14px;
  text-align:left;
  vertical-align:middle;
  font-size:13px!important;
}
.employee-table-preview-table th{
  font-size:12px!important;
  font-weight:900;
  letter-spacing:.015em;
}
.employee-table-preview-table th:nth-child(1),
.employee-table-preview-table td:nth-child(1){width:26%}
.employee-table-preview-table th:nth-child(2),
.employee-table-preview-table td:nth-child(2){width:23%}
.employee-table-preview-table th:nth-child(3),
.employee-table-preview-table td:nth-child(3){width:18%}
.employee-table-preview-table th:nth-child(4),
.employee-table-preview-table td:nth-child(4){width:23%}
.employee-table-preview-table th:nth-child(5),
.employee-table-preview-table td:nth-child(5){width:10%}
.employee-table-preview-table tbody tr+tr td{border-top:1px solid #e4ecf4}
.employee-table-preview-table .person-cell{min-width:0}
.employee-table-preview-table .person-cell strong,
.employee-table-preview-table .person-cell small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table-preview-v1 .employee-table-preview-table thead th{background:#f6f9fc;color:#264767;border-bottom:1px solid #dce6ef}
.table-preview-v1 .employee-table-preview-table tbody tr:hover{background:#f8fbfe}
.table-preview-v2 .employee-table-preview-frame{border-left:5px solid #1e5faa!important}
.table-preview-v2 .employee-table-preview-table thead th{background:#eaf3fd;color:#173f6d;border-bottom:1px solid #cbdced}
.table-preview-v2 .employee-table-preview-table tbody tr:nth-child(even){background:#fbfdff}
.table-preview-v3 .employee-table-preview-frame{border-radius:16px!important;background:#fff!important;box-shadow:0 18px 38px rgba(17,51,91,.13)!important}
.table-preview-v3 .employee-table-preview-table thead th{background:#fff;color:#183f6a;border-bottom:2px solid #dce6ef}
.table-preview-v3 .employee-table-preview-table tbody tr:hover{background:#f7fbff}
.table-preview-v4 .employee-table-preview-table thead th{background:linear-gradient(135deg,#165bbb,#287be2);color:#fff;border-bottom:0}
.table-preview-v4 .employee-table-preview-table tbody tr:nth-child(even){background:#f7fbff}
.table-preview-v4 .employee-table-preview-table tbody tr:hover{background:#edf5ff}
.table-preview-v5 .employee-table-preview-frame{border:1px solid #c4d5e5!important;border-radius:14px!important;box-shadow:inset 0 3px 0 #0e345f!important}
.table-preview-v5 .employee-table-preview-table thead th{background:linear-gradient(180deg,#102f54,#173e69);color:#eaf3ff;border-bottom:0}
.table-preview-v5 .employee-table-preview-table tbody tr:nth-child(even){background:#f8fafc}
.table-preview-v5 .employee-table-preview-table tbody tr:hover{background:#edf4fb}

html[data-theme="dark"] .employee-table-preview-table td{color:#d8e5f3}
html[data-theme="dark"] .employee-table-preview-table tbody tr+tr td{border-color:#24384d}
html[data-theme="dark"] .table-preview-v1 .employee-table-preview-table thead th,
html[data-theme="dark"] .table-preview-v2 .employee-table-preview-table thead th,
html[data-theme="dark"] .table-preview-v3 .employee-table-preview-table thead th{background:#13243a;color:#e0ebf7;border-color:#2b4157}
html[data-theme="dark"] .table-preview-v1 .employee-table-preview-table tbody tr:hover,
html[data-theme="dark"] .table-preview-v3 .employee-table-preview-table tbody tr:hover{background:#132338}
html[data-theme="dark"] .table-preview-v2 .employee-table-preview-table tbody tr:nth-child(even),
html[data-theme="dark"] .table-preview-v4 .employee-table-preview-table tbody tr:nth-child(even),
html[data-theme="dark"] .table-preview-v5 .employee-table-preview-table tbody tr:nth-child(even){background:#101f30}
html[data-theme="dark"] .table-preview-v4 .employee-table-preview-table tbody tr:hover,
html[data-theme="dark"] .table-preview-v5 .employee-table-preview-table tbody tr:hover{background:#152a41}

/* R23 — standalone full-table previews + explicit dropdown arrows */
.employee-table-preview-list-standalone{
  display:grid;
  gap:18px;
  margin:22px 0 26px;
}
.employee-table-preview-list-standalone .employee-table-preview-card{
  margin:0;
}
:where(.app-authenticated,.app-public) select:not([multiple]){
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath d='M4 9 L9 4 L14 9 Z' fill='%23165fbd'/%3E%3Cpath d='M4 13 L9 18 L14 13 Z' fill='%23165fbd'/%3E%3C/svg%3E"),
    linear-gradient(180deg,%23edf6ff 0%,%23dfeeff 100%)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:right 14px center,right top!important;
  background-size:18px 22px,48px 100%!important;
}
:where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath d='M4 9 L9 4 L14 9 Z' fill='%230f4f9e'/%3E%3Cpath d='M4 13 L9 18 L14 13 Z' fill='%230f4f9e'/%3E%3C/svg%3E"),
    linear-gradient(180deg,%23e6f2ff 0%,%23d4e8ff 100%)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]){
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath d='M4 9 L9 4 L14 9 Z' fill='%23b5d7ff'/%3E%3Cpath d='M4 13 L9 18 L14 13 Z' fill='%23b5d7ff'/%3E%3C/svg%3E"),
    linear-gradient(180deg,%23172f4b 0%,%2310253d 100%)!important;
}

/* R24 — FINAL Employee table = Automotive Frame + definitive dropdown control */
.automotive-frame-table{
  overflow:hidden;
  border:1px solid #bdcfe2!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#f7fbff,#fff)!important;
  box-shadow:0 13px 30px rgba(10,48,91,.09)!important;
}
.automotive-frame-table .table-wrap{
  border:1px solid #c4d5e5!important;
  border-radius:14px!important;
  box-shadow:inset 0 3px 0 #0e345f!important;
  overflow:auto!important;
}
.automotive-frame-table .people-table thead th{
  background:linear-gradient(180deg,#102f54,#173e69)!important;
  color:#eaf3ff!important;
  border-bottom:0!important;
}
.automotive-frame-table .employee-sort-link{
  color:#eaf3ff!important;
}
.automotive-frame-table .employee-sort-link i{
  border-color:rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.10)!important;
  color:#d9eaff!important;
}
.automotive-frame-table .employee-sort-link:hover,
.automotive-frame-table .employee-sort-link.is-active{
  color:#fff!important;
}
.automotive-frame-table .employee-sort-link:hover i,
.automotive-frame-table .employee-sort-link.is-active i{
  border-color:rgba(255,255,255,.42)!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
}
.automotive-frame-table .people-table tbody tr:nth-child(even){background:#f8fafc!important}
.automotive-frame-table .people-table tbody tr:hover{background:#edf4fb!important}

:where(.app-authenticated,.app-public) select:not([multiple]){
  padding-right:58px!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' rx='11' fill='%23256dcc'/%3E%3Cpath d='M17 21 L24 14 L31 21' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 27 L24 34 L31 27' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 2px center!important;
  background-size:44px 44px!important;
  box-shadow:0 5px 14px rgba(24,71,126,.055)!important;
}
:where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' rx='11' fill='%231b5fb8'/%3E%3Cpath d='M17 21 L24 14 L31 21' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 27 L24 34 L31 27' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
html[data-theme="dark"] .automotive-frame-table{
  border-color:#2d4359!important;background:linear-gradient(180deg,#101e2f,#0c1827)!important;
}
html[data-theme="dark"] .automotive-frame-table .table-wrap{border-color:#2d4359!important}
html[data-theme="dark"] .automotive-frame-table .people-table tbody tr:nth-child(even){background:#101f30!important}
html[data-theme="dark"] .automotive-frame-table .people-table tbody tr:hover{background:#152a41!important}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]){
  background-color:#0d1a2a!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' rx='11' fill='%232c6fbe'/%3E%3Cpath d='M17 21 L24 14 L31 21' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 27 L24 34 L31 27' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

/* R25 — five real dropdown visual variants on Employees filter form.
   No visible comparison labels; selected by dropdown_style=1..5. */
.employee-search-form[class*="dropdown-style-"] select:not([multiple]){
  padding-right:50px!important;
  background-color:#fff!important;
  background-repeat:no-repeat!important;
  cursor:pointer!important;
}

/* 1 — classic single chevron in a slim soft-blue end cap */
.employee-search-form.dropdown-style-1 select:not([multiple]){
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M4 6.5 L9 11.5 L14 6.5' fill='none' stroke='%231c64ba' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(180deg,%23eef6ff,%23e4f0fd)!important;
  background-position:right 12px center,right top!important;
  background-size:18px 18px,42px 100%!important;
}

/* 2 — clean stacked chevrons without a filled button */
.employee-search-form.dropdown-style-2 select:not([multiple]){
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath d='M4 9 L9 4 L14 9' fill='none' stroke='%232867b4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 13 L9 18 L14 13' fill='none' stroke='%232867b4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-position:right 13px center!important;
  background-size:18px 22px!important;
  box-shadow:inset -42px 0 0 #f3f8fe,inset -43px 0 0 #d5e3f0,0 5px 14px rgba(24,71,126,.045)!important;
}

/* 3 — small circular blue control with a single down chevron */
.employee-search-form.dropdown-style-3 select:not([multiple]){
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23276fc9'/%3E%3Cpath d='M10.5 13 L16 18.5 L21.5 13' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-position:right 7px center!important;
  background-size:32px 32px!important;
}

/* 4 — executive divider + minimal single chevron */
.employee-search-form.dropdown-style-4 select:not([multiple]){
  background-image:
    linear-gradient(%23c9d9e8,%23c9d9e8),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 6.5 L9 11 L13.5 6.5' fill='none' stroke='%23184f89' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-position:right 39px center,right 10px center!important;
  background-size:1px 26px,18px 18px!important;
}

/* 5 — compact soft-blue rounded end control with stacked arrows */
.employee-search-form.dropdown-style-5 select:not([multiple]){
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Crect x='1' y='1' width='34' height='34' rx='10' fill='%23e6f1ff' stroke='%23bfd5ee'/%3E%3Cpath d='M12 16 L18 10 L24 16' fill='none' stroke='%231d64b7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 20 L18 26 L24 20' fill='none' stroke='%231d64b7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-position:right 5px center!important;
  background-size:36px 36px!important;
}

html[data-theme="dark"] .employee-search-form.dropdown-style-1 select:not([multiple]){
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M4 6.5 L9 11.5 L14 6.5' fill='none' stroke='%23a9ceff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(180deg,%23182c45,%2312263d)!important;
}
html[data-theme="dark"] .employee-search-form.dropdown-style-2 select:not([multiple]){
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath d='M4 9 L9 4 L14 9' fill='none' stroke='%23a9ceff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 13 L9 18 L14 13' fill='none' stroke='%23a9ceff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  box-shadow:inset -42px 0 0 #14263b,inset -43px 0 0 #334a62!important;
}
html[data-theme="dark"] .employee-search-form.dropdown-style-4 select:not([multiple]){
  background-image:
    linear-gradient(%23354b61,%23354b61),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 6.5 L9 11 L13.5 6.5' fill='none' stroke='%23acd0ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

/* R27B — FINAL dropdown visual selected by USER: top reference */
:where(.app-authenticated,.app-public) select:not([multiple]){
  padding-right:52px!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%23276fc9'/%3E%3Cpath d='M11.5 15 L17 9.5 L22.5 15' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5 19 L17 24.5 L22.5 19' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 6px center!important;
  background-size:34px 34px!important;
  box-shadow:0 5px 14px rgba(24,71,126,.045)!important;
}
:where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%23276fc9'/%3E%3Cpath d='M11.5 15 L17 9.5 L22.5 15' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5 19 L17 24.5 L22.5 19' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  border-color:#91b4da!important;
  box-shadow:0 5px 14px rgba(24,71,126,.045)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]){
  background-color:#0d1a2a!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%232f78ca'/%3E%3Cpath d='M11.5 15 L17 9.5 L22.5 15' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5 19 L17 24.5 L22.5 19' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  box-shadow:0 5px 14px rgba(0,0,0,.14)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  background-color:#0d1a2a!important;
  border-color:#5278a1!important;
  box-shadow:0 5px 14px rgba(0,0,0,.14)!important;
}

/* R28 — FINAL correction: separate down and up controls */
:where(.app-authenticated,.app-public) select:not([multiple]){
  padding-right:82px!important;
  background-color:#fff!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='13' fill='%23276fc9'/%3E%3Cpath d='M9.5 12 L15 17.5 L20.5 12' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='13' fill='%23276fc9'/%3E%3Cpath d='M9.5 18 L15 12.5 L20.5 18' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:right 6px center,right 40px center!important;
  background-size:30px 30px,30px 30px!important;
  box-shadow:0 5px 14px rgba(24,71,126,.045)!important;
}
:where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  background-color:#fff!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='13' fill='%23276fc9'/%3E%3Cpath d='M9.5 12 L15 17.5 L20.5 12' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='13' fill='%23276fc9'/%3E%3Cpath d='M9.5 18 L15 12.5 L20.5 18' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  border-color:#91b4da!important;
  box-shadow:0 5px 14px rgba(24,71,126,.045)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]){
  background-color:#0d1a2a!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='13' fill='%232f78ca'/%3E%3Cpath d='M9.5 12 L15 17.5 L20.5 12' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='13' fill='%232f78ca'/%3E%3Cpath d='M9.5 18 L15 12.5 L20.5 18' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-position:right 6px center,right 40px center!important;
  background-size:30px 30px,30px 30px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.14)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  background-color:#0d1a2a!important;
  border-color:#5278a1!important;
  box-shadow:0 5px 14px rgba(0,0,0,.14)!important;
}

/* R29 — FINAL native dropdown state: one control, down closed / up open */
:where(.app-authenticated,.app-public) select:not([multiple]){
  padding-right:52px!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%23276fc9'/%3E%3Cpath d='M11.5 14 L17 19.5 L22.5 14' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 6px center!important;
  background-size:34px 34px!important;
  box-shadow:0 5px 14px rgba(24,71,126,.045)!important;
}
:where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%23276fc9'/%3E%3Cpath d='M11.5 14 L17 19.5 L22.5 14' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  border-color:#91b4da!important;
  box-shadow:0 5px 14px rgba(24,71,126,.045)!important;
}
:where(.app-authenticated,.app-public) select:not([multiple]):open{
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%23276fc9'/%3E%3Cpath d='M11.5 20 L17 14.5 L22.5 20' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  border-color:#4b8ddd!important;
  box-shadow:0 0 0 4px rgba(47,123,232,.13),0 8px 20px rgba(18,52,91,.08)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]){
  background-color:#0d1a2a!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%232f78ca'/%3E%3Cpath d='M11.5 14 L17 19.5 L22.5 14' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-position:right 6px center!important;
  background-size:34px 34px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.14)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]):hover:not(:disabled){
  background-color:#0d1a2a!important;
  border-color:#5278a1!important;
  box-shadow:0 5px 14px rgba(0,0,0,.14)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]):open{
  background-color:#0d1a2a!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%232f78ca'/%3E%3Cpath d='M11.5 20 L17 14.5 L22.5 20' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  border-color:#6ea8e8!important;
  box-shadow:0 0 0 4px rgba(79,151,231,.18),0 8px 22px rgba(0,0,0,.18)!important;
}

/* R30 — open state must override hover while pointer remains over select */
:where(.app-authenticated,.app-public) select:not([multiple]):open,
:where(.app-authenticated,.app-public) select:not([multiple]):open:hover,
:where(.app-authenticated,.app-public) select:not([multiple]):open:focus,
:where(.app-authenticated,.app-public) select:not([multiple]):open:focus-visible{
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%23276fc9'/%3E%3Cpath d='M11.5 20 L17 14.5 L22.5 20' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 6px center!important;
  background-size:34px 34px!important;
  border-color:#4b8ddd!important;
  box-shadow:0 0 0 4px rgba(47,123,232,.13),0 8px 20px rgba(18,52,91,.08)!important;
}
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]):open,
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]):open:hover,
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]):open:focus,
html[data-theme="dark"] :where(.app-authenticated,.app-public) select:not([multiple]):open:focus-visible{
  background-color:#0d1a2a!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%232f78ca'/%3E%3Cpath d='M11.5 20 L17 14.5 L22.5 20' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  border-color:#6ea8e8!important;
  box-shadow:0 0 0 4px rgba(79,151,231,.18),0 8px 22px rgba(0,0,0,.18)!important;
}

/* R31 — first bmisthos mapping UI test on employee 22 */
.employee-bmisthos-test-panel{
  overflow:hidden;
}
.employee-bmisthos-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
}
.employee-bmisthos-table th,
.employee-bmisthos-table td{
  padding:13px 16px;
  text-align:left;
  vertical-align:middle;
}
.employee-bmisthos-table th{
  background:linear-gradient(180deg,#102f54,#173e69);
  color:#f2f7ff;
  font-size:12px!important;
  font-weight:900;
  letter-spacing:.015em;
}
.employee-bmisthos-table th:first-child,
.employee-bmisthos-table td:first-child{width:42%}
.employee-bmisthos-table th:last-child,
.employee-bmisthos-table td:last-child{width:58%}
.employee-bmisthos-table td{
  font-size:13px!important;
  color:#213a59;
  border-top:1px solid #e2ebf3;
}
.employee-bmisthos-table tbody tr:nth-child(even){background:#f8fafc}
.employee-bmisthos-table tbody tr:hover{background:#f1f6fb}
html[data-theme="dark"] .employee-bmisthos-table td{color:#dce8f5;border-color:#263b50}
html[data-theme="dark"] .employee-bmisthos-table tbody tr:nth-child(even){background:#101f30}
html[data-theme="dark"] .employee-bmisthos-table tbody tr:hover{background:#152a41}

/* R32 — Manager-only bmisthos removal-request column; table keeps Automotive Frame visual */
.employee-bmisthos-test-panel{
  margin-top:18px;
}
.employee-bmisthos-table th:first-child,
.employee-bmisthos-table td:first-child{width:42%}
.employee-bmisthos-table th:nth-child(2),
.employee-bmisthos-table td:nth-child(2){width:58%}
.employee-bmisthos-table.has-removal-action th:first-child,
.employee-bmisthos-table.has-removal-action td:first-child{width:36%}
.employee-bmisthos-table.has-removal-action th:nth-child(2),
.employee-bmisthos-table.has-removal-action td:nth-child(2){width:50%}
.employee-bmisthos-table.has-removal-action th:nth-child(3),
.employee-bmisthos-table.has-removal-action td:nth-child(3){width:14%;text-align:right}
.bmisthos-remove-cell form{margin:0}
.bmisthos-remove-request{
  min-width:92px;
  padding:8px 12px!important;
  border:1px solid #cbd9e8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#315677!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.bmisthos-remove-request:hover{
  border-color:#8fb2d5!important;
  background:#f6f9fc!important;
  color:#173f6d!important;
}
html[data-theme="dark"] .bmisthos-remove-request{
  border-color:#36506a!important;
  background:#102033!important;
  color:#dbe9f7!important;
}
html[data-theme="dark"] .bmisthos-remove-request:hover{
  border-color:#55789d!important;
  background:#152940!important;
}

.bmisthos-remove-request .bmisthos-remove-check{
  display:none;
  font-size:13px;
  line-height:1;
}
.bmisthos-remove-request.is-selected{
  border-color:#c4322b!important;
  background:#d63b34!important;
  color:#fff!important;
}
.bmisthos-remove-request.is-selected .bmisthos-remove-check{display:inline}
.bmisthos-remove-request.is-selected:hover{
  border-color:#a62621!important;
  background:#b92f29!important;
  color:#fff!important;
}
.bmisthos-removal-selected td{
  background:rgba(214,59,52,.055);
}
html[data-theme="dark"] .bmisthos-remove-request.is-selected,
html[data-theme="dark"] .bmisthos-remove-request.is-selected:hover{
  border-color:#ef746d!important;
  background:#b93631!important;
  color:#fff!important;
}
html[data-theme="dark"] .bmisthos-removal-selected td{
  background:rgba(214,59,52,.10);
}

.employee-bmisthos-table th,
.employee-bmisthos-table td{
  font-weight:800!important;
}

/* R46 — Mobile theme icon + larger user menu */
.theme-icon-button{
  display:none;
  width:44px;
  height:44px;
  flex:0 0 44px;
  place-items:center;
  padding:0;
  border:1px solid var(--x-line);
  border-radius:14px;
  background:rgba(255,255,255,.92);
  color:#224f86;
  box-shadow:var(--x-shadow-xs);
  font-size:21px;
  line-height:1;
}
.theme-icon-button .theme-icon-light{display:none}
.theme-icon-button .theme-icon-dark{display:block}
html[data-theme="dark"] .theme-icon-button{
  border-color:#33465d;
  background:#111f31;
  color:#ffd36a;
}
html[data-theme="dark"] .theme-icon-button .theme-icon-light{display:block}
html[data-theme="dark"] .theme-icon-button .theme-icon-dark{display:none}

@media(max-width:650px){
  .theme-switch{display:none!important}
  .theme-icon-button{display:grid}
  .profile-menu-popover{
    right:-4px!important;
    width:min(280px,calc(100vw - 28px))!important;
    padding:10px!important;
  }
  .profile-menu-popover a,
  .profile-menu-popover button{
    min-height:54px!important;
    gap:13px!important;
    padding:0 14px!important;
    font-size:16px!important;
    line-height:1.2!important;
    font-weight:800!important;
  }
  .profile-menu-popover a>span:first-child,
  .profile-menu-popover button>span:first-child{
    width:26px!important;
    font-size:18px!important;
  }
  .profile-menu-popover form{margin-top:6px!important;padding-top:6px!important}
}

/* R47 — Dark-theme organization parity */
html[data-theme="dark"] .org-card{
  border-color:#2d4359!important;
  background:linear-gradient(180deg,#0f1d2e,#0c1827)!important;
}
html[data-theme="dark"] .org-card-head{
  background:radial-gradient(circle at 100% 0%,rgba(61,132,225,.12),transparent 9rem),linear-gradient(180deg,#122238,#0f1d2e)!important;
}
html[data-theme="dark"] .org-brand-frame{
  border-color:#31485f!important;
  background:#132238!important;
}
html[data-theme="dark"] .org-card-title strong,
html[data-theme="dark"] .org-node-copy strong,
html[data-theme="dark"] .org-detail-copy h1,
html[data-theme="dark"] .org-location-quick-head strong{
  color:#eaf3ff!important;
}
html[data-theme="dark"] .org-card-title small,
html[data-theme="dark"] .org-node-copy small,
html[data-theme="dark"] .org-detail-path,
html[data-theme="dark"] .org-card-stats span{
  color:#9fb2c8!important;
}

html[data-theme="dark"] .org-card-stats{background:#263b51!important;border-color:#263b51!important}
html[data-theme="dark"] .org-card-stats>div{background:#101f31!important}
html[data-theme="dark"] .org-card-stats>div+div{border-left-color:#263b51!important}
html[data-theme="dark"] .org-card-stats strong{color:#dceafb!important}
html[data-theme="dark"] .org-node-link:hover{background:#14283f!important}
html[data-theme="dark"] .org-node-rail{border-color:#334b62!important}
html[data-theme="dark"] .org-node-dot{box-shadow:0 0 0 4px #14283f!important}
html[data-theme="dark"] .org-node-metrics span{
  border-color:#30465d!important;background:#122238!important;color:#a9bdd3!important;
}
html[data-theme="dark"] .org-management{
  border-color:#2b4158!important;background:#0e1b2b!important;
}
html[data-theme="dark"] .org-management>summary{color:#dceafb!important}
html[data-theme="dark"] .org-management>summary:hover{background:#14263b!important}
html[data-theme="dark"] .org-management[open]>summary{
  border-bottom-color:#2b4158!important;background:#112137!important;
}
html[data-theme="dark"] .org-sort-toolbar{
  border-color:#2d465f!important;background:#101f31!important;
}
html[data-theme="dark"] .org-drag-handle{
  border-color:#3a5168!important;background:#122238!important;color:#93a9bf!important;
}

html[data-theme="dark"] .org-detail-hero{
  border-color:#2d4359!important;
  background:radial-gradient(circle at 84% 8%,rgba(61,132,225,.14),transparent 18rem),linear-gradient(118deg,#102139,#0d1a2a 56%,#11243b 100%)!important;
}
html[data-theme="dark"] .org-detail-badges span{
  border-color:#334b62!important;background:#142338!important;color:#aec0d4!important;
}
html[data-theme="dark"] .org-detail-stats>div,
html[data-theme="dark"] .org-meta-grid .detail-field{
  border-color:#2d4359!important;background:#101f31!important;color:#dceafb!important;
}
html[data-theme="dark"] .org-detail-stats strong{color:#e6f1ff!important}
html[data-theme="dark"] .org-detail-stats span{color:#9eb1c6!important}
html[data-theme="dark"] .org-location-quick-panel{
  border-color:#2d465f!important;
  background:radial-gradient(circle at 100% 0%,rgba(61,132,225,.10),transparent 12rem),linear-gradient(145deg,#102139,#0e1c2e)!important;
}
html[data-theme="dark"] .org-location-quick-head>span,
html[data-theme="dark"] .org-location-chip{
  border-color:#334b62!important;background:#122238!important;color:#b2c4d7!important;
}
html[data-theme="dark"] .org-location-chip.is-inactive{background:#0d1a2a!important;color:#71859b!important}
html[data-theme="dark"] .admin-delete-zone{
  border-color:#573838!important;background:linear-gradient(180deg,#24191d,#1d1518)!important;
}

/* R47 — Mobile employee search repair */
.employee-search-form select:not([multiple]){
  background-repeat:no-repeat!important;
  background-position:right 6px center!important;
  background-size:34px 34px!important;
}
html[data-theme="dark"] .employee-search-form input::placeholder{color:#8397ad!important}
@media(max-width:760px){
  .employee-search-panel{padding:20px 16px!important}
  .employee-premium-panel-copy h2{font-size:28px!important;line-height:1.08!important}
  .employee-premium-panel-copy p{font-size:15px!important;line-height:1.55!important}
  .employee-search-form{gap:14px!important;padding:14px!important;border-radius:18px!important}
  .employee-search-form label{gap:7px!important;font-size:13px!important}
  .employee-search-form input,
  .employee-search-form select{height:54px!important;min-height:54px!important;font-size:15px!important}
  .employee-search-form input{padding:0 14px!important;background-image:none!important}
  .employee-search-form select{padding-left:14px!important;padding-right:54px!important;background-repeat:no-repeat!important}
  .employee-search-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .employee-search-actions button,.employee-search-actions .filter-reset{height:54px!important;min-height:54px!important;font-size:15px!important}
}

/* R48 — dark detail-surface parity */
html[data-theme="dark"] :where(.person-detail-stats,.device-detail-stats,.email-detail-stats)>div{
  border-color:#2d4359!important;
  background:linear-gradient(135deg,#101f31,#0d1a2a)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] :where(.person-detail-stats,.device-detail-stats,.email-detail-stats) strong{
  color:#e8f2ff!important;
}
html[data-theme="dark"] :where(.person-detail-stats,.device-detail-stats,.email-detail-stats) span{
  color:#9eb2c7!important;
}
html[data-theme="dark"] .section-block.org-section-panel,
html[data-theme="dark"] .email-links-panel,
html[data-theme="dark"] .email-vault-panel,
html[data-theme="dark"] .email-source-card{
  border-color:#2d4359!important;
  background:#0f1d2e!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .section-block .panel-head,
html[data-theme="dark"] .email-links-panel .panel-head,
html[data-theme="dark"] .email-vault-panel .panel-head{
  border-bottom-color:#2b4056!important;
}

html[data-theme="dark"] .detail-field,
html[data-theme="dark"] :where(.org-meta-grid,.person-meta-grid,.device-meta-grid) .detail-field{
  border-color:#2e455d!important;
  background:linear-gradient(180deg,#101f31,#0d1a2a)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .detail-field span{color:#d8e6f5!important}
html[data-theme="dark"] .detail-field b{color:#8fbdff!important}
html[data-theme="dark"] .employee-mail-card:not(.is-confirmed):not(.is-suggested),
html[data-theme="dark"] .email-link-card,
html[data-theme="dark"] .email-vault-entry{
  border-color:#30475f!important;
  background:#101f31!important;
  color:#dce9f7!important;
}
html[data-theme="dark"] .email-source-card>div,
html[data-theme="dark"] .account-meta>div{
  background:#101f31!important;
  color:#dce9f7!important;
}
html[data-theme="dark"] .account-heading,
html[data-theme="dark"] .account-card{
  border-color:#2d4359!important;
  background:linear-gradient(135deg,#101f31,#0d1a2a)!important;
}
html[data-theme="dark"] .account-photo-preview{
  border-color:#35506a!important;
  background:linear-gradient(145deg,#14263b,#102033)!important;
}

/* R48 — real horizontal scroll for accounting table on mobile */
.employee-bmisthos-test-panel>.table-wrap{
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  touch-action:pan-x pan-y;
}
@media(max-width:760px){
  .employee-bmisthos-test-panel{
    overflow:hidden!important;
  }
  .employee-bmisthos-test-panel>.table-wrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-gutter:stable;
  }
  .employee-bmisthos-table{
    width:720px!important;
    min-width:720px!important;
    table-layout:fixed!important;
  }
  .employee-bmisthos-table.has-removal-action{
    width:900px!important;
    min-width:900px!important;
  }

  .employee-bmisthos-table.has-removal-action th:first-child,
  .employee-bmisthos-table.has-removal-action td:first-child{
    width:250px!important;
  }
  .employee-bmisthos-table.has-removal-action th:nth-child(2),
  .employee-bmisthos-table.has-removal-action td:nth-child(2){
    width:470px!important;
  }
  .employee-bmisthos-table.has-removal-action th:nth-child(3),
  .employee-bmisthos-table.has-removal-action td:nth-child(3){
    width:180px!important;
    min-width:180px!important;
    text-align:center!important;
  }
  .employee-bmisthos-table th,
  .employee-bmisthos-table td{
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  .employee-bmisthos-table th{
    font-size:13px!important;
  }
  .employee-bmisthos-table td{
    font-size:13px!important;
  }
  .bmisthos-remove-request{
    min-width:116px!important;
  }
}

/* R49 — global premium search surface */
:where(.people-toolbar,.search-console){
  padding:14px!important;
  border:1px solid #d8e5f2!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#fbfdff,#f3f8fe)!important;
  box-shadow:0 12px 28px rgba(18,52,91,.055)!important;
}
:where(.filterbar,.people-filterbar,.email-filterbar,.search-console-form){
  gap:10px!important;
}
:where(.filterbar,.people-filterbar,.email-filterbar,.search-console-form) :where(input,select){
  min-height:48px!important;
  border:1px solid #cdddec!important;
  border-radius:14px!important;
  background-color:#fff!important;
  color:#173653!important;
  font-size:13px!important;
  font-weight:700!important;
  box-shadow:0 5px 12px rgba(23,67,115,.035)!important;
}
:where(.filterbar,.people-filterbar,.email-filterbar,.search-console-form)>button{
  min-height:48px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#1764ce,#2f84ed)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:850!important;
  box-shadow:0 9px 20px rgba(33,105,205,.2)!important;
}

:where(.filterbar,.people-filterbar,.email-filterbar,.search-console-form)>.filter-reset{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:0 17px!important;
  border:1px solid #cbdbea!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#3a5775!important;
  font-size:13px!important;
  font-weight:850!important;
  text-decoration:none!important;
}
html[data-theme="dark"] :where(.people-toolbar,.search-console){
  border-color:#2b425a!important;
  background:linear-gradient(135deg,#0f1d2e,#0c1827)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] :where(.filterbar,.people-filterbar,.email-filterbar,.search-console-form) :where(input,select){
  border-color:#30485f!important;
  background-color:#101f31!important;
  color:#eef5ff!important;
}
html[data-theme="dark"] :where(.filterbar,.people-filterbar,.email-filterbar,.search-console-form)>.filter-reset{
  border-color:#334b62!important;
  background:#122238!important;
  color:#dce9f7!important;
}

/* R49 — global add/edit/management surface */
:where(.org-management,.employee-section-editor,.user-row-actions-panel){
  border:1px solid #d5e1ed!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 12px 28px rgba(18,52,91,.055)!important;
}
.org-management>summary{
  position:relative;
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  padding:16px 58px 16px 18px!important;
  border:0!important;
  color:#174f8f!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  cursor:pointer;
}
.org-management>summary::after{
  content:"+";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:linear-gradient(135deg,#1764ce,#2f84ed);
  color:#fff;
  font-size:20px;
  font-weight:700;
}
.org-management[open]>summary::after{content:"−"}

:where(.org-management-form,.detail-edit-form,.employee-section-form,.user-update-form){
  border:1px solid #dbe6f1!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fbfdff,#f5f9fd)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
:where(.org-management-form,.detail-edit-form,.employee-section-form,.user-update-form) :where(input,select,textarea){
  min-height:46px!important;
  border:1px solid #cfdeec!important;
  border-radius:13px!important;
  background-color:#fff!important;
  color:#173653!important;
  font-size:13px!important;
  font-weight:650!important;
}
html[data-theme="dark"] :where(.org-management,.employee-section-editor,.user-row-actions-panel){
  border-color:#2b4057!important;
  background:linear-gradient(180deg,#0f1d2e,#0c1827)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .org-management>summary{
  color:#b7d7ff!important;
}
html[data-theme="dark"] :where(.org-management-form,.detail-edit-form,.employee-section-form,.user-update-form){
  border-color:#2b4057!important;
  background:linear-gradient(180deg,#0f1d2e,#0c1827)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html[data-theme="dark"] :where(.org-management-form,.detail-edit-form,.employee-section-form,.user-update-form) :where(input,select,textarea){
  border-color:#30465e!important;
  background-color:#101f31!important;
  color:#eef5ff!important;
}

/* R49 — dark common surface umbrella */
html[data-theme="dark"] :where(
  .approvals-empty,.people-empty,.search-empty,.search-start-state,
  .search-result-panel,.search-result-item,.empty-state,
  .devices-table-card,.emails-table-card,.vault-table-card,.audit-table-card,
  .users-table-card,.people-table-card,.backup-list-card,.backup-action-card,
  .recovery-card,.security-card,.approval-card
){
  border-color:#2d4359!important;
  background:#0f1d2e!important;
  color:#dce9f7!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] :where(.approvals-empty,.people-empty,.search-empty,.search-start-state,.empty-state) :where(h2,h3,strong,p,span){
  color:#cddced!important;
}
html[data-theme="dark"] :where(.search-result-item):hover{
  background:#14263b!important;
}
html[data-theme="dark"] :where(.page-kpi-row)>div{
  border-color:#2d4359!important;
}

/* R49 — mobile top search icon-only */
@media(max-width:650px){
  .global-search{
    min-width:0!important;
    gap:0!important;
  }
  .global-search input{
    min-width:0!important;
  }
  .global-search-submit{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    padding:0!important;
    font-size:0!important;
    flex:0 0 48px!important;
  }
  .global-search-submit::before{
    content:"⌕";
    display:block;
    font-size:22px;
    line-height:1;
    font-weight:900;
  }
  :where(.people-toolbar,.search-console){
    padding:14px!important;
    border-radius:19px!important;
  }
  :where(.filterbar,.people-filterbar,.email-filterbar,.search-console-form){
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  :where(.filterbar,.people-filterbar,.email-filterbar,.search-console-form) :where(input,select),
  :where(.filterbar,.people-filterbar,.email-filterbar,.search-console-form)>button,
  :where(.filterbar,.people-filterbar,.email-filterbar,.search-console-form)>.filter-reset{
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    font-size:15px!important;
  }
  .org-management>summary{
    min-height:58px!important;
    font-size:15px!important;
  }
  :where(.org-management-form,.detail-edit-form,.employee-section-form,.user-update-form){
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:14px!important;
  }
  :where(.org-management-form,.detail-edit-form,.employee-section-form,.user-update-form)>*{
    width:100%!important;
    min-width:0!important;
  }
  :where(.org-management-form,.detail-edit-form,.employee-section-form,.user-update-form) :where(input,select,textarea,button){
    min-height:54px!important;
    font-size:15px!important;
  }
}

/* R50 — Vault mobile table geometry */
.vault-table-card>.table-wrap{
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  touch-action:pan-x pan-y;
}
@media(max-width:760px){
  .vault-table-card{overflow:hidden!important}
  .vault-table-card>.table-wrap{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-gutter:stable;
  }
  .vault-table{
    width:1180px!important;
    min-width:1180px!important;
    table-layout:fixed!important;
  }

  .vault-table th:nth-child(1),
  .vault-table td:nth-child(1){width:140px!important}
  .vault-table th:nth-child(2),
  .vault-table td:nth-child(2){width:220px!important}
  .vault-table th:nth-child(3),
  .vault-table td:nth-child(3){width:180px!important}
  .vault-table th:nth-child(4),
  .vault-table td:nth-child(4){width:150px!important}
  .vault-table th:nth-child(5),
  .vault-table td:nth-child(5){width:190px!important}
  .vault-table th:nth-child(6),
  .vault-table td:nth-child(6){width:120px!important}
  .vault-table th:nth-child(7),
  .vault-table td:nth-child(7){width:180px!important}
  .vault-table th,
  .vault-table td{
    padding:12px 14px!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    vertical-align:middle!important;
  }
  .vault-table tbody tr{height:auto!important;min-height:0!important}
  .vault-target{min-width:0!important;max-width:100%;gap:10px!important}

  .vault-target .device-icon,
  .vault-target .mail-icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
  .vault-table td:last-child>div{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
  }
  .vault-table td:last-child button{
    min-height:38px!important;
    padding:0 12px!important;
    white-space:nowrap!important;
  }
}
html[data-theme="dark"] .vault-target{
  color:#9fc7f5!important;
}
html[data-theme="dark"] .vault-category-pill,
html[data-theme="dark"] .vault-type-pill{
  border-color:#334b62!important;
  background:#142338!important;
  color:#c9daee!important;
}

/* R51 — public/auth theme parity */
html[data-theme="light"] .app-public{
  background:
    radial-gradient(circle at 82% 4%,rgba(72,151,255,.18),transparent 19rem),
    radial-gradient(circle at 4% 72%,rgba(104,174,255,.10),transparent 17rem),
    linear-gradient(160deg,#edf5ff 0%,#f7faff 46%,#eef5fc 100%)!important;
}
html[data-theme="light"] .auth-login-card{
  border-color:rgba(185,205,228,.88)!important;
  background:rgba(255,255,255,.96)!important;
  color:#0d2340!important;
}
html[data-theme="light"] .auth-login-card .auth-input-shell>input{
  border-color:#cbd9e8!important;
  background:#fbfdff!important;
  color:#132c49!important;
}
html[data-theme="light"] .auth-login-card .auth-input-shell>input::placeholder{
  color:#8d9caf!important;
}

html[data-theme="dark"] .app-public{
  background:
    radial-gradient(circle at 82% 4%,rgba(53,119,211,.15),transparent 20rem),
    radial-gradient(circle at 4% 72%,rgba(39,95,165,.10),transparent 18rem),
    linear-gradient(160deg,#081321 0%,#0a1727 48%,#07111e 100%)!important;
}
html[data-theme="dark"] .auth-form-panel{
  background:transparent!important;
}
html[data-theme="dark"] .auth-login-card{
  border-color:#30465e!important;
  background:rgba(14,27,44,.96)!important;
  color:#edf5ff!important;
  box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme="dark"] .auth-login-card h2{color:#f4f8ff!important}
html[data-theme="dark"] .auth-login-card>p{color:#aabbd0!important}
html[data-theme="dark"] .auth-login-card label>span{color:#c4d2e2!important}

html[data-theme="dark"] .auth-login-card .auth-input-shell>input{
  border-color:#38516b!important;
  background:#0a1626!important;
  color:#eef5ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-theme="dark"] .auth-login-card .auth-input-shell>input::placeholder{
  color:#71869f!important;
}
html[data-theme="dark"] .auth-login-card .auth-input-shell>input:focus{
  border-color:#5d91d3!important;
  background:#0d1c2e!important;
  box-shadow:0 0 0 4px rgba(71,137,225,.12)!important;
}
html[data-theme="dark"] .auth-mobile-brand{
  border-color:#30475f!important;
  background:linear-gradient(145deg,#122238,#0d1a2a)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html[data-theme="dark"] .auth-mobile-wordmark{
  filter:brightness(0) invert(1)!important;
  mix-blend-mode:normal!important;
}

html[data-theme="dark"] .auth-register-prompt{
  border-color:#30465e!important;
  background:linear-gradient(145deg,#101f31,#0c1827)!important;
  color:#a8bad0!important;
}
html[data-theme="dark"] .auth-register-prompt>span:first-child{color:#a8bad0!important}
html[data-theme="dark"] .auth-register-prompt::before{
  background-color:#132a45!important;
}
html[data-theme="dark"] .auth-install-button{
  border-color:#30465e!important;
  background:linear-gradient(180deg,#101f31,#0c1827)!important;
  color:#aabbd0!important;
}
html[data-theme="dark"] .auth-footnote{
  border-top-color:#25394e!important;
  color:#71849a!important;
}
html[data-theme="dark"] .auth-password-toggle:hover{
  background:#14283f!important;
}

/* R51 — Support IT complete dark parity */
html[data-theme="dark"] .support-command-stat{
  border-color:#2d4359!important;
  background:linear-gradient(135deg,#101f31,#0d1a2a)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .support-command-stat span{color:#9eb2c8!important}
html[data-theme="dark"] .support-command-stat strong{color:#eef5ff!important}
html[data-theme="dark"] .support-command-stat.is-danger{
  border-color:#65383d!important;
  background:linear-gradient(135deg,#2a171b,#211316)!important;
}
html[data-theme="dark"] .support-command-stat.is-danger strong{color:#f0939a!important}
html[data-theme="dark"] .support-test-banner{
  border-color:#604c24!important;
  background:linear-gradient(135deg,#2a2417,#211c13)!important;
}
html[data-theme="dark"] .support-test-banner strong{color:#f3d58d!important}
html[data-theme="dark"] .support-test-banner small{color:#c7ad73!important}
html[data-theme="dark"] .support-test-addresses span{
  border-color:#5a4724!important;
  background:#241e13!important;
}

html[data-theme="dark"] .support-queue-shell{
  border-color:#2d4359!important;
  background:#0f1d2e!important;
}
html[data-theme="dark"] .support-queue-head{
  border-bottom-color:#2b4057!important;
  background:linear-gradient(180deg,#101f31,#0d1a2a)!important;
}
html[data-theme="dark"] .support-filter-tabs{
  border-color:#30465e!important;
  background:#0b1726!important;
}
html[data-theme="dark"] .support-filter-tabs a{color:#9eb2c8!important}
html[data-theme="dark"] .support-filter-tabs a b{
  background:#142338!important;
  color:#a9bfd7!important;
}
html[data-theme="dark"] .support-filter-tabs a.active{
  background:#17304d!important;
  color:#9dc7ff!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .support-ticket-row{
  border-color:#293e54!important;
  background:linear-gradient(180deg,#101f31,#0d1a2a)!important;
}
html[data-theme="dark"] .support-ticket-row:hover{
  border-color:#3d5873!important;
  background:#14263b!important;
}
html[data-theme="dark"] .support-category-pill{
  border-color:#334b62!important;
  background:#142338!important;
  color:#b7c9dc!important;
}

html[data-theme="dark"] .support-ticket-sla{
  border-color:#30475f!important;
  background:#101f31!important;
}
html[data-theme="dark"] .support-ticket-sla strong{color:#d8e8fb!important}
html[data-theme="dark"] .support-ticket-sla.warning{
  border-color:#5a4724!important;
  background:#2a2215!important;
}
html[data-theme="dark"] .support-ticket-sla.warning strong{color:#e6bd64!important}
html[data-theme="dark"] .support-ticket-sla.danger{
  border-color:#65383d!important;
  background:#2a171b!important;
}
html[data-theme="dark"] .support-empty,
html[data-theme="dark"] .support-empty-final{
  border-color:#30465e!important;
  background:#0f1d2e!important;
  color:#a9bdd3!important;
}
html[data-theme="dark"] .support-category-option{
  border-color:#30465e!important;
  background:#101f31!important;
}
html[data-theme="dark"] .support-category-option:has(input:checked){
  border-color:#4b78ae!important;
  background:#142b46!important;
}
html[data-theme="dark"] .support-category-icon{
  background:#142b46!important;
  color:#9bc6ff!important;
}

html[data-theme="dark"] .support-field input,
html[data-theme="dark"] .support-field textarea{
  border-color:#30465e!important;
  background:#0a1626!important;
  color:#eef5ff!important;
}
html[data-theme="dark"] .support-dropzone{
  border-color:#36516d!important;
  background:#0d1b2c!important;
}
html[data-theme="dark"] .support-dropzone-icon{
  background:#14283f!important;
  color:#9bc6ff!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .support-requester-card-final,
html[data-theme="dark"] .support-routing-card{
  border-color:#2d4359!important;
  background:#0f1d2e!important;
}
html[data-theme="dark"] .support-routing-card>div{border-bottom-color:#293e54!important}
html[data-theme="dark"] .support-routing-card strong{color:#dbe8f6!important}
html[data-theme="dark"] .support-detail-facts>div{
  border-color:#2d4359!important;
  background:#101f31!important;
}
html[data-theme="dark"] .support-detail-facts strong{color:#dbe8f6!important}

html[data-theme="dark"] .support-detail-sla-card{
  border-left-color:#2d4359!important;
  background:linear-gradient(145deg,#101f31,#0d1a2a)!important;
}
html[data-theme="dark"] .support-detail-sla-card.warning{background:#2a2215!important}
html[data-theme="dark"] .support-detail-sla-card.danger{background:#2a171b!important}
html[data-theme="dark"] .support-message-body{
  border-color:#2d4359!important;
  background:#101f31!important;
  color:#dbe8f6!important;
}
html[data-theme="dark"] .support-message.from-tech .support-message-body{
  border-color:#315174!important;
  background:#142b46!important;
}
html[data-theme="dark"] .support-report-kpi,
html[data-theme="dark"] .support-sla-grid>article,
html[data-theme="dark"] .support-report-panel{
  border-color:#2d4359!important;
  background:#0f1d2e!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .support-period-tabs{
  border-color:#30465e!important;
  background:#0b1726!important;
}
html[data-theme="dark"] .support-period-tabs a.active{
  background:#17304d!important;
  color:#9dc7ff!important;
}

/* R51 — Email detail mobile containment */
.email-vault-panel,
.email-links-panel,
.email-source-card,
.email-link-grid,
.email-link-card,
.email-vault-entry,
.email-manual-link{
  min-width:0!important;
  max-width:100%!important;
}
.email-link-card>*,
.email-vault-entry>*,
.email-manual-link>*{
  min-width:0!important;
  max-width:100%!important;
}
@media(max-width:760px){
  .email-vault-panel,
  .email-links-panel{
    overflow:hidden!important;
    padding:18px!important;
  }
  .email-vault-entry{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
  }
  .email-vault-entry form{
    grid-column:1/-1!important;
    width:100%!important;
  }

  .email-vault-entry button{
    width:100%!important;
    min-height:48px!important;
  }
  .email-vault-form{
    width:100%!important;
    grid-template-columns:1fr!important;
  }
  .email-vault-form>*{
    width:100%!important;
    min-width:0!important;
  }
  .email-link-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .email-link-card{
    width:100%!important;
    overflow:hidden!important;
    padding:14px!important;
  }
  .email-link-person{
    min-width:0!important;
    align-items:flex-start!important;
  }
  .email-link-person>div{
    min-width:0!important;
    width:100%!important;
  }
  .email-link-person a,
  .email-link-person small{
    max-width:100%!important;
  }

  .email-link-state,
  .email-device-list,
  .email-link-actions{
    min-width:0!important;
    max-width:100%!important;
    flex-wrap:wrap!important;
  }
  .email-link-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .email-link-actions form,
  .email-link-actions button{
    width:100%!important;
    min-width:0!important;
  }
  .email-manual-link{
    width:100%!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .email-manual-link>*{
    width:100%!important;
    min-width:0!important;
  }
  .email-manual-link label{
    min-height:44px!important;
    align-items:center!important;
  }
  .email-manual-link button{
    min-height:52px!important;
  }
}

/* R51 — canonical premium search component */
.premium-search-panel{
  position:relative;
  overflow:hidden;
  margin-bottom:22px;
  padding:22px;
  border:1px solid #d5e2ef;
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 12%,rgba(50,128,231,.11),transparent 15rem),
    linear-gradient(135deg,#fbfdff,#f3f8fe 58%,#eef6ff);
  box-shadow:0 16px 36px rgba(17,57,103,.075);
}
.premium-search-panel::after{
  content:"";position:absolute;right:-78px;bottom:-90px;width:270px;height:190px;
  border-radius:50%;background:radial-gradient(circle,rgba(60,130,226,.11),transparent 68%);pointer-events:none;
}
.premium-search-copy{position:relative;z-index:1;max-width:820px;padding-right:90px}
.premium-search-copy .eyebrow{
  display:inline-flex;margin-bottom:7px;color:#2d68b5!important;
  font-size:11px!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
}
.premium-search-copy h2{margin:0;color:#12365f;font-size:clamp(22px,2vw,29px);letter-spacing:-.45px}
.premium-search-copy p{max-width:760px;margin:8px 0 0;color:#647991;font-size:14px!important;line-height:1.55}

.premium-search-icon{
  position:absolute;z-index:1;top:20px;right:22px;display:grid;place-items:center;
  width:54px;height:54px;border:1px solid #c9dcf0;border-radius:17px;
  background:rgba(255,255,255,.72);color:#2671d4;font-size:25px;
  box-shadow:0 9px 22px rgba(26,91,169,.1);
}
.premium-search-form{
  position:relative;z-index:1;display:grid;
  grid-template-columns:minmax(260px,1.6fr) repeat(var(--premium-filter-count,3),minmax(150px,1fr)) auto;
  gap:10px;margin-top:18px;padding:14px;border:1px solid #dce7f2;border-radius:18px;
  background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.premium-search-form label{
  display:flex;flex-direction:column;gap:6px;min-width:0;color:#60748b;
  font-size:12px!important;font-weight:800;
}
.premium-search-form :where(input,select){
  width:100%;height:48px!important;min-height:48px!important;margin:0!important;
  border:1px solid #cdddec!important;border-radius:14px!important;background-color:#fff!important;
  color:#173653!important;font-size:13px!important;font-weight:700!important;
  box-shadow:0 5px 12px rgba(23,67,115,.035)!important;
}

.premium-search-actions{display:flex;align-self:end;align-items:center;gap:8px}
.premium-search-actions button,.premium-search-actions .filter-reset{
  display:inline-flex;align-items:center;justify-content:center;height:48px;min-height:48px;
  padding:0 17px;border-radius:14px;font-size:13px!important;font-weight:850;
  text-decoration:none;white-space:nowrap;
}
.premium-search-actions button{
  border:0;background:linear-gradient(135deg,#1764ce,#2f84ed);color:#fff;
  box-shadow:0 9px 20px rgba(33,105,205,.2);
}
.premium-search-actions .filter-reset{border:1px solid #cbdbea;background:#fff;color:#3a5775}
html[data-theme="dark"] .premium-search-panel{
  border-color:#263d55!important;
  background:linear-gradient(135deg,#0e1b2b,#0c1827 58%,#102239)!important;
}
html[data-theme="dark"] .premium-search-copy h2{color:#eef5ff!important}
html[data-theme="dark"] .premium-search-copy p{color:#a7b8cb!important}
html[data-theme="dark"] .premium-search-icon{
  border-color:#2e4864!important;background:linear-gradient(145deg,#102035,#0e1d30)!important;color:#80b6ff!important;
}
html[data-theme="dark"] .premium-search-form{border-color:#2a425b!important;background:rgba(13,27,44,.8)!important}

html[data-theme="dark"] .premium-search-form :where(input,select){
  border-color:#30485f!important;background-color:#101f31!important;color:#eef5ff!important;
}
html[data-theme="dark"] .premium-search-actions .filter-reset{
  border-color:#334b62!important;background:#122238!important;color:#dce9f7!important;
}
@media(max-width:1180px){
  .premium-search-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-search-actions{grid-column:1/-1}
}
@media(max-width:760px){
  .premium-search-panel{padding:20px 16px!important;border-radius:19px!important}
  .premium-search-copy{padding-right:0}
  .premium-search-icon{display:none}
  .premium-search-copy h2{font-size:28px!important;line-height:1.08!important}
  .premium-search-copy p{font-size:15px!important;line-height:1.55!important}
  .premium-search-form{grid-template-columns:1fr!important;gap:14px!important;padding:14px!important}
  .premium-search-form label{gap:7px!important;font-size:13px!important}
  .premium-search-form :where(input,select){height:54px!important;min-height:54px!important;font-size:15px!important}
  .premium-search-actions{grid-column:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-self:stretch!important}
  .premium-search-actions button,.premium-search-actions .filter-reset{height:54px!important;min-height:54px!important;font-size:15px!important}
}

/* R51 — canonical premium add/edit shell */
.premium-management-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,390px);
  gap:28px;
  align-items:center;
  margin-bottom:22px;
  padding:22px;
  border:1px solid #d5e2ef;
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 12%,rgba(50,128,231,.10),transparent 15rem),
    linear-gradient(135deg,#fbfdff,#f3f8fe 58%,#eef6ff);
  box-shadow:0 16px 36px rgba(17,57,103,.075);
}
.premium-management-copy .eyebrow{
  display:inline-flex;margin-bottom:7px;color:#2d68b5!important;
  font-size:11px!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
}
.premium-management-copy h2{margin:0;color:#12365f;font-size:clamp(22px,2vw,29px);letter-spacing:-.45px}
.premium-management-copy p{max-width:760px;margin:8px 0 0;color:#647991;font-size:14px!important;line-height:1.55}

.premium-management-details{
  margin:0!important;
  align-self:center;
  padding:18px!important;
  border:1px solid #ccdef1!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(237,246,255,.92))!important;
  box-shadow:0 13px 30px rgba(22,77,141,.095)!important;
}
.premium-management-details::before{
  content:attr(data-kicker)!important;
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin-bottom:10px;
  background:none!important;
  color:#6d82a0!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.premium-management-details>summary{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:58px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:16px!important;
  list-style:none!important;
  background:linear-gradient(135deg,#1764ce,#2f84ed)!important;
  color:#fff!important;
  box-shadow:0 13px 28px rgba(29,103,207,.25)!important;
  font-size:15px!important;
  font-weight:900!important;
}
.premium-management-details>summary::-webkit-details-marker{display:none}
.premium-management-details>summary::before{
  content:"+";
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#236fd0;
  font-size:22px;
  font-weight:500;
}
.premium-management-details>summary::after{
  content:"→"!important;
  position:static!important;
  display:block!important;
  margin-left:auto!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  background:none!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1!important;
  transform:none!important;
}
.premium-management-details[open]{
  grid-column:1/-1;
  width:100%;
  align-self:stretch;
}
.premium-management-details[open]>summary{
  margin-bottom:14px!important;
  border-bottom:0!important;
}
.premium-management-details[open]>summary::before{content:"−"}
.premium-management-details[open]>summary::after{content:"↑"!important}

.premium-detail-management{
  width:min(390px,100%)!important;
  max-width:390px!important;
  margin:18px 0 22px auto!important;
}
.premium-detail-management>summary::before{content:"✎"}
.premium-detail-management[open]{
  width:100%!important;
  max-width:none!important;
  margin:18px 0 22px!important;
}
.premium-detail-management[open]>summary::before{content:"−"}

.premium-management-details .org-management-form{
  margin:14px!important;
  padding:16px!important;
  border:1px solid #dbe6f1!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fbfdff,#f5f9fd)!important;
}
html[data-theme="dark"] .premium-management-panel{
  border-color:#263d55!important;
  background:linear-gradient(135deg,#0e1b2b,#0c1827 58%,#102239)!important;
}
html[data-theme="dark"] .premium-management-copy h2{color:#eef5ff!important}
html[data-theme="dark"] .premium-management-copy p{color:#a7b8cb!important}
html[data-theme="dark"] .premium-management-details{
  border-color:#2e4864!important;
  background:linear-gradient(145deg,#102035,#0e1d30)!important;
}
html[data-theme="dark"] .premium-management-details::before{color:#8fa8c3!important}
html[data-theme="dark"] .premium-management-details>summary{color:#fff!important}
html[data-theme="dark"] .premium-management-details[open]>summary{border-bottom-color:#2b4057!important}
html[data-theme="dark"] .premium-management-details .org-management-form{
  border-color:#2b4057!important;
  background:linear-gradient(180deg,#0f1d2e,#0c1827)!important;
}

@media(max-width:760px){
  .premium-management-panel{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:20px 16px!important;
    border-radius:19px!important;
  }
  .premium-management-copy h2{font-size:28px!important;line-height:1.08!important}
  .premium-management-copy p{font-size:15px!important;line-height:1.55!important}
  .premium-management-details,
  .premium-management-details[open]{
    grid-column:auto!important;
    width:100%!important;
    max-width:none!important;
  }
  .premium-detail-management,
  .premium-detail-management[open]{margin:18px 0 22px!important}
  .premium-management-details>summary{
    min-height:62px!important;
    font-size:15px!important;
  }
  .premium-management-details .org-management-form{
    margin:12px!important;
    padding:14px!important;
  }
}

/* R51 — remaining main-portal dark surfaces */
html[data-theme="dark"] .email-overview-panel,
html[data-theme="dark"] .activity-panel,
html[data-theme="dark"] .install-banner{
  border-color:#2d4359!important;
  background:#0f1d2e!important;
  color:#dce9f7!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .email-overview-stats>div{
  border-color:#30465e!important;
  background:#101f31!important;
}
html[data-theme="dark"] .email-overview-stats :where(strong,span){color:#dbe8f6!important}
html[data-theme="dark"] .approval-before-after,
html[data-theme="dark"] .approval-actions form{
  border-color:#2d4359!important;
  background:#101f31!important;
  color:#dce9f7!important;
}
html[data-theme="dark"] .approval-diff>div{
  border-color:#2d4359!important;
  background:#101f31!important;
}

html[data-theme="dark"] .security-hero{
  border-color:#2d4359!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(54,122,215,.12),transparent 16rem),
    linear-gradient(180deg,#101f31,#0d1a2a)!important;
}
html[data-theme="dark"] .security-hero h2{color:#eef5ff!important}
html[data-theme="dark"] .security-hero p{color:#a9bdd3!important}
html[data-theme="dark"] .security-card-icon{
  background:#142b46!important;
  color:#9bc6ff!important;
}
html[data-theme="dark"] .vault-security-banner{
  border-color:#315174!important;
  background:linear-gradient(135deg,#10243d,#0e1c30)!important;
}
html[data-theme="dark"] .vault-category-grid>a{
  border-color:#2d4359!important;
  background:#101f31!important;
  color:#dce9f7!important;
}
html[data-theme="dark"] .vault-category-grid>a.active{
  border-color:#4b78ae!important;
  background:#142b46!important;
}
html[data-theme="dark"] .vault-category-icon{
  background:#142b46!important;
  color:#9bc6ff!important;
}

html[data-theme="dark"] .backup-policy-meta>div{
  border-color:#2d4359!important;
  background:#101f31!important;
}
html[data-theme="dark"] .backup-policy-meta span{color:#93a8be!important}
html[data-theme="dark"] .backup-policy-meta code{color:#dce9f7!important}
html[data-theme="dark"] .support-report-back{
  border-color:#30465e!important;
  background:#101f31!important;
  color:#dce9f7!important;
}
html[data-theme="dark"] .support-overdue-list>a,
html[data-theme="dark"] .support-report-empty{
  border-color:#2d4359!important;
  background:#101f31!important;
  color:#c9d8e8!important;
}
html[data-theme="dark"] .employee-app-card{
  border-color:#2d4359!important;
  background:#101f31!important;
  color:#dce9f7!important;
}
html[data-theme="dark"] .employee-app-icon,
html[data-theme="dark"] .apps-launcher-icon{
  border-color:#36516d!important;
  background:#142b46!important;
  color:#9bc6ff!important;
}

html[data-theme="dark"] .account-form input,
html[data-theme="dark"] .profile-change-form input,
html[data-theme="dark"] .profile-change-form select{
  border-color:#30465e!important;
  background:#0a1626!important;
  color:#eef5ff!important;
}
html[data-theme="dark"] .profile-current-grid>div,
html[data-theme="dark"] .profile-history-item,
html[data-theme="dark"] .me-profile-grid>div,
html[data-theme="dark"] .me-email-card,
html[data-theme="dark"] .me-not-linked{
  border-color:#2d4359!important;
  background:#101f31!important;
  color:#dce9f7!important;
}
html[data-theme="dark"] .me-panel,
html[data-theme="dark"] .me-secret-shell{
  border-color:#2d4359!important;
  background:#0f1d2e!important;
  color:#dce9f7!important;
}

/* R51 — labeled premium management forms */
.premium-management-details .org-management-form{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:end!important;
}
.premium-management-details .org-management-form>label{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
  color:#49647f!important;
  font-size:12px!important;
  font-weight:850!important;
}
.premium-management-details .org-management-form>label>span{
  color:inherit!important;
  font-size:12px!important;
  font-weight:850!important;
}
.premium-management-details .org-management-form>label :where(input,select,textarea){
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
}

.premium-management-notes{
  grid-column:span 2;
}
.premium-management-notes textarea{
  min-height:82px!important;
  resize:vertical!important;
}
.premium-management-submit{
  min-height:48px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#1764ce,#2f84ed)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(31,104,204,.20)!important;
}
html[data-theme="dark"] .premium-management-details .org-management-form>label{
  color:#b7c8da!important;
}
@media(max-width:1180px){
  .premium-management-details .org-management-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .premium-management-details .org-management-form{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .premium-management-details .org-management-form>label,
  .premium-management-notes{
    grid-column:auto!important;
  }
  .premium-management-details .org-management-form>label>span{
    font-size:13px!important;
  }
  .premium-management-details .org-management-form>label :where(input,select,textarea),
  .premium-management-submit{
    min-height:54px!important;
    font-size:15px!important;
  }
}

/* R51 — canonical labeled detail edit forms */
.detail-edit-form>label{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
  width:100%!important;
  color:#49647f!important;
  font-size:12px!important;
  font-weight:850!important;
}
.detail-edit-form>label>span{
  color:inherit!important;
  font-size:12px!important;
  font-weight:850!important;
}
.detail-edit-form>label :where(input,select,textarea){
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.detail-edit-notes{
  grid-column:span 2;
}
.detail-edit-notes textarea{
  min-height:90px!important;
  resize:vertical!important;
}

.detail-edit-submit{
  min-height:48px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#1764ce,#2f84ed)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(31,104,204,.20)!important;
}
html[data-theme="dark"] .detail-edit-form>label{
  color:#b7c8da!important;
}
@media(max-width:620px){
  .detail-edit-form>label,
  .detail-edit-notes{
    grid-column:auto!important;
  }
  .detail-edit-form>label>span{
    font-size:13px!important;
  }
  .detail-edit-form>label :where(input,select,textarea),
  .detail-edit-submit{
    min-height:54px!important;
    font-size:15px!important;
  }
}

/* R51 — Users row edit labeled layout */
.user-row-actions .user-update-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(140px,1fr))!important;
  gap:10px!important;
  min-width:0!important;
}
.user-row-actions .user-update-form>label{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
  color:#49647f!important;
  font-size:11px!important;
  font-weight:850!important;
}
.user-row-actions .user-update-form>label>span{
  font-size:11px!important;
  font-weight:850!important;
}
.user-row-actions .user-update-form>label :where(input,select){
  width:100%!important;
  min-width:0!important;
}
.user-row-actions .user-update-form>.detail-edit-submit{
  grid-column:1/-1!important;
}
html[data-theme="dark"] .user-row-actions .user-update-form>label{
  color:#b7c8da!important;
}
@media(max-width:650px){
  .user-row-actions .user-update-form{grid-template-columns:1fr!important}
  .user-row-actions .user-update-form>label>span{font-size:12px!important}
}

/* R51 — Me/Profile nested dark parity */
html[data-theme="dark"] .me-kpis>a,
html[data-theme="dark"] .me-kpis>div{
  border-color:#2d4359!important;
  background:linear-gradient(135deg,#101f31,#0d1a2a)!important;
  color:#dce9f7!important;
}
html[data-theme="dark"] .me-kpis :where(strong,span,small){color:#dce9f7!important}
html[data-theme="dark"] .me-support-banner{
  border-color:#315174!important;
  background:linear-gradient(135deg,#10243d,#0e1c30)!important;
  color:#dce9f7!important;
}
html[data-theme="dark"] .me-support-banner button,
html[data-theme="dark"] .me-support-action{
  border-color:#3c5f80!important;
  background:#17304d!important;
  color:#b9d7fb!important;
}
html[data-theme="dark"] .profile-change-hero-icon{
  border-color:#36516d!important;
  background:#142b46!important;
  color:#9bc6ff!important;
}

/* R51 — Vault reveal dark parity */
html[data-theme="dark"] .vault-reveal-shell{
  border-color:#3a4367!important;
  background:
    radial-gradient(circle at 86% 12%,rgba(108,79,190,.15),transparent 28%),
    linear-gradient(135deg,#10172a,#15162d)!important;
  color:#edf1ff!important;
  box-shadow:0 18px 50px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .vault-reveal-shell h1{color:#f0edff!important}
html[data-theme="dark"] .vault-reveal-shell>p{color:#aaa3c4!important}
html[data-theme="dark"] .vault-reveal-meta span{
  border-color:#3d4164!important;
  background:#19182f!important;
  color:#c4bed9!important;
}
html[data-theme="dark"] .vault-reveal-back{
  border-color:#3d4164!important;
  background:#17172b!important;
  color:#c4bed9!important;
}

/* R51 — legacy Support cards still reachable */
html[data-theme="dark"] .support-summary a,
html[data-theme="dark"] .support-ticket-card,
html[data-theme="dark"] .support-detail-stats>div,
html[data-theme="dark"] .support-user-confirm,
html[data-theme="dark"] .support-attachments-panel{
  border-color:#2d4359!important;
  background:#101f31!important;
  color:#dce9f7!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .support-summary :where(strong,span),
html[data-theme="dark"] .support-detail-stats :where(strong,span){
  color:#dce9f7!important;
}
html[data-theme="dark"] .support-attachment-upload input[type=file],
html[data-theme="dark"] .support-attachment-input input[type=file]{
  border-color:#30465e!important;
  background:#0a1626!important;
  color:#c9d8e8!important;
}

/* R51 — Vehicle Intake native shell dark parity */
html[data-theme="dark"] .vehicle-intake-shell-hero,
html[data-theme="dark"] .vehicle-intake-shell-card,
html[data-theme="dark"] .vehicle-intake-shell-panel,
html[data-theme="dark"] .vi-card,
html[data-theme="dark"] .vi-preview-card{
  border-color:#2d4359!important;
  background:linear-gradient(145deg,#101f31,#0d1a2a)!important;
  color:#dce9f7!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .vehicle-intake-shell-card.is-ready{
  border-color:#2f604e!important;
  background:linear-gradient(145deg,#102b24,#0d241e)!important;
}
html[data-theme="dark"] .vehicle-intake-shell-card.is-pending{
  border-color:#604c24!important;
  background:linear-gradient(145deg,#2a2417,#211c13)!important;
}
html[data-theme="dark"] .vi-runtime-bar{
  border-color:#30465e!important;
  background:#0d1b2c!important;
}

html[data-theme="dark"] .vehicle-intake-native :where(input,textarea,select){
  border-color:#30465e!important;
  background:#0a1626!important;
  color:#eef5ff!important;
}
html[data-theme="dark"] .vi-category,
html[data-theme="dark"] .vi-result-item{
  border-color:#30465e!important;
  background:#101f31!important;
  color:#dce9f7!important;
}
html[data-theme="dark"] .vi-category:hover,
html[data-theme="dark"] .vi-category.is-active{
  border-color:#4b78ae!important;
  background:#142b46!important;
}
html[data-theme="dark"] .vi-category small,
html[data-theme="dark"] .vi-result-item small{
  color:#97abc1!important;
}

/* R51 — Department order-form dark parity */
html[data-theme="dark"] .org-order-form{
  border-top-color:#2d4359!important;
  background:#0f1d2e!important;
  color:#dce9f7!important;
}
html[data-theme="dark"] .org-order-form label{
  color:#b7c8da!important;
}
html[data-theme="dark"] .org-order-form small{
  color:#8fa4ba!important;
}

/* R51 — final mobile topbar width contract */
@media(max-width:650px){
  .topbar{
    min-width:0!important;
    padding:0 8px!important;
    gap:6px!important;
  }
  .mobile-menu{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    flex:0 0 42px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .global-search{
    flex:1 1 0!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:42px!important;
    padding:0 4px 0 8px!important;
  }
  .global-search>span[aria-hidden="true"]{display:none!important}
  .global-search input{
    flex:1 1 auto!important;
    width:0!important;
    min-width:0!important;
  }
  .global-search-submit{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:34px!important;
    flex:0 0 42px!important;
  }
  .topbar-actions{
    min-width:0!important;
    margin-left:0!important;
    gap:5px!important;
    flex:0 0 auto!important;
  }
  .theme-icon-button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
  }
  .profile-menu{
    margin-left:0!important;
    flex:0 0 auto!important;
  }
  .profile-chip{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:3px!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .profile-avatar{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
  .profile-copy{display:none!important}
}
@media(max-width:380px){
  .topbar{padding:0 6px!important;gap:4px!important}
  .mobile-menu,.theme-icon-button,.profile-chip{
    width:40px!important;min-width:40px!important;max-width:40px!important;
    height:40px!important;min-height:40px!important;flex-basis:40px!important;
  }
  .profile-avatar{width:32px!important;height:32px!important;flex-basis:32px!important}
  .global-search{height:40px!important;padding-left:6px!important}
  .global-search-submit{width:40px!important;min-width:40px!important;max-width:40px!important;flex-basis:40px!important}
}

/* R51 — deterministic mobile topbar grid */
@media(max-width:650px){
  .topbar{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) max-content!important;
    align-items:center!important;
    column-gap:6px!important;
  }
  .mobile-menu{
    grid-column:1!important;
    justify-self:start!important;
  }
  .global-search{
    grid-column:2!important;
    justify-self:stretch!important;
  }
  .topbar-actions{
    grid-column:3!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
  }
}
@media(max-width:380px){
  .topbar{
    grid-template-columns:40px minmax(0,1fr) max-content!important;
    column-gap:4px!important;
  }
}

/* R51 — Support Reports mobile containment */
.support-report-grid{
  min-width:0!important;
  max-width:100%!important;
}
.support-report-panel,
.support-performance-panel,
.support-overdue-panel{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.support-report-table-wrap{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.support-report-table{
  width:720px!important;
  min-width:720px!important;
  max-width:none!important;
}
@media(max-width:650px){
  .support-report-grid,
  .support-report-panel,
  .support-performance-panel,
  .support-overdue-panel{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

/* R51 — final mobile viewport containment */
@media(max-width:650px){
  html,body,.app-layout,.workspace{
    min-width:0!important;
    max-width:100%!important;
  }
  body{overflow-x:hidden!important}
  .workspace{
    width:100%!important;
    max-width:100vw!important;
    overflow-x:clip!important;
  }
  .workspace-main{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .topbar{
    width:100%!important;
    min-width:0!important;
    max-width:100vw!important;
    box-sizing:border-box!important;
    grid-template-columns:42px minmax(0,1fr) 89px!important;
  }
  .topbar-actions{
    width:89px!important;
    min-width:89px!important;
    max-width:89px!important;
    justify-content:flex-end!important;
    overflow:visible!important;
  }
}
@media(max-width:380px){
  .topbar{
    grid-template-columns:40px minmax(0,1fr) 85px!important;
  }
  .topbar-actions{
    width:85px!important;
    min-width:85px!important;
    max-width:85px!important;
  }
}

/* R52 FINAL — premium Search dark-select parity with Employees.
   Intentionally last in cascade; one blue circular control: DOWN closed / UP open. */
html[data-theme="dark"] body.app-authenticated .premium-search-form select:not([multiple]),
html[data-theme="dark"] body.app-public .premium-search-form select:not([multiple]){
  border:1px solid #30485f!important;
  background-color:#101f31!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%232f78ca'/%3E%3Cpath d='M11.5 14 L17 19.5 L22.5 14' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 6px center!important;
  background-size:34px 34px!important;
  color:#eef5ff!important;
}
html[data-theme="dark"] body.app-authenticated .premium-search-form select:not([multiple]):open,
html[data-theme="dark"] body.app-authenticated .premium-search-form select:not([multiple]):open:hover,
html[data-theme="dark"] body.app-authenticated .premium-search-form select:not([multiple]):open:focus,
html[data-theme="dark"] body.app-public .premium-search-form select:not([multiple]):open,
html[data-theme="dark"] body.app-public .premium-search-form select:not([multiple]):open:hover,
html[data-theme="dark"] body.app-public .premium-search-form select:not([multiple]):open:focus{
  border:1px solid #6ea8e8!important;
  background-color:#101f31!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='15' fill='%232f78ca'/%3E%3Cpath d='M11.5 20 L17 14.5 L22.5 20' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 6px center!important;
  background-size:34px 34px!important;
}

/* R52 — dark Organization child cards parity */
html[data-theme="dark"] .org-child-card{
  border-color:#2c435c!important;background:linear-gradient(135deg,#102035,#0d1b2c)!important;color:#dce9f7!important;
}
html[data-theme="dark"] .org-child-card:hover{border-color:#3d6288!important;background:linear-gradient(135deg,#12253c,#102137)!important}
html[data-theme="dark"] .org-child-card-mark{background:#17304d!important;color:#8ebdff!important}
html[data-theme="dark"] .org-child-card strong{color:#e8f1fb!important}
html[data-theme="dark"] .org-child-card small{color:#9fb1c4!important}
html[data-theme="dark"] .org-child-card>b{color:#80b6ff!important}

/* R52 FINAL — dense premium Search desktop containment (Emails/Vault) */
.premium-search-form.premium-search-dense{
  grid-template-columns:minmax(260px,1.5fr) minmax(170px,1fr) minmax(220px,1.1fr);
}
.premium-search-form.premium-search-dense .premium-search-actions{
  align-self:end;
}
.premium-search-form.premium-search-dense .premium-search-actions>*{flex:1}
@media(max-width:1180px){
  .premium-search-form.premium-search-dense{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-search-form.premium-search-dense .premium-search-actions{grid-column:1/-1}
}
@media(max-width:760px){
  .premium-search-form.premium-search-dense{grid-template-columns:1fr!important}
  .premium-search-form.premium-search-dense .premium-search-actions{grid-column:auto!important}
}

/* R53 — Search page exact Employee-reference visual + Employee detail Edit section */
.search-reference-panel{
  margin-top:0!important;
}
.search-reference-form{
  grid-template-columns:minmax(260px,1.6fr) repeat(2,minmax(150px,1fr)) auto!important;
}
.search-start-state-premium{
  min-height:180px!important;
  padding:28px!important;
  border:1px solid #d7e4f0!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fafdff 0%,#f2f7fd 58%,#edf5ff 100%)!important;
  box-shadow:0 16px 36px rgba(18,58,104,.075)!important;
}
.search-start-state-premium .search-start-icon{
  width:54px!important;
  height:54px!important;
  border:1px solid #c9dcf0!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.8)!important;
  color:#2671d4!important;
  box-shadow:0 9px 22px rgba(26,91,169,.1)!important;
}
.search-start-state-premium h2{
  color:#12365f!important;
  font-size:24px!important;
}
.search-start-state-premium p{
  max-width:620px!important;
  color:#647991!important;
  font-size:13px!important;
}
html[data-theme="dark"] .search-start-state-premium{
  border-color:#263d55!important;
  background:linear-gradient(135deg,#0e1b2b,#0c1827 58%,#102239)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .search-start-state-premium .search-start-icon{
  border-color:#2e4864!important;
  background:linear-gradient(145deg,#102035,#0e1d30)!important;
  color:#80b6ff!important;
}
html[data-theme="dark"] .search-start-state-premium h2{color:#eef5ff!important}
html[data-theme="dark"] .search-start-state-premium p{color:#a7b8cb!important}

.employee-edit-panel{
  margin-top:18px!important;
}
.employee-edit-panel .employee-edit-details{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  align-self:center!important;
}
.employee-edit-panel .employee-edit-details>summary::before{
  content:"✎"!important;
}
.employee-edit-panel .employee-edit-details[open]{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.employee-edit-panel .employee-edit-details[open]>summary::before{
  content:"−"!important;
}
@media(max-width:1180px){
  .search-reference-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .search-reference-form .employee-search-actions{
    grid-column:1/-1!important;
  }
  .employee-edit-panel .employee-edit-details:not([open]){
    max-width:430px!important;
  }
}
@media(max-width:760px){
  .search-reference-form{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:11px!important;
  }
  .search-reference-form .employee-search-actions{
    grid-column:auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .search-reference-form .employee-search-actions>*{
    width:100%!important;
    min-height:54px!important;
  }
  .search-start-state-premium{
    min-height:155px!important;
    padding:22px 18px!important;
    border-radius:19px!important;
  }
  .search-start-state-premium h2{font-size:22px!important}
  .search-start-state-premium p{font-size:13px!important;line-height:1.5!important}
  .employee-edit-panel .employee-edit-details,
  .employee-edit-panel .employee-edit-details:not([open]),
  .employee-edit-panel .employee-edit-details[open]{
    width:100%!important;
    max-width:none!important;
  }
}