/* 22Media Premium Pro 6.4 — navigation, mobile shell, category desks & front-end control room */
:root{--m22-v64-blue:#0967f4;--m22-v64-navy:#061544;--m22-v64-ink:#111d34;--m22-v64-line:#e2e9f3;--m22-v64-soft:#f5f8fd;--m22-v64-shadow:0 22px 62px rgba(8,35,82,.10)}

/* ===== Masthead / desktop navigation ===== */
.m22-header-v6{overflow:visible!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e7edf6!important;box-shadow:0 10px 32px rgba(8,32,72,.055)!important}
.m22-header-main-v6{height:92px!important;min-height:92px!important;isolation:isolate}
.m22-header-v6 .m22-brand-horizontal{z-index:2!important;pointer-events:auto}
.m22-header-v6 .m22-brand-wordmark .m22-logo-image{width:310px!important;height:64px!important;object-fit:contain!important}
.m22-header-v6 .m22-header-left-action,.m22-header-v6 .m22-header-actions{position:relative;z-index:5}
.m22-header-v6 .m22-header-actions{gap:7px!important}
.m22-header-v6 .m22-account-btn,.m22-header-v6 .m22-header-launch{height:42px!important}
.m22-control-room-btn{position:relative;z-index:9!important;pointer-events:auto!important}
.m22-header-v6 .m22-nav-wrap{z-index:8!important;overflow:visible!important;background:rgba(255,255,255,.985)!important}
.m22-header-v6 .m22-nav-inner{height:57px!important}
.m22-header-v6 .m22-nav-list{justify-content:center;align-items:center;gap:4px!important}
.m22-header-v6 .m22-nav-list>li{position:relative}
.m22-header-v6 .m22-nav-list>li>a{font-size:12px!important;font-weight:780!important;padding:10px 12px!important;min-height:39px;display:flex!important;align-items:center;gap:5px;letter-spacing:-.012em!important}
.m22-header-v6 .m22-nav-list .sub-menu{top:calc(100% + 2px)!important;min-width:270px!important;padding:10px!important;border-radius:18px!important;border:1px solid #dce6f2!important;background:#fff!important;box-shadow:0 28px 70px rgba(6,30,75,.17)!important}
.m22-header-v6 .m22-nav-list .sub-menu a{font-size:12px!important;line-height:1.35!important;min-height:43px!important;padding:10px 12px!important}
.m22-header-v6 .m22-nav-list .sub-menu .sub-menu{top:-10px!important}
.m22-discovery-v6{min-height:43px!important;background:#f7f9fd!important;border-bottom:1px solid #e7edf6!important}
.m22-discovery-v6 .m22-discovery-inner{min-height:43px;gap:7px!important;overflow-x:auto;scrollbar-width:none}
.m22-discovery-v6 .m22-discovery-inner::-webkit-scrollbar{display:none}
.m22-discovery-v6 a{white-space:nowrap}
.m22-mobile-menu-head,.m22-nav-backdrop{display:none}

/* ===== Category archives: never look broken/empty when older imports need classification ===== */
.m22-category-v64{padding-top:34px;padding-bottom:58px}
.m22-page-head-v64{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin-bottom:22px!important;padding:28px!important;border:1px solid var(--m22-v64-line)!important;border-radius:24px!important;background:linear-gradient(135deg,#fff 0%,#f8fbff 60%,#eef5ff 100%)!important;box-shadow:0 18px 50px rgba(10,43,94,.06)!important}
.m22-page-head-v64 h1{margin:.25rem 0 0!important;font-size:clamp(34px,4vw,56px)!important;letter-spacing:-.04em!important;color:var(--m22-v64-ink)!important}
.m22-page-head-badge{display:grid;grid-template-columns:38px auto;align-items:center;column-gap:10px;min-width:180px;padding:12px 14px;border:1px solid #d9e5f7;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(10,54,126,.05)}
.m22-page-head-badge i{grid-row:1/3;width:38px;height:38px;border-radius:11px;background:#edf4ff;color:#0866f0;display:grid;place-items:center}.m22-page-head-badge span{font-size:9px;font-weight:850;color:#74829a;text-transform:uppercase;letter-spacing:.06em}.m22-page-head-badge b{font-size:20px;line-height:1.1;color:#13213c}
.m22-category-smart-note{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:11px 14px;border:1px solid #d8e7fb;border-radius:13px;background:#f2f7ff;color:#365274;font-size:12px}.m22-category-smart-note i{color:#0a67ef}
.m22-category-v64 .m22-listing-grid{gap:18px!important}
.m22-category-v64 .m22-card{border-radius:20px!important;overflow:hidden!important;background:#fff!important}

/* ===== Front-end Control Room ===== */
.m22-admin-portal .m22-portal-body{padding-bottom:34px}
.m22-admin-portal .m22-portal-hero-v5{margin:24px!important;border-radius:24px!important;padding:26px!important;background:radial-gradient(circle at 88% 0,rgba(36,127,255,.36),transparent 33%),linear-gradient(135deg,#05143f,#0a318e 66%,#075ef0)!important;color:#fff!important;box-shadow:0 22px 55px rgba(7,47,131,.23)!important}
.m22-admin-portal .m22-portal-hero-v5 h3{font-size:30px!important;color:#fff!important;margin:6px 0}.m22-admin-portal .m22-portal-hero-v5 p{color:#cbd9f4!important;max-width:720px}
.m22-admin-portal .m22-portal-tabs{margin:0 24px 22px!important;padding:6px!important;display:flex!important;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;border:1px solid #e1e8f3;border-radius:16px;background:#f7f9fd;position:sticky;top:74px;z-index:20}.m22-admin-portal .m22-portal-tabs::-webkit-scrollbar{display:none}
.m22-admin-portal .m22-portal-tabs a{display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:0 12px;border-radius:11px;white-space:nowrap;font-size:11px;font-weight:800;color:#53627a;text-decoration:none}.m22-admin-portal .m22-portal-tabs a:hover{background:#fff;color:#0a61e8}.m22-admin-portal .m22-portal-tabs a.active{background:#0b61e8;color:#fff;box-shadow:0 8px 18px rgba(11,97,232,.23)}.m22-admin-portal .m22-portal-tabs a.compose{margin-left:auto;background:#071846;color:#fff}
.m22-admin-portal .m22-portal-section,.m22-admin-portal .m22-command-main,.m22-admin-portal .m22-portal-status{background:#fff!important;border:1px solid #e1e8f2!important;border-radius:20px!important;box-shadow:0 12px 35px rgba(10,43,94,.055)}
.m22-admin-portal .m22-portal-section{padding:20px!important}
.m22-portal-category-grid{grid-template-columns:minmax(0,1.5fr) 340px!important}
.m22-category-manager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
.m22-category-manager>a{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:10px;padding:12px 13px;border:1px solid #e3e9f2;border-radius:13px;background:#fbfcff;text-decoration:none;color:#1b2942;transition:.18s ease}.m22-category-manager>a:hover{transform:translateY(-2px);border-color:#bcd2f4;background:#fff;box-shadow:0 12px 24px rgba(11,70,163,.08)}.m22-category-manager b{display:block;font-size:12px}.m22-category-manager small{display:block;margin-top:3px;color:#8290a5;font-size:9px}.m22-category-manager em{min-width:30px;height:26px;border-radius:8px;background:#edf4ff;color:#0a62e9;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900}
.m22-portal-settings{display:grid;gap:16px;margin:0 24px}.m22-settings-panel{margin:0!important}.m22-settings-grid-v64{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:16px}.m22-settings-grid-v64 label{display:grid;gap:6px}.m22-settings-grid-v64 label>span{font-size:10px;font-weight:850;color:#40506a}.m22-settings-grid-v64 label small{font-size:9px;color:#8490a3}.m22-settings-grid-v64 label.wide{grid-column:1/-1}.m22-settings-grid-v64 label.check{display:flex;align-items:center;gap:9px;min-height:46px;padding:11px 12px;border:1px solid #e2e8f2;border-radius:12px;background:#f9fbfe}.m22-settings-grid-v64 label.check input{width:17px;height:17px}.m22-settings-grid-v64 input[type=text],.m22-settings-grid-v64 input[type=password],.m22-settings-grid-v64 input[type=number],.m22-settings-grid-v64 select,.m22-settings-grid-v64 textarea{width:100%;border:1px solid #dce4ef;border-radius:11px;background:#fff;color:#14223c;padding:10px 11px;outline:0}.m22-settings-grid-v64 input:focus,.m22-settings-grid-v64 select:focus,.m22-settings-grid-v64 textarea:focus{border-color:#6da6f5;box-shadow:0 0 0 4px rgba(9,103,244,.08)}
.m22-portal-savebar{position:sticky;bottom:12px;z-index:22;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid rgba(216,228,246,.95);border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 20px 45px rgba(6,31,76,.15)}.m22-portal-savebar>div{display:flex;align-items:center;gap:10px}.m22-portal-savebar>div>i{width:36px;height:36px;border-radius:10px;background:#edf4ff;color:#0965ed;display:grid;place-items:center}.m22-portal-savebar b{display:block;font-size:11px}.m22-portal-savebar small{display:block;color:#77859a;font-size:9px}

/* ===== Footer identity: both supplied logos, intentionally composed ===== */
.m22-footer-v3{background:radial-gradient(circle at 14% 0,rgba(24,88,207,.22),transparent 27%),linear-gradient(180deg,#050b24,#020718)!important}
.m22-footer-identity{display:grid!important;grid-template-columns:58px minmax(180px,250px);grid-template-rows:auto auto;align-items:center;gap:5px 12px;width:max-content;max-width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.055);text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.m22-footer-identity .m22-footer-seal{grid-row:1/3;width:58px;height:58px;display:block}.m22-footer-identity .m22-square-logo{width:58px!important;height:58px!important;border-radius:13px!important;object-fit:cover!important;display:block!important}.m22-footer-identity .m22-footer-wordmark{display:block;width:235px;max-width:100%;height:55px;border-radius:10px;overflow:hidden;background:#fff}.m22-footer-identity .m22-footer-wordmark .m22-logo-image{width:100%!important;height:55px!important;object-fit:contain!important;border-radius:0!important;display:block!important}.m22-footer-identity-copy{grid-column:2;display:flex;align-items:center;gap:8px;margin-top:-1px}.m22-footer-identity-copy b{color:#fff;font-size:10px}.m22-footer-identity-copy small{color:#8fa4cf;font-size:8px}.m22-footer-brand>p{max-width:520px!important;font-size:12px!important;line-height:1.8!important;color:#9caac7!important}
.m22-footer-grid h4{font-size:12px!important;letter-spacing:.06em}.m22-footer-links a{font-size:11px!important;line-height:1.55!important}.m22-footer-links a:hover{color:#70a9ff!important}

/* ===== Mobile: compact masthead + real off-canvas menu (fixes huge white header gap) ===== */
@media(max-width:980px){
  .m22-header-v6{height:70px!important;min-height:70px!important;position:sticky!important;top:0!important}
  .m22-header-v6 .m22-header-main-v6{height:70px!important;min-height:70px!important;display:grid!important;grid-template-columns:48px 1fr 48px!important;align-items:center!important;gap:6px!important;padding:0!important}
  .m22-header-v6 .m22-menu-toggle{display:grid!important;grid-column:1!important;grid-row:1!important;justify-self:start!important;width:44px!important;height:44px!important;border-radius:13px!important;background:#f4f7fc!important;border:1px solid #e2e8f2!important;color:#17243d!important;z-index:12!important}
  .m22-header-v6 .m22-brand-horizontal{display:flex!important;position:absolute!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:52px!important;height:52px!important;z-index:9!important}
  .m22-header-v6 .m22-brand-square{display:flex!important;width:52px!important;height:52px!important}.m22-header-v6 .m22-brand-square .m22-square-logo{width:52px!important;height:52px!important;border-radius:14px!important;object-fit:cover!important;box-shadow:0 8px 20px rgba(7,42,103,.15)}
  .m22-header-v6 .m22-brand-wordmark,.m22-header-v6 .m22-header-left-action,.m22-header-v6 .m22-header-launch,.m22-header-v6 .m22-search-toggle,.m22-header-v6 .m22-theme-toggle{display:none!important}
  .m22-header-v6 .m22-header-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;min-width:0!important;display:flex!important;z-index:12!important}.m22-header-v6 .m22-account-btn{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border-radius:13px!important}.m22-header-v6 .m22-account-btn span{display:none!important}
  .m22-header-v6 .m22-discovery-bar{display:none!important}
  .m22-header-v6 .m22-nav-wrap{display:block!important;position:fixed!important;z-index:10020!important;left:-330px!important;top:0!important;bottom:0!important;width:min(326px,88vw)!important;height:100dvh!important;padding:0!important;background:#fff!important;border:0!important;box-shadow:24px 0 70px rgba(4,20,55,.22)!important;transition:left .28s cubic-bezier(.2,.75,.2,1)!important;overflow-y:auto!important;overscroll-behavior:contain}
  .m22-header-v6 .m22-nav-wrap.is-open{left:0!important}
  .m22-mobile-menu-head{display:flex!important;position:sticky;top:0;z-index:4;height:72px;align-items:center;justify-content:space-between;padding:0 17px;background:linear-gradient(135deg,#061747,#0a58d7);color:#fff}.m22-mobile-menu-head span{font-weight:900;letter-spacing:.04em}.m22-mobile-menu-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center}
  .m22-header-v6 .m22-nav-inner{display:block!important;height:auto!important;padding:13px 14px 28px!important;width:100%!important;margin:0!important}.m22-header-v6 .m22-primary-nav{display:block!important;width:100%!important}.m22-header-v6 .m22-nav-list{display:grid!important;width:100%!important;gap:4px!important}.m22-header-v6 .m22-nav-list>li>a{display:flex!important;justify-content:space-between!important;width:100%!important;min-height:44px!important;padding:10px 12px!important;border-radius:11px!important;font-size:13px!important;color:#1c2a43!important}.m22-header-v6 .m22-nav-list>li:nth-child(2)>a{background:#edf4ff!important;color:#075ddf!important}.m22-header-v6 .m22-nav-list>li:nth-last-child(2)>a{color:#d92948!important}
  .m22-header-v6 .m22-nav-list .sub-menu{display:none!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;min-width:0!important;width:100%!important;margin:2px 0 6px!important;padding:5px 5px 5px 12px!important;border:0!important;border-left:2px solid #dce8fb!important;border-radius:0!important;background:#f8faff!important;box-shadow:none!important}.m22-header-v6 .m22-nav-list li.is-open>.sub-menu{display:grid!important}.m22-header-v6 .m22-nav-list .sub-menu:before{display:none!important}.m22-header-v6 .m22-nav-list .sub-menu a{min-height:38px!important;font-size:12px!important;padding:8px 10px!important;color:#53627a!important}.m22-header-v6 .m22-nav-list .sub-menu .sub-menu{position:static!important;margin-left:8px!important}
  .m22-header-v6 .m22-nav-tools{display:none!important}
  .m22-nav-backdrop{display:block!important;position:fixed;z-index:10010;inset:0;border:0;background:rgba(3,14,39,.42);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:.24s}.m22-header-v6 .m22-nav-wrap.is-open + .m22-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  body.m22-menu-open{overflow:hidden!important}
  .m22-breaking{position:relative;z-index:20!important;margin-top:0!important}.m22-breaking-inner{height:43px!important}
  .m22-category-v64{padding-top:20px}.m22-page-head-v64{align-items:flex-start!important;padding:20px!important}.m22-page-head-badge{min-width:150px}
  .m22-portal-category-grid{grid-template-columns:1fr!important}.m22-settings-grid-v64{grid-template-columns:repeat(2,minmax(0,1fr))}.m22-admin-portal .m22-portal-tabs{top:76px}
}

@media(max-width:760px){
  .m22-topbar-v6{height:36px!important}.m22-topbar-v6 .m22-topbar-inner{height:36px!important;min-height:36px!important}.m22-topbar-v6 .m22-topbar-left{display:none!important}.m22-topbar-v6 .m22-topbar-right{width:100%;justify-content:center!important}.m22-topbar-v6 .m22-language-switch{margin:0 auto!important}
  .m22-header-v6{top:0!important}
  .m22-page-head-v64{display:grid!important;grid-template-columns:1fr!important}.m22-page-head-badge{width:max-content}.m22-page-head-v64 h1{font-size:36px!important}
  .m22-admin-portal .m22-portal-hero-v5{margin:14px!important;padding:20px!important;border-radius:20px!important}.m22-admin-portal .m22-portal-hero-v5 h3{font-size:24px!important}.m22-admin-portal .m22-portal-tabs{margin:0 14px 16px!important;top:72px}.m22-admin-portal .m22-portal-section,.m22-admin-portal .m22-command-main,.m22-admin-portal .m22-portal-status{border-radius:16px!important}.m22-portal-settings{margin:0 14px}.m22-settings-grid-v64{grid-template-columns:1fr}.m22-settings-grid-v64 label.wide{grid-column:auto}.m22-category-manager{grid-template-columns:1fr}.m22-portal-savebar{bottom:72px;align-items:flex-start}.m22-portal-savebar>div{display:none}
  .m22-footer-identity{grid-template-columns:52px minmax(0,1fr);width:100%}.m22-footer-identity .m22-footer-seal,.m22-footer-identity .m22-square-logo{width:52px!important;height:52px!important}.m22-footer-identity .m22-footer-wordmark{width:220px;max-width:100%;height:50px}.m22-footer-identity .m22-footer-wordmark .m22-logo-image{height:50px!important}.m22-footer-identity-copy{display:none}.m22-footer-grid{grid-template-columns:1fr!important}.m22-footer-grid>*{grid-column:auto!important}
}

@media(max-width:520px){
  .m22-header-v6 .m22-nav-wrap{width:min(310px,90vw)!important}.m22-page-head-v64{padding:17px!important;border-radius:18px!important}.m22-page-head-v64 h1{font-size:31px!important}.m22-page-head-badge{display:none}.m22-category-smart-note{font-size:11px}
  .m22-footer-identity .m22-footer-wordmark{width:200px}.m22-footer-brand>p{font-size:11px!important}.m22-footer-networkbar{display:grid!important;grid-template-columns:1fr!important}
  .m22-admin-portal .m22-portal-tabs a{padding:0 10px}.m22-admin-portal .m22-portal-section{padding:15px!important}
}

/* RTL mobile drawer opens from the right */
@media(max-width:980px){
  body.m22-lang-ur .m22-header-v6 .m22-nav-wrap{left:auto!important;right:-330px!important;box-shadow:-24px 0 70px rgba(4,20,55,.22)!important}
  body.m22-lang-ur .m22-header-v6 .m22-nav-wrap.is-open{right:0!important}
  body.m22-lang-ur .m22-header-v6 .m22-nav-list .sub-menu{padding:5px 12px 5px 5px!important;border-left:0!important;border-right:2px solid #dce8fb!important}
  body.m22-lang-ur .m22-header-v6 .m22-menu-toggle{justify-self:end!important;grid-column:3!important}body.m22-lang-ur .m22-header-v6 .m22-header-actions{justify-self:start!important;grid-column:1!important}
}

.m22-dark .m22-header-v6{background:rgba(10,15,26,.97)!important;border-color:#252f41!important}.m22-dark .m22-header-v6 .m22-nav-wrap{background:#0d1422!important}.m22-dark .m22-category-v64 .m22-card,.m22-dark .m22-page-head-v64,.m22-dark .m22-category-manager>a,.m22-dark .m22-admin-portal .m22-portal-section,.m22-dark .m22-admin-portal .m22-command-main,.m22-dark .m22-admin-portal .m22-portal-status,.m22-dark .m22-settings-grid-v64 input,.m22-dark .m22-settings-grid-v64 textarea,.m22-dark .m22-settings-grid-v64 select{background:#101827!important;border-color:#28354a!important;color:#e9f0fb!important}
@media(prefers-reduced-motion:reduce){.m22-header-v6 .m22-nav-wrap,.m22-nav-backdrop,.m22-category-manager>a{transition:none!important}}

/* Front-end comment moderation desk */
.m22-comment-manager{display:grid;gap:10px;margin-top:16px}.m22-comment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px;border:1px solid #e2e9f3;border-radius:15px;background:#fbfcff}.m22-comment-row-main{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:start}.m22-comment-row-main b{font-size:12px;color:#17253e}.m22-comment-row-main small{display:block;margin-top:2px;color:#8793a6;font-size:9px}.m22-comment-row-main p{margin:7px 0 0;color:#516079;font-size:11px;line-height:1.55}.m22-comment-actions{display:flex;align-items:center;gap:5px}.m22-comment-actions form{margin:0}.m22-comment-actions button{width:34px;height:34px;border:1px solid #dfe7f2;border-radius:10px;background:#fff;color:#61728c;cursor:pointer;transition:.18s}.m22-comment-actions button:hover{transform:translateY(-1px);border-color:#aac8f3;color:#0967f4;box-shadow:0 8px 18px rgba(7,76,180,.09)}.m22-comment-actions .m22-status{margin-right:5px}
@media(max-width:760px){.m22-comment-row{grid-template-columns:1fr}.m22-comment-actions{padding-left:52px;flex-wrap:wrap}.m22-comment-row-main p{font-size:12px}.m22-admin-portal .m22-quick-grid-v4{grid-template-columns:1fr!important}}
.m22-dark .m22-comment-row{background:#101827;border-color:#28354a}.m22-dark .m22-comment-row-main b{color:#eef4ff}.m22-dark .m22-comment-row-main p{color:#aebbd0}.m22-dark .m22-comment-actions button{background:#131e30;border-color:#2a3850;color:#c0cee2}