/* 2026 UI Overhaul: canonical foundation + screen alignment */

body.bladezy-unified-app{
  background:var(--bladezy-shell-bg);
  color:var(--bladezy-text);
  font-family:var(--bladezy-font-ui);
}

body.bladezy-unified-app,
body.bladezy-unified-app button,
body.bladezy-unified-app input,
body.bladezy-unified-app select,
body.bladezy-unified-app textarea{
  font-family:var(--bladezy-font-ui);
}

#admin-view,
#admin-login-view{
  --gold:var(--bladezy-ui-blue);
  --gold-light:#4F82F2;
  --gold-dim:#B9CDFC;
  --black:var(--bladezy-shell-bg);
  --dark:var(--bladezy-sidebar);
  --dark2:var(--bladezy-surface);
  --dark3:var(--bladezy-surface-subtle);
  --gray:var(--bladezy-border);
  --gray2:#AFC0DE;
  --muted:var(--bladezy-muted);
  --light:#44536C;
  --white:var(--bladezy-heading);
  --font-display:var(--bladezy-font-ui);
  --font-cond:var(--bladezy-font-ui);
  --font-body:var(--bladezy-font-ui);
  --admin-accent:var(--bladezy-ui-blue);
  --admin-accent-soft:var(--bladezy-ui-blue-soft);
  --admin-bg:var(--bladezy-shell-bg);
  --admin-heading:var(--bladezy-heading);
  --admin-text:var(--bladezy-text);
  --admin-muted:var(--bladezy-muted);
  --admin-border:var(--bladezy-border);
  --admin-border-strong:var(--bladezy-border-strong);
  --admin-sidebar-bg:var(--bladezy-sidebar);
  --admin-topbar-bg:#FFFFFF;
  --admin-elevated-bg:#FFFFFF;
  --admin-subtle-bg:#F7FAFF;
  --admin-subtle-bg-2:#F2F6FF;
  --admin-hover-bg:#EDF3FF;
  --admin-table-head:#F5F8FF;
  --admin-row-hover:#F7FAFF;
  --admin-note-bg:#F6F9FF;
  --admin-note-border:#D5E2FB;
  --admin-chip-bg:#FFFFFF;
  --admin-chip-text:#5C6B84;
  --admin-icon-muted:#91A0B8;
  --admin-shadow-xs:var(--bladezy-shadow-xs);
  --admin-shadow-sm:var(--bladezy-shadow-sm);
  --admin-shadow:var(--bladezy-shadow-md);
}

#admin-view,
#admin-login-view,
#admin-view[data-admin-theme="dark"],
#admin-view[data-admin-theme="light"],
#admin-login-view[data-admin-theme="dark"]{
  background:var(--bladezy-shell-bg);
}

#admin-view .admin-sidebar,
#admin-view[data-admin-theme="dark"] .admin-sidebar{
  width:220px;
  background:var(--bladezy-sidebar);
  border-right:1px solid rgba(255,255,255,.08);
  box-shadow:none;
}

#admin-view .admin-logo,
#admin-view .admin-sidebar .admin-logo,
#admin-view .admin-logo-copy,
#admin-view .admin-logo-title,
#admin-view .admin-logo-sub,
#admin-view .admin-sidebar-title{
  color:#F8FAFF;
}

#admin-view .admin-logo-mark{
  background:rgba(37,99,235,.18);
  color:#DBE8FF;
  border:1px solid rgba(255,255,255,.08);
}

#admin-view .admin-logo{
  min-height:62px;
  padding:16px 16px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

#admin-view .admin-logo-shop{
  font-size:14px;
  font-weight:600;
}

#admin-view .admin-logo-role{
  font-size:11px;
  color:rgba(255,255,255,.35);
}

#admin-view .admin-nav-group-label{
  font-size:10px;
  font-weight:600;
  letter-spacing:.07em;
  color:rgba(255,255,255,.3);
}

#admin-view .admin-exit-btn{
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.3);
  font-size:11px;
}

#admin-view .admin-exit-btn:hover{
  color:rgba(255,255,255,.6);
}

#admin-view .admin-hamburger{
  width:28px;
  height:28px;
  border:1px solid var(--bladezy-border);
  border-radius:6px;
  background:#FFFFFF;
}

#admin-view .admin-nav{
  padding:10px 10px 18px;
  gap:4px;
}

#admin-view .admin-nav-item,
#admin-view[data-admin-theme="dark"] .admin-nav-item{
  position:relative;
  min-height:42px;
  border-radius:6px;
  border-left:none;
  color:rgba(255,255,255,.5);
  padding:9px 14px;
  font-family:var(--bladezy-font-ui);
  font-size:12px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
}

#admin-view .admin-nav-item:hover,
#admin-view[data-admin-theme="dark"] .admin-nav-item:hover{
  background:rgba(255,255,255,.06);
  color:#FFFFFF;
}

#admin-view .admin-nav-item.active,
#admin-view[data-admin-theme="dark"] .admin-nav-item.active{
  background:rgba(37,99,235,.16);
  color:#FFFFFF;
}

#admin-view .admin-nav-item.active::before,
#admin-view[data-admin-theme="dark"] .admin-nav-item.active::before{
  left:0;
  top:8px;
  bottom:8px;
  width:4px;
  border-radius:999px;
  background:#7FB0FF;
  box-shadow:none;
}

#admin-view .admin-nav-item[data-tab="client-intelligence"],
#admin-view[data-admin-theme="dark"] .admin-nav-item[data-tab="client-intelligence"]{
  color:rgba(22,163,74,.8);
}

#admin-view .admin-nav-item[data-tab="client-intelligence"]:hover,
#admin-view[data-admin-theme="dark"] .admin-nav-item[data-tab="client-intelligence"]:hover{
  color:rgba(22,163,74,1);
}

#admin-view .admin-nav-item[data-tab="client-intelligence"].active,
#admin-view[data-admin-theme="dark"] .admin-nav-item[data-tab="client-intelligence"].active{
  background:rgba(22,163,74,.18);
}

#admin-view .admin-nav-item[data-tab="client-intelligence"].active::before,
#admin-view[data-admin-theme="dark"] .admin-nav-item[data-tab="client-intelligence"].active::before{
  background:var(--bladezy-ai-green);
}

#admin-view .admin-main{
  background:transparent;
}

#admin-view .admin-topbar,
#admin-view[data-admin-theme="dark"] .admin-topbar{
  height:52px;
  padding:0 24px;
  background:#FFFFFF;
  border-bottom:1px solid var(--bladezy-border);
  box-shadow:none;
  backdrop-filter:none;
}

#admin-view .admin-topbar-title{
  color:var(--bladezy-heading);
  font-family:var(--bladezy-font-ui);
  font-size:17px;
  font-weight:700;
  letter-spacing:-.02em;
}

#admin-view .admin-topbar-search input{
  height:34px;
  border-radius:6px;
  background:var(--bladezy-shell-bg);
  border:1px solid var(--bladezy-border);
  color:var(--bladezy-text);
  font-size:12px;
}

#admin-view .admin-topbar-chip,
#admin-view .admin-theme-toggle,
#admin-view[data-admin-theme="dark"] .admin-topbar-chip,
#admin-view[data-admin-theme="dark"] .admin-theme-toggle{
  height:32px;
  border-radius:20px;
  border:1px solid var(--bladezy-border);
  background:#FFFFFF;
  color:var(--bladezy-muted);
  font-family:var(--bladezy-font-ui);
  font-size:11px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}

#admin-view .admin-topbar-chip.primary,
#admin-view[data-admin-theme="dark"] .admin-topbar-chip.primary{
  background:#FFFFFF;
  color:var(--bladezy-text-secondary);
  border-color:var(--bladezy-border);
}

#admin-view .admin-theme-toggle-dot{
  background:var(--bladezy-ai-green);
  box-shadow:none;
}

#admin-view .admin-content{
  max-width:1240px;
  padding:24px;
}

#admin-view .admin-tab-panel{
  gap:20px;
}

#admin-view .admin-card,
#admin-view .admin-table-wrap,
#admin-view .compact-table-wrap,
#admin-view .chart-card,
#admin-view .stat-card,
#admin-view .barber-dashboard-card,
#admin-view .barber-list-item,
#admin-view .client-profile-card,
#admin-view .history-item,
#admin-view .history-stat,
#admin-view .blocked-item,
#admin-view .photo-slot,
#admin-view .credential-box,
#admin-view .account-note,
#admin-view .publish-card,
#admin-view .howto-card,
#admin-view .howto-secret-box,
#admin-login-view .admin-login-box,
#admin-view[data-admin-theme="dark"] .admin-card,
#admin-view[data-admin-theme="dark"] .admin-table-wrap,
#admin-view[data-admin-theme="dark"] .compact-table-wrap,
#admin-view[data-admin-theme="dark"] .chart-card,
#admin-view[data-admin-theme="dark"] .stat-card,
#admin-view[data-admin-theme="dark"] .barber-dashboard-card,
#admin-view[data-admin-theme="dark"] .barber-list-item,
#admin-view[data-admin-theme="dark"] .client-profile-card,
#admin-view[data-admin-theme="dark"] .history-item,
#admin-view[data-admin-theme="dark"] .history-stat,
#admin-view[data-admin-theme="dark"] .blocked-item,
#admin-view[data-admin-theme="dark"] .photo-slot,
#admin-view[data-admin-theme="dark"] .credential-box,
#admin-view[data-admin-theme="dark"] .account-note,
#admin-view[data-admin-theme="dark"] .publish-card,
#admin-view[data-admin-theme="dark"] .howto-card,
#admin-view[data-admin-theme="dark"] .howto-secret-box{
  background:#FFFFFF;
  border:1px solid var(--bladezy-border);
  border-radius:10px;
  box-shadow:none;
}

#admin-view .admin-card-header,
#admin-view .admin-table-header{
  padding:16px;
  border-bottom:1px solid #E8EFFC;
  background:transparent;
}

#admin-view .admin-card-body{
  padding:16px;
}

#admin-view .admin-card-title,
#admin-view .admin-table-title,
#admin-view .chart-card-title,
#admin-view .stat-card-label,
#admin-view .history-stat-label,
#admin-view .client-profile-label,
#admin-view th,
#admin-view .intel-section-kicker,
#admin-view .section-label{
  color:#60708B;
  font-family:var(--bladezy-font-ui);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#admin-view .stat-card-value,
#admin-view .history-stat-value,
#admin-view .metric-hero-value,
#admin-view .bladezy-insight-value,
#admin-view .account-identity-name{
  color:var(--bladezy-heading);
  font-family:var(--bladezy-font-ui);
  letter-spacing:-.04em;
  font-weight:700;
}

#admin-view .stat-card-value{
  font-size:34px;
}

#admin-view .stat-card-sub,
#admin-view .barber-list-sub,
#admin-view .intel-section-copy,
#admin-view .barbers-page-copy,
#admin-view .barber-management-copy,
#admin-view .barber-management-sub,
#admin-view .barber-management-note,
#admin-view .client-profile-box,
#admin-view .notifications-hero-copy,
#admin-view .notifications-group-copy,
#admin-view .notifications-token-copy,
#admin-view .notifications-token-help,
#admin-view .account-identity-copy,
#admin-view .howto-card ol,
#admin-view .howto-card ul,
#admin-view .howto-tip,
#admin-view .howto-warn,
#admin-view .photo-slot-desc{
  color:var(--bladezy-muted);
}

#admin-view .btn-sm,
#admin-view .btn-next,
#admin-view .btn-full,
#admin-login-view .btn-full{
  min-height:32px;
  padding:6px 14px;
  border-radius:6px;
  background:var(--bladezy-ui-blue);
  color:#FFFFFF;
  border:none;
  font-family:var(--bladezy-font-ui);
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  box-shadow:none;
}

#admin-view .btn-sm:hover,
#admin-view .btn-next:hover,
#admin-view .btn-full:hover,
#admin-login-view .btn-full:hover{
  background:var(--bladezy-ui-blue-strong);
}

#admin-view .btn-sm-ghost,
#admin-view .btn-back,
#admin-view .action-btn,
#admin-view .dashboard-view-pill,
#admin-view .client-intel-pill{
  min-height:32px;
  padding:6px 14px;
  border-radius:6px;
  border:1px solid var(--bladezy-border);
  background:#FFFFFF;
  color:var(--bladezy-heading);
  font-family:var(--bladezy-font-ui);
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}

#admin-view .dashboard-view-pill,
#admin-view .client-intel-pill{
  border-radius:999px;
}

#admin-view .action-btn.ai,
#admin-view .btn-ai{
  background:var(--bladezy-green-ramp-soft);
  border:1px solid var(--bladezy-ai-green-border);
  color:#14532D;
}

#admin-view .action-btn.danger,
#admin-view .btn-danger{
  background:var(--bladezy-red-ramp-soft);
  border:none;
  color:#991B1B;
}

#admin-view .btn-sm-ghost:hover,
#admin-view .btn-back:hover,
#admin-view .action-btn:hover,
#admin-view .dashboard-view-pill:hover,
#admin-view .client-intel-pill:hover{
  background:var(--bladezy-ui-blue-soft);
  border-color:#C9D8FD;
  color:var(--bladezy-ui-blue);
}

#admin-view .dashboard-view-pill.active,
#admin-view .client-intel-pill.active{
  background:var(--bladezy-ui-blue-soft);
  border-color:#C9D8FD;
  color:var(--bladezy-ui-blue);
}

#admin-view #atab-client-intelligence > .admin-card:first-child{
  border:1px solid #DBEAFE;
  border-radius:14px;
  background:#FFFFFF;
}

#admin-view #atab-client-intelligence > .admin-card:first-child .admin-card-header{
  padding:16px 20px 0;
  border-bottom:none;
}

#admin-view #atab-client-intelligence > .admin-card:first-child .admin-card-body{
  padding:16px 20px;
}

#admin-view #atab-client-intelligence > .admin-card:first-child .admin-card-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#16A34A;
}

#admin-view #atab-client-intelligence .client-intel-pill{
  background:#FFFFFF;
  border:1px solid #DBEAFE;
  color:#6B7280;
  border-radius:20px;
  padding:5px 14px;
  font-size:12px;
  font-weight:600;
}

#admin-view #atab-client-intelligence .client-intel-pill:hover{
  background:#FFFFFF;
  border-color:#DBEAFE;
  color:#6B7280;
}

#admin-view #atab-client-intelligence .client-intel-pill.active{
  background:#2563EB;
  color:#FFFFFF;
  border:none;
}

#admin-view #atab-client-intelligence .client-list-badges .b-due{
  background:#EFF6FF;
  color:#1E40AF;
}

#admin-view #atab-client-intelligence .client-list-badges .b-new{
  background:#EEEDFE;
  color:#3C3489;
}

#admin-view #atab-client-intelligence .client-intel-status.low,
#admin-view #atab-client-intelligence .client-intel-status.standard,
#admin-view #atab-client-intelligence .client-intel-value-tier.standard{
  background:#F0F4FF;
  color:#6B7280;
  padding:3px 8px;
  border-radius:20px;
  font-size:10px;
  font-weight:600;
  border:none;
}

#admin-view #atab-client-intelligence .client-intel-status.low{
  background:#F0FDF4;
  color:#14532D;
}

#admin-view #atab-client-intelligence .client-intel-action-row .client-intel-action{
  min-height:32px;
  padding:6px 14px;
  border-radius:6px;
  font-size:12px;
  font-weight:600;
}

#admin-view #atab-client-intelligence .client-intel-action-row .client-intel-action-neutral{
  background:#FFFFFF;
  border:1px solid #DBEAFE;
  color:#6B7280;
}

#admin-view #atab-client-intelligence .client-intel-action-row .client-intel-action-ai{
  background:#F0FDF4;
  border:1px solid #BBF7D0;
  color:#166534;
}

#admin-view #atab-client-intelligence .client-intel-action-row .client-intel-action-primary{
  background:#2563EB;
  border:1px solid transparent;
  color:#FFFFFF;
}

#admin-view #atab-client-intelligence .admin-table-wrap thead th{
  background:#F0F4FF;
  font-size:10px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#6B7280;
  padding:8px 12px;
}

#admin-view input,
#admin-view select,
#admin-view textarea,
#admin-login-view input,
#admin-login-view select,
#admin-login-view textarea{
  min-height:36px;
  border-radius:6px;
  border:1px solid var(--bladezy-border);
  background:#FFFFFF;
  color:var(--bladezy-text);
  box-shadow:none;
  font-size:13px;
}

#admin-view textarea,
#admin-login-view textarea{
  min-height:84px;
}

#admin-view input::placeholder,
#admin-view textarea::placeholder,
#admin-login-view input::placeholder,
#admin-login-view textarea::placeholder{
  color:#93A0B6;
}

#admin-view input:focus,
#admin-view select:focus,
#admin-view textarea:focus,
#admin-login-view input:focus,
#admin-login-view select:focus,
#admin-login-view textarea:focus{
  border-color:#93B2FB;
  box-shadow:0 0 0 4px rgba(37,99,235,.12);
}

#admin-view .toggle,
#admin-view[data-admin-theme="dark"] .toggle{
  width:34px;
  height:19px;
  border-radius:10px;
  background:#D1D5DB;
  position:relative;
  cursor:pointer;
  flex-shrink:0;
  transition:background .2s;
  border:none;
  box-shadow:none;
}

#admin-view .toggle.on,
#admin-view[data-admin-theme="dark"] .toggle.on{
  background:#2563EB;
}

#admin-view .toggle.on-green,
#admin-view[data-admin-theme="dark"] .toggle.on-green{
  background:#16A34A;
}

#admin-view .toggle::after,
#admin-view[data-admin-theme="dark"] .toggle::after{
  width:15px;
  height:15px;
  top:2px;
  left:2px;
}

#admin-view .toggle.on::after,
#admin-view .toggle.on-green::after,
#admin-view[data-admin-theme="dark"] .toggle.on::after,
#admin-view[data-admin-theme="dark"] .toggle.on-green::after{
  left:17px;
}

#admin-view th{
  background:#F7FAFF;
  border-bottom:1px solid var(--bladezy-border);
  color:#63748E;
}

#admin-view td{
  color:var(--bladezy-text);
  border-bottom:1px solid #EBF1FB;
}

#admin-view tr:hover td{
  background:#FAFCFF;
}

#admin-view .badge,
#admin-view .barber-status-badge,
#admin-view .client-intel-status,
#admin-view .client-intel-value-tier,
#admin-view .notification-channel-badge,
#admin-view .notification-state-badge,
#admin-view .notification-template-state,
#admin-view .owner-opportunity-badge,
#admin-view .notifications-token,
#admin-view .client-tag,
#admin-view .mini-chip{
  padding:3px 8px;
  border-radius:20px;
  font-family:var(--bladezy-font-ui);
  font-size:10px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  border:none;
}

#admin-view .badge-confirmed{background:#EAF2FF;color:#1D4ED8;}
#admin-view .badge-pending{background:#EFF4FF;color:#45658D;}
#admin-view .badge-cancelled{background:#FEF1F1;color:#C24141;}
#admin-view .badge-completed{background:#F3F4F6;color:#667085;}
#admin-view .badge-no-show{background:#FFF4E8;color:#B45309;}

#admin-view .notifications-shell{
  gap:18px;
}

#admin-view .notifications-controls-card{
  background:#FFFFFF;
}

#admin-view .notifications-hero-note,
#admin-view .notifications-status-banner,
#admin-view .clients-filter-banner,
#admin-view .account-note,
#admin-view .howto-tip,
#admin-view .howto-warn{
  background:#F6F9FF;
  border:1px solid #D6E3FB;
  border-radius:10px;
  color:var(--bladezy-text);
}

#admin-view .notification-channel-badge.is-on,
#admin-view[data-admin-theme="dark"] .notification-channel-badge.is-on{
  background:var(--bladezy-blue-ramp-soft);
  border-color:var(--bladezy-blue-ramp-mid);
  color:var(--bladezy-ui-blue);
}

#admin-view .photo-slot-grid{
  gap:18px;
}

#admin-view .photos-runtime-intro,
#admin-view .photos-runtime-note,
#admin-view .photos-inline-note{
  background:#F6F9FF;
  border:1px solid #D6E3FB;
  color:var(--bladezy-text);
  margin:0;
}

#admin-view .photos-storage-wrap{
  display:grid;
  gap:14px;
  margin-bottom:24px;
}

#admin-view .storage-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  padding:12px 16px;
  background:var(--b-bg, #F0F4FF);
  border:1px solid var(--b-border, #DBEAFE);
  border-radius:10px;
}

#admin-view .storage-left{
  display:flex;
  align-items:center;
  gap:12px;
}

#admin-view .storage-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#F59E0B;
  flex-shrink:0;
}

#admin-view .storage-dot.is-ready{
  background:#16A34A;
}

#admin-view .storage-title{
  font-size:13px;
  font-weight:600;
  color:var(--bladezy-text);
}

#admin-view .storage-sub{
  margin-top:2px;
  font-size:11px;
  color:var(--bladezy-text-muted);
}

#admin-view .storage-stats{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

#admin-view .storage-stat{
  text-align:center;
}

#admin-view .storage-stat-val{
  font-size:16px;
  font-weight:600;
  color:var(--bladezy-text);
}

#admin-view .storage-stat-lbl{
  margin-top:2px;
  font-size:10px;
  color:var(--bladezy-text-muted);
}

#admin-view .warn-pill{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:10px;
  background:#FFFBEB;
  border:1px solid #FDE68A;
  color:#92400E;
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
}

#admin-view .warn-pill.is-ready{
  background:#F0FDF4;
  border-color:#DCFCE7;
  color:#14532D;
}

#admin-view .photos-section{
  display:grid;
  gap:10px;
  margin-bottom:16px;
}

#admin-view .ph-sec-hdr{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-top:0;
  margin-bottom:10px;
}

#admin-view .ph-sec-title{
  font-size:14px;
  font-weight:600;
  color:var(--bladezy-text);
}

#admin-view .ph-sec-desc{
  margin-top:2px;
  font-size:12px;
  line-height:1.6;
  color:var(--bladezy-text-muted);
  max-width:760px;
}

#admin-view .ph-sec-badge{
  display:inline-flex;
  align-items:center;
  padding:3px 8px;
  border-radius:8px;
  border:1px solid var(--b-border, #DBEAFE);
  background:var(--b-bg, #F0F4FF);
  color:var(--bladezy-text-muted);
  font-size:11px;
  white-space:nowrap;
}

#admin-view .photo-grid-hero{
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
  gap:12px;
  align-items:start;
}

#admin-view .photo-grid-hero-main{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  width:200px;
  max-width:200px;
}

#admin-view .photo-grid-hero-side{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  min-width:0;
}

#admin-view .ph-grid-4{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

#admin-view .ph-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

#admin-view .ph-grid-2,
#admin-view .photo-grid-template{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

#admin-view .photo-slot{
  overflow:hidden;
  background:var(--bladezy-surface);
  border-radius:10px;
  box-shadow:none;
}

#admin-view .photo-card.filled{
  border:1px solid var(--b-border-strong, #BFDBFE);
}

#admin-view .photo-card.empty{
  border:1px dashed var(--b-border, #DBEAFE);
}

#admin-view .photo-slot-img,
#admin-view .photo-slot-ph{
  height:120px;
  background:#F4F8FF;
}

#admin-view #hero-photo-grid .photo-slot-img,
#admin-view #hero-photo-grid .photo-slot-ph{
  height:130px;
}

#admin-view .photo-slot-img{
  width:100%;
  object-fit:cover;
  display:block;
}

#admin-view .photo-thumb-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--bladezy-text-muted);
  font-size:24px;
}

#admin-view .photo-slot-info{
  padding:10px 12px;
}

#admin-view .photo-slot-name{
  color:var(--bladezy-text);
  font-family:var(--bladezy-font-ui);
  font-size:12px;
  font-weight:600;
  letter-spacing:-.01em;
  text-transform:none;
}

#admin-view .photo-slot-desc{
  color:var(--bladezy-text-muted);
  font-size:11px;
  margin-top:2px;
}

#admin-view .photo-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:8px;
}

#admin-view .photo-actions .btn{
  min-height:28px;
}

#admin-view .photo-actions .btn.btn-sm{
  background:var(--bladezy-surface);
  color:var(--bladezy-text);
  border:1px solid var(--b-border, #DBEAFE);
}

#admin-view .photo-actions .btn.btn-primary.btn-sm{
  background:#2563EB;
  color:#FFFFFF;
  border-color:transparent;
}

#admin-view .photo-actions .btn.btn-danger.btn-sm{
  background:#FEF2F2;
  color:#991B1B;
  border:none;
}

@media (max-width:1100px){
  #admin-view .ph-grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #admin-view .ph-grid-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #admin-view .photo-grid-hero{
    grid-template-columns:minmax(0,1fr);
  }

  #admin-view .photo-grid-hero-side{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  #admin-view .ph-sec-hdr,
  #admin-view .storage-bar{
    align-items:flex-start;
  }

  #admin-view .ph-grid-4,
  #admin-view .ph-grid-3,
  #admin-view .ph-grid-2,
  #admin-view .photo-grid-template,
  #admin-view .photo-grid-hero-side{
    grid-template-columns:1fr;
  }
}

#admin-view .service-color-swatch{
  border-color:#D5E0F4;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.88);
}

#admin-view .service-color-swatch.is-active{
  border-color:#8FB0FB;
  box-shadow:0 0 0 4px rgba(37,99,235,.12), inset 0 0 0 1px rgba(255,255,255,.9);
}

#admin-view .barber-management-actions,
#admin-view .client-intel-action-row,
#admin-view .notifications-hero-actions,
#admin-view .notification-test-actions,
#admin-view .deployment-ops-actions{
  gap:10px;
}

#admin-view .barber-management-table tbody tr.is-selected td{
  background:#EEF4FF;
}

#admin-view .barber-management-table tbody tr.is-selected td:first-child{
  box-shadow:inset 4px 0 0 var(--bladezy-ui-blue);
}

#admin-view .barber-management-table tbody tr:hover td{
  background:#F8FAFF;
}

#admin-view .barber-status-badge.active{
  background:var(--bladezy-green-ramp-soft);
  border-color:var(--bladezy-ai-green-border);
  color:#14532D;
}

#admin-view .barber-status-badge.inactive{
  background:#F4F6FA;
  border-color:#D8DFEA;
  color:#6D7789;
}

#admin-view .barber-status-badge.paid{
  background:#E8F7ED;
  border-color:#BFE3CB;
  color:var(--bladezy-ai-green);
}

#admin-view .barber-status-badge.due-soon{
  background:#EFF4FF;
  border-color:#D4E2FD;
  color:#486790;
}

#admin-view .barber-status-badge.late{
  background:#FFF1F1;
  border-color:#F6CCCC;
  color:#CC3F3F;
}

#admin-view .shop-intel,
#admin-view .barber-dashboard-card,
#admin-view .metric-hero,
#admin-view .bladezy-insight-card,
#admin-view .owner-opportunity-card{
  border-radius:10px;
}

#admin-view .bladezy-insight-card{
  background:#FFFFFF;
}

#admin-view .bladezy-insight-icon,
#admin-view[data-admin-theme="dark"] .bladezy-insight-icon{
  background:rgba(22,163,74,.10);
  border:1px solid rgba(22,163,74,.18);
  color:var(--bladezy-ai-green);
}

#admin-view .bladezy-insight-title,
#admin-view .shop-intel-hint{
  color:#137A38;
}

#dashboard-owner-view .owner-opportunity-badge.growth,
#dashboard-owner-view .owner-opportunity-badge.positive,
#dashboard-owner-view .owner-opportunity-badge.financial{
  background:#F0FDF4;
  color:#14532D;
}

#dashboard-owner-view .owner-opportunity-badge.info{
  background:#EFF6FF;
  color:#1E40AF;
}

#dashboard-owner-view .owner-opportunity-badge.warning,
#dashboard-owner-view .owner-opportunity-badge.opportunity,
#dashboard-owner-view .owner-opportunity-badge.due-soon{
  background:#FFFBEB;
  color:#92400E;
}

#dashboard-owner-view .owner-opportunity-badge.critical{
  background:#FEF2F2;
  color:#991B1B;
}

#admin-view .dashboard-section-nav-wrap{
  box-shadow:none;
  border-bottom:1px solid var(--bladezy-border);
}

#admin-view .dashboard-section-nav{
  gap:18px;
}

#admin-view .dashboard-section-link{
  min-height:32px;
  padding:6px 2px 10px;
  font-family:var(--bladezy-font-ui);
  font-size:12px;
  font-weight:500;
}

#admin-view .dashboard-section-link.active{
  border-bottom:2px solid var(--bladezy-ui-blue);
  color:var(--bladezy-ui-blue);
  font-weight:600;
}

#admin-view .notifications-master-title{
  font-size:12px;
  font-weight:600;
}

#admin-view .notifications-master-sub,
#admin-view .notifications-group-copy,
#admin-view .notifications-token-copy{
  font-size:11px;
}

#admin-view .notifications-master-row,
#admin-view .notification-card,
#admin-view .notification-template-block,
#admin-view .notification-preview-block{
  border-radius:10px;
}

#admin-view .client-intel-status.high{
  background:#FFF1F1;
  border-color:#F6CCCC;
  color:#CC3F3F;
}

#admin-view .client-intel-status.medium{
  background:#FFF4E8;
  border-color:#F2D7BC;
  color:#B26A24;
}

#admin-view .client-intel-status.low{
  background:#E8F7ED;
  border-color:#BFE3CB;
  color:var(--bladezy-ai-green);
}

#admin-view .client-intel-value-tier.vip{
  background:#EFF4FF;
  border-color:#D4E2FD;
  color:#345B91;
}

#admin-view .client-intel-value-tier.high{
  background:#E8F7ED;
  border-color:#BFE3CB;
  color:var(--bladezy-ai-green);
}

#admin-view .client-intel-value-tier.emerging{
  background:#FFF4E8;
  border-color:#F2D7BC;
  color:#B26A24;
}

#admin-view .client-intel-value-tier.standard{
  background:#F4F6FA;
  border-color:#D8DFEA;
  color:#69788F;
}

#admin-view .mini-chart-plot{
  border-bottom:1px solid #E4ECFA;
  background-image:linear-gradient(to top, rgba(116,137,176,.10) 1px, transparent 1px);
}

#admin-view .mini-chart-bar-fill{
  background:#8EB1F8;
}

#admin-view .mini-chart-bar.is-highlight .mini-chart-bar-fill,
#admin-view .mini-chart-bar:hover .mini-chart-bar-fill{
  background:var(--bladezy-ui-blue);
}

#admin-view .mini-chart-tooltip{
  background:#FFFFFF;
  border:1px solid var(--bladezy-border);
}

#admin-view .business-intelligence-shell{
  display:flex;
  flex-direction:column;
  gap:18px;
}

#admin-view .business-intelligence-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:4px 0 2px;
}

#admin-view .business-intelligence-head-copy{
  display:flex;
  flex-direction:column;
  gap:6px;
  max-width:760px;
}

#admin-view .business-intelligence-kicker,
#admin-view .business-intelligence-panel-kicker{
  color:var(--bladezy-ui-blue);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#admin-view .business-intelligence-title{
  margin:0;
  color:var(--bladezy-heading);
  font-size:28px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.03em;
}

#admin-view .business-intelligence-subtitle,
#admin-view .business-intelligence-panel-note{
  margin:0;
  color:var(--bladezy-muted);
  font-size:13px;
  line-height:1.6;
}

#admin-view .business-intelligence-head-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

#admin-view .business-intelligence-periods{
  display:flex;
  align-items:center;
  gap:8px;
  padding:4px;
  background:#FFFFFF;
  border:1px solid var(--bladezy-border);
  border-radius:999px;
  box-shadow:var(--bladezy-shadow-sm);
}

#admin-view .business-intelligence-period{
  min-height:34px;
  padding:0 14px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#60708C;
  font-family:var(--bladezy-font-ui);
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}

#admin-view .business-intelligence-period.active{
  background:var(--bladezy-ui-blue);
  color:#FFFFFF;
}

#admin-view .business-intelligence-tabs{
  display:flex;
  align-items:center;
  gap:20px;
  overflow:auto;
  padding:0 0 2px;
  border-bottom:1px solid var(--bladezy-border);
}

#admin-view .business-intelligence-tab{
  min-height:36px;
  padding:4px 0 10px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:#66758F;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
  cursor:pointer;
}

#admin-view .business-intelligence-tab.active{
  color:var(--bladezy-ui-blue);
  border-bottom-color:var(--bladezy-ui-blue);
}

#admin-view .business-intelligence-panel{
  display:none;
  flex-direction:column;
  gap:16px;
}

#admin-view .business-intelligence-panel.active{
  display:flex;
}

#admin-view .business-intelligence-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

#admin-view .business-intelligence-kpi-card{
  padding:18px;
  background:#FFFFFF;
  border:1px solid var(--bladezy-border);
  border-radius:18px;
  box-shadow:var(--bladezy-shadow-sm);
}

#admin-view .business-intelligence-kpi-card-money{
  border-color:#BFE3CB;
}

#admin-view .business-intelligence-kpi-card-warning{
  border-color:#F2D7BC;
}

#admin-view .business-intelligence-kpi-card-ai{
  border-color:#BFE3CB;
  background:linear-gradient(180deg,#FFFFFF 0%,#F3FBF5 100%);
}

#admin-view .business-intelligence-kpi-label{
  color:#6A7891;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

#admin-view .business-intelligence-kpi-value{
  margin-top:8px;
  color:var(--bladezy-heading);
  font-size:28px;
  font-weight:700;
  letter-spacing:-.03em;
}

#admin-view .business-intelligence-kpi-sub{
  margin-top:6px;
  color:#73839D;
  font-size:12px;
  line-height:1.5;
}

#dashboard-owner-view #client-intelligence > .intel-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

#dashboard-owner-view #client-intelligence > .intel-grid-3 > .stat-card.shop-intel{
  padding:18px;
  background:#FFFFFF;
  border:1px solid var(--bladezy-border);
  border-radius:18px;
  box-shadow:var(--bladezy-shadow-sm);
}

#dashboard-owner-view #client-intelligence > .intel-grid-3 > .stat-card.shop-intel .stat-card-label{
  color:#6A7891;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

#dashboard-owner-view #client-intelligence > .intel-grid-3 > .stat-card.shop-intel .stat-card-value{
  margin-top:8px;
  font-size:28px;
  letter-spacing:-.03em;
}

#dashboard-owner-view #client-intelligence > .intel-grid-3 > .stat-card.shop-intel .stat-card-sub{
  margin-top:6px;
  color:#73839D;
  font-size:12px;
  line-height:1.5;
}

#admin-view .business-intelligence-ai-panel,
#admin-view .business-intelligence-card{
  padding:18px;
  background:#FFFFFF;
  border:1px solid var(--bladezy-border);
  border-radius:18px;
  box-shadow:var(--bladezy-shadow-sm);
}

#admin-view #biw-bladezy-insights-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

#admin-view .business-intelligence-ai-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:10px 11px;
  background:#FFFFFF;
  border:1px solid #D9E4F6;
  border-radius:12px;
  min-height:0;
}

#admin-view .business-intelligence-ai-card-top{
  display:flex;
  align-items:flex-start;
  gap:8px;
}

#admin-view .business-intelligence-ai-card-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background:#E8F7ED;
  color:var(--bladezy-ai-green);
  font-size:9px;
  font-weight:700;
  flex-shrink:0;
}

#admin-view .business-intelligence-ai-card-meta{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

#admin-view .business-intelligence-ai-card-badge{
  color:var(--bladezy-ai-green);
  font-size:9px;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
  line-height:1.1;
}

#admin-view .business-intelligence-ai-card-title{
  color:var(--bladezy-heading);
  font-size:12px;
  font-weight:700;
  line-height:1.25;
}

#admin-view .business-intelligence-ai-card-copy{
  color:#6F7F98;
  font-size:11px;
  line-height:1.45;
}

#admin-view .business-intelligence-ai-card-footer{
  display:flex;
  align-items:center;
  margin-top:auto;
}

#admin-view .business-intelligence-ai-card-action{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:26px;
  padding:0 9px;
  border:1px solid #D9E4F6;
  border-radius:999px;
  background:#F8FBFF;
  color:#2563EB;
  font-size:10px;
  font-weight:700;
  line-height:1;
}

#admin-view .business-intelligence-ai-card-action:hover{
  background:#EDF4FF;
  border-color:#B9CDF3;
}

#admin-view .business-intelligence-panel-head,
#admin-view .business-intelligence-card-head{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:14px;
}

#admin-view .business-intelligence-panel-head-spread{
  flex-direction:row;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

#admin-view .business-intelligence-panel-title,
#admin-view .business-intelligence-card-title{
  color:var(--bladezy-heading);
  font-size:18px;
  font-weight:700;
  letter-spacing:-.02em;
}

#admin-view .business-intelligence-card-title-small{
  margin-bottom:10px;
  font-size:14px;
}

#admin-view .business-intelligence-card-subtitle{
  color:#71809A;
  font-size:12px;
  line-height:1.6;
}

#admin-view .business-intelligence-grid{
  display:grid;
  gap:14px;
}

#admin-view .business-intelligence-grid-two{
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
}

#admin-view .business-intelligence-grid-two-tight{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

#admin-view .business-intelligence-insight-stack,
#admin-view .business-intelligence-clients-stack,
#admin-view .business-intelligence-notification-groups,
#admin-view .business-intelligence-opportunity-groups{
  display:flex;
  flex-direction:column;
  gap:14px;
}

#admin-view .business-intelligence-heatmap-labels,
#admin-view .business-intelligence-heatmap-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
}

#admin-view .business-intelligence-heatmap-labels span{
  color:#77859E;
  font-size:10px;
  text-align:center;
  text-transform:uppercase;
}

#admin-view .business-intelligence-heatmap-cell{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  border-radius:10px;
  color:#14532D;
  font-size:12px;
  font-weight:700;
}

#admin-view .business-intelligence-trend-row,
#admin-view .business-intelligence-metric-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid #E7EDF7;
  color:#65758E;
  font-size:12px;
}

#admin-view .business-intelligence-trend-row:last-child,
#admin-view .business-intelligence-metric-row:last-child{
  border-bottom:0;
}

#admin-view .business-intelligence-trend-row strong,
#admin-view .business-intelligence-metric-row strong{
  color:var(--bladezy-heading);
  font-size:13px;
  font-weight:700;
}

#admin-view .business-intelligence-metric-bar{
  height:8px;
  overflow:hidden;
  background:#E7EDF7;
  border-radius:999px;
}

#admin-view .business-intelligence-metric-fill{
  height:100%;
  background:var(--bladezy-ui-blue);
  border-radius:999px;
}

#admin-view .business-intelligence-queue-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

#admin-view .business-intelligence-queue-item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  background:#F8FAFF;
  border:1px solid #DDE8F8;
  border-radius:14px;
}

#admin-view .business-intelligence-queue-main{
  display:flex;
  flex-direction:column;
  gap:4px;
}

#admin-view .business-intelligence-queue-title{
  color:var(--bladezy-heading);
  font-size:14px;
  font-weight:700;
}

#admin-view .business-intelligence-queue-copy{
  color:#6D7D96;
  font-size:12px;
  line-height:1.6;
}

#admin-view .business-intelligence-queue-side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}

#admin-view .business-intelligence-queue-count,
#admin-view .business-intelligence-staff-value{
  color:var(--bladezy-heading);
  font-size:22px;
  font-weight:700;
  letter-spacing:-.03em;
}

#admin-view .business-intelligence-staff-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

#admin-view .business-intelligence-staff-card{
  padding:16px;
  background:#FFFFFF;
  border:1px solid var(--bladezy-border);
  border-radius:16px;
  box-shadow:var(--bladezy-shadow-sm);
  text-align:center;
}

#admin-view .business-intelligence-staff-label{
  margin-top:6px;
  color:#73839D;
  font-size:11px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}

#admin-view .business-intelligence-toggle-group{
  display:flex;
  flex-direction:column;
  gap:0;
}

#admin-view .business-intelligence-toggle-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:12px 0;
  border-bottom:1px solid #E7EDF7;
}

#admin-view .business-intelligence-toggle-row:last-child{
  border-bottom:0;
}

#admin-view .business-intelligence-toggle-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}

#admin-view .business-intelligence-toggle-title{
  color:var(--bladezy-heading);
  font-size:13px;
  font-weight:700;
}

#admin-view .business-intelligence-toggle-sub,
#admin-view .business-intelligence-empty{
  color:#6F7F98;
  font-size:12px;
  line-height:1.6;
}

#admin-view .business-intelligence-clients-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:6px;
}

#admin-view .business-intelligence-doughnut-wrap{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:16px;
  align-items:center;
}

#admin-view .business-intelligence-doughnut{
  position:relative;
  width:160px;
  height:160px;
  border-radius:50%;
}

#admin-view .business-intelligence-doughnut::after{
  content:"";
  position:absolute;
  inset:24px;
  border-radius:50%;
  background:#FFFFFF;
}

#admin-view .business-intelligence-doughnut-center{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:var(--bladezy-heading);
}

#admin-view .business-intelligence-doughnut-center strong{
  font-size:24px;
  font-weight:700;
  letter-spacing:-.03em;
}

#admin-view .business-intelligence-doughnut-center span{
  color:#73839D;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
}

#admin-view .business-intelligence-doughnut-legend{
  display:flex;
  flex-direction:column;
  gap:8px;
}

#admin-view .business-intelligence-doughnut-legend-row{
  display:grid;
  grid-template-columns:12px 1fr auto;
  gap:10px;
  align-items:center;
  color:#6F7F98;
  font-size:12px;
}

#admin-view .business-intelligence-doughnut-swatch{
  width:10px;
  height:10px;
  border-radius:50%;
}

#admin-view .business-intelligence-doughnut-label{
  color:var(--bladezy-heading);
}

#admin-view .business-intelligence-revenue-chart{
  display:flex;
  flex-direction:column;
  gap:14px;
}

#admin-view .business-intelligence-chart-wrap{
  position:relative;
  min-height:260px;
}

#admin-view .business-intelligence-chart-wrap canvas{
  width:100% !important;
  height:260px !important;
}

#admin-view .business-intelligence-revenue-bars{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:10px;
  align-items:end;
  min-height:220px;
  padding-top:12px;
}

#admin-view .business-intelligence-revenue-week{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  min-height:220px;
}

#admin-view .business-intelligence-revenue-bar-cluster{
  display:grid;
  grid-template-columns:repeat(2, 14px);
  gap:6px;
  align-items:end;
  flex:1;
  min-height:180px;
}

#admin-view .business-intelligence-revenue-bar{
  align-self:end;
  width:14px;
  min-height:4px;
  border-radius:6px 6px 0 0;
}

#admin-view .business-intelligence-revenue-bar-potential{
  background:#DCFCE7;
}

#admin-view .business-intelligence-revenue-bar-collected{
  background:var(--bladezy-ai-green);
}

#admin-view .business-intelligence-revenue-week-label{
  color:#73839D;
  font-size:11px;
  font-weight:600;
}

#admin-view .business-intelligence-clients-retention-meta{
  margin-top:14px;
}

#admin-view .business-intelligence-divider{
  height:1px;
  margin:14px 0;
  background:#E7EDF7;
}

#admin-view .business-intelligence-comparison-chart{
  display:flex;
  flex-direction:column;
  gap:12px;
}

#admin-view .business-intelligence-comparison-legend{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  color:#73839D;
  font-size:11px;
  font-weight:600;
}

#admin-view .business-intelligence-comparison-legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

#admin-view .business-intelligence-comparison-dot{
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:3px;
}

#admin-view .business-intelligence-comparison-dot-primary,
#admin-view .business-intelligence-comparison-fill-primary{
  background:var(--bladezy-green-soft-strong, #DCFCE7);
}

#admin-view .business-intelligence-comparison-dot-secondary,
#admin-view .business-intelligence-comparison-fill-secondary{
  background:var(--bladezy-ai-green);
}

#admin-view .business-intelligence-comparison-row{
  display:grid;
  grid-template-columns:68px 1fr 92px;
  gap:12px;
  align-items:center;
}

#admin-view .business-intelligence-comparison-label{
  color:#73839D;
  font-size:11px;
  font-weight:600;
}

#admin-view .business-intelligence-comparison-bars{
  display:flex;
  flex-direction:column;
  gap:6px;
}

#admin-view .business-intelligence-comparison-bar{
  height:8px;
  overflow:hidden;
  background:#E7EDF7;
  border-radius:999px;
}

#admin-view .business-intelligence-comparison-fill{
  height:100%;
  min-width:6px;
  border-radius:999px;
}

#admin-view .business-intelligence-comparison-values{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
  color:var(--bladezy-heading);
  font-size:11px;
  font-weight:700;
}

#admin-view .business-intelligence-performance-bars{
  display:flex;
  flex-direction:column;
  gap:6px;
}

#admin-view .business-intelligence-performance-row{
  display:grid;
  grid-template-columns:62px 1fr 34px;
  gap:8px;
  align-items:center;
  color:#6D7D96;
  font-size:10px;
  font-weight:600;
}

#admin-view .business-intelligence-performance-track{
  height:6px;
  overflow:hidden;
  background:#E7EDF7;
  border-radius:999px;
}

#admin-view .business-intelligence-performance-fill{
  height:100%;
  border-radius:999px;
}

#admin-view .business-intelligence-performance-fill-green{
  background:var(--bladezy-ai-green);
}

#admin-view .business-intelligence-performance-fill-blue{
  background:var(--bladezy-ui-blue);
}

#admin-view .client-profile-grid{
  gap:16px;
}

#admin-view .client-profile-box{
  background:#F8FAFF;
  border:1px solid var(--bladezy-border);
  border-radius:16px;
  min-height:88px;
  padding:14px 16px;
}

#admin-view #reviews-list .action-btn.danger{
  background:#FFF1F1;
  border-color:#F3C9C9;
  color:#C24141;
}

#admin-view #reviews-list .action-btn.danger:hover{
  background:#FEE7E7;
}

#admin-view .account-identity-card{
  background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFF 100%);
  border:1px solid #D7E2F6;
  border-radius:22px;
  box-shadow:var(--bladezy-shadow-sm);
}

#admin-view .account-identity-eyebrow{
  color:var(--bladezy-ui-blue);
  font-family:var(--bladezy-font-ui);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
}

#admin-view .howto-card,
#admin-view .howto-secret-box{
  padding:20px;
}

#admin-view .howto-card-title{
  color:var(--bladezy-heading);
  font-family:var(--bladezy-font-ui);
  font-size:16px;
  font-weight:700;
  letter-spacing:-.01em;
  text-transform:none;
}

#admin-view .schedule-ops-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

#admin-view .schedule-shell{
  display:grid;
  gap:16px;
}

#admin-view .schedule-ops-card{
  min-height:116px;
  position:relative;
  overflow:hidden;
  background:#FFFFFF;
  border:1px solid #DBEAFE;
  border-radius:10px;
  padding:16px 18px;
  box-shadow:none;
}

#admin-view .schedule-ops-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:#2563EB;
}

#admin-view .schedule-ops-card:nth-child(3)::before{
  background:#DC2626;
}

#admin-view .schedule-ops-card .stat-card-label{
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--b-text-muted, #64748B);
}

#admin-view .schedule-ops-value{
  color:var(--bladezy-heading);
  font-size:24px;
  font-weight:800;
  letter-spacing:-.03em;
}

#admin-view .schedule-ops-card:nth-child(3) .schedule-ops-value{
  color:#C24141;
}

#admin-view .schedule-ops-card:nth-child(3) .schedule-ops-meta{
  color:#9A5B5B;
}

#admin-view #atab-schedule .schedule-table-card{
  background:#FFFFFF;
  border:1px solid #DBEAFE;
  border-radius:10px;
  overflow:hidden;
  box-shadow:none;
}

#admin-view #atab-schedule .schedule-table-card .admin-card-header,
#admin-view #atab-schedule .schedule-table-card .admin-table-header{
  background:var(--b-bg, #F0F4FF);
  border-bottom:1px solid var(--b-border, #DBEAFE);
  padding:14px 16px;
}

#admin-view #atab-schedule .schedule-table-card .admin-card-title,
#admin-view #atab-schedule .schedule-table-card .admin-table-title{
  color:var(--bladezy-heading);
  font-size:11px;
  font-weight:700;
  letter-spacing:.07em;
}

#admin-view #atab-schedule .schedule-table-card table{
  background:var(--b-surface, #FFFFFF);
}

#admin-view #atab-schedule .schedule-table-card thead th{
  background:#F0F4FF;
  color:#6B7280;
  border-bottom:1px solid var(--b-border, #DBEAFE);
  padding:8px 12px;
  font-size:10px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
}

#admin-view #atab-schedule .schedule-table-card tbody td{
  border-bottom:1px solid var(--b-border, #DBEAFE);
  color:var(--bladezy-text);
  background:#FFFFFF;
}

#admin-view #atab-schedule .schedule-table-card tbody tr:last-child td{
  border-bottom:none;
}

#admin-view #atab-schedule .today-schedule-footer{
  background:var(--b-bg, #F0F4FF);
  border-top:1px solid var(--b-border, #DBEAFE);
}

#admin-view #atab-schedule .today-schedule-footer-item{
  color:var(--bladezy-text-secondary);
}

#admin-view #atab-schedule .today-schedule-footer-item strong{
  color:var(--bladezy-heading);
  font-size:11px;
  letter-spacing:.07em;
  font-weight:600;
}

#admin-view #atab-schedule .today-schedule-footer-item:nth-child(1) strong{
  color:#16A34A;
}

#admin-view #atab-schedule .today-schedule-footer-item:nth-child(2) strong{
  color:#2563EB;
}

#admin-view #atab-schedule .today-schedule-footer-item:nth-child(3) strong{
  color:#DC2626;
}

#admin-view #atab-schedule .today-schedule-footer-item:nth-child(4) strong{
  color:#D97706;
}

#admin-view #atab-schedule .customer-link{
  color:var(--bladezy-heading);
  border-bottom:1px dotted #BFDBFE;
}

#admin-view #atab-schedule .customer-link:hover{
  color:var(--bladezy-ui-blue);
  border-bottom-color:#2563EB;
}

#admin-view #atab-schedule .service-cell-label{
  color:var(--bladezy-text);
}

#admin-view #atab-schedule .service-accent-row td:first-child{
  box-shadow:inset 3px 0 0 var(--service-color);
  background-image:linear-gradient(90deg,var(--service-color-soft),transparent 32px);
}

#admin-view #atab-schedule .pay-chip{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  border:none;
  font-size:10px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}

#admin-view #atab-schedule .pay-chip.paid{
  background:var(--b-green-soft, #F0FDF4);
  color:var(--b-green-text, #14532D);
}

#admin-view #atab-schedule .pay-chip.partial{
  background:var(--b-amber-soft, #FFFBEB);
  color:var(--b-amber-text, #92400E);
}

#admin-view #atab-schedule .pay-chip.unpaid{
  background:var(--b-red-soft, #FEF2F2);
  color:var(--b-red-text, #991B1B);
}

#admin-view #atab-schedule .pay-chip.cancelled{
  background:#F9FAFB;
  color:var(--b-text-muted, #64748B);
}

#admin-view #atab-schedule .badge{
  border:none;
}

#admin-view #atab-schedule .badge-confirmed{
  background:var(--b-green-soft, #F0FDF4);
  color:var(--b-green-text, #14532D);
}

#admin-view #atab-schedule .badge-pending{
  background:var(--b-blue-soft, #EFF6FF);
  color:var(--b-blue-text, #2563EB);
}

#admin-view #atab-schedule .badge-completed{
  background:var(--b-blue-soft, #EFF6FF);
  color:var(--b-blue-text, #2563EB);
}

#admin-view #atab-schedule .badge-cancelled{
  background:#F9FAFB;
  color:var(--b-text-muted, #64748B);
}

#admin-view #atab-schedule .badge-no-show{
  background:var(--b-amber-soft, #FFFBEB);
  color:var(--b-amber-text, #92400E);
}

#admin-view #atab-schedule .action-btn{
  min-height:30px;
  padding:6px 10px;
  border-radius:8px;
  border:1px solid var(--b-border, #DBEAFE);
  background:#FFFFFF;
  color:var(--bladezy-text);
  font-size:10px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}

#admin-view #atab-schedule .action-btn:hover{
  background:var(--b-bg, #F0F4FF);
  border-color:#BFDBFE;
  color:var(--bladezy-heading);
}

#admin-view #atab-schedule .action-btn.danger{
  background:var(--b-red-soft, #FEF2F2);
  color:var(--b-red-text, #991B1B);
  border:none;
}

#admin-view #atab-schedule .schedule-actions-bar{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin:0;
}

@media (max-width:1100px){
  #admin-view .schedule-ops-strip{
    grid-template-columns:1fr;
  }
}

/* Public/customer consistency pass */

#main-view,
#booking-view,
#customer-manage-view{
  font-family:var(--bladezy-font-ui);
}

#main-view nav,
#booking-view nav,
#customer-manage-view nav{
  backdrop-filter:blur(14px);
}

.nav-logo,
.nav-links a,
.nav-owner-link,
.mobile-owner-link,
.nav-book,
.btn-primary,
.btn-outline,
.btn-dark,
.section-label,
.hero-eyebrow,
.booking-panel-title,
.step-label,
.date-picker-label{
  font-family:var(--bladezy-font-ui);
}

.nav-logo{
  letter-spacing:-.02em;
}

.nav-links a,
.nav-owner-link,
.mobile-owner-link,
.nav-book,
.btn-primary,
.btn-outline,
.btn-dark,
.section-label,
.hero-eyebrow,
.booking-panel-title,
.step-label{
  text-transform:none;
  letter-spacing:-.01em;
  font-weight:600;
}

.btn-primary,
.btn-outline,
.btn-dark,
.nav-book{
  border-radius:6px;
}

.service-card,
.book-service-card,
.home-barber-card,
.confirm-card{
  border-radius:10px;
  overflow:hidden;
}

.service-card-body,
.home-barber-body{
  padding:20px;
}

.service-card-copy,
.home-barber-sub,
.section-sub,
.hero-sub{
  line-height:1.7;
}

.booking-header{
  max-width:920px;
}

.booking-panel{
  border-radius:14px;
  box-shadow:0 1px 3px rgba(8,15,25,.08), 0 1px 2px rgba(8,15,25,.05);
}

.booking-steps{
  gap:14px;
}

.step-num{
  border-radius:999px;
}

.about-img-wrap{
  border-radius:14px;
}

.gallery-img,
.gallery-placeholder{
  border-radius:10px;
}

.appointments-shell,
.services-shell,
.notifications-automation-shell{
  display:grid;
  gap:16px;
}

.appointments-page-head,
.account-settings-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:16px;
}

.page-eyebrow{
  font-size:11px;
  line-height:1.4;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--bladezy-text-muted);
  margin-bottom:6px;
}

.page-title{
  font-size:20px;
  line-height:1.25;
  font-weight:700;
  color:var(--bladezy-heading);
  margin-bottom:6px;
}

.page-subtitle{
  font-size:13px;
  line-height:1.6;
  color:var(--bladezy-text-secondary);
  max-width:760px;
}

.appointments-summary-strip{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}

.appointment-summary-card{
  background:var(--bladezy-surface);
  border:1px solid var(--b-border, #DBEAFE);
  border-radius:var(--bladezy-radius-md);
  min-height:108px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  overflow:hidden;
}

.appointment-summary-top{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:var(--b-border, #DBEAFE);
}

.appointment-summary-card[data-tone="all"] .appointment-summary-top{ background:var(--b-blue, #2563EB); }
.appointment-summary-card[data-tone="pending"] .appointment-summary-top{ background:#93C5FD; }
.appointment-summary-card[data-tone="confirmed"] .appointment-summary-top{ background:var(--b-green, #16A34A); }
.appointment-summary-card[data-tone="unpaid"] .appointment-summary-top{ background:var(--b-red, #DC2626); }
.appointment-summary-card[data-tone="warning"] .appointment-summary-top{ background:var(--b-amber, #D97706); }
.appointment-summary-card[data-tone="cancelled"] .appointment-summary-top{ background:#9CA3AF; }
.appointment-summary-card.active{
  border:2px solid var(--b-blue, #2563EB);
  background:var(--b-blue-soft, #EFF6FF);
  box-shadow:var(--bladezy-shadow-sm);
}

.appointment-summary-card.active[data-tone="confirmed"]{
  border-color:#16A34A;
  background:#F0FDF4;
}

.appointment-summary-card.active[data-tone="unpaid"]{
  border-color:#DC2626;
  background:#FEF2F2;
}

.appointment-summary-card.active[data-tone="warning"]{
  border-color:#D97706;
  background:#FFFBEB;
}

.appointment-summary-card.active[data-tone="cancelled"]{
  border-color:#9CA3AF;
  background:#F9FAFB;
}

.appointment-summary-label,
.appointment-summary-count,
.appointment-summary-sub{
  padding:0 14px;
}

.appointment-summary-count{
  padding-top:12px;
  font-size:28px;
  line-height:1;
  font-weight:700;
  color:var(--bladezy-heading);
}

.appointment-summary-card[data-tone="confirmed"] .appointment-summary-count{ color:var(--b-green-text, #14532D); }
.appointment-summary-card[data-tone="warning"] .appointment-summary-count{ color:var(--b-amber-text, #92400E); }
.appointment-summary-card[data-tone="unpaid"] .appointment-summary-count{ color:var(--b-red-text, #991B1B); }
.appointment-summary-card[data-tone="cancelled"] .appointment-summary-count{ color:var(--b-text-muted, #64748B); }

.appointment-summary-label{
  padding-top:10px;
  font-size:12px;
  font-weight:600;
  color:var(--bladezy-heading);
}

.appointment-summary-sub{
  padding-top:4px;
  padding-bottom:14px;
  font-size:11px;
  color:var(--bladezy-text-muted);
}

.appointments-toolbar-card .admin-card-body{ padding:16px; }

.appointments-toolbar,
.appointments-toolbar-filters,
.appointment-card-top,
.appointment-card-badges,
.appointment-card-service-row,
.appointment-card-actions,
.service-menu-row-head,
.service-menu-row-actions,
.services-buffer-controls,
.services-menu-actions,
.account-settings-tabs,
.notifications-stage-tabs,
.notification-channel-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.appointments-toolbar{
  justify-content:space-between;
  gap:8px;
  margin-bottom:16px;
}

.appointments-toolbar-search{
  flex:1 1 280px;
  min-width:220px;
}

.appointments-toolbar-filters{
  flex-wrap:nowrap;
}

.appointments-toolbar input,
.appointments-toolbar select{
  min-height:36px;
  font-size:12px;
  padding:6px 10px;
  border:1px solid var(--b-border, #DBEAFE);
  border-radius:6px;
  background:var(--b-surface, #FFFFFF);
  color:var(--bladezy-text);
}

.appointments-toolbar-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:14px;
  font-size:12px;
  color:var(--bladezy-text-muted);
}

.appointments-toolbar-count{
  font-size:12px;
  font-weight:600;
  color:var(--bladezy-heading);
}

.appointments-group-list{
  display:grid;
  gap:0;
}

.appointments-date-group{
  display:grid;
  gap:12px;
  padding:0;
  margin:0 0 20px;
}

.appointments-date-group:last-child{
  margin-bottom:0;
}

.appointments-date-head{
  display:flex;
  align-items:center;
  gap:8px;
}

.appointments-date-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--bladezy-text-muted);
}

.appointments-date-head.day-lbl::after{
  content:'';
  flex:1;
  height:1px;
  background:var(--b-border, #DBEAFE);
}

.appointments-card-grid{
  display:grid;
  gap:6px;
}

.appointment-card{
  background:var(--bladezy-surface);
  border:1px solid #DBEAFE;
  border-radius:var(--bladezy-radius-md);
  overflow:hidden;
}

.appointment-card.urg{
  border-left:3px solid var(--b-red, #DC2626);
}

.appointment-card.wrn{
  border-left:3px solid var(--b-amber, #D97706);
}

.appointment-card-summary{
  list-style:none;
  display:grid;
  grid-template-columns:4px 1fr auto;
  align-items:stretch;
  cursor:pointer;
}

.appointment-card-summary::-webkit-details-marker{ display:none; }

.appointment-card-accent{
  background:transparent;
}

.appointment-card.urg .appointment-card-accent{
  background:#DC2626;
}

.appointment-card.wrn .appointment-card-accent{
  background:#D97706;
}

.appointment-card-main{
  padding:16px;
  display:grid;
  gap:8px;
}

.appointment-card-time{
  font-size:18px;
  font-weight:700;
  color:var(--bladezy-heading);
}

.appointment-card-client{
  font-size:15px;
  font-weight:600;
  color:var(--bladezy-heading);
}

.appointment-card-subline,
.appointment-detail-label,
.service-menu-row-meta{
  font-size:12px;
  color:var(--bladezy-text-muted);
}

.appointment-card-duration{ margin-left:auto; }

.appointment-card-chevron{
  padding:16px;
  font-size:18px;
  color:var(--bladezy-text-muted);
}

.appointment-card-badges .badge{
  border:none;
  padding:3px 8px;
  border-radius:20px;
  font-size:10px;
  font-weight:600;
}

.appointment-card-badges .b-confirmed{
  background:var(--b-green-soft, #F0FDF4);
  color:var(--b-green-text, #14532D);
}

.appointment-card-badges .b-completed,
.appointment-card-badges .b-due{
  background:#EFF6FF;
  color:#1E40AF;
}

.appointment-card-badges .b-noshow{
  background:var(--b-amber-soft, #FFFBEB);
  color:var(--b-amber-text, #92400E);
}

.appointment-card-badges .b-unpaid{
  background:#FEF2F2;
  color:#991B1B;
}

.appointment-card-badges .b-cancelled{
  background:#F9FAFB;
  color:var(--b-text-muted, #64748B);
}

.appointments-date-count{
  font-weight:400;
  color:var(--bladezy-text-muted);
}

.appointment-card-drawer{
  border-top:1px solid var(--bladezy-border);
  padding:16px;
  display:grid;
  gap:16px;
}

.appointment-card-details{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.appointment-detail-group{
  background:var(--bladezy-bg);
  border:1px solid var(--bladezy-border);
  border-radius:var(--bladezy-radius-sm);
  padding:12px;
}

.appointment-detail-group-wide{ grid-column:span 2; }

.appointment-detail-value{
  margin-top:6px;
  font-size:12px;
  font-weight:500;
  color:var(--bladezy-heading);
}

.services-buffer-strip{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:16px;
  border:1px solid var(--bladezy-border);
  background:var(--bladezy-surface);
  border-radius:var(--bladezy-radius-md);
}

.services-buffer-left{
  flex:1 1 420px;
  min-width:280px;
}

.services-buffer-right{
  display:flex;
  gap:12px;
  align-items:flex-end;
  justify-content:flex-end;
  flex-wrap:wrap;
}

.services-buffer-title{
  font-size:14px;
  font-weight:600;
  color:var(--bladezy-heading);
  margin-bottom:4px;
}

.services-buffer-description{
  display:block;
  font-size:12px;
  line-height:1.5;
  color:var(--bladezy-text-secondary);
}

.services-buffer-toggle-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  min-height:64px;
}

.services-buffer-toggle-copy{
  display:grid;
  gap:4px;
}

.services-buffer-input-group{
  display:grid;
  gap:6px;
  min-width:160px;
}

.services-buffer-input-wrap{
  display:flex;
  align-items:center;
  gap:8px;
}

.services-buffer-input-wrap input{
  width:96px;
}

.services-buffer-input-unit{
  font-size:12px;
  font-weight:500;
  color:var(--bladezy-text-muted);
}

.services-layout{
  display:grid;
  grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr);
  gap:16px;
}

.service-category-accordion{
  border:1px solid var(--bladezy-border);
  border-radius:var(--bladezy-radius-md);
  background:var(--bladezy-surface);
  overflow:hidden;
}

.service-category-summary{
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  cursor:pointer;
  border-bottom:1px solid var(--bladezy-border);
}

.service-category-summary::-webkit-details-marker{ display:none; }

.service-category-main{
  display:flex;
  gap:10px;
  align-items:center;
}

.service-category-title{
  font-size:13px;
  font-weight:600;
  color:var(--bladezy-heading);
}

.service-category-count{
  min-width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--bladezy-blue-soft);
  color:var(--bladezy-blue);
  font-size:11px;
  font-weight:600;
}

.service-category-list{ display:grid; }

.service-menu-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-top:1px solid var(--bladezy-border);
}

.service-menu-row-main{
  flex:1;
  min-width:0;
  display:grid;
  gap:6px;
  text-align:left;
}

.service-menu-row-title,
.service-menu-row-price{
  font-size:13px;
  font-weight:600;
  color:var(--bladezy-heading);
}

.service-menu-row-price{ margin-left:auto; }

.service-menu-row-thumb-placeholder{
  width:44px;
  height:44px;
  border-radius:var(--bladezy-radius-sm);
  border:1px dashed var(--bladezy-border-strong);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  color:var(--bladezy-text-muted);
}

.account-settings-panel{ display:none; }
.account-settings-panel.active{ display:block; }

.account-settings-shell{
  display:grid;
  gap:16px;
}

.account-page-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  flex-wrap:wrap;
}

.account-page-head-copy{
  display:grid;
  gap:6px;
}

.account-panel-subtitle{
  font-size:13px;
  line-height:1.55;
  color:var(--bladezy-text-secondary);
}

.account-action-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.account-grid-security{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.account-recovery-box{
  margin-bottom:14px;
}

.account-promotion-card .admin-card-body,
.account-brand-left,
.account-toggle-copy,
.account-toggle-stack{
  display:grid;
  gap:14px;
}

.account-promo-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.account-promo-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:100%;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid var(--bladezy-border);
  background:var(--bladezy-blue-soft);
  color:var(--bladezy-blue);
  font-size:12px;
  font-weight:600;
}

.account-promo-chip span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.account-promo-chip-remove{
  width:20px;
  height:20px;
  border-radius:999px;
  background:rgba(37,99,235,.12);
  color:var(--bladezy-blue);
  font-size:15px;
  line-height:1;
}

.account-promo-empty{
  padding:16px;
  border:1px dashed var(--bladezy-border);
  border-radius:var(--bladezy-radius-md);
  color:var(--bladezy-text-secondary);
  background:var(--bladezy-bg);
  font-size:13px;
}

.account-promo-add-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
}

.account-sms-info-banner{
  padding:14px 16px;
  border:1px solid rgba(37,99,235,.14);
  border-radius:var(--bladezy-radius-md);
  background:var(--bladezy-blue-soft);
  color:var(--bladezy-blue);
  font-size:13px;
  line-height:1.6;
}

.account-sms-top-grid,
.account-sms-template-grid,
.account-brand-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.account-toggle-card{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  padding:14px;
  border:1px solid var(--bladezy-border);
  border-radius:var(--bladezy-radius-md);
  background:var(--bladezy-bg);
  cursor:pointer;
}

.account-toggle-card-compact{
  padding:12px 14px;
  align-items:center;
}

.account-toggle-title{
  font-size:14px;
  font-weight:600;
  color:var(--bladezy-heading);
}

.account-toggle-subtitle,
.account-toggle-row{
  font-size:13px;
  line-height:1.6;
  color:var(--bladezy-text-secondary);
}

.account-toggle-row{
  display:flex;
  gap:10px;
  align-items:flex-start;
}

.notifications-token{
  border:none;
  cursor:pointer;
}

.notifications-token[draggable="true"]{
  cursor:grab;
}

.account-brand-left{
  align-content:start;
}

.notifications-global-bar .admin-card-body,
.notifications-filter-card .admin-card-body{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  flex-wrap:wrap;
}

.notifications-filter-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  width:100%;
}

.notifications-filter-row input{
  flex:1 1 260px;
  min-width:220px;
}

.notifications-page-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  flex-wrap:wrap;
}

.notifications-truth-note{
  margin:0;
}

.notifications-automation-main{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(320px,.85fr);
  gap:16px;
  align-items:start;
}

.notifications-automation-side{
  display:grid;
  gap:16px;
}

.notification-accordion-card{
  border:1px solid var(--bladezy-border);
  border-radius:var(--bladezy-radius-md);
  background:var(--bladezy-surface);
  overflow:hidden;
}

.notification-accordion-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:16px;
}

.notification-accordion-trigger{
  display:flex;
  gap:12px;
  align-items:flex-start;
  flex:1 1 auto;
  min-width:0;
  text-align:left;
  background:transparent;
}

.notification-accordion-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:var(--bladezy-blue-soft);
  color:var(--bladezy-blue);
  font-size:13px;
  font-weight:700;
}

.notification-accordion-main{
  display:grid;
  gap:4px;
  min-width:0;
}

.notification-accordion-title{
  font-size:14px;
  font-weight:600;
  color:var(--bladezy-heading);
}

.notification-accordion-copy{
  font-size:12px;
  line-height:1.5;
  color:var(--bladezy-text-secondary);
}

.notification-accordion-side{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.notification-accordion-meta{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.notification-accordion-body{
  border-top:1px solid var(--bladezy-border);
  padding:16px;
  display:grid;
  gap:16px;
}

.notification-accordion-summary{
  display:grid;
  gap:10px;
}

.notification-card-note{
  font-size:12px;
  line-height:1.55;
  color:var(--bladezy-text-secondary);
}

.notification-inline-toggle,
.notification-setting-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--bladezy-border);
  background:var(--bladezy-bg);
  color:var(--bladezy-text);
  font-size:12px;
  font-weight:600;
}

.notification-setting-pill-note{
  color:var(--bladezy-text-secondary);
  text-transform:capitalize;
}

.notification-settings-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.notification-structure-settings{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,180px));
  gap:12px;
}

.notification-token-groups{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.notification-token-group{
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid var(--bladezy-border);
  border-radius:var(--bladezy-radius-md);
  background:var(--bladezy-bg);
}

.notification-token-group-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--bladezy-text-secondary);
}

.notification-composer-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:16px;
}

.notification-composer-panel,
.notification-preview-shell{
  border:1px solid var(--bladezy-border);
  border-radius:var(--bladezy-radius-md);
  padding:16px;
  background:var(--bladezy-bg);
  display:grid;
  gap:10px;
}

.notification-channel-editor{
  display:grid;
  gap:10px;
}

.notification-rich-editor{
  min-height:148px;
  padding:12px 14px;
  border:1px solid var(--bladezy-border);
  border-radius:var(--bladezy-radius-md);
  background:var(--bladezy-surface);
  color:var(--bladezy-text);
  font:400 14px/1.6 var(--bladezy-font-sans);
  white-space:pre-wrap;
  word-break:break-word;
  cursor:text;
}

.notification-rich-editor:focus{
  outline:none;
  border-color:var(--bladezy-blue);
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

.notification-rich-editor:empty::before{
  content:attr(data-placeholder);
  color:var(--bladezy-text-muted);
}

.notification-rich-editor[contenteditable="false"]{
  background:var(--bladezy-bg-subtle);
  color:var(--bladezy-text-secondary);
  cursor:not-allowed;
}

#admin-view .notifications-shell{
  display:grid;
  gap:16px;
}

#admin-view .notifications-page-head{
  align-items:center;
}

#admin-view .notifications-page-head .page-title{
  font-size:28px;
  line-height:1.05;
}

#admin-view .notifications-page-head .page-subtitle{
  max-width:520px;
}

#admin-view .notifications-global-bar{
  border-radius:var(--bladezy-radius-lg);
}

#admin-view .notifications-global-bar .admin-card-body{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 18px;
}

#admin-view .notifications-global-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--bladezy-ai-green);
  flex-shrink:0;
}

#admin-view .notifications-global-copy .admin-card-title{
  font-size:14px;
}

#admin-view .notifications-master-sub{
  margin-top:2px;
  font-size:12px;
  line-height:1.5;
}

#admin-view .notifications-stage-tabs{
  gap:4px;
}

#admin-view .notifications-stage-tabs .dashboard-section-link{
  min-height:auto;
  padding:7px 16px;
  border:1px solid var(--bladezy-border);
  border-radius:20px;
  background:var(--bladezy-surface);
  color:var(--bladezy-text-muted);
  font-size:12px;
  font-weight:500;
  line-height:1.2;
}

#admin-view .notifications-stage-tabs .dashboard-section-link.active{
  background:var(--bladezy-blue);
  border-color:transparent;
  color:#fff;
  box-shadow:none;
}

#admin-view .notifications-automation-main{
  grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);
  gap:16px;
}

#admin-view .notifications-automation-side{
  position:sticky;
  top:68px;
  display:grid;
  gap:16px;
  align-self:start;
}

#admin-view .notifications-queue-card > .admin-card-body{
  padding:14px;
}

#admin-view .notifications-card-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

#admin-view .notification-accordion-card{
  border-radius:var(--bladezy-radius-lg);
  transition:box-shadow .12s ease, border-color .12s ease;
}

#admin-view .notification-accordion-card:hover{
  box-shadow:var(--bladezy-shadow-sm);
}

#admin-view .notification-accordion-card.is-open{
  border-color:var(--bladezy-border-strong);
}

#admin-view .notification-accordion-head{
  padding:12px 14px;
  align-items:flex-start;
}

#admin-view .notification-accordion-trigger{
  gap:10px;
}

#admin-view .notification-accordion-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  font-size:12px;
  margin-top:1px;
}

#admin-view .notification-accordion-title{
  font-size:13px;
  font-weight:600;
}

#admin-view .notification-accordion-copy{
  font-size:11px;
  line-height:1.5;
}

#admin-view .notification-accordion-side{
  gap:8px;
}

#admin-view .notification-state-badge{
  padding:2px 8px;
  border-radius:8px;
  font-size:10px;
  font-weight:600;
  letter-spacing:0;
}

#admin-view .notification-inline-toggle{
  min-height:auto;
  padding:0;
  border:none;
  background:transparent;
  font-size:11px;
  font-weight:500;
  color:var(--bladezy-text-muted);
}

#admin-view .notification-accordion-chevron{
  width:24px;
  height:24px;
  border:1px solid var(--bladezy-border);
  border-radius:999px;
  background:var(--bladezy-surface);
  color:var(--bladezy-text-secondary);
}

#admin-view .notification-accordion-body{
  padding:14px;
  gap:14px;
}

#admin-view .notification-accordion-summary{
  gap:8px;
}

#admin-view .notification-card-note,
#admin-view .notification-channel-note,
#admin-view .notifications-token-copy,
#admin-view .notifications-token-help,
#admin-view .notifications-reference-help{
  font-size:11px;
  line-height:1.6;
  color:var(--bladezy-text-muted);
}

#admin-view .notification-accordion-meta{
  justify-content:flex-start;
}

#admin-view .notification-template-state,
#admin-view .notification-channel-badge{
  padding:2px 7px;
  border-radius:8px;
  font-size:10px;
  font-weight:600;
}

#admin-view .notification-settings-row{
  gap:8px;
}

#admin-view .notification-setting-pill{
  min-height:auto;
  padding:6px 10px;
  font-size:11px;
}

#admin-view .notification-structure-settings{
  grid-template-columns:repeat(2,minmax(0,140px));
  gap:10px;
}

#admin-view .notification-token-shelf{
  display:grid;
  gap:8px;
  padding:8px 10px;
  background:var(--bladezy-bg);
  border-radius:var(--bladezy-radius-md);
}

#admin-view .notification-label{
  font-size:10px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--bladezy-text-muted);
}

#admin-view .notification-token-groups{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

#admin-view .notification-token-group{
  padding:0;
  border:none;
  background:transparent;
  gap:6px;
}

#admin-view .notification-token-group-title,
#admin-view .notifications-reference-title{
  font-size:10px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--bladezy-text-muted);
}

#admin-view .notifications-token-list{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}

#admin-view .notifications-reference-group{
  display:grid;
  gap:6px;
  margin-bottom:12px;
}

#admin-view .notifications-reference-group:last-child{
  margin-bottom:0;
}

#admin-view .notifications-token{
  display:inline-flex;
  align-items:center;
  padding:3px 9px;
  border-radius:12px;
  border:none;
  font-size:11px;
  font-weight:500;
  user-select:none;
  transition:opacity .12s ease;
}

#admin-view .notifications-token:hover{
  opacity:.82;
}

#admin-view .notifications-token[data-token-category="client"]{
  background:#EEF2FF;
  color:#3730A3;
}

#admin-view .notifications-token[data-token-category="shop"]{
  background:var(--bladezy-blue-soft);
  color:var(--bladezy-blue-text);
}

#admin-view .notifications-token[data-token-category="appt"]{
  background:var(--bladezy-green-soft);
  color:var(--bladezy-green-text);
}

#admin-view .notification-channel-tabs{
  gap:4px;
}

#admin-view .notification-channel-tab{
  padding:7px 16px;
  border-radius:20px;
  border:1px solid var(--bladezy-border);
  font-size:12px;
  font-weight:500;
  background:var(--bladezy-surface);
  color:var(--bladezy-text-muted);
}

#admin-view .notification-channel-tab.active{
  background:var(--bladezy-blue);
  border-color:transparent;
  color:#fff;
}

#admin-view .notification-composer-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
}

#admin-view .notification-composer-panel,
#admin-view .notification-preview-shell{
  padding:14px;
  background:var(--bladezy-surface);
}

#admin-view .notification-rich-editor{
  min-height:92px;
  padding:10px 12px;
  font-size:13px;
  line-height:1.7;
  margin-bottom:6px;
}

#admin-view .notification-preview-shell.sms{
  border-left:3px solid var(--bladezy-ai-green);
}

#admin-view .notification-preview-shell.email{
  border-left:3px solid var(--bladezy-blue);
}

#admin-view .notification-preview-text{
  min-height:54px;
  padding:10px 12px;
  border:1px solid var(--bladezy-border);
  border-radius:var(--bladezy-radius-md);
  background:var(--bladezy-bg);
  font-size:12px;
  line-height:1.7;
  color:var(--bladezy-text-secondary);
  font-style:italic;
}

#admin-view .notification-preview-foot{
  font-size:11px;
  line-height:1.55;
  color:var(--bladezy-text-muted);
}

#admin-view .notification-actions-row{
  gap:8px;
  align-items:center;
}

#admin-view .notification-test-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}

#admin-view .notifications-activity-list{
  display:grid;
  gap:8px;
}

#admin-view .notifications-activity-item{
  border:1px solid var(--bladezy-border);
  border-radius:var(--bladezy-radius-md);
  padding:12px 14px;
  background:var(--bladezy-surface);
}

#admin-view .notifications-empty{
  padding:18px 0;
  font-size:12px;
  color:var(--bladezy-text-muted);
}

.clients-page-shell{
  display:grid;
  gap:16px;
}

.clients-page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.clients-page-copy{
  margin-top:6px;
  font-size:13px;
  line-height:1.65;
  color:var(--bladezy-text-secondary);
  max-width:760px;
}

.clients-page-head .page-eyebrow{
  color:var(--b-text-muted, var(--bladezy-text-muted));
}

.clients-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px 180px;
  gap:10px;
  align-items:center;
}

.clients-toolbar-search input{
  width:100%;
}

.clients-list-shell,
.barber-roster-shell{
  background:var(--bladezy-surface);
  border:1px solid var(--bladezy-border);
  border-radius:var(--bladezy-radius-lg);
  box-shadow:var(--bladezy-shadow-sm);
  overflow:hidden;
}

.clients-list-header,
.barber-roster-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px 14px;
  border-bottom:1px solid var(--bladezy-border);
}

.clients-list-count{
  font-size:12px;
  color:var(--bladezy-text-secondary);
  white-space:nowrap;
}

.clients-list-head,
.clients-list-row,
.barber-roster-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr) 120px 120px 92px;
  gap:12px;
  align-items:center;
}

.clients-list-head,
.barber-roster-head{
  padding:10px 20px;
  background:var(--b-bg, var(--bladezy-bg-subtle));
  border-bottom:1px solid var(--bladezy-border);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--bladezy-text-muted);
}

.barber-roster-head{
  grid-template-columns:minmax(0,1.6fr) 100px minmax(0,1.2fr) 120px;
}

.clients-list-body,
.barber-roster-body{
  display:grid;
}

.clients-list-row,
.barber-roster-row{
  padding:14px 20px;
  border-bottom:1px solid var(--bladezy-border);
  background:var(--bladezy-surface);
  cursor:pointer;
}

.clients-list-row:last-child,
.barber-roster-row:last-child{
  border-bottom:none;
}

.clients-list-row:hover,
.barber-roster-row:hover{
  background:var(--bladezy-bg-subtle);
}

.clients-list-row:focus-visible,
.barber-roster-row:focus-visible{
  outline:none;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.28);
}

.barber-roster-row.is-selected{
  background:var(--bladezy-blue-soft);
}

.barber-roster-row.is-selected .barber-management-name{
  color:var(--bladezy-blue);
}

.clients-list-name{
  font-size:14px;
  font-weight:600;
  color:var(--bladezy-text);
  line-height:1.35;
}

.clients-list-contact,
.clients-list-date,
.clients-list-metric{
  font-size:13px;
  color:var(--bladezy-text-secondary);
}

.clients-list-contact-sub{
  margin-top:3px;
  font-size:12px;
  color:var(--bladezy-text-muted);
}

.clients-list-metric{
  font-weight:600;
  color:var(--bladezy-text);
}

.clients-list-action{
  display:flex;
  justify-content:flex-end;
}

.clients-list-action .btn{
  min-width:68px;
  justify-content:center;
  background:var(--b-surface, var(--bladezy-surface));
  border:1px solid var(--b-border, var(--bladezy-border));
  color:var(--bladezy-text);
  box-shadow:none;
}

#admin-view .clients-list-action .btn:hover{
  background:var(--b-bg, var(--bladezy-bg-subtle));
  color:var(--bladezy-text);
}

.client-list-badges{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:6px;
}

.client-list-badges .badge{
  border:none;
}

.client-list-badges .b-due{
  background:#EFF6FF;
  color:#2563EB;
}

.client-list-badges .b-overdue{
  background:#FEF2F2;
  color:#DC2626;
}

.client-list-badges .b-risk{
  background:#FFFBEB;
  color:#D97706;
}

.client-list-badges .b-new{
  background:#EEEDFE;
  color:#7C3AED;
}

.client-list-badges .b-growth{
  background:#F0FDF4;
  color:#16A34A;
}

.clients-list-empty,
.barber-roster-empty{
  padding:24px 20px;
  font-size:13px;
  color:var(--bladezy-text-secondary);
}

.client-profile-modal-card{
  background:var(--bladezy-surface);
}

.client-profile-modal-card .modal-head{
  padding:18px 22px;
  background:var(--bladezy-surface);
  border-bottom:1px solid #DBEAFE;
}

.client-profile-modal-card .modal-body{
  padding:0;
  background:#F0F4FF;
}

.client-profile-modal-card .btn{
  background:var(--b-surface, var(--bladezy-surface));
  border:1px solid var(--b-border, var(--bladezy-border));
  color:var(--bladezy-text);
  box-shadow:none;
}

.client-profile-modal-card .btn:hover{
  background:var(--b-bg, var(--bladezy-bg-subtle));
  color:var(--bladezy-text);
}

.client-profile-modal-card .btn-primary{
  background:#2563EB;
  border-color:transparent;
  color:#FFFFFF;
}

.client-profile-modal-card .btn-primary:hover{
  background:#1D4ED8;
  color:#FFFFFF;
}

.client-profile-modal-card .btn-ai{
  background:#F0FDF4;
  border-color:#BBF7D0;
  color:#166534;
}

.client-profile-modal-card .btn-ai:hover{
  background:#DCFCE7;
  color:#166534;
}

.client-profile-modal-card .btn[disabled]{
  background:#FFFFFF;
  border:1px solid #DBEAFE;
  color:var(--bladezy-text-muted);
  opacity:1;
}

.client-profile-surface{
  display:grid;
  gap:0;
  padding:16px 20px;
}

.client-history-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  width:100%;
}

.client-header-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.client-profile-modal-card .client-header-badges .badge{
  padding:3px 10px;
  border-radius:20px;
  font-size:10px;
  font-weight:600;
}

.client-profile-modal-card .client-header-badges .badge.b-bronze,
.client-profile-modal-card .client-header-badges .b-bronze{
  background:#FFFBEB;
  color:#92400E;
  border:1px solid #FDE68A;
  padding:3px 10px;
  border-radius:20px;
  font-size:10px;
  font-weight:600;
}

.client-profile-modal-card .client-header-badges .badge.b-new,
.client-profile-modal-card .client-header-badges .b-new{
  background:#EEEDFE;
  color:#3C3489;
  border:none;
}

.client-profile-columns{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  gap:18px;
}

.client-profile-column{
  display:grid;
  gap:12px;
  align-content:start;
}

.client-profile-section-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--bladezy-text-muted);
}

.client-profile-stat-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.client-profile-stat-box{
  background:var(--b-bg, var(--bladezy-bg-subtle));
  border:1px solid #DBEAFE;
  border-radius:var(--bladezy-radius-md);
  padding:12px 14px;
}

.client-profile-frequency-card{
  background:var(--bladezy-surface);
  border:1px solid #DBEAFE;
  border-radius:var(--bladezy-radius-md);
  padding:12px 14px;
}

.client-profile-stat-value{
  font-size:22px;
  font-weight:700;
  color:var(--bladezy-text);
  line-height:1;
}

.client-profile-stat-value-date{
  font-size:14px;
  line-height:1.35;
}

.client-profile-stat-label{
  margin-top:4px;
  font-size:11px;
  color:var(--bladezy-text-muted);
}

.client-profile-frequency-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
  border-bottom:1px solid var(--bladezy-border);
  font-size:13px;
  color:var(--bladezy-text-secondary);
}

.client-profile-frequency-row:last-of-type{
  border-bottom:none;
}

.client-profile-frequency-row strong{
  color:var(--bladezy-text);
}

.client-profile-action-stack{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}

.client-profile-actions{
  display:flex;
}

.client-intelligence-card{
  padding:4px 14px;
  background:var(--bladezy-surface);
  border:1px solid #DBEAFE;
  border-radius:var(--bladezy-radius-md);
}

.client-intel-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 0;
  border-bottom:1px solid #DBEAFE;
  font-size:13px;
  color:var(--bladezy-text-secondary);
}

.client-intel-row.is-last{
  border-bottom:none;
}

.client-intel-row strong{
  color:var(--bladezy-text);
}

.client-profile-textarea{
  width:100%;
  min-height:120px;
  resize:vertical;
  padding:12px 14px;
  border:1px solid var(--b-border, #DBEAFE);
  border-radius:var(--bladezy-radius-md);
  background:#FFFFFF;
  color:var(--bladezy-text);
  font:inherit;
}

.client-profile-modal-card .client-profile-textarea{
  border:1px solid #DBEAFE;
  background:#FFFFFF;
}

.client-profile-textarea:focus{
  outline:none;
  border-color:#DBEAFE;
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
}

.client-profile-ai-card{
  display:grid;
  gap:8px;
  padding:16px;
  background:#EEEDFE;
  border:1px solid #AFA9EC;
  border-radius:var(--bladezy-radius-md);
}

.client-profile-ai-eyebrow{
  font-size:10px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#3C3489;
}

.client-profile-ai-title{
  font-size:15px;
  font-weight:700;
  color:var(--bladezy-text);
}

.client-profile-ai-copy{
  font-size:13px;
  line-height:1.6;
  color:var(--bladezy-text-secondary);
}

.client-profile-impact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.client-profile-impact-box{
  display:grid;
  gap:4px;
  padding:12px 14px;
  background:var(--b-bg, var(--bladezy-bg-subtle));
  border:1px solid #DBEAFE;
  border-radius:var(--bladezy-radius-md);
}

.client-profile-impact-box strong{
  font-size:14px;
  color:var(--bladezy-text);
}

.client-profile-impact-box span{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--bladezy-text-muted);
}

.client-visit-history{
  display:grid;
  gap:10px;
}

.client-visit-card{
  padding:14px;
  background:var(--bladezy-surface);
  border:1px solid #DBEAFE;
  border-radius:var(--bladezy-radius-md);
}

.client-visit-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.client-visit-title{
  font-size:14px;
  font-weight:700;
  color:var(--bladezy-text);
}

.client-visit-sub,
.client-visit-recorded{
  margin-top:4px;
  font-size:12px;
  color:var(--bladezy-text-secondary);
}

.client-visit-price{
  font-size:22px;
  font-weight:700;
  line-height:1;
  color:var(--bladezy-text);
}

.client-visit-badges{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:10px;
}

.client-profile-modal-card .client-visit-badges .badge{
  border:none;
  padding:3px 8px;
  border-radius:20px;
  font-size:10px;
  font-weight:600;
}

.client-profile-modal-card .client-visit-badges .badge.b-confirmed,
.client-profile-modal-card .client-visit-badges .b-confirmed{
  background:#F0FDF4;
  color:#14532D;
  padding:3px 8px;
  border-radius:20px;
  font-size:10px;
  font-weight:600;
}

.client-profile-modal-card .client-visit-badges .badge.b-unpaid,
.client-profile-modal-card .client-visit-badges .b-unpaid{
  background:#FEF2F2;
  color:#991B1B;
}

.client-visit-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:12px;
}

.client-visit-notes{
  margin-top:10px;
  font-size:12px;
  line-height:1.65;
  color:var(--bladezy-text-secondary);
}

.client-visit-empty{
  background:var(--bladezy-surface);
  border:1px dashed #DBEAFE;
  border-radius:var(--bladezy-radius-md);
  padding:16px;
  font-size:13px;
  color:var(--bladezy-text-secondary);
}

.barber-management-layout{
  align-items:start;
}

.barber-management-layout > .barber-management-side{
  display:grid;
  gap:16px;
}

.barber-roster-row .barber-roster-grid{
  grid-template-columns:minmax(0,1.6fr) 100px minmax(0,1.2fr) 120px;
}

.notification-preview-shell.sms{ border-left:4px solid var(--bladezy-ai-green); }
.notification-preview-shell.email{ border-left:4px solid var(--bladezy-blue); }

.notification-card-footer{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}

.notification-channel-tab{
  min-height:32px;
  padding:6px 14px;
  border-radius:999px;
  border:1px solid var(--bladezy-border);
  background:var(--bladezy-surface);
  font-size:12px;
  font-weight:600;
  color:var(--bladezy-text-secondary);
}

.notification-channel-tab.active{
  background:var(--bladezy-blue-soft);
  border-color:var(--bladezy-border-strong);
  color:var(--bladezy-blue);
}

@media (max-width:900px){
  .notifications-automation-main,
  .notification-token-groups,
  .notification-structure-settings,
  .notification-composer-grid,
  .clients-toolbar,
  .clients-list-head,
  .clients-list-row,
  .client-profile-columns,
  .account-promo-add-row,
  .account-sms-top-grid,
  .account-sms-template-grid,
  .account-brand-grid{
    grid-template-columns:1fr;
  }

  .barber-roster-head,
  .barber-roster-row .barber-roster-grid{
    grid-template-columns:1fr;
  }

  .notification-accordion-head{
    align-items:flex-start;
  }

  .notification-accordion-side{
    width:100%;
    justify-content:flex-start;
  }

  .notification-card-footer{
    align-items:flex-start;
  }

  .account-page-head{
    align-items:stretch;
  }

  .client-profile-topbar,
  .clients-list-header,
  .barber-roster-header{
    flex-direction:column;
    align-items:flex-start;
  }

  .client-profile-topbar-badges,
  .clients-list-action{
    justify-content:flex-start;
  }

  #admin-view .admin-content{
    padding:20px 14px 30px;
  }

  #admin-view .admin-topbar{
    height:52px;
    padding:0 14px;
  }

  #admin-view .admin-sidebar{
    width:220px;
    left:-220px;
  }

  #admin-view .admin-sidebar.open{
    left:0;
  }

  #admin-view .notifications-top-grid,
  #admin-view .notifications-groups-grid,
  #admin-view .notification-meta-grid,
  #admin-view .notifications-quiet-hours-grid,
  #admin-view .business-intelligence-kpi-grid,
  #admin-view .business-intelligence-grid-two,
  #admin-view .business-intelligence-grid-two-tight,
  #admin-view .business-intelligence-staff-strip,
  .appointments-summary-strip,
  .account-grid-security,
  .services-layout,
  .notification-composer-grid,
  .appointment-card-details,
  #admin-view .deployment-ops-grid,
  #admin-view .shop-intelligence-grid,
  #admin-view .intel-grid-2,
  #admin-view .intel-grid-3,
  #admin-view .owner-opportunity-grid{
    grid-template-columns:1fr;
  }

  #admin-view #biw-bladezy-insights-list,
  #admin-view .business-intelligence-doughnut-wrap{
    grid-template-columns:1fr;
  }

  #admin-view .business-intelligence-doughnut{
    margin:0 auto;
  }
}

@media (max-width:640px){
  #admin-view .admin-card-header,
  #admin-view .admin-table-header{
    padding:16px 16px 12px;
  }

  #admin-view .admin-card-body{
    padding:16px;
  }

  #admin-view .btn-sm,
  #admin-view .btn-sm-ghost,
  #admin-view .btn-next,
  #admin-view .btn-back{
    width:100%;
    justify-content:center;
  }

  .service-card-body,
  .home-barber-body{
    padding:16px;
  }

  .appointments-page-head,
  .business-intelligence-head,
  .business-intelligence-panel-head-spread,
  .services-buffer-strip,
  .account-settings-head{
    flex-direction:column;
    align-items:stretch;
  }

  .services-buffer-toggle-card,
  .services-buffer-right{
    align-items:stretch;
  }

  .services-buffer-right{
    justify-content:flex-start;
  }

  #admin-view .business-intelligence-revenue-bars{
    grid-template-columns:repeat(4,minmax(0,1fr));
    row-gap:18px;
  }

  .appointments-summary-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Notifications / Messaging visual refinement */
#admin-view .admin-sidebar,
#admin-view[data-admin-theme="dark"] .admin-sidebar{
  background:#080F19;
  border-right:1px solid rgba(255,255,255,.07);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.02);
}

#admin-view .admin-logo{
  padding:15px 16px 13px;
}

#admin-view .admin-logo-brand{
  color:#F8FAFF;
  font-size:15px;
  font-weight:700;
  letter-spacing:-.02em;
}

#admin-view .admin-logo-shop{
  margin-top:2px;
  font-size:13px;
  font-weight:600;
  color:#F8FAFF;
}

#admin-view .admin-logo-role{
  color:rgba(255,255,255,.42);
}

#admin-view .admin-nav-group-label{
  margin:12px 8px 4px;
  color:rgba(255,255,255,.28);
}

#admin-view .admin-nav-item,
#admin-view[data-admin-theme="dark"] .admin-nav-item{
  min-height:38px;
  padding:8px 12px;
  gap:8px;
  color:rgba(255,255,255,.54);
}

#admin-view .admin-nav-item:hover,
#admin-view[data-admin-theme="dark"] .admin-nav-item:hover{
  background:rgba(255,255,255,.055);
}

#admin-view .admin-nav-item.active,
#admin-view[data-admin-theme="dark"] .admin-nav-item.active{
  background:rgba(37,99,235,.22);
}

#admin-view .admin-nav-item.active::before,
#admin-view[data-admin-theme="dark"] .admin-nav-item.active::before{
  top:7px;
  bottom:7px;
  width:3px;
  background:#2563EB;
}

#admin-view .admin-nav-icon{
  width:14px;
  height:14px;
  flex:0 0 14px;
  border-radius:4px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  opacity:.85;
}

#admin-view .admin-nav-item.active .admin-nav-icon{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.12);
}

#admin-view .admin-nav-item[data-tab="client-intelligence"] .admin-nav-icon{
  background:rgba(22,163,74,.14);
  border-color:rgba(22,163,74,.24);
}

#admin-view .admin-exit-btn{
  padding:12px 16px;
  color:rgba(255,255,255,.36);
}

#admin-view .admin-topbar,
#admin-view[data-admin-theme="dark"] .admin-topbar{
  height:52px;
  padding:0 20px;
  gap:10px;
}

#admin-view .admin-topbar-search{
  max-width:306px;
  margin-left:auto;
}

#admin-view .admin-topbar-search input{
  height:32px;
  padding:0 12px;
  font-size:11px;
}

#admin-view .admin-topbar-meta{
  display:flex;
  align-items:center;
  gap:8px;
}

#admin-view .admin-theme-toggle,
#admin-view .admin-topbar-chip{
  min-height:32px;
  padding:0 11px;
  border-radius:17px;
  box-shadow:none;
}

#admin-view .admin-theme-toggle-label,
#admin-view .admin-topbar-chip .admin-utility-label,
#admin-view .admin-topbar-chip .admin-utility-value{
  font-size:10px;
}

#admin-view .admin-utility-status{
  min-width:156px;
  justify-content:flex-start;
}

#admin-view #admin-signout-btn{
  background:var(--bladezy-ui-blue);
  border-color:var(--bladezy-ui-blue);
  color:#FFFFFF;
}

#admin-view #admin-signout-btn .admin-utility-label,
#admin-view #admin-signout-btn .admin-utility-value{
  color:#FFFFFF;
}

#admin-view #admin-signout-btn .admin-utility-icon{
  background:rgba(255,255,255,.14);
  color:#FFFFFF;
}

#admin-view #atab-notifications .notifications-shell{
  width:min(1140px,100%);
  gap:14px;
}

#admin-view #atab-notifications .notifications-page-head{
  margin-bottom:2px;
}

#admin-view #atab-notifications .notifications-page-head .page-eyebrow{
  font-size:10px;
  letter-spacing:.08em;
}

#admin-view #atab-notifications .notifications-page-head .page-title{
  font-size:24px;
  line-height:1.05;
}

#admin-view #atab-notifications .notifications-page-head .page-subtitle{
  max-width:500px;
  font-size:12px;
  line-height:1.55;
}

#admin-view #atab-notifications .admin-card,
#admin-view #atab-notifications .notification-accordion-card{
  border-color:#E3EAF7;
  box-shadow:0 10px 24px rgba(15,23,42,.045);
}

#admin-view #atab-notifications .notifications-global-bar,
#admin-view #atab-notifications .notifications-queue-card,
#admin-view #atab-notifications .notifications-controls-card,
#admin-view #atab-notifications #account-sms-delivery-card{
  border-radius:14px;
}

#admin-view #atab-notifications .admin-card-header{
  padding:14px 16px 12px;
}

#admin-view #atab-notifications .notifications-global-bar .admin-card-body{
  padding:13px 16px;
  gap:12px;
}

#admin-view #atab-notifications .notifications-global-copy .admin-card-title{
  font-size:13px;
  font-weight:600;
}

#admin-view #atab-notifications .notifications-global-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0;
  border:none;
  background:transparent;
  color:var(--bladezy-text-secondary);
  font-size:11px;
  font-weight:600;
}

#admin-view #atab-notifications .notifications-stage-tabs{
  gap:4px;
}

#admin-view #atab-notifications .notifications-stage-tabs .dashboard-section-link{
  padding:7px 14px;
  border-radius:17px;
  font-size:11px;
  font-weight:500;
}

#admin-view #atab-notifications .notifications-automation-main{
  grid-template-columns:minmax(0,1fr) 312px;
  gap:14px;
}

#admin-view #atab-notifications .notifications-automation-main[data-notification-layout="settings"]{
  grid-template-columns:minmax(0,560px);
}

#admin-view #atab-notifications .notifications-automation-side{
  position:sticky;
  top:68px;
  display:grid;
  gap:14px;
  align-self:start;
}

#admin-view #atab-notifications .notifications-automation-side[hidden],
#admin-view #atab-notifications .notifications-queue-card[hidden]{
  display:none !important;
}

#admin-view #atab-notifications .notifications-queue-card > .admin-card-body,
#admin-view #atab-notifications .notifications-controls-card .admin-card-body,
#admin-view #atab-notifications #account-sms-delivery-card .admin-card-body{
  padding:12px 14px 14px;
}

#admin-view #atab-notifications .notification-accordion-card{
  border-radius:14px;
  overflow:hidden;
}

#admin-view #atab-notifications .notification-accordion-card:hover{
  box-shadow:0 12px 22px rgba(15,23,42,.065);
}

#admin-view #atab-notifications .notification-accordion-head{
  padding:11px 13px;
}

#admin-view #atab-notifications .notification-accordion-icon{
  width:26px;
  height:26px;
  border-radius:8px;
}

#admin-view #atab-notifications .notification-accordion-title{
  font-size:12px;
  line-height:1.35;
}

#admin-view #atab-notifications .notification-accordion-copy{
  font-size:10.5px;
  line-height:1.55;
}

#admin-view #atab-notifications .notification-accordion-side{
  gap:7px;
}

#admin-view #atab-notifications .notification-state-badge,
#admin-view #atab-notifications .notification-template-state,
#admin-view #atab-notifications .notification-channel-badge{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:600;
  line-height:1.2;
}

#admin-view #atab-notifications .notification-state-badge.is-active,
#admin-view #atab-notifications .notification-channel-badge.is-on{
  background:#E8F1FF;
  color:#1D4ED8;
}

#admin-view #atab-notifications .notification-state-badge.is-paused,
#admin-view #atab-notifications .notification-channel-badge.is-off{
  background:#F3F4F6;
  color:#64748B;
}

#admin-view #atab-notifications .notification-template-state,
#admin-view #atab-notifications .notification-template-state.is-custom{
  background:#EEF2FF;
  color:#4338CA;
}

#admin-view #atab-notifications .notification-inline-toggle,
#admin-view #atab-notifications .notification-setting-pill{
  border:1px solid #E3EAF7;
  border-radius:999px;
  background:#FFFFFF;
  color:var(--bladezy-text-secondary);
}

#admin-view #atab-notifications .notification-inline-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:4px 8px 4px 10px;
  font-size:10px;
  font-weight:600;
}

#admin-view #atab-notifications .notification-setting-pill{
  min-height:30px;
  padding:5px 9px;
}

#admin-view #atab-notifications .notification-setting-pill-note{
  background:#F7FAFF;
  color:#60708B;
}

#admin-view #atab-notifications .toggle{
  width:34px;
  height:19px;
}

#admin-view #atab-notifications .toggle::after{
  width:15px;
  height:15px;
  top:2px;
  left:2px;
}

#admin-view #atab-notifications .toggle.on{
  background:#2563EB;
}

#admin-view #atab-notifications .toggle.on-green{
  background:var(--bladezy-ai-green);
}

#admin-view #atab-notifications .toggle.on::after,
#admin-view #atab-notifications .toggle.on-green::after{
  left:17px;
}

#admin-view #atab-notifications .notification-accordion-body{
  padding:12px 13px 13px;
  gap:12px;
}

#admin-view #atab-notifications .notification-settings-row{
  gap:7px;
}

#admin-view #atab-notifications .notification-token-shelf{
  padding:8px 9px;
}

#admin-view #atab-notifications .notifications-token-list{
  gap:4px;
}

#admin-view #atab-notifications .notifications-token{
  padding:3px 8px;
  border-radius:12px;
  font-size:10px;
  font-weight:600;
}

#admin-view #atab-notifications .notifications-token[data-token-category="client"]{
  background:#F0EDFF;
  color:#4C1D95;
}

#admin-view #atab-notifications .notifications-token[data-token-category="shop"]{
  background:#EAF2FF;
  color:#1D4ED8;
}

#admin-view #atab-notifications .notifications-token[data-token-category="appt"]{
  background:#ECFDF3;
  color:#15803D;
}

#admin-view #atab-notifications .notifications-token[data-token-category="payment"]{
  background:#FFF7ED;
  color:#B45309;
}

#admin-view #atab-notifications .notification-channel-tabs{
  gap:4px;
}

#admin-view #atab-notifications .notification-channel-tab{
  padding:6px 13px;
  font-size:11px;
  border-radius:17px;
}

#admin-view #atab-notifications .notification-composer-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,.88fr);
  gap:14px;
}

#admin-view #atab-notifications .notification-composer-panel,
#admin-view #atab-notifications .notification-preview-shell{
  border:1px solid #E3EAF7;
  border-radius:12px;
  box-shadow:none;
}

#admin-view #atab-notifications .notification-rich-editor{
  min-height:84px;
  padding:9px 11px;
  font-size:12px;
  line-height:1.65;
}

#admin-view #atab-notifications .notification-preview-text{
  min-height:52px;
  padding:10px 11px;
  font-size:11px;
}

#admin-view #atab-notifications .notification-preview-foot,
#admin-view #atab-notifications .notification-inline-note,
#admin-view #atab-notifications .notification-card-note,
#admin-view #atab-notifications .notifications-token-copy,
#admin-view #atab-notifications .notifications-token-help,
#admin-view #atab-notifications .notifications-reference-help{
  font-size:10.5px;
  line-height:1.6;
}

#admin-view #atab-notifications .notifications-master-row{
  padding:10px 0;
  border-bottom:1px solid #E8EFFC;
}

#admin-view #atab-notifications .notifications-master-row:last-child{
  border-bottom:none;
}

#admin-view #atab-notifications .notifications-master-title{
  font-size:12px;
  font-weight:600;
  color:var(--bladezy-heading);
}

#admin-view #atab-notifications .notifications-side-actions{
  padding-top:4px;
}

#admin-view #atab-notifications .notifications-activity-item{
  box-shadow:none;
}

#admin-view #atab-notifications .pg-hdr{
  margin-bottom:0;
}

#admin-view #atab-notifications .card,
#admin-view #atab-notifications .msg-card{
  padding:0;
}

#admin-view #atab-notifications .msg-tabs{
  margin-bottom:0;
}

#admin-view #atab-notifications .msg-layout{
  align-items:start;
}

#admin-view #atab-notifications .msg-row{
  cursor:default;
  margin:0;
}

#admin-view #atab-notifications .msg-info{
  min-width:0;
}

#admin-view #atab-notifications .msg-meta{
  margin-top:2px;
}

#admin-view #atab-notifications .notification-timing-field-sm{
  max-width:120px;
}

#admin-view #atab-notifications .notification-timing-field-md{
  max-width:140px;
}

#admin-view #atab-notifications .notification-form-field-reset{
  margin:0;
}

#admin-view #atab-notifications .notification-inline-note-spaced{
  margin-bottom:8px;
}

#admin-view #atab-hours .hours-card{
  max-width:580px;
  border:1px solid #DBEAFE;
  border-radius:14px;
  background:#FFFFFF;
}

#admin-view #atab-hours .hours-card .admin-card-header{
  padding:16px 20px 0;
  border-bottom:none;
}

#admin-view #atab-hours .hours-card .admin-card-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--b-text-muted, #64748B);
}

#admin-view #atab-hours .hours-card .admin-card-body{
  padding:16px 20px;
}

#admin-view #atab-hours .hours-info-box{
  margin-bottom:14px;
  padding:10px 12px;
  border-radius:6px;
  background:#EFF6FF;
  border:1px solid #DBEAFE;
  font-size:11px;
  line-height:1.5;
  color:#1E40AF;
}

#admin-view #atab-hours .hours-editor-list{
  display:grid;
}

#admin-view #atab-hours .hours-editor-row{
  display:grid;
  grid-template-columns:140px 110px 1fr 1fr;
  gap:12px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid #DBEAFE;
}

#admin-view #atab-hours .hours-editor-row:last-child{
  border-bottom:none;
}

#admin-view #atab-blocked .blocked-runtime-status,
#admin-view #atab-blocked #blocked-runtime-status{
  display:block;
  margin-bottom:18px;
  padding:10px 12px;
  border:1px solid #DBEAFE;
  border-radius:6px;
  background:#EFF6FF;
  font-size:11px;
  line-height:1.5;
  color:#1E40AF;
}

#admin-view #atab-blocked .admin-two-col{
  align-items:start;
}

#admin-view #atab-blocked .blocked-card{
  border:1px solid #DBEAFE;
  border-radius:14px;
  background:#FFFFFF;
}

#admin-view #atab-blocked .blocked-card .admin-card-header{
  padding:16px 20px 0;
  border-bottom:none;
}

#admin-view #atab-blocked .blocked-card .admin-card-body{
  padding:16px 20px;
}

#admin-view #atab-blocked .admin-card-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--b-text-muted, #64748B);
}

#admin-view #atab-blocked .blocked-form-grid{
  display:grid;
  gap:12px;
  align-items:end;
}

#admin-view #atab-blocked .blocked-form-grid-full{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}

#admin-view #atab-blocked .blocked-form-field{
  margin:0;
}

#admin-view #atab-blocked .form-label{
  font-size:11px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--b-text-muted, #64748B);
}

#admin-view #atab-blocked input,
#admin-view #atab-blocked select{
  border:1px solid #DBEAFE;
  border-radius:6px;
  padding:7px 10px;
  font-size:13px;
  font-family:Poppins, sans-serif;
  background:#FFFFFF;
}

#admin-view #atab-blocked .blocked-form-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

#admin-view #atab-blocked .blocked-panel-copy{
  margin-top:14px;
  color:var(--b-text-muted, #64748B);
  font-size:12px;
  line-height:1.6;
}

#admin-view #atab-blocked .blocked-item{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  padding:10px 12px;
  margin-bottom:8px;
  border:1px solid #DBEAFE;
  border-radius:10px;
  background:#FFFFFF;
}

#admin-view #atab-blocked .blocked-item:last-child{
  margin-bottom:0;
}

#admin-view #atab-blocked .blocked-item-copy{
  min-width:0;
}

#admin-view #atab-blocked .blocked-item-title{
  font-size:13px;
  font-weight:600;
  color:var(--b-text, #0F172A);
}

#admin-view #atab-blocked .blocked-item-status{
  margin-top:4px;
  font-size:11px;
}

#admin-view #atab-blocked .blocked-item-status.is-shared{
  color:#16A34A;
}

#admin-view #atab-blocked .blocked-item-status.is-draft{
  color:#D97706;
}

#admin-view #atab-blocked .blocked-item-meta,
#admin-view #atab-blocked .blocked-empty{
  margin-top:4px;
  font-size:11px;
  color:var(--b-text-muted, #64748B);
}

#admin-view #atab-blocked .action-btn.danger{
  padding:4px 10px;
  min-height:auto;
  border:none;
  border-radius:6px;
  background:#FEF2F2;
  color:#991B1B;
  font-size:11px;
  font-weight:600;
  flex-shrink:0;
}

#admin-view #atab-blocked .action-btn.danger:hover{
  background:#FEF2F2;
  border:none;
  color:#991B1B;
}

#admin-view #atab-hours .hours-editor-day{
  font-size:13px;
  font-weight:600;
  color:var(--b-text, #0F172A);
}

#admin-view #atab-hours .hours-editor-toggle{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--b-text-muted, #64748B);
  cursor:pointer;
}

#admin-view #atab-hours .hours-editor-toggle .toggle{
  width:34px;
  height:19px;
  border-radius:10px;
  background:#D1D5DB;
  position:relative;
  cursor:pointer;
  flex-shrink:0;
  transition:background .2s;
}

#admin-view #atab-hours .hours-editor-toggle .toggle.on{
  background:#2563EB;
}

#admin-view #atab-hours .hours-editor-toggle .toggle::after{
  content:'';
  width:15px;
  height:15px;
  border-radius:50%;
  background:#FFFFFF;
  position:absolute;
  top:2px;
  left:2px;
  transition:left .2s;
}

#admin-view #atab-hours .hours-editor-toggle .toggle.on::after{
  left:17px;
}

#admin-view #atab-hours .hours-editor-input{
  width:100%;
  min-width:0;
  border:1px solid #DBEAFE;
  border-radius:6px;
  padding:6px 10px;
  font-size:13px;
  font-family:Poppins, sans-serif;
  background:#FFFFFF;
  color:var(--b-text, #0F172A);
}

#admin-view #atab-hours .hours-editor-input:disabled{
  background:#F8FAFC;
  color:#94A3B8;
}
