:root{--bg:#f6f7fb;--card:#fff;--line:#e5e7ef;--text:#151927;--muted:#6f7688;--purple:#6f2bd5;--purple2:#8b4ee8;--green:#12a447;--red:#e23a52;--orange:#f28c18;--shadow:0 8px 24px rgba(26,31,50,.06);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}.wrap{max-width:1500px;margin:auto;padding:22px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff,#faf7ff);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--purple)}h1{font-size:25px;margin:5px 0}.hero p,.card-head p{margin:0;color:var(--muted);font-size:12px}.hero-actions,.form-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{min-height:39px;padding:0 14px;border:1px solid var(--line);background:#fff;border-radius:10px;font-weight:750;color:#343a49;cursor:pointer}.btn:hover{background:#f8f7fb}.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff}.btn.danger{color:var(--red);border-color:#f0bdc6}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{width:38px;height:38px;border:0;border-radius:10px;background:#f2f3f7;font-size:22px;cursor:pointer}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.kpis article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.kpis small{display:block;color:var(--muted);font-weight:700}.kpis strong{display:block;font-size:25px;margin-top:4px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h2{margin:0 0 4px;font-size:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field span{font-size:12px;font-weight:800;color:#4f5668}.field input,.field textarea,.toolbar input,.toolbar select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 11px;outline:none}.field input:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:#b995ef;box-shadow:0 0 0 3px #f1e9ff}.field textarea{min-height:112px;resize:vertical}.field small{color:var(--muted);font-size:10px}.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750}.check input{width:18px;height:18px;accent-color:var(--purple)}.form-actions{justify-content:flex-end}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 190px 150px auto;gap:9px;align-items:center;margin-bottom:12px}.muted{color:var(--muted);font-size:12px}.status-box{padding:11px 12px;border:1px solid var(--line);background:#fafbfe;border-radius:10px;color:var(--muted);font-size:12px;margin-bottom:12px}.status-box.ok{background:#effaf3;border-color:#c8ebd3;color:#16713b}.status-box.bad{background:#fff1f3;border-color:#f1c0c8;color:#9b2636}.reels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reel-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;min-width:0}.thumb{aspect-ratio:9/14;background:linear-gradient(135deg,#2b1838,#7d43b5);position:relative;display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .fallback{font-size:42px;color:#fff}.pill{position:absolute;top:8px;left:8px;display:inline-flex;height:24px;align-items:center;padding:0 8px;border-radius:999px;background:rgba(15,18,27,.75);color:#fff;font-size:10px;font-weight:850}.pill.inactive{background:rgba(150,35,53,.88)}.card-body{padding:11px}.card-body h3{font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-body .meta{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0;color:var(--muted);font-size:10px}.card-body p{margin:7px 0 10px;color:#596174;font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:47px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.actions .btn{min-height:34px;padding:0 8px;font-size:11px}.upload-progress{padding:10px;border:1px solid #dfd0ff;border-radius:10px;background:#faf7ff}.upload-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px}.bar{height:7px;background:#ebe6f4;border-radius:999px;margin-top:7px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--purple2))}.dialog{width:min(760px,calc(100% - 24px));border:0;border-radius:16px;padding:0;box-shadow:0 30px 90px rgba(17,20,30,.28)}.dialog::backdrop{background:rgba(18,20,28,.55)}.dialog-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.dialog-head strong{display:block}.dialog-head small{display:block;color:var(--muted);margin-top:2px}.dialog video{width:100%;max-height:70vh;background:#0b0b0e;display:block}.dialog-body{padding:16px}.caption-box{padding:14px;white-space:pre-wrap;font-size:12px;line-height:1.55;color:#434a5d;max-height:220px;overflow:auto}.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#222836;color:#fff;border-radius:10px;padding:11px 14px;max-width:380px;box-shadow:0 12px 34px rgba(0,0,0,.2);font-size:12px}.toast.bad{background:#8d1f31}@media(max-width:1150px){.reels-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.wrap{padding:12px}.hero{display:block}.hero-actions{margin-top:12px}.kpis{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr 1fr}.toolbar .search{grid-column:1/-1}.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.full{grid-column:1}.dialog-body{grid-template-columns:1fr}}@media(max-width:480px){.reels-grid{gap:8px}.card-body{padding:9px}.actions{grid-template-columns:1fr}.kpis article{padding:12px}.toolbar{grid-template-columns:1fr}.toolbar .search{grid-column:1}.hero h1{font-size:21px}}

/* SHIVSHAHI ADMIN MOBILE UI V5 - Reels Library presentation only */
@media(max-width:640px){
  html,body{min-height:100%;background:#f6f7fb;overscroll-behavior-y:contain}
  body{font-size:12px;-webkit-tap-highlight-color:transparent}
  .wrap{width:100%;max-width:520px;margin:0 auto;padding:8px 8px 18px}
  .hero{display:grid;gap:9px;padding:11px;border-radius:14px;box-shadow:0 4px 14px rgba(26,31,50,.04)}
  .eyebrow{font-size:9px}.hero h1{font-size:18px;line-height:1.15;margin:3px 0}.hero p{font-size:10.5px;line-height:1.4}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;width:100%}.hero-actions .btn{width:100%}
  .btn{min-height:41px;padding:0 10px;border-radius:11px;font-size:11.5px;touch-action:manipulation}.icon-btn{width:36px;height:36px;border-radius:10px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0}.kpis article{padding:10px;border-radius:12px;box-shadow:0 4px 12px rgba(26,31,50,.035)}.kpis small{font-size:9.5px}.kpis strong{font-size:19px;margin-top:2px}
  .card{padding:10px;border-radius:13px;margin-bottom:9px}.card-head{gap:7px;margin-bottom:9px}.card-head h2{font-size:14px}.card-head p{font-size:10px;line-height:1.4}
  .form-grid{grid-template-columns:1fr;gap:9px}.full{grid-column:1}.field{gap:5px}.field span{font-size:10.5px}.field input,.field textarea,.field select,.toolbar input,.toolbar select{min-height:41px;font-size:16px!important;padding:9px 10px;border-radius:10px}.field textarea{min-height:96px}.field small{font-size:9.5px;line-height:1.35}
  .check{font-size:10.5px;line-height:1.35}.form-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.form-actions .btn{width:100%}
  .toolbar{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}.toolbar .search{grid-column:1/-1}.toolbar .muted{grid-column:1/-1;font-size:10px}.status-box{padding:9px 10px;border-radius:10px;font-size:10.5px;margin-bottom:9px}
  .reels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.reel-card{border-radius:12px}.card-body{padding:8px}.card-body h3{font-size:12px}.card-body .meta{font-size:9px;gap:4px}.card-body p{font-size:9.5px;line-height:1.35;min-height:39px;margin:6px 0 8px;-webkit-line-clamp:3}.v2-tag{font-size:8.5px!important;padding:2px 5px!important}.actions{grid-template-columns:1fr 1fr;gap:5px}.actions .btn{min-height:34px;padding:0 5px;font-size:9.5px}
  .thumb .pill{height:21px;font-size:8.5px;padding:0 6px;top:6px;left:6px}
  .upload-progress{padding:8px}.upload-progress>div:first-child{font-size:9.5px}
  .dialog{position:fixed;left:6px;right:6px;top:auto;bottom:calc(6px + env(safe-area-inset-bottom));width:auto;max-width:508px;max-height:91dvh;margin:auto;border-radius:18px 18px 11px 11px}.dialog-head{padding:11px 12px}.dialog-head strong{font-size:14px}.dialog-head small{font-size:9.5px}.dialog-body{padding:10px}.dialog video{max-height:55dvh}.caption-box{padding:10px;font-size:10.5px;max-height:160px}
  .toast{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));max-width:none;font-size:10.5px;border-radius:11px}
}
@media(max-width:365px){.reels-grid{grid-template-columns:1fr}.hero-actions{grid-template-columns:1fr 1fr}.card-body p{min-height:auto}.actions .btn{font-size:10.5px}}

/* V7 mobile/laptop app UI - scroll and zero hidden actions. */
html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch;scroll-behavior:auto!important}
body{touch-action:pan-y pinch-zoom!important}
.wrap{width:100%!important;max-width:600px!important;height:auto!important;min-height:100%!important;overflow:visible!important;margin:0 auto!important;padding:8px 8px 28px!important}
.hero,.card,.toolbar,.reel-card{max-width:100%!important;overflow:visible!important}
.hero{display:grid!important;gap:9px!important}
.hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:7px!important}
.hero-actions .btn{width:100%!important;min-width:0!important}
.btn{min-height:41px!important;white-space:normal!important;line-height:1.2!important}
.form-grid{grid-template-columns:1fr!important;gap:9px!important}
.field.full,.check.full,.upload-progress.full,.form-actions.full{grid-column:1!important}
.field input,.field select,.field textarea,.toolbar input,.toolbar select{width:100%!important;max-width:100%!important;min-width:0!important;font-size:16px!important}
.form-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
.form-actions .btn{width:100%!important;min-width:0!important}
.toolbar{grid-template-columns:1fr 1fr!important;gap:7px!important}
.toolbar .search,.toolbar input[type=search],.toolbar input:first-child{grid-column:1/-1!important}
.grid{grid-template-columns:1fr!important;gap:8px!important}
.actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
.actions .btn,.actions button{width:100%!important;min-width:0!important;min-height:38px!important;font-size:10.5px!important;white-space:normal!important}
.card-body p{height:auto!important;max-height:none!important;overflow:visible!important}
.dialog[open]{display:flex!important;flex-direction:column!important;left:6px!important;right:6px!important;top:6px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:588px!important;max-height:calc(100dvh - 12px - env(safe-area-inset-bottom))!important;margin:auto!important;overflow:hidden!important}
.dialog-head{flex:0 0 auto!important}
.dialog-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
.caption-box{max-height:none!important;overflow:visible!important}
@media(max-width:370px){.hero-actions,.form-actions,.actions,.toolbar{grid-template-columns:1fr!important}.toolbar>*{grid-column:1!important}}

/* SHIVSHAHI ADMIN V17 - Reels Library compact, readable, zero hidden actions */
html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:auto!important;-webkit-overflow-scrolling:touch!important}
body{touch-action:pan-y pinch-zoom!important;background:#f6f7fb!important}
.wrap{width:100%!important;max-width:600px!important;margin:0 auto!important;padding:8px 8px 24px!important;overflow:visible!important}
.hero{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:11px!important;margin:0 0 8px!important;border-radius:13px!important;box-shadow:0 3px 12px rgba(26,31,50,.035)!important;overflow:visible!important}
.hero>div:first-child{min-width:0!important}
.eyebrow{font-size:8.5px!important}.hero h1{font-size:18px!important;line-height:1.15!important;margin:2px 0 3px!important}.hero p{font-size:10px!important;line-height:1.35!important;margin:0!important}
.hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important;margin:0!important}.hero-actions .btn{width:100%!important;min-width:0!important}
.btn{min-height:39px!important;padding:0 9px!important;border-radius:10px!important;font-size:10.5px!important;white-space:normal!important;line-height:1.2!important;touch-action:manipulation!important}
.icon-btn{width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important}
.kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0 0 8px!important}
.kpis article{min-width:0!important;padding:9px 10px!important;border-radius:11px!important;box-shadow:0 3px 10px rgba(26,31,50,.03)!important}.kpis small{font-size:9px!important;line-height:1.25!important}.kpis strong{font-size:18px!important;line-height:1.1!important;margin-top:2px!important;overflow-wrap:anywhere!important}
.card{padding:10px!important;border-radius:12px!important;margin:0 0 8px!important;box-shadow:0 3px 12px rgba(26,31,50,.035)!important;max-width:100%!important;overflow:visible!important}.card-head{gap:7px!important;margin-bottom:8px!important}.card-head h2{font-size:14px!important;line-height:1.2!important}.card-head p{font-size:9.5px!important;line-height:1.35!important}
.form-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.full{grid-column:1!important}.field{min-width:0!important;gap:4px!important}.field span{font-size:10px!important}.field small{font-size:9px!important;line-height:1.3!important}
.field input,.field textarea,.field select,.toolbar input,.toolbar select{width:100%!important;max-width:100%!important;min-width:0!important;min-height:40px!important;padding:8px 9px!important;border-radius:9px!important;font-size:16px!important}.field textarea{min-height:84px!important}.check{font-size:10px!important;line-height:1.35!important;align-items:flex-start!important}.check input{flex:0 0 18px!important}
.form-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}.form-actions .btn{width:100%!important;min-width:0!important}
.toolbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-bottom:8px!important;align-items:stretch!important}.toolbar .search{grid-column:1/-1!important}.toolbar .muted{grid-column:1/-1!important;font-size:9.5px!important;line-height:1.3!important}.status-box{padding:8px 9px!important;border-radius:9px!important;font-size:9.5px!important;line-height:1.35!important;margin-bottom:8px!important}
.reels-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.reel-card{min-width:0!important;border-radius:11px!important;overflow:hidden!important}.thumb{aspect-ratio:9/13!important;min-height:0!important}.thumb .fallback{font-size:34px!important}.pill{height:20px!important;padding:0 6px!important;font-size:8px!important;top:6px!important;left:6px!important}
.card-body{padding:8px!important;min-width:0!important}.card-body h3{font-size:11.5px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}.card-body .meta{font-size:8.5px!important;gap:4px!important;margin:5px 0!important}.card-body p{font-size:9.2px!important;line-height:1.35!important;min-height:0!important;height:auto!important;max-height:none!important;margin:5px 0 7px!important;-webkit-line-clamp:3!important;overflow:hidden!important}
.actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;width:100%!important}.actions .btn,.actions button{width:100%!important;min-width:0!important;min-height:35px!important;padding:4px 5px!important;font-size:9.5px!important;white-space:normal!important;line-height:1.15!important}
.upload-progress{padding:8px!important;border-radius:9px!important}.upload-progress>div:first-child{font-size:9px!important}.bar{height:6px!important;margin-top:6px!important}
.dialog[open]{display:flex!important;flex-direction:column!important;position:fixed!important;left:6px!important;right:6px!important;top:6px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:588px!important;max-height:calc(100dvh - 12px - env(safe-area-inset-bottom))!important;margin:auto!important;padding:0!important;overflow:hidden!important;border-radius:16px!important}.dialog-head{flex:0 0 auto!important;padding:10px 11px!important}.dialog-head strong{font-size:13px!important}.dialog-head small{font-size:9px!important}.dialog-body{flex:1 1 auto!important;min-height:0!important;padding:9px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.dialog video{width:100%!important;max-height:52dvh!important}.caption-box{padding:9px!important;font-size:10px!important;line-height:1.4!important;max-height:140px!important;overflow-y:auto!important}.toast{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;max-width:none!important;font-size:10px!important;border-radius:10px!important}
@media(max-width:430px){
  .wrap{padding:7px 7px 20px!important}
  .reels-grid{grid-template-columns:1fr!important}
  .thumb{aspect-ratio:16/10!important;max-height:220px!important}
  .thumb img{object-fit:cover!important}
  .card-body h3{font-size:12px!important}.card-body p{font-size:9.8px!important}
  .actions .btn,.actions button{font-size:10px!important;min-height:37px!important}
}
@media(max-width:360px){.hero-actions,.form-actions,.toolbar,.actions{grid-template-columns:1fr!important}.toolbar>*{grid-column:1!important}.kpis{grid-template-columns:1fr 1fr!important}}

/* V22 staff media mode: Reels/Photo remain fully manageable without Owner password. */
body.staff-media-mode::after{content:'STAFF · MEDIA ACCESS';position:fixed;right:8px;bottom:8px;z-index:9999;padding:5px 8px;border-radius:999px;background:#eef4ff;border:1px solid #b2ccff;color:#1849a9;font:900 8px/1 system-ui;box-shadow:0 3px 12px rgba(15,23,42,.10)}
body.owner-mode::after{content:'OWNER MODE';position:fixed;right:8px;bottom:8px;z-index:9999;padding:5px 8px;border-radius:999px;background:#ecfdf3;border:1px solid #abefc6;color:#067647;font:900 8px/1 system-ui;box-shadow:0 3px 12px rgba(15,23,42,.10)}


/* SHIVSHAHI REELS COVER REQUIRED V23 - keep all other admin UI unchanged */
.cover-field{min-width:0}
.cover-section-header{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:2px}
.cover-section-header>span:first-child{font-size:12px;font-weight:850;color:#303142}
.required-star{color:#dc354a}
.cover-required-chip{font-size:9px;font-weight:850;letter-spacing:.05em;color:#6a29ba;background:#f3eaff;border:1px solid #dfc8ff;border-radius:20px;padding:4px 8px}
.cover-picker{border:1px solid #e4dcf1;border-radius:13px;background:linear-gradient(155deg,#fdfbff,#f8f5ff);padding:11px;min-width:0}
.cover-picker [hidden], .cover-dialog [hidden]{display:none!important}
.cover-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 10px}
.cover-method{border:1px solid #ded6eb;border-radius:9px;background:#fff;color:#565066;padding:9px 7px;min-height:42px;font-size:11px;font-weight:800;cursor:pointer}
.cover-method[aria-pressed="true"]{border-color:#7a32da;background:#f1e8ff;color:#6124ad;box-shadow:inset 0 0 0 1px #7a32da}
.cover-upload-label{display:flex;align-items:center;justify-content:center;gap:7px;min-height:54px;border:1px dashed #bca1dc;border-radius:10px;background:#fff;font-weight:750;font-size:11.5px;cursor:pointer;padding:9px;text-align:center;color:#5f2ba2}
.cover-upload-label input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.cover-picker-help{font-size:10px;line-height:1.45;color:#6c647a;margin:7px 0 0}
.cover-frame-video{display:block;background:#191322;max-height:290px;aspect-ratio:9/16;width:auto;max-width:100%;margin:0 auto 9px;object-fit:contain;border-radius:10px}
.cover-timeline{width:100%;accent-color:#762bd4;height:24px;cursor:pointer;touch-action:pan-x}
.cover-timeline:disabled{opacity:.5;cursor:not-allowed}
.cover-times{display:flex;justify-content:space-between;color:#746c84;font-size:10px;font-weight:750;margin:0 0 8px}
.cover-capture-button{width:100%;min-height:40px!important}
.cover-status{font-size:10.5px;color:#6f607c;margin:8px 0 0;line-height:1.4;min-height:14px}
.cover-status.ok{color:#177440;font-weight:800}
.cover-status.bad{color:#b42f42;font-weight:800}
.cover-selected{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px;background:#fff;border:1px solid #e6ddee;border-radius:10px;min-height:74px}
.cover-selected-preview{flex:0 0 48px;width:48px;height:66px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:linear-gradient(145deg,#50206d,#8450ac);color:#fff;font-size:20px}
.cover-selected-preview img{width:100%;height:100%;object-fit:cover;display:block}
.cover-selected-text{min-width:0;overflow-wrap:anywhere}
.cover-selected-text strong{display:block;font-size:11px;color:#3b284b;line-height:1.25}
.cover-selected-text small{display:block;font-size:9.5px;color:#706579;line-height:1.35;margin-top:4px}
.cover-dialog{width:min(550px,calc(100% - 16px))!important;max-width:550px!important}
.cover-dialog-body{overflow:auto!important;max-height:calc(100dvh - 100px);-webkit-overflow-scrolling:touch}
.cover-dialog-actions{margin-top:12px;justify-content:stretch}
.edit-cover-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#faf8ff;border:1px solid #e8deef;border-radius:12px;padding:9px}
.edit-cover-current{width:44px;height:64px;flex:0 0 44px;border-radius:7px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;background:#e9def5;color:#76508e;font-size:9px}
.edit-cover-current img{width:100%;height:100%;object-fit:cover}
.edit-cover-info{flex:1 1 90px;min-width:0}
.edit-cover-info strong{display:block;font-size:12px;color:#362647}
.edit-cover-info small{display:block;color:#6a6274;font-size:10px;margin-top:3px}
.edit-cover-row .btn{flex:0 1 auto;font-size:10px!important;min-height:34px!important}
@media(max-width:400px){
  .cover-picker{padding:8px}
}



/* SHIVSHAHI REELS LIBRARY V24: only Reels grid, uploader, and cover editor. */
.reels-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;align-items:start}
.reel-card{position:relative;overflow:visible!important;border-radius:10px!important;min-width:0!important;box-shadow:0 2px 8px rgba(24,16,50,.045)!important}
.reel-card:has(.reel-actions-menu[open]){z-index:15}
.reel-card .thumb{position:relative;overflow:visible!important;aspect-ratio:9/16!important;max-height:none!important;min-height:0!important;background:#442168;border-radius:9px 9px 0 0}
.reel-card .thumb-preview{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;border-radius:9px 9px 0 0;overflow:hidden;cursor:pointer;appearance:none}
.reel-card .thumb-preview img{display:block;width:100%;height:100%;object-fit:cover!important}
.reel-card .thumb-preview .fallback{display:grid;place-items:center;height:100%;font-size:24px;color:white}
.reel-card .thumb-preview:focus-visible{outline:3px solid #ba9df9;outline-offset:2px}
.reel-card .thumb-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:rgba(13,11,21,.55);color:white;font-size:11px;pointer-events:none}
.reel-card .pill{z-index:2;top:5px!important;left:4px!important;height:17px!important;padding:0 5px!important;font-size:7.3px!important;letter-spacing:.01em}
.missing-cover-marker{position:absolute;bottom:5px;left:4px;color:#fff;background:rgba(166,46,65,.88);padding:2px 5px;border-radius:4px;font-size:7px;font-weight:800;pointer-events:none;z-index:2}
.reel-actions-menu{position:absolute;right:4px;top:4px;z-index:3}
.reel-actions-menu summary{list-style:none;display:grid;place-items:center;width:25px;height:25px;color:#fff;background:rgba(18,12,29,.78);border-radius:7px;font-size:22px;line-height:1;cursor:pointer;user-select:none}
.reel-actions-menu summary::-webkit-details-marker{display:none}
.reel-actions-menu summary:focus-visible{outline:2px solid #b999ff;outline-offset:2px}
.reel-actions-menu[open] summary{background:#6926bd}
.reel-menu-items{position:absolute;right:0;top:29px;min-width:135px;background:#fff;border:1px solid #e7dcf4;box-shadow:0 11px 30px rgba(32,16,60,.24);border-radius:10px;overflow:hidden;padding:4px;z-index:5}
.reel-menu-items button{display:block;width:100%;text-align:left;background:#fff;border:0;border-radius:7px;min-height:33px;padding:7px 8px;color:#313042;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}
.reel-menu-items button:hover,.reel-menu-items button:focus-visible{background:#f4edff;outline:0}
.reel-menu-items button.danger{color:#c12842}
.reel-card .card-body{padding:6px 5px 7px!important;min-width:0!important}
.reel-card .card-body h3{display:block;font-size:10px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;margin:0!important;font-weight:800}
.reel-card .card-body .meta{display:block;font-size:8px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:4px 0 0!important;color:#737689}
.reel-card .card-body .meta span{display:inline!important}
.reel-card .card-body p,.reel-card .v2-admin-tags,.reel-card .actions{display:none!important}
@media(max-width:440px){.reels-grid{gap:5px!important}.reel-card .card-body{padding:5px 4px 6px!important}.reel-card .card-body h3{font-size:9px!important}.reel-card .pill{font-size:6px!important;padding:0 3px!important}.reel-actions-menu summary{width:23px;height:23px;font-size:20px}}
@media(max-width:335px){.reels-grid{gap:3px!important}.reel-card .card-body h3{font-size:8px!important}.reel-card .card-body .meta{font-size:7px!important}}
.reel-video-dropzone{position:relative;isolation:isolate}
.reel-video-dropzone .video-picker-control{border:1px dashed #b49bdc;border-radius:12px;background:#faf7ff;min-height:65px;display:flex;align-items:center;justify-content:center;gap:11px;cursor:pointer;padding:12px 10px}
.video-picker-control .video-picker-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;color:#6424c2;background:#eee5ff;font-size:16px}
.video-picker-control strong{display:block;font-size:12px;color:#43335b}
.video-picker-control small{display:block;font-size:10px;color:#777181;margin-top:2px}
.reel-video-dropzone input[type=file]{position:absolute!important;inset:23px 0 0 0!important;width:100%!important;height:calc(100% - 23px)!important;opacity:0!important;cursor:pointer!important;min-height:0!important;padding:0!important}
.reel-video-dropzone:focus-within .video-picker-control{box-shadow:0 0 0 3px #eadfff}
.video-preview-panel{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px;padding:9px;background:#f6f3fb;border:1px solid #e5dcef;border-radius:11px}
.video-preview-panel[hidden]{display:none!important}
.video-preview-panel video{width:68px;height:110px;object-fit:contain;background:#190d24;border-radius:7px}
.video-preview-info{display:grid;gap:5px;min-width:0;word-break:break-word}
.video-preview-info strong{font-size:11px;color:#332842}
.video-preview-info span{font-size:10px;color:#666477;line-height:1.45}
.video-preview-info small{color:#ac6527;font-size:10px;line-height:1.4}
.upload-more{border:1px solid #e5e0ec;border-radius:11px;overflow:hidden;background:#fff}
.upload-more summary{cursor:pointer;padding:13px 12px;font-size:12px;font-weight:800;color:#5a3286;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px}
.upload-more summary::-webkit-details-marker{display:none}
.upload-more summary::after{content:'+';font-size:18px;font-weight:700;flex-shrink:0}
.upload-more[open] summary::after{content:'-'}
.upload-more summary span{font-size:9px;color:#7b7584;font-weight:500;line-height:1.35;flex:1;text-align:right}
.upload-extras-grid{display:grid;grid-template-columns:1fr;gap:9px;padding:10px;border-top:1px solid #eee8f5}
.upload-extras-grid .field{min-width:0}
.upload-extras-grid .check{align-items:center!important}
.cover-crop-editor{padding:10px 9px;background:#fff;border:1px solid #e8d8ff;border-radius:11px;margin:10px 0}
.cover-crop-editor[hidden]{display:none!important}
.cover-editor-heading{display:flex;justify-content:space-between;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:7px}
.cover-editor-heading strong{font-size:11px;color:#342544}
.cover-editor-heading small{font-size:9px;color:#746a7f}
.cover-crop-editor canvas{display:block;width:clamp(150px,65%,235px);height:auto;aspect-ratio:9/16;margin:0 auto;border-radius:8px;background:#190e23;touch-action:none;cursor:grab;user-select:none}
.cover-crop-editor canvas:active{cursor:grabbing}
.cover-zoom-controls{margin:10px 0 9px}
.cover-zoom-controls label{display:flex;justify-content:space-between;gap:5px;font-size:11px;font-weight:800;color:#564465}
.cover-zoom-controls input{width:100%;accent-color:#7031d3;min-height:30px;cursor:pointer}
.cover-use-crop{width:100%!important}
.upload-progress .upload-progress-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px}
.upload-progress .bar{margin:9px 0;height:8px}
.upload-progress-steps{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;margin-top:7px}
.upload-progress-steps span{color:#777181;font-size:9px;padding:3px 5px;border-radius:5px;background:#eeeaf4}
.upload-progress-steps span.is-current{color:#fff;background:#6f2bd5}
.upload-progress[data-stage=saved] .upload-progress-steps span.is-current{background:#138645}
.upload-progress[data-stage=error]{background:#fff2f4;border-color:#e8bbc5}
.upload-error{font-size:10px;font-weight:750;color:#9b2138;line-height:1.5;margin:8px 0}
#retryUploadBtn{margin-top:6px;color:#a52940;border-color:#e9aeba}
.upload-progress[hidden],.upload-progress [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.reel-card *{transition:none!important}}
/* Keep the actions menu inside narrow screens even on the first two columns. */
.reel-card:nth-child(4n+1) .reel-menu-items,
.reel-card:nth-child(4n+2) .reel-menu-items{left:0;right:auto}

/* Scoped Photo/Reel Marketing Posting Report UI; no nested report scrolling */
[hidden]{display:none!important}
.mp-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;margin:0 0 11px;background:#ecebf3;border:1px solid #e5e1ed;border-radius:13px}
.mp-tab{min-width:0;border:0;background:transparent;border-radius:10px;padding:12px 10px;color:#595469;font:inherit;font-size:12px;font-weight:800;cursor:pointer;overflow-wrap:anywhere}
.mp-tab.is-active{background:#fff;color:#673de6;box-shadow:0 2px 7px rgba(38,20,88,.11)}
.mp-report{display:block;overflow:visible!important;max-height:none!important;height:auto!important;min-width:0;padding:14px!important;box-shadow:0 4px 16px rgba(24,22,45,.04)}
.mp-report .mp-report-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.mp-report .mp-report-head h2{margin:0 0 4px;font-size:19px;line-height:1.15}
.mp-report .mp-report-head p{margin:0;color:#667085;font-size:11.5px}
.mp-report .mp-report-filters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px;min-width:0}
.mp-report .mp-report-filters label{display:grid;gap:4px;min-width:0;color:#50536a;font-weight:750;font-size:11px}
.mp-report select,.mp-report input{width:100%;min-width:0;min-height:40px;padding:8px 10px;background:#fff;color:#202333;border:1px solid #dddce8;border-radius:10px;font-family:inherit;font-size:13px}
.mp-report .mp-date-range{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mp-report .mp-date-range[hidden]{display:none!important}
.mp-report .mp-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:11px 0 8px}
.mp-report .mp-stat{padding:10px 7px;background:#f9f8fd;border:1px solid #eae6f5;border-radius:11px;min-width:0}
.mp-report .mp-stat small{display:block;font-weight:700;color:#606379;font-size:10px;line-height:1.3}
.mp-report .mp-stat strong{display:block;margin-top:3px;color:#1e2030;font-size:21px;line-height:1.15}
.mp-report .mp-stat.mp-posted{background:#f3fcf6;border-color:#c9e9d3}
.mp-report .mp-stat.mp-pending{background:#fff9f0;border-color:#f5e2bf}
.mp-report .mp-report-info{background:#f5f4ff;border:1px solid #e5defb;border-radius:9px;color:#594e76;padding:9px 10px;font-size:11px;line-height:1.5;margin:8px 0}
.mp-report .mp-report-status{font-size:11px;color:#667085;line-height:1.45;margin:7px 0 14px}
.mp-report .mp-section{margin:14px 0 0;min-width:0}
.mp-report .mp-section-head{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:space-between;margin:0 0 7px}
.mp-report .mp-section-head h3{font-size:14px;margin:0;color:#252339}
.mp-report .mp-section-head small{font-size:10px;color:#818196}
.mp-report .mp-export{padding:7px 10px!important;min-height:34px!important;font-size:11px!important;background:#fff;border:1px solid #ded7ee;color:#5e36c1;border-radius:9px;white-space:nowrap}
.mp-report .mp-entries{display:grid;gap:7px;min-width:0;max-height:none!important;overflow:visible!important}
.mp-report .mp-entry{display:block;min-width:0;border:1px solid #e4e5ed;border-radius:11px;background:#fff;overflow:hidden}
.mp-report .mp-entry summary{cursor:pointer;list-style:none;padding:11px;display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;min-width:0}
.mp-report .mp-entry summary::-webkit-details-marker{display:none}
.mp-report .mp-entry[open]{border-color:#d6c5f7;background:#fcfbff}
.mp-report .mp-entry-name{display:grid;gap:3px;min-width:0;flex:1 1 160px}
.mp-report .mp-entry-name strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere;color:#22243a}
.mp-report .mp-entry-name small{font-size:10px;color:#74768a;line-height:1.25}
.mp-report .mp-entry-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;flex:1 1 150px}
.mp-report .mp-entry-stats span{display:grid;gap:3px;min-width:0;padding:6px;background:#f8f8fb;border-radius:7px;text-align:center}
.mp-report .mp-entry-stats span b{font-size:9px;color:#74768a;font-weight:650}
.mp-report .mp-entry-stats span strong{font-size:13px;color:#2e3146}
.mp-report .mp-entry-details{display:flex;flex-wrap:wrap;gap:10px;padding:11px;border-top:1px solid #ece8f4;font-size:11px;color:#56566c}
.mp-report .mp-empty{margin:0;padding:12px;border:1px dashed #e4e5ed;border-radius:10px;color:#73758b;background:#fafbff;font-size:12px}
.mp-report .mp-report-note{margin:12px 0 0;color:#828398;font-size:10px;line-height:1.4}
@media(max-width:650px){
 .mp-tabs{margin:0 0 8px;gap:5px;padding:4px}.mp-tab{padding:10px 6px;font-size:11px}
 .mp-report{padding:10px!important;border-radius:12px!important}.mp-report .mp-report-head h2{font-size:15px}
 .mp-report .mp-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .mp-report .mp-stat{padding:8px 7px}.mp-report .mp-stat strong{font-size:18px}
 .mp-report .mp-report-filters{grid-template-columns:1fr 1fr;gap:6px}
 .mp-report .mp-entry summary{gap:8px;padding:9px;display:block}
 .mp-report .mp-entry-name{margin:0 0 7px}
 .mp-report .mp-entry-stats{width:100%}
}
@media(max-width:365px){.mp-report .mp-report-filters{grid-template-columns:1fr}.mp-report .mp-date-range{grid-template-columns:1fr}.mp-report .mp-date-range{grid-column:1}}
/* Hide redundant floating mode chip only while the report tab is open; it covered figures. */
body.mp-report-open.staff-media-mode::after,body.mp-report-open.owner-mode::after{display:none!important}


/* SHIVSHAHI REELS CATEGORY MANAGER V26 - limited to Reels Library UI */
.reel-category-field{display:grid!important;gap:5px!important;min-width:0}
.reel-category-field>label{font-size:11.5px;font-weight:850;color:#36304d}
.reel-category-field>small{font-size:9.5px;color:#706582;line-height:1.4}
.reel-category-select-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch;min-width:0}
.reel-category-select-row select,.reel-bulk-toolbar select{width:100%;min-width:0;min-height:42px;padding:9px 10px;border:1px solid #dcd3e8;border-radius:10px;background:#fff;color:#303147;font-size:16px;outline:none}
.reel-category-select-row select:focus-visible,.reel-bulk-toolbar select:focus-visible,.category-add-row input:focus-visible,.saved-category-rename input:focus-visible{outline:2px solid #995bdf;outline-offset:1px}
#uploadManageCategoriesBtn{min-height:42px!important;white-space:nowrap!important;padding:0 12px!important;background:#f3ecff;color:#5b2da2;border:1px solid #d9c9ef}
.category-manager-open{min-height:39px!important;font-weight:800;color:#6033a8;background:#f3edff;border:1px solid #ddcdf7}
.reel-bulk-top{display:flex;justify-content:flex-end;gap:8px;margin:-2px 0 8px;min-width:0}
#bulkToggleBtn{background:#f3edff;color:#5b2da2;border:1px solid #e3d4fa;min-height:36px!important;font-size:10px!important}
#bulkToggleBtn[aria-pressed="true"]{background:#6f2bd8;color:#fff;border-color:#6f2bd8}
.reel-bulk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:9px;border:1px solid #ddcef3;background:#f8f4ff;border-radius:12px;margin-bottom:10px;min-width:0}
.reel-bulk-toolbar[hidden],.saved-category-rename[hidden],.reel-category-manager-body [hidden]{display:none!important}
.reel-bulk-toolbar .btn{min-height:35px!important;padding:6px 9px!important;font-size:10px!important}
.reel-bulk-count{font-size:11px;font-weight:900;color:#4e2b7a;margin-right:auto;white-space:nowrap}
.bulk-category-label{font-size:10px;color:#5e4c76;font-weight:750}
#bulkCategory{flex:1 1 140px;max-width:100%;min-height:35px!important;padding:7px 8px;font-size:13px}
.reel-card .reel-category-label{display:block;font-size:8px!important;line-height:1.25;color:#6a37a6;font-weight:850;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:3px}
.reel-card .thumb .reel-bulk-check{position:absolute;z-index:4;left:5px;bottom:5px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:rgba(255,255,255,.93);border:1px solid rgba(105,45,178,.7);box-shadow:0 2px 6px #0002;cursor:pointer;touch-action:manipulation}
.reel-card .thumb .reel-bulk-check input{position:absolute;inset:0;cursor:pointer;opacity:0;width:100%;height:100%;margin:0}
.reel-card .thumb .reel-bulk-check span{font-size:15px;font-weight:900;color:transparent;pointer-events:none}
.reel-card .thumb .reel-bulk-check:has(input:checked){background:#6f2bd8;border-color:#fff}
.reel-card .thumb .reel-bulk-check input:checked+span{color:#fff}
.reel-card .thumb .reel-bulk-check:has(input:focus-visible){outline:3px solid #bca3ee;outline-offset:2px}
.reel-category-dialog{width:min(580px,calc(100% - 16px))!important;max-width:580px!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important}
.reel-category-dialog .dialog-head{flex:0 0 auto}
.reel-category-manager-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px 12px 18px}
.category-add-form{border:1px solid #e7dbf3;background:#faf8ff;border-radius:13px;padding:10px;margin-bottom:9px}
.category-add-form>label{display:block;font-size:11px;font-weight:850;color:#44365e;margin-bottom:7px}
.category-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.category-add-row input,.saved-category-rename input{min-width:0;width:100%;min-height:42px;border-radius:9px;border:1px solid #d8cee7;padding:8px 10px;background:#fff;color:#2a2936;font-size:16px}
.category-add-row .btn{min-height:42px!important;white-space:nowrap!important}
.category-manager-help{color:#71637d;font-size:10px;line-height:1.5;margin:7px 0 9px}
.category-manager-help.bad{color:#ad2038;font-weight:800}
.category-manager-list{display:grid;gap:7px}
.saved-category-row{border:1px solid #ece4f5;background:white;border-radius:11px;padding:9px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0}
.saved-category-main{display:flex;align-items:center;gap:8px;min-width:0}
.saved-category-main>div{min-width:0}
.saved-category-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:8px;background:#f1e9ff;color:#7939bf;font-size:12px}
.saved-category-main strong{display:block;font-size:11.5px;color:#332b46;overflow-wrap:anywhere}
.saved-category-main small{display:block;font-size:9.5px;color:#7b7284;margin-top:2px}
.saved-category-actions{display:flex;align-items:center;gap:5px}
.saved-category-actions .btn,.saved-category-rename .btn{font-size:10px!important;min-height:32px!important;padding:5px 8px!important}
.saved-category-actions .btn.danger{color:#b1243e;border:1px solid #f3d6e0;background:#fff7f8}
.category-protected{font-size:9px;color:#7d7885;background:#f3f4f8;border-radius:20px;padding:4px 7px}
.saved-category-rename{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;border-top:1px solid #efe7f7;padding-top:9px}
@media(max-width:400px){
  .reel-category-select-row{grid-template-columns:minmax(0,1fr) auto;gap:5px}
  #uploadManageCategoriesBtn{font-size:10px!important;padding:0 7px!important}
  .reel-bulk-toolbar{gap:5px}
  .reel-bulk-toolbar .btn{padding:5px 7px!important}
  .reel-category-manager-body{padding:9px}
  .saved-category-row{padding:7px}
  .saved-category-actions .btn{padding:5px 6px!important}
}



/* =============================================================
  SHIVSHAHI ONLINE | LIBRARY PREMIUM POLISH 2026.10.09
  Visual styles only. Original IDs, API calls and handlers untouched.
  This module lives inside its own admin iframe.
  ============================================================= */
:root {
  --bg:#f7f3fc;
  --panel:#ffffff;
  --card:#ffffff;
  --ink:#2b1247;
  --text:#2b1247;
  --muted:#756880;
  --purple:#7c4fc4;
  --purple2:#9368d4;
  --purple-deep:#542b8a;
  --gold:#c89b2b;
  --line:#e7dff0;
  --shadow:0 10px 25px rgba(43,18,71,.065),0 2px 7px rgba(43,18,71,.025);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Noto Sans Devanagari",sans-serif;
  color-scheme:light;
}
html,body{
  background:linear-gradient(180deg,#fcfaff 0%,#f7f3fc 64%,#f2ebfa 100%)!important;
  color:#2b1247;
  min-width:0;
}
body{-webkit-tap-highlight-color:transparent}
body :is(button,input,select,textarea){font-family:inherit}
body :is(button,summary){touch-action:manipulation}
body :is(button,input,select,textarea,summary):focus-visible{
  outline:2px solid #7c4fc4!important;
  outline-offset:2px!important;
}
.wrap{min-width:0!important;padding:12px 12px 32px!important}
:is(.hero,.page-head){
  position:relative;
  min-width:0;
  border:1px solid #e5daf0!important;
  border-radius:20px!important;
  background:linear-gradient(132deg,#fff 0%,#fdfbff 66%,#f8f2fe 100%)!important;
  box-shadow:0 13px 31px rgba(43,18,71,.078),0 2px 7px rgba(43,18,71,.028)!important;
  padding:17px 16px!important;
  gap:11px!important;
  margin-bottom:12px!important;
}
:is(.hero,.page-head):before{
  content:"";
  position:absolute;
  top:0;
  left:18px;
  right:18px;
  height:2px;
  background:linear-gradient(90deg,transparent,#d4b05c,#9875d0,transparent);
  border-radius:5px;
  pointer-events:none;
}
.eyebrow{
  color:#5b2b87!important;
  font-size:9px!important;
  letter-spacing:.23em!important;
  font-weight:850!important;
  text-transform:uppercase;
}
:is(.hero,.page-head) h1{
  font-family:Georgia,"Times New Roman",serif!important;
  color:#2b1247!important;
  font-size:clamp(24px,4.9vw,29px)!important;
  font-weight:750!important;
  line-height:1.08!important;
  letter-spacing:-.032em!important;
  margin:5px 0 5px!important;
}
:is(.hero,.page-head) p{
  color:#786a86!important;
  font-size:11.5px!important;
  line-height:1.55!important;
  max-width:48ch;
  margin:0!important;
}
:is(.hero-actions,.head-actions){gap:8px!important}
.btn{
  border:1px solid #e6ddef!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fff,#fbf8fe)!important;
  box-shadow:0 2px 5px rgba(43,18,71,.025);
  color:#4d3668!important;
  min-height:42px!important;
  font-size:11.5px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  line-height:1.35!important;
  transition:background .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.btn:hover:not(:disabled){background:#f3ecfa!important;border-color:#c9b2e2!important;box-shadow:0 5px 13px rgba(73,37,110,.08)}
.btn.primary{
  color:#fff!important;
  border-color:#7043b1!important;
  background:linear-gradient(112deg,#9265d4 0%,#7c4fc4 48%,#542b8a 100%)!important;
  box-shadow:0 8px 16px rgba(84,43,138,.17)!important;
}
.btn.primary:hover:not(:disabled){
  background:linear-gradient(112deg,#8054c5 0%,#7042b8 48%,#4b257f 100%)!important;
  border-color:#644094!important;
  box-shadow:0 9px 19px rgba(84,43,138,.23)!important;
}
.btn.danger{background:#fff7f9!important;color:#b12c47!important;border-color:#efccd4!important}
.btn:disabled{cursor:not-allowed;opacity:.58;box-shadow:none!important}
.icon-btn{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:37px!important;
  height:37px!important;
  padding:0!important;
  border:1px solid #e8def0!important;
  border-radius:12px!important;
  background:#f7f1fc!important;
  color:#5d3a82!important;
  line-height:1!important;
  font-size:21px!important;
}
:is(.mp-tabs,.library-tabs,.entry-tabs){
  display:grid;
  min-width:0;
  gap:6px!important;
  padding:5px!important;
  margin:0 0 12px!important;
  border:1px solid #e7dbf1!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#f2eaf9,#eee4f7)!important;
}
:is(.mp-tab,.library-tab,.entry-tab){
  min-width:0;
  min-height:42px!important;
  border-radius:11px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#62526f!important;
  font-weight:800!important;
  font-size:11.5px!important;
  line-height:1.2;
  text-align:center;
  box-shadow:none!important;
}
:is(.mp-tab.is-active,.library-tab.active,.entry-tab.active){
  color:#fff!important;
  border-color:rgba(84,43,138,.16)!important;
  background:linear-gradient(117deg,#9165d2,#7c4fc4 55%,#613598)!important;
  box-shadow:0 5px 13px rgba(84,43,138,.13)!important;
}
.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0 0 12px!important}
.kpis article,
.report-kpis article{
  position:relative;
  min-width:0;
  border:1px solid #e9e2f1!important;
  border-radius:15px!important;
  background:linear-gradient(140deg,#fff 0%,#fdfbff 100%)!important;
  box-shadow:0 5px 17px rgba(43,18,71,.05)!important;
  padding:13px 14px!important;
}
.kpis article:before{
  content:"";
  position:absolute;
  top:12px;
  bottom:12px;
  left:0;
  border-left:3px solid #c5a7e5;
  border-radius:0 3px 3px 0;
}
.kpis article:nth-child(2):before{border-color:#9ecfb1}
.kpis article:nth-child(3):before{border-color:#d7b96e}
.kpis article:nth-child(4):before{border-color:#baa7d7}
.kpis small,.report-kpis small{
  display:block;
  color:#796b87!important;
  font-size:10.5px!important;
  font-weight:720!important;
  line-height:1.3;
}
.kpis strong,.report-kpis strong{
  display:block;
  color:#2b1247!important;
  font-weight:850!important;
  font-size:clamp(21px,5.1vw,26px)!important;
  letter-spacing:-.03em;
  line-height:1.1!important;
  margin-top:6px!important;
  overflow-wrap:anywhere;
}
:is(.card,.panel){
  min-width:0;
  border:1px solid #eae2f2!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 21px rgba(43,18,71,.045)!important;
}
:is(.card-head,.panel-head) h2,
.mp-report h2,
.report-panel h2{
  color:#2b1247!important;
  font-size:16px!important;
  letter-spacing:-.018em;
  line-height:1.25;
}
:is(.card-head,.panel-head) p,
.mp-report-head p,
.report-panel p{
  color:#796e86!important;
  font-size:11px!important;
  line-height:1.5!important;
}
:is(.upload-panel,.add-panel){
  border-color:#decfea!important;
  background:linear-gradient(180deg,#fff,#fffdff)!important;
  box-shadow:0 11px 25px rgba(69,34,105,.07)!important;
}
:is(.field,.field-group){min-width:0}
.field span,
.field > label,
.field-group > label{
  color:#453154!important;
  font-weight:800!important;
  font-size:11.5px!important;
  line-height:1.3!important;
}
.field small{color:#83788c!important;font-size:10.5px!important;line-height:1.45!important}
:is(.field input,.field textarea,.field select,.toolbar input,.toolbar select,.mp-report select,.mp-report input){
  min-width:0;
  border-radius:12px!important;
  border:1px solid #e3d8eb!important;
  background:linear-gradient(180deg,#fff,#fcf9fe)!important;
  color:#2b1247!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset;
  font-size:15px!important;
}
:is(.field input,.field textarea,.field select,.toolbar input,.toolbar select,.mp-report select,.mp-report input):focus{
  border-color:#9672ce!important;
  box-shadow:0 0 0 3px rgba(124,79,196,.10)!important;
  outline:0;
}
:is(input,textarea)::placeholder{color:#968ba3!important;opacity:1}
:is(.toolbar,.toolbar-v3){
  min-width:0;
  padding:11px!important;
  margin:0 0 11px!important;
  background:linear-gradient(135deg,#fff,#fbf8ff)!important;
  border:1px solid #e9e0f1!important;
  border-radius:15px!important;
  box-shadow:0 3px 11px rgba(43,18,71,.028);
}
:is(.toolbar,.toolbar-v3) :is(input,select){width:100%;min-height:42px!important}
:is(.status-box,.mp-report-info,.mp-report .mp-report-info){
  border-radius:12px!important;
  border-color:#e1d7ed!important;
  background:#f7f2fc!important;
  color:#645276!important;
  font-size:11px!important;
  line-height:1.5!important;
}
:is(.status-box.ok,.status-box.ready){background:#effbf3!important;color:#237148!important;border-color:#cce8d7!important}
:is(.status-box.bad,.status-box.error){background:#fff4f5!important;color:#ac364b!important;border-color:#f0d3d8!important}
:is(.reel-card,.post-card,.link-card){
  min-width:0!important;
  border:1px solid #e7def0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 4px 13px rgba(43,18,71,.055)!important;
  transition:box-shadow .15s ease,border-color .15s ease;
}
:is(.reel-card,.post-card,.link-card):hover{
  border-color:#cdb9e5!important;
  box-shadow:0 9px 22px rgba(84,43,138,.105)!important;
}
:is(.reel-card,.post-card,.link-card) h3{
  color:#312040!important;
  font-weight:850!important;
  letter-spacing:-.015em;
}
:is(.reel-card,.post-card,.link-card) :is(.thumb,.tile-cover){
  background-color:#eadff3;
}
:is(.reel-card,.post-card,.link-card) .meta{color:#807388!important}
:is(.dialog){
  max-width:calc(100vw - 12px)!important;
  border:1px solid #e5d9ee!important;
  border-radius:19px!important;
  background:#fff!important;
  color:#2b1247!important;
  box-shadow:0 28px 68px rgba(30,12,53,.23)!important;
}
dialog::backdrop{background:rgba(35,19,57,.42)!important;backdrop-filter:blur(2px)}
.dialog-head{
  background:linear-gradient(125deg,#fff,#faf5ff)!important;
  border-bottom:1px solid #eee4f4!important;
  color:#342044!important;
}
.dialog-head strong{color:#2b1247!important;font-size:15px!important}
.dialog-head small{color:#7d6f8a!important}
:is(.form-actions,.dialog-actions){gap:8px!important}
:is(.check,.check-emphasis) input[type=checkbox]{accent-color:#7c4fc4}
:is(.mp-report,.report-panel){
  border:1px solid #e6dcf0!important;
  background:#fff!important;
  border-radius:16px!important;
  box-shadow:0 7px 20px rgba(43,18,71,.045)!important;
}
.mp-report .mp-stat{
  border:1px solid #e6dff0!important;
  border-radius:12px!important;
  background:#faf7fe!important;
  box-shadow:0 2px 5px rgba(43,18,71,.02);
}
.mp-report .mp-stat strong{color:#2b1247!important}
.mp-report .mp-entry{
  border-color:#e5def0!important;
  border-radius:12px!important;
  box-shadow:0 2px 8px rgba(43,18,71,.028);
}
.mp-report .mp-entry[open]{background:#fdfbff!important;border-color:#cfb9e7!important}
.mp-report .mp-entry-stats span{background:#f7f2fc!important;border-radius:9px!important}
.mp-report .mp-entry-stats span strong{color:#43235e!important}
.mp-report .mp-export{min-height:38px!important;color:#613598!important;border:1px solid #e1d3ee!important}
:where(.upload-more,.advanced-options){border:1px solid #e7dbf1!important;border-radius:13px!important;background:#fbf8fe!important}
:where(.upload-more,.advanced-options) summary{color:#5d358e!important;font-weight:830!important}
:where(.upload-more,.advanced-options)[open]{background:#fff!important;border-color:#cdb8e4!important}
@media(max-width:480px){
  :is(.hero,.page-head){padding:14px 13px!important}
  :is(.hero,.page-head) h1{font-size:23px!important}
  .kpis{gap:7px!important}
  .kpis article{padding:11px 12px!important}
  .kpis strong{font-size:21px!important}
  :is(.mp-report,.report-panel){padding:11px!important}
  :is(.mp-tab,.library-tab,.entry-tab){font-size:11px!important;padding:9px 6px!important}
}
@media(prefers-reduced-motion:reduce){
  :is(.btn,.reel-card,.post-card,.link-card){transition:none!important}
}



/* Reels: keep the owner's four-cover grid and all cover/category/report flows. */
.wrap{max-width:600px!important}
.reels-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  align-items:start!important;
}
.reel-card{overflow:visible!important}
.reel-card .thumb{border-radius:13px 13px 0 0!important;overflow:hidden}
.reel-card .thumb .pill{border-radius:8px!important;font-weight:850!important}
.reel-card .card-body{padding:8px!important;min-width:0!important}
.reel-card .card-body h3{font-size:10.5px!important;line-height:1.25!important}
.reel-card .card-body .meta{font-size:9px!important}
.reel-card .reel-category-label{color:#7346ad!important;font-size:9px!important}
.reel-bulk-toolbar,.category-add-form{
  border-color:#dfd0ec!important;
  background:#faf6ff!important;
  border-radius:13px!important;
}
.reel-bulk-top .btn,#uploadManageCategoriesBtn,.category-manager-open{
  color:#654098!important;
  border-color:#ddcbed!important;
  background:#f3ecfb!important;
}
#bulkToggleBtn[aria-pressed="true"]{background:linear-gradient(118deg,#8e60d2,#63379e)!important;color:#fff!important}
.reel-category-select-row select,#bulkCategory,.category-add-row input,.saved-category-rename input{
  border:1px solid #e1d5ec!important;
  background:#fff!important;
  color:#2b1247!important;
  border-radius:12px!important;
}
.saved-category-row{border:1px solid #ebe1f3!important;border-radius:13px!important;background:#fff!important}
.saved-category-icon{background:#f1e7fb!important;color:#66409a!important}
.reel-category-manager-body{background:#fff!important}
.cover-picker,.cover-crop-editor,.video-preview-panel{
  border-color:#e4d9ee!important;
  border-radius:14px!important;
  background:#faf7fe!important;
}
.reel-video-dropzone,.cover-upload-label{border-radius:13px!important}
.upload-progress{border-color:#e1d6ed!important;border-radius:13px!important;background:#faf7ff!important}
.upload-progress .bar{border-radius:20px!important;background:#e8dcf3!important}
.upload-progress .bar i{background:linear-gradient(90deg,#9368d4,#613598)!important}
.mp-report .mp-stat.mp-posted{background:#f0fbf3!important;border-color:#c9e8d2!important}
.mp-report .mp-stat.mp-pending{background:#fff9ee!important;border-color:#f0e2ba!important}
@media(max-width:360px){
  .reels-grid{gap:4px!important}
  .reel-card .card-body{padding:6px!important}
  .reel-card .card-body h3{font-size:9.5px!important}
  .reel-card .reel-category-label{font-size:8.5px!important}
  .reel-bulk-toolbar{gap:5px!important}
}


/* SHIVSHAHI REELS UPLOADER V2.7: compact and no native video menu in the small preview. */
#uploadPanel{min-width:0;max-width:100%;overflow:visible}
#uploadPanel .form-grid{min-width:0;gap:12px}
#uploadPanel .field{min-width:0}
.reel-upload-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 15px;min-width:0}
.reel-upload-steps span{display:flex;align-items:center;gap:5px;min-width:0;padding:8px 7px;border-radius:10px;background:#f7f1fd;border:1px solid #eadcf6;color:#5a3679;font-size:10px;font-weight:800;line-height:1.2}
.reel-upload-steps b{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;background:#7344b2;color:#fff;font-size:10px}
#uploadPanel .video-preview-panel{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;padding:11px;min-width:0;max-width:100%;overflow:hidden}
#uploadPanel .video-preview-panel[hidden]{display:none!important}
#uploadPanel #selectedVideoPreview{display:block;width:76px;max-width:76px;height:114px;object-fit:contain;background:#1c1029;border-radius:9px;pointer-events:none}
#uploadPanel .video-preview-info{min-width:0;overflow-wrap:anywhere;word-break:normal}
#uploadPanel .video-preview-info strong{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
#uploadPanel .video-preview-info span{font-size:11px;line-height:1.45}
#uploadPanel .selected-preview-open{justify-self:start;width:auto!important;min-height:35px!important;height:35px!important;padding:0 11px!important;background:#fff!important;border:1px solid #dbc8ed!important;color:#61399a!important;font-size:11px!important}
.selected-video-dialog{width:min(420px,calc(100% - 18px))!important;max-height:94dvh!important;overflow:hidden!important}
.selected-video-dialog video{display:block;width:100%;height:auto;max-height:72dvh;aspect-ratio:9/16;object-fit:contain;background:#1d102b}
#uploadPanel .auto-cover-field{min-width:0}
#uploadPanel .auto-cover-field>.cover-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
#uploadPanel .auto-cover-field .cover-required-chip{white-space:nowrap;background:#ecfbf0!important;border:1px solid #c7edce!important;color:#237043!important}
.auto-cover-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:7px 0 9px}
#autoCoverStatus{flex:1 1 190px;min-width:0;font-size:11px;line-height:1.45;color:#6e5d7a;overflow-wrap:anywhere}
#autoCoverStatus.is-ready{color:#167d49;font-weight:800}
#autoCoverStatus.is-error{color:#ab2442;font-weight:800}
#changeUploadCoverBtn{flex:0 0 auto;min-height:34px!important;height:auto!important;padding:7px 10px!important;border:1px solid #d9c6e9!important;background:#f6effd!important;color:#60378c!important;border-radius:10px!important;font-size:11px!important}
#changeUploadCoverBtn:disabled{opacity:.5}
#uploadCoverPicker{max-width:100%;min-width:0}
#uploadCoverPicker:not(.manual-open) .cover-methods,#uploadCoverPicker:not(.manual-open) [data-cover-panel],#uploadCoverPicker:not(.manual-open) .cover-crop-editor{display:none!important}
#uploadCoverPicker:not(.manual-open) .cover-picker-help{display:none!important}
#uploadCoverPicker .cover-selected{margin:0!important;min-width:0}
#uploadCoverPicker .cover-selected-preview{flex-shrink:0}
#uploadCoverPicker .cover-selected-text{min-width:0;overflow-wrap:anywhere}
#uploadPanel .form-actions{position:sticky;bottom:max(0px,env(safe-area-inset-bottom));z-index:5;justify-content:flex-end;gap:8px;margin-top:7px;padding:9px 7px;background:rgba(255,255,255,.97);border-top:1px solid #e9dff1;border-radius:0 0 13px 13px;box-shadow:0 -6px 14px rgba(55,25,79,.045)}
#uploadPanel #uploadSubmitBtn{font-weight:900!important;min-height:44px!important}
#uploadPanel #uploadSubmitBtn:disabled{cursor:not-allowed}
#uploadPanel [hidden]{display:none!important}
@media(max-width:480px){
  #uploadPanel{padding:12px!important}
  #uploadPanel .card-head h2{font-size:17px!important}
  .reel-upload-steps{gap:4px;margin-bottom:10px}
  .reel-upload-steps span{gap:4px;padding:7px 5px;font-size:9px}
  .reel-upload-steps b{flex-basis:17px;width:17px;height:17px;font-size:9px}
  #uploadPanel .video-preview-panel{grid-template-columns:68px minmax(0,1fr);gap:9px;padding:9px}
  #uploadPanel #selectedVideoPreview{width:68px;max-width:68px;height:105px}
  .auto-cover-actions{align-items:flex-start}
  #autoCoverStatus{flex:1 1 120px;font-size:10px}
  .selected-video-dialog{inset:auto 5px 6px;max-height:92dvh!important;margin:auto;width:calc(100% - 10px)!important}
}
@media(max-width:350px){
  .reel-upload-steps{grid-template-columns:1fr 1fr 1fr}
  .reel-upload-steps span{font-size:8px;flex-direction:column;align-items:center;text-align:center}
}