/* Miyū panel skin: neutral greys, one blue accent, tight radii, Geist.
   Loaded after miyu-theme.css and miyu-kit.css; removing this file's <link> restores the previous look. */

:root {
  --fg-canvas: #1e1e1e;
  --fg-panel: #2c2c2c;
  --fg-field: #383838;
  --fg-hover: #3a3a3a;
  --fg-line: #3d3d3d;
  --fg-line-soft: #2f2f2f;
  --fg-line-strong: #4d4d4d;
  --fg-text: #f5f5f5;
  --fg-text-2: #b3b3b3;
  --fg-text-3: #a0a0a0;
  --fg-blue: #0c8ce9;
  --fg-blue-fill: #0b72cc;
  --fg-blue-fill-hover: #0a64b3;
  --fg-blue-ink: #6cbcf7;
  --fg-blue-tint: #17324a;
  --fg-purple: #7b3fe4;
  --fg-purple-tint: #3d2a66;
  --fg-purple-ink: #d3bdff;
  --fg-green: #3ecf7f;
  --fg-green-ink: #7be0a6;
  --fg-red-ink: #ff9076;
  --fg-red-line: #7a3324;
  --fg-yellow: #ffcd29;
  --fg-yellow-ink: #ffd966;
  --fg-font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fg-mono: "Geist Mono", ui-monospace, "JetBrains Mono", monospace;
  --mf-pad: 1rem;

  --miyu-bg: var(--fg-canvas);
  --miyu-bg-elevated: var(--fg-panel);
  --miyu-card: var(--fg-panel);
  --miyu-card-hover: var(--fg-hover);
  --miyu-accent: var(--fg-blue-fill);
  --miyu-accent-dark: var(--fg-blue-fill-hover);
  --miyu-accent-glow: transparent;
  --miyu-border: var(--fg-line);
  --miyu-text: var(--fg-text);
  --miyu-muted: var(--fg-text-2);
  --miyu-radius: 10px;
  --miyu-radius-sm: 6px;
  --miyu-on: var(--fg-green);
  --miyu-font: var(--fg-font);
}
@media (min-width: 1024px) { :root { --mf-pad: 2rem; } }
/* Very wide windows keep the content column near 1360px, as before. */
@media (min-width: 1700px) { :root { --mf-pad: max(2rem, calc(0.5 * (100vw - 1360px - 16rem) - 8px)); } }
@media (min-width: 1600px) { html.mf-has-inspector { --mf-pad: 2.5rem; } }

/* >>> generated: old palette remap (gen.py) */
::selection { background: rgba(12, 140, 233, 0.45); }
.miyu-dialog-panel { box-shadow: 0 0 0 1px rgba(12, 140, 233, 0.08),
    0 24px 48px -12px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.04); }
.miyu-overlay-panel { box-shadow: 0 0 0 1px rgba(12, 140, 233, 0.08),
    0 24px 48px -12px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important; }
.miyu-cs-btn { background: #383838; }
.miyu-cs-btn:focus, .miyu-cs.open .miyu-cs-btn { border-color: #0c8ce9; box-shadow: 0 0 0 2px rgba(12, 140, 233, 0.25); }
.miyu-cs-panel { background: #2c2c2c; }
.miyu-cs-search { background: #333333; }
.miyu-cs-opt:hover, .miyu-cs-opt.is-active { background: rgba(12, 140, 233, 0.15); }
.miyu-rm-search input { background: #333333; }
.miyu-rm-search input:focus { border-color: rgba(12, 140, 233,0.65); box-shadow: 0 0 0 3px rgba(12, 140, 233,0.15); }
.miyu-rm-list { background: #333333; }
.miyu-rm-row.is-on { background: rgba(12, 140, 233,0.12); }
.miyu-rm-check { background: #383838; }
.miyu-rm-row.is-on .miyu-rm-check { background: #0b72cc; border-color: #0c8ce9; }
.sa-kicker { color: #6cbcf7; background: rgba(12, 140, 233, 0.1); border: 1px solid rgba(12, 140, 233, 0.2); }
.sa-chip { background: #383838; }
body > .flex.min-h-screen::before { background: radial-gradient(circle, rgba(12, 140, 233, 0.16), transparent 68%); }
.miyu-card:hover, a.action-card:hover { border-color: rgba(12, 140, 233, 0.32); box-shadow: 0 12px 32px -18px rgba(12, 140, 233, 0.4); }
.miyu-kicker { background: rgba(12, 140, 233, 0.1); border: 1px solid rgba(12, 140, 233, 0.2); }
main input:focus, main textarea:focus, main select:focus { box-shadow: 0 0 0 3px rgba(12, 140, 233, 0.18); }
.miyu-skel { background: linear-gradient(90deg, #383838 25%, #3a3a3a 50%, #383838 75%); }
#miyu-toast.is-info { background: #0a64b3; }
.miyu-dpreview-bot { background: #0b72cc; }
.sidebar-link.is-active, a.sidebar-link.bg-miyu { background: rgba(12, 140, 233, 0.1) !important; }
.miyu-guild-switch-btn:hover { border-color: rgba(12, 140, 233, 0.4); }
@media (max-width: 1023px) { .miyu-mobile-bar { background: rgba(44, 44, 44, 0.94); } }
@media (max-width: 1023px) { .miyu-mobile-bar .is-on { background: rgba(12, 140, 233, 0.16); } }
.miyu-boot { background: #333333; }
.miyu-boot-glow { background: radial-gradient(circle, rgba(12, 140, 233, 0.22) 0%, rgba(44, 44, 44, 0) 70%); }
.miyu-boot-bar > i { background: #0b72cc; }
.miyu-mod.is-open { border-color: rgba(12, 140, 233, 0.35); }
.miyu-mod-icon { background: rgba(12, 140, 233, 0.12); color: #6cbcf7; }
.miyu-switch .toggle-label { background: #3d3d3d; }
.miyu-switch .toggle-checkbox:checked + .toggle-label { background: #0b72cc; }
.cnt-emoji-btn { background: #383838; }
.cnt-emoji-btn:hover { border-color: rgba(12, 140, 233, 0.55); }
.miyu-seg button.is-on { background: #0b72cc; }
.miyu-role-table select { background: #383838; }
.miyu-help li::marker { color: #6cbcf7; }
::selection { background: rgba(12, 140, 233, 0.35); }
::-webkit-scrollbar-thumb:hover { background: rgba(12, 140, 233, 0.6); }
main select option { background: #383838; }
main select[multiple] { background: #383838; }
main select[multiple] option:checked { background: rgba(12, 140, 233, 0.22) linear-gradient(0deg, rgba(12, 140, 233, 0.22), rgba(12, 140, 233, 0.22)); }
main input[type="checkbox"]:not(.toggle-checkbox):not(.sr-only):not(.peer):not(.hidden), main input[type="radio"]:not(.sr-only):not(.peer):not(.hidden) { background: #383838 center / 12px no-repeat; }
main input[type="checkbox"]:focus-visible, main input[type="radio"]:focus-visible { box-shadow: 0 0 0 3px rgba(12, 140, 233, 0.3); }
main input[type="color"] { background: #383838; }
main button:focus-visible, main a:focus-visible { box-shadow: 0 0 0 3px rgba(12, 140, 233, 0.35); }
main button.bg-miyu:hover:not(:disabled) { box-shadow: 0 10px 24px -12px rgba(12, 140, 233, 0.8); }
main .sa-empty::before, main .miyu-blank::before { background: rgba(12, 140, 233, 0.1) center / 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232985CC' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4'/%3E%3C/svg%3E"); border: 1px solid rgba(12, 140, 233, 0.2); }
#miyu-savebar { background: #333333; }
.mk-card { background: #2c2c2c; }
.mk-input { background: #383838; }
.mk-input:focus { border-color: #0c8ce9; }
.mk-tab.is-active::after { background: #0b72cc; }
.mk-seg { background: #383838; }
.mk-seg button.is-active { background: #0b72cc; }
.mk-choice-body { background: #383838; }
.mk-choice input:checked + .mk-choice-body { border-color: #0c8ce9; background: rgba(12, 140, 233,0.1); }
.mk-choice input:focus-visible + .mk-choice-body { outline: 2px solid #0c8ce9; }
.mk-choice input:checked + .mk-choice-body .mk-choice-radio { border-color: #0c8ce9; }
.mk-choice input:checked + .mk-choice-body .mk-choice-radio::after { background: #0b72cc; }
.mk-swatch input:checked + span { box-shadow: 0 0 0 2px #2c2c2c, 0 0 0 4px #fff; }
.mk-swatch input:focus-visible + span { outline: 2px solid #0c8ce9; }
.mk-switch i { background: #5c5c5c; }
.mk-switch input:focus-visible + i { outline: 2px solid #0c8ce9; }
.mk-picker { background: #383838; }
.mk-add:hover { border-color: #0c8ce9; }
.mk-pop { background: #333333; }
.mk-pop input { background: #383838; }
.mk-pop input:focus { border-color: #0c8ce9; }
.mk-btn-primary { background: #0b72cc; }
.mk-btn-primary:hover:not(:disabled) { background: #0a64b3; }
.mk-stat { background: #2c2c2c; }
::-webkit-scrollbar-thumb:hover { background: #0b72cc; }
.mk-item { background: #383838; }
.mk-tab.active::after { background: #0b72cc; }
main .toggle-label { background: #5c5c5c; }
main :is(input, select, textarea):is([class*="bg-[#141824]"], [class*="bg-[#10141f]"]):focus { border-color: #0c8ce9; }
main :is(.sa-card, .miyu-card, .miyu-mod) { background-color: #2c2c2c; }
.pm-hero { background: radial-gradient(60% 120% at 100% 0%, rgba(255, 184, 0, 0.13), transparent 60%),
    radial-gradient(70% 140% at 0% 0%, rgba(12, 140, 233, 0.28), transparent 62%),
    var(--miyu-card); }
.pm-status { background: rgba(44, 44, 44, 0.72); }
.pm-plan.is-featured { border-color: rgba(12, 140, 233, 0.7); background: linear-gradient(180deg, rgba(12, 140, 233, 0.13), transparent 42%), var(--miyu-card); box-shadow: 0 0 0 1px rgba(12, 140, 233, 0.35), 0 24px 50px -28px rgba(12, 140, 233, 0.65); }
.pm-btn-primary { box-shadow: 0 10px 24px -12px rgba(12, 140, 233, 0.9); }
a.pm-chip:hover { background: rgba(12, 140, 233, 0.18); border-color: rgba(12, 140, 233, 0.5); }
.pm-compare .is-pick { background: rgba(12, 140, 233, 0.08); }
body { background: #1e1e1e; }
.topbar { background: #383838; }
.logo { color: #6cbcf7; }
.btn { background: #0b72cc; }
.sidebar { background: linear-gradient(180deg, #1e1e1e, #333333); }
.sidebar nav a:hover { background: rgba(12, 140, 233, 0.15); }
.sidebar nav a.active { background: #0b72cc; }
.server-card { background: #2c2c2c; }
.icon { border: 4px solid #2c2c2c; }
.toolbar input, .toolbar select { background: #383838; }
.welcome-config input, .welcome-config textarea, .welcome-config select { background: #383838; }
/* <<< generated */

/* ---------- Base ---------- */
html, body { background: var(--fg-canvas) !important; background-image: none !important; color: var(--fg-text); }
body > .flex.min-h-screen::before { display: none !important; }
body, button, input, select, textarea, optgroup { font-family: var(--fg-font) !important; word-spacing: 0 !important; }
body *:not(code):not(pre):not(kbd):not([class*="font-mono"]):not(textarea[data-mono]) { font-family: inherit; }
#miyu-sidebar, main, dialog { word-spacing: 0 !important; }
[class*="font-mono"], code, pre, kbd { font-family: var(--fg-mono) !important; }
h1, h2, h3 { letter-spacing: -0.015em !important; }
::selection { background: rgba(12, 140, 233, 0.4); }
::-webkit-scrollbar-thumb { background: #4d4d4d !important; }
::-webkit-scrollbar-thumb:hover { background: #666 !important; }

/* ---------- Surfaces ---------- */
[class^="bg-[#181d28]"], [class*=" bg-[#181d28]"], [class^="bg-[#1a1a1a]"], [class*=" bg-[#1a1a1a]"], [class^="bg-[#0a0a0a]"], [class*=" bg-[#0a0a0a]"], [class^="bg-[#16162a]"], [class*=" bg-[#16162a]"], [class^="bg-[#14142b]"], [class*=" bg-[#14142b]"],
[class~="bg-surface"], [class~="bg-gray-800"], [class~="bg-gray-900"], .mk-card, .mk-stat, .miyu-card, .sa-card, .miyu-mod {
  background-color: var(--fg-panel) !important;
  background-image: none !important;
}
:is([class^="bg-[#141824]"], [class*=" bg-[#141824]"], [class^="bg-[#10141f]"], [class*=" bg-[#10141f]"]):not(body), [class~="bg-gray-700"],
.miyu-cs-btn, .mk-input, .mk-picker, .mk-seg, .mk-item, .mk-pop input, .miyu-dialog-input, .miyu-rm-search, .miyu-seg {
  background-color: var(--fg-field) !important;
}
body[class^="bg-["], body[class*=" bg-["] { background-color: var(--fg-canvas) !important; }
.mk-card, .mk-stat, .mk-item, .miyu-card, .sa-card, .miyu-mod,
[class^="border-white/"], [class*=" border-white/"], [class^="border-[#1f1f1f]"], [class*=" border-[#1f1f1f]"], [class^="border-[#2a2a2a]"], [class*=" border-[#2a2a2a]"], [class~="border-gray-700"], [class~="border-gray-800"] {
  border-color: var(--fg-line) !important;
}
[class*="shadow-black/"], .mk-card { box-shadow: none !important; }
main [class*="rounded-2xl"], main [class*="rounded-3xl"], .mk-card, .miyu-card, .sa-card, .miyu-mod { border-radius: 10px !important; }
main [class~="rounded-xl"], .mk-stat, .mk-choice-body { border-radius: 8px !important; }
main [class~="rounded-lg"], .mk-item, .mk-seg, .mk-btn, .miyu-btn { border-radius: 6px !important; }

/* Kit sections sit straight on the canvas, split by hairlines, like a properties list. */
.mk-card:has(> .mk-row) { background: transparent !important; border: 0 !important; border-radius: 0 !important; }
.mk-card:has(> .mk-row) > .mk-row { padding-left: 0; padding-right: 0; }
.mk-card:has(> .mk-row) > .mk-row:first-child { padding-top: 0.5rem; }
.mk-row + .mk-row { border-top-color: var(--fg-line-soft) !important; }
.mk-card:has(> .mk-row) + .mk-card:has(> .mk-row),
.mk-card:has(> .mk-row) + div > .mk-card:has(> .mk-row):first-child { border-top: 1px solid var(--fg-line-soft) !important; padding-top: 1rem; }
.mk-row .mk-card, .mk-row [class^="bg-[#141824]"]:not(input):not(select):not(textarea):not(button), .mk-row [class*=" bg-[#141824]"]:not(input):not(select):not(textarea):not(button) { background-color: var(--fg-panel) !important; }

/* ---------- Text ---------- */
.mk-row-title { font-size: 14px !important; font-weight: 600 !important; color: #fff !important; }
.mk-row-desc { font-size: 12.5px !important; color: var(--fg-text-2) !important; }
.mk-label, main label[class*="uppercase"], main label[class*="text-xs"][class*="font-bold"], main label[class*="text-[11px]"][class*="font-bold"] {
  font-size: 12px !important; font-weight: 500 !important; color: #e0e0e0 !important;
}
.mk-hint { font-size: 11.5px !important; color: var(--fg-text-3) !important; }
[class~="text-gray-300"] { color: #d0d0d0 !important; }
[class~="text-gray-400"], .mk-stat span { color: var(--fg-text-2) !important; }
[class~="text-gray-500"], main .text-gray-500 { color: var(--fg-text-3) !important; }
[class~="text-gray-600"], main .text-gray-600 { color: #8f8f8f !important; }
main [class*="font-extrabold"], main [class*="font-black"] { font-weight: 700 !important; }
main [class~="font-bold"] { font-weight: 600 !important; }

/* ---------- Fields ---------- */
.mk-input, .mk-picker, .miyu-cs-btn, .miyu-dialog-input,
main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]), select, textarea) {
  border-radius: 6px !important;
}
.mk-input, .mk-picker, .miyu-cs-btn,
main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]), select, textarea):is([class^="bg-[#141824]"], textarea):is([class*=" bg-[#141824]"], [class^="bg-[#10141f]"]), [class*=" bg-[#10141f]"]) {
  border-color: transparent !important;
  font-size: 13px !important;
}
.mk-input:hover, .mk-picker:hover, .miyu-cs-btn:hover { border-color: var(--fg-line-strong) !important; }
.mk-input:focus, .mk-pop input:focus, .miyu-cs.open .miyu-cs-btn, .miyu-dialog-input:focus,
main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea):focus {
  border-color: var(--fg-blue) !important;
  box-shadow: 0 0 0 1px var(--fg-blue) !important;
  outline: none !important;
}
.mk-input::placeholder, main input::placeholder, main textarea::placeholder { color: #8f8f8f !important; }
.mk-input.is-invalid, .mk-picker.is-invalid { border-color: #f24822 !important; }
.mf-changed, .mk-input.mf-changed, .miyu-cs.mf-changed .miyu-cs-btn { border-color: var(--fg-yellow) !important; box-shadow: none !important; }
.mk-pop, .miyu-cs-panel, .miyu-guild-switch-menu {
  background: var(--fg-panel) !important; border: 1px solid var(--fg-line-strong) !important; border-radius: 10px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}
.miyu-cs-search { background: var(--fg-field) !important; border-color: transparent !important; border-radius: 6px !important; }
.mk-opt, .miyu-cs-opt { border-radius: 6px !important; }
.miyu-cs-opt.is-active { background: var(--fg-blue-tint) !important; color: #fff !important; }
.mk-chip, .miyu-rm-chip, .sa-chip { border-radius: 5px !important; background: #474747 !important; border-color: transparent !important; }
.mk-add { border-radius: 5px !important; border-color: transparent !important; color: var(--fg-blue-ink) !important; }
.mk-add:hover { background: var(--fg-hover) !important; color: #fff !important; }
.mk-seg { border-color: transparent !important; padding: 2px !important; }
.mk-seg button, .miyu-seg button { border-radius: 4px !important; font-weight: 500 !important; }
.mk-seg button.is-active, .miyu-seg button.is-on { background: #555 !important; color: #fff !important; font-weight: 600 !important; }

/* Choices, switches, checks */
.mk-choice-body { background: var(--fg-panel) !important; border-color: var(--fg-line) !important; }
.mk-choice:hover .mk-choice-body { border-color: var(--fg-line-strong) !important; }
.mk-choice input:checked + .mk-choice-body { border-color: var(--fg-blue) !important; background: var(--fg-blue-tint) !important; box-shadow: none !important; }
.mk-choice input:checked + .mk-choice-body .mk-choice-radio { border-color: var(--fg-blue) !important; }
.mk-choice input:checked + .mk-choice-body .mk-choice-radio::after { background: var(--fg-blue) !important; }
.mk-choice input:checked + .mk-choice-body [class~="text-gray-400"] { color: #c9d6e2 !important; }
.mk-switch i, main .toggle-label { background: #5c5c5c !important; }
.mk-switch input:checked + i, main .toggle-checkbox:checked + .toggle-label,
main .miyu-switch .toggle-checkbox:checked + .toggle-label { background: var(--fg-blue) !important; border-color: transparent !important; }
.mk-switch i { width: 36px !important; height: 20px !important; }
.mk-switch i::after { width: 14px !important; height: 14px !important; }
.mk-switch input:checked + i::after { transform: translateX(16px) !important; }
.mk-switch input:focus-visible + i, .mk-choice input:focus-visible + .mk-choice-body { outline-color: var(--fg-blue) !important; }
[class*="peer-checked:bg-"] { --tw-bg-opacity: 1; }
main input[type="checkbox"]:not(.toggle-checkbox):not(.sr-only):not(.peer):not(.hidden), main input[type="radio"] { accent-color: var(--fg-blue); }

/* ---------- Buttons, tabs, badges ---------- */
[class~="bg-miyu"], [class^="bg-[#2985CC]"], [class*=" bg-[#2985CC]"], .mk-btn-primary, .miyu-btn-primary, #miyu-savebar .miyu-savebar-save {
  background-color: var(--fg-blue-fill) !important; background-image: none !important; box-shadow: none !important; color: #fff !important;
}
.mk-btn-primary:hover:not(:disabled), .miyu-btn-primary:hover, main button.bg-miyu:hover:not(:disabled) { background-color: var(--fg-blue-fill-hover) !important; }
[class~="text-miyu"], [class^="text-[#00a8fc]"], [class*=" text-[#00a8fc]"] { color: var(--fg-blue-ink) !important; }
[class~="border-miyu"], [class^="border-miyu/"], [class*=" border-miyu/"] { border-color: var(--fg-blue) !important; }
[class^="bg-miyu/"], [class*=" bg-miyu/"] { background-color: var(--fg-blue-tint) !important; }
.mk-btn, .miyu-btn { font-weight: 600 !important; font-size: 13px !important; min-height: 36px; padding: 0 14px !important; }
.mk-btn-ghost, .miyu-btn-ghost, .miyu-btn-glass { background: transparent !important; border: 1px solid var(--fg-line-strong) !important; color: var(--fg-text) !important; font-weight: 500 !important; }
.mk-btn-ghost:hover:not(:disabled), .miyu-btn-ghost:hover, .miyu-btn-glass:hover { background: var(--fg-hover) !important; }
.mk-btn-danger, .miyu-btn-danger { background: transparent !important; border: 1px solid var(--fg-red-line) !important; color: var(--fg-red-ink) !important; font-weight: 500 !important; }
.mk-btn-danger:hover:not(:disabled) { background: #3a1f18 !important; }
.mk-tabs { gap: 20px !important; border-bottom-color: var(--fg-line) !important; }
.mk-tab { padding: 0 !important; height: 40px; font-size: 13px !important; font-weight: 500 !important; color: var(--fg-text-2) !important; }
.mk-tab.is-active, .mk-tab.active { color: #fff !important; font-weight: 600 !important; }
.mk-tab.is-active::after, .mk-tab.active::after { left: 0 !important; right: 0 !important; background: var(--fg-blue) !important; border-radius: 0 !important; }
.mk-tab-count { background: var(--fg-line) !important; border-radius: 4px !important; padding: 0 6px !important; font-weight: 500 !important; }
.mk-badge, .miyu-badge { border-radius: 4px !important; font-weight: 600 !important; }
.mk-badge.ok, .miyu-badge-on { background: #173d2a !important; color: var(--fg-green-ink) !important; }
.mk-badge.info { background: var(--fg-purple-tint) !important; color: var(--fg-purple-ink) !important; }
.mk-badge.warn, .miyu-badge-warn { background: #3d3216 !important; color: var(--fg-yellow-ink) !important; }
.mk-badge.bad { background: #3a1f18 !important; color: var(--fg-red-ink) !important; }
main span:is([class^="bg-miyu/15"], [class*=" bg-miyu/15"])[class*="rounded-full"]:not([class*="blur"]) { border-radius: 4px !important; background: var(--fg-purple-tint) !important; color: var(--fg-purple-ink) !important; }
.mk-stat b { font-weight: 600 !important; letter-spacing: -0.02em; }
main table thead th { color: var(--fg-text-2) !important; font-weight: 500 !important; }

/* ---------- Sidebar ---------- */
#miyu-sidebar { background: var(--fg-panel) !important; background-image: none !important; border-right: 1px solid var(--fg-line) !important; box-shadow: none !important; }
#miyu-sidebar > .p-6 { padding: 10px 10px 4px !important; }
#miyu-sidebar .sidebar-header-link { gap: 8px !important; margin: 0 0 6px !important; padding: 4px 6px !important; border-radius: 6px !important; }
#miyu-sidebar .sidebar-header-link > div:first-child { width: 24px !important; height: 24px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--fg-text-2) !important; }
#miyu-sidebar .sidebar-header-link > div:first-child svg { width: 14px; height: 14px; }
#miyu-sidebar .sidebar-header-text { display: flex; align-items: baseline; gap: 8px; }
#miyu-sidebar .sidebar-header-text h1 { font-size: 13px !important; font-weight: 600 !important; color: #fff !important; letter-spacing: 0 !important; }
#miyu-sidebar .sidebar-header-text p { font-family: var(--fg-font) !important; font-size: 11px !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--fg-text-3) !important; }
#miyu-sidebar .miyu-guild-switch.sidebar-header-text { display: block; }
.miyu-guild-switch-btn { background: var(--fg-field) !important; border-color: transparent !important; border-radius: 6px !important; min-height: 44px; }
.miyu-guild-switch-btn:hover { border-color: var(--fg-line-strong) !important; }
.miyu-guild-switch-btn span.truncate { font-weight: 600 !important; font-size: 13px !important; }
.miyu-guild-switch-fallback { background: var(--fg-purple) !important; border-radius: 6px !important; color: #fff !important; }
.miyu-guild-switch-btn img, .miyu-guild-switch-menu img { border-radius: 6px !important; }
.miyu-guild-switch-menu a { border-radius: 6px !important; }
.miyu-guild-switch-menu a:hover { background: var(--fg-hover) !important; }
#miyu-sidebar #sidebar-settings-search { background: var(--fg-field) !important; border-color: transparent !important; border-radius: 6px !important; font-size: 13px !important; padding-top: 8px !important; padding-bottom: 8px !important; }
#miyu-sidebar #sidebar-settings-search:focus { border-color: var(--fg-blue) !important; }
.miyu-kbd, kbd { font-family: var(--fg-mono) !important; font-weight: 500 !important; font-size: 10.5px !important; color: var(--fg-text-3) !important; border: 1px solid var(--fg-line-strong) !important; border-radius: 4px !important; padding: 1px 5px !important; letter-spacing: 0 !important; }
#miyu-sidebar .sidebar-divider { display: none !important; }
#miyu-sidebar .sidebar-group { margin-top: 14px; }
#miyu-sidebar .sidebar-group:first-child { margin-top: 4px; }
#miyu-sidebar .sidebar-cat-btn { padding: 4px 18px 6px !important; font-size: 11px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--fg-text-3) !important; }
#miyu-sidebar .sidebar-cat-btn:hover { color: #fff !important; }
#miyu-sidebar .sidebar-link { min-height: 34px; padding-top: 0 !important; padding-bottom: 0 !important; border-radius: 6px !important; color: #c2c2c2 !important; font-weight: 400 !important; font-size: 13px !important; background: transparent !important; }
#miyu-sidebar .sidebar-link .sidebar-icon { color: var(--fg-text-3) !important; }
#miyu-sidebar .sidebar-link:hover { background: var(--fg-hover) !important; color: #fff !important; }
#miyu-sidebar .sidebar-link.is-active, #miyu-sidebar a.sidebar-link.bg-miyu { background: var(--fg-blue-tint) !important; color: #fff !important; font-weight: 600 !important; }
#miyu-sidebar .sidebar-link.is-active::before, #miyu-sidebar a.sidebar-link.bg-miyu::before { display: none !important; }
#miyu-sidebar .sidebar-link.is-active .sidebar-icon { color: var(--fg-blue-ink) !important; }
#miyu-sidebar .sidebar-premium { background: #3d3216 !important; color: var(--fg-yellow-ink) !important; }
#miyu-sidebar #panel-lang-switcher, #miyu-sidebar .support-panel { background: var(--fg-panel) !important; border-color: var(--fg-line) !important; }
#miyu-sidebar .panel-lang-seg { background: var(--fg-field) !important; border-color: transparent !important; border-radius: 6px !important; padding: 2px !important; }
#miyu-sidebar .panel-lang-btn { border-radius: 4px !important; box-shadow: none !important; }
#miyu-sidebar .panel-lang-btn.is-active { background: #555 !important; box-shadow: none !important; color: #fff !important; }
#miyu-sidebar .support-panel > a { border-radius: 6px !important; font-size: 13px !important; color: var(--fg-text-2) !important; }
#miyu-sidebar .support-panel > a:hover { background: var(--fg-hover) !important; color: #fff !important; }
#desktop-collapse { background: var(--fg-panel) !important; border-color: var(--fg-line-strong) !important; border-radius: 6px !important; box-shadow: none !important; }
#desktop-collapse:hover { background: var(--fg-hover) !important; border-color: var(--fg-line-strong) !important; }
.miyu-mobile-bar { background: rgba(44, 44, 44, 0.96) !important; border-color: var(--fg-line-strong) !important; border-radius: 12px !important; }
.miyu-mobile-bar button, .miyu-mobile-bar a { border-radius: 8px !important; font-weight: 500 !important; font-size: 11px !important; min-height: 44px; }
.miyu-mobile-bar .is-on { background: var(--fg-blue-tint) !important; }

/* ---------- Top bar ---------- */
html.mf-layout body > .flex.min-h-screen > main { padding-top: 0 !important; padding-left: var(--mf-pad) !important; padding-right: var(--mf-pad) !important; }
#mf-topbar {
  position: sticky; top: 0; z-index: 35;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px;
  min-height: 56px; box-sizing: border-box;
  margin: 0 calc(-1 * var(--mf-pad)) 1.75rem; padding: 8px var(--mf-pad);
  background: var(--fg-canvas); border-bottom: 1px solid var(--fg-line);
  flex-shrink: 0;
}
#mf-topbar .mf-top-left { min-width: 0; }
#mf-topbar .mf-top-right { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; margin-left: auto; }
#mf-topbar .mf-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center; gap: 8px !important; }
#mf-topbar .miyu-crumbs { margin: 0 !important; gap: 8px; font-size: 13px !important; font-weight: 400 !important; color: var(--fg-text-2) !important; }
#mf-topbar .miyu-crumbs a { color: var(--fg-text-2) !important; }
#mf-topbar .miyu-crumbs a:hover { color: #fff !important; }
#mf-topbar .miyu-crumbs .sep { opacity: 1 !important; color: #6b6b6b; }
#mf-topbar .miyu-crumbs > :last-child { color: #fff; font-weight: 600; }
.miyu-crumbs { font-size: 12px !important; }

#mf-changes { position: relative; display: flex; align-items: center; gap: 8px; }
#mf-changes .mf-pill {
  display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 10px;
  background: #3d3216; border: 1px solid #6b5720; border-radius: 6px; color: var(--fg-yellow-ink);
  font-size: 12.5px; font-weight: 500; white-space: nowrap;
}
#mf-changes .mf-pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--fg-yellow); }
#mf-changes .mf-discard { height: 36px; padding: 0 14px; background: transparent; border: 1px solid var(--fg-line-strong); border-radius: 6px; color: var(--fg-text); font-size: 13px; font-weight: 500; }
#mf-changes .mf-discard:hover { background: var(--fg-hover); }
#mf-changes .mf-save { height: 36px; padding: 0 16px; background: var(--fg-blue-fill); border: 0; border-radius: 6px; color: #fff; font-size: 13px; font-weight: 600; }
#mf-changes .mf-save:hover { background: var(--fg-blue-fill-hover); }
#mf-changes .mf-pop {
  position: absolute; top: calc(100% + 8px); left: 0; z-index: 50; width: 380px; max-width: calc(100vw - 2rem);
  background: var(--fg-panel); border: 1px solid var(--fg-line-strong); border-radius: 10px; box-shadow: 0 18px 44px rgba(0, 0, 0, 0.5);
}
#mf-changes .mf-pop-title { padding: 12px 14px; border-bottom: 1px solid var(--fg-line); font-size: 12px; font-weight: 600; color: #fff; }
#mf-changes .mf-pop-list { max-height: 60vh; overflow-y: auto; }
#mf-changes .mf-change { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 6px 14px; }
#mf-changes .mf-change + .mf-change { border-top: 1px solid var(--fg-field); }
#mf-changes .mf-change > div { flex: 1; min-width: 0; }
#mf-changes .mf-change b { display: block; font-size: 12.5px; font-weight: 500; color: var(--fg-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#mf-changes .mf-change span { display: block; margin-top: 2px; font-family: var(--fg-mono); font-size: 11.5px; color: var(--fg-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#mf-changes .mf-change s { color: var(--fg-text-3); }
#mf-changes .mf-change em { font-style: normal; color: var(--fg-green-ink); }
#mf-changes .mf-change button { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 6px; color: #c2c2c2; }
#mf-changes .mf-change button:hover { background: var(--fg-hover); color: #fff; }
@media (min-width: 1024px) {
  html.mf-layout #miyu-savebar, html.mf-layout #miyu-sticky-save { display: none !important; }
}
#miyu-savebar { background: var(--fg-panel) !important; border-color: var(--fg-line-strong) !important; border-radius: 10px !important; font-weight: 500 !important; }
#miyu-savebar .miyu-savebar-text { color: var(--fg-yellow-ink); }
#miyu-savebar button { border-radius: 6px !important; font-weight: 600 !important; min-height: 40px; }
#miyu-savebar .miyu-savebar-discard { border: 1px solid var(--fg-line-strong); color: var(--fg-text) !important; font-weight: 500 !important; }
.miyu-sticky-save { background: var(--fg-panel) !important; border-color: var(--fg-line-strong) !important; border-radius: 10px !important; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important; }

/* ---------- Page header and module chip ---------- */
.miyu-page-head { align-items: flex-start !important; margin-bottom: 20px !important; padding-bottom: 0 !important; border-bottom: 0 !important; }
.miyu-page-icon { display: none !important; }
.miyu-page-head h1, main h1.text-3xl:not(.miyu-page-head h1), main h1 { font-size: 22px !important; font-weight: 600 !important; letter-spacing: -0.02em !important; line-height: 1.25 !important; }
.miyu-page-head p { margin-top: 6px !important; font-size: 13px !important; color: var(--fg-text-2) !important; }
.miyu-page-actions { gap: 8px !important; }
#statusBadge { border-radius: 6px !important; min-height: 28px; }
#statusBadge * { letter-spacing: 0 !important; }
.mk-bar { position: static !important; background: var(--fg-panel) !important; border: 1px solid var(--fg-line) !important; border-radius: 8px !important; box-shadow: none !important; }
.mk-bar.mf-chip { margin: 0 !important; padding: 5px 12px 5px 14px !important; min-height: 36px; max-width: min(100%, 460px); flex-direction: row !important; align-items: center !important; gap: 0 !important; }
.mk-bar.mf-chip > div { flex-direction: row-reverse; gap: 12px !important; align-items: center; }
.mk-bar.mf-chip p { font-size: 13px !important; font-weight: 500 !important; color: var(--fg-text) !important; line-height: 1.3; }
.mk-bar.mf-chip p + p { font-size: 11.5px !important; font-weight: 400 !important; color: var(--fg-text-2) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 340px; }
.mk-bar.mf-chip p + p:not([id]), .mk-bar.mf-chip p:empty { display: none; }

.miyu-perm-list { background: var(--fg-panel) !important; border-color: var(--fg-line) !important; border-radius: 8px !important; }
.miyu-perm-list li { border-radius: 4px !important; }
.miyu-perm-ok { color: var(--fg-green) !important; }
.miyu-perm-bad { color: var(--fg-red-ink) !important; }
.miyu-empty { background: var(--fg-panel) !important; border: 1px solid var(--fg-line) !important; border-radius: 10px !important; }
.miyu-skel { border-radius: 6px !important; }

/* ---------- Section outline (wide screens) ---------- */
#mf-inspector { display: none; }
@media (min-width: 1600px) {
  html.mf-has-inspector #mf-inspector {
    display: flex; flex-direction: column; gap: 10px; flex-shrink: 0; width: 248px; box-sizing: border-box;
    position: sticky; top: 0; align-self: flex-start; height: 100vh; height: 100dvh; overflow-y: auto;
    padding: 18px 12px 16px; background: var(--fg-panel); border-left: 1px solid var(--fg-line);
  }
}
#mf-inspector .mf-ins-title { padding: 0 8px; font-size: 12px; font-weight: 600; color: #fff; }
#mf-inspector .mf-outline { display: flex; flex-direction: column; gap: 1px; }
#mf-inspector .mf-outline button { min-height: 30px; padding: 4px 8px; border-radius: 6px; text-align: left; font-size: 12.5px; color: var(--fg-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#mf-inspector .mf-outline button:hover { background: var(--fg-hover); color: #fff; }
#mf-inspector .mf-outline button.is-on { background: var(--fg-blue-tint); color: #fff; font-weight: 500; }
#mf-inspector .mf-ins-keys { margin-top: auto; padding: 12px 8px 0; border-top: 1px solid var(--fg-line); display: flex; flex-direction: column; gap: 8px; font-size: 12px; color: var(--fg-text-2); }
#mf-inspector .mf-ins-keys span { display: flex; align-items: center; gap: 4px; }
#mf-inspector .mf-ins-keys kbd:last-of-type { margin-right: 6px; }

/* ---------- Command palette ---------- */
#mf-palette { position: fixed; inset: 0; z-index: 200; display: flex; justify-content: center; align-items: flex-start; padding: 12vh 16px 16px; background: rgba(0, 0, 0, 0.55); }
#mf-palette[hidden] { display: none; }
#mf-palette .mf-pal-box { width: 100%; max-width: 580px; display: flex; flex-direction: column; max-height: 70vh; background: var(--fg-panel); border: 1px solid var(--fg-line-strong); border-radius: 12px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55); overflow: hidden; }
#mf-palette .mf-pal-search { display: flex; align-items: center; gap: 12px; height: 52px; padding: 0 16px; border-bottom: 1px solid var(--fg-line); color: var(--fg-text-3); flex-shrink: 0; }
#mf-palette .mf-pal-search input { flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; color: #fff; font-size: 15px; }
#mf-palette .mf-pal-search input::placeholder { color: #8f8f8f; }
#mf-palette .mf-pal-list { flex: 1; overflow-y: auto; padding: 8px; }
#mf-palette .mf-pal-group { padding: 8px 10px 6px; font-size: 11px; font-weight: 500; color: var(--fg-text-3); }
#mf-palette .mf-pal-item { display: flex; width: 100%; align-items: center; gap: 12px; min-height: 40px; padding: 0 10px; border-radius: 6px; text-align: left; font-size: 13px; color: var(--fg-text); }
#mf-palette .mf-pal-item.is-on { background: var(--fg-blue-tint); }
#mf-palette .mf-pal-icon { display: grid; place-items: center; flex-shrink: 0; width: 16px; height: 16px; color: var(--fg-text-3); }
#mf-palette .mf-pal-icon svg { width: 15px; height: 15px; }
#mf-palette .mf-pal-item.is-on .mf-pal-icon { color: var(--fg-blue-ink); }
#mf-palette .mf-pal-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#mf-palette .mf-pal-hint { flex-shrink: 0; max-width: 45%; font-size: 12px; color: var(--fg-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#mf-palette .mf-pal-pro { flex-shrink: 0; padding: 0 5px; border-radius: 4px; background: #3d3216; color: var(--fg-yellow-ink); font-size: 10px; font-weight: 600; }
#mf-palette .mf-pal-empty { padding: 28px 12px; text-align: center; font-size: 13px; color: var(--fg-text-2); }
#mf-palette .mf-pal-foot { display: flex; align-items: center; gap: 16px; height: 40px; padding: 0 16px; border-top: 1px solid var(--fg-line); font-size: 11.5px; color: var(--fg-text-3); flex-shrink: 0; }
#mf-palette .mf-pal-foot b { font-weight: 400; }
#mf-palette .mf-pal-foot kbd { margin-right: 3px; }
#mf-palette .mf-pal-count { margin-left: auto; font-family: var(--fg-mono); }

/* ---------- Dialogs, toasts, progress ---------- */
dialog.miyu-dialog, .miyu-dialog-panel, .miyu-overlay-panel { border-radius: 12px !important; }
.miyu-dialog-panel, .miyu-overlay-panel { background: var(--fg-panel) !important; border: 1px solid var(--fg-line-strong) !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important; }
#miyu-toast { background: var(--fg-panel) !important; border: 1px solid var(--fg-line-strong) !important; border-radius: 8px !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important; font-weight: 500 !important; }
#miyu-progress { background: var(--fg-blue) !important; box-shadow: none !important; }
.miyu-boot { background: var(--fg-canvas) !important; }
.miyu-boot-glow { display: none !important; }

/* ---------- Phone ---------- */
@media (max-width: 1023px) {
  #mf-topbar { position: static; min-height: 48px; margin-bottom: 1.25rem; }
  #mf-topbar .mf-top-right { width: 100%; justify-content: flex-start; }
  #mf-topbar .mf-top-right:empty { display: none; }
  #mf-topbar .mf-actions .mk-btn { flex: 1 1 auto; min-height: 44px; }
  #mf-changes .mf-discard, #mf-changes .mf-save { display: none; }
  #mf-changes .mf-pill { height: 44px; }
  .mk-bar.mf-chip { max-width: 100%; width: 100%; min-height: 48px; }
  .mk-bar.mf-chip > div { width: 100%; justify-content: space-between; }
  .mk-tab { height: 44px; }
  .mk-input, .miyu-cs-btn { min-height: 44px; }
  #miyu-savebar { left: 12px !important; right: 12px; width: auto !important; max-width: none !important; transform: translateY(160%) !important; }
  #miyu-savebar.is-on { transform: none !important; }
  #miyu-savebar .miyu-savebar-text { flex: 1; }
}

/* Small labels read as sentence case everywhere. */
.miyu-perm-list > .miyu-perm-label, #panel-lang-switcher > :first-child:not(.panel-lang-seg), #miyu-sidebar [class*="uppercase"] { text-transform: none !important; letter-spacing: 0 !important; font-weight: 500 !important; font-size: 11px !important; color: var(--fg-text-3) !important; }
main [class*="uppercase"][class*="tracking"] { letter-spacing: 0.02em !important; }

/* ---------- Admin panel menu ---------- */
aside.w-60 { background: var(--fg-panel) !important; border-color: var(--fg-line) !important; }
aside.w-60 > div:first-child { padding: 16px !important; }
aside.w-60 > div:first-child > div { width: 28px !important; height: 28px !important; border-radius: 6px !important; }
aside.w-60 > div:first-child > div svg { width: 16px; height: 16px; }
aside.w-60 > div:first-child > span { font-size: 14px !important; font-weight: 600 !important; }
aside.w-60 nav { padding: 0 8px !important; }
aside.w-60 nav a { min-height: 36px; padding: 0 10px !important; border-radius: 6px !important; font-size: 13px !important; font-weight: 400 !important; color: #c2c2c2 !important; background: transparent !important; box-shadow: none !important; }
aside.w-60 nav a svg { width: 16px; height: 16px; color: var(--fg-text-3); }
aside.w-60 nav a:hover { background: var(--fg-hover) !important; color: #fff !important; }
aside.w-60 nav a[class~="bg-miyu"] { background: var(--fg-blue-tint) !important; color: #fff !important; font-weight: 600 !important; }
aside.w-60 nav a[class~="bg-miyu"] svg { color: var(--fg-blue-ink); }
aside.w-60 > div:last-child a { background: transparent !important; border: 1px solid var(--fg-line-strong); border-radius: 6px !important; min-height: 36px; padding: 0 12px !important; }
aside.w-60 > div:last-child a:hover { background: var(--fg-hover) !important; }
.discord-toggle.active { background: var(--fg-blue) !important; }

/* ---------- Server list and other pages outside a server ---------- */
header[class^="bg-[#10141f]"], header[class*=" bg-[#10141f]"], header[class^="bg-[#0e1219]"], header[class*=" bg-[#0e1219]"], body > header { background: var(--fg-panel) !important; border-color: var(--fg-line) !important; backdrop-filter: none !important; }
.field { background: var(--fg-field) !important; border-color: transparent !important; border-radius: 6px !important; }
.field:focus, .field:focus-within { border-color: var(--fg-blue) !important; }
.server-card { background: var(--fg-panel) !important; border-color: var(--fg-line) !important; border-radius: 10px !important; }
.server-card:hover { border-color: var(--fg-line-strong) !important; transform: none !important; box-shadow: none !important; }
.server-hero { background-color: var(--fg-field) !important; }
.server-hero::after { background: linear-gradient(to top, #2c2c2c 0%, rgba(44, 44, 44, 0.55) 45%, rgba(44, 44, 44, 0.15) 100%) !important; }
.skeleton { background-image: linear-gradient(90deg, #2c2c2c 25%, #383838 50%, #2c2c2c 75%) !important; }

[class^="bg-[#1a1a3a]"], [class*=" bg-[#1a1a3a]"], [class^="bg-[#1b2130]"], [class*=" bg-[#1b2130]"], [class^="bg-[#1c2230]"], [class*=" bg-[#1c2230]"] { background-color: #333 !important; }
main input:not([class*="bg-"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]), main select:not([class*="bg-"]), main textarea:not([class*="bg-"]), main select option { background-color: var(--fg-field); }
main input[class~="bg-transparent"] { background-color: transparent; }

/* ---------- Overview ---------- */
main a[id^="card-"] { position: relative; }
.mf-state { position: absolute; top: 14px; right: 14px; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--fg-text-3); }
.mf-state::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #6b6b6b; }
.mf-state.is-on { color: var(--fg-green-ink); }
.mf-state.is-on::before { background: var(--fg-green); }
a.action-card:hover, .action-card:hover .action-ico { border-color: var(--fg-line-strong) !important; }

/* The status badge next to the title repeated the module switch; the section outline was removed on request. */
#statusBadge, #mf-inspector { display: none !important; }

/* Decorative blurred blobs and glow shadows are not part of this look. */
main [class*="blur-["][class*="absolute"], main [class*="blur-3xl"][class*="absolute"], main [class*="blur-2xl"][class*="absolute"], main [class*="blur-xl"][class*="absolute"] { display: none !important; }
main [class*="bg-gradient-to-"]:not([class*="bg-clip-text"]) { background-image: none !important; }
main .h-full[class*="bg-gradient-to-"] { background-color: var(--fg-blue) !important; }
main [class*="bg-gradient-to-"]:not(.h-full):not([class*="bg-clip-text"]):not([class*=" bg-"]):not([class^="bg-["]) { background-color: var(--fg-panel); }
main [class*="shadow-miyu"], main [class*="shadow-premium"], main [class*="shadow-twitch"], main [class*="shadow-youtube"], main [class*="shadow-["], main .slot-btn, main .hp-type, main .tab-active { box-shadow: none !important; }
main .tab-active { background-image: none !important; background-color: var(--fg-blue-fill) !important; }
.pm-hero, .pm-gate { background-image: none !important; background-color: var(--fg-panel) !important; border-color: var(--fg-line) !important; box-shadow: none !important; }
.pm-hero::before, .pm-hero::after, .pm-gate::before, .pm-gate::after { display: none !important; }
main :is(.twitch-card, .yt-card, .server-card, .miyu-card, .sa-card):hover { transform: none !important; }

/* ---------- Page-level clean-ups ---------- */
.pm-btn-primary, .pm-btn { box-shadow: none !important; border-radius: 6px !important; }
.miyu-page-head h1 > div:not(:has(*)), .miyu-page-head h1 > span:not(:has(*)):empty { display: none !important; }
main h1 > svg { display: none !important; }
main h1 ~ p[class*="ml-11"], main p.ml-11 { margin-left: 0 !important; }
#handlerRoles { display: flex; flex-wrap: wrap; gap: 6px; max-height: 14rem; background: transparent !important; border: 0 !important; padding: 0 !important; }
#handlerRoles > * { margin: 0 !important; }
.handler-role-chip { position: relative; }
.handler-role-chip input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.handler-role-chip span { display: inline-flex; align-items: center; min-height: 32px; padding: 0 10px !important; border-radius: 6px !important; background: var(--fg-field) !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; font-size: 12.5px !important; color: var(--fg-text-2); }
.handler-role-chip input:checked + span { background: var(--fg-blue-tint) !important; color: #fff; box-shadow: inset 0 0 0 1px var(--fg-blue); }
.handler-role-chip input:focus-visible + span { outline: 2px solid var(--fg-blue); outline-offset: 2px; }