/*
 * Aranu Professional Panel UI v3
 * Neutral enterprise visual layer loaded after panel-material-v2.css.
 * Tenant/admin panel only.
 */
:root{
  --pro-bg:#f5f7fb;
  --pro-surface:#ffffff;
  --pro-surface-soft:#f8fafc;
  --pro-surface-muted:#f1f5f9;
  --pro-border:#e2e8f0;
  --pro-border-strong:#cbd5e1;
  --pro-text:#0f172a;
  --pro-muted:#64748b;
  --pro-subtle:#94a3b8;
  --pro-primary:#2563eb;
  --pro-primary-hover:#1d4ed8;
  --pro-primary-soft:#eff6ff;
  --pro-success:#059669;
  --pro-warning:#d97706;
  --pro-danger:#dc2626;
  --pro-radius:16px;
  --pro-radius-lg:20px;
  --pro-shadow:0 1px 2px rgba(15,23,42,.03),0 10px 30px rgba(15,23,42,.055);
  --pro-shadow-lg:0 18px 48px rgba(15,23,42,.10);
}
html[data-panel-theme="dark"]{
  --pro-bg:#0b1120;
  --pro-surface:#111827;
  --pro-surface-soft:#151e2f;
  --pro-surface-muted:#1b2638;
  --pro-border:#273449;
  --pro-border-strong:#3a4a63;
  --pro-text:#f8fafc;
  --pro-muted:#a7b3c7;
  --pro-subtle:#7f8da4;
  --pro-primary:#60a5fa;
  --pro-primary-hover:#93c5fd;
  --pro-primary-soft:#132743;
  --pro-success:#34d399;
  --pro-warning:#fbbf24;
  --pro-danger:#fb7185;
  --pro-shadow:0 1px 2px rgba(0,0,0,.18),0 12px 32px rgba(0,0,0,.20);
  --pro-shadow-lg:0 24px 60px rgba(0,0,0,.28);
}

/* Base shell */
html[data-panel-theme] body.admin-body.ui-rahcode{
  --panel-bg:var(--pro-bg);
  --panel-bg-2:var(--pro-bg);
  --panel-surface:var(--pro-surface);
  --panel-surface-2:var(--pro-surface-soft);
  --panel-surface-3:var(--pro-surface-muted);
  --panel-line:var(--pro-border);
  --panel-line-strong:var(--pro-border-strong);
  --panel-text:var(--pro-text);
  --panel-muted:var(--pro-muted);
  --panel-primary:var(--pro-primary);
  --panel-blue:var(--pro-primary);
  --panel-shadow:var(--pro-shadow-lg);
  --panel-shadow-soft:var(--pro-shadow);
  --panel-radius:var(--pro-radius-lg);
  background:var(--pro-bg)!important;
  color:var(--pro-text)!important;
  letter-spacing:-.01em;
}
body.admin-body.ui-rahcode::before{
  opacity:.28!important;
  background-image:radial-gradient(circle at 10% 0%,rgba(37,99,235,.07),transparent 23%),radial-gradient(circle at 90% 4%,rgba(14,165,233,.055),transparent 20%)!important;
  background-size:auto!important;
}
body.admin-body.ui-rahcode .page-shell.admin-shell{
  width:min(1440px,calc(100% - 40px))!important;
  padding-top:24px!important;
  padding-bottom:60px!important;
}
body.admin-body.ui-rahcode ::selection{background:color-mix(in srgb,var(--pro-primary) 22%,transparent)}
body.admin-body.ui-rahcode :where(a,button,input,select,textarea){transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
body.admin-body.ui-rahcode :focus-visible{outline:3px solid color-mix(in srgb,var(--pro-primary) 24%,transparent)!important;outline-offset:2px}

/* Header */
body.admin-body.ui-rahcode .site-header.admin-header{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  background:color-mix(in srgb,var(--pro-surface) 93%,transparent)!important;
  border:0!important;
  border-bottom:1px solid var(--pro-border)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02),0 8px 24px rgba(15,23,42,.035)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .site-header.admin-header{background:rgba(11,17,32,.91)!important}
body.admin-body.ui-rahcode .site-header.admin-header .container{width:min(1440px,calc(100% - 40px))!important}
body.admin-body.ui-rahcode .site-header.admin-header .header-inner{
  min-height:76px!important;
  padding:10px 0!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
}
body.admin-body.ui-rahcode .admin-header .brand{
  order:1!important;
  flex:0 0 auto!important;
  min-width:190px!important;
  padding-inline-end:14px!important;
  border-inline-end:1px solid var(--pro-border)!important;
}
body.admin-body.ui-rahcode .admin-header .brand-logo,
body.admin-body.ui-rahcode .admin-header .brand-mark{
  width:44px!important;height:44px!important;border-radius:13px!important;
  border:1px solid var(--pro-border)!important;
  background:var(--pro-surface)!important;
  box-shadow:0 4px 14px rgba(15,23,42,.07)!important;
  overflow:hidden!important;
}
body.admin-body.ui-rahcode .admin-header .brand-logo img{width:100%!important;height:100%!important;object-fit:cover!important}
body.admin-body.ui-rahcode .admin-header .brand-logo-auto{background:linear-gradient(145deg,#1e293b,#334155)!important;border-color:#475569!important}
body.admin-body.ui-rahcode .admin-header .brand strong{font-size:13px!important;font-weight:850!important;line-height:1.5!important;color:var(--pro-text)!important}
body.admin-body.ui-rahcode .admin-header .brand small{font-size:9.5px!important;font-weight:650!important;color:var(--pro-muted)!important;margin-top:1px!important}

body.admin-body.ui-rahcode .business-admin-nav{
  order:2!important;
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
  padding:4px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.admin-body.ui-rahcode .business-admin-nav>.admin-nav-item,
body.admin-body.ui-rahcode .business-admin-nav>.admin-panel-group>.admin-panel-parent{
  min-height:42px!important;
  padding:6px 9px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  color:var(--pro-muted)!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.admin-body.ui-rahcode .business-admin-nav>.admin-nav-item:hover,
body.admin-body.ui-rahcode .business-admin-nav>.admin-panel-group>.admin-panel-parent:hover,
body.admin-body.ui-rahcode .business-admin-nav>.admin-panel-group.is-open>.admin-panel-parent{
  color:var(--pro-text)!important;
  background:var(--pro-surface-soft)!important;
  border-color:var(--pro-border)!important;
  box-shadow:none!important;
}
body.admin-body.ui-rahcode .business-admin-nav>.admin-nav-item.is-active,
body.admin-body.ui-rahcode .business-admin-nav>.admin-panel-group.is-active>.admin-panel-parent{
  color:var(--pro-primary)!important;
  background:var(--pro-primary-soft)!important;
  border-color:color-mix(in srgb,var(--pro-primary) 19%,var(--pro-border))!important;
  box-shadow:none!important;
}
body.admin-body.ui-rahcode .business-admin-nav>.admin-nav-item.is-active :where(strong,span),
body.admin-body.ui-rahcode .business-admin-nav>.admin-panel-group.is-active>.admin-panel-parent :where(span,strong){color:var(--pro-primary)!important}
body.admin-body.ui-rahcode .panel-nav-logo{
  flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:9px!important;
  color:currentColor!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
body.admin-body.ui-rahcode .panel-nav-logo svg{width:18px!important;height:18px!important;stroke-width:2!important}
body.admin-body.ui-rahcode .admin-panel-parent>span:not(.panel-nav-logo):not(.menu-chevron),
body.admin-body.ui-rahcode .admin-nav-dashboard strong,
body.admin-body.ui-rahcode .admin-nav-logout strong{font-size:11px!important;font-weight:780!important}
body.admin-body.ui-rahcode .menu-chevron{width:22px!important;height:22px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--pro-subtle)!important}
body.admin-body.ui-rahcode .admin-nav-logout{color:var(--pro-muted)!important}
body.admin-body.ui-rahcode .admin-nav-logout:hover{color:var(--pro-danger)!important;background:color-mix(in srgb,var(--pro-danger) 7%,var(--pro-surface))!important;border-color:color-mix(in srgb,var(--pro-danger) 15%,var(--pro-border))!important}

/* Account and theme controls */
body.admin-body.ui-rahcode .panel-account-chip{
  order:3;display:flex;align-items:center;gap:9px;flex:0 0 auto;min-width:138px;max-width:190px;height:46px;padding:5px 8px 5px 11px;
  border:1px solid var(--pro-border);border-radius:13px;background:var(--pro-surface);box-shadow:0 1px 2px rgba(15,23,42,.025)
}
body.admin-body.ui-rahcode .panel-account-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#0f172a;color:#fff;font-size:13px;font-weight:900}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .panel-account-avatar{background:#e2e8f0;color:#0f172a}
body.admin-body.ui-rahcode .panel-account-copy{min-width:0;display:grid;gap:1px}
body.admin-body.ui-rahcode .panel-account-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px!important;font-weight:850!important;color:var(--pro-text)!important}
body.admin-body.ui-rahcode .panel-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px!important;color:var(--pro-muted)!important}
body.admin-body.ui-rahcode .panel-theme-toggle{
  order:4!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid var(--pro-border)!important;border-radius:12px!important;background:var(--pro-surface)!important;color:var(--pro-muted)!important;box-shadow:none!important
}
body.admin-body.ui-rahcode .panel-theme-toggle:hover{color:var(--pro-primary)!important;border-color:color-mix(in srgb,var(--pro-primary) 30%,var(--pro-border))!important;background:var(--pro-primary-soft)!important}
body.admin-body.ui-rahcode .panel-theme-toggle .theme-mode-option{display:none!important}
body.admin-body.ui-rahcode .panel-theme-toggle .theme-mode-option.theme-mode-light{display:grid!important;place-items:center!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .panel-theme-toggle .theme-mode-option.theme-mode-light{display:none!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .panel-theme-toggle .theme-mode-option.theme-mode-dark{display:grid!important;place-items:center!important}
body.admin-body.ui-rahcode .panel-theme-toggle .theme-mode-icon{width:19px!important;height:19px!important;margin:0!important}

/* Mega menu */
body.admin-body.ui-rahcode .admin-panel-dropdown{
  top:calc(100% + 9px)!important;
  padding:12px!important;
  border:1px solid var(--pro-border)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--pro-surface) 98%,transparent)!important;
  box-shadow:var(--pro-shadow-lg)!important;
  backdrop-filter:blur(16px)!important;
}
body.admin-body.ui-rahcode .mega-menu-section-head{padding:7px 8px 10px!important;border-bottom:1px solid var(--pro-border)!important;margin-bottom:5px!important}
body.admin-body.ui-rahcode .mega-menu-section-head strong{font-size:10px!important;font-weight:900!important;color:var(--pro-text)!important}
body.admin-body.ui-rahcode .mega-menu-section-head small{font-size:8.5px!important;color:var(--pro-subtle)!important}
body.admin-body.ui-rahcode .admin-panel-dropdown .admin-nav-item{
  min-height:58px!important;padding:9px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:var(--pro-text)!important
}
body.admin-body.ui-rahcode .admin-panel-dropdown .admin-nav-item:hover{background:var(--pro-surface-soft)!important;border-color:var(--pro-border)!important}
body.admin-body.ui-rahcode .admin-panel-dropdown .admin-nav-item.is-active{background:var(--pro-primary-soft)!important;border-color:color-mix(in srgb,var(--pro-primary) 20%,var(--pro-border))!important;color:var(--pro-primary)!important}
body.admin-body.ui-rahcode .admin-panel-dropdown .admin-nav-item.is-active :where(strong,small,span){color:var(--pro-primary)!important}
body.admin-body.ui-rahcode .admin-panel-dropdown .panel-sub-logo{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important;background:var(--pro-surface-muted)!important;border:1px solid var(--pro-border)!important;color:var(--pro-muted)!important}
body.admin-body.ui-rahcode .admin-panel-dropdown .admin-nav-item.is-active .panel-sub-logo{background:var(--pro-primary)!important;border-color:var(--pro-primary)!important;color:#fff!important}

/* Typography and section hierarchy */
body.admin-body.ui-rahcode main :where(h1,h2,h3,h4){letter-spacing:-.025em;color:var(--pro-text)!important}
body.admin-body.ui-rahcode main h1{font-size:clamp(22px,2.2vw,30px)!important;font-weight:900!important}
body.admin-body.ui-rahcode main h2{font-size:17px!important;font-weight:850!important}
body.admin-body.ui-rahcode main h3{font-size:14px!important;font-weight:820!important}
body.admin-body.ui-rahcode main .eyebrow{font-size:10px!important;letter-spacing:.02em!important;font-weight:850!important;color:var(--pro-primary)!important}
body.admin-body.ui-rahcode main :where(.muted,p.muted,small){color:var(--pro-muted)!important}
body.admin-body.ui-rahcode main .section-head{align-items:center!important;margin-bottom:16px!important;padding-bottom:0!important;gap:12px!important}
body.admin-body.ui-rahcode main .section-head h2{margin:0!important}
body.admin-body.ui-rahcode main .section-head a:not(.btn){font-size:10.5px!important;font-weight:800!important;color:var(--pro-primary)!important;text-decoration:none!important}

/* Cards and content surfaces */
body.admin-body.ui-rahcode main :where(.card,.network-panel-card,.builder-workspace-card,.appearance-preview,.update-status,.provider-note,.requirements,.feature-list,.appointment-card,.form-section,.dashboard-small-card,.business-shortcut-group,.empty-state){
  border:1px solid var(--pro-border)!important;
  background:var(--pro-surface)!important;
  color:var(--pro-text)!important;
  box-shadow:var(--pro-shadow)!important
}
body.admin-body.ui-rahcode main .card{border-radius:var(--pro-radius-lg)!important;padding:20px!important}
body.admin-body.ui-rahcode main .card:hover{border-color:color-mix(in srgb,var(--pro-border-strong) 78%,var(--pro-border))!important}
body.admin-body.ui-rahcode main .two-col{gap:16px!important}
body.admin-body.ui-rahcode main .settings-list{gap:7px!important}
body.admin-body.ui-rahcode main .settings-list>div{padding:11px 12px!important;border:1px solid var(--pro-border)!important;border-radius:12px!important;background:var(--pro-surface-soft)!important}

/* Buttons */
body.admin-body.ui-rahcode main .btn{
  min-height:42px!important;padding:9px 15px!important;border:1px solid var(--pro-primary)!important;border-radius:11px!important;
  background:var(--pro-primary)!important;color:#fff!important;font-size:11px!important;font-weight:820!important;box-shadow:0 5px 14px color-mix(in srgb,var(--pro-primary) 20%,transparent)!important
}
body.admin-body.ui-rahcode main .btn:hover{background:var(--pro-primary-hover)!important;border-color:var(--pro-primary-hover)!important;transform:translateY(-1px)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--pro-primary) 24%,transparent)!important}
body.admin-body.ui-rahcode main .btn:active{transform:translateY(0)!important}
body.admin-body.ui-rahcode main .btn-secondary{background:var(--pro-surface)!important;color:var(--pro-text)!important;border-color:var(--pro-border-strong)!important;box-shadow:none!important}
body.admin-body.ui-rahcode main .btn-secondary:hover{background:var(--pro-surface-soft)!important;color:var(--pro-primary)!important;border-color:color-mix(in srgb,var(--pro-primary) 30%,var(--pro-border))!important;box-shadow:none!important}
body.admin-body.ui-rahcode main :where(.mini-action,.text-button,.link-button){font-weight:800!important;color:var(--pro-primary)!important;text-decoration:none!important}

/* Forms */
body.admin-body.ui-rahcode main :where(label){font-size:11px!important;font-weight:750!important;color:var(--pro-text)!important}
body.admin-body.ui-rahcode main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea){
  min-height:44px!important;padding:9px 11px!important;border:1px solid var(--pro-border)!important;border-radius:11px!important;background:var(--pro-surface)!important;color:var(--pro-text)!important;box-shadow:0 1px 2px rgba(15,23,42,.02)!important
}
body.admin-body.ui-rahcode main textarea{min-height:110px!important;line-height:1.8!important;resize:vertical}
body.admin-body.ui-rahcode main :where(input,select,textarea):hover{border-color:var(--pro-border-strong)!important}
body.admin-body.ui-rahcode main :where(input,select,textarea):focus{border-color:var(--pro-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pro-primary) 12%,transparent)!important;outline:none!important}
body.admin-body.ui-rahcode main :where(.checkbox-line,.debug-toggle,.switch-line,.ui-switch,.checkbox-grid>label){border-radius:11px!important;background:var(--pro-surface-soft)!important;border-color:var(--pro-border)!important;box-shadow:none!important}
body.admin-body.ui-rahcode main input[type="checkbox"],body.admin-body.ui-rahcode main input[type="radio"]{accent-color:var(--pro-primary)}

/* Tables */
body.admin-body.ui-rahcode main .table-wrap{border:1px solid var(--pro-border)!important;border-radius:14px!important;background:var(--pro-surface)!important;box-shadow:none!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:var(--pro-border-strong) transparent}
body.admin-body.ui-rahcode main table{background:var(--pro-surface)!important;color:var(--pro-text)!important;border-collapse:separate!important;border-spacing:0!important}
body.admin-body.ui-rahcode main table thead th{position:sticky;top:0;z-index:2;padding:11px 12px!important;background:var(--pro-surface-soft)!important;border-bottom:1px solid var(--pro-border)!important;color:var(--pro-muted)!important;font-size:10px!important;font-weight:850!important;white-space:nowrap}
body.admin-body.ui-rahcode main table tbody td{padding:12px!important;background:var(--pro-surface)!important;border-bottom:1px solid var(--pro-border)!important;color:var(--pro-text)!important;font-size:11px!important;vertical-align:middle!important}
body.admin-body.ui-rahcode main table tbody tr:nth-child(even) td{background:var(--pro-surface)!important}
body.admin-body.ui-rahcode main table tbody tr:hover td{background:var(--pro-surface-soft)!important}
body.admin-body.ui-rahcode main table tbody tr:last-child td{border-bottom:0!important}
body.admin-body.ui-rahcode main .table-sub{display:block!important;margin-top:3px!important;font-size:9.5px!important;color:var(--pro-muted)!important}
body.admin-body.ui-rahcode main .status{padding:5px 9px!important;border-radius:999px!important;font-size:9.5px!important;font-weight:800!important;border:1px solid transparent}
body.admin-body.ui-rahcode main .status-confirmed{background:#eff6ff!important;color:#1d4ed8!important;border-color:#dbeafe!important}
body.admin-body.ui-rahcode main .status-completed{background:#ecfdf5!important;color:#047857!important;border-color:#d1fae5!important}
body.admin-body.ui-rahcode main .status-cancelled{background:#fef2f2!important;color:#b91c1c!important;border-color:#fee2e2!important}
body.admin-body.ui-rahcode main .status-no_show{background:#fffbeb!important;color:#b45309!important;border-color:#fef3c7!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode main :where(.status-confirmed,.status-completed,.status-cancelled,.status-no_show){background:var(--pro-surface-muted)!important;border-color:var(--pro-border)!important}

/* Alerts / empty states */
body.admin-body.ui-rahcode main .alert{padding:12px 14px!important;border-radius:12px!important;box-shadow:none!important;font-size:11px!important}
body.admin-body.ui-rahcode main .empty-state{min-height:96px!important;border:1px dashed var(--pro-border-strong)!important;border-radius:14px!important;background:var(--pro-surface-soft)!important;color:var(--pro-muted)!important;box-shadow:none!important}

/* Dashboard */
body.admin-body.ui-rahcode .admin-datetime-widget{
  display:grid!important;grid-template-columns:minmax(280px,1.2fr) minmax(250px,1fr) 140px!important;gap:10px!important;
  margin-bottom:16px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
body.admin-body.ui-rahcode .admin-clock-card,
body.admin-body.ui-rahcode .admin-date-card,
body.admin-body.ui-rahcode .admin-datetime-widget>a{
  min-height:110px!important;border:1px solid var(--pro-border)!important;border-radius:16px!important;box-shadow:var(--pro-shadow)!important
}
body.admin-body.ui-rahcode .admin-clock-card{padding:20px!important;background:#0f172a!important;color:#fff!important}
body.admin-body.ui-rahcode .admin-clock-card strong{font-size:30px!important;letter-spacing:.02em!important}
body.admin-body.ui-rahcode .admin-date-card{padding:20px!important;background:var(--pro-surface)!important}
body.admin-body.ui-rahcode .admin-datetime-widget>a{background:var(--pro-surface)!important;color:var(--pro-primary)!important}
body.admin-body.ui-rahcode .admin-datetime-widget>a:hover{background:var(--pro-primary-soft)!important;border-color:color-mix(in srgb,var(--pro-primary) 25%,var(--pro-border))!important}

body.admin-body.ui-rahcode .business-command-hero{
  min-height:280px!important;padding:28px!important;border:1px solid #1e293b!important;border-radius:22px!important;
  background:linear-gradient(135deg,#0f172a 0%,#172033 55%,#1e293b 100%)!important;
  box-shadow:0 20px 48px rgba(15,23,42,.14)!important
}
body.admin-body.ui-rahcode .business-command-copy{max-width:680px!important}
body.admin-body.ui-rahcode .business-command-copy .eyebrow{display:inline-flex!important;padding:5px 9px!important;border-radius:999px!important;background:rgba(96,165,250,.12)!important;color:#93c5fd!important;border:1px solid rgba(147,197,253,.18)!important}
body.admin-body.ui-rahcode .business-command-copy h1{margin:10px 0 8px!important;font-size:clamp(27px,3vw,38px)!important;color:#fff!important}
body.admin-body.ui-rahcode .business-command-copy p{max-width:580px!important;font-size:12px!important;color:#cbd5e1!important}
body.admin-body.ui-rahcode .business-command-actions{margin-top:20px!important;gap:8px!important}
body.admin-body.ui-rahcode .business-command-actions .btn{background:#fff!important;border-color:#fff!important;color:#0f172a!important;box-shadow:none!important}
body.admin-body.ui-rahcode .business-command-actions .btn:hover{background:#f8fafc!important;color:#0f172a!important}
body.admin-body.ui-rahcode .business-command-actions .btn-secondary{background:transparent!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
body.admin-body.ui-rahcode .business-command-actions .btn-secondary:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.34)!important;color:#fff!important}
body.admin-body.ui-rahcode .business-command-badges{gap:7px!important;margin-top:18px!important}
body.admin-body.ui-rahcode .business-command-badges span{padding:6px 9px!important;border-radius:9px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;color:#cbd5e1!important;font-size:9.5px!important}
body.admin-body.ui-rahcode .business-command-visual{border-radius:18px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.045)!important;box-shadow:none!important}
body.admin-body.ui-rahcode .business-command-visual.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(15,23,42,.45));pointer-events:none}
body.admin-body.ui-rahcode .business-float-card{z-index:2!important;border-radius:12px!important;background:rgba(15,23,42,.84)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}

body.admin-body.ui-rahcode .business-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:16px 0!important}
body.admin-body.ui-rahcode .business-metric{
  display:grid!important;grid-template-columns:42px 1fr!important;grid-template-rows:auto auto auto!important;column-gap:12px!important;align-items:center!important;
  min-height:126px!important;padding:16px!important;border:1px solid var(--pro-border)!important;border-radius:16px!important;background:var(--pro-surface)!important;box-shadow:var(--pro-shadow)!important
}
body.admin-body.ui-rahcode .business-metric::after{display:none!important}
body.admin-body.ui-rahcode .business-metric>i{grid-row:1/4!important;align-self:start!important;width:42px!important;height:42px!important;border-radius:11px!important;background:var(--pro-primary-soft)!important;color:var(--pro-primary)!important;border:1px solid color-mix(in srgb,var(--pro-primary) 13%,var(--pro-border))!important;box-shadow:none!important}
body.admin-body.ui-rahcode .business-metric:nth-child(n)>i{background:var(--pro-primary-soft)!important;color:var(--pro-primary)!important;box-shadow:none!important}
body.admin-body.ui-rahcode .business-metric>span{font-size:10px!important;font-weight:750!important;color:var(--pro-muted)!important}
body.admin-body.ui-rahcode .business-metric>strong{font-size:22px!important;font-weight:900!important;line-height:1.45!important;color:var(--pro-text)!important}
body.admin-body.ui-rahcode .business-metric>small{font-size:9.5px!important;color:var(--pro-subtle)!important}

body.admin-body.ui-rahcode .business-focus-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important}
body.admin-body.ui-rahcode .dashboard-small-card{min-height:138px!important;padding:16px!important;border-radius:16px!important;box-shadow:var(--pro-shadow)!important}
body.admin-body.ui-rahcode .dashboard-small-card>i{width:38px!important;height:38px!important;border-radius:10px!important;background:var(--pro-surface-muted)!important;color:var(--pro-muted)!important;box-shadow:none!important}
body.admin-body.ui-rahcode .dashboard-small-card>strong{font-size:10px!important;color:var(--pro-muted)!important}
body.admin-body.ui-rahcode .dashboard-small-card>b{margin:4px 0!important;font-size:24px!important;font-weight:900!important;color:var(--pro-text)!important}
body.admin-body.ui-rahcode .dashboard-small-card>span{font-size:9.5px!important;line-height:1.7!important;color:var(--pro-subtle)!important}

body.admin-body.ui-rahcode .business-shortcut-sections{display:grid!important;gap:14px!important;margin-bottom:16px!important}
body.admin-body.ui-rahcode .business-shortcut-group{padding:18px!important;border-radius:18px!important;box-shadow:var(--pro-shadow)!important}
body.admin-body.ui-rahcode .business-shortcut-group>header{margin-bottom:14px!important;padding-bottom:12px!important;border-bottom:1px solid var(--pro-border)!important}
body.admin-body.ui-rahcode .business-shortcut-group>header>span{width:38px!important;height:38px!important;border-radius:10px!important;background:var(--pro-surface-muted)!important;color:var(--pro-muted)!important;border:1px solid var(--pro-border)!important;box-shadow:none!important}
body.admin-body.ui-rahcode .business-shortcut-group>header h2{font-size:15px!important;margin:0 0 2px!important}
body.admin-body.ui-rahcode .business-shortcut-group>header p{font-size:9.5px!important;margin:0!important;color:var(--pro-muted)!important}
body.admin-body.ui-rahcode .dashboard-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:0!important}
body.admin-body.ui-rahcode .shortcut-card{position:relative!important;min-height:112px!important;padding:13px!important;border:1px solid var(--pro-border)!important;border-radius:13px!important;background:var(--pro-surface-soft)!important;box-shadow:none!important;gap:4px!important}
body.admin-body.ui-rahcode .shortcut-card>span{width:34px!important;height:34px!important;border-radius:9px!important;background:var(--pro-surface)!important;color:var(--pro-muted)!important;border:1px solid var(--pro-border)!important;box-shadow:none!important}
body.admin-body.ui-rahcode .shortcut-card strong{font-size:11px!important;font-weight:850!important;color:var(--pro-text)!important}
body.admin-body.ui-rahcode .shortcut-card small{font-size:9px!important;line-height:1.7!important;color:var(--pro-muted)!important}
body.admin-body.ui-rahcode .shortcut-card em{position:absolute!important;inset-inline-end:10px!important;top:10px!important;color:var(--pro-subtle)!important;opacity:.75!important}
body.admin-body.ui-rahcode .shortcut-card:hover{transform:translateY(-2px)!important;background:var(--pro-surface)!important;border-color:color-mix(in srgb,var(--pro-primary) 28%,var(--pro-border))!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}
body.admin-body.ui-rahcode .shortcut-card:hover>span{color:var(--pro-primary)!important;background:var(--pro-primary-soft)!important;border-color:color-mix(in srgb,var(--pro-primary) 20%,var(--pro-border))!important}

body.admin-body.ui-rahcode .upcoming-list{display:grid!important;gap:7px!important}
body.admin-body.ui-rahcode .upcoming-item{padding:10px 12px!important;border:1px solid var(--pro-border)!important;border-radius:12px!important;background:var(--pro-surface)!important}
body.admin-body.ui-rahcode .upcoming-item:hover{background:var(--pro-surface-soft)!important}
body.admin-body.ui-rahcode .upcoming-time{min-width:82px!important;padding:8px!important;border:0!important;border-inline-start:3px solid var(--pro-primary)!important;border-radius:9px!important;background:var(--pro-primary-soft)!important}
body.admin-body.ui-rahcode .upcoming-time span{font-size:8.5px!important;color:var(--pro-muted)!important}
body.admin-body.ui-rahcode .upcoming-time strong{font-size:13px!important;color:var(--pro-primary)!important}

/* Mobile bottom nav */
body.admin-body.ui-rahcode .admin-bottom-nav{background:color-mix(in srgb,var(--pro-surface) 96%,transparent)!important;border:1px solid var(--pro-border)!important;border-radius:18px!important;box-shadow:0 16px 42px rgba(15,23,42,.13)!important;backdrop-filter:blur(18px)!important}
body.admin-body.ui-rahcode .admin-bottom-nav a{color:var(--pro-muted)!important;border-radius:10px!important}
body.admin-body.ui-rahcode .admin-bottom-nav a:hover{background:var(--pro-primary-soft)!important;color:var(--pro-primary)!important}
body.admin-body.ui-rahcode .site-footer{border-color:var(--pro-border)!important;background:var(--pro-surface)!important;color:var(--pro-muted)!important}

/* Better scrollbars for dense admin screens */
body.admin-body.ui-rahcode *::-webkit-scrollbar{width:9px;height:9px}
body.admin-body.ui-rahcode *::-webkit-scrollbar-track{background:transparent}
body.admin-body.ui-rahcode *::-webkit-scrollbar-thumb{background:var(--pro-border-strong);border:2px solid transparent;border-radius:999px;background-clip:padding-box}

@media(max-width:1280px){
  body.admin-body.ui-rahcode .panel-account-chip{min-width:46px;width:46px;padding:5px!important}
  body.admin-body.ui-rahcode .panel-account-copy{display:none!important}
  body.admin-body.ui-rahcode .admin-header .brand{min-width:170px!important}
  body.admin-body.ui-rahcode .business-admin-nav>.admin-nav-item,
  body.admin-body.ui-rahcode .business-admin-nav>.admin-panel-group>.admin-panel-parent{padding-inline:6px!important}
}
@media(max-width:1080px){
  body.admin-body.ui-rahcode .site-header.admin-header .header-inner{flex-wrap:wrap!important}
  body.admin-body.ui-rahcode .admin-header .brand{order:1!important;flex:1 1 auto!important;border-inline-end:0!important;padding-inline-end:0!important}
  body.admin-body.ui-rahcode .panel-account-chip{order:2!important}
  body.admin-body.ui-rahcode .panel-theme-toggle{order:3!important}
  body.admin-body.ui-rahcode .admin-nav-toggle{order:4!important;display:flex!important;width:44px!important;height:44px!important;padding:0!important;justify-content:center!important;border:1px solid var(--pro-border)!important;border-radius:12px!important;background:var(--pro-surface)!important;color:var(--pro-text)!important}
  body.admin-body.ui-rahcode .admin-nav-toggle span{display:none!important}
  body.admin-body.ui-rahcode .business-admin-nav{order:5!important;flex-basis:100%!important;position:fixed!important;inset:76px 12px auto!important;display:none!important;max-height:calc(100vh - 92px)!important;padding:8px!important;border:1px solid var(--pro-border)!important;border-radius:16px!important;background:var(--pro-surface)!important;box-shadow:var(--pro-shadow-lg)!important;overflow:auto!important}
  body.admin-body.ui-rahcode .business-admin-nav.is-open{display:grid!important;grid-template-columns:1fr!important}
  body.admin-body.ui-rahcode .business-admin-nav>.admin-nav-item,
  body.admin-body.ui-rahcode .business-admin-nav>.admin-panel-group>.admin-panel-parent{width:100%!important;justify-content:flex-start!important;min-height:48px!important}
  body.admin-body.ui-rahcode .admin-panel-dropdown{position:static!important;width:100%!important;min-width:0!important;margin-top:6px!important;box-shadow:none!important;background:var(--pro-surface-soft)!important}
  body.admin-body.ui-rahcode .business-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.admin-body.ui-rahcode .business-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.admin-body.ui-rahcode .dashboard-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.admin-body.ui-rahcode .page-shell.admin-shell,
  body.admin-body.ui-rahcode .site-header.admin-header .container{width:min(100% - 20px,1440px)!important}
  body.admin-body.ui-rahcode .site-header.admin-header .header-inner{min-height:66px!important;padding:8px 0!important}
  body.admin-body.ui-rahcode .admin-header .brand-logo,body.admin-body.ui-rahcode .admin-header .brand-mark{width:40px!important;height:40px!important}
  body.admin-body.ui-rahcode .admin-header .brand strong{font-size:11.5px!important}
  body.admin-body.ui-rahcode .panel-account-chip{display:none!important}
  body.admin-body.ui-rahcode .panel-theme-toggle,body.admin-body.ui-rahcode .admin-nav-toggle{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  body.admin-body.ui-rahcode .business-admin-nav{inset:66px 10px auto!important;max-height:calc(100vh - 80px)!important}
  body.admin-body.ui-rahcode .page-shell.admin-shell{padding-top:16px!important;padding-bottom:90px!important}
  body.admin-body.ui-rahcode .admin-datetime-widget{grid-template-columns:1fr 1fr!important}
  body.admin-body.ui-rahcode .admin-datetime-widget>a{grid-column:1/-1!important;min-height:70px!important}
  body.admin-body.ui-rahcode .business-command-hero{grid-template-columns:1fr!important;min-height:0!important;padding:20px!important;border-radius:18px!important}
  body.admin-body.ui-rahcode .business-command-visual{min-height:220px!important}
  body.admin-body.ui-rahcode .business-metric-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.admin-body.ui-rahcode .business-metric{grid-template-columns:36px 1fr!important;min-height:112px!important;padding:13px!important;column-gap:9px!important}
  body.admin-body.ui-rahcode .business-metric>i{width:36px!important;height:36px!important}
  body.admin-body.ui-rahcode .business-metric>strong{font-size:18px!important}
  body.admin-body.ui-rahcode .business-focus-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.admin-body.ui-rahcode .dashboard-small-card{min-height:126px!important;padding:13px!important}
  body.admin-body.ui-rahcode .dashboard-shortcuts{grid-template-columns:1fr 1fr!important}
  body.admin-body.ui-rahcode main .card{padding:15px!important;border-radius:16px!important}
  body.admin-body.ui-rahcode main .two-col{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  body.admin-body.ui-rahcode .admin-header .brand small{display:none!important}
  body.admin-body.ui-rahcode .admin-datetime-widget{grid-template-columns:1fr!important}
  body.admin-body.ui-rahcode .admin-datetime-widget>a{grid-column:auto!important}
  body.admin-body.ui-rahcode .business-command-copy h1{font-size:25px!important}
  body.admin-body.ui-rahcode .business-command-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  body.admin-body.ui-rahcode .business-command-actions .btn{padding-inline:8px!important;justify-content:center!important}
  body.admin-body.ui-rahcode .business-metric-grid{grid-template-columns:1fr!important}
  body.admin-body.ui-rahcode .business-focus-grid{grid-template-columns:1fr!important}
  body.admin-body.ui-rahcode .dashboard-shortcuts{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.admin-body.ui-rahcode .shortcut-card{min-height:106px!important;padding:11px!important}
}
@media(prefers-reduced-motion:reduce){
  body.admin-body.ui-rahcode :where(a,button,input,select,textarea,.card,.shortcut-card){transition:none!important}
}

/* =========================================================
   Aranu Professional Panel UI v4 — contrast & visual system
   1.1.43
   ========================================================= */
:root{
  --pro-bg:#f4f7fb;
  --pro-surface:#ffffff;
  --pro-surface-soft:#f8fafc;
  --pro-surface-muted:#eef3f8;
  --pro-border:#dbe3ee;
  --pro-border-strong:#c4cfdd;
  --pro-text:#101828;
  --pro-muted:#475467;
  --pro-subtle:#667085;
  --pro-primary:#3157d5;
  --pro-primary-hover:#2747b7;
  --pro-primary-soft:#eef2ff;
  --pro-success:#087a55;
  --pro-warning:#b54708;
  --pro-danger:#c4320a;
  --pro-shadow:0 1px 2px rgba(16,24,40,.03),0 8px 24px rgba(16,24,40,.05);
  --pro-shadow-lg:0 16px 40px rgba(16,24,40,.09);
}
html[data-panel-theme="dark"]{
  --pro-bg:#0b1020;
  --pro-surface:#121a2a;
  --pro-surface-soft:#172033;
  --pro-surface-muted:#1e293b;
  --pro-border:#2b3950;
  --pro-border-strong:#41516a;
  --pro-text:#f8fafc;
  --pro-muted:#c7d0dd;
  --pro-subtle:#a7b3c7;
  --pro-primary:#7c9cff;
  --pro-primary-hover:#9bb2ff;
  --pro-primary-soft:#1b2b55;
}

/* Global contrast safety: never allow washed-out panel text. */
body.admin-body.ui-rahcode main :where(p,small,span,div){text-shadow:none}
body.admin-body.ui-rahcode main :where(.muted,p.muted,small,.help,.hint,.description,.subtitle){color:var(--pro-muted)!important}
body.admin-body.ui-rahcode main a:not(.btn):not(.shortcut-card){color:var(--pro-primary)!important}
body.admin-body.ui-rahcode main input::placeholder,
body.admin-body.ui-rahcode main textarea::placeholder{color:#7d899b!important;opacity:1!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode main input::placeholder,
html[data-panel-theme="dark"] body.admin-body.ui-rahcode main textarea::placeholder{color:#9ba8bc!important}

/* Cleaner app chrome */
body.admin-body.ui-rahcode::before{opacity:.18!important;background-image:radial-gradient(circle at 12% 0%,rgba(49,87,213,.06),transparent 24%),radial-gradient(circle at 94% 5%,rgba(14,116,144,.04),transparent 20%)!important}
body.admin-body.ui-rahcode .site-header.admin-header{background:rgba(255,255,255,.96)!important;box-shadow:0 1px 0 rgba(16,24,40,.04),0 6px 20px rgba(16,24,40,.035)!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .site-header.admin-header{background:rgba(11,16,32,.96)!important}
body.admin-body.ui-rahcode .business-admin-nav>.admin-nav-item.is-active,
body.admin-body.ui-rahcode .business-admin-nav>.admin-panel-group.is-active>.admin-panel-parent{background:#eef2ff!important;border-color:#d7defe!important;color:#2949bd!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav>.admin-nav-item.is-active,
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav>.admin-panel-group.is-active>.admin-panel-parent{background:#1b2b55!important;border-color:#31477a!important;color:#9bb2ff!important}

/* Date/time strip: premium, high-contrast, no candy gradients. */
body.admin-body.ui-rahcode .admin-clock-card{
  background:linear-gradient(135deg,#132238,#1b2f4b)!important;
  border-color:#203652!important;color:#fff!important;box-shadow:0 14px 32px rgba(19,34,56,.14)!important
}
body.admin-body.ui-rahcode .admin-clock-card :where(span,small){color:#d5deea!important}
body.admin-body.ui-rahcode .admin-clock-card strong{color:#fff!important}
body.admin-body.ui-rahcode .admin-date-card{background:#fff!important;color:var(--pro-text)!important}
body.admin-body.ui-rahcode .admin-date-card :where(span,small){color:var(--pro-muted)!important}
body.admin-body.ui-rahcode .admin-date-card strong{color:var(--pro-text)!important}

/* Dashboard hero: restrained enterprise palette. */
body.admin-body.ui-rahcode .business-command-hero{
  min-height:300px!important;
  border:1px solid #263b58!important;
  background:linear-gradient(135deg,#101d31 0%,#162844 54%,#1d3557 100%)!important;
  box-shadow:0 18px 48px rgba(16,29,49,.16)!important;
  overflow:hidden!important;
}
body.admin-body.ui-rahcode .business-command-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 82% 18%,rgba(92,135,255,.18),transparent 29%),radial-gradient(circle at 92% 92%,rgba(45,212,191,.08),transparent 24%)!important
}
body.admin-body.ui-rahcode .business-command-copy{position:relative;z-index:2}
body.admin-body.ui-rahcode .business-command-copy .eyebrow{background:rgba(124,156,255,.14)!important;border-color:rgba(155,178,255,.26)!important;color:#c7d3ff!important}
body.admin-body.ui-rahcode .business-command-copy h1{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.08)}
body.admin-body.ui-rahcode .business-command-copy p{color:#d7e0ec!important;font-size:12.5px!important;line-height:2!important}
body.admin-body.ui-rahcode .business-command-actions .btn{background:#eef2ff!important;border-color:#eef2ff!important;color:#18369d!important;font-weight:900!important}
body.admin-body.ui-rahcode .business-command-actions .btn:hover{background:#fff!important;border-color:#fff!important;color:#18369d!important}
body.admin-body.ui-rahcode .business-command-actions .btn-secondary{
  background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.35)!important;color:#fff!important
}
body.admin-body.ui-rahcode .business-command-actions .btn-secondary :where(span,svg){color:#fff!important;stroke:currentColor!important}
body.admin-body.ui-rahcode .business-command-actions .btn-secondary:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.55)!important;color:#fff!important}
body.admin-body.ui-rahcode .business-command-badges span{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important;color:#edf2f8!important;font-weight:700!important}
body.admin-body.ui-rahcode .business-command-badges span :where(svg,i){color:#86efac!important;stroke:currentColor!important}

/* If the hero visual exists, it must stay readable too. */
body.admin-body.ui-rahcode .business-command-visual{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important}
body.admin-body.ui-rahcode .business-float-card{background:rgba(9,18,32,.94)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
body.admin-body.ui-rahcode .business-float-card :where(span,small){color:#d7e0ec!important}

/* Metrics & cards: crisp hierarchy, stronger body copy. */
body.admin-body.ui-rahcode .business-metric,
body.admin-body.ui-rahcode .dashboard-small-card,
body.admin-body.ui-rahcode .business-shortcut-group,
body.admin-body.ui-rahcode main .card{background:#fff!important;border-color:#dbe3ee!important;box-shadow:0 1px 2px rgba(16,24,40,.025),0 8px 24px rgba(16,24,40,.04)!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode :where(.business-metric,.dashboard-small-card,.business-shortcut-group,main .card){background:var(--pro-surface)!important;border-color:var(--pro-border)!important}
body.admin-body.ui-rahcode .dashboard-small-card>strong,
body.admin-body.ui-rahcode .business-metric>span{color:#475467!important;font-weight:800!important}
body.admin-body.ui-rahcode .dashboard-small-card>span,
body.admin-body.ui-rahcode .business-metric>small{color:#667085!important;font-weight:600!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .dashboard-small-card>strong,
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-metric>span{color:#c7d0dd!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .dashboard-small-card>span,
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-metric>small{color:#a7b3c7!important}

/* Shortcut cards */
body.admin-body.ui-rahcode .shortcut-card{background:#f8fafc!important;border-color:#e0e7f0!important}
body.admin-body.ui-rahcode .shortcut-card strong{color:#172033!important;font-size:11.5px!important}
body.admin-body.ui-rahcode .shortcut-card small{color:#596579!important;font-size:9.5px!important;font-weight:600!important}
body.admin-body.ui-rahcode .shortcut-card>span{background:#fff!important;color:#3d5cc8!important;border-color:#dbe3ee!important}
body.admin-body.ui-rahcode .shortcut-card:hover{background:#fff!important;border-color:#aebef6!important;box-shadow:0 10px 26px rgba(49,87,213,.08)!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .shortcut-card{background:var(--pro-surface-soft)!important;border-color:var(--pro-border)!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .shortcut-card strong{color:#f8fafc!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .shortcut-card small{color:#b6c2d2!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .shortcut-card>span{background:var(--pro-surface)!important;color:#9bb2ff!important;border-color:var(--pro-border)!important}

/* Forms and tables: readable on every state. */
body.admin-body.ui-rahcode main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea){background:#fff!important;color:#172033!important;border-color:#cfd9e7!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea){background:#101827!important;color:#f8fafc!important;border-color:#36455d!important}
body.admin-body.ui-rahcode main table{color:var(--pro-text)!important}
body.admin-body.ui-rahcode main :where(th,.table-head){color:#344054!important;background:#f4f7fb!important;font-weight:850!important}
body.admin-body.ui-rahcode main :where(td,.table-cell){color:#344054!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode main :where(th,.table-head){color:#dce4ef!important;background:#172033!important}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode main :where(td,.table-cell){color:#cbd5e1!important}

/* Generic badge/status contrast safety. */
body.admin-body.ui-rahcode main :where(.badge,.chip,.status-badge,.tag,.pill){font-weight:800!important}

/* Explicit fix for the disappearing secondary hero action seen in 1.1.42. */
body.admin-body.ui-rahcode .business-command-hero a.btn-secondary,
body.admin-body.ui-rahcode .business-command-hero button.btn-secondary{color:#fff!important;opacity:1!important;visibility:visible!important;text-shadow:none!important}

@media (max-width:760px){
  body.admin-body.ui-rahcode .business-command-hero{padding:22px!important}
  body.admin-body.ui-rahcode .business-command-copy h1{font-size:28px!important}
  body.admin-body.ui-rahcode .business-command-copy p{font-size:11.5px!important}
}

/* 1.1.44 hotfix: secondary CTA inside dashboard hero must be fully readable. */
body.admin-body.ui-rahcode .business-command-actions .btn-secondary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:152px!important;
  background:#ffffff!important;
  border-color:#ffffff!important;
  color:#18369d!important;
  opacity:1!important;
  visibility:visible!important;
  box-shadow:0 10px 24px rgba(9,18,32,.16)!important;
}
body.admin-body.ui-rahcode .business-command-actions .btn-secondary:hover{
  background:#f8fbff!important;
  border-color:#f8fbff!important;
  color:#102f8c!important;
  box-shadow:0 14px 28px rgba(9,18,32,.18)!important;
}
body.admin-body.ui-rahcode .business-command-actions .btn-secondary:focus-visible{
  outline:3px solid rgba(255,255,255,.35)!important;
  outline-offset:2px!important;
}
body.admin-body.ui-rahcode .business-command-actions .btn-secondary :where(span,svg,path){
  color:#18369d!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  opacity:1!important;
}
body.admin-body.ui-rahcode .business-command-actions .btn-secondary:hover :where(span,svg,path){
  color:#102f8c!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-command-actions .btn-secondary{
  background:#f8fafc!important;
  border-color:#f8fafc!important;
  color:#0f172a!important;
}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-command-actions .btn-secondary :where(span,svg,path){
  color:#0f172a!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* 1.1.45 hotfix: force readable secondary buttons everywhere in panel. */
body.admin-body.ui-rahcode main a.btn.btn-secondary,
body.admin-body.ui-rahcode main button.btn.btn-secondary,
body.admin-body.ui-rahcode .admin-title a.btn.btn-secondary,
body.admin-body.ui-rahcode .business-command-actions a.btn.btn-secondary,
body.admin-body.ui-rahcode .enterprise-title-actions a.btn.btn-secondary{
  background:#ffffff!important;
  color:#18369d!important;
  border:1px solid #cfd8ea!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}
body.admin-body.ui-rahcode main a.btn.btn-secondary:hover,
body.admin-body.ui-rahcode main button.btn.btn-secondary:hover,
body.admin-body.ui-rahcode .admin-title a.btn.btn-secondary:hover,
body.admin-body.ui-rahcode .business-command-actions a.btn.btn-secondary:hover,
body.admin-body.ui-rahcode .enterprise-title-actions a.btn.btn-secondary:hover{
  background:#f8fbff!important;
  color:#102f8c!important;
  border-color:#aebfe3!important;
}
body.admin-body.ui-rahcode main .btn.btn-secondary :where(span,strong,small,svg,path),
body.admin-body.ui-rahcode .admin-title .btn.btn-secondary :where(span,strong,small,svg,path),
body.admin-body.ui-rahcode .business-command-actions .btn.btn-secondary :where(span,strong,small,svg,path),
body.admin-body.ui-rahcode .enterprise-title-actions .btn.btn-secondary :where(span,strong,small,svg,path){
  color:inherit!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  opacity:1!important;
}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode main a.btn.btn-secondary,
html[data-panel-theme="dark"] body.admin-body.ui-rahcode main button.btn.btn-secondary,
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .admin-title a.btn.btn-secondary,
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-command-actions a.btn.btn-secondary,
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .enterprise-title-actions a.btn.btn-secondary{
  background:#f8fafc!important;
  color:#0f172a!important;
  border-color:#d4dbe7!important;
}
html[data-panel-theme="dark"] body.admin-body.ui-rahcode main a.btn.btn-secondary:hover,
html[data-panel-theme="dark"] body.admin-body.ui-rahcode main button.btn.btn-secondary:hover,
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .admin-title a.btn.btn-secondary:hover,
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-command-actions a.btn.btn-secondary:hover,
html[data-panel-theme="dark"] body.admin-body.ui-rahcode .enterprise-title-actions a.btn.btn-secondary:hover{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#ffffff!important;
}

/* 1.1.46 — phone/tablet hardening for the management panel. */
@media (max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  body.admin-body.ui-rahcode{overflow-x:clip!important}
  body.admin-body.ui-rahcode .page-shell.admin-shell,
  body.admin-body.ui-rahcode .site-header.admin-header .container{width:min(100% - 16px,1440px)!important}
  body.admin-body.ui-rahcode .site-header.admin-header .header-inner{gap:7px!important}
  body.admin-body.ui-rahcode .admin-header .brand{min-width:0!important}
  body.admin-body.ui-rahcode .admin-header .brand>span:last-child{min-width:0!important}
  body.admin-body.ui-rahcode .admin-header .brand strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.admin-body.ui-rahcode .business-admin-nav{right:8px!important;left:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 82px - env(safe-area-inset-bottom))!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch}
  body.admin-body.ui-rahcode main{min-width:0!important;max-width:100%!important}
  body.admin-body.ui-rahcode main :where(.admin-title,.section-head){min-width:0}
  body.admin-body.ui-rahcode main .admin-title{align-items:stretch!important;flex-direction:column!important;gap:10px!important}
  body.admin-body.ui-rahcode main .admin-title>div{min-width:0!important}
  body.admin-body.ui-rahcode main .admin-title :where(.btn,.admin-title-actions,.enterprise-title-actions){max-width:100%}
  body.admin-body.ui-rahcode main :where(.two-col,.split,.customer-grid,.color-row,.appointment-card,.receipt){grid-template-columns:minmax(0,1fr)!important}
  body.admin-body.ui-rahcode main .filter-bar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
  body.admin-body.ui-rahcode main .filter-bar label{min-width:0!important;width:100%!important}
  body.admin-body.ui-rahcode main .inline-form{flex-wrap:wrap!important;align-items:stretch!important}
  body.admin-body.ui-rahcode main .inline-form>*{min-width:0}
  body.admin-body.ui-rahcode main :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea){font-size:16px!important;max-width:100%!important;min-width:0!important}
  body.admin-body.ui-rahcode main :where(.btn,button,.text-button,.mini-action){min-height:44px}
  body.admin-body.ui-rahcode main .table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  body.admin-body.ui-rahcode main .table-wrap table{min-width:680px!important}
  body.admin-body.ui-rahcode main :where(.card,.business-shortcut-group,.dashboard-small-card,.business-metric){min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}
  body.admin-body.ui-rahcode .business-command-copy{max-width:100%!important;min-width:0!important}
  body.admin-body.ui-rahcode .business-command-actions{width:100%!important}
  body.admin-body.ui-rahcode .business-command-actions .btn{min-width:0!important}
  body.admin-body.ui-rahcode .admin-bottom-nav{right:8px!important;left:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;transform:none!important;padding:8px 7px calc(8px + env(safe-area-inset-bottom))!important;border-radius:18px!important}
  body.admin-body.ui-rahcode .admin-bottom-nav a{min-width:0!important;flex:1 1 0!important;font-size:9.5px!important}
}
@media (max-width:480px){
  body.admin-body.ui-rahcode .admin-header .brand strong{max-width:120px}
  body.admin-body.ui-rahcode .business-command-actions{grid-template-columns:minmax(0,1fr)!important}
  body.admin-body.ui-rahcode .business-command-actions .btn{width:100%!important;min-height:46px!important}
  body.admin-body.ui-rahcode .dashboard-shortcuts{grid-template-columns:minmax(0,1fr)!important}
  body.admin-body.ui-rahcode .admin-datetime-widget{gap:8px!important}
  body.admin-body.ui-rahcode .admin-clock-card,
  body.admin-body.ui-rahcode .admin-date-card,
  body.admin-body.ui-rahcode .admin-datetime-widget>a{min-height:86px!important;padding:15px!important}
  body.admin-body.ui-rahcode main .card{padding:14px!important}
  body.admin-body.ui-rahcode .admin-bottom-nav a{font-size:9px!important;gap:3px!important}
}
@media (max-width:360px){
  body.admin-body.ui-rahcode .admin-header .brand strong{max-width:96px;font-size:10.5px!important}
  body.admin-body.ui-rahcode .panel-theme-toggle,
  body.admin-body.ui-rahcode .admin-nav-toggle{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  body.admin-body.ui-rahcode .admin-bottom-nav{right:5px!important;left:5px!important;padding-inline:4px!important}
  body.admin-body.ui-rahcode .admin-bottom-nav a{font-size:8.5px!important}
}