/* Internal administration UI, 2026 release layer. Public pages and POS are excluded. */
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell){
  --iu-bg:#f3f6f4;
  --iu-surface:#ffffff;
  --iu-surface-soft:#f7f9f8;
  --iu-surface-raised:#ffffff;
  --iu-text:#14231a;
  --iu-text-strong:#0d1912;
  --iu-muted:#5c6d63;
  --iu-border:#dbe4de;
  --iu-border-strong:#b8c7bd;
  --iu-primary:#08723d;
  --iu-primary-hover:#065d33;
  --iu-primary-soft:#e8f5ed;
  --iu-info:#245fc7;
  --iu-info-soft:#edf4ff;
  --iu-warning:#b54708;
  --iu-warning-soft:#fff4e8;
  --iu-danger:#b42318;
  --iu-danger-soft:#fff0ee;
  --iu-shadow-card:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,40,26,.055);
  --iu-shadow-float:0 18px 54px rgba(15,23,42,.18);
  --iu-radius:8px;
  --iu-control-radius:7px;
  --iu-header-height:68px;
  min-height:100dvh;
  overflow-x:clip !important;
  background:var(--iu-bg) !important;
  color:var(--iu-text);
  font-size:14px;
  line-height:1.45;
  text-rendering:optimizeLegibility;
}

/* EditorModal is portaled below body and needs the same tokens as the shell. */
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)){
  --iu-bg:#f3f6f4;
  --iu-surface:#ffffff;
  --iu-surface-soft:#f7f9f8;
  --iu-text:#14231a;
  --iu-text-strong:#0d1912;
  --iu-muted:#5c6d63;
  --iu-border:#dbe4de;
  --iu-border-strong:#b8c7bd;
  --iu-primary:#08723d;
  --iu-primary-hover:#065d33;
  --iu-primary-soft:#e8f5ed;
  --iu-warning:#b54708;
  --iu-warning-soft:#fff4e8;
  --iu-danger:#b42318;
  --iu-danger-soft:#fff0ee;
  --iu-shadow-float:0 18px 54px rgba(15,23,42,.18);
}

html:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)),
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)),
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) #root{
  overflow-x:clip !important;
  overflow-y:visible !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) *,
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) *::before,
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) *::after{
  box-sizing:border-box;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(button,input,select,textarea){
  font:inherit;
  letter-spacing:0;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(a,button,input,select,textarea,iframe,summary,[tabindex],[contenteditable="true"]):focus-visible,
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(a,button,input,select,textarea,iframe,summary,[tabindex],[contenteditable="true"]):focus-visible{
  outline:3px solid #f59e0b !important;
  outline-offset:2px !important;
  box-shadow:none !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-skip-link{
  position:fixed;
  top:10px;
  left:12px;
  z-index:9000;
  transform:translateY(-160%);
  padding:10px 14px;
  border-radius:var(--iu-control-radius);
  background:var(--iu-text-strong);
  color:#fff;
  font-weight:850;
  text-decoration:none;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-skip-link:focus{
  transform:none;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-workspace{
  min-height:100dvh;
  overflow-x:clip !important;
  background:var(--iu-bg);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) iframe:focus{
  outline:3px solid #f59e0b !important;
  outline-offset:2px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .website-place-map{
  position:relative;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .website-map-link{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:2;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border:1px solid var(--iu-border-strong);
  border-radius:var(--iu-control-radius);
  background:var(--iu-surface);
  color:var(--iu-primary-hover);
  box-shadow:0 4px 14px rgba(15,23,42,.14);
  font-size:13px;
  font-weight:850;
  text-decoration:none;
}

/* Sidebar and information architecture */
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-sidebar{
  gap:12px !important;
  padding:14px 12px !important;
  border-right:1px solid var(--iu-border) !important;
  background:var(--iu-surface) !important;
  box-shadow:none !important;
  scrollbar-color:var(--iu-border-strong) transparent;
  scrollbar-width:thin;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-sidebar::-webkit-scrollbar,
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav::-webkit-scrollbar{
  width:7px;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-sidebar::-webkit-scrollbar-thumb,
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:var(--iu-border-strong);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-brand{
  min-height:58px;
  gap:11px;
  padding:8px !important;
  border:1px solid transparent !important;
  border-radius:var(--iu-radius) !important;
  color:var(--iu-text-strong) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-brand:hover{
  border-color:var(--iu-border) !important;
  background:var(--iu-surface-soft) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-brand img{
  width:42px;
  height:42px;
  padding:4px;
  border:1px solid #cde5d5;
  border-radius:var(--iu-radius);
  background:var(--iu-primary-soft);
  object-fit:contain;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-brand b{
  color:var(--iu-text-strong);
  font-size:15px;
  font-weight:850;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-brand small{
  color:var(--iu-muted);
  font-size:12px;
  font-weight:650;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-env-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 36px;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:5px 6px 5px 9px !important;
  border:1px solid var(--iu-border);
  border-radius:var(--iu-radius);
  background:var(--iu-surface-soft);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-env-row small{
  overflow:hidden;
  color:var(--iu-muted);
  font-size:12px;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-collapse-toggle{
  position:static !important;
  inset:auto !important;
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid var(--iu-border) !important;
  border-radius:var(--iu-control-radius) !important;
  background:var(--iu-surface) !important;
  color:var(--iu-primary) !important;
  box-shadow:none !important;
  font-size:20px;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav.grouped{
  gap:14px !important;
  padding:4px 2px 18px 0 !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav-group{
  gap:4px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav-label{
  padding:5px 10px 3px;
  color:#718077;
  font-size:10px;
  font-weight:850;
  letter-spacing:.065em;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav button{
  position:relative;
  min-height:48px !important;
  grid-template-columns:36px minmax(0,1fr) !important;
  gap:10px;
  padding:6px 8px !important;
  border:1px solid transparent !important;
  border-radius:var(--iu-radius) !important;
  background:transparent !important;
  color:#34463b !important;
  transition:background-color .14s ease,border-color .14s ease,color .14s ease;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav button:hover{
  border-color:var(--iu-border) !important;
  background:var(--iu-surface-soft) !important;
  color:var(--iu-text-strong) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav button.active{
  border-color:#b9dfc7 !important;
  background:var(--iu-primary-soft) !important;
  color:var(--iu-primary-hover) !important;
  box-shadow:none !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav button.active::before{
  content:"";
  position:absolute;
  top:9px;
  bottom:9px;
  left:-3px;
  width:3px;
  border-radius:999px;
  background:var(--iu-primary);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav button :is(b,small){
  color:inherit !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav button b{
  font-size:13.5px;
  font-weight:820;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav button small{
  margin-top:1px;
  color:var(--iu-muted) !important;
  font-size:11px;
  font-weight:650;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav button.active small{
  color:#35684b !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav-icon{
  width:36px;
  height:36px;
  border-radius:var(--iu-control-radius);
  background:#eef2ef;
  color:#51645a;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav button.active .suite-nav-icon{
  background:var(--iu-primary);
  color:#fff;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-sidebar-footer{
  padding-top:10px !important;
  border-top:1px solid var(--iu-border);
  background:var(--iu-surface) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-user{
  min-height:54px;
  padding:8px;
  border:1px solid var(--iu-border);
  border-radius:var(--iu-radius);
  background:var(--iu-surface-soft);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-user .avatar{
  width:36px;
  height:36px;
  background:var(--iu-primary);
}

/* Contextual command header */
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-header{
  min-height:var(--iu-header-height) !important;
  height:auto !important;
  gap:10px !important;
  padding:10px clamp(14px,1.8vw,26px) !important;
  border:0 !important;
  border-bottom:1px solid var(--iu-border) !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 4px 18px rgba(20,35,26,.045) !important;
  backdrop-filter:blur(18px) saturate(125%) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-context{
  flex:0 1 190px;
  min-width:130px;
  display:grid;
  gap:1px;
  padding-right:8px;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-context small,
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-context b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-context small{
  color:var(--iu-muted);
  font-size:11px;
  font-weight:750;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-context b{
  color:var(--iu-text-strong);
  font-size:15px;
  font-weight:850;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-menu,
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-theme-toggle,
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-center-button{
  min-height:44px !important;
  border:1px solid var(--iu-border) !important;
  border-radius:var(--iu-control-radius) !important;
  background:var(--iu-surface) !important;
  color:var(--iu-text) !important;
  box-shadow:none !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-menu:hover,
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-theme-toggle:hover,
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-center-button:hover,
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-center-button[aria-expanded="true"]{
  border-color:var(--iu-border-strong) !important;
  background:var(--iu-surface-soft) !important;
  color:var(--iu-primary-hover) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-search{
  max-width:760px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-search-box{
  min-height:46px !important;
  padding:8px 12px !important;
  border:1px solid var(--iu-border) !important;
  border-radius:var(--iu-control-radius) !important;
  background:var(--iu-surface-soft) !important;
  color:var(--iu-muted);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-search-box:focus-within{
  border-color:var(--iu-primary) !important;
  background:var(--iu-surface) !important;
  box-shadow:0 0 0 3px rgba(8,114,61,.12) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-search-box input{
  color:var(--iu-text) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.global-search-results,.global-center-popover){
  border:1px solid var(--iu-border) !important;
  border-radius:var(--iu-radius) !important;
  background:var(--iu-surface) !important;
  box-shadow:var(--iu-shadow-float) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-search-results button{
  min-height:56px;
  border-radius:var(--iu-control-radius);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-search-results button:hover{
  background:var(--iu-surface-soft);
}

/* Main canvas and information hierarchy */
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-main{
  width:min(100% - clamp(24px,3vw,48px),1760px) !important;
  max-width:1760px !important;
  margin:clamp(18px,2.2vw,30px) auto 72px !important;
  padding:0 !important;
  gap:20px !important;
  scroll-margin-top:calc(var(--iu-header-height) + 16px);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.admin-page-frame,.dashboard-suite,.guest-studio,.crm-suite,.crm-v8,.volunteer-v9,.fees-suite,.ops-suite,.board-suite,.users-suite,.audit-suite,.newsletter-v11,.website-v12,.bug-reports-v14){
  gap:20px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.admin-intro,.page-header){
  padding:4px 0 2px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.admin-intro,.page-header) h1{
  color:var(--iu-text-strong) !important;
  font-size:clamp(1.65rem,1.25rem + .9vw,2.25rem) !important;
  font-weight:780;
  line-height:1.12;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.admin-intro,.page-header) p{
  max-width:820px;
  margin-top:7px;
  color:var(--iu-muted) !important;
  font-size:14px;
  line-height:1.55;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.pill,.badge,.status-badge){
  min-height:26px;
  align-items:center;
  padding:4px 8px;
  border-radius:999px !important;
  font-size:11px;
  font-weight:850;
  letter-spacing:0;
  text-transform:none;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.work-card,.content-card,.card,.module-card,.table-wrap,.standard-table-toolbar,.metric-card,.kpi-card,.dashboard-kpi-card,.request-kpi-card,.guest-metric-card,.volunteer-kpi-card,.fee-kpi-card,.newsletter-kpi-card,.website-kpi-card,.user13-kpi-card,.audit-kpi-card,.dashboard-section,.dashboard-warning-card,.request-filter-panel,.guest-selected-panel,.guest-actions-panel,.volunteer-detail-section,.fee-management-card,.crm-section,.bug-report-textblock,.bug-report-comment-box,.bug-report-history,.global-center-item){
  border:1px solid var(--iu-border) !important;
  border-radius:var(--iu-radius) !important;
  background:var(--iu-surface) !important;
  color:var(--iu-text) !important;
  box-shadow:var(--iu-shadow-card) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.work-card,.content-card,.card,.module-card,.dashboard-section,.fee-management-card,.crm-section){
  padding:clamp(16px,1.4vw,22px) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.work-card,.content-card,.card,.module-card) :is(.table-wrap,.standard-table-toolbar){
  box-shadow:none !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.work-card-head,.module-head,.section-title,.newsletter-section-head,.fee-section-head){
  align-items:flex-start;
  gap:12px;
  margin-bottom:16px;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.work-card-head,.module-head,.section-title,.newsletter-section-head,.fee-section-head) h2,
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.work-card,.content-card,.card,.module-card) h2{
  color:var(--iu-text-strong) !important;
  font-size:clamp(1.05rem,.98rem + .35vw,1.35rem) !important;
  font-weight:780;
  line-height:1.25;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(p,small,dd,.muted){
  overflow-wrap:anywhere;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.metric-grid,.kpis,.dashboard-kpi-grid,.request-kpi-grid,.guest-v7-metrics,.crm-stat-grid,.volunteer-kpi-grid,.fees-kpi-grid,.newsletter-kpi-grid,.website-kpi-grid,.user13-kpi-grid,.audit-kpi-grid,.bug-kpi-grid){
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)) !important;
  gap:12px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.dashboard-kpi-card,.metric-card,.kpi-card,.request-kpi-card,.guest-metric-card,.volunteer-kpi-card,.fee-kpi-card,.newsletter-kpi-card,.website-kpi-card,.user13-kpi-card,.audit-kpi-card){
  position:relative;
  min-height:120px !important;
  padding:18px !important;
  gap:7px !important;
  overflow:hidden !important;
  transition:border-color .14s ease,box-shadow .14s ease !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.dashboard-kpi-card,.metric-card,.kpi-card,.request-kpi-card,.guest-metric-card,.volunteer-kpi-card,.fee-kpi-card,.newsletter-kpi-card,.website-kpi-card,.user13-kpi-card,.audit-kpi-card)::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--iu-primary);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.dashboard-kpi-card,.metric-card,.kpi-card,.request-kpi-card,.guest-metric-card,.volunteer-kpi-card,.fee-kpi-card,.newsletter-kpi-card,.website-kpi-card,.user13-kpi-card,.audit-kpi-card):hover{
  transform:none !important;
  border-color:var(--iu-border-strong) !important;
  box-shadow:0 1px 2px rgba(16,24,40,.05),0 12px 30px rgba(16,40,26,.08) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.dashboard-kpi-card,.metric-card,.kpi-card,.request-kpi-card,.guest-metric-card,.volunteer-kpi-card,.fee-kpi-card,.newsletter-kpi-card,.website-kpi-card,.user13-kpi-card,.audit-kpi-card) :is(b,.count-up-value){
  color:var(--iu-text-strong) !important;
  font-size:clamp(25px,1.1rem + 1vw,32px) !important;
  font-variant-numeric:tabular-nums;
  font-weight:800;
  line-height:1.08 !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.dashboard-kpi-card,.metric-card,.kpi-card,.request-kpi-card,.guest-metric-card,.volunteer-kpi-card,.fee-kpi-card,.newsletter-kpi-card,.website-kpi-card,.user13-kpi-card,.audit-kpi-card) :is(span,small,p){
  color:var(--iu-muted) !important;
  font-size:12px;
  font-weight:680;
}

/* Controls, forms, tables and operational states */
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.btn,button.btn,a.btn,.action-button,.choice-pill,.column-menu summary,.request-status-tabs button,.fees-filter-buttons button,.quick-filter-row button,.chart-switcher button,.audit-range-switch button,.audit-quick-filters button,.bug-report-actions button),
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.btn,button.btn,a.btn,.action-button,.choice-pill){
  min-height:44px !important;
  padding:9px 13px !important;
  border:1px solid var(--iu-border) !important;
  border-radius:var(--iu-control-radius) !important;
  background:var(--iu-surface) !important;
  color:var(--iu-text) !important;
  box-shadow:none !important;
  font-size:13px;
  font-weight:780;
  line-height:1.2;
  transition:background-color .14s ease,border-color .14s ease,color .14s ease !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.btn,button.btn,a.btn,.action-button,.choice-pill):hover,
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.btn,button.btn,a.btn,.action-button,.choice-pill):hover{
  transform:none !important;
  border-color:var(--iu-border-strong) !important;
  background:var(--iu-surface-soft) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.btn.primary,.action-button.primary,.btn.success,.action-button.success),
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.btn.primary,.action-button.primary,.btn.success,.action-button.success){
  border-color:var(--iu-primary) !important;
  background:var(--iu-primary) !important;
  color:#fff !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.btn.primary,.action-button.primary,.btn.success,.action-button.success):hover,
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.btn.primary,.action-button.primary,.btn.success,.action-button.success):hover{
  border-color:var(--iu-primary-hover) !important;
  background:var(--iu-primary-hover) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.btn.danger,.btn.critical,.action-button.danger,.action-button.critical),
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.btn.danger,.btn.critical,.action-button.danger,.action-button.critical){
  border-color:#e7b5b0 !important;
  background:var(--iu-danger-soft) !important;
  color:var(--iu-danger) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.btn.warning,.action-button.warning),
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.btn.warning,.action-button.warning){
  border-color:#edc59e !important;
  background:var(--iu-warning-soft) !important;
  color:var(--iu-warning) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.btn:disabled,button:disabled),
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.btn:disabled,button:disabled){
  opacity:.48;
  cursor:not-allowed;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .field,
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .field{
  gap:7px;
  margin-bottom:12px;
  color:#415249;
  font-size:13px;
  font-weight:750;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .field > span,
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .field > span{
  color:#415249;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.field input,.field select,.field textarea,.table-search input,.page-size select,.fees-search input,.audit-date-filter input,.request-inline-select),
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.field input,.field select,.field textarea,input,select,textarea){
  width:100%;
  min-width:0;
  min-height:48px !important;
  padding:11px 12px !important;
  border:1px solid var(--iu-border-strong) !important;
  border-radius:var(--iu-control-radius) !important;
  background:var(--iu-surface) !important;
  color:var(--iu-text) !important;
  box-shadow:0 1px 2px rgba(16,24,40,.025) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.field input,.field select,.field textarea,.table-search input,.page-size select,.fees-search input,.audit-date-filter input,.request-inline-select):focus,
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(input,select,textarea):focus{
  border-color:var(--iu-primary) !important;
  outline:none;
  box-shadow:0 0 0 3px rgba(8,114,61,.12) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.field textarea,textarea),
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root textarea{
  min-height:132px !important;
  resize:vertical;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) input[type="checkbox"],
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) input[type="radio"],
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(input[type="checkbox"],input[type="radio"]){
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  padding:0 !important;
  accent-color:var(--iu-primary);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) input[type="file"],
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root input[type="file"]{
  min-height:52px !important;
  padding:7px !important;
  border-style:dashed !important;
  background:var(--iu-surface-soft) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) input[type="file"]::file-selector-button,
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root input[type="file"]::file-selector-button{
  min-height:36px;
  margin-right:10px;
  padding:7px 11px;
  border:1px solid var(--iu-border);
  border-radius:6px;
  background:var(--iu-surface);
  color:var(--iu-text);
  font-weight:750;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.page-filters,.filters,.day-toolbar,.quick-filter-row,.date-range-strip,.request-filter-panel,.bug-filter-panel,.audit-quick-filters,.volunteer-filter-row,.newsletter-command,.table-toolbar){
  gap:10px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .standard-table-toolbar{
  display:grid !important;
  grid-template-columns:minmax(220px,1fr) auto auto minmax(100px,130px);
  align-items:end;
  gap:10px !important;
  padding:12px !important;
  background:var(--iu-surface-soft) !important;
  box-shadow:none !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.table-search,.page-size){
  gap:5px;
  color:#415249;
  font-size:11px;
  font-weight:800;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .table-wrap{
  overflow:auto !important;
  scrollbar-color:var(--iu-border-strong) transparent;
  scrollbar-width:thin;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .data-table{
  border-collapse:separate;
  border-spacing:0;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .data-table th{
  position:sticky;
  top:0;
  z-index:2;
  padding:11px 12px;
  border-bottom:1px solid var(--iu-border-strong) !important;
  background:#f1f4f2 !important;
  color:#4d5e54 !important;
  font-size:11px;
  font-weight:850;
  letter-spacing:.025em;
  text-transform:none;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .data-table td{
  padding:12px;
  border-bottom:1px solid #e8eeea !important;
  color:var(--iu-text);
  font-size:13px;
  line-height:1.4;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .data-table tbody tr:nth-child(even) td{
  background:#fbfcfb;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .data-table tbody tr:hover td{
  background:#f4f8f5;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .sortable-th{
  min-height:32px;
  padding:0;
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .table-pagination{
  min-height:44px;
  padding:2px 0;
  color:var(--iu-muted);
  font-size:12px;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.empty,.empty-state){
  min-height:92px;
  display:grid;
  place-items:center;
  padding:20px;
  border:1px dashed var(--iu-border-strong);
  border-radius:var(--iu-radius);
  background:var(--iu-surface-soft);
  color:var(--iu-muted);
  font-weight:700;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.notice,.warning-card,.form-standard-status){
  border-radius:var(--iu-radius) !important;
  box-shadow:none !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .toast{
  right:18px;
  bottom:18px;
  max-width:min(420px,calc(100vw - 36px));
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--iu-radius);
  background:#102019;
  color:#fff;
  box-shadow:var(--iu-shadow-float);
  font-size:13px;
}

/* Dialogs are portaled to body and therefore use a guarded body selector. */
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root{
  position:fixed !important;
  inset:0 !important;
  z-index:7200 !important;
  display:grid !important;
  place-items:center !important;
  width:100vw !important;
  height:100dvh !important;
  padding:clamp(10px,2vw,28px) !important;
  overflow:auto !important;
  overscroll-behavior:contain;
  background:rgba(10,20,15,.64) !important;
  backdrop-filter:blur(8px);
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .editor-modal-card{
  width:min(1080px,100%) !important;
  max-width:100% !important;
  max-height:calc(100dvh - clamp(20px,4vw,56px)) !important;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  margin:auto;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid var(--iu-border) !important;
  border-radius:var(--iu-radius) !important;
  background:var(--iu-surface) !important;
  color:var(--iu-text);
  box-shadow:0 28px 90px rgba(0,0,0,.30) !important;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .modal-head{
  min-height:72px;
  margin:0 !important;
  padding:15px 18px !important;
  border-bottom:1px solid var(--iu-border) !important;
  background:var(--iu-surface-soft) !important;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .modal-head h3{
  margin:5px 0 0;
  color:var(--iu-text-strong) !important;
  font-size:1.22rem;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .modal-x{
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  padding:0 !important;
  border:1px solid var(--iu-border) !important;
  border-radius:var(--iu-control-radius) !important;
  background:var(--iu-surface) !important;
  color:var(--iu-text) !important;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .modal-body{
  min-height:0;
  max-height:none !important;
  padding:18px !important;
  overflow:auto !important;
  overscroll-behavior:contain;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .modal-footer{
  min-height:68px;
  margin:0 !important;
  padding:12px 18px !important;
  border-top:1px solid var(--iu-border) !important;
  background:var(--iu-surface-soft) !important;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
}

/* Collapsed rail stays fully usable by icon and tooltip. */
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell).sidebar-collapsed .suite-sidebar{
  padding:12px 8px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell).sidebar-collapsed .suite-brand{
  justify-content:center;
  padding:6px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell).sidebar-collapsed .suite-env-row{
  display:flex;
  justify-content:center;
  padding:4px !important;
  border:0;
  background:transparent;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell).sidebar-collapsed .suite-collapse-toggle{
  display:inline-flex !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell).sidebar-collapsed .suite-nav button{
  width:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  margin-inline:auto;
  padding:5px !important;
  grid-template-columns:36px !important;
  justify-content:center;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell).sidebar-collapsed .suite-nav button.active::before{
  left:-5px;
}

/* Dark mode uses neutral surfaces while retaining semantic colors. */
html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell){
  --iu-bg:#0b1410;
  --iu-surface:#121d17;
  --iu-surface-soft:#17241d;
  --iu-surface-raised:#1a2821;
  --iu-text:#e8f0eb;
  --iu-text-strong:#f7faf8;
  --iu-muted:#a9b7af;
  --iu-border:#2b3a32;
  --iu-border-strong:#42544a;
  --iu-primary:#45c77c;
  --iu-primary-hover:#6bd996;
  --iu-primary-soft:#173826;
  --iu-info:#79a7ff;
  --iu-info-soft:#172a4a;
  --iu-warning:#f2a35e;
  --iu-warning-soft:#3a2819;
  --iu-danger:#ff8b82;
  --iu-danger-soft:#3d201e;
  --iu-shadow-card:0 1px 2px rgba(0,0,0,.24),0 10px 28px rgba(0,0,0,.19);
  --iu-shadow-float:0 24px 72px rgba(0,0,0,.48);
}

html[data-theme="dark"] body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)){
  --iu-bg:#0b1410;
  --iu-surface:#121d17;
  --iu-surface-soft:#17241d;
  --iu-text:#e8f0eb;
  --iu-text-strong:#f7faf8;
  --iu-muted:#a9b7af;
  --iu-border:#2b3a32;
  --iu-border-strong:#42544a;
  --iu-primary:#45c77c;
  --iu-primary-hover:#6bd996;
  --iu-primary-soft:#173826;
  --iu-warning:#f2a35e;
  --iu-warning-soft:#3a2819;
  --iu-danger:#ff8b82;
  --iu-danger-soft:#3d201e;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.suite-header,.suite-sidebar,.suite-sidebar-footer){
  background:rgba(18,29,23,.96) !important;
  border-color:var(--iu-border) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.suite-brand,.suite-env-row,.suite-user,.global-search-box,.global-center-button,.admin-theme-toggle,.suite-menu,.standard-table-toolbar,.data-table th){
  border-color:var(--iu-border) !important;
  background:var(--iu-surface-soft) !important;
  color:var(--iu-text) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav button:hover{
  border-color:var(--iu-border) !important;
  background:var(--iu-surface-soft) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav button.active{
  border-color:#315b40 !important;
  background:var(--iu-primary-soft) !important;
  color:#b8f4cf !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-nav button.active small{
  color:#9bd8b2 !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .data-table tbody tr:nth-child(even) td,
html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .data-table tbody tr:hover td{
  background:#15211b;
}

html[data-theme="dark"] body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.editor-modal-card,.modal-head,.modal-footer,input,select,textarea){
  border-color:var(--iu-border) !important;
  background:var(--iu-surface) !important;
  color:var(--iu-text) !important;
}

/* Legacy feature modules still carry light-only colors; normalize their dark surfaces here. */
html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(
  .chart-switcher,
  .fees-filter-buttons,
  .guest-search-input,
  .guest-bulk-bar,
  .guest-list-item,
  .guest-detail-panel,
  .guest-detail-section,
  .crm-search-field,
  .crm-search-dropdown,
  .crm-recent-panel,
  .volunteer-search-field,
  .volunteer-team-card,
  .volunteer-detail-panel,
  .volunteer-detail-section,
  .volunteer-selected-card,
  .volunteer-select,
  .newsletter-campaign-card,
  .newsletter-editor-card,
  .newsletter-editor-surface,
  .newsletter-contact-card,
  .newsletter-table-row,
  .newsletter-history-row,
  .website-news-card,
  .website-table-row,
  .website-place-card,
  .website-place-map,
  .website-translation-card,
  .website-dropzone,
  .user13-card,
  .user13-role-card,
  .user13-permission-row,
  .user13-detail-section,
  .audit-event-card,
  .audit-table-row,
  .audit-user-card
){
  border-color:var(--iu-border) !important;
  background:var(--iu-surface) !important;
  color:var(--iu-text) !important;
  box-shadow:var(--iu-shadow-card) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-mobile-actions,.volunteer-mobile-actions){
  border-color:var(--iu-border) !important;
  background:rgba(18,29,23,.96) !important;
  box-shadow:var(--iu-shadow-float) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-check-grid article{
  border-color:var(--iu-border) !important;
  background:var(--iu-surface-soft) !important;
  color:var(--iu-text) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(
  .guest-search-input input,
  .crm-search-field input,
  .volunteer-search-field input,
  .website-search input,
  .newsletter-editor-surface
){
  border-color:var(--iu-border-strong) !important;
  background:var(--iu-surface) !important;
  color:var(--iu-text) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(
  .guest-filter-row button,
  .guest-filter-row b,
  .fee-project-card-metrics span,
  .fee-project-card-foot span,
  .newsletter-campaign-meta span,
  .newsletter-contact-meta span,
  .website-card-meta span,
  .website-place-preview,
  .user13-card-meta span,
  .user13-security-strip span,
  .user13-project-access,
  .user13-project-access label,
  .user13-mini-rows article,
  .value-list div
){
  border-color:var(--iu-border) !important;
  background:var(--iu-surface-soft) !important;
  background-image:none !important;
  color:var(--iu-text) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(
  .guest-list-text b,
  .fee-project-card-metrics b,
  .fee-project-card-foot b,
  .newsletter-campaign-card h3,
  .newsletter-contact-card h3,
  .newsletter-campaign-meta b,
  .newsletter-contact-meta b,
  .newsletter-live-preview h3,
  .website-card-top h3,
  .website-card-meta b,
  .website-place-preview b,
  .website-translation-card h4,
  .user13-card-top h3,
  .user13-card-meta b,
  .user13-role-card h3,
  .user13-permission-row > span,
  .user13-detail-head h2,
  .user13-detail-section h3,
  .audit-bar-row b
){
  color:var(--iu-text-strong) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(
  .guest-search-input > span,
  .guest-list-text small,
  .crm-search-field span,
  .volunteer-search-field span,
  .fee-project-card-metrics small,
  .fee-project-card-foot small,
  .newsletter-campaign-card p,
  .newsletter-contact-card p,
  .newsletter-campaign-meta small,
  .newsletter-contact-meta small,
  .newsletter-preview-text,
  .website-card-meta small,
  .website-place-body p,
  .website-place-preview small,
  .user13-card-top p,
  .user13-card-meta small,
  .user13-role-card p,
  .user13-mini-rows small,
  .audit-event-grid small,
  .audit-user-card small,
  .audit-detail-meta small,
  .audit-event-card p,
  .audit-bar-row span
){
  color:var(--iu-muted) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .chart-total{
  border-color:#315b40 !important;
  background:var(--iu-primary-soft) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .chart-total span{
  color:#b8d7c3 !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .chart-total b{
  color:var(--iu-primary) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.origin-meter,.audit-bar-track){
  background:#25342c !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-photo.initials,.volunteer-photo.initials,.user13-photo.initials){
  border-color:#314b6c !important;
  background:#172a4a !important;
  color:#9bbcff !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .guest-status-badge.valid,
html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-week .available{
  background:#173826 !important;
  color:#88e0aa !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .guest-status-badge.soon{
  background:var(--iu-warning-soft) !important;
  color:var(--iu-warning) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-status-badge.expired,.guest-status-badge.locked){
  background:var(--iu-danger-soft) !important;
  color:var(--iu-danger) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-driver-warning{
  border-color:#6f3530 !important;
  background:var(--iu-danger-soft) !important;
  box-shadow:none !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-driver-warning :is(b,span){
  color:#ffb1aa !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-week .unavailable{
  background:#25342c !important;
  color:var(--iu-muted) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .newsletter-live-preview{
  border-color:var(--iu-border) !important;
  background:linear-gradient(180deg,var(--iu-surface),var(--iu-surface-soft)) !important;
  color:var(--iu-text) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.user13-detail-head,.website-place-preview){
  border-color:var(--iu-border) !important;
  background:linear-gradient(135deg,var(--iu-surface),var(--iu-surface-soft)) !important;
  color:var(--iu-text) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .audit-priority-badge{
  border-color:color-mix(in srgb,var(--audit-priority,#79a7ff) 48%,var(--iu-border)) !important;
  background:color-mix(in srgb,var(--audit-priority,#79a7ff) 16%,var(--iu-surface)) !important;
  color:color-mix(in srgb,var(--audit-priority,#79a7ff) 75%,#fff) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .audit-line-chart svg{
  border-color:var(--iu-border) !important;
  background:var(--iu-surface-soft) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .audit-chart-grid{
  stroke:#35463d !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .audit-chart-dot{
  fill:var(--iu-surface) !important;
  stroke:#79a7ff !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.skeleton-line,.skeleton-row,.skeleton-card){
  background:#25342c !important;
  background-image:none !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.skeleton-line,.skeleton-row,.skeleton-card)::after{
  background:linear-gradient(90deg,transparent,rgba(126,158,140,.16),transparent) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-role-badge{
  border:1px solid var(--iu-border) !important;
  background:#25342c !important;
  color:var(--iu-text) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-role-badge.fahrer{background:#172a4a !important;color:#a9c5ff !important}
html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-role-badge.beifahrer{background:#12343a !important;color:#8cdae2 !important}
html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-role-badge.kasse{background:#173826 !important;color:#9be3b5 !important}
html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-role-badge.kuehlung{background:#153630 !important;color:#8ed8c6 !important}
html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-role-badge.gemuese{background:#3a2819 !important;color:#f3b477 !important}
html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-role-badge.obst{background:#373319 !important;color:#e5d67c !important}

/* Let operational card grids respond to their actual container width. */
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-card-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)) !important;
  gap:14px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-layout:has(.volunteer-detail-panel > .empty-state){
  grid-template-columns:1fr !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .volunteer-layout:has(.volunteer-detail-panel > .empty-state) .volunteer-detail-panel{
  display:none !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .user13-card{
  height:auto !important;
  min-height:260px;
  align-content:start;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .user13-card-top{
  align-items:start;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.user13-card-top h3,.user13-card-top p,.user13-card-meta b){
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  overflow-wrap:anywhere;
}

/* Progressive workspaces: show the task at hand, reveal supporting areas on demand. */
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-progressive-page{
  gap:14px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-route-content,
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-route-content > div{
  display:grid;
  min-width:0;
  max-width:100%;
  gap:20px;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) [data-admin-view][hidden]{
  display:none !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-route-content [data-admin-view]:not([hidden]){
  animation:iu-view-enter .18s ease-out both;
}

@keyframes iu-view-enter{
  from{opacity:.35;transform:translateY(5px)}
  to{opacity:1;transform:none}
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-focus-switcher{
  position:relative;
  z-index:150;
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto;
  align-items:center;
  gap:16px;
  min-width:0;
  padding:10px 12px;
  border:1px solid var(--iu-border);
  border-radius:var(--iu-radius);
  background:rgba(255,255,255,.92);
  box-shadow:0 4px 18px rgba(20,35,26,.045);
  backdrop-filter:blur(16px) saturate(120%);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-focus-context{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:baseline;
  column-gap:8px;
  min-width:0;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-focus-context > span{
  color:var(--iu-muted);
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-focus-context > b{
  overflow:hidden;
  color:var(--iu-text-strong);
  font-size:14px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-focus-context > p{
  grid-column:1 / -1;
  margin:2px 0 0;
  overflow:hidden;
  color:var(--iu-muted);
  font-size:12px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-tabs{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  min-width:0;
  padding:3px;
  border:1px solid var(--iu-border);
  border-radius:var(--iu-control-radius);
  background:var(--iu-surface-soft);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-tabs button{
  min-width:0;
  min-height:38px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px 10px !important;
  border:1px solid transparent !important;
  border-radius:5px !important;
  background:transparent !important;
  color:var(--iu-muted) !important;
  box-shadow:none !important;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-tabs button:hover{
  background:var(--iu-surface) !important;
  color:var(--iu-text-strong) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-tabs button.active{
  border-color:#b9dfc7 !important;
  background:var(--iu-surface) !important;
  color:var(--iu-primary-hover) !important;
  box-shadow:0 1px 3px rgba(16,24,40,.08) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-tabs .suite-icon{
  width:16px;
  height:16px;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-all{
  margin-left:2px;
  border-left-color:var(--iu-border) !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-select{
  display:none;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-intro{
  min-height:76px;
  align-items:center !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-intro-copy{
  min-width:0;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-intro-copy > p{
  max-width:760px;
  margin-top:5px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-intro-actions{
  align-self:center;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-intro-actions > .admin-primary-action{
  min-height:46px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-action-overflow{
  position:relative;
  z-index:180;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-action-overflow > summary{
  list-style:none;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-action-overflow > summary::-webkit-details-marker{
  display:none;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-action-overflow-trigger{
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  min-height:46px !important;
  display:grid !important;
  place-items:center;
  padding:0 !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-action-overflow-trigger .suite-icon{
  width:20px;
  height:20px;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-action-overflow-menu{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  z-index:240;
  width:max-content;
  min-width:210px;
  max-width:min(320px,calc(100vw - 24px));
  display:grid;
  gap:5px;
  padding:7px;
  border:1px solid var(--iu-border);
  border-radius:var(--iu-radius);
  background:var(--iu-surface);
  box-shadow:var(--iu-shadow-float);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-action-overflow-menu :is(.btn,button,a){
  width:100%;
  justify-content:flex-start;
  min-height:42px !important;
  border-color:transparent !important;
  background:transparent !important;
  color:var(--iu-text) !important;
  box-shadow:none !important;
  text-align:left;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-action-overflow-menu :is(.btn,button,a):hover{
  background:var(--iu-surface-soft) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-focus-switcher,
html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-action-overflow-menu{
  border-color:var(--iu-border) !important;
  background:rgba(18,29,23,.96) !important;
  color:var(--iu-text) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-tabs{
  border-color:var(--iu-border) !important;
  background:var(--iu-bg) !important;
}

html[data-theme="dark"] .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-tabs button.active{
  border-color:#315b40 !important;
  background:var(--iu-surface-soft) !important;
  color:var(--iu-primary) !important;
}

/* Focused records and dialogs use the same progressive-disclosure grammar. */
.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-detail-section,.volunteer-detail-section,.admin-disclosure),
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.guest-detail-section,.volunteer-detail-section,.admin-disclosure){
  display:block;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--iu-border) !important;
  border-radius:var(--iu-radius) !important;
  background:var(--iu-surface) !important;
  box-shadow:none !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-detail-section,.volunteer-detail-section,.admin-disclosure) > summary,
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.guest-detail-section,.volunteer-detail-section,.admin-disclosure) > summary{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  list-style:none;
  cursor:pointer;
  color:var(--iu-text-strong) !important;
  font-size:14px;
  font-weight:850;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-detail-section,.volunteer-detail-section,.admin-disclosure) > summary::-webkit-details-marker,
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.guest-detail-section,.volunteer-detail-section,.admin-disclosure) > summary::-webkit-details-marker{
  display:none;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-detail-section,.volunteer-detail-section,.admin-disclosure) > summary::after,
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.guest-detail-section,.volunteer-detail-section,.admin-disclosure) > summary::after{
  width:8px;
  height:8px;
  flex:0 0 auto;
  content:"";
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .16s ease;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-detail-section,.volunteer-detail-section,.admin-disclosure)[open] > summary,
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.guest-detail-section,.volunteer-detail-section,.admin-disclosure)[open] > summary{
  border-bottom:1px solid var(--iu-border);
  background:var(--iu-surface-soft);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-detail-section,.volunteer-detail-section,.admin-disclosure)[open] > summary::after,
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.guest-detail-section,.volunteer-detail-section,.admin-disclosure)[open] > summary::after{
  transform:rotate(225deg) translate(-2px,-2px);
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-detail-section-body,.volunteer-detail-section-body,.admin-disclosure-body),
body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.guest-detail-section-body,.volunteer-detail-section-body,.admin-disclosure-body){
  display:grid;
  gap:12px;
  min-width:0;
  padding:14px !important;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-search-actions,.volunteer-search-actions){
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-v7-search,.volunteer-search-shell){
  grid-template-columns:minmax(280px,1fr) auto !important;
  align-items:center !important;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .admin-action-overflow{
  position:relative;
  z-index:180;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .admin-action-overflow > summary{
  list-style:none;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .admin-action-overflow > summary::-webkit-details-marker{
  display:none;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .admin-action-overflow-trigger{
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  min-height:46px !important;
  display:grid !important;
  place-items:center;
  padding:0 !important;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .admin-action-overflow-menu{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  z-index:240;
  width:max-content;
  min-width:230px;
  max-width:min(320px,calc(100vw - 24px));
  display:grid;
  gap:5px;
  padding:7px;
  border:1px solid var(--iu-border);
  border-radius:var(--iu-radius);
  background:var(--iu-surface);
  box-shadow:var(--iu-shadow-float);
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .admin-action-overflow-menu :is(.btn,button,a){
  width:100%;
  min-height:42px !important;
  justify-content:flex-start;
  border-color:transparent !important;
  background:transparent !important;
  color:var(--iu-text) !important;
  box-shadow:none !important;
  text-align:left;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.volunteer-detail-actions,.user13-detail-actions){
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .user13-detail-grid{
  align-items:start;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .user13-detail-section:nth-child(n){
  grid-column:auto;
  padding:0 !important;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .user13-detail-section:nth-child(n+3){
  grid-column:1 / -1;
}

body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.bug-report-textblock,.bug-report-comment-box,.bug-report-history){
  padding:0 !important;
}

html[data-theme="dark"] body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .admin-action-overflow-menu{
  background:var(--iu-surface) !important;
}

/* Tablet: switch from fixed rail to an off-canvas navigation. */
@media(max-width:1180px){
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-sidebar{
    width:min(332px,88vw) !important;
    min-width:min(332px,88vw) !important;
    max-width:min(332px,88vw) !important;
    padding:14px 12px max(14px,env(safe-area-inset-bottom)) !important;
    box-shadow:20px 0 60px rgba(15,23,42,.22) !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-sidebar:not(.open){
    visibility:hidden !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-sidebar.open{
    visibility:visible !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-header{
    display:grid !important;
    grid-template-columns:44px minmax(120px,180px) minmax(180px,1fr) auto auto !important;
    grid-template-areas:"menu context search center theme" !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-menu{grid-area:menu !important;display:inline-flex !important;padding:9px !important}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-menu span{display:none}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-context{grid-area:context !important;min-width:0}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-search{grid-area:search !important;min-width:0 !important;width:100% !important}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-center{grid-area:center !important}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-theme-toggle{grid-area:theme !important}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-center-button-text{display:none}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-center-button{padding:8px 10px !important}

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-main{
    width:min(100% - 32px,1040px) !important;
    margin-top:20px !important;
  }
}

@media(max-width:900px){
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-header{
    grid-template-columns:44px minmax(110px,160px) minmax(160px,1fr) auto auto !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-theme-toggle span{
    display:none;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-theme-toggle{
    width:44px;
    padding:9px !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.admin-intro,.page-header){
    grid-template-columns:1fr !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-focus-switcher{
    grid-template-columns:1fr;
    gap:9px;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-tabs{
    justify-content:flex-start;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
  }

  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .form-grid{
    grid-template-columns:1fr 1fr;
  }
}

/* Mobile: keep context, search and high-frequency navigation immediately reachable. */
@media(max-width:760px){
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell){
    --iu-header-height:108px;
    padding-bottom:calc(70px + env(safe-area-inset-bottom)) !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-header{
    grid-template-columns:44px minmax(0,1fr) 40px 40px !important;
    grid-template-areas:"menu context center theme" "search search search search" !important;
    gap:7px !important;
    padding:8px 10px !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-context{
    padding-right:0;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-context small{
    display:none;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-context b{
    font-size:14px;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-search-box{
    min-height:42px !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-center{
    display:flex !important;
    gap:4px !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-center-button{
    width:38px !important;
    min-width:38px !important;
    height:40px !important;
    min-height:40px !important;
    padding:7px !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-center-button:nth-child(2){
    display:none !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-center-count{
    position:absolute;
    top:-5px;
    right:-5px;
    min-width:18px;
    height:18px;
    padding:0 4px;
    border:2px solid var(--iu-surface);
    font-size:10px;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-theme-toggle{
    display:inline-flex !important;
    width:40px;
    min-width:40px;
    min-height:40px !important;
    padding:7px !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-search-results{
    top:108px !important;
    left:8px !important;
    right:8px !important;
    width:auto !important;
    min-width:0 !important;
    max-height:calc(100dvh - 126px) !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-center-popover{
    top:58px !important;
    left:8px !important;
    right:8px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100dvh - 76px) !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-main{
    width:min(100% - 20px,700px) !important;
    margin:14px auto 34px !important;
    gap:16px !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-focus-switcher{
    padding:9px;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-focus-context > p{
    overflow:visible;
    white-space:normal;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-tabs button{
    min-height:44px !important;
    scroll-snap-align:start;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-tabs{
    display:none;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-select{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:10px;
    color:var(--iu-muted);
    font-size:12px;
    font-weight:850;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-select select{
    width:100%;
    min-width:0;
    min-height:44px;
    border:1px solid var(--iu-border);
    border-radius:var(--iu-control-radius);
    background:var(--iu-surface);
    color:var(--iu-text-strong);
    font-weight:800;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-v7-search,.volunteer-search-shell){
    grid-template-columns:1fr !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-search-actions,.volunteer-search-actions){
    width:100%;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-search-actions,.volunteer-search-actions) > .admin-primary-action,
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.guest-search-actions,.volunteer-search-actions) > .primary{
    flex:1 1 auto;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-intro-actions{
    width:100%;
    justify-content:flex-start;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-intro-actions > .admin-primary-action{
    flex:1 1 auto;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.admin-page-frame,.dashboard-suite,.guest-studio,.crm-suite,.crm-v8,.volunteer-v9,.fees-suite,.ops-suite,.board-suite,.users-suite,.audit-suite,.newsletter-v11,.website-v12,.bug-reports-v14){
    gap:16px !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.admin-intro,.page-header) h1{
    font-size:1.65rem !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-intro-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-intro-actions .btn{
    width:100%;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.metric-grid,.kpis,.dashboard-kpi-grid,.request-kpi-grid,.guest-v7-metrics,.crm-stat-grid,.volunteer-kpi-grid,.fees-kpi-grid,.newsletter-kpi-grid,.website-kpi-grid,.user13-kpi-grid,.audit-kpi-grid,.bug-kpi-grid){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.dashboard-kpi-card,.metric-card,.kpi-card,.request-kpi-card,.guest-metric-card,.volunteer-kpi-card,.fee-kpi-card,.newsletter-kpi-card,.website-kpi-card,.user13-kpi-card,.audit-kpi-card){
    min-height:112px !important;
    padding:15px !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .standard-table-toolbar{
    grid-template-columns:1fr 1fr !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .standard-table-toolbar .table-search{
    grid-column:1/-1;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .standard-table-toolbar :is(.column-menu,.column-menu summary,.btn,.page-size){
    width:100%;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .data-table tbody{
    gap:10px !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .data-table tr{
    gap:9px !important;
    padding:14px !important;
    border:1px solid var(--iu-border) !important;
    border-radius:var(--iu-radius) !important;
    background:var(--iu-surface) !important;
    box-shadow:var(--iu-shadow-card) !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .data-table td{
    grid-template-columns:minmax(96px,35%) minmax(0,1fr) !important;
    gap:10px;
    font-size:13px;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .data-table td::before{
    color:var(--iu-muted) !important;
    font-size:11px !important;
    font-weight:800 !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .guest-selected-panel:has(> .empty-state){
    display:none !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .mobile-bottom-nav{
    left:0;
    right:0;
    bottom:0;
    gap:2px;
    min-height:calc(66px + env(safe-area-inset-bottom));
    padding:6px 6px max(6px,env(safe-area-inset-bottom));
    border:0;
    border-top:1px solid var(--iu-border);
    border-radius:0;
    background:rgba(255,255,255,.97);
    box-shadow:0 -8px 26px rgba(15,23,42,.08);
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .mobile-bottom-nav button{
    min-height:52px !important;
    padding:5px 2px !important;
    border:0 !important;
    border-radius:var(--iu-control-radius) !important;
    background:transparent !important;
    color:var(--iu-muted) !important;
    font-size:10px;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .mobile-bottom-nav button.active{
    background:var(--iu-primary-soft) !important;
    color:var(--iu-primary-hover) !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .floating-chat-button{
    bottom:calc(80px + env(safe-area-inset-bottom)) !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .toast{
    right:10px;
    bottom:calc(78px + env(safe-area-inset-bottom));
    max-width:calc(100vw - 20px);
  }

  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root{
    padding:8px !important;
  }

  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .editor-modal-card{
    width:100% !important;
    max-height:calc(100dvh - 16px) !important;
  }

  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .modal-head{
    min-height:64px;
    padding:12px 14px !important;
  }

  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .modal-body{
    padding:14px !important;
  }

  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .modal-footer{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    min-height:64px;
    padding:10px 14px max(10px,env(safe-area-inset-bottom)) !important;
  }

  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .modal-footer .btn{
    width:100%;
  }

  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .form-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:420px){
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-main{
    width:calc(100% - 16px) !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.metric-grid,.kpis,.dashboard-kpi-grid,.request-kpi-grid,.guest-v7-metrics,.crm-stat-grid,.volunteer-kpi-grid,.fees-kpi-grid,.newsletter-kpi-grid,.website-kpi-grid,.user13-kpi-grid,.audit-kpi-grid,.bug-kpi-grid){
    grid-template-columns:1fr !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-intro-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) 46px;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-view-select{
    grid-template-columns:1fr;
    gap:5px;
  }

  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .user13-detail-grid{
    grid-template-columns:1fr !important;
  }

  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .user13-detail-section:nth-child(n){
    grid-column:1 !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .standard-table-toolbar{
    grid-template-columns:1fr !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .standard-table-toolbar > *{
    grid-column:1 !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .data-table td{
    grid-template-columns:1fr !important;
    gap:3px;
  }

  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root .modal-footer{
    grid-template-columns:1fr;
  }
}

@media(max-height:500px) and (max-width:760px){
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell){
    --iu-header-height:58px;
    padding-bottom:0 !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-header{
    position:relative;
    grid-template-columns:44px minmax(0,1fr) 40px 40px !important;
    grid-template-areas:"menu search center theme" !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-context,
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .mobile-bottom-nav{
    display:none !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .global-search-results{
    top:58px !important;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .floating-chat-button{
    bottom:12px !important;
  }
}

@media(pointer:coarse){
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.btn,button.btn,a.btn,.action-button,.suite-menu,.admin-theme-toggle,.global-center-button,.suite-nav button,.column-menu summary),
  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root :is(.btn,button,input,select){
    min-height:48px !important;
  }
}

@media(prefers-contrast:more){
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell){
    --iu-border:#88998f;
    --iu-border-strong:#5d7165;
  }

  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.work-card,.content-card,.card,.module-card,.table-wrap,.metric-card,.kpi-card,.btn,input,select,textarea){
    border-width:2px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) *,
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) *::before,
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) *::after,
  body:has(.suite-admin-shell.tafel-os-shell:not(.pos-focus-shell)) .tafel-os-modal-root *{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

@media print{
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell){display:block !important;background:#fff !important}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.suite-sidebar,.suite-header,.mobile-bottom-nav,.floating-chat-widget,.floating-chat-button){display:none !important}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .suite-workspace{display:block !important}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-main{width:100% !important;max-width:none !important;margin:0 !important}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-focus-switcher{display:none !important}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) .admin-route-content [data-admin-view][hidden]{display:block !important}
  .suite-admin-shell.tafel-os-shell:not(.pos-focus-shell) :is(.work-card,.content-card,.card,.module-card,.table-wrap,.metric-card,.kpi-card){box-shadow:none !important;break-inside:avoid}
}