/* ==========================================================================
   AURORA CONTROL V7.0.0 — PANEL D'ADMINISTRATION
   Chargee APRES aurora-v700.css sur les 29 pages admin-*.

   Composition du fichier, dans cet ordre :
     1. ce bloc d'alias de jetons ;
     2. les composants admin repris de la V4.2.0 (bloc genere) ;
     3. la couche V5.0.0 / V6.0.1 / V6.2.0 telle quelle ;
     4. la couche V7.0.0, qui a le dernier mot.

   Fichier assemble par deploy/build_admin_css_v700.sh. Pour corriger quelque
   chose, editer la partie V7 en fin de fichier (source : _admin-v7.css) et
   reassembler, pas ce fichier directement.

   --------------------------------------------------------------------------
   1. ALIAS DE JETONS

   Les regles reprises de la V4.2.0 et la couche V5/V6 lisent les noms de
   variables de l'ancienne base (--primary, --radius, --danger…). La V7 a
   renomme sa palette. Plutot que de reecrire 3 000 declarations, on
   rebranche les anciens noms sur les nouveaux : les composants historiques
   prennent la nouvelle palette sans etre touches.
   ========================================================================== */

:root{
  --bg-soft:var(--bg-2);
  --line-strong:var(--line-3);

  --primary:var(--brand);
  --primary-2:var(--brand-2);
  --primary-soft:var(--brand-soft);

  --success:var(--ok);
  --warning:var(--warn);
  --danger:var(--bad);

  --radius:var(--r);
  --radius-sm:var(--r-sm);
  --shadow:var(--sh);
}
/* ==========================================================================
   AURORA STORE — COMPOSANTS ADMIN REPRIS DE LA V4.2.0
   Bloc genere par deploy/extract_admin_css_v700.js. Ne pas editer a la main :
   toute correction se fait dans la couche V7 ecrite apres ce bloc, qui a la
   priorite. Les regles ci-dessous sont reprises telles quelles pour que les
   ecrans admin historiques (roles, fiche client, Control Center, dashboards,
   mediatheque) gardent exactement leur mise en forme.
   ========================================================================== */

.small{font-size:13px}

.btn.small{min-height:36px;padding:0 12px;font-size:13px}

.btn.large{min-height:50px;padding:0 20px;font-size:15px}

.icon-btn{width:40px;height:40px;padding:0}

.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}

.search-box{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:#0a0c14}

.search-box input{width:100%;min-height:44px;border:0;outline:0;background:transparent;color:#fff}

.search-box input::placeholder{color:#697283}

.catalog-toolbar .search-box{min-width:320px}

.incident-card{padding:16px;border:1px solid var(--line);border-radius:13px;background:#0b0d15}

.incident-head{display:flex;justify-content:space-between;gap:12px;align-items:start}

.incident-head strong{font-size:15px}

.incident-head time{color:var(--muted-2);font-size:12px}

.incident-card p{font-size:14px;margin-bottom:0}

.client-shell,.admin-shell{padding:28px 0 60px}

.client-layout,.admin-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}

.client-content,.admin-content{min-width:0}

.client-head,.admin-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}

.client-head h1,.admin-head h1{font-size:42px;margin:7px 0 0}

.client-head p,.admin-head p{margin:5px 0 0}

.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}

.kpi-card{padding:18px}

.kpi-card span{display:block;color:var(--muted-2);font-size:12px}

.kpi-card strong{display:block;margin:8px 0 3px;font-size:28px}

.kpi-card small{color:var(--muted);font-size:12px}

.client-grid-2,.admin-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}

.panel-card{padding:20px}

.panel-card-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:13px}

.panel-card-head h2{font-size:24px;margin:5px 0 0}

.panel-card-head a{color:#b9aaff;font-size:13px;font-weight:800}

.feed{display:grid}

.feed-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}

.feed-row:last-child{border-bottom:0}

.feed-row>i{width:8px;height:8px;border-radius:50%;background:#778091}

.feed-row>i.ok{background:var(--success)}

.feed-row>i.warn{background:var(--warning)}

.feed-row>i.error{background:var(--danger)}

.feed-row strong{display:block;font-size:14px}

.feed-row span{display:block;margin-top:3px;color:var(--muted-2);font-size:12px}

.feed-row time{font-size:11px;color:var(--muted-2)}

.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}

.resource-card{overflow:hidden}

.resource-body{padding:18px}

.resource-head{display:flex;justify-content:space-between;gap:12px}

.resource-head h2{font-size:21px;margin:0}

.resource-head p{margin:5px 0 0;font-size:13px}

.diagnostic-backdrop{position:fixed;inset:0;z-index:350;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(10px)}

.diagnostic-backdrop[hidden]{display:none}

.diagnostic-modal{width:min(760px,100%);max-height:88vh;overflow:auto;padding:22px}

.diagnostic-head{display:flex;justify-content:space-between;gap:12px;align-items:start}

.admin-layout{grid-template-columns:270px minmax(0,1fr)}

.admin-side{position:sticky;top:92px;padding:12px;max-height:calc(100vh - 112px);overflow:auto}

.admin-brand{padding:10px 10px 14px;border-bottom:1px solid var(--line)}

.admin-brand strong{display:block;font-size:16px}

.admin-brand span{display:block;margin-top:3px;font-size:12px;color:var(--muted-2)}

.admin-nav-group{margin-top:12px}

.admin-nav-label{padding:7px 10px;color:#70798a;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}

.admin-side a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;color:#aab2bf;font-size:14px;font-weight:750}

.admin-side a:hover,.admin-side a.active{background:rgba(139,92,246,.08);color:#e9e4ff}

.admin-side a i{width:23px;text-align:center;font-style:normal}

.admin-table{width:100%;border-collapse:collapse}

.admin-table th,.admin-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:middle}

.admin-table th{color:var(--muted-2);font-size:11px;text-transform:uppercase;letter-spacing:.07em}

.admin-table tbody tr:hover{background:rgba(255,255,255,.018)}

.table-product{display:flex;align-items:center;gap:10px}

.table-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);overflow:hidden}

.table-icon img{width:100%;height:100%;object-fit:cover}

.table-product strong{font-size:14px}

.table-product span{display:block;color:var(--muted-2);font-size:11px}

.form-card{padding:22px}

.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}

.field textarea.tall{min-height:200px}

.check{display:flex;align-items:center;gap:9px}

.check input{width:18px;height:18px}

.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}

.admin-toolbar .search-box{min-width:300px}

.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}

.quick-card{padding:17px}

.quick-card i{display:block;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);font-style:normal}

.quick-card strong{display:block;margin-top:12px;font-size:14px}

.quick-card span{display:block;margin-top:4px;color:var(--muted-2);font-size:12px}

.editor-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:14px;align-items:start}

.editor-steps{position:sticky;top:96px;padding:13px}

.editor-step{display:flex;gap:9px;padding:10px;border-radius:10px;color:#9fa7b5;font-size:13px;font-weight:750;cursor:pointer}

.editor-step.active,.editor-step:hover{background:rgba(139,92,246,.08);color:#e8e3ff}

.editor-step b{color:#8f78de}

.editor-main{display:grid;gap:12px}

.editor-section{padding:22px}

.editor-section h2{font-size:25px;margin:0 0 6px}

.editor-section>p{margin-top:0;font-size:13px}

.editor-preview{position:sticky;top:96px;padding:16px}

.preview-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#0a0c14}

.preview-cover{height:160px;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(139,92,246,.2),transparent 38%),#0d1019;font-size:38px;overflow:hidden}

.preview-cover img{width:100%;height:100%;object-fit:cover}

.preview-body{padding:14px}

.preview-body strong{display:block;font-size:17px}

.preview-body p{font-size:12px}

.preview-meta{display:flex;gap:6px;flex-wrap:wrap}

.save-bar{position:sticky;bottom:14px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(11,13,22,.92);backdrop-filter:blur(14px);box-shadow:var(--shadow)}

.save-bar span{font-size:13px;color:var(--muted)}

.media-manager{display:grid;gap:10px}

.media-upload{padding:14px;border:1px dashed var(--line-strong);border-radius:12px;background:#0a0c14}

.media-grid-admin{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}

.media-admin{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#0a0c14}

.media-admin img{width:100%;height:130px;object-fit:cover}

.media-admin-body{padding:10px}

.media-admin-body strong{font-size:13px}

.media-admin-body span{display:block;color:var(--muted-2);font-size:11px;margin-top:3px}

.footer{margin-top:40px;border-top:1px solid var(--line);background:rgba(6,7,12,.56)}

.footer-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:var(--muted-2);font-size:13px}

@media(max-width:1120px){
  .catalog-layout,.docs-layout,.client-layout,.admin-layout{grid-template-columns:1fr}
  .catalog-sidebar,.docs-sidebar,.side-nav,.admin-side{position:static;max-height:none}
  .editor-layout{grid-template-columns:1fr}
  .editor-steps,.editor-preview{position:static}
  .editor-steps{display:flex;overflow:auto}
  .editor-step{white-space:nowrap}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .quick-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:860px){
  .resource-grid{grid-template-columns:1fr}
  .admin-grid-2,.client-grid-2,.admin-dashboard-grid{grid-template-columns:1fr}
  .editor-layout{grid-template-columns:1fr}
}

@media(max-width:620px){
  .kpi-grid,.quick-grid{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .catalog-toolbar,.admin-toolbar,.client-head,.admin-head,.section-head{align-items:flex-start;flex-direction:column}
  .catalog-toolbar .search-box,.admin-toolbar .search-box{min-width:0;width:100%}
  .footer-inner{padding:20px 0;align-items:flex-start;flex-direction:column}
}

.small{
  font-size:14px;
}

.btn.small{
  min-height:39px;
  padding:0 13px;
  font-size:14px;
}

.btn.large{
  min-height:54px;
  padding:0 22px;
  font-size:16px;
}

.card-pad,
.panel-card,
.form-card{
  padding:26px;
}

/* ==========================================================
   ADMIN — much larger and easier to read
   ========================================================== */

.admin-shell{
  padding:34px 0 72px;
}

.admin-shell > .container,
.admin-layout{
  width:min(calc(100% - 56px),1900px);
  max-width:1900px;
  margin-inline:auto;
}

.admin-layout{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:24px;
}

.admin-side{
  top:108px;
  padding:16px;
  max-height:calc(100vh - 132px);
  border-radius:20px;
}

.admin-brand{
  padding:14px 14px 18px;
}

.admin-brand strong{
  font-size:20px;
}

.admin-brand span{
  margin-top:5px;
  font-size:14px;
}

.admin-nav-group{
  margin-top:16px;
}

.admin-nav-label{
  padding:9px 12px;
  font-size:12px;
}

.admin-side a{
  gap:12px;
  padding:13px 13px;
  border-radius:11px;
  font-size:15px;
}

.admin-side a i{
  width:26px;
  font-size:15px;
}

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

.admin-head{
  margin-bottom:24px;
}

.admin-head h1{
  font-size:56px;
  margin-top:8px;
}

.admin-head p{
  max-width:850px;
  font-size:16px;
}

.kpi-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.kpi-card{
  padding:22px;
  min-height:145px;
}

.kpi-card span{
  font-size:13px;
}

.kpi-card strong{
  font-size:36px;
  margin:10px 0 5px;
}

.kpi-card small{
  font-size:13px;
}

.quick-grid{
  gap:14px;
}

.quick-card{
  padding:22px;
  min-height:150px;
}

.quick-card i{
  width:44px;
  height:44px;
  font-size:16px;
}

.quick-card strong{
  margin-top:15px;
  font-size:16px;
}

.quick-card span{
  font-size:13px;
  line-height:1.55;
}

.panel-card-head h2{
  font-size:29px;
}

.panel-card-head a{
  font-size:14px;
}

.feed-row{
  padding:14px 0;
}

.feed-row strong{
  font-size:15px;
}

.feed-row span{
  font-size:13px;
}

.feed-row time{
  font-size:12px;
}

.admin-table th,
.admin-table td{
  padding:15px 13px;
  font-size:14px;
}

.admin-table th{
  font-size:12px;
}

.table-product strong{
  font-size:15px;
}

.table-product span{
  font-size:12px;
}

.admin-toolbar{
  margin-bottom:18px;
}

.admin-toolbar .search-box{
  min-width:380px;
}

.field textarea.tall{
  min-height:240px;
}

.form-grid{
  gap:18px;
}

.form-card{
  padding:28px;
}

.editor-layout{
  grid-template-columns:260px minmax(0,1fr) 340px;
  gap:18px;
}

.editor-steps{
  top:108px;
  padding:16px;
}

.editor-step{
  padding:13px;
  font-size:14px;
}

.editor-section{
  padding:28px;
}

.editor-section h2{
  font-size:30px;
}

.editor-section > p{
  font-size:14px;
}

.editor-preview{
  top:108px;
  padding:18px;
}

.preview-cover{
  height:190px;
}

.preview-body{
  padding:17px;
}

.preview-body strong{
  font-size:19px;
}

.preview-body p{
  font-size:13px;
}

.save-bar{
  padding:16px 18px;
}

.client-content .kpi-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.resource-grid{
  gap:16px;
}

.resource-body{
  padding:22px;
}

.resource-head h2{
  font-size:24px;
}

.resource-head p{
  font-size:14px;
}

/* Footer */
.footer{
  padding:30px 0;
}

.footer-inner{
  font-size:13px;
}

@media(max-width:900px){
  .container,
  .admin-shell > .container,
  .client-shell > .container,
  #roadmapRoot .page-hero .container,
  #roadmapRoot .section .container{
    width:min(calc(100% - 28px),100%);
  }
  .admin-layout,
  .client-layout{
    grid-template-columns:1fr;
  }
  .admin-side,
  .side-nav{
    position:static;
    max-height:none;
  }
  .editor-layout{
    grid-template-columns:1fr;
  }
  .editor-steps,
  .editor-preview{
    position:static;
    grid-column:auto;
  }
  .admin-dashboard-grid,
  .client-grid-2,
  .resource-grid{
    grid-template-columns:1fr;
  }
  .client-head h1,
  .admin-head h1{
    font-size:46px;
  }
}

.product-card:hover,.quick-card:hover,.support-card:hover,.service-showcase-card:hover{transform:translateY(-3px)}

/* ADMIN STRONGER */
.admin-content-split{display:grid;grid-template-columns:minmax(380px,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}

.admin-announcement-list{display:grid;gap:9px}

.admin-announcement-row-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}

.admin-announcement-row-head>div:first-child{display:flex;align-items:center;gap:8px}

.admin-health-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}

.editor-completeness-head{display:flex;justify-content:space-between;gap:10px;font-size:13px}

.editor-completeness-bar{height:7px;margin:9px 0 12px;border-radius:999px;background:#171c2a;overflow:hidden}

.editor-completeness-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5b8cff,#8a5cff)}

.editor-checklist{display:grid;grid-template-columns:1fr 1fr;gap:6px}

.editor-checklist span{font-size:11px;color:#6e7788}

.editor-checklist span.done{color:#6edcb1}

.media-upload.dragging{border-color:#718dff!important;background:rgba(90,120,255,.07)!important}

@media(max-width:760px){
  .client-layout,.admin-layout{display:block}
  .side-nav,.admin-side{position:static;margin-bottom:14px;max-height:none}
  .side-nav-group,.admin-nav-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .side-nav-label,.admin-nav-label{grid-column:1/-1}
  .admin-toolbar{display:grid;gap:10px}
  .admin-toolbar .search-box{min-width:0;width:100%}
  .admin-toolbar .actions{overflow:auto;flex-wrap:nowrap}
  .admin-head,.client-head,.section-head{align-items:flex-start;flex-direction:column}
  .kpi-grid,.client-content .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-grid{grid-template-columns:1fr}
  .admin-health-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .save-bar{position:static;align-items:stretch}
  .save-bar .actions{width:100%;display:grid;grid-template-columns:1fr}
  .footer-inner{display:grid;gap:15px}
}

@media(max-width:480px){
  .actions{display:grid;width:100%}
  .actions .btn{width:100%}
  .kpi-grid,.client-content .kpi-grid{grid-template-columns:1fr}
  .side-nav-group,.admin-nav-group{grid-template-columns:1fr}
  .side-nav-label,.admin-nav-label{grid-column:auto}
  .editor-checklist{grid-template-columns:1fr}
}

/* ==========================================================
   AURORA STORE V3.3.0 — CATALOGUE PREMIUM + PRICING
   ========================================================== */

.price-input-wrap{position:relative}

.price-input-wrap input{padding-right:46px}

.price-input-wrap>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:900;color:#8f99aa}

.preview-price{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}

.preview-price small{color:var(--muted);font-size:11px}

.preview-price strong{font-size:18px}

.admin-product-price{white-space:nowrap;color:#dfe6ff}

.maintenance-admin-grid-v350{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:15px}

.maintenance-switch-card-v350{padding:23px}

.maintenance-switch-card-v350.enabled{border-color:rgba(255,104,128,.24);background:linear-gradient(145deg,rgba(255,74,104,.05),#0a0d15)}

.maintenance-switch-head-v350{display:flex;justify-content:space-between;align-items:start;gap:20px}

.maintenance-switch-head-v350 h2{margin:7px 0}

.maintenance-switch-head-v350 p{color:#768194;font-size:11px}

.aurora-switch-v350{position:relative;display:block;width:58px;height:32px}

.aurora-switch-v350 input{position:absolute;opacity:0}

.aurora-switch-v350 span{position:absolute;inset:0;border:1px solid #2a3243;border-radius:999px;background:#101521;cursor:pointer}

.aurora-switch-v350 span:after{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#707a8b;transition:.18s}

.aurora-switch-v350 input:checked+span{border-color:rgba(255,95,123,.4);background:rgba(255,78,109,.13)}

.aurora-switch-v350 input:checked+span:after{transform:translateX(26px);background:#ff718a}

.maintenance-warning-v350{margin-top:20px;padding:14px;border:1px solid rgba(239,180,78,.16);border-radius:11px;background:rgba(239,180,78,.045)}

.maintenance-warning-v350 strong{color:#e8ba70;font-size:10px}

.maintenance-warning-v350 p{margin:5px 0 0;color:#817b70;font-size:10px}

@media(max-width:1050px){
  .maintenance-admin-grid-v350{grid-template-columns:1fr}
}

/* ---------------- OFFSCREEN RENDERING ---------------- */

/* Let Chromium skip layout/paint for long off-screen sections.
   Intrinsic size prevents scrollbar jumps. */
.section,
.product-block-v340,
.footer{
  content-visibility:auto;
  contain-intrinsic-size:auto 520px;
}

/* ==========================================================
   AURORA STORE V3.7.0 — BOT CONTROL CENTER
   ========================================================== */
.bot-control-shell-v370{--bot-accent:#7563ff;--bot-green:#58d9a6}

.bot-live-pill-v370{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(76,207,154,.18);border-radius:999px;background:rgba(64,192,142,.04);color:#70dcb3;font-size:9px;font-weight:850}

.bot-live-pill-v370 i{width:7px;height:7px;border-radius:50%;background:#58d9a6;box-shadow:0 0 13px rgba(88,217,166,.55)}

.bot-offline-v370 .bot-live-pill-v370{color:#ff8298;border-color:rgba(255,100,126,.18)}

.bot-offline-v370 .bot-live-pill-v370 i{background:#ff718a}

.bot-list-layout-v370{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:12px;align-items:start}

.bot-list-card-v370,.bot-detail-card-v370,.bot-editor-card-v370{padding:15px}

.bot-list-toolbar-v370{display:grid;grid-template-columns:1fr 190px;gap:8px;margin-bottom:10px}

.bot-search-v370{display:grid;grid-template-columns:28px 1fr;align-items:center;border:1px solid #202736;border-radius:10px;background:#070a11;padding:0 10px}

.bot-search-v370 input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}

.bot-entity-list-v370{display:grid;gap:6px;max-height:720px;overflow:auto;padding-right:3px}

.bot-detail-card-v370{position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto}

.bot-empty-detail-v370{min-height:320px;display:grid;place-items:center;align-content:center;text-align:center;color:#606b80}

.bot-empty-detail-v370 i{font-size:32px;color:#8071ff}

.bot-empty-detail-v370 strong{margin-top:9px;color:#d8deea}

.bot-empty-detail-v370 span{margin-top:4px;font-size:9px}

.bot-detail-head-v370{display:flex;justify-content:space-between;gap:15px}

.bot-detail-head-v370 small{color:#7c6fff;font-size:8px;font-weight:900}

.bot-detail-head-v370 h2{margin:5px 0;font-size:20px}

.bot-detail-head-v370 p{margin:0;color:#687387;font-size:9px}

.bot-detail-facts-v370{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:13px}

.bot-detail-facts-v370>div{padding:10px;border:1px solid #202736;border-radius:9px;background:#080b12}

.bot-detail-facts-v370 span{display:block;color:#596477;font-size:7px;text-transform:uppercase;font-weight:900}

.bot-detail-facts-v370 b{display:block;margin-top:4px;font-size:9px;word-break:break-all}

.bot-action-strip-v370{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}

.bot-action-strip-v370 select{width:auto;min-width:130px}

.bot-detail-section-v370{margin-top:14px;padding-top:12px;border-top:1px solid #1d2431}

.bot-detail-section-v370 h3{margin:0 0 7px;font-size:11px}

.bot-detail-section-v370 p{margin:0;color:#768195;font-size:10px;line-height:1.6;white-space:pre-wrap}

.bot-mini-form-grid-v370{display:grid;gap:9px;margin-top:13px}

.bot-mini-form-grid-v370 form{padding:11px;border:1px solid #202736;border-radius:10px;background:#080b12}

.bot-mini-form-grid-v370 label{display:block;margin-bottom:6px;color:#687387;font-size:8px;font-weight:900;text-transform:uppercase}

.bot-mini-form-grid-v370 form>div{display:flex;gap:6px}

.bot-mini-form-grid-v370 textarea{min-height:75px}

.bot-note-list-v370{display:grid;gap:5px}

.bot-note-list-v370>div{padding:8px;border:1px solid #1d2431;border-radius:8px}

.bot-note-list-v370 b,.bot-note-list-v370 span,.bot-note-list-v370 small{display:block;font-size:8px}

.bot-note-list-v370 span{margin:3px 0;color:#778195}

.bot-note-list-v370 small{color:#515b6e}

.bot-order-progress-v370{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:14px 0}

.bot-order-progress-v370 div{text-align:center;position:relative}

.bot-order-progress-v370 i{width:27px;height:27px;margin:auto;display:grid;place-items:center;border:1px solid #293141;border-radius:50%;color:#697386;font-style:normal;font-size:8px}

.bot-order-progress-v370 div.done i{background:rgba(91,211,162,.08);border-color:rgba(91,211,162,.24);color:#61d9aa}

.bot-order-progress-v370 span{display:block;margin-top:4px;color:#606b7e;font-size:7px}

.bot-order-actions-v370{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}

.bot-cancel-form-v370{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:9px}

.bot-two-column-v370{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}

.bot-message-builder-v370{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:12px;align-items:start}

.bot-panel-preview-v370{margin-top:13px;padding:11px;border:1px solid #202736;border-radius:10px;background:#080b12}

.bot-panel-preview-v370>span{font-size:7px;color:#677287;font-weight:900}

.bot-panel-preview-v370>div{display:flex;align-items:center;gap:7px;margin-top:8px;color:#818da0;font-size:9px}

.bot-panel-preview-v370 i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(106,87,255,.08);color:#9b89ff;font-style:normal}

.bot-inline-form-v370{display:grid;grid-template-columns:1fr auto;gap:8px}

.discord-preview-v370{position:sticky;top:92px}

.discord-preview-label-v370{margin-bottom:7px;color:#606b7e;font-size:8px;font-weight:900}

.discord-fake-message-v370{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:18px;border-radius:13px;background:#313338;color:#dbdee1}

.discord-avatar-v370{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#7857ff;font-weight:900}

.discord-author-v370{font-size:11px;font-weight:800}

.discord-author-v370 span{padding:2px 4px;border-radius:3px;background:#5865f2;color:white;font-size:7px}

.discord-fake-message-v370 article{max-width:400px;margin-top:5px;padding:12px;border-left:4px solid #795cff;border-radius:4px;background:#2b2d31}

.discord-fake-message-v370 article strong{font-size:12px}

.discord-fake-message-v370 article p{white-space:pre-wrap;color:#c6c9ce;font-size:10px;line-height:1.5}

.discord-fake-message-v370 img{display:block;max-width:100%;max-height:220px;border-radius:5px;margin:8px 0}

.discord-fake-message-v370 small{color:#aeb2b8;font-size:8px}

.discord-fake-message-v370 button{margin-top:7px;padding:7px 10px;border:0;border-radius:4px;background:#4e5058;color:#fff;font-size:9px}

.bot-member-list-v370{display:grid;gap:6px;max-height:670px;overflow:auto}

.bot-member-row-v370{display:grid;grid-template-columns:38px 1fr auto auto;gap:9px;align-items:center;padding:10px;border:1px solid #1e2532;border-radius:10px;background:#080b12}

.bot-member-avatar-v370{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#12182a;color:#9d8cff;font-weight:900}

.bot-member-row-v370 strong,.bot-member-row-v370 span,.bot-member-row-v370 b,.bot-member-row-v370 small{display:block}

.bot-member-row-v370 strong{font-size:10px}

.bot-member-row-v370 span,.bot-member-row-v370 small{color:#5e697c;font-size:8px}

.bot-member-row-v370 b{font-size:8px}

.bot-safety-note-v370{margin-top:12px;padding:11px;border:1px solid rgba(232,177,77,.14);border-radius:10px;background:rgba(232,177,77,.035)}

.bot-safety-note-v370 strong{color:#dfb267;font-size:9px}

.bot-safety-note-v370 p{color:#756e63;font-size:8px}

.bot-config-grid-v370{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.bot-check-v370{display:flex;align-items:center;gap:8px;color:#7a8598;font-size:9px}

.bot-guild-summary-v370{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:6px;align-items:end}

.bot-guild-summary-v370 strong{font-size:20px}

.bot-guild-summary-v370 span{color:#5e697b;font-size:8px}

.bot-sticky-save-v370{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid rgba(107,90,255,.18);border-radius:12px;background:rgba(8,11,18,.94);backdrop-filter:blur(15px);box-shadow:0 18px 60px rgba(0,0,0,.3)}

.bot-sticky-save-v370 span{color:#687387;font-size:9px}

.bot-activity-table-v370{display:grid;gap:5px;max-height:700px;overflow:auto}

.bot-activity-row-v370{display:grid;grid-template-columns:7px 1fr auto;gap:9px;align-items:center;padding:9px;border-bottom:1px solid #1b2230}

.bot-activity-row-v370>i{width:6px;height:6px;border-radius:50%;background:#758096}

.bot-activity-row-v370>i.success{background:#58d9a6}

.bot-activity-row-v370>i.failed,.bot-activity-row-v370>i.danger{background:#ff718a}

.bot-activity-row-v370 strong,.bot-activity-row-v370 span,.bot-activity-row-v370 small{display:block}

.bot-activity-row-v370 strong{font-size:9px}

.bot-activity-row-v370 span,.bot-activity-row-v370 small{color:#5d687b;font-size:8px}

.bot-diag-grid-v370{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}

.bot-diag-v370{padding:14px}

.bot-diag-v370 small,.bot-diag-v370 span{display:block;color:#5e697c;font-size:8px}

.bot-diag-v370 strong{display:block;margin:4px 0;font-size:23px}

.bot-runtime-details-v370{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}

.bot-runtime-details-v370>div{padding:9px;border:1px solid #202736;border-radius:9px;background:#080b12}

.bot-runtime-details-v370 span,.bot-runtime-details-v370 b{display:block}

.bot-runtime-details-v370 span{color:#5f6a7d;font-size:7px;text-transform:uppercase}

.bot-runtime-details-v370 b{margin-top:3px;font-size:9px}

.bot-permission-cloud-v370{display:flex;flex-wrap:wrap;gap:5px}

.bot-permission-cloud-v370 span{padding:5px 7px;border:1px solid #222a38;border-radius:7px;background:#080b12;color:#7c8799;font-size:7px}

.bot-empty-list-v370{padding:40px;text-align:center;color:#606b7d;font-size:9px}

@media(max-width:1280px){
  .bot-message-builder-v370{grid-template-columns:1fr}
  .discord-preview-v370{position:static}
  .bot-list-layout-v370{grid-template-columns:1fr}
  .bot-detail-card-v370{position:static;max-height:none}
  .bot-config-grid-v370{grid-template-columns:1fr}
}

@media(max-width:850px){
  .bot-two-column-v370{grid-template-columns:1fr}
  .bot-diag-grid-v370{grid-template-columns:repeat(2,1fr)}
  .bot-list-toolbar-v370{grid-template-columns:1fr}
  .bot-member-row-v370{grid-template-columns:38px 1fr}
  .bot-member-row-v370>div:nth-child(3),.bot-member-row-v370 button{grid-column:2}
  .bot-sticky-save-v370{display:block}
  .bot-sticky-save-v370 button{width:100%;margin-top:8px}
}

@media(max-width:540px){
  .bot-kpis-v370,.bot-diag-grid-v370{grid-template-columns:1fr 1fr}
  .bot-detail-facts-v370{grid-template-columns:1fr}
  .bot-order-progress-v370{overflow-x:auto}
  .bot-cancel-form-v370{grid-template-columns:1fr}
}

/* ==========================================================
   AURORA STORE V3.7.1 — BOT CONTROL CENTER POLISH
   ========================================================== */

/* ----------------------------------------------------------
   BASE / LAYOUT
   ---------------------------------------------------------- */

.bot-control-shell-v370{
  --bot-surface:#090d16;
  --bot-surface-2:#0c111c;
  --bot-surface-3:#111827;
  --bot-line:#20293a;
  --bot-line-soft:#182130;
  --bot-text:#eef2fb;
  --bot-muted:#788499;
  --bot-muted-2:#566276;
  --bot-purple:#7866ff;
  --bot-blue:#5d8fff;
  --bot-green:#59d8a6;
  --bot-red:#ff758e;
}

.bot-control-shell-v370 .admin-content{
  min-width:0;
}

.bot-control-shell-v370 .admin-layout{
  gap:22px;
}

.bot-control-shell-v370 .admin-side{
  border-color:#1c2432;
  background:
    linear-gradient(180deg,rgba(15,19,31,.98),rgba(8,11,18,.98));
  box-shadow:
    0 24px 70px rgba(0,0,0,.16);
}

.bot-control-shell-v370 .admin-side a{
  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease;
}

.bot-control-shell-v370 .admin-side a:hover{
  transform:translateX(2px);
}

.bot-control-shell-v370 .admin-side a.active{
  border:1px solid rgba(119,99,255,.10);
  background:
    linear-gradient(90deg,rgba(110,88,255,.11),rgba(90,86,255,.035));
  box-shadow:
    inset 2px 0 0 rgba(129,105,255,.65);
}

.bot-admin-head-v370{
  align-items:center;
}

.bot-admin-head-v370 h1{
  letter-spacing:-.045em;
}

.bot-admin-head-v370 p{
  max-width:820px;
  color:#747f91;
}

/* ----------------------------------------------------------
   FORM CONTROLS — FIX WHITE NATIVE BOXES
   ---------------------------------------------------------- */

.bot-control-shell-v370 input:not([type="checkbox"]):not([type="radio"]),
.bot-control-shell-v370 textarea,
.bot-control-shell-v370 select,
.bot-input-v371,
.bot-textarea-v371,
.bot-select-v371{
  width:100%;
  min-height:42px;
  border:1px solid #252e3f!important;
  border-radius:10px!important;
  outline:none!important;
  background-color:#090d16!important;
  color:#e9edf7!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018)!important;
  padding:10px 12px!important;
  font-size:11px!important;
  line-height:1.35;
  caret-color:#9585ff;
  transition:
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.bot-control-shell-v370 textarea,
.bot-textarea-v371{
  resize:vertical;
  min-height:92px;
  line-height:1.55;
}

.bot-control-shell-v370 input::placeholder,
.bot-control-shell-v370 textarea::placeholder{
  color:#4d586b!important;
  opacity:1;
}

.bot-control-shell-v370 input:hover,
.bot-control-shell-v370 textarea:hover,
.bot-control-shell-v370 select:hover{
  border-color:#303a4e!important;
  background-color:#0b101a!important;
}

.bot-control-shell-v370 input:focus,
.bot-control-shell-v370 textarea:focus,
.bot-control-shell-v370 select:focus{
  border-color:rgba(122,103,255,.58)!important;
  background-color:#0b101b!important;
  box-shadow:
    0 0 0 3px rgba(116,92,255,.08),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

.bot-control-shell-v370 select,
.bot-select-v371{
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  padding-right:38px!important;
  background-image:
    linear-gradient(45deg,transparent 50%,#78859a 50%),
    linear-gradient(135deg,#78859a 50%,transparent 50%)!important;
  background-position:
    calc(100% - 16px) calc(50% - 2px),
    calc(100% - 11px) calc(50% - 2px)!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
}

.bot-control-shell-v370 select option{
  background:#0b1019;
  color:#edf1fa;
}

.bot-control-shell-v370 input:-webkit-autofill,
.bot-control-shell-v370 textarea:-webkit-autofill,
.bot-control-shell-v370 select:-webkit-autofill{
  -webkit-text-fill-color:#edf1fa!important;
  -webkit-box-shadow:0 0 0 1000px #090d16 inset!important;
  transition:background-color 9999s ease-out 0s;
}

/* Checkbox kept compact/dark */
.bot-control-shell-v370 input[type="checkbox"]{
  accent-color:#7866ff;
}

.bot-control-actions-v370 .quick-card{
  min-height:132px;
  padding:17px 18px;
  border-color:#1f2837;
  background:
    linear-gradient(145deg,rgba(14,18,29,.98),rgba(8,11,18,.98));
}

.bot-control-actions-v370 .quick-card i{
  border:1px solid rgba(113,94,255,.11);
  background:rgba(103,83,255,.07);
  color:#9788ff;
}

.bot-control-actions-v370 .quick-card strong{
  font-size:13px;
}

.bot-control-actions-v370 .quick-card span{
  max-width:250px;
  line-height:1.5;
  color:#687488;
  font-size:9px;
}

.bot-dashboard-grid-v370 .panel-card{
  min-height:320px;
  border-color:#1e2736;
  background:
    linear-gradient(145deg,rgba(14,18,29,.98),rgba(8,11,18,.98));
}

/* ----------------------------------------------------------
   TICKETS / ORDERS LIST
   ---------------------------------------------------------- */

.bot-list-layout-v370{
  grid-template-columns:minmax(330px,.82fr) minmax(500px,1.18fr);
  gap:14px;
}

.bot-list-card-v370,
.bot-detail-card-v370,
.bot-editor-card-v370{
  border-color:#1e2736;
  background:
    linear-gradient(145deg,rgba(13,17,27,.99),rgba(8,11,18,.99));
}

.bot-list-toolbar-v370{
  grid-template-columns:minmax(0,1fr) 180px;
  gap:9px;
}

.bot-search-v370{
  min-height:43px;
  border-color:#252e3f;
  background:#090d16;
}

.bot-search-v370 input{
  min-height:40px!important;
}

/* ----------------------------------------------------------
   TICKET DETAIL — CLEANUP
   ---------------------------------------------------------- */

.bot-detail-card-v370{
  scrollbar-width:thin;
  scrollbar-color:#2a3448 transparent;
}

.bot-detail-head-v370{
  align-items:flex-start; /* fixes tall FERME pill */
  padding-bottom:3px;
}

.bot-detail-head-v370>div:first-child{
  min-width:0;
}

.bot-detail-head-v370 h2{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:22px;
  letter-spacing:-.03em;
}

.bot-detail-head-v370 .bot-state-v370{
  flex:0 0 auto;
  align-self:flex-start;
}

.bot-detail-facts-v370{
  gap:8px;
}

.bot-detail-facts-v370>div{
  min-width:0;
  min-height:60px;
  padding:11px 12px;
  border-color:#202a3a;
  background:#090d16;
}

.bot-detail-facts-v370 b{
  margin-top:5px;
  color:#dce2ee;
  font-size:9px;
  line-height:1.4;
  word-break:break-word;
}

.bot-action-strip-v370{
  display:grid;
  grid-template-columns:auto auto minmax(145px,1fr) auto minmax(135px,1fr) auto;
  gap:7px;
  align-items:center;
  padding:11px 0 3px;
}

.bot-action-strip-v370 select{
  min-width:0!important;
  width:100%!important;
}

.bot-action-strip-v370 .btn{
  min-height:42px;
  white-space:nowrap;
}

.bot-detail-section-v370{
  margin-top:16px;
  padding-top:14px;
}

.bot-detail-section-v370 h3{
  color:#dce2ec;
  font-size:12px;
}

.bot-detail-section-v370 p{
  color:#8590a2;
  font-size:10px;
}

.bot-mini-form-grid-v370{
  gap:10px;
  margin-top:14px;
}

.bot-mini-form-grid-v370 form{
  padding:13px;
  border-color:#202a3a;
  background:
    linear-gradient(145deg,#0a0e17,#080b12);
}

.bot-mini-form-grid-v370 label{
  margin-bottom:8px;
  color:#677389;
  font-size:8px;
  letter-spacing:.055em;
}

.bot-mini-form-grid-v370 form>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
}

.bot-mini-form-grid-v370 form>.btn,
.bot-mini-form-grid-v370 textarea + .btn{
  margin-top:8px;
}

.bot-mini-form-grid-v370 .btn{
  min-height:42px;
}

.bot-note-list-v370>div{
  padding:10px 11px;
  border-color:#1e2736;
  background:#090d16;
}

.bot-note-list-v370>span{
  display:block;
  padding:10px 0;
  color:#505c70;
  font-size:9px;
}

/* ----------------------------------------------------------
   BUTTONS
   ---------------------------------------------------------- */

.bot-control-shell-v370 .btn{
  border-color:#283143;
  background:#111620;
  color:#dfe4ee;
  box-shadow:none;
}

.bot-control-shell-v370 .btn:hover{
  border-color:#354157;
  background:#151b27;
  transform:translateY(-1px);
}

.bot-control-shell-v370 .btn.primary{
  border-color:rgba(121,100,255,.35);
  background:
    linear-gradient(135deg,#7762ff,#6558e8);
  color:#fff;
  box-shadow:0 9px 22px rgba(91,73,220,.14);
}

.bot-control-shell-v370 .btn.danger{
  border-color:rgba(255,103,132,.27);
  background:rgba(255,83,113,.075);
  color:#ff9aad;
}

.bot-control-shell-v370 .btn.danger:hover{
  border-color:rgba(255,103,132,.40);
  background:rgba(255,83,113,.11);
}

.bot-live-pill-v370{
  flex:0 0 auto;
}

@media(max-width:1180px){
  .bot-list-layout-v370{
    grid-template-columns:1fr;
  }
  .bot-detail-card-v370{
    position:static;
    max-height:none;
  }
  .bot-action-strip-v370{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bot-action-strip-v370 .btn,
  .bot-action-strip-v370 select{
    width:100%!important;
  }
}

@media(max-width:760px){
  .bot-control-shell-v370 .admin-layout{
    display:block;
  }
  .bot-action-strip-v370{
    grid-template-columns:1fr;
  }
  .bot-detail-facts-v370{
    grid-template-columns:1fr;
  }
  .bot-mini-form-grid-v370 form>div,
  #ticketParticipant>div{
    grid-template-columns:1fr;
  }
  .bot-mini-form-grid-v370 form>div .btn,
  #ticketParticipant>div .btn{
    width:100%;
  }
  .bot-list-toolbar-v370{
    grid-template-columns:1fr;
  }
  .bot-admin-head-v370{
    align-items:flex-start;
  }
  .bot-live-pill-v370{
    width:max-content;
  }
}

.site-role-chip-v380.neutral{--role-color:#7f8a9d;color:#8a95a7;border-color:#293244;background:#0a0e16}

.bot-command-center-v380{padding:18px 0 46px}

.bot-command-content-v380{min-width:0}

.bot-command-live-pill-v380{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:0 9px;border:1px solid #273143;border-radius:999px;background:#090d15;color:#8a95a8;font-size:7px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}

.bot-command-live-pill-v380 i{width:6px;height:6px;border-radius:50%;background:#778195}

.bot-command-live-pill-v380.online{color:#62dba9;border-color:rgba(76,209,157,.19);background:rgba(54,181,132,.035)}

.bot-command-live-pill-v380.online i{background:#59d8a6;box-shadow:0 0 11px rgba(89,216,166,.58)}

.bot-command-live-pill-v380.offline{color:#ff8da2;border-color:rgba(255,101,130,.2)}

.bot-command-live-pill-v380.offline i{background:#ff718a}

.bot-command-kpi-grid-v380{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}

.bot-command-kpi-icon-v380{width:42px;height:42px;display:grid;place-items:center;border:1px solid #273145;border-radius:11px;background:#101624;color:#8190aa;font-size:13px}

.bot-command-kpi-v380.green .bot-command-kpi-icon-v380{color:#63d9aa;border-color:rgba(80,206,158,.17);background:rgba(54,178,132,.04)}

.bot-command-kpi-v380.purple .bot-command-kpi-icon-v380{color:#9d8cff;border-color:rgba(123,103,255,.18);background:rgba(105,80,255,.045)}

.bot-command-kpi-v380.blue .bot-command-kpi-icon-v380{color:#70a0ff;border-color:rgba(81,139,255,.18)}

.bot-command-kpi-v380.cyan .bot-command-kpi-icon-v380{color:#67d7e6}

.bot-command-kpi-v380.red .bot-command-kpi-icon-v380{color:#ff8298;border-color:rgba(255,98,126,.18)}

.bot-command-dashboard-v380{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:12px}

.bot-command-panel-v380{min-width:0;padding:17px;border-color:#1e2736;background:linear-gradient(145deg,rgba(13,18,29,.98),rgba(8,11,18,.98))}

.bot-command-panel-head-v380{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px}

.bot-command-panel-head-v380 span{color:#7664e9;font-size:7px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}

.bot-command-panel-head-v380 h2{margin:4px 0 0;font-size:15px}

.bot-command-panel-head-v380 small,.bot-command-panel-head-v380 a{color:#566276;font-size:8px}

.bot-operation-grid-v380{display:grid;grid-template-columns:1fr 1fr;gap:8px}

.bot-operation-grid-v380>a{min-height:88px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #1f2837;border-radius:11px;background:#090d15;transition:transform .18s ease,border-color .18s ease,background .18s ease}

.bot-operation-grid-v380>a:hover{transform:translateY(-2px);border-color:rgba(115,98,255,.22);background:#0b1019}

.bot-operation-grid-v380>a>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(110,88,255,.065);color:#9888ff;font-style:normal}

.bot-operation-grid-v380 strong,.bot-operation-grid-v380 span{display:block}

.bot-operation-grid-v380 strong{font-size:10px}

.bot-operation-grid-v380 span{margin-top:3px;color:#626e81;font-size:8px;line-height:1.45}

.bot-operation-grid-v380 b{color:#536076;font-size:12px}

.bot-health-list-v380{display:grid;gap:7px}

.bot-health-list-v380>div{min-height:55px;display:grid;grid-template-columns:minmax(0,1fr) auto 70px;gap:8px;align-items:center;padding:9px 11px;border:1px solid #1e2735;border-radius:10px;background:#090d15}

.bot-health-list-v380 span{display:flex;align-items:center;gap:7px;color:#788498;font-size:8px}

.bot-health-list-v380 span i{width:7px;height:7px;border-radius:50%}

.bot-health-list-v380 i.blue{background:#6394ff}

.bot-health-list-v380 i.purple{background:#8c70ff}

.bot-health-list-v380 i.green{background:#5bd7a8}

.bot-health-list-v380 i.cyan{background:#62d1df}

.bot-health-list-v380 strong{color:#eef2f8;font-size:11px}

.bot-health-list-v380 small{text-align:right;color:#647084;font-size:7px;font-weight:900}

.bot-health-list-v380 small.excellent{color:#60d9aa}

.bot-health-list-v380 small.good{color:#78a7ff}

.bot-health-list-v380 small.degraded{color:#e6b765}

.bot-health-list-v380 small.high{color:#ff8197}

.bot-action-feed-panel-v380{min-height:320px}

.bot-command-feed-v380{display:grid}

.bot-command-empty-v380{padding:36px 0;color:#5b6679;text-align:center;font-size:8px}

.bot-command-slash-v380{display:grid;gap:7px}

.bot-command-slash-v380>div{padding:12px;border:1px solid #202938;border-radius:10px;background:#090d15}

.bot-command-slash-v380 code{display:block;color:#ad9aff;font-size:11px;font-weight:900}

.bot-command-slash-v380 span{display:block;margin-top:5px;color:#596578;font-size:8px}

.bot-command-slash-note-v380{margin:11px 0 0;color:#536075;font-size:8px;line-height:1.55}

@media(max-width:900px){
  .bot-command-dashboard-v380{grid-template-columns:1fr}
}

@media(max-width:620px){
  .bot-command-kpi-grid-v380,.bot-operation-grid-v380,.role-admin-summary-v380{grid-template-columns:1fr}
}

/* ===== V4 role compatibility ===== */
/* ---------- ROLE MANAGER ---------- */
.role-admin-shell-v400{background:radial-gradient(circle at 84% 8%,rgba(105,73,255,.055),transparent 30%),#070911}

.role-admin-head-v400{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}

.role-admin-head-v400 h1{margin:6px 0 4px;font-size:32px;letter-spacing:-.045em}

.role-admin-head-v400 p{margin:0;color:#707b8e;font-size:10px}

.role-admin-summary-v400{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:15px 0 12px}

.role-admin-summary-v400>article{min-height:88px;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid #1d2635;border-radius:12px;background:#0a0e17}

.role-admin-summary-v400>article>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(110,88,255,.065);color:#9988ff;font-style:normal}

.role-admin-summary-v400 small,.role-admin-summary-v400 strong,.role-admin-summary-v400 span{display:block}

.role-admin-summary-v400 small{color:#59667a;font-size:7px;font-weight:900;text-transform:uppercase}

.role-admin-summary-v400 strong{margin:3px 0;font-size:18px}

.role-admin-summary-v400 span{color:#596578;font-size:7px}

.role-example-v400{grid-template-columns:1fr!important;background:linear-gradient(145deg,rgba(109,83,255,.075),#0a0e17)!important}

.role-builder-grid-v400{display:grid;grid-template-columns:390px minmax(0,1fr);gap:12px;align-items:start}

.role-list-panel-v400,.role-editor-panel-v400{min-height:630px;padding:16px;border-color:#1e2736;background:linear-gradient(145deg,rgba(13,18,29,.98),rgba(8,11,18,.98))}

.role-panel-head-v400{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}

.role-panel-head-v400 span{color:#7664e9;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}

.role-panel-head-v400 h2{margin:3px 0 0;font-size:15px}

.role-search-v400,.role-user-search-v400{display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #252e3e;border-radius:9px;background:#090d15}

.role-search-v400{width:145px}

.role-search-v400 span,.role-user-search-v400 span{color:#536076}

.role-search-v400 input,.role-user-search-v400 input{width:100%;min-height:35px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}

.role-list-v400{display:grid;gap:5px;max-height:555px;overflow:auto}

.role-list-icon-v400{--role-color:#8a7cff;width:38px;height:38px;display:grid;place-items:center;border:1px solid #2a3244;border-radius:10px;background:#0d121d;color:var(--role-color);font-size:12px}

.role-list-copy-v400 strong,.role-list-copy-v400 small,.role-list-meta-v400 b,.role-list-meta-v400 em{display:block}

.role-list-copy-v400 strong{font-size:9px}

.role-list-copy-v400 small{margin-top:3px;color:#566276;font-size:7px}

.role-list-meta-v400{text-align:right}

.role-list-meta-v400 b{color:#8c79ff;font-size:6px;text-transform:uppercase}

.role-list-meta-v400 em{margin-top:3px;color:#4e5a6d;font-size:7px;font-style:normal}

.role-list-empty-v400{padding:38px 10px;color:#566276;text-align:center;font-size:8px}

.role-editor-empty-v400{min-height:590px;display:grid;place-items:center;align-content:center;text-align:center}

.role-editor-empty-v400>div{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(118,96,255,.15);border-radius:16px;background:rgba(108,83,255,.055);color:#9a88ff;font-size:20px}

.role-editor-empty-v400 h2{margin:13px 0 4px;font-size:15px}

.role-editor-empty-v400 p{max-width:330px;margin:0;color:#5d697c;font-size:9px}

.role-editor-head-v400{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}

.role-editor-head-v400 span{color:#7664e9;font-size:7px;font-weight:950;text-transform:uppercase}

.role-editor-head-v400 h2{margin:4px 0 0;font-size:17px}

.role-system-badge-v400{padding:5px 7px;border:1px solid rgba(116,99,255,.17);border-radius:999px;color:#9988ff!important;background:rgba(106,83,255,.045)}

.role-preview-v400{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px;border:1px solid #202938;border-radius:11px;background:#090d15}

.role-preview-badge-v400{--role-color:#8a7cff;display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 10px;border:1px solid #30384d;border-radius:999px;background:rgba(138,124,255,.07);color:var(--role-color)}

.role-preview-badge-v400 i{color:var(--role-color);font-style:normal}

.role-preview-badge-v400 strong{font-size:9px}

.role-preview-v400>div:last-child small,.role-preview-v400>div:last-child span{display:block}

.role-preview-v400>div:last-child small{color:#707c90;font-size:8px;font-weight:900}

.role-preview-v400>div:last-child span{margin-top:2px;color:#526074;font-size:7px}

.role-fields-v400{padding-bottom:14px;border-bottom:1px solid #1b2431}

.role-color-field-v400{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:7px}

.role-color-field-v400 input[type="color"]{width:52px!important;min-height:42px!important;padding:4px!important;cursor:pointer}

.role-permission-section-v400{padding-top:14px}

.role-section-title-v400 span,.role-section-title-v400 small{display:block}

.role-section-title-v400 span{font-size:10px;font-weight:900}

.role-section-title-v400 small{margin-top:3px;color:#596679;font-size:8px}

.role-permission-grid-v400{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}

.role-permission-grid-v400>label{cursor:pointer}

.role-permission-grid-v400 input{position:absolute;opacity:0;pointer-events:none}

.role-permission-grid-v400>label>span{min-height:78px;display:grid;grid-template-columns:31px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-content:center;padding:10px;border:1px solid #202938;border-radius:10px;background:#090d15;transition:border-color .17s ease,background .17s ease}

.role-permission-grid-v400>label>span>i{grid-row:1/3;width:31px;height:31px;display:grid;place-items:center;align-self:center;border-radius:8px;background:#101625;color:#7887a2;font-style:normal}

.role-permission-grid-v400 strong{font-size:8px}

.role-permission-grid-v400 small{margin-top:3px;color:#586477;font-size:7px;line-height:1.4}

.role-permission-grid-v400 input:checked+span{border-color:rgba(119,99,255,.25);background:linear-gradient(145deg,rgba(107,84,255,.075),#090d15)}

.role-permission-grid-v400 input:checked+span>i{color:#9d8cff;background:rgba(108,83,255,.08)}

.role-active-toggle-v400{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 11px;border:1px solid #202938;border-radius:10px;background:#090d15}

.role-active-toggle-v400 input{accent-color:#7967ff}

.role-active-toggle-v400 strong,.role-active-toggle-v400 small{display:block}

.role-active-toggle-v400 strong{font-size:8px}

.role-active-toggle-v400 small{margin-top:2px;color:#586477;font-size:7px}

.role-editor-actions-v400{display:grid;grid-template-columns:auto 1fr auto auto;gap:7px;margin-top:13px}

.role-assignment-panel-v400{margin-top:12px;padding:17px;border-color:#1e2736;background:linear-gradient(145deg,rgba(13,18,29,.98),rgba(8,11,18,.98))}

.role-assignment-head-v400{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}

.role-assignment-head-v400 h2{margin:4px 0;font-size:16px}

.role-assignment-head-v400 p{margin:0;max-width:720px;color:#5e6a7d;font-size:8px}

.role-user-search-v400{width:240px}

.role-assignment-grid-v400{display:grid;grid-template-columns:330px minmax(0,1fr);gap:10px;margin-top:13px}

.role-user-list-v400{display:grid;gap:5px;max-height:520px;overflow:auto;padding-right:3px}

.role-user-avatar-v400,.role-user-avatar-large-v400{display:grid;place-items:center;border-radius:10px;background:#11182a;color:#9d8cff;font-weight:950}

.role-user-avatar-v400{width:36px;height:36px;font-size:10px}

.role-user-avatar-large-v400{width:50px;height:50px;font-size:15px}

.role-user-badges-mini-v400{display:flex;gap:3px}

.role-user-badges-mini-v400 i{width:7px;height:7px;border-radius:50%;background:var(--role-color);box-shadow:0 0 8px var(--role-color)}

.role-user-editor-v400{min-height:520px;padding:14px;border:1px solid #1f2837;border-radius:11px;background:#090d15}

.role-user-empty-v400{min-height:485px;display:grid;place-items:center;align-content:center;text-align:center}

.role-user-empty-v400>div{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#11182a;color:#9a89ff;font-size:18px}

.role-user-empty-v400 strong{margin-top:11px;font-size:10px}

.role-user-empty-v400 span{max-width:280px;margin-top:3px;color:#586477;font-size:8px}

.role-user-editor-head-v400{display:flex;align-items:center;gap:10px}

.role-user-editor-head-v400 span,.role-user-editor-head-v400 h3,.role-user-editor-head-v400 small{display:block}

.role-user-editor-head-v400 span{color:#7664e9;font-size:7px;font-weight:900;text-transform:uppercase}

.role-user-editor-head-v400 h3{margin:3px 0;font-size:14px}

.role-user-editor-head-v400 small{color:#536075;font-size:7px}

.role-current-access-v400{margin-top:12px;padding:10px;border:1px solid #1e2735;border-radius:9px;background:#080b12}

.role-current-access-v400>small{display:block;margin-bottom:6px;color:#59667a;font-size:7px;font-weight:900;text-transform:uppercase}

.role-current-access-v400>div{display:flex;flex-wrap:wrap;gap:5px}

.role-assignment-options-v400{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}

.role-assignment-option-v400{--role-color:#8a7cff;position:relative;min-height:68px;display:grid;grid-template-columns:20px 32px minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px;border:1px solid #1f2837;border-radius:9px;background:#0a0e16;cursor:pointer}

.role-assignment-option-v400 input{position:absolute;opacity:0}

.role-assignment-check-v400{width:18px;height:18px;display:grid;place-items:center;border:1px solid #30394c;border-radius:5px;color:transparent;font-size:8px}

.role-assignment-option-v400:has(input:checked){border-color:var(--role-color);background:#0b0f18}

.role-assignment-option-v400 input:checked~.role-assignment-check-v400{border-color:var(--role-color);background:var(--role-color);color:#080b12}

.role-assignment-icon-v400{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#111725;color:var(--role-color)}

.role-assignment-copy-v400 strong,.role-assignment-copy-v400 small{display:block}

.role-assignment-copy-v400 strong{font-size:8px}

.role-assignment-copy-v400 small{margin-top:2px;color:#596578;font-size:7px}

.role-assignment-option-v400 em{color:#6e5fd4;font-size:6px;font-style:normal;text-transform:uppercase}

.role-user-save-v400{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #1d2635}

.role-user-save-v400 span{color:#566276;font-size:7px}

/* ---------- Generic V4 admin ---------- */

.admin-v400 .admin-content{min-width:0}

.admin-v400 .admin-head{gap:18px}

.admin-v400 .admin-head h1{letter-spacing:-.045em}

.admin-v400 .admin-head p{max-width:850px;color:#727e91}

.admin-current-roles-v400,.admin-role-stack-v400{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}

.site-role-chip-v400{
  --role-color:#8a7cff;
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:24px;
  padding:0 8px;
  border:1px solid color-mix(in srgb,var(--role-color) 26%,#273145);
  border-radius:999px;
  background:color-mix(in srgb,var(--role-color) 7%,#0a0e17);
  color:color-mix(in srgb,var(--role-color) 80%,#fff);
  font-size:7px;
  font-weight:900;
  white-space:nowrap;
}

.site-role-chip-v400 i{font-style:normal;color:var(--role-color)}

.site-role-chip-v400.neutral{--role-color:#7f8a9d;color:#8590a2}

.admin-head-actions-v400{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}

.admin-dashboard-role-v400{
  min-height:34px;display:inline-flex;align-items:center;padding:0 10px;
  border:1px solid #242e3f;border-radius:9px;background:#090d15;
  color:#788499;font-size:8px;font-weight:850;
}

.admin-count-badge-v400{
  min-height:36px;display:inline-flex;align-items:center;padding:0 11px;
  border:1px solid #242e3f;border-radius:10px;background:#090d15;
  color:#9ba7bb;font-size:9px;font-weight:900;
}

.admin-user-actions-v400{display:flex;gap:5px;justify-content:flex-end}

/* ---------- Dashboard V4 ---------- */

.admin-widget-grid-v400{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.admin-widget-v400{min-width:0}

.admin-widget-v400.full{grid-column:1/-1}

.admin-widget-v400.half{grid-column:auto}

.admin-widget-kpis-v400{margin:0}

.admin-widget-section-head-v400{
  display:flex;justify-content:space-between;align-items:end;margin-bottom:9px;
}

.admin-widget-section-head-v400 h2{margin:4px 0 0;font-size:15px}

.admin-quick-grid-v400{grid-template-columns:repeat(4,minmax(0,1fr))}

.admin-kpi-v400{
  position:relative;overflow:hidden;display:grid!important;
  grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto auto;
  gap:0 9px;align-items:center;
}

.admin-kpi-v400>i{
  grid-row:1/4;width:34px;height:34px;display:grid;place-items:center;
  border:1px solid rgba(122,103,255,.15);border-radius:9px;
  background:rgba(105,85,255,.055);color:#9b8cff;font-style:normal;
}

.admin-kpi-v400>span,.admin-kpi-v400>strong,.admin-kpi-v400>small{grid-column:2}

.admin-bot-summary-grid-v400{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
}

.admin-bot-summary-grid-v400>div{
  min-height:72px;padding:11px;border:1px solid #202a39;border-radius:10px;background:#090d15;
}

.admin-bot-summary-grid-v400 small,.admin-bot-summary-grid-v400 strong{display:block}

.admin-bot-summary-grid-v400 small{color:#5f6b7f;font-size:7px;text-transform:uppercase;font-weight:900}

.admin-bot-summary-grid-v400 strong{margin-top:6px;font-size:15px}

.admin-bot-summary-grid-v400 strong.ok{color:#5dd9aa}

.admin-bot-summary-grid-v400 strong.bad{color:#ff7d95}

.admin-dashboard-empty-v400{grid-column:1/-1;padding:50px;text-align:center}

.admin-dashboard-empty-v400 strong,.admin-dashboard-empty-v400 span{display:block}

.admin-dashboard-empty-v400 span{margin-top:5px;color:#667286;font-size:9px}

/* ---------- Dashboard layout builder ---------- */

.dashboard-layout-toolbar-v400{
  display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;
  align-items:end;padding:16px;margin-bottom:12px;
}

.dashboard-layout-role-summary-v400{
  min-height:43px;display:flex;align-items:center;justify-content:flex-end;
}

.dashboard-role-preview-v400{display:flex;align-items:center;gap:9px}

.dashboard-role-preview-v400 p{margin:0;color:#606d81;font-size:8px}

.dashboard-widget-builder-v400{display:grid;gap:8px}

.dashboard-widget-toggle-v400 label{display:block;cursor:pointer}

.dashboard-widget-toggle-v400 input{position:absolute;opacity:0}

.dashboard-widget-toggle-v400 span{
  width:38px;height:22px;display:block;border-radius:999px;background:#171e2b;
  border:1px solid #293348;position:relative;transition:.18s;
}

.dashboard-widget-toggle-v400 span::after{
  content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;
  border-radius:50%;background:#69758a;transition:.18s;
}

.dashboard-widget-toggle-v400 input:checked+span{background:rgba(112,91,255,.18);border-color:#6f5fea}

.dashboard-widget-toggle-v400 input:checked+span::after{left:18px;background:#9c8cff}

.dashboard-widget-config-copy-v400 small,.dashboard-widget-config-copy-v400 strong,.dashboard-widget-config-copy-v400 p{display:block}

.dashboard-widget-config-copy-v400 small{color:#5e6a7e;font-size:7px;text-transform:uppercase;font-weight:900}

.dashboard-widget-config-copy-v400 strong{margin-top:3px;font-size:11px}

.dashboard-widget-config-copy-v400 p{margin:3px 0 0;color:#606c80;font-size:8px}

.dashboard-widget-config-size-v400 span{display:block;margin-bottom:5px;color:#5d697d;font-size:7px;text-transform:uppercase;font-weight:900}

.dashboard-widget-order-v400{display:flex;gap:5px}

.admin-live-trigger-v400{
  min-width:168px;height:46px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;
  gap:8px;align-items:center;padding:0 9px;border:1px solid #242e3e;border-radius:12px;
  background:rgba(9,13,21,.96);color:#e9edf6;box-shadow:0 20px 55px rgba(0,0,0,.28);
  backdrop-filter:blur(16px);cursor:pointer;
}

.admin-live-trigger-icon-v400{
  width:30px;height:30px;display:grid;place-items:center;border-radius:8px;
  background:rgba(105,84,255,.07);color:#9687ff;
}

.admin-live-trigger-copy-v400{text-align:left}

.admin-live-trigger-copy-v400 small,.admin-live-trigger-copy-v400 strong{display:block}

.admin-live-trigger-copy-v400 small{color:#526075;font-size:6px;text-transform:uppercase;font-weight:900}

.admin-live-trigger-copy-v400 strong{margin-top:2px;font-size:8px}

.admin-live-trigger-v400>b{
  min-width:20px;height:20px;display:grid;place-items:center;padding:0 4px;border-radius:999px;
  background:#7a65ff;color:#fff;font-size:7px;
}

.admin-live-panel-v400{
  width:min(410px,calc(100vw - 24px));max-height:610px;margin-top:7px;
  border:1px solid #242e3e;border-radius:14px;background:#080c14;
  box-shadow:0 35px 90px rgba(0,0,0,.42);overflow:hidden;
}

.admin-live-panel-head-v400{
  display:flex;justify-content:space-between;align-items:start;gap:10px;padding:14px;
  border-bottom:1px solid #1d2634;
}

.admin-live-panel-head-v400 span{color:#7969ec;font-size:7px;text-transform:uppercase;font-weight:950}

.admin-live-panel-head-v400 h3{margin:4px 0 0;font-size:13px}

.admin-live-panel-head-v400 button{border:0;background:transparent;color:#748096;font-size:7px;cursor:pointer}

.admin-live-connection-v400{
  display:flex;align-items:center;gap:7px;padding:8px 14px;border-bottom:1px solid #182130;
  color:#5f6b7f;font-size:7px;
}

.admin-live-connection-v400 i{width:6px;height:6px;border-radius:50%;background:#ff788f}

.admin-live-connection-v400 i.online{background:#5bd9aa;box-shadow:0 0 9px rgba(91,217,170,.48)}

.admin-live-list-v400{max-height:500px;overflow:auto}

.admin-live-icon-v400{
  width:34px;height:34px;display:grid;place-items:center;border:1px solid #273145;border-radius:9px;
  background:#101625;color:#8391aa;
}

.admin-live-item-v400.danger .admin-live-icon-v400{color:#ff8298;border-color:rgba(255,99,128,.2)}

.admin-live-item-v400.success .admin-live-icon-v400{color:#5bd9aa;border-color:rgba(75,207,156,.17)}

.admin-live-copy-v400 strong,.admin-live-copy-v400 small{display:block}

.admin-live-copy-v400 strong{font-size:8px}

.admin-live-copy-v400 small{margin-top:3px;color:#5d697d;font-size:7px;line-height:1.4}

.admin-live-empty-v400{padding:45px 20px;text-align:center}

.admin-live-empty-v400 i,.admin-live-empty-v400 strong,.admin-live-empty-v400 span{display:block}

.admin-live-empty-v400 i{font-style:normal;color:#5bd9aa;font-size:18px}

.admin-live-empty-v400 strong{margin-top:7px;font-size:9px}

.admin-live-empty-v400 span{margin-top:3px;color:#596578;font-size:7px}

/* ---------- Roles V4 granular ---------- */

.role-permission-groups-v400{display:grid;gap:10px;margin-top:10px}

.role-permission-group-v400{
  border:1px solid #1e2837;border-radius:11px;background:#090d15;overflow:hidden;
}

.role-permission-grid-v400{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;
}

.role-permission-grid-v400 label{cursor:pointer}

.role-permission-grid-v400 input{position:absolute;opacity:0}

.role-permission-grid-v400 label>span{
  min-height:74px;display:block;padding:9px;border:1px solid #1d2635;border-radius:9px;background:#0a0e17;
}

.role-permission-grid-v400 input:checked+span{
  border-color:rgba(119,100,255,.27);background:linear-gradient(145deg,rgba(108,84,255,.075),#0a0e17);
}

.role-permission-grid-v400 strong,.role-permission-grid-v400 small,.role-permission-grid-v400 code{display:block}

.role-permission-grid-v400 strong{font-size:8px}

.role-permission-grid-v400 small{margin-top:4px;color:#5d697c;font-size:7px;line-height:1.42}

.role-permission-grid-v400 code{margin-top:6px;color:#7166ad;font-size:6px}

.role-user-editor-head-v400>a{margin-left:auto}

/* ---------- Programs ---------- */

.program-grid-v400{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

.program-card-v400{
  --program-color:#8a7cff;padding:16px;border-color:color-mix(in srgb,var(--program-color) 18%,#202a39);
  background:radial-gradient(circle at 95% 0%,color-mix(in srgb,var(--program-color) 8%,transparent),transparent 35%),#090d16;
}

.program-card-head-v400{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:start;
}

.program-card-icon-v400{
  width:44px;height:44px;display:grid;place-items:center;border-radius:12px;
  border:1px solid color-mix(in srgb,var(--program-color) 28%,#273145);
  background:color-mix(in srgb,var(--program-color) 8%,#101624);color:var(--program-color);font-size:16px;
}

.program-card-head-v400 span,.program-card-head-v400 h2,.program-card-head-v400 p{display:block}

.program-card-head-v400 span{color:#59667a;font-size:6px;text-transform:uppercase;font-weight:950}

.program-card-head-v400 h2{margin:3px 0;font-size:15px}

.program-card-head-v400 p{margin:0;color:#657185;font-size:8px;line-height:1.45}

.program-card-count-v400{text-align:right}

.program-card-count-v400 strong{display:block;color:var(--program-color);font-size:18px}

.program-card-count-v400 span{font-size:6px}

.program-benefits-v400,.program-members-v400{margin-top:14px;padding-top:12px;border-top:1px solid #1b2432}

.program-section-title-v400{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}

.program-section-title-v400 strong{font-size:8px}

.program-section-title-v400 span{color:#566276;font-size:7px}

.program-benefits-v400 textarea{min-height:112px}

.program-member-list-v400{display:grid;gap:5px;max-height:250px;overflow:auto}

.program-member-row-v400{
  display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;gap:7px;align-items:center;
  padding:7px;border:1px solid #1d2635;border-radius:8px;background:#080c14;
}

.program-member-avatar-v400{
  width:32px;height:32px;display:grid;place-items:center;border-radius:8px;
  background:color-mix(in srgb,var(--program-color) 8%,#111725);color:var(--program-color);font-size:9px;font-weight:900;
}

.program-member-row-v400 strong,.program-member-row-v400 span{display:block}

.program-member-row-v400 strong{font-size:7px}

.program-member-row-v400 span{margin-top:2px;color:#566276;font-size:6px}

.program-member-row-v400>a{color:#8575ec;font-size:7px}

.program-card-actions-v400{
  display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #1b2432;
}

.program-add-user-v400{display:flex;gap:5px;min-width:0;flex:1}

.program-add-user-v400 select{min-width:0}

.program-card-actions-v400>div:last-child{display:flex;align-items:center;gap:7px}

.program-active-v400{display:flex;align-items:center;gap:5px;color:#687488;font-size:7px}

.program-active-v400 input{accent-color:var(--program-color)}

/* ---------- User profile ---------- */

.user-profile-root-v400{display:grid;gap:12px}

.user-profile-hero-v400{
  display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:16px;align-items:center;
  padding:20px;background:radial-gradient(circle at 90% 0%,rgba(105,84,255,.09),transparent 33%),#090d16;
}

.user-profile-avatar-v400{
  width:74px;height:74px;display:grid;place-items:center;border-radius:20px;
  border:1px solid rgba(119,99,255,.2);background:rgba(106,84,255,.07);color:#a090ff;font-size:25px;font-weight:950;
}

.user-profile-main-v400 h1{margin:5px 0 3px;font-size:25px}

.user-profile-main-v400 p{margin:0;color:#667286;font-size:8px}

.user-profile-role-stack-v400{margin-top:8px}

.user-profile-meta-v400{display:grid;gap:7px;min-width:180px}

.user-profile-meta-v400>div{padding:8px;border:1px solid #1e2736;border-radius:9px;background:#080c14}

.user-profile-meta-v400 small,.user-profile-meta-v400 strong{display:block}

.user-profile-meta-v400 small{color:#566276;font-size:6px;text-transform:uppercase}

.user-profile-meta-v400 strong{margin-top:3px;font-size:8px}

.user-profile-stats-v400{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}

.user-profile-stat-v400{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:11px}

.user-profile-stat-v400>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#111725;color:#9384ff;font-style:normal}

.user-profile-stat-v400 small,.user-profile-stat-v400 strong,.user-profile-stat-v400 span{display:block}

.user-profile-stat-v400 small{font-size:6px;color:#59667a;text-transform:uppercase;font-weight:900}

.user-profile-stat-v400 strong{margin:2px 0;font-size:16px}

.user-profile-stat-v400 span{font-size:6px;color:#566276}

.user-profile-grid-v400{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

.user-profile-panel-v400{padding:15px}

.user-profile-panel-v400.span-2{grid-column:1/-1}

.user-license-list-v400,.user-compact-list-v400{display:grid;gap:5px}

.user-license-row-v400{
  min-height:54px;display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;gap:8px;align-items:center;
  padding:8px;border:1px solid #1d2635;border-radius:9px;background:#080c14;
}

.user-license-icon-v400{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#111725}

.user-license-row-v400 strong,.user-license-row-v400 span{display:block}

.user-license-row-v400 strong{font-size:8px}

.user-license-row-v400 span{margin-top:2px;color:#596578;font-size:6px}

.user-license-row-v400>small{color:#566276;font-size:6px}

.user-compact-list-v400>div,.user-compact-list-v400>a{padding:8px;border:1px solid #1d2635;border-radius:8px;background:#080c14}

.user-compact-list-v400 strong,.user-compact-list-v400 span{display:block}

.user-compact-list-v400 strong{font-size:7px}

.user-compact-list-v400 span{margin-top:3px;color:#596578;font-size:6px}

.user-note-private-v400{color:#ff899d;font-size:6px;text-transform:uppercase;font-weight:900}

.user-note-form-v400{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:9px}

.user-note-form-v400 textarea{min-height:78px}

.user-note-form-v400 .btn{align-self:end}

.user-note-list-v400{display:grid;gap:6px}

.user-note-list-v400>article{padding:9px;border:1px solid #1e2736;border-radius:9px;background:#080c14}

.user-note-list-v400 article>div{display:flex;justify-content:space-between;gap:10px}

.user-note-list-v400 strong{font-size:7px}

.user-note-list-v400 time{color:#566276;font-size:6px}

.user-note-list-v400 p{margin:7px 0;color:#a8b0bf;font-size:8px;line-height:1.55;white-space:pre-wrap}

.user-note-no-access-v400{padding:10px;border:1px dashed #293348;border-radius:8px;color:#687488;font-size:7px;margin-bottom:8px}

/* ---------- Documentation admin ---------- */

.admin-docs-layout-v400{display:grid;grid-template-columns:370px minmax(0,1fr);gap:12px;align-items:start}

.admin-docs-list-panel-v400,.admin-doc-editor-v400{min-height:650px;padding:14px}

.admin-docs-filter-v400{display:grid;gap:6px;margin-bottom:9px}

.admin-docs-list-v400{display:grid;gap:5px;max-height:570px;overflow:auto}

.admin-doc-row-icon-v400{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#111725;color:#9788ff}

.admin-doc-row-v400 strong,.admin-doc-row-v400 small,.admin-doc-row-meta-v400 b,.admin-doc-row-meta-v400 em{display:block}

.admin-doc-row-meta-v400{text-align:right}

.admin-doc-row-meta-v400 b{font-size:6px;text-transform:uppercase}

.admin-doc-row-meta-v400 b.published{color:#5dd9aa}

.admin-doc-row-meta-v400 b.draft{color:#d6a963}

.admin-doc-row-meta-v400 em{margin-top:3px;color:#596578;font-size:6px;font-style:normal}

.admin-doc-empty-v400{min-height:610px;display:grid;place-items:center;align-content:center;text-align:center}

.admin-doc-empty-v400 i{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#111725;color:#9988ff;font-style:normal;font-size:19px}

.admin-doc-empty-v400 strong{margin-top:10px;font-size:10px}

.admin-doc-empty-v400 span{margin-top:3px;color:#596578;font-size:7px}

.admin-doc-editor-head-v400{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:12px}

.admin-doc-editor-head-v400>div span{color:#7968ec;font-size:7px;text-transform:uppercase;font-weight:950}

.admin-doc-editor-head-v400 h2{margin:4px 0 0;font-size:16px}

.admin-doc-publish-state-v400{min-height:23px;display:inline-flex;align-items:center;padding:0 7px;border:1px solid #2a3446;border-radius:999px;color:#d0a55d;font-size:6px;text-transform:uppercase;font-weight:900}

.admin-doc-publish-state-v400.published{color:#5dd9aa;border-color:rgba(75,207,156,.18)}

.admin-doc-toggle-v400{min-height:42px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #252e3e;border-radius:9px;background:#090d15;color:#778397;font-size:7px}

.admin-doc-toggle-v400 input{accent-color:#7865ff}

.admin-doc-content-v400{min-height:360px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px!important;line-height:1.6!important}

.admin-doc-editor-actions-v400{display:grid;grid-template-columns:auto 1fr auto auto;gap:6px;margin-top:10px}

@media(max-width:900px){
  .admin-live-trigger-v400{min-width:0;width:48px;height:48px;border-radius:14px}
  .admin-live-trigger-copy-v400{display:none}
  .admin-live-panel-v400{position:absolute;right:0;bottom:54px}
  .admin-widget-grid-v400,.user-profile-grid-v400{grid-template-columns:1fr}
  .admin-widget-v400.half,.user-profile-panel-v400.span-2{grid-column:1}
  .dashboard-layout-toolbar-v400,.dashboard-widget-config-v400{grid-template-columns:1fr}
  .dashboard-layout-role-summary-v400{justify-content:flex-start}
  .program-grid-v400{grid-template-columns:1fr}
  .user-profile-hero-v400{grid-template-columns:60px minmax(0,1fr)}
  .user-profile-avatar-v400{width:60px;height:60px;border-radius:16px}
  .user-profile-meta-v400{grid-column:1/-1;grid-template-columns:1fr 1fr auto}
  .user-profile-stats-v400{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-docs-layout-v400{grid-template-columns:1fr}
  .admin-docs-list-panel-v400,.admin-doc-editor-v400{min-height:auto}
  .admin-docs-list-v400{max-height:340px}
  .role-permission-grid-v400{grid-template-columns:1fr}
}

@media(max-width:620px){
  .admin-head-actions-v400{justify-content:flex-start;margin-top:10px}
  .admin-quick-grid-v400,.admin-bot-summary-grid-v400,.user-profile-stats-v400,.docs-v4-steps{grid-template-columns:1fr}
  .program-card-actions-v400{display:block}
  .program-card-actions-v400>div:last-child{margin-top:8px;justify-content:space-between}
  .program-add-user-v400{display:grid;grid-template-columns:1fr}
  .user-profile-hero-v400{grid-template-columns:1fr;text-align:center}
  .user-profile-avatar-v400{margin:auto}
  .user-profile-meta-v400{grid-template-columns:1fr}
  .user-profile-role-stack-v400 .admin-role-stack-v400{justify-content:center}
  .user-note-form-v400{grid-template-columns:1fr}
  .admin-doc-editor-actions-v400{grid-template-columns:1fr}
  .admin-doc-editor-actions-v400>div{display:none}
}

/* ==========================================================
   AURORA STORE V4.0.1 — ADMIN UI CONSISTENCY
   ========================================================== */

/* ----------------------------------------------------------
   GLOBAL ADMIN FORM THEME
   Prevents browser-native white inputs anywhere in Aurora Control.
   ---------------------------------------------------------- */

.admin-shell{
  color-scheme:dark;
}

.admin-shell :where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  textarea,
  select
){
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border:1px solid #273145;
  border-radius:10px;
  outline:none;
  background-color:#090d16;
  color:#e9edf7;
  font:inherit;
  font-size:12px;
  line-height:1.4;
  caret-color:#9888ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.admin-shell :where(textarea){
  resize:vertical;
  line-height:1.55;
}

.admin-shell :where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  textarea,
  select
):hover:not(:disabled){
  border-color:#344056;
  background-color:#0b101a;
}

.admin-shell :where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  textarea,
  select
):focus{
  border-color:rgba(124,104,255,.62);
  background-color:#0b101b;
  box-shadow:0 0 0 3px rgba(116,92,255,.08),inset 0 1px 0 rgba(255,255,255,.025);
}

.admin-shell :where(input,textarea)::placeholder{
  color:#505c70;
  opacity:1;
}

.admin-shell select{
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  padding-right:38px;
  background-image:
    linear-gradient(45deg,transparent 50%,#7a879b 50%),
    linear-gradient(135deg,#7a879b 50%,transparent 50%);
  background-position:
    calc(100% - 17px) calc(50% - 2px),
    calc(100% - 12px) calc(50% - 2px);
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}

.admin-shell select option,
.admin-shell select optgroup{
  background:#0a0f18;
  color:#e9edf7;
}

.admin-shell :where(input,textarea,select):disabled{
  opacity:.55;
  cursor:not-allowed;
  background-color:#080b12;
  color:#737f92;
}

.admin-shell input[type="checkbox"],
.admin-shell input[type="radio"]{
  accent-color:#7b68ff;
}

.admin-shell input[type="file"]{
  color:#8e99aa;
}

.admin-shell input[type="file"]::file-selector-button{
  min-height:32px;
  margin-right:9px;
  padding:0 10px;
  border:1px solid #2a3447;
  border-radius:8px;
  background:#111722;
  color:#dce2ed;
  cursor:pointer;
}

.admin-shell input:-webkit-autofill,
.admin-shell textarea:-webkit-autofill,
.admin-shell select:-webkit-autofill{
  -webkit-text-fill-color:#e9edf7!important;
  -webkit-box-shadow:0 0 0 1000px #090d16 inset!important;
  transition:background-color 9999s ease-out 0s;
}

/* Keep compound search inputs clean despite the global form theme. */
.admin-shell :where(
  .role-search-v400,
  .role-user-search-v400,
  .bot-search-v370,
  .role-permission-search-v401,
  .role-user-search-v380,
  .role-search-v380
) input{
  min-height:34px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.admin-shell .field label{
  color:#aeb8c8;
  font-size:10px;
  letter-spacing:.01em;
}

/* ----------------------------------------------------------
   CUSTOMER PROGRAMS
   ---------------------------------------------------------- */

.admin-programs-v401 .admin-content{
  min-width:0;
}

.admin-programs-v401 .admin-head h1{
  font-size:36px;
  line-height:1.05;
}

.admin-programs-v401 .admin-head p{
  font-size:11px;
  line-height:1.6;
}

.admin-programs-v401 .program-grid-v400{
  grid-template-columns:repeat(3,minmax(300px,1fr));
  gap:14px;
}

.admin-programs-v401 .program-card-v400{
  min-width:0;
  padding:18px;
  border-radius:15px;
  box-shadow:0 18px 52px rgba(0,0,0,.11);
}

.admin-programs-v401 .program-card-head-v400{
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:11px;
}

.admin-programs-v401 .program-card-icon-v400{
  width:46px;
  height:46px;
  border-radius:12px;
  font-size:17px;
}

.admin-programs-v401 .program-card-head-v400 span{
  font-size:8px;
  letter-spacing:.07em;
}

.admin-programs-v401 .program-card-head-v400 h2{
  margin:4px 0;
  font-size:17px;
  letter-spacing:-.02em;
}

.admin-programs-v401 .program-card-head-v400 p{
  font-size:9px;
  line-height:1.55;
}

.admin-programs-v401 .program-card-count-v400 strong{
  font-size:20px;
}

.admin-programs-v401 .program-card-count-v400 span{
  color:#596679;
  font-size:7px;
}

.admin-programs-v401 .program-benefits-v400,
.admin-programs-v401 .program-members-v400{
  margin-top:16px;
  padding-top:14px;
}

.admin-programs-v401 .program-section-title-v400 strong{
  font-size:9px;
}

.admin-programs-v401 .program-section-title-v400 span{
  font-size:8px;
}

.admin-programs-v401 .program-benefits-v400 textarea{
  min-height:145px;
  font-size:11px;
}

.admin-programs-v401 .program-member-list-v400{
  min-height:150px;
  max-height:240px;
  padding:7px;
  border:1px solid #1e2736;
  border-radius:10px;
  background:#080b12;
}

.admin-programs-v401 .program-member-list-v400>.empty{
  min-height:132px;
  display:grid;
  place-items:center;
  color:#687387;
  font-size:10px;
}

.admin-programs-v401 .program-member-row-v400{
  min-height:52px;
  padding:7px;
}

.admin-programs-v401 .program-member-row-v400 strong{
  font-size:9px;
}

.admin-programs-v401 .program-member-row-v400 span,
.admin-programs-v401 .program-member-row-v400>a{
  font-size:7px;
}

.admin-programs-v401 .program-card-actions-v400{
  gap:10px;
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid #1b2432;
}

.admin-programs-v401 .program-add-user-v400{
  gap:7px;
}

.admin-programs-v401 .program-add-user-v400 select{
  min-width:0;
  font-size:10px;
}

.admin-programs-v401 .program-active-v400{
  font-size:8px;
  white-space:nowrap;
}

/* ----------------------------------------------------------
   ROLES — readability + compact accordion permissions
   ---------------------------------------------------------- */

.role-admin-shell-v401 .admin-content{
  min-width:0;
}

.role-admin-shell-v401 .role-admin-head-v400 h1{
  font-size:36px;
  line-height:1.05;
}

.role-admin-shell-v401 .role-admin-head-v400 p{
  max-width:900px;
  font-size:11px;
  line-height:1.55;
}

.role-admin-shell-v401 .role-admin-summary-v400{
  gap:11px;
  margin:17px 0 14px;
}

.role-admin-shell-v401 .role-admin-summary-v400>article{
  min-height:96px;
  padding:15px;
}

.role-admin-shell-v401 .role-admin-summary-v400 small{
  font-size:8px;
}

.role-admin-shell-v401 .role-admin-summary-v400 strong{
  font-size:20px;
}

.role-admin-shell-v401 .role-admin-summary-v400 span{
  font-size:8px;
}

.role-admin-shell-v401 .role-builder-grid-v400{
  grid-template-columns:320px minmax(0,1fr);
  gap:14px;
}

.role-admin-shell-v401 .role-list-panel-v400,
.role-admin-shell-v401 .role-editor-panel-v400{
  min-height:680px;
  padding:18px;
  border-radius:15px;
}

.role-admin-shell-v401 .role-panel-head-v400 h2{
  font-size:17px;
}

.role-admin-shell-v401 .role-panel-head-v400 span{
  font-size:8px;
}

.role-admin-shell-v401 .role-search-v400{
  width:155px;
}

.role-admin-shell-v401 .role-list-v400{
  gap:7px;
  max-height:610px;
}

.role-admin-shell-v401 .role-list-item-v400{
  min-height:72px;
  padding:10px;
}

.role-admin-shell-v401 .role-list-copy-v400 strong{
  font-size:10px;
}

.role-admin-shell-v401 .role-list-copy-v400 small{
  font-size:8px;
}

.role-admin-shell-v401 .role-list-meta-v400 b{
  font-size:7px;
}

.role-admin-shell-v401 .role-list-meta-v400 em{
  font-size:7px;
}

.role-admin-shell-v401 .role-editor-head-v400 span{
  font-size:8px;
}

.role-admin-shell-v401 .role-editor-head-v400 h2{
  font-size:20px;
}

.role-admin-shell-v401 .role-preview-v400{
  padding:14px;
}

.role-admin-shell-v401 .role-preview-badge-v400 strong{
  font-size:10px;
}

.role-admin-shell-v401 .role-preview-v400>div:last-child small{
  font-size:9px;
}

.role-admin-shell-v401 .role-preview-v400>div:last-child span{
  font-size:8px;
}

.role-permission-titlebar-v401{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:14px;
  margin-bottom:10px;
}

.role-admin-shell-v401 .role-section-title-v400 span{
  font-size:12px;
}

.role-admin-shell-v401 .role-section-title-v400 small{
  margin-top:4px;
  font-size:9px;
}

.role-permission-tools-v401{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.role-permission-search-v401{
  width:min(290px,32vw);
  min-height:38px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  padding:0 9px;
  border:1px solid #273145;
  border-radius:9px;
  background:#090d15;
}

.role-permission-search-v401>span{
  color:#66748a;
  font-size:12px;
}

.role-permission-groups-v401{
  display:grid;
  gap:8px;
}

.role-permission-group-v401{
  overflow:hidden;
  border:1px solid #202a39;
  border-radius:11px;
  background:#090d15;
}

.role-permission-group-v401[open]{
  border-color:rgba(116,99,255,.20);
  background:linear-gradient(145deg,rgba(108,84,255,.025),#090d15 42%);
}

.role-permission-summary-v401{
  min-height:55px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto 24px;
  gap:9px;
  align-items:center;
  padding:9px 11px;
  list-style:none;
  cursor:pointer;
  user-select:none;
}

.role-permission-summary-v401::-webkit-details-marker{
  display:none;
}

.role-permission-summary-icon-v401{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#111725;
  color:#9484ff;
  font-size:11px;
}

.role-permission-summary-copy-v401 strong,
.role-permission-summary-copy-v401 small{
  display:block;
}

.role-permission-summary-copy-v401 strong{
  color:#dce2ec;
  font-size:10px;
}

.role-permission-summary-copy-v401 small{
  margin-top:2px;
  color:#596679;
  font-size:8px;
}

.role-permission-chevron-v401{
  color:#66748a;
  font-size:12px;
  text-align:center;
  transition:transform .18s ease;
}

.role-permission-group-v401[open] .role-permission-chevron-v401{
  transform:rotate(180deg);
}

.role-permission-body-v401{
  padding:0 11px 11px;
  border-top:1px solid #1b2432;
}

.role-permission-group-actions-v401{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:9px 1px;
}

.role-permission-group-actions-v401 p{
  margin:0;
  color:#5b687c;
  font-size:8px;
}

.role-permission-group-actions-v401 button{
  border:0;
  background:transparent;
  color:#8e7dff;
  font-size:8px;
  font-weight:850;
  cursor:pointer;
}

.role-permission-grid-v401{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:0;
}

.role-permission-grid-v401 label>span{
  min-height:84px;
  padding:11px;
  border-radius:9px;
}

.role-permission-grid-v401 strong{
  font-size:10px;
}

.role-permission-grid-v401 small{
  margin-top:4px;
  font-size:8px;
  line-height:1.45;
}

.role-permission-grid-v401 code{
  margin-top:6px;
  font-size:7px;
}

.role-admin-shell-v401 .role-active-toggle-v400{
  margin-top:14px;
  padding:12px;
}

.role-admin-shell-v401 .role-active-toggle-v400 strong{
  font-size:9px;
}

.role-admin-shell-v401 .role-active-toggle-v400 small{
  font-size:8px;
}

.role-admin-shell-v401 .role-editor-actions-v400{
  margin-top:14px;
}

.role-admin-shell-v401 .role-assignment-panel-v400{
  margin-top:14px;
  padding:19px;
  border-radius:15px;
}

.role-admin-shell-v401 .role-assignment-head-v400 h2{
  font-size:18px;
}

.role-admin-shell-v401 .role-assignment-head-v400 p{
  font-size:9px;
  line-height:1.55;
}

.role-admin-shell-v401 .role-user-row-v400{
  min-height:64px;
  padding:9px;
}

.role-admin-shell-v401 .role-user-row-v400 strong{
  font-size:9px;
}

.role-admin-shell-v401 .role-user-row-v400 small{
  font-size:7px;
}

/* ----------------------------------------------------------
   GLOBAL ADMIN READABILITY AUDIT
   New V4 admin modules should never render at 6px browser text.
   ---------------------------------------------------------- */

.admin-v401 :where(.admin-nav-label,.eyebrow){
  font-size:8px;
}

.admin-v401 :where(.btn){
  min-height:38px;
}

@media(max-width:1350px){
  .admin-programs-v401 .program-grid-v400{
    grid-template-columns:1fr 1fr;
  }
  .role-admin-shell-v401 .role-builder-grid-v400{
    grid-template-columns:285px minmax(0,1fr);
  }
  .role-permission-tools-v401{
    flex-wrap:wrap;
    justify-content:flex-end;
  }
}

@media(max-width:1050px){
  .role-permission-titlebar-v401{
    display:block;
  }
  .role-permission-tools-v401{
    justify-content:flex-start;
    margin-top:10px;
  }
  .role-permission-search-v401{
    width:min(100%,360px);
  }
  .role-permission-grid-v401{
    grid-template-columns:1fr;
  }
}

@media(max-width:900px){
  .admin-programs-v401 .program-grid-v400{
    grid-template-columns:1fr;
  }
  .role-admin-shell-v401 .role-builder-grid-v400{
    grid-template-columns:1fr;
  }
  .role-admin-shell-v401 .role-list-v400{
    max-height:360px;
  }
}

@media(max-width:620px){
  .role-permission-tools-v401{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .role-permission-search-v401{
    width:100%;
    grid-column:1/-1;
  }
  .role-permission-summary-v401{
    grid-template-columns:34px minmax(0,1fr) 22px;
  }
  .role-permission-chevron-v401{
    grid-column:3;
    grid-row:1/3;
  }
  .admin-programs-v401 .program-card-actions-v400{
    display:block;
  }
}

.footer,.footer a{font-size:11px!important}

.muted.small,.small,small{font-size:11px}

.btn.small{min-height:34px;font-size:11px}

.admin-shell{font-size:13px}

.admin-shell p{font-size:12px!important;line-height:1.55}

.admin-shell small,.admin-shell .small,.admin-shell .muted.small{font-size:10.5px!important;line-height:1.45}

.admin-shell label{font-size:11.5px!important}

.admin-shell input,.admin-shell select,.admin-shell textarea,.admin-shell button{font-size:12px!important}

.admin-nav-label{font-size:9.5px!important}

.admin-side a{font-size:11px!important}

.admin-content h1{font-size:clamp(27px,3vw,38px)!important}

.admin-content h2{font-size:clamp(18px,2vw,25px)}

.admin-content h3{font-size:15px}

/* Release Channels */
.release-channel-preview-v410,.release-channel-chip-v410{display:inline-flex;align-items:center;gap:6px;width:max-content;border:1px solid #293247;border-radius:999px;background:#0a0e17;font-size:10px!important;font-weight:900}

.release-channel-preview-v410{min-height:29px;padding:0 10px}

.release-channel-preview-v410.stable,.release-channel-chip-v410.stable{color:#66dcaa;border-color:rgba(81,211,160,.25);background:rgba(55,188,137,.055)}

.release-channel-preview-v410.beta,.release-channel-chip-v410.beta{color:#9d8cff;border-color:rgba(130,103,255,.27);background:rgba(109,83,255,.055)}

.release-channel-preview-v410.experimental,.release-channel-chip-v410.experimental{color:#69baff;border-color:rgba(82,165,255,.27);background:rgba(60,132,230,.055)}

.release-editor-head-v410{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}

.release-editor-head-v410 h3{margin:4px 0}

.release-editor-head-v410 p{margin:0;color:#6c778b}

.release-flags-v410{display:flex;flex-wrap:wrap;gap:18px}

.release-row-title-v410{display:flex;flex-wrap:wrap;align-items:center;gap:6px}

.release-row-head-v410{gap:12px}

.release-channel-explainer-v410 .stable i,.release-tabs-v410 i.stable{background:#59d8a6}

.release-public-card-v410.stable .release-public-accent-v410{background:#59d8a6}

.product-release-tabs-v410 i.stable{background:#59d8a6}

.forum-thread-role-v410.neutral{--role-color:#778296}

.admin-table,.table-wrap,.data-table,table{max-width:100%}

@media(max-width:1100px){
  .admin-layout{grid-template-columns:210px minmax(0,1fr);gap:12px}
}

@media(max-width:900px){
  .admin-shell{padding-top:12px!important}
  .admin-layout{display:block!important}
  .admin-side{position:static!important;width:100%!important;margin-bottom:12px;padding:10px!important;overflow:hidden}
  .admin-content{min-width:0!important}
  .admin-grid-2,.admin-grid-3,.form-grid,.dashboard-grid,.client-stats,.diagnostic-grid,.product-facts-grid-v340,.product-value-grid-v340,.product-feature-grid-v340,.product-compat-grid-v340,.product-use-grid-v340,.service-showcase-grid,.feature-grid,.process-grid{grid-template-columns:1fr!important}
  .form-grid .field.full{grid-column:auto!important}
  .admin-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:7px}
  .search-box{width:100%!important}
  .table-wrap,.admin-table-wrap,.panel-card:has(table){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media(max-width:650px){
  .btn.large{min-height:44px;padding-left:14px;padding-right:14px}
  .footer-inner{display:grid!important;gap:12px}
  .admin-head,.role-admin-head-v380,.role-assignment-head-v380,.bot-command-page-head-v380,.release-editor-head-v410{display:block!important}
  .admin-nav-group{display:grid;grid-template-columns:1fr 1fr;gap:5px}
  .admin-nav-group .admin-nav-label{grid-column:1/-1}
  .admin-nav-group a{min-width:0;padding:7px!important}
  .admin-nav-group a i{display:none!important}
}

/*
  content-visibility was useful for benchmark numbers but caused visible
  scrollbar/layout jumps on long Aurora pages in Chromium.
*/
.section,
.product-block-v340,
.footer,
main,
article,
.admin-content{
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
}

/* ----------------------------------------------------------
   BACKDROP FILTER FLICKER FIX
   ---------------------------------------------------------- */

/*
  Blur on sticky/fixed surfaces is a common Chromium flicker trigger when a
  transformed child passes underneath. Aurora now uses a nearly opaque solid
  surface instead.
*/
.site-header,
.product-subnav-wrap-v340,
.save-bar,
.bot-sticky-save-v370,
.release-filter-shell-v410,
.diagnostic-backdrop{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

.product-subnav-wrap-v340,
.save-bar,
.bot-sticky-save-v370,
.release-filter-shell-v410{
  background:rgba(8,11,18,.98)!important;
}

/* ----------------------------------------------------------
   HOVER: CHANGE COLOUR, DO NOT MOVE THE BOX
   ---------------------------------------------------------- */

.card:hover,
.product-card:hover,
.quick-card:hover,
.support-card:hover,
.service-showcase-card:hover,
.catalog-product-v330:hover,
.catalog-product-v340:hover,
.product-feature-card-v340:hover,
.product-compat-card-v340:hover,
.product-gallery-item-v340:hover,
.forum-topic-card-v410:hover,
.role-list-item-v380:hover,
.role-user-row-v380:hover,
.bot-kpi-card-v371:hover,
.bot-operation-grid-v380>a:hover,
.bot-command-nav-v380>a:hover,
.bot-entity-row-v370:hover{
  transform:none!important;
}

.btn:hover,
.admin-side a:hover,
.forum-category-list-v410>a:hover{
  transform:none!important;
}

/* ----------------------------------------------------------
   REMOVE PAGE-SCROLL TRAPS
   ---------------------------------------------------------- */

/*
  These panels previously captured the wheel because they had their own
  vertical scroll area. Full-page admin screens now use the document scroll.
*/
.bot-detail-card-v370,
.bot-entity-list-v370,
.bot-member-list-v370,
.bot-activity-table-v370,
.role-list-v380,
.role-user-list-v380{
  max-height:none!important;
  overflow-y:visible!important;
  overscroll-behavior:visible!important;
}

.bot-detail-card-v370{
  position:static!important;
}

/* Keep intentional horizontal table scrolling only. */
.table-wrap,
.admin-table-wrap,
.panel-card:has(table){
  overflow-x:auto;
  overflow-y:visible;
}

/* The Discord preview can stay sticky but never owns a scroll surface. */
.discord-preview-v370{
  overflow:visible!important;
}

/* Keep only small semantic indicators animated. */
.nav-status-symbol-v353,
.bot-live-pill-v370 i,
.forum-live-label-v410 i{
  animation-duration:3s!important;
}

@media(max-width:900px){
  /* Sticky sidebars are intentionally disabled on smaller screens. */
  .forum-category-panel-v410,
  .forum-thread-side-v410,
  .forum-compose-guide-v410,
  .admin-side{
    position:static!important;
  }
}

main,
section,
article,
.container,
.admin-shell,
.admin-layout,
.admin-content{
  overflow-anchor:none!important;
}

/* Remove nested vertical page scrollers. Dropdowns/modals are intentionally
   excluded; only page content and sidebars are flattened. */
.admin-side,
.bot-entity-list-v370,
.bot-detail-card-v370,
.bot-member-list-v370,
.bot-activity-table-v370,
.role-list-v380,
.role-user-list-v380,
.role-list-v400,
.role-user-list-v400,
.program-member-list-v400,
.admin-docs-list-v400,
.docs-section-nav-v400{
  max-height:none!important;
  height:auto!important;
  overflow-y:visible!important;
  overscroll-behavior:auto!important;
}

.admin-side,
.bot-detail-card-v370{
  position:static!important;
  top:auto!important;
}

/* Horizontal navigation can still scroll horizontally without stealing
   vertical wheel gestures. */
.editor-steps,
.admin-toolbar .actions,
.product-breadcrumb-v340,
.docs-section-nav-v400,
.forum-category-list-v410,
.release-tabs-v410,
.product-release-tabs-v410{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:auto!important;
  touch-action:pan-x pan-y!important;
}

/* Sticky blocks are disabled on complex pages. Sticky elements changing
   containing blocks were another source of Chromium scroll jumps. */
.editor-preview,
.discord-preview-v370,
.forum-category-panel-v410,
.forum-thread-side-v410,
.forum-compose-guide-v410,
.release-filter-shell-v410{
  position:static!important;
  top:auto!important;
}

/* Fixed modal content is the only allowed vertical nested scroller. */
.diagnostic-modal,
.modal-card,
.admin-modal,
.lightbox-card{
  overscroll-behavior:contain;
}

main,section,article,.container,.admin-shell,.admin-layout,.admin-content,
#productRoot,#catalogGrid,#forumTopicRoot,#forumTopicList,#roadmapBoard,#changelogList,#resourceGrid{
  overflow-anchor:auto!important;
}

main,section,article,.footer,.product-block-v340,.admin-content{
  content-visibility:visible!important;
  contain:none!important;
  contain-intrinsic-size:auto!important;
}

.catalog-sidebar,.docs-sidebar,.side-nav,.admin-side,.product-side,.article-side,
.editor-steps,.editor-preview,.save-bar,.product-subnav-wrap-v340,.bot-detail-card-v370,
.discord-preview-v370,.forum-category-panel-v410,.forum-thread-side-v410,
.forum-compose-guide-v410,.release-filter-shell-v410{
  position:static!important;
  top:auto!important;
  bottom:auto!important;
  max-height:none!important;
  overflow-y:visible!important;
}

.bot-entity-list-v370,.bot-member-list-v370,.bot-activity-table-v370,
.role-list-v380,.role-user-list-v380,.role-list-v400,.role-user-list-v400,
.program-member-list-v400,.admin-docs-list-v400,.docs-section-nav-v400{
  max-height:none!important;
  height:auto!important;
  overflow-y:visible!important;
  overscroll-behavior:auto!important;
}

.product-subnav-v340,.product-breadcrumb-v340,.admin-toolbar .actions,
.forum-category-list-v410,.release-tabs-v410,.product-release-tabs-v410,.docs-section-nav-v400{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-y:auto!important;
  touch-action:auto!important;
}

.diagnostic-modal,.modal-card,.admin-modal,.lightbox-card,.admin-live-list-v400,
.site-header .nav-links.open{overscroll-behavior:contain}

.card,.product-card,.catalog-product-v340,.forum-topic-card-v410,.quick-card,.support-card,
.service-showcase-card,.role-list-item-v380,.role-list-item-v400,.role-user-row-v380,
.role-user-row-v400,.bot-entity-row-v370,.btn{will-change:auto!important;transform:none!important}

.card:hover,.product-card:hover,.catalog-product-v340:hover,.forum-topic-card-v410:hover,
.quick-card:hover,.support-card:hover,.service-showcase-card:hover,.role-list-item-v380:hover,
.role-list-item-v400:hover,.role-user-row-v380:hover,.role-user-row-v400:hover,
.bot-entity-row-v370:hover,.btn:hover{transform:none!important}

.site-header,.product-subnav-wrap-v340,.save-bar,.bot-sticky-save-v370,
.release-filter-shell-v410,.diagnostic-backdrop{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
/* ==========================================================
   AURORA CONTROL V5 — REFONTE COMPLETE DU PANEL ADMIN
   ----------------------------------------------------------
   Chargee APRES aurora-v420.css sur toutes les pages admin-*.
   Tout est porte par `.admin-shell` : la vitrine publique,
   le header et le footer ne sont pas touches.

   Probleme corrige : la passe "readability" V4.1.0 et le
   theme V4.0.0 avaient descendu l'interface d'administration
   a des tailles de 6 a 11px, avec un contenu contraint.
   V5 remonte toute l'echelle typographique, elargit la
   colonne de travail et redensifie les composants.
   ========================================================== */

/* ----------------------------------------------------------
   1. JETONS
   ---------------------------------------------------------- */
.admin-shell{
  --ac-micro:12px;      /* etiquettes majuscules */
  --ac-xs:13px;         /* meta, timestamps */
  --ac-sm:14px;         /* texte secondaire */
  --ac-base:15px;       /* texte courant */
  --ac-md:16px;         /* navigation, champs */
  --ac-lg:20px;         /* titres de panneaux */
  --ac-xl:26px;         /* gros titres de section */

  --ac-gap:22px;
  --ac-pad:26px;
  --ac-radius:18px;
  --ac-radius-sm:12px;

  --ac-surface:linear-gradient(180deg,rgba(21,24,37,.94),rgba(13,15,25,.96));
  --ac-surface-flat:#0d1018;
  --ac-line:rgba(255,255,255,.09);
  --ac-line-strong:rgba(255,255,255,.17);
  --ac-accent:#8b5cf6;
  --ac-accent-soft:rgba(139,92,246,.12);
}
/* ----------------------------------------------------------
   2. ECHELLE TYPOGRAPHIQUE — remontee generale
   ----------------------------------------------------------
   Reprise de toutes les tailles heritees des passes V4.0.0 /
   V4.1.0 qui descendaient jusqu'a 6px, remises sur une base
   lisible (plancher a 11px). Bloc genere puis fige : les
   regles ecrites a la main plus bas gardent la priorite.
   ---------------------------------------------------------- */
.admin-shell .eyebrow{font-size:14px!important}
.admin-shell h1{font-size:clamp(50.5px,7vw,92px)!important}
.admin-shell h2{font-size:clamp(33.5px,4vw,52.5px)!important}
.admin-shell h3{font-size:23px!important}
.admin-shell p{font-size:16px!important}
.admin-shell .small{font-size:14.5px!important}
.admin-shell kbd{font-size:14px!important}
.admin-shell .btn{font-size:15px!important}
.admin-shell .btn.small{font-size:14.5px!important}
.admin-shell .btn.large{font-size:16px!important}
.admin-shell .hero-proof span{font-size:14.5px!important}
.admin-shell .hero-panel-logo{font-size:59px!important}
.admin-shell .hero-panel-meta small{font-size:14px!important}
.admin-shell .hero-panel-meta strong{font-size:15px!important}
.admin-shell .process-card .num{font-size:14.5px!important}
.admin-shell .process-card h3{font-size:19px!important}
.admin-shell .process-card p{font-size:15px!important}
.admin-shell .product-cover-placeholder{font-size:46px!important}
.admin-shell .chip{font-size:14px!important}
.admin-shell .product-card h3{font-size:22px!important}
.admin-shell .product-card p{font-size:15px!important}
.admin-shell .product-card-footer span{font-size:14.5px!important}
.admin-shell .filter-title{font-size:14.5px!important}
.admin-shell .breadcrumb{font-size:14.5px!important}
.admin-shell .product-title-icon{font-size:27.5px!important}
.admin-shell .product-hero h1{font-size:clamp(50.5px,6vw,82px)!important}
.admin-shell .product-lead{font-size:18px!important}
.admin-shell .product-media-placeholder{font-size:67px!important}
.admin-shell .maintenance-banner span{font-size:15px!important}
.admin-shell .product-section h2{font-size:31.5px!important}
.admin-shell .rich-text p{font-size:16px!important}
.admin-shell .feature-item strong{font-size:15px!important}
.admin-shell .compat-logo{font-size:13.5px!important}
.admin-shell .compat-item strong{font-size:15px!important}
.admin-shell .compat-item span{font-size:14px!important}
.admin-shell .gallery-caption{font-size:14.5px!important}
.admin-shell .release-head strong{font-size:16px!important}
.admin-shell .release-head time{font-size:14px!important}
.admin-shell .release-body p{font-size:15px!important}
.admin-shell .side-card h3{font-size:21px!important}
.admin-shell .side-list>div{font-size:14.5px!important}
.admin-shell .docs-card h2{font-size:31.5px!important}
.admin-shell .docs-card h3{font-size:20px!important}
.admin-shell .docs-card p,.admin-shell .docs-card li{font-size:16px!important}
.admin-shell .code-head{font-size:14px!important}
.admin-shell .code-block pre{font-size:14.5px!important}
.admin-shell .docs-product strong{font-size:16px!important}
.admin-shell .docs-product span{font-size:14.5px!important}
.admin-shell .status-icon{font-size:22px!important}
.admin-shell .status-pill{font-size:14px!important}
.admin-shell .metric-grid small{font-size:13.5px!important}
.admin-shell .metric-grid strong{font-size:14.5px!important}
.admin-shell .incident-head strong{font-size:16px!important}
.admin-shell .incident-head time{font-size:14px!important}
.admin-shell .incident-card p{font-size:15px!important}
.admin-shell .roadmap-column-head strong{font-size:15px!important}
.admin-shell .roadmap-column-head span{font-size:14px!important}
.admin-shell .roadmap-item h3{font-size:18px!important}
.admin-shell .roadmap-item p{font-size:14.5px!important}
.admin-shell .progress-row b{font-size:14px!important}
.admin-shell .changelog-product strong{font-size:17px!important}
.admin-shell .changelog-product span{font-size:14.5px!important}
.admin-shell .blog-card p{font-size:15px!important}
.admin-shell .blog-card .bottom{font-size:14.5px!important}
.admin-shell .article p,.admin-shell .article li{font-size:17px!important}
.admin-shell .article h2{font-size:33.5px!important}
.admin-shell .article h3{font-size:23px!important}
.admin-shell .article-side a{font-size:15px!important}
.admin-shell .side-nav-head strong{font-size:16px!important}
.admin-shell .side-nav-head span{font-size:14px!important}
.admin-shell .side-nav-label{font-size:13.5px!important}
.admin-shell .side-nav a{font-size:15px!important}
.admin-shell .client-head h1,.admin-shell .admin-head h1{font-size:44px!important}
.admin-shell .kpi-card span{font-size:14px!important}
.admin-shell .kpi-card strong{font-size:29.5px!important}
.admin-shell .kpi-card small{font-size:14px!important}
.admin-shell .panel-card-head h2{font-size:25px!important}
.admin-shell .panel-card-head a{font-size:14.5px!important}
.admin-shell .feed-row strong{font-size:15px!important}
.admin-shell .feed-row span{font-size:14px!important}
.admin-shell .feed-row time{font-size:13.5px!important}
.admin-shell .resource-cover .fallback{font-size:44px!important}
.admin-shell .resource-head h2{font-size:22px!important}
.admin-shell .resource-head p{font-size:14.5px!important}
.admin-shell .resource-stats small{font-size:13.5px!important}
.admin-shell .resource-stats strong{font-size:14.5px!important}
.admin-shell .license-key small{font-size:13.5px!important}
.admin-shell .license-key code{font-size:14px!important}
.admin-shell .installation-icon{font-size:21px!important}
.admin-shell .installation-head strong{font-size:16px!important}
.admin-shell .installation-head span{font-size:14px!important}
.admin-shell .installation-meta small{font-size:13.5px!important}
.admin-shell .installation-meta strong,.admin-shell .installation-meta code{font-size:14px!important}
.admin-shell .notification-card h3{font-size:16px!important}
.admin-shell .notification-card p{font-size:14.5px!important}
.admin-shell .notification-meta{font-size:13.5px!important}
.admin-shell .diagnostic-score strong{font-size:33.5px!important}
.admin-shell .diagnostic-grid small{font-size:13.5px!important}
.admin-shell .diagnostic-grid strong{font-size:14.5px!important}
.admin-shell .admin-brand strong{font-size:17px!important}
.admin-shell .admin-brand span{font-size:14px!important}
.admin-shell .admin-nav-label{font-size:13.5px!important}
.admin-shell .admin-side a{font-size:15px!important}
.admin-shell .admin-table th,.admin-shell .admin-table td{font-size:14.5px!important}
.admin-shell .admin-table th{font-size:13.5px!important}
.admin-shell .table-product strong{font-size:15px!important}
.admin-shell .table-product span{font-size:13.5px!important}
.admin-shell .field label{font-size:14.5px!important}
.admin-shell .field .hint{font-size:13.5px!important}
.admin-shell .quick-card strong{font-size:15px!important}
.admin-shell .quick-card span{font-size:14px!important}
.admin-shell .editor-step{font-size:14.5px!important}
.admin-shell .editor-section h2{font-size:26.5px!important}
.admin-shell .editor-section>p{font-size:14.5px!important}
.admin-shell .preview-cover{font-size:40px!important}
.admin-shell .preview-body strong{font-size:18px!important}
.admin-shell .preview-body p{font-size:14px!important}
.admin-shell .save-bar span{font-size:14.5px!important}
.admin-shell .media-admin-body strong{font-size:14.5px!important}
.admin-shell .media-admin-body span{font-size:13.5px!important}
.admin-shell .toast{font-size:15px!important}
.admin-shell /* GENERAL READABILITY */
body{font-size:18px!important}
.admin-shell p{font-size:17px!important}
.admin-shell .small{font-size:15px!important}
.admin-shell .eyebrow{font-size:14.5px!important}
.admin-shell h1{font-size:clamp(61px,6vw,96px)!important}
.admin-shell h2{font-size:clamp(38px,3.6vw,56.5px)!important}
.admin-shell h3{font-size:24px!important}
.admin-shell .btn{font-size:16px!important}
.admin-shell .btn.small{font-size:15px!important}
.admin-shell .btn.large{font-size:17px!important}
.admin-shell .admin-brand strong{font-size:21px!important}
.admin-shell .admin-brand span{font-size:15px!important}
.admin-shell .admin-nav-label{font-size:14px!important}
.admin-shell .admin-side a{font-size:16px!important}
.admin-shell .admin-side a i{font-size:16px!important}
.admin-shell .admin-head h1{font-size:59px!important}
.admin-shell .admin-head p{font-size:17px!important}
.admin-shell .kpi-card span{font-size:14.5px!important}
.admin-shell .kpi-card strong{font-size:38px!important}
.admin-shell .kpi-card small{font-size:14.5px!important}
.admin-shell .quick-card i{font-size:17px!important}
.admin-shell .quick-card strong{font-size:17px!important}
.admin-shell .quick-card span{font-size:14.5px!important}
.admin-shell .panel-card-head h2{font-size:30.5px!important}
.admin-shell .panel-card-head a{font-size:15px!important}
.admin-shell .feed-row strong{font-size:16px!important}
.admin-shell .feed-row span{font-size:14.5px!important}
.admin-shell .feed-row time{font-size:14px!important}
.admin-shell .admin-table th,.admin-shell .admin-table td{font-size:15px!important}
.admin-shell .admin-table th{font-size:14px!important}
.admin-shell .table-product strong{font-size:16px!important}
.admin-shell .table-product span{font-size:14px!important}
.admin-shell .field label{font-size:15px!important}
.admin-shell .field input,.admin-shell .field textarea,.admin-shell .field select{font-size:16px!important}
.admin-shell .field .hint{font-size:14px!important}
.admin-shell .editor-step{font-size:15px!important}
.admin-shell .editor-section h2{font-size:31.5px!important}
.admin-shell .editor-section > p{font-size:15px!important}
.admin-shell .preview-body strong{font-size:20px!important}
.admin-shell .preview-body p{font-size:14.5px!important}
.admin-shell .side-nav-head strong{font-size:20px!important}
.admin-shell .side-nav-head span{font-size:14.5px!important}
.admin-shell .side-nav-label{font-size:14px!important}
.admin-shell .side-nav a{font-size:16px!important}
.admin-shell .side-nav a i{font-size:16px!important}
.admin-shell .client-head h1{font-size:61px!important}
.admin-shell .client-head p{font-size:17px!important}
.admin-shell .resource-head h2{font-size:25px!important}
.admin-shell .resource-head p{font-size:15px!important}
.admin-shell .resource-stats small,.admin-shell .license-key small{font-size:14px!important}
.admin-shell .resource-stats strong,.admin-shell .license-key code{font-size:15px!important}
.admin-shell .installation-icon{font-size:24px!important}
.admin-shell .installation-head strong{font-size:18px!important}
.admin-shell .installation-head span{font-size:14.5px!important}
.admin-shell .installation-meta small{font-size:14px!important}
.admin-shell .installation-meta strong,.admin-shell .installation-meta code{font-size:14.5px!important}
.admin-shell .notification-card h3{font-size:18px!important}
.admin-shell .notification-card p{font-size:15px!important}
.admin-shell .roadmap-column-head strong{font-size:17px!important}
.admin-shell .roadmap-column-head span{font-size:14.5px!important}
.admin-shell .roadmap-item h3{font-size:22px!important}
.admin-shell .roadmap-item p{font-size:15px!important}
.admin-shell .progress-row b{font-size:14.5px!important}
.admin-shell .announcement-close{font-size:20px!important}
.admin-shell .hero-product-placeholder{font-size:88px!important}
.admin-shell .hero-product-info small{font-size:14px!important}
.admin-shell .hero-product-info strong{font-size:23px!important}
.admin-shell .hero-product-spotlight>p{font-size:15px!important}
.admin-shell .hero-product-cta{font-size:15px!important}
.admin-shell .service-showcase-card p{font-size:15px!important}
.admin-shell .service-showcase-card>a{font-size:15px!important}
.admin-shell .install-guide-icon{font-size:25px!important}
.admin-shell .install-guide-head strong{font-size:19px!important}
.admin-shell .install-guide-head span{font-size:14.5px!important}
.admin-shell .install-steps article>b{font-size:14px!important}
.admin-shell .install-steps article strong{font-size:15px!important}
.admin-shell .install-steps article p{font-size:14px!important}
.admin-shell .code-card-head span{font-size:14px!important}
.admin-shell .code-card pre{font-size:14.5px!important}
.admin-shell .install-info>strong{font-size:15px!important}
.admin-shell .install-warning strong{font-size:14.5px!important}
.admin-shell .install-warning span{font-size:14px!important}
.admin-shell .overall-status strong{font-size:16px!important}
.admin-shell .overall-status span{font-size:14px!important}
.admin-shell .support-icon{font-size:24px!important}
.admin-shell .support-card p{font-size:15px!important}
.admin-shell .support-actions>a:not(.btn){font-size:14.5px!important}
.admin-shell .custom-service-card>span{font-size:29.5px!important}
.admin-shell .custom-service-card p{font-size:15px!important}
.admin-shell .support-project-cta h2{font-size:33.5px!important}
.admin-shell .support-project-cta p{font-size:15px!important}
.admin-shell .admin-announcement-row p{font-size:14.5px!important}
.admin-shell .admin-health-item strong{font-size:14.5px!important}
.admin-shell .admin-health-item span{font-size:13.5px!important}
.admin-shell .editor-completeness-head{font-size:14.5px!important}
.admin-shell .editor-checklist span{font-size:13.5px!important}
.admin-shell .price-input-wrap>span{font-size:15px!important}
.admin-shell .preview-price small{font-size:13.5px!important}
.admin-shell .preview-price strong{font-size:19px!important}
.admin-shell .custom-script-cta-v330 h2{font-size:33.5px!important}
.admin-shell .custom-script-cta-v330 p{font-size:15px!important}
.admin-shell .product-hero-price-v330>span{font-size:13px!important}
.admin-shell .product-hero-price-v330 strong{font-size:30.5px!important}
.admin-shell .product-hero-price-v330 small{font-size:13.5px!important}
.admin-shell .side-price-row strong{font-size:21px!important}
.admin-shell .hero-product-price-meta>strong{font-size:18px!important}
.admin-shell .product-breadcrumb-v340{font-size:14px!important}
.admin-shell .product-badge-v340{font-size:13px!important}
.admin-shell .product-brand-icon-v340{font-size:20px!important}
.admin-shell .product-brand-line-v340 span{font-size:13px!important}
.admin-shell .product-brand-line-v340 strong{font-size:14px!important}
.admin-shell .product-hero-copy-v340 h1{font-size:clamp(56.5px,5.6vw,90px)!important}
.admin-shell .product-lead-v340{font-size:18px!important}
.admin-shell .product-price-v340 small,.admin-shell .product-version-v340 small{font-size:12.5px!important}
.admin-shell .product-price-v340 strong{font-size:30.5px!important}
.admin-shell .product-version-v340 strong{font-size:20px!important}
.admin-shell .product-price-v340 span,.admin-shell .product-version-v340 span{font-size:13px!important}
.admin-shell .product-trust-v340{font-size:13.5px!important}
.admin-shell .product-visual-toolbar-v340 span{font-size:12.5px!important}
.admin-shell .product-visual-toolbar-v340 button{font-size:13px!important}
.admin-shell .product-media-placeholder-v340{font-size:90px!important}
.admin-shell .product-visual-footer-v340 small{font-size:12px!important}
.admin-shell .product-visual-footer-v340 strong{font-size:13.5px!important}
.admin-shell .product-facts-grid-v340 span{font-size:12.5px!important}
.admin-shell .product-facts-grid-v340 strong{font-size:16px!important}
.admin-shell .product-facts-grid-v340 small{font-size:12.5px!important}
.admin-shell .product-subnav-v340 a{font-size:14px!important}
.admin-shell .product-block-heading-v340 h2{font-size:33.5px!important}
.admin-shell .product-block-number-v340{font-size:40px!important}
.admin-shell .product-overview-v340{font-size:16px!important}
.admin-shell .product-value-grid-v340 strong{font-size:14.5px!important}
.admin-shell .product-value-grid-v340 span{font-size:13.5px!important}
.admin-shell .product-feature-card-v340 span{font-size:12px!important}
.admin-shell .product-feature-card-v340 strong{font-size:14.5px!important}
.admin-shell .compatibility-label-v340{font-size:13px!important}
.admin-shell .product-compat-logo-v340{font-size:13px!important}
.admin-shell .product-compat-card-v340 strong{font-size:13.5px!important}
.admin-shell .product-compat-card-v340 span{font-size:12.5px!important}
.admin-shell .requirements-card-v340>span{font-size:13px!important}
.admin-shell .requirements-card-v340 p{font-size:13.5px!important}
.admin-shell .product-gallery-image-v340 span{font-size:12.5px!important}
.admin-shell .product-gallery-item-v340 figcaption strong{font-size:13.5px!important}
.admin-shell .product-gallery-item-v340 figcaption small{font-size:12.5px!important}
.admin-shell .product-use-card-v340>b{font-size:19px!important}
.admin-shell .product-use-card-v340 strong{font-size:14px!important}
.admin-shell .product-use-card-v340 span{font-size:12.5px!important}
.admin-shell .product-release-head-v340 small{font-size:12px!important}
.admin-shell .product-release-head-v340 strong{font-size:16px!important}
.admin-shell .product-release-head-v340 time{font-size:12.5px!important}
.admin-shell .product-release-content-v340 p{font-size:13.5px!important}
.admin-shell .product-update-required-v340{font-size:12.5px!important}
.admin-shell .product-order-head-v340>div:first-child>span{font-size:12.5px!important}
.admin-shell .product-order-head-v340>div:first-child>strong{font-size:16px!important}
.admin-shell .product-order-status-v340{font-size:12.5px!important}
.admin-shell .product-order-price-v340 small{font-size:12.5px!important}
.admin-shell .product-order-price-v340 strong{font-size:32.5px!important}
.admin-shell .product-order-price-v340 span{font-size:12.5px!important}
.admin-shell .product-order-includes-v340>div{font-size:13px!important}
.admin-shell .product-order-note-v340{font-size:12.5px!important}
.admin-shell .product-sidebar-card-v340 h3{font-size:17px!important}
.admin-shell .product-sidebar-card-v340>a{font-size:13px!important}
.admin-shell .product-side-rich-v340 p{font-size:13px!important}
.admin-shell .product-order-steps-v340>b{font-size:12.5px!important}
.admin-shell .product-order-steps-v340 strong{font-size:13px!important}
.admin-shell .product-order-steps-v340 small{font-size:12.5px!important}
.admin-shell .product-final-cta-v340 h2{font-size:32.5px!important}
.admin-shell .product-final-cta-v340 p{font-size:14px!important}
.admin-shell .product-empty-v340{font-size:13.5px!important}
.admin-shell .maintenance-card-v350 h1{font-size:50.5px!important}
.admin-shell .maintenance-card-v350>p{font-size:15px!important}
.admin-shell .maintenance-status-v350 strong{font-size:13.5px!important}
.admin-shell .maintenance-status-v350 span{font-size:12.5px!important}
.admin-shell .maintenance-admin-v350{font-size:13px!important}
.admin-shell .maintenance-switch-head-v350 p{font-size:13.5px!important}
.admin-shell .maintenance-warning-v350 strong{font-size:13px!important}
.admin-shell .maintenance-warning-v350 p{font-size:13px!important}
.admin-shell .nav-status-symbol-v351{font-size:11.5px!important}
.admin-shell .header-actions .btn{font-size:14px!important}
.admin-shell .bot-live-v352{font-size:12px!important}
.admin-shell .bot-status-title-v352 h3{font-size:24px!important}
.admin-shell .bot-status-title-v352 p{font-size:14.5px!important}
.admin-shell .bot-version-v352 small,.admin-shell .bot-runtime-v352 small{font-size:12px!important}
.admin-shell .bot-version-v352 strong{font-size:16px!important}
.admin-shell .bot-diagnostic-icon-v352{font-size:13px!important}
.admin-shell .bot-diagnostic-v352 small{font-size:12px!important}
.admin-shell .bot-diagnostic-v352 strong{font-size:22px!important}
.admin-shell .bot-diagnostic-v352 span{font-size:12.5px!important}
.admin-shell .bot-runtime-v352 strong{font-size:13.5px!important}
.admin-shell .bot-status-note-v352>i{font-size:13px!important}
.admin-shell .bot-status-note-v352 p{font-size:12.5px!important}
.admin-shell .nav-status-symbol-v353{font-size:11.5px!important}
.admin-shell /* ---------------- RESPONSIVE NAV ---------------- */

@media(max-width:1320px){font-size:14px}!important}
.admin-shell .bot-diagnostic-icon-v354{font-size:12.5px!important}
.admin-shell .bot-diagnostic-v354 small{font-size:12px!important}
.admin-shell .bot-diagnostic-v354 strong{font-size:22px!important}
.admin-shell .bot-diagnostic-v354 span{font-size:12.5px!important}
.admin-shell .bot-diagnostic-v354 em{font-size:12px!important}
.admin-shell .bot-diagnosis-icon-v354{font-size:18px!important}
.admin-shell .bot-diagnosis-v354 small{font-size:12px!important}
.admin-shell .bot-diagnosis-v354 strong{font-size:14.5px!important}
.admin-shell .bot-diagnosis-v354 p{font-size:13px!important}
.admin-shell .bot-title-row-v355 h3{font-size:22px!important}
.admin-shell .bot-status-identity-v355 p{font-size:13.5px!important}
.admin-shell .bot-live-v355{font-size:11.5px!important}
.admin-shell .bot-version-v355 small{font-size:11.5px!important}
.admin-shell .bot-version-v355 strong{font-size:14.5px!important}
.admin-shell .bot-primary-metric-v355 small{font-size:11.5px!important}
.admin-shell .bot-primary-metric-v355 strong{font-size:24px!important}
.admin-shell .bot-primary-metric-v355 span{font-size:12px!important}
.admin-shell .bot-secondary-line-v355 span{font-size:12px!important}
.admin-shell .bot-secondary-line-v355 strong{font-size:12.5px!important}
.admin-shell .bot-diagnosis-v355 strong{font-size:13px!important}
.admin-shell .bot-diagnosis-v355 p{font-size:12px!important}
.admin-shell .bot-control-header-badge{font-size:12.5px!important}
.admin-shell .bot-live-pill-v370{font-size:12.5px!important}
.admin-shell .bot-orbit-icon-v370{font-size:24px!important}
.admin-shell .bot-overview-hero-v370 small{font-size:12px!important}
.admin-shell .bot-overview-hero-v370 h2{font-size:25px!important}
.admin-shell .bot-overview-hero-v370 p{font-size:13px!important}
.admin-shell .bot-overview-version-v370 span{font-size:12px!important}
.admin-shell .bot-overview-version-v370 strong{font-size:21px!important}
.admin-shell .bot-slash-policy-v370 span,.admin-shell .bot-slash-policy-v370 p{font-size:12.5px!important}
.admin-shell .bot-entity-row-v370 b{font-size:13px!important}
.admin-shell .bot-entity-row-v370 span,.admin-shell .bot-entity-row-v370 small{font-size:12px!important}
.admin-shell .bot-state-v370{font-size:11.5px!important}
.admin-shell .bot-empty-detail-v370 i{font-size:33.5px!important}
.admin-shell .bot-empty-detail-v370 span{font-size:12.5px!important}
.admin-shell .bot-detail-head-v370 small{font-size:12px!important}
.admin-shell .bot-detail-head-v370 h2{font-size:21px!important}
.admin-shell .bot-detail-head-v370 p{font-size:12.5px!important}
.admin-shell .bot-detail-facts-v370 span{font-size:11.5px!important}
.admin-shell .bot-detail-facts-v370 b{font-size:12.5px!important}
.admin-shell .bot-detail-section-v370 h3{font-size:13.5px!important}
.admin-shell .bot-detail-section-v370 p{font-size:13px!important}
.admin-shell .bot-mini-form-grid-v370 label{font-size:12px!important}
.admin-shell .bot-note-list-v370 b,.admin-shell .bot-note-list-v370 span,.admin-shell .bot-note-list-v370 small{font-size:12px!important}
.admin-shell .bot-order-progress-v370 i{font-size:12px!important}
.admin-shell .bot-order-progress-v370 span{font-size:11.5px!important}
.admin-shell .bot-panel-preview-v370>span{font-size:11.5px!important}
.admin-shell .bot-panel-preview-v370>div{font-size:12.5px!important}
.admin-shell .discord-preview-label-v370{font-size:12px!important}
.admin-shell .discord-author-v370{font-size:13.5px!important}
.admin-shell .discord-author-v370 span{font-size:11.5px!important}
.admin-shell .discord-fake-message-v370 article strong{font-size:14px!important}
.admin-shell .discord-fake-message-v370 article p{font-size:13px!important}
.admin-shell .discord-fake-message-v370 small{font-size:12px!important}
.admin-shell .discord-fake-message-v370 button{font-size:12.5px!important}
.admin-shell .bot-member-row-v370 strong{font-size:13px!important}
.admin-shell .bot-member-row-v370 span,.admin-shell .bot-member-row-v370 small{font-size:12px!important}
.admin-shell .bot-member-row-v370 b{font-size:12px!important}
.admin-shell .bot-safety-note-v370 strong{font-size:12.5px!important}
.admin-shell .bot-safety-note-v370 p{font-size:12px!important}
.admin-shell .bot-check-v370{font-size:12.5px!important}
.admin-shell .bot-guild-summary-v370 strong{font-size:21px!important}
.admin-shell .bot-guild-summary-v370 span{font-size:12px!important}
.admin-shell .bot-sticky-save-v370 span{font-size:12.5px!important}
.admin-shell .bot-activity-row-v370 strong{font-size:12.5px!important}
.admin-shell .bot-activity-row-v370 span,.admin-shell .bot-activity-row-v370 small{font-size:12px!important}
.admin-shell .bot-diag-v370 small,.admin-shell .bot-diag-v370 span{font-size:12px!important}
.admin-shell .bot-diag-v370 strong{font-size:24px!important}
.admin-shell .bot-runtime-details-v370 span{font-size:11.5px!important}
.admin-shell .bot-runtime-details-v370 b{font-size:12.5px!important}
.admin-shell .bot-permission-cloud-v370 span{font-size:11.5px!important}
.admin-shell .bot-empty-list-v370{font-size:12.5px!important}
.admin-shell /* ----------------------------------------------------------
   FORM CONTROLS — FIX WHITE NATIVE BOXES
   ---------------------------------------------------------- */

.bot-control-shell-v370 input:not([type="checkbox"]):not([type="radio"]),.admin-shell .bot-control-shell-v370 textarea,.admin-shell .bot-control-shell-v370 select,.admin-shell .bot-input-v371,.admin-shell .bot-textarea-v371,.admin-shell .bot-select-v371{font-size:13.5px!important}
.admin-shell .bot-overview-hero-v370 h2{font-size:26.5px!important}
.admin-shell .bot-kpi-icon-v371{font-size:15px!important}
.admin-shell .bot-kpi-copy-v371 small{font-size:12px!important}
.admin-shell .bot-kpi-copy-v371 strong{font-size:24px!important}
.admin-shell .bot-kpi-copy-v371 span{font-size:12px!important}
.admin-shell .bot-control-actions-v370 .quick-card strong{font-size:14.5px!important}
.admin-shell .bot-control-actions-v370 .quick-card span{font-size:12.5px!important}
.admin-shell .bot-slash-policy-v370 strong{font-size:14.5px!important}
.admin-shell .bot-detail-head-v370 h2{font-size:23px!important}
.admin-shell .bot-detail-facts-v370 b{font-size:12.5px!important}
.admin-shell .bot-detail-section-v370 h3{font-size:14px!important}
.admin-shell .bot-detail-section-v370 p{font-size:13px!important}
.admin-shell .bot-mini-form-grid-v370 label{font-size:12px!important}
.admin-shell .bot-note-list-v370>span{font-size:12.5px!important}
.admin-shell /* ==========================================================
   AURORA STORE V3.8.0 — COMMAND CENTER + MULTI ROLES
   ========================================================== */

/* ---------- Shared site role badges ---------- */
.site-role-chip-v380{font-size:12px!important}
.admin-shell .site-role-chip-v380 i{font-size:12px!important}
.admin-shell .bot-command-header-status-v380{font-size:11.5px!important}
.admin-shell .bot-command-header-status-v380 strong{font-size:11.5px!important}
.admin-shell .bot-command-brand-icon-v380{font-size:16px!important}
.admin-shell .bot-command-brand-v380 strong{font-size:14px!important}
.admin-shell .bot-command-brand-v380 span{font-size:12px!important}
.admin-shell .bot-command-nav-v380>span{font-size:11.5px!important}
.admin-shell .bot-command-nav-v380>a i{font-size:13px!important}
.admin-shell .bot-command-nav-v380>a b{font-size:12.5px!important}
.admin-shell .bot-side-live-v380 strong{font-size:12px!important}
.admin-shell .bot-side-live-v380 span{font-size:11.5px!important}
.admin-shell .bot-command-sidebar-foot-v380>a{font-size:12px!important}
.admin-shell .bot-command-page-head-v380 h1{font-size:35.5px!important}
.admin-shell .bot-command-page-head-v380 p{font-size:13px!important}
.admin-shell .bot-command-time-v380 span{font-size:11.5px!important}
.admin-shell .bot-command-time-v380 strong{font-size:12.5px!important}
.admin-shell .bot-command-live-line-v380{font-size:12px!important}
.admin-shell .bot-command-live-pill-v380{font-size:11.5px!important}
.admin-shell .bot-command-hero-copy-v380 h2{font-size:32.5px!important}
.admin-shell .bot-command-hero-copy-v380>p{font-size:13.5px!important}
.admin-shell .bot-command-hero-meta-v380 small{font-size:11.5px!important}
.admin-shell .bot-command-hero-meta-v380 strong{font-size:14.5px!important}
.admin-shell .bot-core-center-v380 i{font-size:29.5px!important}
.admin-shell .bot-core-center-v380 span{font-size:11.5px!important}
.admin-shell .bot-command-kpi-icon-v380{font-size:14.5px!important}
.admin-shell .bot-command-kpi-v380 small{font-size:11.5px!important}
.admin-shell .bot-command-kpi-v380 strong{font-size:22px!important}
.admin-shell .bot-command-kpi-v380 span{font-size:12px!important}
.admin-shell .bot-command-panel-head-v380 span{font-size:11.5px!important}
.admin-shell .bot-command-panel-head-v380 h2{font-size:16px!important}
.admin-shell .bot-command-panel-head-v380 small,.admin-shell .bot-command-panel-head-v380 a{font-size:12px!important}
.admin-shell .bot-operation-grid-v380 strong{font-size:13px!important}
.admin-shell .bot-operation-grid-v380 span{font-size:12px!important}
.admin-shell .bot-operation-grid-v380 b{font-size:14px!important}
.admin-shell .bot-health-list-v380 span{font-size:12px!important}
.admin-shell .bot-health-list-v380 strong{font-size:13.5px!important}
.admin-shell .bot-health-list-v380 small{font-size:11.5px!important}
.admin-shell .bot-command-feed-row-v380 strong{font-size:12px!important}
.admin-shell .bot-command-feed-row-v380 span{font-size:11.5px!important}
.admin-shell .bot-command-feed-row-v380 time{font-size:11.5px!important}
.admin-shell .bot-command-empty-v380{font-size:12px!important}
.admin-shell .bot-command-slash-v380 code{font-size:13.5px!important}
.admin-shell .bot-command-slash-v380 span{font-size:12px!important}
.admin-shell .bot-command-slash-note-v380{font-size:12px!important}
.admin-shell .role-admin-head-v380 h1{font-size:33.5px!important}
.admin-shell .role-admin-head-v380 p{font-size:13px!important}
.admin-shell .role-admin-summary-v380 small{font-size:11.5px!important}
.admin-shell .role-admin-summary-v380 strong{font-size:19px!important}
.admin-shell .role-admin-summary-v380 span{font-size:11.5px!important}
.admin-shell .role-panel-head-v380 span{font-size:11.5px!important}
.admin-shell .role-panel-head-v380 h2{font-size:16px!important}
.admin-shell .role-list-icon-v380{font-size:14px!important}
.admin-shell .role-list-copy-v380 strong{font-size:12.5px!important}
.admin-shell .role-list-copy-v380 small{font-size:11.5px!important}
.admin-shell .role-list-meta-v380 b{font-size:11px!important}
.admin-shell .role-list-meta-v380 em{font-size:11.5px!important}
.admin-shell .role-list-empty-v380{font-size:12px!important}
.admin-shell .role-editor-empty-v380>div{font-size:21px!important}
.admin-shell .role-editor-empty-v380 h2{font-size:16px!important}
.admin-shell .role-editor-empty-v380 p{font-size:12.5px!important}
.admin-shell .role-editor-head-v380 span{font-size:11.5px!important}
.admin-shell .role-editor-head-v380 h2{font-size:18px!important}
.admin-shell .role-preview-badge-v380 strong{font-size:12.5px!important}
.admin-shell .role-preview-v380>div:last-child small{font-size:12px!important}
.admin-shell .role-preview-v380>div:last-child span{font-size:11.5px!important}
.admin-shell .role-section-title-v380 span{font-size:13px!important}
.admin-shell .role-section-title-v380 small{font-size:12px!important}
.admin-shell .role-permission-grid-v380 strong{font-size:12px!important}
.admin-shell .role-permission-grid-v380 small{font-size:11.5px!important}
.admin-shell .role-active-toggle-v380 strong{font-size:12px!important}
.admin-shell .role-active-toggle-v380 small{font-size:11.5px!important}
.admin-shell .role-assignment-head-v380 h2{font-size:17px!important}
.admin-shell .role-assignment-head-v380 p{font-size:12px!important}
.admin-shell .role-user-avatar-v380{font-size:13px!important}
.admin-shell .role-user-avatar-large-v380{font-size:16px!important}
.admin-shell .role-user-row-v380 strong{font-size:12px!important}
.admin-shell .role-user-row-v380 small{font-size:11.5px!important}
.admin-shell .role-user-empty-v380>div{font-size:19px!important}
.admin-shell .role-user-empty-v380 strong{font-size:13px!important}
.admin-shell .role-user-empty-v380 span{font-size:12px!important}
.admin-shell .role-user-editor-head-v380 span{font-size:11.5px!important}
.admin-shell .role-user-editor-head-v380 h3{font-size:15px!important}
.admin-shell .role-user-editor-head-v380 small{font-size:11.5px!important}
.admin-shell .role-current-access-v380>small{font-size:11.5px!important}
.admin-shell .role-assignment-note-v380 p{font-size:11.5px!important}
.admin-shell .role-assignment-check-v380{font-size:12px!important}
.admin-shell .role-assignment-copy-v380 strong{font-size:12px!important}
.admin-shell .role-assignment-copy-v380 small{font-size:11.5px!important}
.admin-shell .role-assignment-option-v380 em{font-size:11px!important}
.admin-shell .role-user-save-v380 span{font-size:11.5px!important}
.admin-shell .role-admin-head-v400 h1{font-size:33.5px!important}
.admin-shell .role-admin-head-v400 p{font-size:13px!important}
.admin-shell .role-admin-summary-v400 small{font-size:11.5px!important}
.admin-shell .role-admin-summary-v400 strong{font-size:19px!important}
.admin-shell .role-admin-summary-v400 span{font-size:11.5px!important}
.admin-shell .role-panel-head-v400 span{font-size:11.5px!important}
.admin-shell .role-panel-head-v400 h2{font-size:16px!important}
.admin-shell .role-list-icon-v400{font-size:14px!important}
.admin-shell .role-list-copy-v400 strong{font-size:12.5px!important}
.admin-shell .role-list-copy-v400 small{font-size:11.5px!important}
.admin-shell .role-list-meta-v400 b{font-size:11px!important}
.admin-shell .role-list-meta-v400 em{font-size:11.5px!important}
.admin-shell .role-list-empty-v400{font-size:12px!important}
.admin-shell .role-editor-empty-v400>div{font-size:21px!important}
.admin-shell .role-editor-empty-v400 h2{font-size:16px!important}
.admin-shell .role-editor-empty-v400 p{font-size:12.5px!important}
.admin-shell .role-editor-head-v400 span{font-size:11.5px!important}
.admin-shell .role-editor-head-v400 h2{font-size:18px!important}
.admin-shell .role-preview-badge-v400 strong{font-size:12.5px!important}
.admin-shell .role-preview-v400>div:last-child small{font-size:12px!important}
.admin-shell .role-preview-v400>div:last-child span{font-size:11.5px!important}
.admin-shell .role-section-title-v400 span{font-size:13px!important}
.admin-shell .role-section-title-v400 small{font-size:12px!important}
.admin-shell .role-permission-grid-v400 strong{font-size:12px!important}
.admin-shell .role-permission-grid-v400 small{font-size:11.5px!important}
.admin-shell .role-active-toggle-v400 strong{font-size:12px!important}
.admin-shell .role-active-toggle-v400 small{font-size:11.5px!important}
.admin-shell .role-assignment-head-v400 h2{font-size:17px!important}
.admin-shell .role-assignment-head-v400 p{font-size:12px!important}
.admin-shell .role-user-avatar-v400{font-size:13px!important}
.admin-shell .role-user-avatar-large-v400{font-size:16px!important}
.admin-shell .role-user-row-v400 strong{font-size:12px!important}
.admin-shell .role-user-row-v400 small{font-size:11.5px!important}
.admin-shell .role-user-empty-v400>div{font-size:19px!important}
.admin-shell .role-user-empty-v400 strong{font-size:13px!important}
.admin-shell .role-user-empty-v400 span{font-size:12px!important}
.admin-shell .role-user-editor-head-v400 span{font-size:11.5px!important}
.admin-shell .role-user-editor-head-v400 h3{font-size:15px!important}
.admin-shell .role-user-editor-head-v400 small{font-size:11.5px!important}
.admin-shell .role-current-access-v400>small{font-size:11.5px!important}
.admin-shell .role-assignment-note-v400 p{font-size:11.5px!important}
.admin-shell .role-assignment-check-v400{font-size:12px!important}
.admin-shell .role-assignment-copy-v400 strong{font-size:12px!important}
.admin-shell .role-assignment-copy-v400 small{font-size:11.5px!important}
.admin-shell .role-assignment-option-v400 em{font-size:11px!important}
.admin-shell .role-user-save-v400 span{font-size:11.5px!important}
.admin-shell .site-role-chip-v400{font-size:11.5px!important}
.admin-shell .admin-dashboard-role-v400{font-size:12px!important}
.admin-shell .admin-count-badge-v400{font-size:12.5px!important}
.admin-shell .admin-widget-section-head-v400 h2{font-size:16px!important}
.admin-shell .admin-bot-summary-grid-v400 small{font-size:11.5px!important}
.admin-shell .admin-bot-summary-grid-v400 strong{font-size:16px!important}
.admin-shell .admin-dashboard-empty-v400 span{font-size:12.5px!important}
.admin-shell .dashboard-role-preview-v400 p{font-size:12px!important}
.admin-shell .dashboard-widget-config-copy-v400 small{font-size:11.5px!important}
.admin-shell .dashboard-widget-config-copy-v400 strong{font-size:13.5px!important}
.admin-shell .dashboard-widget-config-copy-v400 p{font-size:12px!important}
.admin-shell .dashboard-widget-config-size-v400 span{font-size:11.5px!important}
.admin-shell .admin-live-trigger-copy-v400 small{font-size:11px!important}
.admin-shell .admin-live-trigger-copy-v400 strong{font-size:12px!important}
.admin-shell .admin-live-trigger-v400>b{font-size:11.5px!important}
.admin-shell .admin-live-panel-head-v400 span{font-size:11.5px!important}
.admin-shell .admin-live-panel-head-v400 h3{font-size:14.5px!important}
.admin-shell .admin-live-panel-head-v400 button{font-size:11.5px!important}
.admin-shell .admin-live-connection-v400{font-size:11.5px!important}
.admin-shell .admin-live-copy-v400 strong{font-size:12px!important}
.admin-shell .admin-live-copy-v400 small{font-size:11.5px!important}
.admin-shell .admin-live-item-v400 time{font-size:11px!important}
.admin-shell .admin-live-empty-v400 i{font-size:19px!important}
.admin-shell .admin-live-empty-v400 strong{font-size:12.5px!important}
.admin-shell .admin-live-empty-v400 span{font-size:11.5px!important}
.admin-shell .role-permission-group-head-v400 strong{font-size:12px!important}
.admin-shell .role-permission-group-head-v400 span{font-size:11px!important}
.admin-shell .role-permission-group-head-v400 button{font-size:11.5px!important}
.admin-shell .role-permission-grid-v400 strong{font-size:12px!important}
.admin-shell .role-permission-grid-v400 small{font-size:11.5px!important}
.admin-shell .role-permission-grid-v400 code{font-size:11px!important}
.admin-shell .program-card-icon-v400{font-size:17px!important}
.admin-shell .program-card-head-v400 span{font-size:11px!important}
.admin-shell .program-card-head-v400 h2{font-size:16px!important}
.admin-shell .program-card-head-v400 p{font-size:12px!important}
.admin-shell .program-card-count-v400 strong{font-size:19px!important}
.admin-shell .program-card-count-v400 span{font-size:11px!important}
.admin-shell .program-section-title-v400 strong{font-size:12px!important}
.admin-shell .program-section-title-v400 span{font-size:11.5px!important}
.admin-shell .program-member-avatar-v400{font-size:12.5px!important}
.admin-shell .program-member-row-v400 strong{font-size:11.5px!important}
.admin-shell .program-member-row-v400 span{font-size:11px!important}
.admin-shell .program-member-row-v400>a{font-size:11.5px!important}
.admin-shell .program-active-v400{font-size:11.5px!important}
.admin-shell .user-profile-avatar-v400{font-size:26.5px!important}
.admin-shell .user-profile-main-v400 h1{font-size:26.5px!important}
.admin-shell .user-profile-main-v400 p{font-size:12px!important}
.admin-shell .user-profile-meta-v400 small{font-size:11px!important}
.admin-shell .user-profile-meta-v400 strong{font-size:12px!important}
.admin-shell .user-profile-stat-v400 small{font-size:11px!important}
.admin-shell .user-profile-stat-v400 strong{font-size:17px!important}
.admin-shell .user-profile-stat-v400 span{font-size:11px!important}
.admin-shell .user-license-row-v400 strong{font-size:12px!important}
.admin-shell .user-license-row-v400 span{font-size:11px!important}
.admin-shell .user-license-row-v400>small{font-size:11px!important}
.admin-shell .user-status-pill-v400{font-size:11px!important}
.admin-shell .user-compact-list-v400 strong{font-size:11.5px!important}
.admin-shell .user-compact-list-v400 span{font-size:11px!important}
.admin-shell .user-note-private-v400{font-size:11px!important}
.admin-shell .user-note-list-v400 strong{font-size:11.5px!important}
.admin-shell .user-note-list-v400 time{font-size:11px!important}
.admin-shell .user-note-list-v400 p{font-size:12px!important}
.admin-shell .user-note-no-access-v400{font-size:11.5px!important}
.admin-shell .admin-doc-row-v400 strong{font-size:12px!important}
.admin-shell .admin-doc-row-v400 small{font-size:11px!important}
.admin-shell .admin-doc-row-meta-v400 b{font-size:11px!important}
.admin-shell .admin-doc-row-meta-v400 em{font-size:11px!important}
.admin-shell .admin-doc-empty-v400 i{font-size:20px!important}
.admin-shell .admin-doc-empty-v400 strong{font-size:13px!important}
.admin-shell .admin-doc-empty-v400 span{font-size:11.5px!important}
.admin-shell .admin-doc-editor-head-v400>div span{font-size:11.5px!important}
.admin-shell .admin-doc-editor-head-v400 h2{font-size:17px!important}
.admin-shell .admin-doc-publish-state-v400{font-size:11px!important}
.admin-shell .admin-doc-toggle-v400{font-size:11.5px!important}
.admin-shell .admin-doc-content-v400{font-size:12.5px!important}
.admin-shell .docs-product-v4-head h2{font-size:27.5px!important}
.admin-shell .docs-access-badges-v400 span{font-size:12px!important}
.admin-shell .docs-version-bar-v400 small{font-size:11.5px!important}
.admin-shell .docs-version-bar-v400 strong{font-size:13px!important}
.admin-shell .docs-section-nav-v400 a{font-size:12px!important}
.admin-shell .docs-section-nav-v400 a span{font-size:11px!important}
.admin-shell .docs-section-meta-v400 span{font-size:11px!important}
.admin-shell .docs-section-meta-v400 small{font-size:11px!important}
.admin-shell .docs-versioned-section-v400 h2{font-size:23px!important}
.admin-shell .docs-section-summary-v400{font-size:13px!important}
.admin-shell .docs-markdown-v400 p,.admin-shell .docs-markdown-v400 li{font-size:13px!important}
.admin-shell .docs-markdown-v400 h2{font-size:19px!important}
.admin-shell .docs-markdown-v400 h3{font-size:16px!important}
.admin-shell .docs-markdown-v400 h4{font-size:14px!important}
.admin-shell .docs-generated-fallback-v400 h3{font-size:16px!important}
.admin-shell .docs-v4-steps b{font-size:11.5px!important}
.admin-shell .docs-v4-steps strong{font-size:12.5px!important}
.admin-shell .docs-v4-steps span{font-size:12px!important}
.admin-shell .docs-v4-error strong{font-size:12.5px!important}
.admin-shell :where(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),.admin-shell textarea,.admin-shell select
){font-size:14px!important}
.admin-shell .field label{font-size:13px!important}
.admin-shell .admin-programs-v401 .admin-head h1{font-size:38px!important}
.admin-shell .admin-programs-v401 .admin-head p{font-size:13.5px!important}
.admin-shell .admin-programs-v401 .program-card-icon-v400{font-size:18px!important}
.admin-shell .admin-programs-v401 .program-card-head-v400 span{font-size:12px!important}
.admin-shell .admin-programs-v401 .program-card-head-v400 h2{font-size:18px!important}
.admin-shell .admin-programs-v401 .program-card-head-v400 p{font-size:12.5px!important}
.admin-shell .admin-programs-v401 .program-card-count-v400 strong{font-size:21px!important}
.admin-shell .admin-programs-v401 .program-card-count-v400 span{font-size:11.5px!important}
.admin-shell .admin-programs-v401 .program-section-title-v400 strong{font-size:12.5px!important}
.admin-shell .admin-programs-v401 .program-section-title-v400 span{font-size:12px!important}
.admin-shell .admin-programs-v401 .program-benefits-v400 textarea{font-size:13.5px!important}
.admin-shell .admin-programs-v401 .program-member-list-v400>.empty{font-size:13px!important}
.admin-shell .admin-programs-v401 .program-member-row-v400 strong{font-size:12.5px!important}
.admin-shell .admin-programs-v401 .program-member-row-v400 span,.admin-shell .admin-programs-v401 .program-member-row-v400>a{font-size:11.5px!important}
.admin-shell .admin-programs-v401 .program-add-user-v400 select{font-size:13px!important}
.admin-shell .admin-programs-v401 .program-active-v400{font-size:12px!important}
.role-admin-shell-v401 .role-admin-head-v400 h1{font-size:38px!important}
.role-admin-shell-v401 .role-admin-head-v400 p{font-size:13.5px!important}
.role-admin-shell-v401 .role-admin-summary-v400 small{font-size:12px!important}
.role-admin-shell-v401 .role-admin-summary-v400 strong{font-size:21px!important}
.role-admin-shell-v401 .role-admin-summary-v400 span{font-size:12px!important}
.role-admin-shell-v401 .role-panel-head-v400 h2{font-size:18px!important}
.role-admin-shell-v401 .role-panel-head-v400 span{font-size:12px!important}
.role-admin-shell-v401 .role-list-copy-v400 strong{font-size:13px!important}
.role-admin-shell-v401 .role-list-copy-v400 small{font-size:12px!important}
.role-admin-shell-v401 .role-list-meta-v400 b{font-size:11.5px!important}
.role-admin-shell-v401 .role-list-meta-v400 em{font-size:11.5px!important}
.role-admin-shell-v401 .role-editor-head-v400 span{font-size:12px!important}
.role-admin-shell-v401 .role-editor-head-v400 h2{font-size:21px!important}
.role-admin-shell-v401 .role-preview-badge-v400 strong{font-size:13px!important}
.role-admin-shell-v401 .role-preview-v400>div:last-child small{font-size:12.5px!important}
.role-admin-shell-v401 .role-preview-v400>div:last-child span{font-size:12px!important}
.role-admin-shell-v401 .role-section-title-v400 span{font-size:14px!important}
.role-admin-shell-v401 .role-section-title-v400 small{font-size:12.5px!important}
.admin-shell .role-permission-search-v401>span{font-size:14px!important}
.admin-shell .role-permission-summary-icon-v401{font-size:13.5px!important}
.admin-shell .role-permission-summary-copy-v401 strong{font-size:13px!important}
.admin-shell .role-permission-summary-copy-v401 small{font-size:12px!important}
.admin-shell .role-permission-count-v401{font-size:11.5px!important}
.admin-shell .role-permission-chevron-v401{font-size:14px!important}
.admin-shell .role-permission-group-actions-v401 p{font-size:12px!important}
.admin-shell .role-permission-group-actions-v401 button{font-size:12px!important}
.admin-shell .role-permission-grid-v401 strong{font-size:13px!important}
.admin-shell .role-permission-grid-v401 small{font-size:12px!important}
.admin-shell .role-permission-grid-v401 code{font-size:11.5px!important}
.role-admin-shell-v401 .role-active-toggle-v400 strong{font-size:12.5px!important}
.role-admin-shell-v401 .role-active-toggle-v400 small{font-size:12px!important}
.role-admin-shell-v401 .role-assignment-head-v400 h2{font-size:19px!important}
.role-admin-shell-v401 .role-assignment-head-v400 p{font-size:12.5px!important}
.role-admin-shell-v401 .role-user-row-v400 strong{font-size:12.5px!important}
.role-admin-shell-v401 .role-user-row-v400 small{font-size:11.5px!important}
.admin-shell /* ----------------------------------------------------------
   GLOBAL ADMIN READABILITY AUDIT
   New V4 admin modules should never render at 6px browser text.
   ---------------------------------------------------------- */

.admin-v401 :where(.admin-nav-label,.admin-shell .eyebrow){font-size:12px!important}
.admin-shell .footer,.admin-shell .footer a{font-size:13.5px!important}
.admin-shell .eyebrow{font-size:13px!important}
.admin-shell .muted.small,.admin-shell .small,.admin-shell small{font-size:13.5px!important}
.admin-shell .btn{font-size:14px!important}
.admin-shell .btn.small{font-size:13.5px!important}
.admin-shell input,.admin-shell select,.admin-shell textarea{font-size:15px!important}
.admin-shell label{font-size:14px!important}
.admin-shell{font-size:14.5px!important}
.admin-shell p{font-size:14px!important}
.admin-shell small,.admin-shell .small,.admin-shell .muted.small{font-size:13.5px!important}
.admin-shell label{font-size:14px!important}
.admin-shell input,.admin-shell select,.admin-shell textarea,.admin-shell button{font-size:14px!important}
.admin-shell .admin-nav-label{font-size:13px!important}
.admin-shell .admin-side a{font-size:13.5px!important}
.admin-shell .admin-content h1{font-size:clamp(28.5px,3vw,40px)!important}
.admin-shell .admin-content h2{font-size:clamp(19px,2vw,26.5px)!important}
.admin-shell .admin-content h3{font-size:16px!important}
.admin-shell table th{font-size:13px!important}
.admin-shell table td{font-size:14px!important}
.admin-shell code,.admin-shell pre{font-size:14px!important}
.admin-shell /* Release Channels */
.release-channel-preview-v410,.admin-shell .release-channel-chip-v410{font-size:13px!important}
.admin-shell .release-hero-v410 h1{font-size:clamp(42px,5vw,71.5px)!important}
.admin-shell .release-hero-v410 p{font-size:16px!important}
.admin-shell .release-channel-explainer-v410 strong{font-size:14px!important}
.admin-shell .release-channel-explainer-v410 span{font-size:13.5px!important}
.admin-shell .release-tabs-v410 button{font-size:13.5px!important}
.admin-shell .release-access-note-v410{font-size:13.5px!important}
.admin-shell .release-public-product-v410>i{font-size:17px!important}
.admin-shell .release-public-product-v410 small{font-size:13.5px!important}
.admin-shell .release-public-product-v410 h2{font-size:23px!important}
.admin-shell .release-public-meta-v410 time{font-size:13.5px!important}
.admin-shell .release-public-body-v410>span{font-size:13px!important}
.admin-shell .release-public-body-v410 p{font-size:14.5px!important}
.admin-shell .product-release-channel-bar-v410>div:first-child span{font-size:13px!important}
.admin-shell .product-release-channel-bar-v410>div:first-child strong{font-size:14px!important}
.admin-shell .product-release-tabs-v410 button{font-size:13px!important}

@media(max-width:620px){
.admin-shell h1{font-size:46px!important}
.admin-shell .bot-command-page-head-v380 h1{font-size:29.5px!important}
.admin-shell .bot-command-hero-copy-v380 h2{font-size:26.5px!important}
}

@media(max-width:900px){
.admin-shell .client-head h1,.admin-shell .admin-head h1{font-size:48.5px!important}
}

@media(max-width:760px){
.admin-shell h1{font-size:clamp(44px,14vw,67px)!important}
.admin-shell h2{font-size:35.5px!important}
.admin-shell .product-hero-copy-v340 h1{font-size:clamp(48.5px,14vw,69.5px)!important}
.admin-shell .product-lead-v340{font-size:16px!important}
.admin-shell .product-block-heading-v340 h2{font-size:28.5px!important}
.admin-shell .product-block-number-v340{font-size:30.5px!important}
.admin-shell .maintenance-card-v350 h1{font-size:40px!important}
}

/* ----------------------------------------------------------
   2bis. CORRECTIFS DE BASE ECRITS A LA MAIN
   ---------------------------------------------------------- */
main.admin-shell{
  font-size:var(--ac-base)!important;
  line-height:1.6;
}

.admin-shell p{
  font-size:var(--ac-base)!important;
  line-height:1.65;
}

.admin-shell small,
.admin-shell .small,
.admin-shell .muted.small{
  font-size:var(--ac-xs)!important;
  line-height:1.55;
}

.admin-shell .eyebrow{
  font-size:var(--ac-micro)!important;
  line-height:1.4!important;
  letter-spacing:.11em;
}

.admin-shell .eyebrow::before{
  width:24px;
}

.admin-shell .admin-content h1,
.admin-shell .admin-head h1,
.admin-shell h1{
  font-size:clamp(38px,3.2vw,54px)!important;
  line-height:1.04;
  letter-spacing:-.035em;
}

.admin-shell .admin-content h2,
.admin-shell h2{
  font-size:var(--ac-xl)!important;
  line-height:1.15;
  letter-spacing:-.02em;
}

.admin-shell .admin-content h3,
.admin-shell h3{
  font-size:18px!important;
  line-height:1.3;
}

.admin-shell label,
.admin-shell .field label{
  font-size:var(--ac-sm)!important;
  font-weight:800;
  color:#c9ced8;
}

.admin-shell input,
.admin-shell select,
.admin-shell textarea,
.admin-shell button{
  font-size:var(--ac-md)!important;
}

.admin-shell .btn{
  min-height:44px;
  padding:0 17px;
  font-size:var(--ac-sm)!important;
  font-weight:800;
  border-radius:12px;
}

.admin-shell .btn.small{
  min-height:38px;
  padding:0 13px;
  font-size:var(--ac-xs)!important;
}

.admin-shell .btn.large{
  min-height:52px;
  padding:0 22px;
  font-size:var(--ac-md)!important;
}

.admin-shell .icon-btn{
  width:44px;
  height:44px;
}

.admin-shell code,
.admin-shell pre{
  font-size:var(--ac-sm)!important;
}

.admin-shell .empty{
  min-height:110px;
  padding:28px;
  border-radius:var(--ac-radius-sm);
  font-size:var(--ac-sm)!important;
}

/* ----------------------------------------------------------
   3. COQUE — la zone de travail prend enfin l'ecran
   ---------------------------------------------------------- */
.admin-shell{
  padding:30px 0 96px;
}

.admin-shell > .container,
.admin-shell .admin-layout{
  width:min(calc(100% - 48px),2360px)!important;
  max-width:2360px!important;
  margin-inline:auto;
}

.admin-shell .admin-layout{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:var(--ac-gap);
  align-items:start;
}

.admin-shell .admin-content{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--ac-gap);
  align-content:start;
}

/* Les pages posent leurs sections directement dans .admin-content :
   la grille remplace les marges historiques. */
.admin-shell .admin-content > *{
  margin-top:0;
  margin-bottom:0;
}

/* ----------------------------------------------------------
   4. NAVIGATION LATERALE
   ---------------------------------------------------------- */
.admin-shell .admin-side{
  /* Volontairement NI sticky NI scrollable : la fondation
     "native scroll" V4.2.0 neutralise les scrollers imbriques
     et les positions sticky sur les colonnes admin. */
  padding:16px 12px;
  border-radius:var(--ac-radius);
  background:var(--ac-surface);
  align-self:start;
}


.admin-shell .admin-brand{
  padding:8px 12px 16px;
  border-bottom:1px solid var(--ac-line);
}

.admin-shell .admin-brand strong{
  display:block;
  font-size:20px!important;
  letter-spacing:-.02em;
}

.admin-shell .admin-brand span{
  display:block;
  margin-top:4px;
  color:var(--muted-2);
  font-size:var(--ac-xs)!important;
}

.admin-shell .admin-nav-group{
  margin-top:14px;
}

.admin-shell .admin-nav-label{
  padding:8px 12px 6px;
  color:#7e8798;
  font-size:var(--ac-micro)!important;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.admin-shell .admin-side a{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:44px;
  padding:9px 12px;
  border-radius:11px;
  color:#aeb6c4;
  font-size:var(--ac-md)!important;
  font-weight:750;
  transition:background .16s ease,color .16s ease;
}

.admin-shell .admin-side a i{
  width:26px;
  flex:none;
  text-align:center;
  font-style:normal;
  font-size:var(--ac-md)!important;
  color:#8d95a6;
}

.admin-shell .admin-side a:hover{
  background:rgba(255,255,255,.045);
  color:#eef1f8;
}

.admin-shell .admin-side a.active{
  background:var(--ac-accent-soft);
  color:#e9e4ff;
}

.admin-shell .admin-side a.active i{
  color:#a58bff;
}

.admin-shell .admin-side a.active::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:99px;
  background:linear-gradient(180deg,var(--ac-accent),var(--primary-2));
}

/* ----------------------------------------------------------
   5. EN-TETE DE PAGE
   ---------------------------------------------------------- */
.admin-shell .admin-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin:0 0 4px!important;
  padding:4px 2px 20px;
  border-bottom:1px solid var(--ac-line);
}

.admin-shell .admin-head h1{
  margin:10px 0 0;
}

.admin-shell .admin-head p{
  margin:8px 0 0;
  max-width:none;
  color:var(--muted);
  font-size:var(--ac-md)!important;
}

.admin-shell .admin-head-actions-v400{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
  flex:none;
}

.admin-shell .admin-current-roles-v400,
.admin-shell .admin-role-stack-v400{
  gap:7px;
  margin-top:14px;
}

.admin-shell .site-role-chip-v400{
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  font-size:var(--ac-xs)!important;
  font-weight:850;
}

.admin-shell .admin-dashboard-role-v400,
.admin-shell .admin-count-badge-v400{
  min-height:44px;
  padding:0 15px;
  border-radius:12px;
  font-size:var(--ac-sm)!important;
  font-weight:800;
}

/* ----------------------------------------------------------
   6. CARTES ET PANNEAUX
   ---------------------------------------------------------- */
.admin-shell .card{
  border-radius:var(--ac-radius);
}

.admin-shell .card-pad,
.admin-shell .panel-card,
.admin-shell .form-card,
.admin-shell .editor-section{
  padding:var(--ac-pad);
}

.admin-shell .admin-widget-v400.card,
.admin-shell .admin-users-toolbar-v400{
  padding:var(--ac-pad);
}

.admin-shell .admin-table-card{
  padding:8px var(--ac-pad) 4px;
}

.admin-shell .panel-card-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid var(--ac-line);
}

.admin-shell .panel-card-head h2{
  margin:8px 0 0;
  font-size:var(--ac-lg)!important;
}

.admin-shell .panel-card-head a{
  color:#bcaaff;
  font-size:var(--ac-sm)!important;
  font-weight:800;
  white-space:nowrap;
}

.admin-shell .divider{
  margin:24px 0;
}

/* ----------------------------------------------------------
   7. GRILLE DE WIDGETS DU DASHBOARD
   ---------------------------------------------------------- */
.admin-shell .admin-widget-grid-v400{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--ac-gap);
}

.admin-shell .admin-widget-v400.full{grid-column:1/-1}

.admin-shell .admin-widget-section-head-v400{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}

.admin-shell .admin-widget-section-head-v400 h2{
  margin:8px 0 0;
  font-size:var(--ac-xl)!important;
}

.admin-shell .admin-dashboard-empty-v400{
  padding:60px 30px;
}

.admin-shell .admin-dashboard-empty-v400 strong{font-size:20px!important}
.admin-shell .admin-dashboard-empty-v400 span{
  margin-top:8px;
  font-size:var(--ac-sm)!important;
}

/* ----------------------------------------------------------
   8. INDICATEURS (KPI)
   ---------------------------------------------------------- */
.admin-shell .kpi-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(255px,1fr));
  gap:16px;
}

.admin-shell .kpi-card{
  padding:22px;
  min-height:0;
}

.admin-shell .admin-kpi-v400{
  grid-template-columns:52px minmax(0,1fr);
  grid-template-rows:auto auto auto;
  gap:0 16px;
  align-items:center;
  padding:22px 24px;
}

.admin-shell .admin-kpi-v400 > i{
  grid-row:1/4;
  width:52px;
  height:52px;
  border-radius:14px;
  font-size:22px!important;
}

.admin-shell .kpi-card span{
  color:var(--muted-2);
  font-size:var(--ac-sm)!important;
  font-weight:750;
}

.admin-shell .kpi-card strong{
  margin:4px 0 2px;
  font-size:42px!important;
  line-height:1.05;
  letter-spacing:-.035em;
}

.admin-shell .kpi-card small{
  color:var(--muted-2);
  font-size:var(--ac-xs)!important;
}

/* ----------------------------------------------------------
   9. ACTIONS RAPIDES
   ---------------------------------------------------------- */
.admin-shell .quick-grid,
.admin-shell .admin-quick-grid-v400{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  gap:16px;
}

.admin-shell .quick-card{
  padding:22px;
  border-radius:var(--ac-radius);
  transition:border-color .18s ease,background .18s ease;
}

.admin-shell .quick-card:hover{
  border-color:rgba(139,92,246,.34);
}

.admin-shell .quick-card i{
  width:46px;
  height:46px;
  border-radius:13px;
  font-size:19px!important;
  color:#a58bff;
}

.admin-shell .quick-card strong{
  margin-top:16px;
  font-size:var(--ac-md)!important;
}

.admin-shell .quick-card span{
  margin-top:6px;
  color:var(--muted-2);
  font-size:var(--ac-sm)!important;
  line-height:1.55;
}

/* ----------------------------------------------------------
   10. ETAT DES SERVICES / RESUME BOT
   ---------------------------------------------------------- */
.admin-shell .admin-health-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:12px;
}

.admin-shell .admin-health-item{
  grid-template-columns:11px 1fr;
  gap:12px;
  padding:16px 18px;
  border-radius:var(--ac-radius-sm);
}

.admin-shell .admin-health-item > i{width:10px;height:10px}
.admin-shell .admin-health-item strong{font-size:var(--ac-md)!important}
.admin-shell .admin-health-item span{
  margin-top:4px;
  font-size:var(--ac-xs)!important;
}

.admin-shell .admin-bot-summary-grid-v400{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}

.admin-shell .admin-bot-summary-grid-v400 > div{
  min-height:96px;
  padding:16px 18px;
  border-radius:var(--ac-radius-sm);
}

.admin-shell .admin-bot-summary-grid-v400 small{
  font-size:var(--ac-micro)!important;
  letter-spacing:.09em;
}

.admin-shell .admin-bot-summary-grid-v400 strong{
  margin-top:9px;
  font-size:24px!important;
}

/* ----------------------------------------------------------
   11. FLUX / LISTES
   ---------------------------------------------------------- */
.admin-shell .feed-row{
  grid-template-columns:12px 1fr auto;
  gap:14px;
  padding:15px 0;
}

.admin-shell .feed-row > i{width:9px;height:9px}
.admin-shell .feed-row strong{font-size:var(--ac-base)!important}
.admin-shell .feed-row span{
  margin-top:4px;
  font-size:var(--ac-xs)!important;
}
.admin-shell .feed-row time{
  font-size:var(--ac-xs)!important;
  white-space:nowrap;
}

/* ----------------------------------------------------------
   12. TABLEAUX
   ---------------------------------------------------------- */
.admin-shell .table-wrap,
.admin-shell .admin-table-wrap{
  overflow-x:auto;
}

.admin-shell .admin-table th,
.admin-shell table th{
  padding:16px 14px;
  color:var(--muted-2);
  font-size:var(--ac-micro)!important;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
}

.admin-shell .admin-table td,
.admin-shell table td{
  padding:16px 14px;
  font-size:var(--ac-sm)!important;
  vertical-align:middle;
}

.admin-shell .admin-table tbody tr:hover{
  background:rgba(255,255,255,.028);
}

.admin-shell .table-product{gap:14px}
.admin-shell .table-icon{
  width:48px;
  height:48px;
  border-radius:13px;
  font-size:var(--ac-md)!important;
}
.admin-shell .table-product strong{font-size:var(--ac-base)!important}
.admin-shell .table-product span{
  margin-top:3px;
  font-size:var(--ac-xs)!important;
}

/* ----------------------------------------------------------
   13. FORMULAIRES ET CHAMPS
   ---------------------------------------------------------- */
.admin-shell .form-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
  gap:20px;
}

.admin-shell .field{gap:8px}

.admin-shell :where(
  input[type="text"],input[type="search"],input[type="email"],
  input[type="url"],input[type="number"],input[type="password"],
  input[type="date"],input[type="datetime-local"],input:not([type]),
  textarea,select
){
  min-height:48px;
  padding:12px 14px;
  border-radius:12px;
  font-size:var(--ac-md)!important;
}

.admin-shell .field textarea{
  min-height:150px;
  line-height:1.65;
}

.admin-shell .field textarea.tall{min-height:280px}

.admin-shell .field .hint{
  color:var(--muted-2);
  font-size:var(--ac-xs)!important;
}

.admin-shell .check{gap:11px}
.admin-shell .check input,
.admin-shell input[type="checkbox"],
.admin-shell input[type="radio"]{
  width:20px;
  height:20px;
}

.admin-shell .search-box{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:340px;
}

.admin-shell .search-box input{width:100%}

.admin-shell .admin-toolbar,
.admin-shell .admin-users-toolbar-v400{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.admin-shell .save-bar{
  padding:16px 18px;
  border-radius:var(--ac-radius-sm);
}

.admin-shell .save-bar span{font-size:var(--ac-sm)!important}

/* ----------------------------------------------------------
   14. EDITEURS (produit, version, documentation)
   ---------------------------------------------------------- */
.admin-shell .editor-layout{
  grid-template-columns:250px minmax(0,1fr) 340px;
  gap:var(--ac-gap);
}

.admin-shell .editor-steps,
.admin-shell .editor-preview{
  padding:16px;
  border-radius:var(--ac-radius);
}

.admin-shell .editor-step{
  min-height:44px;
  padding:11px 12px;
  font-size:var(--ac-sm)!important;
}

.admin-shell .editor-main{gap:var(--ac-gap)}

.admin-shell .editor-section h2{
  margin:0 0 8px;
  font-size:var(--ac-xl)!important;
}

/* ----------------------------------------------------------
   15. MEDIATHEQUE
   ---------------------------------------------------------- */
.admin-shell .media-grid-admin{
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:14px;
}

.admin-shell .media-admin img{height:160px}
.admin-shell .media-admin-body{padding:14px}
.admin-shell .media-admin-body strong{font-size:var(--ac-sm)!important}
.admin-shell .media-admin-body span{
  margin-top:4px;
  font-size:var(--ac-xs)!important;
}

/* ----------------------------------------------------------
   16. MODALES
   ---------------------------------------------------------- */
.admin-shell .diagnostic-modal{
  padding:28px;
}

.admin-shell .diagnostic-grid{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
}

.admin-shell .diagnostic-grid > div{padding:14px}

/* Les champs ne doivent jamais imposer leur largeur intrinseque
   a la grille qui les contient. */
.admin-shell input,
.admin-shell select,
.admin-shell textarea{
  min-width:0;
  max-width:100%;
}

/* ----------------------------------------------------------
   17. CONSTRUCTEUR DE DASHBOARD PAR ROLE
   ---------------------------------------------------------- */
.admin-shell .dashboard-layout-toolbar-v400{
  grid-template-columns:minmax(280px,360px) minmax(0,1fr);
  gap:18px;
  padding:20px;
  margin-bottom:0;
}

.admin-shell .dashboard-widget-config-v400{
  grid-template-columns:52px minmax(0,1fr) minmax(160px,220px) minmax(96px,auto);
  gap:16px;
  padding:16px 18px;
}

.admin-shell .dashboard-widget-config-copy-v400 small{
  font-size:var(--ac-micro)!important;
  letter-spacing:.09em;
}
.admin-shell .dashboard-widget-config-copy-v400 strong{
  margin-top:5px;
  font-size:var(--ac-md)!important;
}
.admin-shell .dashboard-widget-config-copy-v400 p{
  margin:5px 0 0;
  font-size:var(--ac-xs)!important;
}
.admin-shell .dashboard-widget-config-size-v400 span{
  margin-bottom:7px;
  font-size:var(--ac-micro)!important;
}
.admin-shell .dashboard-widget-toggle-v400 span{
  width:46px;
  height:26px;
}
.admin-shell .dashboard-widget-toggle-v400 span::after{
  width:20px;
  height:20px;
}
.admin-shell .dashboard-widget-toggle-v400 input:checked+span::after{left:22px}

/* ----------------------------------------------------------
   18. CONTROL CENTER DU BOT
   ---------------------------------------------------------- */
.admin-shell.bot-control-shell-v370 .admin-layout{
  gap:var(--ac-gap);
}

.admin-shell .bot-list-toolbar-v370{
  grid-template-columns:minmax(0,1fr) minmax(200px,240px);
  gap:14px;
}

.admin-shell .bot-search-v370,
.admin-shell .forum-search-v350{
  grid-template-columns:34px 1fr;
}

.admin-shell .bot-health-list-v380 > div{
  grid-template-columns:minmax(0,1fr) auto minmax(84px,auto);
  gap:12px;
}

.admin-shell .bot-command-layout-v380{
  grid-template-columns:250px minmax(0,1fr);
  gap:var(--ac-gap);
}

.admin-shell .bot-command-nav-v380 > a{
  grid-template-columns:32px minmax(0,1fr);
  min-height:44px;
}

.admin-shell .bot-command-kpi-v380{
  grid-template-columns:52px minmax(0,1fr);
  gap:14px;
}

.admin-shell .bot-member-row-v370,
.admin-shell .role-list-item-v380,
.admin-shell .role-user-row-v380{
  gap:14px;
}

/* ----------------------------------------------------------
   19. ROLES ET PERMISSIONS
   ---------------------------------------------------------- */
.admin-shell .role-builder-grid-v380{
  grid-template-columns:minmax(360px,430px) minmax(0,1fr);
  gap:var(--ac-gap);
}

.admin-shell .role-assignment-grid-v380{
  grid-template-columns:minmax(300px,360px) minmax(0,1fr);
  gap:var(--ac-gap);
}

.admin-shell .role-permission-grid-v380 > label > span{
  grid-template-columns:34px minmax(0,1fr);
}

.admin-shell .role-admin-summary-v400 > article,
.admin-shell .role-admin-summary-v380 > article{
  min-height:112px;
  padding:18px;
}

/* ----------------------------------------------------------
   20. PROGRAMMES CLIENTS
   ---------------------------------------------------------- */
.admin-shell .program-grid-v400,
.admin-shell.admin-programs-v401 .program-grid-v400{
  grid-template-columns:repeat(auto-fit,minmax(330px,1fr))!important;
  gap:16px;
}

.admin-shell.admin-programs-v401 .program-card-v400{
  padding:22px;
  border-radius:var(--ac-radius);
}

.admin-shell .program-card-icon-v400{
  width:52px;
  height:52px;
  border-radius:14px;
}


/* ----------------------------------------------------------
   20bis. EN-TETES DE PAGE — toutes les variantes historiques
   ----------------------------------------------------------
   Les pages admin ont accumule six classes d'en-tete
   differentes. Elles partagent desormais la meme regle.
   ---------------------------------------------------------- */
.admin-shell .role-admin-head-v400,
.admin-shell .role-assignment-head-v400,
.admin-shell .bot-admin-head-v370,
.admin-shell .bot-command-page-head-v380,
.admin-shell .admin-doc-editor-head-v400,
.admin-shell .release-editor-head-v410{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin:0 0 4px;
  padding:4px 2px 20px;
  border-bottom:1px solid var(--ac-line);
}

.admin-shell .role-admin-head-v400 h1,
.admin-shell .role-assignment-head-v400 h1,
.admin-shell .bot-admin-head-v370 h1,
.admin-shell .bot-command-page-head-v380 h1,
.admin-shell .admin-doc-editor-head-v400 h1,
.admin-shell .release-editor-head-v410 h1{
  margin:10px 0 0;
  font-size:clamp(38px,3.2vw,54px)!important;
  line-height:1.04;
}

.admin-shell .role-admin-head-v400 p,
.admin-shell .role-assignment-head-v400 p,
.admin-shell .bot-admin-head-v370 p,
.admin-shell .bot-command-page-head-v380 p,
.admin-shell .admin-doc-editor-head-v400 p,
.admin-shell .release-editor-head-v410 p{
  margin:8px 0 0;
  max-width:none;
  font-size:var(--ac-md)!important;
}

/* ----------------------------------------------------------
   20ter. GRILLES DE PAGE — on rend les colonnes fluides
   ---------------------------------------------------------- */
.admin-shell .role-builder-grid-v400{
  grid-template-columns:minmax(360px,430px) minmax(0,1fr);
  gap:var(--ac-gap);
}

.admin-shell .role-assignment-grid-v400{
  grid-template-columns:minmax(300px,380px) minmax(0,1fr);
  gap:var(--ac-gap);
  margin-top:0;
}

.admin-shell .admin-docs-layout-v400{
  grid-template-columns:minmax(320px,400px) minmax(0,1fr);
  gap:var(--ac-gap);
}

.admin-shell .bot-list-layout-v370{
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:var(--ac-gap);
}

.admin-shell .bot-config-grid-v370,
.admin-shell .admin-grid-2,
.admin-shell .maintenance-admin-grid-v350,
.admin-shell .admin-content-split{
  gap:var(--ac-gap);
}

.admin-shell .bot-diag-grid-v370,
.admin-shell .bot-command-kpi-grid-v380,
.admin-shell .role-admin-summary-v400,
.admin-shell .role-admin-summary-v380{
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:14px;
}

.admin-shell .bot-operation-grid-v380{
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:12px;
}

.admin-shell .bot-operation-grid-v380 > a{
  min-height:100px;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:14px;
  padding:16px 18px;
  border-radius:var(--ac-radius-sm);
}

.admin-shell .bot-operation-grid-v380 > a > i,
.admin-shell .role-admin-summary-v400 > article > i{
  width:46px;
  height:46px;
  border-radius:12px;
  font-size:var(--ac-md)!important;
}

.admin-shell .role-admin-summary-v400 > article{
  min-height:112px;
  grid-template-columns:46px 1fr;
  gap:14px;
  padding:18px;
  border-radius:var(--ac-radius-sm);
}

.admin-shell .bot-command-hero-v380{
  grid-template-columns:minmax(0,1fr) minmax(300px,380px);
  gap:30px;
  padding:34px 38px;
}

.admin-shell .bot-command-kpi-v380{
  padding:18px;
}

.admin-shell .role-panel-head-v400,
.admin-shell .bot-command-panel-head-v380,
.admin-shell .maintenance-switch-head-v350{
  gap:16px;
  margin-bottom:16px;
}

.admin-shell .role-search-v400,
.admin-shell .bot-search-v370{
  min-width:220px;
}

.admin-shell .role-editor-empty-v400{
  padding:60px 30px;
}

.admin-shell .role-list-item-v400,
.admin-shell .role-user-row-v400,
.admin-shell .bot-entity-row-v370{
  gap:14px;
  padding:14px 16px;
}

/* Pastilles majuscules tres courtes : plancher a 12px. */
.admin-shell .admin-doc-publish-state-v400,
.admin-shell .role-system-badge-v400,
.admin-shell .bot-control-header-badge{
  min-height:28px;
  padding:0 11px;
  font-size:var(--ac-micro)!important;
  letter-spacing:.08em;
}
/* ----------------------------------------------------------
   21. RESPONSIVE
   ---------------------------------------------------------- */
@media(min-width:2100px){
  .admin-shell{--ac-base:16px;--ac-md:17px;--ac-sm:15px;--ac-xs:14px}
  .admin-shell .admin-layout{grid-template-columns:344px minmax(0,1fr)}
}

@media(max-width:1500px){
  .admin-shell .admin-layout{grid-template-columns:284px minmax(0,1fr)}
  .admin-shell .editor-layout{grid-template-columns:220px minmax(0,1fr) 300px}
}

@media(max-width:1280px){
  .admin-shell > .container,
  .admin-shell .admin-layout{width:min(calc(100% - 32px),100%)!important}
  .admin-shell .admin-layout{grid-template-columns:256px minmax(0,1fr);gap:18px}
  .admin-shell .admin-widget-grid-v400{grid-template-columns:1fr}
  .admin-shell .editor-layout{grid-template-columns:220px minmax(0,1fr)}
  .admin-shell .editor-preview{position:static;grid-column:2}
  .admin-shell .role-builder-grid-v380,
  .admin-shell .role-builder-grid-v400,
  .admin-shell .role-assignment-grid-v380,
  .admin-shell .role-assignment-grid-v400,
  .admin-shell .admin-docs-layout-v400,
  .admin-shell .bot-command-hero-v380,
  .admin-shell .bot-command-dashboard-v380,
  .admin-shell .bot-message-builder-v370,
  .admin-shell .bot-list-layout-v370{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:1024px){
  .admin-shell{padding-top:18px}
  .admin-shell .admin-layout{display:block}
  .admin-shell .admin-side{
    position:static;
    max-height:none;
    margin-bottom:18px;
    padding:14px;
  }
  .admin-shell .admin-nav-group{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:6px;
  }
  .admin-shell .admin-nav-label{grid-column:1/-1}
  .admin-shell .admin-content{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
  .admin-shell .bot-command-layout-v380,
  .admin-shell .dashboard-layout-toolbar-v400,
  .admin-shell .editor-layout,
  .admin-shell .bot-two-column-v370,
  .admin-shell .maintenance-admin-grid-v350,
  .admin-shell .admin-content-split,
  .admin-shell .admin-grid-2,
  .admin-shell .bot-config-grid-v370{grid-template-columns:minmax(0,1fr)!important}
  .admin-shell .editor-preview,
  .admin-shell .editor-steps{grid-column:1}
}

@media(max-width:760px){
  .admin-shell{--ac-base:14px;--ac-md:15px;--ac-sm:13px;--ac-xs:12.5px;--ac-pad:18px;--ac-gap:16px}
  .admin-shell .admin-head{
    display:block;
    padding-bottom:16px;
  }
  .admin-shell .admin-head-actions-v400{
    justify-content:flex-start;
    margin-top:16px;
  }
  .admin-shell .admin-head h1{font-size:clamp(30px,8vw,40px)!important}
  .admin-shell .kpi-grid,
  .admin-shell .quick-grid,
  .admin-shell .admin-quick-grid-v400,
  .admin-shell .admin-health-grid,
  .admin-shell .form-grid{grid-template-columns:minmax(0,1fr)!important}
  .admin-shell .kpi-card strong{font-size:34px!important}
  .admin-shell .search-box{min-width:0;width:100%}
  .admin-shell .admin-toolbar,
  .admin-shell .admin-users-toolbar-v400{display:grid;grid-template-columns:1fr}
  .admin-shell .dashboard-widget-config-v400{
    grid-template-columns:44px minmax(0,1fr);
    row-gap:12px;
  }
  .admin-shell .admin-nav-group{grid-template-columns:1fr 1fr}
  .admin-shell table{min-width:720px}
  .admin-shell .role-search-v400,
  .admin-shell .bot-search-v370,
  .admin-shell .search-box{min-width:0}
  .admin-shell .bot-operation-grid-v380,
  .admin-shell .bot-diag-grid-v370,
  .admin-shell .bot-command-kpi-grid-v380,
  .admin-shell .role-admin-summary-v400,
  .admin-shell .role-admin-summary-v380,
  .admin-shell .program-grid-v400,
  .admin-shell .media-grid-admin,
  .admin-shell .bot-list-toolbar-v370,
  .admin-shell .dashboard-layout-toolbar-v400{grid-template-columns:minmax(0,1fr)!important}
  .admin-shell .role-panel-head-v400,
  .admin-shell .bot-command-panel-head-v380,
  .admin-shell .maintenance-switch-head-v350,
  .admin-shell .panel-card-head{flex-wrap:wrap}
}

/* ==========================================================
   22. PALETTE DE COMMANDES (Ctrl+K)
   ----------------------------------------------------------
   Modale plein ecran. Pas de backdrop-filter ni de transform :
   la fondation "native scroll" V4.2.0 les neutralise sur les
   surfaces fixes, et ils coutent cher au compositeur.
   ========================================================== */
.ac-cmdk[hidden]{display:none!important}

.ac-cmdk{
  position:fixed;
  inset:0;
  z-index:600;
  display:grid;
  align-items:start;
  justify-items:center;
  padding:12vh 20px 20px;
}

html.ac-cmdk-open{overflow-y:hidden!important}

.ac-cmdk-backdrop{
  position:fixed;
  inset:0;
  background:rgba(4,5,10,.72);
}

.ac-cmdk-panel{
  position:relative;
  width:min(720px,100%);
  max-height:min(620px,72vh);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:linear-gradient(180deg,#151a28,#0c0f18);
  box-shadow:0 40px 120px rgba(0,0,0,.6);
  color:#f2f4fa;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}

.ac-cmdk-field{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.ac-cmdk-field > span{
  font-size:19px;
  color:#8f7fe8;
  text-align:center;
}

.ac-cmdk-field input{
  width:100%;
  min-width:0;
  border:0;
  background:none;
  color:inherit;
  font-size:17px;
  font-weight:600;
  outline:none;
}

.ac-cmdk-field input::placeholder{color:#6c7688}

.ac-cmdk kbd{
  display:inline-block;
  padding:3px 7px;
  border:1px solid rgba(255,255,255,.14);
  border-bottom-color:rgba(255,255,255,.22);
  border-radius:6px;
  background:rgba(255,255,255,.05);
  color:#aab2c2;
  font-family:inherit;
  font-size:11px;
  font-weight:800;
  line-height:1.4;
}

.ac-cmdk-results{
  flex:1;
  min-height:0;
  padding:8px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}

.ac-cmdk-group{
  padding:12px 12px 6px;
  color:#6f7a8d;
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.ac-cmdk-item{
  display:grid;
  grid-template-columns:26px minmax(0,auto) minmax(0,1fr);
  gap:12px;
  align-items:baseline;
  padding:11px 12px;
  border-radius:11px;
  cursor:pointer;
}

.ac-cmdk-item > i{
  font-style:normal;
  font-size:14px;
  color:#8b93a5;
  text-align:center;
}

.ac-cmdk-item strong{
  font-size:15px;
  font-weight:750;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ac-cmdk-item span{
  color:#6d7788;
  font-size:12.5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ac-cmdk-item.active{
  background:rgba(139,92,246,.16);
}

.ac-cmdk-item.active > i,
.ac-cmdk-item.active strong{color:#efeaff}

.ac-cmdk-item.current strong::after{
  content:"page actuelle";
  margin-left:9px;
  padding:2px 7px;
  border-radius:99px;
  background:rgba(255,255,255,.07);
  color:#8b93a5;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.04em;
}

.ac-cmdk-empty{
  padding:36px 16px;
  color:#6d7788;
  font-size:14px;
  text-align:center;
}

.ac-cmdk-foot{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  padding:11px 18px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.2);
  color:#6d7788;
  font-size:12px;
}

.ac-cmdk-foot span{display:inline-flex;align-items:center;gap:5px}

/* Declencheur visible dans la colonne de navigation. */
.admin-shell .ac-cmdk-trigger{
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  width:100%;
  min-height:44px;
  margin:12px 0 4px;
  padding:0 12px;
  border:1px solid var(--ac-line);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:#939cad;
  cursor:pointer;
  text-align:left;
  transition:border-color .16s ease,color .16s ease;
}

.admin-shell .ac-cmdk-trigger:hover{
  border-color:rgba(139,92,246,.4);
  color:#e7e3ff;
}

.admin-shell .ac-cmdk-trigger > span{
  font-size:16px;
  text-align:center;
}

.admin-shell .ac-cmdk-trigger em{
  font-style:normal;
  font-size:var(--ac-sm);
  font-weight:750;
}

/* ==========================================================
   23. BARRE D'OUTILS DES TABLEAUX
   ========================================================== */
.admin-shell .ac-tablebar[hidden]{display:none!important}

.admin-shell .ac-tablebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-top:6px;
  padding:14px 2px 4px;
  border-top:1px solid var(--ac-line);
}

.admin-shell .ac-tablebar-filters,
.admin-shell .ac-tablebar-pager{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.admin-shell .ac-tablebar-pager{margin-left:auto}

.admin-shell .ac-tablebar-filter,
.admin-shell .ac-tablebar-size{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.admin-shell .ac-tablebar-filter > span,
.admin-shell .ac-tablebar-size > span{
  color:var(--muted-2);
  font-size:var(--ac-micro);
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.admin-shell .ac-tablebar select{
  min-height:38px;
  min-width:0;
  padding:0 10px;
  border-radius:10px;
  font-size:var(--ac-sm)!important;
}

.admin-shell .ac-tablebar-count{
  color:var(--muted-2);
  font-size:var(--ac-sm);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.admin-shell .ac-tablebar-nav{display:inline-flex;gap:6px}
.admin-shell .ac-tablebar-nav[hidden]{display:none!important}

.admin-shell .ac-tablebar-nav .btn{
  width:38px;
  min-height:38px;
  padding:0;
  font-size:18px!important;
}

/* En-tetes triables */
.admin-shell th.ac-th-sortable{
  position:relative;
  padding-right:26px;
  cursor:pointer;
  user-select:none;
}

.admin-shell th.ac-th-sortable:hover,
.admin-shell th.ac-th-sortable:focus-visible{
  color:#d6d2ff;
}

.admin-shell th.ac-th-sortable::after{
  content:"⇅";
  position:absolute;
  right:8px;
  top:calc(50% - 8px);
  opacity:.3;
  font-size:12px;
}

.admin-shell th.ac-th-asc::after{content:"↑";opacity:1;color:#a58bff}
.admin-shell th.ac-th-desc::after{content:"↓";opacity:1;color:#a58bff}

/* Pagination : on masque, on ne supprime jamais. */
.admin-shell tr.ac-row-hidden{display:none!important}

.admin-shell tr.ac-row-flash > td{
  background:rgba(139,92,246,.16);
}
/* ==========================================================
   AURORA CONTROL — V6.0.0 — AGENCEMENT DE LA COQUILLE
   Ajoute a la fin d'admin-v500.css : les regles ecrites a la
   main sous la section generee gardent la priorite.

   Ce bloc ne retouche PAS l'echelle typographique ni les
   grilles de contenu : la passe V5.0.0 les avait deliberement
   remontees apres une passe precedente illisible. Il ne
   traite que l'agencement de la coquille :

   1. la colonne de navigation est desormais identique sur les
      29 pages (elle etait ecrite a la main sur chacune : 7
      groupes sur admin.html, 1 seul sur admin-user.html) et
      repliable par groupe, pour rester lisible sans defiler ;
   2. le Control Center du bot repasse sur cette coquille au
      lieu d'imposer sa propre colonne, qui coupait l'acces au
      reste du panel ;
   3. le medaillon orbital de 230px du bot devient un bandeau
      d'etat compact.

   Contrainte respectee : la fondation « native scroll »
   V4.2.0 force position:static / max-height:none /
   overflow-y:visible sur .admin-side. Rien ici n'essaie de la
   rendre sticky : les groupes <details> raccourcissent la
   colonne sans scroller imbrique ni positionnement colle.

   Specificite : admin-v500.css cible en .admin-shell .X
   (0,2,0). Toutes les regles ci-dessous reprennent ce prefixe
   pour gagner par l'ordre d'ecriture, jamais par !important.
   ========================================================== */

.admin-shell{
  --ac6-line:rgba(255,255,255,.08);
  --ac6-accent:#8b5cf6;
  --ac6-accent-2:#6d74ff;
}


/* La section « groupes repliables » (<details>/<summary>) a
   ete retiree : la V6.2.0 remplace cette navigation par le
   rail d icones. Ses regles ne ciblaient plus aucun element.
   Voir le bloc V6.2.0 plus bas. */

/* ----------------------------------------------------------
   2. PIED DE COLONNE ET ETAT DU BOT
   ---------------------------------------------------------- */

.admin-shell .admin-side-foot-v600{
  display:flex;
  flex-direction:column;
  gap:1px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid var(--ac6-line);
}

.admin-shell .admin-side-bot-v600{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  padding:10px 11px;
  border:1px solid var(--ac6-line);
  border-radius:11px;
  background:rgba(0,0,0,.22);
}

.admin-shell .admin-side-bot-v600 > i{
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#6f7889;
}

.admin-shell .admin-side-bot-v600.online > i{
  background:var(--success);
  box-shadow:0 0 0 3px rgba(56,211,159,.16);
}

.admin-shell .admin-side-bot-v600.offline > i{
  background:var(--danger);
  box-shadow:0 0 0 3px rgba(255,111,134,.16);
}

.admin-shell .admin-side-bot-v600 > div{min-width:0}

.admin-shell .admin-side-bot-v600 strong,
.admin-shell .admin-side-bot-v600 span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.admin-shell .admin-side-bot-v600 span{color:var(--muted-2)}

/* Le declencheur de la palette est injecte par
   admin-tools-v500.js juste apres .admin-brand. */
.admin-shell .admin-side .ac-cmdk-trigger{width:100%}


/* ----------------------------------------------------------
   3. NORMALISATION DE LA COQUILLE DU BOT
   aurora-v420.css restyle la colonne des pages bot via
   .bot-control-shell-v370 .admin-side, plus specifique que
   .admin-shell .admin-side. Sans ces regles, les 8 pages du
   bot garderaient une colonne differente des 21 autres.
   ---------------------------------------------------------- */

.admin-shell.bot-control-shell-v370 .admin-side,
.bot-control-shell-v370 .admin-side{
  border-color:var(--ac6-line);
  background:linear-gradient(180deg,rgba(21,25,41,.72),rgba(12,15,25,.94));
  box-shadow:0 22px 60px rgba(0,0,0,.24);
}

.bot-control-shell-v370 .admin-side a:hover{transform:none}

.bot-control-shell-v370 .admin-side a.active{
  border:0;
  box-shadow:none;
}

/* La page du Control Center utilisait bot-command-layout-v380
   (230px + 1500px max) au lieu de la coque admin. */
.admin-shell .bot-command-content-v380{min-width:0}


/* ----------------------------------------------------------
   4. BANDEAU D'ETAT DU BOT
   Remplace .bot-command-hero-v380, dont la colonne droite
   etait un medaillon decoratif de 230px de cote.
   ---------------------------------------------------------- */

.admin-shell .bot-status-bar-v600{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:20px 22px;
  border:1px solid var(--ac6-line);
  border-radius:18px;
  background:
    radial-gradient(circle at 10% 0%,rgba(139,92,246,.15),transparent 44%),
    linear-gradient(160deg,rgba(21,25,41,.9),rgba(13,16,27,.96));
}

/* Medaillon d'etat. Reprend #botCommandCore / #botCoreState :
   le script bascule la classe .offline sur le conteneur et
   ecrit LIVE / OFF dans le span. */
.admin-shell .bot-status-dot-v600{
  width:66px;
  height:66px;
  border-radius:18px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:3px;
  color:#c3b2ff;
  background:linear-gradient(140deg,rgba(139,92,246,.26),rgba(109,116,255,.12));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}

.admin-shell .bot-status-dot-v600 > i{font-style:normal;line-height:1}

.admin-shell .bot-status-dot-v600 > span{
  color:#66dcae;
  font-size:9px!important;
  font-weight:900;
  letter-spacing:.11em;
  line-height:1;
}

.admin-shell .bot-status-dot-v600.offline{
  color:#ff9aab;
  background:linear-gradient(140deg,rgba(255,111,134,.22),rgba(255,111,134,.07));
}

.admin-shell .bot-status-dot-v600.offline > span{color:#ff8197}

.admin-shell .bot-status-copy-v600{min-width:0}

.admin-shell .bot-status-title-v600{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.admin-shell .bot-status-copy-v600 h2{margin:0;letter-spacing:-.01em}

.admin-shell .bot-status-mini-v600{
  padding:3px 9px;
  border:1px solid var(--ac6-line);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#8fe6c0;
  font-size:10px!important;
  font-weight:900;
  letter-spacing:.06em;
  white-space:nowrap;
}

.admin-shell .bot-status-line-v600{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:6px;
  color:var(--muted-2);
}

.admin-shell .bot-status-facts-v600{
  display:flex;
  gap:26px;
  flex-wrap:wrap;
}

.admin-shell .bot-status-facts-v600 > div{text-align:right}

.admin-shell .bot-status-facts-v600 small{
  display:block;
  color:var(--muted-2);
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.admin-shell .bot-status-facts-v600 strong{display:block;margin-top:3px}


/* ----------------------------------------------------------
   5. RESPONSIVE
   ---------------------------------------------------------- */

@media(max-width:1024px){
  .admin-shell .bot-status-bar-v600{
    grid-template-columns:auto minmax(0,1fr);
    row-gap:14px;
  }

  .admin-shell .bot-status-facts-v600{
    grid-column:1/-1;
    justify-content:flex-start;
  }

  .admin-shell .bot-status-facts-v600 > div{text-align:left}
}
/* ==========================================================
   AURORA CONTROL — V6.0.1 — DENSITE

   Pourquoi ce bloc. La passe V5.0.0 corrigeait une interface
   descendue a 6-11px, mais elle a surcorrige : colonne de
   travail a 2360px, texte courant a 15px, titre de page a
   54px, chiffre d'indicateur a 42px, cartes d'action rapide a
   161px de haut. Sur un ecran reel et avec les vraies donnees
   du panel (3 clients, 3 licences, 2 installations), cela
   donnait des blocs enormes pour trois chiffres et une page
   de 2857px a defiler.

   Ce bloc ne revient PAS a l'echelle illisible d'avant la
   V5.0.0 : le plancher reste a 10,5px et uniquement pour les
   etiquettes en majuscules, le texte courant est a 13px. Il
   ramene simplement la densite a un niveau ou l'information
   tient a l'ecran.

   Tout passe par les variables --ac-* de .admin-shell quand
   c'est possible ; les valeurs ecrites en dur dans la V5.0.0
   (avec !important) sont reprises explicitement en dessous.
   ========================================================== */

.admin-shell{
  --ac-micro:10.5px;    /* etiquettes majuscules */
  --ac-xs:11.5px;       /* meta, timestamps */
  --ac-sm:12.5px;       /* texte secondaire */
  --ac-base:13px;       /* texte courant */
  --ac-md:13.5px;       /* navigation, champs */
  --ac-lg:16px;         /* titres de panneaux */
  --ac-xl:20px;         /* gros titres de section */

  --ac-gap:13px;
  --ac-pad:16px;
  --ac-radius:14px;
  --ac-radius-sm:10px;
}


/* ----------------------------------------------------------
   1. LARGEUR DE TRAVAIL
   2360px etirait 5 indicateurs sur 1515px : chaque carte
   faisait 290px de large pour afficher un chiffre.
   ---------------------------------------------------------- */

.admin-shell > .container,
.admin-shell .admin-layout{
  width:min(calc(100% - 40px),1520px)!important;
  max-width:1520px!important;
}

.admin-shell{padding:18px 0 56px}

.admin-shell .admin-layout{
  /* Rail (38px) + separateur + panneau : il faut ~256px pour
     que « Messages & Panels » ou « VIP / Partenaire / Beta »
     tiennent sur une ligne. */
  grid-template-columns:256px minmax(0,1fr);
  gap:16px;
}

.admin-shell .admin-content{
  gap:13px;
  padding:0;
}


/* ----------------------------------------------------------
   2. TITRES
   ---------------------------------------------------------- */

.admin-shell .admin-head{padding-bottom:12px}

.admin-shell .admin-head h1,
.admin-shell .client-head h1,
.admin-shell .admin-content h1{
  margin:4px 0 0;
  font-size:24px!important;
  line-height:1.18;
  letter-spacing:-.02em;
}

.admin-shell .admin-head p,
.admin-shell p{font-size:13px!important;line-height:1.5}

.admin-shell .eyebrow{font-size:10px!important;letter-spacing:.11em}

.admin-shell h2,
.admin-shell .admin-content h2{font-size:16px!important;line-height:1.25}

.admin-shell h3,
.admin-shell .admin-content h3{font-size:14px!important}

.admin-shell .panel-card-head h2,
.admin-shell .admin-widget-section-head-v400 h2{
  margin:2px 0 0;
  font-size:16px!important;
}

.admin-shell .admin-widget-section-head-v400{margin-bottom:9px}
.admin-shell .panel-card-head{margin-bottom:10px}

.admin-shell .btn{min-height:32px;padding:0 12px;font-size:12.5px!important}
.admin-shell .btn.small{min-height:29px;font-size:11.5px!important}


/* ----------------------------------------------------------
   3. INDICATEURS
   ---------------------------------------------------------- */

.admin-shell .kpi-grid{
  grid-template-columns:repeat(auto-fit,minmax(184px,1fr));
  gap:10px;
}

.admin-shell .kpi-card{padding:13px 15px}

.admin-shell .admin-kpi-v400{
  grid-template-columns:38px minmax(0,1fr);
  gap:0 11px;
  padding:13px 15px;
}

.admin-shell .admin-kpi-v400 > i{
  width:38px;
  height:38px;
  border-radius:11px;
  font-size:16px!important;
}

.admin-shell .kpi-card span{font-size:11.5px!important}

.admin-shell .kpi-card strong{
  margin:2px 0 1px;
  font-size:25px!important;
  line-height:1.1;
}

.admin-shell .kpi-card small{font-size:10.5px!important}


/* ----------------------------------------------------------
   4. ACTIONS RAPIDES
   Ce sont des liens : ils n'ont pas besoin de cartes de
   161px de haut. Tuiles a deux lignes, icone a gauche.
   ---------------------------------------------------------- */

.admin-shell .quick-grid,
.admin-shell .admin-quick-grid-v400{
  grid-template-columns:repeat(auto-fit,minmax(228px,1fr));
  gap:9px;
}

.admin-shell .quick-card{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  grid-template-areas:
    "icon titre"
    "icon texte";
  align-content:center;
  gap:0 11px;
  padding:11px 13px;
  border-radius:var(--ac-radius-sm);

  /* aurora-v420.css impose min-height:150px a ces tuiles :
     dimensionne pour l'ancienne echelle, il laissait 90px de
     vide sous deux lignes de texte. */
  min-height:0;
}

.admin-shell .quick-card i{
  grid-area:icon;
  align-self:center;
  width:34px;
  height:34px;
  border-radius:10px;
  font-size:15px!important;
}

.admin-shell .quick-card strong{
  grid-area:titre;
  margin-top:0;
  font-size:13px!important;
}

.admin-shell .quick-card span{
  grid-area:texte;
  margin-top:1px;
  font-size:11.5px!important;
  line-height:1.4;
}


/* ----------------------------------------------------------
   5. PANNEAUX ET WIDGETS
   ---------------------------------------------------------- */

.admin-shell .admin-widget-grid-v400{gap:13px}

.admin-shell .card.admin-widget-v400,
.admin-shell .admin-widget-v400.card,
.admin-shell .panel-card,
.admin-shell .admin-health-panel{padding:15px 16px}

/* 5 services pour 4 colonnes : le cinquieme se retrouvait
   seul sur une ligne. */
.admin-shell .admin-health-grid{
  grid-template-columns:repeat(auto-fit,minmax(214px,1fr));
  gap:9px;
}

.admin-shell .admin-health-grid > div,
.admin-shell .admin-health-item,
.admin-shell .status-card{padding:11px 13px;min-height:0}

.admin-shell .admin-bot-summary-grid-v400{gap:10px}

.admin-shell .admin-bot-summary-grid-v400 > div{
  padding:11px 13px;
  min-height:0;
}

/* Autres hauteurs minimales calibrees sur l'ancienne echelle. */
.admin-shell .empty{min-height:0;padding:18px}

.admin-shell .bot-operation-grid-v380{
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:9px;
}

.admin-shell .bot-operation-grid-v380 > a{min-height:0}

.admin-shell .role-admin-summary-v400 > article,
.admin-shell .role-admin-summary-v380 > article{min-height:0;padding:13px}

.admin-shell .feed-row{padding:8px 0}
.admin-shell .feed-row strong{font-size:12.5px!important}
.admin-shell .feed-row span{font-size:11.5px!important}
.admin-shell .feed-row time{font-size:10.5px!important}

.admin-shell .site-role-chip-v400{font-size:11px!important;padding:3px 9px}
.admin-shell .admin-current-roles-v400{gap:6px;margin-top:8px}


/* ----------------------------------------------------------
   6. TABLEAUX
   Les listes du panel (licences, utilisateurs, commandes)
   suivent la meme echelle.
   ---------------------------------------------------------- */

.admin-shell table th{font-size:10.5px!important}
.admin-shell table td{font-size:12px!important}
.admin-shell table th,
.admin-shell table td{padding:9px 11px}


/* ----------------------------------------------------------
   7. COLONNE DE NAVIGATION
   ---------------------------------------------------------- */

.admin-shell .admin-side{padding:11px!important}
.admin-shell .admin-brand{padding:6px 8px 11px}
.admin-shell .admin-brand strong{font-size:13.5px!important}
.admin-shell .admin-brand span{font-size:10.5px!important}
.admin-shell .admin-nav-label{font-size:10px!important}
.admin-shell .admin-side a{padding:7px 9px;font-size:12.5px!important}
.admin-shell .admin-side a i{width:20px;font-size:12px!important}
.admin-shell .admin-side-bot-v600 strong{font-size:11.5px!important}
.admin-shell .admin-side-bot-v600 span{font-size:10.5px!important}


/* ----------------------------------------------------------
   8. CONTROL CENTER DU BOT
   ---------------------------------------------------------- */

.admin-shell .bot-status-bar-v600{padding:15px 17px;gap:15px}
.admin-shell .bot-status-dot-v600{width:52px;height:52px;border-radius:14px}
.admin-shell .bot-status-dot-v600 > i{font-size:20px}
.admin-shell .bot-status-copy-v600 h2{font-size:17px!important}
.admin-shell .bot-status-line-v600{font-size:12px;gap:10px}
.admin-shell .bot-status-facts-v600{gap:22px}
.admin-shell .bot-status-facts-v600 small{font-size:9.5px!important}
.admin-shell .bot-status-facts-v600 strong{font-size:14px!important}

.admin-shell .bot-command-kpi-grid-v380{gap:10px}
.admin-shell .bot-command-panel-v380{padding:15px 16px!important}
.admin-shell .bot-command-dashboard-v380{gap:13px}


/* ----------------------------------------------------------
   9. RESPONSIVE
   ---------------------------------------------------------- */

@media(min-width:2100px){
  .admin-shell > .container,
  .admin-shell .admin-layout{max-width:1660px!important}
}

@media(max-width:1024px){
  .admin-shell .admin-head h1,
  .admin-shell .client-head h1,
  .admin-shell .admin-content h1{font-size:21px!important}
}
/* ==========================================================
   AURORA CONTROL — V6.2.0 — RAIL D'ICONES SEUL

   Remplace le bloc V6.1.0 (rail + panneau permanent) : le
   panneau prenait 256px de large en permanence. Ici la colonne
   est un rail d'icones de 68px, et les pages d'une categorie
   s'ouvrent en survol dans un menu flottant, par-dessus le
   contenu — la largeur de travail gagne ~190px.

   Contraintes conservees :
   - .admin-brand reste enfant DIRECT de .admin-side :
     admin-tools-v500.js insere le declencheur Ctrl+K juste
     apres lui avec side.insertBefore(). Imbrique plus profond,
     l'insertion echoue et le bouton disparait. Il est restyle
     ici en tuile carree du rail ;
   - la structure .admin-nav-group / .admin-nav-label / <a>
     est intacte : c'est ce que la palette Ctrl+K indexe ;
   - aucun sticky, aucun scroller imbrique. Le menu flottant
     est en position:absolute dans une tuile en
     position:relative — la fondation V4.2.0 ne force que
     .admin-side, qui reste static et overflow-y:visible, ce
     qui laisse justement le menu deborder.
   ========================================================== */

.admin-shell .admin-layout{
  grid-template-columns:68px minmax(0,1fr);
  gap:14px;
}


/* ----------------------------------------------------------
   1. LA COLONNE DEVIENT LE RAIL
   ---------------------------------------------------------- */

.admin-shell .admin-side{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:10px 10px 12px!important;
  border:1px solid var(--ac6-line);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(21,25,41,.7),rgba(12,15,25,.95));
  box-shadow:0 22px 60px rgba(0,0,0,.26);
  overflow:visible;
}

/* Tuile commune a la marque, a la recherche, aux categories
   et au pied de colonne. */
.admin-shell .admin-side > .admin-brand,
.admin-shell .admin-side > .ac-cmdk-trigger,
.admin-shell .ac-rail-v620 button,
.admin-shell .admin-side-foot-v600 a{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:15px;
  background:transparent;
  color:#7f8899;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}

/* Marque : la tuile porte l'initiale, le texte est retire du
   rendu mais reste dans le DOM. */
.admin-shell .admin-side > .admin-brand{
  margin:0 0 2px;
  border-color:transparent;
  background:linear-gradient(140deg,var(--ac6-accent),var(--ac6-accent-2));
  color:#fff;
  font-size:19px;
  font-weight:900;
  cursor:default;
}

.admin-shell .admin-side > .admin-brand::before{content:"A"}
.admin-shell .admin-side > .admin-brand > *{display:none}

/* Declencheur de la palette : injecte a l'execution avec un
   libelle et un raccourci, inutilisables dans 48px. */
.admin-shell .admin-side > .ac-cmdk-trigger{
  border-color:var(--ac6-line);
  background:rgba(255,255,255,.03);
  font-size:19px;
}

.admin-shell .admin-side > .ac-cmdk-trigger em,
.admin-shell .admin-side > .ac-cmdk-trigger kbd{display:none}

.admin-shell .admin-side > .ac-cmdk-trigger:hover{
  border-color:rgba(139,92,246,.34);
  background:rgba(139,92,246,.12);
  color:#cbbcff;
}

.admin-shell .ac-rail-v620{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  width:100%;
  margin-top:4px;
  padding-top:10px;
  border-top:1px solid var(--ac6-line);
}

.admin-shell .ac-rail-item-v620{
  position:relative;
  z-index:1;
}

/* La tuile ouverte doit passer au-dessus des suivantes. */
.admin-shell .ac-rail-item-v620.open{z-index:40}

.admin-shell .ac-rail-v620 button svg{width:23px;height:23px}

.admin-shell .ac-rail-v620 button:hover{
  background:rgba(255,255,255,.07);
  color:#e6eaf3;
}

/* Categorie de la page ouverte. */
.admin-shell .ac-rail-v620 button[data-current="1"]{
  border-color:transparent;
  background:linear-gradient(140deg,var(--ac6-accent),var(--ac6-accent-2));
  color:#fff;
  box-shadow:0 6px 18px rgba(109,92,255,.3);
}

/* Categorie simplement survolee / ouverte au clavier. */
.admin-shell .ac-rail-item-v620.open > button:not([data-current="1"]){
  border-color:rgba(139,92,246,.34);
  background:rgba(139,92,246,.14);
  color:#d9cdff;
}


/* ----------------------------------------------------------
   2. MENU FLOTTANT
   ---------------------------------------------------------- */

.admin-shell .ac-flyout-v620{
  position:absolute;
  left:calc(100% + 10px);
  top:-8px;
  min-width:238px;
  padding:9px;
  border:1px solid var(--ac6-line);
  border-radius:16px;
  background:#12151f;
  box-shadow:0 26px 70px rgba(0,0,0,.5);
  opacity:0;
  visibility:hidden;
  transform:translateX(-6px);

  /* visibility n'est PAS dans la transition : c'est une
     propriete discrete, la faire transiter retarde son
     basculement et le menu reste invisible plusieurs
     centaines de millisecondes apres l'ouverture. Elle bascule
     donc immediatement ; seuls opacity et transform sont
     animes. */
  transition:opacity .14s ease,transform .14s ease;
}

.admin-shell .ac-rail-item-v620.open > .ac-flyout-v620{
  opacity:1;
  visibility:visible;
  transform:none;
}

/* Pont invisible entre la tuile et le menu : sans lui, le
   menu se ferme des que le curseur traverse les 10px de vide. */
.admin-shell .ac-flyout-v620::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-12px;
  width:12px;
}

.admin-shell .ac-flyout-v620 .admin-nav-group{
  display:flex;
  flex-direction:column;
  gap:1px;
}

/* L'intitule du groupe titre le menu. La palette Ctrl+K lit ce
   meme textContent pour nommer la categorie. */
.admin-shell .ac-flyout-v620 .admin-nav-label{
  padding:4px 9px 8px;
  color:#8f7ce8;
  font-size:10.5px!important;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.admin-shell .ac-flyout-v620 a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:10px;
  color:#aab3c2;
  font-size:13.5px!important;
  font-weight:700;
  line-height:1.3;
  white-space:nowrap;
}

.admin-shell .ac-flyout-v620 a i{
  flex:0 0 auto;
  width:20px;
  text-align:center;
  font-style:normal;
  font-size:13px!important;
  opacity:.7;
}

.admin-shell .ac-flyout-v620 a:hover{background:rgba(255,255,255,.06);color:#eef1f7}

.admin-shell .ac-flyout-v620 a.active{
  background:linear-gradient(115deg,rgba(139,92,246,.24),rgba(109,116,255,.1));
  color:#f1ecff;
}

.admin-shell .ac-flyout-v620 a.active i{opacity:1;color:#c3b2ff}


/* ----------------------------------------------------------
   3. PIED DE RAIL
   ---------------------------------------------------------- */

.admin-shell .admin-side-foot-v600{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  width:100%;
  margin-top:4px;
  padding-top:10px;
  border-top:1px solid var(--ac6-line);
}

.admin-shell .admin-side-foot-v600 a{
  border-color:var(--ac6-line);
  font-size:17px;
  text-decoration:none;
}

.admin-shell .admin-side-foot-v600 a i{font-style:normal}
.admin-shell .admin-side-foot-v600 a span{display:none}

.admin-shell .admin-side-foot-v600 a:hover{
  background:rgba(255,255,255,.07);
  color:#e6eaf3;
}

/* Etat du bot : pastille seule, le detail en info-bulle. */
.admin-shell .admin-side-bot-v600{
  position:relative;
  width:48px;
  height:26px;
  display:grid;
  place-items:center;
  margin-top:6px;
  padding:0;
  border:1px solid var(--ac6-line);
  border-radius:10px;
  background:rgba(0,0,0,.28);
}

.admin-shell .admin-side-bot-v600 > div{display:none}


/* ----------------------------------------------------------
   4. INFO-BULLES DU RAIL
   title= met une seconde a apparaitre ; on les dessine.
   ---------------------------------------------------------- */

.admin-shell .admin-side [data-tip]{position:relative}

.admin-shell .admin-side [data-tip]::after{
  content:attr(data-tip);
  position:absolute;
  left:calc(100% + 10px);
  top:50%;
  transform:translateY(-50%);
  padding:6px 10px;
  border:1px solid var(--ac6-line);
  border-radius:9px;
  background:#12151f;
  color:#e4e8f1;
  font-size:12px;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .14s ease;
  z-index:50;
}

.admin-shell .admin-side [data-tip]:hover::after{opacity:1}

/* Une categorie ouverte affiche deja son titre dans le menu. */
.admin-shell .ac-rail-item-v620.open [data-tip]::after{opacity:0}


/* ----------------------------------------------------------
   5. RESPONSIVE
   Sous 1024px admin-v500.css passe .admin-layout en block et
   aurora-v420.css met .admin-side en overflow:hidden — un menu
   flottant y serait rogne. On repasse en barre horizontale
   avec les liens deplies dessous.
   ---------------------------------------------------------- */

@media(max-width:1024px){
  .admin-shell .admin-side{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    border-radius:16px;
    overflow:visible;
  }

  .admin-shell .admin-side > .admin-brand{margin:0}

  .admin-shell .ac-rail-v620{
    flex-direction:row;
    width:auto;
    margin:0;
    padding:0;
    border-top:0;
  }

  .admin-shell .admin-side-foot-v600{
    flex-direction:row;
    width:auto;
    margin:0 0 0 auto;
    padding:0;
    border-top:0;
  }

  /* En barre, le menu s'ouvre vers le bas. */
  .admin-shell .ac-flyout-v620{
    left:0;
    top:calc(100% + 8px);
    transform:translateY(-6px);
  }

  .admin-shell .ac-flyout-v620::before{
    top:-12px;
    bottom:auto;
    left:0;
    right:0;
    width:auto;
    height:12px;
  }

  .admin-shell .admin-side [data-tip]::after{display:none}
}

@media(max-width:560px){
  .admin-shell .admin-side{justify-content:center}
  .admin-shell .admin-side-foot-v600{margin-left:0}

  .admin-shell .ac-flyout-v620{
    left:auto;
    right:auto;
    min-width:min(238px,calc(100vw - 60px));
  }
}

/* ==========================================================================
   AURORA CONTROL V7.0.0 — COUCHE FINALE
   Ecrite apres les composants repris de la V4.2.0 et apres la couche V5/V6 :
   c'est elle qui a le dernier mot. Elle ne redefinit pas les composants un
   par un, elle repose l'echelle, la palette et la coquille sur les jetons
   de la V7, et ne reecrit en detail que ce qui se voit sur les 29 pages.

   Ce qui n'est PAS touche, volontairement :
   - la fondation « native scroll » de la V4.2.0 (aucune colonne admin ne
     peut etre collante, aucun transform au survol) ;
   - la structure du rail genere et l'ordre des noeuds attendu par
     admin-tools-v500.js (.admin-brand doit rester enfant direct de
     .admin-side) ;
   - les glyphes texte des liens, lus par addLink() et la palette Ctrl+K.
   ========================================================================== */

/* --- 1. Jetons du panel -------------------------------------------------- */

.admin-shell{
  /* Le conteneur public plafonne a 1200 px ; la colonne de travail du
     panel a besoin de place pour ses tableaux. */
  --max:1560px;

  --ac-micro:10.5px;
  --ac-xs:11.5px;
  --ac-sm:12.5px;
  --ac-base:13px;
  --ac-md:13.5px;
  --ac-lg:16px;
  --ac-xl:20px;

  --ac-gap:16px;
  --ac-pad:18px;
  --ac-radius:var(--r);
  --ac-radius-sm:var(--r-sm);

  /* Surfaces a plat : le degrade de la V5 ajoutait une couche de bruit
     sur chaque carte, sans rien apporter a 13 px. */
  --ac-surface:var(--surface);
  --ac-surface-flat:var(--surface);
  --ac-line:var(--line);
  --ac-line-strong:var(--line-2);
  --ac-accent:var(--brand);
  --ac-accent-soft:var(--brand-soft);

  --ac6-line:var(--line);
  --ac6-accent:var(--brand);
  --ac6-accent-2:var(--brand-2);

  display:block;
  padding-block:22px 56px;
}

/* --- 2. Modificateurs historiques ----------------------------------------
   Les scripts de page emettent encore les noms de la V4 (chip warning,
   btn small, icon-btn). On les branche sur la palette V7 plutot que de
   reecrire 29 scripts. */

.admin-shell .chip.primary{border-color:var(--brand-line);background:var(--brand-soft);color:#d5c9ff}
.admin-shell .chip.success{border-color:rgba(52,211,153,.26);background:var(--ok-soft);color:#7ce3bd}
.admin-shell .chip.warning{border-color:rgba(251,191,36,.26);background:var(--warn-soft);color:#f6cf74}
.admin-shell .chip.danger{border-color:rgba(251,113,133,.26);background:var(--bad-soft);color:#ffa8b6}
.admin-shell .chip.info{border-color:rgba(96,165,250,.26);background:var(--info-soft);color:#93c2fb}
.admin-shell .chip.neutral,.admin-shell .chip.mute{border-color:transparent;background:rgba(255,255,255,.055);color:var(--muted)}
.admin-shell .chip.green{border-color:rgba(52,211,153,.26);background:var(--ok-soft);color:#7ce3bd}
.admin-shell .chip.purple{border-color:var(--brand-line);background:var(--brand-soft);color:#d5c9ff}
.admin-shell .chip.cyan{border-color:rgba(96,165,250,.26);background:var(--info-soft);color:#93c2fb}

.admin-shell .btn.small{min-height:31px;padding:0 10px;border-radius:var(--r-xs)}
.admin-shell .btn.large{min-height:42px;padding:0 18px;border-radius:var(--r-sm)}
.admin-shell .icon-btn{width:34px;height:34px;padding:0}
.admin-shell .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}

/* --- 3. Coquille --------------------------------------------------------- */

.admin-layout{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  align-items:start;
}

/* Rail d'icones. La V6.2.0 avait retenu 68 px ; a 60 px avec les jetons V7
   la zone de travail gagne encore de la largeur sans rien perdre. */
.admin-shell .admin-side{
  width:60px;
  padding:8px;
  display:grid;
  gap:8px;
  justify-items:center;
  align-content:start;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:var(--surface);
  box-shadow:none;
}

.admin-shell .admin-brand{
  display:grid;place-items:center;
  width:44px;height:44px;
  border-radius:var(--r-sm);
  background:var(--brand-grad);
  box-shadow:var(--sh-brand);
  overflow:hidden;
}
.admin-shell .admin-brand>div{display:none}
.admin-shell .admin-brand::after{
  content:"A";
  font-size:17px;font-weight:800;color:#fff;letter-spacing:-.02em;
}

.admin-shell .ac-rail-v620{
  display:grid;gap:4px;justify-items:center;width:100%;
  padding-block:6px;
  border-block:1px solid var(--line);
}

.admin-shell .ac-rail-item-v620{position:relative;width:44px}

.admin-shell .ac-rail-item-v620>button{
  display:grid;place-items:center;
  width:44px;height:40px;
  border-radius:var(--r-sm);
  color:var(--muted);
  transition:background var(--t-fast),color var(--t-fast);
}
.admin-shell .ac-rail-item-v620>button svg{width:19px;height:19px}
.admin-shell .ac-rail-item-v620>button:hover{background:rgba(255,255,255,.06);color:var(--text)}

/* La categorie de la page ouverte est marquee par admin-nav-v620.js avec
   data-current="1" sur le bouton, et l'ouverture par la classe .open sur
   l'element parent. Ne pas inventer d'autres noms. */
.admin-shell .ac-rail-item-v620>button[data-current="1"],
.admin-shell .ac-rail-item-v620>button[aria-expanded="true"]{
  background:var(--brand-soft);color:var(--brand-3);
}
/* Repere de la categorie courante : un trait, pas un halo. */
.admin-shell .ac-rail-item-v620>button[data-current="1"]::before{
  content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);
  width:2px;height:18px;border-radius:2px;background:var(--brand);
}

/* Le menu flottant deborde du rail grace a overflow-y:visible, impose par
   la fondation V4.2.0 sur .admin-side. Ne pas y toucher. */
.admin-shell .ac-flyout-v620{
  position:absolute;left:calc(100% + 10px);top:-8px;z-index:70;
  min-width:224px;padding:6px;
  border:1px solid var(--line-2);border-radius:var(--r);
  background:rgba(16,18,27,.98);
  backdrop-filter:blur(18px);
  box-shadow:var(--sh-lg);
  opacity:0;visibility:hidden;
  transform:translateX(-5px);
  /* visibility est une propriete discrete : la faire transiter retarde son
     basculement et le menu reste invisible apres l'ouverture. */
  transition:opacity var(--t-fast),transform var(--t-fast);
}
.admin-shell .ac-rail-item-v620.open .ac-flyout-v620{opacity:1;visibility:visible;transform:none}

/* Pont invisible entre la tuile et le menu, sinon il se ferme des que le
   curseur traverse l'espace vide. */
.admin-shell .ac-rail-item-v620::before{
  content:"";position:absolute;left:100%;top:0;width:12px;height:100%;
}

.admin-shell .ac-flyout-v620 .admin-nav-label{
  padding:8px 10px 6px;
  font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--muted-2);
}
.admin-shell .ac-flyout-v620 a{
  display:flex;align-items:center;gap:9px;
  padding:7px 10px;border-radius:var(--r-xs);
  font-size:13px;font-weight:560;color:var(--text-2);
  transition:background var(--t-fast),color var(--t-fast);
}
.admin-shell .ac-flyout-v620 a:hover{background:rgba(255,255,255,.06);color:var(--text)}
.admin-shell .ac-flyout-v620 a.active{background:var(--brand-soft);color:#e3dcff}
.admin-shell .ac-flyout-v620 a i{
  display:grid;place-items:center;
  width:19px;height:19px;flex:none;
  font-style:normal;font-size:12px;color:var(--muted-2);
}
.admin-shell .ac-flyout-v620 a.active i{color:var(--brand-3)}

.admin-shell .admin-side-foot-v600{
  display:grid;gap:4px;justify-items:center;width:100%;
}
.admin-shell .admin-side-foot-v600 a{
  display:grid;place-items:center;
  width:44px;height:38px;border-radius:var(--r-sm);
  color:var(--muted-2);
  transition:background var(--t-fast),color var(--t-fast);
}
.admin-shell .admin-side-foot-v600 a:hover{background:rgba(255,255,255,.06);color:var(--text)}
.admin-shell .admin-side-foot-v600 a span{display:none}
.admin-shell .admin-side-foot-v600 a i{font-style:normal;font-size:14px}

/* Le declencheur Ctrl+K est insere par admin-tools-v500.js juste apres
   .admin-brand, sous la forme <span>⌕</span><em>…</em><kbd>…</kbd>.
   On garde le glyphe, on masque le libelle et le raccourci : le rail ne
   fait que 60 px. Ne pas toucher a l'ordre des noeuds du rail, insertBefore
   s'appuie dessus. */
.admin-shell .ac-cmdk-trigger{
  display:grid!important;place-items:center;
  width:44px;height:38px;padding:0;
  border:1px solid var(--line);border-radius:var(--r-sm);
  background:rgba(255,255,255,.03);
  color:var(--muted);font-size:15px;
}
.admin-shell .ac-cmdk-trigger:hover{background:rgba(255,255,255,.07);color:var(--text)}
.admin-shell .ac-cmdk-trigger em,
.admin-shell .ac-cmdk-trigger kbd{display:none!important}

/* --- 4. Zone de travail -------------------------------------------------- */

.admin-shell .admin-content{
  display:grid;gap:var(--ac-gap);
  min-width:0;
  max-width:none;
}

.admin-shell .admin-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:16px;flex-wrap:wrap;
  padding-bottom:14px;margin-bottom:2px;
  border-bottom:1px solid var(--line);
}
.admin-shell .admin-head h1{
  font-size:22px!important;letter-spacing:-.028em;line-height:1.15;
}
.admin-shell .admin-head p{font-size:var(--ac-sm)!important;margin-top:5px;color:var(--muted)}
.admin-shell .admin-head .eyebrow{font-size:10.5px!important;letter-spacing:.11em}
.admin-shell .admin-head-actions-v400,
.admin-shell .admin-head>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* --- 5. Surfaces --------------------------------------------------------- */

.admin-shell .card,
.admin-shell .panel-card,
.admin-shell .admin-table-card,
.admin-shell .kpi-card,
.admin-shell .quick-card,
.admin-shell .editor-section,
.admin-shell .form-card{
  border:1px solid var(--line);
  border-radius:var(--r);
  background:var(--surface);
  box-shadow:none;
}

.admin-shell .panel-card-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;flex-wrap:wrap;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
}
.admin-shell .panel-card-head h2,
.admin-shell .panel-card-head h3{font-size:var(--ac-lg)!important;letter-spacing:-.02em}

.admin-shell .kpi-card{display:grid;gap:4px;padding:14px 16px}
.admin-shell .kpi-card b,
.admin-shell .kpi-card strong{font-size:22px!important;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.admin-shell .kpi-card small{font-size:var(--ac-micro)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}

.admin-shell .quick-card{padding:13px 15px;min-height:0}

/* --- 6. Tableaux --------------------------------------------------------- */

.admin-shell .admin-table{
  width:100%;border-collapse:collapse;font-size:var(--ac-sm);
}
.admin-shell .admin-table th{
  padding:10px 13px;text-align:left;
  background:var(--surface-2);
  border-bottom:1px solid var(--line);
  font-size:var(--ac-micro);font-weight:660;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted-2);white-space:nowrap;
}
.admin-shell .admin-table td{
  padding:11px 13px;border-bottom:1px solid var(--line);
  color:var(--text-2);vertical-align:middle;
}
.admin-shell .admin-table tbody tr:last-child td{border-bottom:0}
.admin-shell .admin-table tbody tr{transition:background var(--t-fast)}
.admin-shell .admin-table tbody tr:hover{background:rgba(255,255,255,.022)}
.admin-shell .admin-table-card{overflow-x:auto}

/* Barre d'outils de tableau produite par admin-tools-v500.js */
.admin-shell .ac-tablebar{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:11px 14px;border-bottom:1px solid var(--line);
  font-size:var(--ac-xs);
}
.admin-shell .ac-tablebar-count{color:var(--muted-2)}
.admin-shell .ac-tablebar-pager{margin-left:auto;display:flex;align-items:center;gap:6px}

/* --- 7. Champs ----------------------------------------------------------- */

.admin-shell .field{display:grid;gap:6px}
.admin-shell .field>label,.admin-shell .field>span:first-child{
  font-size:var(--ac-micro)!important;font-weight:660;letter-spacing:.05em;
  text-transform:uppercase;color:var(--muted-2);
}
.admin-shell input,.admin-shell textarea,.admin-shell select{
  min-height:36px;padding:7px 11px;
  border-radius:var(--r-sm);
  font-size:var(--ac-md)!important;
}
.admin-shell textarea{min-height:96px}
.admin-shell .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.admin-shell .search-box{
  display:flex;align-items:center;gap:8px;
  min-height:36px;padding:0 11px;
  border:1px solid var(--line-2);border-radius:var(--r-sm);
  background:rgba(255,255,255,.028);
}
.admin-shell .search-box input{border:0;background:none;min-height:auto;padding:0}
.admin-shell .search-box input:focus{box-shadow:none}

/* --- 8. Listes et etats -------------------------------------------------- */

.admin-shell .feed-row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;align-items:center;
  padding:9px 11px;border-radius:var(--r-sm);
}
.admin-shell .feed-row:hover{background:rgba(255,255,255,.028)}
.admin-shell .feed-row strong{font-size:var(--ac-sm)!important}
.admin-shell .feed-row span{font-size:var(--ac-xs)!important;color:var(--muted-2)}

.admin-shell .empty{
  padding:26px 20px;min-height:0;
  border:1px dashed var(--line-2);border-radius:var(--r);
  background:rgba(255,255,255,.012);
  font-size:var(--ac-sm)!important;color:var(--muted-2);
}

/* --- 9. Palette de commandes et modales ---------------------------------- */

.admin-shell .ac-cmdk-backdrop,
.ac-cmdk-backdrop{
  background:rgba(4,5,10,.74);
  backdrop-filter:blur(6px);
}
.diagnostic-backdrop{
  background:rgba(4,5,10,.74);
}
.diagnostic-modal{
  border:1px solid var(--line-2);border-radius:var(--r-lg);
  background:var(--surface);
  box-shadow:var(--sh-lg);
}

/* --- 10. En-tete et pied de page ----------------------------------------- */

/* Sur les pages admin, l'en-tete V7 reste mais sans la barre de navigation
   publique : la navigation du panel, c'est le rail. */
body.admin-page .site-header .nav-links{display:none}
body.admin-page .site-header .mobile-toggle{display:none}

/* --- 11. Responsive ------------------------------------------------------ */

@media (max-width:1024px){
  .admin-layout{grid-template-columns:1fr}

  /* Sous 1024 px le rail se deplie en bandeau horizontal : un rail vertical
     de 60 px a cote d'une colonne de 300 px ne sert plus a rien. */
  .admin-shell .admin-side{
    width:100%;
    grid-auto-flow:column;
    grid-auto-columns:max-content;
    justify-items:start;
    align-items:center;
    gap:6px;
    overflow-x:auto;
    padding:8px 10px;
  }
  .admin-shell .ac-rail-v620{
    grid-auto-flow:column;
    grid-auto-columns:max-content;
    border-block:0;
    border-inline:1px solid var(--line);
    padding-inline:8px;padding-block:0;
    width:auto;
  }
  .admin-shell .admin-side-foot-v600{grid-auto-flow:column;width:auto}
  .admin-shell .ac-flyout-v620{
    left:0;top:calc(100% + 10px);
    transform:translateY(-5px);
  }
  .admin-shell .ac-flyout-v620.open{transform:none}
  .admin-shell .ac-rail-item-v620::before{
    left:0;top:100%;width:100%;height:12px;
  }
  .admin-shell .ac-rail-item-v620.current>button::before{
    left:50%;top:auto;bottom:-8px;transform:translateX(-50%);
    width:18px;height:2px;
  }
}

@media (max-width:680px){
  .admin-shell{padding-block:16px 40px;--ac-gap:12px;--ac-pad:14px}
  .admin-shell .admin-head{align-items:flex-start}
  .admin-shell .admin-head h1{font-size:19px!important}
  .admin-shell .admin-head-actions-v400{width:100%}
  .admin-shell .form-grid{grid-template-columns:1fr}
  .admin-shell .admin-table{min-width:560px}
}
