/* ChausX administration — compact music library */
.cx-admin-music-editor{grid-column:2/-1}
.cx-admin-music-heading{min-height:68px;padding-block:10px}
.cx-admin-music-heading h3{font-size:clamp(23px,2vw,34px)}
.cx-admin-music-heading .cx-admin-heading-actions>button:not(.cx-admin-heading-save){height:38px;padding:0 15px;border:1px solid rgba(91,181,211,.25);color:#9db8c5;background:#071721;font:inherit;font-size:8px;font-weight:900;letter-spacing:.12em;cursor:pointer}
.cx-admin-music-content{min-height:0;flex:1 1 0;overflow:auto;padding:16px clamp(18px,2.2vw,34px) 40px;scrollbar-gutter:stable;scrollbar-color:rgba(85,222,248,.42) transparent}
.cx-admin-music-overview{display:grid;grid-template-columns:repeat(4,minmax(92px,130px)) minmax(280px,1fr);gap:9px;align-items:stretch}
.cx-admin-music-overview>div{min-height:58px;padding:10px 13px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(85,222,248,.17);background:linear-gradient(135deg,rgba(8,35,50,.82),rgba(3,15,24,.72))}
.cx-admin-music-overview small{color:#678898;font-size:7px;font-weight:900;letter-spacing:.17em}.cx-admin-music-overview strong{margin-top:5px;color:#e8fbff;font-size:20px;line-height:1}
.cx-admin-music-overview p{margin:0;padding:17px 15px;border-left:2px solid var(--admin-cyan);color:#7f9ca9;background:rgba(4,18,28,.66);font-size:9px;line-height:1.55}.cx-admin-music-overview p b{color:#bcecf6}
.cx-admin-music-import-settings,.cx-admin-music-toolbar,.cx-admin-music-filters{margin-top:10px;display:flex;align-items:end;gap:9px;border:1px solid rgba(85,222,248,.15);background:rgba(3,15,24,.76)}
.cx-admin-music-import-settings{padding:10px 12px}.cx-admin-music-import-settings>div{min-width:260px;margin-right:auto}.cx-admin-music-import-settings>div span,.cx-admin-music-import-settings>div small{display:block}.cx-admin-music-import-settings>div span{color:var(--admin-cyan);font-size:8px;font-weight:900;letter-spacing:.16em}.cx-admin-music-import-settings>div small{margin-top:4px;color:#658493;font-size:8px}
.cx-admin-music-import-settings label,.cx-admin-music-toolbar label{display:grid;gap:5px}.cx-admin-music-import-settings label>span,.cx-admin-music-toolbar label>span{color:#6f8e9d;font-size:7px;font-weight:900;letter-spacing:.13em}
.cx-admin-music-import-settings select,.cx-admin-music-toolbar select,.cx-admin-music-filters>select,.cx-admin-music-row select,.cx-admin-music-row input[type="text"]{height:34px;border:1px solid rgba(91,181,211,.22);outline:0;color:#dff7fc;background:#06151f;font:inherit;font-size:9px;font-weight:800}
.cx-admin-music-import-settings select{min-width:180px;padding:0 10px}
.cx-admin-music-toolbar{position:sticky;z-index:7;top:-16px;padding:9px 12px;box-shadow:0 10px 26px rgba(0,0,0,.28)}
.cx-admin-music-select-all{height:34px;display:flex!important;grid-auto-flow:column;align-items:center;gap:8px!important;padding:0 10px;border:1px solid rgba(85,222,248,.18);color:#9bb5c1}.cx-admin-music-select-all input{accent-color:var(--admin-cyan)}
.cx-admin-music-toolbar>strong{min-width:84px;align-self:center;color:var(--admin-cyan);font-size:8px;letter-spacing:.11em}
.cx-admin-music-toolbar select{min-width:122px;padding:0 9px}.cx-admin-music-toolbar button{height:34px;padding:0 13px;border:1px solid rgba(85,222,248,.42);color:#dffaff;background:linear-gradient(90deg,rgba(17,102,133,.7),rgba(5,34,49,.88));font:inherit;font-size:7px;font-weight:1000;letter-spacing:.1em;cursor:pointer}.cx-admin-music-toolbar button.danger{margin-left:auto;border-color:rgba(255,82,104,.38);color:#ff9aaa;background:rgba(55,10,20,.62)}.cx-admin-music-toolbar button:disabled{opacity:.35;cursor:not-allowed}
.cx-admin-music-filters{padding:8px 10px}.cx-admin-music-filters .cx-admin-search{width:min(380px,36vw);margin-right:auto}.cx-admin-music-filters>select{min-width:145px;padding:0 10px}
.cx-admin-music-content>.cx-admin-feedback{min-height:17px;margin:8px 0 0}.cx-admin-music-content>.cx-admin-feedback:empty{display:block}
.cx-admin-music-list{display:grid;gap:5px}
.cx-admin-music-row{min-width:760px;display:grid;grid-template-columns:28px 38px minmax(210px,1.6fr) minmax(140px,.8fr) minmax(140px,.8fr) 86px 38px;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(85,222,248,.13);background:linear-gradient(90deg,rgba(6,25,37,.88),rgba(3,14,22,.72));transition:border-color .15s,opacity .15s}
.cx-admin-music-row:hover{border-color:rgba(85,222,248,.33)}.cx-admin-music-row.inactive{opacity:.58}.cx-admin-music-row.selected{border-color:rgba(85,222,248,.55);box-shadow:inset 2px 0 0 var(--admin-cyan)}
.cx-admin-music-row-check{display:grid;place-items:center}.cx-admin-music-row-check input{width:15px;height:15px;accent-color:var(--admin-cyan)}
.cx-admin-music-play,.cx-admin-music-delete{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(85,222,248,.28);color:var(--admin-cyan);background:#071721;font:900 14px/1 Arial,sans-serif;cursor:pointer}.cx-admin-music-play.playing{color:#07131b;background:var(--admin-cyan);box-shadow:0 0 16px rgba(85,222,248,.3)}.cx-admin-music-delete{border-color:rgba(255,82,104,.24);color:#ff8292;font-size:13px}
.cx-admin-music-copy{min-width:0;display:grid;gap:3px}.cx-admin-music-copy input{width:100%;padding:0 9px;box-sizing:border-box}.cx-admin-music-copy small{overflow:hidden;color:#6d8b99;font-size:7px;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}.cx-admin-music-row select{width:100%;padding:0 8px}
.cx-admin-music-state{height:34px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(77,232,193,.2);color:#73d9bd;background:rgba(5,35,34,.56);font-size:7px;font-weight:900;letter-spacing:.09em;cursor:pointer}.cx-admin-music-state input{accent-color:#4de8c1}.cx-admin-music-row.inactive .cx-admin-music-state{border-color:rgba(255,82,104,.22);color:#ff8292;background:rgba(47,9,18,.52)}
.cx-admin-music-upload-progress{height:3px;margin-top:5px;overflow:hidden;background:rgba(85,222,248,.1)}.cx-admin-music-upload-progress i{display:block;width:var(--music-progress,0%);height:100%;background:var(--admin-cyan);box-shadow:0 0 10px var(--admin-cyan);transition:width .2s}
@media(max-width:1050px){.cx-admin-music-overview{grid-template-columns:repeat(4,1fr)}.cx-admin-music-overview p{grid-column:1/-1}.cx-admin-music-import-settings,.cx-admin-music-toolbar,.cx-admin-music-filters{flex-wrap:wrap}.cx-admin-music-toolbar{top:0}.cx-admin-music-toolbar button.danger{margin-left:0}.cx-admin-music-filters .cx-admin-search{width:100%}}
@media(max-width:680px){.cx-admin-music-editor{grid-column:auto}.cx-admin-music-content{overflow:visible}.cx-admin-music-overview{grid-template-columns:repeat(2,1fr)}.cx-admin-music-import-settings>div{width:100%;min-width:0}.cx-admin-music-import-settings label{flex:1 1 140px}.cx-admin-music-row{min-width:690px}}

/* Compact multi-column music cards */
.cx-admin-music-list{
  grid-template-columns:repeat(auto-fill,minmax(360px,420px));
  justify-content:start;
  align-items:start;
  gap:9px;
}
.cx-admin-music-row{
  --music-progress:0%;
  position:relative;
  isolation:isolate;
  min-width:0;
  min-height:126px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:0;
  padding:0;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(6,25,37,.94),rgba(3,14,22,.9));
}
.cx-admin-music-row::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 auto 0 0;
  width:var(--music-progress);
  pointer-events:none;
  background:linear-gradient(90deg,rgba(33,184,218,.22),rgba(85,222,248,.08));
  box-shadow:inset -1px 0 0 rgba(85,222,248,.6);
  transition:width .18s linear;
}
.cx-admin-music-row-check{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  border-right:1px solid rgba(85,222,248,.16);
  background:rgba(2,12,19,.38);
  cursor:pointer;
  transition:background .15s;
}
.cx-admin-music-row-check:hover{background:rgba(85,222,248,.12)}
.cx-admin-music-row-check input{width:17px;height:17px;margin:0;cursor:pointer}
.cx-admin-music-card-body{position:relative;z-index:1;min-width:0;padding:8px}
.cx-admin-music-card-head{display:grid;grid-template-columns:34px minmax(0,1fr) max-content 30px;align-items:center;gap:6px}
.cx-admin-music-play{width:34px;height:34px;margin:0;padding:0;align-self:center;font-size:12px}
.cx-admin-music-copy{display:block;min-width:0}
.cx-admin-music-copy input{width:100%;height:34px;padding:0 9px;box-sizing:border-box}
.cx-admin-music-duration{min-width:38px;color:#8fb2c1;font-size:8px;font-weight:900;letter-spacing:.04em;text-align:right;white-space:nowrap}
.cx-admin-music-delete{
  width:30px;
  height:30px;
  margin:0;
  padding:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  font-size:0;
  line-height:0;
}
.cx-admin-music-delete::before{content:"×";display:block;font:900 18px/1 Arial,sans-serif;transform:translateY(-1px)}
.cx-admin-music-seek{
  position:relative;
  width:100%;
  height:18px;
  margin:3px 0 4px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  cursor:pointer;
}
.cx-admin-music-seek::before,.cx-admin-music-seek span{content:"";position:absolute;top:50%;left:0;height:3px;transform:translateY(-50%)}
.cx-admin-music-seek::before{right:0;background:rgba(85,222,248,.16)}
.cx-admin-music-seek span{width:var(--music-progress);background:var(--admin-cyan);box-shadow:0 0 8px rgba(85,222,248,.65)}
.cx-admin-music-seek:hover::before{height:5px;background:rgba(85,222,248,.26)}
.cx-admin-music-card-settings{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(125px,1fr) 82px;align-items:end;gap:6px}
.cx-admin-music-card-settings>label:not(.cx-admin-music-state){min-width:0;display:grid;gap:4px}
.cx-admin-music-card-settings>label>span{color:#6f8e9d;font-size:6px;font-weight:900;letter-spacing:.13em}
.cx-admin-music-card-settings select{width:100%;height:31px;padding:0 6px;font-size:8px}
.cx-admin-music-state{height:31px;box-sizing:border-box;align-self:end}
.cx-admin-music-row.inactive{opacity:.6}.cx-admin-music-row.inactive:hover{opacity:.82}
.cx-admin-music-row.selected .cx-admin-music-row-check{background:rgba(85,222,248,.18)}

@media(max-width:900px){
  .cx-admin-music-list{grid-template-columns:repeat(auto-fill,minmax(340px,420px))}
}
@media(max-width:520px){
  .cx-admin-music-list{grid-template-columns:minmax(0,1fr)}
  .cx-admin-music-row{width:100%;min-width:0}
  .cx-admin-music-card-settings{grid-template-columns:1fr 1fr}
  .cx-admin-music-state{grid-column:1/-1}
}