/* Publier sa musique (publier.html) */
.publish-hero{min-height:560px}
.publish-hero .plugin-back{margin-bottom:28px}
.publish-hero-art{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:30px;border-radius:20px;background:var(--ink);transform:rotate(-2deg);box-shadow:0 18px 40px #15192530}
.publish-hero-art div{display:grid;gap:6px;padding:22px 18px;border-radius:14px}
.publish-hero-art .w{background:#8aabff22;border:1px solid #8aabff}
.publish-hero-art .r{background:#8be8bd1c;border:1px solid #8be8bd}
.publish-hero-art small{font:10px 'DM Mono';letter-spacing:.08em;color:#aab2c2}
.publish-hero-art b{font-size:18px;color:#fff}
.publish-hero-art span{grid-column:1/-1;text-align:center;font:11px 'DM Mono';color:#8f98aa}
.publish-warning{max-width:1100px;margin:0 auto;padding:16px 20px;border-left:4px solid var(--orange);border-radius:4px 12px 12px 4px;background:#fff1ec}
.publish-warning b{display:block;margin-bottom:4px}
.publish-warning p{margin:0;font-size:14px;color:#434958}
@media(max-width:1150px){.publish-warning{margin:0 20px}}
.publish-table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--line);border-radius:14px}
.publish-table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;background:#fff}
.publish-table th,.publish-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:#434958}
.publish-table thead th{font:10px 'DM Mono';letter-spacing:.06em;color:var(--muted);background:#f6f7fa}
.publish-table tbody th{font:600 14px 'DM Mono';color:var(--ink);width:16%}
.publish-table tr:last-child>*{border-bottom:0}
/* Qui touche quoi */
.rights-flow{margin:18px 0;padding:16px;border-radius:18px;background:var(--ink);color:#fff}
.rf-uses{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.rf-uses button{padding:9px 12px;border:1px solid #ffffff1c;border-radius:9px;background:#1b202b;color:#e7ebf3;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.rf-uses button[aria-pressed=true]{background:#1f2a40;border-color:#6f9bff}
.rf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rf-grid article{display:grid;align-content:start;gap:5px;padding:14px;border-radius:12px;background:#1b202b;border:1px solid #ffffff12;border-top:4px solid #3b4459;opacity:.5;transition:opacity .2s,border-color .2s}
.rf-grid article.on{opacity:1;border-top-color:var(--c);background:#1f2533}
.rf-grid small{font:9px 'DM Mono';letter-spacing:.06em;color:var(--c)}
.rf-grid b{font-size:13.5px}
.rf-grid em{font:11px 'DM Mono';font-style:normal;color:#aab2c2}
.rf-grid p{margin:4px 0 0;font-size:13px;color:#cfd5e1}
.rf-note{margin:12px 2px 0;font-size:14px!important;color:var(--mint)!important}
/* Calendrier */
.release-plan{margin:18px 0;padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.rp-date{display:flex;align-items:center;gap:10px;font-weight:800}
.rp-date input{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-weight:600}
.rp-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:4px}
.rp-list li{display:grid;grid-template-columns:120px 58px minmax(0,1fr);gap:10px;align-items:baseline;padding:9px 12px;border-radius:9px;background:#f6f7fa;border-left:4px solid #c9ced8}
.rp-list time{font:12px 'DM Mono';color:var(--ink)}
.rp-list span{font:11px 'DM Mono';color:var(--muted)}
.rp-list p{margin:0;font-size:14px;color:#434958}
.rp-list .audio{border-left-color:#8aabff}.rp-list .droits{border-left-color:#d4a5ff}.rp-list .visuel{border-left-color:#ffb35c}.rp-list .distribution{border-left-color:#8be8bd}.rp-list .promo{border-left-color:#ff8ad0}
.rp-list .day{background:#eef3ff;font-weight:700}
.rp-list .late{background:#fff1ec}.rp-list .late time{color:#c2361b}
.rp-note{margin:12px 0 0;font-size:14px;color:#1f7a4a}
@media(max-width:900px){.rf-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.publish-hero{min-height:0}.publish-hero-art{transform:none;padding:18px}.rp-list li{grid-template-columns:1fr auto}.rp-list p{grid-column:1/-1}}
@media(max-width:520px){.rf-grid{grid-template-columns:1fr}}
/* Avec ou sans label */
.label-table{min-width:720px}
.label-table thead th{white-space:nowrap}
.label-table tbody th{width:22%}
.label-note{font-size:13.5px!important;color:var(--muted)!important}
.publish-warning.inline{max-width:none;margin:18px 0 0}
@media(max-width:1150px){.publish-warning.inline{margin:18px 0 0}}
@media(max-width:480px){.publish-hero-art{grid-template-columns:1fr;padding:16px}.publish-hero-art div{min-width:0}.publish-hero-art span{white-space:normal}}