@import url("./pages/notifications-popover.css");

body:not(.admin-body) {
  background: var(--bg-gradient);
  color: var(--ink-900);
}

body:not(.admin-body) .bg-ambient {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.08), transparent 55%),
    radial-gradient(circle at 88% 12%, rgba(30, 92, 255, 0.06), transparent 60%),
    radial-gradient(circle at 50% 80%, rgba(0, 0, 0, 0.35), transparent 55%),
    var(--bg-gradient);
}

body:not(.admin-body) .bg-ambient::after {
  opacity: 0.08;
  background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  mix-blend-mode: overlay;
}

body:not(.admin-body) .site-header {
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
}

body:not(.admin-body) .site-header .logo .logo-text {
  display: none;
}

body:not(.admin-body) .site-header .site-logo {
  height: 84px;
  width: auto;
}

body:not(.admin-body) .nav-more-toggle {
  color: var(--ink-500);
}

body:not(.admin-body) .nav-more-icon {
  border-color: var(--border);
}

body:not(.admin-body) .nav-more-icon::before {
  border-color: var(--ink-500);
}

body:not(.admin-body) .nav-more-menu {
  background: var(--surface-50);
  border: 1px solid var(--border);
}

body:not(.admin-body) .nav-more-menu a {
  color: var(--ink-600);
}

body:not(.admin-body) .nav-more-menu a:hover,
body:not(.admin-body) .nav-more-menu a.is-active {
  background: var(--success-bg);
  color: var(--sage-400);
}

body:not(.admin-body) .mobile-menu-toggle {
  background: rgba(15, 23, 42, 0.92);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--ink-700);
  box-shadow: var(--shadow-sm);
}

body:not(.admin-body) .site-header.is-mobile-menu-open .mobile-menu-toggle {
  background: rgba(15, 23, 42, 0.98);
  border-color: rgba(255, 255, 255, 0.22);
  color: var(--ink-900);
}

body:not(.admin-body) .mobile-menu-sheet {
  background: rgba(15, 23, 42, 0.98);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow-lg);
}

body:not(.admin-body) .mobile-menu-backdrop {
  background: rgba(10, 3, 22, 0.48);
}

body:not(.admin-body) .mobile-menu-title,
body:not(.admin-body) .mobile-menu-user-name {
  color: var(--ink-900);
}

body:not(.admin-body) .mobile-menu-user-label {
  color: var(--ink-500);
}

body:not(.admin-body) .mobile-menu-close {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--ink-600);
}

body:not(.admin-body) .mobile-menu-link {
  color: var(--ink-600);
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.06);
}

body:not(.admin-body) .mobile-menu-link:hover,
body:not(.admin-body) .mobile-menu-link.is-active {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--ink-900);
}

body:not(.admin-body) .mobile-menu-user {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

body:not(.admin-body) .mobile-menu-account {
  border-top-color: rgba(255, 255, 255, 0.08);
}

body:not(.admin-body) .mobile-menu-badge,
body:not(.admin-body) .mobile-menu-link .notification-badge {
  background: rgba(255, 255, 255, 0.08);
  color: var(--ink-900);
}

body:not(.admin-body) .btn.primary {
  background: linear-gradient(135deg, var(--sage-500), var(--sage-600));
  color: #0a0a0a;
  box-shadow: var(--shadow-sm);
}

body:not(.admin-body) .btn.primary:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

body:not(.admin-body) .btn.primary:focus-visible {
  outline: 2px solid var(--sage-400);
  outline-offset: 2px;
}

body:not(.admin-body) .btn.ghost {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--border);
  color: var(--ink-600);
}

body:not(.admin-body) .btn.ghost:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--border-hover);
  color: var(--ink-900);
}

body:not(.admin-body) .btn.ghost:focus-visible {
  outline: 2px solid var(--sage-400);
  outline-offset: 2px;
}

body:not(.admin-body) .form-control {
  background: var(--surface-50);
  border: 1px solid var(--border);
  color: var(--ink-900);
}

body:not(.admin-body) .form-control::placeholder {
  color: var(--ink-500);
}

body:not(.admin-body) .form-control:hover {
  border-color: var(--border-hover);
}

body:not(.admin-body) .form-control:focus {
  outline: none;
  border-color: var(--sage-500);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);
}

body:not(.admin-body) select.form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body:not(.admin-body) .section.alt {
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(12px);
}

body:not(.admin-body) .hero-trust {
  color: var(--ink-500);
}

body:not(.admin-body) .trust-dots span {
  background: var(--sage-400);
}

body:not(.admin-body) .glass-card {
  background: rgba(37, 17, 68, 0.7);
  border: 1px solid var(--border);
  backdrop-filter: blur(18px);
}

body:not(.admin-body) .metric-value {
  color: var(--ink-900);
}

body:not(.admin-body) .hero-orbit {
  border-color: rgba(255, 255, 255, 0.22);
}

body:not(.admin-body) .feature-card {
  background: var(--surface-50);
  border: 1px solid var(--border);
}

body:not(.admin-body) .feature-card:hover {
  border-color: var(--border-hover);
  box-shadow: var(--shadow-glow);
}

body:not(.admin-body) .category-pill {
  background: var(--surface-50);
  border: 1px solid var(--border);
  color: var(--ink-600);
}

body:not(.admin-body) .category-pill:hover {
  border-color: var(--border-hover);
  color: var(--ink-900);
}

body:not(.admin-body) .cta-inner {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(30, 92, 255, 0.08));
  border: 1px solid var(--border);
}

body:not(.admin-body) .site-footer {
  background: rgba(15, 23, 42, 0.9);
  border-top: 1px solid var(--border);
}

body:not(.admin-body) .footer-links {
  color: var(--ink-500);
}

body:not(.admin-body) .badge {
  background: var(--success-bg);
  color: var(--sage-400);
}

body:not(.admin-body) .badge.outline {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--ink-500);
}

body:not(.admin-body) .ui-toast {
  background: var(--surface-card);
  border: 1px solid var(--border-card);
  color: var(--ink-900);
  box-shadow: var(--shadow-md);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body:not(.admin-body) .ui-toast.is-error {
  background: var(--error-bg);
  color: var(--error-text);
  border-color: rgba(239, 68, 68, 0.35);
}

body:not(.admin-body) .ui-confirm-backdrop {
  background: rgba(0, 0, 0, 0.6);
}

body:not(.admin-body) .ui-confirm-card {
  background: var(--surface-50);
  border: 1px solid var(--border);
}

body:not(.admin-body) .ui-confirm-icon {
  background: linear-gradient(135deg, var(--success-bg), rgba(30, 92, 255, 0.2));
  border-color: var(--border);
}

body:not(.admin-body) .ui-confirm-icon::before {
  color: var(--sage-400);
}

body:not(.admin-body) .ui-confirm-subtitle {
  color: var(--ink-500);
}

body:not(.admin-body) .ui-confirm-text {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--border);
  color: var(--ink-600);
}

body:not(.admin-body) .ui-confirm-ok {
  background: linear-gradient(135deg, var(--sage-500), var(--sage-600));
  color: #0a0a0a;
}

body:not(.admin-body) .ui-confirm-cancel {
  background: var(--surface-100);
  border-color: var(--border);
  color: var(--ink-600);
}

body:not(.admin-body) .ui-confirm-cancel:hover {
  background: var(--surface-200);
}

body:not(.admin-body) .ui-confirm--order-sheet .ui-confirm-card {
  background: var(--surface-card);
  border: 1px solid var(--border-card);
  box-shadow: var(--shadow-lg);
  color: var(--ink-900);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body:not(.admin-body) .ui-confirm--order-sheet .ui-confirm-illustration {
  background: transparent;
  border: none;
  box-shadow: none;
}

body:not(.admin-body) .ui-confirm--order-sheet .ui-confirm-lottie-host svg {
  filter: brightness(0) invert(91%) opacity(0.95);
}

body:not(.admin-body) .ui-confirm--order-sheet .ui-confirm-title {
  color: var(--ink-900);
  font-weight: 800;
}

body:not(.admin-body) .ui-confirm--order-sheet .ui-confirm-subtitle {
  color: var(--ink-500);
  font-size: 0.93rem;
  line-height: 1.6;
}

body:not(.admin-body) .ui-confirm--order-sheet .ui-confirm-text {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-card);
  color: var(--ink-600);
}

body:not(.admin-body) .ui-confirm--order-sheet .ui-confirm-text[hidden] {
  display: none !important;
}

body:not(.admin-body) .ui-confirm--order-sheet .ui-confirm-close {
  color: var(--ink-500);
}

body:not(.admin-body) .ui-confirm--order-sheet .ui-confirm-close:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--ink-900);
}

body:not(.admin-body) .ui-confirm--order-sheet .ui-confirm-ok {
  background: linear-gradient(135deg, var(--sage-500), var(--sage-600));
  color: #0a0a0a;
  border: none;
  font-weight: 800;
  box-shadow: none;
}

body:not(.admin-body) .ui-confirm--order-sheet .btn.primary.ui-confirm-ok:hover,
body:not(.admin-body) .ui-confirm--order-sheet .btn.primary.ui-confirm-ok:active {
  box-shadow: none;
  transform: none;
  filter: none;
}

body:not(.admin-body) .ui-confirm--order-sheet .ui-confirm-cancel {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--ink-600);
}

body:not(.admin-body) .ui-confirm--order-sheet .ui-confirm-cancel:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--border-hover);
  color: var(--ink-900);
}

body:not(.admin-body) .mobile-topbar {
  background: rgba(15, 23, 42, 0.92);
  border: 1px solid var(--border);
}

body:not(.admin-body) .mobile-topbar .mobile-auth-btn {
  background: var(--surface-50);
  border-color: var(--border);
  color: var(--ink-600);
}

body:not(.admin-body) .bottom-nav {
  background: rgba(15, 23, 42, 0.95);
  border-color: var(--border);
}

body:not(.admin-body) .bottom-nav a,
body:not(.admin-body) .bottom-nav button {
  color: var(--ink-500);
}

body:not(.admin-body) .bottom-nav a.is-active {
  color: var(--ink-900);
}

body:not(.admin-body) .bottom-nav-icon {
  background: var(--border);
}

body:not(.admin-body) .bottom-nav a.is-active .bottom-nav-icon {
  background: linear-gradient(135deg, var(--sage-500), var(--sage-600));
  color: #0a0a0a;
}

body:not(.admin-body) .bottom-sheet {
  background: rgba(0, 0, 0, 0.5);
}

body:not(.admin-body) .bottom-sheet-panel {
  background: var(--surface-50);
  border: 1px solid var(--border);
}

body:not(.admin-body) .bottom-sheet-close {
  background: var(--surface-100);
}

body:not(.admin-body) .bottom-sheet-links a {
  background: var(--success-bg);
  color: var(--ink-700);
}

body:not(.admin-body) .filter-chip {
  background: var(--surface-50);
  border: 1px solid var(--border);
  color: var(--ink-600);
}

body:not(.admin-body) .filter-chip:hover {
  border-color: var(--border-hover);
  background: var(--success-bg);
  color: var(--ink-900);
}

body:not(.admin-body) .filter-chip.is-active {
  background: linear-gradient(135deg, var(--sage-500), var(--sage-600));
  color: #0a0a0a;
  border-color: transparent;
}

body:not(.admin-body) .search-field::before {
  border-color: var(--ink-500);
}

body:not(.admin-body) .search-field::after {
  background: var(--ink-500);
}

body:not(.admin-body) .nav-link:focus-visible {
  outline: 2px solid var(--sage-400);
  outline-offset: 2px;
}

body:not(.admin-body) .eyebrow {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sage-400);
}

body:not(.admin-body) .feature-card:hover,
body:not(.admin-body) .service-card:hover {
  box-shadow: var(--shadow-md), 0 0 0 1px var(--border-hover);
}

@media (prefers-reduced-motion: reduce) {
  body:not(.admin-body) .btn:hover,
  body:not(.admin-body) .filter-chip:hover,
  body:not(.admin-body) .feature-card:hover,
  body:not(.admin-body) .service-card:hover {
    transform: none;
  }
}