/* barre/import.css — fenêtre Importer
   Extrait de styles.css à l'étape 8 du découpage. L'ordre de chargement (index.html) est celui
   de l'ancienne feuille : à spécificité égale, la dernière règle l'emporte (voir CARTE.md, CSS). */
/* ==== Fenêtre Importer : contenu identique, mise en forme alignée sur les autres fenêtres ==== */
.import-modal .import-warning{
 display:flex;
 align-items:flex-start;
 gap:calc(7.5px * var(--ui-scale-factor));
 padding:calc(7.5px * var(--ui-scale-factor)) calc(9px * var(--ui-scale-factor));
 border:calc(1px * var(--ui-scale-factor)) solid rgba(224,164,88,.35);
 background:rgba(224,164,88,.08);
 border-radius:calc(6px * var(--ui-scale-factor));
}
.import-modal .import-warning-icon{flex-shrink:0;font-size:calc(14px * var(--ui-scale-factor));line-height:1;color:var(--accent-2);}
.import-modal .import-warning-text{font-size:calc(10px * var(--ui-scale-factor));line-height:1.5;color:var(--text);}
.import-modal .import-note{font-size:calc(10px * var(--ui-scale-factor));line-height:1.5;color:var(--text-faint);}
.import-modal .import-question{margin-top:calc(1.5px * var(--ui-scale-factor));font-size:calc(11px * var(--ui-scale-factor));font-weight:600;}