/* ======================================================================
   DODO-MI — THÈME ÉCLAT PRO 18T1
   Habillage visuel global PC + mobile, sans modification métier.
   Palette : bleu nuit, bleu électrique, turquoise, or chaud.
   ====================================================================== */

html.dmi-theme-eclat{
  --dmi-navy-950:#06152f;
  --dmi-navy-900:#0a1f42;
  --dmi-navy-800:#10315f;
  --dmi-blue-700:#0757d5;
  --dmi-blue-600:#0b66ff;
  --dmi-blue-500:#2384ff;
  --dmi-cyan-600:#0097ad;
  --dmi-cyan-500:#00b8c9;
  --dmi-teal-500:#16b8a6;
  --dmi-green-500:#16a36a;
  --dmi-gold-500:#f4b63e;
  --dmi-orange-500:#f2873b;
  --dmi-red-500:#e74a5a;
  --dmi-violet-500:#7657e8;
  --dmi-ink:#10233f;
  --dmi-muted:#62748c;
  --dmi-surface:#ffffff;
  --dmi-surface-soft:#f6f9fd;
  --dmi-surface-blue:#eef6ff;
  --dmi-line:#d8e4f0;
  --dmi-line-strong:#bfd1e4;
  --dmi-shadow-sm:0 8px 22px rgba(7,35,79,.08);
  --dmi-shadow-md:0 18px 44px rgba(7,35,79,.12);
  --dmi-shadow-lg:0 28px 78px rgba(5,28,66,.20);
  --dmi-radius-sm:12px;
  --dmi-radius-md:18px;
  --dmi-radius-lg:26px;
  --dmi-focus:0 0 0 4px rgba(11,102,255,.17);
  color-scheme:light;
  background:#edf4fb;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

html.dmi-theme-eclat *,
html.dmi-theme-eclat *::before,
html.dmi-theme-eclat *::after{box-sizing:border-box}

html.dmi-theme-eclat body{
  min-height:100vh;
  color:var(--dmi-ink);
  font-family:Inter,"Segoe UI Variable","Segoe UI",Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at 5% 0%,rgba(11,102,255,.11),transparent 27rem),
    radial-gradient(circle at 100% 15%,rgba(0,184,201,.10),transparent 28rem),
    linear-gradient(180deg,#f7fbff 0%,#edf4fb 52%,#f7fafc 100%) !important;
  background-attachment:fixed !important;
}

html.dmi-theme-eclat body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.32;
  background-image:
    linear-gradient(rgba(7,87,213,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,87,213,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,#000,transparent 82%);
}

html.dmi-theme-eclat ::selection{background:rgba(11,102,255,.22);color:#06152f}
html.dmi-theme-eclat :focus-visible{outline:0;box-shadow:var(--dmi-focus)!important}
html.dmi-theme-eclat a,html.dmi-theme-eclat button,html.dmi-theme-eclat input,html.dmi-theme-eclat select,html.dmi-theme-eclat textarea{font:inherit}
html.dmi-theme-eclat button,html.dmi-theme-eclat a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
html.dmi-theme-eclat img,html.dmi-theme-eclat svg{max-width:100%}
html.dmi-theme-eclat hr{border:0;border-top:1px solid var(--dmi-line)}

html.dmi-theme-eclat ::-webkit-scrollbar{width:11px;height:11px}
html.dmi-theme-eclat ::-webkit-scrollbar-track{background:#e8f0f8}
html.dmi-theme-eclat ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7fa9df,#4f83c6);border:3px solid #e8f0f8;border-radius:999px}

/* Coquilles et largeurs */
html.dmi-theme-eclat :where(.page,.container,.wrap,.guide,[class$="-shell"],[class*="-shell "]){
  width:min(100%,1480px);
  margin-inline:auto;
}
html.dmi-theme-eclat :where(.page,.container,.wrap,.guide,[class$="-shell"],[class*="-shell "]){padding-inline:clamp(14px,2.3vw,34px)}

/* En-têtes premium */
html.dmi-theme-eclat :where(.header,.topbar,.hero,[class$="-hero"],[class*="-hero "]){
  position:relative;
  overflow:hidden;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.15) !important;
  background:
    radial-gradient(circle at 85% 10%,rgba(85,221,226,.34),transparent 17rem),
    radial-gradient(circle at 10% 100%,rgba(50,132,255,.32),transparent 19rem),
    linear-gradient(125deg,var(--dmi-navy-950) 0%,var(--dmi-blue-700) 53%,var(--dmi-cyan-600) 100%) !important;
  box-shadow:0 22px 54px rgba(6,36,84,.22) !important;
}
html.dmi-theme-eclat :where(.header,.topbar,.hero,[class$="-hero"],[class*="-hero "])::after{
  content:"";
  position:absolute;
  width:260px;height:260px;
  right:-85px;bottom:-150px;
  border:42px solid rgba(255,255,255,.09);
  border-radius:50%;
  pointer-events:none;
}
html.dmi-theme-eclat :where(.header,.topbar,.hero,[class$="-hero"],[class*="-hero "]) h1,
html.dmi-theme-eclat :where(.header,.topbar,.hero,[class$="-hero"],[class*="-hero "]) h2,
html.dmi-theme-eclat :where(.header,.topbar,.hero,[class$="-hero"],[class*="-hero "]) .brand{
  color:#fff !important;
  letter-spacing:-.025em;
  text-shadow:0 2px 18px rgba(0,0,0,.14);
}
html.dmi-theme-eclat :where(.header,.topbar,.hero,[class$="-hero"],[class*="-hero "]) p,
html.dmi-theme-eclat :where(.header,.topbar,.hero,[class$="-hero"],[class*="-hero "]) .tagline{color:#dceeff!important}
html.dmi-theme-eclat :where(.eyebrow,[class$="-eyebrow"],[class*="-eyebrow "]){
  letter-spacing:.14em!important;
  font-weight:900!important;
  color:#bcefff!important;
}

/* Cartes et panneaux */
html.dmi-theme-eclat :where(.panel,.card,.box,.dm-card,.money-card,.metric,.step,.check-card,.route-card,.env-box,.form-panel,.list-panel,[class$="-panel"],[class*="-panel "]){
  border:1px solid rgba(176,199,223,.72) !important;
  border-radius:var(--dmi-radius-lg) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,253,255,.96)) !important;
  box-shadow:var(--dmi-shadow-sm) !important;
}
html.dmi-theme-eclat :where(.panel,.card,.dm-card,.money-card,.metric,.step,.check-card,[class$="-panel"],[class*="-panel "]){
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
html.dmi-theme-eclat :where(.panel,.card,.dm-card,.money-card,.metric,.step,.check-card,[class$="-panel"],[class*="-panel "]):hover{
  border-color:#9cbde1 !important;
  box-shadow:var(--dmi-shadow-md) !important;
}
html.dmi-theme-eclat :where(.panel-head,.section-head,.section-title,.panel-title,[class$="-section-head"],[class*="-section-head "],[class$="-panel-head"],[class*="-panel-head "]){
  border-bottom-color:var(--dmi-line)!important;
}
html.dmi-theme-eclat :where(h1,h2,h3,h4,.title,.card-title,.panel-title){color:var(--dmi-navy-900)}
html.dmi-theme-eclat :where(p,small,.subtitle,.muted,.help,.hint){line-height:1.5}

/* Cartes d’actions métier */
html.dmi-theme-eclat :where(.big-action,.action-card,.quick-action,.quick-card,.admin18n-action,.dmi-exploitation-14h-card,[class$="-action"],[class*="-action "]){
  position:relative;
  overflow:hidden;
  border:1px solid rgba(181,202,225,.78)!important;
  border-radius:22px!important;
  box-shadow:0 10px 28px rgba(7,48,99,.09)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
html.dmi-theme-eclat :where(.big-action,.action-card,.quick-action,.quick-card,.admin18n-action,.dmi-exploitation-14h-card,[class$="-action"],[class*="-action "]):hover{
  transform:translateY(-3px)!important;
  border-color:#79aaf0!important;
  box-shadow:0 20px 42px rgba(7,67,144,.16)!important;
  filter:saturate(1.05);
}
html.dmi-theme-eclat :where(.big-action,.action-card,.quick-action,.quick-card,.admin18n-action,.dmi-exploitation-14h-card) .emoji,
html.dmi-theme-eclat :where(.action-icon,[class$="-icon"],[class*="-icon "]){
  filter:drop-shadow(0 5px 10px rgba(7,58,126,.16));
}

/* Boutons */
html.dmi-theme-eclat :where(.btn,button:not(.close):not([class=""]),.small-btn,.dmi-action-link,.linkbtn){
  border:1px solid transparent;
  border-radius:14px!important;
  font-weight:850!important;
  letter-spacing:.005em;
  box-shadow:0 8px 18px rgba(9,61,139,.13);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;
}
html.dmi-theme-eclat :where(.btn,button:not(.close):not([class=""]),.small-btn,.dmi-action-link,.linkbtn):hover{
  transform:translateY(-1px);
  box-shadow:0 13px 26px rgba(9,61,139,.19);
  filter:saturate(1.08) brightness(1.02);
}
html.dmi-theme-eclat :where(.btn,button,.small-btn,.dmi-action-link):active{transform:translateY(0) scale(.985)}
html.dmi-theme-eclat :where(.btn,.primary,.blue,.save,.dmi-subscribe-btn){
  color:#fff!important;
  background:linear-gradient(135deg,var(--dmi-blue-700),var(--dmi-blue-500))!important;
}
html.dmi-theme-eclat :where(.btn.green,.green,.success,.good){--dmi-accent:var(--dmi-green-500)}
html.dmi-theme-eclat :where(.btn.green,button.green,.btn.success,button.success,.save.green){
  color:#fff!important;background:linear-gradient(135deg,#087d62,var(--dmi-teal-500))!important;
}
html.dmi-theme-eclat :where(.btn.red,button.red,.btn.danger,button.danger){
  color:#fff!important;background:linear-gradient(135deg,#bd263e,var(--dmi-red-500))!important;
}
html.dmi-theme-eclat :where(.btn.warn,button.warn,.btn.warning,button.warning,.btn.orange,button.orange){
  color:#3a2500!important;background:linear-gradient(135deg,#ffd36b,var(--dmi-gold-500))!important;
}
html.dmi-theme-eclat :where(.btn.gray,.btn.secondary,.btn.light,.btn.ghost,.dmi-demo-btn,.back){
  color:var(--dmi-navy-800)!important;
  border-color:#c9d8e8!important;
  background:linear-gradient(180deg,#fff,#edf4fb)!important;
}
html.dmi-theme-eclat :where(.header,.topbar,.hero,[class$="-hero"],[class*="-hero "]) :where(.btn.light,.btn.ghost,.back){
  color:#fff!important;
  border-color:rgba(255,255,255,.35)!important;
  background:rgba(255,255,255,.13)!important;
  backdrop-filter:blur(10px);
}
html.dmi-theme-eclat button:disabled,html.dmi-theme-eclat .btn:disabled,html.dmi-theme-eclat [aria-disabled="true"]{opacity:.52!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}

/* Champs de saisie */
html.dmi-theme-eclat :where(input,select,textarea){
  color:var(--dmi-ink)!important;
  border:1px solid #c6d6e7!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 10px rgba(10,43,84,.035);
  min-height:44px;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
html.dmi-theme-eclat textarea{min-height:96px}
html.dmi-theme-eclat :where(input,select,textarea):hover{border-color:#9eb9d5!important}
html.dmi-theme-eclat :where(input,select,textarea):focus{
  outline:0!important;
  border-color:var(--dmi-blue-500)!important;
  box-shadow:var(--dmi-focus),inset 0 1px 0 #fff!important;
  background:#fff!important;
}
html.dmi-theme-eclat :where(input,textarea)::placeholder{color:#93a4b8;opacity:1}
html.dmi-theme-eclat :where(input,select,textarea)[readonly],
html.dmi-theme-eclat :where(input,select,textarea):disabled{background:#eef3f8!important;color:#52657b!important}
html.dmi-theme-eclat :where(label,.label,.field label){color:#50647d!important;font-weight:850!important;letter-spacing:.045em}

/* Messages, badges, états */
html.dmi-theme-eclat :where(.msg,.message,.status,.form-message,.note,.chip,.badge,.tag,.pill,[class$="-status"],[class*="-status "]){
  border-radius:14px!important;
}
html.dmi-theme-eclat :where(.msg,.message,.status,.form-message,.note,[class$="-status"],[class*="-status "]){
  border:1px solid #cfddeb!important;
  background:linear-gradient(180deg,#f9fcff,#eff6fd)!important;
  color:#38516e!important;
  box-shadow:0 5px 16px rgba(7,48,99,.05);
}
html.dmi-theme-eclat :where(.ok,.success,.good):not(button):not(.btn){border-color:#9de0c2!important;background:#eafaf3!important;color:#116243!important}
html.dmi-theme-eclat :where(.err,.error,.danger,.bad):not(button):not(.btn){border-color:#f1b2ba!important;background:#fff0f2!important;color:#91253a!important}
html.dmi-theme-eclat :where(.warn,.warning,.pending,.orange):not(button):not(.btn){border-color:#f2d08a!important;background:#fff8e7!important;color:#80520d!important}
html.dmi-theme-eclat :where(.badge,.tag,.chip,.pill,[class$="-pill"],[class*="-pill "]){
  font-weight:850!important;
  border:1px solid rgba(115,148,184,.24);
  box-shadow:0 3px 10px rgba(7,48,99,.05);
}

/* Indicateurs */
html.dmi-theme-eclat :where(.kpi,.metric,.money-card,[class$="-kpi"],[class*="-kpi "]){
  position:relative;
  overflow:hidden;
  border:1px solid #cbdbea!important;
  background:linear-gradient(145deg,#fff 0%,#f3f8fe 100%)!important;
  box-shadow:0 12px 28px rgba(7,48,99,.08)!important;
}
html.dmi-theme-eclat :where(.kpi,.metric,.money-card,[class$="-kpi"],[class*="-kpi "])::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,var(--dmi-blue-500),var(--dmi-cyan-500));
}
html.dmi-theme-eclat :where(.kpi.good,.metric.good)::before{background:linear-gradient(#0d9e70,#43d19c)}
html.dmi-theme-eclat :where(.kpi.danger,.metric.danger)::before{background:linear-gradient(#d3334e,#ff7a89)}
html.dmi-theme-eclat :where(.kpi.warn,.kpi.orange,.metric.warn)::before{background:linear-gradient(#f09a27,#ffd36a)}
html.dmi-theme-eclat :where(.kpi.violet,.metric.violet)::before{background:linear-gradient(#6549dc,#9d8af5)}
html.dmi-theme-eclat :where(.kpi strong,.metric strong,.money-card strong,[class$="-kpi"] strong){color:var(--dmi-navy-900)}

/* Navigation */
html.dmi-theme-eclat :where(.nav,.tabs,.bottom-strip,.quick-actions,.top-actions,[class$="-actions"],[class*="-actions "]){gap:10px}
html.dmi-theme-eclat .nav a,
html.dmi-theme-eclat :where(.tabs a,.tabs button,.bottom-strip button,.bottom-strip a){
  border:1px solid #c9d9e9!important;
  color:var(--dmi-navy-800)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 7px 18px rgba(7,48,99,.07)!important;
}
html.dmi-theme-eclat .nav a.active,
html.dmi-theme-eclat :where(.tabs a.active,.tabs button.active){
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--dmi-blue-700),var(--dmi-cyan-600))!important;
}

/* Tableaux sur PC */
html.dmi-theme-eclat :where(.table-wrap,[class$="-table-wrap"],[class*="-table-wrap "]){
  border:1px solid #d4e1ee;
  border-radius:18px;
  background:#fff;
  overflow:auto;
  box-shadow:0 8px 22px rgba(7,48,99,.055);
}
html.dmi-theme-eclat table{border-collapse:separate!important;border-spacing:0!important;background:#fff}
html.dmi-theme-eclat table thead th{
  position:sticky;
  top:0;
  z-index:2;
  color:#37506e!important;
  background:linear-gradient(180deg,#f5f9fd,#eaf2fa)!important;
  border-bottom:1px solid #cbd9e7!important;
  font-weight:900!important;
  letter-spacing:.035em;
}
html.dmi-theme-eclat table tbody td{border-bottom-color:#e3ebf3!important}
html.dmi-theme-eclat table tbody tr{transition:background .12s ease}
html.dmi-theme-eclat table tbody tr:hover td{background:#f5faff!important}
html.dmi-theme-eclat table tbody tr:last-child td{border-bottom:0!important}

/* Dialogues et modales */
html.dmi-theme-eclat :where(.modal,[class$="-dialog"],[class*="-dialog "]){backdrop-filter:blur(6px)}
html.dmi-theme-eclat :where(.modal-card,[class$="-dialog-card"],[class*="-dialog-card "]){
  border:1px solid rgba(186,206,227,.78)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#fff,#f8fbfe)!important;
  box-shadow:0 34px 90px rgba(4,25,59,.30)!important;
}
html.dmi-theme-eclat dialog::backdrop{background:rgba(4,20,48,.62);backdrop-filter:blur(6px)}
html.dmi-theme-eclat .close{border-radius:12px!important}

/* Connexion et pages publiques */
html.dmi-theme-eclat body.dmi-theme-auth,
html.dmi-theme-eclat body:has(.login-wrap){
  background:
    radial-gradient(circle at 15% 15%,rgba(40,145,255,.48),transparent 24rem),
    radial-gradient(circle at 85% 25%,rgba(0,220,202,.30),transparent 24rem),
    linear-gradient(130deg,#04142f 0%,#0757c5 55%,#0096a9 100%)!important;
}
html.dmi-theme-eclat .login-wrap{position:relative;padding:clamp(18px,4vw,48px)!important;background:transparent!important}
html.dmi-theme-eclat .login-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:32px!important;
  background:linear-gradient(165deg,rgba(255,255,255,.98),rgba(241,248,255,.96))!important;
  box-shadow:0 38px 100px rgba(2,20,52,.34)!important;
}
html.dmi-theme-eclat .login-card::before{
  content:"";position:absolute;inset:0 0 auto;height:7px;
  background:linear-gradient(90deg,var(--dmi-blue-600),var(--dmi-cyan-500),var(--dmi-gold-500));
}
html.dmi-theme-eclat .login-card h1{
  color:var(--dmi-navy-900)!important;
  font-size:clamp(34px,7vw,46px)!important;
  letter-spacing:-.045em!important;
}
html.dmi-theme-eclat .dmi-start-label{
  color:#0757c5!important;background:#e8f3ff!important;border:1px solid #bcd8fa!important;
}
html.dmi-theme-eclat .dmi-note{background:linear-gradient(135deg,#eef7ff,#eefcf9)!important;border-style:solid!important}

/* Administration : légère identité bleu nuit */
html.dmi-theme-eclat body.dmi-theme-admin :where([class$="-shell"],[class*="-shell "]){max-width:1480px}
html.dmi-theme-eclat body.dmi-theme-admin :where(.admin18n-action,.admin18m-action,.admin18l-action,.admin18k-action){
  background:linear-gradient(145deg,#fff,#f0f7ff)!important;
}
html.dmi-theme-eclat body.dmi-theme-admin :where(.admin18n-action,.admin18m-action,.admin18l-action,.admin18k-action)::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--dmi-blue-600),var(--dmi-cyan-500));
}

/* Mode boutiquier : actions plus tactiles */
html.dmi-theme-eclat body.dmi-theme-boutique :where(.big-action,.dm-card){min-height:112px}
html.dmi-theme-eclat body.dmi-theme-boutique .big-action{
  background:linear-gradient(145deg,#fff,#f1f8ff)!important;
  color:var(--dmi-navy-900)!important;
}
html.dmi-theme-eclat body.dmi-theme-boutique .big-action.green{background:linear-gradient(145deg,#eafaf4,#d8f4e9)!important;color:#0b5f45!important}
html.dmi-theme-eclat body.dmi-theme-boutique .big-action.orange{background:linear-gradient(145deg,#fff8e9,#ffedc7)!important;color:#75440a!important}
html.dmi-theme-eclat body.dmi-theme-boutique .big-action.blue{background:linear-gradient(145deg,#edf6ff,#dfeeff)!important;color:#0c4ca7!important}
html.dmi-theme-eclat body.dmi-theme-boutique .big-action.red{background:linear-gradient(145deg,#fff0f3,#ffe2e7)!important;color:#8d2638!important}
html.dmi-theme-eclat body.dmi-theme-boutique .big-action.violet{background:linear-gradient(145deg,#f5f1ff,#e9e2ff)!important;color:#5638bc!important}

/* Code et reçus */
html.dmi-theme-eclat pre{border:1px solid #263e60;background:linear-gradient(145deg,#07182f,#10294b)!important;color:#dcecff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html.dmi-theme-eclat code{color:#0b58bd;background:#eaf3fd;border-radius:6px;padding:.12em .35em}

/* Mobile : ergonomie sans modifier les identifiants ni les événements */
@media(max-width:900px){
  html.dmi-theme-eclat body{background-attachment:scroll!important}
  html.dmi-theme-eclat :where(.header,.topbar,.hero,[class$="-hero"],[class*="-hero "]){
    border-radius:0 0 26px 26px!important;
    padding:20px 16px!important;
  }
  html.dmi-theme-eclat :where(.page,.container,.wrap,.guide,[class$="-shell"],[class*="-shell "]){padding-inline:14px!important}
  html.dmi-theme-eclat :where(.panel,.card,.box,.dm-card,[class$="-panel"],[class*="-panel "]){border-radius:20px!important}
  html.dmi-theme-eclat :where(.top-actions,.buttons,.actions,.admin18n-top-actions,[class$="-actions"],[class*="-actions "]){flex-wrap:wrap!important}
  html.dmi-theme-eclat :where(.btn,.small-btn,.dmi-action-link){min-height:46px}
}

@media(max-width:760px){
  html.dmi-theme-eclat body{font-size:15px}
  html.dmi-theme-eclat h1{font-size:clamp(27px,8vw,36px)}
  html.dmi-theme-eclat h2{font-size:clamp(21px,6vw,27px)}
  html.dmi-theme-eclat :where(.panel,.card,.box,.dm-card,[class$="-panel"],[class*="-panel "]){padding:15px!important}
  html.dmi-theme-eclat :where(.actions,.buttons,.top-actions,.quick-actions,[class$="-actions"],[class*="-actions "]){gap:9px!important}
  html.dmi-theme-eclat :where(.actions,.buttons):not(.dmi-inline-actions){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.dmi-theme-eclat :where(.actions,.buttons):not(.dmi-inline-actions) > :where(button,.btn,a){width:100%!important;min-width:0!important}

  /* Tableaux transformés en cartes grâce au script visuel 18T1. */
  html.dmi-theme-eclat table.dmi-table-cards{display:block!important;width:100%!important;min-width:0!important;background:transparent!important}
  html.dmi-theme-eclat table.dmi-table-cards thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  html.dmi-theme-eclat table.dmi-table-cards tbody{display:grid!important;gap:12px!important;width:100%!important}
  html.dmi-theme-eclat table.dmi-table-cards tbody tr{
    display:block!important;
    width:100%!important;
    padding:8px 13px!important;
    border:1px solid #cfdeec!important;
    border-radius:18px!important;
    background:linear-gradient(155deg,#fff,#f4f9ff)!important;
    box-shadow:0 10px 24px rgba(7,48,99,.08)!important;
  }
  html.dmi-theme-eclat table.dmi-table-cards tbody td{
    display:grid!important;
    grid-template-columns:minmax(104px,38%) minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:38px!important;
    padding:9px 2px!important;
    border:0!important;
    border-bottom:1px dashed #d9e4ef!important;
    text-align:right!important;
    overflow-wrap:anywhere;
  }
  html.dmi-theme-eclat table.dmi-table-cards tbody td:last-child{border-bottom:0!important}
  html.dmi-theme-eclat table.dmi-table-cards tbody td::before{
    content:attr(data-dmi-label);
    color:#61748b;
    font-size:11px;
    font-weight:900;
    letter-spacing:.045em;
    text-transform:uppercase;
    text-align:left;
  }
  html.dmi-theme-eclat table.dmi-table-cards tbody td.dmi-table-message,
  html.dmi-theme-eclat table.dmi-table-cards tbody td[colspan]{display:block!important;text-align:center!important;padding:16px 6px!important}
  html.dmi-theme-eclat table.dmi-table-cards tbody td.dmi-table-message::before,
  html.dmi-theme-eclat table.dmi-table-cards tbody td[colspan]::before{display:none!important}
  html.dmi-theme-eclat table.dmi-table-cards :where(.btn,button,a.linkbtn){width:auto!important;display:inline-flex!important;margin:2px!important}
  html.dmi-theme-eclat :where(.table-wrap,[class$="-table-wrap"],[class*="-table-wrap "]){overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}

  html.dmi-theme-eclat .login-card{padding:27px 20px!important;border-radius:26px!important}
  html.dmi-theme-eclat .login-card :where(.btn,.dmi-action-link){width:100%!important}
}

@media(max-width:480px){
  html.dmi-theme-eclat :where(.actions,.buttons):not(.dmi-inline-actions){grid-template-columns:1fr!important}
  html.dmi-theme-eclat :where(.btn,button,.dmi-action-link){white-space:normal;text-align:center}
  html.dmi-theme-eclat table.dmi-table-cards tbody td{grid-template-columns:1fr!important;text-align:left!important;gap:4px!important}
}

@media(prefers-reduced-motion:reduce){
  html.dmi-theme-eclat *,html.dmi-theme-eclat *::before,html.dmi-theme-eclat *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

@media print{
  html.dmi-theme-eclat body{background:#fff!important;color:#111!important}
  html.dmi-theme-eclat body::before{display:none!important}
  html.dmi-theme-eclat :where(.panel,.card,.box,[class$="-panel"],[class*="-panel "]){box-shadow:none!important;background:#fff!important;border-color:#ccc!important}
  html.dmi-theme-eclat :where(.header,.topbar,.hero,[class$="-hero"],[class*="-hero "]){background:#fff!important;color:#111!important;box-shadow:none!important;border-color:#ccc!important}
  html.dmi-theme-eclat :where(.header,.topbar,.hero,[class$="-hero"],[class*="-hero "]) *{color:#111!important;text-shadow:none!important}
  html.dmi-theme-eclat table.dmi-table-cards{display:table!important}
  html.dmi-theme-eclat table.dmi-table-cards thead{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important}
  html.dmi-theme-eclat table.dmi-table-cards tbody{display:table-row-group!important}
  html.dmi-theme-eclat table.dmi-table-cards tr{display:table-row!important;box-shadow:none!important}
  html.dmi-theme-eclat table.dmi-table-cards td{display:table-cell!important;text-align:left!important}
  html.dmi-theme-eclat table.dmi-table-cards td::before{display:none!important}
}