/* Carte « Cadres » (page Habillage) */
.frgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin: 6px 0 10px; }
.frpick { display: flex; flex-direction: column; gap: 6px; padding: 6px; border-radius: 10px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.03); color: inherit; cursor: pointer; font: inherit; font-size: 12.5px; text-align: center; }
.frpick img, .frpick .frnone { width: 100%; aspect-ratio: 16 / 9; object-fit: contain; border-radius: 6px; background: repeating-conic-gradient(#1b2330 0 25%, #222c3b 0 50%) 0 0 / 16px 16px; display: flex; align-items: center; justify-content: center; font-size: 26px; color: #6b778a; }
.frpick:hover { border-color: rgba(243,194,79,.6); }
.frpick.sel { border-color: #f3c24f; box-shadow: 0 0 0 1px #f3c24f inset; }
.frpick.busy { opacity: .6; }
.frpick:disabled { opacity: .4; cursor: not-allowed; }
.frfields { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px 12px; }
.frf { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: #b8c2d2; }