@layer components{
.karo-not-secimleri{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0 0 14px}
.karo-not-secimleri legend{inline-size:100%;font-size:.78rem;font-weight:750;color:var(--text-muted)}
.karo-not-secimi{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;background:#fff;padding:8px 11px;cursor:pointer;font-size:.8rem}
.karo-not-secimi:has(input:checked){border-color:#9fc6b4;background:var(--surface-tint);color:#245c47}
.karo-not-secimi input{accent-color:var(--action)}
.karo-not-editoru{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:visible}
.karo-not-editoru:focus-within{border-color:#76a892;box-shadow:0 0 0 4px rgba(73,139,111,.09)}
.karo-not-editoru textarea{display:block;inline-size:100%;min-block-size:125px;border:0;outline:0;padding:14px;resize:vertical;font:inherit;background:transparent}
.karo-emoji-penceresi{border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:14px;max-inline-size:min(92vw,420px)}
.karo-emoji-penceresi::backdrop{background:rgba(12,28,22,.28);backdrop-filter:blur(2px)}
.karo-emoji-izgarasi{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}
.karo-emoji-izgarasi button{border:0;background:transparent;font-size:1.3rem;cursor:pointer;border-radius:8px;padding:5px}
.karo-emoji-izgarasi button:hover{background:var(--surface-soft)}
}