/* J'Control — palette « Ivoire & doré sablé » (10/11/2026)
   Une seule palette pour toutes les pages. Le logo J' garde ses couleurs.
   Retour arrière : retirer la ligne <link …j-sable.css> et <script …j-sable.js> des pages. */
:root{
  --s-bg:#FBF6EC; --s-card:#FFFFFF; --s-soft:#F3E9D6; --s-line:#EADFC8;
  --s-ink:#2B2620; --s-mut:#8A7F6E; --s-gold:#C9A66B; --s-deep:#A8834A;
  /* variables des anciennes pages */
  --bg:#FBF6EC; --bg2:#FFFFFF; --card:#FFFFFF; --card2:#FBF6EC; --line:#EADFC8;
  --tx:#2B2620; --ink:#2B2620; --dk:#2B2620; --mut:#8A7F6E;
  --g:#A8834A; --gl:#F3E9D6; --co:#A8834A; --vi:#C9A66B; --ye:#F3E9D6;
  --gold:#A8834A; --gold2:#C9A66B; --ok:#A8834A; --bad:#A8834A;
}
html,body{background:#FBF6EC!important;color:#2B2620}
body{background-image:none!important}

/* J'Control accueil (j.php) */
.jhd{font:600 12px/1 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8A7F6E;margin:18px 2px 10px}
.tl>button,.tl>a{background:#FFFFFF!important;color:#2B2620!important;border:1px solid #EADFC8!important;box-shadow:0 4px 14px rgba(120,95,50,.07)!important}
.tl>button *,.tl>a *{color:inherit}
.tl .n{color:#A8834A!important}
.tl .ic{background:#F3E9D6!important;border:0!important}
.tl small{color:#8A7F6E!important}
.tl>.hot{border-color:#C9A66B!important;box-shadow:0 0 0 3px rgba(201,166,107,.28)!important}
.tl.jp>a{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-decoration:none;padding:14px 16px!important;border-radius:20px!important}
.tl.jp>a .ic{grid-row:span 2;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px}
.tl.jp>a b{font-size:17px}.tl.jp>a.off{opacity:.6;pointer-events:none}
.tl.jp{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:720px){.tl.jp{grid-template-columns:1fr}}
h1 em{color:#A8834A!important;background-image:linear-gradient(transparent 62%,#F3E9D6 62%)!important}
.pill,.pill.new{background:#A8834A!important;color:#fff!important}
.bell{border-color:#C9A66B!important}
.chips button.on,.bysite button.on,.tabs button.on{background:#A8834A!important;border-color:#A8834A!important;color:#fff!important}
.acts button{background:#F6EFE2!important;color:#2B2620!important;box-shadow:none!important;border:1px solid #EADFC8!important}
.acts .b-go{background:#A8834A!important;color:#fff!important;border-color:#A8834A!important}
.nav a.on,#nav button.on{background:#F3E9D6!important;color:#A8834A!important}
.toast{background:#2B2620!important}

/* v2 : logo J' intact, tuiles pays, bulles décoratives */
.lg{background:url(/control/jmarhaba/assets/logo-j.png) center/cover no-repeat!important;color:transparent!important;border:0!important;box-shadow:none!important}
.k:after{background:#C9A66B!important;opacity:.10!important}
.tl.jp>a{min-height:0!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;display:flex!important}
.tl.jp>a .ic{position:static!important;flex:none;width:44px!important;height:44px!important;font-size:22px!important}
.tl.jp>a b{display:block}.tl.jp>a small{display:block;margin-top:2px}
.jceB{transform:scale(.8)!important;transform-origin:left bottom;opacity:.92}
.tl.jp>a .tx{display:flex;flex-direction:column;min-width:0}

/* v3 : centre de pilotage jai-besoin.com */
.live .kp b,.live .lv1 b{color:#A8834A!important}
.live .lv1 b{color:#2B2620!important}
.live .sp i{background:#C9A66B!important}
.live .kp small,.live .lv1 small,.ccs span{color:#8A7F6E!important}
.dr header,.dr .hd{color:#2B2620}
@media(max-width:720px){
 .gr .tl{padding:12px!important;min-height:0!important}
 .gr .tl .th{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}
 .gr .tl .th small{display:none!important}
 .gr .tl .ic{width:34px!important;height:34px!important}
 .gr .tl .big b{font-size:26px!important}
 .gr .tl .ch{gap:4px!important}
}