/* Paramètres : formulaire dense et lisible sur tablette et téléphone. */
@media (max-width: 980px) {
  #page-settings .page-head { margin-bottom: 14px; }
  #page-settings .settings-layout { gap: 10px; }
  #page-settings .settings-layout > nav {
    flex-direction: row;
    gap: 6px;
    overflow-x: auto;
    padding: 2px 0;
    scrollbar-width: none;
  }
  #page-settings .settings-layout > nav::-webkit-scrollbar { display: none; }
  #page-settings .settings-layout > nav button {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 8px 11px;
    white-space: nowrap;
    border: 1px solid var(--line);
    background: #fff;
  }
  #page-settings .settings-layout > nav button.active {
    background: #eef4f1;
    border-color: #c9dbd3;
  }
  #page-settings .settings-form { padding: 18px; }
  #page-settings .settings-form [data-settings-panel] > p { margin-bottom: 16px; }
  #page-settings .settings-form .form-row { gap: 10px; margin-bottom: 10px; }
  #page-settings .settings-form hr { margin: 18px 0; }
  #page-settings .session-id-row { gap: 7px; }
  #page-settings .company-verification-card { padding: 14px; }
}
@media (max-width: 600px) {
  #page-settings .page-head { gap: 10px; }
  #page-settings .page-head .primary { width: 100%; min-height: 40px; }
  #page-settings .settings-form { padding: 14px; border-radius: 10px; }
  #page-settings .settings-form h3 { font-size: 14px; }
  #page-settings .settings-form .form-row,
  #page-settings .company-registration-fields .form-row { grid-template-columns: 1fr; }
  #page-settings .settings-form label input,
  #page-settings .settings-form label select,
  #page-settings .settings-form textarea { min-height: 40px; padding: 8px 10px; }
  #page-settings .session-id-row { grid-template-columns: 1fr; }
  #page-settings .session-id-row .secondary { min-height: 38px; }
  #page-settings .toggle-row { align-items: flex-start; gap: 12px; padding: 11px 0; }
  #page-settings .toggle-row input { flex: 0 0 auto; margin-top: 2px; }
  #page-settings .company-verification-card { padding: 12px; border-radius: 10px; }
  #page-settings .company-verification-state { gap: 9px; }
  #page-settings .company-kbis-upload { margin-top: 12px; padding: 10px; }
  #page-settings .danger-btn { width: 100%; min-height: 40px; }
}
/* Paramètres : vue compacte et stable sur téléphone et tablette. */
.history-settings-panel .timeline{padding:2px 0}
.history-settings-head{margin-bottom:8px}
.timeline-item>i{color:#39785d}
.history-svg-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media (max-width: 980px) {
  #page-settings [data-settings-panel="subscription"] .subscription-settings-card{gap:14px}
  #page-settings .subscription-settings-empty{padding:18px}
  #page-settings .subscription-settings-empty h3{font-size:17px}
  #page-settings .subscription-settings-section h4{font-size:15px}
  #page-settings .subscription-settings-summary{padding:16px;border-radius:12px;gap:12px}
  #page-settings .subscription-settings-summary h3{font-size:19px}
  #page-settings .subscription-billing-option{padding:13px}
  #page-settings .billing-history-list article{padding:11px 12px}
  #page-settings .history-settings-panel .timeline{padding:0}
  #page-settings .timeline-item{padding:12px 0 12px 34px}
  #page-settings .timeline-item>i{top:11px;width:24px;height:24px}
}
@media (max-width: 600px) {
  #page-settings .subscription-settings-empty{padding:16px 12px}
  #page-settings .subscription-empty-actions{display:grid;gap:8px;margin-top:12px}
  #page-settings .subscription-empty-actions button{width:100%;min-height:38px}
  #page-settings .subscription-settings-summary{padding:13px}
  #page-settings .subscription-settings-summary h3{font-size:17px}
  #page-settings .subscription-settings-badge{justify-self:start;font-size:10px;padding:5px 8px}
  #page-settings .subscription-billing-options{gap:8px;margin-top:10px}
  #page-settings .subscription-billing-option{padding:11px;font-size:13px}
  #page-settings .subscription-billing-option strong{font-size:15px}
  #page-settings .billing-history{gap:10px}
  #page-settings .billing-history-head{align-items:flex-start}
  #page-settings .billing-history-head>span{font-size:9px;padding:5px 7px;white-space:nowrap}
  #page-settings .billing-history-list article{gap:6px;padding:10px}
  #page-settings .billing-history-list article small{font-size:9px;line-height:1.35}
  #page-settings .history-settings-head p{font-size:11px;line-height:1.4}
  #page-settings .timeline-item b{font-size:12px;line-height:1.3}
  #page-settings .timeline-item span{font-size:10px;line-height:1.35}
}

/* Vérification société : badge et commandes lisibles sur écran étroit. */
#page-settings .company-verification-state{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:10px}
#page-settings .verification-pill{display:inline-flex;align-items:center;justify-content:center;min-width:62px;min-height:30px;padding:5px 7px;border-radius:999px;white-space:nowrap;text-align:center;font-size:10px;font-weight:800;line-height:1;background:#fff1d8;color:#8b5a00}
#page-settings .verification-pill.verified{background:#e5f4eb;color:#276348}
#page-settings .verification-pill.rejected{background:#fff0ec;color:#a83d28}
#page-settings .company-verification-state>div{min-width:0}
#page-settings .company-verification-state small{overflow-wrap:anywhere}
@media (max-width: 560px) {
  #page-settings .settings-layout>nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important}
  #page-settings .settings-layout>nav button{display:flex!important;align-items:center;justify-content:center;text-align:center!important;min-height:38px;white-space:normal!important}
  #page-settings .settings-layout>nav button:last-child{grid-column:1/-1}
  #page-settings .company-kbis-upload{align-items:stretch}
  #page-settings .company-kbis-upload span,#page-settings .company-kbis-upload small{text-align:center}
  #page-settings .company-kbis-upload input{width:100%;max-width:none}
}

/* Interrupteurs : un seul rendu, stable dans Safari iOS et les navigateurs Android. */
#page-settings .toggle-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;cursor:pointer}
#page-settings .toggle-row input[type="checkbox"]{position:relative;display:block;appearance:none!important;-webkit-appearance:none!important;flex:none!important;width:46px!important;height:26px!important;min-width:46px!important;margin:0!important;padding:0!important;border:1px solid #bdcdc5!important;border-radius:999px!important;background:#dce5e1!important;box-shadow:none!important;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}
#page-settings .toggle-row input[type="checkbox"]::before{content:"";position:absolute!important;top:3px!important;left:3px!important;width:18px!important;height:18px!important;margin:0!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px rgba(20,54,43,.24)!important;transform:none!important;transition:transform .18s ease!important}
#page-settings .toggle-row input[type="checkbox"]:checked{border-color:#39785d!important;background:#39785d!important}
#page-settings .toggle-row input[type="checkbox"]:checked::before{transform:translateX(20px)!important}
#page-settings .toggle-row input[type="checkbox"]:focus-visible{outline:2px solid #8bb5a3!important;outline-offset:3px}

/* Safari iOS : le contrôle visuel est porté par le libellé, jamais par le pseudo-élément d’une case native. */
#page-settings .toggle-row{position:relative;padding-right:76px!important}
#page-settings .toggle-row input[type="checkbox"]{position:absolute!important;z-index:2;right:15px!important;top:50%!important;width:46px!important;height:26px!important;min-width:46px!important;margin:0!important;opacity:0!important;transform:translateY(-50%)!important}
#page-settings .toggle-row::after{content:"";position:absolute;right:15px;top:50%;width:46px;height:26px;border:1px solid #bdcdc5;border-radius:999px;background:#dce5e1;transform:translateY(-50%);pointer-events:none;transition:background-color .18s ease,border-color .18s ease}
#page-settings .toggle-row::before{content:"";position:absolute;z-index:1;right:40px;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(20,54,43,.24);transform:translateY(-50%);pointer-events:none;transition:right .18s ease}
#page-settings .toggle-row:has(input[type="checkbox"]:checked)::after{border-color:#39785d;background:#39785d}
#page-settings .toggle-row:has(input[type="checkbox"]:checked)::before{right:20px}
#page-settings .toggle-row:has(input[type="checkbox"]:focus-visible)::after{outline:2px solid #8bb5a3;outline-offset:3px}

/* Même respiration de chaque côté de la carte de préférence. */
#page-settings .toggle-row{padding-left:20px!important}
@media (max-width: 360px){#page-settings .toggle-row{padding-left:16px!important}}