/* Star Mithila News 11.1.40 — Premium Spectrum Editorial Redesign
 * Visual-only skin. No route, hook, form, API, automation, player or JS behavior changes.
 */

/* =========================================================
   1) DESIGN SYSTEM — strong newsroom contrast, quiet reading
   ========================================================= */
.smn-app-page{
  --smn-ink:#111827;
  --smn-ink-2:#24344d;
  --smn-muted:#65738a;
  --smn-bg:#f3f5f9;
  --smn-card:#ffffff;
  --smn-line:#dbe2ec;
  --smn-navy:#0b1f3a;
  --smn-navy-2:#12335c;
  --smn-red:#d71920;
  --smn-red-2:#b91018;
  --smn-blue:#1464f4;
  --smn-cyan:#0797b7;
  --smn-teal:#00897b;
  --smn-violet:#6d3ee8;
  --smn-gold:#e9a100;
  --smn-orange:#f26b21;
  --smn-green:#159a55;
  --smn-radius:18px;
  --smn-shadow:0 10px 30px rgba(15,31,55,.08);
  --smn-shadow-lg:0 20px 50px rgba(15,31,55,.13);
  background:#f3f5f9!important;
  color:var(--smn-ink)!important;
}
.smn-app-page .smn-app{color:var(--smn-ink)!important}
.smn-app-page :where(h1,h2,h3,h4,h5,h6,strong,b){color:var(--smn-ink)}
.smn-app-page :where(p,small,time,.smn-meta){color:var(--smn-muted)}
.smn-app-page :where(input,textarea,select){background:#fff!important;color:var(--smn-ink)!important;border-color:#cfd8e5!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(20,100,244,.10)!important}
.smn-app-page a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.smn-app-page button{transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease,color .18s ease}
.smn-app-page .smn-eyebrow{color:var(--smn-red)!important;font-weight:950!important;letter-spacing:1.2px}
.smn-app-page .smn-eyebrow:before{background:var(--smn-red)!important}

/* =========================================================
   2) HEADER — clean white masthead + strong brand edge
   ========================================================= */
.smn-app-page .smn-shell-topbar,
.smn-app-page .smn-topbar:not(.smn-shell-topbar){
  background:#fff!important;
  border:1px solid #dce3ec!important;
  border-bottom:3px solid var(--smn-navy)!important;
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(11,31,58,.08)!important;
  color:var(--smn-ink)!important;
  overflow:visible!important;
}
.smn-app-page .smn-shell-topbar::before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:-3px!important;
  top:auto!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--smn-red) 0 34%,var(--smn-blue) 34% 68%,var(--smn-cyan) 68% 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:#33445e!important;font-weight:850!important}
.smn-app-page .smn-shell-topbar .smn-brand__tagline{color:#77869b!important}
.smn-app-page .smn-shell-topbar .smn-brand__mark img{filter:drop-shadow(0 5px 10px rgba(11,31,58,.10))!important}
.smn-app-page .smn-shell-topbar .smn-topbar__actions{
  background:#f7f9fc!important;
  border:1px solid #e1e7ef!important;
  box-shadow:none!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:#fff!important;
  border:1px solid #dce3ec!important;
  color:var(--smn-navy)!important;
  box-shadow:0 2px 8px rgba(11,31,58,.04)!important;
}
.smn-app-page .smn-shell-topbar .smn-notification-button{color:var(--smn-red)!important}
.smn-app-page .smn-shell-topbar .smn-header-search{color:var(--smn-blue)!important}
.smn-app-page .smn-shell-topbar .smn-menu-button i{background:var(--smn-navy)!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:#eef4ff!important;border-color:#bdd0f3!important;transform:translateY(-1px)!important}
.smn-app-page .smn-shell-topbar .smn-notification-button>span{background:var(--smn-red)!important;border-color:#fff!important}

/* =========================================================
   3) CATEGORY NAV + BREAKING — newsroom identity
   ========================================================= */
.smn-app-page .smn-category-nav{
  background:var(--smn-navy)!important;
  border:1px solid #193858!important;
  box-shadow:0 8px 22px rgba(11,31,58,.16)!important;
  padding:7px!important;
}
.smn-app-page .smn-category-nav a{color:#c8d2df!important;background:transparent!important;font-weight:850!important}
.smn-app-page .smn-category-nav a:hover{color:#fff!important;background:#17375e!important}
.smn-app-page .smn-category-nav .is-active{color:#fff!important;background:var(--smn-red)!important;box-shadow:none!important}
.smn-app-page .smn-category-nav .smn-home-tab i{color:inherit!important}
.smn-app-page .smn-breaking{
  background:#fff!important;
  border:1px solid #e0e5ed!important;
  border-left:5px solid var(--smn-red)!important;
  box-shadow:0 6px 18px rgba(11,31,58,.05)!important;
  color:var(--smn-ink)!important;
}
.smn-app-page .smn-breaking strong{color:#fff!important;background:var(--smn-red)!important;border-radius:8px!important;padding:7px 10px!important;letter-spacing:.8px!important}
.smn-app-page .smn-breaking strong span{background:#fff!important;box-shadow:0 0 0 4px rgba(255,255,255,.18)!important}
.smn-app-page .smn-breaking a,.smn-app-page .smn-breaking__group a{color:#25364f!important;font-weight:800!important}
.smn-app-page .smn-breaking a:hover{color:var(--smn-red)!important}
.smn-app-page .smn-breaking__group a:after{background:none!important;color:var(--smn-blue)!important}

/* =========================================================
   4) QUICK SERVICES + DISCOVERY — colorful, not candy-like
   ========================================================= */
.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 #dce3ec!important;
  box-shadow:0 7px 18px rgba(11,31,58,.055)!important;
  border-radius:16px!important;
}
.smn-app-page .smn-command-row>a::after,.smn-app-page .smn-command-row>button::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--smn-red)
}
.smn-app-page .smn-command-row>*:nth-child(2)::after{background:var(--smn-blue)}
.smn-app-page .smn-command-row>*:nth-child(3)::after{background:var(--smn-teal)}
.smn-app-page .smn-command-row>*>span{background:#fff1f2!important;color:var(--smn-red)!important;border:1px solid #ffd5da!important}
.smn-app-page .smn-command-row>*:nth-child(2)>span{background:#edf4ff!important;color:var(--smn-blue)!important;border-color:#d5e5ff!important}
.smn-app-page .smn-command-row>*:nth-child(3)>span{background:#eaf8f5!important;color:var(--smn-teal)!important;border-color:#cdebe5!important}
.smn-app-page .smn-command-row strong{color:#17243a!important}
.smn-app-page .smn-command-row b{color:#6b778a!important}
.smn-app-page .smn-command-row>a:hover,.smn-app-page .smn-command-row>button:hover{transform:translateY(-3px)!important;border-color:#c4cfdd!important;box-shadow:0 14px 28px rgba(11,31,58,.10)!important}

.smn-app-page .smn-discovery-links>a{
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #dce3ec!important;
  box-shadow:0 6px 16px rgba(11,31,58,.05)!important;
}
.smn-app-page .smn-discovery-links>a::after{content:"";position:absolute;inset:auto 12px 0 12px;height:2px;border-radius:999px;background:#e8edf4}
.smn-app-page .smn-discovery-links>a:nth-child(1)::after{background:var(--smn-red)}
.smn-app-page .smn-discovery-links>a:nth-child(2)::after{background:var(--smn-gold)}
.smn-app-page .smn-discovery-links>a:nth-child(3)::after{background:var(--smn-blue)}
.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:#fff1f2!important;color:var(--smn-red)!important}
.smn-app-page .smn-discovery-links>a:nth-child(2)>i{background:#fff7df!important;color:#b67a00!important}
.smn-app-page .smn-discovery-links>a:nth-child(3)>i{background:#edf4ff!important;color:var(--smn-blue)!important}
.smn-app-page .smn-discovery-links>a:hover{transform:translateY(-2px)!important;border-color:#c6d0dc!important;box-shadow:0 10px 22px rgba(11,31,58,.08)!important}

/* =========================================================
   5) HOME HERO + NEWS CARDS — editorial first
   ========================================================= */
.smn-app-page .smn-hero{
  background:#fff!important;
  border:1px solid #d8e0ea!important;
  box-shadow:var(--smn-shadow-lg)!important;
  overflow:hidden!important;
  border-radius:20px!important;
}
.smn-app-page .smn-hero__shade{background:#fff!important;color:var(--smn-ink)!important;border-top:1px solid #edf0f4!important}
.smn-app-page .smn-hero h2{color:#111827!important;line-height:1.25!important}
.smn-app-page .smn-hero p,.smn-app-page .smn-hero .smn-meta{color:#65738a!important}
.smn-app-page .smn-hero .smn-kicker{background:var(--smn-red)!important;color:#fff!important;border:0!important;box-shadow:none!important}
.smn-app-page .smn-story{
  position:relative!important;
  background:#fff!important;
  border:1px solid #dce3ec!important;
  box-shadow:0 6px 20px rgba(11,31,58,.055)!important;
  border-radius:17px!important;
  overflow:hidden!important;
}
.smn-app-page .smn-story::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#e5eaf0;z-index:2}
.smn-app-page .smn-news-grid .smn-story:nth-child(5n+1)::before{background:var(--smn-red)}
.smn-app-page .smn-news-grid .smn-story:nth-child(5n+2)::before{background:var(--smn-blue)}
.smn-app-page .smn-news-grid .smn-story:nth-child(5n+3)::before{background:var(--smn-teal)}
.smn-app-page .smn-news-grid .smn-story:nth-child(5n+4)::before{background:var(--smn-violet)}
.smn-app-page .smn-news-grid .smn-story:nth-child(5n+5)::before{background:var(--smn-gold)}
.smn-app-page .smn-story:hover{border-color:#c4cfdb!important;box-shadow:0 14px 30px rgba(11,31,58,.10)!important;transform:translateY(-2px)!important}
.smn-app-page .smn-story__media{background:#edf1f6!important}
.smn-app-page .smn-kicker{background:#fff2f3!important;color:#c91017!important;border:1px solid #ffd7db!important;font-weight:900!important}
.smn-app-page .smn-story h3 a{color:#172238!important}
.smn-app-page .smn-story h3 a:hover{color:var(--smn-red)!important}
.smn-app-page .smn-story .smn-meta{color:#748197!important}
.smn-app-page .smn-story__tools button,.smn-app-page .smn-story__tools a{background:#fff!important;border-color:#dce3ec!important;color:#52637a!important}
.smn-app-page .smn-story__tools button:hover,.smn-app-page .smn-story__tools a:hover{background:#edf4ff!important;color:var(--smn-blue)!important;border-color:#caddff!important}

.smn-app-page .smn-section__head{border-bottom:1px solid #dce3ec!important;padding-bottom:10px!important}
.smn-app-page .smn-section__head h2{color:var(--smn-navy)!important;position:relative!important;padding-left:13px!important}
.smn-app-page .smn-section__head h2::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:5px;border-radius:999px;background:var(--smn-red)}
.smn-app-page .smn-section__head:after,.smn-app-page .smn-section__head h2:after{display:none!important;content:none!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(120deg,#0b1f3a 0%,#12335c 68%,#0c5365 100%)!important;
  border:1px solid #1b416b!important;
  box-shadow:0 14px 36px rgba(11,31,58,.16)!important;
}
.smn-app-page .smn-community :where(h2,h3,strong){color:#fff!important}
.smn-app-page .smn-community :where(p,small){color:#cbd7e6!important}
.smn-app-page .smn-community a,.smn-app-page .smn-community button{background:#fff!important;color:var(--smn-navy)!important;border-color:#fff!important}
.smn-app-page .smn-whatsapp-share{background:#ecf9f1!important;border-color:#cfead9!important;color:#148148!important}
.smn-app-page .smn-whatsapp-share:hover{background:#159a55!important;border-color:#159a55!important;color:#fff!important}

/* =========================================================
   6) NEWS SNAP — modern reader, clean card focus
   ========================================================= */
.smn-app-page .smn-snap-modal{background:rgba(8,19,35,.82)!important;backdrop-filter:blur(14px)!important}
.smn-app-page .smn-snap-shell{
  background:#eef3f9!important;
  color:var(--smn-ink)!important;
  border:1px solid rgba(255,255,255,.4)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.35)!important;
  overflow:hidden!important;
}
.smn-app-page .smn-snap-head{margin:-20px -20px 14px!important;padding:17px 20px!important;background:var(--smn-navy)!important;border-bottom:4px solid var(--smn-red)!important}
.smn-app-page .smn-snap-head span{color:#ff9aa0!important}
.smn-app-page .smn-snap-head strong{color:#fff!important}
.smn-app-page .smn-snap-head__actions button{background:#173858!important;border-color:#2a4d72!important;color:#fff!important}
.smn-app-page .smn-snap-head__actions button:hover{background:var(--smn-red)!important;border-color:var(--smn-red)!important}
.smn-app-page .smn-snap-intro{color:#596a80!important}
.smn-app-page .smn-snap-card{
  background:#fff!important;color:var(--smn-ink)!important;border:1px solid #d9e1eb!important;
  box-shadow:0 10px 28px rgba(11,31,58,.10)!important;border-radius:18px!important
}
.smn-app-page .smn-snap-card h3,.smn-app-page .smn-snap-card h3 a{color:#111827!important}
.smn-app-page .smn-snap-details{color:#596a80!important}
.smn-app-page .smn-snap-card__meta small{color:var(--smn-red)!important;font-weight:900!important}
.smn-app-page .smn-snap-card__meta span{color:var(--smn-blue)!important}
.smn-app-page .smn-snap-read{color:var(--smn-blue)!important;font-weight:900!important}
.smn-app-page .smn-snap-progress{color:#5c6b80!important;font-weight:850!important}
.smn-app-page .smn-chat-count{background:var(--smn-red)!important;color:#fff!important}

/* =========================================================
   7) AUDIO — violet studio identity, white reading cards
   ========================================================= */
.smn-audio-page-simple .smn-audio-simple__head{
  background:linear-gradient(120deg,#25134f 0%,#5530ba 58%,#7a43ee 100%)!important;
  border:1px solid #5d38bd!important;
  box-shadow:0 16px 38px rgba(64,36,138,.20)!important;
  color:#fff!important;
}
.smn-audio-page-simple .smn-audio-simple__head>div:first-child>span{color:#ffd2e5!important}
.smn-audio-page-simple .smn-audio-simple__head h1{color:#fff!important}
.smn-audio-page-simple .smn-audio-simple__head p{color:#ded7f5!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,.20)!important}
.smn-audio-page-simple .smn-audio-simple__head-actions a{background:#fff!important;border-color:#fff!important;color:#44278f!important}
.smn-audio-page-simple .smn-audio-simple__list{background:#fff!important;border:1px solid #dce3ec!important;box-shadow:var(--smn-shadow)!important}
.smn-audio-page-simple .smn-audio-simple__item{background:#fff!important;border-color:#e2e7ef!important}
.smn-audio-page-simple .smn-audio-simple__item:hover{background:#fbfaff!important}
.smn-audio-page-simple .smn-audio-simple__thumb{background:#2b174f!important;box-shadow:0 7px 18px rgba(44,24,84,.14)!important}
.smn-audio-page-simple .smn-audio-simple__thumb>span{background:#6d3ee8!important;color:#fff!important}
.smn-audio-page-simple .smn-audio-simple__meta span{color:#6d3ee8!important}
.smn-audio-page-simple .smn-audio-simple__copy h2 a{color:#172238!important}
.smn-audio-page-simple .smn-audio-simple__play{background:#6d3ee8!important;color:#fff!important;box-shadow:0 7px 16px rgba(109,62,232,.24)!important}
.smn-audio-page-simple .smn-audio-simple__play:hover{background:#5430bd!important}
.smn-audio-page-simple .smn-audio-simple__progress{background:linear-gradient(to right,#6d3ee8 0,#6d3ee8 var(--audio-progress),#dce1ea var(--audio-progress),#dce1ea 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:#6d3ee8!important;box-shadow:0 0 0 3px #fff,0 2px 8px rgba(109,62,232,.25)!important}
.smn-audio-page-simple .smn-audio-simple__progress::-moz-range-progress{background:#6d3ee8!important}
.smn-audio-page-simple .smn-audio-simple__time{color:#51358e!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:#f8f9fc!important;border-color:#dce3ec!important}
.smn-audio-page-simple .smn-audio-simple__read{color:#5d35cd!important}
.smn-audio-page-simple .smn-audio-simple__actions .smn-whatsapp-share{color:#158448!important;background:#ecf9f1!important;border-color:#cfead9!important}

/* =========================================================
   8) VIDEO — cinema media, newsroom reading surface
   ========================================================= */
.smn-app-page.smn-reels-page{background:#f3f5f9!important}
.smn-app-page .smn-reels{gap:20px!important}
.smn-app-page .smn-reel{overflow:hidden!important;background:#fff!important;border:1px solid #d9e1eb!important;box-shadow:0 10px 28px rgba(11,31,58,.08)!important;border-radius:18px!important}
.smn-app-page .smn-reel__media{background:#070b12!important;border-bottom:4px solid var(--smn-red)!important}
.smn-app-page .smn-video-badge{background:var(--smn-red)!important;color:#fff!important;box-shadow:none!important}
.smn-app-page .smn-video-watermark{background:rgba(7,11,18,.72)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(6px)!important}
.smn-app-page .smn-reel__copy h2,.smn-app-page .smn-reel__copy h2 a{color:#151f31!important}
.smn-app-page .smn-reel__copy h2 a:hover{color:var(--smn-red)!important}
.smn-app-page .smn-reel__actions [data-share-post]{background:var(--smn-blue)!important;border-color:var(--smn-blue)!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:#ecf9f6!important;border-color:#cceae3!important;color:#087a6d!important}

/* =========================================================
   9) TOGGLE / DRAWER — premium control center
   ========================================================= */
.smn-app-page .smn-drawer-backdrop{background:rgba(8,19,35,.60)!important;backdrop-filter:blur(7px)!important}
.smn-app-page .smn-mobile-drawer{background:#f5f7fa!important;color:var(--smn-ink)!important;box-shadow:-30px 0 70px rgba(8,19,35,.28)!important}
.smn-app-page .smn-drawer__head{margin:-20px -20px 14px!important;padding:18px 18px 15px!important;background:#fff!important;border-bottom:3px solid var(--smn-navy)!important}
.smn-app-page .smn-drawer__head small{color:#718096!important}
.smn-app-page .smn-drawer__head button{background:#f3f6fa!important;border-color:#d7dfe9!important;color:var(--smn-navy)!important}
.smn-app-page .smn-drawer__profile{background:var(--smn-navy)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(11,31,58,.18)!important}
.smn-app-page .smn-drawer__profile :where(strong,small,b){color:#fff!important}
.smn-app-page .smn-drawer__profile small{opacity:.80!important}
.smn-app-page .smn-drawer__icons>a,.smn-app-page .smn-drawer__icons>button{background:#fff!important;border:1px solid #dce3ec!important;box-shadow:0 5px 14px rgba(11,31,58,.05)!important}
.smn-app-page .smn-drawer__icons>*:nth-child(1){color:var(--smn-blue)!important;border-top:3px solid var(--smn-blue)!important}
.smn-app-page .smn-drawer__icons>*:nth-child(2){color:#b57900!important;border-top:3px solid var(--smn-gold)!important}
.smn-app-page .smn-drawer__icons>*:nth-child(3){color:var(--smn-violet)!important;border-top:3px solid var(--smn-violet)!important}
.smn-app-page .smn-drawer__icons>*:nth-child(4){color:var(--smn-teal)!important;border-top:3px solid var(--smn-teal)!important}
.smn-app-page .smn-drawer__live-tools{background:#fff!important;border-color:#dce3ec!important;box-shadow:0 5px 14px rgba(11,31,58,.045)!important}
.smn-app-page .smn-drawer__quick{border-color:#dce3ec!important}
.smn-app-page .smn-drawer__quick>a,.smn-app-page .smn-drawer__quick>button{background:#fff!important;border-color:#dce3ec!important;color:var(--smn-ink)!important;box-shadow:0 4px 12px rgba(11,31,58,.04)!important}
.smn-app-page .smn-drawer__quick>*:nth-of-type(1)>span{background:#fff1f2!important;color:var(--smn-red)!important}
.smn-app-page .smn-drawer__quick>*:nth-of-type(2)>span{background:#edf4ff!important;color:var(--smn-blue)!important}
.smn-app-page .smn-drawer__quick>*:nth-of-type(3)>span{background:#eaf8f5!important;color:var(--smn-teal)!important}
.smn-app-page .smn-font-control{background:#fff!important;border-color:#dce3ec!important;box-shadow:0 4px 12px rgba(11,31,58,.04)!important}
.smn-app-page .smn-font-control button{background:#f2f6fb!important;border-color:#d2dde9!important;color:#24466f!important}
.smn-app-page .smn-drawer__settings{background:#fff!important;border:1px solid #dce3ec!important;color:#24354f!important}
.smn-app-page .smn-app-download{background:linear-gradient(110deg,var(--smn-red),#f04a32)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px rgba(215,25,32,.20)!important}
.smn-app-page .smn-app-download :where(strong,small,b,span){color:#fff!important}

/* =========================================================
   10) MOBILE BOTTOM NAV — light glass bar + strong active state
   ========================================================= */
@media(max-width:640px){
  .smn-app-page .smn-mobile-nav{
    background:rgba(255,255,255,.97)!important;
    border:1px solid #d9e1eb!important;
    box-shadow:0 14px 34px rgba(11,31,58,.17)!important;
    backdrop-filter:blur(16px)!important;
  }
  .smn-app-page .smn-mobile-nav>a,.smn-app-page .smn-mobile-nav>button{color:#748197!important}
  .smn-app-page .smn-mobile-nav>a>i,.smn-app-page .smn-mobile-nav>button>i{background:transparent!important;color:#6c7788!important}
  .smn-app-page .smn-mobile-nav>*:nth-child(1)>i{color:var(--smn-red)!important}
  .smn-app-page .smn-mobile-nav>*:nth-child(2)>i{color:var(--smn-blue)!important}
  .smn-app-page .smn-mobile-nav>*:nth-child(4)>i{color:var(--smn-violet)!important}
  .smn-app-page .smn-mobile-nav>*:nth-child(5)>i{color:#c48400!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:#f1f5fb!important;color:var(--smn-navy)!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:var(--smn-red)!important;box-shadow:none!important}
  .smn-app-page .smn-mobile-nav .smn-mobile-create{background:linear-gradient(135deg,var(--smn-red),var(--smn-orange))!important;color:#fff!important;border-color:#fff!important;box-shadow:0 10px 24px rgba(215,25,32,.26)!important}
  .smn-app-page .smn-mobile-nav .smn-mobile-create>i{background:transparent!important;color:#fff!important}
}

/* =========================================================
   11) SEARCH / NOTIFICATION / LIVE / SHARE / GENERIC POPUPS
   ========================================================= */
.smn-app-page .smn-search-modal{background:rgba(8,19,35,.86)!important;backdrop-filter:blur(14px)!important}
.smn-app-page .smn-search-modal label{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.18)!important}
.smn-app-page .smn-search-modal form div{background:#fff!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 24px 64px rgba(0,0,0,.30)!important}
.smn-app-page .smn-search-modal form button{background:var(--smn-red)!important;color:#fff!important}
.smn-app-page .smn-notification-panel,.smn-app-page .smn-notification-center{background:#fff!important;border:1px solid #d8e0ea!important;box-shadow:0 24px 58px rgba(11,31,58,.22)!important}
.smn-app-page .smn-notification-center__top{background:var(--smn-navy)!important;border-bottom:3px solid var(--smn-red)!important}
.smn-app-page .smn-notification-center__top small{color:#ff9aa0!important}
.smn-app-page .smn-notification-center__top strong{color:#fff!important}
.smn-app-page .smn-notification-center__top>button{background:#173858!important;border-color:#2a4d72!important;color:#fff!important}
.smn-app-page .smn-notification-tabs button{background:#f7f9fc!important;border-color:#dce3ec!important;color:#65738a!important}
.smn-app-page .smn-notification-tabs button.is-active{background:#fff1f2!important;border-color:#ffcfd3!important;color:var(--smn-red)!important}
.smn-app-page .smn-notification-item.is-unread{background:#f1f6ff!important}
.smn-app-page .smn-notification-item em{background:#fff1f2!important;color:var(--smn-red)!important}
.smn-app-page .smn-notification-item.is-unread .smn-notification-read-dot{background:var(--smn-blue)!important}
.smn-app-page .smn-live-tool-sheet__backdrop,.smn-app-page .smn-share-sheet{background:rgba(8,19,35,.58)!important;backdrop-filter:blur(7px)!important}
.smn-app-page .smn-live-tool-sheet__card,.smn-app-page .smn-share-sheet__card{background:#f8fafc!important;border:1px solid #d8e0ea!important;box-shadow:0 -24px 64px rgba(11,31,58,.25)!important}
.smn-app-page .smn-live-tool-sheet__card header{background:var(--smn-navy)!important;color:#fff!important;border-bottom:3px solid var(--smn-cyan)!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:#173858!important;color:#fff!important;border-color:#2a4d72!important}
.smn-app-page .smn-share-sheet__grid a,.smn-app-page .smn-share-sheet__grid button{background:#fff!important;border-color:#dce3ec!important;box-shadow:0 5px 14px rgba(11,31,58,.04)!important}
.smn-app-page .smn-settings-sheet,.smn-app-page .smn-exit-sheet,.smn-app-page .smn-app-prompt{--popup-line:#d8e0ea}
.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 #d8e0ea!important;box-shadow:0 24px 64px rgba(11,31,58,.22)!important}
.smn-app-page .smn-toast{background:var(--smn-navy)!important;color:#fff!important;box-shadow:0 12px 30px rgba(11,31,58,.24)!important}
.smn-app-page .smn-backtop{background:var(--smn-red)!important;color:#fff!important;box-shadow:0 10px 24px rgba(215,25,32,.24)!important}

/* =========================================================
   12) SETTINGS / PROFILE / AUTH / SEARCH INNER PAGES
   ========================================================= */
.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:#fff!important;border:1px solid #dce3ec!important;border-left:5px solid var(--smn-blue)!important;box-shadow:0 7px 20px rgba(11,31,58,.055)!important
}
.smn-app-page .smn-setting-list,.smn-app-page .smn-setting-row,.smn-app-page .smn-setting-link{background:#fff!important;border-color:#dce3ec!important}
.smn-app-page .smn-setting-row:hover,.smn-app-page .smn-setting-link:hover{background:#f7f9fc!important;border-color:#c7d1de!important}
.smn-app-page .smn-setting-row>span>i,.smn-app-page .smn-setting-link>span>i{background:#edf4ff!important;color:var(--smn-blue)!important}
.smn-app-page .smn-setting-row:nth-child(2)>span>i{background:#fff1f2!important;color:var(--smn-red)!important}
.smn-app-page .smn-setting-row:nth-child(3)>span>i{background:#f2edff!important;color:var(--smn-violet)!important}
.smn-app-page .smn-setting-row:nth-child(4)>span>i{background:#eaf8f5!important;color:var(--smn-teal)!important}
.smn-app-page :where(.smn-primary,.smn-auth-primary,.smn-setting-primary,.smn-os-primary,.smn-consent-action,.smn-publish-button){background:var(--smn-blue)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(20,100,244,.18)!important}
.smn-app-page :where(.smn-primary,.smn-auth-primary,.smn-setting-primary,.smn-os-primary,.smn-consent-action,.smn-publish-button):hover{background:#0f53cc!important;transform:translateY(-1px)!important}
.smn-app-page .smn-auth-primary--google{background:#fff!important;color:#24354f!important;border:1px solid #d8e0ea!important;box-shadow:none!important}
.smn-app-page .smn-auth-primary--fb{background:#1877f2!important;color:#fff!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,.smn-app-page .smn-account-created-panel,.smn-app-page .smn-quick-setup-card{background:#fff!important;border-color:#dce3ec!important;box-shadow:0 8px 24px rgba(11,31,58,.065)!important}
.smn-app-page .smn-author-profile-card{border-top:4px solid var(--smn-red)!important}
.smn-app-page .smn-profile-card{border-top:4px solid var(--smn-blue)!important}
.smn-app-page .smn-auth-panel{border-top:4px solid var(--smn-violet)!important}

/* =========================================================
   13) SINGLE ARTICLE — strongest reading experience
   ========================================================= */
.smn-app-page .smn-single__head h1{color:#111827!important;letter-spacing:-.01em!important}
.smn-app-page .smn-single__content{color:#26364b!important}
.smn-app-page .smn-single__content p{color:#2e3c50!important;line-height:1.82!important}
.smn-app-page .smn-single__content a{color:var(--smn-blue)!important;text-decoration-color:#8db5fb!important}
.smn-app-page .smn-single__bar{background:#fff!important;border-color:#dce3ec!important;box-shadow:0 7px 20px rgba(11,31,58,.07)!important}
.smn-app-page .smn-single__author,.smn-app-page .smn-reader-trust-card{background:#fff!important;border-color:#dce3ec!important;box-shadow:0 7px 20px rgba(11,31,58,.055)!important}
.smn-app-page .smn-khabar-summary{background:#f3f7ff!important;border:1px solid #cfdffc!important;border-left:5px solid var(--smn-blue)!important}

/* =========================================================
   14) FOOTER — solid newsroom close
   ========================================================= */
.smn-app-page .smn-footer{background:var(--smn-navy)!important;border-top:5px solid var(--smn-red)!important;color:#fff!important}
.smn-app-page .smn-footer p{color:#c1cede!important}
.smn-app-page .smn-footer small{color:#91a3b8!important}

/* =========================================================
   15) DARK MODE — same brand, controlled contrast
   ========================================================= */
:root[data-smn-theme=dark] .smn-app-page{
  --smn-ink:#f2f6fb;--smn-ink-2:#d8e2ef;--smn-muted:#9dafc3;--smn-bg:#07111e;--smn-card:#0c1b2b;--smn-line:#263a50;
  background:#07111e!important;color:#eef4fb!important
}
:root[data-smn-theme=dark] .smn-app-page .smn-shell-topbar{background:#0c1b2b!important;border-color:#263a50!important;border-bottom-color:#38526f!important}
:root[data-smn-theme=dark] .smn-app-page .smn-shell-topbar .smn-topbar__actions,:root[data-smn-theme=dark] .smn-app-page .smn-shell-topbar .smn-icon-button,:root[data-smn-theme=dark] .smn-app-page .smn-shell-topbar .smn-profile-button,:root[data-smn-theme=dark] .smn-app-page .smn-shell-topbar .smn-menu-button{background:#102238!important;border-color:#2b425c!important;color:#eef4fb!important}
:root[data-smn-theme=dark] .smn-app-page .smn-shell-topbar .smn-menu-button i{background:#eef4fb!important}
:root[data-smn-theme=dark] .smn-app-page :where(.smn-story,.smn-hero,.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,.smn-command-row>a,.smn-command-row>button,.smn-discovery-links>a,.smn-single__bar,.smn-single__author,.smn-reader-trust-card){background:#0c1b2b!important;border-color:#263a50!important}
:root[data-smn-theme=dark] .smn-app-page .smn-hero__shade{background:#0c1b2b!important;border-color:#263a50!important}
:root[data-smn-theme=dark] .smn-app-page :where(.smn-story h3 a,.smn-hero h2,.smn-reel__copy h2,.smn-reel__copy h2 a,.smn-snap-card h3,.smn-snap-card h3 a,.smn-command-row strong,.smn-discovery-links strong,.smn-single__head h1){color:#f3f7fc!important}
:root[data-smn-theme=dark] .smn-app-page :where(.smn-story .smn-meta,.smn-hero p,.smn-hero .smn-meta,.smn-snap-details,.smn-single__content,.smn-single__content p){color:#a7b8ca!important}
:root[data-smn-theme=dark] .smn-app-page .smn-breaking{background:#0c1b2b!important;border-color:#263a50!important}
:root[data-smn-theme=dark] .smn-app-page .smn-breaking a,:root[data-smn-theme=dark] .smn-app-page .smn-breaking__group a{color:#d8e2ef!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:#0c1b2b!important;border-color:#263a50!important}
:root[data-smn-theme=dark] .smn-audio-page-simple .smn-audio-simple__item:hover{background:#102238!important}
:root[data-smn-theme=dark] .smn-audio-page-simple .smn-audio-simple__copy h2 a{color:#f3f7fc!important}
:root[data-smn-theme=dark] .smn-app-page .smn-mobile-drawer{background:#071522!important}
:root[data-smn-theme=dark] .smn-app-page .smn-drawer__head{background:#0c1b2b!important;border-color:#38526f!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,:root[data-smn-theme=dark] .smn-app-page .smn-drawer__settings{background:#0f2236!important;border-color:#2a4058!important;color:#eef4fb!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,:root[data-smn-theme=dark] .smn-app-page .smn-share-sheet__card{background:#0c1b2b!important;border-color:#263a50!important}
:root[data-smn-theme=dark] .smn-app-page .smn-notification-item{background:#0c1b2b!important;border-color:#263a50!important;color:#f3f7fc!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-settings-intro,:root[data-smn-theme=dark] .smn-app-page .smn-personalized-head,:root[data-smn-theme=dark] .smn-app-page .smn-search-hero{background:#0c1b2b!important;border-color:#263a50!important}
@media(max-width:640px){
  :root[data-smn-theme=dark] .smn-app-page .smn-mobile-nav{background:rgba(12,27,43,.98)!important;border-color:#263a50!important}
  :root[data-smn-theme=dark] .smn-app-page .smn-mobile-nav>a,:root[data-smn-theme=dark] .smn-app-page .smn-mobile-nav>button{color:#a7b8ca!important}
  :root[data-smn-theme=dark] .smn-app-page .smn-mobile-nav>a.is-active:not(.smn-mobile-create),:root[data-smn-theme=dark] .smn-app-page .smn-mobile-nav>button.is-active:not(.smn-mobile-create){background:#102238!important;color:#fff!important}
}

/* =========================================================
   16) RESPONSIVE POLISH — no layout/function changes
   ========================================================= */
@media(max-width:900px){
  .smn-app-page .smn-command-row>a,.smn-app-page .smn-command-row>button{box-shadow:0 5px 14px rgba(11,31,58,.05)!important}
  .smn-app-page .smn-story{box-shadow:0 5px 16px rgba(11,31,58,.05)!important}
}
@media(max-width:640px){
  .smn-app-page{background:#f5f6f8!important}
  .smn-app-page .smn-shell-topbar{box-shadow:0 6px 18px rgba(11,31,58,.08)!important}
  .smn-app-page .smn-category-nav{box-shadow:0 6px 16px rgba(11,31,58,.14)!important}
  .smn-app-page .smn-breaking{box-shadow:0 4px 12px rgba(11,31,58,.04)!important}
  .smn-app-page .smn-hero{box-shadow:0 10px 28px rgba(11,31,58,.10)!important}
  .smn-app-page .smn-story{border-radius:15px!important}
  .smn-app-page .smn-section__head h2{padding-left:11px!important}
  .smn-app-page .smn-snap-shell{background:#eef3f9!important}
}


/* =========================================================
   17) 11.1.41 HEADER ACTION FRAME FIX
   Remove only the group-level outer frame around header action icons.
   Individual icon buttons keep their own border/background/hover states.
   ========================================================= */
.smn-app-page .smn-shell-topbar .smn-topbar__actions{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
:root[data-smn-theme=dark] .smn-app-page .smn-shell-topbar .smn-topbar__actions{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media(max-width:640px){
  .smn-app-page .smn-shell-topbar .smn-topbar__actions{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}