:root{
  --bg:#f6f7fb;--card:#fff;--line:#e5e7ef;--line2:#eef0f5;--text:#151927;--muted:#6f7688;
  --purple:#6f2bd5;--purple2:#8b4ee8;--purple-soft:#f2ebff;--green:#12a447;--green-soft:#eaf8ef;
  --orange:#f28c18;--orange-soft:#fff4e6;--red:#ef334e;--red-soft:#ffedf0;--blue:#246bfe;--blue-soft:#eaf2ff;
  --shadow:0 8px 22px rgba(26,31,50,.06);--radius:16px;--header-h:72px;--nav-h:58px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.ok-text{color:var(--green)!important}.danger-text{color:var(--red)!important}
.admin-shell{min-height:100vh;width:100%;display:flex;flex-direction:column}.admin-header{height:var(--header-h);position:sticky;top:0;z-index:50;display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1.2fr) auto;align-items:center;padding:0 28px;background:#fff;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:baseline;gap:8px;width:max-content}.brand-main{font-weight:900;letter-spacing:-.02em;color:var(--purple);font-size:22px}.brand-sub{font-weight:700;color:#687084;font-size:20px}.header-center{display:flex;justify-content:center}.system-pill{height:34px;border:1px solid var(--line);background:#fafbfe;color:var(--muted);border-radius:999px;padding:0 14px;display:flex;align-items:center;gap:8px}.system-pill i{width:8px;height:8px;border-radius:50%;background:#a8afbd}.system-pill.ok i{background:var(--green)}.system-pill.warn i{background:var(--orange)}.system-pill.critical i{background:var(--red)}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.icon-btn{height:38px;min-width:38px;border:1px solid transparent;background:transparent;border-radius:10px;color:#3e4658}.icon-btn:hover{background:#f2f4f8}.notice-btn{position:relative}.notice-btn b{position:absolute;right:0;top:0;min-width:16px;height:16px;border-radius:8px;background:var(--red);color:#fff;font-size:10px;line-height:16px}.owner-chip{border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:12px;text-align:left}.owner-chip:hover{background:#f7f5fb}.owner-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-weight:900;border:1px solid #dfd0ff}.owner-chip b,.owner-chip small{display:block}.owner-chip small{font-size:11px;color:var(--muted);margin-top:2px}.logout-btn{border:1px solid var(--line);background:#fff;color:#434a5d;border-radius:10px;height:36px;padding:0 12px}.logout-btn:hover{border-color:#f2a6b2;color:var(--red)}
.top-nav{height:var(--nav-h);position:sticky;top:var(--header-h);z-index:45;display:flex;align-items:stretch;gap:3px;padding:0 20px;background:#fff;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.top-nav button,.top-nav a{border:0;border-bottom:3px solid transparent;background:transparent;color:#31394b;padding:0 15px;display:flex;align-items:center;gap:8px;font-weight:650}.top-nav button span,.top-nav a span{font-size:17px;color:#5d6576}.top-nav button:hover,.top-nav a:hover{background:#faf8ff;color:var(--purple)}.top-nav button.active,.top-nav a.active{color:var(--purple);border-bottom-color:var(--purple);background:linear-gradient(180deg,#fff 0,#faf7ff 100%)}.top-nav button.active span,.top-nav a.active span{color:var(--purple)}
.main-content{flex:1;width:100%;padding:26px 30px 34px}.page{display:none;width:100%}.page.active{display:block}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head h1{margin:0;font-size:25px;letter-spacing:-.02em}.page-head p{margin:5px 0 0;color:var(--muted)}.head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.date-chip{height:38px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--line);background:#fff;border-radius:10px;color:#4b5365}.btn{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#333b4d;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{background:#f7f8fb}.btn.primary{background:var(--purple);color:#fff;border-color:var(--purple)}.btn.primary:hover{background:#5f20c2}.btn.danger{background:var(--red);color:#fff;border-color:var(--red)}.btn.danger-outline{border-color:#f2a6b2;color:var(--red);background:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.link-btn{border:0;background:transparent;color:var(--purple);font-weight:700;padding:4px 2px}.link-btn:hover{text-decoration:underline}
.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:15px;min-height:120px;box-shadow:var(--shadow)}.kpi-icon{width:54px;height:54px;border-radius:13px;display:grid;place-items:center;font-size:24px;font-weight:900;flex:0 0 auto}.kpi-icon.purple{background:var(--purple-soft);color:var(--purple)}.kpi-icon.green{background:var(--green-soft);color:var(--green)}.kpi-icon.orange{background:var(--orange-soft);color:var(--orange)}.kpi-icon.red{background:var(--red-soft);color:var(--red)}.kpi-icon.blue{background:var(--blue-soft);color:var(--blue)}.kpi-card small,.kpi-card em{display:block}.kpi-card small{color:var(--muted);font-weight:650}.kpi-card strong{display:block;font-size:27px;margin:3px 0 4px}.kpi-card em{font-style:normal;color:var(--muted);font-size:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h2,.card h2{margin:0;font-size:16px;letter-spacing:-.01em}.dashboard-grid{display:grid;grid-template-columns:1.15fr 1.1fr 1fr;gap:14px}.recent-card,.live-card,.quick-card{min-height:245px}.system-card,.storage-card,.services-card{min-height:320px}
.metric-list>div{display:grid;grid-template-columns:150px minmax(70px,1fr) 105px;align-items:center;gap:10px;min-height:39px;border-bottom:1px solid var(--line2)}.metric-list>div:last-child{border-bottom:0}.metric-list span{color:#586174}.metric-list b{text-align:right;font-size:12px}.mini-progress{height:5px;background:#edf0f5;border-radius:999px;overflow:hidden}.mini-progress i{display:block;width:0;height:100%;background:var(--green);border-radius:999px;transition:width .35s ease}.mini-progress.warn i{background:var(--orange)}.mini-progress.blue i{background:var(--blue)}.metric-spark{height:20px;position:relative}.metric-spark:before,.metric-spark:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--purple);opacity:.75;transform:skewY(-8deg)}.metric-spark:before{top:8px}.metric-spark:after{top:12px;opacity:.25}
.storage-visual{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:18px;min-height:210px}.donut{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--purple) 0 55%,#e8e9f0 55% 100%);position:relative}.donut:after{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:#fff}.donut>div{position:relative;z-index:2;text-align:center}.donut strong{display:block;font-size:30px}.donut small{display:block;color:var(--muted);margin-top:3px}.storage-legend{display:grid;gap:9px}.storage-legend div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:12px}.storage-legend i{width:8px;height:8px;border-radius:50%}.storage-total{border-top:1px solid var(--line2);padding-top:14px;display:flex;justify-content:space-between;color:#4c5465}.storage-total b{margin-left:8px}
.service-list{display:grid}.service-row{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;min-height:42px;border-bottom:1px solid var(--line2)}.service-row:last-child{border-bottom:0}.service-row i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#f4f6fa;font-style:normal}.status-text{font-size:12px;font-weight:750}.status-text.ok{color:var(--green)}.status-text.warn{color:var(--orange)}.status-text.bad{color:var(--red)}
.recent-list{display:grid;gap:8px}.recent-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line2)}.recent-item:last-child{border:0}.recent-item b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item small{color:var(--muted);display:block;margin-top:3px}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;background:#f1f3f7;color:#596174;font-size:11px;font-weight:800}.status-badge.ok,.status-badge.published,.status-badge.active{background:var(--green-soft);color:var(--green)}.status-badge.failed,.status-badge.error,.status-badge.offline{background:var(--red-soft);color:var(--red)}.status-badge.scheduled,.status-badge.queued,.status-badge.warning{background:var(--orange-soft);color:var(--orange)}.status-badge.draft{background:#eef0f4;color:#626a79}.status-badge.live{background:var(--red-soft);color:var(--red)}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-grid button{min-height:82px;border:1px solid var(--line);background:#fafbfe;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:700}.quick-grid button:hover{border-color:#cfb5f7;background:#faf7ff;color:var(--purple)}.quick-grid span{font-size:23px}
.subtabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px;background:#eceef4;padding:4px;border-radius:12px;width:max-content;max-width:100%}.subtabs button{border:0;background:transparent;color:#596174;border-radius:8px;padding:8px 13px;font-weight:700}.subtabs button.active{background:#fff;color:var(--purple);box-shadow:0 2px 8px rgba(28,31,44,.08)}.tab-panel{display:none}.tab-panel.active{display:block}.table-card{padding:0;overflow:hidden}.table-toolbar{min-height:58px;padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.search-input{height:38px;min-width:260px;max-width:420px;width:100%;border:1px solid var(--line);border-radius:10px;padding:0 12px;outline:none;background:#fbfcfe}.search-input:focus{border-color:#b995ef;box-shadow:0 0 0 3px #f1e9ff}.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line2);vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#7a8190;background:#fbfcfe;position:sticky;top:0;z-index:1}td{color:#363e50}tbody tr:hover{background:#fcfbff}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.tiny-btn{height:30px;padding:0 9px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:700}.tiny-btn:hover{border-color:#c9b0ef;color:var(--purple)}.tiny-btn.danger{border-color:#f1b8c1;color:var(--red)}.user-cell b,.media-cell b{display:block}.user-cell small,.media-cell small{display:block;color:var(--muted);margin-top:3px}.loading-row,.empty-row{padding:24px;color:var(--muted);text-align:center}
.task-list{display:grid;gap:10px}.task-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:14px}.task-card h3{font-size:14px;margin:0 0 5px}.task-card p{margin:0 0 6px;color:#5d6576}.task-card small{color:var(--muted)}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.permission-group{border:1px solid var(--line);border-radius:12px;padding:14px}.permission-group h3{margin:0 0 10px;font-size:14px}.permission-chip{display:inline-flex;padding:5px 8px;background:#f4f2f9;border-radius:7px;margin:3px;font-size:11px;color:#555d6d}.audit-list{display:grid;gap:8px;max-height:520px;overflow:auto}.audit-row{padding:11px;border:1px solid var(--line2);border-radius:10px;background:#fcfcfe}.audit-row b{display:block;font-size:12px}.audit-row small{display:block;color:var(--muted);margin-top:3px}.audit-row code{display:block;margin-top:6px;color:#62697a;white-space:pre-wrap;word-break:break-word;font-size:10px}
.summary-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.summary-chip{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fafbfe}.summary-chip b{margin-left:5px}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.integration-card{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center}.integration-logo{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:900}.integration-logo.fb{background:#1877f2}.integration-logo.yt{background:#ff0033}.integration-card h2{margin:0}.integration-card p{margin:4px 0 0;color:var(--muted)}.integration-body{grid-column:1/-1;border-top:1px solid var(--line2);padding-top:12px}.page-list{display:flex;gap:8px;flex-wrap:wrap}.page-chip{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fafbfe}.live-session-panel{min-height:100px}.live-session-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.live-session-grid>div{border:1px solid var(--line);border-radius:10px;padding:12px}.live-session-grid small{display:block;color:var(--muted);margin-bottom:5px}
.analytics-kpis,.system-kpis,.security-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.analytics-kpi,.metric-card,.security-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow)}.analytics-kpi small,.metric-card small,.security-kpi small{display:block;color:var(--muted)}.analytics-kpi strong,.metric-card strong,.security-kpi strong{display:block;font-size:25px;margin:5px 0}.metric-card span{font-size:11px;color:var(--muted)}.big-progress{height:7px;background:#edf0f5;border-radius:999px;overflow:hidden;margin:10px 0 7px}.big-progress i{display:block;width:0;height:100%;background:var(--green);border-radius:999px}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.bar-list{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:150px minmax(80px,1fr) 80px;gap:9px;align-items:center}.bar-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:9px;background:#eef0f5;border-radius:999px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--purple2));border-radius:999px}.bar-row b{text-align:right;font-size:12px}.chart-canvas{width:100%;height:260px;display:block}.chart-canvas.wide{height:300px}.system-detail-grid{grid-template-columns:1.1fr .9fr}.guard-box{border:1px solid var(--line);border-radius:12px;padding:18px}.guard-box strong{display:block;font-size:22px;margin-bottom:4px}.guard-box p{margin:5px 0;color:var(--muted)}.guard-box.normal{background:var(--green-soft);border-color:#c9ecd5}.guard-box.warning,.guard-box.cleanup{background:var(--orange-soft);border-color:#f8d3a6}.guard-box.critical{background:var(--red-soft);border-color:#f3bcc4}.guard-scale{height:44px;position:relative;margin-top:15px;background:linear-gradient(90deg,#bfeacb 0 70%,#ffe2b4 70% 80%,#ffc59d 80% 90%,#f9a8b4 90%);border-radius:10px}.guard-scale i{position:absolute;top:-4px;width:3px;height:52px;background:#1f2430;left:0;transition:left .3s}.guard-scale span{position:absolute;bottom:-18px;font-size:10px;color:var(--muted)}.guard-scale span:nth-of-type(1){left:0}.guard-scale span:nth-of-type(2){left:68%}.guard-scale span:nth-of-type(3){left:78%}.guard-scale span:nth-of-type(4){left:88%}.guard-scale span:nth-of-type(5){right:0}
.policy-list,.settings-list{display:grid}.policy-list>div,.settings-list>div{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:44px;border-bottom:1px solid var(--line2)}.policy-list>div:last-child,.settings-list>div:last-child{border:0}.cleanup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cleanup-option{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.cleanup-option input{margin-top:3px}.cleanup-option b{display:block}.cleanup-option small{display:block;color:var(--muted);margin-top:4px}.cleanup-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-grid .card h2{margin-bottom:10px}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(18,20,28,.45);display:grid;place-items:center;padding:20px}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(12,14,20,.28)}.modal-head{height:62px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-field{display:grid;gap:6px}.form-field.full{grid-column:1/-1}.form-field label{font-size:12px;font-weight:750;color:#555e70}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;outline:none;background:#fff}.form-field textarea{min-height:110px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#b995ef;box-shadow:0 0 0 3px #f1e9ff}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.check-row{display:flex;align-items:center;gap:8px}.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:130;display:grid;gap:8px}.toast{min-width:260px;max-width:420px;background:#222836;color:#fff;border-radius:11px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.toast.error{background:#7f1524}.toast.success{background:#0d6f34}.admin-footer{height:50px;padding:0 30px;border-top:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}
@media (min-width:1900px){.main-content{padding-left:40px;padding-right:40px}.kpi-grid,.dashboard-grid,.two-col-grid,.system-kpis,.analytics-kpis{gap:16px}}
@media (max-width:1500px){.admin-header{grid-template-columns:220px 1fr auto;padding:0 18px}.top-nav{padding:0 10px}.top-nav button,.top-nav a{padding:0 11px}.main-content{padding:22px 20px}.dashboard-grid{grid-template-columns:1fr 1fr}.services-card{grid-column:auto}.kpi-grid{grid-template-columns:repeat(5,minmax(160px,1fr));overflow-x:auto;padding-bottom:4px}.kpi-card{min-width:175px}.analytics-kpis,.system-kpis,.security-summary{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto}.metric-card{min-width:160px}}
@media (max-width:1000px){:root{--header-h:64px;--nav-h:54px}.admin-header{grid-template-columns:1fr auto}.header-center{display:none}.brand-main{font-size:19px}.brand-sub{font-size:17px}.owner-chip span:last-child,.logout-btn{display:none}.main-content{padding:18px 14px}.dashboard-grid,.two-col-grid,.integration-grid,.settings-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(5,175px)}.permission-grid{grid-template-columns:1fr 1fr}.live-session-grid{grid-template-columns:1fr 1fr}.cleanup-grid{grid-template-columns:1fr 1fr}.system-detail-grid{grid-template-columns:1fr}}
@media (max-width:650px){.admin-header{padding:0 10px}.brand-sub{display:none}.header-actions{gap:2px}.owner-avatar{width:34px;height:34px}.top-nav{padding:0 6px}.top-nav button,.top-nav a{padding:0 10px;font-size:12px}.page-head{display:block}.head-actions{margin-top:12px}.kpi-grid{grid-template-columns:repeat(5,160px)}.kpi-card{padding:14px;min-height:105px}.kpi-icon{width:44px;height:44px}.dashboard-grid{grid-template-columns:1fr}.storage-visual{grid-template-columns:1fr}.donut{margin:auto}.metric-list>div{grid-template-columns:125px 1fr 85px}.quick-grid{grid-template-columns:1fr 1fr}.permission-grid,.cleanup-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-field.full,.form-actions{grid-column:1}.live-session-grid{grid-template-columns:1fr}.table-toolbar{flex-wrap:wrap}.search-input{min-width:100%}.admin-footer{padding:0 14px}}

/* shivshahi-admin-click-fix-v129-2 */
.top-nav a{border:0;border-bottom:3px solid transparent;background:transparent;color:#31394b;padding:0 15px;display:flex;align-items:center;gap:8px;font-weight:650;text-decoration:none;cursor:pointer;user-select:none}
.top-nav a:focus-visible,.btn:focus-visible,.link-btn:focus-visible,.icon-btn:focus-visible,.owner-chip:focus-visible,.logout-btn:focus-visible,.clickable-card:focus-visible{outline:3px solid #d9c1ff;outline-offset:2px}
.clickable-card{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.clickable-card:hover{transform:translateY(-1px);border-color:#d9c8f4;box-shadow:0 10px 26px rgba(52,30,94,.09)}
.admin-header,.top-nav,.main-content{pointer-events:auto}.modal-backdrop.hidden{pointer-events:none}.modal-backdrop:not(.hidden){pointer-events:auto}

/* ===== v130 Deep VPS Storage Scan ===== */
.deep-storage-card{margin-bottom:14px}.deep-storage-card .card-head p{margin:4px 0 0}.deep-storage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.deep-storage-kpis>div{border:1px solid var(--line);border-radius:13px;padding:14px;background:#fbfbfe}.deep-storage-kpis small{display:block;color:var(--muted);font-size:11px}.deep-storage-kpis strong{display:block;font-size:23px;margin:4px 0;color:var(--text)}.deep-storage-kpis span{display:block;color:var(--muted);font-size:11px;line-height:1.4}.deep-storage-note{border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:#f8f9fc;color:var(--muted);font-size:12px;margin-bottom:14px}.deep-storage-note.ok{background:var(--green-soft);border-color:#c9ecd5;color:#14723b}.deep-storage-note.warn{background:var(--orange-soft);border-color:#f8d3a6;color:#9a5a00}.deep-root-bars{padding-top:2px}.deep-bar-row>span{display:flex;flex-direction:column;min-width:0}.deep-bar-row>span b{font-size:12px}.deep-bar-row>span small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deep-storage-meta{display:grid;gap:7px;border-top:1px solid var(--line2);margin-top:15px;padding-top:13px}.deep-storage-meta>div{display:flex;gap:10px;justify-content:space-between;font-size:11px;color:var(--muted)}.deep-storage-meta b{color:var(--text);white-space:nowrap}.deep-storage-meta .safe-note{display:block;background:var(--green-soft);border:1px solid #c9ecd5;border-radius:10px;padding:10px;color:#26663f}
@media (max-width:1000px){.deep-storage-kpis{grid-template-columns:1fr 1fr}.deep-storage-meta>div{display:block}.deep-storage-meta b{display:block;margin-bottom:3px}}
@media (max-width:650px){.deep-storage-kpis{grid-template-columns:1fr}.deep-bar-row{grid-template-columns:105px minmax(70px,1fr) 65px}}
/* shivshahi-v133 cleanup diagnostics + storage inspector */
.cleanup-result{display:none;margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.45;background:#f8f9fc;color:#434a5d}.cleanup-result.show{display:block}.cleanup-result.ok{background:var(--green-soft);border-color:#c9ecd5;color:#176b39}.cleanup-result.warn{background:var(--orange-soft);border-color:#f8d3a6;color:#8a4b08}.cleanup-result.bad{background:var(--red-soft);border-color:#f3bcc4;color:#9d2636}.cleanup-actions .btn.busy{pointer-events:none;opacity:.7}.root-inspector{margin-top:16px;padding-top:14px;border-top:1px solid var(--line2)}.card-head.compact{margin-bottom:10px}.card-head.compact h3{margin:0;font-size:15px}.card-head.compact p{margin:3px 0 0}.root-inspector .bar-row{grid-template-columns:180px minmax(80px,1fr) 90px}

/* Shivshahi v134 storage inspector */
.inspector-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line2)}.inspector-subgrid h4{margin:0 0 9px;font-size:12px}.compact-bars .bar-row{grid-template-columns:minmax(150px,240px) minmax(90px,1fr) 80px}.compact-bars .bar-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cleanup-actions .btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:950px){.inspector-subgrid{grid-template-columns:1fr}}

.cleanup-help{margin-top:10px;padding:9px 11px;border:1px solid var(--line2);border-radius:10px;background:#fafbfe;color:var(--muted);font-size:11px;line-height:1.5}.cleanup-progress{margin-top:10px;padding:10px 12px;border:1px solid #e1d5fb;border-radius:10px;background:#faf7ff}.cleanup-progress.hidden{display:none}.cleanup-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#4d4760}.cleanup-progress-track{height:7px;margin-top:7px;background:#ece8f5;border-radius:999px;overflow:hidden}.cleanup-progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--purple2));border-radius:999px;transition:width .25s ease}
/* shivshahi-cleanup-progress-ui-v134-1 */

/* Shivshahi Live Intelligence v141 */
.live-analytics-card{margin-top:14px}.live-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 14px}.live-filter-grid label{display:grid;gap:6px}.live-filter-grid label span{font-size:11px;font-weight:750;color:var(--muted)}.live-filter-grid input,.live-filter-grid select{height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;color:var(--text);outline:none}.live-filter-grid input:focus,.live-filter-grid select:focus{border-color:#b995ef;box-shadow:0 0 0 3px #f1e9ff}.live-analytics-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.live-analytics-kpi{border:1px solid var(--line);border-radius:13px;background:#fbfbfe;padding:13px}.live-analytics-kpi small{display:block;color:var(--muted);font-size:11px}.live-analytics-kpi strong{display:block;font-size:21px;margin-top:4px}.live-analytics-kpi em{display:block;font-style:normal;color:var(--muted);font-size:10px;margin-top:2px}.live-analytics-grid{margin-top:14px}.live-history-card,.live-delete-card{margin-top:14px}.platform-stack{display:grid;gap:3px}.platform-stack b{font-size:12px}.platform-stack small{font-size:10px;color:var(--muted)}.live-user-cell b{display:block}.live-user-cell small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.live-delete-card{border-color:#f4c4cb}.live-delete-card .card-head{align-items:flex-start}.live-delete-card .deep-storage-note{margin:0}.live-now-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:5px;box-shadow:0 0 0 4px rgba(239,51,78,.10)}
@media(max-width:1300px){.live-analytics-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.live-analytics-grid{grid-template-columns:1fr}}
@media(max-width:650px){.live-filter-grid{grid-template-columns:1fr}.live-analytics-kpis{grid-template-columns:1fr 1fr}.live-delete-card .card-head{display:block}.live-delete-card .btn{margin-top:10px;width:100%}}

/* v155 Identity & Access Control */
.identity-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.identity-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.identity-kpi small{display:block;color:var(--muted);font-size:11px}.identity-kpi strong{display:block;font-size:24px;margin-top:4px}.identity-kpi.risk strong{color:var(--red)}.identity-head-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.identity-head-card h2{margin:0 0 4px}.compact-select{height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;color:#333b4c}.risk-pill{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:25px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase}.risk-pill.low{background:var(--green-soft);color:var(--green)}.risk-pill.medium{background:var(--orange-soft);color:var(--orange)}.risk-pill.high{background:var(--red-soft);color:var(--red)}.identity-origin{display:grid;gap:3px}.identity-origin small{color:var(--muted)}.identity-detail{display:grid;gap:14px}.identity-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.identity-detail-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfcfe}.identity-detail-card small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.identity-detail-card b{display:block;margin-top:4px;overflow-wrap:anywhere}.identity-section{border:1px solid var(--line);border-radius:14px;padding:14px}.identity-section h3{margin:0 0 10px;font-size:14px}.identity-list{display:grid;gap:8px}.identity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line2)}.identity-row:last-child{border-bottom:0}.identity-row b{display:block}.identity-row small{display:block;color:var(--muted);margin-top:2px}.identity-controls{display:flex;gap:7px;flex-wrap:wrap}.identity-controls .btn,.identity-controls .tiny-btn{white-space:nowrap}.identity-warning{border:1px solid #f5d2a4;background:#fff8ed;color:#7a4b0c;border-radius:10px;padding:10px 12px;font-size:12px}.identity-danger-zone{border-color:#f0bdc6;background:#fffafb}.identity-danger-zone h3{color:var(--red)}.footprint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.footprint-grid div{border:1px solid var(--line2);border-radius:10px;padding:10px}.footprint-grid small{display:block;color:var(--muted)}.footprint-grid b{display:block;margin-top:4px}.audit-mini{max-height:300px;overflow:auto}.audit-mini .audit-row{padding:8px 0}.identity-note{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.identity-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.identity-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.identity-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-head-card{align-items:flex-start;flex-direction:column}.identity-detail-grid,.footprint-grid{grid-template-columns:1fr}}

/* v158 bulk user controls */
.users-bulk-toolbar{gap:10px;align-items:center;flex-wrap:wrap}.bulk-user-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}.select-col{width:42px;text-align:center}.select-col input{width:17px;height:17px;accent-color:currentColor;cursor:pointer}.select-col input:disabled{cursor:not-allowed;opacity:.45}.bulk-delete-note{padding:10px 14px;border-top:1px solid var(--line,#e5e7eb);font-size:12px;color:var(--muted,#64748b)}.confirm-delete-panel{display:grid;gap:14px}.danger-callout{border:1px solid rgba(220,38,38,.28);background:rgba(220,38,38,.06);padding:14px;border-radius:12px}.danger-callout b{display:block;margin-bottom:5px}.danger-callout p{margin:0;line-height:1.55}.delete-user-preview{display:flex;gap:6px;flex-wrap:wrap}.delete-user-preview span,.delete-user-preview small{padding:5px 8px;border-radius:999px;background:rgba(100,116,139,.1);font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}@media(max-width:720px){.bulk-user-actions{width:100%;margin-left:0}.bulk-user-actions .btn{flex:1 1 auto}.users-bulk-toolbar .search-input{width:100%}}

/* 9.35 final control-plane improvements */
.system-pill.system-ok{border-color:#bfe8cf;background:#f3fbf6;color:#166534}.system-pill.system-ok i{background:#22c55e}.system-pill.system-warn{border-color:#f3d7a5;background:#fffaf0;color:#92400e}.system-pill.system-warn i{background:#f59e0b}
.permission-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.permission-editor{display:grid;gap:12px;max-height:420px;overflow:auto;padding:8px;border:1px solid #e5e7ef;border-radius:12px}.permission-fieldset{border:1px solid #e4e5ee;border-radius:12px;padding:10px}.permission-fieldset legend{padding:0 7px;font-weight:800}.permission-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-check{display:flex;gap:8px;align-items:flex-start;border:1px solid #ececf3;border-radius:10px;padding:8px;background:#fff}.permission-check input{margin-top:3px}.permission-check span{display:grid;gap:2px}.permission-check small{font-family:ui-monospace,monospace;color:#7a8190}.access-help{padding:10px 12px;border-radius:10px;background:#f5f1ff;color:#4c2b8f;font-size:13px}.credential-box code{user-select:all;background:#f1eef8;padding:3px 6px;border-radius:6px}.library-embed-shell{height:calc(100vh - 250px);min-height:620px;background:#fff;border:1px solid #e4e5ee;border-radius:16px;overflow:hidden}.library-embed-shell iframe{width:100%;height:100%;border:0;background:#f6f7fb}.live-now-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid #e6e7ef;border-radius:12px;margin:8px 0}.live-now-row>div{display:grid;gap:3px}.live-now-row small,.status-message{display:block;color:#6f7688;font-size:11px;margin-top:3px}.user-access-form .form-field.full{grid-column:1/-1}
@media(max-width:820px){.permission-checkbox-grid{grid-template-columns:1fr}.live-now-row{grid-template-columns:1fr}.library-embed-shell{height:75vh;min-height:520px}}

/* V24.8 Live diagnostics */
.live-status-reason{display:block;margin-top:5px;max-width:320px;white-space:normal}.live-diag{margin-top:5px;max-width:340px}.live-diag summary{cursor:pointer;font-size:11px;font-weight:800}.live-diag small{display:block;margin:6px 0;line-height:1.45;white-space:normal}.live-diag .tiny-btn{display:inline-flex;margin-top:5px;text-decoration:none}

/* SHIVSHAHI_REELS_LIBRARY_V1 */
.reels-library-embed-shell{background:linear-gradient(180deg,#fff,#fbf9ff)}


/* ==========================================================
   SHIVSHAHI ADMIN MOBILE-FIRST V3
   Reference sizing: shivshahi.online mobile shell
   Desktop >= 641px remains unchanged.
   ========================================================== */
.mobile-bottom-nav,.mobile-sheet,.mobile-sheet-backdrop{display:none}

@media (min-width:0px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{min-height:100dvh;background:#eef0f7;padding-bottom:calc(82px + env(safe-area-inset-bottom));font-size:13px}
  body.mobile-sheet-open{overflow:hidden}
  .admin-shell{width:100%;max-width:520px;min-height:100dvh;margin:0 auto;background:var(--bg);overflow:clip}

  .admin-header{height:58px;grid-template-columns:auto 1fr auto;padding:0 11px;gap:7px;top:0}
  .brand{gap:5px;min-width:0}.brand-main{font-size:18px}.brand-sub{font-size:14px}.header-center{display:none}
  .header-actions{gap:3px}.header-actions>.system-pill,.header-actions>#logoutBtn{display:none}
  .header-actions .icon-btn{width:34px;min-width:34px;height:34px;border-radius:9px}
  .owner-chip{padding:2px}.owner-chip>span:last-child{display:none}.owner-avatar{width:33px;height:33px;font-size:12px}
  .notice-btn b{right:-1px;top:-2px}
  .top-nav{display:none!important}

  .main-content{padding:12px 10px calc(94px + env(safe-area-inset-bottom));min-width:0}
  .page,.card,.table-card,.tab-panel{min-width:0;max-width:100%}
  .page-head{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
  .page-head h1{font-size:20px;line-height:1.15}.page-head p{font-size:11.5px;line-height:1.45;margin-top:4px}
  .page-head .head-actions{width:100%;gap:7px}.page-head .head-actions>.btn,.page-head .head-actions>.date-chip{flex:1 1 auto;min-height:40px}
  .date-chip{height:40px;padding:0 10px}
  .btn{min-height:40px;padding:0 11px;border-radius:11px;font-size:12.5px}

  .kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:10px;overflow:visible!important}
  .kpi-card{min-width:0!important;min-height:82px!important;padding:10px!important;gap:8px!important;border-radius:14px!important}
  .kpi-icon{width:36px;height:36px;border-radius:10px;font-size:17px}
  .kpi-card small{font-size:10px}.kpi-card strong{font-size:20px;margin:2px 0}.kpi-card em{font-size:9.5px;line-height:1.25}

  .dashboard-grid,.two-col-grid,.integration-grid,.system-detail-grid,.settings-grid{grid-template-columns:1fr!important;gap:10px!important}
  .quick-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .permission-grid,.live-session-grid,.cleanup-grid,.identity-summary,.live-analytics-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .identity-detail-grid,.footprint-grid,.inspector-subgrid{grid-template-columns:1fr!important}
  .security-summary{grid-template-columns:1fr 1fr!important;gap:8px!important;overflow:visible!important}
  .storage-visual{grid-template-columns:1fr!important;gap:10px}.donut{width:130px;height:130px;margin:auto}.donut:after{width:84px;height:84px}.donut strong{font-size:23px}

  .card{padding:12px;border-radius:14px;margin-bottom:10px;box-shadow:0 5px 16px rgba(26,31,50,.045)}
  .card-head{gap:8px;margin-bottom:10px;align-items:flex-start}.card-head h2,.card h2{font-size:14px}.card-head p,.muted{font-size:11px;line-height:1.45}
  .card-head>.btn,.card-head>.link-btn{flex:0 0 auto}

  .subtabs{width:100%;max-width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px;margin-bottom:10px;border-radius:11px}
  .subtabs::-webkit-scrollbar{display:none}.subtabs button{flex:0 0 auto;padding:8px 10px;font-size:11px}

  .table-card{border-radius:14px}.table-toolbar{min-height:0;padding:10px;display:flex;flex-direction:column;align-items:stretch;gap:8px}
  .search-input{min-width:0;max-width:none;height:40px}.bulk-user-actions{width:100%;margin-left:0}.bulk-user-actions .btn{flex:1 1 0}
  .table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;padding-bottom:2px}
  table{min-width:650px;font-size:11px}th,td{padding:10px 9px}.tiny-btn{height:32px;padding:0 8px;font-size:10.5px}

  .form-grid{grid-template-columns:1fr!important;gap:10px}.form-field.full{grid-column:1!important}.form-actions{grid-column:1!important;display:grid;grid-template-columns:1fr 1fr;gap:7px}.form-actions .btn{width:100%}
  input,select,textarea{font-size:16px!important} /* prevent mobile Chrome auto-zoom */

  .library-embed-shell{height:calc(100dvh - 142px)!important;min-height:540px!important;border-radius:13px!important;margin:0 -2px}
  .reels-library-embed-shell,.photo-library-embed-shell{min-width:0;max-width:100%;overflow:hidden}
  .library-embed-shell iframe{display:block;width:100%;height:100%;min-width:0}

  .modal-backdrop{place-items:end center;padding:8px 7px calc(8px + env(safe-area-inset-bottom))}
  .modal{width:100%;max-width:520px;max-height:88dvh;border-radius:19px 19px 13px 13px}
  .modal-head{height:54px;padding:0 13px}.modal-head h2{font-size:16px}.modal-body{padding:12px}
  .toast-wrap{left:10px;right:10px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:160}.toast{min-width:0;max-width:none;width:100%;font-size:12px}
  .admin-footer{display:none}

  .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:120;left:50%;transform:translateX(-50%);bottom:calc(6px + env(safe-area-inset-bottom));width:min(508px,calc(100% - 12px));min-height:66px;padding:5px 5px 6px;background:rgba(255,255,255,.97);border:1px solid #dedee8;border-radius:20px;box-shadow:0 13px 34px rgba(25,25,40,.18);backdrop-filter:none;-webkit-backdrop-filter:none}
  .mobile-bottom-nav a,.mobile-bottom-nav button{min-width:0;border:0;background:transparent;border-radius:14px;color:#6e7484;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 2px;font:inherit;font-size:9.5px;font-weight:800}
  .mobile-bottom-nav .mobile-nav-icon{font-size:19px;line-height:1;color:#535b6d}.mobile-bottom-nav b{font-size:9.5px;white-space:nowrap}
  .mobile-bottom-nav a.active,.mobile-bottom-nav button.active{color:var(--purple);background:#f2ebff}.mobile-bottom-nav a.active .mobile-nav-icon,.mobile-bottom-nav button.active .mobile-nav-icon{color:var(--purple)}

  .mobile-sheet-backdrop{display:block;position:fixed;inset:0;z-index:125;background:rgba(18,20,28,.38);backdrop-filter:none;-webkit-backdrop-filter:none}
  .mobile-sheet{display:block;position:fixed;z-index:130;left:50%;transform:translateX(-50%);bottom:calc(78px + env(safe-area-inset-bottom));width:min(508px,calc(100% - 12px));max-height:min(72dvh,620px);overflow:auto;background:#fff;border:1px solid #e2e3ea;border-radius:22px;box-shadow:0 20px 55px rgba(17,20,32,.25);padding:8px 10px 12px}
  .mobile-sheet.hidden,.mobile-sheet-backdrop.hidden{display:none!important}
  .mobile-sheet-handle{width:42px;height:4px;border-radius:999px;background:#d7d9e1;margin:1px auto 8px}
  .mobile-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 9px}.mobile-sheet-head small{color:var(--purple);font-weight:900;font-size:9px;letter-spacing:.08em}.mobile-sheet-head h2{margin:2px 0 0;font-size:18px}.mobile-sheet-close{width:34px;height:34px;border:0;border-radius:50%;background:#f1f2f6;font-size:23px;color:#4e5566}
  .mobile-sheet-grid{display:grid;gap:7px}.mobile-sheet-grid>a,.mobile-sheet-grid>button{width:100%;min-height:60px;border:1px solid #e7e8ee;border-radius:14px;background:#fff;color:#252b3a;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;padding:9px 10px;text-align:left;text-decoration:none;font:inherit}
  .mobile-sheet-grid>a>span,.mobile-sheet-grid>button>span{width:36px;height:36px;border-radius:11px;background:#f3edff;color:var(--purple);display:grid;place-items:center;font-size:18px;font-weight:900}.mobile-sheet-grid b{display:block;font-size:13px}.mobile-sheet-grid small{display:block;color:#747b8d;font-size:10.5px;margin-top:2px}.mobile-sheet-grid .danger>span{background:#fff0f2;color:#c92e48}.mobile-sheet-grid .danger b{color:#b1263d}
}

@media (max-width:380px){
  .main-content{padding-left:8px;padding-right:8px}.brand-main{font-size:17px}.brand-sub{font-size:13px}
  .kpi-grid{gap:6px!important}.kpi-card{padding:8px!important}.kpi-icon{width:32px;height:32px;font-size:15px}.kpi-card strong{font-size:18px}
  .mobile-bottom-nav{width:calc(100% - 8px);bottom:calc(4px + env(safe-area-inset-bottom));border-radius:18px}.mobile-bottom-nav b{font-size:9px}
  .mobile-sheet{width:calc(100% - 8px)}
}


/* V4 Password Reset Approval queue */
.reset-requests-card{margin-bottom:12px}
.reset-count-pill{display:inline-flex;min-width:24px;height:24px;padding:0 8px;align-items:center;justify-content:center;border-radius:999px;background:#fff1f0;color:#b42318;font-size:12px;vertical-align:middle}
.reset-request-list{display:grid;gap:9px}
.reset-request-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid var(--line,#e8e5ef);border-radius:13px;background:var(--card,#fff)}
.reset-request-main{display:grid;gap:4px;min-width:0}.reset-request-main b{font-size:13px}.reset-request-main small{color:var(--muted,#746d84);line-height:1.45}
.reset-request-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.reset-request-row.pending{border-color:#f0d79f;background:#fffdf7}.reset-request-row.approved{border-color:#b8dcc6;background:#f8fcf9}
@media(min-width:0px){.reset-requests-card .card-head{display:grid;grid-template-columns:1fr auto;align-items:start}.reset-requests-card .card-head .btn{min-height:36px}.reset-request-row{grid-template-columns:1fr;padding:10px}.reset-request-actions{justify-content:flex-start}.reset-request-actions .tiny-btn{min-width:82px}}

/* ======================================================================
   SHIVSHAHI ADMIN MOBILE UI V5 FINAL POLISH
   Presentation-only. No API/auth/Firebase/business logic changes.
   Mobile target follows shivshahi.online proportions: max 520px shell,
   compact 2-column summaries, touch-friendly controls and fixed bottom nav.
   ====================================================================== */
@media (min-width:0px){
  :root{--mobile-shell:520px;--mobile-gap:8px;--mobile-pad:10px;--mobile-bottom:76px}
  html{background:#eef0f7;scroll-behavior:auto}
  body{background:#eef0f7;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}
  .admin-shell{border-left:1px solid #e4e5ed;border-right:1px solid #e4e5ed;box-shadow:0 0 34px rgba(26,31,50,.055)}

  /* Compact premium top bar */
  .admin-header{height:56px;padding:0 10px;background:rgba(255,255,255,.985);border-bottom-color:#e8e8ef;box-shadow:0 3px 14px rgba(29,31,48,.055);backdrop-filter:none;-webkit-backdrop-filter:none}
  .brand{gap:4px}.brand-main{font-size:17px;letter-spacing:-.025em}.brand-sub{font-size:11px;line-height:20px;padding:0 6px;border-radius:999px;background:#f1ebff;color:#6530ba}
  .header-actions{gap:2px}.header-actions .icon-btn{width:35px;min-width:35px;height:35px;border:1px solid transparent;background:#fafbfe}.header-actions .icon-btn:active{transform:scale(.96)}
  .owner-avatar{width:34px;height:34px;background:#efe8ff;border-color:#dac8fb}

  /* Main page rhythm */
  .main-content{padding:10px var(--mobile-pad) calc(var(--mobile-bottom) + 18px + env(safe-area-inset-bottom))}
  .page-head{gap:8px;margin-bottom:10px;padding:1px 1px 0}
  .page-head h1{font-size:19px;line-height:1.18;letter-spacing:-.025em}.page-head p{font-size:11px;line-height:1.4;margin-top:3px;max-width:46ch}
  .page-head .head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
  .page-head .head-actions:has(> :only-child){grid-template-columns:1fr}
  .page-head .head-actions>.btn,.page-head .head-actions>.date-chip{width:100%;min-width:0;min-height:40px}
  .page-head .head-actions>.btn:nth-last-child(1):nth-child(3){grid-column:auto}
  .date-chip{justify-content:center;font-size:11.5px;background:#fff}
  .btn{min-height:40px;border-radius:11px;font-size:12px;font-weight:760;padding:0 11px;touch-action:manipulation}
  .btn.primary{box-shadow:0 5px 14px rgba(111,43,213,.18)}
  .link-btn{min-height:34px;display:inline-flex;align-items:center;font-size:11.5px}

  /* Dashboard summaries */
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-bottom:9px!important}
  .kpi-card{min-height:78px!important;padding:9px!important;gap:8px!important;border-radius:13px!important;border-color:#e7e7ee!important;box-shadow:0 4px 14px rgba(26,31,50,.04)!important}
  .kpi-card:active{transform:scale(.985)}
  .kpi-icon{width:34px;height:34px;border-radius:10px;font-size:16px}
  .kpi-card small{font-size:9.5px;line-height:1.15}.kpi-card strong{font-size:19px;line-height:1.05;margin:2px 0}.kpi-card em{font-size:9px;line-height:1.2}
  .two-col-grid,.dashboard-grid,.integration-grid,.system-detail-grid,.settings-grid{gap:8px!important}
  .card{padding:11px;border-radius:13px;margin-bottom:8px;border-color:#e7e8ef;box-shadow:0 4px 14px rgba(26,31,50,.04)}
  .card-head{margin-bottom:8px;gap:7px}.card-head h2,.card h2{font-size:13.5px;line-height:1.25}.card-head p,.muted{font-size:10.5px;line-height:1.4}
  .deep-storage-note,.cleanup-help{padding:10px;border-radius:11px;font-size:10.5px;line-height:1.5}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.quick-grid button{min-height:68px;border-radius:12px;font-size:11px;gap:5px}

  /* Management: horizontal section switcher that remains reachable */
  #managementTabs{position:sticky;top:56px;z-index:32;margin-left:-2px;margin-right:-2px;background:rgba(237,239,245,.94);box-shadow:0 5px 12px rgba(23,26,40,.04);backdrop-filter:none;-webkit-backdrop-filter:none}
  .subtabs{gap:3px;padding:4px}.subtabs button{min-height:34px;padding:7px 9px;font-size:10.5px}
  .reset-requests-card{border-color:#e5def2}.reset-requests-card .card-head{gap:7px}.reset-count-pill{height:21px;min-width:21px;padding:0 6px;font-size:10px}
  .reset-request-list{gap:7px}.reset-request-row{padding:9px;border-radius:11px;gap:8px}.reset-request-main b{font-size:12px}.reset-request-main small{font-size:10.5px}.reset-request-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px}.reset-request-actions .tiny-btn{width:100%;min-width:0;height:34px}

  /* Data tables stay functional without crushing columns */
  .table-card{border-radius:13px;overflow:hidden}.table-toolbar{padding:9px;gap:7px;background:#fff}.search-input{height:40px;border-radius:10px}
  .bulk-user-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bulk-user-actions .btn{width:100%}
  .table-wrap{margin:0;overflow-x:auto;scrollbar-width:thin;background:linear-gradient(90deg,#fff 93%,#f2f0f7);border-top:1px solid #f1f1f5}
  .table-wrap table{min-width:610px;font-size:10.5px}th,td{padding:9px 8px}th{font-size:9.5px;letter-spacing:.035em}
  .bulk-delete-note{padding:8px 10px;font-size:9.5px;line-height:1.45}

  /* Forms, permission cards and settings */
  .form-grid{gap:8px!important}.form-field,.field{min-width:0}.form-field label,.field span{font-size:10.5px}
  input,select,textarea{min-width:0;font-size:16px!important;border-radius:10px!important}
  .form-actions{gap:6px!important}.form-actions .btn{min-height:42px}
  .permission-grid{grid-template-columns:1fr!important;gap:8px!important}.permission-presets{display:flex;overflow-x:auto;gap:6px;padding-bottom:2px;scrollbar-width:none}.permission-presets::-webkit-scrollbar{display:none}.permission-presets .summary-chip{flex:0 0 auto;font-size:10px}
  .identity-summary,.security-summary,.live-analytics-kpis,.live-session-grid,.cleanup-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .identity-head-card{display:grid!important;gap:9px}.identity-head-card .head-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.compact-select{width:100%;min-height:40px}
  .settings-list>div{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:start}.settings-list>div span,.settings-list>div b{font-size:10.5px;line-height:1.4;overflow-wrap:anywhere}.settings-list>div b{text-align:right}
  .service-row{grid-template-columns:28px minmax(0,1fr) auto;min-height:38px}.service-row i{width:24px;height:24px}.status-text{font-size:10.5px}
  .audit-list,.task-list{min-width:0}.audit-list>*{overflow-wrap:anywhere}

  /* Embedded libraries use the phone viewport rather than desktop-like fixed size */
  .library-embed-shell{height:calc(100dvh - 154px)!important;min-height:430px!important;border-radius:12px!important;border-color:#dedfe8!important;background:#f6f7fb;margin:0!important;overflow:hidden!important}
  #page-library .page-head,#page-reels .page-head,#page-photos .page-head{margin-bottom:8px}
  #page-library .page-head p,#page-reels .page-head p,#page-photos .page-head p{display:none}
  .library-embed-shell iframe{border:0;background:#f6f7fb}

  /* Modal = bottom sheet on mobile */
  .modal-backdrop{padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(20,22,31,.44);backdrop-filter:none;-webkit-backdrop-filter:none}
  .modal{max-height:90dvh;border-radius:20px 20px 12px 12px;box-shadow:0 24px 70px rgba(20,22,31,.28)}
  .modal-head{height:50px;padding:0 12px}.modal-head h2{font-size:15px}.modal-body{padding:10px}
  .toast-wrap{bottom:calc(78px + env(safe-area-inset-bottom));left:8px;right:8px}.toast{border-radius:12px;font-size:11px}

  /* Bottom navigation mirrors shivshahi.online proportions */
  .mobile-bottom-nav{width:min(508px,calc(100% - 10px));min-height:64px;bottom:calc(5px + env(safe-area-inset-bottom));padding:4px 4px 5px;border-radius:19px;border-color:#dfe0e8;box-shadow:0 12px 30px rgba(24,26,39,.17)}
  .mobile-bottom-nav a,.mobile-bottom-nav button{min-height:52px;border-radius:13px;gap:2px;padding:4px 2px;color:#73798a}
  .mobile-bottom-nav .mobile-nav-icon{font-size:18px}.mobile-bottom-nav b{font-size:9px;letter-spacing:-.01em}
  .mobile-bottom-nav a.active,.mobile-bottom-nav button.active{background:#f0e9ff;color:#6428c2}
  .mobile-sheet{bottom:calc(74px + env(safe-area-inset-bottom));width:min(508px,calc(100% - 10px));padding:7px 9px 10px;border-radius:20px;max-height:min(70dvh,590px)}
  .mobile-sheet-grid{gap:6px}.mobile-sheet-grid>a,.mobile-sheet-grid>button{min-height:56px;border-radius:13px;padding:8px 9px}.mobile-sheet-grid>a>span,.mobile-sheet-grid>button>span{width:34px;height:34px;border-radius:10px;font-size:17px}.mobile-sheet-grid b{font-size:12.5px}.mobile-sheet-grid small{font-size:10px}
}

@media (max-width:430px){
  .page-head .head-actions{grid-template-columns:1fr 1fr}
  .security-summary,.identity-summary,.live-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .metric-list>div{grid-template-columns:minmax(96px,1fr) minmax(55px,.75fr) 78px;gap:6px;font-size:10px}
}

@media (max-width:360px){
  :root{--mobile-pad:7px}
  .brand-main{font-size:16px}.brand-sub{font-size:10px;padding:0 5px}
  .page-head h1{font-size:18px}.kpi-card{padding:8px!important}.kpi-icon{width:31px;height:31px;font-size:15px}.kpi-card strong{font-size:17px}.kpi-card em{display:none}
  .identity-summary,.security-summary,.live-analytics-kpis,.live-session-grid,.cleanup-grid{grid-template-columns:1fr!important}
  .mobile-bottom-nav{width:calc(100% - 6px);bottom:calc(3px + env(safe-area-inset-bottom));border-radius:17px}.mobile-bottom-nav b{font-size:8.5px}.mobile-bottom-nav .mobile-nav-icon{font-size:17px}
  .mobile-sheet{width:calc(100% - 6px)}
}

/* ======================================================================
   SHIVSHAHI ADMIN V6 - ONE APP UI ON PHONE + LAPTOP / PERFORMANCE PASS
   Same narrow mobile-app shell on every screen. Presentation only.
   ====================================================================== */
html,body{scroll-behavior:auto!important}
body{overflow-x:hidden!important}
.admin-shell{width:100%!important;max-width:520px!important;margin:0 auto!important;min-height:100dvh!important;background:var(--bg)!important;overflow:clip!important}
.top-nav{display:none!important}
.mobile-bottom-nav{display:grid!important}
.admin-header,#managementTabs,.mobile-bottom-nav,.mobile-sheet,.mobile-sheet-backdrop,.modal-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.admin-header{box-shadow:0 2px 9px rgba(29,31,48,.045)!important}
.mobile-bottom-nav{box-shadow:0 8px 22px rgba(24,26,39,.13)!important}
.card,.kpi-card{box-shadow:0 3px 10px rgba(26,31,50,.035)!important}
.library-embed-shell{contain:layout paint;overscroll-behavior:contain}
.library-embed-shell iframe{overscroll-behavior:contain}
.table-wrap,.mobile-sheet{-webkit-overflow-scrolling:touch}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ======================================================================
   SHIVSHAHI ADMIN V7 - SCROLL + SIZE + ZERO-HIDDEN-FUNCTIONS PASS
   One compact app UI on phone and laptop. Presentation/interaction only.
   ====================================================================== */
:root{--v7-shell-max:600px;--v7-nav-h:70px;--v7-safe-bottom:calc(var(--v7-nav-h) + 28px + env(safe-area-inset-bottom))}
html{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:auto!important}
body{height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;padding-bottom:0!important;touch-action:pan-y pinch-zoom!important;-webkit-overflow-scrolling:touch}
body.mobile-sheet-open{overflow-y:auto!important;position:static!important}
.admin-shell{width:100%!important;max-width:var(--v7-shell-max)!important;height:auto!important;min-height:100dvh!important;margin:0 auto!important;overflow:visible!important;clip:auto!important;background:var(--bg)!important}
.main-content{flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:calc(100dvh - 56px)!important;max-height:none!important;overflow:visible!important;padding:11px 11px var(--v7-safe-bottom)!important}
.page{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.page.active{display:block!important;overflow:visible!important}
.admin-footer{display:none!important}

/* Slightly wider app shell on laptop, still mobile/app style. */
@media(min-width:641px){
  .admin-shell{max-width:600px!important;border-left:1px solid #e4e5ed;border-right:1px solid #e4e5ed}
  .mobile-bottom-nav,.mobile-sheet{width:min(588px,calc(100% - 12px))!important}
  .main-content{padding-left:12px!important;padding-right:12px!important}
}
@media(max-width:640px){
  :root{--v7-shell-max:100%}
  .admin-shell{max-width:100%!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
  .main-content{padding-left:8px!important;padding-right:8px!important}
}

/* Management tabs: every function remains visible, no hidden sideways tabs. */
#managementTabs{position:sticky!important;top:56px!important;z-index:32!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important;padding:5px!important;margin:0 0 10px!important;background:#eef0f6!important;border:1px solid #e5e6ed!important;border-radius:13px!important;box-shadow:0 4px 12px rgba(23,26,40,.045)!important}
#managementTabs button{width:100%!important;min-width:0!important;min-height:38px!important;padding:6px 5px!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important;font-size:10.5px!important;text-align:center!important}
@media(max-width:390px){#managementTabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}#managementTabs button{font-size:10.5px!important}}

/* Cards/actions must wrap instead of getting clipped. */
.card,.table-card,.identity-head-card,.deep-storage-card,.live-analytics-card,.live-history-card,.live-delete-card{max-width:100%!important;max-height:none!important;overflow:visible}
.card-head{flex-wrap:wrap!important;min-width:0!important}
.card-head>div{min-width:0!important;flex:1 1 220px!important}
.card-head>.btn,.card-head>.link-btn{flex:0 0 auto!important}
.page-head .head-actions{min-width:0!important}
.reset-request-row,.identity-row,.live-now-row,.service-row{min-width:0!important}
.reset-request-main,.identity-origin,.live-user-cell{min-width:0!important;overflow-wrap:anywhere!important}

/* Forms: no field/action is allowed to disappear outside the viewport. */
.form-grid{grid-template-columns:1fr!important;max-width:100%!important;overflow:visible!important}
.form-field.full,.form-actions{grid-column:1!important}
.form-field input,.form-field select,.form-field textarea,.compact-select,.search-input{max-width:100%!important;min-width:0!important;width:100%!important}
.form-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
.form-actions .btn{width:100%!important;min-width:0!important}
@media(max-width:360px){.form-actions{grid-template-columns:1fr!important}}

/* Horizontal tables remain usable while the page itself scrolls vertically. */
.table-card{overflow:visible!important}
.table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;border-radius:0 0 12px 12px}
.table-wrap table{min-width:590px!important}
.table-toolbar{max-width:100%!important;overflow:visible!important}
.bulk-user-actions{min-width:0!important}
.bulk-user-actions .btn{min-width:0!important}
.permission-editor,.audit-mini{max-height:none!important;overflow:visible!important}
.permission-checkbox-grid{grid-template-columns:1fr!important}
.permission-check{min-width:0!important}

/* Bottom nav never covers the last card/button. */
.mobile-bottom-nav{display:grid!important;min-height:64px!important;bottom:calc(5px + env(safe-area-inset-bottom))!important;z-index:120!important}
.mobile-bottom-nav a,.mobile-bottom-nav button{min-height:52px!important;font-size:10px!important}
.mobile-bottom-nav b{font-size:9.5px!important}
.mobile-sheet{max-height:calc(100dvh - 92px - env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
.mobile-sheet-backdrop{touch-action:none!important}

/* Modals stay fully operable on small screens. */
.modal-backdrop{overflow:hidden!important;padding:6px 6px calc(6px + env(safe-area-inset-bottom))!important}
.modal{display:flex!important;flex-direction:column!important;width:min(100%,588px)!important;max-height:calc(100dvh - 12px - env(safe-area-inset-bottom))!important;overflow:hidden!important}
.modal-head{flex:0 0 auto!important}
.modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
.modal-backdrop.hidden .modal{display:flex!important}

/* Embedded libraries keep their own smooth scroll so fixed dialogs/toasts work. */
.library-embed-shell{height:calc(100dvh - 146px)!important;min-height:520px!important;max-height:none!important;overflow:hidden!important;contain:none!important;overscroll-behavior:auto!important;border-radius:13px!important;background:#f6f7fb!important}
.library-embed-shell iframe{display:block!important;width:100%!important;height:100%!important;min-height:0!important;border:0!important;overscroll-behavior:auto!important}
@media(max-height:700px){.library-embed-shell{height:calc(100dvh - 132px)!important;min-height:420px!important}}

/* Better readable sizes without turning back into desktop layout. */
.page-head h1{font-size:20px!important}
.page-head p{font-size:11.5px!important}
.card-head h2,.card h2{font-size:14px!important}
.card-head p,.muted{font-size:11px!important}
.btn{font-size:12.5px!important;min-height:41px!important}
.tiny-btn{min-height:33px!important;font-size:10.5px!important}
.settings-list>div{min-width:0!important}
.settings-list>div span,.settings-list>div b{overflow-wrap:anywhere!important}

/* Final safety: normal pages must always be vertically scrollable. */
body:not(.mobile-sheet-open),body:not(.mobile-sheet-open) .admin-shell,body:not(.mobile-sheet-open) .main-content{overflow-y:visible!important}

/* ======================================================================
   SHIVSHAHI ADMIN V11 - CLASSIC RESPONSIVE / TOP NAV
   Base: V7 familiar layout. No page/module restructuring and no JS logic change.
   Goals: same familiar admin, top primary nav, readable mobile controls,
   full vertical scroll, and reachable table actions without hiding functions.
   ====================================================================== */
:root{
  --v11-shell-max:600px;
  --v11-header-h:56px;
  --v11-primary-nav-h:58px;
  --v11-sticky-top:calc(var(--v11-header-h) + var(--v11-primary-nav-h) + 6px);
}

html,body{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scroll-behavior:auto!important;
  overscroll-behavior-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body{touch-action:pan-y pinch-zoom!important;background:#eef0f7!important}
.admin-shell{
  width:100%!important;
  max-width:var(--v11-shell-max)!important;
  min-height:100dvh!important;
  height:auto!important;
  margin:0 auto!important;
  overflow:visible!important;
  background:var(--bg)!important;
  border-left:1px solid #e4e5ed!important;
  border-right:1px solid #e4e5ed!important;
}
.admin-header{
  position:sticky!important;
  top:0!important;
  z-index:180!important;
  height:var(--v11-header-h)!important;
}
.top-nav{display:none!important}

/* Keep the familiar 5 primary actions, but move them from bottom to TOP. */
.mobile-bottom-nav{
  display:grid!important;
  position:fixed!important;
  top:var(--v11-header-h)!important;
  bottom:auto!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(var(--v11-shell-max),100%)!important;
  min-height:var(--v11-primary-nav-h)!important;
  height:var(--v11-primary-nav-h)!important;
  padding:4px 6px!important;
  border-radius:0 0 14px 14px!important;
  border:1px solid #e2e3eb!important;
  border-top:0!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(24,26,39,.08)!important;
  z-index:170!important;
}
.mobile-bottom-nav a,.mobile-bottom-nav button{
  min-height:48px!important;
  height:48px!important;
  padding:3px 2px!important;
  border-radius:11px!important;
  gap:1px!important;
}
.mobile-bottom-nav .mobile-nav-icon{font-size:17px!important}
.mobile-bottom-nav b{font-size:9.5px!important;line-height:1.1!important}
.mobile-bottom-nav a.active,.mobile-bottom-nav button.active{background:#f0e9ff!important;color:#6428c2!important}

/* Fixed top nav must never cover page content. */
.main-content{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:calc(12px + var(--v11-primary-nav-h)) 10px 28px!important;
}
.page,.page.active{height:auto!important;max-height:none!important;overflow:visible!important}
.admin-footer{display:none!important}

/* Management stays the ORIGINAL tab system; just make it compact and reachable. */
#managementTabs{
  position:sticky!important;
  top:var(--v11-sticky-top)!important;
  z-index:90!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:4px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  padding:4px!important;
  margin:0 0 10px!important;
  border:1px solid #e3e5ed!important;
  border-radius:12px!important;
  background:#eef0f6!important;
  box-shadow:0 3px 10px rgba(23,26,40,.04)!important;
  scrollbar-width:thin!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
#managementTabs button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  min-height:36px!important;
  padding:7px 10px!important;
  white-space:nowrap!important;
  font-size:10.5px!important;
  line-height:1!important;
}

/* Familiar page/card structure: only sizing/wrapping fixes. */
.page-head{gap:9px!important;margin-bottom:10px!important;flex-wrap:wrap!important}
.page-head>div:first-child{min-width:0!important;flex:1 1 260px!important}
.page-head h1{font-size:20px!important;line-height:1.16!important}
.page-head p{font-size:11.5px!important;line-height:1.42!important;overflow-wrap:anywhere!important}
.page-head .head-actions{display:flex!important;flex:1 1 220px!important;gap:7px!important;flex-wrap:wrap!important;width:auto!important}
.page-head .head-actions>*{flex:1 1 130px!important;min-width:0!important}
.card,.table-card,.identity-head-card,.deep-storage-card,.live-analytics-card,.live-history-card,.live-delete-card{
  max-width:100%!important;
  max-height:none!important;
  overflow:visible!important;
}
.card-head{flex-wrap:wrap!important;gap:8px!important}
.card-head>div{min-width:0!important;flex:1 1 220px!important}
.card-head h2,.card h2{font-size:14px!important;line-height:1.25!important}
.card-head p,.muted{font-size:11px!important;line-height:1.42!important}
.btn{min-height:40px!important;font-size:12px!important;white-space:normal!important;line-height:1.15!important}
.tiny-btn{min-height:33px!important;height:auto!important;font-size:10.5px!important;white-space:normal!important;line-height:1.15!important}

/* Inputs/selects remain familiar but readable and never escape the screen. */
input,select,textarea,.search-input,.compact-select{
  max-width:100%!important;
  min-width:0!important;
}
input,select,textarea{font-size:16px!important}
.form-grid{grid-template-columns:1fr!important;gap:8px!important;max-width:100%!important}
.form-field.full,.form-actions{grid-column:1!important}
.form-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important;width:100%!important}
.form-actions .btn{flex:1 1 150px!important;min-width:0!important}

/* Live filters: keep the same filters, but give User enough room. */
.live-filter-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
}
.live-filter-grid label{min-width:0!important}
.live-filter-grid label:has(#liveAnalyticsUser){grid-column:1/-1!important}
.live-filter-grid input,.live-filter-grid select{width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;font-size:14px!important}
.live-filter-grid option{font-size:14px!important}
.live-analytics-kpis,.live-session-grid,.identity-summary,.security-summary,.cleanup-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

/* Tables stay tables (familiar), but all columns/actions remain reachable. */
.table-card{overflow:visible!important}
.table-toolbar{max-width:100%!important;overflow:visible!important;flex-wrap:wrap!important;gap:7px!important}
.table-toolbar .search-input{flex:1 1 230px!important;width:100%!important}
.bulk-user-actions{display:flex!important;flex:1 1 220px!important;min-width:0!important;margin-left:0!important;gap:7px!important;flex-wrap:wrap!important}
.bulk-user-actions .btn{flex:1 1 105px!important;min-width:0!important}
.table-wrap{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:auto!important;
  scrollbar-color:#9ea4b4 #eef0f5!important;
  border-radius:0 0 12px 12px!important;
}
.table-wrap::-webkit-scrollbar{height:10px!important}
.table-wrap::-webkit-scrollbar-track{background:#eef0f5!important;border-radius:999px!important}
.table-wrap::-webkit-scrollbar-thumb{background:#9ea4b4!important;border-radius:999px!important;border:2px solid #eef0f5!important}
.table-wrap table{min-width:720px!important;width:max-content!important;max-width:none!important;font-size:10.75px!important;table-layout:auto!important}
th,td{padding:9px 9px!important;white-space:normal!important;overflow-wrap:anywhere!important}
th{font-size:9.5px!important}
.table-actions{display:flex!important;gap:5px!important;flex-wrap:wrap!important;min-width:160px!important}
.table-actions .tiny-btn{flex:0 1 auto!important}

/* Users: keep User + Actions visible while horizontally scrolling middle columns. */
.table-wrap:has(#usersBody) .select-col{position:sticky!important;left:0!important;z-index:6!important;background:#fff!important}
.table-wrap:has(#usersBody) thead .select-col{background:#fbfcfe!important;z-index:8!important}
.table-wrap:has(#usersBody) th:nth-child(2),#usersBody td:nth-child(2){position:sticky!important;left:42px!important;z-index:5!important;background:#fff!important;min-width:175px!important;max-width:220px!important;box-shadow:6px 0 10px rgba(26,31,50,.035)!important}
.table-wrap:has(#usersBody) thead th:nth-child(2){background:#fbfcfe!important;z-index:7!important}
.table-wrap:has(#usersBody) th:last-child,#usersBody td:last-child{position:sticky!important;right:0!important;z-index:5!important;background:#fff!important;min-width:175px!important;box-shadow:-6px 0 10px rgba(26,31,50,.045)!important}
.table-wrap:has(#usersBody) thead th:last-child{background:#fbfcfe!important;z-index:7!important}
#usersBody tr:hover td:nth-child(2),#usersBody tr:hover td:last-child{background:#fcfbff!important}
.user-cell small,.media-cell small{white-space:normal!important;overflow-wrap:anywhere!important}

/* Live tables stay familiar; pin context/status so wide history is still usable. */
.table-wrap:has(#liveHistoryBody) th:first-child,#liveHistoryBody td:first-child,
.table-wrap:has(#liveUserStatsBody) th:first-child,#liveUserStatsBody td:first-child{
  position:sticky!important;left:0!important;z-index:4!important;background:#fff!important;min-width:145px!important;box-shadow:5px 0 9px rgba(26,31,50,.03)!important
}
.table-wrap:has(#liveHistoryBody) thead th:first-child,
.table-wrap:has(#liveUserStatsBody) thead th:first-child{background:#fbfcfe!important;z-index:6!important}
.table-wrap:has(#liveHistoryBody) th:last-child,#liveHistoryBody td:last-child{
  position:sticky!important;right:0!important;z-index:4!important;background:#fff!important;min-width:92px!important;box-shadow:-5px 0 9px rgba(26,31,50,.035)!important
}
.table-wrap:has(#liveHistoryBody) thead th:last-child{background:#fbfcfe!important;z-index:6!important}

/* Modals: same content/logic, only keep every control reachable. */
.modal-backdrop{overflow:hidden!important;padding:7px!important}
.modal{display:flex!important;flex-direction:column!important;width:min(100%,588px)!important;max-height:calc(100dvh - 14px)!important;overflow:hidden!important}
.modal-head{flex:0 0 auto!important}
.modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}

/* Library frames retain their familiar pages and their own scrolling. */
.library-embed-shell{
  height:calc(100dvh - 138px)!important;
  min-height:500px!important;
  max-height:none!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#f6f7fb!important;
}
.library-embed-shell iframe{display:block!important;width:100%!important;height:100%!important;border:0!important}

/* Bottom sheets still work, but nav itself is no longer at the bottom. */
.mobile-sheet{max-height:72dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
.toast-wrap{bottom:10px!important}

@media(min-width:641px){
  .admin-shell{max-width:600px!important}
  .mobile-bottom-nav{width:600px!important}
}
@media(max-width:640px){
  :root{--v11-shell-max:100%}
  .admin-shell{max-width:100%!important;border-left:0!important;border-right:0!important}
  .mobile-bottom-nav{width:100%!important;border-left:0!important;border-right:0!important}
  .main-content{padding-left:8px!important;padding-right:8px!important}
}
@media(max-width:390px){
  .page-head .head-actions{width:100%!important}
  .live-filter-grid{grid-template-columns:1fr!important}
  .live-filter-grid label:has(#liveAnalyticsUser){grid-column:1!important}
  .live-analytics-kpis,.live-session-grid,.identity-summary,.security-summary,.cleanup-grid{grid-template-columns:1fr!important}
  .form-actions{display:grid!important;grid-template-columns:1fr!important}
  .table-wrap table{min-width:690px!important}
}
@media(max-width:350px){
  .mobile-bottom-nav b{font-size:8.5px!important}
  .mobile-bottom-nav .mobile-nav-icon{font-size:16px!important}
  #managementTabs button{font-size:10px!important;padding:7px 8px!important}
}


/* =====================================================================
   SHIVSHAHI ADMIN V12 - HOME ONLY COMPACT + FUNCTIONAL
   Rest of V11 structure/functionality intentionally unchanged.
   ===================================================================== */
#page-dashboard{min-width:0!important}
#page-dashboard .home-intro{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0 0 10px!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
}
#page-dashboard .home-intro-copy{min-width:0!important}
#page-dashboard .home-intro h1{margin:0!important;font-size:20px!important;line-height:1.16!important;letter-spacing:-.025em!important}
#page-dashboard .home-intro p{margin:3px 0 0!important;color:var(--muted)!important;font-size:11.5px!important;line-height:1.4!important}
#page-dashboard .home-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:7px!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
}
#page-dashboard .home-toolbar>*{width:100%!important;min-width:0!important;min-height:40px!important;margin:0!important}
#page-dashboard .home-toolbar .date-chip{justify-content:center!important}
#page-dashboard .home-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0 0 10px!important;overflow:visible!important}
#page-dashboard .home-kpi-grid .kpi-card{min-width:0!important;min-height:76px!important;padding:9px!important;gap:8px!important;border-radius:13px!important}
#page-dashboard .home-kpi-grid .kpi-icon{width:32px!important;height:32px!important;border-radius:9px!important;font-size:15px!important}
#page-dashboard .home-kpi-grid .kpi-card small{font-size:9.5px!important;line-height:1.15!important}
#page-dashboard .home-kpi-grid .kpi-card strong{font-size:18px!important;line-height:1.05!important;margin:2px 0!important}
#page-dashboard .home-kpi-grid .kpi-card em{font-size:9px!important;line-height:1.18!important;white-space:normal!important}
#page-dashboard .home-count-pill{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:4px;border-radius:999px;background:#fff1f3;color:#d92d49;font-size:10px;font-weight:900;vertical-align:middle}
#page-dashboard .home-attention-card,#page-dashboard .home-quick-card,#page-dashboard .home-library-card,#page-dashboard .home-recent-card{margin-bottom:10px!important}
#page-dashboard .home-attention-list{display:grid;gap:7px}
#page-dashboard .home-attention-item{
  width:100%;border:1px solid var(--line);border-radius:11px;background:#fafbfe;color:var(--text);padding:9px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;font:inherit
}
#page-dashboard .home-attention-item.warn{background:#fffaf0;border-color:#f4ddb1}
#page-dashboard .home-attention-item.bad{background:#fff5f6;border-color:#f2c3cb}
#page-dashboard .home-attention-item span{min-width:0}
#page-dashboard .home-attention-item b{display:block;font-size:11.5px;line-height:1.25}
#page-dashboard .home-attention-item small{display:block;margin-top:2px;color:var(--muted);font-size:9.5px;line-height:1.3;overflow-wrap:anywhere}
#page-dashboard .home-attention-item strong{min-width:28px;height:28px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#fff;color:var(--purple);font-size:11px}
#page-dashboard .home-attention-ok{border:1px solid #cbe9d5;background:#f2fbf5;color:#14723b;border-radius:11px;padding:10px 11px}
#page-dashboard .home-attention-ok b,#page-dashboard .home-attention-ok small{display:block}
#page-dashboard .home-attention-ok b{font-size:12px}
#page-dashboard .home-attention-ok small{margin-top:3px;font-size:9.5px;color:#43815e}
#page-dashboard .home-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#page-dashboard .home-quick-grid button,#page-dashboard .home-quick-grid a{
  min-width:0;min-height:48px;border:1px solid var(--line);background:#fafbfe;color:var(--text);border-radius:11px;padding:7px 8px;display:flex;align-items:center;justify-content:flex-start;gap:8px;text-align:left;text-decoration:none;font:inherit
}
#page-dashboard .home-quick-grid button:active,#page-dashboard .home-quick-grid a:active{transform:scale(.985)}
#page-dashboard .home-quick-grid span{width:27px;height:27px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-size:14px;font-weight:900}
#page-dashboard .home-quick-grid b{min-width:0;font-size:10.5px;line-height:1.15;overflow-wrap:anywhere}
#page-dashboard .home-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:0}
#page-dashboard .home-status-card{min-width:0;margin-bottom:10px!important}
#page-dashboard .home-status-card .card-head{margin-bottom:8px!important}
#page-dashboard .home-status-card .link-btn{font-size:10px!important;white-space:nowrap!important}
#page-dashboard .home-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#page-dashboard .home-mini-stats>div{min-width:0;border:1px solid var(--line2);border-radius:9px;padding:8px;background:#fbfcfe;text-align:center}
#page-dashboard .home-mini-stats small{display:block;color:var(--muted);font-size:8.5px;line-height:1.15}
#page-dashboard .home-mini-stats b{display:block;margin-top:3px;font-size:15px;line-height:1.05;overflow-wrap:anywhere}
#page-dashboard .home-live-on{color:var(--red)!important}
#page-dashboard .home-live-off{color:var(--green)!important}
#page-dashboard .home-inline-error{grid-column:1/-1;border:1px solid #f2c3cb;background:#fff5f6;color:#a61b35;border-radius:9px;padding:9px;font-size:10px}
#page-dashboard .home-library-card .deep-storage-note{margin-bottom:0!important}
#page-dashboard .home-recent-list{display:grid;gap:0}
#page-dashboard .home-recent-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line2);background:transparent;padding:8px 0;text-align:left;color:var(--text);font:inherit}
#page-dashboard .home-recent-item:last-child{border-bottom:0}
#page-dashboard .home-recent-item span{min-width:0}
#page-dashboard .home-recent-item small{display:block;color:var(--purple);font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
#page-dashboard .home-recent-item b{display:block;margin-top:2px;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-dashboard .home-recent-item time{font-size:8.5px;color:var(--muted);white-space:nowrap}
#page-dashboard [data-management-tab],#page-dashboard [data-page-link],#page-dashboard [data-home-action]{cursor:pointer}

@media(max-width:430px){
  #page-dashboard .home-status-grid{grid-template-columns:1fr!important}
  #page-dashboard .home-status-card{margin-bottom:8px!important}
}
@media(max-width:360px){
  #page-dashboard .home-toolbar{grid-template-columns:1fr!important}
  #page-dashboard .home-kpi-grid{gap:6px!important}
  #page-dashboard .home-kpi-grid .kpi-card{padding:8px!important}
  #page-dashboard .home-quick-grid{gap:6px!important}
  #page-dashboard .home-recent-item{grid-template-columns:1fr!important;gap:3px!important}
}


/* =====================================================================
   SHIVSHAHI ADMIN V13 - TEAM / MANAGEMENT COMPACT FUNCTIONAL PASS
   Base: V12. Familiar structure retained; no backend/API logic changes.
   ===================================================================== */

/* Fix the V11 column-flex basis bug that created huge empty gaps in Team. */
#page-management .page-head{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  justify-content:start!important;
  gap:8px!important;
  min-height:0!important;
  height:auto!important;
  margin:0 0 8px!important;
  padding:0!important;
}
#page-management .page-head>div:first-child{
  flex:none!important;
  flex-basis:auto!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
}
#page-management .page-head .head-actions{
  flex:none!important;
  flex-basis:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
}
#page-management .page-head .head-actions>*{
  flex:none!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
#page-management #addUserBtn,#page-management #addTaskBtn{min-height:40px!important}

/* Keep every Team tab familiar, but directly reachable in one swipe row. */
#page-management #managementTabs{
  position:sticky!important;
  top:var(--v11-sticky-top)!important;
  z-index:95!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:44px!important;
  margin:0 0 8px!important;
  padding:4px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:#eef0f6!important;
  border:1px solid #e2e4ec!important;
  border-radius:12px!important;
  scrollbar-width:thin!important;
  -webkit-overflow-scrolling:touch!important;
}
#page-management #managementTabs button{
  flex:0 0 auto!important;
  min-width:max-content!important;
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#page-management #managementTabs button.active{background:#fff!important;color:var(--purple)!important;box-shadow:0 2px 7px rgba(31,35,50,.08)!important}
#page-management .tab-panel.active{margin-top:0!important}

/* Password reset stays in the same place, only tighter and readable. */
#page-management .reset-requests-card{margin:0 0 8px!important;padding:10px!important}
#page-management .reset-requests-card .card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:start!important;margin-bottom:8px!important}
#page-management .reset-requests-card .card-head>div{min-width:0!important;flex:none!important}
#page-management .reset-requests-card .card-head h2{font-size:13.5px!important}
#page-management .reset-requests-card .card-head p{font-size:10px!important;line-height:1.35!important}
#page-management #passwordResetRefreshBtn{min-height:36px!important;padding:0 10px!important;font-size:10.5px!important}
#page-management .reset-request-list{gap:6px!important}
#page-management .reset-request-row{padding:8px 9px!important;gap:7px!important;border-radius:10px!important}
#page-management .reset-request-main b{font-size:11.5px!important}
#page-management .reset-request-main small{font-size:9.5px!important;line-height:1.32!important}
#page-management .reset-request-actions{gap:5px!important}
#page-management .reset-request-actions .tiny-btn{min-height:32px!important;height:auto!important;font-size:10px!important}

/* Users: same table and same actions, but compact and reachable. */
#page-management .users-bulk-toolbar{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  min-height:0!important;
  padding:8px!important;
}
#page-management .users-bulk-toolbar .search-input{width:100%!important;height:40px!important;margin:0!important}
#page-management .bulk-user-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;margin:0!important}
#page-management .bulk-user-actions .btn{width:100%!important;min-width:0!important;min-height:38px!important;margin:0!important}
#page-management .table-wrap{border-radius:0!important}
#page-management .table-wrap table{min-width:700px!important}
#page-management th,#page-management td{padding:9px 10px!important}
#page-management th{font-size:9.5px!important}
#page-management td{font-size:10.5px!important}
#page-management .user-cell b{font-size:11px!important}
#page-management .user-cell small{font-size:9px!important;line-height:1.3!important}
#page-management .table-wrap:has(#usersBody) th:nth-child(2),#page-management #usersBody td:nth-child(2){min-width:155px!important;max-width:190px!important}
#page-management .table-wrap:has(#usersBody) th:last-child,#page-management #usersBody td:last-child{min-width:190px!important}
#page-management #usersBody .table-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;min-width:180px!important}
#page-management #usersBody .table-actions .tiny-btn{width:100%!important;min-width:0!important;min-height:31px!important;padding:4px 6px!important;font-size:9.5px!important}
#page-management #usersBody .table-actions [data-user-revoke]{grid-column:1/-1!important}
#page-management .bulk-delete-note{padding:8px 10px!important;font-size:9px!important;line-height:1.35!important}

/* Restore and fit Identity & Access list; V12 HTML was missing these controls. */
#page-management .identity-summary{margin-bottom:8px!important}
#page-management .identity-head-card{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-bottom:8px!important;padding:10px!important}
#page-management .identity-head-card>div:first-child{min-width:0!important}
#page-management .identity-head-card .head-actions{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important;width:100%!important;margin:0!important}
#page-management .identity-head-card .compact-select{width:100%!important;min-width:0!important;height:40px!important}
#page-management .identity-users-card .table-toolbar{min-height:0!important;padding:8px!important}
#page-management .identity-users-card .search-input{width:100%!important;height:40px!important;max-width:none!important}
#page-management .identity-users-table{min-width:760px!important}
#page-management .table-wrap:has(#identityUsersBody) th:first-child,#page-management #identityUsersBody td:first-child{position:sticky!important;left:0!important;z-index:5!important;background:#fff!important;min-width:150px!important;box-shadow:5px 0 9px rgba(26,31,50,.035)!important}
#page-management .table-wrap:has(#identityUsersBody) thead th:first-child{background:#fbfcfe!important;z-index:7!important}
#page-management .table-wrap:has(#identityUsersBody) th:last-child,#page-management #identityUsersBody td:last-child{position:sticky!important;right:0!important;z-index:5!important;background:#fff!important;min-width:76px!important;box-shadow:-5px 0 9px rgba(26,31,50,.035)!important}
#page-management .table-wrap:has(#identityUsersBody) thead th:last-child{background:#fbfcfe!important;z-index:7!important}

/* Remaining Team tabs: same modules, just denser and touch-safe. */
#page-management [data-tab-panel="workspaces"] .card,#page-management [data-tab-panel="tasks"] .card,#page-management [data-tab-panel="sessions"] .card,#page-management [data-tab-panel="permissions"] .card,#page-management [data-tab-panel="audit"] .card{padding:10px!important}
#page-management [data-tab-panel="workspaces"] .table-wrap table{min-width:560px!important}
#page-management [data-tab-panel="sessions"] .table-wrap table{min-width:620px!important}
#page-management .task-list{display:grid!important;gap:7px!important}
#page-management .task-card{padding:9px!important;gap:8px!important;border-radius:10px!important}
#page-management .task-card h3{font-size:12px!important;margin-bottom:3px!important}
#page-management .task-card p,#page-management .task-card small{font-size:9.5px!important;line-height:1.35!important}
#page-management .task-card .table-actions{min-width:0!important}
#page-management .permission-grid{grid-template-columns:1fr!important;gap:8px!important}
#page-management .permission-presets{gap:5px!important;margin-bottom:8px!important}
#page-management .summary-chip{font-size:9.5px!important;line-height:1.3!important}
#page-management .audit-list{max-height:none!important;overflow:visible!important}

@media(max-width:390px){
  #page-management .page-head .head-actions{grid-template-columns:1fr 1fr!important}
  #page-management #managementTabs button{font-size:10px!important;padding:7px 9px!important}
  #page-management .reset-requests-card .card-head{grid-template-columns:1fr!important}
  #page-management #passwordResetRefreshBtn{width:100%!important}
  #page-management .identity-head-card .head-actions{grid-template-columns:1fr 1fr!important}
  #page-management .table-wrap table{min-width:680px!important}
}
@media(max-width:340px){
  #page-management .page-head .head-actions,#page-management .bulk-user-actions,#page-management .identity-head-card .head-actions{grid-template-columns:1fr!important}
}

/* =====================================================================
   SHIVSHAHI ADMIN V14 - LIVE COMPACT FUNCTIONAL PASS
   Base: V13. Live structure and JS/API behavior intentionally unchanged.
   ===================================================================== */

/* Fix the same column-flex basis issue that created the large empty gap. */
#page-live .page-head{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  justify-content:start!important;
  gap:8px!important;
  min-height:0!important;
  height:auto!important;
  margin:0 0 8px!important;
  padding:0!important;
}
#page-live .page-head>div:first-child{
  flex:none!important;
  flex-basis:auto!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
}
#page-live .page-head .head-actions{
  flex:none!important;
  flex-basis:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
}
#page-live .page-head .head-actions>*{
  flex:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  margin:0!important;
}

/* Platform cards stay familiar, only tighter and readable. */
#page-live .integration-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0 0 8px!important;
}
#page-live .integration-card{
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:center!important;
  padding:10px!important;
  margin:0!important;
  min-height:0!important;
}
#page-live .integration-logo{width:40px!important;height:40px!important;border-radius:10px!important;font-size:20px!important}
#page-live .integration-card h2{font-size:13px!important}
#page-live .integration-card p{font-size:10px!important;line-height:1.35!important;margin-top:2px!important;overflow-wrap:anywhere!important}
#page-live .integration-card .status-badge{font-size:9px!important;padding:5px 8px!important;white-space:nowrap!important}
#page-live .integration-body{grid-column:1/-1!important;padding-top:8px!important;margin-top:0!important;font-size:10px!important;line-height:1.35!important}

/* Current/last live should appear immediately after platform status. */
#page-live>.card:not(.live-analytics-card):not(.live-history-card):not(.live-delete-card){margin-bottom:8px!important}
#page-live .live-session-panel{min-height:0!important;height:auto!important}
#page-live .live-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#page-live .live-session-grid>div{padding:8px!important;border-radius:9px!important;min-width:0!important}
#page-live .live-session-grid small{font-size:9px!important;margin-bottom:3px!important}
#page-live .live-session-grid b,#page-live .live-session-grid strong{font-size:11px!important;overflow-wrap:anywhere!important}

/* Analytics controls: same fields, but no clipping and less vertical waste. */
#page-live .live-analytics-card{margin-top:0!important;margin-bottom:8px!important;padding:10px!important}
#page-live .live-analytics-card .card-head{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-bottom:8px!important;
}
#page-live .live-analytics-card .card-head>div:first-child{min-width:0!important}
#page-live .live-analytics-card .head-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
#page-live .live-analytics-card .head-actions .btn{width:100%!important;min-width:0!important;min-height:38px!important;margin:0!important}
#page-live .live-filter-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0 0 8px!important;
}
#page-live .live-filter-grid label{min-width:0!important;gap:4px!important}
#page-live .live-filter-grid label:has(#liveAnalyticsUser){grid-column:1/-1!important}
#page-live .live-filter-grid label span{font-size:9.5px!important}
#page-live .live-filter-grid input,#page-live .live-filter-grid select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:40px!important;
  padding:0 9px!important;
  font-size:14px!important;
  border-radius:9px!important;
}
#page-live .live-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#page-live .live-analytics-kpi{padding:9px!important;border-radius:10px!important;min-width:0!important}
#page-live .live-analytics-kpi small{font-size:9px!important}
#page-live .live-analytics-kpi strong{font-size:17px!important;margin-top:2px!important}
#page-live .live-analytics-kpi em{font-size:8.5px!important;line-height:1.2!important;overflow-wrap:anywhere!important}

/* Reports remain tables (familiar), with deliberate widths and reliable scrolling. */
#page-live .live-analytics-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:0!important}
#page-live .live-analytics-grid>.card{padding:10px!important;margin:0!important;min-width:0!important}
#page-live .live-analytics-grid .table-wrap,#page-live .live-history-card .table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
}
#page-live .live-analytics-grid>.card:first-child table{min-width:820px!important}
#page-live .live-analytics-grid>.card:last-child table{min-width:560px!important}
#page-live .live-history-card{margin-top:8px!important;padding:10px!important}
#page-live .live-history-card table{min-width:960px!important}
#page-live .live-history-card .card-head{margin-bottom:8px!important;align-items:center!important}
#page-live .live-history-card th,#page-live .live-history-card td,
#page-live .live-analytics-grid th,#page-live .live-analytics-grid td{padding:8px 9px!important;font-size:10px!important;vertical-align:top!important}
#page-live .live-user-cell b,#page-live .platform-stack b{font-size:10.5px!important}
#page-live .live-user-cell small,#page-live .platform-stack small{font-size:8.5px!important;line-height:1.25!important}

/* Keep important identity/status reachable during horizontal table movement. */
#page-live .table-wrap:has(#liveUserStatsBody) th:first-child,#page-live #liveUserStatsBody td:first-child,
#page-live .table-wrap:has(#liveHistoryBody) th:first-child,#page-live #liveHistoryBody td:first-child{
  position:sticky!important;left:0!important;z-index:5!important;background:#fff!important;
  box-shadow:5px 0 9px rgba(26,31,50,.035)!important;
}
#page-live .table-wrap:has(#liveUserStatsBody) thead th:first-child,
#page-live .table-wrap:has(#liveHistoryBody) thead th:first-child{background:#fbfcfe!important;z-index:7!important}
#page-live .table-wrap:has(#liveHistoryBody) th:last-child,#page-live #liveHistoryBody td:last-child{
  position:sticky!important;right:0!important;z-index:5!important;background:#fff!important;
  box-shadow:-5px 0 9px rgba(26,31,50,.035)!important;
}
#page-live .table-wrap:has(#liveHistoryBody) thead th:last-child{background:#fbfcfe!important;z-index:7!important}

/* Dangerous month delete remains visible but compact and separated. */
#page-live .live-delete-card{margin-top:8px!important;padding:10px!important}
#page-live .live-delete-card .card-head{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-bottom:7px!important}
#page-live .live-delete-card .card-head>div{min-width:0!important}
#page-live .live-delete-card .btn{width:100%!important;min-height:38px!important;margin:0!important}
#page-live .live-delete-card .deep-storage-note{padding:8px 9px!important;font-size:9.5px!important;line-height:1.35!important}

@media(max-width:390px){
  #page-live .page-head .head-actions{grid-template-columns:1fr 1fr!important}
  #page-live .live-filter-grid{grid-template-columns:1fr!important}
  #page-live .live-filter-grid label:has(#liveAnalyticsUser){grid-column:1!important}
  #page-live .live-analytics-kpis,#page-live .live-session-grid{grid-template-columns:1fr!important}
}
@media(max-width:340px){
  #page-live .page-head .head-actions,#page-live .live-analytics-card .head-actions{grid-template-columns:1fr!important}
}

/* SHIVSHAHI ADMIN V16 - Live Library outer shell gap fix only */
#page-library .page-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  margin:0 0 8px!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
}
#page-library .page-head>div:first-child{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
}
#page-library .page-head h1{margin:0!important;line-height:1.18!important}
#page-library .page-head p{display:none!important}
#page-library .page-head .head-actions{
  display:flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  gap:0!important;
}
#page-library .page-head .head-actions>.btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:68px!important;
  min-height:36px!important;
  padding:0 11px!important;
  margin:0!important;
}
#page-library .library-embed-shell{
  margin:0!important;
  height:calc(100dvh - 158px)!important;
  min-height:470px!important;
  max-height:none!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
#page-library .library-embed-shell iframe{display:block!important;width:100%!important;height:100%!important;border:0!important}
@media(max-width:640px){
  #page-library .page-head h1{font-size:18px!important}
  #page-library .page-head .head-actions>.btn{min-width:66px!important;min-height:34px!important;padding:0 9px!important;font-size:10px!important}
  #page-library .library-embed-shell{height:calc(100dvh - 148px)!important;min-height:440px!important}
}

/* SHIVSHAHI ADMIN V17 - Reels outer page compact mobile/laptop shell */
#page-reels .page-head{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
  flex-wrap:nowrap!important;gap:8px!important;margin:0 0 8px!important;padding:0!important;min-height:0!important;height:auto!important;
}
#page-reels .page-head>div:first-child{flex:1 1 auto!important;min-width:0!important;min-height:0!important;height:auto!important}
#page-reels .page-head h1{margin:0!important;line-height:1.18!important;font-size:19px!important}
#page-reels .page-head p{display:none!important}
#page-reels .page-head .head-actions{display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;gap:0!important}
#page-reels .page-head .head-actions>.btn{flex:0 0 auto!important;width:auto!important;min-width:68px!important;min-height:36px!important;padding:0 11px!important;margin:0!important;font-size:10.5px!important}
#page-reels .reels-library-embed-shell{margin:0!important;height:calc(100dvh - 158px)!important;min-height:470px!important;max-height:none!important;border-radius:12px!important;overflow:hidden!important;background:#f6f7fb!important}
#page-reels .reels-library-embed-shell iframe{display:block!important;width:100%!important;height:100%!important;border:0!important;background:#f6f7fb!important}
@media(max-width:640px){
  #page-reels .page-head h1{font-size:18px!important}
  #page-reels .page-head .head-actions>.btn{min-width:66px!important;min-height:34px!important;padding:0 9px!important;font-size:10px!important}
  #page-reels .reels-library-embed-shell{height:calc(100dvh - 148px)!important;min-height:440px!important}
}

/* =====================================================================
   SHIVSHAHI ADMIN V18 - PHOTO LIBRARY OUTER SHELL COMPACT PASS
   Presentation only. Existing HTML/JS/API/data behavior is untouched.
   ===================================================================== */
#page-photos .page-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  margin:0 0 8px!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
}
#page-photos .page-head>div:first-child{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
}
#page-photos .page-head h1{
  margin:0!important;
  line-height:1.18!important;
  font-size:19px!important;
}
#page-photos .page-head p{display:none!important}
#page-photos .page-head .head-actions{
  display:flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  gap:0!important;
}
#page-photos .page-head .head-actions>.btn{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:68px!important;
  min-height:36px!important;
  padding:0 11px!important;
  margin:0!important;
  font-size:10.5px!important;
}
#page-photos .photo-library-embed-shell{
  margin:0!important;
  height:calc(100dvh - 158px)!important;
  min-height:360px!important;
  max-height:none!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#f6f7fb!important;
}
#page-photos .photo-library-embed-shell iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  background:#f6f7fb!important;
}
@media(max-width:640px){
  #page-photos .page-head h1{font-size:18px!important}
  #page-photos .page-head .head-actions>.btn{
    min-width:66px!important;
    min-height:34px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }
  #page-photos .photo-library-embed-shell{
    height:calc(100dvh - 148px)!important;
    min-height:340px!important;
  }
}

/* =====================================================================
   SHIVSHAHI ADMIN V21 - SECURITY + SETTINGS COMPACT MOBILE PASS
   Scoped CSS only. No HTML/JS/API/backend behavior changes.
   ===================================================================== */
#page-security,#page-settings{min-width:0!important}

/* Remove the large vertical gap between title and actions. */
#page-security .page-head,#page-settings .page-head{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:start!important;
  justify-content:start!important;
  align-content:start!important;
  gap:8px!important;
  min-height:0!important;
  height:auto!important;
  margin:0 0 9px!important;
  padding:0!important;
}
#page-security .page-head>div:first-child,#page-settings .page-head>div:first-child{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
#page-security .page-head h1,#page-settings .page-head h1{
  margin:0!important;
  font-size:19px!important;
  line-height:1.16!important;
}
#page-security .page-head p,#page-settings .page-head p{
  margin:3px 0 0!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  max-width:52ch!important;
}

/* Security actions: first two side-by-side, Refresh full-width below. */
#page-security .page-head .head-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
#page-security .page-head .head-actions>.btn{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 8px!important;
  font-size:10.5px!important;
  line-height:1.15!important;
}
#page-security #securityRefreshBtn{grid-column:1/-1!important}

/* Settings has a single compact Refresh action directly under title. */
#page-settings .page-head .head-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
#page-settings .page-head .head-actions>.btn{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  font-size:10.5px!important;
}

/* Status cards start immediately after actions. No horizontal KPI scroller. */
#page-security .security-summary,#page-settings .security-summary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  overflow:visible!important;
  margin:0 0 8px!important;
  padding:0!important;
}
#page-security .security-kpi,#page-settings .security-kpi{
  min-width:0!important;
  min-height:72px!important;
  padding:9px!important;
  border-radius:11px!important;
  box-shadow:0 3px 12px rgba(26,31,50,.035)!important;
}
#page-security .security-kpi small,#page-settings .security-kpi small{
  font-size:9px!important;
  line-height:1.2!important;
}
#page-security .security-kpi strong,#page-settings .security-kpi strong{
  margin:4px 0 0!important;
  font-size:16px!important;
  line-height:1.14!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#page-security .security-summary>.security-kpi:last-child:nth-child(odd),
#page-settings .security-summary>.security-kpi:last-child:nth-child(odd){grid-column:1/-1!important}

/* Security detail sections: one readable column inside the app shell. */
#page-security .two-col-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0!important;
}
#page-security .card{
  min-width:0!important;
  margin:0!important;
  padding:10px!important;
  border-radius:12px!important;
}
#page-security .card-head{margin-bottom:7px!important}
#page-security .card-head h2{font-size:13px!important}
#page-security .recent-item{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
  padding:7px 0!important;
  min-width:0!important;
}
#page-security .recent-item b{font-size:10.5px!important;white-space:normal!important;overflow-wrap:anywhere!important}
#page-security .recent-item small,#page-security .recent-item span{font-size:9px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
#page-security .audit-row{min-width:0!important;overflow:hidden!important}
#page-security .audit-row b,#page-security .audit-row small{font-size:9.5px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
#page-security .audit-row code{
  display:block!important;
  max-width:100%!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  font-size:8.5px!important;
}

/* Settings cards: simple one-column mobile app layout, all values readable. */
#page-settings .settings-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:0!important;
}
#page-settings .settings-grid .card{
  min-width:0!important;
  margin:0!important;
  padding:10px!important;
  border-radius:12px!important;
}
#page-settings .settings-grid .card h2{
  margin:0 0 7px!important;
  font-size:13px!important;
  line-height:1.2!important;
}
#page-settings .settings-list>div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  min-height:36px!important;
  padding:5px 0!important;
}
#page-settings .settings-list>div span,#page-settings .settings-list>div b{
  min-width:0!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}
#page-settings .settings-list>div b{text-align:right!important}

@media(max-width:360px){
  #page-security .page-head .head-actions{grid-template-columns:1fr!important}
  #page-security #securityRefreshBtn{grid-column:1!important}
  #page-security .security-summary,#page-settings .security-summary{grid-template-columns:1fr!important}
  #page-security .security-summary>.security-kpi:last-child:nth-child(odd),
  #page-settings .security-summary>.security-kpi:last-child:nth-child(odd){grid-column:1!important}
}


/* SHIVSHAHI ADMIN V22 — OWNER / STAFF ACCESS */
.access-mode-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.06em;white-space:nowrap;border:1px solid var(--line)}
.access-mode-badge.staff{background:#fff7ed;color:#9a4a09;border-color:#fed7aa}.access-mode-badge.owner{background:#ecfdf3;color:#067647;border-color:#abefc6}
.owner-chip.staff{border-color:#fed7aa!important;background:#fffbeb!important}.owner-chip.owner{border-color:#abefc6!important;background:#f6fef9!important}
.owner-access-btn{white-space:nowrap;background:#6d3df5!important;color:#fff!important;border-color:#6d3df5!important}
.staff-mode .owner-locked{position:relative!important;opacity:.58!important;cursor:not-allowed!important;filter:saturate(.55)!important}
.staff-mode .owner-locked::after{content:' 🔒';font-size:.82em}
.owner-only-lock{display:grid;gap:7px;place-items:center;text-align:center;padding:18px 12px;border:1px dashed #d0d5dd;border-radius:12px;background:#f8fafc;color:#475467}
.owner-only-lock b{font-size:13px;color:#344054}.owner-only-lock small{font-size:10px;line-height:1.45}.owner-only-lock .btn{margin-top:3px}
.staff-mode [data-owner-only-section="password-reset"]{position:relative}
.staff-mode [data-owner-only-section="password-reset"]>.card-head{opacity:.72}
@media(max-width:760px){.access-mode-badge{min-height:24px;padding:0 7px;font-size:8px}.owner-access-btn{min-height:32px!important;padding:0 9px!important;font-size:9px!important}.admin-header .header-actions{gap:5px!important}}

/* V23 Owner password-only unlock modal */
.owner-unlock-form{display:grid;gap:12px}.owner-unlock-note{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.owner-unlock-form .field{display:grid;gap:6px}.owner-unlock-form .field span{font-size:11px;font-weight:800;color:var(--muted)}.owner-unlock-form input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:11px;padding:0 12px;font:inherit;font-size:16px;background:#fff;color:var(--text)}.owner-unlock-form input:focus{outline:0;border-color:#b995ef;box-shadow:0 0 0 3px #f1e9ff}.owner-unlock-message{min-height:18px;margin:0;color:var(--red);font-size:11px;font-weight:700}.owner-unlock-message.success{color:var(--green)}.owner-unlock-form .modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.owner-unlock-form .modal-actions .btn{width:100%}
@media(max-width:420px){.owner-unlock-form .modal-actions{grid-template-columns:1fr}}

/* SHIVSHAHI ADMIN V27 - native hidden must always win over button/sheet display rules */
[hidden],.access-force-hidden{display:none!important}

/* SHIVSHAHI ADMIN V28 - secure no-redeploy Staff surface */
.staff-surface-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:12px 14px;border:1px solid #eadcff;border-radius:14px;background:linear-gradient(135deg,#fbf8ff,#f6f1ff);box-shadow:0 6px 20px rgba(91,42,134,.06)}
.staff-surface-note>div{min-width:0;display:grid;gap:3px}.staff-surface-note b{font-size:12px;color:#4c1d95}.staff-surface-note small{font-size:10px;line-height:1.45;color:#667085}.staff-surface-note .btn{flex:0 0 auto;min-height:34px}
.staff-mode iframe{background:#fff}.staff-mode .page>.staff-surface-note+*{opacity:.92}
@media(max-width:640px){.staff-surface-note{align-items:flex-start;flex-direction:column}.staff-surface-note .btn{width:100%}}

/* SHIVSHAHI TASKS MAIN UPDATE V1: clean cards, clear status/due, delete action */
#page-management .task-list{display:grid!important;gap:10px!important}
#page-management .task-card.task-card-v2{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:13px!important;border:1px solid #e6e2ef!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 12px rgba(39,28,66,.04)!important}
#page-management .task-card-main{min-width:0}
#page-management .task-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
#page-management .task-card-title{margin:0!important;min-width:0;font-size:14px!important;line-height:1.35!important;color:#202231;overflow-wrap:anywhere}
#page-management .task-card-description{margin:0 0 8px!important;color:#646b7a!important;font-size:11.5px!important;line-height:1.45!important;overflow-wrap:anywhere}
#page-management .task-card-meta{display:flex;flex-wrap:wrap;gap:5px 14px;color:#666e7d;font-size:10.5px;line-height:1.4}
#page-management .task-meta-item b{color:#363b49;font-weight:800}
#page-management .task-due-overdue,#page-management .task-due-overdue b{color:#c92a2a!important}
#page-management .task-card-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
#page-management .task-info-chip,#page-management .task-priority-chip{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;background:#f4f2f8;color:#626878;font-size:9.5px;font-weight:800;white-space:nowrap}
#page-management .task-priority-chip.high{background:#fff3df;color:#a65b00}
#page-management .task-priority-chip.urgent{background:#fff0f0;color:#c92a2a}
#page-management .task-priority-chip.low{background:#f0f7ff;color:#3571a8}
#page-management .task-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:210px}
#page-management .task-card-actions .tiny-btn{min-height:34px;padding:0 11px;border-radius:9px;white-space:nowrap}
#page-management .task-card-actions .tiny-btn.danger{border-color:#f1caca;color:#bd2c2c;background:#fffafa}
#page-management .status-badge.pending{background:#fff4df;color:#9b6100}
#page-management .status-badge.in_progress{background:#eee7ff;color:#6428c2}
#page-management .status-badge.submitted{background:#e9f1ff;color:#2861b8}
#page-management .status-badge.completed{background:#e8f8ef;color:#167746}
#page-management .status-badge.cancelled{background:#f0f1f4;color:#626978}
#page-management .status-badge.revision,#page-management .status-badge.rejected,#page-management .status-badge.overdue{background:#fff0f0;color:#c92a2a}
@media(max-width:640px){
  #page-management .task-card.task-card-v2{grid-template-columns:1fr!important;align-items:stretch!important;padding:11px!important;gap:10px!important}
  #page-management .task-card-head{align-items:flex-start}
  #page-management .task-card-title{font-size:13px!important}
  #page-management .task-card-description{font-size:10.5px!important}
  #page-management .task-card-meta{display:grid;grid-template-columns:1fr;gap:3px;font-size:10px}
  #page-management .task-card-actions{max-width:none;width:100%;justify-content:flex-start;border-top:1px solid #f0edf5;padding-top:9px}
  #page-management .task-card-actions .tiny-btn{flex:1 1 auto;min-width:72px}
}

/* SHIVSHAHI MASTER LINK LIBRARY V1.4 - ONLY #page-links; no changes to other library pages. */
#page-links {min-width:0!important; padding:0!important; margin:0!important;}
#page-links .page-head {display:none!important;}
#page-links .link-library-embed-shell {
  display:block!important; height:auto!important; min-height:0!important;
  max-height:none!important; overflow:visible!important; contain:none!important;
  padding:0!important; margin:0!important; border:0!important;
  border-radius:0!important; background:transparent!important; box-shadow:none!important;
}
#page-links .link-library-embed-shell iframe {
  display:block!important; width:100%!important; max-width:100%!important;
  min-height:0!important; height:var(--link-library-frame-height, 650px)!important;
  overflow:hidden!important; border:0!important; background:transparent!important;
}
#page-links.active {padding-top:0!important;}
@media(max-width:640px) { #page-links .link-library-embed-shell {margin:0!important;} }

/* V1.8: Link Library uses the same Admin shell width as Reels and Photo Master Libraries. */

/* RESTORE HOME + TEAM IDENTITY + LIVE HISTORY (2026-10-09): scoped rules only. */
/* SHIVSHAHI ADMIN V29 - Live Session History card layout only */
#page-live .live-history-card{
  overflow:visible!important;
}
#page-live .live-history-card .card-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
#page-live .live-history-card #liveHistoryCount{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:0 9px!important;
  border:1px solid #e6e0f2!important;
  border-radius:999px!important;
  background:#faf8ff!important;
  color:#665b78!important;
  font-size:9.5px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
#page-live .live-history-card .table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
#page-live .live-history-card table{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  border:0!important;
}
#page-live .live-history-card thead{
  display:none!important;
}
#page-live #liveHistoryBody{
  display:grid!important;
  width:100%!important;
  gap:10px!important;
}
#page-live #liveHistoryBody tr{
  display:block!important;
  width:100%!important;
  border:0!important;
  background:transparent!important;
}
#page-live #liveHistoryBody td,
#page-live .table-wrap:has(#liveHistoryBody) #liveHistoryBody td:first-child,
#page-live .table-wrap:has(#liveHistoryBody) #liveHistoryBody td:last-child{
  display:block!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  position:static!important;
  left:auto!important;
  right:auto!important;
  z-index:auto!important;
  background:transparent!important;
  box-shadow:none!important;
}
#page-live .live-history-item{
  display:grid!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid #e8e4ef!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 3px 14px rgba(39,28,66,.045)!important;
}
#page-live .live-history-row.state-failed .live-history-item{
  border-color:#f1cdcd!important;
  background:linear-gradient(180deg,#fff,#fffafa)!important;
}
#page-live .live-history-row.state-interrupted .live-history-item{
  border-color:#f1d8b4!important;
  background:linear-gradient(180deg,#fff,#fffbf5)!important;
}
#page-live .live-history-row.state-live .live-history-item{
  border-color:#bfe7d1!important;
  background:linear-gradient(180deg,#fff,#f9fffb)!important;
}
#page-live .live-history-item-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}
#page-live .live-history-person{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
#page-live .live-history-avatar{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#f1eafd!important;
  color:#673ab7!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
#page-live .live-history-person-copy{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
#page-live .live-history-person-copy strong{
  color:#252535!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}
#page-live .live-history-person-copy small{
  color:#747b89!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
#page-live .live-history-state{
  flex:0 0 auto!important;
}
#page-live .live-history-state .status-badge{
  min-height:25px!important;
  padding:0 8px!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}
#page-live .live-history-platforms{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
#page-live .live-history-platform{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  min-height:27px!important;
  padding:4px 8px!important;
  border:1px solid #e6e6ec!important;
  border-radius:999px!important;
  background:#f8f9fb!important;
}
#page-live .live-history-platform b{
  font-size:9px!important;
  line-height:1.2!important;
}
#page-live .live-history-platform small{
  max-width:165px!important;
  color:#727888!important;
  font-size:8.5px!important;
  line-height:1.2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#page-live .live-history-platform.youtube{
  background:#fff6f7!important;
  border-color:#ffd9de!important;
  color:#b42335!important;
}
#page-live .live-history-platform.facebook{
  background:#f3f7ff!important;
  border-color:#d8e5ff!important;
  color:#245aaa!important;
}
#page-live .live-history-title-block{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
  padding:9px 10px!important;
  border:1px solid #eeeaf4!important;
  border-radius:11px!important;
  background:#fbfafe!important;
}
#page-live .live-history-eyebrow{
  color:#7b6b93!important;
  font-size:8.5px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  overflow-wrap:anywhere!important;
}
#page-live .live-history-title-block strong{
  color:#2e2e3b!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
#page-live .live-history-title-block small{
  color:#7a8190!important;
  font-size:9px!important;
  overflow-wrap:anywhere!important;
}
#page-live .live-history-meta-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
}
#page-live .live-history-meta{
  display:grid!important;
  align-content:start!important;
  gap:2px!important;
  min-width:0!important;
  padding:8px!important;
  border:1px solid #ece9f1!important;
  border-radius:10px!important;
  background:#fff!important;
}
#page-live .live-history-meta span{
  color:#878d99!important;
  font-size:8px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.025em!important;
}
#page-live .live-history-meta b{
  color:#363744!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}
#page-live .live-history-meta small{
  color:#7d8390!important;
  font-size:8px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}
#page-live .live-history-meta.emphasis{
  border-color:#e0d2f8!important;
  background:#faf7ff!important;
}
#page-live .live-history-meta.emphasis b{
  color:#5f2ea7!important;
  font-size:11px!important;
}
#page-live .live-history-footer:empty{
  display:none!important;
}
#page-live .live-history-short-reason{
  margin:0!important;
  padding:8px 9px!important;
  border:1px solid #f0d4d4!important;
  border-radius:9px!important;
  background:#fff8f8!important;
  color:#ad3232!important;
  font-size:9.5px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
#page-live .live-history-diag{
  margin-top:6px!important;
  border:1px solid #e7e3ed!important;
  border-radius:9px!important;
  background:#fbfbfd!important;
  overflow:hidden!important;
}
#page-live .live-history-diag summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:34px!important;
  padding:0 10px!important;
  cursor:pointer!important;
  color:#5d3d84!important;
  font-size:9.5px!important;
  font-weight:850!important;
  list-style:none!important;
}
#page-live .live-history-diag summary::-webkit-details-marker{display:none!important}
#page-live .live-history-diag summary::after{content:'+';font-size:14px;font-weight:800;color:#8b6bab}
#page-live .live-history-diag[open] summary::after{content:'−'}
#page-live .live-history-diag-content{
  display:grid!important;
  gap:8px!important;
  padding:9px 10px 10px!important;
  border-top:1px solid #ece9f1!important;
}
#page-live .live-history-diag-content small{
  color:#686f7d!important;
  font-size:9px!important;
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
}
#page-live .live-history-diag-btn{
  justify-self:start!important;
  min-height:30px!important;
  padding:0 9px!important;
}
#page-live .live-history-empty{
  display:grid!important;
  place-items:center!important;
  min-height:82px!important;
  padding:16px!important;
  border:1px dashed #ddd7e8!important;
  border-radius:12px!important;
  background:#fcfbfe!important;
  color:#777d89!important;
  font-size:10px!important;
  text-align:center!important;
}
@media(max-width:900px){
  #page-live .live-history-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:560px){
  #page-live .live-history-card{padding:9px!important}
  #page-live .live-history-card .card-head h2{font-size:13px!important}
  #page-live .live-history-item{padding:10px!important;gap:9px!important;border-radius:12px!important}
  #page-live .live-history-avatar{flex-basis:34px!important;width:34px!important;height:34px!important;font-size:10px!important}
  #page-live .live-history-person-copy strong{font-size:11.5px!important}
  #page-live .live-history-person-copy small{font-size:9px!important}
  #page-live .live-history-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #page-live .live-history-meta.emphasis{grid-column:span 2!important}
  #page-live .live-history-platform{max-width:100%!important}
  #page-live .live-history-platform small{max-width:130px!important}
}
@media(max-width:340px){
  #page-live .live-history-item-head{display:grid!important;grid-template-columns:1fr!important}
  #page-live .live-history-state{justify-self:start!important}
  #page-live .live-history-meta-grid{grid-template-columns:1fr!important}
  #page-live .live-history-meta.emphasis{grid-column:1!important}
}


/* SHIVSHAHI_HOME_MEDIA_LIBRARIES_V1 */
#page-dashboard .home-library-card .card-head{margin-bottom:8px!important}
#page-dashboard .home-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:8px}
#page-dashboard .home-library-tile{appearance:none;-webkit-appearance:none;width:100%;min-width:0;border:1px solid var(--line2);background:#fff;border-radius:11px;padding:10px;display:grid;grid-template-columns:29px minmax(0,1fr) auto 12px;gap:8px;align-items:center;text-align:left;color:var(--text);font:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
#page-dashboard .home-library-tile:hover{border-color:#d8c9ff;box-shadow:0 5px 15px rgba(91,52,186,.08)}
#page-dashboard .home-library-tile:active{transform:scale(.988)}
#page-dashboard .home-library-tile-video{grid-column:1/-1}
#page-dashboard .home-library-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-size:13px;font-weight:900}
#page-dashboard .home-library-copy{min-width:0;display:block}
#page-dashboard .home-library-copy b{display:block;font-size:10.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-dashboard .home-library-copy small{display:block;margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-dashboard .home-library-count{min-width:42px;text-align:right;display:block}
#page-dashboard .home-library-count strong{display:block;color:var(--purple);font-size:17px;line-height:1;font-weight:900}
#page-dashboard .home-library-count small{display:block;margin-top:3px;color:var(--muted);font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.035em}
#page-dashboard .home-library-arrow{color:#98a0b2;font-size:18px;line-height:1;text-align:right}
#page-dashboard .home-library-storage{margin:0!important;padding:8px 9px!important;font-size:8.8px!important;line-height:1.35!important;border-radius:9px!important}
@media(max-width:420px){#page-dashboard .home-library-grid{grid-template-columns:1fr!important}#page-dashboard .home-library-tile-video{grid-column:auto}#page-dashboard .home-library-tile{grid-template-columns:29px minmax(0,1fr) auto 12px}}


/* === Identity & User Control polish V1 === */
#page-management .identity-head-clean{padding:12px 14px!important;margin-bottom:8px!important}
#page-management .identity-head-clean h2{font-size:16px!important;margin:0 0 3px!important}
#page-management .identity-head-clean p{margin:0!important;font-size:11px!important;line-height:1.45!important}
#page-management .identity-users-clean{padding:10px!important;overflow:visible!important}
#page-management .identity-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 138px 128px auto;gap:8px;align-items:center;margin-bottom:10px}
#page-management .identity-search-wrap{position:relative;min-width:0}
#page-management .identity-search-wrap .identity-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#7b8190;pointer-events:none;z-index:1}
#page-management .identity-search-wrap .search-input{height:42px!important;padding-left:37px!important;border-radius:12px!important;background:#fff!important}
#page-management .identity-toolbar .compact-select{height:42px!important;border-radius:12px!important;background:#fff!important}
#page-management .identity-refresh-btn{height:42px!important;padding:0 14px!important;border-radius:12px!important;white-space:nowrap}
#page-management .identity-user-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#page-management .identity-user-card{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid #e8eaf0;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(24,31,50,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
#page-management .identity-user-card:hover{transform:translateY(-1px);border-color:#d9d2ff;box-shadow:0 7px 18px rgba(76,43,191,.07)}
#page-management .identity-user-card.risk-high{border-color:#f4c9cf;background:linear-gradient(180deg,#fff 0%,#fffafb 100%)}
#page-management .identity-user-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
#page-management .identity-user-person{display:flex;align-items:center;gap:9px;min-width:0}
#page-management .identity-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:#f0e9ff;color:#6f2ee8;font-size:15px;font-weight:900}
#page-management .identity-user-name{min-width:0}
#page-management .identity-user-name b{display:block;font-size:12px;line-height:1.3;color:#1f2430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-management .identity-user-name small{display:block;margin-top:3px;color:#7a8090;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-management .identity-user-badges{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
#page-management .identity-user-badges .badge,#page-management .identity-user-badges .risk-pill{font-size:9px!important;min-height:22px!important;height:22px!important;line-height:22px!important;padding:0 7px!important}
#page-management .identity-user-meta{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:6px}
#page-management .identity-user-meta>span{min-width:0;padding:8px 9px;border:1px solid #eef0f4;border-radius:10px;background:#fafbfc}
#page-management .identity-user-meta small,#page-management .identity-last-seen small{display:block;color:#8a90a0;font-size:8px;text-transform:uppercase;letter-spacing:.04em}
#page-management .identity-user-meta b{display:block;margin-top:2px;color:#2b3040;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-management .identity-user-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:1px}
#page-management .identity-last-seen{min-width:0}
#page-management .identity-last-seen b{display:block;margin-top:2px;font-size:9px;color:#5f6675;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-management .identity-open-btn{min-height:34px!important;height:34px!important;padding:0 11px!important;border-radius:10px!important;font-size:10px!important;white-space:nowrap}
#page-management .identity-empty-state{grid-column:1/-1;border:1px dashed #dfe2ea;border-radius:12px;padding:24px 14px;text-align:center;color:#7b8190;background:#fafbfc;font-size:11px}

@media(max-width:900px){
  #page-management .identity-toolbar{grid-template-columns:1fr 1fr 1fr!important}
  #page-management .identity-search-wrap{grid-column:1/-1}
  #page-management .identity-user-list{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  #page-management .identity-toolbar{grid-template-columns:1fr 1fr!important;gap:7px!important}
  #page-management .identity-search-wrap{grid-column:1/-1}
  #page-management .identity-refresh-btn{grid-column:1/-1;width:100%!important}
  #page-management .identity-user-card{padding:10px!important;gap:9px!important}
  #page-management .identity-user-top{align-items:center}
  #page-management .identity-user-badges{max-width:45%}
  #page-management .identity-user-meta{grid-template-columns:1.4fr .8fr .8fr!important}
  #page-management .identity-user-bottom{align-items:center}
  #page-management .identity-open-btn{min-width:96px}
}
@media(max-width:390px){
  #page-management .identity-toolbar{grid-template-columns:1fr!important}
  #page-management .identity-search-wrap,#page-management .identity-refresh-btn{grid-column:auto!important}
  #page-management .identity-user-top{align-items:flex-start;flex-direction:column}
  #page-management .identity-user-badges{max-width:none;justify-content:flex-start}
  #page-management .identity-user-meta{grid-template-columns:1fr 1fr!important}
  #page-management .identity-user-meta>span:first-child{grid-column:1/-1}
}


/* TEAM USERS: compact layout inside 520px Admin shell; markup and event handlers unchanged. */
#page-management .tab-panel[data-tab-panel="users"] .table-wrap:has(#usersBody){overflow:visible!important}
#page-management .tab-panel[data-tab-panel="users"] .table-wrap:has(#usersBody) table{display:block!important;min-width:0!important;width:100%!important}
#page-management .tab-panel[data-tab-panel="users"] .table-wrap:has(#usersBody) thead{display:block!important}
#page-management .tab-panel[data-tab-panel="users"] .table-wrap:has(#usersBody) thead tr{display:block!important;background:#fafbff!important}
#page-management .tab-panel[data-tab-panel="users"] .table-wrap:has(#usersBody) thead th{display:none!important}
#page-management .tab-panel[data-tab-panel="users"] .table-wrap:has(#usersBody) thead th.select-col{position:static!important;display:inline-flex!important;align-items:center!important;gap:8px!important;width:auto!important;height:auto!important;min-height:34px!important;margin:6px 10px!important;border:0!important;box-shadow:none!important;background:transparent!important}
#page-management .tab-panel[data-tab-panel="users"] .table-wrap:has(#usersBody) thead th.select-col:after{content:'Select all visible users';font-size:10px;letter-spacing:0;text-transform:none;font-weight:600;color:#687084}
#page-management #usersBody{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;padding:8px 10px 12px!important}
#page-management #usersBody tr{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;gap:7px 9px!important;align-items:center!important;border:1px solid #e6e8f2!important;border-radius:12px!important;padding:11px!important;background:#fff!important;min-width:0!important}
#page-management #usersBody td{position:static!important;left:auto!important;right:auto!important;z-index:auto!important;min-width:0!important;max-width:none!important;box-shadow:none!important;border:0!important;padding:0!important;background:transparent!important;overflow-wrap:anywhere!important;white-space:normal!important}
#page-management #usersBody td:nth-child(1){grid-column:1!important;grid-row:1!important;align-self:start!important;padding-top:3px!important}
#page-management #usersBody td:nth-child(2){grid-column:2/-1!important;grid-row:1!important}
#page-management #usersBody td:nth-child(3){grid-column:2!important;grid-row:2!important;font-size:10px!important;color:#657086!important}
#page-management #usersBody td:nth-child(4){grid-column:3!important;grid-row:2!important;font-size:10px!important;color:#657086!important;text-align:right!important}
#page-management #usersBody td:nth-child(5){grid-column:2/-1!important;grid-row:3!important}
#page-management #usersBody td:nth-child(6){grid-column:1/-1!important;grid-row:4!important;margin-top:3px!important}
#page-management #usersBody .user-cell b{font-size:12px!important;line-height:1.4!important}
#page-management #usersBody .user-cell small{font-size:10px!important;line-height:1.45!important;margin-top:2px!important}
#page-management #usersBody .table-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;min-width:0!important;width:100%!important;gap:5px!important}
#page-management #usersBody .table-actions [data-user-revoke]{grid-column:auto!important}
#page-management #usersBody .table-actions .tiny-btn{min-height:32px!important;padding:5px 3px!important;font-size:10px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:break-word!important;border-radius:8px!important}

/* SECURITY_CENTER_UI_V1 - only #page-security: no styles changed on other pages. */
#page-security .sc-header{margin-bottom:10px!important}
#page-security .sc-header p{max-width:560px}
#page-security .sc-header-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;width:100%!important}
#page-security .sc-header-actions .btn{min-height:40px!important;min-width:0!important;margin:0!important;padding:7px 8px!important;white-space:normal!important;line-height:1.3!important;font-size:11px!important}
#page-security #securityRefreshBtn{grid-column:1/-1!important}
#page-security .sc-note{color:#5f6778;background:#f7f6ff;border:1px solid #e7e1ff;border-radius:12px;padding:10px 12px;margin:0 0 10px;font-size:11.5px;line-height:1.5;overflow-wrap:anywhere}
#page-security .sc-note-compact{font-size:10.5px;margin:10px 0 0;background:#f9f9fd;border-color:#efedf7}
#page-security .sc-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;margin:0 0 12px!important}
#page-security .sc-summary .security-kpi{min-width:0!important;padding:12px!important;min-height:78px!important;border-radius:12px!important}
#page-security .sc-summary .security-kpi:last-child:nth-child(odd){grid-column:auto!important}
#page-security .sc-summary .security-kpi small{font-size:10px!important;line-height:1.3!important}
#page-security .sc-summary .security-kpi strong{font-size:15px!important;line-height:1.2!important;margin:6px 0 0!important;overflow-wrap:anywhere}
#page-security .sc-kpi-note{display:block;font-size:9px;color:#7a8192;margin-top:4px}
#page-security .sc-stack{display:grid;gap:10px;min-width:0}
#page-security .sc-card{padding:13px!important;margin:0!important;min-width:0!important;border-radius:15px!important;overflow:hidden}
#page-security .sc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}
#page-security .sc-card-head>div{min-width:0}
#page-security .sc-card-head h2{font-size:14px!important;line-height:1.3!important;margin:0!important}
#page-security .sc-card-head p{font-size:10.5px;color:#798092;margin:3px 0 0;line-height:1.35}
#page-security .sc-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;border-radius:10px;color:#6b28d7;background:#f4ecff;font-weight:800;font-size:13px}
#page-security .sc-list{display:grid;gap:7px;min-width:0;max-height:none!important;overflow:visible!important}
#page-security .sc-entry{display:flex;align-items:flex-start;gap:9px;padding:10px 9px;border:1px solid #e9eaf2;border-radius:11px;background:#fcfcff;min-width:0}
#page-security .sc-entry-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#f0eaff;color:#6d31dd;font-weight:800;font-size:15px}
#page-security .sc-entry-main{display:grid;gap:3px;flex:1 1 auto;min-width:0}
#page-security .sc-entry-main b{font-size:11.5px;font-weight:750;line-height:1.4;overflow-wrap:anywhere;color:#282a38}
#page-security .sc-entry-main .sc-entry-sub{font-size:10.5px;line-height:1.4;overflow-wrap:anywhere;color:#565f73}
#page-security .sc-entry-main small{font-size:9.5px!important;line-height:1.45;color:#858a99;overflow-wrap:anywhere}
#page-security .sc-entry-side{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:7px}
#page-security .sc-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:9px;font-weight:850;line-height:1;padding:7px 8px;border-radius:50px;white-space:nowrap}
#page-security .sc-good{background:#eaf9f0;color:#137347}
#page-security .sc-bad{background:#fff0f2;color:#b4233b}
#page-security .sc-neutral{background:#f0eafe;color:#692bd7}
#page-security .sc-revoke-btn{min-height:32px!important;height:auto!important;padding:6px 11px!important;color:#b42336!important;border:1px solid #f3bdc5!important;background:#fff!important;font-size:10px!important}
#page-security .sc-search-label{display:block;font-size:10px;font-weight:750;color:#5c6271;margin:0 0 5px}
#page-security .sc-search,#page-security .sc-filters input,#page-security .sc-filters select{display:block;width:100%;max-width:100%;min-width:0;height:40px;min-height:40px;border:1px solid #e1e3ed;border-radius:10px;padding:0 10px;background:#fff;color:#272938;font-size:13px!important;box-sizing:border-box;outline-offset:2px}
#page-security .sc-search{margin-bottom:10px}
#page-security .sc-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin:0 0 10px;align-items:end}
#page-security .sc-filter-label{display:grid;gap:4px;font-size:10px;font-weight:750;color:#5c6271;min-width:0}
#page-security .sc-error{padding:10px 12px;border:1px solid #f9ccd1;background:#fff6f7;border-radius:10px;font-size:11px;color:#8b2638;line-height:1.45;overflow-wrap:anywhere}
#page-security .sc-empty{padding:17px 10px;border:1px dashed #e4e4ee;background:#fafafe;border-radius:10px;color:#7a7f8f;text-align:center;font-size:11px;line-height:1.45}
@media(min-width:700px){#page-security .sc-header-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important}#page-security #securityRefreshBtn{grid-column:auto!important}#page-security .sc-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:380px){#page-security .sc-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-security .sc-filters{grid-template-columns:1fr!important}#page-security .sc-header-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* SETTINGS_CENTER_PHASE1_V2: Settings + Security only. */
#page-settings .st2-note,#page-security .st2-note{font-size:11px;line-height:1.5;color:#5f6579;padding:10px 12px;background:#f8f6ff;border:1px solid #ebe4ff;border-radius:11px;margin:8px 0 12px;overflow-wrap:anywhere}
#page-settings .st2-note-soft,#page-security .st2-note-soft{background:#fbfbfe;color:#73798b;border-color:#ebedf4;margin:12px 0 0;font-size:10.5px}
#page-settings .st2-stack{display:grid;grid-template-columns:1fr;gap:10px;min-width:0}
#page-settings .st2-card,#page-security .st2-security-actions{padding:14px!important;min-width:0;margin:0!important;background:#fff;border:1px solid #e9e8f4;border-radius:15px!important;box-shadow:0 5px 20px rgba(28,30,57,.035)}
#page-settings .st2-heading,#page-security .st2-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;min-width:0}
#page-settings .st2-heading>div,#page-security .st2-heading>div{min-width:0;flex:1}
#page-settings .st2-heading h2,#page-security .st2-heading h2{font-size:13.5px!important;font-weight:800!important;margin:0!important;color:#262333;line-height:1.35}
#page-settings .st2-heading p,#page-security .st2-heading p{font-size:10.5px;line-height:1.45;color:#798092;margin:3px 0 0!important}
#page-settings .st2-icon,#page-security .st2-icon{display:flex;align-items:center;justify-content:center;flex:0 0 33px;width:33px;height:33px;border-radius:10px;color:#6728d5;background:#f1ebff;font-size:16px}
#page-settings .st2-actions,#page-security .st2-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
#page-settings .st2-action,#page-security .st2-action{display:flex!important;align-items:center;justify-content:space-between;gap:4px;width:100%;min-width:0;max-width:100%;min-height:44px!important;white-space:normal!important;overflow-wrap:anywhere;text-align:left!important;padding:9px 10px!important;border-radius:11px!important;border:1px solid #e4e2f1!important;background:#fbfaff!important;color:#393348!important;font-weight:750!important;font-size:10.5px!important;line-height:1.4!important}
#page-settings .st2-action span,#page-security .st2-action span{color:#702fe5;font-size:15px;line-height:1}
#page-settings .st2-primary{background:#f2ecff!important;border-color:#d7c5ff!important;color:#5a1dcc!important}
#page-settings .st2-danger{border-color:#ffd5dc!important;background:#fff8f9!important;color:#ae263c!important;grid-column:1/-1}
#page-settings .st2-inline-btn{width:100%;min-height:38px!important;padding:8px 10px!important;border:1px solid #e0d7f7!important;background:#f8f4ff!important;color:#6026ce!important;font-weight:750;font-size:11px!important;border-radius:10px!important}
#page-settings .st2-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:10px 0}
#page-settings .st2-stats>div{padding:11px;min-width:0;background:#f8f9fc;border:1px solid #ecedf4;border-radius:10px;display:grid;gap:5px}
#page-settings .st2-stats small{font-size:10px;color:#798090}
#page-settings .st2-stats strong{font-size:14px;color:#262538;word-break:break-word;overflow-wrap:anywhere;line-height:1.35}
#page-settings .st2-rows{display:grid;gap:0;min-width:0;margin:8px 0 12px}
#page-settings .st2-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 2px;border-bottom:1px solid #f0f0f6;font-size:11px;color:#535c71}
#page-settings .st2-row:last-child{border-bottom:0}
#page-settings .st2-row>span{min-width:0;flex:1;overflow-wrap:anywhere}
#page-settings .st2-row small{display:block;color:#9295a2;margin-top:3px;line-height:1.35;font-size:9.5px}
#page-settings .st2-row>b{font-size:10.5px;text-align:right;overflow-wrap:anywhere;min-width:0;max-width:48%;color:#383448}
#page-settings .st2-status{padding:6px 8px;border-radius:100px;font-size:10px!important;font-weight:800}
#page-settings .st2-status.good{color:#097d4c;background:#eaf9f2}
#page-settings .st2-status.bad{color:#b32e3d;background:#fff0f2}
#page-settings .st2-status.neutral{color:#625b78;background:#f2f0f9}
#page-settings .st2-backup{align-items:center}
#page-settings .st2-small-btn{flex:0 0 auto;min-width:0!important;max-width:none!important;padding:7px 9px!important;min-height:34px!important;font-size:10px!important;text-decoration:none!important;color:#6423d1!important;background:#f6f0ff!important;border:1px solid #e1d5ff!important}
#page-settings .st2-empty{padding:12px 10px;background:#fbfbff;border:1px dashed #e5e4f0;color:#777e8f;border-radius:10px;font-size:10.5px;line-height:1.4}
#page-settings .st2-updated{font-size:9px;color:#878d99;line-height:1.5}
#page-settings .st2-advanced>summary{font-size:12px;font-weight:800;cursor:pointer;color:#493375;padding:2px 0;list-style:auto}
#page-settings .st2-summary{margin:0 0 12px!important}
#page-settings .st2-head{margin-bottom:7px!important}
#page-security .st2-security-actions{margin:0 0 12px!important}
#page-security .st2-security-actions .st2-note{margin-bottom:0!important}
#page-security #securitySessionsCard,#page-security #securityLoginCard,#page-security #securityAuditCard{scroll-margin-top:130px}
@media(max-width:380px){#page-settings .st2-actions,#page-security .st2-actions{grid-template-columns:1fr!important}#page-settings .st2-danger{grid-column:1!important}}


/* ============================================================================
   SHIVSHAHI ADMIN - HOME DASHBOARD PREMIUM V1 - 2026-10-09
   Visual treatment matches Shivshahi Online Login (lavender/white/purple/gold).
   STRICTLY SCOPED TO #page-dashboard. No backend, nav, or event changes.
   ============================================================================ */
#page-dashboard{
  --hd-ink:#2b1247;
  --hd-ink-soft:#473258;
  --hd-muted:#756981;
  --hd-purple:#7c4fc4;
  --hd-deep:#542b8a;
  --hd-gold:#c89b2b;
  --hd-line:rgba(43,18,71,.11);
  --hd-shadow:0 12px 30px rgba(43,18,71,.065),0 3px 9px rgba(43,18,71,.025);
  min-width:0!important;
  padding:18px 16px 22px!important;
  border:1px solid rgba(43,18,71,.075);
  border-radius:25px;
  background:radial-gradient(70% 20% at 50% 0%,rgba(124,79,196,.11),transparent 100%),linear-gradient(180deg,#faf8fe 0%,#f7f3fc 70%,#faf8fd 100%);
  color:var(--hd-ink);
}
#page-dashboard .home-intro{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:15px!important;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:0 0 15px!important;
  padding:24px 19px 18px!important;
  border:1px solid rgba(43,18,71,.105)!important;
  border-radius:23px!important;
  background:radial-gradient(90% 92% at 50% 0%,rgba(124,79,196,.065),transparent 85%),linear-gradient(180deg,#fff,#fdfbff);
  box-shadow:var(--hd-shadow);
}
#page-dashboard .home-intro::before{
  content:"";
  position:absolute;
  top:0;left:14%;right:14%;height:2px;
  background:linear-gradient(90deg,transparent,rgba(200,155,43,.65),rgba(124,79,196,.45),transparent);
  pointer-events:none;
}
#page-dashboard .home-intro-copy{min-width:0!important;text-align:center}
#page-dashboard .home-premium-kicker{
  display:block;
  margin:0 0 5px;
  color:#542b8a;
  font-size:10px;
  font-weight:850;
  letter-spacing:.23em;
  line-height:1.45;
}
#page-dashboard .home-intro h1{
  margin:0!important;
  color:var(--hd-ink)!important;
  font:700 clamp(30px,5vw,40px)/1.1 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.025em!important;
}
#page-dashboard .home-intro p{
  max-width:390px;
  margin:8px auto 0!important;
  color:var(--hd-muted)!important;
  font-size:12px!important;
  line-height:1.55!important;
}
#page-dashboard .home-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:9px!important;
  width:min(100%,410px)!important;
  margin:0 auto!important;
  height:auto!important;
}
#page-dashboard .home-toolbar > *{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  border-radius:13px!important;
  font-size:11.5px!important;
  font-weight:750!important;
}
#page-dashboard .home-toolbar .date-chip{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  padding:7px 9px!important;
  color:#5f4c74!important;
  border:1px solid rgba(124,79,196,.15)!important;
  background:#f8f4fc!important;
}
#page-dashboard #dashboardRefreshBtn{
  border:1px solid rgba(84,43,138,.24)!important;
  color:#fff!important;
  background:linear-gradient(112deg,#8a62cc 0%,#7c4fc4 48%,#542b8a 100%)!important;
  box-shadow:0 7px 17px rgba(84,43,138,.15)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
#page-dashboard #dashboardRefreshBtn:hover{filter:brightness(1.035);box-shadow:0 10px 20px rgba(84,43,138,.19)!important}
#page-dashboard #dashboardRefreshBtn:active{transform:translateY(1px)}

/* Eight KPI cards: important counts keep their original IDs + live data. */
#page-dashboard .home-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
  margin:0 0 14px!important;
  padding:0!important;
}
#page-dashboard .home-kpi-grid .kpi-card{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  min-width:0!important;
  min-height:98px!important;
  padding:13px 10px!important;
  gap:10px!important;
  border:1px solid var(--hd-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:var(--hd-shadow)!important;
  color:var(--hd-ink);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
#page-dashboard .home-kpi-grid .kpi-card>div{min-width:0}
#page-dashboard .home-kpi-grid .kpi-card:hover{
  transform:translateY(-2px);
  border-color:rgba(124,79,196,.28)!important;
  box-shadow:0 14px 26px rgba(43,18,71,.085)!important;
}
#page-dashboard .home-kpi-grid .kpi-icon{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  color:#6d41a8!important;
  background:linear-gradient(150deg,#f5eefb,#ece1f8)!important;
  font-size:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
#page-dashboard .home-kpi-grid .kpi-icon.red{color:#c13e60!important;background:linear-gradient(145deg,#fff1f4,#fde6ed)!important}
#page-dashboard .home-kpi-grid .kpi-icon.green{color:#218657!important;background:linear-gradient(145deg,#f0fbf5,#e3f5eb)!important}
#page-dashboard .home-kpi-grid .kpi-icon.orange{color:#a77b1c!important;background:linear-gradient(145deg,#fffaf0,#f9efda)!important}
#page-dashboard .home-kpi-grid .kpi-card small{
  display:block;
  color:#685a75!important;
  font-size:11px!important;
  font-weight:720;
  line-height:1.26!important;
  overflow-wrap:anywhere;
}
#page-dashboard .home-kpi-grid .kpi-card strong{
  display:block;
  margin:3px 0!important;
  color:var(--hd-ink)!important;
  font-size:clamp(22px,3vw,27px)!important;
  font-weight:850!important;
  line-height:1.08!important;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}
#page-dashboard .home-kpi-grid .kpi-card em{
  display:block;
  color:#93869b!important;
  font-size:10px!important;
  font-weight:500;
  font-style:normal;
  line-height:1.3!important;
  white-space:normal!important;
}

/* Single design language for all seven Home sections. */
#page-dashboard .card{
  min-width:0;
  padding:17px!important;
  border:1px solid var(--hd-line)!important;
  border-radius:19px!important;
  background:linear-gradient(180deg,#fff 0%,#fefcff 100%)!important;
  box-shadow:var(--hd-shadow)!important;
}
#page-dashboard .home-attention-card,
#page-dashboard .home-quick-card,
#page-dashboard .home-library-card,
#page-dashboard .home-recent-card{
  margin-bottom:13px!important;
}
#page-dashboard .card-head{gap:9px!important;margin-bottom:13px!important}
#page-dashboard .card-head h2{
  color:var(--hd-ink)!important;
  font-size:15px!important;
  font-weight:830!important;
  line-height:1.26!important;
  letter-spacing:-.016em;
}
#page-dashboard .card-head .muted{
  color:var(--hd-muted)!important;
  margin:5px 0 0!important;
  font-size:11px!important;
  line-height:1.47!important;
}
#page-dashboard .home-count-pill{
  min-width:23px;height:23px;
  color:#a26b14;
  border:1px solid #f0dfb9;
  background:#fffaf1;
  font-size:11px;
  vertical-align:middle;
}
#page-dashboard .home-attention-list{gap:8px!important}
#page-dashboard .home-attention-item{
  min-width:0;
  padding:11px 12px!important;
  border-radius:13px!important;
  border:1px solid #e9e0f3!important;
  background:#fbf9fe!important;
}
#page-dashboard .home-attention-item.warn{background:#fffaf1!important;border-color:#f0dbac!important}
#page-dashboard .home-attention-item.bad{background:#fff6f8!important;border-color:#f0becb!important}
#page-dashboard .home-attention-item b{font-size:12px!important;color:var(--hd-ink);line-height:1.35!important}
#page-dashboard .home-attention-item small{font-size:10px!important;color:var(--hd-muted)!important}
#page-dashboard .home-attention-item strong{background:#fff!important;color:var(--hd-deep)!important}
#page-dashboard .home-attention-ok{
  padding:13px!important;
  border-radius:13px!important;
  border-color:#cbe6d7!important;
  background:#f7fdf9!important;
}
#page-dashboard .home-attention-ok b{font-size:12.5px!important}
#page-dashboard .home-attention-ok small{font-size:10.5px!important}

/* Quick Actions: accessible two-column tiles, no cramped micro-labels. */
#page-dashboard .home-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#page-dashboard .home-quick-grid button,
#page-dashboard .home-quick-grid a{
  min-width:0!important;
  min-height:58px!important;
  padding:10px!important;
  gap:9px!important;
  border:1px solid #e8dff2!important;
  border-radius:14px!important;
  background:linear-gradient(160deg,#fff,#fbf8fe)!important;
  color:var(--hd-ink)!important;
  box-shadow:0 3px 10px rgba(43,18,71,.025);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
#page-dashboard .home-quick-grid button:hover,
#page-dashboard .home-quick-grid a:hover{
  border-color:#c7b3df!important;
  box-shadow:0 9px 17px rgba(84,43,138,.075)!important;
  transform:translateY(-1px);
}
#page-dashboard .home-quick-grid button>span,
#page-dashboard .home-quick-grid a>span{
  flex:0 0 35px!important;
  width:35px!important;
  height:35px!important;
  border-radius:11px!important;
  color:#7545b7!important;
  background:#f0e7fa!important;
  font-size:18px!important;
}
#page-dashboard .home-quick-grid button b,
#page-dashboard .home-quick-grid a b{
  min-width:0!important;
  color:var(--hd-ink)!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}

/* Team & Live summaries. */
#page-dashboard .home-status-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
  margin-bottom:0!important;
}
#page-dashboard .home-status-card{min-width:0!important;margin-bottom:13px!important}
#page-dashboard .home-status-card .card-head{align-items:flex-start!important;flex-wrap:wrap!important}
#page-dashboard .home-status-card .link-btn{
  color:#6335a0!important;
  font-size:10.5px!important;
  font-weight:760!important;
  white-space:nowrap!important;
  padding:6px 0!important;
}
#page-dashboard .home-mini-stats{gap:6px!important}
#page-dashboard .home-mini-stats>div{
  min-width:0!important;
  padding:9px 5px!important;
  border:1px solid #ece5f4!important;
  border-radius:11px!important;
  background:#faf7fd!important;
}
#page-dashboard .home-mini-stats small{
  color:#786a84!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere;
}
#page-dashboard .home-mini-stats b{
  margin-top:4px!important;
  color:var(--hd-ink);
  font-size:18px!important;
  font-weight:850!important;
  line-height:1.15!important;
  font-variant-numeric:tabular-nums;
}
#page-dashboard .home-inline-error{font-size:10.5px!important}

/* Master Video, Reels and Photo library shortcuts. */
#page-dashboard .home-library-grid{grid-template-columns:1fr!important;gap:9px!important;margin:0 0 10px!important}
#page-dashboard .home-library-tile-video{grid-column:auto!important}
#page-dashboard .home-library-tile{
  width:100%!important;
  min-width:0!important;
  min-height:80px!important;
  display:grid!important;
  grid-template-columns:37px minmax(0,1fr) auto 12px!important;
  gap:9px!important;
  padding:13px 10px!important;
  border:1px solid #e8dff2!important;
  border-radius:15px!important;
  background:linear-gradient(155deg,#fff,#fbf9fe)!important;
  box-shadow:0 3px 9px rgba(43,18,71,.025)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
#page-dashboard .home-library-tile:hover{
  transform:translateY(-1px);
  border-color:#cdb9e4!important;
  box-shadow:0 10px 18px rgba(84,43,138,.075)!important;
}
#page-dashboard .home-library-icon{
  width:37px!important;height:37px!important;
  border-radius:12px!important;
  color:#7b4cc3!important;
  background:#efe6f9!important;
  font-size:17px!important;
}
#page-dashboard .home-library-copy b{
  color:var(--hd-ink)!important;
  font-size:12px!important;
  font-weight:800!important;
}
#page-dashboard .home-library-copy small{
  margin-top:5px!important;
  color:var(--hd-muted)!important;
  font-size:10px!important;
}
#page-dashboard .home-library-count strong{
  color:var(--hd-deep)!important;
  font-size:23px!important;
  font-weight:850!important;
}
#page-dashboard .home-library-count small{font-size:9px!important;color:var(--hd-muted)!important}
#page-dashboard .home-library-arrow{font-size:20px!important;color:#9b89b1!important}
#page-dashboard .home-library-storage{
  padding:11px 12px!important;
  border:1px solid rgba(124,79,196,.13)!important;
  border-radius:12px!important;
  background:#f8f4fc!important;
  color:#685979!important;
  font-size:10.5px!important;
  line-height:1.5!important;
}

/* Recent Activity: legible type and a clear chronology. */
#page-dashboard .home-recent-list{gap:7px!important}
#page-dashboard .home-recent-item{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 11px!important;
  border:1px solid #ece5f3!important;
  border-radius:12px!important;
  background:#fdfbff!important;
  color:var(--hd-ink)!important;
  text-align:left;
  transition:background .16s ease,border-color .16s ease;
}
#page-dashboard .home-recent-item:hover{background:#f8f2fe!important;border-color:#d6c3e9!important}
#page-dashboard .home-recent-item small{color:#8152b9!important;font-size:9.5px!important;font-weight:850!important;letter-spacing:.055em}
#page-dashboard .home-recent-item b{
  margin-top:4px!important;
  color:var(--hd-ink)!important;
  font-size:11.5px!important;
  line-height:1.4!important;
}
#page-dashboard .home-recent-item time{color:#84768f!important;font-size:9.5px!important;line-height:1.4!important}
#page-dashboard .loading-row,#page-dashboard .empty-row{font-size:12px;color:var(--hd-muted)}

/* Access and motion: these are visual-only enhancements. */
#page-dashboard button:focus-visible,
#page-dashboard [tabindex="0"]:focus-visible{
  outline:2px solid #7c4fc4!important;
  outline-offset:3px!important;
}
/* Admin uses a centered 600px shell even on desktop, so KPI cards stay
   two-per-row until the shell layout itself is intentionally widened. */
@media(max-width:640px){
  #page-dashboard .home-library-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  #page-dashboard{padding:13px 11px 19px!important;border-radius:20px}
  #page-dashboard .home-intro{padding:21px 14px 16px!important;border-radius:19px!important}
  #page-dashboard .home-kpi-grid{gap:8px!important}
  #page-dashboard .home-kpi-grid .kpi-card{padding:11px 9px!important;gap:8px!important;min-height:90px!important}
  #page-dashboard .home-kpi-grid .kpi-icon{width:34px!important;height:34px!important;font-size:17px!important}
  #page-dashboard .home-kpi-grid .kpi-card{grid-template-columns:34px minmax(0,1fr)!important}
  #page-dashboard .home-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
  #page-dashboard .home-status-grid{grid-template-columns:1fr!important}
  #page-dashboard .home-library-tile-video{grid-column:auto!important}
  #page-dashboard .home-mini-stats small{font-size:10px!important}
}
@media(max-width:370px){
  #page-dashboard{padding:11px 9px 17px!important}
  #page-dashboard .home-toolbar{grid-template-columns:1fr!important}
  #page-dashboard .home-kpi-grid{gap:7px!important}
  #page-dashboard .home-kpi-grid .kpi-card{padding:10px 7px!important;grid-template-columns:31px minmax(0,1fr)!important}
  #page-dashboard .home-kpi-grid .kpi-icon{width:31px!important;height:31px!important;font-size:15px!important}
  #page-dashboard .home-kpi-grid .kpi-card small{font-size:10px!important}
  #page-dashboard .home-kpi-grid .kpi-card strong{font-size:21px!important}
  #page-dashboard .home-quick-grid button,#page-dashboard .home-quick-grid a{padding:9px 7px!important;gap:7px!important}
  #page-dashboard .home-quick-grid button>span,#page-dashboard .home-quick-grid a>span{width:30px!important;height:30px!important;flex-basis:30px!important}
  #page-dashboard .home-recent-item{grid-template-columns:1fr!important;gap:4px!important}
}
@media(prefers-reduced-motion:reduce){
  #page-dashboard .home-kpi-grid .kpi-card,
  #page-dashboard .home-quick-grid button,
  #page-dashboard .home-library-tile,
  #page-dashboard .home-recent-item,
  #page-dashboard #dashboardRefreshBtn{transition:none!important;transform:none!important}
}

/* =====================================================================
   SHIVSHAHI ADMIN - PREMIUM HEADER & FIVE-ITEM NAV V1 (09 OCT 2026)
   Visual polish only. Preserves the existing fixed TOP placement,
   all navigation routes, button IDs, owner/staff states and JS handlers.
   The other Admin pages and Dashboard components are untouched.
   Inspired by the Shivshahi Online Login light-lavender theme.
   ===================================================================== */
.admin-header{
  --nav-premium-purple:#7c4fc4;
  --nav-premium-deep:#542b8a;
  --nav-premium-ink:#2b1247;
  --nav-premium-gold:#c89b2b;
  background:linear-gradient(180deg,#ffffff 0%,#fdfbff 100%)!important;
  border-bottom:1px solid rgba(69,37,99,.10)!important;
  box-shadow:0 4px 16px rgba(43,18,71,.07)!important;
  isolation:isolate;
}
.admin-header::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,rgba(124,79,196,.42) 35%,rgba(200,155,43,.52) 67%,transparent 100%);
  pointer-events:none;
}
.admin-header .brand{gap:5px!important;min-width:0;white-space:nowrap;}
.admin-header .brand-main{
  color:#6f37b3!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.admin-header .brand-sub{
  display:inline-flex!important;
  align-items:center;
  min-height:20px;
  padding:0 6px!important;
  border:1px solid rgba(124,79,196,.11);
  border-radius:999px!important;
  color:#6536a8!important;
  background:linear-gradient(145deg,#f2eafa,#eee4f9)!important;
  font-weight:850!important;
  line-height:1.1!important;
  letter-spacing:.015em;
}
.admin-header .header-actions{align-items:center;gap:4px!important;min-width:0;}
.admin-header .header-actions .icon-btn{
  display:grid;
  place-items:center;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid rgba(84,43,138,.12)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#fff,#f6f0fb)!important;
  color:#633b99!important;
  font-size:16px;
  font-weight:800;
  box-shadow:0 2px 7px rgba(43,18,71,.04);
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.admin-header .header-actions .icon-btn:hover{
  border-color:rgba(124,79,196,.32)!important;
  background:#f0e6fa!important;
}
.admin-header .notice-btn b{
  right:-3px;top:-5px;
  border:2px solid #fff;
  min-width:19px;height:19px;line-height:15px;
  font-size:10px;
  background:#e73c64;
  box-shadow:0 2px 5px rgba(164,31,73,.14);
}
.admin-header .owner-chip{
  border:1px solid rgba(84,43,138,.09)!important;
  border-radius:999px!important;
  padding:2px!important;
  background:linear-gradient(145deg,#fff,#f8f3fd)!important;
}
.admin-header .owner-avatar{
  color:#632b9b!important;
  border:1px solid rgba(200,155,43,.26)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#f5edfd,#ebe0f7)!important;
  box-shadow:0 2px 6px rgba(84,43,138,.06);
}
.admin-header #ownerAccessBtn{
  min-height:34px!important;
  height:34px!important;
  padding:0 10px!important;
  border-radius:12px!important;
  border:1px solid rgba(84,43,138,.22)!important;
  background:linear-gradient(110deg,#865ec8 0%,#7044b7 52%,#562b8c 100%)!important;
  box-shadow:0 3px 9px rgba(84,43,138,.16),0 1px 0 rgba(255,255,255,.18) inset!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:0;
  white-space:nowrap;
}
.admin-header #ownerAccessBtn:hover{filter:brightness(1.045)}
.admin-header .access-mode-badge{
  font-weight:850;
  letter-spacing:.025em;
  border-radius:999px;
  box-shadow:0 1px 2px rgba(43,18,71,.025);
}
/* Preserve meaningful owner/staff status colors instead of restyling them purple. */
.admin-header .access-mode-badge.owner{background:#eafaf0;color:#117447;border-color:#b1e5c4}
.admin-header .access-mode-badge.staff{background:#fff8ec;color:#975b16;border-color:#efdab4}

.mobile-bottom-nav{
  --nav-premium-deep:#542b8a;
  position:fixed!important;
  /* Top-of-screen placement is intentional in the current Admin design. */
  background:linear-gradient(180deg,#ffffff 0%,#fdfbff 100%)!important;
  border-color:rgba(84,43,138,.12)!important;
  border-top:0!important;
  border-radius:0 0 17px 17px!important;
  padding:4px 7px!important;
  box-shadow:0 6px 18px rgba(43,18,71,.075)!important;
  isolation:isolate;
}
.mobile-bottom-nav::before{
  content:"";
  position:absolute;
  top:0;left:16px;right:16px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(124,79,196,.15),rgba(200,155,43,.17),transparent);
  pointer-events:none;
}
.mobile-bottom-nav>a,.mobile-bottom-nav>button{
  position:relative;
  min-width:0;
  border:1px solid transparent!important;
  border-radius:13px!important;
  color:#716382!important;
  background:transparent!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.mobile-bottom-nav .mobile-nav-icon{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  flex:0 0 24px;
  margin:0;
  border-radius:8px;
  color:#635475!important;
  font-size:17px!important;
  font-weight:800;
  line-height:1!important;
}
.mobile-bottom-nav b{
  color:#70627f;
  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:.01em;
  line-height:1.15!important;
  text-align:center;
}
.mobile-bottom-nav>a.active,.mobile-bottom-nav>button.active{
  border:1px solid rgba(124,79,196,.16)!important;
  color:#542b8a!important;
  background:linear-gradient(135deg,#f0e7fa 0%,#eee2f9 100%)!important;
  box-shadow:0 3px 8px rgba(84,43,138,.06),0 1px 0 rgba(255,255,255,.7) inset;
}
.mobile-bottom-nav>a.active .mobile-nav-icon,.mobile-bottom-nav>button.active .mobile-nav-icon{
  color:#6330a4!important;
  background:rgba(124,79,196,.085);
  box-shadow:0 0 0 1px rgba(200,155,43,.18) inset;
}
.mobile-bottom-nav>a.active b,.mobile-bottom-nav>button.active b{color:#532783!important}
.mobile-bottom-nav>a.active::after,.mobile-bottom-nav>button.active::after{
  content:"";
  position:absolute;
  left:calc(50% - 9px);
  bottom:1px;
  width:18px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#ebd28d,#c89b2b);
}
@media(hover:hover){
  .mobile-bottom-nav>a:not(.active):hover,
  .mobile-bottom-nav>button:not(.active):hover{
    border-color:rgba(124,79,196,.11)!important;
    color:#542b8a!important;
    background:#f5effb!important;
  }
  .mobile-bottom-nav>a:not(.active):hover .mobile-nav-icon,
  .mobile-bottom-nav>button:not(.active):hover .mobile-nav-icon{color:#6533a1!important}
}
.admin-header button:focus-visible,
.admin-header .brand:focus-visible,
.mobile-bottom-nav>a:focus-visible,
.mobile-bottom-nav>button:focus-visible{
  outline:2px solid #8357c2!important;
  outline-offset:2px!important;
}
@media(max-width:390px){
  .admin-header{padding-left:8px!important;padding-right:8px!important;gap:4px!important}
  .admin-header .header-actions{gap:3px!important}
  .admin-header .brand-main{font-size:15px!important}
  .admin-header .brand-sub{font-size:9px!important;padding:0 5px!important;min-height:19px}
  .admin-header .header-actions .icon-btn{width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important;border-radius:10px!important}
  .admin-header #ownerAccessBtn{font-size:9px!important;padding:0 7px!important;min-height:32px!important;height:32px!important}
  .admin-header .access-mode-badge{font-size:7.5px!important;padding:0 6px!important}
  .mobile-bottom-nav{padding-left:5px!important;padding-right:5px!important}
  .mobile-bottom-nav .mobile-nav-icon{width:23px;height:23px;flex-basis:23px;font-size:16px!important}
}
@media(max-width:340px){
  .admin-header .brand-main{font-size:13.5px!important}
  .admin-header .brand-sub{font-size:8px!important;padding:0 4px!important}
  .admin-header .header-actions{gap:2px!important}
  .admin-header .header-actions .icon-btn{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}
  .admin-header #ownerAccessBtn{font-size:8.5px!important;padding:0 5px!important}
  .admin-header .owner-avatar{width:28px;height:28px;font-size:11px}
  .mobile-bottom-nav b{font-size:8.7px!important}
}
@media(prefers-reduced-motion:reduce){
  .admin-header .header-actions .icon-btn,
  .mobile-bottom-nav>a,.mobile-bottom-nav>button{transition:none!important}
}
/* Preserve tap targets and prevent brand/action overlap on narrow phones. */
@media(max-width:390px){
  .admin-header .brand-sub{display:none!important}
}
/* Preserve recognizable status cues even after the light-theme polish. */
.admin-header .owner-chip.owner{
  border-color:rgba(17,116,71,.22)!important;
  background:linear-gradient(145deg,#ffffff,#effaf3)!important;
}
.admin-header .owner-chip.staff{
  border-color:rgba(200,155,43,.23)!important;
  background:linear-gradient(145deg,#ffffff,#fff9ef)!important;
}
/* ===============================================================
   SHIVSHAHI ADMIN - TEAM > USERS PREMIUM V1
   Only the Users tab, reset requests and Add/Edit User dialog.
   Login-reference palette: white / lavender / royal purple / gold.
   =============================================================== */
#page-management [data-tab-panel="users"]{
  --um-ink:#2b1247; --um-muted:#796b85; --um-purple:#7c4fc4;
  --um-deep:#542b8a; --um-gold:#c89b2b; --um-line:#e9e1f0;
  --um-soft:#f7f3fc; --um-shadow:0 8px 24px rgba(43,18,71,.055);
  display:block;min-width:0;
}
#page-management [data-tab-panel="users"] > .card{
  background:linear-gradient(180deg,#fff 0%,#fdfbff 100%)!important;
  border:1px solid #e9e0f2!important;
  border-radius:19px!important;
  box-shadow:var(--um-shadow)!important;
}
/* Password reset queue */
#page-management [data-tab-panel="users"] .reset-requests-card{
  margin:0 0 12px!important;padding:15px!important;overflow:hidden;
}
#page-management [data-tab-panel="users"] .reset-requests-card .card-head{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;margin:0 0 13px!important;align-items:start!important;
}
#page-management [data-tab-panel="users"] .reset-requests-card .card-head h2{
  font-size:16px!important;line-height:1.3!important;letter-spacing:-.02em;
  color:var(--um-ink)!important;margin:0 0 6px!important;
}
#page-management [data-tab-panel="users"] .reset-count-pill{
  min-width:23px!important;min-height:23px!important;height:auto!important;
  font-size:11px!important;background:#fff2e7!important;color:#9d6619!important;
  vertical-align:middle;border:1px solid #f2dfc5;
}
#page-management [data-tab-panel="users"] .reset-requests-card .card-head p{
  font-size:11px!important;line-height:1.55!important;color:var(--um-muted)!important;
  margin:0!important;
}
#page-management [data-tab-panel="users"] #passwordResetRefreshBtn{
  width:auto!important;min-height:37px!important;min-width:74px!important;
  padding:0 12px!important;border-radius:11px!important;
  font-size:11px!important;background:#fff!important;color:var(--um-deep)!important;
  border:1px solid #e8e0f0!important;
}
#page-management [data-tab-panel="users"] .um-reset-switch{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  padding:4px;gap:5px;border-radius:14px;
  border:1px solid #e7dced;background:#f2ecf8;
}
#page-management [data-tab-panel="users"] .um-reset-switch button{
  appearance:none;display:flex;align-items:center;justify-content:center;gap:7px;
  min-width:0;min-height:41px;padding:9px 9px;
  border:1px solid transparent;border-radius:11px;
  font:inherit;font-size:12px;font-weight:800;line-height:1.2;
  color:#675473;background:transparent;cursor:pointer;
}
#page-management [data-tab-panel="users"] .um-reset-switch button.active{
  background:linear-gradient(120deg,#885dcc,#6336a0);color:#fff;
  border-color:rgba(84,43,138,.12);box-shadow:0 5px 12px rgba(84,43,138,.17);
}
#page-management [data-tab-panel="users"] .um-reset-switch button:focus-visible{
  outline:2px solid var(--um-gold);outline-offset:2px;
}
#page-management [data-tab-panel="users"] .um-reset-total{
  min-width:21px;min-height:21px;padding:2px 6px;display:inline-grid;place-items:center;
  border-radius:8px;color:#6d3aa2;background:#fff;font-size:10px;
}
#page-management [data-tab-panel="users"] .um-reset-switch button.active .um-reset-total{
  background:rgba(255,255,255,.19);color:#fff;
}
#page-management [data-tab-panel="users"] .um-reset-hint{
  margin:9px 3px 10px;font-size:10.5px;color:var(--um-muted);line-height:1.5;
}
#page-management [data-tab-panel="users"] .reset-request-list{
  display:grid!important;gap:8px!important;max-height:none!important;overflow:visible!important;
}
#page-management [data-tab-panel="users"] .reset-request-row{
  display:grid!important;grid-template-columns:35px minmax(0,1fr)!important;
  align-items:start!important;gap:8px 10px!important;
  padding:12px!important;border-radius:14px!important;
  border:1px solid #e9e1f1!important;background:#fff!important;
  box-shadow:0 3px 10px rgba(43,18,71,.025);
}
#page-management [data-tab-panel="users"] .reset-request-row.pending{
  border-color:#e7d8ae!important;background:linear-gradient(180deg,#fffefa,#fff)!important;
}
#page-management [data-tab-panel="users"] .reset-request-row.approved{
  border-color:#c7e6d2!important;background:#fbfefc!important;
}
#page-management [data-tab-panel="users"] .um-reset-avatar{
  width:35px;height:35px;border-radius:11px;display:grid;place-items:center;
  background:#efe7fa;color:#613398;font-size:12px;font-weight:850;
}
#page-management [data-tab-panel="users"] .reset-request-main{
  display:grid!important;gap:4px!important;min-width:0!important;
}
#page-management [data-tab-panel="users"] .reset-request-main>b{
  font-size:13px!important;line-height:1.35!important;color:var(--um-ink)!important;
  white-space:normal;overflow-wrap:anywhere;
}
#page-management [data-tab-panel="users"] .um-reset-state{
  display:flex;align-items:center;flex-wrap:wrap;gap:5px;
}
#page-management [data-tab-panel="users"] .reset-request-main small{
  font-size:10.5px!important;line-height:1.5!important;color:var(--um-muted)!important;
  overflow-wrap:anywhere;
}
#page-management [data-tab-panel="users"] .reset-request-main .um-reset-note{
  color:#744b17!important;
}
#page-management [data-tab-panel="users"] .reset-request-actions{
  grid-column:2;display:flex!important;justify-content:flex-start!important;
  align-items:center!important;width:100%!important;gap:8px!important;
}
#page-management [data-tab-panel="users"] .reset-request-actions .tiny-btn{
  flex:0 1 auto;min-width:88px!important;min-height:36px!important;
  padding:8px 12px!important;border-radius:10px!important;
  font-size:11px!important;font-weight:750;
}
#page-management [data-tab-panel="users"] .reset-request-actions .tiny-btn.primary{
  background:linear-gradient(115deg,#895fd0,#6336a3)!important;
  color:#fff!important;border-color:#764abb!important;
}
#page-management [data-tab-panel="users"] .reset-request-actions .tiny-btn.danger{
  background:#fff!important;color:#ba4050!important;border-color:#f0ccd1!important;
}
#page-management [data-tab-panel="users"] .um-reset-empty{
  display:grid;place-items:center;text-align:center;gap:5px;
  padding:19px 12px;border-radius:12px;
  background:#faf7fd;border:1px dashed #ded0ed;color:var(--um-muted);
}
#page-management [data-tab-panel="users"] .um-reset-empty>span{
  font-size:24px;color:#7c4fc4;
}
#page-management [data-tab-panel="users"] .um-reset-empty>b{
  font-size:12.5px;color:var(--um-ink);
}
#page-management [data-tab-panel="users"] .um-reset-empty>small{
  font-size:10.5px;line-height:1.5;
}
#page-management [data-tab-panel="users"] .um-reset-error{
  color:#a42b3b;background:#fff7f8;border-color:#f2cad0;
}
#page-management [data-tab-panel="users"] .um-reset-truncated{
  margin:4px 0;padding:8px;text-align:center;font-size:10px;color:#786d85;
}
/* Team directory */
#page-management [data-tab-panel="users"] .um-directory-card{
  min-width:0;padding:13px!important;overflow:visible!important;
}
#page-management [data-tab-panel="users"] .um-directory-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:10px;
}
#page-management [data-tab-panel="users"] .um-directory-head>div{min-width:0}
#page-management [data-tab-panel="users"] .um-kicker{
  color:#6f429e;font-size:9px;letter-spacing:.18em;font-weight:850;
}
#page-management [data-tab-panel="users"] .um-directory-head h2{
  font-size:18px;line-height:1.18;color:var(--um-ink);margin:3px 0 5px;
}
#page-management [data-tab-panel="users"] .um-directory-head p{
  font-size:11px;line-height:1.4;margin:0;color:var(--um-muted);
}
#page-management [data-tab-panel="users"] .um-visible-count{
  flex:0 0 auto;font-size:10px;font-weight:780;color:#633a99;
  padding:8px 9px;border-radius:10px;background:#f3edfb;border:1px solid #e6d9f4;
}
#page-management [data-tab-panel="users"] .users-bulk-toolbar{
  display:grid!important;grid-template-columns:1fr!important;gap:9px!important;
  margin:0 0 8px!important;padding:0!important;
  background:transparent!important;border:0!important;
}
#page-management [data-tab-panel="users"] .um-user-search{
  display:flex;align-items:center;gap:8px;min-width:0;width:100%;
  border:1px solid #e4dced;border-radius:12px;
  background:#faf7fd;padding:0 12px;
}
#page-management [data-tab-panel="users"] .um-user-search>span{
  color:#8667a6;font-size:22px;line-height:1;
}
#page-management [data-tab-panel="users"] .um-user-search .search-input{
  min-width:0!important;min-height:43px!important;height:43px!important;
  width:100%!important;border:0!important;box-shadow:none!important;
  background:transparent!important;padding:0!important;margin:0!important;
  font-size:13px!important;color:#2b1247!important;outline:none;
}
#page-management [data-tab-panel="users"] .um-user-search:focus-within{
  border-color:#a987d8;box-shadow:0 0 0 3px rgba(124,79,196,.085);
}
#page-management [data-tab-panel="users"] .um-filter-line{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
#page-management [data-tab-panel="users"] .um-filter{
  display:grid;gap:5px;min-width:0;font-size:10px;font-weight:800;color:#6b5a76;
}
#page-management [data-tab-panel="users"] .um-filter select{
  appearance:auto;display:block;width:100%;min-width:0;min-height:42px;
  padding:0 8px;border:1px solid #e4dced;border-radius:12px;
  background:#fff;color:#3b2b4a;font:inherit;font-size:12px;
}
#page-management [data-tab-panel="users"] .um-filter select:focus-visible{
  outline:2px solid rgba(124,79,196,.65);outline-offset:1px;
}
#page-management [data-tab-panel="users"] .bulk-user-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;width:100%!important;
}
#page-management [data-tab-panel="users"] .bulk-user-actions .btn{
  min-height:41px!important;font-size:11.5px!important;border-radius:12px!important;
}
#page-management [data-tab-panel="users"] #usersRefreshBtn{
  color:#61358d!important;border-color:#e5dbed!important;background:#fff!important;
}
#page-management [data-tab-panel="users"] #usersDeleteSelectedBtn:disabled{
  opacity:.55;cursor:not-allowed;
}
/* Existing table retains all current action hooks; render it as cards. */
#page-management [data-tab-panel="users"] .um-users-table-wrap{
  overflow:visible!important;border:0!important;border-radius:0!important;
}
#page-management [data-tab-panel="users"] .um-users-table-wrap table{
  display:block!important;min-width:0!important;width:100%!important;
}
#page-management [data-tab-panel="users"] .um-users-table-wrap thead{
  display:block!important;border:1px solid #eee7f4!important;border-radius:12px!important;
  margin-bottom:7px;background:#f9f6fd;
}
#page-management [data-tab-panel="users"] .um-users-table-wrap thead tr{
  display:block!important;background:transparent!important;
}
#page-management [data-tab-panel="users"] .um-users-table-wrap thead th:not(.select-col){display:none!important}
#page-management [data-tab-panel="users"] .um-users-table-wrap thead th.select-col{
  display:inline-flex!important;align-items:center!important;min-height:36px!important;
  margin:0!important;padding:5px 12px!important;border:0!important;
  background:transparent!important;box-shadow:none!important;
}
#page-management [data-tab-panel="users"] .um-users-table-wrap thead th.select-col:after{
  content:'Select all visible eligible users';font-size:10.5px;
  font-weight:750;letter-spacing:0;color:#725f7e;text-transform:none;
}
#page-management [data-tab-panel="users"] .um-users-table-wrap input[type="checkbox"]{
  width:17px;height:17px;accent-color:#794cc2;cursor:pointer;
}
#page-management [data-tab-panel="users"] #usersBody{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  padding:0!important;gap:9px!important;
}
#page-management [data-tab-panel="users"] #usersBody tr.um-user-row{
  display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;
  grid-auto-rows:auto!important;gap:8px 9px!important;
  min-width:0!important;padding:13px!important;border-radius:15px!important;
  border:1px solid #e9e1f1!important;background:#fff!important;
  box-shadow:0 3px 12px rgba(43,18,71,.035);
}
#page-management [data-tab-panel="users"] #usersBody tr.um-user-row:hover{
  border-color:#d4c3e9!important;box-shadow:0 7px 18px rgba(43,18,71,.07);
}
#page-management [data-tab-panel="users"] #usersBody tr.um-user-row>td{
  min-width:0!important;max-width:none!important;position:static!important;
  border:0!important;padding:0!important;background:transparent!important;
  box-shadow:none!important;overflow-wrap:anywhere!important;
  font-size:11px!important;
}
#page-management [data-tab-panel="users"] #usersBody td:nth-child(1){grid-column:1;grid-row:1;padding-top:9px!important}
#page-management [data-tab-panel="users"] #usersBody td:nth-child(2){grid-column:2/-1;grid-row:1}
#page-management [data-tab-panel="users"] #usersBody td:nth-child(3){grid-column:2;grid-row:2;text-align:left!important}
#page-management [data-tab-panel="users"] #usersBody td:nth-child(4){grid-column:3;grid-row:2;text-align:right!important}
#page-management [data-tab-panel="users"] #usersBody td:nth-child(5){grid-column:2/-1;grid-row:3}
#page-management [data-tab-panel="users"] #usersBody td:nth-child(6){grid-column:1/-1;grid-row:4;margin-top:3px!important}
#page-management [data-tab-panel="users"] .um-person{
  display:flex;align-items:center;gap:9px;min-width:0;
}
#page-management [data-tab-panel="users"] .um-avatar{
  flex:0 0 39px;width:39px;height:39px;
  display:grid;place-items:center;border-radius:12px;
  background:linear-gradient(145deg,#f3ecfb,#eae0f7);
  color:#6a389b;font-size:13px;font-weight:850;
}
#page-management [data-tab-panel="users"] .um-person-copy{min-width:0;display:grid;gap:4px}
#page-management [data-tab-panel="users"] .um-person-copy b{
  color:#2b1247!important;font-size:13px!important;line-height:1.35!important;
  white-space:normal;overflow-wrap:anywhere;
}
#page-management [data-tab-panel="users"] .um-person-copy small{
  color:#84758e!important;font-size:10px!important;line-height:1.35!important;
  white-space:normal;overflow-wrap:anywhere;
}
#page-management [data-tab-panel="users"] .um-role small,
#page-management [data-tab-panel="users"] .um-branch small{
  display:block;font-size:9.5px!important;line-height:1.3;color:#8c7f96;
}
#page-management [data-tab-panel="users"] .um-role strong,
#page-management [data-tab-panel="users"] .um-branch strong{
  display:block;font-size:11px!important;font-weight:780;color:#4d3661;
  white-space:normal;overflow-wrap:anywhere;
}
#page-management [data-tab-panel="users"] .um-status{
  display:flex!important;align-items:center;flex-wrap:wrap;gap:7px;
}
#page-management [data-tab-panel="users"] .um-protected{
  font-size:10px;font-weight:750;padding:5px 8px;border-radius:30px;
  background:#fff8e9;color:#916316;
}
#page-management [data-tab-panel="users"] #usersBody .table-actions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;width:100%!important;min-width:0!important;
}
#page-management [data-tab-panel="users"] #usersBody .table-actions .tiny-btn{
  width:100%!important;min-width:0!important;min-height:38px!important;
  padding:7px 5px!important;font-size:10.5px!important;font-weight:750;
  line-height:1.3!important;border-radius:10px!important;white-space:normal!important;
  background:#f8f5fc;border:1px solid #e8dcf2;color:#5f3989;
}
#page-management [data-tab-panel="users"] #usersBody .table-actions [data-identity-open]{
  background:linear-gradient(115deg,#8a62cc,#62369e)!important;
  border-color:#6f45ad!important;color:#fff!important;
}
#page-management [data-tab-panel="users"] #usersBody .table-actions [data-user-revoke]{grid-column:span 2!important}
#page-management [data-tab-panel="users"] #usersBody .table-actions [data-user-delete]{
  background:#fff8f8!important;border-color:#efcdd1!important;color:#b8324a!important;
}
#page-management [data-tab-panel="users"] #usersBody .table-actions .tiny-btn:disabled{
  opacity:.5!important;cursor:not-allowed;
}
#page-management [data-tab-panel="users"] #usersBody .um-empty-row{
  display:block!important;padding:14px!important;background:#faf7fd!important;
  border:1px dashed #e0d3ed!important;border-radius:12px!important;
}
#page-management [data-tab-panel="users"] #usersBody .um-empty-row td{
  display:block!important;text-align:center!important;padding:12px 2px!important;
  font-size:12px!important;color:#746580;
}
#page-management [data-tab-panel="users"] .bulk-delete-note{
  padding:10px 11px!important;margin-top:10px!important;
  background:#faf7fd;border:1px solid #eee7f3;border-radius:12px;
  color:#86778f!important;font-size:10px!important;line-height:1.55!important;
}
/* Add / Edit User modal (not other dialogs) */
#modalBackdrop .modal:has(.user-access-form){
  max-width:500px!important;border:1px solid rgba(124,79,196,.13);
  border-radius:22px!important;box-shadow:0 24px 66px rgba(43,18,71,.2);
}
#modalBackdrop .modal:has(.user-access-form) .modal-head{
  border-bottom:1px solid #eee4f5;
  background:linear-gradient(180deg,#fff,#fdfaff);
}
#modalBackdrop .modal:has(.user-access-form) .modal-head h2{
  font-family:Georgia,"Times New Roman",serif;font-size:21px!important;color:#2b1247;
}
#modalBackdrop .user-access-form{gap:11px!important}
#modalBackdrop .user-access-form .um-user-form-intro{
  display:flex;align-items:center;gap:11px;padding:11px;
  border-radius:13px;background:#f8f3fd;border:1px solid #ede1f5;
}
#modalBackdrop .user-access-form .um-form-mark{
  width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;
  border-radius:12px;background:#e9dcf9;color:#7542aa;font-size:20px;
}
#modalBackdrop .user-access-form .um-user-form-intro b{
  display:block;font-size:12px;color:#2b1247;
}
#modalBackdrop .user-access-form .um-user-form-intro small{
  display:block;font-size:10.5px;line-height:1.45;color:#776782;margin-top:4px;
}
#modalBackdrop .user-access-form .form-field label{
  font-size:11.5px!important;color:#4a315b!important;
}
#modalBackdrop .user-access-form .form-field input,
#modalBackdrop .user-access-form .form-field select{
  min-height:45px!important;border:1px solid #e4d9ee!important;
  border-radius:12px!important;background:#fcfaff!important;
  color:#30213d;font-size:13px!important;
}
#modalBackdrop .user-access-form .form-field input:focus,
#modalBackdrop .user-access-form .form-field select:focus{
  border-color:#9e76ce!important;box-shadow:0 0 0 3px rgba(124,79,196,.10)!important;
}
#modalBackdrop .user-access-form .access-help{
  border:1px solid #e8dcf3;border-radius:12px;
  background:#f7f0fc;color:#603e88;
  font-size:11px!important;line-height:1.5;
}
#modalBackdrop .user-access-form .form-actions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
#modalBackdrop .user-access-form .form-actions .btn{
  min-height:44px!important;width:100%!important;border-radius:12px!important;
  font-size:12px!important;
}
#modalBackdrop .user-access-form .form-actions .btn.primary{
  background:linear-gradient(110deg,#8a62cc,#61359c)!important;
  border-color:#7244b5!important;color:#fff!important;
}
@media(max-width:390px){
  #page-management [data-tab-panel="users"] .reset-requests-card{padding:12px!important}
  #page-management [data-tab-panel="users"] .reset-requests-card .card-head{
    grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;
  }
  #page-management [data-tab-panel="users"] .reset-requests-card .card-head h2{font-size:14px!important}
  #page-management [data-tab-panel="users"] .um-directory-card{padding:10px!important}
  #page-management [data-tab-panel="users"] .um-directory-head{align-items:flex-start}
  #page-management [data-tab-panel="users"] .um-directory-head h2{font-size:16px}
  #page-management [data-tab-panel="users"] .um-visible-count{font-size:9px;padding:7px}
  #page-management [data-tab-panel="users"] #usersBody tr.um-user-row{padding:11px!important}
  #page-management [data-tab-panel="users"] #usersBody .table-actions .tiny-btn{font-size:10px!important;padding:6px 3px!important}
}
@media(prefers-reduced-motion:reduce){
  #page-management [data-tab-panel="users"] #usersBody tr.um-user-row{transition:none}
}
/* Reset approval actions remain compact on narrow admin screens. */
#page-management [data-tab-panel="users"] .reset-request-actions:has([data-password-reset-approve]){
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;gap:7px!important;
}
#page-management [data-tab-panel="users"] .reset-request-actions:has([data-password-reset-approve]) .tiny-btn{
  width:100%!important;min-width:0!important;min-height:37px!important;
}
/* Exact permission checkboxes appear only for Live/Custom access. */
#modalBackdrop .user-access-form #ufPermissionsWrap:not(.custom-open){display:none!important}
#modalBackdrop .user-access-form #ufPermissionsWrap.custom-open{display:grid!important}


/* ===========================================================================
   SHIVSHAHI ADMIN - LIVE MONITORING PREMIUM V1 (2026-10-09)
   Scope: #page-live only. Login-reference colors, layout and readability.
   Video streaming, analytics API, ids, listeners and other pages untouched.
   =========================================================================== */
#page-live {
  --live-ink:#2b1247;
  --live-muted:#746681;
  --live-purple:#7c4fc4;
  --live-deep:#542b8a;
  --live-gold:#c89b2b;
  --live-line:#e8e0f1;
  --live-soft:#f8f4fc;
  color:var(--live-ink);
  min-width:0;
  padding:0 0 24px;
}
#page-live,#page-live *{box-sizing:border-box}
#page-live .live-premium-kicker {
  display:inline-flex;align-items:center;gap:7px;
  color:#653795;font-size:9.5px;line-height:1.2;
  font-weight:900;letter-spacing:.19em;text-transform:uppercase;
}
#page-live .live-premium-kicker::before{
  content:"";display:block;width:18px;height:2px;border-radius:4px;
  background:linear-gradient(90deg,#c89b2b,#e9d08b)
}
#page-live .page-head{
  position:relative;isolation:isolate;
  display:grid!important;grid-template-columns:1fr!important;
  gap:15px!important;align-items:stretch!important;
  min-height:0!important;height:auto!important;
  margin:0 0 14px!important;
  padding:22px 18px 18px!important;
  border:1px solid #eae1f3;border-radius:22px;
  background:radial-gradient(95% 75% at 50% 0%,rgba(124,79,196,.07),transparent 75%),linear-gradient(180deg,#fff,#fdfaff);
  box-shadow:0 14px 33px rgba(43,18,71,.07),0 3px 9px rgba(43,18,71,.02);
  overflow:hidden;
}
#page-live .page-head::before{
  content:"";position:absolute;z-index:-1;top:0;left:12%;right:12%;height:2px;
  background:linear-gradient(90deg,transparent,#dec790,#946ad0,transparent)
}
#page-live .page-head>div:first-child{width:100%!important;min-width:0!important;flex:none!important;margin:0!important;text-align:center}
#page-live .page-head h1{
  margin:5px 0 7px!important;
  color:var(--live-ink)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(27px,5vw,35px)!important;
  line-height:1.11!important;font-weight:700!important;letter-spacing:-.035em;
}
#page-live .page-head p{
  max-width:440px;margin:0 auto!important;
  color:var(--live-muted)!important;
  font-size:12px!important;line-height:1.55!important;
}
#page-live .page-head .head-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;width:100%!important;margin:0!important;min-width:0!important;
}
#page-live .btn{
  display:inline-flex;justify-content:center;align-items:center;gap:7px;
  min-height:43px!important;line-height:1.25!important;
  padding:10px 12px!important;
  border:1px solid #e6dbf0!important;border-radius:13px!important;
  background:linear-gradient(180deg,#fff,#fbf8fe)!important;
  color:var(--live-deep)!important;
  box-shadow:0 3px 8px rgba(43,18,71,.035)!important;
  font-size:11.5px!important;font-weight:780!important;
  cursor:pointer;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease;
}
#page-live .btn.primary,
#page-live #openLiveStudioBtn {
  border-color:#7444af!important;color:#fff!important;
  background:linear-gradient(109deg,#9367d2,#7849c1,#5d3199)!important;
  box-shadow:0 9px 18px rgba(84,43,138,.18)!important;
}
#page-live .btn:hover{border-color:#c9b1e2!important;box-shadow:0 7px 15px rgba(84,43,138,.08)!important;transform:translateY(-1px)}
#page-live .btn.primary:hover,#page-live #openLiveStudioBtn:hover{box-shadow:0 11px 19px rgba(84,43,138,.22)!important}
#page-live .btn:active{transform:translateY(1px)}
#page-live .btn:focus-visible,#page-live select:focus-visible,#page-live input:focus-visible,
#page-live .live-history-diag summary:focus-visible{
  outline:2px solid #9463d5!important;outline-offset:2px!important;
}
#page-live .page-head .head-actions>*{width:100%!important;min-width:0!important;margin:0!important}

/* Standalone white cards with one premium identity. */
#page-live > .card,
#page-live .integration-card,
#page-live .live-analytics-grid > .card{
  min-width:0!important;max-width:100%!important;
  border:1px solid #eae3f2!important;border-radius:17px!important;
  background:linear-gradient(180deg,#fff,#fefcff)!important;
  box-shadow:0 7px 19px rgba(43,18,71,.045)!important;
  padding:15px!important;
}
#page-live > .card:not(.live-analytics-card):not(.live-history-card):not(.live-delete-card){margin:0 0 12px!important}
#page-live .card-head{gap:10px;margin-bottom:12px!important}
#page-live .card-head h2,#page-live .integration-card h2{
  color:var(--live-ink)!important;
  font-size:15px!important;font-weight:800!important;line-height:1.35!important;
}
#page-live .card-head p,#page-live .card .muted{
  color:var(--live-muted)!important;font-size:11.5px!important;line-height:1.55!important;
}

/* Facebook / YouTube: preserve device-only integration semantics. */
#page-live .integration-grid{
  display:grid!important;grid-template-columns:1fr!important;
  gap:11px!important;margin:0 0 12px!important;
}
#page-live .integration-card{
  display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:10px!important;align-items:center!important;
}
#page-live .integration-logo{
  width:46px!important;height:46px!important;
  border-radius:14px!important;font-size:25px!important;
  box-shadow:0 5px 13px rgba(27,21,56,.10);
}
#page-live .integration-logo.fb{background:linear-gradient(135deg,#3895ff,#1877f2)!important}
#page-live .integration-logo.yt{background:linear-gradient(135deg,#ff4466,#eb0033)!important}
#page-live .integration-card>div:nth-child(2){min-width:0!important}
#page-live .integration-card p{
  margin:3px 0 0!important;font-size:11.2px!important;
  line-height:1.5!important;color:var(--live-muted)!important;overflow-wrap:anywhere;
}
#page-live .integration-card .status-badge{
  align-self:start;min-height:25px!important;
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 9px!important;border-radius:99px!important;
  font-size:10px!important;font-weight:900!important;letter-spacing:.04em!important;
}
#page-live .integration-body{
  grid-column:1/-1!important;
  width:100%;margin:3px 0 0!important;padding:10px 0 0!important;
  border-top:1px solid #efe9f5!important;
  color:var(--live-muted)!important;font-size:11px!important;line-height:1.55!important;
}
#page-live .integration-body p{font-size:11px!important}

/* Current Live, including true app status via existing renderLive(). */
#page-live .live-session-panel{height:auto!important;min-height:0!important}
#page-live .live-session-panel .deep-storage-note{
  margin:0!important;padding:13px!important;
  border:1px solid #cbe8d6!important;border-radius:13px!important;
  background:linear-gradient(135deg,#f0fcf6,#f9fffb)!important;
  color:#266746!important;font-size:11.5px!important;line-height:1.6!important;
}
#page-live .live-now-row{
  display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:10px!important;margin:0 0 9px!important;
  padding:12px!important;
  border:1px solid #dce7df!important;border-radius:13px!important;
  background:#fafdfa!important;
}
#page-live .live-now-row>div{min-width:0!important}
#page-live .live-now-row b{font-size:12px!important;color:#2e2940!important;overflow-wrap:anywhere}
#page-live .live-now-row small{font-size:10.5px!important;line-height:1.4!important;overflow-wrap:anywhere}
#page-live .live-now-row .status-badge{justify-self:start;align-self:center}
#page-live .live-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#page-live .live-session-grid>div{
  padding:12px!important;border-radius:12px!important;
  border:1px solid #e9e0f2!important;background:#faf7fd!important;
}
#page-live .live-session-grid small{font-size:10.5px!important}
#page-live .live-session-grid b,#page-live .live-session-grid strong{font-size:13px!important;color:var(--live-ink)!important}

/* Analytics: primary filters and responsive KPI grid. */
#page-live .live-analytics-card{margin:0 0 12px!important}
#page-live .live-analytics-card .card-head{
  display:grid!important;grid-template-columns:1fr!important;gap:12px!important;
}
#page-live .live-analytics-card .card-head>div:first-child{min-width:0!important}
#page-live .live-analytics-card .head-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;width:100%!important;min-width:0!important;margin:0!important;
}
#page-live .live-analytics-card .head-actions .btn{width:100%!important;margin:0!important;min-height:43px!important}
#page-live .live-filter-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;margin:0 0 14px!important;
}
#page-live .live-filter-grid label{display:grid!important;gap:6px!important;min-width:0!important}
#page-live .live-filter-grid label:has(#liveAnalyticsUser){grid-column:auto!important}
#page-live .live-filter-grid label span{
  color:#574368!important;font-size:11px!important;font-weight:780!important;
}
#page-live .live-filter-grid input,#page-live .live-filter-grid select{
  width:100%!important;min-width:0!important;height:44px!important;
  padding:0 10px!important;
  border:1px solid #e5d9ef!important;border-radius:12px!important;
  background:linear-gradient(180deg,#fff,#faf7fd)!important;
  color:var(--live-ink)!important;font-size:12px!important;
  box-shadow:0 2px 5px rgba(43,18,71,.015)!important;
}
#page-live .live-filter-grid input:focus,#page-live .live-filter-grid select:focus{
  border-color:#a882da!important;box-shadow:0 0 0 3px rgba(124,79,196,.10)!important;
}
#page-live .live-analytics-kpis{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
#page-live .live-analytics-kpis .analytics-kpi,
#page-live .live-analytics-kpis .live-analytics-kpi{
  padding:12px!important;min-width:0!important;
  border:1px solid #eae1f2!important;border-radius:13px!important;
  background:linear-gradient(160deg,#fff,#faf6fe)!important;
  box-shadow:0 2px 7px rgba(43,18,71,.02)!important;
}
#page-live .live-analytics-kpis .analytics-kpi small,
#page-live .live-analytics-kpis .live-analytics-kpi small{
  display:block!important;color:#716180!important;font-size:10.5px!important;
  line-height:1.3!important;font-weight:730!important;
}
#page-live .live-analytics-kpis .analytics-kpi strong,
#page-live .live-analytics-kpis .live-analytics-kpi strong{
  display:block!important;margin:5px 0 0!important;
  color:var(--live-ink)!important;font-size:23px!important;line-height:1.12!important;
  letter-spacing:-.02em;font-weight:850!important;overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}
#page-live .live-analytics-kpis .analytics-kpi:first-child{
  border-color:#dcc8ee!important;
  background:linear-gradient(145deg,#f9f4fe,#f1e7fb)!important;
}
#page-live .live-analytics-kpis .analytics-kpi:last-child:nth-child(odd){grid-column:1/-1}
#page-live .live-analytics-kpis .analytics-kpi em{font-size:10px!important;color:var(--live-muted)!important}

/* User Performance + Daily Report: compact row-cards, no nested sideways scroll. */
#page-live .live-analytics-grid{
  display:grid!important;grid-template-columns:1fr!important;
  gap:12px!important;margin:0 0 12px!important;
}
#page-live .live-analytics-grid>.card{margin:0!important}
#page-live .live-analytics-grid .table-wrap{
  width:100%!important;max-width:100%!important;
  height:auto!important;max-height:none!important;
  overflow:visible!important;border:0!important;
  box-shadow:none!important;
}
#page-live .live-analytics-grid .table-wrap table,
#page-live .live-analytics-grid>.card:first-child table,
#page-live .live-analytics-grid>.card:last-child table{
  display:block!important;width:100%!important;max-width:100%!important;
  min-width:0!important;border:0!important;
}
#page-live .live-analytics-grid .table-wrap thead{display:none!important}
#page-live .live-analytics-grid .table-wrap tbody{
  display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
  width:100%!important;min-width:0!important;
}
#page-live .live-analytics-grid .table-wrap tbody tr{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;width:100%!important;min-width:0!important;
  padding:11px!important;
  border:1px solid #ebe3f2!important;border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#fdfaff)!important;
  box-shadow:0 3px 10px rgba(43,18,71,.025)!important;
}
#page-live .live-analytics-grid .table-wrap tbody td,
#page-live .live-analytics-grid #liveUserStatsBody td:first-child{
  position:static!important;left:auto!important;right:auto!important;
  display:flex!important;flex-direction:column!important;gap:4px!important;
  width:auto!important;min-width:0!important;margin:0!important;
  padding:9px!important;
  border:1px solid #f0eaf6!important;border-radius:10px!important;
  background:#faf8fd!important;
  box-shadow:none!important;
  color:var(--live-ink)!important;font-size:12px!important;font-weight:700!important;
  line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere;
  text-align:left!important;
}
#page-live .live-analytics-grid .table-wrap tbody td::before{
  display:block;color:#7c6d87;font-size:9.8px;font-weight:800;
  letter-spacing:.02em;line-height:1.2;
}
#page-live #liveUserStatsBody td:first-child,
#page-live #liveDailyStatsBody td:first-child{
  grid-column:1/-1!important;
  background:#f4edf9!important;border-color:#e6d8f0!important;
}
#page-live #liveUserStatsBody td:first-child::before{content:'USER'}
#page-live #liveUserStatsBody td:nth-child(2)::before{content:'ACTIVE DAYS'}
#page-live #liveUserStatsBody td:nth-child(3)::before{content:'LIVE SESSIONS'}
#page-live #liveUserStatsBody td:nth-child(4)::before{content:'ACTUAL LIVE'}
#page-live #liveUserStatsBody td:nth-child(5)::before{content:'YOUTUBE'}
#page-live #liveUserStatsBody td:nth-child(6)::before{content:'FACEBOOK'}
#page-live #liveUserStatsBody td:nth-child(7)::before{content:'LONGEST'}
#page-live #liveUserStatsBody td:nth-child(8)::before{content:'SUCCESS'}
#page-live #liveUserStatsBody td:nth-child(9)::before{content:'FAILED'}
#page-live #liveUserStatsBody td:nth-child(10)::before{content:'RECONNECTS'}
#page-live #liveDailyStatsBody td:first-child::before{content:'DATE'}
#page-live #liveDailyStatsBody td:nth-child(2)::before{content:'SESSIONS'}
#page-live #liveDailyStatsBody td:nth-child(3)::before{content:'USERS'}
#page-live #liveDailyStatsBody td:nth-child(4)::before{content:'ACTUAL LIVE'}
#page-live #liveDailyStatsBody td:nth-child(5)::before{content:'YOUTUBE'}
#page-live #liveDailyStatsBody td:nth-child(6)::before{content:'FACEBOOK'}
#page-live #liveUserStatsBody td.user-cell b{font-size:12px!important;font-weight:800!important;color:var(--live-ink)!important}
#page-live #liveUserStatsBody td.user-cell small{font-size:10px!important;color:var(--live-muted)!important}
#page-live .live-analytics-grid td.empty-row{
  display:block!important;grid-column:1/-1!important;
  background:#fbf9fd!important;color:var(--live-muted)!important;
  text-align:center!important;padding:15px!important;
}
#page-live .live-analytics-grid td.empty-row::before{display:none!important}

/* Session History cards: retain full diagnostics, enlarge tiny type. */
#page-live .live-history-card{margin:0 0 12px!important}
#page-live .live-history-card .card-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  flex-wrap:wrap!important;gap:9px!important;
}
#page-live .live-history-card .card-head #liveHistoryCount{
  display:inline-flex!important;align-items:center;min-height:28px;
  padding:6px 10px!important;
  border:1px solid #e1d1ed!important;border-radius:999px!important;
  background:#f2eafa!important;color:#5b338e!important;
  font-size:10.5px!important;font-weight:800!important;
}
#page-live .live-history-card .table-wrap{overflow:visible!important;max-height:none!important;box-shadow:none!important}
#page-live .live-history-card .live-history-item{
  gap:12px!important;padding:13px!important;
  border:1px solid #e9e0f0!important;border-radius:15px!important;
  background:linear-gradient(155deg,#fff,#fdfaff)!important;
  box-shadow:0 4px 12px rgba(43,18,71,.035)!important;
}
#page-live .live-history-person-copy strong{font-size:13px!important;color:var(--live-ink)!important}
#page-live .live-history-person-copy small{font-size:10.5px!important;color:var(--live-muted)!important}
#page-live .live-history-avatar{
  width:39px!important;height:39px!important;flex-basis:39px!important;
  background:linear-gradient(145deg,#f2e9fa,#e9daf6)!important;
  border:1px solid #e2d1ed!important;
  color:#653595!important;font-size:12px!important;
}
#page-live .live-history-state .status-badge{
  min-height:27px!important;padding:5px 10px!important;font-size:10px!important;
  letter-spacing:.01em!important;
}
#page-live .live-history-platform{min-height:30px!important;padding:5px 9px!important}
#page-live .live-history-platform b{font-size:10.5px!important}
#page-live .live-history-platform small{font-size:10px!important}
#page-live .live-history-title-block{
  padding:11px!important;
  border:1px solid #e9dff1!important;border-radius:12px!important;
  background:linear-gradient(180deg,#fbf7fe,#f6effb)!important;
}
#page-live .live-history-eyebrow{color:#70518c!important;font-size:10px!important}
#page-live .live-history-title-block strong{color:var(--live-ink)!important;font-size:12.5px!important}
#page-live .live-history-title-block small{font-size:10.5px!important}
#page-live .live-history-meta-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
#page-live .live-history-meta{
  min-width:0!important;padding:10px!important;
  border:1px solid #ece5f3!important;border-radius:11px!important;
  background:#fff!important;
}
#page-live .live-history-meta span{color:#83748f!important;font-size:9.5px!important}
#page-live .live-history-meta b{color:#382448!important;font-size:11px!important}
#page-live .live-history-meta small{font-size:9.5px!important}
#page-live .live-history-meta.emphasis{
  grid-column:span 2!important;
  border-color:#d9c5ec!important;
  background:#f5ebfb!important;
}
#page-live .live-history-meta.emphasis b{color:#5a2f92!important;font-size:15px!important}
#page-live .live-history-short-reason{font-size:11px!important;padding:10px!important;line-height:1.5!important}
#page-live .live-history-diag{margin-top:8px!important;border-radius:12px!important}
#page-live .live-history-diag summary{
  min-height:41px!important;padding:10px!important;
  color:#613b92!important;font-size:11px!important;
}
#page-live .live-history-diag-content small{font-size:10.5px!important}
#page-live .live-history-diag-btn{min-height:37px!important;font-size:10px!important}
#page-live .live-history-empty{font-size:11.5px!important}

/* Month-end Delete remains clearly destructive, not styled like a primary action. */
#page-live .live-delete-card{
  margin:0 0 14px!important;
  border-color:#f1d8df!important;
  background:linear-gradient(160deg,#fff,#fffafb)!important;
}
#page-live .live-delete-card .card-head{
  display:grid!important;grid-template-columns:1fr!important;
  gap:13px!important;align-items:start!important;
}
#page-live .live-delete-card .btn.danger{
  width:100%!important;margin:0!important;
  color:#b2334d!important;border-color:#f3c9d3!important;
  background:linear-gradient(180deg,#fff9fb,#fff3f6)!important;
  box-shadow:none!important;
}
#page-live .live-delete-card .deep-storage-note.warn{
  margin:0!important;padding:11px 12px!important;
  border:1px solid #f3d9b7!important;border-radius:11px!important;
  background:#fffaf2!important;color:#926420!important;
  font-size:10.8px!important;line-height:1.55!important;
}

@media(min-width:540px){
  #page-live .integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #page-live .integration-card{grid-template-columns:42px minmax(0,1fr)!important}
  #page-live .integration-logo{width:42px!important;height:42px!important;font-size:23px!important}
  #page-live .integration-card .status-badge{grid-column:2!important;justify-self:start}
  #page-live .live-analytics-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #page-live .live-analytics-kpis .analytics-kpi:last-child:nth-child(odd){grid-column:auto}
  #page-live .live-filter-grid label:has(#liveAnalyticsUser){grid-column:auto!important}
  #page-live .live-analytics-grid .table-wrap tbody tr{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #page-live #liveUserStatsBody td:first-child,#page-live #liveDailyStatsBody td:first-child{grid-column:1/-1!important}
  #page-live .live-history-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #page-live .live-history-meta.emphasis{grid-column:span 1!important}
}
@media(max-width:385px){
  #page-live .page-head{padding:19px 12px 14px!important;border-radius:18px!important}
  #page-live .page-head h1{font-size:28px!important}
  #page-live .page-head .head-actions{gap:7px!important}
  #page-live .btn{padding:9px 7px!important;font-size:10.5px!important}
  #page-live .integration-card{grid-template-columns:40px minmax(0,1fr) auto!important;gap:7px!important;padding:12px!important}
  #page-live .integration-logo{width:40px!important;height:40px!important;font-size:21px!important}
  #page-live .live-filter-grid label:has(#liveAnalyticsUser),#page-live .live-filter-grid label:has(#liveAnalyticsMonth){grid-column:1/-1!important}
  #page-live .live-history-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #page-live .live-history-meta.emphasis{grid-column:1/-1!important}
}
@media(max-width:335px){
  #page-live .live-history-item-head{grid-template-columns:1fr!important}
  #page-live .live-history-meta-grid{grid-template-columns:1fr!important}
  #page-live .live-history-meta.emphasis{grid-column:1!important}
  #page-live .integration-card{grid-template-columns:36px minmax(0,1fr)!important}
  #page-live .integration-card .status-badge{grid-column:2!important;justify-self:start}
  #page-live .live-analytics-card .head-actions,#page-live .page-head .head-actions{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  #page-live .btn{transition:none!important;transform:none!important}
}


/* ======================================================================
   SHIVSHAHI ADMIN -- SETTINGS + SECURITY + MORE PREMIUM UI V1
   Scope: #page-settings, #page-security and #mobileMoreSheet only.
   Reference: Shivshahi Online Login white / lavender / purple / gold.
   Presentational only: existing IDs, permissions and API handlers unchanged.
   ====================================================================== */
#page-settings,#page-security{
  --ss-ink:#2b1247;
  --ss-muted:#71647f;
  --ss-purple:#7c4fc4;
  --ss-purple-deep:#542b8a;
  --ss-lavender:#f7f3fc;
  --ss-gold:#c89b2b;
  --ss-border:rgba(64,30,94,.105);
  --ss-shadow:0 10px 28px rgba(43,18,71,.055),0 2px 6px rgba(43,18,71,.025);
  color:var(--ss-ink);
  padding:2px 0 18px;
}
#page-settings>*,#page-security>*{min-width:0}
/* Login-style page hero. The label is decorative; existing heading stays real. */
#page-settings>.page-head,#page-security>.page-head{
  position:relative;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:13px!important;
  padding:21px 18px 16px!important;
  margin:0 0 15px!important;
  min-width:0!important;
  overflow:hidden;
  border:1px solid rgba(83,41,129,.11);
  border-radius:22px!important;
  background:radial-gradient(ellipse at 50% 0,rgba(124,79,196,.065),transparent 68%),linear-gradient(180deg,#fff,#fdfbff);
  box-shadow:var(--ss-shadow);
  text-align:center;
}
#page-settings>.page-head::before,#page-security>.page-head::before{
  content:"";position:absolute;top:0;left:13%;right:13%;height:2px;
  background:linear-gradient(90deg,transparent,rgba(200,155,43,.58),rgba(124,79,196,.56),transparent);
}
#page-settings>.page-head>div:first-child::before,#page-security>.page-head>div:first-child::before{
  content:"SHIVSHAHI ADMIN";
  display:block;
  color:#60328d;
  font-size:10px;
  font-weight:850;
  letter-spacing:.22em;
  margin:0 0 6px;
}
#page-settings>.page-head h1,#page-security>.page-head h1{
  font-family:Georgia,"Times New Roman",serif!important;
  color:var(--ss-ink)!important;
  font-size:clamp(29px,5.8vw,35px)!important;
  line-height:1.1!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
  margin:0!important;
}
#page-settings>.page-head p,#page-security>.page-head p{
  color:var(--ss-muted)!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  margin:7px auto 0!important;
  max-width:400px;
}
#page-settings>.page-head .head-actions,#page-security>.page-head .head-actions{
  display:grid!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
}
#page-settings>.page-head .head-actions{grid-template-columns:1fr!important}
#page-security>.page-head .head-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#page-settings>.page-head .head-actions>.btn,#page-security>.page-head .head-actions>.btn{
  min-width:0!important;
  min-height:44px!important;
  width:100%!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  line-height:1.35!important;
  font-size:12.5px!important;
  font-weight:800!important;
  white-space:normal!important;
  border:1px solid #e6daf5!important;
  background:linear-gradient(180deg,#fff,#f7f2fc)!important;
  color:#553083!important;
  box-shadow:0 3px 10px rgba(43,18,71,.035);
}
#page-security #changeAdminPasswordBtn{
  background:linear-gradient(115deg,#8a62cc,#63389d)!important;
  border-color:rgba(81,40,136,.25)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(84,43,138,.14)!important;
}
#page-security #logoutAllAdminBtn{
  color:#a52c43!important;background:#fffafa!important;
  border-color:#efc5cf!important;
}
#page-security #securityRefreshBtn{grid-column:1/-1!important}
#page-settings #settingsRefreshBtn{background:linear-gradient(115deg,#8a62cc,#63389d)!important;color:#fff!important;border-color:rgba(81,40,136,.25)!important}
#page-settings>.page-head .btn:focus-visible,#page-security>.page-head .btn:focus-visible{outline:3px solid rgba(200,155,43,.42)!important;outline-offset:2px}
/* Overview summary: readable labels and meaningful numbers */
#page-security .sc-summary,#page-settings .st2-summary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0 0 13px!important;
  overflow:visible!important;
}
#page-security .sc-summary>.security-kpi,#page-settings .st2-summary>.security-kpi{
  display:flex;flex-direction:column;align-items:flex-start;
  min-width:0!important;
  min-height:94px!important;
  padding:14px 13px!important;
  border:1px solid var(--ss-border)!important;
  border-radius:16px!important;
  background:linear-gradient(160deg,#fff 10%,#fcf9ff 100%)!important;
  box-shadow:0 5px 14px rgba(43,18,71,.04)!important;
}
#page-security .sc-summary>.security-kpi small,#page-settings .st2-summary>.security-kpi small{
  color:#766484!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.4!important;
}
#page-security .sc-summary>.security-kpi strong,#page-settings .st2-summary>.security-kpi strong{
  color:var(--ss-ink)!important;
  font-size:clamp(16px,4vw,19px)!important;
  font-weight:850!important;
  line-height:1.24!important;
  margin:7px 0 3px!important;
  overflow-wrap:anywhere;
}
#page-security .sc-summary .sc-kpi-note,#page-settings .st2-summary .sc-kpi-note{
  color:#8a7b96!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  margin-top:auto;
}
/* Sections: unified premium cards, not tiny cramped tables */
#page-security .sc-stack,#page-settings .st2-stack{display:grid!important;gap:13px!important;min-width:0}
#page-security .sc-card,#page-security .st2-security-actions,#page-settings .st2-card{
  min-width:0!important;
  padding:17px 15px!important;
  margin:0!important;
  border:1px solid var(--ss-border)!important;
  border-radius:19px!important;
  background:linear-gradient(165deg,#fff,#fefcff)!important;
  box-shadow:var(--ss-shadow)!important;
  overflow:visible!important;
}
#page-security .st2-security-actions{margin-bottom:13px!important}
#page-security .sc-card-head,#page-security .st2-heading,#page-settings .st2-heading{gap:11px!important;margin-bottom:13px!important;align-items:flex-start!important}
#page-settings .st2-heading h2,#page-security .st2-heading h2,#page-security .sc-card-head h2{
  color:var(--ss-ink)!important;font-size:16px!important;line-height:1.3!important;font-weight:850!important;
}
#page-settings .st2-heading p,#page-security .st2-heading p,#page-security .sc-card-head p{
  color:var(--ss-muted)!important;font-size:12px!important;line-height:1.5!important;margin:4px 0 0!important;
}
#page-settings .st2-icon,#page-security .st2-icon{
  width:42px!important;height:42px!important;flex:0 0 42px!important;
  border:1px solid rgba(124,79,196,.12);border-radius:13px!important;
  background:linear-gradient(135deg,#f2e8fc,#e9dcf9)!important;
  color:var(--ss-purple-deep)!important;font-size:21px!important;
}
#page-settings .st2-note,#page-security .st2-note,#page-security .sc-note{
  padding:11px 12px!important;
  border:1px solid #e6dcf3!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#f9f6fe,#f5f0fb)!important;
  color:#61506f!important;
  font-size:12px!important;
  line-height:1.55!important;
  overflow-wrap:anywhere;
}
#page-settings .st2-note-soft,#page-security .st2-note-soft,#page-security .sc-note-compact{
  background:#fdfbff!important;
  border-color:#eee8f4!important;
  font-size:11.5px!important;
  color:#766985!important;
}
#page-security .sc-card-head .sc-count,#page-security .sc-card-head .sc-status{
  min-width:34px;min-height:30px;height:auto;padding:7px 10px!important;
  border-radius:999px!important;font-size:11px!important;
}
/* Actions: one comfortable full-width row per action on phone. */
#page-settings .st2-actions,#page-security .st2-actions{
  display:grid!important;grid-template-columns:1fr!important;gap:8px!important;
}
#page-settings .st2-action,#page-security .st2-action{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-width:0!important;width:100%!important;
  min-height:50px!important;
  padding:11px 13px!important;
  text-align:left!important;
  border:1px solid #e9dcf3!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#fff,#f8f4fc)!important;
  color:#443053!important;
  font-size:13px!important;
  font-weight:780!important;
  line-height:1.4!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
#page-settings .st2-action:hover,#page-security .st2-action:hover{
  border-color:#c9b0e9!important;background:#f6effe!important;
}
#page-settings .st2-action>span,#page-security .st2-action>span{color:#936fcb!important;font-size:17px!important}
#page-settings .st2-danger{grid-column:1!important;background:#fff9fa!important;border-color:#efcad3!important;color:#aa3048!important}
#page-settings .st2-primary{
  background:linear-gradient(110deg,#8a62cc,#5c328f)!important;
  border-color:rgba(84,43,138,.25)!important;color:white!important;
  box-shadow:0 7px 17px rgba(84,43,138,.11)!important;
}
#page-settings .st2-primary>span{color:#f4d98d!important}
#page-settings .st2-inline-btn{
  min-height:44px!important;
  border:1px solid #dbc8f2!important;
  border-radius:13px!important;
  background:#f5edfd!important;
  color:#623995!important;
  font-size:12.5px!important;font-weight:800!important;
}
/* Session, storage, backup and health data */
#page-settings .st2-stats{gap:9px!important;margin:10px 0!important}
#page-settings .st2-stats>div{
  padding:13px!important;min-width:0!important;border:1px solid #ede4f5!important;
  border-radius:13px!important;background:#faf7fe!important;gap:6px!important;
}
#page-settings .st2-stats small{font-size:11.5px!important;color:#7b6d87!important;line-height:1.35!important}
#page-settings .st2-stats strong{font-size:17px!important;color:#321b4e!important;line-height:1.25!important}
#page-settings .st2-rows{margin:10px 0 13px!important}
#page-settings .st2-row{
  min-width:0!important;flex-wrap:wrap!important;gap:5px 10px!important;
  padding:12px 2px!important;border-bottom-color:#efe8f5!important;
  font-size:12.5px!important;color:#625471!important;line-height:1.45!important;
}
#page-settings .st2-row>b{font-size:12.5px!important;color:#342045!important;max-width:100%!important}
#page-settings .st2-row small{font-size:11px!important;line-height:1.35!important}
#page-settings .st2-status{font-size:11px!important}
#page-settings .st2-small-btn{
  min-height:35px!important;padding:7px 10px!important;border-radius:10px!important;font-size:11.5px!important;
}
#page-settings .st2-empty,#page-security .sc-empty{
  padding:15px 12px!important;border-radius:13px!important;font-size:12px!important;
  background:#faf7fe!important;color:#786b84!important;line-height:1.5!important;
}
#page-settings .st2-advanced>summary{font-size:14px!important;color:#563681!important;padding:4px 0!important}
#page-settings .st2-updated{font-size:11px!important}
/* Security records, search, login history and revocation */
#page-security .sc-entry{
  align-items:flex-start!important;gap:10px!important;
  padding:13px 11px!important;
  border:1px solid #eee7f5!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#fff,#fcfaff)!important;
}
#page-security .sc-entry-icon{
  flex:0 0 37px!important;width:37px!important;height:37px!important;
  border-radius:12px!important;background:#f1e8fc!important;color:#623395!important;
  font-size:17px!important;
}
#page-security .sc-entry-main b{font-size:13.5px!important;color:#2b1247!important;line-height:1.4!important}
#page-security .sc-entry-main .sc-entry-sub{font-size:12px!important;color:#665a73!important;line-height:1.45!important}
#page-security .sc-entry-main small{font-size:11px!important;color:#877990!important;line-height:1.5!important}
#page-security .sc-list{gap:9px!important}
#page-security .sc-status{font-size:10.5px!important;min-height:28px!important;padding:7px 10px!important}
#page-security .sc-revoke-btn{font-size:11.5px!important;min-height:35px!important;padding:7px 11px!important;border-radius:10px!important}
#page-security .sc-search-label,#page-security .sc-filter-label{
  color:#564363!important;font-size:12px!important;font-weight:750!important;
}
#page-security .sc-search,#page-security .sc-filters select,#page-security .sc-filters input{
  width:100%!important;min-height:45px!important;height:45px!important;
  padding:0 12px!important;
  color:var(--ss-ink)!important;
  border:1px solid #ded1eb!important;
  border-radius:12px!important;
  background:#fdfbff!important;
  font-size:14px!important;
}
#page-security .sc-search:focus,#page-security .sc-filters input:focus,#page-security .sc-filters select:focus{outline:2px solid rgba(124,79,196,.26)!important;outline-offset:1px}
#page-security .sc-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#page-security .sc-error{font-size:12px!important;line-height:1.5!important}
/* More bottom sheet: same login palette, readable, no change to Library sheet. */
#mobileMoreSheet{
  width:min(572px,calc(100% - 14px))!important;
  padding:11px 12px 13px!important;
  max-height:min(75dvh,640px)!important;
  overflow-x:hidden!important;
  background:linear-gradient(165deg,#fff,#fdfaff)!important;
  border:1px solid rgba(83,41,129,.14)!important;
  border-radius:24px!important;
  box-shadow:0 22px 65px rgba(35,15,59,.24)!important;
}
#mobileMoreSheet.hidden{display:none!important}
#mobileMoreSheet .mobile-sheet-handle{background:linear-gradient(90deg,#d5c3ea,#bfa4e5);width:49px;height:4px;margin:1px auto 10px!important}
#mobileMoreSheet .mobile-sheet-head{padding:3px 4px 13px!important;gap:10px!important;align-items:center!important}
#mobileMoreSheet .mobile-sheet-head small{color:#7148a1!important;font-size:10px!important;letter-spacing:.16em!important;font-weight:850!important}
#mobileMoreSheet .mobile-sheet-head h2{font-family:Georgia,"Times New Roman",serif!important;color:#2b1247!important;font-weight:750!important;font-size:26px!important;line-height:1.13!important;margin:4px 0 0!important}
#mobileMoreSheet .mobile-sheet-close{display:grid!important;place-items:center!important;flex:0 0 38px;width:38px!important;height:38px!important;border-radius:50%!important;color:#59446c!important;background:#f4eff9!important;border:1px solid #e9dff2!important;font-size:23px!important}
#mobileMoreSheet .mobile-sheet-grid{gap:8px!important}
#mobileMoreSheet .mobile-sheet-grid>a,#mobileMoreSheet .mobile-sheet-grid>button{
  display:grid!important;grid-template-columns:45px minmax(0,1fr) 14px!important;
  width:100%!important;min-height:69px!important;gap:12px!important;
  align-items:center!important;
  padding:10px 11px!important;
  border:1px solid #e9e1f1!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fff,#fcfaff)!important;
  text-align:left!important;
  color:#382448!important;
  box-shadow:0 2px 5px rgba(43,18,71,.025);
  text-decoration:none!important;
}
#mobileMoreSheet .mobile-sheet-grid>a::after,#mobileMoreSheet .mobile-sheet-grid>button::after{content:"›";font-size:22px;font-weight:500;color:#a28ab8;text-align:right}
#mobileMoreSheet .mobile-sheet-grid>a>span,#mobileMoreSheet .mobile-sheet-grid>button>span{
  display:grid!important;place-items:center!important;
  width:44px!important;height:44px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#f1e8fd,#e9dcf9)!important;
  color:#7542b1!important;font-size:21px!important;
}
#mobileMoreSheet .mobile-sheet-grid>a>div,#mobileMoreSheet .mobile-sheet-grid>button>div{min-width:0!important}
#mobileMoreSheet .mobile-sheet-grid b{font-size:14px!important;line-height:1.35!important;color:#30203f!important;font-weight:800!important}
#mobileMoreSheet .mobile-sheet-grid small{font-size:11.5px!important;line-height:1.45!important;color:#80708c!important;margin-top:3px!important;overflow-wrap:anywhere}
#mobileMoreSheet .mobile-sheet-grid .danger{border-color:#f2d9df!important;background:#fffafa!important}
#mobileMoreSheet .mobile-sheet-grid .danger>span{background:#fff0f3!important;color:#c63d58!important}
#mobileMoreSheet .mobile-sheet-grid .danger b{color:#b42f48!important}
#mobileMoreSheet .mobile-sheet-grid>a:hover,#mobileMoreSheet .mobile-sheet-grid>button:hover{border-color:#c9afe2!important;background:#f8f2fe!important}
body:has(#page-security.active) #mobileMoreSheet a[data-page="security"],body:has(#page-settings.active) #mobileMoreSheet a[data-page="settings"]{border-color:#ccafe7!important;background:linear-gradient(125deg,#f6effc,#fdfaff)!important}
#mobileMoreSheet .mobile-sheet-grid a:focus-visible,#mobileMoreSheet .mobile-sheet-grid button:focus-visible,#mobileMoreSheet .mobile-sheet-close:focus-visible{outline:3px solid rgba(200,155,43,.56)!important;outline-offset:2px}
@media(min-width:540px){
  #page-settings .st2-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #page-settings .st2-danger{grid-column:1/-1!important}
}
@media(max-width:359px){
  #page-security>.page-head,#page-settings>.page-head{padding:19px 13px 15px!important}
  #page-security>.page-head .head-actions{grid-template-columns:1fr!important}
  #page-security #securityRefreshBtn{grid-column:1!important}
  #page-security .sc-filters{grid-template-columns:1fr!important}
  #page-security .sc-entry{flex-wrap:wrap!important}
  #page-security .sc-entry-side{margin-left:auto!important}
  #mobileMoreSheet{width:calc(100% - 9px)!important;padding:10px!important}
  #mobileMoreSheet .mobile-sheet-grid>a,#mobileMoreSheet .mobile-sheet-grid>button{min-height:66px!important;gap:9px!important;padding:9px!important}
}
/* Prevent inherited flex-basis heights from stretching the hero/actions. */
#page-settings>.page-head>div:first-child,#page-security>.page-head>div:first-child{
  flex:0 0 auto!important;min-height:0!important;height:auto!important;width:100%!important;
  margin:0!important;padding:0!important;
}
#page-settings>.page-head .head-actions,#page-security>.page-head .head-actions{
  flex:0 0 auto!important;min-height:0!important;height:auto!important;align-self:stretch!important;
}
#page-settings>.page-head .head-actions>.btn,#page-security>.page-head .head-actions>.btn{
  flex:0 0 auto!important;height:auto!important;
}
/* HTML hidden/Owner access state must always beat premium grid styles. */
#mobileMoreSheet .mobile-sheet-grid>[hidden],
#mobileMoreSheet .mobile-sheet-grid>.access-force-hidden{display:none!important}