#gorevSayfasi button.gorev-yazisi { background: transparent; border: 0; padding: 0; color: #edf3fc; text-align: left; font-size: 17px; line-height: 1.45; cursor: pointer; width: 100%; }
#gorevSayfasi button.gorev-yazisi:hover { color: #a8caff; }
#gorevSayfasi button.gorev-yazisi.tamamlandi { color: #b3c0d3; }
#aksiyonPenceresi { color: #edf3fc; background: #151f2e; border: 1px solid #3c506c; border-radius: 18px; padding: 26px; width: 780px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 40px); overflow: auto; box-sizing: border-box; }
#aksiyonPenceresi::backdrop { background: #030712b8; backdrop-filter: blur(3px); }
#aksiyonPenceresi h2 { margin: 0; font-size: 23px; overflow-wrap: anywhere; }
#aksiyonPenceresi h3 { font-size: 17px; margin: 18px 0 12px; }
.aksiyon-baslik { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
#aksiyonKapat { width: 40px; height: 40px; padding: 0; font-size: 25px; flex-shrink: 0; background: #2a3a50; }
#aksiyonOzet { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.aksiyon-rozet { font-size: 13px; border-radius: 6px; padding: 6px 9px; background: #28384e; color: #d3e1f5; }
.aksiyon-rozet.yesil { color: #b0f0ce; background: #214435; }
.aksiyon-rozet.kirmizi { color: #ffb4b4; background: #472731; }
.aksiyon-ust-islemler { display: flex; justify-content: flex-end; gap: 8px; }
.aksiyon-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; border-bottom: 1px solid #35445c; padding: 16px 0; margin-top: 8px; }
.aksiyon-sekmeler button { background: #24324a; color: #cbd9ee; }
.aksiyon-sekmeler button[aria-pressed="true"] { background: #3b6fb7; color: white; }
#aksiyonMesaj { color: #aec4e0; font-size: 14px; line-height: 1.6; }
#aksiyonMesaj:empty { display: none; }
#aksiyonMesaj[data-hata="true"] { color: #ffb2b2; }
#notAraclar { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px; background: #223048; border-radius: 10px 10px 0 0; border: 1px solid #3b4d68; }
#notAraclar button { font-size: 13px; padding: 8px 11px; background: #344861; }
#notEditor { min-height: 125px; padding: 14px; outline: none; line-height: 1.6; border: 1px solid #3b4d68; border-top: 0; border-radius: 0 0 10px 10px; background: #101925; color: #eef4ff; overflow-wrap: anywhere; white-space: pre-wrap; }
#notEditor:focus { box-shadow: 0 0 0 2px #80adf0; }
#notEditor:empty:before { content: attr(data-placeholder); color: #8ba1be; pointer-events: none; }
.aksiyon-editor-islemler { display: flex; justify-content: flex-end; gap: 8px; margin: 12px 0 20px; }
.aksiyon-kart { border: 1px solid #354861; padding: 16px; border-radius: 12px; background: #1c293b; margin-top: 12px; overflow-wrap: anywhere; }
.aksiyon-kart-baslik { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.aksiyon-kart small, .aksiyon-soluk { color: #b0c0d7; font-size: 13px; line-height: 1.6; }
.aksiyon-kart button { background: #324560; padding: 8px 12px; font-size: 13px; margin-right: 6px; }
.aksiyon-kart .aksiyon-sil { background: #49303b; color: #ffc1c1; }
.not-icerik { white-space: pre-wrap; line-height: 1.65; color: #e3ecf9; }
.not-icerik p, #notEditor p { margin: 0 0 8px; }
.not-icerik ul, .not-icerik ol, #notEditor ul, #notEditor ol { list-style: initial; padding-left: 24px; margin: 8px 0; }
.not-icerik ol, #notEditor ol { list-style: decimal; }
.not-icerik li, #notEditor li { display: list-item; background: transparent; border: 0; padding: 0; margin: 4px 0; }
.dosya-secim { display: grid; gap: 10px; margin-top: 12px; }
.dosya-secim input { width: 100%; box-sizing: border-box; }
@media(max-width:480px) { #aksiyonPenceresi { padding: 18px; max-width: calc(100vw - 20px); max-height: calc(100dvh - 20px); } #aksiyonPenceresi h2 { font-size: 20px; } .aksiyon-ust-islemler { justify-content: flex-start; margin-bottom: 4px; } }