/* Mon compte (compte.js) : informations et droits à gauche, appareils et connexions à droite ; une colonne sur téléphone */
.cp-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:var(--esp-4);align-items:start}
.cp-grille .stack{gap:var(--esp-3,12px)}
.cp-panel{padding:12px 14px}
.cp-panel .panel-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.cp-panel .panel-h>div{min-width:0}
.cp-panel .panel-h .small{display:block}

/* Identité */
.cp-id{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.cp-av{width:40px;height:40px;font-size:17px}
.cp-qui{display:flex;flex-direction:column;min-width:0;flex:1}
.cp-qui b,.cp-qui span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-h{font-size:var(--t-carte);margin:12px 0 6px}

/* Droits du rôle */
.cp-droits{display:flex;flex-direction:column;gap:6px}
.cp-ligne{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;align-items:start}
.cp-lab{font-size:var(--t-etiq);font-weight:var(--g-fort);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.cp-puces{display:flex;flex-wrap:wrap;gap:4px}
.cp-puce{display:inline-block;border-radius:4px;padding:1px 7px;font-size:var(--t-etiq);font-weight:var(--g-fort);white-space:nowrap;border:1px solid var(--line)}
.cp-puce.m{background:var(--copper-soft);color:var(--copper);border-color:transparent}
.cp-puce.v{background:var(--info-soft);color:var(--info);border-color:transparent}
.cp-puce.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.cp-puce.non{color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent)}
.cp-tout{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:var(--t-petit)}
.cp-tout svg{color:var(--copper);flex:none;margin-top:1px}
.cp-note{margin:8px 0 0}

/* Appareils */
.cp-app{display:inline-flex;align-items:center;gap:4px 7px;flex-wrap:wrap}
.cp-app b{white-space:nowrap}
.cp-app .pill{margin-left:2px}
.cp-app svg{color:var(--muted);flex:none}
.cp-courante td{background:color-mix(in srgb,var(--ok-soft) 45%,transparent)}
.cp-table td:last-child{text-align:right;width:1%;white-space:nowrap}

/* Connexions : encadré des essais ratés + tableau */
.cp-echecs{display:flex;gap:10px;align-items:center;padding:6px 10px;margin-bottom:8px;border-radius:var(--r-btn);background:var(--panel2)}
.cp-echecs>div{display:flex;flex-direction:column;min-width:0}
.cp-echecs .cp-n{font-family:var(--f-num);font-size:22px;font-weight:var(--g-fort);line-height:1;min-width:22px;text-align:center}
.cp-echecs.alerte{background:var(--warn-soft);color:var(--warn)}
.tw.cp-cnx{max-height:150px;overflow:auto}
.cp-cnx td{white-space:nowrap}

/* Une colonne : informations, puis appareils, puis connexions */
@media (max-width:1000px){.cp-grille{display:flex;flex-direction:column}.cp-grille>.stack{display:contents}.cp-appareils{order:1}.cp-connexions{order:2}}
@media (max-width:760px){
  .cp-panel .panel-h{flex-wrap:wrap}
  .cp-panel .panel-h .btn{min-height:40px}
  .cp-ligne{grid-template-columns:minmax(0,1fr);gap:3px}
  .tw.cp-cnx{max-height:none}
  .cp-cnx td:last-child{white-space:normal}
  .cp-courante td{background:none}
  .cp-table tr.cp-courante{background:color-mix(in srgb,var(--ok-soft) 45%,transparent)}
}