/* Hayvanlar Dünyası sekmesindeki "Canlı izleme sayfası" kartı */
.izleme-karti { margin: 0 0 14px; }
.izleme-karti[hidden] { display: none; }
.izleme-card { padding: 18px 20px; border: 1px solid var(--border, #e2e8f0); border-left: 5px solid #22c55e; border-radius: 16px; background: var(--bg-card, #fff); box-shadow: 0 8px 24px rgba(15, 23, 42, .08); color: var(--text-main, #1e293b); }
.izleme-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 6px; }
.izleme-head h3 { margin: 0; font-size: 1.1rem; }
.izleme-badge { padding: 3px 11px; border-radius: 999px; background: #dcfce7; color: #166534; font-size: .78rem; font-weight: 800; }
.izleme-intro, .izleme-note, .izleme-sync, .izleme-closes, .izleme-label { margin: 8px 0; font-size: .9rem; line-height: 1.55; color: var(--text-muted, #64748b); }
.izleme-note { font-size: .8rem; }
.izleme-label { margin-bottom: 4px; font-weight: 700; color: var(--text-main, #1e293b); }
.izleme-closes { color: var(--text-main, #1e293b); }
.izleme-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 10px 0; }
.izleme-days { font-size: .9rem; font-weight: 700; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.izleme-select, .izleme-link { padding: 9px 10px; border: 1px solid var(--border, #cbd5e1); border-radius: 10px; background: var(--bg-main, #fff); color: var(--text-main, #1e293b); font: inherit; }
.izleme-link { flex: 1 1 280px; min-width: 0; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .85rem; }
.izleme-primary, .izleme-secondary, .izleme-danger { padding: 10px 16px; border-radius: 10px; border: 1px solid transparent; font: inherit; font-weight: 800; cursor: pointer; }
.izleme-primary { background: #16a34a; color: #fff; }
.izleme-secondary { background: transparent; border-color: var(--border, #cbd5e1); color: var(--text-main, #1e293b); }
.izleme-danger { background: transparent; border-color: #ef4444; color: #dc2626; }
.izleme-primary:disabled, .izleme-secondary:disabled, .izleme-danger:disabled { opacity: .55; cursor: not-allowed; }
.izleme-manage { padding-top: 8px; border-top: 1px dashed var(--border, #e2e8f0); }
.izleme-qr { margin: 8px 0; font-size: .85rem; }
.izleme-qr summary { cursor: pointer; font-weight: 700; }
.izleme-qr-image { width: min(240px, 70vw); margin-top: 8px; padding: 6px; background: #fff; border-radius: 10px; }
.izleme-qr-image svg { display: block; width: 100%; height: auto; }
.izleme-message { margin: 10px 0 0; padding: 9px 12px; border-radius: 10px; background: #fff7ed; color: #92400e; font-size: .88rem; }
[data-theme="dark"] .izleme-badge { background: #14532d; color: #bbf7d0; }
[data-theme="dark"] .izleme-message { background: #422b18; color: #fed7aa; }
@media (max-width: 520px) { .izleme-row > button, .izleme-row > select { flex: 1 1 100%; } }