:root{
  color-scheme:dark;
  --bg:#080b12;
  --bg2:#0d111b;
  --sidebar:#0b0f17;
  --surface:#111722;
  --surface2:#151d2a;
  --surface3:#1a2432;
  --line:#263246;
  --line2:#33415a;
  --text:#f7f9fc;
  --muted:#98a5b8;
  --primary:#6c63ff;
  --primary2:#8f7cff;
  --cyan:#3dc7ff;
  --green:#39d98a;
  --yellow:#ffca57;
  --red:#ff627d;
  --orange:#ff8a5c;
  --shadow:0 20px 50px rgba(0,0,0,.26);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 15% -10%,rgba(108,99,255,.18),transparent 30%),
    radial-gradient(circle at 100% 20%,rgba(61,199,255,.09),transparent 24%),
    var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:inherit}
button,input,select,textarea{font:inherit}
h1,h2,h3,p{word-break:break-word}
h1{font-size:clamp(27px,4vw,38px);line-height:1.1;margin:0}
h2{font-size:19px;margin:0}
h3{font-size:15px}
p{line-height:1.55}
code{background:#090e16;border:1px solid #273246;padding:3px 7px;border-radius:7px;color:#dce5ff}
.muted,.hint{color:var(--muted)}
.hint{font-size:12px}
.eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:#9aa7bc;text-transform:uppercase}
.container{max-width:1220px;margin:0 auto;padding:32px 22px 70px}
.topbar{
  min-height:68px;border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:10px max(20px,calc((100vw - 1220px)/2));
  background:rgba(8,11,18,.84);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900}
.brand-mark,.bot-avatar,.guild-icon,.dash-avatar{
  background:linear-gradient(145deg,var(--primary),var(--cyan));
  box-shadow:0 8px 26px rgba(108,99,255,.25)
}
.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}
.card{
  background:linear-gradient(180deg,rgba(20,28,41,.96),rgba(14,20,31,.96));
  border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)
}
.section{padding:22px;margin:16px 0}
.title-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions form{margin:0}
.btn{
  appearance:none;border:1px solid var(--line2);background:#172131;color:#fff;border-radius:10px;
  padding:10px 14px;text-decoration:none;cursor:pointer;font-weight:800;display:inline-flex;
  justify-content:center;align-items:center;gap:7px;transition:.18s ease
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08);border-color:#4b5d7c}
.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));border-color:transparent;box-shadow:0 8px 22px rgba(108,99,255,.24)}
.btn.ghost{background:transparent}
.btn.danger{background:#351723;border-color:#67283a;color:#ffdbe2}
.btn.large{padding:13px 18px;font-size:15px}
.btn.small{padding:7px 10px;font-size:12px;border-radius:8px}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.badge,.pill,.plan{
  display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#121a28;
  padding:7px 11px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em
}
.plan.premium{color:#ffd76b}.plan.free{color:#b7c1d1}
.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800}
.status.ok{color:var(--green)}.status.warn{color:var(--yellow)}
.notice{padding:12px 14px;border-radius:11px;margin:14px 0;border:1px solid}
.notice.success{background:#0f2b23;border-color:#235440;color:#9af0c9}
.notice.error{background:#35151e;border-color:#6b293a;color:#ffc1cb}

input,select,textarea{
  width:100%;background:#0c121d;border:1px solid #2b3850;border-radius:10px;
  color:white;padding:11px 12px;outline:none;transition:.18s
}
textarea{resize:vertical;min-height:92px}
input:focus,select:focus,textarea:focus{border-color:#756cff;box-shadow:0 0 0 3px rgba(108,99,255,.13)}
label{display:block;margin:13px 0 7px;font-size:12px;font-weight:850;color:#d7dfeb}
.switch-line{display:flex;align-items:center;gap:9px;font-size:14px}

/* Landing */
.landing{max-width:1180px;margin:0 auto;padding:30px 20px 70px}
.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0 32px}
.hero-new{
  min-height:520px;padding:56px;display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center;
  overflow:hidden;position:relative
}
.hero-new:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(108,99,255,.12);filter:blur(20px);right:-120px;top:-100px}
.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(42px,7vw,72px);max-width:780px;margin:16px 0}.hero-copy p{font-size:18px;color:var(--muted);max-width:700px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.hero-visual{position:relative;z-index:2;background:#0d1420;border:1px solid #2d3a51;border-radius:22px;padding:18px;box-shadow:0 28px 60px rgba(0,0,0,.32)}
.visual-head{display:flex;gap:7px;margin-bottom:18px}.visual-dot{width:9px;height:9px;border-radius:50%;background:#39465b}
.visual-panel{display:grid;gap:10px}.visual-row{background:#131d2b;border:1px solid #253248;border-radius:11px;padding:14px;display:flex;align-items:center;justify-content:space-between}.visual-row b{font-size:13px}.visual-row span{font-size:11px;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.feature-card{padding:20px}.feature-icon{font-size:25px}.feature-card h2{margin:12px 0 7px}.feature-card p{margin:0;color:var(--muted);font-size:13px}

/* Servers */
.page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:12px 0 24px}.page-head p{margin:7px 0 0}
.guild-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guild-card{padding:18px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center}
.guild-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-weight:950}
.guild-card h3{margin:0 0 5px;font-size:16px}
.empty-state{padding:40px;text-align:center}

/* App shell */
.dashboard-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh;background:transparent}
.dash-sidebar{
  position:sticky;top:0;height:100vh;background:rgba(9,13,20,.97);border-right:1px solid var(--line);
  display:flex;flex-direction:column;padding:16px 12px;z-index:30
}
.dash-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 17px;font-weight:950;font-size:18px}
.dash-brand:before{content:"⚡";width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),var(--cyan))}
.dash-server-name{padding:12px 10px 8px;color:#7f8ca0;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.1em;border-top:1px solid #1d2634}
.dash-nav{display:grid;gap:5px;padding-top:5px}
.dash-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;text-decoration:none;color:#aeb9c9;font-size:13px;font-weight:750}
.dash-nav a:hover{background:#121b28;color:white}.dash-nav a.active{background:linear-gradient(90deg,rgba(108,99,255,.24),rgba(108,99,255,.06));color:#dcd9ff;border:1px solid rgba(108,99,255,.22)}
.dash-user{margin-top:auto;padding:14px 8px 4px;border-top:1px solid #1d2634;display:flex;gap:10px;align-items:center}.dash-user small{display:block;color:#7f8ca0;font-size:10px;margin-top:3px}.dash-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:900}
.dash-main{padding:30px 30px 80px;min-width:0;max-width:1500px;width:100%}
.dash-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.dash-top h1{margin-bottom:7px}.dash-top p{margin:0;color:var(--muted)}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.quick-card{padding:18px;text-decoration:none;transition:.18s}.quick-card:hover{transform:translateY(-2px);border-color:#435475}.quick-card .quick-icon{font-size:24px}.quick-card h3{margin:10px 0 5px}.quick-card p{margin:0;color:var(--muted);font-size:12px}

/* toggles */
.toggle-wrap{display:inline-flex;align-items:center;cursor:pointer;margin:0}.toggle-wrap input{display:none}
.toggle-ui{width:44px;height:24px;background:#566173;border-radius:999px;position:relative;transition:.2s;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.toggle-ui:after{content:"";width:18px;height:18px;background:white;border-radius:50%;position:absolute;left:3px;top:3px;transition:.2s}
.toggle-wrap input:checked + .toggle-ui{background:linear-gradient(90deg,var(--primary),var(--cyan))}
.toggle-wrap input:checked + .toggle-ui:after{transform:translateX(20px)}
.top-toggle .toggle-ui{width:54px;height:30px}.top-toggle .toggle-ui:after{width:24px;height:24px}.top-toggle input:checked + .toggle-ui:after{transform:translateX(24px)}

/* Main configuration */
.config-card{background:linear-gradient(180deg,#111925,#0d141f);border:1px solid var(--line);border-radius:16px;padding:21px;margin:14px 0}
.config-card-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:17px}.config-card-head p{margin:5px 0 0;color:var(--muted);font-size:12px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.form-stack{display:grid;gap:10px}
.form-stack label{margin-bottom:0}
.setting-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;background:#0d141f;border:1px solid #253146;border-radius:11px}.setting-toggle strong{display:block;font-size:13px}.setting-toggle small{color:var(--muted);display:block;margin-top:3px}
.save-bar{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:rgba(8,11,18,.85);backdrop-filter:blur(14px);padding:14px 0;z-index:10}
.premium-card{border-color:#594f31;background:linear-gradient(180deg,rgba(55,47,22,.55),rgba(16,22,31,.96))}

/* Lives */
.live-add{display:grid;grid-template-columns:150px 1fr 2fr auto;gap:9px;margin:14px 0 18px}
.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.platform{background:#0b121d;border:1px solid var(--line);border-radius:13px;padding:15px}
.platform-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.platform-head h3{margin:0}
.counter{font-size:10px;font-weight:900;background:#182235;border:1px solid #2b3850;padding:5px 8px;border-radius:999px}
.live-item{padding:12px 0;border-top:1px solid #202b3d;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.live-url{min-width:0}.live-url strong,.live-url a{display:block}.live-url a{color:#a7b4ff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px;margin-top:4px}
.live-item>.hint{grid-column:1/-1;margin:0}
.mini-list{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:6px 9px;background:#172237;border:1px solid #29374e;border-radius:999px;font-size:11px}

/* Ticket / moderation */
.ticket-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.stat-card{background:linear-gradient(180deg,#141d2a,#0f1621);border:1px solid var(--line);border-radius:14px;padding:17px}
.stat-card span{display:block;color:#8f9bae;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.stat-card strong{display:block;font-size:28px;margin-top:7px}
.ticket-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:linear-gradient(180deg,#111925,#0d141f);border:1px solid var(--line);padding:21px;border-radius:16px}
.ticket-column{display:grid;gap:16px;align-content:start}
.field-block>label,.range-head label{display:block;margin:0 0 7px;color:#b9c4d3;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.field-block small{display:block;color:#8190a4;font-size:10px;margin-top:5px}
.ticket-settings-grid select,.ticket-settings-grid input:not([type=range]),.ticket-settings-grid textarea,.panel-send select,.ticket-search input,.ticket-search select{background:#0b121c;border:1px solid #2a3850}
.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 13px;background:#0d141f;border:1px solid #253146;border-radius:11px}.toggle-row strong{display:block;color:#d5dce6;font-size:11px}.toggle-row small{display:block;color:#8794a6;margin-top:4px;line-height:1.4}
.role-pill-box{min-height:50px;border:1px solid #2a3850;background:#0b121c;border-radius:10px;padding:8px;display:flex;flex-wrap:wrap;gap:7px;max-height:160px;overflow:auto}
.role-pill{margin:0;padding:6px 9px;border:1px solid #43516a;border-radius:999px;color:#b9c4d2;font-size:11px;cursor:pointer;user-select:none}.role-pill input{display:none}.role-pill.selected{border-color:#736bff;background:rgba(108,99,255,.16);color:#dad7ff}
.range-head{display:flex;align-items:center;justify-content:space-between}.range-head strong{font-size:10px;color:#abb6c6}
#ticket-limit{width:100%;accent-color:var(--primary)}
.ticket-bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:14px}
.ticket-preview-card,.ticket-command-card,.ticket-list-card{background:linear-gradient(180deg,#111925,#0d141f);border:1px solid var(--line);border-radius:16px;padding:19px}
.preview-title h2,.ticket-command-card h2,.ticket-list-card h2{margin:0 0 4px}.preview-title p,.ticket-list-head p{margin:0;color:var(--muted);font-size:12px}
.discord-preview{margin:15px 0;background:#313338;border-radius:11px;padding:17px}.discord-author{display:flex;align-items:center;gap:8px}.discord-author span:last-child{font-size:8px;background:#5865f2;padding:2px 4px;border-radius:3px}.bot-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center}.discord-message{white-space:pre-wrap;margin:10px 0 13px;color:#dbdee1;font-size:13px}.discord-button{background:#5865f2;color:#fff;border:0;border-radius:5px;padding:9px 13px;font-weight:700}
.ticket-command-card{display:grid;gap:8px;align-content:start}.ticket-command-card code{display:block;padding:9px;background:#0b121c;border:1px solid #263248}
.ticket-list-card{margin-top:14px}.ticket-list-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.ticket-search{display:grid;grid-template-columns:1fr 120px auto;gap:7px}
.ticket-table-wrap{overflow:auto;margin-top:14px}.ticket-table{width:100%;border-collapse:collapse;min-width:760px}.ticket-table th,.ticket-table td{text-align:left;padding:10px;border-top:1px solid #243044;font-size:12px}.ticket-table th{color:#8592a6;font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.ticket-status,.mod-action{display:inline-block;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}.ticket-status.open{background:#123528;color:#72e9b6}.ticket-status.closed{background:#351a24;color:#ff9cac}.mod-action{background:#142c3e;color:#88d3ff}
.panel-send{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.mod-help{padding:15px;border:1px solid #2b3850;border-radius:11px;background:#0d141f}.mod-help strong{display:block;margin-bottom:5px}.mod-help p{margin:0;color:#8d9aad;font-size:12px}
.auto-sanction-card{margin-top:0;padding:16px;border:1px solid #503a36;border-radius:12px;background:linear-gradient(180deg,rgba(76,47,40,.24),rgba(13,20,31,.8))}
.auto-sanction-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.sanction-input-row{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:9px}.sanction-input-row span{font-size:11px;color:#8592a5}
.sanction-example{margin-top:13px;padding:12px;background:#0b121c;border:1px solid #29364b;border-radius:9px;display:flex;flex-wrap:wrap;gap:7px 13px}.sanction-example strong{width:100%;font-size:11px}.sanction-example span{font-size:11px;color:#b9c3cf}.sanction-warning{margin:10px 0 0;font-size:10px;color:#d5a996}

/* Admin */
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.stats-grid .card{padding:18px}.big-number{font-size:30px;font-weight:950;margin-top:5px}
table{color:inherit}

/* Mobile */
.mobile-nav-note{display:none}
@media(max-width:1050px){
  .dashboard-shell{grid-template-columns:1fr}
  .dash-sidebar{position:relative;height:auto;padding:10px}
  .dash-brand{padding-bottom:10px}.dash-server-name{display:none}
  .dash-nav{grid-template-columns:repeat(3,1fr)}
  .dash-nav a{justify-content:center;text-align:center}
  .dash-user{display:none}
  .dash-main{padding:22px 18px 70px}
  .ticket-settings-grid,.ticket-bottom-grid{grid-template-columns:1fr}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .hero-new{grid-template-columns:1fr;min-height:0}
}
@media(max-width:760px){
  .container,.landing{padding-left:14px;padding-right:14px}
  .topbar{padding:10px 14px}.topbar .user-name{display:none}
  .hero-new{padding:30px 22px}.hero-copy h1{font-size:42px}.hero-visual{display:none}
  .feature-grid,.guild-grid,.two-col,.platform-grid,.quick-grid,.stats-grid{grid-template-columns:1fr}
  .guild-card{grid-template-columns:48px 1fr}.guild-card>.btn{grid-column:1/-1}
  .dash-nav{display:flex;overflow-x:auto;padding-bottom:5px}.dash-nav a{flex:0 0 auto}
  .dash-main{padding:18px 12px 65px}.dash-top{align-items:center}
  .ticket-stat-grid{grid-template-columns:1fr 1fr}
  .ticket-list-head{align-items:stretch;flex-direction:column}.ticket-search{grid-template-columns:1fr}
  .live-add{grid-template-columns:1fr}
  .live-item{grid-template-columns:1fr}.live-item .actions{justify-content:flex-start}
  .auto-sanction-grid{grid-template-columns:1fr}
  .save-bar{justify-content:stretch}.save-bar .btn{flex:1}
  .title-row{align-items:flex-start;flex-direction:column}
}
@media(max-width:440px){.ticket-stat-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}}

/* ===== Limites de partage propriétaire V1.16 ===== */
.owner-limits-card{border-color:#4c4778;background:linear-gradient(180deg,rgba(54,49,94,.32),rgba(14,20,31,.96))}
.limits-table-wrap{overflow:auto;margin-top:18px}
.limits-table{width:100%;border-collapse:collapse;min-width:560px}
.limits-table th,.limits-table td{padding:11px 12px;border-top:1px solid #263246;text-align:left}
.limits-table th{color:#8f9bad;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.limits-table input{max-width:150px}

/* ===== Lives par catégories V1.17 ===== */
.live-overview{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:15px 0}
.live-platform-tab{background:linear-gradient(180deg,#131c29,#0d141e);border:1px solid var(--line);border-radius:13px;padding:14px;text-decoration:none;display:grid;gap:5px;transition:.18s}
.live-platform-tab:hover{transform:translateY(-2px);border-color:#485a78}
.live-platform-tab>span{font-size:23px}.live-platform-tab strong{font-size:13px}.live-platform-tab small{color:var(--muted);font-size:10px}
.live-global-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.live-global-summary>div{padding:13px;background:#0b121c;border:1px solid #27344a;border-radius:10px}
.live-global-summary span,.live-global-summary strong{display:block}.live-global-summary span{font-size:10px;text-transform:uppercase;color:#8592a5;font-weight:900}.live-global-summary strong{margin-top:5px;font-size:13px}
.live-category-card{background:linear-gradient(180deg,#111925,#0c131d);border:1px solid var(--line);border-radius:17px;padding:20px;margin:14px 0;scroll-margin-top:20px}
.live-category-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #243044}
.live-category-title{display:flex;align-items:center;gap:13px}.live-category-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#0a1019;border:1px solid #2a3750;font-size:23px}
.live-category-title h2{margin:2px 0 3px}.live-category-title p{margin:0;color:var(--muted);font-size:11px}
.live-category-count{display:flex;align-items:baseline;gap:4px;background:#0a111b;border:1px solid #2c3950;border-radius:999px;padding:8px 12px}.live-category-count strong{font-size:20px}.live-category-count span{font-size:11px;color:var(--muted)}
.platform-add-form{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;align-items:end;padding:16px 0}.platform-add-form label{margin-top:0}
.platform-live-list{display:grid;gap:8px}
.platform-empty{padding:28px;text-align:center;background:#0a111a;border:1px dashed #2a3850;border-radius:12px;display:grid;gap:6px}.platform-empty>span{font-size:27px}.platform-empty strong{font-size:13px}.platform-empty small{color:var(--muted)}
.platform-live-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(130px,.7fr) auto;gap:14px;align-items:center;padding:13px;background:#0b121c;border:1px solid #263349;border-radius:12px}
.platform-live-main{display:flex;align-items:center;gap:10px;min-width:0}.live-state-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.live-state-dot.online{background:var(--green);box-shadow:0 0 12px rgba(57,217,138,.55)}.live-state-dot.offline{background:#596577}.live-state-dot.unknown{background:var(--yellow)}.live-state-dot.error{background:var(--red);box-shadow:0 0 12px rgba(255,92,107,.45)}
.platform-live-status{display:grid;gap:3px}.platform-live-status strong{font-size:10px}.platform-live-status small{font-size:9px;color:var(--muted)}.platform-live-status .live-error{color:#ff9cad}
.live-category-twitch{border-top-color:#8d62ff}.live-category-kick{border-top-color:#53fc18}.live-category-tiktok{border-top-color:#677080}.live-category-instagram{border-top-color:#ff8a5c}.live-category-youtube{border-top-color:#ff4f5e}
@media(max-width:1050px){.live-overview{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.live-overview{grid-template-columns:1fr 1fr}.live-global-summary{grid-template-columns:1fr}.platform-add-form{grid-template-columns:1fr}.platform-live-row{grid-template-columns:1fr}.platform-live-row .actions{justify-content:flex-start}}
@media(max-width:440px){.live-overview{grid-template-columns:1fr}}

/* ===== Destinations de partage par plateforme V1.18 ===== */
.live-destination-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.live-destination-card{padding:14px;background:#0a111b;border:1px solid #29364b;border-radius:12px}
.live-destination-title{display:flex;align-items:center;gap:8px;margin-bottom:9px}.live-destination-title span{font-size:20px}.live-destination-title strong{font-size:13px}
.live-destination-card label{margin-top:0}.live-destination-card small{display:block;margin-top:7px;color:#8492a5;font-size:10px;line-height:1.4}
.live-settings-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #263247}
.live-settings-footer>div{display:grid;gap:3px}.live-settings-footer strong{font-size:10px;text-transform:uppercase;color:#8693a6}.live-settings-footer span{font-size:12px}
.live-category-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.live-destination-badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900}
.live-destination-badge.configured{background:#123528;color:#75e9b8;border:1px solid #235744}
.live-destination-badge.missing{background:#352818;color:#ffd178;border:1px solid #634a24}
@media(max-width:760px){.live-destination-grid{grid-template-columns:1fr}.live-settings-footer{grid-template-columns:1fr}.live-category-side{justify-content:flex-start}}

/* ===== Multi-salons de partage V1.19 ===== */
.live-channel-picker{display:flex;flex-wrap:wrap;gap:7px;max-height:170px;overflow:auto;padding:8px;background:#080f18;border:1px solid #27344a;border-radius:10px}
.live-channel-option{margin:0;display:inline-flex;align-items:center;cursor:pointer;padding:7px 10px;border:1px solid #34425a;border-radius:999px;color:#aab6c7;background:#111a27;font-size:10px;transition:.16s}
.live-channel-option:hover{border-color:#596b8c;color:#fff}
.live-channel-option input{display:none}
.live-channel-option.selected{background:rgba(108,99,255,.2);border-color:#766eff;color:#e2dfff;box-shadow:0 0 0 1px rgba(108,99,255,.08)}

/* ===== Plusieurs salons par compte live V1.20 ===== */
.account-add-form{grid-template-columns:1fr 1.5fr 2fr auto}
.account-add-channels{min-width:0}
.live-channel-picker.compact{max-height:110px}
.platform-live-account{background:#0b121c;border:1px solid #263349;border-radius:12px;overflow:hidden}
.platform-live-account .platform-live-row{border:0;border-radius:0;background:transparent}
.account-channel-summary{display:block;margin-top:6px;color:#8492a5;font-size:9px}
.account-channel-editor{display:none;border-top:1px solid #263349;background:#09111a;padding:14px;gap:12px}
.account-channel-editor.open{display:grid}
.account-channel-editor strong{font-size:12px}
.account-channel-editor p{margin:4px 0 0;color:#8492a5;font-size:10px}
@media(max-width:1100px){.account-add-form{grid-template-columns:1fr 1fr}.account-add-channels{grid-column:1/-1}.account-add-form>.btn{grid-column:1/-1}}
@media(max-width:760px){.account-add-form{grid-template-columns:1fr}.account-add-channels,.account-add-form>.btn{grid-column:auto}}

/* ===== Premium notifications live V1.22 ===== */
.premium-live-card{border-color:#66562e;background:linear-gradient(180deg,rgba(70,58,24,.32),rgba(13,20,31,.97))}
.premium-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.premium-live-column{display:grid;gap:13px;align-content:start}
.embed-color-row{display:grid;grid-template-columns:58px 1fr;gap:9px;align-items:center}
.embed-color-row input[type=color]{padding:4px;height:44px;cursor:pointer}
.premium-live-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding:14px;background:#0b111b;border:1px solid #29364b;border-radius:12px}
.premium-live-preview>div:first-child{padding:12px}
.premium-live-preview p{white-space:pre-wrap;margin:8px 0 0;color:#c7cfdb;font-size:12px}
.discord-live-embed{border-left:4px solid #5865F2;background:#17191c;padding:14px;border-radius:4px}
.discord-live-embed strong{font-size:13px}.discord-live-embed p{color:#c8c9cc}
.premium-locked-box{padding:20px;text-align:center;background:#0a111b;border:1px dashed #655934;border-radius:12px}
.premium-locked-box p{max-width:700px;margin:8px auto 0;color:#9ca7b8;font-size:12px}
@media(max-width:760px){.premium-live-grid,.premium-live-preview{grid-template-columns:1fr}}

/* ===== Sélecteur de salons style Discord V1.23 ===== */
.discord-channel-select{position:relative;width:100%}
.discord-select-trigger{
  width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:10px 12px;border:1px solid #1e1f22;border-radius:4px;
  background:#1e1f22;color:#dbdee1;text-align:left;cursor:pointer;font:inherit
}
.discord-select-trigger:hover{background:#2b2d31}
.discord-channel-select.open .discord-select-trigger{border-color:#5865f2}
.discord-select-trigger-text{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.discord-channel-icon,.discord-channel-symbol{color:#949ba4;font-size:20px;font-weight:500}
.discord-select-chevron{color:#b5bac1;font-size:18px;transition:transform .15s ease}
.discord-channel-select.open .discord-select-chevron{transform:rotate(180deg)}
.discord-select-menu{
  display:none;position:absolute;z-index:80;left:0;right:0;top:calc(100% + 6px);
  background:#111214;border:1px solid #2b2d31;border-radius:6px;
  box-shadow:0 8px 24px rgba(0,0,0,.45);overflow:hidden
}
.discord-channel-select.open .discord-select-menu{display:block}
.discord-select-search-wrap{padding:8px;background:#111214;border-bottom:1px solid #2b2d31}
.discord-select-search{
  width:100%;height:36px;padding:7px 10px;border:0!important;border-radius:4px!important;
  background:#1e1f22!important;color:#dbdee1!important;outline:none!important
}
.discord-select-search::placeholder{color:#87898c}
.discord-select-options{max-height:260px;overflow:auto;padding:6px}
.discord-channel-row{
  min-height:38px;display:flex;align-items:center;gap:8px;padding:7px 9px;
  border-radius:4px;color:#b5bac1;cursor:pointer;user-select:none
}
.discord-channel-row:hover{background:#35373c;color:#dbdee1}
.discord-channel-row.selected{background:#404249;color:#fff}
.discord-channel-row input{position:absolute;opacity:0;pointer-events:none}
.discord-channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.discord-check{opacity:0;color:#23a559;font-weight:800}
.discord-channel-row.selected .discord-check{opacity:1}
.discord-channel-row.selected .discord-channel-symbol{color:#dbdee1}
.discord-channel-select.compact .discord-select-menu{min-width:280px}
@media(max-width:760px){
  .discord-select-menu{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:70vh}
  .discord-select-options{max-height:52vh}
}

/* ===== Catégories Discord dans les sélecteurs de salons V1.24 ===== */
.discord-category-row{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:10px 8px 4px;
  color:#949ba4;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  user-select:none
}
.discord-category-chevron{
  font-size:12px;
  color:#b5bac1;
  transform:rotate(0deg)
}
.discord-category-icon{
  font-size:11px;
  color:#949ba4
}
.discord-category-row + .discord-channel-row{
  margin-top:2px
}
.discord-channel-row{
  padding-left:24px
}
.discord-channel-row .discord-channel-symbol{
  color:#949ba4
}

/* ===== Admin Web Pro V1.25 ===== */
.admin-pro-body{background:radial-gradient(circle at top right,rgba(88,101,242,.08),transparent 35%),#090d14}
.admin-pro{max-width:1500px}
.admin-pro-topbar{align-items:flex-end}
.admin-health-strip{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:1px;margin:18px 0;background:#273044;border:1px solid #273044;border-radius:14px;overflow:hidden}
.admin-health-strip>div{min-height:92px;padding:18px;background:#101722;display:flex;flex-direction:column;justify-content:center}
.admin-health-strip small,.admin-kpi small,.admin-server-data small{font-size:10px;letter-spacing:.07em;color:#8e99aa}
.admin-health-strip strong{font-size:18px;margin-top:4px}.admin-health-strip span{font-size:11px;color:#7f8a9b;margin-top:4px}
.admin-health-main{flex-direction:row!important;align-items:center;gap:12px;justify-content:flex-start!important}
.health-dot{width:13px;height:13px;border-radius:50%;background:#da373c;box-shadow:0 0 0 5px rgba(218,55,60,.12)}
.health-dot.online{background:#23a559;box-shadow:0 0 0 5px rgba(35,165,89,.12)}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 22px}
.admin-kpi{display:flex;align-items:center;gap:14px;padding:18px;background:#101722;border:1px solid #202a3b;border-radius:13px}
.admin-kpi>span{font-size:24px}.admin-kpi>div{display:flex;flex-direction:column}.admin-kpi strong{font-size:24px}.admin-kpi.premium{border-color:#5c4a1b;background:linear-gradient(135deg,rgba(102,82,27,.22),#101722)}
.admin-section{margin-top:18px}.admin-plan-table input{min-width:90px}
.admin-server-list{display:grid;gap:8px}
.admin-server-row{display:grid;grid-template-columns:minmax(260px,1.2fr) 2fr auto;gap:18px;align-items:center;padding:14px;border:1px solid #222d3e;border-radius:11px;background:#0c121c}
.admin-server-row:hover{border-color:#3d4b64;background:#0f1723}
.admin-server-identity{display:flex;gap:11px;align-items:center}.admin-server-identity>div:last-child{display:flex;flex-direction:column;gap:3px}
.admin-server-avatar{width:40px;height:40px;border-radius:12px;background:#5865f2;display:grid;place-items:center;font-weight:800}
.admin-server-data{display:grid;grid-template-columns:1.2fr .6fr .8fr 1fr;gap:14px}
.admin-server-data>div{display:flex;flex-direction:column;gap:4px}.admin-server-data strong{font-size:12px}
.admin-empty{padding:28px;text-align:center;color:#8e99aa}
.admin-owner-chip{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid #53451e;background:#17140c;border-radius:10px}
.admin-add-admin{margin-top:18px;padding-top:18px;border-top:1px solid #263044}
.admin-permission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:13px 0}
.admin-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.admin-two-cols{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:18px}
.premium-admin-form{display:grid;gap:12px;margin-top:14px}
.premium-feature-list{display:grid;gap:8px}
.premium-feature-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid #242f40;border-radius:9px;background:#0c121c}
.premium-feature-row small{color:#8994a5}
.admin-current-limits{margin-top:18px;padding-top:15px;border-top:1px solid #283244}
.resource-limit-grid,.platform-limit-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.resource-limit-grid span,.platform-limit-mini span{display:flex;justify-content:space-between;gap:8px;padding:9px;background:#0b111a;border:1px solid #202b3c;border-radius:7px;font-size:12px}
.platform-limit-mini{grid-template-columns:repeat(5,1fr)}
.premium-history{display:grid;gap:8px}
.premium-history-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:14px;border:1px solid #222d3e;border-radius:10px;background:#0c121c}
.premium-history-icon{font-size:21px}.premium-history-main{display:flex;flex-direction:column;gap:3px}.premium-history-main p{margin:5px 0;color:#c7cfdb}
.premium-history-row time{font-size:11px;color:#7f8998;white-space:nowrap}
@media(max-width:1050px){
  .admin-health-strip{grid-template-columns:1fr 1fr}.admin-kpi-grid{grid-template-columns:1fr 1fr}
  .admin-server-row{grid-template-columns:1fr}.admin-server-data{grid-template-columns:repeat(4,1fr)}
  .admin-two-cols{grid-template-columns:1fr}
}
@media(max-width:700px){
  .admin-health-strip,.admin-kpi-grid,.admin-inline-fields{grid-template-columns:1fr}
  .admin-server-data,.admin-permission-grid,.resource-limit-grid,.platform-limit-mini{grid-template-columns:1fr 1fr}
  .premium-history-row{grid-template-columns:auto 1fr}.premium-history-row time{grid-column:2}
}

/* ===== Statistiques des lives V1.27 ===== */
.live-stats-page{max-width:none}
.live-stats-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.live-stat-kpi{display:flex;align-items:center;gap:14px;min-height:108px;padding:18px;border-radius:13px;border:1px solid #222d3e;background:linear-gradient(145deg,#101722,#0c121b)}
.live-stat-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#171f2c;font-size:22px}
.live-stat-kpi>div{display:flex;flex-direction:column;gap:2px}.live-stat-kpi small{color:#8c98a9;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.live-stat-kpi strong{font-size:23px}.live-stat-kpi em{font-size:11px;color:#778396;font-style:normal}
.locked-stat{opacity:.72;border-style:dashed}
.premium-stats-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;margin:0 0 18px;border:1px solid #705d26;border-radius:12px;background:linear-gradient(100deg,rgba(117,90,24,.2),rgba(88,101,242,.08))}
.premium-stats-banner>div{display:flex;align-items:center;gap:13px}.premium-stats-banner p{margin:3px 0 0;color:#9ca8b8}.premium-star{font-size:28px}
.table-subtext{display:block;max-width:340px;margin-top:3px;color:#778396;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-chip{white-space:nowrap}.live-history-table td{vertical-align:middle}
.creator-ranking-list{display:grid;gap:8px}.creator-ranking-row{display:grid;grid-template-columns:55px minmax(180px,1fr) minmax(420px,1.5fr);align-items:center;gap:13px;padding:13px;border:1px solid #222d3e;border-radius:10px;background:#0c121c}.creator-rank{font-size:18px;font-weight:800;color:#8e99aa;text-align:center}.creator-rank.top-rank{color:#f0c84b}.creator-rank-main{display:flex;flex-direction:column;gap:3px}.creator-rank-main small{color:#7f8b9c}.creator-rank-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.creator-rank-metrics span{display:flex;flex-direction:column;padding:8px 10px;border-radius:8px;background:#101824}.creator-rank-metrics small{font-size:9px;color:#798597;text-transform:uppercase;letter-spacing:.05em}.creator-rank-metrics strong{font-size:13px;margin-top:2px}
.premium-locked-panel{position:relative;overflow:hidden}.premium-lock-content{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:6px;padding:25px;background:radial-gradient(circle at center,rgba(92,76,29,.2),transparent 55%)}.premium-lock-content>span{font-size:35px}.premium-lock-content p{max-width:620px;color:#8e99aa;margin:0}
@media(max-width:1100px){.live-stats-kpis{grid-template-columns:1fr 1fr}.creator-ranking-row{grid-template-columns:50px 1fr}.creator-rank-metrics{grid-column:2;grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.live-stats-kpis{grid-template-columns:1fr}.premium-stats-banner{align-items:flex-start;flex-direction:column}.creator-ranking-row{grid-template-columns:42px 1fr}.creator-rank-metrics{grid-template-columns:1fr 1fr}.live-history-table{min-width:850px}}

/* ===== Home Pro V1.28 ===== */
.home-pro-body{background:
  radial-gradient(circle at 12% 0%,rgba(88,101,242,.13),transparent 28%),
  radial-gradient(circle at 90% 18%,rgba(35,165,89,.07),transparent 24%),
  #080c13;color:#edf1f7}
.home-pro{max-width:1450px;margin:auto;padding:0 28px}
.home-nav{position:sticky;top:0;z-index:40;margin:0 -28px;padding:18px 28px;background:rgba(8,12,19,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.home-nav .brand{display:flex;align-items:center;gap:10px}.home-nav .brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}
.home-nav .brand small{font-size:9px;letter-spacing:.12em;color:#7e8a9c;text-transform:uppercase;margin-top:4px}
.home-nav-links{display:flex;gap:6px;align-items:center}.home-nav-links a{padding:8px 10px;color:#9ca7b8;font-size:13px;border-radius:8px}.home-nav-links a:hover{color:#fff;background:#121a27}
.home-nav-actions{display:flex;gap:8px;align-items:center}.home-user-chip{padding:8px 10px;border:1px solid #242f40;border-radius:9px;color:#b8c1ce;font-size:12px}
.home-hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:70px 0 54px}
.home-hero-copy{max-width:690px}.home-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #26344b;border-radius:999px;background:#0f1622;color:#aab6c7;font-size:10px;font-weight:800;letter-spacing:.08em}
.home-kicker .health-dot{width:8px;height:8px;box-shadow:none}
.home-hero h1{font-size:clamp(44px,5.5vw,78px);line-height:1.01;letter-spacing:-.045em;margin:20px 0 22px;max-width:800px}.home-hero h1 span{background:linear-gradient(90deg,#8894ff,#6573ff 45%,#8f7cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-hero-lead{font-size:18px;line-height:1.65;color:#9ba7b8;max-width:670px}.home-trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#8996a8;font-size:12px}
.home-product-card{position:relative;padding:18px;border:1px solid #293750;border-radius:20px;background:linear-gradient(160deg,#111a29,#0b111b 65%);box-shadow:0 28px 80px rgba(0,0,0,.35)}
.home-product-card:before{content:"";position:absolute;inset:-1px;border-radius:20px;background:linear-gradient(135deg,rgba(106,118,255,.28),transparent 40%,rgba(35,165,89,.08));z-index:-1}
.home-product-top{display:flex;justify-content:space-between;align-items:center;padding:8px 5px 17px;border-bottom:1px solid #263247}.home-product-top>div{display:flex;flex-direction:column;gap:4px}.home-product-top small{font-size:9px;letter-spacing:.1em;color:#7c889a}.home-product-top strong{font-size:16px}
.home-live-badge{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:rgba(35,165,89,.09);color:#57c981;font-size:11px}.home-live-badge i{width:7px;height:7px;border-radius:50%;background:#23a559}
.home-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.home-mini-kpis>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:12px;background:#0b121d;border:1px solid #222e41;border-radius:10px}.home-mini-kpis>div>span{grid-row:1/3;font-size:20px}.home-mini-kpis small{font-size:9px;color:#718096}.home-mini-kpis strong{font-size:11px}
.home-activity{border:1px solid #222d3e;border-radius:12px;overflow:hidden}.home-activity-title{display:flex;justify-content:space-between;padding:11px 13px;background:#101827;border-bottom:1px solid #222d3e;font-size:11px}.home-activity-title small{color:#6f7c8e}
.home-activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px;border-bottom:1px solid #1e2939;background:#0b121c}.home-activity-row:last-child{border-bottom:0}.home-activity-row>div{display:flex;flex-direction:column}.home-activity-row strong{font-size:11px}.home-activity-row small{font-size:9px;color:#728095;margin-top:3px}.home-activity-row>b{font-size:9px;color:#7ed49d}.activity-platform{font-size:17px}
.home-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #202b3c;border-radius:14px;background:#0d141f;overflow:hidden;margin-bottom:90px}.home-stats-strip>div{padding:22px 24px;border-right:1px solid #202b3c;display:flex;flex-direction:column;gap:4px}.home-stats-strip>div:last-child{border-right:0}.home-stats-strip strong{font-size:22px}.home-stats-strip span{color:#748196;font-size:11px}
.home-section{padding:75px 0}.home-section-heading{max-width:760px;margin-bottom:34px}.home-section-heading h2,.home-live-copy h2,.home-final-cta h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:9px 0 12px}.home-section-heading p,.home-live-copy>p{font-size:15px;color:#8e9aab;line-height:1.65}
.home-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-feature-card{position:relative;padding:24px;background:#0d141f;border:1px solid #202b3d;border-radius:14px;min-height:210px}.home-feature-card:hover{transform:translateY(-2px);border-color:#34445f}.home-feature-card.featured{grid-column:span 2;background:linear-gradient(135deg,rgba(88,101,242,.13),#0d141f);border-color:#39486a}.home-feature-card .feature-icon{font-size:26px}.home-feature-card h3{font-size:18px;margin:20px 0 8px}.home-feature-card p{font-size:13px;line-height:1.65;color:#8794a7}.feature-tag{position:absolute;right:18px;top:18px;font-size:9px;font-weight:800;letter-spacing:.08em;color:#aeb8ff;background:#171d39;border:1px solid #303a73;border-radius:999px;padding:5px 7px}.feature-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.feature-pills span{font-size:10px;padding:6px 8px;border-radius:999px;background:#121b29;border:1px solid #2b394d;color:#aeb9c8}
.home-live-showcase{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.home-check-list{display:grid;gap:9px;margin-top:28px}.home-check-list>div{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #1c2635}.home-check-list>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#151d36;color:#8e9cff;font-size:11px;font-weight:800}.home-check-list p{display:flex;flex-direction:column;margin:0}.home-check-list strong{font-size:13px}.home-check-list small{font-size:11px;color:#778499;margin-top:4px}
.home-platform-board{padding:14px;border:1px solid #263348;border-radius:17px;background:#0c131e}.home-platform-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px 13px;border-bottom:1px solid #202b3b}.home-platform-row:last-child{border-bottom:0}.home-platform-row>span{font-size:19px}.home-platform-row>div{display:flex;flex-direction:column}.home-platform-row strong{font-size:13px}.home-platform-row small{font-size:10px;color:#738196;margin-top:3px}.home-platform-row>b{font-size:9px;color:#5bc982;background:rgba(35,165,89,.08);border:1px solid rgba(35,165,89,.18);padding:5px 7px;border-radius:999px}
.home-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1000px}.home-plan-card{position:relative;padding:27px;border:1px solid #263247;border-radius:16px;background:#0d141f}.home-plan-card.premium-plan{background:linear-gradient(145deg,rgba(88,101,242,.16),#0d141f 62%);border-color:#4b5aa0}.premium-ribbon{position:absolute;right:18px;top:18px;font-size:8px;letter-spacing:.09em;font-weight:900;color:#cad0ff;background:#1d2448;border:1px solid #3c498f;border-radius:999px;padding:5px 8px}.plan-title{display:flex;gap:12px;align-items:center}.plan-title>span{font-size:28px}.plan-title>div{display:flex;flex-direction:column}.plan-title small{font-size:9px;letter-spacing:.08em;color:#7d899b}.plan-title h3{font-size:28px;margin:2px 0}.home-plan-card>p{color:#8794a7;font-size:13px;line-height:1.6}.home-plan-card ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}.home-plan-card li{font-size:12px;color:#b2bdcc}
.home-final-cta{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:75px 0 45px;padding:38px;border:1px solid #334362;border-radius:18px;background:linear-gradient(120deg,rgba(88,101,242,.17),#0d141f 70%)}.home-final-cta>div{max-width:760px}.home-final-cta p{color:#8f9aac}
.home-footer{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;padding:27px 0 38px;border-top:1px solid #1c2635;color:#718096;font-size:11px}.home-footer p{margin:0}
@media(max-width:1000px){
  .home-nav-links{display:none}.home-hero{grid-template-columns:1fr;padding-top:50px}.home-product-card{max-width:720px}
  .home-feature-grid{grid-template-columns:1fr 1fr}.home-feature-card.featured{grid-column:span 2}
  .home-live-showcase{grid-template-columns:1fr;gap:30px}
}
@media(max-width:700px){
  .home-pro{padding:0 16px}.home-nav{margin:0 -16px;padding:13px 16px}.home-nav-actions .btn:not(.primary),.home-user-chip{display:none}
  .home-hero{min-height:auto;padding:42px 0 35px;gap:30px}.home-hero h1{font-size:42px}.home-hero-lead{font-size:15px}
  .hero-actions{display:grid}.hero-actions .btn{width:100%;justify-content:center}
  .home-trust-row{display:grid;gap:7px}.home-mini-kpis,.home-stats-strip,.home-feature-grid,.home-plan-grid{grid-template-columns:1fr}
  .home-feature-card.featured{grid-column:auto}.home-stats-strip>div{border-right:0;border-bottom:1px solid #202b3c}.home-stats-strip>div:last-child{border-bottom:0}
  .home-section{padding:48px 0}.home-final-cta{display:grid;padding:25px}.home-footer{grid-template-columns:1fr;gap:10px}
}


/* ===== ServerStats V1.30 ===== */
.serverstats-kpis {
  margin-bottom: 22px;
}

.serverstats-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.serverstats-editor {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 16px;
  background: rgba(255,255,255,.025);
}

.serverstats-editor input[type="text"] {
  width: 100%;
  margin-top: 12px;
}

.serverstats-editor .muted {
  display: block;
  margin-top: 8px;
}

.serverstats-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.btn.danger {
  background: rgba(237,66,69,.14);
  border-color: rgba(237,66,69,.35);
  color: #ff8d8f;
}

.btn.danger:hover {
  background: rgba(237,66,69,.22);
}

@media (max-width: 860px) {
  .serverstats-editor-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== Page principale V1.31 ===== */
.home-v131-body{
  margin:0;
  background:
    radial-gradient(circle at 15% -5%,rgba(88,101,242,.18),transparent 30%),
    radial-gradient(circle at 95% 18%,rgba(141,84,255,.10),transparent 26%),
    #070b12;
  color:#f2f5fa;
}
.home-v131{max-width:1480px;margin:auto;padding:0 30px}
.home-v131-nav{
  position:sticky;top:0;z-index:50;
  min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;
  margin:0 -30px;padding:0 30px;
  background:rgba(7,11,18,.78);backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.065)
}
.home-v131-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;width:max-content}
.home-v131-brand>span:last-child{display:flex;flex-direction:column;line-height:1.04}
.home-v131-brand strong{font-size:15px}.home-v131-brand small{font-size:8px;letter-spacing:.12em;color:#758197;margin-top:4px;text-transform:uppercase}
.home-v131-logo{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#6571ff,#4738ca);box-shadow:0 8px 26px rgba(88,101,242,.28)}
.home-v131-links{display:flex;align-items:center;gap:3px}.home-v131-links a{color:#8794a8;font-size:12px;padding:9px 11px;border-radius:8px}.home-v131-links a:hover{background:#101824;color:#fff}
.home-v131-actions{justify-self:end;display:flex;gap:8px;align-items:center}.home-v131-user{font-size:11px;color:#94a0b1;padding:8px 10px;border:1px solid #222d3f;border-radius:9px}
.home-v131 .btn.ghost{background:transparent}

.home-v131-hero{min-height:690px;display:grid;grid-template-columns:1.03fr .97fr;gap:62px;align-items:center;padding:72px 0 58px}
.home-v131-hero-copy{max-width:730px}.home-v131-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid #293754;border-radius:999px;background:#0d1521;color:#a9b4c5;font-size:9px;font-weight:900;letter-spacing:.11em}
.home-v131-badge>span{width:7px;height:7px;border-radius:50%;background:#23a559;box-shadow:0 0 0 4px rgba(35,165,89,.11)}
.home-v131-hero h1{font-size:clamp(46px,5.6vw,82px);line-height:.99;letter-spacing:-.052em;margin:22px 0 24px;max-width:850px}
.home-v131-hero h1 em{font-style:normal;background:linear-gradient(90deg,#8b96ff,#6675ff 45%,#ad83ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-v131-hero-copy>p{max-width:690px;color:#98a5b8;font-size:17px;line-height:1.68;margin:0}
.home-v131-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}
.home-v131-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#748196;font-size:11px}

.home-v131-console{border:1px solid #2c3950;border-radius:21px;background:linear-gradient(155deg,#101825,#0a1019 72%);overflow:hidden;box-shadow:0 35px 95px rgba(0,0,0,.38);transform:perspective(1200px) rotateY(-1.6deg)}
.home-v131-console-top{height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;border-bottom:1px solid #222d3d;background:#0c121c;color:#748196;font-size:9px}
.home-v131-window-dots{display:flex;gap:5px}.home-v131-window-dots i{width:7px;height:7px;border-radius:50%;background:#394456}.home-v131-console-top>b{justify-self:end;display:flex;align-items:center;gap:6px;color:#62cf8c;font-size:9px}.home-v131-console-top>b i{width:6px;height:6px;border-radius:50%;background:#23a559}
.home-v131-console-body{display:grid;grid-template-columns:52px 1fr;min-height:425px}.home-v131-console-sidebar{border-right:1px solid #202b3b;background:#0a1018;display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 7px}.home-v131-console-sidebar span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:14px}.home-v131-console-sidebar span.active{background:#5865f2}
.home-v131-console-content{padding:19px}.home-v131-console-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.home-v131-console-title>div{display:flex;flex-direction:column}.home-v131-console-title small{font-size:8px;letter-spacing:.1em;color:#667387}.home-v131-console-title strong{font-size:15px;margin-top:4px}.home-v131-console-title>span{font-size:8px;color:#62cf8c;background:rgba(35,165,89,.07);border:1px solid rgba(35,165,89,.15);border-radius:999px;padding:6px 8px}
.home-v131-dashboard-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.home-v131-dashboard-kpis>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;padding:11px;border:1px solid #202c3d;background:#0c141f;border-radius:10px}.home-v131-dashboard-kpis>div>span{grid-row:1/4;font-size:17px}.home-v131-dashboard-kpis small{font-size:8px;color:#6d7a8e}.home-v131-dashboard-kpis strong{font-size:16px;margin-top:1px}.home-v131-dashboard-kpis em{font-size:8px;font-style:normal;color:#657287}
.home-v131-live-line{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(237,66,69,.18);border-radius:10px;background:rgba(237,66,69,.045)}.home-v131-live-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#141a24}.home-v131-live-line>div:nth-child(2){display:flex;flex-direction:column}.home-v131-live-line strong{font-size:10px}.home-v131-live-line small{font-size:8px;color:#727f92;margin-top:3px}.home-v131-live-line>span{font-size:8px;color:#ff6d70;font-weight:900}
.home-v131-serverstats-mini{margin-top:10px;padding:12px;border:1px solid #202c3d;border-radius:10px;background:#0b121c}.home-v131-serverstats-mini>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.home-v131-serverstats-mini small{font-size:7px;letter-spacing:.09em;color:#69768a}.home-v131-serverstats-mini strong{font-size:9px}.home-v131-stat-channel{padding:5px 8px;margin-top:5px;background:#151b24;border-radius:5px;color:#aeb8c7;font-size:8px}

.home-v131-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #202b3c;border-radius:15px;overflow:hidden;background:#0b121c;margin-bottom:70px}.home-v131-metrics>div{display:grid;grid-template-columns:auto 1fr;column-gap:11px;padding:20px 22px;border-right:1px solid #202b3c}.home-v131-metrics>div:last-child{border-right:0}.home-v131-metrics>div>span{grid-row:1/3;font-size:20px}.home-v131-metrics strong{font-size:12px}.home-v131-metrics small{font-size:9px;color:#6f7c90;margin-top:3px}

.home-v131-section{padding:78px 0}.home-v131-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:32px}.home-v131-section-head>div>span,.home-v131-showcase-copy>span,.home-v131-serverstats-copy>span,.home-v131-final>div>span{font-size:9px;color:#7f8cff;letter-spacing:.13em;font-weight:900}.home-v131-section-head h2,.home-v131-showcase-copy h2,.home-v131-serverstats-copy h2,.home-v131-final h2{font-size:clamp(31px,4vw,50px);line-height:1.06;letter-spacing:-.04em;margin:8px 0 0}.home-v131-section-head>p{color:#8491a4;line-height:1.65;font-size:13px;margin:0}

.home-v131-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.home-v131-feature{position:relative;min-height:205px;padding:22px;border:1px solid #202b3c;border-radius:14px;background:#0c131d;transition:.18s ease}.home-v131-feature:hover{transform:translateY(-3px);border-color:#354763;background:#0e1622}.home-v131-feature-main{grid-column:span 2;background:linear-gradient(135deg,rgba(88,101,242,.13),#0c131d 68%);border-color:#3a4772}.home-v131-feature-icon{font-size:25px}.home-v131-feature h3{font-size:17px;margin:20px 0 8px}.home-v131-feature p{font-size:12px;line-height:1.65;color:#7f8da1}.home-v131-feature>a{font-size:10px;color:#8e9bff}.home-v131-feature-tag{position:absolute;top:18px;right:18px;padding:5px 7px;border:1px solid #3c4780;border-radius:999px;background:#191f3c;color:#aab4ff;font-size:7px;font-weight:900;letter-spacing:.09em}.home-v131-platform-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.home-v131-platform-pills span{font-size:9px;padding:6px 8px;border-radius:999px;background:#111a27;border:1px solid #29384d;color:#aab5c5}

.home-v131-showcase{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.home-v131-showcase-copy>p,.home-v131-serverstats-copy>p{color:#8491a4;line-height:1.7;font-size:14px}.home-v131-steps{display:grid;gap:8px;margin-top:25px}.home-v131-steps>div{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #1b2635}.home-v131-steps b{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#151d35;color:#8998ff;font-size:9px}.home-v131-steps span{display:flex;flex-direction:column}.home-v131-steps strong{font-size:12px}.home-v131-steps small{font-size:10px;color:#707e92;margin-top:3px}
.home-v131-live-panel{border:1px solid #263449;border-radius:16px;background:#0c131d;padding:13px}.home-v131-panel-head{display:flex;justify-content:space-between;padding:11px 10px 14px;border-bottom:1px solid #202b3c;font-size:11px}.home-v131-panel-head b{font-size:8px;color:#58ca84}.home-v131-live-platform{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:14px 10px;border-bottom:1px solid #1e2938}.home-v131-live-platform:last-child{border-bottom:0}.home-v131-live-platform>span{font-size:17px}.home-v131-live-platform>div{display:flex;flex-direction:column}.home-v131-live-platform strong{font-size:11px}.home-v131-live-platform small{font-size:9px;color:#6d7a8e;margin-top:3px}.home-v131-live-platform>b{font-size:8px;color:#7fcf9b;background:rgba(35,165,89,.07);border:1px solid rgba(35,165,89,.14);padding:5px 7px;border-radius:999px}

.home-v131-serverstats{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:42px;border:1px solid #33415d;border-radius:20px;background:linear-gradient(135deg,rgba(88,101,242,.12),#0c131d 58%)}.home-v131-variable-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}.home-v131-variable-list code{font-size:9px;color:#a9b4ff;background:#171e38;border:1px solid #313b6d;border-radius:7px;padding:6px 8px}
.home-v131-discord-preview{padding:15px;border-radius:14px;background:#17191c;border:1px solid #2b2d31;color:#949ba4}.home-v131-discord-title{font-size:10px!important;font-weight:800;color:#b5bac1!important;padding:5px 8px!important}.home-v131-discord-preview>div{padding:8px;border-radius:5px;font-size:10px}.home-v131-discord-preview>div:not(:first-child):hover{background:#35373c;color:#dbdee1}.home-v131-discord-preview strong{color:#b5bac1}

.home-v131-control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home-v131-control-grid>div{min-height:140px;padding:19px;border:1px solid #202b3c;border-radius:13px;background:#0b121c;display:flex;flex-direction:column}.home-v131-control-grid>div>span{font-size:9px;color:#7f8cff;font-weight:900}.home-v131-control-grid strong{font-size:13px;margin-top:auto}.home-v131-control-grid small{font-size:10px;color:#707e91;margin-top:5px}

.home-v131-plans{display:grid;grid-template-columns:1fr 1fr;gap:13px;max-width:1020px}.home-v131-plan{position:relative;padding:27px;border:1px solid #263247;border-radius:16px;background:#0c131d}.home-v131-plan.premium{background:linear-gradient(145deg,rgba(88,101,242,.16),#0c131d 60%);border-color:#4b59a0}.home-v131-plan-head{display:flex;gap:12px;align-items:center}.home-v131-plan-head>span{font-size:27px}.home-v131-plan-head>div{display:flex;flex-direction:column}.home-v131-plan-head small{font-size:8px;letter-spacing:.1em;color:#6f7d91}.home-v131-plan-head h3{font-size:27px;margin:2px 0}.home-v131-plan>p{font-size:12px;color:#8190a3;line-height:1.6}.home-v131-plan ul{list-style:none;margin:20px 0;padding:0;display:grid;gap:9px}.home-v131-plan li{font-size:11px;color:#b4becc}.home-v131-plan-ribbon{position:absolute;right:18px;top:18px;padding:5px 7px;border-radius:999px;background:#1c2346;border:1px solid #3d498c;color:#c4cbff;font-size:7px;font-weight:900;letter-spacing:.09em}

.home-v131-final{display:flex;justify-content:space-between;gap:40px;align-items:center;margin:70px 0 45px;padding:38px;border:1px solid #354463;border-radius:18px;background:linear-gradient(110deg,rgba(88,101,242,.17),rgba(131,81,255,.08),#0c131d)}.home-v131-final>div{max-width:780px}.home-v131-final p{color:#8794a7;font-size:13px}
.home-v131-footer{display:grid;grid-template-columns:1fr auto auto;gap:26px;align-items:center;padding:28px 0 38px;border-top:1px solid #1b2635;color:#69768a;font-size:10px}.home-v131-footer p{margin:0}

@media(max-width:1050px){
  .home-v131-nav{grid-template-columns:1fr auto}.home-v131-links{display:none}
  .home-v131-hero{grid-template-columns:1fr;gap:38px;min-height:auto}.home-v131-console{max-width:760px;transform:none}
  .home-v131-feature-grid{grid-template-columns:1fr 1fr}.home-v131-showcase,.home-v131-serverstats{grid-template-columns:1fr;gap:32px}
  .home-v131-control-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .home-v131{padding:0 16px}.home-v131-nav{margin:0 -16px;padding:0 16px;min-height:64px}.home-v131-actions .ghost,.home-v131-user{display:none}
  .home-v131-hero{padding:45px 0 32px}.home-v131-hero h1{font-size:43px}.home-v131-hero-copy>p{font-size:14px}.home-v131-hero-actions{display:grid}.home-v131-hero-actions .btn{width:100%;justify-content:center}
  .home-v131-proof{display:grid;gap:7px}.home-v131-console-body{grid-template-columns:42px 1fr}.home-v131-console-content{padding:12px}.home-v131-dashboard-kpis{grid-template-columns:1fr 1fr}.home-v131-console-title>span{display:none}
  .home-v131-metrics,.home-v131-feature-grid,.home-v131-control-grid,.home-v131-plans{grid-template-columns:1fr}.home-v131-feature-main{grid-column:auto}.home-v131-metrics>div{border-right:0;border-bottom:1px solid #202b3c}.home-v131-metrics>div:last-child{border-bottom:0}
  .home-v131-section{padding:52px 0}.home-v131-section-head{grid-template-columns:1fr;gap:12px}.home-v131-serverstats{padding:24px}.home-v131-final{display:grid;padding:26px}.home-v131-footer{grid-template-columns:1fr;gap:10px}
}


/* ===== ServerStats rôles V1.32 ===== */
.serverstats-role-editor{
  grid-column:span 2;
}
.serverstats-role-box{
  margin-top:14px;
  border:1px solid #273246;
  border-radius:13px;
  overflow:hidden;
  background:#0b121c;
}
.serverstats-role-box-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:13px 14px;
  border-bottom:1px solid #222d3e;
}
.serverstats-role-box-head>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.serverstats-role-box-head strong{font-size:12px}
.serverstats-role-box-head small{font-size:10px;color:#78869a}
.serverstats-role-box-head>span{
  white-space:nowrap;
  font-size:9px;
  color:#9da8ff;
  padding:5px 7px;
  border-radius:999px;
  border:1px solid #344174;
  background:#161d38;
}
.serverstats-role-search{
  width:calc(100% - 20px)!important;
  margin:10px!important;
  background:#111924!important;
}
.serverstats-role-list{
  max-height:280px;
  overflow:auto;
  padding:4px 8px 9px;
}
.serverstats-role-option{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:9px;
  min-height:39px;
  padding:7px 9px;
  border-radius:7px;
  cursor:pointer;
  color:#b5bfcd;
}
.serverstats-role-option:hover{background:#151e2b}
.serverstats-role-option:has(input:checked){
  background:rgba(88,101,242,.10);
  color:#fff;
}
.serverstats-role-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.serverstats-role-color{
  width:11px;
  height:11px;
  border-radius:50%;
  box-shadow:0 0 0 2px rgba(255,255,255,.05);
}
.serverstats-role-name{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:11px;
}
.serverstats-role-check{
  opacity:0;
  color:#7f8cff;
  font-weight:900;
}
.serverstats-role-option:has(input:checked) .serverstats-role-check{opacity:1}
.serverstats-role-empty{
  padding:20px;
  text-align:center;
  color:#78869a;
  font-size:11px;
}
.serverstats-sub-label{
  display:block;
  margin-top:14px;
  font-size:10px;
  color:#8996a9;
}
.serverstats-role-legacy{
  margin-top:12px;
  padding:10px 12px;
  border:1px dashed #2c384c;
  border-radius:10px;
}
.serverstats-role-legacy summary{
  cursor:pointer;
  color:#8d99aa;
  font-size:10px;
}
.serverstats-role-legacy input{margin-top:10px!important}
@media(max-width:860px){
  .serverstats-role-editor{grid-column:auto}
  .serverstats-role-box-head{align-items:flex-start;flex-direction:column}
}


/* ===== Rôles automatiques V1.33 ===== */
.autoroles-page{max-width:none}
.autoroles-form{display:grid;gap:18px}
.autoroles-section{overflow:visible}
.autoroles-picker,.autoroles-rule-card{
  border:1px solid #273246;border-radius:12px;background:#0b121c;overflow:hidden
}
.autoroles-picker-title,.autoroles-rule-head{
  min-height:52px;padding:12px 14px;border-bottom:1px solid #222d3e;
  display:flex;justify-content:space-between;align-items:center;gap:14px
}
.autoroles-picker-title strong,.autoroles-rule-head strong{font-size:12px}
.autoroles-picker-title>span{
  color:#a6b0ff;background:#171d38;border:1px solid #344174;
  padding:5px 8px;border-radius:999px;font-size:9px
}
.autoroles-rule-head>div{display:flex;flex-direction:column;gap:3px}
.autoroles-rule-head small{font-size:9px;color:#768397}
.autoroles-search{
  width:calc(100% - 20px)!important;margin:10px!important;
  background:#111924!important
}
.autoroles-options{max-height:290px;overflow:auto;padding:3px 8px 9px}
.autoroles-options.compact{max-height:230px}
.autoroles-option{
  position:relative;min-height:38px;padding:7px 9px;border-radius:7px;
  display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;
  color:#b5bfcd;cursor:pointer;font-size:11px
}
.autoroles-option:hover{background:#151e2b}
.autoroles-option:has(input:checked){background:rgba(88,101,242,.11);color:#fff}
.autoroles-option input{position:absolute;opacity:0;pointer-events:none}
.autoroles-option b{opacity:0;color:#8491ff}
.autoroles-option:has(input:checked) b{opacity:1}
.autoroles-role-dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.05)}
.autoroles-info,.autoroles-behavior{
  margin-top:12px;padding:11px 13px;border:1px solid #28354a;border-radius:9px;
  background:#0d1521;color:#8996a9;font-size:10px;line-height:1.55
}
.autoroles-field{margin:4px 0 16px}
.autoroles-field label{display:block;margin-bottom:7px;font-size:11px;font-weight:700}
.autoroles-field select{width:100%}
.autoroles-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.autoroles-rule-card.danger-rule{border-color:#483137}
.autoroles-rule-card.danger-rule .autoroles-rule-head{background:rgba(237,66,69,.025)}
.autoroles-category{
  padding:10px 9px 5px;color:#707d91;font-size:8px;font-weight:900;
  letter-spacing:.08em;text-transform:uppercase
}
.autoroles-behavior{display:grid;gap:4px}
.autoroles-behavior strong{color:#c7d0dc;margin-bottom:3px}
.notice.warning{border-color:#675325;background:#1b170d;color:#e6c86e}
@media(max-width:900px){.autoroles-rules-grid{grid-template-columns:1fr}}


/* V1.35 — salons de partage live : afficher tous les salons */
.discord-channel-row.unavailable {
  opacity: .62;
  cursor: not-allowed;
}

.discord-channel-row.unavailable:hover {
  background: rgba(255, 255, 255, .035);
}

.discord-channel-row.unavailable .discord-check {
  display: none !important;
}

.discord-channel-permission {
  margin-left: auto;
  font-size: 11px;
  opacity: .82;
  white-space: nowrap;
}

@media (max-width: 700px) {
  .discord-channel-permission {
    font-size: 10px;
  }
}


/* V1.36 — Permissions du bot */
.permission-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.permission-kpi {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.permission-kpi > span,
.permission-kpi > small {
  opacity: .72;
}

.permission-kpi > strong {
  font-size: 27px;
}

.permission-feature-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.permission-feature-grid > div {
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.025);
  border-radius: 14px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.permission-feature-grid > div > span {
  font-size: 22px;
}

.permission-feature-grid small {
  opacity: .65;
  line-height: 1.35;
}

.permission-action-form {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.permission-action-form > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.permission-action-form small {
  opacity: .68;
}

.permission-channel-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.permission-channel-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  padding: 12px 14px;
}

.permission-channel-row.missing {
  border-color: rgba(255, 184, 77, .28);
  background: rgba(255, 184, 77, .035);
}

.permission-channel-main {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.permission-channel-main > span {
  font-size: 21px;
  opacity: .7;
}

.permission-channel-main > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.permission-channel-main strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.permission-channel-main small {
  opacity: .58;
}

.permission-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.permission-badges span {
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  background: rgba(255,255,255,.06);
}

.permission-badges span.ok {
  background: rgba(65, 190, 120, .12);
}

.permission-badges span.bad {
  background: rgba(235, 87, 87, .14);
}

.permission-empty {
  opacity: .65;
  text-align: center;
  padding: 20px;
}

@media (max-width: 950px) {
  .permission-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .permission-kpi-grid {
    grid-template-columns: 1fr;
  }

  .permission-feature-grid {
    grid-template-columns: 1fr;
  }

  .permission-action-form,
  .permission-channel-row {
    align-items: stretch;
    flex-direction: column;
  }

  .permission-badges {
    justify-content: flex-start;
  }
}


/* V1.37 — édition complète des comptes live */
.account-live-editor {
  gap: 18px;
}

.account-edit-heading,
.account-edit-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.account-edit-heading > div {
  min-width: 0;
}

.account-edit-heading p,
.account-edit-channels p {
  margin: 5px 0 0;
  opacity: .68;
}

.account-edit-fields {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(170px, .55fr) minmax(280px, 1.65fr);
  gap: 14px;
}

.account-edit-fields .field-block {
  margin: 0;
}

.account-edit-url input {
  width: 100%;
}

.account-edit-channels {
  padding-top: 15px;
  border-top: 1px solid rgba(255,255,255,.08);
  display: grid;
  grid-template-columns: minmax(240px, .8fr) minmax(300px, 1.2fr);
  gap: 18px;
  align-items: start;
}

.account-edit-footer {
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.account-edit-footer > small {
  opacity: .62;
}

@media (max-width: 980px) {
  .account-edit-fields,
  .account-edit-channels {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .account-edit-heading,
  .account-edit-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .account-edit-footer .actions {
    width: 100%;
  }

  .account-edit-footer .actions .btn {
    flex: 1;
  }
}


/* V1.38 — Diagnostic, sécurité et robustesse */
.health-overview,
.diagnostic-summary {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 16px 18px;
  margin-bottom: 18px;
  background: rgba(255,255,255,.025);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.health-overview.ok,
.diagnostic-summary.ok {
  border-color: rgba(65,190,120,.28);
  background: rgba(65,190,120,.045);
}

.health-overview.warning,
.diagnostic-summary.warning {
  border-color: rgba(255,184,77,.3);
  background: rgba(255,184,77,.045);
}

.health-overview.error,
.diagnostic-summary.error {
  border-color: rgba(235,87,87,.3);
  background: rgba(235,87,87,.045);
}

.health-overview-main,
.diagnostic-summary-main {
  display: flex;
  align-items: center;
  gap: 12px;
}

.health-overview-main > span,
.diagnostic-big-icon {
  font-size: 28px;
}

.health-overview-main > div,
.diagnostic-summary-main > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.health-overview-main small,
.diagnostic-summary-main small {
  opacity: .68;
}

.diagnostic-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.diagnostic-counts > span {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  font-size: 12px;
}

.diagnostic-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.diagnostic-row {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px;
  background: rgba(255,255,255,.018);
}

.diagnostic-row.warning {
  border-color: rgba(255,184,77,.22);
}

.diagnostic-row.error {
  border-color: rgba(235,87,87,.24);
}

.diagnostic-state {
  font-size: 20px;
  text-align: center;
}

.diagnostic-content {
  min-width: 0;
}

.diagnostic-title-line {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

.diagnostic-title-line code {
  font-size: 10px;
  opacity: .68;
}

.diagnostic-content p {
  margin: 5px 0 3px;
  opacity: .78;
}

.diagnostic-content small {
  display: block;
  opacity: .72;
}

.audit-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.audit-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 12px 13px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 11px;
}

.audit-row > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.audit-row small {
  opacity: .65;
  overflow-wrap: anywhere;
}

.audit-meta {
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
}

.audit-meta > span {
  min-width: 36px;
  text-align: center;
  padding: 4px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}

.audit-meta > span.ok {
  background: rgba(65,190,120,.12);
}

.audit-meta > span.bad {
  background: rgba(235,87,87,.14);
}

@media (max-width: 760px) {
  .health-overview,
  .diagnostic-summary {
    align-items: stretch;
    flex-direction: column;
  }

  .diagnostic-row {
    grid-template-columns: 30px minmax(0,1fr);
  }

  .diagnostic-row > .btn {
    grid-column: 2;
    justify-self: start;
  }

  .audit-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .audit-meta {
    width: 100%;
    justify-content: space-between;
  }
}

/* V1.39 — correctif visuel du sélecteur de salons dans l'édition d'un compte live */
.account-live-editor .discord-channel-select {
  min-width: 0;
}

/* Dans l'éditeur, le menu fait partie du flux de la carte au lieu de flotter
   au-dessus du footer. Cela évite qu'il soit coupé par la carte du compte. */
.account-live-editor .discord-select-menu {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  width: 100%;
  margin-top: 8px;
  max-height: none;
  box-shadow: 0 10px 24px rgba(0,0,0,.32);
}

.account-live-editor .discord-select-options {
  max-height: 280px;
}

.account-live-editor.open {
  position: relative;
  z-index: 4;
}

.platform-live-account:has(.account-live-editor.open) {
  overflow: visible;
  position: relative;
  z-index: 5;
}

.account-live-editor .discord-channel-select.open {
  z-index: 10;
}

@media (max-width: 760px) {
  /* Annule le panneau fixe mobile global uniquement dans l'éditeur de compte. */
  .account-live-editor .discord-select-menu {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    max-height: none;
  }

  .account-live-editor .discord-select-options {
    max-height: 46vh;
  }
}


/* ===== V1.40 — Correctif affichage Statistiques lives ===== */
.live-stats-page .dash-top{
  min-width:0;
}
.live-stats-page .dash-top > div:first-child{
  min-width:0;
}
.live-stats-page .dash-top .actions{
  justify-content:flex-end;
}
.live-history-card,
.live-ranking-card{
  min-width:0;
  overflow:hidden;
}
.live-history-card .limits-table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.live-history-table{
  width:100%;
}
.creator-rank-main,
.creator-rank-metrics{
  min-width:0;
}
.creator-rank-main strong,
.creator-rank-main small{
  overflow-wrap:anywhere;
}
@media(max-width:900px){
  .live-stats-page .dash-top{
    flex-direction:column;
    align-items:stretch;
  }
  .live-stats-page .dash-top .actions{
    justify-content:flex-start;
  }
}
@media(max-width:720px){
  .live-stats-page .dash-top .actions{
    width:100%;
  }
  .live-stats-page .dash-top .actions .btn{
    width:100%;
  }
  .live-stats-page .plan{
    white-space:normal;
    text-align:center;
  }
}


/* ===== V1.41 — Personnalisation avancée des notifications live ===== */
.premium-live-card-v2{
  padding:0;
  overflow:hidden;
  border-color:rgba(255,202,87,.27);
}
.premium-live-card-v2>.premium-live-header{
  padding:22px 22px 0;
}
.premium-live-card-v2 form{
  padding:0 22px 22px;
}
.premium-live-master{
  margin-bottom:14px;
  background:linear-gradient(135deg,rgba(108,99,255,.13),rgba(61,199,255,.055));
  border-color:rgba(108,99,255,.28);
}
.notification-presets{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 15px;
  margin:12px 0 16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#0b121c;
}
.notification-presets>div:first-child{
  display:grid;
  gap:3px;
}
.notification-presets>div:first-child strong{
  font-size:13px;
}
.notification-preset-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.premium-notification-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:16px;
  align-items:start;
}
.premium-notification-editor{
  display:grid;
  gap:13px;
  min-width:0;
}
.premium-option-card{
  background:#0b121c;
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px;
  min-width:0;
}
.premium-option-head{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  margin-bottom:14px;
}
.premium-option-head h3{
  margin:0 0 3px;
  font-size:14px;
}
.premium-option-head p{
  margin:0;
  color:var(--muted);
  font-size:11px;
}
.premium-option-number{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(108,99,255,.14);
  border:1px solid rgba(108,99,255,.3);
  color:#d9d6ff;
  font-weight:900;
  font-size:12px;
}
.premium-option-toggle{
  margin:0;
}
.premium-fields-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}
.premium-button-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 100px;
  gap:11px;
}
.template-variable-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.template-variable-list button{
  appearance:none;
  border:1px solid #30405a;
  background:#121c2b;
  color:#aebcff;
  border-radius:999px;
  padding:5px 8px;
  font:inherit;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.template-variable-list button:hover{
  border-color:#6e68ff;
  color:#fff;
}
.compact-toggle{
  margin-top:13px;
}
.premium-notification-preview-panel{
  min-width:0;
}
.premium-preview-sticky{
  position:sticky;
  top:18px;
  border:1px solid #2b3850;
  border-radius:14px;
  overflow:hidden;
  background:#101720;
}
.premium-preview-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  border-bottom:1px solid #263246;
  background:#0d141f;
}
.premium-preview-head>div{
  display:grid;
  gap:3px;
}
.premium-preview-head strong{
  font-size:13px;
}
.premium-preview-live-dot{
  padding:5px 8px;
  border-radius:999px;
  background:rgba(255,98,125,.12);
  border:1px solid rgba(255,98,125,.25);
  color:#ff8ca0;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
}
.discord-notification-preview{
  background:#313338;
  padding:17px 15px 18px;
  min-height:340px;
}
.discord-notification-author-line{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:11px;
}
.discord-notification-avatar{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,var(--primary),var(--cyan));
}
.discord-notification-author-line>div:last-child{
  display:grid;
  gap:2px;
}
.discord-notification-author-line strong{
  font-size:13px;
}
.discord-notification-author-line strong span{
  background:#5865f2;
  font-size:8px;
  padding:2px 4px;
  border-radius:3px;
  vertical-align:2px;
}
.discord-notification-author-line small{
  color:#949ba4;
  font-size:9px;
}
.discord-preview-role{
  display:none;
  width:max-content;
  max-width:100%;
  margin:0 0 6px 47px;
  padding:2px 5px;
  border-radius:4px;
  background:rgba(88,101,242,.22);
  color:#c9cdfb;
  font-size:12px;
}
.discord-preview-message{
  margin:0 0 9px 47px;
  color:#dbdee1;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-size:12px;
  line-height:1.45;
}
.premium-v2-embed{
  margin-left:47px;
  max-width:500px;
  border-left:4px solid #5865F2;
  background:#2b2d31;
  border-radius:4px;
  padding:12px;
  color:#dbdee1;
}
.discord-preview-embed-main{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.discord-preview-embed-text{
  min-width:0;
  flex:1;
}
.discord-preview-embed-text>small{
  display:block;
  color:#dbdee1;
  margin-bottom:7px;
  font-size:11px;
  font-weight:700;
}
.discord-preview-embed-text>strong{
  display:block;
  font-size:13px;
  margin-bottom:7px;
  color:#f2f3f5;
}
.discord-preview-embed-text>p{
  margin:0;
  font-size:11px;
  line-height:1.45;
  white-space:pre-wrap;
  color:#dbdee1;
}
.discord-preview-thumbnail{
  width:64px;
  height:64px;
  object-fit:cover;
  border-radius:5px;
  flex:0 0 auto;
}
.discord-preview-image{
  display:block;
  width:100%;
  max-height:230px;
  object-fit:cover;
  border-radius:5px;
  margin-top:11px;
}
.discord-preview-footer{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:10px;
  color:#b5bac1;
  font-size:9px;
}
.discord-preview-live-button{
  margin:9px 0 0 47px;
  border:0;
  border-radius:4px;
  padding:8px 12px;
  background:#4e5058;
  color:#fff;
  font:inherit;
  font-size:11px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.premium-preview-example{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border-top:1px solid #263246;
  font-size:10px;
  color:var(--muted);
}
.premium-preview-example strong{
  color:#d7dfeb;
  margin-bottom:2px;
}
.premium-live-savebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:16px;
  padding:14px 15px;
  border:1px solid rgba(108,99,255,.24);
  border-radius:12px;
  background:rgba(108,99,255,.06);
}
.premium-live-savebar>div{
  display:grid;
  gap:3px;
}
.premium-live-savebar strong{
  font-size:13px;
}
.premium-live-savebar small{
  color:var(--muted);
  font-size:10px;
}
@media(max-width:1100px){
  .premium-notification-layout{
    grid-template-columns:1fr;
  }
  .premium-preview-sticky{
    position:static;
  }
}
@media(max-width:700px){
  .premium-live-card-v2>.premium-live-header,
  .premium-live-card-v2 form{
    padding-left:14px;
    padding-right:14px;
  }
  .notification-presets,
  .premium-live-savebar{
    align-items:stretch;
    flex-direction:column;
  }
  .notification-preset-actions{
    justify-content:flex-start;
  }
  .premium-fields-grid,
  .premium-button-grid{
    grid-template-columns:1fr;
  }
  .premium-option-head{
    grid-template-columns:32px minmax(0,1fr);
  }
  .premium-option-toggle{
    grid-column:2;
    justify-self:start;
  }
  .discord-preview-message,
  .premium-v2-embed,
  .discord-preview-live-button,
  .discord-preview-role{
    margin-left:0;
  }
}


/* ===== V1.42 — Notifications personnalisées par compte live ===== */
.account-notification-editor{
  display:none;
  margin-top:12px;
  padding:16px;
  border:1px solid rgba(108,99,255,.27);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(16,23,35,.98),rgba(10,16,25,.98));
  overflow:visible;
}
.account-notification-editor.open{
  display:block;
}
.account-notification-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding-bottom:13px;
  margin-bottom:13px;
  border-bottom:1px solid #253146;
}
.account-notification-heading>div{
  display:grid;
  gap:4px;
}
.account-notification-heading strong{
  font-size:14px;
}
.account-notification-heading p{
  margin:0;
  color:var(--muted);
  font-size:11px;
}
.account-notification-master{
  margin-bottom:13px;
  border-color:rgba(108,99,255,.28);
  background:rgba(108,99,255,.06);
}
.account-notification-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:14px;
  align-items:start;
}
.account-notification-fields{
  display:grid;
  gap:12px;
  min-width:0;
}
.account-notification-preview{
  position:sticky;
  top:18px;
  min-width:0;
  padding:14px;
  border:1px solid #2b3850;
  border-radius:12px;
  background:#101720;
}
.account-notification-preview>.eyebrow{
  display:block;
  margin-bottom:9px;
}
.account-discord-preview{
  background:#313338;
  padding:14px;
  border-radius:9px;
  min-height:220px;
}
.account-preview-role{
  display:none;
  padding:2px 5px;
  margin-bottom:6px;
  border-radius:4px;
  background:rgba(88,101,242,.22);
  color:#c9cdfb;
  font-size:11px;
}
.account-preview-message{
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  color:#dbdee1;
  font-size:11px;
  line-height:1.45;
  margin-bottom:8px;
}
.account-preview-embed{
  border-left:4px solid #5865F2;
  background:#2b2d31;
  border-radius:4px;
  padding:10px;
}
.account-preview-embed small{
  display:block;
  margin-bottom:5px;
  color:#d5d8dc;
}
.account-preview-embed strong{
  display:block;
  font-size:12px;
  margin-bottom:5px;
}
.account-preview-embed p{
  margin:0;
  white-space:pre-wrap;
  color:#dbdee1;
  font-size:10px;
  line-height:1.45;
}
.account-preview-footer{
  margin-top:8px;
  color:#b5bac1;
  font-size:9px;
}
.account-preview-button{
  display:inline-flex;
  margin-top:8px;
  padding:7px 10px;
  border-radius:4px;
  background:#4e5058;
  color:white;
  font-size:10px;
  font-weight:700;
}
.account-notification-preview>small{
  display:block;
  margin-top:9px;
  color:var(--muted);
  font-size:9px;
}
@media(max-width:1050px){
  .account-notification-grid{
    grid-template-columns:1fr;
  }
  .account-notification-preview{
    position:static;
  }
}
@media(max-width:700px){
  .account-notification-heading{
    flex-direction:column;
  }
}


/* ===== V1.43 — Correctif bouton Notification par compte ===== */
.account-notification-editor:target{
  display:block;
}
.platform-live-account:has(.account-notification-editor.open),
.platform-live-account:has(.account-notification-editor:target){
  overflow:visible;
  position:relative;
  z-index:6;
}
.account-notification-toggle{
  text-decoration:none;
}
.account-notification-editor.open,
.account-notification-editor:target{
  animation:accountNotificationOpen .16s ease-out;
}
@keyframes accountNotificationOpen{
  from{opacity:.3;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

/* ===== V1.44 — stabilité, live monitor, sauvegardes et AutoMod ===== */
.live-health-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:14px 0 20px;
}
.live-health-strip>div{
  background:var(--panel,#151821);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.live-health-strip span{font-size:.86rem;color:var(--muted,#9da4b3)}
.live-health-strip strong{font-size:1.45rem}
.live-detection-log-card{margin-top:20px}
.live-detection-log-list{display:grid;gap:8px}
.live-detection-log-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}
.live-detection-log-row>div:nth-child(2){display:grid;gap:3px;min-width:0}
.live-detection-log-row small{color:var(--muted,#9da4b3)}
.live-detection-log-row.error{border-color:rgba(248,81,73,.3)}
.live-detection-log-row.live{border-color:rgba(255,80,80,.28)}
.backup-create-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.backup-create-form .field-block{flex:1;min-width:260px}
.backup-list{display:grid;gap:10px}
.backup-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}
.backup-row>div:first-child{display:grid;gap:4px}
.backup-row small{color:var(--muted,#9da4b3)}
.automod-card{margin-top:16px}
.compact-toggle{padding:10px 0}
@media(max-width:850px){
  .live-health-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .backup-row{align-items:flex-start;flex-direction:column}
  .live-detection-log-row{grid-template-columns:auto minmax(0,1fr)}
  .live-detection-log-row .audit-meta{grid-column:2}
}
@media(max-width:520px){
  .live-health-strip{grid-template-columns:1fr}
}

/* ========================================================================== */
/* V1.48 — Refonte visuelle complète                                         */
/* ========================================================================== */
:root{
  --bg:#070910;
  --bg2:#0a0d16;
  --sidebar:#090c14;
  --surface:#0e1320;
  --surface2:#121927;
  --surface3:#182234;
  --line:rgba(154,168,199,.14);
  --line2:rgba(154,168,199,.24);
  --text:#f7f8fc;
  --muted:#8f9bb0;
  --primary:#7c5cff;
  --primary2:#9c7cff;
  --cyan:#34d6ff;
  --green:#34d399;
  --yellow:#fbbf24;
  --red:#fb7185;
  --orange:#fb923c;
  --shadow:0 24px 70px rgba(0,0,0,.34);
  --shadow-soft:0 12px 40px rgba(0,0,0,.22);
  --radius:20px;
  --radius-sm:13px;
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(900px 620px at 8% -5%,rgba(124,92,255,.15),transparent 62%),
    radial-gradient(760px 540px at 96% 6%,rgba(52,214,255,.08),transparent 58%),
    linear-gradient(180deg,#070910 0%,#090d16 55%,#070910 100%);
  letter-spacing:-.005em;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:36px 36px;
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%);
}
::selection{background:rgba(124,92,255,.4);color:white}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#080b12}::-webkit-scrollbar-thumb{background:#283248;border:2px solid #080b12;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#39445d}
h1{font-size:clamp(28px,3.2vw,42px);font-weight:900;letter-spacing:-.035em}
h2{font-size:20px;font-weight:850;letter-spacing:-.02em}
h3{letter-spacing:-.015em}
.eyebrow{font-size:10px;letter-spacing:.16em;color:#a49cfa}
.muted,.hint{color:#8b97aa}
code{background:rgba(124,92,255,.08);border-color:rgba(124,92,255,.2);color:#d9d3ff}

/* Global surfaces */
.card,.config-card,.mini-panel,.stat-card,.admin-kpi,.live-stat-kpi,.stat-kpi,.permission-kpi{
  background:linear-gradient(155deg,rgba(20,27,42,.9),rgba(11,16,27,.96));
  border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),var(--shadow-soft);
}
.card,.config-card{border-radius:var(--radius)}
.card:hover{border-color:rgba(124,92,255,.23)}
.config-card{padding:24px;margin:18px 0}
.config-card-head{padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.055)}
.config-card-head h2{display:flex;align-items:center;gap:9px}
.config-card-head p{max-width:760px;line-height:1.5}
.notice{border-radius:14px;padding:13px 15px;background:rgba(255,255,255,.035);border-color:var(--line2)}
.notice.success{background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.25);color:#b9f6df}
.notice.error{background:rgba(251,113,133,.08);border-color:rgba(251,113,133,.25);color:#ffc1cc}
.notice.warning{background:rgba(251,191,36,.07);border-color:rgba(251,191,36,.25);color:#fde68a}

/* Buttons */
.btn{
  min-height:40px;padding:10px 15px;border-radius:12px;border-color:rgba(151,164,190,.22);
  background:rgba(24,32,48,.82);box-shadow:inset 0 1px rgba(255,255,255,.035);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.btn:hover{transform:translateY(-2px);filter:none;border-color:rgba(124,92,255,.46);background:#1a2334;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.btn.primary{background:linear-gradient(135deg,#7253f4,#8f6bff 58%,#6f7bff);box-shadow:0 10px 30px rgba(116,84,246,.22),inset 0 1px rgba(255,255,255,.16)}
.btn.primary:hover{box-shadow:0 14px 34px rgba(116,84,246,.31),inset 0 1px rgba(255,255,255,.18)}
.btn.ghost{background:rgba(255,255,255,.025)}
.btn.danger{background:rgba(251,113,133,.09);border-color:rgba(251,113,133,.28);color:#ffd0d8}
.btn.small{min-height:34px;border-radius:10px;padding:7px 11px}
.btn.large{min-height:48px;border-radius:14px;padding:12px 20px}
.badge,.pill,.plan{background:rgba(18,25,39,.86);border-color:rgba(154,168,199,.18);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.plan.premium{background:linear-gradient(135deg,rgba(251,191,36,.12),rgba(124,92,255,.1));border-color:rgba(251,191,36,.2);color:#fcd96b}
.plan.free{color:#a9b4c6}

/* Forms */
input,select,textarea{
  background:rgba(6,10,18,.7);border:1px solid rgba(139,154,183,.2);border-radius:12px;
  min-height:43px;padding:11px 13px;box-shadow:inset 0 1px 5px rgba(0,0,0,.16)
}
textarea{min-height:108px}
input:hover,select:hover,textarea:hover{border-color:rgba(139,154,183,.34)}
input:focus,select:focus,textarea:focus{border-color:#7c5cff;box-shadow:0 0 0 4px rgba(124,92,255,.11),inset 0 1px 5px rgba(0,0,0,.14)}
label{font-size:11px;letter-spacing:.015em;color:#cdd4e0}
.setting-toggle,.toggle-row{background:rgba(7,11,19,.48);border-color:rgba(142,157,185,.15);border-radius:14px}
.toggle-ui{background:#30394a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.toggle-wrap input:checked + .toggle-ui{background:linear-gradient(90deg,#7458ef,#52c9fa)}

/* Dashboard shell */
.dashboard-shell{grid-template-columns:278px minmax(0,1fr)}
.dash-sidebar{
  background:linear-gradient(180deg,rgba(9,12,20,.985),rgba(8,11,18,.985));
  border-right:1px solid rgba(154,168,199,.11);padding:18px 14px;box-shadow:14px 0 40px rgba(0,0,0,.14)
}
.dash-brand{padding:8px 9px 18px;font-size:19px;letter-spacing:-.02em}
.dash-brand:before{
  content:"B";width:40px;height:40px;border-radius:13px;font-size:18px;
  background:linear-gradient(145deg,#7c5cff,#4ebcf8);box-shadow:0 10px 30px rgba(124,92,255,.27),inset 0 1px rgba(255,255,255,.2)
}
.dash-server-name{margin-top:4px;padding:14px 11px 8px;border-top:1px solid rgba(154,168,199,.09);color:#68758a;font-size:9px;letter-spacing:.14em}
.dash-nav{gap:4px;padding:5px 0}
.dash-nav a{
  position:relative;padding:11px 12px;border:1px solid transparent;border-radius:12px;color:#939fb2;font-size:12.5px;font-weight:760;transition:.16s ease
}
.dash-nav a:hover{background:rgba(255,255,255,.035);color:#eef1f8;border-color:rgba(255,255,255,.04)}
.dash-nav a.active{
  background:linear-gradient(90deg,rgba(124,92,255,.19),rgba(124,92,255,.055));
  color:#e6e2ff;border-color:rgba(124,92,255,.18);box-shadow:inset 3px 0 #8568ff
}
.dash-user{padding:14px 9px 3px;border-top-color:rgba(154,168,199,.1)}
.dash-avatar{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#6849dc,#449fd8)}
.dash-user strong{font-size:12px}.dash-user small{font-size:9px}
.dash-main{padding:34px clamp(22px,3vw,48px) 90px;max-width:1600px}
.dash-top{
  margin:0 0 22px;padding:0 0 21px;border-bottom:1px solid rgba(154,168,199,.1);align-items:center
}
.dash-top h1{margin-top:5px}.dash-top p{font-size:13px;max-width:760px}

/* Overview */
.health-overview,.diagnostic-summary,.admin-health-strip,.live-health-strip>div{
  background:linear-gradient(145deg,rgba(18,25,39,.9),rgba(10,15,25,.96));border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-soft)
}
.health-overview{padding:16px 18px}
.health-overview.ok{border-color:rgba(52,211,153,.2)}
.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0 24px}
.quick-card{padding:18px 18px 17px;min-height:145px;position:relative;overflow:hidden}
.quick-card:after{content:"→";position:absolute;right:17px;top:17px;color:#546177;font-weight:900;transition:.16s}
.quick-card:hover:after{transform:translateX(3px);color:#a99dff}
.quick-card:hover{transform:translateY(-3px);border-color:rgba(124,92,255,.28);box-shadow:0 18px 45px rgba(0,0,0,.26)}
.quick-card .quick-icon{font-size:22px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(124,92,255,.09);border:1px solid rgba(124,92,255,.12)}
.quick-card h3{font-size:14px;margin:13px 0 5px}.quick-card p{font-size:11.5px;line-height:1.45}
.two-col{gap:18px}
.mini-panel{border-radius:15px;padding:17px;background:rgba(7,11,19,.42);border:1px solid rgba(154,168,199,.12)}
.save-bar{bottom:14px;margin-top:18px;padding:12px;border:1px solid rgba(154,168,199,.12);border-radius:16px;background:rgba(8,11,18,.84);box-shadow:0 20px 48px rgba(0,0,0,.28)}

/* Landing page */
.home-v131-body{background:radial-gradient(850px 530px at 15% 0,rgba(124,92,255,.17),transparent 62%),radial-gradient(780px 520px at 92% 14%,rgba(52,214,255,.08),transparent 62%),#070910}
.home-v131{max-width:1260px;padding:22px 24px 80px}
.home-v131-nav{padding:8px 2px 24px;border-bottom:1px solid rgba(154,168,199,.08)}
.home-v131-brand{font-weight:950;letter-spacing:-.02em}.home-v131-logo{border-radius:13px;background:linear-gradient(145deg,#7c5cff,#41bbed);box-shadow:0 10px 28px rgba(124,92,255,.25)}
.home-v131-links a{color:#8f9bb0}.home-v131-links a:hover{color:white}
.home-v131-hero{min-height:620px;gap:52px;padding:70px 8px 54px}
.home-v131-badge{background:rgba(124,92,255,.08);border:1px solid rgba(124,92,255,.22);color:#c6beff;border-radius:999px}
.home-v131-hero-copy h1{font-size:clamp(48px,6.5vw,80px);line-height:.99;letter-spacing:-.055em;max-width:770px;background:linear-gradient(110deg,#fff 20%,#d9d4ff 56%,#91e6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-v131-hero-copy p{font-size:17px;line-height:1.65;max-width:690px;color:#9aa6b8}
.home-v131-proof{color:#748196;border-top:1px solid rgba(154,168,199,.08);padding-top:16px}
.home-v131-console{border:1px solid rgba(124,92,255,.2);border-radius:24px;background:linear-gradient(160deg,rgba(18,24,38,.96),rgba(8,12,20,.98));box-shadow:0 35px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.018) inset;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}
.home-v131-console-top{background:rgba(255,255,255,.025);border-bottom:1px solid rgba(154,168,199,.08)}
.home-v131-console-sidebar{background:rgba(6,10,17,.54);border-right:1px solid rgba(154,168,199,.08)}
.home-v131-console-sidebar .active{background:rgba(124,92,255,.14);color:#d8d1ff}
.home-v131-dashboard-kpis>div,.home-v131-live-line,.home-v131-stat-channel{background:rgba(8,13,22,.65);border-color:rgba(154,168,199,.1);border-radius:12px}
.home-v131-features,.home-v131-platforms,.home-v131-pricing,.home-v131-final{margin-top:26px}
.home-v131-feature-card,.home-v131-pricing-card,.home-v131-platform-card{border-radius:18px;background:linear-gradient(155deg,rgba(18,25,39,.82),rgba(9,14,23,.93));border-color:rgba(154,168,199,.11)}

/* Server selection */
.topbar{min-height:72px;background:rgba(7,10,17,.8);border-bottom:1px solid rgba(154,168,199,.1);box-shadow:0 10px 35px rgba(0,0,0,.12)}
.brand-mark{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#7c5cff,#40bce9)}
.container{max-width:1320px;padding:38px 24px 80px}
.page-head{margin:18px 0 28px}.guild-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guild-card{padding:20px;border-radius:18px;grid-template-columns:58px minmax(0,1fr) auto}
.guild-icon{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#6e52e2,#35aee0)}
.guild-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.25)}

/* Tickets / moderation / protection / stats cards */
.ticket-stat-grid,.stats-kpi-grid,.permission-kpi-grid,.admin-kpi-grid,.live-stats-kpis{gap:12px}
.stat-card,.stat-kpi,.permission-kpi,.admin-kpi,.live-stat-kpi{border-radius:16px!important;padding:17px!important}
.stat-card strong,.stat-kpi strong,.permission-kpi strong,.admin-kpi strong,.live-stat-kpi strong{font-size:24px;letter-spacing:-.03em}
.ticket-column,.auto-sanction-card,.serverstats-editor,.autoroles-rule-card,.live-destination-card,.platform-live-account,.premium-option-card{
  background:rgba(7,11,19,.44)!important;border:1px solid rgba(154,168,199,.12)!important;border-radius:15px!important
}
.role-pill,.chip{background:rgba(124,92,255,.07);border-color:rgba(124,92,255,.16);border-radius:999px}
.role-pill.selected{background:rgba(124,92,255,.19);border-color:rgba(124,92,255,.4);color:#e5e0ff}
.limits-table-wrap{border-radius:15px;border:1px solid rgba(154,168,199,.12);overflow:hidden}
.limits-table{border-collapse:collapse}.limits-table th{background:rgba(255,255,255,.035);color:#a7b2c4}.limits-table td,.limits-table th{border-color:rgba(154,168,199,.09)}

/* Live page */
.live-health-strip{gap:10px}.live-health-strip>div{padding:15px}.live-health-strip strong{font-size:1.5rem}
.live-overview{border-radius:17px!important;background:rgba(10,15,25,.78)!important;border-color:rgba(154,168,199,.12)!important}
.live-platform-tab{border-radius:11px!important;background:rgba(255,255,255,.025)!important;border-color:rgba(154,168,199,.12)!important}
.live-platform-tab.active{background:rgba(124,92,255,.14)!important;border-color:rgba(124,92,255,.32)!important;color:#e3ddff!important}
.discord-select-trigger{background:rgba(6,10,18,.72)!important;border-color:rgba(154,168,199,.18)!important;border-radius:12px!important}
.discord-select-menu{background:#0d1320!important;border-color:rgba(154,168,199,.18)!important;border-radius:14px!important;box-shadow:0 24px 60px rgba(0,0,0,.45)!important}
.account-notification-editor,.account-notification-preview{border-color:rgba(124,92,255,.18);background:linear-gradient(180deg,rgba(14,20,33,.98),rgba(8,12,20,.98))}

/* Diagnostic / logs / backups */
.diagnostic-summary{padding:19px}.diagnostic-row,.audit-row,.backup-row,.permission-channel-row,.live-detection-log-row{background:rgba(7,11,19,.42);border-color:rgba(154,168,199,.11);border-radius:13px}
.backup-row:hover,.permission-channel-row:hover,.audit-row:hover{border-color:rgba(124,92,255,.2)}

/* Premium block */
.premium-card{position:relative;overflow:hidden;border-color:rgba(251,191,36,.17);background:linear-gradient(145deg,rgba(31,26,25,.72),rgba(17,16,28,.94))}
.premium-card:before{content:"";position:absolute;width:280px;height:280px;right:-110px;top:-130px;border-radius:50%;background:rgba(251,191,36,.08);filter:blur(16px);pointer-events:none}
.premium-compare .mini-panel:last-child{border-color:rgba(251,191,36,.18);background:linear-gradient(145deg,rgba(251,191,36,.05),rgba(124,92,255,.055))}

/* Admin */
.admin-pro-body{background:radial-gradient(800px 520px at 8% -8%,rgba(124,92,255,.15),transparent 62%),#080b12}
.admin-pro{max-width:1420px}
.admin-pro-topbar{border-radius:16px;margin-top:14px;border:1px solid rgba(154,168,199,.11)}
.admin-kpi.premium{background:linear-gradient(145deg,rgba(251,191,36,.07),rgba(124,92,255,.055));border-color:rgba(251,191,36,.17)}
.admin-server-row{border-radius:14px!important;background:rgba(7,11,19,.4)!important;border-color:rgba(154,168,199,.1)!important}

/* Responsive */
@media(max-width:1180px){
  .dashboard-shell{grid-template-columns:240px minmax(0,1fr)}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dash-main{padding-left:26px;padding-right:26px}
  .home-v131-hero{grid-template-columns:1fr!important}.home-v131-console{max-width:780px;transform:none}
}
@media(max-width:900px){
  .dashboard-shell{display:block}
  .dash-sidebar{position:relative;height:auto;min-height:0;padding:12px 14px;border-right:0;border-bottom:1px solid rgba(154,168,199,.11);box-shadow:none}
  .dash-brand{padding-bottom:10px}.dash-server-name{display:none}
  .dash-nav{display:flex;overflow-x:auto;gap:6px;padding:6px 0 4px;scrollbar-width:thin}
  .dash-nav a{white-space:nowrap;flex:0 0 auto;padding:9px 11px}.dash-nav a.active{box-shadow:inset 0 -2px #8568ff}
  .dash-user{display:none}
  .dash-main{padding:24px 18px 70px}
  .dash-top{align-items:flex-start}.two-col,.ticket-settings-grid,.admin-two-cols{grid-template-columns:1fr!important}
  .guild-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  h1{font-size:30px}.dash-top,.title-row,.config-card-head,.page-head{flex-direction:column;align-items:flex-start}
  .quick-grid,.ticket-stat-grid,.stats-kpi-grid,.permission-kpi-grid,.live-stats-kpis,.admin-kpi-grid{grid-template-columns:1fr 1fr!important}
  .quick-card{min-height:126px}.config-card{padding:18px;border-radius:17px}
  .actions{width:100%}.actions>.btn,.actions>form,.actions>form>.btn{width:100%}
  .save-bar{padding:10px}.save-bar .btn{width:100%}
  .home-v131{padding-left:16px;padding-right:16px}.home-v131-nav{gap:12px}.home-v131-links{display:none!important}.home-v131-hero{padding-top:46px}.home-v131-hero-copy h1{font-size:46px}.home-v131-console{display:none!important}
}
@media(max-width:440px){
  .quick-grid,.ticket-stat-grid,.stats-kpi-grid,.permission-kpi-grid,.live-stats-kpis,.admin-kpi-grid{grid-template-columns:1fr!important}
  .dash-main{padding-left:13px;padding-right:13px}.guild-card{grid-template-columns:48px minmax(0,1fr);}.guild-card>.btn{grid-column:1/-1}.guild-icon{width:48px;height:48px}
}