body.admin{min-height:100vh}
.admin-wrap{width:min(1100px,100%);margin:0 auto;padding:24px 16px 60px;display:flex;flex-direction:column;gap:18px}
.admin-head h1{font-family:var(--display);font-weight:400;font-size:clamp(28px,4vw,44px);margin:14px 0 6px}
.admin-head .gold{color:var(--gold)}
.admin-head .muted{line-height:1.8;max-width:820px}
.panel h2{margin:0}
.saved-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.saved-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid var(--line)}
.saved-item .t{flex:1;font-weight:800}.saved-item .n{color:var(--muted);font-size:13px}
.cat-meta{display:flex;gap:12px;margin:14px 0;flex-wrap:wrap}
.fld{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted);font-weight:700}
.fld.grow{flex:1;min-width:200px}.fld.icon input{width:80px;text-align:center;font-size:22px}
.fld input,.fld select{background:rgba(0,0,0,.35);border:1px solid var(--line2);border-radius:12px;color:var(--text);padding:10px 12px;font-size:16px;font-weight:700;min-width:0}
.fld select{appearance:none;cursor:pointer}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,204,61,.2)}
.rows{display:flex;flex-direction:column;gap:12px}
.row{border:1px solid var(--line);border-radius:18px;padding:14px;background:linear-gradient(170deg,rgba(45,40,110,.45),rgba(18,16,48,.6))}
.row.bad{border-color:#ff5a7a;box-shadow:0 0 0 2px rgba(255,90,122,.25)}
.row-top{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.row-top .pts{font-family:var(--display);font-size:22px;color:var(--gold);min-width:64px}
.row-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.yt-fields{display:grid;grid-template-columns:2fr .6fr .6fr auto auto;gap:10px;align-items:end;margin-top:10px}
.row:not([data-type=audio]):not([data-type=clip]) .yt-fields{display:none}
.vstat{grid-column:1/-1;font-size:13px;min-height:18px;color:var(--muted)}
.vstat.ok{color:var(--ok)}.vstat.err{color:#ff8aa5}
.preview{margin:4px 0 16px}
.preview .yt-stage{width:min(560px,100%);margin:0 auto}
.pv-bar{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:8px;color:var(--muted);font-size:14px}
.admin-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}
.save-msg{font-weight:700}.save-msg.err{color:#ff8aa5}.save-msg.ok{color:var(--ok)}
@media (max-width:760px){.row-grid{grid-template-columns:1fr}.yt-fields{grid-template-columns:1fr 1fr}.yt-fields .wide{grid-column:1/-1}}
/* منع التمدد الأفقي على الجوال */
.admin-wrap>*,.panel,.rows,.row,.row-grid>*,.yt-fields>*{min-width:0;max-width:100%}
.step-head,.cat-meta,.row-top{flex-wrap:wrap}
.yt-fields .btn{white-space:normal}
@media (max-width:760px){.row-grid{grid-template-columns:minmax(0,1fr)}.yt-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fld.grow{min-width:0}}
.admin-wrap .btn{white-space:normal;max-width:100%}
.admin-wrap .btn.small{flex-shrink:1}
.row-top .fld{flex:1 1 220px;min-width:0}
.fld select,.fld input{width:100%;max-width:100%;min-width:0;text-overflow:ellipsis}
.fld.icon input{width:80px}

.row .fld[hidden]{display:none!important}
.row-grid .fld select{padding:12px 14px;border-radius:12px;border:2px solid var(--line2);background:rgba(5,4,20,.65);color:var(--text);font:inherit}