/* LAW V10 - API subfolder + toast/notification polish */
:root {
  --law-bg-deep: #070207;
  --law-panel: rgba(21, 7, 13, .92);
  --law-panel-2: rgba(34, 10, 20, .88);
  --law-border: rgba(255, 238, 230, .14);
  --law-border-strong: rgba(209, 151, 168, .32);
  --law-text: #fff4ee;
  --law-muted: #d7c2c8;
  --law-burgundy: #7f1230;
  --law-burgundy-2: #4e071b;
  --law-gold: #f0c7a7;
}

/* Toasts / notifications: remove white cards */
.toast,
.cc-toast-card,
.notification,
.notification-card,
.alert,
.notice,
.status-toast,
#toast {
  background:
    linear-gradient(145deg, rgba(38, 10, 22, .98), rgba(11, 3, 8, .96)) !important;
  color: var(--law-text) !important;
  border: 1px solid var(--law-border-strong) !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
}

.toast *,
.cc-toast-card *,
.notification *,
.notification-card *,
.alert *,
.notice *,
.status-toast *,
#toast * {
  color: inherit;
}

.cc-toast-card strong,
.toast strong,
.notification strong,
.alert strong,
.notice strong,
#toast strong {
  color: #ffffff !important;
}

.cc-toast-card span,
.toast span,
.notification span,
.alert span,
.notice span,
#toast span,
.cc-toast-card p,
.toast p,
.notification p,
.alert p,
.notice p {
  color: var(--law-muted) !important;
}

.cc-toast-icon {
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.28), transparent 42%),
    linear-gradient(135deg, #8f1738, #4e071b) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
}

.cc-toast-close {
  color: rgba(255,244,238,.76) !important;
}
.cc-toast-close:hover {
  color: #fff !important;
}

/* Form messages and API error boxes */
.form-message,
.error-message,
.success-message,
.auth-message,
.checkout-message,
.cart-message,
.account-message,
[data-message],
[class*="message"],
[class*="notice"] {
  background: linear-gradient(145deg, rgba(31, 9, 18, .94), rgba(12, 4, 9, .92)) !important;
  color: var(--law-text) !important;
  border-color: var(--law-border-strong) !important;
}

/* Inputs/selects/autocomplete dropdowns stay readable in dark theme */
input,
select,
textarea {
  color: var(--law-text) !important;
  background: rgba(16, 5, 10, .82) !important;
  border-color: rgba(209, 151, 168, .26) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(255, 244, 238, .54) !important;
}

select option {
  background: #13050c !important;
  color: #fff4ee !important;
}

/* Notification lists in account/admin */
.account-notification,
.notification-item,
#notificationsList > *,
.notifications-list > *,
#notificationsPanel > *,
.admin-notification,
.inbox-card {
  background:
    linear-gradient(145deg, rgba(28, 8, 17, .95), rgba(10, 3, 8, .93)) !important;
  color: var(--law-text) !important;
  border: 1px solid var(--law-border) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.30) !important;
}

.account-notification p,
.notification-item p,
#notificationsList p,
.notifications-list p,
#notificationsPanel p {
  color: var(--law-muted) !important;
}

/* Buttons inside notifications */
.toast button,
.cc-toast-card button,
.notification button,
.notification-card button,
.alert button,
.notice button {
  border-color: rgba(255,244,238,.18) !important;
}

/* Keep modal/search/cart mini feedback on theme */
.search-modal,
.search-panel,
.modal,
.modal-content,
.drawer,
.popover {
  background: linear-gradient(145deg, rgba(22, 7, 14, .96), rgba(8, 2, 6, .96)) !important;
  color: var(--law-text) !important;
  border-color: var(--law-border) !important;
}

/* Small status pills that were still light/white */
.pill,
.badge,
.status,
.tag,
.chip,
.meta-pill,
.product-meta span,
.order-status,
.payment-status {
  border-color: rgba(209,151,168,.28) !important;
}