/* Star Mithila News 11.1.39 — Colorful Newsroom Redesign
 * Visual-only override. Existing markup, routes, hooks, JS behavior and integrations are untouched.
 */

/* =========================================================
   1. BRAND TOKENS — stronger, high-contrast newsroom palette
   ========================================================= */
.smn-app-page{
  --ink:#07182f;
  --ink2:#0b2f5b;
  --blue:#155bd7;
  --cyan:#009fb7;
  --red:#e11d35;
  --paper:#eef3f9;
  --card:#ffffff;
  --text:#101c2c;
  --muted:#5c6c80;
  --line:#d6e0eb;
  --shadow:0 14px 34px rgba(7,24,47,.10);
  --radius:20px;
  --smn-navy:#07182f;
  --smn-navy-2:#0b2f5b;
  --smn-blue:#155bd7;
  --smn-cyan:#009fb7;
  --smn-teal:#008978;
  --smn-red:#e11d35;
  --smn-red-dark:#b30f27;
  --smn-gold:#f59e0b;
  --smn-orange:#f97316;
  --smn-green:#159447;
  --smn-violet:#7c3aed;
  --smn-pink:#db2777;
  --smn-soft-blue:#eaf2ff;
  --smn-soft-cyan:#e8fbff;
  --smn-soft-red:#fff0f3;
  --smn-soft-gold:#fff7e5;
  --smn-soft-green:#eaf8f0;
  --smn-soft-violet:#f3edff;
  background:
    radial-gradient(circle at 8% 0%,rgba(21,91,215,.08),transparent 25rem),
    radial-gradient(circle at 92% 10%,rgba(225,29,53,.06),transparent 24rem),
    linear-gradient(180deg,#f8fbff 0,#eef3f9 38rem,#eef3f9 100%)!important;
  color:var(--text)!important;
}
.smn-app-page .smn-app{color:var(--text)!important}
.smn-app-page :where(h1,h2,h3,h4,h5,strong,b){color:var(--text)}
.smn-app-page :where(p,small,time,.smn-meta){color:var(--muted)}
.smn-app-page :where(input,textarea,select){background:#fff!important;color:var(--text)!important;border-color:#cfdbe8!important}
.smn-app-page :where(input,textarea,select):focus{outline:0!important;border-color:var(--smn-blue)!important;box-shadow:0 0 0 4px rgba(21,91,215,.11)!important}
.smn-app-page .smn-eyebrow{color:var(--smn-red)!important;font-weight:900!important;letter-spacing:1.5px}
.smn-app-page .smn-eyebrow:before{background:linear-gradient(90deg,var(--smn-red),var(--smn-blue),var(--smn-cyan))!important}

/* =========================================================
   2. HEADER — dark premium newsroom masthead
   ========================================================= */
.smn-app-page .smn-shell-topbar,
.smn-app-page .smn-topbar:not(.smn-shell-topbar){
  background:linear-gradient(120deg,#061426 0%,#0a2d56 48%,#123d76 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 14px 34px rgba(7,24,47,.22)!important;
  color:#fff!important;
}
.smn-app-page .smn-shell-topbar::before{
  content:""!important;display:block!important;position:absolute!important;left:14px!important;right:14px!important;top:0!important;height:3px!important;border-radius:0 0 999px 999px!important;
  background:linear-gradient(90deg,#e11d35 0 26%,#f59e0b 26% 44%,#155bd7 44% 72%,#00a6b8 72% 100%)!important;
  pointer-events:none!important;
}
.smn-app-page .smn-shell-topbar::after{display:none!important;content:none!important}
.smn-app-page .smn-shell-topbar .smn-shell-title{color:#dbeafe!important;opacity:1!important}
.smn-app-page .smn-shell-topbar .smn-brand__tagline{color:#aec6df!important}
.smn-app-page .smn-shell-topbar .smn-topbar__actions{
  background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important
}
.smn-app-page .smn-shell-topbar .smn-icon-button,
.smn-app-page .smn-shell-topbar .smn-profile-button,
.smn-app-page .smn-shell-topbar .smn-menu-button{
  background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:none!important
}
.smn-app-page .smn-shell-topbar .smn-notification-button{color:#ff6b7d!important}
.smn-app-page .smn-shell-topbar .smn-header-search{color:#8dd9ff!important}
.smn-app-page .smn-shell-topbar .smn-menu-button i{background:#fff!important}
.smn-app-page .smn-shell-topbar .smn-icon-button:hover,
.smn-app-page .smn-shell-topbar .smn-profile-button:hover,
.smn-app-page .smn-shell-topbar .smn-menu-button:hover{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.28)!important;transform:translateY(-1px)!important}
.smn-app-page .smn-shell-topbar .smn-notification-button>span{background:#ff304d!important;border-color:#082345!important}

/* =========================================================
   3. TOP NAVIGATION / BREAKING
   ========================================================= */
.smn-app-page .smn-category-nav{
  background:linear-gradient(180deg,#ffffff,#f7faff)!important;border:1px solid #d2deea!important;box-shadow:0 10px 24px rgba(7,24,47,.08)!important
}
.smn-app-page .smn-category-nav a{color:#34465c!important;background:transparent!important;font-weight:850!important}
.smn-app-page .smn-category-nav a:hover{background:var(--smn-soft-blue)!important;color:var(--smn-blue)!important}
.smn-app-page .smn-category-nav .is-active{background:linear-gradient(135deg,#e11d35,#c4142d)!important;color:#fff!important;box-shadow:0 7px 16px rgba(225,29,53,.24)!important}
.smn-app-page .smn-breaking{
  background:linear-gradient(100deg,#b60f28 0%,#df1934 38%,#f02f49 100%)!important;border:0!important;box-shadow:0 10px 24px rgba(190,16,43,.22)!important;color:#fff!important
}
.smn-app-page .smn-breaking strong{color:#fff!important;background:rgba(92,0,17,.25)!important;border-radius:999px!important;padding:7px 11px!important}
.smn-app-page .smn-breaking strong span{background:#fff!important;box-shadow:0 0 0 5px rgba(255,255,255,.16)!important}
.smn-app-page .smn-breaking a,.smn-app-page .smn-breaking__group a{color:#fff!important}
.smn-app-page .smn-breaking__group a:after{background:rgba(255,255,255,.45)!important}

/* =========================================================
   4. HOME QUICK SERVICES / DISCOVERY
   ========================================================= */
.smn-app-page .smn-command-row>a,.smn-app-page .smn-command-row>button{
  position:relative!important;overflow:hidden!important;background:#fff!important;border:1px solid #d5e0eb!important;box-shadow:0 11px 26px rgba(7,24,47,.08)!important
}
.smn-app-page .smn-command-row>a::before,.smn-app-page .smn-command-row>button::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--smn-red)}
.smn-app-page .smn-command-row>*:nth-child(2)::before{background:var(--smn-blue)}
.smn-app-page .smn-command-row>*:nth-child(3)::before{background:var(--smn-teal)}
.smn-app-page .smn-command-row>*>span{background:linear-gradient(135deg,#fff0f3,#ffdce3)!important;color:var(--smn-red)!important;border:1px solid #ffc9d3!important}
.smn-app-page .smn-command-row>*:nth-child(2)>span{background:linear-gradient(135deg,#eaf2ff,#dbeafe)!important;color:var(--smn-blue)!important;border-color:#bfd5ff!important}
.smn-app-page .smn-command-row>*:nth-child(3)>span{background:linear-gradient(135deg,#e8faf6,#d5f4ed)!important;color:var(--smn-teal)!important;border-color:#b9eadf!important}
.smn-app-page .smn-command-row strong{color:#12233a!important}
.smn-app-page .smn-command-row b{color:var(--smn-blue)!important}
.smn-app-page .smn-command-row>a:hover,.smn-app-page .smn-command-row>button:hover{transform:translateY(-2px)!important;box-shadow:0 16px 32px rgba(7,24,47,.12)!important}
.smn-app-page .smn-discovery-links>a{background:#fff!important;border:1px solid #d5e0eb!important;box-shadow:0 8px 20px rgba(7,24,47,.065)!important}
.smn-app-page .smn-discovery-links>a:nth-child(1)>i,.smn-app-page .smn-discovery-links>a:nth-child(1)>.smn-for-you-icon{background:var(--smn-soft-red)!important;color:var(--smn-red)!important}
.smn-app-page .smn-discovery-links>a:nth-child(2)>i{background:var(--smn-soft-gold)!important;color:#c77800!important}
.smn-app-page .smn-discovery-links>a:nth-child(3)>i{background:var(--smn-soft-blue)!important;color:var(--smn-blue)!important}
.smn-app-page .smn-discovery-links>a:hover{border-color:#b8cae0!important;transform:translateY(-1px)!important}

/* =========================================================
   5. HOME HERO / NEWS CARDS
   ========================================================= */
.smn-app-page .smn-hero{border:1px solid rgba(7,24,47,.13)!important;box-shadow:0 18px 42px rgba(7,24,47,.16)!important;background:#0b2444!important}
.smn-app-page .smn-hero__shade{background:linear-gradient(180deg,rgba(4,14,29,.02) 18%,rgba(5,19,39,.55) 54%,rgba(4,15,32,.96) 100%)!important}
.smn-app-page .smn-hero h2,.smn-app-page .smn-hero p,.smn-app-page .smn-hero .smn-meta{color:#fff!important}
.smn-app-page .smn-hero .smn-kicker{background:#e11d35!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 7px 18px rgba(225,29,53,.28)!important}
.smn-app-page .smn-story{
  background:#fff!important;border:1px solid #d6e0eb!important;box-shadow:0 11px 28px rgba(7,24,47,.075)!important
}
.smn-app-page .smn-story:hover{border-color:#b5c8dc!important;box-shadow:0 18px 36px rgba(7,24,47,.12)!important;transform:translateY(-2px)!important}
.smn-app-page .smn-story__media{background:#dfe8f2!important}
.smn-app-page .smn-kicker{background:#fff0f3!important;color:#c5132b!important;border:1px solid #ffcbd4!important;font-weight:900!important}
.smn-app-page .smn-story h3 a{color:#0d1d30!important}
.smn-app-page .smn-story .smn-meta{color:#66778b!important}
.smn-app-page .smn-section__head h2{color:#07182f!important}
.smn-app-page .smn-section__head:after,.smn-app-page .smn-section__head h2:after{background:linear-gradient(90deg,#e11d35 0 28%,#155bd7 28% 65%,#00a3b8 65% 100%)!important;height:4px!important}
.smn-app-page .smn-section__head a{color:var(--smn-blue)!important;font-weight:900!important}
.smn-app-page .smn-community{background:linear-gradient(125deg,#061426 0%,#0b376d 54%,#09536b 100%)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 18px 42px rgba(7,24,47,.24)!important}
.smn-app-page .smn-community :where(h2,p,strong,small){color:#fff!important}

/* action buttons — saturated semantic colors */
.smn-app-page [data-save-post],.smn-app-page [data-like-post],.smn-app-page [data-share-post],.smn-app-page .smn-whatsapp-share,.smn-app-page .smn-snap-chat{
  background:#fff!important;border:1px solid #d3dfeb!important;box-shadow:0 5px 12px rgba(7,24,47,.06)!important
}
.smn-app-page [data-save-post],.smn-app-page [data-save-post] i{color:#c47b00!important}
.smn-app-page [data-like-post],.smn-app-page [data-like-post] i{color:#d81b43!important}
.smn-app-page [data-share-post],.smn-app-page [data-share-post] i,.smn-app-page .smn-snap-chat{color:#155bd7!important}
.smn-app-page .smn-whatsapp-share,.smn-app-page .smn-whatsapp-share i{color:#159447!important}
.smn-app-page [data-save-post].is-saved{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important}
.smn-app-page [data-like-post].is-liked{background:#d81b43!important;border-color:#d81b43!important;color:#fff!important}
.smn-app-page [data-save-post].is-saved i,.smn-app-page [data-like-post].is-liked i{color:#fff!important}
.smn-app-page [data-share-post]:hover{background:#155bd7!important;border-color:#155bd7!important;color:#fff!important}
.smn-app-page [data-share-post]:hover i{color:#fff!important}
.smn-app-page .smn-whatsapp-share:hover{background:#159447!important;border-color:#159447!important;color:#fff!important}
.smn-app-page .smn-whatsapp-share:hover i{color:#fff!important}

/* =========================================================
   6. NEWS SNAP — dark frame + bright white reading cards
   ========================================================= */
.smn-app-page .smn-snap-modal{background:rgba(3,12,25,.88)!important;backdrop-filter:blur(18px)!important}
.smn-app-page .smn-snap-shell{
  background:linear-gradient(150deg,#061426 0%,#0a2f59 72%,#0b4660 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 26px 70px rgba(0,0,0,.35)!important
}
.smn-app-page .smn-snap-head span{color:#ff8b9a!important}
.smn-app-page .smn-snap-head strong{color:#fff!important}
.smn-app-page .smn-snap-head__actions button{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}
.smn-app-page .smn-snap-intro{color:#b9cce0!important}
.smn-app-page .smn-snap-card{background:#fff!important;color:#101c2c!important;border:1px solid #d6e0eb!important;box-shadow:0 14px 34px rgba(0,0,0,.16)!important}
.smn-app-page .smn-snap-card h3,.smn-app-page .smn-snap-card h3 a{color:#0b1d31!important}
.smn-app-page .smn-snap-details{color:#516276!important}
.smn-app-page .smn-snap-card__meta small{color:#e11d35!important}
.smn-app-page .smn-snap-card__meta span{color:#155bd7!important}
.smn-app-page .smn-snap-read{color:#155bd7!important;font-weight:900!important}
.smn-app-page .smn-snap-progress{color:#d8e7f6!important}
.smn-app-page .smn-chat-count{background:#e11d35!important;color:#fff!important}

/* =========================================================
   7. AUDIO — strong radio/podcast identity, same playback logic
   ========================================================= */
.smn-audio-page-simple .smn-audio-simple__head{
  background:linear-gradient(120deg,#07182f 0%,#173d76 58%,#6d28d9 130%)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 18px 42px rgba(7,24,47,.22)!important;color:#fff!important
}
.smn-audio-page-simple .smn-audio-simple__head>div:first-child>span{color:#ff9aac!important}
.smn-audio-page-simple .smn-audio-simple__head h1{color:#fff!important}
.smn-audio-page-simple .smn-audio-simple__head p{color:#c6d8eb!important}
.smn-audio-page-simple .smn-audio-simple__head-actions b{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}
.smn-audio-page-simple .smn-audio-simple__head-actions a{background:#fff!important;border-color:#fff!important;color:#102d58!important}
.smn-audio-page-simple .smn-audio-simple__list{background:#fff!important;border:1px solid #d4dfeb!important;box-shadow:0 14px 34px rgba(7,24,47,.10)!important}
.smn-audio-page-simple .smn-audio-simple__item{background:#fff!important;border-color:#dde6ef!important}
.smn-audio-page-simple .smn-audio-simple__item:hover{background:#f8fbff!important}
.smn-audio-page-simple .smn-audio-simple__thumb{background:#0c2c55!important;box-shadow:0 8px 18px rgba(7,24,47,.12)!important}
.smn-audio-page-simple .smn-audio-simple__thumb>span{background:linear-gradient(135deg,#e11d35,#f43f5e)!important;color:#fff!important}
.smn-audio-page-simple .smn-audio-simple__meta span{color:#e11d35!important}
.smn-audio-page-simple .smn-audio-simple__copy h2 a{color:#0c1e32!important}
.smn-audio-page-simple .smn-audio-simple__play{background:linear-gradient(135deg,#e11d35,#b80f28)!important;color:#fff!important;box-shadow:0 8px 18px rgba(225,29,53,.24)!important}
.smn-audio-page-simple .smn-audio-simple__progress{background:linear-gradient(to right,#e11d35 0,#e11d35 var(--audio-progress),#d4deea var(--audio-progress),#d4deea 100%)!important}
.smn-audio-page-simple .smn-audio-simple__progress::-webkit-slider-thumb,.smn-audio-page-simple .smn-audio-simple__progress::-moz-range-thumb{background:#e11d35!important;box-shadow:0 0 0 3px #fff,0 2px 8px rgba(225,29,53,.25)!important}
.smn-audio-page-simple .smn-audio-simple__progress::-moz-range-progress{background:#e11d35!important}
.smn-audio-page-simple .smn-audio-simple__time{color:#183d6a!important}
.smn-audio-page-simple .smn-audio-simple__actions button,.smn-audio-page-simple .smn-audio-simple__actions>a,.smn-audio-page-simple .smn-audio-simple__actions .smn-whatsapp-share{background:#f7faff!important;border-color:#d5e0eb!important}
.smn-audio-page-simple .smn-audio-simple__read{color:#155bd7!important}
.smn-audio-page-simple .smn-audio-simple__actions .smn-whatsapp-share{color:#159447!important;background:#eef9f3!important;border-color:#cdebd9!important}

/* =========================================================
   8. VIDEO — cinema card with news-red video identity
   ========================================================= */
.smn-app-page.smn-reels-page{background:radial-gradient(circle at 90% 4%,rgba(225,29,53,.08),transparent 28rem),linear-gradient(180deg,#f8fbff,#eef3f9)!important}
.smn-app-page .smn-reels{gap:20px!important}
.smn-app-page .smn-reel{overflow:hidden!important;background:#fff!important;border:1px solid #d4dfeb!important;box-shadow:0 15px 36px rgba(7,24,47,.11)!important}
.smn-app-page .smn-reel__media{background:#061426!important}
.smn-app-page .smn-video-badge{background:linear-gradient(135deg,#e11d35,#b90e29)!important;color:#fff!important;box-shadow:0 6px 16px rgba(225,29,53,.28)!important}
.smn-app-page .smn-video-watermark{background:rgba(6,20,38,.72)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;backdrop-filter:blur(8px)!important}
.smn-app-page .smn-reel__copy h2,.smn-app-page .smn-reel__copy h2 a{color:#0b1d31!important}
.smn-app-page .smn-reel__actions [data-share-post]{background:#155bd7!important;border-color:#155bd7!important;color:#fff!important}
.smn-app-page .smn-reel__actions [data-share-post] i{color:#fff!important}
.smn-app-page .smn-reel__actions>a{background:#e9fbf8!important;border-color:#bfe8df!important;color:#087b6e!important}

/* =========================================================
   9. TOGGLE / DRAWER — bold newsroom control center
   ========================================================= */
.smn-app-page .smn-drawer-backdrop{background:rgba(2,10,22,.68)!important;backdrop-filter:blur(8px)!important}
.smn-app-page .smn-mobile-drawer{
  background:linear-gradient(180deg,#f7fbff 0%,#edf3f9 100%)!important;color:var(--text)!important;box-shadow:-30px 0 70px rgba(2,14,30,.32)!important
}
.smn-app-page .smn-drawer__head{margin:-1px -1px 14px!important;padding:18px 18px 16px!important;background:linear-gradient(120deg,#061426,#0c3769)!important;border-bottom:3px solid #e11d35!important}
.smn-app-page .smn-drawer__head small{color:#bcd0e4!important}
.smn-app-page .smn-drawer__head button{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.smn-app-page .smn-drawer__profile{background:linear-gradient(120deg,#0a2e59,#155bd7)!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(14,62,119,.22)!important}
.smn-app-page .smn-drawer__profile :where(strong,small,b){color:#fff!important}
.smn-app-page .smn-drawer__profile small{opacity:.82!important}
.smn-app-page .smn-drawer__icons>a,.smn-app-page .smn-drawer__icons>button{background:#fff!important;border:1px solid #d2deea!important;box-shadow:0 8px 18px rgba(7,24,47,.07)!important}
.smn-app-page .smn-drawer__icons>*:nth-child(1){color:#155bd7!important;background:#eaf2ff!important;border-color:#bfd5ff!important}
.smn-app-page .smn-drawer__icons>*:nth-child(2){color:#c27a00!important;background:#fff7e5!important;border-color:#f5dfaa!important}
.smn-app-page .smn-drawer__icons>*:nth-child(3){color:#7c3aed!important;background:#f3edff!important;border-color:#dcd0ff!important}
.smn-app-page .smn-drawer__icons>*:nth-child(4){color:#008978!important;background:#e8f8f4!important;border-color:#bae7dc!important}
.smn-app-page .smn-drawer__live-tools{background:#fff!important;border-color:#d4dfeb!important;box-shadow:0 8px 20px rgba(7,24,47,.06)!important}
.smn-app-page .smn-drawer__quick{border-color:#d3deea!important}
.smn-app-page .smn-drawer__quick>a,.smn-app-page .smn-drawer__quick>button{background:#fff!important;border-color:#d4dfeb!important;color:var(--text)!important;box-shadow:0 7px 16px rgba(7,24,47,.05)!important}
.smn-app-page .smn-drawer__quick>*:nth-of-type(1)>span{background:#fff0f3!important;color:#e11d35!important}
.smn-app-page .smn-drawer__quick>*:nth-of-type(2)>span{background:#eaf2ff!important;color:#155bd7!important}
.smn-app-page .smn-drawer__quick>*:nth-of-type(3)>span{background:#e8f8f4!important;color:#008978!important}
.smn-app-page .smn-font-control{background:#fff!important;border-color:#d4dfeb!important;box-shadow:0 7px 16px rgba(7,24,47,.05)!important}
.smn-app-page .smn-font-control button{background:#edf4ff!important;border-color:#cbdcf3!important;color:#174c93!important}
.smn-app-page .smn-app-download{background:linear-gradient(120deg,#e11d35,#bd102b)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px rgba(225,29,53,.20)!important}
.smn-app-page .smn-app-download :where(strong,small,b,span){color:#fff!important}

/* =========================================================
   10. MOBILE BOTTOM NAV — semantic color per section
   ========================================================= */
@media(max-width:640px){
  .smn-app-page .smn-mobile-nav{
    background:linear-gradient(180deg,#071a31,#061426)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 16px 38px rgba(2,12,26,.38),inset 0 1px 0 rgba(255,255,255,.05)!important
  }
  .smn-app-page .smn-mobile-nav>a,.smn-app-page .smn-mobile-nav>button{color:#aabbd0!important}
  .smn-app-page .smn-mobile-nav>a>i,.smn-app-page .smn-mobile-nav>button>i{background:rgba(255,255,255,.07)!important;color:#c7d5e5!important}
  .smn-app-page .smn-mobile-nav>*:nth-child(1)>i{color:#ff6376!important}
  .smn-app-page .smn-mobile-nav>*:nth-child(2)>i{color:#62b5ff!important}
  .smn-app-page .smn-mobile-nav>*:nth-child(4)>i{color:#c29cff!important}
  .smn-app-page .smn-mobile-nav>*:nth-child(5)>i{color:#ffb14a!important}
  .smn-app-page .smn-mobile-nav>a.is-active:not(.smn-mobile-create),.smn-app-page .smn-mobile-nav>button.is-active:not(.smn-mobile-create){background:rgba(255,255,255,.09)!important;color:#fff!important}
  .smn-app-page .smn-mobile-nav>a.is-active:not(.smn-mobile-create)::after,.smn-app-page .smn-mobile-nav>button.is-active:not(.smn-mobile-create)::after{background:#e11d35!important;box-shadow:0 0 0 3px rgba(225,29,53,.13)!important}
  .smn-app-page .smn-mobile-nav .smn-mobile-create{background:linear-gradient(135deg,#e11d35,#ff4157)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 12px 26px rgba(225,29,53,.34)!important}
  .smn-app-page .smn-mobile-nav .smn-mobile-create>i{background:transparent!important;color:#fff!important}
}

/* =========================================================
   11. SEARCH / NOTIFICATION / LIVE TOOL / GENERIC POPUPS
   ========================================================= */
.smn-app-page .smn-search-modal{background:radial-gradient(circle at 50% 12%,rgba(21,91,215,.25),transparent 28rem),rgba(2,10,22,.90)!important;backdrop-filter:blur(18px)!important}
.smn-app-page .smn-search-modal label{color:#fff!important}
.smn-app-page .smn-search-modal form div{background:#fff!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 22px 60px rgba(0,0,0,.34)!important}
.smn-app-page .smn-search-modal form button{background:linear-gradient(135deg,#e11d35,#b90f2a)!important;color:#fff!important}
.smn-app-page .smn-notification-panel,.smn-app-page .smn-notification-center{background:#fff!important;border:1px solid #d3deea!important;box-shadow:0 24px 58px rgba(3,18,38,.24)!important}
.smn-app-page .smn-notification-center__top{background:linear-gradient(110deg,#07182f,#0b376d)!important}
.smn-app-page .smn-notification-center__top small{color:#ff7f92!important}.smn-app-page .smn-notification-center__top strong{color:#fff!important}
.smn-app-page .smn-notification-center__top>button{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.15)!important;color:#fff!important}
.smn-app-page .smn-notification-tabs button{background:#f7faff!important;border-color:#d7e1ec!important;color:#566b82!important}
.smn-app-page .smn-notification-tabs button.is-active{background:#eaf2ff!important;border-color:#bfd4fa!important;color:#155bd7!important}
.smn-app-page .smn-notification-item.is-unread{background:#f0f6ff!important}
.smn-app-page .smn-notification-item em{background:#fff0f3!important;color:#d81735!important}
.smn-app-page .smn-notification-item.is-unread .smn-notification-read-dot{background:#155bd7!important}
.smn-app-page .smn-live-tool-sheet__backdrop{background:rgba(2,10,22,.64)!important;backdrop-filter:blur(8px)!important}
.smn-app-page .smn-live-tool-sheet__card{background:#f9fbfe!important;border:1px solid #d3deea!important;box-shadow:0 -24px 64px rgba(3,18,38,.26)!important}
.smn-app-page .smn-live-tool-sheet__card header{background:linear-gradient(110deg,#07182f,#0b376d)!important;color:#fff!important}
.smn-app-page .smn-live-tool-sheet__card header :where(span,h2){color:#fff!important}
.smn-app-page .smn-live-tool-sheet__card header button{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
.smn-app-page .smn-settings-sheet,.smn-app-page .smn-exit-sheet,.smn-app-page .smn-app-prompt{--popup-line:#d3deea}
.smn-app-page .smn-settings-card,.smn-app-page .smn-exit-sheet__card,.smn-app-page .smn-app-prompt__card{background:#fff!important;border:1px solid #d3deea!important;box-shadow:0 24px 64px rgba(3,18,38,.24)!important}
.smn-app-page .smn-toast{background:linear-gradient(135deg,#07182f,#0b376d)!important;color:#fff!important;box-shadow:0 12px 30px rgba(7,24,47,.26)!important}
.smn-app-page .smn-backtop{background:linear-gradient(135deg,#e11d35,#b80f28)!important;color:#fff!important;box-shadow:0 10px 24px rgba(225,29,53,.30)!important}

/* =========================================================
   12. SETTINGS / PROFILE / SEARCH / INNER PAGE SURFACES
   ========================================================= */
.smn-app-page .smn-settings-intro,.smn-app-page .smn-personalized-head,.smn-app-page .smn-search-hero,.smn-app-page .smna-fallback-head{
  background:linear-gradient(120deg,#f7fbff,#edf4ff)!important;border:1px solid #d3dfeb!important;box-shadow:0 10px 26px rgba(7,24,47,.06)!important
}
.smn-app-page .smn-setting-list,.smn-app-page .smn-setting-row,.smn-app-page .smn-setting-link{background:#fff!important;border-color:#d5e0eb!important}
.smn-app-page .smn-setting-row:hover,.smn-app-page .smn-setting-link:hover{background:#f8fbff!important;border-color:#b9cce0!important}
.smn-app-page .smn-setting-row>span>i,.smn-app-page .smn-setting-link>span>i{background:#eaf2ff!important;color:#155bd7!important}
.smn-app-page .smn-setting-row:nth-child(2)>span>i{background:#fff0f3!important;color:#e11d35!important}
.smn-app-page .smn-setting-row:nth-child(3)>span>i{background:#f3edff!important;color:#7c3aed!important}
.smn-app-page .smn-setting-row:nth-child(4)>span>i{background:#e8f8f4!important;color:#008978!important}
.smn-app-page :where(.smn-primary,.smn-auth-primary,.smn-setting-primary,.smn-os-primary,.smn-consent-action,.smn-publish-button){background:linear-gradient(135deg,#155bd7,#0b438f)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 9px 22px rgba(21,91,215,.22)!important}
.smn-app-page :where(.smn-primary,.smn-auth-primary,.smn-setting-primary,.smn-os-primary,.smn-consent-action,.smn-publish-button):hover{background:linear-gradient(135deg,#0d4fc6,#083b80)!important}
.smn-app-page .smn-author-profile-card,.smn-app-page .smn-profile-card,.smn-app-page .smn-auth-panel,.smn-app-page .smn-login-card,.smn-app-page .smn-saved-card,.smn-app-page .smn-history-card{background:#fff!important;border-color:#d5e0eb!important;box-shadow:0 12px 30px rgba(7,24,47,.075)!important}

/* =========================================================
   13. SINGLE ARTICLE — strong title, quiet reading body
   ========================================================= */
.smn-app-page .smn-single__head h1{color:#07182f!important}
.smn-app-page .smn-single__content{color:#182638!important}
.smn-app-page .smn-single__content p{color:#223348!important}
.smn-app-page .smn-single__content a{color:#155bd7!important;text-decoration-color:#8fb4f2!important}
.smn-app-page .smn-single__bar{background:#fff!important;border-color:#d3dfeb!important;box-shadow:0 10px 26px rgba(7,24,47,.09)!important}
.smn-app-page .smn-single__author,.smn-app-page .smn-reader-trust-card{background:#fff!important;border-color:#d5e0eb!important;box-shadow:0 10px 26px rgba(7,24,47,.07)!important}
.smn-app-page .smn-khabar-summary{background:linear-gradient(120deg,#edf5ff,#f8fbff)!important;border-color:#cdddf0!important}

/* =========================================================
   14. FOOTER
   ========================================================= */
.smn-app-page .smn-footer{background:linear-gradient(135deg,#04101f 0%,#082746 58%,#0a3f53 100%)!important;border-top:4px solid #e11d35!important;color:#fff!important}
.smn-app-page .smn-footer p{color:#bfd0e2!important}.smn-app-page .smn-footer small{color:#90a7be!important}

/* =========================================================
   15. DARK MODE — colorful but readable, no washed-out gray
   ========================================================= */
:root[data-smn-theme=dark] .smn-app-page{
  --paper:#06111f;--card:#0c1b2d;--text:#f0f5fb;--muted:#9fb0c4;--line:#263b53;--shadow:0 16px 42px rgba(0,0,0,.30);
  background:radial-gradient(circle at 10% 0%,rgba(21,91,215,.13),transparent 26rem),linear-gradient(180deg,#06111f,#081523 36rem,#081523)!important
}
:root[data-smn-theme=dark] .smn-app-page :where(.smn-story,.smn-reel,.smn-snap-card,.smn-setting-list,.smn-setting-row,.smn-setting-link,.smn-author-profile-card,.smn-profile-card,.smn-auth-panel,.smn-login-card,.smn-saved-card,.smn-history-card){background:#0d1d30!important;border-color:#29405a!important}
:root[data-smn-theme=dark] .smn-app-page .smn-story h3 a,:root[data-smn-theme=dark] .smn-app-page .smn-reel__copy h2,:root[data-smn-theme=dark] .smn-app-page .smn-snap-card h3,:root[data-smn-theme=dark] .smn-app-page .smn-snap-card h3 a{color:#f3f7fc!important}
:root[data-smn-theme=dark] .smn-app-page .smn-story .smn-meta,:root[data-smn-theme=dark] .smn-app-page .smn-snap-details{color:#9fb0c4!important}
:root[data-smn-theme=dark] .smn-app-page .smn-category-nav{background:#0c1b2d!important;border-color:#29405a!important}
:root[data-smn-theme=dark] .smn-app-page .smn-category-nav a{color:#b8c8d9!important}
:root[data-smn-theme=dark] .smn-app-page .smn-command-row>a,:root[data-smn-theme=dark] .smn-app-page .smn-command-row>button,:root[data-smn-theme=dark] .smn-app-page .smn-discovery-links>a{background:#0d1d30!important;border-color:#29405a!important}
:root[data-smn-theme=dark] .smn-app-page .smn-command-row strong,:root[data-smn-theme=dark] .smn-app-page .smn-discovery-links strong{color:#f1f6fb!important}
:root[data-smn-theme=dark] .smn-audio-page-simple .smn-audio-simple__list,:root[data-smn-theme=dark] .smn-audio-page-simple .smn-audio-simple__item{background:#0d1d30!important;border-color:#29405a!important}
:root[data-smn-theme=dark] .smn-audio-page-simple .smn-audio-simple__item:hover{background:#10243a!important}
:root[data-smn-theme=dark] .smn-audio-page-simple .smn-audio-simple__copy h2 a{color:#f1f6fb!important}
:root[data-smn-theme=dark] .smn-audio-page-simple .smn-audio-simple__time{color:#9ec6ff!important}
:root[data-smn-theme=dark] .smn-app-page .smn-mobile-drawer{background:linear-gradient(180deg,#081624,#0a1929)!important}
:root[data-smn-theme=dark] .smn-app-page .smn-drawer__icons>a,:root[data-smn-theme=dark] .smn-app-page .smn-drawer__icons>button,:root[data-smn-theme=dark] .smn-app-page .smn-drawer__quick>a,:root[data-smn-theme=dark] .smn-app-page .smn-drawer__quick>button,:root[data-smn-theme=dark] .smn-app-page .smn-font-control{background:#102238!important;border-color:#2a415b!important}
:root[data-smn-theme=dark] .smn-app-page .smn-notification-panel,:root[data-smn-theme=dark] .smn-app-page .smn-notification-center,:root[data-smn-theme=dark] .smn-app-page .smn-live-tool-sheet__card{background:#0d1d30!important;border-color:#29405a!important}
:root[data-smn-theme=dark] .smn-app-page .smn-notification-item{background:#0d1d30!important;border-color:#29405a!important;color:#f1f6fb!important}
:root[data-smn-theme=dark] .smn-app-page .smn-notification-item.is-unread{background:#102744!important}
:root[data-smn-theme=dark] .smn-app-page .smn-single__head h1,:root[data-smn-theme=dark] .smn-app-page .smn-single__content,:root[data-smn-theme=dark] .smn-app-page .smn-single__content p{color:#eef4fb!important}
:root[data-smn-theme=dark] .smn-app-page .smn-single__bar,:root[data-smn-theme=dark] .smn-app-page .smn-single__author,:root[data-smn-theme=dark] .smn-app-page .smn-reader-trust-card{background:#0d1d30!important;border-color:#29405a!important}

/* Small-screen refinement: preserve current geometry; only tighten visual chrome. */
@media(max-width:640px){
  .smn-app-page .smn-shell-topbar{box-shadow:0 9px 24px rgba(7,24,47,.22)!important}
  .smn-app-page .smn-category-nav{box-shadow:0 7px 18px rgba(7,24,47,.08)!important}
  .smn-app-page .smn-breaking{box-shadow:0 7px 18px rgba(190,16,43,.20)!important}
  .smn-app-page .smn-story{box-shadow:0 8px 20px rgba(7,24,47,.07)!important}
  .smn-app-page .smn-snap-shell{background:linear-gradient(160deg,#061426,#0a2f59)!important}
}