/* ══════════════════════════════════════════════════════════════════════════
   FORMES ARRONDIES — feuille générée
   Le logiciel est passé à des angles droits (rayon unique de 4 px). Ce fichier
   restitue, à l'identique, les rayons de la version précédente lorsque
   l'utilisateur choisit « Format rond » dans Réglages › Apparence.
   Il ne s'applique QUE sous [data-forme="rond"] : en format carré il est inerte.

   Généré depuis la version d'avant la refonte — ne pas éditer à la main.
   ══════════════════════════════════════════════════════════════════════════ */

/* Le jeton de rayon lui-même : une trentaine de règles s'écrivaient déjà
   « border-radius: var(--radius) » avant la refonte. Les restituer une par une
   ne servirait à rien tant que le jeton vaut 4 px — c'est lui qu'il faut
   remettre à sa valeur d'origine. */
:root[data-forme="rond"] { --radius: 14px; }

[data-forme="rond"] input, [data-forme="rond"] select, [data-forme="rond"] textarea { border-radius: 10px; }
[data-forme="rond"] .brand-icon { border-radius: 8px; }
[data-forme="rond"] .slug-row { border-radius: 10px; }
[data-forme="rond"] .slug-row input { border-radius: 0 !important; }
[data-forme="rond"] .team-block { border-radius: 12px; }
[data-forme="rond"] .brand-card { border-radius: var(--radius); }
[data-forme="rond"] .nav-btn { border-radius: 10px; }
[data-forme="rond"] .appbar-boutique { border-radius: 999px; }
[data-forme="rond"] .appbar-rond { border-radius: 50%; }
[data-forme="rond"] .appbar-rond .point { border-radius: 50%; }
[data-forme="rond"] .heros { border-radius: var(--radius); }
[data-forme="rond"] .evo-pilule { border-radius: 999px; }
[data-forme="rond"] .calcul-op { border-radius: 50%; }
[data-forme="rond"] .segments { border-radius: 12px; }
[data-forme="rond"] .segments button { border-radius: 9px; }
[data-forme="rond"] .kpi { border-radius: var(--radius); }
[data-forme="rond"] .kpi-ico { border-radius: 50%; }
[data-forme="rond"] .vpill { border-radius: 999px; }
[data-forme="rond"] .liste { border-radius: var(--radius); }
[data-forme="rond"] .ligne-ico { border-radius: 9px; }
[data-forme="rond"] .avatar-i { border-radius: 50%; }
[data-forme="rond"] .wa-rond { border-radius: 50%; }
[data-forme="rond"] .pt { border-radius: 3px; }
[data-forme="rond"] .an-b { border-radius: 4px 4px 0 0; }
[data-forme="rond"] .an-b-marge { border-radius: 0 0 3px 3px; }
[data-forme="rond"] .an-jauge { border-radius: 4px; }
[data-forme="rond"] .an-jauge > div { border-radius: 4px; }
[data-forme="rond"] .lien-carte { border-radius: 12px; }
[data-forme="rond"] .theme-carte { border-radius: 14px; }
[data-forme="rond"] .theme-vignette { border-radius: 9px; }
[data-forme="rond"] .theme-vignette > span { border-radius: 5px; }
[data-forme="rond"] .theme-couleurs input[type="color"] { border-radius: 10px; }
[data-forme="rond"] .code-bloc { border-radius: 12px; }
[data-forme="rond"] .chip-date { border-radius: 20px; }
[data-forme="rond"] .btn { border-radius: 10px; }
[data-forme="rond"] .btn-sm { border-radius: 8px; }
[data-forme="rond"] .btn-big { border-radius: 12px; }
[data-forme="rond"] .stat-card { border-radius: var(--radius); }
[data-forme="rond"] .stat-tag { border-radius: 10px; }
[data-forme="rond"] .todo-count { border-radius: 12px; }
[data-forme="rond"] .todo-row { border-radius: 11px; }
[data-forme="rond"] .todo-ico { border-radius: 10px; }
[data-forme="rond"] .seg { border-radius: 10px; }
[data-forme="rond"] .seg-btn { border-radius: 8px; }
[data-forme="rond"] .panel { border-radius: var(--radius); }
[data-forme="rond"] .chart .bar { border-radius: 4px 4px 0 0; }
[data-forme="rond"] .product-card { border-radius: var(--radius); }
[data-forme="rond"] .stock-badge { border-radius: 20px; }
[data-forme="rond"] .card-qty { border-radius: 20px; }
[data-forme="rond"] .cart-thumb { border-radius: 9px; }
[data-forme="rond"] .cart-thumb-ph { border-radius: 9px; }
[data-forme="rond"] .qty-ctl { border-radius: 9px; }
[data-forme="rond"] .qty-ctl button { border-radius: 7px; }
[data-forme="rond"] .chip { border-radius: 20px; }
[data-forme="rond"] .modal { border-radius: 18px; }
[data-forme="rond"] .photo-drop { border-radius: 12px; }
[data-forme="rond"] .photo-drop img { border-radius: 8px; }
[data-forme="rond"] .var-chip { border-radius: 999px; }
[data-forme="rond"] .msg-preview { border-radius: 12px; }
[data-forme="rond"] .msg-bulle pre { border-radius: 12px; }
[data-forme="rond"] .rgpd-warn { border-radius: 10px; }
[data-forme="rond"] .media-row { border-radius: 10px; }
[data-forme="rond"] .media-row img { border-radius: 7px; }
[data-forme="rond"] .media-row .media-ic { border-radius: 9px; }
[data-forme="rond"] .preview-frame { border-radius: 16px; }
[data-forme="rond"] .layout-row { border-radius: 12px; }
[data-forme="rond"] .empty-ico { border-radius: 18px; }
[data-forme="rond"] .pill { border-radius: 20px; }
[data-forme="rond"] .promo-banner { border-radius: 10px; }
[data-forme="rond"] .receipt-preview { border-radius: 14px; }
[data-forme="rond"] .key-state { border-radius: 10px; }
[data-forme="rond"] .key-state code { border-radius: 5px; }
[data-forme="rond"] .access-code { border-radius: 10px; }
[data-forme="rond"] .toast { border-radius: 12px; }
[data-forme="rond"] .auth-logo { border-radius: 19px; }
[data-forme="rond"] .ob-progress { border-radius: 99px; }
[data-forme="rond"] .ob-bar { border-radius: 99px; }
[data-forme="rond"] .ob-step { border-radius: 12px; }
[data-forme="rond"] .ob-opt { border-radius: 99px; }
[data-forme="rond"] .ob-num { border-radius: 50%; }
[data-forme="rond"] .aide { border-radius: 50%; }
[data-forme="rond"] .aide::after { border-radius: 50%; }
[data-forme="rond"] .aide-bulle { border-radius: 12px; }
[data-forme="rond"] .visite-spot { border-radius: 12px; }
[data-forme="rond"] .visite-bulle { border-radius: 16px; }
[data-forme="rond"] .visite-points span { border-radius: 50%; }
[data-forme="rond"] .plan-locked { border-radius: 12px; }
[data-forme="rond"] .plan-offer { border-radius: 12px; }
[data-forme="rond"] .catalog-card { border-radius: var(--radius); }
[data-forme="rond"] .vchip { border-radius: 20px; }
[data-forme="rond"] .ann-products { border-radius: 10px; }
[data-forme="rond"] .taille { border-radius: 6px; }
[data-forme="rond"] .status-item { border-radius: 12px; }
[data-forme="rond"] .event-list code { border-radius: 6px; }
[data-forme="rond"] .row-menu-body { border-radius: 12px; }
[data-forme="rond"] .import-box { border-radius: 12px; }

@media (max-width: 760px) {
  [data-forme="rond"] .nav-btn[data-bas], [data-forme="rond"] .nav-plus { border-radius: 12px; }
  [data-forme="rond"] .sidebar .nav-sale { border-radius: 50%; }
  [data-forme="rond"] .nav-sheet { border-radius: 20px 20px 0 0; }
  [data-forme="rond"] .nav-sheet-poignee { border-radius: 4px; }
  [data-forme="rond"] .modal { border-radius: 20px 20px 0 0; }
}

/* ══════════════════════════════════════════════════════════════════════════
   Composants nés APRÈS le passage au carré : ils n'existaient pas dans la
   version ronde, donc rien à restituer. On leur donne ici les rayons de la
   même famille, sinon le « format rond » laisserait la moitié de l'interface
   à angles droits. Cette partie-là s'écrit à la main.
   ══════════════════════════════════════════════════════════════════════════ */

/* Blocs et cartes */
[data-forme="rond"] .recap-stock,
[data-forme="rond"] .pcarte,
[data-forme="rond"] .cli-ligne,
[data-forme="rond"] .cli-relance,
[data-forme="rond"] .cli-compteurs,
[data-forme="rond"] .plus-profil,
[data-forme="rond"] .plus-groupe,
[data-forme="rond"] .heros,
[data-forme="rond"] .segments { border-radius: 12px; }

/* Boutons et champs */
[data-forme="rond"] .outil-btn,
[data-forme="rond"] .prix-champ .price-input,
[data-forme="rond"] .seg,
[data-forme="rond"] .seg-btn,
[data-forme="rond"] .qty-ctl,
[data-forme="rond"] .qty-ctl button { border-radius: 10px; }

/* Pastilles : la forme la plus reconnaissable de l'ancienne direction */
[data-forme="rond"] .chip,
[data-forme="rond"] .cli-etat,
[data-forme="rond"] .stock-badge,
[data-forme="rond"] .stat-tag,
[data-forme="rond"] .evo-pilule,
[data-forme="rond"] .vpill { border-radius: 999px; }

/* Tout ce qui était rond avant de devenir carré */
[data-forme="rond"] .btn-rond,
[data-forme="rond"] .wa-rond,
[data-forme="rond"] .res-rond,
[data-forme="rond"] .avatar-i,
[data-forme="rond"] .vue-btn,
[data-forme="rond"] .kpi-ico,
[data-forme="rond"] .cli-compteur-ico,
[data-forme="rond"] .panier-vide-ico,
[data-forme="rond"] .calcul-op,
[data-forme="rond"] .sidebar .nav-sale { border-radius: 50%; }

/* Le pictogramme de la barre du bas reste lisible : un carré arrondi, pas un
   cercle, sinon la croix se retrouve à l'étroit. */
[data-forme="rond"] .sidebar .nav-sale { border-radius: 18px; }