/* TEST80 — Network Haberleri · Profil · Rozet. Renkler: lacivert #12354b, turkuaz #146c60. */

/* Rozet (adın yanında) */
button.oon-pn-badge,.nm-app button.oon-pn-badge{--pn:#146c60;display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin:0 0 4px 8px;padding:5px 11px 5px 8px;border:1px solid #c5ddd5;border-color:color-mix(in srgb,var(--pn) 28%,#fff);border-radius:999px;background:#eef6f3;background:color-mix(in srgb,var(--pn) 9%,#fff);color:var(--pn);font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.01em;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px rgba(18,53,75,.06);transition:transform .12s,box-shadow .12s}
.oon-pn-badge:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(18,53,75,.12)}
.oon-pn-badge:focus-visible{outline:3px solid #8244ec;outline-offset:3px}
.oon-pn-badge i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--pn);color:#fff;font-style:normal;font-size:10px;line-height:1}
.oon-pn-badge b{font-weight:800;opacity:.85}

/* Küçük rozet etiketi (kartlarda ve haber sonunda) */
.oon-pn-chip{--pn:#146c60;display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 5px;border-radius:999px;background:#eef6f3;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap}
.oon-pn-chip i{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--pn);color:#fff;font-style:normal;font-size:8.5px;line-height:1}

/* Profil bölümü */
.oon-pn-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}
.oon-pn-head h2{margin:0!important}
.oon-pn-head span{flex:none;font-size:12px;font-weight:700;color:#5d7470}
.oon-pn-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.oon-pn-cards.is-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 12px;margin:0 -2px;scrollbar-width:thin;scrollbar-color:#b9d3cb transparent}
.oon-pn-cards.is-carousel:focus-visible{outline:3px solid #8244ec;outline-offset:3px;border-radius:14px}
.oon-pn-cards.is-carousel .oon-pn-card{flex:0 0 min(340px,82%);scroll-snap-align:start}
.oon-pn-card{display:flex;flex-direction:column;min-width:0;border:1px solid #dbe6e1;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 6px 18px rgba(18,53,75,.05)}
.oon-pn-cards:not(.is-carousel) .oon-pn-card{flex-direction:row}
.oon-pn-cards:not(.is-carousel) .oon-pn-card-media{flex:0 0 min(320px,42%)}
.oon-pn-card.is-featured{border-color:#9dc7b9;box-shadow:0 8px 22px rgba(20,108,96,.12)}
.oon-pn-card-media{display:block;aspect-ratio:16/9;background:#eaf2ee;overflow:hidden}
.oon-pn-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.oon-pn-card-body{display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px 16px 16px;flex:1}
.oon-pn-card-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.oon-pn-cat{padding:3px 9px;border-radius:999px;background:#e6eef3;color:#12354b;font-size:11px;font-weight:800;letter-spacing:.03em}
.oon-pn-card h3{margin:0!important;font-size:16px!important;line-height:1.35!important}
.oon-pn-card h3 a{color:#12354b;text-decoration:none}
.oon-pn-card h3 a:hover{color:#146c60}
.oon-pn-card p{margin:0;color:#566b73;font-size:13px;line-height:1.55}
.oon-pn-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px}
.oon-pn-card-foot time{font-size:12px;color:#6f8389}
.oon-pn-read{flex:none;padding:8px 13px;border-radius:11px;background:#12354b;color:#fff!important;font-size:12px;font-weight:800;text-decoration:none}
.oon-pn-read:hover{background:#146c60}

/* Rozete tıklayınca açılan pencere */
.oon-pn-modal{width:min(520px,calc(100vw - 28px));max-height:min(78vh,640px);padding:0;border:0;border-radius:20px;background:#fff;color:#12354b;box-shadow:0 24px 70px rgba(10,30,45,.35);font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0;text-align:left;text-transform:none;overflow:hidden}
.oon-pn-modal::backdrop{background:rgba(10,30,45,.55)}
.oon-pn-modal-in{display:flex;flex-direction:column;max-height:inherit}
.oon-pn-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#12354b,#146c60);color:#fff}
.oon-pn-modal-head p{margin:0 0 2px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#bfe6da}
.oon-pn-modal-head strong{display:block;font-size:17px;line-height:1.3;color:#fff}
button.oon-pn-close,.nm-app button.oon-pn-close{font-family:inherit;font-weight:400;flex:none;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.oon-pn-close:hover{background:rgba(255,255,255,.28)}
.oon-pn-modal-list{list-style:none;margin:0;padding:8px;overflow-y:auto}
.oon-pn-modal-list li{margin:0}
.oon-pn-modal-list a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border-radius:14px;color:#12354b;text-decoration:none}
.oon-pn-modal-list a:hover{background:#f1f7f4}
.oon-pn-modal-list img{width:64px;height:64px;border-radius:12px;object-fit:cover;background:#eaf2ee}
.oon-pn-modal-list strong{display:block;font-size:14px;line-height:1.35}
.oon-pn-modal-list small{display:block;margin-top:2px;font-size:11.5px;color:#65797f}
.oon-pn-modal-list em{display:block;margin-top:3px;font-style:normal;font-size:12px;font-weight:800;color:#146c60}

/* Haber sonu: Bu haberde yer alan eğitimciler */
.oon-pn-people{margin:26px 0;padding:20px;border:1px solid #dbe6e1;border-radius:20px;background:linear-gradient(145deg,#f5faf7,#fff)}
.oon-pn-people h2{margin:0 0 14px!important;font-size:21px!important;color:#12354b}
.oon-pn-people .nm-kicker{margin:0 0 6px!important}
.oon-pn-people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.oon-pn-person{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;align-items:center;padding:14px;border:1px solid #dfe8e3;border-radius:16px;background:#fff}
.oon-pn-person-avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#12354b;color:#fff;font-weight:800}
.oon-pn-person-avatar img,img.oon-pn-person-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}
.oon-pn-person-main{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.oon-pn-person-main strong{font-size:15px;color:#12354b;overflow-wrap:anywhere}
.oon-pn-person-main small{font-size:12px;color:#65797f}
.oon-pn-person-link{grid-column:1/-1;padding:9px 12px;border:1px solid #cadbd3;border-radius:11px;background:#fff;color:#146c60!important;font-size:12px;font-weight:800;text-align:center;text-decoration:none}
.oon-pn-person-link:hover{background:#edf6f2}

@media(max-width:600px){
  button.oon-pn-badge,.nm-app button.oon-pn-badge{margin:6px 0 0}
  .oon-pn-cards:not(.is-carousel) .oon-pn-card{flex-direction:column}
  .oon-pn-cards:not(.is-carousel) .oon-pn-card-media{flex:none}
  .oon-pn-cards.is-carousel .oon-pn-card{flex-basis:86%}
  .oon-pn-people{padding:16px;border-radius:18px}
  .oon-pn-people-grid{grid-template-columns:1fr}
  .oon-pn-card-foot{flex-wrap:wrap}
}

/* TEST81 — Profil sekmeleri, Eğitimci Portföyü, okul/kurum */
.oon-pn-tabs{display:flex;gap:6px;margin:16px 0 4px;padding:5px;border:1px solid #dbe6e1;border-radius:16px;background:#fff;overflow-x:auto;scrollbar-width:none}
.oon-pn-tabs::-webkit-scrollbar{display:none}
.oon-pn-tabs a{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;border-radius:12px;color:#34505f;font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap}
.oon-pn-tabs a:hover{background:#f1f7f4}
.oon-pn-tabs a.is-active{background:#12354b;color:#fff}
.oon-pn-tabs a b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#146c60;color:#fff;font-size:11px;font-weight:800}
.oon-pn-tabs a.is-active b{background:#fff;color:#12354b}
.oon-pn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.oon-pn-earned-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.oon-pn-earned-list li{--pn:#146c60;display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;margin:0;padding:12px 14px;border:1px solid #dfe8e3;border-left:4px solid var(--pn);border-radius:14px;background:#fff}
.oon-pn-earned-list i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pn);color:#fff;font-style:normal;font-size:15px}
.oon-pn-earned-list strong{display:block;color:#12354b;font-size:14px}
.oon-pn-earned-list small{display:block;margin-top:2px;color:#65797f;font-size:12px;line-height:1.45}
.oon-pn-empty p{margin:0;color:#62766f}
.oon-pn-person-main small.oon-pn-school{color:#12354b;font-weight:700}
@media(max-width:600px){.oon-pn-tabs a{padding:0 12px;font-size:13px}.oon-pn-grid,.oon-pn-earned-list{grid-template-columns:1fr}}

/* TEST82 — Çalışmanı / Haberini Network'e Gönder */
.oon-ns-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 15px;border-radius:12px;background:#146c60;color:#fff!important;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.oon-ns-cta:hover{background:#0f574d}
.oon-ns-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0;padding:16px 18px;border:1px dashed #9dc7b9;border-radius:18px;background:linear-gradient(135deg,#f2f8f5,#fff)}
.oon-ns-callout strong{display:block;color:#12354b;font-size:15px}
.oon-ns-callout p{margin:4px 0 0;color:#5d7470;font-size:13px;line-height:1.55}
.oon-ns-callout a{flex:none;padding:11px 15px;border-radius:12px;background:#12354b;color:#fff!important;font-size:13px;font-weight:800;text-decoration:none}
.oon-ns-callout a:hover{background:#146c60}
.oon-ns-page{max-width:860px;margin:0 auto}
.oon-ns-card{margin:14px 0;padding:24px;border:1px solid #dbe6e1;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(18,53,75,.05)}
.oon-ns-card h1{margin:4px 0 10px!important;font-size:clamp(24px,3.4vw,34px)!important;line-height:1.2!important;color:#12354b}
.oon-ns-lead{margin:0 0 16px;color:#52686f;font-size:14.5px;line-height:1.65}
.oon-ns-msg{margin:0 0 16px;padding:12px 14px;border-radius:12px;font-weight:700;font-size:14px}
.oon-ns-msg.is-ok{background:#e9f6f0;color:#0b6b54;border:1px solid #c5e6d9}
.oon-ns-msg.is-err{background:#fff3f2;color:#a13b34;border:1px solid #f2d0cc}
.oon-ns-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.oon-ns-form .is-wide{grid-column:1/-1}
.oon-ns-form label{display:flex;flex-direction:column;gap:6px;min-width:0;color:#12354b;font-size:13px;font-weight:750}
.oon-ns-form label>span em{font-style:normal;font-weight:500;color:#7a8b91;font-size:11.5px;margin-left:4px}
.oon-ns-form input[type=text],.oon-ns-form input[type=url],.oon-ns-form textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #cfded9;border-radius:12px;background:#f9fbfa;color:#17384f;font:inherit;font-weight:400;font-size:14px}
.oon-ns-form input[type=file]{padding:10px;border:1px dashed #b9d3cb;border-radius:12px;background:#f9fbfa;font-size:13px;font-weight:400}
.oon-ns-form textarea{resize:vertical;min-height:170px;line-height:1.6}
.oon-ns-form input:focus-visible,.oon-ns-form textarea:focus-visible{outline:3px solid #8244ec;outline-offset:2px}
.oon-ns-form small{font-weight:400;color:#6f8389;font-size:12px;line-height:1.5}
.oon-ns-form label.oon-ns-check{flex-direction:row;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #dfe8e3;border-radius:12px;background:#f7faf9;font-weight:500;line-height:1.55}
.oon-ns-check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:#146c60}
.oon-ns-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.oon-ns-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.oon-ns-actions span{color:#6f8389;font-size:12px}
.oon-ns-submit,button.oon-ns-submit,.nm-app button.oon-ns-submit{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:0;border-radius:13px;background:#12354b;color:#fff!important;font-family:inherit;font-size:15px;font-weight:800;text-decoration:none;cursor:pointer}
.oon-ns-submit:hover{background:#146c60}
.oon-ns-mine{margin:14px 0;padding:20px 24px;border:1px solid #dbe6e1;border-radius:20px;background:#fff}
.oon-ns-mine h2{margin:0 0 10px!important;font-size:19px!important;color:#12354b}
.oon-ns-mine ul{list-style:none;margin:0;padding:0}
.oon-ns-mine li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;padding:11px 0;border-top:1px solid #edf2ef}
.oon-ns-mine li:first-child{border-top:0}
.oon-ns-mine li>span{flex:1 1 220px;min-width:0}
.oon-ns-mine strong{display:block;color:#12354b;font-size:14px;overflow-wrap:anywhere}
.oon-ns-mine small{color:#6f8389;font-size:12px}
.oon-ns-mine em{font-style:normal;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:800;background:#eef0f5;color:#44586a}
.oon-ns-mine em.is-ok{background:#e3f5e6;color:#1e7b34}.oon-ns-mine em.is-info{background:#e6eef3;color:#12354b}.oon-ns-mine em.is-wait{background:#fff3d6;color:#7a4f00}
.oon-ns-mine a{color:#146c60;font-size:12.5px;font-weight:800;text-decoration:none}
@media(max-width:700px){.oon-ns-form{grid-template-columns:1fr}.oon-ns-card{padding:18px;border-radius:18px}.oon-ns-callout{flex-direction:column;align-items:flex-start}.oon-ns-callout a{width:100%;text-align:center;box-sizing:border-box}.oon-ns-cta{width:100%;justify-content:center;box-sizing:border-box}.oon-ns-mine{padding:16px 18px}}

/* TEST84 — Network’te İz Bırakanlar */
/* ---------------------------------------------------------------- TEST100
   Network'te İz Bırakanlar — yenilenmiş, modern kart tasarımı.
   Kartın üstünde haberin öne çıkarılan görseli, görselin üzerine binen
   profil fotoğrafı, altta rozetler ve tam genişlikte düğme.
   ------------------------------------------------------------------------ */
.oon-iz-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap;margin:0 0 20px;padding:32px 30px;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#0e2c3e 0%,#124d52 52%,#17795f 100%);color:#fff;box-shadow:0 18px 44px rgba(12,44,62,.18)}
.oon-iz-hero::after{content:"";position:absolute;right:-70px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,0) 70%);pointer-events:none}
.oon-iz-hero>div{position:relative;z-index:1;min-width:0}
.oon-iz-hero .nm-kicker{color:#a8e3cf!important;margin:0 0 8px!important;letter-spacing:.14em!important}
.oon-iz-hero h1{margin:0 0 10px!important;color:#fff!important;font-size:clamp(26px,4.2vw,38px)!important;line-height:1.12!important;letter-spacing:-.015em}
.oon-iz-hero p{margin:0;max-width:640px;color:#dcefe8;font-size:15px;line-height:1.6}
.oon-iz-stats{position:relative;z-index:1;display:flex;gap:10px;list-style:none;margin:0;padding:0}
.oon-iz-stats li{min-width:92px;margin:0;padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.12);text-align:center;backdrop-filter:blur(2px)}
.oon-iz-stats strong{display:block;font-size:26px;line-height:1.05;color:#fff;letter-spacing:-.02em}
.oon-iz-stats span{font-size:11px;font-weight:700;letter-spacing:.06em;color:#cfe9e0}
.oon-iz-filters{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;margin:0 0 18px}
.oon-iz-filters[hidden]{display:none}
.oon-iz-filters label{display:block;margin:0;min-width:0}
.oon-iz-filters input,.oon-iz-filters select{width:100%;min-height:48px;padding:11px 16px;border:1px solid #dae5e0;border-radius:14px;background:#fff;color:#12354b;font:inherit;font-size:14px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.oon-iz-filters input:hover,.oon-iz-filters select:hover{border-color:#b7cdc4}
.oon-iz-filters input:focus-visible,.oon-iz-filters select:focus-visible{outline:3px solid #17795f;outline-offset:2px}
.oon-iz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(278px,1fr));gap:18px}
.oon-iz-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #e1eae6;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 10px 26px rgba(18,53,75,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.oon-iz-card:hover{transform:translateY(-3px);border-color:#cfe0d8;box-shadow:0 18px 38px rgba(18,53,75,.12)}
.oon-iz-card[hidden]{display:none}
.oon-iz-cover{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(140deg,#123b4f,#17795f);overflow:hidden}
.oon-iz-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,32,45,0) 38%,rgba(9,32,45,.42) 100%)}
.oon-iz-cover-img,.oon-iz-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.oon-iz-card:hover .oon-iz-cover-img{transform:scale(1.045)}
.oon-iz-card-ic{display:flex;flex-direction:column;gap:12px;flex:1;padding:16px 18px 18px}
.oon-iz-card--kapakli .oon-iz-card-ic{padding-top:14px}
.oon-iz-card-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
.oon-iz-card--kapakli .oon-iz-card-top{align-items:flex-end}
.oon-iz-card--kapakli .oon-iz-avatar{margin-top:-46px}
.oon-iz-avatar{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#12354b;color:#fff;font-size:20px;font-weight:800}
.oon-iz-card--kapakli .oon-iz-avatar{box-shadow:0 0 0 4px #fff,0 6px 14px rgba(12,44,62,.18);position:relative;z-index:1}
.oon-iz-avatar img{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover}
.oon-iz-card-id{display:flex;flex-direction:column;gap:2px;min-width:0;padding-bottom:3px}
.oon-iz-card-id h3{margin:0!important;font-size:17px!important;line-height:1.28!important;color:#12354b;letter-spacing:-.01em;overflow-wrap:anywhere}
.oon-iz-card-id small{font-size:12px;line-height:1.45;color:#65797f}
.oon-iz-card-id small.oon-iz-school{font-weight:700;color:#17795f}
.oon-iz-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.oon-iz-chips--hero{margin-top:10px}
.oon-iz-count{padding:4px 10px;border-radius:999px;background:#eef4f2;color:#12354b;font-size:11px;font-weight:800}
.oon-iz-last{display:block;padding:11px 13px;border-radius:14px;border:1px solid #e8efec;background:#f7faf9;color:#12354b!important;text-decoration:none;transition:background .15s,border-color .15s}
.oon-iz-last:hover{background:#eef5f2;border-color:#d5e5dd}
.oon-iz-last small{display:block;margin-bottom:3px;font-size:9.5px;font-weight:800;letter-spacing:.12em;color:#6b8079}
.oon-iz-last span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:700;line-height:1.42}
.oon-iz-card-btn,.oon-iz-btn,.oon-iz-callout-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 16px;border-radius:14px;background:#12354b;color:#fff!important;font-size:13px;font-weight:800;text-align:center;text-decoration:none;transition:background .15s,transform .15s}
.oon-iz-card-btn{margin-top:auto;width:100%;box-sizing:border-box}
.oon-iz-card-btn:hover,.oon-iz-btn:hover,.oon-iz-callout-btn:hover{background:#17795f;transform:translateY(-1px)}
.oon-iz-none,.oon-iz-empty{margin:18px 0;padding:22px;border:1px dashed #c8d8d1;border-radius:16px;background:#f8fbfa;color:#566b73;text-align:center}
.oon-iz-none[hidden]{display:none}
.oon-iz-empty strong{display:block;margin-bottom:4px;color:#12354b;font-size:16px}
.oon-iz-empty p{margin:0}
.oon-iz-more-wrap{margin:16px 0 0;text-align:center}
button.oon-iz-more-btn,.nm-app button.oon-iz-more-btn{padding:11px 20px;border:1px solid #cadbd3;border-radius:12px;background:#fff;color:#146c60;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
button.oon-iz-more-btn[hidden]{display:none}
.oon-iz-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0 0;padding:20px;border:1px solid #dbe6e1;border-radius:20px;background:linear-gradient(145deg,#f5faf7,#fff)}
.oon-iz-cta h2{margin:0 0 4px!important;font-size:19px!important;color:#12354b}
.oon-iz-cta p{margin:0;max-width:640px;color:#566b73;font-size:13.5px;line-height:1.6}
.oon-iz-cta .oon-iz-btn{flex:none}
.oon-iz-callout{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0;padding:14px 16px;border:1px solid #cfe3da;border-radius:16px;background:#f1f8f5}
.oon-iz-callout>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#146c60;color:#fff;font-size:15px}
.oon-iz-callout p{flex:1 1 260px;margin:0;color:#2f4a52;font-size:13.5px;line-height:1.55}
.oon-iz-callout a:not(.oon-iz-callout-btn){color:#146c60;font-weight:700}
.oon-iz-admin-note{margin:0 0 16px;padding:13px 16px;border:1px solid #ecd9a0;border-radius:14px;background:#fff9e6;color:#5b4a12;font-size:13px;line-height:1.55}
.oon-iz-closed{padding:34px 22px;border:1px solid #dbe6e1;border-radius:22px;background:linear-gradient(145deg,#f5faf7,#fff);text-align:center}
.oon-iz-closed h1{margin:0 0 8px!important;font-size:26px!important;color:#12354b}
.oon-iz-closed p{margin:0 auto 16px;max-width:520px;color:#566b73}
.oon-iz-privacy{margin:18px 0 0;font-size:12px;color:#6f8389;text-align:center}
.oon-iz-hero-btn{font-weight:800}
.oon-iz-more{margin:14px 0 0;font-size:13px;font-weight:800;text-align:right}
.oon-iz-more a{color:#146c60;text-decoration:none}
.oon-iz-more a:hover{text-decoration:underline}
fieldset.oon-iz-consent{margin:0;padding:16px;border:1px solid #cfe3da;border-radius:16px;background:#f5faf7;min-width:0}
fieldset.oon-iz-consent legend{padding:0 8px;font-size:12px;font-weight:800;letter-spacing:.06em;color:#146c60}
.oon-iz-check,.oon-profile-form .oon-iz-check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;margin:0 0 8px!important;cursor:pointer}
.oon-iz-check input,.oon-profile-form-grid .oon-iz-check input{flex:none;width:20px!important;height:20px;margin:2px 0 0;padding:0!important;accent-color:#146c60}
.oon-iz-check strong{color:#12354b;font-size:14.5px}
.oon-iz-since{display:block;font-style:normal;font-size:11.5px;color:#5d7470}
fieldset.oon-iz-consent small{display:block;margin-top:6px;color:#566b73;font-size:12.5px;line-height:1.6}
fieldset.oon-iz-consent small a{color:#146c60;font-weight:700;white-space:nowrap}
.oon-iz-warn{margin-top:8px;color:#9a3412!important;font-weight:700}
@media(max-width:600px){
  .oon-iz-hero{padding:20px 18px;border-radius:18px}
  .oon-iz-stats{width:100%}
  .oon-iz-stats li{flex:1}
  .oon-iz-filters{grid-template-columns:1fr 1fr}
  .oon-iz-filters label:first-child{grid-column:1/-1}
  .oon-iz-grid{grid-template-columns:1fr}
  .oon-iz-cta .oon-iz-btn,.oon-iz-callout-btn{width:100%;box-sizing:border-box}
  .oon-iz-more{text-align:left}
}
/* TEST84: Haber Merkezi üst düğmeleri yan yana/alt alta düzgün aralıkla dursun */
.oon-news-hero-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}

/* TEST85 — Ana sayfada İz Bırakanlar şeridi */
.oon-iz-home{margin:28px 0;padding:22px;border:1px solid #dbe6e1;border-radius:22px;background:linear-gradient(145deg,#f5faf7,#fff)}
.oon-iz-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 16px}
.oon-iz-home-head .nm-kicker{margin:0 0 4px!important}
.oon-iz-home-head h2{margin:0!important;font-size:clamp(19px,2.6vw,24px)!important;line-height:1.25!important;color:#12354b}
.oon-iz-home-all{flex:none;padding:9px 14px;border:1px solid #cadbd3;border-radius:12px;background:#fff;color:#146c60!important;font-size:12.5px;font-weight:800;text-decoration:none}
.oon-iz-home-all:hover{background:#edf6f2}
.oon-iz-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.oon-iz-mini{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:14px;border:1px solid #dfe8e3;border-radius:16px;background:#fff;color:#12354b!important;text-decoration:none;transition:transform .12s,box-shadow .12s}
.oon-iz-mini:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(18,53,75,.09)}
.oon-iz-mini-id{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.oon-iz-mini-id strong{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.oon-iz-mini-id small{font-size:12px;line-height:1.4;color:#65797f}
.oon-iz-mini--cta{border-style:dashed;background:#f8fbfa}
.oon-iz-mini--cta .oon-iz-avatar{background:#e3f0eb;color:#146c60;font-size:26px;font-weight:400}
@media(max-width:600px){.oon-iz-home{padding:16px;border-radius:18px}.oon-iz-home-grid{grid-template-columns:1fr}}
.oon-iz-mini{overflow:hidden}
.oon-iz-mini .oon-pn-chip{max-width:100%;white-space:normal;text-align:left;line-height:1.25}
.oon-iz-mini .oon-iz-avatar,.oon-iz-mini .oon-iz-avatar img{width:54px;height:54px;font-size:17px}
.oon-iz-mini.oon-iz-mini--cta .oon-iz-avatar{font-size:24px}


/* ====================================================================== */
/* TEST162 — TEMA EZMESİNE KARŞI KALKAN                                    */
/*                                                                        */
/* Sitenin teması içerik alanındaki bağlantı ve düğmeleri kendi rengiyle   */
/* boyuyor (.entry-content a / button => 0,1,1). Aşağıdaki düğmelerin      */
/* zemini DOLU ve yazısı AÇIK; tema yazıyı koyu bir renge çevirince yazı   */
/* zemine karışıp okunmaz oluyordu. Zemin+yazı çifti burada bir arada ve   */
/* !important ile yeniden yazıldı. Renkler DEĞİŞMEDİ, yalnız korundu.      */
/* ====================================================================== */
.oon-iz-hero,
.oon-iz-hero:hover,
.oon-iz-hero:focus{color:#fff!important;text-decoration:none!important}
/* TEST207 — Seçilen fotoğraf sayısı ve toplam boyut uyarısı. */
.oon-ns-foto-uyari{margin:6px 0 0;padding:8px 11px;border-radius:9px;background:#fff6e8;border:1px solid #f0d9b5;color:#7a5418;font-size:13px;line-height:1.45}
/* TEST208 — Üç iletişim alanının altındaki gizlilik satırı. */
.oon-ns-gizlilik{margin:2px 0 0;padding:9px 12px;border-radius:9px;background:#f2f7f5;border:1px solid #dbe8e3;color:#4d6470;font-size:12.5px;line-height:1.5}