.splash-orb-icon {
position: relative;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
}
.sy-bubble {
position: relative;
width: 72px;
height: 64px;
background: linear-gradient(145deg, #7c3aed 0%, #6366f1 50%, #8b5cf6 100%);
border-radius: 20px 20px 20px 6px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 
0 12px 40px rgba(124, 58, 237, 0.5),
0 0 40px rgba(99, 102, 241, 0.3),
inset 0 2px 0 rgba(255,255,255,0.3);
animation: bubbleHeartbeat 1.3s ease-in-out infinite;
}
.sy-bubble::before {
content: '💬';
position: absolute;
top: -8px;
right: -8px;
font-size: 16px;
animation: chatIconPulse 1.3s ease-in-out infinite;
}
.sy-bubble::after {
content: '';
position: absolute;
top: 10px;
left: 14px;
width: 16px;
height: 6px;
background: rgba(255,255,255,0.35);
border-radius: 10px;
transform: rotate(-15deg);
}
.sy-bubble-tail {
position: absolute;
bottom: -10px;
left: 6px;
width: 0;
height: 0;
border-left: 14px solid transparent;
border-right: 8px solid transparent;
border-top: 16px solid #6366f1;
transform: rotate(-8deg);
}
.sy-text {
font-size: 32px;
font-weight: 800;
color: #fff;
font-family: 'Poppins', 'Arial Black', sans-serif;
letter-spacing: 2px;
text-shadow: 
0 3px 10px rgba(0,0,0,0.3),
0 0 20px rgba(255,255,255,0.2);
animation: textHeartbeat 1.3s ease-in-out infinite;
}
@keyframes bubbleHeartbeat {
0%, 100% { transform: scale(1); }
15% { transform: scale(1.12); }
30% { transform: scale(0.96); }
45% { transform: scale(1.08); }
60% { transform: scale(1); }
}
@keyframes textHeartbeat {
0%, 100% { transform: scale(1); }
15% { transform: scale(1.08); }
30% { transform: scale(0.94); }
45% { transform: scale(1.05); }
60% { transform: scale(1); }
}
@keyframes chatIconPulse {
0%, 100% { transform: scale(1) rotate(0deg); }
25% { transform: scale(1.2) rotate(-10deg); }
50% { transform: scale(1) rotate(0deg); }
75% { transform: scale(1.15) rotate(10deg); }
}
#sy_splash{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;transition:opacity .5s ease,visibility .5s ease;overflow:hidden}
#sy_splash.splash-light{background:#f5f5f5}
#sy_splash.splash-dark{background:#12141c}
#sy_splash .splash-content{display:flex;flex-direction:column;align-items:center;gap:28px;position:relative;z-index:2}
#sy_splash .splash-title{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;opacity:.45;position:absolute;top:10vh;left:50%;transform:translateX(-50%);white-space:nowrap}
.splash-light .splash-title{color:#475569}
.splash-dark .splash-title{color:#8892b0}
.splash-orb-wrap{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}
.splash-orb-glow{position:absolute;inset:-20px;border-radius:50%;filter:blur(40px);opacity:.3;animation:orbGlow 3s ease-in-out infinite}
.splash-light .splash-orb-glow{background:radial-gradient(circle,#818cf8,#c084fc,transparent 70%)}
.splash-dark .splash-orb-glow{background:radial-gradient(circle,#6366f1,#a855f7,transparent 70%)}
@keyframes orbGlow{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.45;transform:scale(1.15)}}
.splash-orb-ring{position:absolute;inset:0;border-radius:50%}
.splash-orb-ring svg{width:100%;height:100%;animation:orbSpin 4s linear infinite}
.splash-orb-ring:nth-child(3) svg{animation-duration:6s;animation-direction:reverse}
@keyframes orbSpin{to{transform:rotate(360deg)}}
.splash-orb-icon{position:relative;z-index:3;display:flex;align-items:center;justify-content:center}
.splash-light .splash-orb-icon{}
.splash-dark .splash-orb-icon{}
@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.splash-orb-icon svg{width:26px;height:26px;fill:#fff}
.splash-particles{position:absolute;inset:-30px;pointer-events:none}
.splash-p{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0;animation:pFloat 4s ease-in-out infinite}
.splash-light .splash-p{background:#a78bfa}
.splash-dark .splash-p{background:#818cf8}
.splash-p:nth-child(1){top:10%;left:15%;animation-delay:0s}
.splash-p:nth-child(2){top:5%;right:20%;animation-delay:.7s;width:3px;height:3px}
.splash-p:nth-child(3){bottom:15%;left:10%;animation-delay:1.4s;width:5px;height:5px}
.splash-p:nth-child(4){bottom:10%;right:15%;animation-delay:2.1s}
.splash-p:nth-child(5){top:50%;left:0;animation-delay:.35s;width:3px;height:3px}
.splash-p:nth-child(6){top:50%;right:0;animation-delay:1.05s;width:3px;height:3px}
@keyframes pFloat{0%,100%{opacity:0;transform:translateY(0) scale(.5)}25%{opacity:.8;transform:translateY(-12px) scale(1)}75%{opacity:.4;transform:translateY(-20px) scale(.7)}100%{opacity:0;transform:translateY(-28px) scale(.3)}}
#sy_splash .splash-info{display:flex;flex-direction:column;align-items:center;gap:10px}
#sy_splash .splash-speed-title{font-size:11px;font-weight:500;letter-spacing:.5px;opacity:.5}
.splash-light .splash-speed-title{color:#64748b}
.splash-dark .splash-speed-title{color:#7c8db0}
#sy_splash .splash-speed-badge{font-size:14px;font-weight:700;padding:7px 24px;border-radius:20px;letter-spacing:.5px;transition:all .3s ease}
.splash-speed-badge.s-high{background:rgba(34,197,94,.12);color:#22c55e;border:1px solid rgba(34,197,94,.2)}
.splash-speed-badge.s-mid{background:rgba(234,179,8,.12);color:#eab308;border:1px solid rgba(234,179,8,.2)}
.splash-speed-badge.s-low{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.2)}
#sy_splash .splash-speed-loading{font-size:11px;font-weight:500}
.splash-light .splash-speed-loading{color:#94a3b8}
.splash-dark .splash-speed-loading{color:#5a6380}
#sy_splash .splash-conn-box{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;margin-top:2px}
.splash-light .splash-conn-box{color:#94a3b8}
.splash-dark .splash-conn-box{color:#5a6380}
#sy_splash .splash-conn-box i{font-size:12px}
#sy_splash .splash-conn-box.conn-wifi i{color:#6366f1}
#sy_splash .splash-conn-box.conn-cell i{color:#f59e0b}
#sy_splash .splash-bottom{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);text-align:center}
#sy_splash .splash-brand{font-size:14px;font-weight:700;letter-spacing:.6px;opacity:.75}
#sy_splash .splash-brand-from{font-size:11px;font-weight:500;letter-spacing:1px;opacity:.5;margin-bottom:4px;display:block}
#sy_splash .splash-year{font-size:12px;font-weight:700;letter-spacing:1.5px;opacity:.55;margin-top:6px}
.splash-light .splash-brand,.splash-light .splash-year{color:#475569}
.splash-dark .splash-brand,.splash-dark .splash-year{color:#7c8db0}
#sy_splash.splash-hide{opacity:0;visibility:hidden;pointer-events:none}
.sy-bubble{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;animation:none}
.sy-bubble::before{display:none}
.sy-bubble::after{display:none}
.sy-bubble-tail{display:none}
.sy-text{font-size:36px;font-weight:700;color:#6366f1;font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;letter-spacing:1px;text-shadow:0 3px 15px rgba(99,102,241,0.35);animation:textHeartbeat 1.3s ease-in-out infinite}
@keyframes bubbleHeartbeat{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(0.96)}45%{transform:scale(1.08)}60%{transform:scale(1)}}
@keyframes textHeartbeat{0%,100%{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(0.94)}45%{transform:scale(1.05)}60%{transform:scale(1)}}
@keyframes chatIconPulse{0%,100%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.2) rotate(-10deg)}50%{transform:scale(1) rotate(0deg)}75%{transform:scale(1.15) rotate(10deg)}}
#sy_splash .splash-wait{font-size:11px;font-weight:500;letter-spacing:.5px;opacity:.4;margin-top:10px;text-align:center}
.splash-light .splash-wait{color:#64748b}
.splash-dark .splash-wait{color:#7c8db0}
.add_room_background {
	position:relative;
}
.room_background_item_wrap {
	display:table;
	border-radius:50px;
	
}
.room_background_item {
	width:40px;
	height:30px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.room_background_menu {
	display:table-cell;
	vertical-align:middle;
	width:147px;
}
.room_background_select {
	-webkit-appearance:none;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	width:100%;
	height:100%;
	cursor:pointer;
}
.room_background_size {
	height:250px;
}
.choose_room_background {
	position:relative;
}
.roombackground {
	background-size:100% 100% !important;
}
.background_chats::before {
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	background:url('../default_images/icons/cat.svg');
	background-repeat:no-repeat;
	background-position:bottom -123px right;
	background-size:600px;
	opacity:1;
	box-shadow:inset 0 0 45px rgb(0,0,0,.271);
}
*, *::before, *::after {
    box-sizing: border-box; /* Taşmaları engellemek için en kritik kural */
}
@media (max-width: 480px) {
    #chat_head .head_notify_onay {
        top: 3px;
        right: 1px;
        min-width: 15px;
        height: 15px;
        font-size: 9px;
        padding: 0 4px;
    }
}
#chat_head .head_notify_onay {
    position: absolute;
    top: 4px;
    right: -7px;
    left: auto;
    width: auto;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
}
.sy_suspect {
    border-left: 4px solid #ff9800 !important;
    background-color: #fff8e1 !important;
}
.sy-detay-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 330px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3);
    border-radius: 8px;
    z-index: 999999;
    font-family: system-ui, -apple-system, sans-serif;
    border: 1px solid #e1e4e6;
}
.detay-modal-header {
    background: #f8f9fa;
    padding: 14px;
    border-bottom: 1px solid #edeef0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #495057;
}
.detay-modal-close {
    cursor: pointer;
    font-size: 22px;
    font-weight: 300;
    color: #adb5bd;
    line-height: 1;
}
.detay-modal-close:hover {
    color: #495057;
}
.detay-modal-body {
    padding: 15px;
    font-size: 12px;
    line-height: 1.5;
}
.detay-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f1f3f5;
}
.detay-line:last-of-type {
    border-bottom: none;
}
.detay-line strong {
    color: #6c757d;
    font-weight: 600;
}
.detay-line span {
    color: #212529;
    font-weight: 500;
}
.text-danger {
    color: #dc3545 !important;
    font-weight: bold !important;
}
.sy-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.sy-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.sy-modal {
    background: #FFFFFF;
    border-radius: 16px;
    width: 600px;
    max-width: 95%;
    max-height: 85vh;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    transform: scale(0.95) translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sy-modal-overlay.active .sy-modal {
    transform: scale(1) translateY(0);
}

.sy-modal-header {
    display: flex;
    align-items: center;
    padding: 18px 20px;
    border-bottom: 1px solid #E5E7EB;
    background: #FFFFFF;
}

.sy-modal-icon {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 14px;
}

.sy-modal-icon i {
    font-size: 20px;
    color: #FFFFFF;
}

.sy-modal-title-wrap {
    flex: 1;
    min-width: 0;
}

.sy-modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 2px 0;
}

.sy-modal-subtitle {
    font-size: 13px;
    color: #6B7280;
    margin: 0;
}

.sy-modal-close {
    width: 36px;
    height: 36px;
    background: transparent;
    border: none;
    border-radius: 10px;
    color: #9CA3AF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    margin-left: 8px;
}

.sy-modal-close:hover {
    background: #F3F4F6;
    color: #374151;
}

.sy-modal-body {
    max-height: calc(85vh - 78px);
    overflow-y: auto;
    background: #FFFFFF;
    padding: 16px;
}

@media (max-width: 520px) {
    .sy-modal {
        width: 95%;
    }
    .sy-modal-body {
        padding: 12px;
    }
}
/* ========================================
   ONAY PANELI - Modern Clean White Design
   ======================================== */

/* Tabs */
.onay-tabs {
    display: flex;
    border-bottom: 1px solid #E5E7EB;
    padding: 0 20px;
    background: #fff;
    gap: 0;
}
.onay-tab {
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #6B7280;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: color 0.2s, border-color 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.onay-tab:hover {
    color: #374151;
}
.onay-tab-active {
    color: #111827;
    border-bottom-color: #111827;
}
.onay-tab i {
    font-size: 12px;
}
.onay-tab-count {
    background: #F3F4F6;
    color: #374151;
    font-size: 11px;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 99px;
    min-width: 18px;
    text-align: center;
}
.onay-tab-active .onay-tab-count {
    background: #111827;
    color: #fff;
}

/* Search bar */
.onay-search-bar {
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #E5E7EB;
    background: #FAFAFA;
}
.onay-search-icon {
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translateY(-50%);
    color: #9CA3AF;
    font-size: 12px;
    pointer-events: none;
}
.onay-search-input {
    width: 100%;
    padding: 8px 12px 8px 30px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    font-size: 13px;
    outline: none;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 0.2s;
}
.onay-search-input:focus {
    border-color: #9CA3AF;
}

/* Refresh button in header */
.onay-refresh-btn {
    width: 36px;
    height: 36px;
    background: transparent;
    border: none;
    border-radius: 10px;
    color: #9CA3AF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    margin-left: 4px;
}
.onay-refresh-btn:hover {
    background: #F3F4F6;
    color: #374151;
}

/* User card list */
.onay_list {
    max-height: 440px; /* Yaklaşık 5 kart yüksekliği (Kartlarınızın padding/margin değerine göre ayarlayabilirsiniz) */
    overflow-y: auto;  /* 5 kartı geçince dikey scrollbar otomatik devreye girer */
    overflow-x: hidden; /* Yatay kaydırmayı engeller */
    padding-right: 5px; /* Scrollbar kartların üstüne binmesin diye hafif boşluk */
}

/* Şık bir scrollbar görünümü için (Opsiyonel - Tarayıcı uyumlu) */
.onay_list::-webkit-scrollbar {
    width: 6px;
}
.onay_list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
.onay_list::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
.onay_list::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
}
.onay_user_card.user_item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 4px;
    border-bottom: 1px solid #F3F4F6;
    background: transparent;
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none;
    transition: background 0.15s;
}
.onay_user_card.user_item:hover {
    background: #F9FAFB;
}
.onay_user_card.user_item:last-child {
    border-bottom: none;
}

/* Avatar */
.onay_avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: none;
}

/* Meta */
.onay_meta {
    flex: 1;
    min-width: 0;
}
.onay_name {
    font-weight: 600;
    font-size: 13px;
    color: #111827;
    line-height: 1.3;
}
.onay_sub {
    margin-top: 2px;
    font-size: 11px;
    color: #9CA3AF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Actions */
.onay_actions {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}
.onay_act {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid #F3F4F6;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    font-size: 12px;
}
.onay_act:hover {
    background: #F3F4F6;
    border-color: #E5E7EB;
}

/* Suspect */
.onay_badge {
    display: none;
    margin-left: 6px;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 99px;
    background: rgba(245, 158, 11, 0.12);
    color: #b45309;
}
.sy_suspect {
    background: rgba(245, 158, 11, 0.04);
}
.sy_suspect .onay_badge {
    display: inline-flex;
}

/* Empty state */
.onay-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #D1D5DB;
    gap: 8px;
}
.onay-empty i {
    font-size: 28px;
}
.onay-empty p {
    font-size: 13px;
    color: #9CA3AF;
    margin: 0;
}

/* Settings */
.onay-settings-card {
    background: #fff;
    border: 1px solid #F3F4F6;
    border-radius: 10px;
    overflow: hidden;
}
.onay-setting-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    gap: 12px;
}
.onay-setting-label {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.onay-setting-title {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
}
.onay-setting-desc {
    font-size: 11px;
    color: #9CA3AF;
}
.onay-setting-divider {
    height: 1px;
    background: #F3F4F6;
}
.onay-approve-all-btn {
    background: #111827;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    transition: background 0.2s;
}
.onay-approve-all-btn:hover {
    background: #374151;
}

/* Responsive */
@media (max-width: 520px) {
    .onay-tabs {
        padding: 0 12px;
        overflow-x: auto;
    }
    .onay-tab {
        padding: 10px 12px;
        font-size: 12px;
    }
    .onay-search-bar {
        padding: 8px 12px;
    }
    .onay_user_card.user_item {
        flex-wrap: wrap;
        padding: 10px 4px;
        gap: 8px;
    }
    .onay_actions {
        width: 100%;
        justify-content: flex-start;
        padding-left: 52px;
    }
    .onay_sub {
        white-space: normal;
    }
    .onay-setting-row {
        flex-direction: column;
        align-items: flex-start;
    }
}
.sy_modal_back{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.sy_modal_wrap{ width: 100%; display:flex; justify-content:center; }
.sy_modal_card{
    width: 100%;
    max-width: 400px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
    border: 1px solid rgba(0,0,0,0.08);
}
body.sy_modal_open{ overflow: hidden; }

.sy_modal_header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 16px 18px;
    background:#fff;
    border-bottom: 1px solid rgba(0,0,0,0.10);
}
.sy_modal_header_left{ display:flex; align-items:center; gap:12px; }
.sy_modal_icon{
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #F3F4F6;
    border: 1px solid rgba(0,0,0,0.08);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#111827;
}
.sy_modal_title{
    font-size: 16px;
    font-weight: 700;
    color:#111;
    line-height: 1.1;
}
.sy_modal_subtitle{
    margin-top: 2px;
    font-size: 12px;
    color: rgba(0,0,0,0.55);
}
.sy_modal_close{
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #F3F4F6;
    border: 1px solid rgba(0,0,0,0.08);
    cursor: pointer;
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
}

.sy_modal_body{
    background:#fff;
    max-height: 60vh;
    overflow:auto;
}
.sy_rule_item{
    padding: 14px 18px;
    border-bottom: 1px solid rgba(0,0,0,0.10);
}
.sy_rule_item:last-child{ border-bottom: 0; }
.sy_rule_title{
    font-size: 14px;
    font-weight: 700;
    color:#111;
    margin-bottom: 4px;
}
.sy_rule_content{
    font-size: 13px;
    color: rgba(0,0,0,0.65);
    line-height: 1.5;
}
.sy_modal_empty{
    padding: 28px 18px;
    text-align:center;
    color: rgba(0,0,0,0.55);
}
.sy_modal_empty i{ font-size: 34px; opacity: 0.55; display:block; margin-bottom: 10px; }

.sy_modal_footer{
    padding: 14px 18px;
    background:#fff;
    border-top: 1px solid rgba(0,0,0,0.10);
    display:flex;
    justify-content:center;
}
.sy_modal_primary{
    padding: 10px 18px;
    border-radius: 10px;
    background: #111827;
    color:#fff;
    border: none;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    display:flex;
    align-items:center;
    gap: 8px;
}
.bg_bildirim_tabs{display:flex;border-bottom:1px solid rgba(0,0,0,0.08);background:#fafafa}
.bg_tab{flex:1;padding:12px 0;text-align:center;font-size:12px;font-weight:600;color:#888;cursor:pointer;transition:all 0.2s;border-bottom:2px solid transparent}
.bg_tab:hover{color:#333;background:rgba(0,0,0,0.02)}
.bg_tab_active{color:#111;border-bottom-color:#111}
.bg_tab i{margin-right:4px;font-size:11px}
.bg_form_group{margin-bottom:14px}
.bg_label{display:block;font-size:11px;font-weight:700;color:#555;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px}
.bg_label i{margin-right:4px;color:#888}
.bg_textarea_wrap{border:1.5px solid #e0e0e0;border-radius:10px;overflow:hidden;transition:border-color 0.2s}
.bg_textarea_wrap:focus-within{border-color:#333}
.bg_textarea{width:100%;min-height:80px;padding:12px;border:none;outline:none;font-size:14px;resize:none;font-family:inherit;box-sizing:border-box;background:transparent}
.bg_toolbar{display:flex;gap:6px;margin-bottom:14px}
.bg_tool_btn{position:relative;width:36px;height:36px;border-radius:8px;background:#f3f4f6;border:1px solid rgba(0,0,0,0.06);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;font-size:14px;transition:all 0.2s}
.bg_tool_btn:hover{background:#e8e8e8;color:#111}
.bg_actions{display:flex;gap:8px;margin-top:4px}
.bg_btn{flex:1;padding:11px 0;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}
.bg_btn_primary{background:#111827;color:#fff}
.bg_btn_primary:hover{background:#1f2937}
.bg_btn_warning{background:#f59e0b;color:#fff}
.bg_btn_warning:hover{background:#d97706}
.bg_file_preview{padding:10px;border:1px dashed #ddd;border-radius:8px;margin-top:8px}
.bg_delete_list{display:flex;flex-direction:column;gap:8px}
.bg_delete_item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(0,0,0,0.06);border-radius:10px;cursor:pointer;transition:all 0.2s}
.bg_delete_item:hover{background:#f8f8f8;border-color:rgba(0,0,0,0.12)}
.bg_delete_icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.bg_icon_blue{background:#eff6ff;color:#3b82f6}
.bg_icon_orange{background:#fff7ed;color:#f97316}
.bg_icon_red{background:#fef2f2;color:#ef4444}
.bg_delete_info{flex:1;min-width:0}
.bg_delete_title{font-size:13px;font-weight:700;color:#222}
.bg_delete_desc{font-size:11px;color:#888;margin-top:2px}
.bg_custom_select{position:relative;width:100%}
.bg_cs_selected{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1.5px solid #e0e0e0;border-radius:10px;cursor:pointer;background:#fff;transition:all 0.2s;user-select:none}
.bg_cs_selected:hover{border-color:#bbb}
.bg_cs_selected.bg_cs_open{border-color:#111;border-radius:10px 10px 0 0}
.bg_cs_text{font-size:13px;color:#222;font-weight:500}
.bg_cs_arrow{font-size:10px;color:#999;transition:transform 0.2s}
.bg_cs_open .bg_cs_arrow{transform:rotate(180deg);color:#111}
.bg_cs_dropdown{display:none;border:1.5px solid #111;border-top:none;border-radius:0 0 10px 10px;background:#fff;overflow:hidden}
.bg_cs_dropdown.bg_cs_show{display:block}
.bg_cs_search_wrap{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #f0f0f0;background:#fafafa}
.bg_cs_search_wrap i{font-size:11px;color:#aaa}
.bg_cs_search{flex:1;border:none;outline:none;font-size:12px;background:transparent;font-family:inherit;padding:4px 0}
.bg_cs_list{max-height:180px;overflow-y:auto;overscroll-behavior:contain}
.bg_cs_list::-webkit-scrollbar{width:4px}
.bg_cs_list::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}
.bg_cs_option{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;cursor:pointer;transition:background 0.15s;font-size:13px;color:#444}
.bg_cs_option:hover{background:#f5f5f5}
.bg_cs_active{background:#f0f7ff;color:#111;font-weight:600}
.bg_cs_active .bg_cs_check{display:inline-block;color:#3b82f6;font-size:11px}
.bg_cs_check{display:none}
.bg_cs_rank_name{flex:1}
.pb_popup_wrap{margin:-15px -15px 0 -15px}
.pb_popup_header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#111827;color:#fff}
.pb_popup_title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.pb_popup_title i{font-size:13px;opacity:0.7}
.pb_popup_right{display:flex;align-items:center;gap:10px}
.pb_countdown{background:rgba(255,255,255,0.15);padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;min-width:18px;text-align:center}
.pb_close_btn{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;font-size:13px}
.pb_close_btn:hover{background:rgba(255,255,255,0.25)}
.pb_popup_bar{height:3px;background:rgba(0,0,0,0.06);position:relative;overflow:hidden}
.pb_popup_bar_fill{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width 1s linear}
.pb_popup_body{max-height:60vh;overflow-y:auto;padding:4px 0}
.pb_card{background:#fff;border:1px solid rgba(0,0,0,0.06);border-radius:10px;padding:14px;margin:8px 12px;box-shadow:0 1px 4px rgba(0,0,0,0.03)}
.pb_badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;margin-bottom:8px}
.pb_badge i{font-size:9px}
.pb_badge_red{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}
.pb_badge_blue{background:#eff6ff;color:#3b82f6;border:1px solid #bfdbfe}
.pb_content{font-size:14px;color:#222;line-height:1.6;padding:6px 0;border-bottom:1px solid rgba(0,0,0,0.05);margin-bottom:8px;word-wrap:break-word}
.pb_content img.chat_image{max-width:100%;border-radius:8px;margin-top:6px}
.pb_sender{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 10px;border-radius:8px;background:#f8f9fa;transition:all 0.2s}
.pb_sender:hover{background:#f0f0f0}
.pb_avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(0,0,0,0.05)}
.pb_sender_info{min-width:0}
.pb_sender_name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb_sender_rank{font-size:10px;color:#888;margin-top:1px}
.pb_sender_star{margin-top:2px;display:flex}
.pb_sender_star svg{width:8px;height:8px}
.pb_date{font-size:10px;color:#aaa;margin-top:6px;display:flex;align-items:center;gap:4px}
.pb_date i{font-size:9px}
.pb_empty{text-align:center;padding:36px 20px;color:#aaa}
.pb_empty i{font-size:28px;display:block;margin-bottom:8px;opacity:0.5}
.pb_empty div{font-size:13px}