/* TEST143 — Notlarım */
.oon-view-notlarim .nm-app{padding:18px}
.oon-notlar{max-width:1100px;margin:0 auto}
.oon-notlar__ust{margin:0 0 16px}
.oon-notlar__ust h1{font-size:30px;margin:2px 0 6px;letter-spacing:-.4px}
.oon-notlar__alt{margin:0;color:#6b6478;font-size:14px;line-height:1.6;max-width:640px}

/* yazma kutusu */
.oon-not-yaz{background:#fff;border:1px solid #e8e6ec;border-radius:18px;padding:16px;
  box-shadow:0 2px 14px rgba(28,20,40,.05);margin:0 0 16px}
.oon-not-yaz.is-duzenle{border-color:#c9a2bd;box-shadow:0 0 0 3px rgba(155,30,120,.08)}
.oon-not-yaz input[type=text],.oon-not-yaz textarea{width:100%;box-sizing:border-box;font:inherit;
  border:1px solid #e4e1e9;border-radius:12px;padding:10px 13px;background:#fbfafc;color:#22252b}
.oon-not-yaz input[type=text]{font-weight:700;margin:0 0 9px}
.oon-not-yaz textarea{resize:vertical;min-height:84px;line-height:1.6}
.oon-not-yaz input:focus,.oon-not-yaz textarea:focus{background:#fff;outline:2px solid #9B1E78;outline-offset:1px;border-color:#9B1E78}
.oon-not-yaz__alt{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:11px}
.oon-not-yaz__dugme{display:flex;gap:8px;align-items:center}

.oon-not-renkler{display:flex;gap:6px;flex-wrap:wrap}
.oon-not-renk{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer;
  border:1px solid #e4e1e9;border-radius:999px;padding:4px 11px 4px 8px;font-size:12px;color:#6b6478;background:#fff}
/* Klavyeyle seçilebilsin diye gizlenir ama yok edilmez. */
.oon-not-renk input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.oon-not-renk:focus-within{outline:2px solid #9B1E78;outline-offset:2px}
.oon-not-renk::before{content:"";width:11px;height:11px;border-radius:50%;flex:0 0 auto}
.oon-not-renk--sari::before{background:#e8a90a}
.oon-not-renk--yesil::before{background:#2f8f5b}
.oon-not-renk--mavi::before{background:#2f6fd0}
.oon-not-renk--mor::before{background:#9B1E78}
.oon-not-renk--kirmizi::before{background:#d92d5e}
.oon-not-renk:has(input:checked){border-color:#9B1E78;background:#fbf0f7;color:#7d1961;font-weight:700}
.oon-not-renk input:focus-visible+span{outline:2px solid #9B1E78;outline-offset:2px}

.oon-not-btn{border:0;background:#9B1E78;color:#fff;border-radius:12px;padding:10px 18px;
  font:inherit;font-weight:800;font-size:13.5px;cursor:pointer;text-decoration:none;display:inline-block;
  box-shadow:0 3px 10px rgba(155,30,120,.26)}
.oon-not-btn:hover{filter:brightness(1.06)}
.oon-not-btn--sade{background:#fff;color:#9B1E78;border:1px solid #e2c6da;box-shadow:none}
.oon-not-btn:disabled{opacity:.55;cursor:default}
/* display:inline-block, tarayıcının [hidden] kuralını ezmesin. */
.oon-not-btn[hidden]{display:none!important}
.oon-not-durum{margin:9px 0 0;font-size:12.5px;color:#6b6478;min-height:1em}

/* arama */
.oon-not-ara{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.oon-not-ara input{flex:1;min-width:0;font:inherit;font-size:13.5px;border:1px solid #e4e1e9;
  border-radius:999px;padding:9px 15px;background:#fff}
.oon-not-ara input:focus{outline:2px solid #9B1E78;outline-offset:1px;border-color:#9B1E78}
.oon-not-ara__sayi{flex:0 0 auto;font-size:12px;color:#8a8496;font-weight:700}

/* kartlar */
.oon-notlar__izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:13px;align-items:start}
.oon-not{position:relative;background:#fff;border:1px solid #e8e6ec;border-left:4px solid #e8a90a;
  border-radius:14px;padding:13px 14px 10px;box-shadow:0 1px 4px rgba(28,20,40,.05);
  transition:box-shadow .15s,transform .15s}
.oon-not:hover{box-shadow:0 5px 16px rgba(28,20,40,.09);transform:translateY(-1px)}
.oon-not[hidden]{display:none}
.oon-not--sari{border-left-color:#e8a90a;background:linear-gradient(180deg,#fffdf5,#fff)}
.oon-not--yesil{border-left-color:#2f8f5b;background:linear-gradient(180deg,#f5fdf8,#fff)}
.oon-not--mavi{border-left-color:#2f6fd0;background:linear-gradient(180deg,#f5f9ff,#fff)}
.oon-not--mor{border-left-color:#9B1E78;background:linear-gradient(180deg,#fdf5fa,#fff)}
.oon-not--kirmizi{border-left-color:#d92d5e;background:linear-gradient(180deg,#fff5f8,#fff)}
.oon-not.is-sabit{box-shadow:0 3px 14px rgba(28,20,40,.11)}
.oon-not.is-sabit::after{content:"sabit";position:absolute;top:-8px;right:12px;background:#22252b;color:#fff;
  font-size:10px;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:999px}
.oon-not.is-yeni{animation:oonNotGir .5s ease}
@keyframes oonNotGir{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.oon-not__ust{display:flex;align-items:flex-start;gap:8px;margin:0 0 6px}
.oon-not__ust h3{flex:1;min-width:0;margin:0;font-size:14.5px;font-weight:800;color:#1E3A8A;
  line-height:1.4;word-wrap:break-word;overflow-wrap:anywhere}
.oon-not__ust h3 em{color:#9a94a6;font-weight:600}
.oon-not__islem{flex:0 0 auto;display:flex;gap:2px;opacity:0;transition:opacity .15s}
.oon-not:hover .oon-not__islem,.oon-not:focus-within .oon-not__islem{opacity:1}
.oon-not__btn{border:0;background:none;cursor:pointer;font-size:13px;line-height:1;padding:4px 5px;
  border-radius:7px;color:#8a8496}
.oon-not__btn:hover{background:#f2eff5;color:#9B1E78}
.oon-not__btn--sil:hover{background:#fdf0f0;color:#b32d2e}
.oon-not__metin{font-size:13.5px;line-height:1.65;color:#31343c;word-wrap:break-word;overflow-wrap:anywhere}
.oon-not__metin a{color:#9B1E78;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.oon-not__alt{margin-top:9px;padding-top:7px;border-top:1px solid #f0eef3}
.oon-not__alt time{font-size:11px;color:#9a94a6}

.oon-notlar__bos{grid-column:1/-1;margin:0;padding:26px 18px;text-align:center;color:#8a8496;
  font-size:13.5px;line-height:1.6;background:#fff;border:1px dashed #ddd8e4;border-radius:14px}
.oon-notlar__not{margin:16px 0 0;font-size:11.5px;color:#9a94a6;line-height:1.6}

/* kilit */
.oon-not-kilit{background:#fff;border:1px solid #e8e6ec;border-radius:18px;padding:22px;
  box-shadow:0 2px 14px rgba(28,20,40,.05);max-width:620px}
.oon-not-kilit p{margin:0 0 14px;font-size:14px;line-height:1.65;color:#4b4557}

@media (max-width:640px){
  .oon-view-notlarim .nm-app{padding:13px}
  .oon-notlar__ust h1{font-size:24px}
  .oon-notlar__izgara{grid-template-columns:1fr;gap:11px}
  .oon-not__islem{opacity:1}
  .oon-not-yaz{padding:13px;border-radius:15px}
  .oon-not-yaz__alt{gap:9px}
  .oon-not-yaz__dugme{width:100%}
  .oon-not-yaz__dugme .oon-not-btn{flex:1;text-align:center}
}


/* ====================================================================== */
/* 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.      */
/* ====================================================================== */
/* TEST170 — Kalkan yalnız DOLU zeminli düğme içindir. Sade (beyaz
   zeminli) düğme de kapsama girince yazı beyaz üstüne beyaz kalıyor,
   düğme boş görünüyordu ("Yazdır" ve "Taslağa dön" böyle kaybolmuştu). */
.oon-not-btn:not(.oon-not-btn--sade),
.oon-not-btn:not(.oon-not-btn--sade):hover,
.oon-not-btn:not(.oon-not-btn--sade):focus{color:#fff!important;text-decoration:none!important}
.oon-not-btn--sade,
.oon-not-btn--sade:hover,
.oon-not-btn--sade:focus{color:#9B1E78!important;text-decoration:none!important}