/* ÜHÜAM — Telegram Önerileri Stilleri */

.telegram-header { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.telegram-header h2 { margin:0; display:flex; align-items:center; gap:8px; }
.telegram-header .badge-pending { background:var(--warning,#e67e22); color:#fff; padding:4px 12px; border-radius:20px; font-size:0.85rem; font-weight:700; animation:pulse-badge 2s infinite; }
@keyframes pulse-badge { 0%,100%{opacity:1} 50%{opacity:0.7} }

.telegram-filters { display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
.telegram-filters .btn-filter { padding:6px 14px; border-radius:20px; border:1px solid var(--gray-300,#ddd); background:var(--white,#fff); cursor:pointer; font-size:0.8rem; transition:all 0.2s; }
.telegram-filters .btn-filter.active { background:var(--primary,#2980b9); color:#fff; border-color:var(--primary,#2980b9); }
.telegram-filters .btn-filter:hover:not(.active) { background:var(--gray-100,#f5f5f5); }

.telegram-card { background:var(--white,#fff); border:1px solid var(--gray-200,#eee); border-radius:12px; padding:20px; margin-bottom:16px; transition:box-shadow 0.2s; position:relative; }
.telegram-card:hover { box-shadow:0 4px 12px rgba(0,0,0,0.08); }
.telegram-card.status-pending { border-left:4px solid var(--warning,#e67e22); }
.telegram-card.status-approved { border-left:4px solid var(--success,#27ae60); opacity:0.8; }
.telegram-card.status-rejected { border-left:4px solid var(--danger,#e74c3c); opacity:0.6; }
.telegram-card.status-reassigned { border-left:4px solid var(--info,#3498db); }

.telegram-card-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:12px; gap:12px; }
.telegram-card-meta { display:flex; flex-direction:column; gap:4px; }
.telegram-card-user { font-weight:700; font-size:1rem; color:var(--gray-800,#333); }
.telegram-card-institution { font-size:0.85rem; color:var(--primary,#2980b9); display:flex; align-items:center; gap:4px; }
.telegram-card-time { font-size:0.75rem; color:var(--gray-500,#999); white-space:nowrap; }
.telegram-card-status { padding:4px 10px; border-radius:12px; font-size:0.75rem; font-weight:600; }
.telegram-card-status.pending { background:#fef3e2; color:#e67e22; }
.telegram-card-status.approved { background:#e8f8f0; color:#27ae60; }
.telegram-card-status.rejected { background:#fde8e8; color:#e74c3c; }
.telegram-card-status.reassigned { background:#e8f0fe; color:#3498db; }

.telegram-card-message { background:var(--gray-50,#f9f9f9); padding:12px 16px; border-radius:8px; margin-bottom:12px; font-size:0.9rem; line-height:1.5; color:var(--gray-700,#555); }
.telegram-card-message .photo-thumb { max-width:200px; max-height:150px; border-radius:6px; margin-top:8px; cursor:pointer; }

.telegram-ai-result { background:linear-gradient(135deg,#f0f7ff,#e8f4fd); border:1px solid #d0e3f7; border-radius:8px; padding:12px 16px; margin-bottom:12px; }
.telegram-ai-result h4 { margin:0 0 8px; font-size:0.85rem; color:var(--primary,#2980b9); display:flex; align-items:center; gap:6px; }
.telegram-ai-indicator { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.telegram-ai-indicator code { background:var(--primary,#2980b9); color:#fff; padding:2px 8px; border-radius:4px; font-size:0.8rem; font-weight:700; }
.telegram-ai-indicator .confidence { font-size:0.8rem; color:var(--gray-600,#777); }
.telegram-ai-indicator .confidence.high { color:var(--success,#27ae60); }
.telegram-ai-indicator .confidence.medium { color:var(--warning,#e67e22); }
.telegram-ai-indicator .confidence.low { color:var(--danger,#e74c3c); }
.telegram-ai-score { font-size:0.85rem; margin-bottom:8px; }
.telegram-ai-score strong { color:var(--primary,#2980b9); font-size:1.2rem; }
.telegram-ai-reasoning { font-size:0.8rem; color:var(--gray-600,#777); font-style:italic; }

.telegram-card-actions { display:flex; gap:8px; flex-wrap:wrap; }
.telegram-card-actions .btn { padding:8px 16px; font-size:0.8rem; }
.telegram-card-actions .reassign-select { padding:6px 10px; border:1px solid var(--gray-300,#ddd); border-radius:6px; font-size:0.8rem; min-width:200px; }

.telegram-empty { text-align:center; padding:60px 20px; color:var(--gray-500,#999); }
.telegram-empty i { font-size:3rem; margin-bottom:16px; color:var(--gray-300,#ddd); }
.telegram-empty p { font-size:1rem; margin-bottom:8px; }
.telegram-empty small { font-size:0.85rem; color:var(--gray-400,#bbb); }

.telegram-badge-count { background:var(--danger,#e74c3c); color:#fff; font-size:0.6rem; padding:2px 6px; border-radius:10px; min-width:18px; text-align:center; font-weight:700; margin-left:auto; animation:pulse-badge 2s infinite; }

.telegram-config-section { background:var(--gray-50,#f9f9f9); border:1px solid var(--gray-200,#eee); border-radius:8px; padding:20px; margin-top:16px; }
.telegram-config-section h4 { margin:0 0 16px; display:flex; align-items:center; gap:8px; }
.telegram-config-section .form-group { margin-bottom:12px; }
.telegram-config-section .form-group label { font-weight:600; font-size:0.85rem; margin-bottom:4px; display:block; }
.telegram-config-section .form-group input,.telegram-config-section .form-group textarea { width:100%; padding:8px 12px; border:1px solid var(--gray-300,#ddd); border-radius:6px; font-size:0.85rem; }
.telegram-config-section .form-group small { color:var(--gray-500,#999); font-size:0.75rem; }

.telegram-status-indicator { display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:20px; font-size:0.8rem; font-weight:600; }
.telegram-status-indicator.online { background:#e8f8f0; color:#27ae60; }
.telegram-status-indicator.offline { background:#fde8e8; color:#e74c3c; }

.telegram-demo-banner { background:#fff3cd; border:1px solid #ffc107; border-radius:8px; padding:12px 16px; margin-bottom:16px; font-size:0.85rem; display:flex; align-items:center; gap:8px; }

@media print { .telegram-card-actions{display:none} .telegram-filters{display:none} }