/* FOX TOOLS admin -- v2 skin (approved design 10). PURE CSS re-skin, loaded after
   fox-design.css on every admin page. No markup, script, route, permission or
   data behaviour is touched; delete this file (or the <link>) to revert.
   The shell's sidebar/header are styled inline by js/admin-shell.js, so a few
   rules below use !important attribute selectors to override those inline values. */
:root { --a2-orange: #ff8a1f; --a2-blue: #4fa8ff; --a2-line: rgba(79,168,255,0.30);
  --a2-card: linear-gradient(180deg, #0c1322 0%, #070a12 100%); }

body { background: #07090e; }
.fox-shell::before { opacity: 0.6; }
.fox-main-glow { background: radial-gradient(900px 520px at 100% 100%, rgba(255,120,30,0.14), transparent 62%), radial-gradient(760px 460px at 0% 100%, rgba(255,120,30,0.08), transparent 60%) !important; }
.fox-main-fox-sharp, .fox-main-fox-blur { display: none; }   /* decorative red fox watermark off; palette moves to orange/blue */

/* Sidebar (inline-styled container is the first child of #admin-sidebar) */
#admin-sidebar > div {
  background: radial-gradient(120% 30% at 0% 100%, rgba(255,138,31,0.16), transparent 70%), linear-gradient(180deg, #0a0d15, #070910) !important;
  border: 0 !important; border-radius: 22px !important; margin: 12px;
  box-shadow: 0 0 0 1.5px rgba(255,138,31,0.55), 0 0 30px -6px rgba(255,138,31,0.45), inset 0 0 44px -20px rgba(255,138,31,0.35);
}
#admin-sidebar a.navb:hover { background: rgba(255,138,31,0.08) !important; }
#admin-sidebar a.navb[style*="rgba(238,10,30,0.10)"] {
  background: linear-gradient(180deg, rgba(255,138,31,0.16), rgba(255,138,31,0.07)) !important; color: #fff !important;
  box-shadow: 0 0 0 1.5px rgba(255,138,31,0.95), 0 0 16px -2px rgba(255,138,31,0.55) !important;
}
#admin-sidebar a.navb[style*="rgba(238,10,30,0.10)"] svg { stroke: var(--a2-orange) !important; }
#admin-sidebar svg { filter: none !important; }
#admin-sidebar a:focus-visible, #admin-header a:focus-visible, #admin-header button:focus-visible { outline: 2px solid var(--a2-blue); outline-offset: 2px; }

/* Header bar */
#admin-header > * { border-color: var(--a2-line) !important; }

/* Cards, buttons */
.fox-card { background: radial-gradient(90% 60% at 50% 0%, rgba(79,168,255,0.08), transparent 70%), var(--a2-card); border-color: var(--a2-line);
  box-shadow: 0 0 26px -8px rgba(255,120,30,0.35), 0 10px 26px -14px #000; }
.fox-btn.on-accent, .fox-btn.primary {
  background: linear-gradient(180deg, #ff9a3c, #ff6a1a); border-color: transparent; color: #fff;
  box-shadow: 0 0 22px -4px rgba(255,120,30,0.6), inset 0 1px 0 rgba(255,255,255,0.3);
}
a:hover { color: #ffb469; }
.fox-page button:focus-visible, .fox-page input:focus-visible, .fox-page select:focus-visible { outline: 2px solid var(--a2-blue); outline-offset: 2px; }

@media (max-width: 900px) { #admin-sidebar > div { margin: 0; border-radius: 0 !important; } }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }