/* Morya v12.36.1 — Blog, navigation, Operations & Wallet stability hotfix */

/* Blog Admin: deliberate card hierarchy instead of flat/unstyled blocks */
.blog-admin-shell,.blog-admin-page{display:grid;gap:20px;min-width:0}
.blog-section-head,.blog-admin-page>.page-heading{margin-bottom:0}
.blog-personalization-kpi-grid,.blog-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.blog-personalization-kpi,.blog-kpi{min-width:0;border:1px solid var(--border,#e2dfea);border-radius:18px;background:var(--surface,#fff);padding:18px 20px;box-shadow:0 8px 24px rgba(29,23,50,.035)}
.blog-personalization-kpi span,.blog-kpi span{display:block;color:var(--muted,#686375);font-size:.78rem;font-weight:720;margin-bottom:10px}
.blog-personalization-kpi strong,.blog-kpi strong{display:block;color:var(--text,#211e2b);font-size:clamp(1.55rem,2.1vw,2.2rem);line-height:1;font-weight:850}
.blog-admin-shell>.blog-admin-grid,.blog-admin-page>.blog-admin-grid{align-items:stretch}
.blog-admin-shell>.blog-admin-grid>.card,.blog-admin-page>.blog-admin-grid>.card,.blog-personalization-settings{border:1px solid var(--border,#e2dfea);border-radius:18px;background:var(--surface,#fff);padding:20px;box-shadow:0 8px 24px rgba(29,23,50,.03);min-width:0}
.blog-admin-shell>.blog-admin-grid>.card h2,.blog-admin-page>.blog-admin-grid>.card h2,.blog-personalization-settings h2{margin:0 0 14px;font-size:1.12rem}
.blog-ranked-follows,.blog-ranked-list,.blog-breakdown{display:grid;gap:0}
.blog-ranked-follows>div,.blog-breakdown>div,.blog-ranked-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--border,#ece8f1);text-decoration:none;color:inherit}
.blog-ranked-follows>div:first-child,.blog-breakdown>div:first-child,.blog-ranked-list>a:first-child{border-top:0}
.blog-ranked-follows .blog-empty,.blog-chart-empty,.blog-ranked-list:empty::after,.blog-breakdown:empty::after{content:'No activity in this period yet.';display:grid;place-items:center;min-height:108px;padding:20px;border:1px dashed var(--border,#d8d3e1);border-radius:14px;background:var(--surface-muted,#f6f3f8);color:var(--muted,#6b6677);text-align:center}.blog-ranked-list:empty::before,.blog-breakdown:empty::before{content:none!important;display:none!important}
.blog-ranked-follows .blog-empty{width:100%}
.blog-chart-card{min-height:260px}.blog-chart-card canvas{max-width:100%}.blog-chart-empty{min-height:180px}
.blog-personalization-settings form{display:grid;gap:16px}.blog-personalization-settings .blog-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.blog-personalization-settings label{min-width:0}.blog-personalization-settings label>span{font-size:.78rem;font-weight:720;color:var(--muted,#666175)}
.blog-personalization-settings input,.blog-personalization-settings select{min-height:44px}

/* Public Blog mobile typography: chips remain readable without colliding */
.blog-premium-categories{gap:clamp(5px,1vw,8px)}
.blog-premium-categories a{flex:0 0 auto;max-width:min(70vw,230px);overflow:hidden;text-overflow:ellipsis;font-size:clamp(.68rem,1.5vw + .2rem,.9rem);padding:clamp(6px,1.2vw,9px) clamp(8px,2vw,13px);line-height:1.15}
.blog-premium-categories a span{flex:0 0 auto}

/* Mobile/tablet website menu: explicit drawer + backdrop avoids invisible menu state */
.public-menu-backdrop{display:none}
@media(max-width:1024px){
 .phase4-public.public-menu-open{overflow:hidden}
 .phase4-public.public-menu-open::after{display:none!important}
 .public-menu-backdrop{position:fixed;inset:0;z-index:68;border:0;background:rgba(18,14,30,.38);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
 .phase4-public.public-menu-open .public-menu-backdrop{display:block}
 .phase4-public .public-mobile-menu-panel{top:78px!important;right:10px!important;bottom:82px!important;width:min(410px,calc(100% - 20px))!important;padding:12px!important;background:var(--surface,#fff)!important;border:1px solid var(--border,#dfdbe7)!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(24,18,42,.28)!important;color:var(--text,#211e2b)!important;overflow:auto!important}
 .phase4-public.public-menu-open .public-mobile-menu-panel{display:flex!important;z-index:74!important}
 .phase4-public .public-mobile-menu-panel>a,.phase4-public .public-mobile-menu-panel>.public-nav-group>a,.phase4-public .public-mobile-menu-panel .site-theme-toggle{display:flex!important;align-items:center;justify-content:space-between;min-height:46px;padding:11px 13px!important;border-radius:12px;color:var(--text,#211e2b)!important;text-decoration:none;background:transparent}
 .phase4-public .public-mobile-menu-panel>a.active:not(.button),.phase4-public .public-mobile-menu-panel>.public-nav-group>a.active{background:color-mix(in srgb,var(--brand-primary,#4b3f91) 10%,var(--surface,#fff));color:var(--brand-primary,#4b3f91)!important}
 .phase4-public .public-mobile-menu-panel .button{justify-content:center!important;color:#fff!important;margin-top:4px}
 .phase4-public .public-mobile-menu-panel .public-submenu{position:static!important;display:grid!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:0 0 4px 12px!important}
 .phase4-public .public-mobile-menu-panel .public-submenu a{padding:9px 12px!important;color:var(--muted,#676274)!important}
}
@media(max-width:430px){
 .blog-home .blog-masthead h1{font-size:clamp(2rem,10.8vw,3rem);line-height:.98}
 .blog-premium-categories a{font-size:.68rem;max-width:150px;min-height:34px;padding:6px 8px}
 .blog-category-strip{gap:5px}
 .phase4-public .public-mobile-menu-panel{top:70px!important;right:6px!important;width:calc(100% - 12px)!important;border-radius:17px!important}
}

/* Operations dashboard quick actions */
.operations-command-panel{overflow:hidden}.operations-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.operations-command-grid>a{display:grid;gap:5px;min-width:0;padding:16px;border:1px solid var(--border,#e2dfea);border-radius:15px;background:var(--surface-muted,#f7f5fa);color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.operations-command-grid>a:hover{transform:translateY(-1px);border-color:var(--brand-primary,#4b3f91)}.operations-command-grid span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--brand-primary,#4b3f91)}.operations-command-grid strong{font-size:1rem}.operations-command-grid small{color:var(--muted,#686375);line-height:1.35}

/* Wallet settings clarity */
.wallet-settings-state{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.wallet-settings-state>div{padding:12px;border:1px solid var(--border,#e1dde8);border-radius:13px;background:var(--surface-muted,#f6f3f8)}.wallet-settings-state span{display:block;color:var(--muted,#676274);font-size:.74rem}.wallet-settings-state strong{display:block;margin-top:4px}

@media(max-width:900px){.blog-personalization-kpi-grid,.blog-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-personalization-settings .blog-form-grid,.operations-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-personalization-kpi-grid,.blog-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.blog-personalization-kpi,.blog-kpi{padding:14px}.blog-personalization-kpi strong,.blog-kpi strong{font-size:1.5rem}.blog-personalization-settings .blog-form-grid,.operations-command-grid,.wallet-settings-state{grid-template-columns:1fr}.blog-admin-shell>.blog-admin-grid>.card,.blog-admin-page>.blog-admin-grid>.card,.blog-personalization-settings{padding:16px}.blog-chart-card{min-height:0}.blog-chart-empty{min-height:120px}}
html[data-theme="dark"] .blog-personalization-kpi,html[data-theme="dark"] .blog-kpi,html[data-theme="dark"] .blog-admin-shell>.blog-admin-grid>.card,html[data-theme="dark"] .blog-admin-page>.blog-admin-grid>.card,html[data-theme="dark"] .blog-personalization-settings{box-shadow:none}

.blog-personalization-head,.blog-analytics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.blog-head-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.blog-head-actions form label{display:grid;gap:5px}.blog-head-actions label>span{font-size:.72rem;font-weight:750;color:var(--muted,#686375)}.blog-head-actions select{min-width:130px}.blog-analytics-personalization{display:flex!important;align-items:center;justify-content:space-between;gap:18px}.blog-analytics-personalization h2{margin:.2rem 0 .35rem}.blog-analytics-personalization p{margin:0;color:var(--muted,#686375)}
@media(max-width:700px){.blog-personalization-head,.blog-analytics-head,.blog-analytics-personalization{align-items:stretch;flex-direction:column}.blog-head-actions{display:grid;grid-template-columns:1fr 1fr}.blog-head-actions form{grid-column:1/-1}.blog-head-actions select,.blog-head-actions .button{width:100%}}
