/* tierlist/assets/css/proposal.css — module "proposer" (viewer) + aperçu des thèmes proposés (admin). Nom au survol. */
.pp-form { display: flex; flex-direction: column; gap: 14px; }
.pp-row { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.pp-row[hidden] { display: none; }
.pp-row .tlg-input { flex: 1 1 200px; }
.pp-lab { font-size: .74rem; letter-spacing: .06em; text-transform: uppercase; color: var(--muted, #8a8aa3); width: 100%; }
.pp-lab small { text-transform: none; letter-spacing: 0; margin-left: 8px; opacity: .85; }
.pp-lab code { background: rgba(255,255,255,.07); padding: 1px 6px; border-radius: 4px; }
.pp-tools { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.pp-file { cursor: pointer; }
.pp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 10px; }
.pp-grid:empty { display: none; }
.pp-grid--sm { grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); margin-top: 10px; }
.pp-tile { position: relative; margin: 0; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; background: var(--surface-2, #14141f);
  border: 1px solid var(--border, rgba(255,255,255,.06)); display: flex; align-items: center; justify-content: center; outline: none; }
.pp-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pp-tile__ph { font: 800 1.7rem Syne, sans-serif; color: #7c83ff; }
.pp-tile__name { position: absolute; left: 0; right: 0; bottom: 0; padding: 6px 8px; font-size: .7rem; line-height: 1.25; color: #fff;
  background: rgba(7, 7, 15, .9); transform: translateY(101%); transition: transform .15s ease; word-break: break-word; }
.pp-tile:hover .pp-tile__name, .pp-tile:focus .pp-tile__name { transform: none; }
.pp-tile--noimg { flex-direction: column; gap: 4px; padding: 6px; }
.pp-tile--noimg .pp-tile__name { position: static; transform: none; background: transparent; text-align: center; padding: 0; color: var(--text, #e8e8f0); }
.pp-tile--bad { border-color: #ff3c6e; border-style: dashed; }
.pp-theme { border-top: 1px solid var(--border, rgba(255,255,255,.06)); padding: 14px 0; }
.pp-theme__head { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; align-items: flex-start; }
.pp-theme__head strong { display: block; }