/* iPhone : un champ de moins de 16 px déclenche un zoom automatique quand on le touche, et la page reste zoomée
   après la connexion. Sur écran tactile, tous les champs passent à 16 px (inchangé sur ordinateur). */
@media (hover: none) and (pointer: coarse) {
  input, select, textarea, #pop-pw, #acces-pw, #wc-login-username { font-size: 16px !important; }
}
/* Rubriques ajoutées : Site & Communication (ambre), Administration (gris bleuté) */
.si-amber { background: rgba(255,159,10,.13) !important; color: var(--wc-orange) !important; }
.si-grey { background: rgba(152,166,196,.14) !important; color: #a9b6d3 !important; }
.card.cm .card-icon { background: rgba(255,159,10,.12) !important; color: var(--wc-orange) !important; }
.card.ad .card-icon { background: rgba(152,166,196,.13) !important; color: #a9b6d3 !important; }
/* teinte des grandes tuiles, par outil */
body.d-c .card.featured { --t: 64,156,255; } body.d-c .card.cl.featured { --t: 48,209,88; } body.d-c .card.lv.featured { --t: 255,95,80; } body.d-c .card.ov.featured { --t: 175,120,255; } body.d-c .card.cm.featured { --t: 255,159,10; } body.d-c .card.ad.featured { --t: 152,166,196; }

/* Masquage des outils non autorisés : toujours prioritaire sur la mise en page (classe répétée = plus forte) */
.card.hidden-card.hidden-card.hidden-card, .section.hidden-card.hidden-card.hidden-card { display: none !important; }
.h2-astuce { font-size: 13px; color: var(--text-tertiary); padding: 6px 0; }

/* ═════ C · « Bento » : grandes tuiles pour les outils principaux, pastilles pour le reste ═════ */
body.d-c .grid, body.d-c .grid-2, body.d-c .grid-3, body.d-c .grid-4, body.d-c .grid-live { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
body.d-c .grid { align-items: flex-start !important; }
body.d-c .grid::before { content: ''; order: -1; flex: 0 0 100%; height: 0; margin-bottom: -8px; }   /* saut de ligne : grandes tuiles d'abord, pastilles ensuite */
body.d-c .card.featured, body.d-c .card.lv.featured { order: -2; }
body.d-c .card { flex-direction: row !important; align-items: center !important; width: auto !important; padding: 7px 14px 7px 7px !important; border-radius: var(--wc-r-pilule) !important; gap: 9px !important; text-align: left !important; }
body.d-c .card .card-icon { width: 30px !important; height: 30px !important; border-radius: 50% !important; }
body.d-c .card .card-icon svg { width: 15px !important; height: 15px !important; }
body.d-c .card .card-title { font-size: 13.5px !important; margin: 0 !important; white-space: nowrap !important; display: block !important; -webkit-line-clamp: unset !important; }
body.d-c .card .card-desc { display: none !important; }
body.d-c .card.featured, body.d-c .card.lv.featured { flex: 1 1 260px !important; flex-direction: column !important; align-items: flex-start !important; justify-content: space-between !important; min-height: 104px !important; padding: 14px 16px !important; border-radius: var(--wc-r-xl) !important; gap: 12px !important; border: 0 !important; }
body.d-c .card.featured .card-icon { width: 46px !important; height: 46px !important; border-radius: var(--wc-r-l) !important; background: rgba(var(--t),.16) !important; color: rgb(var(--t)) !important; }
body.d-c .card.featured .card-icon svg { width: 22px !important; height: 22px !important; }
body.d-c .card.featured .card-title { font-size: 18px !important; white-space: normal !important; }
body.d-c .card.featured .card-desc { display: -webkit-box !important; -webkit-line-clamp: 2 !important; font-size: 13px !important; color: var(--text-secondary) !important; }
body.d-c .card.featured { background: linear-gradient(rgba(var(--t),.07), rgba(var(--t),.07)), #0f1830 !important; border: 1px solid rgba(var(--t),.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; }
body.d-c .card.cl.featured { --t: 48,209,88; }

body.d-c .card.lv.featured { --t: 255,95,80; }
body.d-c .card.featured:hover { border-color: rgba(var(--t),.5) !important; background: linear-gradient(rgba(var(--t),.12), rgba(var(--t),.12)), #0f1830 !important; filter: none; }
body.d-c .card { background: #0f1830 !important; border-color: rgba(255,255,255,.07) !important; }
body.d-c .card:hover { background: #142042 !important; border-color: rgba(255,255,255,.16) !important; }
@media (max-width: 700px) {
  body.d-c .card.featured, body.d-c .card.lv.featured { flex: 1 1 calc(50% - 4px) !important; min-height: 96px !important; padding: 12px 13px !important; }
  body.d-c .card.featured .card-title { font-size: 15.5px !important; }
  body.d-c .card.featured .card-desc { display: none !important; }
}
.card[data-pour-invite][hidden] { display: none !important; }