/* ══════════════════════════════════════════════════════════════════════════
   Espace client MK Connect — thème sombre « G2 », même apparence que la page
   de connexion (mosaïque des métiers). Fichier chargé en dernier dans index.html :
   retirer la balise <link id="espace-client-g2"> suffit à revenir à l'ancien thème.
   ══════════════════════════════════════════════════════════════════════════ */
html.ui-g2{
  --accent:#E8692A;--navy:#f2f2f0;--navy2:#0e0f12;
  --bg:#0e0f12;--bg-card:#17191e;--bg-secondary:#1d2026;--bg-hover:#22252c;
  --text:#f2f2f0;--text-primary:#f2f2f0;--text-secondary:#c4c7cf;--text-muted:#8b8f9a;
  --border:#272a32;--border-md:#30343d;
  --radius-sm:10px;--radius:16px;--radius-lg:20px;
  --shadow-sm:none;--shadow:0 10px 30px rgba(0,0,0,.35);
  --success-bg:rgba(34,197,94,.12);--success-text:#86efac;--success-border:rgba(34,197,94,.35);
  --warn-bg:rgba(245,158,11,.12);--warn-text:#fcd34d;--warn-border:rgba(245,158,11,.35);
  --danger-bg:rgba(239,68,68,.12);--danger-text:#fca5a5;--danger-border:rgba(239,68,68,.35);
  --info-bg:rgba(59,130,246,.12);--info-text:#93c5fd;--info-border:rgba(59,130,246,.35);
  --g2-tile:#17191e;--g2-tile2:#1d2026;--g2-line:#272a32;--g2-or:#E8692A;--g2-cream:#f6f3ec;
  color-scheme:dark;
}
html.ui-g2,html.ui-g2 body{background:#0e0f12!important}
html.ui-g2 body{font-family:'Sora',-apple-system,'Segoe UI',sans-serif!important;color:var(--text-primary)}
html.ui-g2 .main{background:radial-gradient(1000px 600px at 15% 0%,#1a1c22,transparent 70%),#0e0f12!important}
html.ui-g2 ::selection{background:rgba(232,105,42,.35)}
html.ui-g2 *{scrollbar-color:#30343d transparent}
/* ─── Barre du haut ─── */
html.ui-g2 .topbar{background:rgba(14,15,18,.86)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--g2-line)!important;box-shadow:none!important}
html.ui-g2 .topbar-title{color:#f2f2f0!important;font-weight:700!important;letter-spacing:-.01em}
html.ui-g2 .topbar-btn{background:var(--g2-tile)!important;border:1px solid var(--g2-line)!important;color:#c4c7cf!important;border-radius:12px!important}
html.ui-g2 .topbar-btn:hover{border-color:#3a3e48!important;color:#fff!important}
html.ui-g2 .topbar-btn.primary{background:var(--g2-or)!important;border-color:var(--g2-or)!important;color:#fff!important}
html.ui-g2 .menu-btn,html.ui-g2 .home-btn{color:#f2f2f0!important;background:var(--g2-tile)!important;border:1px solid var(--g2-line)!important;border-radius:12px!important}
html.ui-g2 #compte-switch-wrap,html.ui-g2 #compte-switch-wrap *{background-color:transparent}
html.ui-g2 #compte-switch-wrap{background:var(--g2-tile)!important;border:1px solid var(--g2-line)!important;border-radius:12px!important}
html.ui-g2 #compte-switch-wrap select{background:var(--g2-tile2)!important;color:#f2f2f0!important;border:1px solid var(--g2-line)!important}
/* ─── Sections ─── */
html.ui-g2 .content{max-width:1180px!important}
html.ui-g2 .card,html.ui-g2 .kpi{background:var(--g2-tile)!important;border:1px solid var(--g2-line)!important;border-radius:20px!important;box-shadow:none!important}
html.ui-g2 .card-title,html.ui-g2 .kpi-val{color:#f2f2f0!important}
html.ui-g2 .kpi-lbl,html.ui-g2 .kpi-sub{color:#8b8f9a!important}
html.ui-g2 .kpi{position:relative;overflow:hidden}
html.ui-g2 .kpi-val{font-weight:800!important;letter-spacing:-.02em}
/* ─── Accueil ─── */
html.ui-g2 .home-hero{background:var(--g2-tile)!important;border:1px solid var(--g2-line);border-radius:22px!important}
html.ui-g2 .home-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 220px at 100% 0%,rgba(232,105,42,.28),transparent 70%);pointer-events:none}
html.ui-g2 .home-hero::after{background:none!important;border:2px solid rgba(232,105,42,.25)!important}
html.ui-g2 .home-hero h2{color:#fff!important;font-weight:800!important;letter-spacing:-.03em}
html.ui-g2 .home-hero h2 #home-username,html.ui-g2 .home-hero h2 span{color:var(--g2-or)}
html.ui-g2 .home-hero-eyebrow{color:#8b8f9a!important;font-family:'JetBrains Mono',monospace;letter-spacing:.12em!important}
html.ui-g2 .home-hero p{color:#c4c7cf!important}
html.ui-g2 .home-hero-logo{background:#0e0f12!important;border:1px solid var(--g2-line)}
html.ui-g2 .home-onboard{background:var(--g2-tile)!important;border:1px solid rgba(232,105,42,.35)!important}
html.ui-g2 .home-qa{background:var(--g2-tile)!important;border:1px solid var(--g2-line)!important;border-radius:18px!important}
html.ui-g2 .home-qa:hover{border-color:var(--g2-or)!important;box-shadow:0 0 0 1px var(--g2-or),0 14px 30px rgba(232,105,42,.15)!important}
html.ui-g2 .home-qa .qi{background:rgba(232,105,42,.14)!important;color:var(--g2-or)!important}
html.ui-g2 .home-qa .ql{color:#f2f2f0!important}
html.ui-g2 .home-sec-h{color:#8b8f9a!important;font-family:'JetBrains Mono',monospace;letter-spacing:.12em}
html.ui-g2 .home-tile{background:var(--g2-tile)!important;border:1px solid var(--g2-line)!important;border-radius:18px!important}
html.ui-g2 .home-tile:hover{border-color:var(--g2-or)!important;box-shadow:0 0 0 1px var(--g2-or),0 14px 30px rgba(232,105,42,.15)!important;transform:translateY(-3px)}
html.ui-g2 .home-tile .home-ico{background:rgba(232,105,42,.12)!important}
html.ui-g2 .home-tile .home-ttl{color:#f2f2f0!important}
html.ui-g2 .home-tile .home-badge{background:var(--g2-or)!important;color:#fff!important;border:0!important}
html.ui-g2 .iw-card{background:var(--g2-tile2)!important;border-color:var(--g2-line)!important}
html.ui-g2 .mk-tpromo{background:var(--g2-tile)!important;border:1px solid var(--g2-line)!important}
html.ui-g2 .activity-item{border-color:var(--g2-line)!important}
/* ─── Tableaux ─── */
html.ui-g2 table{color:#e5e6ea}
html.ui-g2 th{background:var(--g2-tile2)!important;color:#8b8f9a!important;border-color:var(--g2-line)!important;font-family:'JetBrains Mono',monospace;font-size:11px!important;letter-spacing:.06em}
html.ui-g2 td{border-color:var(--g2-line)!important;color:#e5e6ea}
html.ui-g2 tr:hover td{background:#1b1e24!important}
html.ui-g2 .tbl-search,html.ui-g2 input,html.ui-g2 select,html.ui-g2 textarea{background:#0e0f12!important;color:#f2f2f0!important;border-color:#30343d!important}
html.ui-g2 input::placeholder,html.ui-g2 textarea::placeholder{color:#5d6270!important}
html.ui-g2 input:focus,html.ui-g2 select:focus,html.ui-g2 textarea:focus{border-color:var(--g2-or)!important;box-shadow:0 0 0 3px rgba(232,105,42,.18)!important}
html.ui-g2 input[type=checkbox],html.ui-g2 input[type=radio]{accent-color:#E8692A}
/* ─── Badges ─── */
html.ui-g2 .badge{border-radius:99px!important;font-weight:700!important}
html.ui-g2 .badge.paid,html.ui-g2 .badge.active,html.ui-g2 .badge.closed{background:rgba(34,197,94,.14)!important;color:#86efac!important}
html.ui-g2 .badge.unpaid,html.ui-g2 .badge.urgent{background:rgba(239,68,68,.14)!important;color:#fca5a5!important}
html.ui-g2 .badge.pending{background:rgba(245,158,11,.14)!important;color:#fcd34d!important}
html.ui-g2 .badge.info{background:rgba(59,130,246,.14)!important;color:#93c5fd!important}
html.ui-g2 .alert-banner{background:var(--g2-tile)!important;border-color:rgba(245,158,11,.4)!important;color:#fcd34d!important}
/* ─── Documents, appareils, divers ─── */
html.ui-g2 .doc-card,html.ui-g2 .device-row,html.ui-g2 .ext-card,html.ui-g2 .mob-card,html.ui-g2 .ticket-msg{background:var(--g2-tile)!important;border-color:var(--g2-line)!important;color:#e5e6ea}
html.ui-g2 .doc-card:hover{border-color:var(--g2-or)!important}
html.ui-g2 .tpill{background:var(--g2-tile2)!important;color:#c4c7cf!important;border-color:var(--g2-line)!important}
html.ui-g2 .tpill.on,html.ui-g2 .tpill.active{background:var(--g2-or)!important;color:#fff!important}
html.ui-g2 .mk-pager button{background:var(--g2-tile)!important;color:#c4c7cf!important;border-color:var(--g2-line)!important}
html.ui-g2 .bubble.us{background:var(--g2-or)!important;color:#fff!important}
html.ui-g2 .pdfv-head,html.ui-g2 .pdfv-bar{background:#17191e!important;color:#f2f2f0!important}
/* ─── Couleurs écrites en dur dans le HTML / JS (contenu dynamique, modales) ─── */
html.ui-g2 .main [style*="background:#fff"],html.ui-g2 .main [style*="background: #fff"],html.ui-g2 .main [style*="background:#ffffff"],html.ui-g2 .main [style*="background:white"],html.ui-g2 .main [style*="background:#f8fafc"],html.ui-g2 .main [style*="background:#f9fafb"],html.ui-g2 .main [style*="background:#f1f5f9"],html.ui-g2 .main [style*="background:#fafafa"],html.ui-g2 .main [style*="background:#f3f4f6"],html.ui-g2 [id$="-modal"] [style*="background:#fff"],html.ui-g2 [id$="-modal"] [style*="background: #fff"],html.ui-g2 [id$="-modal"] [style*="background:#f8fafc"],html.ui-g2 [id$="-modal"] [style*="background:#f1f5f9"],html.ui-g2 [id$="-modal"] [style*="background:white"],html.ui-g2 #mobile-detail-panel,html.ui-g2 #mobile-detail-panel [style*="background:#fff"]{background:#17191e!important}
html.ui-g2 .main [style*="background:#fef2f2"],html.ui-g2 [id$="-modal"] [style*="background:#fef2f2"]{background:rgba(239,68,68,.12)!important}
html.ui-g2 .main [style*="background:#ecfdf5"],html.ui-g2 .main [style*="background:#f0fdf4"],html.ui-g2 [id$="-modal"] [style*="background:#ecfdf5"]{background:rgba(34,197,94,.12)!important}
html.ui-g2 .main [style*="background:#fffbeb"],html.ui-g2 .main [style*="background:#fff7ed"],html.ui-g2 .main [style*="background:#fff4ec"],html.ui-g2 [id$="-modal"] [style*="background:#fffbeb"]{background:rgba(245,158,11,.12)!important}
html.ui-g2 .main [style*="background:#eff6ff"],html.ui-g2 [id$="-modal"] [style*="background:#eff6ff"]{background:rgba(59,130,246,.12)!important}
html.ui-g2 .main [style*="color:#1a1a2e"],html.ui-g2 .main [style*="color:#1e293b"],html.ui-g2 .main [style*="color:#0f172a"],html.ui-g2 .main [style*="color:#111"],html.ui-g2 .main [style*="color:#334155"],html.ui-g2 .main [style*="color: #1a1a2e"],html.ui-g2 [id$="-modal"] [style*="color:#1a1a2e"],html.ui-g2 [id$="-modal"] [style*="color:#1e293b"],html.ui-g2 [id$="-modal"] [style*="color:#0f172a"],html.ui-g2 [id$="-modal"] [style*="color:#334155"]{color:#f2f2f0!important}
html.ui-g2 .main [style*="color:#475569"],html.ui-g2 .main [style*="color:#374151"],html.ui-g2 [id$="-modal"] [style*="color:#475569"],html.ui-g2 [id$="-modal"] [style*="color:#374151"]{color:#c4c7cf!important}
html.ui-g2 .main [style*="color:#991b1b"],html.ui-g2 [id$="-modal"] [style*="color:#991b1b"]{color:#fca5a5!important}
html.ui-g2 .main [style*="color:#065f46"],html.ui-g2 [id$="-modal"] [style*="color:#065f46"]{color:#86efac!important}
html.ui-g2 .main [style*="color:#92400e"],html.ui-g2 [id$="-modal"] [style*="color:#92400e"]{color:#fcd34d!important}
html.ui-g2 .main [style*="border:1px solid #e2e8f0"],html.ui-g2 .main [style*="border:1.5px solid #e2e8f0"],html.ui-g2 .main [style*="border:1px solid #f1f5f9"],html.ui-g2 .main [style*="border-bottom:1px solid #f1f5f9"],html.ui-g2 .main [style*="border-bottom:1px solid #f8fafc"],html.ui-g2 [id$="-modal"] [style*="border:1px solid #e2e8f0"],html.ui-g2 [id$="-modal"] [style*="border:1.5px solid #e2e8f0"]{border-color:#272a32!important}
html.ui-g2 .main [style*="background:var(--navy)"],html.ui-g2 .main [style*="background:#1a1a2e"]{background:#0b0c0f!important;border:1px solid #272a32}
/* modales : fond sombre et boîte foncée */
html.ui-g2 [id$="-modal"]{background:rgba(5,6,8,.72)!important;backdrop-filter:blur(4px)}
html.ui-g2 [id$="-modal"]>div{background:#17191e!important;color:#f2f2f0;border:1px solid #272a32;border-radius:22px!important;box-shadow:0 40px 80px rgba(0,0,0,.6)!important}
/* ─── Boutons orange comme sur la page de connexion ─── */
html.ui-g2 .main button[style*="background:#E8692A"],html.ui-g2 .main button[style*="background:#e94560"],html.ui-g2 .main button[style*="background:var(--accent)"]{background:#E8692A!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(232,105,42,.28)}
html.ui-g2 .main [style*="color:#e94560"]{color:#ff8a4c!important}
/* ─── Aide (chatbot) ─── */
html.ui-g2 .mkbot-panel,html.ui-g2 .mkbot-msg.bot{background:#17191e!important;color:#f2f2f0!important;border-color:#272a32!important}
/* ─── Mobile ─── */
@media(max-width:768px){
html.ui-g2 .content{padding:14px 12px!important}
html.ui-g2 .card,html.ui-g2 .kpi,html.ui-g2 .home-tile{border-radius:16px!important}
}
/* ══════════ Navigation G2 ══════════ */
html.ui-g2 .mkdev-credit{display:none!important}
html.ui-g2 .menu-btn.home-btn{display:none!important}
html.ui-g2 #g2-nav{position:fixed;left:0;top:0;bottom:0;width:256px;z-index:900;background:#121317;border-right:1px solid #272a32;display:flex;flex-direction:column;padding:16px 14px 14px;font-family:'Sora',sans-serif}
html.ui-g2 #login-screen:not(.hidden)~#g2-nav,html.ui-g2 #login-screen:not(.hidden)~#g2-tabs{display:none!important}
html.ui-g2 body:has(#login-screen:not(.hidden)) #g2-nav,html.ui-g2 body:has(#login-screen:not(.hidden)) #g2-tabs{display:none!important}
html.ui-g2 .g2n-head{display:flex;align-items:center;gap:10px;padding:2px 4px 16px}
html.ui-g2 .g2n-head img{height:34px}
html.ui-g2 .g2n-head span{font:600 11px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#8b8f9a}
html.ui-g2 .g2n-close{display:none;margin-left:auto;background:none;border:0;color:#c4c7cf;font-size:22px;cursor:pointer}
html.ui-g2 .g2n-cta{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border:0;border-radius:14px;background:#E8692A;color:#fff;font:700 14px 'Sora',sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(232,105,42,.28);margin-bottom:14px;transition:transform .12s,background .2s}
html.ui-g2 .g2n-cta:hover{background:#ff7a35}
html.ui-g2 .g2n-cta:active{transform:scale(.98)}
html.ui-g2 .g2n-scroll{flex:1;overflow-y:auto;margin:0 -6px;padding:0 6px}
html.ui-g2 .g2n-sec{font:600 10.5px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#6b6f7a;margin:16px 10px 6px}
html.ui-g2 .g2n-it{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;margin:2px 0;border:0;border-radius:12px;background:none;color:#c4c7cf;font:500 14px 'Sora',sans-serif;cursor:pointer;text-align:left;transition:background .15s,color .15s}
html.ui-g2 .g2n-it i{font-size:19px;color:#8b8f9a;transition:color .15s}
html.ui-g2 .g2n-it span{flex:1}
html.ui-g2 .g2n-it:hover{background:#1b1d23;color:#fff}
html.ui-g2 .g2n-it:hover i{color:#fff}
html.ui-g2 .g2n-it.on{background:rgba(232,105,42,.14);color:#fff;font-weight:600;box-shadow:inset 3px 0 0 #E8692A}
html.ui-g2 .g2n-it.on i{color:#E8692A}
html.ui-g2 .g2n-bdg{font-style:normal;font-size:11px;font-weight:700;background:#E8692A;color:#fff;border-radius:99px;padding:1px 8px}
html.ui-g2 .g2n-bdg:empty{display:none}
html.ui-g2 .g2n-foot{border-top:1px solid #272a32;padding-top:12px;display:flex;flex-direction:column;gap:8px}
html.ui-g2 .g2n-call{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;background:#1b1d23;text-decoration:none;color:#fff}
html.ui-g2 .g2n-call i{width:32px;height:32px;border-radius:9px;background:#E8692A;display:flex;align-items:center;justify-content:center;font-size:16px}
html.ui-g2 .g2n-call small{display:block;font:500 10px 'JetBrains Mono',monospace;color:#8b8f9a}
html.ui-g2 .g2n-call b{font-size:15px;font-weight:800}
html.ui-g2 .g2n-me{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #272a32;border-radius:12px;background:none;color:#f2f2f0;cursor:pointer;text-align:left;font-family:'Sora',sans-serif}
html.ui-g2 .g2n-me:hover{border-color:#3a3e48}
html.ui-g2 .g2n-av{width:32px;height:32px;border-radius:50%;background:#E8692A;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
html.ui-g2 .g2n-mt{flex:1;min-width:0}
html.ui-g2 .g2n-mt b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ui-g2 .g2n-mt small{font-size:11px;color:#8b8f9a}
html.ui-g2 .g2n-me i{color:#6b6f7a}
html.ui-g2 .g2n-out{background:none;border:0;color:#8b8f9a;font:500 12.5px 'Sora',sans-serif;cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px 8px}
html.ui-g2 .g2n-out:hover{color:#fca5a5}
html.ui-g2 .g2n-legal{font:500 10px 'JetBrains Mono',monospace;color:#5d6270;text-align:center;line-height:1.7}
html.ui-g2 .g2n-legal a{color:#5d6270;text-decoration:none}
html.ui-g2 .g2n-legal a:hover{color:#c4c7cf}
html.ui-g2 .g2n-legal b{color:#8b8f9a}
html.ui-g2 #g2-scrim{display:none}
html.ui-g2 #g2-tabs{display:none}
html.ui-g2 .main{margin-left:256px!important}
html.ui-g2 .topbar [onclick*="doLogout"]{display:none!important}
/* Accueil : les rubriques sont dans le menu, on garde l'essentiel */
html.ui-g2 #home-grid{display:none!important}
@media(max-width:900px){
html.ui-g2 .main{margin-left:0!important;padding-bottom:78px}
html.ui-g2 #g2-nav{transform:translateX(-102%);transition:transform .28s cubic-bezier(.3,.9,.3,1);width:min(300px,86vw);box-shadow:20px 0 60px rgba(0,0,0,.5)}
html.ui-g2 body.g2-open #g2-nav{transform:none}
html.ui-g2 .g2n-close{display:block}
html.ui-g2 #g2-scrim{display:block;position:fixed;inset:0;z-index:899;background:rgba(5,6,8,.6);opacity:0;pointer-events:none;transition:opacity .25s}
html.ui-g2 body.g2-open #g2-scrim{opacity:1;pointer-events:auto}
html.ui-g2 #g2-tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:880;background:rgba(18,19,23,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid #272a32;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
html.ui-g2 .g2t{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border:0;background:none;color:#8b8f9a;font:600 10.5px 'Sora',sans-serif;cursor:pointer;border-radius:12px}
html.ui-g2 .g2t i{font-size:22px}
html.ui-g2 .g2t.on{color:#fff}
html.ui-g2 .g2t.on i{color:#E8692A}
html.ui-g2 #home-grid{display:block!important}
html.ui-g2 #mkbot-bubble{bottom:88px!important}
}
html.ui-g2 .home-main>div:has(+#home-grid){display:none}
html.ui-g2 .kpi[style*="border-top"]{border-top:1px solid #272a32!important}
html.ui-g2 .kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#E8692A;opacity:.8}
html.ui-g2 .kpi:hover{border-color:#E8692A!important}
html.ui-g2 .kpi-val{font-size:30px!important}
@media(max-width:900px){html.ui-g2 .home-main>div:has(+#home-grid){display:block}}
html.ui-g2 body.g2-open #mkbot-bubble{display:none!important}