/* JLVD CMS v0.7 reusable modal buttons — admin & public */
.multi-button-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:16px 0 24px}
.multi-button-catalog-item{display:flex;flex-direction:column;gap:5px;background:#171717;border:1px solid #393939;padding:14px 16px;min-width:0}
.multi-button-catalog-item:hover,.multi-button-catalog-item.is-active{border-color:#8b8b8b;background:#202020}
.multi-button-catalog-item strong{font-size:14px;color:#e8e5df;font-weight:700}
.multi-button-catalog-item span{font-size:11px;color:#a09d99}
.multi-links-editor{display:grid;gap:8px;margin:14px 0 16px}
.multi-link-row{display:flex;align-items:center;gap:12px;border:1px solid #343434;background:#151515;padding:12px;min-width:0}
.multi-link-row.is-dragging{opacity:.45;border-color:#aaa}
.multi-drag-controls{display:grid;grid-template-columns:repeat(2,24px);gap:4px;flex:none;align-items:center}
.multi-drag-controls button{background:#232323;border:1px solid #404040;color:#c8c6c1;min-width:24px;min-height:25px;padding:2px;cursor:pointer;font-size:13px}
.multi-drag-controls .multi-drag{grid-row:span 2;height:54px;cursor:grab;font-size:20px;touch-action:none}
.multi-link-fields{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(140px,1fr) minmax(220px,1.8fr);gap:12px;flex:1;min-width:0}
.multi-link-fields label{min-width:0;display:grid;gap:6px}
.multi-link-fields input,.multi-link-fields select{width:100%;min-width:0;min-height:39px;background:#0e0e0e;border:1px solid #424242;color:#ece9e3;padding:9px 12px;font:500 13px/1.3 var(--body)}
.multi-remove{width:31px;height:31px;display:grid;place-items:center;background:transparent;border:0;color:#b6b4b0;font-size:21px;flex:none;cursor:pointer}
.multi-remove:hover{color:#e79b9b}
.multi-delete{margin-top:12px}.multi-home-button{margin:10px 0;padding:16px!important;display:grid;gap:12px}
.multi-home-button>strong{font-size:12px;color:#bab6b0;letter-spacing:.07em}
.multi-action-setting .form-grid{align-items:end}
.multi-action-setting label{min-width:0}
.artist-listen-actions{margin-top:24px}
.listen-choice-overlay{overflow:auto;overscroll-behavior:contain}
.listen-choice-box{max-height:min(92dvh,850px);overflow:auto;border:1px solid #454545;border-radius:3px;background:#141414}
.listen-choice-row{gap:18px;min-height:57px;padding:15px 17px;font-size:13px;letter-spacing:.025em;text-transform:none}
.listen-choice-row:first-child{border-color:#717171}
.listen-choice-row .platform-name{font-weight:700;color:#e8e6e0}
.listen-choice-row .platform-arrow{font-size:17px;color:#999}
.listen-choice-items{gap:9px}
@media(max-width:900px){.multi-link-fields{grid-template-columns:1fr 1fr}.multi-link-fields label:last-child{grid-column:1/-1}}
@media(max-width:560px){.multi-link-row{padding:10px;align-items:flex-start;gap:7px}.multi-drag-controls{grid-template-columns:24px}.multi-drag-controls .multi-drag{grid-row:auto;height:28px}.multi-link-fields{grid-template-columns:1fr;gap:9px}.multi-link-fields label:last-child{grid-column:auto}.multi-remove{width:25px;height:28px}.listen-choice-row{padding:13px 12px}}

.listen-choice-row{display:flex;align-items:center;justify-content:space-between;}
.listen-choice-row .platform-meta{display:flex;align-items:center;gap:12px;min-width:0;}
.listen-choice-row .platform-icon{width:18px;height:18px;flex:0 0 18px;background:#fff;-webkit-mask:var(--platform-mask) center / contain no-repeat;mask:var(--platform-mask) center / contain no-repeat;}
.listen-choice-row .platform-name{letter-spacing:.12em;text-transform:uppercase;font-size:11px;line-height:1.3;}