/* Suite de modals.css : import, export, détail de la note */

/* ── Import : étapes, noms obligatoires, récapitulatif ── */
.imp-steps{display:flex;gap:6px;list-style:none;margin:-8px 0 18px;counter-reset:st}
.imp-steps li{flex:1;counter-increment:st;font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;padding-top:8px;border-top:3px solid var(--line)}
.imp-steps li::before{content:counter(st) '. '}
.imp-steps li.on{color:var(--orange);border-color:var(--orange)}
.imp-steps li.done{color:var(--green);border-color:var(--green)}
.imp-msg:not(.ok):not(.warn):not(.err){background:var(--s1);border:1px solid var(--line)}
.imp-details{margin-bottom:12px;font-size:12px;color:var(--t2)}
.imp-details summary{cursor:pointer;font-weight:600;padding:4px 0}
.imp-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;max-height:120px;overflow:auto}
.imp-chips span{background:var(--s1);border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:11px}
.imp-list,.imp-confirm{border:1px solid var(--line);border-radius:var(--r-s);background:var(--s1);max-height:340px;overflow:auto}
.imp-item{display:grid;grid-template-columns:1fr 1.1fr;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.imp-item:last-child{border-bottom:none}
.imp-item-date b{display:block;font-size:13px}
.imp-item-date small{font-size:11px;color:var(--t2)}
.imp-name{width:100%;font-family:inherit;font-size:13px;padding:8px 10px;border-radius:var(--r-xs);border:1px solid var(--line2);background:var(--bg);outline:none;transition:border-color .15s}
.imp-name:focus{border-color:var(--orange)}
.imp-name.invalid{border-color:var(--red);background:rgba(255,69,58,.05)}
.imp-confirm>div{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:13px}
.imp-confirm>div:last-child{border-bottom:none}
.imp-confirm span{color:var(--t2)}
.btn.is-waiting{opacity:.55}
@media(max-width:600px){.imp-item{grid-template-columns:1fr}}

/* ── Export image : période, statistiques, émissions ── */
.exp-label{font-size:10px;font-weight:700;color:var(--t2);text-transform:uppercase;letter-spacing:.6px;margin:4px 0 8px}
.exp-label small{text-transform:none;letter-spacing:0;font-weight:500;color:var(--t3);margin-left:6px}
.exp-range{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.exp-range .ui-date{min-width:200px;padding:9px 12px;font-size:13px}
.exp-arrow{padding-bottom:9px;color:var(--t3);font-size:16px}
.exp-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin-bottom:18px}
.exp-check{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--s1);font-size:12px;cursor:pointer;transition:border-color .15s}
.exp-check.on{border-color:rgba(255,107,0,.45);background:var(--orange-bg)}
.exp-check input,.exp-row input{accent-color:var(--orange)}
.exp-list-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.exp-list{border:1px solid var(--line);border-radius:var(--r-s);background:var(--s1);max-height:340px;overflow:auto}
.exp-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.exp-row:last-child{border-bottom:none}
.exp-row:not(.on){opacity:.5}
.exp-row:hover{background:var(--s2)}
.exp-row-name{flex:1;min-width:0}
.exp-row-name b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exp-row-name small{font-size:11px;color:var(--t2)}
.exp-row-rank{font-size:11px;font-weight:700;white-space:nowrap}
.exp-format{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:12px;color:var(--t2)}
.exp-format span{margin-right:4px;font-weight:600}

/* ── Détail de la note ── */
.sc-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.sc-detail-head h2{margin-bottom:4px}
.sc-detail-name{font-size:12px;color:var(--t2);font-weight:500}
.sc-detail-score{padding:8px 14px;border-radius:12px;text-align:right;white-space:nowrap}
.sc-detail-score b{font-size:34px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.sc-detail-score small{font-size:13px;color:var(--t2);font-weight:600;margin-left:3px}
.sc-detail-ranks{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--t2);margin-bottom:14px}
.sc-detail-ranks b{color:var(--text)}
.sc-detail-how{font-size:12px;color:var(--t2);line-height:1.5;margin-bottom:12px}
.sc-parts{border:1px solid var(--line);border-radius:var(--r-s);background:var(--s1);overflow:hidden}
.sc-part{display:grid;grid-template-columns:110px 80px 1fr 46px;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:12px}
.sc-part:last-child{border-bottom:none}
.sc-part-lbl{color:var(--t2);font-weight:600}
.sc-part-val{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.sc-part-bar{height:6px;background:var(--s3);border-radius:4px;overflow:hidden}
.sc-part-bar i{display:block;height:100%;border-radius:4px;animation:barIn .6s var(--ease)}
@keyframes barIn{from{width:0!important}}
.sc-part-note{font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.sc-part-total{background:var(--s2)}
.sc-part-total .sc-part-lbl{color:var(--text)}
.sc-detail-sum{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.sc-detail-sum>div{background:var(--s1);border:1px solid var(--line);border-radius:var(--r-s);padding:10px 12px;font-size:12px;color:var(--t2)}
.sc-detail-sum small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:3px}
.sc-detail-sum b{color:var(--text)}
@media(max-width:600px){.sc-part{grid-template-columns:1fr 70px 46px}.sc-part-bar{display:none}.sc-detail-sum{grid-template-columns:1fr}}
.exp-best{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;background:#ff6b00;color:#fff;font-size:8px;font-weight:900;letter-spacing:.5px;vertical-align:1px}
.exp-logo-ph{color:#ff6b00;font-size:22px;font-weight:900}
.list-scope{font-size:12px;font-weight:600;color:var(--t3);margin-left:6px}
#listMore .ic{margin:0 0 0 6px}
/* Top 10 : liste fixe, sans défilement */
.list-body.top{max-height:none;overflow:visible}
.list-body.top .rk-item{padding:8px 16px}
.list-body.top .rk-gap{padding:0}

/* ── Médiathèque des logos ── */
.logo-current{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--r-s);background:var(--s1);border:1px solid var(--line);margin-bottom:18px}
.logo-current img,.logo-current-ph{width:64px;height:64px;border-radius:12px;object-fit:cover;flex-shrink:0}
.logo-current-ph{display:grid;place-items:center;background:var(--s3);color:var(--t3)}
.logo-current-ph .ic{width:26px;height:26px}
.logo-current b{display:block;font-size:13px}
.logo-current small{font-size:11px;color:var(--t2)}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;max-height:260px;overflow-y:auto;padding:2px;margin-bottom:14px}
.media-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:2px solid transparent;border-radius:12px;background:var(--s1);cursor:pointer;font-family:inherit;transition:border-color .2s,transform .2s var(--ease),box-shadow .2s}
.media-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.media-item.on{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-bg)}
.media-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--s3)}
.media-item small{font-size:10px;color:var(--t2);font-weight:600}
.media-empty{grid-column:1/-1;padding:24px}
.media-lib{max-height:none;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
.media-lib .media-item{cursor:default;border:1px solid var(--line)}
.media-lib .icon-btn{position:absolute;top:10px;right:10px;min-width:26px;height:26px;padding:0;opacity:0;transition:opacity .2s}
.media-lib .media-item:hover .icon-btn{opacity:1}