/* VANCE CEYLON — Collections / Anime sold-out manager */
.vcs-manager{margin:0 0 18px}
.vcs-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px}
.vcs-heading h2{margin:2px 0 0}
.vcs-refresh{min-height:40px;padding:9px 14px}
.vcs-intro{max-width:900px;margin:0 0 14px}
.vcs-rows{display:grid;gap:9px}
.vcs-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(150px,190px);align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(17,17,17,.1);border-radius:14px;background:rgba(255,255,255,.62)}
.vcs-name{display:grid;gap:3px;min-width:0}
.vcs-name strong{font-size:14px;overflow-wrap:anywhere}
.vcs-name small{font-size:11px;opacity:.62}
.vcs-status{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em}
.vcs-status.is-live{background:#eaf7ed;color:#195f2b;border:1px solid #bfe4c7}
.vcs-status.is-sold{background:#151515;color:#fff;border:1px solid #151515}
.vcs-action{width:100%;min-height:40px;border-radius:10px;font-size:11px;font-weight:800}
.vcs-action.is-sold{background:#111!important;color:#fff!important;border-color:#111!important}
.vcs-action.is-enable{background:#fff!important;color:#111!important;border:1px solid #111!important}
.vcs-message{margin:12px 0 0}
.vcs-message.is-error{color:#b42318!important}
.vcs-manager.is-loading .vcs-rows{opacity:.55;pointer-events:none}
html[data-admin-theme="night"] .vcs-row{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.035)}
html[data-admin-theme="night"] .vcs-status.is-live{background:#14351d;color:#b9f5c7;border-color:#245a31}
html[data-admin-theme="night"] .vcs-status.is-sold{background:#f4f4f4;color:#111;border-color:#f4f4f4}
html[data-admin-theme="night"] .vcs-action.is-sold{background:#f2f2f2!important;color:#111!important;border-color:#f2f2f2!important}
html[data-admin-theme="night"] .vcs-action.is-enable{background:transparent!important;color:#f2f2f2!important;border-color:#bcbcbc!important}
@media(max-width:760px){
  .vcs-heading{align-items:flex-start}
  .vcs-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px}
  .vcs-action{grid-column:1/-1}
  .vcs-status{min-width:76px}
}