/* ==========================================================================
   drpcommercify-refonte.css — refonte du front de l'espace support
   Feuille ISOLEE : se retire en supprimant le seul <link> de layout_default.
   N'ecrase jamais drpcommercify.css ; n'introduit aucune couleur en dur,
   tout passe par les jetons --drp-* deja definis.
   ========================================================================== */

/* ---- couleurs d'identification par projet (marques, pas thème) ---------- */
:root{
  --drp-pj-commercify:#ff6a00;
  --drp-pj-vokalyptus:#5dd4c8;
  --drp-pj-genericvoice:#8b7cf6;
  --drp-pj-promptdemerde:#f2c14e;
  --drp-wash:rgba(255,255,255,.03);
}
[data-bs-theme="light"]{
  --drp-pj-vokalyptus:#17a398;
  --drp-wash:rgba(0,0,0,.02);
}

/* ======================================================= rail de projets = */
.drp-rail{
  display:flex;
  align-items:stretch;
  background:var(--drp-sidebar);
  border-bottom:1px solid var(--drp-border);
  overflow-x:auto;
  scrollbar-width:thin;
}
.drp-rail__in{display:flex;align-items:stretch;width:100%;max-width:1480px;margin:0 auto;padding:0 .75rem}
.drp-rail__it{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.7rem 1rem;
  font-size:.8125rem;font-weight:600;line-height:1.2;
  color:var(--drp-text-sec);text-decoration:none;white-space:nowrap;
  border:0;border-bottom:2px solid transparent;background:transparent;
  transition:var(--drp-tr);
}
.drp-rail__it:hover{color:var(--drp-text);background:var(--drp-wash)}
.drp-rail__it.active{color:var(--drp-text);background:var(--drp-bg-elevated);border-bottom-color:var(--drp-pj,var(--drp-accent))}
.drp-rail__dot{width:9px;height:9px;flex:0 0 auto;background:var(--drp-pj,var(--drp-accent))}
.drp-rail__ct{
  font-size:.6875rem;font-weight:600;color:var(--drp-text-sec);
  background:var(--drp-bg-muted);padding:.05rem .4rem;min-width:1.25rem;text-align:center;
}
.drp-rail__end{margin-left:auto}
@media (max-width:575.98px){
  .drp-rail__it{padding:.6rem .7rem;font-size:.75rem}
  .drp-rail__it .drp-rail__lbl{display:none}
  .drp-rail__it.active .drp-rail__lbl{display:inline}
}

/* ============================================= bandeau de rattachement == */
.drp-tiein{
  display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;
  padding:.7rem 1.1rem;
  background:color-mix(in srgb,var(--drp-accent) 11%,var(--drp-bg-elevated));
  border-bottom:1px solid var(--drp-border);
  font-size:.8125rem;line-height:1.45;
}
.drp-tiein__ic{width:1.0625rem;height:1.0625rem;flex:0 0 auto;color:var(--drp-accent)}
.drp-tiein__tx{flex:1 1 22rem;min-width:0}
.drp-tiein__tx b{color:var(--drp-text)}
.drp-tiein__tx span{color:var(--drp-text-sec)}
.drp-tiein__cta{margin-left:auto;white-space:nowrap}

/* =================================================== bascule d'affichage = */
.drp-viewbar{
  display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;
  padding:.55rem .75rem;
  background:var(--drp-bg-card);border:1px solid var(--drp-border);
  margin-bottom:1rem;
}
.drp-viewbar__g{display:flex;align-items:center;gap:.45rem;font-size:.78125rem;color:var(--drp-text-sec)}
.drp-viewbar__ct{margin-left:auto;font-size:.75rem;color:var(--drp-text-sec)}
.drp-viewbar__ct b{color:var(--drp-text)}
.drp-switch{display:flex;border:1px solid var(--drp-border-s)}
.drp-switch>*{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.75rem;font-weight:600;line-height:1.2;
  color:var(--drp-text-sec);background:transparent;border:0;
  padding:.32rem .6rem;cursor:pointer;text-decoration:none;transition:var(--drp-tr);
}
.drp-switch>*+*{border-left:1px solid var(--drp-border-s)}
.drp-switch>*:hover{color:var(--drp-text)}
.drp-switch>.active,.drp-switch>[aria-pressed="true"]{color:#fff;background:var(--drp-btn)}
.drp-select{
  font-size:.78125rem;color:var(--drp-text);
  background:var(--drp-bg-elevated);border:1px solid var(--drp-border-s);
  padding:.3rem .5rem;border-radius:var(--drp-r);
}

/* ============================================================ vignettes = */
.drp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14.75rem,1fr));gap:.875rem}
.drp-thumb{
  display:flex;flex-direction:column;position:relative;overflow:hidden;
  border:1px solid var(--drp-border);background:var(--drp-bg-card);
  color:inherit;text-decoration:none;transition:var(--drp-tr);
}
.drp-thumb:hover{border-color:var(--drp-border-s);box-shadow:var(--drp-shadow);transform:translateY(-2px);color:inherit}
.drp-thumb.active{border-color:var(--drp-pj,var(--drp-accent));box-shadow:inset 0 0 0 1px var(--drp-pj,var(--drp-accent))}
.drp-thumb__vis{
  position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,color-mix(in srgb,var(--drp-pj,var(--drp-accent)) 26%,transparent),transparent 62%),var(--drp-bg-muted);
  border-bottom:1px solid var(--drp-border);
}
.drp-thumb__vis img{width:100%;height:100%;object-fit:cover}
.drp-thumb__sym{width:2.875rem;height:2.875rem;color:var(--drp-pj,var(--drp-accent))}
.drp-thumb__tag{
  position:absolute;inset:auto auto .5rem .5rem;
  font-size:.65625rem;font-weight:700;letter-spacing:.06em;
  color:var(--drp-text);background:var(--drp-bg-elevated);
  border:1px solid var(--drp-border-s);padding:.1rem .4rem;
}
.drp-thumb__mark{position:absolute;inset:.5rem .5rem auto auto;width:8px;height:8px;background:var(--drp-pj,var(--drp-accent))}
.drp-thumb__b{display:flex;flex-direction:column;gap:.45rem;flex:1;padding:.7rem .75rem .75rem}
.drp-thumb__n{font-size:.84375rem;font-weight:650;line-height:1.3}
.drp-thumb__d{font-size:.71875rem;color:var(--drp-text-sec);line-height:1.45;flex:1}
.drp-thumb__f{
  display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;
  border-top:1px solid var(--drp-border);padding-top:.55rem;margin-top:.1rem;
}
.drp-thumb__p{font-size:1rem;font-weight:700;letter-spacing:-.02em}
.drp-thumb__p small{font-size:.65625rem;font-weight:600;color:var(--drp-text-sec);letter-spacing:0}
.drp-thumb__cta{font-size:.71875rem;font-weight:650;color:var(--drp-accent);display:inline-flex;align-items:center;gap:.25rem}

/* gabarit de banner reproduit a l'echelle */
.drp-box{
  border:1.5px dashed color-mix(in srgb,var(--drp-pj,var(--drp-accent)) 70%,transparent);
  background:color-mix(in srgb,var(--drp-pj,var(--drp-accent)) 10%,transparent);
}
.drp-box--1x1{width:3.375rem;height:3.375rem}
.drp-box--2x1{width:5.25rem;height:2.625rem}
.drp-box--1x2{width:2.375rem;height:4.75rem}
.drp-box--header{width:7.25rem;height:.875rem}

/* ================================================================ liste = */
.drp-list{border:1px solid var(--drp-border);background:var(--drp-bg-card)}
.drp-list__h,.drp-list__r{
  display:grid;grid-template-columns:1.875rem 2.3fr 5.75rem 1fr 7.375rem 6.5rem;
  gap:.75rem;align-items:center;padding:.55rem .75rem;
}
.drp-list__h{
  font-size:.65625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--drp-text-sec);background:var(--drp-sidebar);border-bottom:1px solid var(--drp-border);
}
.drp-list__r{border-top:1px solid var(--drp-border);font-size:.78125rem;color:inherit;text-decoration:none}
.drp-list__r:first-of-type{border-top:0}
.drp-list__r:hover{background:var(--drp-wash);color:inherit}
.drp-list__r.active{background:color-mix(in srgb,var(--drp-pj,var(--drp-accent)) 9%,transparent)}
.drp-list__n{font-weight:600;display:flex;align-items:center;gap:.5rem;min-width:0}
.drp-list__n .drp-rail__dot{width:8px;height:8px}
.drp-list__m{color:var(--drp-text-sec);font-size:.71875rem}
.drp-list__p{font-weight:700;text-align:right;font-size:.875rem}
.drp-list input[type="checkbox"]{accent-color:var(--drp-accent);width:.9375rem;height:.9375rem}
@media (max-width:991.98px){
  .drp-list__h,.drp-list__r{grid-template-columns:1.75rem 1.8fr 5rem 6.25rem}
  .drp-list__m{display:none}
}

/* ================================================== cartes et compteurs = */
.drp-cards{display:grid;gap:.875rem}
.drp-cards--4{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
.drp-cards--3{grid-template-columns:repeat(auto-fit,minmax(17.625rem,1fr))}
.drp-panel{border:1px solid var(--drp-border);background:var(--drp-bg-card);padding:.875rem .9375rem}
.drp-panel--flush{padding:0}
.drp-panel__t{
  display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem;
  font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--drp-text-sec);
}
.drp-panel__t .icon{width:.875rem;height:.875rem;color:var(--drp-accent)}
.drp-panel__hd{
  display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;
  padding:.75rem .875rem;border-bottom:1px solid var(--drp-border);
}
.drp-kpi{font-size:1.6875rem;font-weight:700;letter-spacing:-.03em;line-height:1}
.drp-kpi small{font-size:.75rem;font-weight:600;color:var(--drp-text-sec);letter-spacing:0}
.drp-kpi--sm{font-size:1.3125rem}

/* jauge de quota */
.drp-gauge{height:6px;background:var(--drp-bg-muted);overflow:hidden;margin:.45rem 0 .25rem}
.drp-gauge>i{display:block;height:100%;background:var(--drp-pj,var(--drp-accent))}
.drp-gauge-l{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--drp-text-sec)}

/* etats */
.drp-state{display:inline-flex;align-items:center;gap:.3125rem;font-size:.6875rem;font-weight:650}
.drp-state::before{content:"";width:7px;height:7px;flex:0 0 auto;background:var(--drp-bg-muted)}
.drp-state--ok::before{background:var(--drp-accent-2)}
.drp-state--wait::before{background:var(--drp-accent)}
.drp-state--ko::before{background:#e06c75}

/* pastille neutre */
.drp-chip{
  display:inline-flex;align-items:center;gap:.375rem;
  font-size:.71875rem;font-weight:600;padding:.25rem .5625rem;
  background:var(--drp-bg-muted);color:var(--drp-text-sec);
}

/* fil d'activite */
.drp-tl{position:relative;padding-left:1.25rem}
.drp-tl::before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:1px;background:var(--drp-border)}
.drp-tl__i{position:relative;padding-bottom:.9375rem}
.drp-tl__i:last-child{padding-bottom:0}
.drp-tl__i::before{content:"";position:absolute;left:-1.1875rem;top:5px;width:9px;height:9px;background:var(--drp-pj,var(--drp-accent))}
.drp-tl__m{font-size:.6875rem;color:var(--drp-text-sec)}
.drp-tl__x{font-size:.78125rem}

/* en-tete de page applicative */
.drp-pgt{display:flex;align-items:flex-end;gap:.875rem;flex-wrap:wrap;margin-bottom:.25rem}
.drp-pgt h1,.drp-pgt h2{font-size:1.1875rem;margin:0}
.drp-pglead{color:var(--drp-text-sec);font-size:.8125rem;margin-bottom:1.125rem;max-width:80ch}

/* tableau de donnees */
.drp-table{width:100%;border-collapse:collapse;font-size:.78125rem;border:1px solid var(--drp-border);background:var(--drp-bg-card)}
.drp-table th{
  text-align:left;font-size:.65625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--drp-text-sec);background:var(--drp-sidebar);
  padding:.5rem .625rem;border-bottom:1px solid var(--drp-border);white-space:nowrap;
}
.drp-table td{padding:.5rem .625rem;border-top:1px solid var(--drp-border);vertical-align:top}
.drp-table tbody tr:hover td{background:var(--drp-wash)}
.drp-table .num{text-align:right;font-variant-numeric:tabular-nums}
.drp-table--flush{border:0}

/* bloc d'information bêta */
.drp-beta{
  display:flex;gap:.625rem;align-items:flex-start;
  border:1px solid var(--drp-border);border-left:3px solid var(--drp-accent);
  background:var(--drp-bg-card);padding:.6875rem .875rem;font-size:.78125rem;
}
.drp-beta__tag{
  flex:0 0 auto;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--drp-accent);border:1px solid var(--drp-accent);padding:.1rem .4rem;
}

/* ================================================= contenu Markdown rendu = */
.drp-markdown{font-size:.875rem;line-height:1.6}
.drp-markdown>:first-child{margin-top:0}
.drp-markdown>:last-child{margin-bottom:0}
.drp-markdown h1,.drp-markdown h2,.drp-markdown h3,.drp-markdown h4{
  margin:1.5em 0 .5em;font-weight:650;letter-spacing:-.01em;line-height:1.3;
}
.drp-markdown h1{font-size:1.375rem}
.drp-markdown h2{font-size:1.125rem}
.drp-markdown h3{font-size:1rem}
.drp-markdown h4{font-size:.875rem;color:var(--drp-text-sec);text-transform:uppercase;letter-spacing:.08em}
.drp-markdown p,.drp-markdown ul,.drp-markdown ol{margin:0 0 1em}
.drp-markdown ul,.drp-markdown ol{padding-left:1.25rem}
.drp-markdown li{margin:.2em 0}
.drp-markdown a{color:var(--drp-accent)}
.drp-markdown hr{border:0;border-top:1px solid var(--drp-border);margin:1.5em 0}
.drp-markdown blockquote{
  margin:0 0 1em;padding:.5em .9em;
  border-left:3px solid var(--drp-accent);background:var(--drp-wash);color:var(--drp-text-sec);
}
.drp-markdown code{background:var(--drp-bg-muted);padding:.1em .35em;font-size:.86em}
.drp-markdown pre{background:var(--drp-bg-muted);padding:.75rem;overflow:auto}
.drp-markdown pre code{background:none;padding:0}
.drp-markdown table{width:100%;border-collapse:collapse;font-size:.8125rem;margin:0 0 1em}
.drp-markdown th,.drp-markdown td{padding:.4rem .6rem;border:1px solid var(--drp-border);text-align:left}
.drp-markdown th{background:var(--drp-sidebar);font-weight:650}
.drp-markdown img{max-width:100%;height:auto}

/* ======================================================== aide de champ = */
.drp-form-hint{margin-top:.3rem;font-size:.71875rem;line-height:1.45;color:var(--drp-text-sec)}

/* ================================================== messages (module Email) = */
.drp-mail{display:grid;grid-template-columns:19rem 1fr;border:1px solid var(--drp-border);background:var(--drp-bg-card)}
.drp-mail__aside{border-right:1px solid var(--drp-border);background:var(--drp-sidebar);max-height:42rem;overflow-y:auto}
.drp-mail__main{min-width:0}
.drp-maillist{display:block;border:0;border-radius:0}
.drp-maillist__i{
  display:block;padding:.6rem .75rem;
  background:transparent;border:0;border-bottom:1px solid var(--drp-border);border-left:2px solid transparent;
  color:var(--drp-text-sec);text-decoration:none;border-radius:0;transition:var(--drp-tr);
}
.drp-maillist__i:hover{background:var(--drp-wash);color:var(--drp-text)}
.drp-maillist__i.active{
  background:var(--drp-bg-elevated);color:var(--drp-text);
  border-left-color:var(--drp-accent);border-bottom-color:var(--drp-border);
}
.drp-maillist__s{display:block;font-size:.78125rem;font-weight:600;line-height:1.35}
.drp-maillist__d{display:block;margin-top:.15rem;font-size:.6875rem;color:var(--drp-text-sec)}
@media (max-width:767.98px){
  .drp-mail{grid-template-columns:1fr}
  .drp-mail__aside{border-right:0;border-bottom:1px solid var(--drp-border);max-height:16rem}
}

/* ==========================================================================
   Harmonisation Bootstrap
   drpcommercify.css ne couvre que .card, .card-header, .card-footer,
   .form-control, .form-label, .btn-primary et .btn-outline-primary.
   Tout le reste — onglets, alertes, tableaux, listes, autres boutons —
   est servi en Bootstrap brut : c'est ce qui donne le rendu generique.
   Ce bloc les ramene aux jetons --drp-*, donc toutes les pages en profitent,
   y compris celles dont le gabarit n'est pas surcharge.
   ========================================================================== */

/* ---- champs ---- */
.form-select{
  background-color:var(--drp-bg-elevated);color:var(--drp-text);
  border:1px solid var(--drp-border-s);border-radius:var(--drp-r);
}
.form-select:focus{border-color:var(--drp-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--drp-accent) 22%,transparent);outline:0}
.form-check-input{background-color:var(--drp-bg-elevated);border-color:var(--drp-border-s)}
.form-check-input:checked{background-color:var(--drp-btn);border-color:var(--drp-btn)}
.form-check-input:focus{border-color:var(--drp-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--drp-accent) 22%,transparent)}
.form-text,.form-hint{color:var(--drp-text-sec);font-size:.71875rem}
.input-group-text{background:var(--drp-bg-muted);color:var(--drp-text-sec);border-color:var(--drp-border-s);border-radius:var(--drp-r)}

/* ---- boutons ---- */
.btn{border-radius:var(--drp-r);font-weight:600}
.btn-secondary,.btn-dark{background:var(--drp-bg-muted);border-color:var(--drp-border-s);color:var(--drp-text)}
.btn-secondary:hover,.btn-dark:hover{background:var(--drp-bg-elevated);border-color:var(--drp-accent);color:var(--drp-accent)}
.btn-outline-secondary{background:transparent;border-color:var(--drp-border-s);color:var(--drp-text-sec)}
.btn-outline-secondary:hover{background:transparent;border-color:var(--drp-accent);color:var(--drp-accent)}
.btn-danger{background:#c0392b;border-color:#c0392b;color:#fff}
.btn-danger:hover{background:#a93226;border-color:#a93226;color:#fff}
.btn-outline-danger{background:transparent;border-color:color-mix(in srgb,#e06c75 55%,transparent);color:#e06c75}
.btn-outline-danger:hover{background:transparent;border-color:#e06c75;color:#e06c75}
.btn-link{color:var(--drp-accent);text-decoration:none}
.btn-link:hover{color:var(--drp-accent-strong)}

/* ---- onglets ---- */
.nav-tabs{border-bottom:1px solid var(--drp-border);gap:.125rem}
.nav-tabs .nav-link{
  border:0;border-bottom:2px solid transparent;border-radius:0;
  color:var(--drp-text-sec);font-size:.8125rem;font-weight:600;padding:.55rem .9rem;transition:var(--drp-tr);
}
.nav-tabs .nav-link:hover{color:var(--drp-text);background:var(--drp-wash);border-color:transparent;border-bottom-color:var(--drp-border-s)}
.nav-tabs .nav-link.active{
  color:var(--drp-text);background:var(--drp-bg-elevated);
  border-color:transparent;border-bottom-color:var(--drp-accent);
}
.card-header-tabs{margin-bottom:-1px}

/* ---- alertes ---- */
.alert{
  border:1px solid var(--drp-border);border-left:3px solid var(--drp-text-sec);
  border-radius:var(--drp-r);background:var(--drp-bg-card);color:var(--drp-text);
  font-size:.8125rem;padding:.6875rem .875rem;
}
.alert-info{border-left-color:var(--drp-accent-2)}
.alert-warning{border-left-color:var(--drp-accent)}
.alert-danger{border-left-color:#e06c75}
.alert-success{border-left-color:var(--drp-accent-2)}
.alert .btn{margin-top:.5rem}

/* ---- tableaux ---- */
.table{--bs-table-bg:transparent;color:var(--drp-text);font-size:.78125rem;margin-bottom:0;border-color:var(--drp-border)}
.table>thead>tr>th{
  background:var(--drp-sidebar);color:var(--drp-text-sec);
  font-size:.65625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  border-bottom:1px solid var(--drp-border);padding:.5rem .625rem;white-space:nowrap;
}
.table>tbody>tr>td,.table>tfoot>tr>td{border-top:1px solid var(--drp-border);padding:.5rem .625rem;vertical-align:middle}
.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:transparent;background:var(--drp-wash);color:var(--drp-text)}
.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:transparent;background:var(--drp-bg-muted);color:var(--drp-text)}
.table-bordered>:not(caption)>*>*{border-color:var(--drp-border)}
.table tfoot td{background:var(--drp-sidebar);font-weight:650}

/* ---- listes ---- */
.list-group{border-radius:var(--drp-r)}
.list-group-item{
  background:var(--drp-bg-card);color:var(--drp-text);
  border-color:var(--drp-border);border-radius:0;font-size:.8125rem;
}
.list-group-item-action:hover{background:var(--drp-wash);color:var(--drp-text)}
.list-group-item.active{background:var(--drp-bg-elevated);border-color:var(--drp-border);color:var(--drp-text)}

/* ---- divers ---- */
.badge{border-radius:var(--drp-r);font-weight:650}
.bg-primary{background:var(--drp-btn)!important}
.text-muted{color:var(--drp-text-sec)!important}
.pagination{--bs-pagination-bg:var(--drp-bg-card);--bs-pagination-color:var(--drp-text-sec);
  --bs-pagination-border-color:var(--drp-border);--bs-pagination-hover-bg:var(--drp-bg-muted);
  --bs-pagination-hover-color:var(--drp-text);--bs-pagination-hover-border-color:var(--drp-border-s);
  --bs-pagination-active-bg:var(--drp-btn);--bs-pagination-active-border-color:var(--drp-btn);
  --bs-pagination-active-color:#fff;--bs-pagination-disabled-bg:var(--drp-bg-card);
  --bs-pagination-disabled-color:var(--drp-text-sec);--bs-pagination-disabled-border-color:var(--drp-border);
  --bs-pagination-border-radius:var(--drp-r);font-size:.8125rem}
.breadcrumb{font-size:.75rem;margin-bottom:0}
.breadcrumb-item,.breadcrumb-item a{color:var(--drp-text-sec);text-decoration:none}
.breadcrumb-item a:hover{color:var(--drp-accent)}
.breadcrumb-item.active{color:var(--drp-text)}
.tooltip-inner{background:var(--drp-bg-muted);color:var(--drp-text);border-radius:var(--drp-r);font-size:.71875rem}
.modal-content{background:var(--drp-bg-elevated);border:1px solid var(--drp-border-s);border-radius:var(--drp-r);color:var(--drp-text)}
.modal-header,.modal-footer{border-color:var(--drp-border)}
.toast{background:var(--drp-bg-elevated);border:1px solid var(--drp-border-s);border-radius:var(--drp-r);color:var(--drp-text)}
.accordion{--bs-accordion-bg:var(--drp-bg-card);--bs-accordion-color:var(--drp-text);
  --bs-accordion-border-color:var(--drp-border);--bs-accordion-btn-color:var(--drp-text);
  --bs-accordion-btn-bg:var(--drp-bg-card);--bs-accordion-active-bg:var(--drp-bg-elevated);
  --bs-accordion-active-color:var(--drp-text);--bs-accordion-border-radius:var(--drp-r)}

/* ============================================== formulaire de profil ===== */
.drp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem 1rem;margin-bottom:1.25rem}
.drp-fields__wide{grid-column:1 / -1}
@media (max-width:767.98px){.drp-fields{grid-template-columns:1fr}}
.drp-avatar-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}
.drp-avatar,.drp-avatar img{width:5rem;height:5rem;border:1px solid var(--drp-border-s);background:var(--drp-bg-muted)}
.drp-avatar img{border:0}

/* ======================================================= accueil public = */
.drp-hero{
  margin:0 0 .5rem;padding:2rem 0 1.5rem;
  border-bottom:1px solid var(--drp-border);
}
.drp-hero__kicker{
  margin:0 0 .7rem;font-size:.6875rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--drp-accent);
}
.drp-hero__h{font-size:clamp(1.5rem,3.2vw,1.9375rem);line-height:1.18;max-width:26ch;margin:0 0 .75rem;letter-spacing:-.02em}
.drp-hero__lead{font-size:.90625rem;color:var(--drp-text-sec);max-width:66ch;margin:0 0 1.25rem}
.drp-hero__cta{display:flex;gap:.5625rem;flex-wrap:wrap}
.drp-hero__facts{display:flex;gap:1.625rem;margin-top:1.625rem;flex-wrap:wrap;font-size:.75rem;color:var(--drp-text-sec)}
.drp-hero__facts b{display:block;color:var(--drp-text);font-size:1.0625rem;font-weight:700;letter-spacing:-.02em}

/* liste des projets : 5 colonnes, pas la grille produit a 6 */
.drp-list--projects .drp-list__h,
.drp-list--projects .drp-list__r{grid-template-columns:1.5rem 1fr 11rem 2fr 7rem}
@media (max-width:991.98px){
  .drp-list--projects .drp-list__h,
  .drp-list--projects .drp-list__r{grid-template-columns:1.5rem 1fr 9rem}
  .drp-list--projects .drp-list__r>:nth-child(5),
  .drp-list--projects .drp-list__h>:nth-child(5){display:none}
}
.drp-list__r .icon{width:1rem;height:1rem}

/* deux colonnes de bas de page */
.drp-home-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:.875rem;margin-top:1.375rem}
@media (max-width:767.98px){.drp-home-cols{grid-template-columns:1fr}}

/* liste a puces teintee */
.drp-bullets{list-style:none;margin:0;padding:0;font-size:.78125rem}
.drp-bullets li{position:relative;padding:.1875rem 0 .1875rem .875rem}
.drp-bullets li::before{content:"";position:absolute;left:0;top:.5625rem;width:6px;height:6px;background:var(--drp-accent)}
.drp-bullets a{text-decoration:none}
.drp-bullets a:hover{color:var(--drp-accent)}

.drp-tl__x a{text-decoration:none}
.drp-tl__x a:hover{color:var(--drp-accent)}

/* pied de vignette : le libelle de l'offre peut etre long, on empile plutot
   que de laisser « Ouvrir » passer a la ligne tout seul */
.drp-thumb__f--stack{flex-wrap:wrap;row-gap:.4rem}
.drp-thumb__f--stack .drp-chip{max-width:100%}
.drp-thumb__f--stack .drp-thumb__cta{margin-left:auto}
.drp-thumb .icon{width:.875rem;height:.875rem}

/* ---- liens : Bootstrap les rend en bleu, on revient au texte du theme ---- */
.drp-panel a,.drp-tl__x a,.drp-bullets a,.drp-list__n,.drp-list__r a,.drp-markdown a{color:var(--drp-text)}
.drp-panel a:hover,.drp-tl__x a:hover,.drp-bullets a:hover,.drp-list__n:hover,.drp-list__r a:hover{color:var(--drp-accent)}
.drp-markdown a{color:var(--drp-accent)}
.drp-markdown a:hover{color:var(--drp-accent-strong)}
.drp-panel a.drp-btn,.drp-panel a.drp-btn:hover{color:inherit}
.drp-panel a.drp-btn--primary,.drp-panel a.drp-btn--primary:hover{color:#fff}
.drp-panel a,.drp-tl__x a,.drp-bullets a,.drp-list__n,.drp-list__r a{text-decoration:none}
.drp-panel a:hover,.drp-tl__x a:hover,.drp-bullets a:hover,.drp-list__n:hover,.drp-list__r a:hover{text-decoration:underline}

/* ===================================================== tableau de bord == */
.drp-todo{
  display:flex;align-items:center;gap:.875rem;flex-wrap:wrap;margin-bottom:.75rem;
  border:1px solid var(--drp-border);border-left:3px solid var(--drp-accent);
  background:var(--drp-bg-card);padding:.6875rem .875rem;font-size:.78125rem;
}
.drp-todo a{color:var(--drp-text);text-decoration:none}
.drp-todo a:hover{color:var(--drp-accent)}
.drp-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.drp-row .drp-btn{margin-top:0}
.drp-cockpit{display:grid;grid-template-columns:1.55fr 1fr;gap:1rem;align-items:start}
@media (max-width:991.98px){.drp-cockpit{grid-template-columns:1fr}}
.drp-empty{padding:1.25rem .875rem;text-align:center;color:var(--drp-text-sec);font-size:.8125rem}
.drp-empty p{margin:0 0 .75rem}
.drp-table--flush td a{color:var(--drp-text);text-decoration:none}
.drp-table--flush td a:hover{color:var(--drp-accent);text-decoration:underline}
.drp-tl__m .badge{font-size:.625rem;vertical-align:1px}
.drp-chip .drp-rail__dot{width:8px;height:8px}
/* bandes de la vue d'ensemble */
.drp-band{display:grid;grid-template-columns:15rem 1fr auto;gap:1rem;align-items:center;border-left:3px solid var(--drp-pj)}
.drp-band__id{display:flex;flex-direction:column;gap:.3rem}
.drp-band__id b{font-size:.9375rem}
.drp-band__id .icon{width:1.125rem;height:1.125rem}
.drp-band__tx{font-size:.78125rem;color:var(--drp-text-sec)}
.drp-band__act{display:flex;gap:.4rem}
@media (max-width:767.98px){.drp-band{grid-template-columns:1fr}}

/* ======================================================= commande (4B) == */
.drp-shop{display:grid;grid-template-columns:minmax(0,1fr) 20.5rem;gap:1rem;align-items:start}
@media (max-width:1199.98px){.drp-shop{grid-template-columns:1fr}}
.drp-shop__aside{
  position:sticky;top:1rem;
  background:var(--drp-sidebar);border:1px solid var(--drp-border);border-top:3px solid var(--drp-pj,var(--drp-accent));
  padding:1rem;
}
@media (max-width:1199.98px){.drp-shop__aside{position:static}}
.drp-cfg__n{font-size:.9375rem;font-weight:650;margin:-.125rem 0 .625rem}
.drp-cfg__prev{display:flex;align-items:center;justify-content:center;min-height:6.5rem;margin-bottom:.75rem;
  background:var(--drp-bg-card);border:1px solid var(--drp-border)}
.drp-box--lg.drp-box--1x1{width:5.5rem;height:5.5rem}
.drp-box--lg.drp-box--2x1{width:9rem;height:4.5rem}
.drp-box--lg.drp-box--1x2{width:3rem;height:6rem}
.drp-box--lg.drp-box--header{width:14rem;height:1.625rem}
.drp-cfg__d{font-size:.75rem;color:var(--drp-text-sec);margin-bottom:.875rem}
.drp-cfg__l{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--drp-text-sec);margin:.75rem 0 .45rem}
.drp-cfg__l span{font-weight:500;letter-spacing:0;text-transform:none}
.drp-seg{display:flex;gap:.375rem}
.drp-seg--wrap{flex-wrap:wrap}
.drp-seg label{margin:0;cursor:pointer}
.drp-seg input{position:absolute;opacity:0;pointer-events:none}
.drp-seg span{
  display:inline-block;font-size:.75rem;font-weight:600;padding:.4rem .7rem;
  color:var(--drp-text-sec);background:var(--drp-bg-elevated);border:1px solid var(--drp-border-s);transition:var(--drp-tr);
}
.drp-seg label:hover span{color:var(--drp-text);border-color:var(--drp-accent)}
.drp-seg input:checked+span{color:#fff;background:var(--drp-btn);border-color:var(--drp-btn)}
.drp-seg input:focus-visible+span{outline:2px solid var(--drp-accent);outline-offset:1px}
.drp-cfg__sum{border-top:1px solid var(--drp-border);margin:1rem 0 .875rem;padding-top:.625rem;font-size:.78125rem}
.drp-cfg__sum>div{display:flex;justify-content:space-between;gap:.75rem;padding:.3rem 0;color:var(--drp-text-sec)}
.drp-cfg__sum b{color:var(--drp-text)}
.drp-cfg__tot{align-items:baseline;border-top:1px solid var(--drp-border);margin-top:.25rem;padding-top:.5rem!important}
.drp-cfg__tot b{font-size:1.5rem;letter-spacing:-.03em}
.drp-ok,b.drp-ok{color:var(--drp-accent-2)!important}
.drp-chip--link{text-decoration:none;color:var(--drp-text)}
.drp-chip--link:hover{color:var(--drp-accent)}
.drp-list__h--shop,.drp-list__r--shop{grid-template-columns:1rem 2fr 5rem 3fr 6.5rem}
@media (max-width:991.98px){.drp-list__h--shop,.drp-list__r--shop{grid-template-columns:1rem 1fr 4.5rem 5.5rem}}
/* tunnel : panier, connexion, paiement */
.drp-tunnel .accordion-item{border:1px solid var(--drp-border);margin-bottom:.5rem}
.drp-tunnel .accordion-button{font-size:.875rem;font-weight:650;gap:.25rem}
.drp-tunnel .accordion-button:not(.collapsed){box-shadow:inset 0 -1px 0 var(--drp-border);border-left:3px solid var(--drp-accent)}
.drp-tunnel .row{row-gap:1rem}
.drp-table--totals td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.drp-promo .input-append{display:flex;gap:.4rem;align-items:center}
.drp-promo .form-control{max-width:15rem;font-family:ui-monospace,Menlo,monospace;letter-spacing:.04em}
.drp-loading{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center}
.drp-loading .spinner-border{width:3.5rem;height:3.5rem;color:var(--drp-accent);position:absolute;top:50%;left:50%;margin:-1.75rem}
.invoice-gateway{border:1px solid var(--drp-border-s)}

/* ---- boutons d'etat restes en couleurs Bootstrap (cyan, vert, jaune) ---- */
.btn-info,.btn-warning{background:transparent;border-color:var(--drp-border-s);color:var(--drp-text)}
.btn-info:hover,.btn-warning:hover{background:transparent;border-color:var(--drp-accent);color:var(--drp-accent)}
.btn-success{background:var(--drp-btn);border-color:var(--drp-btn);color:#fff}
.btn-success:hover{background:var(--drp-btn-h);border-color:var(--drp-btn-h);color:#fff}
.text-bg-success,.bg-success{background:color-mix(in srgb,var(--drp-accent-2) 22%,transparent)!important;color:var(--drp-text)!important}
.text-bg-danger,.bg-danger{background:color-mix(in srgb,#e06c75 25%,transparent)!important;color:var(--drp-text)!important}
.text-bg-secondary,.bg-secondary,.text-bg-info,.bg-info{background:var(--drp-bg-muted)!important;color:var(--drp-text)!important}
.text-bg-warning,.bg-warning{background:color-mix(in srgb,var(--drp-accent) 22%,transparent)!important;color:var(--drp-text)!important}
.card{border-radius:var(--drp-r)}
.card-footer .btn+.btn{margin-left:.25rem}

/* ========================================================== assistance == */
.drp-search{flex:1 1 18rem}
.drp-search .form-control{max-width:26rem}
.drp-grid--kb{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}
.drp-kbcard{display:flex;flex-direction:column;gap:.5rem;border-top:3px solid var(--drp-pj)}
.drp-kbcard__h{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:650}
.drp-kbcard__h .icon{width:1rem;height:1rem;color:var(--drp-pj)}
.drp-kbcard__h a{color:var(--drp-text);text-decoration:none}
.drp-kbcard__h a:hover{color:var(--drp-accent)}
.drp-kbcard .drp-thumb__cta{margin-top:auto;text-decoration:none}
.drp-bullets--lg{font-size:.875rem}
.drp-bullets--lg li{padding:.4rem 0 .4rem 1rem;border-bottom:1px solid var(--drp-border)}
.drp-bullets--lg li:last-child{border-bottom:0}
.drp-bullets--lg li::before{top:.85rem}
.drp-news{display:grid;gap:.75rem;max-width:52rem}
.drp-news__t{font-size:1.0625rem;margin:.2rem 0 .4rem}
.drp-news__t a{color:var(--drp-text);text-decoration:none}
.drp-news__t a:hover{color:var(--drp-accent)}
.drp-news__x{font-size:.8125rem;color:var(--drp-text-sec);margin-bottom:.5rem}
.drp-news__i .drp-thumb__cta{text-decoration:none}
.drp-beta a,.drp-pglead a{color:var(--drp-accent);text-decoration:none}
.drp-beta a:hover,.drp-pglead a:hover{text-decoration:underline}
.drp-login-card--wide{max-width:34rem}
.drp-login-card .drp-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem .875rem;margin-bottom:1rem}
@media (max-width:575.98px){.drp-login-card .drp-fields{grid-template-columns:1fr}}
.drp-login-card .form-check-label a{color:var(--drp-accent)}
.drp-login-card form>.drp-fields__wide,.drp-login-card form>div>.drp-fields__wide{margin-bottom:.75rem}

/* ======================================================= fil de ticket == */
.drp-ticket-meta{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin:.25rem 0 1.125rem}
.drp-ticket-meta__act{margin-left:auto;display:flex;gap:.4rem}
.drp-thread{display:grid;gap:.75rem;max-width:56rem}
.drp-msg{border:1px solid var(--drp-border);border-left:3px solid var(--drp-border-s);background:var(--drp-bg-card)}
.drp-msg--op{border-left-color:var(--drp-accent);margin-left:1.5rem}
.drp-msg__h{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-bottom:1px solid var(--drp-border);font-size:.8125rem}
.drp-msg__av,.drp-msg__av img{width:2.25rem;height:2.25rem;flex:0 0 auto}
.drp-msg__role{margin-left:.375rem;font-size:.65625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--drp-text-sec)}
.drp-msg--op .drp-msg__role{color:var(--drp-accent)}
.drp-msg__q{margin-left:auto;padding:.3rem .5rem}
.drp-msg__b{padding:.875rem}
@media (max-width:767.98px){.drp-msg--op{margin-left:0}.drp-ticket-meta__act{margin-left:0}}
/* corps de message : markdown.css de FOSSBilling impose un fond blanc */
.drp-msg__b.markdown-body{background:transparent!important;color:var(--drp-text)!important;font-family:inherit}
/* editeur de reponse (CKEditor) aux couleurs du theme */
.ck.ck-editor__main>.ck-editor__editable{background:var(--drp-bg-elevated)!important;color:var(--drp-text);border-color:var(--drp-border-s)!important}
.ck.ck-toolbar{background:var(--drp-sidebar)!important;border-color:var(--drp-border-s)!important}
.ck.ck-toolbar .ck-button,.ck.ck-toolbar .ck-dropdown__button{color:var(--drp-text)!important}
.ck.ck-toolbar .ck-button:hover,.ck.ck-toolbar .ck-button.ck-on{background:var(--drp-bg-muted)!important}
.ck.ck-dropdown__panel,.ck.ck-list{background:var(--drp-bg-elevated)!important;color:var(--drp-text)}
.ck.ck-list__item .ck-button:hover{background:var(--drp-bg-muted)!important}

/* =================================================== article et annonce == */
.drp-article{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:1rem;align-items:start}
.drp-article__aside{position:sticky;top:1rem}
@media (max-width:991.98px){.drp-article{grid-template-columns:1fr}.drp-article__aside{position:static}}
.drp-article__body.markdown-body,.drp-article__body{background:transparent!important;color:var(--drp-text)!important;font-family:inherit;font-size:.90625rem;line-height:1.65}
.drp-post{max-width:52rem}
.drp-post .drp-pgt{margin-top:.25rem}
.drp-post__img{display:block;max-width:100%;height:auto;margin-bottom:1rem;border:1px solid var(--drp-border)}

/* ==================================================== detail de service == */
.drp-svc{display:grid;grid-template-columns:14rem 1fr;border:1px solid var(--drp-border);border-top:3px solid var(--drp-pj);background:var(--drp-bg-card)}
.drp-svc__vis{display:flex;align-items:center;justify-content:center;min-height:9rem;border-right:1px solid var(--drp-border);
  background:linear-gradient(135deg,color-mix(in srgb,var(--drp-pj) 22%,transparent),transparent 65%),var(--drp-bg-muted)}
.drp-svc__facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}
.drp-svc__facts>div{padding:.75rem .875rem;border-bottom:1px solid var(--drp-border);border-right:1px solid var(--drp-border)}
.drp-svc__facts span{display:block;font-size:.65625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--drp-text-sec);margin-bottom:.25rem}
.drp-svc__facts b{font-size:.9375rem}
.drp-svc__facts b small{font-weight:500;color:var(--drp-text-sec);font-size:.71875rem}
.drp-svc__facts a{color:var(--drp-accent)}
.drp-svc__act{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 1.5rem}
.drp-btn--danger{color:#e06c75!important;border-color:color-mix(in srgb,#e06c75 50%,transparent)!important}
.drp-btn--danger:hover{border-color:#e06c75!important}
@media (max-width:767.98px){.drp-svc{grid-template-columns:1fr}.drp-svc__vis{border-right:0;border-bottom:1px solid var(--drp-border)}}
.drp-svc__vis .drp-box--lg.drp-box--header{width:11rem;height:1.375rem}

/* ======================================================== juridique ===== */
.drp-legal .drp-bullets li.is-focus a{color:var(--drp-accent);font-weight:650}
.drp-procs__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.875rem}
.drp-procs__i{border:1px solid var(--drp-border);background:var(--drp-bg-elevated);padding:.75rem .875rem;display:flex;flex-direction:column;gap:.4rem}
.drp-procs__a{display:flex;align-items:center;gap:.5rem;font-size:.84375rem;font-weight:650;color:var(--drp-text)!important;text-decoration:none!important}
.drp-procs__a .icon{width:1rem;height:1rem;color:var(--drp-accent)}
.drp-procs__a:hover{color:var(--drp-accent)!important}
.drp-procs__i .drp-form-hint{margin:0;flex:1}
.drp-procs__src{font-size:.6875rem;color:var(--drp-text-sec)!important;text-decoration:underline!important}
.drp-public-footer__links{margin:.25rem 0 0;font-size:.75rem}
.drp-public-footer__links a{color:var(--drp-text-sec);text-decoration:none}
.drp-public-footer__links a:hover{color:var(--drp-accent)}

/* banners verrouillees : badge Pro requis */
.drp-locked{border:1px solid var(--drp-border-s);border-left:3px solid var(--drp-accent);background:var(--drp-bg-card);padding:.75rem .875rem}
.drp-locked b{display:block;font-size:.8125rem;margin-bottom:.25rem}
.drp-locked p{font-size:.75rem;color:var(--drp-text-sec);margin:0 0 .625rem}