/* Poseidon Host — Apple-glass skin for Paymenter (injected by nginx, no core files edited) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root {
  --pg-fill: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.05)), rgba(8,30,70,.40);
  --pg-edge: rgba(255,255,255,.26);
  --pg-acc: #4cc4ff;
  --pg-text: #eef6ff;
  --pg-dim: rgba(225,238,255,.74);
  --pg-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 12px 36px rgba(0,20,60,.30);
}
html, body { font-family: 'Inter', system-ui, 'Segoe UI', sans-serif !important; color: var(--pg-text) !important;
  background: #06214f url(/poseidon/bg.jpg) center / cover fixed no-repeat !important; min-height: 100vh; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(rgba(3,20,50,.30), rgba(3,20,50,.60)); }
::selection { background: #0053ff; color: #fff; }

/* page-level surfaces become transparent so the ocean shows through */
[class*="bg-background"], main, #app { background-color: transparent !important; }

/* glass surfaces: nav, footer, cards, tables, dialogs, dropdowns */
nav, header, footer,
[class*="bg-background-secondary"], [class*="bg-secondary"], [class*="bg-neutral"],
table, dialog, [role="dialog"], [role="menu"], [role="listbox"], details, fieldset,
.fi-section, .fi-sidebar, .fi-topbar, .fi-ta-ctn, .fi-wi-stats-overview-stat, .fi-fo-field-wrp .fi-input-wrp, .fi-modal-window, .fi-dropdown-panel {
  background: var(--pg-fill) !important;
  border: 1px solid var(--pg-edge) !important;
  box-shadow: var(--pg-shadow) !important;
  backdrop-filter: blur(16px) saturate(165%) !important; -webkit-backdrop-filter: blur(16px) saturate(165%) !important;
  color: var(--pg-text) !important;
}
nav, header { border-width: 0 0 1px 0 !important; border-radius: 0 !important; }
footer { border-width: 1px 0 0 0 !important; border-radius: 0 !important; }
[class*="bg-background-secondary"], [class*="bg-secondary"], table, dialog, details, fieldset, .fi-section { border-radius: 20px; }
[class*="border-neutral"], hr { border-color: rgba(255,255,255,.16) !important; }

/* text */
h1, h2, h3, h4, h5, h6, [class*="text-base"], [class*="text-white"] { color: var(--pg-text) !important; }
[class*="text-muted"], [class*="text-gray"], [class*="text-neutral"], small { color: var(--pg-dim) !important; }
a { color: var(--pg-acc); transition: color .2s; } a:hover { color: #9bdcff; }
nav a, header a { color: var(--pg-text); border-radius: 12px; transition: background .2s; } nav a:hover, header a:hover { background: rgba(255,255,255,.12); }

/* buttons */
button, [type="submit"], a[class*="bg-primary"], [class*="bg-primary"] {
  border-radius: 14px !important; font-weight: 600; transition: transform .15s, filter .2s, background .2s;
}
[class*="bg-primary"], button[type="submit"], .fi-btn-color-primary {
  background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.14)), #4cc4ff !important;
  color: #04122b !important; border: 1px solid rgba(255,255,255,.5) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 8px 22px rgba(0,60,140,.35) !important;
}
[class*="bg-primary"]:hover, button[type="submit"]:hover { transform: translateY(-1px); filter: brightness(1.08); }

/* inputs */
input, select, textarea, .fi-input, .fi-select-input {
  background: rgba(255,255,255,.12) !important; color: var(--pg-text) !important;
  border: 1px solid rgba(255,255,255,.24) !important; border-radius: 14px !important;
  box-shadow: inset 0 1px 2px rgba(0,20,60,.25) !important; transition: border-color .2s, box-shadow .2s;
}
input:focus, select:focus, textarea:focus { outline: none !important; border-color: rgba(255,255,255,.6) !important; box-shadow: 0 0 0 3px rgba(76,196,255,.30) !important; }
::placeholder { color: rgba(235,245,255,.55) !important; }
select option { color: #06214f; }
label { color: var(--pg-text); font-weight: 600; }

/* tables */
th { color: var(--pg-dim) !important; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
td, th { border-color: rgba(255,255,255,.12) !important; background: transparent !important; }
tbody tr:hover td { background: rgba(255,255,255,.07) !important; }

/* product cards / generic lift */
[class*="bg-background-secondary"], [class*="bg-secondary"] { transition: transform .2s ease, border-color .2s; }
a[class*="bg-secondary"]:hover, div[class*="bg-secondary"]:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.45) !important; }

/* Filament admin (/admin) */
.fi-sidebar-item-active > a, .fi-sidebar-item-active .fi-sidebar-item-btn { background: rgba(255,255,255,.18) !important; border-radius: 12px; }
.fi-body, .fi-layout, .fi-main { background: transparent !important; }

* { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.3) transparent; }
@media (max-width: 767px) { html, body { background-attachment: scroll !important; } }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }