/* Central platform appearance. Scoped away from public restaurant menus. */
body[data-platform-ui="1"] .admin-shell .brand-mark:not(.platform-brand-mark),
body[data-platform-ui="1"] .mobile-brand .brand-mark:not(.platform-brand-mark) {
  background: linear-gradient(135deg, var(--platform-primary, #147a50), var(--platform-secondary, #238a62)) !important;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--platform-primary, #147a50) 20%, transparent) !important;
}
body[data-platform-ui="1"] .admin-shell .side-nav > a.active,
body[data-platform-ui="1"] .admin-shell .side-nav > a:hover,
body[data-platform-ui="1"] .admin-shell .nav-group > summary:hover,
body[data-platform-ui="1"] .admin-shell .side-nav-children a.active,
body[data-platform-ui="1"] .admin-shell .nav-children a.active {
  background: color-mix(in srgb, var(--platform-primary, #147a50) 9%, white) !important;
  border-color: color-mix(in srgb, var(--platform-primary, #147a50) 16%, white) !important;
  color: var(--platform-primary, #147a50) !important;
}
body[data-platform-ui="1"] .admin-shell .side-nav > a.active {
  box-shadow: inset -3px 0 0 var(--platform-primary, #147a50) !important;
}
body[data-platform-ui="1"] .admin-shell .side-nav a.active .nav-icon,
body[data-platform-ui="1"] .admin-shell .side-nav a:hover .nav-icon {
  background: color-mix(in srgb, var(--platform-primary, #147a50) 14%, white) !important;
  color: var(--platform-primary, #147a50) !important;
}
html[dir="ltr"] body[data-platform-ui="1"] .admin-shell .side-nav > a.active {
  box-shadow: inset 3px 0 0 var(--platform-primary, #147a50) !important;
}
body[data-platform-ui="1"] .admin-shell .btn.primary,
body[data-platform-ui="1"] .admin-shell button.primary,
body[data-platform-ui="1"] .admin-shell a.primary,
body[data-platform-ui="1"] .admin-shell .btn-primary,
body[data-platform-ui="1"] .login-submit {
  border-color: var(--platform-primary, #147a50) !important;
  background: linear-gradient(120deg, var(--platform-primary, #147a50), var(--platform-secondary, #238a62)) !important;
  color: #fff !important;
}
body[data-platform-ui="1"] .admin-shell .btn.primary:hover,
body[data-platform-ui="1"] .admin-shell button.primary:hover,
body[data-platform-ui="1"] .admin-shell a.primary:hover,
body[data-platform-ui="1"] .admin-shell .btn-primary:hover {
  border-color: color-mix(in srgb, var(--platform-primary, #147a50) 80%, black) !important;
  background: color-mix(in srgb, var(--platform-primary, #147a50) 88%, black) !important;
}
body[data-platform-ui="1"] .admin-shell .eyebrow,
body[data-platform-ui="1"] .admin-shell .page-eyebrow,
body[data-platform-ui="1"] .login-page--admin .login-form-eyebrow,
body[data-platform-ui="1"] .login-page--admin .login-story h1 em,
body[data-platform-ui="1"] .login-page--admin .login-feature-icon,
body[data-platform-ui="1"] .login-page--admin .login-password-toggle,
body[data-platform-ui="1"] .login-page--admin .login-switch a {
  color: var(--platform-secondary, #238a62) !important;
}
body[data-platform-ui="1"] .login-page--admin .login-feature-icon {
  border-color: color-mix(in srgb, var(--platform-primary, #147a50) 18%, white) !important;
  background: color-mix(in srgb, var(--platform-primary, #147a50) 7%, white) !important;
}
body[data-platform-ui="1"] .login-page--admin .login-card-icon {
  background: color-mix(in srgb, var(--platform-primary, #147a50) 8%, white) !important;
  color: var(--platform-primary, #147a50) !important;
  border-color: color-mix(in srgb, var(--platform-primary, #147a50) 15%, white) !important;
}
body[data-platform-ui="1"] .admin-shell input:focus,
body[data-platform-ui="1"] .admin-shell select:focus,
body[data-platform-ui="1"] .admin-shell textarea:focus,
body[data-platform-ui="1"] .login-input-wrap:focus-within {
  border-color: var(--platform-primary, #147a50) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--platform-primary, #147a50) 14%, transparent) !important;
}
body[data-platform-ui="1"] .admin-shell input[type="checkbox"],
body[data-platform-ui="1"] .admin-shell input[type="radio"] {
  accent-color: var(--platform-primary, #147a50);
}
body[data-platform-ui="1"] .general-settings-page .form-actions > button[type="submit"] {
  background: linear-gradient(120deg, var(--platform-primary, #147a50), var(--platform-secondary, #238a62)) !important;
  border-color: var(--platform-primary, #147a50) !important;
}
body[data-platform-ui="1"] .general-settings-page .preview-primary {
  background: var(--preview-primary, var(--platform-primary, #147a50));
}
body[data-platform-ui="1"] .general-settings-page .preview-secondary {
  border-color: var(--preview-secondary, var(--platform-secondary, #238a62));
  color: var(--preview-secondary, var(--platform-secondary, #238a62));
}

/* Some platform-auth pages use their own page roots instead of .admin-shell. */
body[data-platform-ui="1"] .login-page,
body[data-platform-ui="1"] .partner-workspace {
  font-family: var(--platform-font-family, Cairo, sans-serif) !important;
}
body[data-platform-ui="1"] .login-page--admin {
  --login-green: var(--platform-primary, #147a50) !important;
  --login-green-dark: color-mix(in srgb, var(--platform-primary, #147a50) 82%, black) !important;
}
body[data-platform-ui="1"] .login-page--admin .login-story {
  background: radial-gradient(ellipse at 15% 10%, color-mix(in srgb, var(--platform-primary, #147a50) 12%, white) 0, transparent 38%),
              linear-gradient(145deg, color-mix(in srgb, var(--platform-primary, #147a50) 5%, white) 0%, color-mix(in srgb, var(--platform-secondary, #238a62) 5%, white) 100%) !important;
}
body[data-platform-ui="1"] .login-page--admin .login-story-badge {
  border-color: color-mix(in srgb, var(--platform-primary, #147a50) 18%, white) !important;
  color: var(--platform-primary, #147a50) !important;
}
body[data-platform-ui="1"] .login-page--admin .login-story-badge span {
  background: var(--platform-primary, #147a50) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--platform-primary, #147a50) 12%, transparent) !important;
}
body[data-platform-ui="1"] .partner-workspace {
  --primary: var(--platform-primary, #147a50) !important;
  --cyan: var(--platform-secondary, #238a62) !important;
}
body[data-platform-ui="1"] .partner-workspace .partner-btn.primary {
  background: linear-gradient(120deg, var(--platform-primary, #147a50), var(--platform-secondary, #238a62)) !important;
  border-color: var(--platform-primary, #147a50) !important;
  color: #fff !important;
}
body[data-platform-ui="1"] .partner-workspace .partner-platform-brand span {
  background: var(--platform-primary, #147a50) !important;
  border-color: color-mix(in srgb, var(--platform-primary, #147a50) 20%, white) !important;
}
body[data-platform-ui="1"] .partner-workspace .eyebrow,
body[data-platform-ui="1"] .partner-workspace .partner-link code {
  color: var(--platform-secondary, #238a62) !important;
}
body[data-platform-ui="1"] .partner-workspace .partner-tag {
  background: color-mix(in srgb, var(--platform-primary, #147a50) 12%, white) !important;
  color: var(--platform-primary, #147a50) !important;
}