/* PaxHub Rebrand — Component layer */

/* Compact visual language for Tailwind-generated components without touching DOM. */
[class*="shadow-2xl"], [class*="shadow-xl"] { box-shadow: var(--ph-shadow-lg) !important; }
[class*="shadow-lg"] { box-shadow: var(--ph-shadow-md) !important; }
[class*="shadow-md"], [class*="shadow"] { box-shadow: var(--ph-shadow-sm); }

/* Pills remain useful for statuses, but no longer use the Minecraft/pixel treatment. */
[class*="rounded-full"] { border-radius:999px !important; }

/* Primary/secondary action hierarchy. */
[class~="bg-brand-emerald"] { color:#06130f !important; font-weight:700; }
[class~="bg-brand-amber"] { color:#171105 !important; }

/* Tables */
table { border-collapse:separate !important; border-spacing:0 !important; width:100%; }
thead th { color:#aeb9c8; font-size:.75rem; font-weight:700; letter-spacing:.055em; text-transform:uppercase; background:rgba(255,255,255,.025); }
tbody tr { transition:background-color .2s ease; }
tbody tr:hover { background:rgba(139,108,255,.035); }
th, td { border-bottom:1px solid var(--ph-border-soft); }

/* Alerts / notices */
[role="alert"], [role="status"] { border-radius:var(--ph-radius-md); }

/* Modal backdrops commonly used by Alpine. */
.fixed.inset-0[class*="bg-black"], [x-show][class*="fixed inset-0"] { backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); }

/* Empty/loading states */
.animate-pulse { background-color:rgba(255,255,255,.055) !important; }

/* Server card media */
img { image-rendering:auto; }
[class*="aspect-"] img { transition:transform .45s var(--ph-ease), filter .45s var(--ph-ease); }
.group:hover img { transform:scale(1.025); }

/* Search controls */
input[type="search"] { padding-left:1rem; padding-right:1rem; }

/* Code / IP / technical values */
code, pre, .font-mono { font-variant-ligatures:none; }
code { color:#c8bfff; }

/* Existing scanline helper gets a restrained platform-tech treatment. */
.cyber-bg { background:var(--ph-bg) !important; }
.cyber-scanline {
    position:absolute; left:0; right:0; height:180px;
    background:linear-gradient(to bottom,transparent,rgba(139,108,255,.06) 50%,transparent);
    animation:scanline 9s linear infinite;
    pointer-events:none;
}
@keyframes scanline { 0%{top:-180px} 100%{top:100%} }

/* Utility glow classes retained for compatibility. */
.shadow-glow-amber { box-shadow:0 8px 30px rgba(244,183,64,.18) !important; }