/* HoudiniRMM Planix theme — CSS only, embed-safe */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
html, html.dark, :root, .dark {
  --radius: 0.75rem; --background: 240 6% 3%; --foreground: 30 39% 93%;
  --card: 220 8% 7%; --card-foreground: 30 39% 93%; --popover: 228 9% 10%; --popover-foreground: 30 39% 93%;
  --primary: 10 94% 72%; --primary-foreground: 18 30% 9%; --secondary: 228 9% 12%; --secondary-foreground: 30 39% 93%;
  --muted: 228 8% 11%; --muted-foreground: 30 5% 63%; --accent: 14 40% 16%; --accent-foreground: 10 94% 80%;
  --destructive: 0 72% 55%; --destructive-foreground: 0 0% 98%; --border: 0 0% 100% / 0.08; --input: 0 0% 100% / 0.1;
  --ring: 10 94% 72%; --chart-1: 10 94% 72%; --chart-2: 145 50% 55%; --chart-3: 220 70% 65%; --chart-4: 45 90% 55%; --chart-5: 280 50% 65%;
  --sidebar-background: 240 7% 2%; --sidebar-foreground: 30 39% 93%; --sidebar-primary: 10 94% 72%;
  --sidebar-primary-foreground: 18 30% 9%; --sidebar-accent: 228 9% 10%; --sidebar-accent-foreground: 30 39% 93%;
  --sidebar-border: 0 0% 100% / 0.06; --sidebar-ring: 10 94% 72%; color-scheme: dark;
}
html, body, #root { background:#080809!important; color:#f5efe8!important; font-family:Manrope,"Segoe UI",system-ui,sans-serif!important; -webkit-font-smoothing:antialiased; }
body, button, input, textarea, select, table, th, td, label, a, p, h1, h2, h3, h4 { font-family:Manrope,"Segoe UI",system-ui,sans-serif; }
code, kbd, pre, samp, .font-mono, [class*="font-mono"] { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important; }
.bg-background{background-color:#080809!important}.bg-card{background-color:#111214!important}
.bg-muted,.bg-popover{background-color:#18191d!important}.bg-secondary{background-color:#1f2025!important}
.bg-accent{background-color:rgba(251,138,116,.12)!important}
.bg-primary,button.bg-primary,a.bg-primary,button[class*="bg-primary"]{background:linear-gradient(140deg,rgba(255,240,216,.95),rgba(255,195,143,.75) 35%,#fb8a74)!important;color:#1c120f!important;border-color:transparent!important;font-weight:700!important;box-shadow:0 14px 30px rgba(251,138,116,.14)}
.text-foreground{color:#f5efe8!important}.text-muted-foreground{color:#a4a09b!important}.text-primary{color:#fb8a74!important}.text-white{color:#f5efe8!important}
.border,.border-b,.border-t,.border-l,.border-r,.border-border,.border-input{border-color:rgba(255,255,255,.08)!important}
header{background:rgba(8,8,9,.92)!important;border-color:rgba(255,255,255,.06)!important;backdrop-filter:blur(12px)}
[data-sidebar],[data-slot="sidebar"],[data-slot="sidebar-inner"]{background-color:#050506!important;color:#f5efe8!important;border-color:rgba(255,255,255,.06)!important}
[data-sidebar="menu-button"][data-active="true"],[data-active="true"]{background:rgba(28,18,15,.96)!important;color:#f5efe8!important;box-shadow:0 10px 24px rgba(251,138,116,.12)}
input,textarea,select,[role="combobox"],[data-slot="input"]{background:#1f2025!important;color:#f5efe8!important;border-color:rgba(255,255,255,.12)!important;border-radius:10px!important}
input:focus,textarea:focus,select:focus{border-color:rgba(251,138,116,.5)!important;box-shadow:0 0 0 3px rgba(251,138,116,.12)!important;outline:none!important}
button,[role="button"]{border-radius:11px!important}.rounded-lg,.rounded-xl,.rounded-md{border-radius:12px!important}
th{color:#a4a09b!important;font-weight:600!important}td,th{border-color:rgba(255,255,255,.06)!important}
[role="dialog"]{background:#111214!important;color:#f5efe8!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;box-shadow:0 24px 60px rgba(0,0,0,.55)!important}
[role="tab"][data-state="active"]{color:#fb8a74!important}input[type="checkbox"],input[type="radio"]{accent-color:#fb8a74}
*{scrollbar-width:thin;scrollbar-color:#fb8a74 transparent}
*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff9b83,#fb8a74);border-radius:999px}*::-webkit-scrollbar-track{background:transparent}
footer{color:#6f6a67!important}.dark\:bg-black\/40:is(.dark *),.bg-black\/40{background-color:rgba(5,5,6,.75)!important}
html.px-embed body{background:#080809!important}
html.px-embed [data-sidebar],html.px-embed [data-slot="sidebar"],html.px-embed [data-slot="sidebar-wrapper"] > div:first-child,html.px-embed aside[class*="sidebar"]{display:none!important;width:0!important;min-width:0!important;max-width:0!important;overflow:hidden!important;border:0!important;padding:0!important;margin:0!important}
html.px-embed [data-slot="sidebar-inset"],html.px-embed main,html.px-embed [class*="sidebar-inset"]{margin-left:0!important;padding-left:12px!important;width:100%!important;max-width:100%!important}
html.px-embed img[src*="animated-man"],html.px-embed img[alt="animated-man"]{display:none!important}
html.px-embed a[href="/"]{display:none!important}
html.px-embed #root{min-height:100dvh!important}


/* ===== EMBED MODE: Planix shell already has chrome — hide Nezha top chrome only ===== */
html.px-embed header,
html.px-embed body > div > header,
html.px-embed header.flex,
html.px-embed nav.z-10,
html.px-embed footer,
html.px-embed img[src*="animated-man"],
html.px-embed img[alt="animated-man"],
html.px-embed a[href="/"] {
  display: none !important;
}
/* Nezha top menu is often a horizontal row of links under header */
html.px-embed body {
  background: #080809 !important;
  padding: 0 !important;
  margin: 0 !important;
}
html.px-embed #root {
  min-height: 100dvh !important;
  padding-top: 0 !important;
}
/* content area full bleed */
html.px-embed main,
html.px-embed [class*="container"],
html.px-embed .max-w-5xl,
html.px-embed .max-w-7xl {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
/* hide leftover top bar that isn't header tag */
html.px-embed .border-b.overflow-visible,
html.px-embed .pt-8.px-4.border-b {
  display: none !important;
}

html.px-embed header.flex,
html.px-embed .border-b-\[1px\],
html.px-embed [class*="border-b-[1px]"],
html.px-embed [class*="pt-8"][class*="px-4"] {
  display: none !important;
}

/* v44 embed */
html.px-embed header,
html.px-embed footer,
html.px-embed nav.z-10 { display:none !important; height:0 !important; overflow:hidden !important; }

/* Panel-specific brand layer. */
html, body, #root {
  min-height: 100%;
  background: #080809 !important;
  color: #f5efe8 !important;
}
body {
  background:
    radial-gradient(circle at 50% -20%, rgba(251,138,116,.12), transparent 45%),
    #080809 !important;
}
button, [role="button"] { transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
button:hover, [role="button"]:hover { transform: translateY(-1px); }
main { background: transparent !important; }
::selection { background: rgba(251,138,116,.35); color: #fff7ef; }