/* RizeDijital v0.70.1 — Bildirim Merkezi Modern / Native UX */
.rd-notification-page{
  --rdn-accent:#0d7a50;
  --rdn-accent-2:#17a56c;
  --rdn-ink:#17372a;
  --rdn-muted:#66786f;
  --rdn-line:#dfe9e3;
  --rdn-soft:#edf7f1;
  --rdn-bg:#f5f9f7;
  --rdn-card:#ffffff;
  --rdn-shadow:0 12px 34px rgba(17,54,37,.07);
  --rdn-shadow-lg:0 24px 70px rgba(5,51,36,.22);
  background:linear-gradient(180deg,#f4f9f6 0,#f8faf9 390px,#f6f8f7 100%);
  color:var(--rdn-ink);
  overflow-x:hidden;
}
.rd-notification-page *{box-sizing:border-box}
.rd-notification-page a{text-decoration:none}
.rd-notification-page button,.rd-notification-page a{-webkit-tap-highlight-color:transparent}

/* Doğa/Kültür ile aynı içerik ekseni */
.rdn-shell{
  width:min(100%,1360px);
  max-width:1360px;
  margin:0 auto;
  padding:24px 24px 88px;
  position:relative;
  z-index:1;
}
.rdn-shell>section{max-width:100%}

/* HERO */
.rdn-hero{
  height:310px;
  min-height:310px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:28px;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  align-items:center;
  gap:30px;
  padding:34px 42px;
  color:#fff;
  background:linear-gradient(128deg,#073c2a 0%,#0d704d 58%,#24a777 100%);
  box-shadow:var(--rdn-shadow-lg);
}
.rdn-member-hero{background:linear-gradient(128deg,#0b3a32 0%,#126b55 56%,#289c78 100%)}
.rdn-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 84% 24%,rgba(255,255,255,.18),transparent 24%),
    radial-gradient(circle at 70% 105%,rgba(111,246,183,.18),transparent 34%),
    linear-gradient(90deg,rgba(3,31,20,.74) 0%,rgba(7,58,39,.52) 52%,rgba(6,52,38,.12) 100%);
}
.rdn-hero::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-120px;
  top:-190px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 42%,transparent 70%);
  animation:rdnHeroDrift 9s ease-in-out infinite alternate;
  pointer-events:none;
}
.rdn-hero-copy{
  position:relative;
  z-index:4;
  height:100%;
  max-width:760px;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
}
.rdn-hero-copy>span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:260px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
  color:#e9fff4;
  font:900 9px/1.1 Nunito,sans-serif;
  letter-spacing:.12em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rdn-hero h1{
  max-width:720px;
  margin:10px 0 7px;
  color:#fff;
  font:800 clamp(29px,3vw,43px)/1.03 Poppins,sans-serif;
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
}
.rdn-hero p{
  max-width:690px;
  margin:0;
  color:rgba(240,255,248,.84);
  font:600 13px/1.48 Nunito,sans-serif;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.rdn-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:16px;
  max-width:100%;
}
.rdn-actions button,.rdn-actions a{
  -webkit-appearance:none;
  appearance:none;
  flex:0 0 auto;
  width:auto;
  min-width:0;
  min-height:39px;
  padding:0 13px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.22);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  white-space:nowrap;
  font:900 10.5px/1 Nunito,sans-serif;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
.rdn-actions button{background:#fff;color:#116747;box-shadow:0 8px 22px rgba(0,0,0,.11)}
.rdn-actions button.is-active{background:#d9f8e9;color:#087649}
.rdn-actions button:disabled{opacity:.68;cursor:wait}
.rdn-actions a{background:rgba(255,255,255,.11);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media(hover:hover) and (pointer:fine){.rdn-actions button:hover,.rdn-actions a:hover{transform:translateY(-2px)}}
.rdn-hero-copy>small{
  display:block;
  width:max-content;
  max-width:min(690px,100%);
  margin-top:9px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(4,34,23,.24);
  border:1px solid rgba(255,255,255,.1);
  color:#cbeedf;
  font:700 9.5px/1.35 Nunito,sans-serif;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rdn-hero-visual{
  position:relative;
  z-index:3;
  width:210px;
  height:210px;
  justify-self:center;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 0 52px rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.12);
  animation:rdnHeroFloat 5.2s ease-in-out infinite;
}
.rdn-hero-visual>i{
  position:relative;
  z-index:3;
  font-size:64px;
  color:#fff;
  filter:drop-shadow(0 15px 25px rgba(0,0,0,.24));
  animation:rdnBell 4.6s ease-in-out infinite;
  transform-origin:50% 10%;
}
.rdn-hero-visual span{
  position:absolute;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  animation:rdnPulse 3.8s ease-in-out infinite;
}
.rdn-hero-visual span:nth-child(2){inset:25px}
.rdn-hero-visual span:nth-child(3){inset:-18px;animation-delay:.8s}
.rdn-hero-visual span:nth-child(4){inset:-48px;animation-delay:1.55s}
.rdn-hero-visual::before,.rdn-hero-visual::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#c8ffe5;
  box-shadow:0 0 0 6px rgba(200,255,229,.08),-56px 42px 0 -2px rgba(255,255,255,.7),58px 55px 0 -3px rgba(255,255,255,.55);
  animation:rdnSpark 5s ease-in-out infinite;
}
.rdn-hero-visual::before{left:12px;top:40px}
.rdn-hero-visual::after{right:18px;bottom:45px;animation-delay:1.8s}
@keyframes rdnPulse{0%,100%{opacity:.22;transform:scale(.96)}50%{opacity:.68;transform:scale(1.035)}}
@keyframes rdnHeroFloat{0%,100%{transform:translate3d(0,-3px,0)}50%{transform:translate3d(0,5px,0)}}
@keyframes rdnHeroDrift{0%{transform:translate3d(-20px,0,0) scale(.95)}100%{transform:translate3d(15px,35px,0) scale(1.08)}}
@keyframes rdnBell{0%,82%,100%{transform:rotate(0)}86%{transform:rotate(-6deg)}90%{transform:rotate(5deg)}94%{transform:rotate(-3deg)}}
@keyframes rdnSpark{0%,100%{opacity:.3;transform:translateY(5px) scale(.8)}50%{opacity:1;transform:translateY(-7px) scale(1.1)}}

/* ÖZET KARTLARI */
.rdn-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}
.rdn-stat-grid article{
  position:relative;
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
  min-height:82px;
  padding:15px 16px;
  border:1px solid var(--rdn-line);
  border-radius:18px;
  background:var(--rdn-card);
  box-shadow:var(--rdn-shadow);
  overflow:hidden;
}
.rdn-stat-grid article::after{
  content:"";
  position:absolute;
  width:68px;
  height:68px;
  right:-32px;
  bottom:-34px;
  border-radius:50%;
  background:rgba(22,132,93,.05);
}
.rdn-stat-grid article>i{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:43px;
  height:43px;
  border-radius:14px;
  background:#eaf8f1;
  color:#16845d;
}
.rdn-stat-grid article.is-highlight{border-color:#bce4d0;background:linear-gradient(145deg,#fff,#effbf5)}
.rdn-stat-grid article.is-highlight>i{background:#d8f6e7;color:#087948}
.rdn-stat-grid strong,.rdn-stat-grid span{display:block}
.rdn-stat-grid strong{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#18372b;font:900 19px/1 Poppins,sans-serif}
.rdn-stat-grid span{margin-top:5px;color:#718178;font:900 9px/1.25 Nunito,sans-serif;text-transform:uppercase;letter-spacing:.05em}

/* FİLTRE / OKUNDU AKSİYONU */
.rdn-control-bar{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 16px;
  padding:9px 10px;
  border:1px solid var(--rdn-line);
  border-radius:16px;
  background:rgba(255,255,255,.93);
  box-shadow:0 9px 24px rgba(20,57,40,.05);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.rdn-filter-group{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}
.rdn-filter-group::-webkit-scrollbar{display:none}
.rdn-filter-group button,.rdn-read-all{
  -webkit-appearance:none!important;
  appearance:none!important;
  visibility:visible!important;
  opacity:1!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:38px;
  padding:0 12px;
  margin:0;
  border:1px solid #dbe6e0;
  border-radius:11px;
  background:#f8fbf9;
  color:#526c61;
  white-space:nowrap;
  font:900 10px/1 Nunito,sans-serif;
  cursor:pointer;
  scroll-snap-align:start;
}
.rdn-filter-group button.is-active{border-color:var(--rdn-accent);background:var(--rdn-accent);color:#fff;box-shadow:0 7px 18px rgba(13,122,80,.18)}
.rdn-read-all-form{display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto;margin:0!important;padding:0!important;min-width:0}
.rdn-read-all{gap:7px;background:#fff;color:#126d4b;border-color:#bcdcca;box-shadow:0 5px 14px rgba(17,100,68,.06)}
.rdn-read-all:hover{border-color:#8cc7aa;background:#effaf4}
.rdn-read-all:disabled,.rdn-read-all[aria-disabled="true"]{opacity:1!important;visibility:visible!important;background:#f2f6f4;color:#829289;border-color:#dce5e0;box-shadow:none;cursor:default}
.rdn-read-all:focus-visible,.rdn-filter-group button:focus-visible,.rdn-actions a:focus-visible,.rdn-actions button:focus-visible{outline:3px solid rgba(72,204,145,.35);outline-offset:2px}

/* BİLGİ / PLATFORM KARTLARI */
.rdn-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 28px;
}
.rdn-info-grid article{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
  padding:16px;
  border:1px solid var(--rdn-line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--rdn-shadow);
}
.rdn-info-grid i{width:40px;height:40px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;background:#eaf8f1;color:#16845d}
.rdn-info-grid strong,.rdn-info-grid span{display:block}
.rdn-info-grid strong{color:#18372b;font:800 11.5px/1.25 Nunito,sans-serif}
.rdn-info-grid span{margin-top:3px;color:#718178;font:600 10px/1.42 Nunito,sans-serif}

/* BÖLÜM BAŞLIĞI — Doğa/Kültür geometrisi */
.rdn-feed-section{margin-top:2px}
.rdn-feed-section>header{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.rdn-feed-section>header>div{
  position:relative;
  min-width:0;
  padding-left:15px;
}
.rdn-feed-section>header>div::before{
  content:"";
  position:absolute;
  left:0;
  top:1px;
  bottom:1px;
  width:4px;
  border-radius:999px;
  background:var(--rdn-accent);
  box-shadow:0 0 0 5px rgba(13,122,80,.07);
}
.rdn-feed-section>header small{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:5px 9px;
  border:1px solid #d8e9df;
  border-radius:999px;
  background:#eef6f1;
  color:var(--rdn-accent);
  font:900 8.5px/1 Nunito,sans-serif;
  letter-spacing:.11em;
  white-space:nowrap;
}
.rdn-feed-section>header h2{margin:7px 0 0;color:#17372a;font:800 22px/1.18 Poppins,sans-serif;letter-spacing:-.03em}
.rdn-feed-section>header p{max-width:650px;margin:5px 0 0;color:#72837a;font:600 11.5px/1.48 Nunito,sans-serif}
.rdn-feed-section>header>span{
  flex:0 0 auto;
  align-self:center;
  padding:7px 11px;
  border-radius:999px;
  background:#edf5f1;
  color:#527064;
  font:900 9px/1 Nunito,sans-serif;
  white-space:nowrap;
}

/* BİLDİRİM KARTLARI */
.rdn-feed{display:grid;gap:10px}
.rdn-card{
  --rdn-swipe-x:0px;
  position:relative;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:14px;
  padding:16px 18px;
  border:1px solid #e2ebe6;
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 25px rgba(17,54,37,.05);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease,opacity .42s ease;
  transform:translate3d(var(--rdn-swipe-x),0,0);
  touch-action:pan-y;
  will-change:transform;
  overflow:hidden;
}
.rdn-card[data-rdn-reveal]{opacity:0;transform:translate3d(var(--rdn-swipe-x),10px,0)}
.rdn-card[data-rdn-reveal].is-visible{opacity:1;transform:translate3d(var(--rdn-swipe-x),0,0)}
.rdn-card::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:3px;
  border-radius:999px;
  background:#d6e8de;
  transition:background .2s ease;
}
.rdn-card.is-unread::before{background:#18a564}
@media(hover:hover) and (pointer:fine){.rdn-card:hover{transform:translate3d(0,-2px,0);border-color:#c8dfd3;box-shadow:0 17px 36px rgba(17,54,37,.095)}}
.rdn-card:active{transition-duration:.08s;filter:brightness(.985)}
.rdn-card[hidden]{display:none!important}
.rdn-card.is-unread{border-color:#b9dfcb;background:linear-gradient(145deg,#fff,#f3fbf7);box-shadow:0 11px 28px rgba(12,117,70,.075)}
.rdn-card.is-swipe-ready{border-color:#9fd7bc;box-shadow:0 14px 32px rgba(13,122,80,.12)}
.rdn-card-hit{position:absolute;inset:0;z-index:2;border-radius:inherit}
.rdn-card-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#edf7f2;color:#15855d;font-size:16px}
.rdn-card.uyari .rdn-card-icon{background:#fff2df;color:#d98213}
.rdn-card.basari .rdn-card-icon{background:#e8f8ec;color:#188745}
.rdn-card.kampanya .rdn-card-icon{background:#fff3dd;color:#b87508}
.rdn-card-body{min-width:0;position:relative;z-index:1}
.rdn-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.rdn-card-title{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.rdn-card-body strong{color:#1d372d;font:800 13px/1.3 Nunito,sans-serif}
.rdn-card-time{display:flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap}
.rdn-card-body time{color:#8b9891;font:700 9px/1 Nunito,sans-serif}
.rdn-card-state{display:inline-flex;padding:3px 6px;border-radius:999px;background:#edf3ef;color:#66796f;font:900 7.5px/1 Nunito,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.rdn-card-state.is-new{background:#dcf7e9;color:#08764a}
.rdn-card-body p{margin:6px 0 8px;color:#63736b;font:600 11.5px/1.55 Nunito,sans-serif}
.rdn-card-action{display:inline-flex;align-items:center;gap:5px;color:#15815b;font:900 9.5px/1.2 Nunito,sans-serif}
.rdn-card-action i{transition:transform .18s ease}
@media(hover:hover) and (pointer:fine){.rdn-card:hover .rdn-card-action i{transform:translateX(3px)}}
.rdn-scope-badge{display:inline-flex;padding:4px 7px;border-radius:999px;font:900 7.5px/1 Nunito,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.rdn-scope-badge.is-personal{background:#e6f3ff;color:#22699e}
.rdn-scope-badge.is-general{background:#ebf7f1;color:#16724f}
.rdn-unread-dot{position:absolute;right:8px;top:8px;width:8px;height:8px;border-radius:50%;background:#18a564;box-shadow:0 0 0 4px rgba(24,165,100,.12);z-index:1}

.rdn-empty,.rdn-filter-empty{padding:58px 20px;text-align:center;border:1px dashed #cedbd4;border-radius:22px;background:#fff}
.rdn-empty>i,.rdn-filter-empty>i{font-size:39px;color:#9db6aa}
.rdn-empty h2{margin:12px 0 5px;color:#244237;font:800 18px/1.2 Poppins,sans-serif}
.rdn-empty p{color:#77877f;font:600 10.5px/1.5 Nunito,sans-serif}
.rdn-empty a{display:inline-flex;margin-top:11px;padding:10px 14px;border-radius:11px;background:#16845d;color:#fff;font:900 10px/1 Nunito,sans-serif}
.rdn-filter-empty{padding:38px 20px}
.rdn-filter-empty strong,.rdn-filter-empty span{display:block}
.rdn-filter-empty strong{margin-top:9px;color:#29473b;font:800 12px Nunito,sans-serif}
.rdn-filter-empty span{margin-top:4px;color:#7d8c84;font:600 10px/1.45 Nunito,sans-serif}

/* Koyu tema */
.dark-mode .rd-notification-page{--rdn-ink:#e9f4ee;--rdn-muted:#a4b3ab;--rdn-line:#2d4037;--rdn-card:#17231e;--rdn-soft:#1d2c25;background:#111b16}
.dark-mode .rdn-stat-grid article,.dark-mode .rdn-control-bar,.dark-mode .rdn-info-grid article,.dark-mode .rdn-card,.dark-mode .rdn-empty,.dark-mode .rdn-filter-empty{background:#17231e;border-color:#2d4037}
.dark-mode .rdn-card.is-unread,.dark-mode .rdn-stat-grid article.is-highlight{background:linear-gradient(145deg,#17231e,#193127);border-color:#315644}
.dark-mode .rdn-stat-grid strong,.dark-mode .rdn-info-grid strong,.dark-mode .rdn-feed-section h2,.dark-mode .rdn-card-body strong,.dark-mode .rdn-empty h2,.dark-mode .rdn-filter-empty strong{color:#e9f4ee}
.dark-mode .rdn-stat-grid span,.dark-mode .rdn-info-grid span,.dark-mode .rdn-card-body p,.dark-mode .rdn-empty p,.dark-mode .rdn-filter-empty span,.dark-mode .rdn-feed-section>header p{color:#a4b3ab}
.dark-mode .rdn-filter-group button,.dark-mode .rdn-read-all{background:#1b2a23;border-color:#34483e;color:#c7d4cd}
.dark-mode .rdn-filter-group button.is-active{background:#16845d;color:#fff;border-color:#16845d}
.dark-mode .rdn-feed-section>header small{background:#1a3026;border-color:#2d4d3e;color:#78d9aa}
.dark-mode .rdn-feed-section>header>span{background:#1b2c24;color:#b1c8bc}
.dark-mode .rdn-card-state{background:#203129;color:#a9bdb2}

/* Tablet */
@media(max-width:980px){
  .rdn-hero{grid-template-columns:minmax(0,1fr) 180px;gap:16px}
  .rdn-hero-visual{width:168px;height:168px}
  .rdn-hero-visual>i{font-size:52px}
}

/* Mobil / native WebView */
@media(max-width:820px){
  .rdn-shell{width:100%;max-width:1360px;padding:14px 14px 88px}
  .rdn-hero{height:238px;min-height:238px;display:block;padding:14px 15px;border-radius:20px}
  .rdn-hero-copy{height:100%;max-width:100%;justify-content:center;overflow:hidden;padding-right:4px}
  .rdn-hero-copy>span{max-width:220px;padding:4px 7px;font-size:7.5px}
  .rdn-hero h1{margin:5px 0 4px;font-size:23px;line-height:1.03;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .rdn-hero p{max-width:94%;font-size:10.5px;line-height:1.35;-webkit-line-clamp:2}
  .rdn-actions{margin-top:9px;gap:6px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;padding:1px 20px 2px 0}
  .rdn-actions::-webkit-scrollbar{display:none}
  .rdn-actions button,.rdn-actions a{width:auto!important;min-height:34px;padding:0 10px;border-radius:10px;font-size:9px;scroll-snap-align:start}
  .rdn-hero-copy>small{max-width:92%;margin-top:6px;padding:4px 7px;font-size:7.8px}
  .rdn-hero-visual{display:grid;position:absolute;z-index:1;width:178px;height:178px;right:-52px;top:28px;opacity:.25;border-color:rgba(255,255,255,.17);pointer-events:none}
  .rdn-hero-visual>i{font-size:50px}

  .rdn-stat-grid{display:flex;grid-template-columns:none;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;margin:12px -14px 12px 0;padding-right:14px}
  .rdn-stat-grid::-webkit-scrollbar{display:none}
  .rdn-stat-grid article{flex:0 0 min(72vw,270px);min-height:72px;padding:12px 13px;border-radius:16px;scroll-snap-align:start}
  .rdn-stat-grid article>i{width:39px;height:39px;border-radius:12px}
  .rdn-stat-grid strong{font-size:16px}
  .rdn-stat-grid span{font-size:8px}

  .rdn-control-bar{display:block;padding:8px;border-radius:15px;margin-bottom:12px;overflow:visible}
  .rdn-filter-group{width:100%;padding:0 0 7px;scroll-snap-type:x mandatory}
  .rdn-filter-group button{min-height:35px;padding:0 11px;font-size:9px}
  .rdn-read-all-form{width:auto!important;display:flex!important;justify-content:flex-start!important;margin-top:1px!important}
  .rdn-read-all{width:auto!important;min-height:35px;padding:0 11px;font-size:9px;justify-content:center!important}

  .rdn-info-grid{display:flex;grid-template-columns:none;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;margin:0 -14px 22px 0;padding-right:14px}
  .rdn-info-grid::-webkit-scrollbar{display:none}
  .rdn-info-grid article{flex:0 0 min(82vw,315px);min-height:74px;padding:12px 13px;border-radius:16px;scroll-snap-align:start}
  .rdn-info-grid i{width:38px;height:38px;border-radius:12px}
  .rdn-info-grid strong{font-size:10.5px}.rdn-info-grid span{font-size:9px}

  .rdn-feed-section>header{margin-bottom:11px;gap:10px}
  .rdn-feed-section>header>div{padding-left:12px}
  .rdn-feed-section>header>div::before{width:3px;box-shadow:0 0 0 4px rgba(13,122,80,.06)}
  .rdn-feed-section>header small{padding:4px 7px;font-size:7.5px}
  .rdn-feed-section>header h2{margin-top:5px;font-size:17px;line-height:1.2}
  .rdn-feed-section>header p{font-size:9.5px;line-height:1.42}
  .rdn-feed-section>header>span{padding:6px 8px;font-size:8px}

  .rdn-feed{gap:8px}
  .rdn-card{grid-template-columns:43px minmax(0,1fr);gap:10px;padding:13px 13px;border-radius:16px;-webkit-user-select:none;user-select:none}
  .rdn-card::before{top:11px;bottom:11px}
  .rdn-card-icon{width:43px;height:43px;border-radius:13px;font-size:14px}
  .rdn-card-top{display:block}
  .rdn-card-title{padding-right:12px;gap:6px}
  .rdn-card-body strong{font-size:11.5px}
  .rdn-card-time{margin-top:5px;justify-content:flex-start}
  .rdn-card-body time{font-size:8px}
  .rdn-card-body p{margin:5px 0 7px;font-size:10px;line-height:1.48;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .rdn-card-action{font-size:8.5px}
  .rdn-unread-dot{right:7px;top:7px;width:7px;height:7px}
  .rdn-scope-badge{font-size:7px;padding:3px 6px}
  .rdn-card-state{font-size:7px;padding:3px 5px}
}

@media(max-width:480px){
  .rdn-shell{padding-left:10px;padding-right:10px}
  .rdn-hero{padding:13px 12px;border-radius:18px}
  .rdn-hero h1{font-size:21px}
  .rdn-hero p{font-size:10px}
  .rdn-actions{padding-right:12px}
  .rdn-stat-grid{margin-right:-10px;padding-right:10px}
  .rdn-info-grid{margin-right:-10px;padding-right:10px}
  .rdn-feed-section>header p{max-width:260px}
  .rdn-feed-section>header>span{align-self:flex-start;margin-top:2px}
}

@media(max-width:360px){
  .rdn-feed-section>header{display:block}
  .rdn-feed-section>header>span{display:inline-flex;margin:8px 0 0 12px}
  .rdn-card{grid-template-columns:39px minmax(0,1fr);padding:12px 11px}
  .rdn-card-icon{width:39px;height:39px}
}

@media(prefers-reduced-motion:reduce){
  .rd-notification-page *{scroll-behavior:auto!important}
  .rdn-hero::after,.rdn-hero-visual,.rdn-hero-visual>i,.rdn-hero-visual span,.rdn-hero-visual::before,.rdn-hero-visual::after,.rdn-card,.rdn-actions button,.rdn-actions a{animation:none!important;transition:none!important}
  .rdn-card[data-rdn-reveal]{opacity:1!important;transform:none!important}
}

/* ═══════════════════════════════════════════════════════════════
   v0.70.1 — Sayaç birliği, 10'lu sayfalama, 2 kolon web ve push UX
   ═══════════════════════════════════════════════════════════════ */
.rdn-hero-copy{overflow:visible!important}
.rdn-hero p{
  display:block;
  max-width:720px;
  overflow:visible;
  -webkit-line-clamp:unset;
  font-size:12.5px;
  line-height:1.45;
}
.rdn-hero-copy>small{
  display:inline-flex;
  width:auto;
  max-width:690px;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.3;
}
.rdn-actions button.is-loading{cursor:progress}
.rdn-actions button.is-active{cursor:default}

.rdn-filter-group a,.rdn-read-all{
  -webkit-appearance:none!important;
  appearance:none!important;
  visibility:visible!important;
  opacity:1!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:38px;
  padding:0 12px;
  margin:0;
  border:1px solid #dbe6e0;
  border-radius:11px;
  background:#f8fbf9;
  color:#526c61;
  text-decoration:none;
  white-space:nowrap;
  font:900 10px/1 Nunito,sans-serif;
  cursor:pointer;
  scroll-snap-align:start;
}
.rdn-filter-group a.is-active{border-color:var(--rdn-accent);background:var(--rdn-accent);color:#fff;box-shadow:0 7px 18px rgba(13,122,80,.18)}
.rdn-filter-group a:focus-visible{outline:3px solid rgba(72,204,145,.35);outline-offset:2px}

/* Eski büyük "GENEL ŞEHİR AKIŞI / Bildirimler / 100 kayıt" başlığı kaldırıldı. */
.rdn-feed-section{margin-top:4px}
.rdn-feed{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.rdn-card{min-width:0;min-height:150px;height:100%}
.rdn-card-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

.rdn-page-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:13px;
  padding:0 3px;
  color:#7a8981;
  font:700 9px/1.3 Nunito,sans-serif;
}
.rdn-page-summary strong{color:#345146;font-weight:900}
.rdn-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:16px;
  padding:10px;
  border:1px solid var(--rdn-line);
  border-radius:16px;
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 22px rgba(20,57,40,.045);
}
.rdn-page-numbers{display:flex;align-items:center;gap:5px}
.rdn-pagination a{
  min-width:36px;
  height:36px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid #dbe6e0;
  border-radius:10px;
  background:#fff;
  color:#4f695e;
  text-decoration:none;
  font:900 9px/1 Nunito,sans-serif;
}
.rdn-page-numbers a.is-active{background:var(--rdn-accent);border-color:var(--rdn-accent);color:#fff;box-shadow:0 7px 17px rgba(13,122,80,.16)}
.rdn-page-nav.is-disabled{opacity:.42;pointer-events:none}

.dark-mode .rdn-filter-group a,.dark-mode .rdn-pagination,.dark-mode .rdn-pagination a{background:#1b2a23;border-color:#34483e;color:#c7d4cd}
.dark-mode .rdn-filter-group a.is-active,.dark-mode .rdn-page-numbers a.is-active{background:#16845d;color:#fff;border-color:#16845d}
.dark-mode .rdn-page-summary{color:#9fb0a7}.dark-mode .rdn-page-summary strong{color:#dcebe3}

@media(max-width:820px){
  .rdn-hero-copy{overflow:hidden!important}
  .rdn-hero p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:92%;font-size:10.2px;line-height:1.34}
  .rdn-hero-copy>small{display:block;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}

  .rdn-control-bar{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:7px;
    padding:7px;
    overflow:hidden;
  }
  .rdn-filter-group{width:auto;min-width:0;padding:0;gap:5px;overflow-x:auto}
  .rdn-filter-group a{min-height:35px;padding:0 10px;font-size:9px}
  .rdn-read-all-form{width:auto!important;min-width:0;justify-self:end;margin:0!important}
  .rdn-read-all{min-height:35px;padding:0 10px;font-size:9px}
  .rdn-control-bar--visitor .rdn-filter-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .rdn-control-bar--visitor .rdn-filter-group a{width:100%;min-width:0;padding-left:8px;padding-right:8px}

  .rdn-feed{grid-template-columns:1fr;gap:8px}
  .rdn-card{min-height:0;height:auto}
  .rdn-page-summary{margin-top:10px;font-size:8px}
  .rdn-pagination{justify-content:space-between;gap:5px;margin-top:12px;padding:7px;border-radius:14px;overflow:hidden}
  .rdn-pagination a{min-width:33px;height:33px;padding:0 7px;font-size:8px}
  .rdn-page-nav span{display:none}
  .rdn-page-numbers{min-width:0;gap:4px}
}

@media(max-width:390px){
  .rdn-control-bar{grid-template-columns:minmax(0,1fr) auto;gap:5px}
  .rdn-control-bar--visitor .rdn-filter-group{gap:4px}
  .rdn-filter-group a,.rdn-read-all{min-height:34px;padding:0 8px;font-size:8.3px}
  .rdn-read-all{gap:5px}
  .rdn-page-summary span:last-child{display:none}
  .rdn-pagination{gap:3px;padding:6px}
  .rdn-pagination a{min-width:31px;height:31px;padding:0 5px}
}


/* ═══════════════════════════════════════════════════════════════
   v0.70.2 — Kompakt push durum etiketi
   ═══════════════════════════════════════════════════════════════ */
.rdn-hero-copy>[data-rd-push-status]{
  display:inline-flex!important;
  align-items:center;
  align-self:flex-start;
  width:fit-content!important;
  max-width:min(430px,100%)!important;
  min-width:0;
  margin-top:7px!important;
  padding:4px 8px!important;
  border-radius:10px!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  line-height:1.25!important;
}
@media(max-width:820px){
  .rdn-hero-copy>[data-rd-push-status]{
    width:fit-content!important;
    max-width:88%!important;
    margin-top:5px!important;
    padding:3px 6px!important;
    font-size:7.6px!important;
    line-height:1.2!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden!important;
  }
}