/* pro-mobile.css - version telephone Kidonk PRO espace gestionnaire */
@media (max-width:768px){
html,body{max-width:100%}
.coque{grid-template-columns:minmax(0,1fr) !important}
main{padding:14px 12px 96px !important;min-width:0 !important;max-width:100vw;overflow-x:clip}
#bRech{display:none !important}
#bTheme{display:none !important}
#bMoi{padding:4px !important}
#bMoi > span:not(.avatar), #bMoi .chev{display:none !important}
/* 07/10/2026 : rien ne peut elargir la page. Une colonne de grille ou une ligne flex
   ne grandit plus pour loger un texte long : c est le texte qui passe a la ligne. */
main *{min-width:0}
main svg,main img,main .avatar,main .px,main .ic{flex-shrink:0}
.deux{grid-template-columns:minmax(0,1fr) !important}
.contrat .h{flex-wrap:wrap;gap:8px}
.table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table th,.table td{white-space:nowrap}
.sousnav > *{flex:0 0 auto}
.parr{flex-wrap:wrap}
/* castor : plus petit, et sa bulle se resserre au lieu de pousser la page */
.tete-accueil{flex-wrap:wrap}
#ka-pastille.ka-hero{max-width:100% !important;margin-left:0 !important}
#ka-pastille.ka-hero .ka-mot{flex:1 1 0 !important;max-width:none !important}
#ka-pastille.ka-hero .ka-tete{width:110px !important;height:125px !important;flex:0 0 110px !important}
/* barre du bas : au-dessus de la barre du telephone */
nav.bas{padding-bottom:calc(6px + env(safe-area-inset-bottom)) !important}
/* iPhone : un champ de moins de 16 px fait agrandir toute la page au toucher */
input,select,textarea,.saisie,#ka-saisie{font-size:16px !important}
.haut .menu{position:fixed !important;top:64px !important;bottom:auto !important;left:auto !important;right:12px !important;width:min(320px,calc(100vw - 24px)) !important;max-height:calc(100dvh - 150px);overflow-y:auto !important}
}
/* 08/10/2026 : fiches de la vue Liste, souscriptions deux par ligne */
@media (max-width:768px){
.cl .pills{display:flex !important;flex-wrap:wrap;gap:6px 8px}
.cl .pills .cx{flex:1 1 calc(50% - 8px);grid-column:auto;grid-template-columns:26px minmax(0,1fr) !important;gap:0 7px;font-size:12.5px;line-height:1.3}
.cl .pills .cx .px{grid-row:1/3;width:26px;height:26px}
.cl .pills .cx .px svg.an{width:26px !important;height:26px !important}
}
/* vue Lignes : une ligne par dossier */
.lg{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--trait);border-radius:12px;padding:7px 8px 7px 0;margin-bottom:6px;cursor:pointer;min-height:46px}
.lg .bande{align-self:stretch;flex:0 0 4px;border-radius:0 3px 3px 0}
.lg .bande.cours{background:var(--violet)}.lg .bande.active{background:var(--ok)}.lg .bande.perdu{background:var(--ko)}.lg .bande.alerte{background:var(--alerte)}
.lg .lgn{flex:1 1 60px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600}
.lg .lgp{display:flex;gap:2px;flex:0 0 auto}
.lg .lgp .cx{display:block}
.lg .lgp .cx b,.lg .lgp .cx .cxd{display:none}
.lg .lgp .px{width:24px !important;height:24px !important}
.lg .lgp .px svg.an{width:24px !important;height:24px !important}
.lg .lgp .px i svg{width:11px !important;height:11px !important}
.lg .lgx{font-size:12px;font-weight:700;color:var(--gris);align-self:center;padding-left:2px}
.lg .lgt{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:10px;background:var(--violet-t);color:var(--violet);font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.lg .lgt svg{width:14px;height:14px}
.lg .lgt.vide{background:none;color:var(--gris)}
/* 08/10/2026 : bulle de discussion du castor en bas d ecran, pleine largeur (sortait a gauche) */
@media (max-width:768px){#ka-panneau{left:12px !important;right:12px !important;width:auto !important;max-width:none !important;top:auto !important;bottom:calc(88px + env(safe-area-inset-bottom)) !important;max-height:60vh !important}#ka-fil{overflow-y:auto}}