/* ═══════════════════════════════════════════════════════════════
   UnityCraft — Spatial Futuristic Layer  v2
   Pure AJOUT sur style.css
═══════════════════════════════════════════════════════════════ */

/* ── FOND SPATIAL ─────────────────────────────────────────── */
body {
  background: #04050a;
  background-image:
    radial-gradient(ellipse 90% 60% at 15% 10%,  rgba(88,101,242,.12)  0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 85% 90%,  rgba(87,242,135,.07)  0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 55% 50%,  rgba(235,69,158,.05)  0%, transparent 45%),
    radial-gradient(ellipse 100% 80% at 50% 100%, rgba(14,15,25,1)      0%, transparent 100%);
}

/* ── SCANLINES ────────────────────────────────────────────── */
body::after {
  content: '';
  position: fixed; inset: 0;
  background: repeating-linear-gradient(
    0deg, transparent, transparent 2px,
    rgba(0,0,0,.055) 2px, rgba(0,0,0,.055) 4px
  );
  pointer-events: none; z-index: 1;
  animation: scanlines 10s linear infinite;
}
@keyframes scanlines {
  0%   { background-position: 0 0; }
  100% { background-position: 0 200px; }
}

/* ── SIDEBAR & TOPBAR ─────────────────────────────────────── */
#sidebar {
  background: rgba(6,7,12,.28) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.topbar {
  background: rgba(4,5,10,.22) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
/* Supprimer la bordure droite opaque de la sidebar */
#sidebar::after {
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(88,101,242,.15) 30%,
    rgba(87,242,135,.08) 70%,
    transparent 100%) !important;
}

/* ── TOPBAR GLOW LINE ─────────────────────────────────────── */
.topbar::after {
  background: linear-gradient(90deg,
    transparent, rgba(88,101,242,.55), rgba(87,242,135,.3), transparent) !important;
  height: 1px; opacity: 1;
}

/* ═══════════════════════════════════════════════════════════
   NEON BORDERS — chaque élément garde SA couleur
═══════════════════════════════════════════════════════════ */

/* Cards & stat-cards → bleu #5865F2 */
.card {
  background: rgba(255,255,255,.022) !important;
  backdrop-filter: blur(8px);
  transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease !important;
}
.card:hover:not([class*="uc-pc-"]) {
  border-color: rgba(88,101,242,.55) !important;
  box-shadow:
    0 4px 20px rgba(0,0,0,.3),
    0 0 18px rgba(88,101,242,.25),
    0 0 40px rgba(88,101,242,.08),
    inset 0 0 24px rgba(88,101,242,.04) !important;
}

.stat-card {
  background: rgba(255,255,255,.022) !important;
  backdrop-filter: blur(8px);
}
.stat-card:hover {
  border-color: rgba(88,101,242,.55) !important;
  box-shadow:
    0 8px 24px rgba(0,0,0,.35),
    0 0 22px rgba(88,101,242,.3),
    0 0 48px rgba(88,101,242,.1) !important;
}

/* Plugin rows ON → bleu */
.plugin-row:hover {
  border-color: rgba(88,101,242,.5) !important;
  box-shadow:
    0 2px 10px rgba(0,0,0,.2),
    0 0 18px rgba(88,101,242,.2),
    inset 0 0 20px rgba(88,101,242,.04) !important;
}
/* Plugin rows OFF → rouge */
.plugin-row.off-row:hover {
  border-color: rgba(237,66,69,.5) !important;
  box-shadow:
    0 2px 10px rgba(0,0,0,.2),
    0 0 16px rgba(237,66,69,.2),
    inset 0 0 16px rgba(237,66,69,.04) !important;
}

/* Task rows → vert */
.task-row:hover {
  border-color: rgba(87,242,135,.5) !important;
  box-shadow:
    0 2px 12px rgba(0,0,0,.2),
    0 0 18px rgba(87,242,135,.2),
    inset 0 0 18px rgba(87,242,135,.04) !important;
}

/* Backup rows → bleu */
.backup-row:hover {
  border-color: rgba(88,101,242,.5) !important;
  box-shadow:
    0 0 16px rgba(88,101,242,.2),
    inset 0 0 14px rgba(88,101,242,.04) !important;
}

/* File items → bleu */
.file-item:hover {
  border-color: rgba(88,101,242,.45) !important;
  box-shadow: 0 0 14px rgba(88,101,242,.18) !important;
}
.file-item.active {
  border-color: rgba(88,101,242,.7) !important;
  box-shadow:
    0 0 16px rgba(88,101,242,.3),
    inset 0 0 16px rgba(88,101,242,.06) !important;
}

/* Worldset cards → vert quand actif, bleu sinon */
.worldset-card:hover {
  border-color: rgba(88,101,242,.45) !important;
  box-shadow:
    0 4px 16px rgba(0,0,0,.25),
    0 0 20px rgba(88,101,242,.18) !important;
}
.worldset-card-active:hover {
  border-color: rgba(87,242,135,.55) !important;
  box-shadow:
    0 4px 16px rgba(0,0,0,.25),
    0 0 20px rgba(87,242,135,.2) !important;
}

/* Pack rows → vert quand actif */
.pack-row:hover {
  border-color: rgba(88,101,242,.4) !important;
  box-shadow: 0 0 14px rgba(88,101,242,.15) !important;
}
.pack-row-active:hover {
  border-color: rgba(87,242,135,.5) !important;
  box-shadow: 0 0 16px rgba(87,242,135,.2) !important;
}

/* Dim cards → couleur de leur dimension */
.dim-card:hover { border-color: rgba(88,101,242,.4) !important; }
.dim-card-active:hover {
  border-color: rgba(87,242,135,.55) !important;
  box-shadow: 0 0 14px rgba(87,242,135,.2) !important;
}

/* Console & chat → très sombre */
.console-log, .chat-log {
  background: rgba(2,3,7,.92) !important;
  box-shadow: inset 0 2px 20px rgba(0,0,0,.5) !important;
}

/* Modal → bleu profond */
.modal {
  background: rgba(8,9,16,.95) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  box-shadow:
    0 20px 60px rgba(0,0,0,.7),
    0 0 40px rgba(88,101,242,.14),
    inset 0 0 60px rgba(88,101,242,.03) !important;
}

/* Login box */
.login-box {
  box-shadow:
    0 20px 60px rgba(0,0,0,.7),
    0 0 60px rgba(88,101,242,.16),
    0 0 120px rgba(87,242,135,.07),
    inset 0 0 40px rgba(88,101,242,.04) !important;
}

/* ── BOUTONS — glow couleur propre ────────────────────────── */
.btn-primary:hover:not(:disabled) {
  box-shadow: 0 4px 16px rgba(88,101,242,.45), 0 0 28px rgba(88,101,242,.28) !important;
}
.btn-success:hover:not(:disabled) {
  box-shadow: 0 2px 12px rgba(87,242,135,.25), 0 0 24px rgba(87,242,135,.18) !important;
}
.btn-danger:hover:not(:disabled) {
  box-shadow: 0 2px 12px rgba(237,66,69,.25),  0 0 22px rgba(237,66,69,.18)  !important;
}
.btn-warning:hover:not(:disabled) {
  box-shadow: 0 2px 12px rgba(254,231,92,.2),  0 0 20px rgba(254,231,92,.14) !important;
}
.ctrl-btn:hover {
  filter: brightness(1.2) !important;
}

/* ── NAV ACTIVE ───────────────────────────────────────────── */
.nav-btn.active {
  box-shadow: 0 0 14px rgba(88,101,242,.25) !important;
}

/* ── PLAYER BADGE ─────────────────────────────────────────── */
.player-badge {
  box-shadow: 0 0 14px rgba(87,242,135,.25) !important;
}

/* ── ONLINE DOT ───────────────────────────────────────────── */
.online-dot {
  animation: online-pulse 2.5s ease-in-out infinite !important;
}
@keyframes online-pulse {
  0%,100% { box-shadow: 0 0 5px rgba(87,242,135,.5); }
  50%     { box-shadow: 0 0 14px rgba(87,242,135,.9), 0 0 26px rgba(87,242,135,.3); }
}
.world-active-dot { animation: online-pulse 2s infinite !important; }

/* ── INPUTS FOCUS ─────────────────────────────────────────── */
.li:focus,
.full-input:focus,
.form-input:focus,
.form-select:focus,
.player-add-input:focus,
.console-filter:focus,
.cmd-input:focus,
.search-input:focus {
  box-shadow: 0 0 0 3px rgba(88,101,242,.15), 0 0 18px rgba(88,101,242,.22) !important;
}

/* ── CROCHETS ANGULAIRES FUTURISTES ───────────────────────── */
/* Redéfinis par couleur selon l'élément */
.stat-card, .card, .worldset-card, .plugin-row, .task-row, .backup-row {
  isolation: isolate;
}

/* Crochet haut-gauche — card/stat-card : bleu */
.stat-card::before, .card::before {
  content: '' !important;
  position: absolute !important;
  top: -1px !important; left: -1px !important;
  width: 14px !important; height: 14px !important;
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  border-radius: 3px 0 0 0 !important;
  transition: border-color .25s ease, filter .25s ease !important;
  pointer-events: none !important; z-index: 2 !important;
  background: none !important;
}
.stat-card:hover::before, .card:hover::before {
  border-top-color: rgba(88,101,242,.9) !important;
  border-left-color: rgba(88,101,242,.9) !important;
  filter: drop-shadow(0 0 5px rgba(88,101,242,.7)) !important;
}

/* task-row crochet : vert */
.task-row { position: relative; }
.task-row::before {
  content: ''; position: absolute;
  top: -1px; left: -1px;
  width: 13px; height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-radius: 3px 0 0 0;
  transition: border-color .25s ease, filter .25s ease;
  pointer-events: none; z-index: 2;
}
.task-row:hover::before {
  border-top-color: rgba(87,242,135,.9);
  border-left-color: rgba(87,242,135,.9);
  filter: drop-shadow(0 0 5px rgba(87,242,135,.7));
}

/* plugin-row crochet : bleu ou rouge */
.plugin-row { position: relative; }
.plugin-row::before {
  content: ''; position: absolute;
  top: -1px; left: -1px;
  width: 13px; height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-radius: 3px 0 0 0;
  transition: border-color .25s ease, filter .25s ease;
  pointer-events: none; z-index: 2;
}
.plugin-row:hover::before {
  border-top-color: rgba(88,101,242,.9);
  border-left-color: rgba(88,101,242,.9);
  filter: drop-shadow(0 0 5px rgba(88,101,242,.7));
}
.plugin-row.off-row:hover::before {
  border-top-color: rgba(237,66,69,.9) !important;
  border-left-color: rgba(237,66,69,.9) !important;
  filter: drop-shadow(0 0 5px rgba(237,66,69,.7)) !important;
}

/* ── SCROLLBAR SPATIALE ───────────────────────────────────── */
::-webkit-scrollbar-thumb {
  background: rgba(88,101,242,.35) !important;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(88,101,242,.6) !important;
  box-shadow: 0 0 6px rgba(88,101,242,.4);
}

/* ── TOASTS ───────────────────────────────────────────────── */
.t-ok   { box-shadow: 0 6px 24px rgba(0,0,0,.5), 0 0 18px rgba(87,242,135,.2)  !important; }
.t-err  { box-shadow: 0 6px 24px rgba(0,0,0,.5), 0 0 18px rgba(237,66,69,.2)   !important; }
.t-warn { box-shadow: 0 6px 24px rgba(0,0,0,.5), 0 0 18px rgba(254,231,92,.15) !important; }
.t-info { box-shadow: 0 6px 24px rgba(0,0,0,.5), 0 0 18px rgba(88,101,242,.2)  !important; }

/* ── PLUGINS-CONFIG rows — transition gérée en JS (react-fx.js) */
.cfg-row {
  transition: background .15s ease, box-shadow .15s ease !important;
}

/* ── BADGES MONDES — rendu/simulation ────────────────────── */
/* Difficulté : déjà géré par .diff-badge.diff-* dans style.css */

/* Distance de rendu → cyan */
.uc-badge-view {
  display: inline-flex; align-items: center;
  font-size: 10px; font-weight: 700;
  padding: 2px 8px; border-radius: 4px;
  color: #00b0f4;
  background: rgba(0,176,244,.12);
  border: 1px solid rgba(0,176,244,.28);
  letter-spacing: .04em;
  transition: box-shadow .2s ease;
}
.uc-badge-view:hover {
  box-shadow: 0 0 10px rgba(0,176,244,.4);
}

/* Distance de simulation → orange */
.uc-badge-sim {
  display: inline-flex; align-items: center;
  font-size: 10px; font-weight: 700;
  padding: 2px 8px; border-radius: 4px;
  color: #ff7f50;
  background: rgba(255,127,80,.12);
  border: 1px solid rgba(255,127,80,.28);
  letter-spacing: .04em;
  transition: box-shadow .2s ease;
}
.uc-badge-sim:hover {
  box-shadow: 0 0 10px rgba(255,127,80,.4);
}

/* ── BOUTONS ACTIONS MONDES — glow distinctif ─────────────── */
/* ⚔️ Difficulté → rouge-orange */
.btn[title="Changer la difficulté"] {
  color: #FF7043 !important;
  border-color: rgba(255,112,67,.25) !important;
  background: rgba(255,112,67,.08) !important;
}
.btn[title="Changer la difficulté"]:hover {
  background: rgba(255,112,67,.18) !important;
  border-color: rgba(255,112,67,.55) !important;
  box-shadow: 0 0 14px rgba(255,112,67,.4), 0 0 28px rgba(255,112,67,.15) !important;
  color: #FF7043 !important;
}

/* 📡 Distances → cyan */
.btn[title="Distances de rendu/simulation"] {
  color: #00b0f4 !important;
  border-color: rgba(0,176,244,.25) !important;
  background: rgba(0,176,244,.08) !important;
}
.btn[title="Distances de rendu/simulation"]:hover {
  background: rgba(0,176,244,.18) !important;
  border-color: rgba(0,176,244,.55) !important;
  box-shadow: 0 0 14px rgba(0,176,244,.4), 0 0 28px rgba(0,176,244,.15) !important;
  color: #00b0f4 !important;
}

/* 💾 Backup → bleu primaire amplifié */
.btn[title="Backup (3 dimensions)"] {
  box-shadow: 0 0 8px rgba(88,101,242,.2) !important;
}
.btn[title="Backup (3 dimensions)"]:hover {
  box-shadow: 0 0 16px rgba(88,101,242,.5), 0 0 32px rgba(88,101,242,.2) !important;
}

/* ✏️ Renommer → jaune amplifié */
.btn[title="Renommer"]:hover {
  box-shadow: 0 0 14px rgba(254,231,92,.4), 0 0 28px rgba(254,231,92,.15) !important;
}

/* 🗑 Supprimer → rouge amplifié */
.btn.btn-danger.btn-xs:not([disabled]):hover {
  box-shadow: 0 0 14px rgba(237,66,69,.45), 0 0 28px rgba(237,66,69,.18) !important;
}





/* ══════════════════════════════════════════════════════════════
   NEON PLUGIN CARDS — couleur exacte par plugin, CSS pur
   Bat les !important CSS via spécificité + !important propre
══════════════════════════════════════════════════════════════ */

/* Base : glow permanent subtil + transition */
[class*="uc-pc-"] {
  transition: box-shadow .22s ease, border-color .22s ease !important;
}

/* AuraSkills → rouge #ED4245 */
.uc-pc-auraskills               { box-shadow: 0 0 12px rgba(237,66,69,.25), 0 0 28px rgba(237,66,69,.08) !important; border-color: rgba(237,66,69,.5) !important; }
.uc-pc-auraskills:hover         { box-shadow: 0 0 22px rgba(237,66,69,.7),  0 0 50px rgba(237,66,69,.25), inset 0 0 30px rgba(237,66,69,.06) !important; border-color: rgba(237,66,69,.9) !important; }

/* EssentialsX → bleu #5865F2 */
.uc-pc-essentials               { box-shadow: 0 0 12px rgba(88,101,242,.25), 0 0 28px rgba(88,101,242,.08) !important; border-color: rgba(88,101,242,.5) !important; }
.uc-pc-essentials:hover         { box-shadow: 0 0 22px rgba(88,101,242,.7),  0 0 50px rgba(88,101,242,.25), inset 0 0 30px rgba(88,101,242,.06) !important; border-color: rgba(88,101,242,.9) !important; }

/* EssentialsXSpawn → cyan #00b0f4 */
.uc-pc-essspawn                 { box-shadow: 0 0 12px rgba(0,176,244,.25), 0 0 28px rgba(0,176,244,.08) !important; border-color: rgba(0,176,244,.5) !important; }
.uc-pc-essspawn:hover           { box-shadow: 0 0 22px rgba(0,176,244,.7),  0 0 50px rgba(0,176,244,.25), inset 0 0 30px rgba(0,176,244,.06) !important; border-color: rgba(0,176,244,.9) !important; }

/* Floodgate → cyan #00b0f4 */
.uc-pc-floodgate                { box-shadow: 0 0 12px rgba(0,176,244,.25), 0 0 28px rgba(0,176,244,.08) !important; border-color: rgba(0,176,244,.5) !important; }
.uc-pc-floodgate:hover          { box-shadow: 0 0 22px rgba(0,176,244,.7),  0 0 50px rgba(0,176,244,.25), inset 0 0 30px rgba(0,176,244,.06) !important; border-color: rgba(0,176,244,.9) !important; }

/* Geyser → vert #57F287 */
.uc-pc-geyser                   { box-shadow: 0 0 12px rgba(87,242,135,.25), 0 0 28px rgba(87,242,135,.08) !important; border-color: rgba(87,242,135,.5) !important; }
.uc-pc-geyser:hover             { box-shadow: 0 0 22px rgba(87,242,135,.7),  0 0 50px rgba(87,242,135,.25), inset 0 0 30px rgba(87,242,135,.06) !important; border-color: rgba(87,242,135,.9) !important; }

/* MCXboxBroadcast → vert foncé #107C10 */
.uc-pc-mcxboxbroadcast          { box-shadow: 0 0 12px rgba(16,124,16,.3),   0 0 28px rgba(16,124,16,.1) !important; border-color: rgba(16,124,16,.6) !important; }
.uc-pc-mcxboxbroadcast:hover    { box-shadow: 0 0 22px rgba(16,124,16,.8),   0 0 50px rgba(16,124,16,.3), inset 0 0 30px rgba(16,124,16,.08) !important; border-color: rgba(16,124,16,1) !important; }

/* Jobs → jaune #FEE75C */
.uc-pc-jobs_general             { box-shadow: 0 0 12px rgba(254,231,92,.25), 0 0 28px rgba(254,231,92,.08) !important; border-color: rgba(254,231,92,.5) !important; }
.uc-pc-jobs_general:hover       { box-shadow: 0 0 22px rgba(254,231,92,.7),  0 0 50px rgba(254,231,92,.25), inset 0 0 30px rgba(254,231,92,.06) !important; border-color: rgba(254,231,92,.9) !important; }

/* LuckPerms → violet #9b59b6 */
.uc-pc-luckperms                { box-shadow: 0 0 12px rgba(155,89,182,.25), 0 0 28px rgba(155,89,182,.08) !important; border-color: rgba(155,89,182,.5) !important; }
.uc-pc-luckperms:hover          { box-shadow: 0 0 22px rgba(155,89,182,.7),  0 0 50px rgba(155,89,182,.25), inset 0 0 30px rgba(155,89,182,.06) !important; border-color: rgba(155,89,182,.9) !important; }

/* PlaceholderAPI → orange #ff7f50 */
.uc-pc-papi                     { box-shadow: 0 0 12px rgba(255,127,80,.25), 0 0 28px rgba(255,127,80,.08) !important; border-color: rgba(255,127,80,.5) !important; }
.uc-pc-papi:hover               { box-shadow: 0 0 22px rgba(255,127,80,.7),  0 0 50px rgba(255,127,80,.25), inset 0 0 30px rgba(255,127,80,.06) !important; border-color: rgba(255,127,80,.9) !important; }

/* Shopkeepers → or #f0c040 */
.uc-pc-shopkeepers              { box-shadow: 0 0 12px rgba(240,192,64,.25), 0 0 28px rgba(240,192,64,.08) !important; border-color: rgba(240,192,64,.5) !important; }
.uc-pc-shopkeepers:hover        { box-shadow: 0 0 22px rgba(240,192,64,.7),  0 0 50px rgba(240,192,64,.25), inset 0 0 30px rgba(240,192,64,.06) !important; border-color: rgba(240,192,64,.9) !important; }

/* Towny → vert #57F287 */
.uc-pc-towny                    { box-shadow: 0 0 12px rgba(87,242,135,.25), 0 0 28px rgba(87,242,135,.08) !important; border-color: rgba(87,242,135,.5) !important; }
.uc-pc-towny:hover              { box-shadow: 0 0 22px rgba(87,242,135,.7),  0 0 50px rgba(87,242,135,.25), inset 0 0 30px rgba(87,242,135,.06) !important; border-color: rgba(87,242,135,.9) !important; }

/* TownyChat → vert #2ecc71 */
.uc-pc-townychat                { box-shadow: 0 0 12px rgba(46,204,113,.25), 0 0 28px rgba(46,204,113,.08) !important; border-color: rgba(46,204,113,.5) !important; }
.uc-pc-townychat:hover          { box-shadow: 0 0 22px rgba(46,204,113,.7),  0 0 50px rgba(46,204,113,.25), inset 0 0 30px rgba(46,204,113,.06) !important; border-color: rgba(46,204,113,.9) !important; }

/* ViaVersion → bleu gris #7289da */
.uc-pc-viaversion               { box-shadow: 0 0 12px rgba(114,137,218,.25), 0 0 28px rgba(114,137,218,.08) !important; border-color: rgba(114,137,218,.5) !important; }
.uc-pc-viaversion:hover         { box-shadow: 0 0 22px rgba(114,137,218,.7),  0 0 50px rgba(114,137,218,.25), inset 0 0 30px rgba(114,137,218,.06) !important; border-color: rgba(114,137,218,.9) !important; }

/* Spark → orange foncé #e86c00 */
.uc-pc-spark                    { box-shadow: 0 0 12px rgba(232,108,0,.25), 0 0 28px rgba(232,108,0,.08) !important; border-color: rgba(232,108,0,.5) !important; }
.uc-pc-spark:hover              { box-shadow: 0 0 22px rgba(232,108,0,.7),  0 0 50px rgba(232,108,0,.25), inset 0 0 30px rgba(232,108,0,.06) !important; border-color: rgba(232,108,0,.9) !important; }

/* bStats → gris #72767d */
.uc-pc-bstats                   { box-shadow: 0 0 12px rgba(114,118,125,.25), 0 0 28px rgba(114,118,125,.08) !important; border-color: rgba(114,118,125,.5) !important; }
.uc-pc-bstats:hover             { box-shadow: 0 0 22px rgba(114,118,125,.7),  0 0 50px rgba(114,118,125,.25), inset 0 0 30px rgba(114,118,125,.06) !important; border-color: rgba(114,118,125,.9) !important; }

/* Commandes — plugin key en lowercase (auraskills, jobs, etc.) */
.uc-pc-auraskills.card,
.uc-pc-essentials.card,
.uc-pc-jobs.card { /* jobs dans commands = "Jobs" → lowercase "jobs" */ }
.uc-pc-jobs                     { box-shadow: 0 0 12px rgba(254,231,92,.25), 0 0 28px rgba(254,231,92,.08) !important; border-color: rgba(254,231,92,.5) !important; }
.uc-pc-jobs:hover               { box-shadow: 0 0 22px rgba(254,231,92,.7),  0 0 50px rgba(254,231,92,.25), inset 0 0 30px rgba(254,231,92,.06) !important; border-color: rgba(254,231,92,.9) !important; }

/* ══════════════════════════════════════════════════════════════
   NEON PLUGIN PILLS — boutons sélecteur de plugin
══════════════════════════════════════════════════════════════ */
[class*="uc-pill-"] {
  transition: box-shadow .18s ease, border-color .18s ease, color .18s ease !important;
}

/* Config plugins */
.uc-pill-auraskills:hover     { box-shadow: 0 0 12px rgba(237,66,69,.6),   0 0 24px rgba(237,66,69,.2)   !important; border-color: rgba(237,66,69,.8)   !important; color: #ED4245 !important; }
.uc-pill-essentials:hover     { box-shadow: 0 0 12px rgba(88,101,242,.6),  0 0 24px rgba(88,101,242,.2)  !important; border-color: rgba(88,101,242,.8)  !important; color: #5865F2 !important; }
.uc-pill-essspawn:hover       { box-shadow: 0 0 12px rgba(0,176,244,.6),   0 0 24px rgba(0,176,244,.2)   !important; border-color: rgba(0,176,244,.8)   !important; color: #00b0f4 !important; }
.uc-pill-floodgate:hover      { box-shadow: 0 0 12px rgba(0,176,244,.6),   0 0 24px rgba(0,176,244,.2)   !important; border-color: rgba(0,176,244,.8)   !important; color: #00b0f4 !important; }
.uc-pill-geyser:hover         { box-shadow: 0 0 12px rgba(87,242,135,.6),  0 0 24px rgba(87,242,135,.2)  !important; border-color: rgba(87,242,135,.8)  !important; color: #57F287 !important; }
.uc-pill-mcxboxbroadcast:hover{ box-shadow: 0 0 12px rgba(16,124,16,.7),   0 0 24px rgba(16,124,16,.25)  !important; border-color: rgba(16,124,16,1)    !important; color: #107C10 !important; }
.uc-pill-jobs_general:hover   { box-shadow: 0 0 12px rgba(254,231,92,.6),  0 0 24px rgba(254,231,92,.2)  !important; border-color: rgba(254,231,92,.8)  !important; color: #FEE75C !important; }
.uc-pill-luckperms:hover      { box-shadow: 0 0 12px rgba(155,89,182,.6),  0 0 24px rgba(155,89,182,.2)  !important; border-color: rgba(155,89,182,.8)  !important; color: #9b59b6 !important; }
.uc-pill-papi:hover           { box-shadow: 0 0 12px rgba(255,127,80,.6),  0 0 24px rgba(255,127,80,.2)  !important; border-color: rgba(255,127,80,.8)  !important; color: #ff7f50 !important; }
.uc-pill-shopkeepers:hover    { box-shadow: 0 0 12px rgba(240,192,64,.6),  0 0 24px rgba(240,192,64,.2)  !important; border-color: rgba(240,192,64,.8)  !important; color: #f0c040 !important; }
.uc-pill-towny:hover          { box-shadow: 0 0 12px rgba(87,242,135,.6),  0 0 24px rgba(87,242,135,.2)  !important; border-color: rgba(87,242,135,.8)  !important; color: #57F287 !important; }
.uc-pill-townychat:hover      { box-shadow: 0 0 12px rgba(46,204,113,.6),  0 0 24px rgba(46,204,113,.2)  !important; border-color: rgba(46,204,113,.8)  !important; color: #2ecc71 !important; }
.uc-pill-viaversion:hover     { box-shadow: 0 0 12px rgba(114,137,218,.6), 0 0 24px rgba(114,137,218,.2) !important; border-color: rgba(114,137,218,.8) !important; color: #7289da !important; }
.uc-pill-spark:hover          { box-shadow: 0 0 12px rgba(232,108,0,.6),   0 0 24px rgba(232,108,0,.2)   !important; border-color: rgba(232,108,0,.8)   !important; color: #e86c00 !important; }
.uc-pill-bstats:hover         { box-shadow: 0 0 12px rgba(114,118,125,.5), 0 0 24px rgba(114,118,125,.18)!important; border-color: rgba(114,118,125,.7) !important; color: #72767d !important; }

/* Jobs sous-métiers → jaune (même couleur que jobs_general) */
.uc-pill-jobbrewer:hover,
.uc-pill-jobbuilder:hover,
.uc-pill-jobcrafter:hover,
.uc-pill-jobdigger:hover,
.uc-pill-jobenchanter:hover,
.uc-pill-jobexplorer:hover,
.uc-pill-jobfarmer:hover,
.uc-pill-jobfisherman:hover,
.uc-pill-jobhunter:hover,
.uc-pill-jobminer:hover,
.uc-pill-jobweaponsmith:hover,
.uc-pill-jobwoodcutter:hover  { box-shadow: 0 0 12px rgba(254,231,92,.6), 0 0 24px rgba(254,231,92,.2) !important; border-color: rgba(254,231,92,.8) !important; color: #FEE75C !important; }

/* Cards Jobs sous-métiers → jaune aussi */
.uc-pc-job_brewer, .uc-pc-job_builder, .uc-pc-job_crafter, .uc-pc-job_digger,
.uc-pc-job_enchanter, .uc-pc-job_explorer, .uc-pc-job_farmer, .uc-pc-job_fisherman,
.uc-pc-job_hunter, .uc-pc-job_miner, .uc-pc-job_weaponsmith, .uc-pc-job_woodcutter {
  box-shadow: 0 0 12px rgba(254,231,92,.25), 0 0 28px rgba(254,231,92,.08) !important;
  border-color: rgba(254,231,92,.5) !important;
}
.uc-pc-job_brewer:hover, .uc-pc-job_builder:hover, .uc-pc-job_crafter:hover,
.uc-pc-job_digger:hover, .uc-pc-job_enchanter:hover, .uc-pc-job_explorer:hover,
.uc-pc-job_farmer:hover, .uc-pc-job_fisherman:hover, .uc-pc-job_hunter:hover,
.uc-pc-job_miner:hover, .uc-pc-job_weaponsmith:hover, .uc-pc-job_woodcutter:hover {
  box-shadow: 0 0 22px rgba(254,231,92,.7), 0 0 50px rgba(254,231,92,.25), inset 0 0 30px rgba(254,231,92,.06) !important;
  border-color: rgba(254,231,92,.9) !important;
}

/* Commandes — clé lowercase sans ponctuation */
.uc-pill-auraskills:hover  { box-shadow: 0 0 12px rgba(237,66,69,.6),  0 0 24px rgba(237,66,69,.2)  !important; border-color: rgba(237,66,69,.8)  !important; color:#ED4245 !important; }
.uc-pill-jobs:hover        { box-shadow: 0 0 12px rgba(254,231,92,.6), 0 0 24px rgba(254,231,92,.2) !important; border-color: rgba(254,231,92,.8) !important; color:#FEE75C !important; }
.uc-pill-luckperms:hover   { box-shadow: 0 0 12px rgba(155,89,182,.6), 0 0 24px rgba(155,89,182,.2)!important; border-color: rgba(155,89,182,.8)!important; color:#9b59b6 !important; }
.uc-pill-essentialsx:hover { box-shadow: 0 0 12px rgba(88,101,242,.6), 0 0 24px rgba(88,101,242,.2)!important; border-color: rgba(88,101,242,.8)!important; color:#5865F2 !important; }
.uc-pill-towny:hover       { box-shadow: 0 0 12px rgba(87,242,135,.6), 0 0 24px rgba(87,242,135,.2)!important; border-color: rgba(87,242,135,.8)!important; color:#57F287 !important; }
.uc-pill-townychat:hover   { box-shadow: 0 0 12px rgba(46,204,113,.6), 0 0 24px rgba(46,204,113,.2)!important; border-color: rgba(46,204,113,.8)!important; color:#2ecc71 !important; }
.uc-pill-viaversion:hover  { box-shadow: 0 0 12px rgba(114,137,218,.6),0 0 24px rgba(114,137,218,.2)!important;border-color:rgba(114,137,218,.8)!important;color:#7289da !important; }
.uc-pill-geyser:hover      { box-shadow: 0 0 12px rgba(87,242,135,.6), 0 0 24px rgba(87,242,135,.2)!important; border-color: rgba(87,242,135,.8)!important; color:#57F287 !important; }
.uc-pill-shopkeepers:hover { box-shadow: 0 0 12px rgba(240,192,64,.6), 0 0 24px rgba(240,192,64,.2)!important; border-color: rgba(240,192,64,.8)!important; color:#f0c040 !important; }

/* Jobs sous-métiers pills — uc-pill-job_<metier> */
.uc-pill-job_brewer:hover,
.uc-pill-job_builder:hover,
.uc-pill-job_crafter:hover,
.uc-pill-job_digger:hover,
.uc-pill-job_enchanter:hover,
.uc-pill-job_explorer:hover,
.uc-pill-job_farmer:hover,
.uc-pill-job_fisherman:hover,
.uc-pill-job_hunter:hover,
.uc-pill-job_miner:hover,
.uc-pill-job_weaponsmith:hover,
.uc-pill-job_woodcutter:hover {
  box-shadow: 0 0 12px rgba(254,231,92,.6), 0 0 24px rgba(254,231,92,.2) !important;
  border-color: rgba(254,231,92,.8) !important;
  color: #FEE75C !important;
}

/* ── BOUTONS START / STOP / RESTART ──────────────────────── */
.ctrl-btn[title="Démarrer"] {
  transition: box-shadow .18s ease, transform .15s ease !important;
}
.ctrl-btn[title="Démarrer"]:hover {
  box-shadow: 0 0 14px rgba(87,242,135,.6), 0 0 28px rgba(87,242,135,.2) !important;
  transform: translateY(-1px) !important;
}

.ctrl-btn[title="Arrêter"] {
  transition: box-shadow .18s ease, transform .15s ease !important;
}
.ctrl-btn[title="Arrêter"]:hover {
  box-shadow: 0 0 14px rgba(237,66,69,.6), 0 0 28px rgba(237,66,69,.2) !important;
  transform: translateY(-1px) !important;
}

.ctrl-btn[title="Redémarrer"] {
  transition: box-shadow .18s ease, transform .15s ease !important;
}
.ctrl-btn[title="Redémarrer"]:hover {
  box-shadow: 0 0 14px rgba(254,231,92,.6), 0 0 28px rgba(254,231,92,.2) !important;
  transform: translateY(-1px) !important;
}

/* ── COMMANDES — classes manquantes (noms PC_DATA ≠ CFG ids) ─ */
/* EssentialsX → bleu */
.uc-pc-essentialsx               { box-shadow:0 0 12px rgba(88,101,242,.25),0 0 28px rgba(88,101,242,.08) !important; border-color:rgba(88,101,242,.5) !important; }
.uc-pc-essentialsx:hover         { box-shadow:0 0 22px rgba(88,101,242,.7),0 0 50px rgba(88,101,242,.25),inset 0 0 30px rgba(88,101,242,.06) !important; border-color:rgba(88,101,242,.9) !important; }

/* EssentialsXChat → rose */
.uc-pc-essentialsxchat           { box-shadow:0 0 12px rgba(235,69,158,.25),0 0 28px rgba(235,69,158,.08) !important; border-color:rgba(235,69,158,.5) !important; }
.uc-pc-essentialsxchat:hover     { box-shadow:0 0 22px rgba(235,69,158,.7),0 0 50px rgba(235,69,158,.25),inset 0 0 30px rgba(235,69,158,.06) !important; border-color:rgba(235,69,158,.9) !important; }

/* EssentialsXSpawn → cyan */
.uc-pc-essentialsxspawn          { box-shadow:0 0 12px rgba(0,176,244,.25),0 0 28px rgba(0,176,244,.08) !important; border-color:rgba(0,176,244,.5) !important; }
.uc-pc-essentialsxspawn:hover    { box-shadow:0 0 22px rgba(0,176,244,.7),0 0 50px rgba(0,176,244,.25),inset 0 0 30px rgba(0,176,244,.06) !important; border-color:rgba(0,176,244,.9) !important; }

/* PlaceholderAPI → orange */
.uc-pc-placeholderapi            { box-shadow:0 0 12px rgba(255,127,80,.25),0 0 28px rgba(255,127,80,.08) !important; border-color:rgba(255,127,80,.5) !important; }
.uc-pc-placeholderapi:hover      { box-shadow:0 0 22px rgba(255,127,80,.7),0 0 50px rgba(255,127,80,.25),inset 0 0 30px rgba(255,127,80,.06) !important; border-color:rgba(255,127,80,.9) !important; }

/* Vault → gris argenté */
.uc-pc-vault                     { box-shadow:0 0 12px rgba(138,143,152,.25),0 0 28px rgba(138,143,152,.08) !important; border-color:rgba(138,143,152,.5) !important; }
.uc-pc-vault:hover               { box-shadow:0 0 22px rgba(138,143,152,.7),0 0 50px rgba(138,143,152,.25),inset 0 0 30px rgba(138,143,152,.06) !important; border-color:rgba(138,143,152,.9) !important; }

/* CMILib → gris */
.uc-pc-cmilib                    { box-shadow:0 0 12px rgba(114,118,125,.25),0 0 28px rgba(114,118,125,.08) !important; border-color:rgba(114,118,125,.5) !important; }
.uc-pc-cmilib:hover              { box-shadow:0 0 22px rgba(114,118,125,.7),0 0 50px rgba(114,118,125,.25),inset 0 0 30px rgba(114,118,125,.06) !important; border-color:rgba(114,118,125,.9) !important; }

/* Vanilla (toutes variantes) → violet discret */
[class*="uc-pc-vanilla"]         { box-shadow:0 0 12px rgba(155,89,182,.2),0 0 28px rgba(155,89,182,.06) !important; border-color:rgba(155,89,182,.4) !important; }
[class*="uc-pc-vanilla"]:hover   { box-shadow:0 0 22px rgba(155,89,182,.6),0 0 50px rgba(155,89,182,.2),inset 0 0 30px rgba(155,89,182,.05) !important; border-color:rgba(155,89,182,.85) !important; }

/* ── PILLS COMMANDES — manquantes ────────────────────────── */
.uc-pill-essentialsx:hover       { box-shadow:0 0 12px rgba(88,101,242,.6),0 0 24px rgba(88,101,242,.2) !important; border-color:rgba(88,101,242,.8) !important; color:#5865F2 !important; }
.uc-pill-essentialsxchat:hover   { box-shadow:0 0 12px rgba(235,69,158,.6),0 0 24px rgba(235,69,158,.2) !important; border-color:rgba(235,69,158,.8) !important; color:#EB459E !important; }
.uc-pill-essentialsxspawn:hover  { box-shadow:0 0 12px rgba(0,176,244,.6),0 0 24px rgba(0,176,244,.2) !important; border-color:rgba(0,176,244,.8) !important; color:#00b0f4 !important; }
.uc-pill-placeholderapi:hover    { box-shadow:0 0 12px rgba(255,127,80,.6),0 0 24px rgba(255,127,80,.2) !important; border-color:rgba(255,127,80,.8) !important; color:#ff7f50 !important; }
.uc-pill-vault:hover             { box-shadow:0 0 12px rgba(138,143,152,.6),0 0 24px rgba(138,143,152,.2) !important; border-color:rgba(138,143,152,.8) !important; color:#8a8f98 !important; }
.uc-pill-cmilib:hover            { box-shadow:0 0 12px rgba(114,118,125,.5),0 0 24px rgba(114,118,125,.18) !important; border-color:rgba(114,118,125,.7) !important; color:#72767d !important; }

/* Vanilla toutes variantes → violet */
[class*="uc-pill-vanilla"]:hover { box-shadow:0 0 12px rgba(155,89,182,.6),0 0 24px rgba(155,89,182,.2) !important; border-color:rgba(155,89,182,.8) !important; color:#9b59b6 !important; }