.admin_rank_edit_img {
    width: 40px;
    height: 40px;
}	
.okey_item_card{
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    overflow: hidden;
    margin: 8px 10px;
    padding: 12px 14px;
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015)),
        linear-gradient(180deg, rgba(20,22,28,0.96), rgba(14,16,22,0.92));
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow:
        0 10px 30px rgba(0,0,0,0.30),
        inset 0 1px 0 rgba(255,255,255,0.04);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        background .28s ease;
}

/* üstte hafif parlama */
.okey_item_card::before{
    content: "";
    position: absolute;
    top: 0;
    left: -30%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent);
    transform: skewX(-20deg);
    pointer-events: none;
    opacity: .65;
}

/* hover */
.okey_item_card:hover{
    transform: translateY(-3px) scale(1.005);
    border-color: rgba(67, 157, 255, 0.25);
    background:
        linear-gradient(135deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)),
        linear-gradient(180deg, rgba(26,29,36,0.98), rgba(17,19,25,0.95));
    box-shadow:
        0 18px 35px rgba(0,0,0,0.40),
        0 0 0 1px rgba(70,150,255,0.04) inset;
}

/* sol vurgu çizgisi */
.okey_item_card::after{
    content: "";
    position: absolute;
    left: 0;
    top: 14%;
    width: 4px;
    height: 72%;
    border-radius: 0 8px 8px 0;
    background: linear-gradient(180deg, rgba(0,168,255,0.10), rgba(0,168,255,0.55), rgba(0,168,255,0.10));
    opacity: 0;
    transition: opacity .25s ease;
}

.okey_item_card:hover::after{
    opacity: 1;
}

/* Kendi satırım */
.okey_me_highlight{
    background:
        radial-gradient(circle at top left, rgba(0,150,255,0.14), transparent 45%),
        linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015)),
        linear-gradient(180deg, rgba(25,30,40,0.98), rgba(16,20,28,0.94)) !important;
    border: 1px solid rgba(0,150,255,0.18) !important;
    box-shadow:
        0 16px 36px rgba(0,0,0,0.42),
        0 0 0 1px rgba(0,150,255,0.06) inset,
        0 0 18px rgba(0,150,255,0.08);
}

.okey_me_highlight::after{
    opacity: 1 !important;
    background: linear-gradient(180deg, #00c6ff, #0072ff);
}

/* Avatar alanı */
.okey_avatar_zone{
    position: relative;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
}

/* Avatar */
.okey_user_avatar{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow:
        0 8px 18px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.05);
    transition:
        transform .28s ease,
        filter .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.okey_item_card:hover .okey_user_avatar{
    transform: scale(1.04);
    filter: brightness(0.88) saturate(1.08);
    border-color: rgba(0,150,255,0.28);
    box-shadow:
        0 12px 22px rgba(0,0,0,0.35),
        0 0 0 1px rgba(0,150,255,0.07) inset;
}

/* silme overlay */
.okey_delete_overlay{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background:
        linear-gradient(180deg, rgba(255,75,75,0.90), rgba(220,30,30,0.88));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
    opacity: 0;
    visibility: hidden;
    transform: scale(.92);
    transition: all .22s ease;
    cursor: pointer;
    z-index: 5;
}

.okey_avatar_zone:hover .okey_delete_overlay{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.okey_delete_overlay i{
    font-size: 18px;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0,0,0,0.35);
}

/* kullanıcı bilgi */
.okey_user_details{
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* kullanıcı adı */
.okey_user_name{
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 2px rgba(0,0,0,0.35);
}

/* skor alanı */
.okey_score_box{
    flex: 0 0 auto;
    text-align: right;
    margin-left: 10px;
    padding-left: 14px;
    border-left: 1px solid rgba(255,255,255,0.07);
    position: relative;
}

.okey_score_value{
    display: block;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.4px;
    font-family: "Inter", "Segoe UI", "Consolas", monospace;
    text-shadow: 0 1px 2px rgba(0,0,0,0.28);
}

.okey_score_label{
    display: block;
    margin-top: 4px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: .75;
}

/* sıra numarası */
.okey_rank_number{
    position: absolute;
    left: 12px;
    top: 10px;
    min-width: 26px;
    height: 26px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    font-style: normal;
    line-height: 1;
    letter-spacing: .3px;
    pointer-events: none;
    z-index: 3;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.14);
    background:
        linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0.05));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow:
        0 8px 18px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.06);
    text-shadow: 0 1px 2px rgba(0,0,0,0.35);
}


.main-menu-button {
	display: table-cell;
	vertical-align: middle;
	height: 60px;
	padding: 0 12px;
	border-left: 2px solid rgb(255 255 255 / 10%);
	cursor: pointer;
}

.mobile-messages-buttons-wrapper,
.mobile-messages-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none !important;
}
.mobile-messages-buttons-wrapper {
  overflow-y: auto !important;
  bottom: 48px;
}
.mobile-messages-right-buttons {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 36px;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  background: #fff;
  color: #555;
  pointer-events: all;
  text-align: center;
  box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, .2), 0 0 0 1px #eee !important;
  z-index: 2;
}
.mobile-messages-right-button {
  position: relative;
  height: 45px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.mobile-messages-right-button:hover {
  background: rgba(0, 0, 0, 0.07);
}
.dark .mobile-messages-right-button:hover {
  background: hsla(0, 0%, 100%, 0.07);
}
.dark .mobile-messages-right-button {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.07);
}
.mobile-messages-right-button:last-child {
  border-bottom: none;
}
.mobile-messages-right-button .icon {
  width: 36px;
  height: 36px;
  font-size: 0.7rem;
  line-height: 36px;
  text-align: center;
}
.mobile-messages-right-button .icon.expanded-icon {
  height: 48px;
  line-height: 48px;
}
.dark .mobile-messages-right-buttons {
  background: #151f2b;
  color: #fff;
  box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px hsla(0, 0%, 100%, 0.2) !important;
}
.menu-badge {
  position: absolute;
  bottom: 6px;
  font-size: 6px;
  padding: 2px 4px;
  background: none;
  border: none;
  background: rgba(0, 0, 0, 0.07);
  border-radius: 0.5rem;
  -webkit-transform: none;
  transform: none;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  text-align: center;
}
.chat_verify {
    font-size: 7px;
    color: #ff0000;
    vertical-align: initial;
    text-shadow: none;
    position: absolute;
    top: 29px;
    left: 27px;
}
#main_input_room_call{
  width: auto;
  position: absolute;
  bottom: 0;
  left: auto;
  right: 65px; 
  z-index: 100;
  padding: 5px;
  display: none;
  border-radius: 5px;
  max-width: calc(100% - 10px);
  margin: 5px;
}
.mic-panel,
.mic-panel *{ box-sizing:border-box; }
.sub_options_mic{
  width:100%;
  min-width:145px;
  height:48px;
  margin:6px 2px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  user-select:none;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  box-shadow: 0 8px 18px rgba(0,0,0,.14);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease;
}
.sub_options_mic:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 10px 22px rgba(0,0,0,.16);
}
.sub_options_mic:active{ transform: translateY(0); }
.sub_options_mic img{ width:22px; height:22px; flex:0 0 22px; }
.sub_options_mic .sub_txt_mic{
  flex:1 1 auto;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:.92;
}
.mic-panel-wrap,
.mic-panel-holder,
.mic-panel-container{ background: transparent !important; }
.mic-panel{
  position:relative;
  z-index:50;
  width: fit-content !important;
  max-width: calc(100% - 24px) !important;
  margin:-1px auto !important;
  padding:10px 10px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:16px;
  background: rgba(10,12,16,.72) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 14px 38px rgba(0,0,0,.45) !important;
  overflow:hidden;
  contain: layout paint;
  -webkit-backdrop-filter: blur(14px) saturate(110%);
  backdrop-filter: blur(14px) saturate(110%);
}
.mic-panel::before{ content:none !important; }
.mic-center{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:4px 6px;
  max-width: calc((36px * 10) + (10px * 9));
  overflow:hidden;
  margin:0 auto;
}
.mic-center .mic-seat:nth-child(n + 11){ display:none !important; }
.mic-seat{
  position:relative;
  width:36px;
  height:36px;
  min-width:36px;
  border-radius:999px;
  cursor:pointer;
  user-select:none;
  overflow: visible !important;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 8px 16px rgba(0,0,0,.36) !important;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
}
.mic-seat:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 12px 22px rgba(0,0,0,.42) !important;
}
.mic-seat-inner{
  width:100%;
  height:100%;
  border-radius:999px;
  overflow:hidden;
  position:relative;
  display:grid;
  place-items:center;
}
.mic-seat-img,
.mic-seat-fallback img{
  width:100%;
  height:100%;
  display:block;
  border-radius:999px !important;
  object-fit:cover;
}
.mic-seat.empty{ background: rgba(255,255,255,.04) !important; }
.mic-seat.empty img{
  width:18px;
  height:18px;
  opacity:.9;
}
.mic-speaking-under{
  position:absolute;
  left:50%;
  bottom:-16px;
  transform: translateX(-50%);
  width:26px;
  height:16px;
  border-radius:999px;
  background: rgba(34,197,94,.10);
  border: 1px solid rgba(34,197,94,.22);
  box-shadow: 0 8px 16px rgba(0,0,0,.28);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:5;
}
.mic-seat.speaking{
  border-color: rgba(34,197,94,.30) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.44), 0 0 0 3px rgba(34,197,94,.07) !important;
}
.mic-seat.speaking .mic-speaking-under{ display:flex; }
.mic-speaking-bars{ display:flex; gap:2px; align-items:flex-end; height:10px; }
.mic-speaking-bars i{
  display:block;
  width:2px;
  height:3px;
  border-radius:2px;
  background: rgba(34,197,94,.92);
  animation: micWave .55s infinite ease-in-out;
}
.mic-speaking-bars i:nth-child(2){ animation-delay:.12s; }
.mic-speaking-bars i:nth-child(3){ animation-delay:.24s; }
@keyframes micWave{
  0%,100%{ transform: scaleY(.35); opacity:.65; }
  50%{ transform: scaleY(1.25); opacity:1; }
}
.mic-leave-under{
  position:absolute !important;
  left:50% !important;
  bottom:-10px !important;
  transform: translateX(-50%) !important;
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(239,68,68,.28) !important;
  background: rgba(239,68,68,.12) !important;
  box-shadow: 0 8px 16px rgba(0,0,0,.30) !important;
  z-index:10 !important;
}
.mic-leave-under:hover{ background: rgba(239,68,68,.18) !important; }
.mic-leave-icon{ width:14px !important; height:14px !important; display:block !important; }
.mic-modal-overlay{
  position:fixed;
  inset:0;
  background: rgba(0,0,0,.55);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:999999;
  opacity:0;
  pointer-events:none;
  transition: opacity .12s ease;
}
.mic-modal-overlay.shown{ opacity:1; pointer-events:auto; }
.mic-modal{
  width: min(420px, calc(100% - 24px));
  background: rgba(12,14,18,.94);
  color:#e5e7eb;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  overflow:hidden;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.mic-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mic-modal-title{ font-weight:900; letter-spacing:.2px; }
.mic-modal-x{
  width:34px; height:34px;
  border:0;
  border-radius:10px;
  background: rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
}
.mic-modal-x:hover{ background: rgba(255,255,255,.12); }
.mic-modal-body{ padding:14px; }
.mic-modal-label{ display:block; font-size:13px; opacity:.9; margin-bottom:8px; }
.mic-modal-select{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  color:#e5e7eb;
  outline:none;
}
.mic-modal-select:focus{
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 0 0 3px rgba(255,255,255,.06);
}
.mic-modal-hint{ margin-top:10px; font-size:12px; opacity:.72; }
.mic-modal-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:14px;
}
.mic-modal-btn{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  font-weight:800;
}
.mic-modal-btn:hover{ background: rgba(255,255,255,.12); }
.mic-modal-btn.secondary{ background: rgba(255,255,255,.05); }
.mic-live-modal-overlay{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background: rgba(0,0,0,.60);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.mic-live-modal-overlay.shown{ display:flex; }
.mic-live-modal{
  width: min(420px, calc(100% - 24px));
  border-radius:16px;
  overflow:hidden;
  background: rgba(12,14,18,.96);
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 24px 80px rgba(0,0,0,.65);
}
.mic-live-modal-header{
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.mic-live-modal-title{ font-weight:900; letter-spacing:.2px; color: rgba(255,255,255,.95); }
.mic-live-modal-body{
  padding:14px 16px;
  color: rgba(255,255,255,.78);
  font-size:14px;
  line-height:1.45;
}
.mic-live-modal-actions{
  display:flex;
  gap:10px;
  padding:14px 16px 16px;
  border-top:1px solid rgba(255,255,255,.06);
}
.mic-live-btn{
  height:42px;
  border-radius:12px;
  padding:0 14px;

  cursor:pointer;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  font-weight:800;
}
.mic-live-btn:hover{ background: rgba(255,255,255,.10); }
.mic-live-btn.primary{
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
}
@media (max-width:520px){
  .mic-panel{
    width: calc(90% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin: 0px auto !important;
    padding: 8px 8px 14px;
  }
  .mic-center{
    flex:1 1 auto;
    min-width:0;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width:none;
    justify-content:center !important;
    gap:7px;
  }
  .mic-center::-webkit-scrollbar{ display:none; }
  .mic-seat{ width:26px; height:26px; min-width:26px; }
  .mic-speaking-under{ bottom:4px !important; width:24px !important; height:14px !important; }
  .mic-leave-under{ bottom:3px !important; width:20px !important; height:20px !important; }
  .mic-leave-icon{ width:13px !important; height:13px !important; }
}
.ig-create-post{
  border-radius:16px;
  margin:12px 12px;
  border:1px solid rgba(0,0,0,.08);
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.ig-create-header{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 14px 10px;
}

.ig-create-avatar{
  width:40px;
  height:40px;
  border-radius:999px;
  object-fit:cover;
  border:2px solid rgba(0,0,0,.06);
  flex-shrink:0;
  box-shadow:0 6px 16px rgba(0,0,0,.10);
}

.ig-create-input-wrap{
  flex:1;
  min-width:0;
}
textarea{
  border:3px dashed #999;
  outline:none;
}

.ig-create-textarea{
  width:100%;
  min-height:44px;
  max-height:140px;
  resize:none;
  font-size:14px;
  line-height:1.55;
  padding:10px 12px;
  border-radius:12px;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ig-create-textarea::placeholder{
  color:rgba(17,24,39,.45);
}

.ig-create-textarea:focus{
  box-shadow:0 0 0 4px rgba(0,149,246,.12);
}

.ig-create-preview{
  padding:10px 14px;
  border-top:1px solid rgba(0,0,0,.06);
}
.ig-create-emoji{
  padding:10px 12px;
  border-top:1px solid rgba(0,0,0,.06);
  max-height:220px;
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(10, minmax(0, 1fr));
  gap:8px;
  scrollbar-width:thin;
}

.ig-create-emoji::-webkit-scrollbar{ width:10px; height:10px; }
.ig-create-emoji::-webkit-scrollbar-track{ background:transparent; }
.ig-create-emoji::-webkit-scrollbar-thumb{
  border-radius:999px;
  border:3px solid #fafafa;
}
.ig-create-emoji::-webkit-scrollbar-thumb:hover{ background:rgba(0,0,0,.28); }

.ig-create-emoji .emoticon{
  width:100%;
  aspect-ratio:1/1;
  height:auto;
  float:none;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  cursor:pointer;
  transition:transform .12s ease, background .2s ease, box-shadow .2s ease;
}

.ig-create-emoji .emoticon:hover{
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  transform:translateY(-1px);
}

.ig-create-emoji .emoticon:active{
  transform:translateY(0);
  box-shadow:none;
}

.ig-create-emoji .emoticon img{
  height:24px;
  width:24px;
  object-fit:contain;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));
}

.ig-create-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  border-top:1px solid rgba(0,0,0,.06);
  flex-wrap:wrap;
  gap:10px;
}

.ig-create-tools{
  display:flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
}
.ig-tool-btn{
  width:36px;
  height:36px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform .12s ease, background .2s ease, box-shadow .2s ease, color .2s ease;
  position:relative;
  border:1px solid rgba(0,0,0,.06);
  backdrop-filter:saturate(140%) blur(6px);
}

.ig-tool-btn:hover{
  box-shadow:0 10px 22px rgba(0,0,0,.10);
  transform:translateY(-1px);
}

.ig-tool-btn:active{
  transform:translateY(0);
  box-shadow:none;
}
.ig-tool-btn i{
  font-size:16px;
}
.ig-tool-btn input[type="file"]{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.ig-tool-btn.top-liked-icon i{
  filter:drop-shadow(0 2px 6px rgba(255,59,107,.25));
}

.ig-post-btn{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border:none;
  border-radius:12px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .2s ease, filter .2s ease;
  box-shadow:0 10px 22px rgba(0,149,246,.22);
}
.ig-post-btn:hover{
  filter:saturate(115%) brightness(1.02);
  box-shadow:0 14px 28px rgba(0,149,246,.28);
  transform:translateY(-1px);
}
.ig-post-btn:active{
  transform:translateY(0);
  box-shadow:0 8px 18px rgba(0,149,246,.22);
}
.ig-post-btn i{
  font-size:12px;
}
@media (max-width:520px){
  .ig-create-post{ margin:10px 10px; border-radius:14px; }
  .ig-create-header{ padding:12px; gap:10px; }
  .ig-create-avatar{ width:38px; height:38px; }
  .ig-create-emoji{ grid-template-columns:repeat(8, minmax(0, 1fr)); }
}
@media (max-width:380px){
  .ig-create-emoji{ grid-template-columns:repeat(7, minmax(0, 1fr)); }
  .ig-tool-btn{ width:34px; height:34px; }
  .ig-post-btn{ width:100%; justify-content:center; }
}






































#wall_file, #news_file{
  -webkit-appearance:none;
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  cursor:pointer;
  padding:0 !important;
}
.like_icon, .comment_icon{
  width:20px;
  height:20px;
  display:inline-block;
  vertical-align:middle;
  margin-top:-2px;
}
.wlike_icon{
  width:20px;
  height:20px;
  vertical-align:middle;
}
.plike_text{ vertical-align:middle; }
.post_menu{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:220px;
  text-align:left;
  z-index:10;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  overflow:hidden;
}
.post_menu_item{
  padding:10px 12px;
  cursor:pointer;
  transition:background .2s ease;
}
.post_element .emo_chat{ height:18px; }
@media (max-width:520px){
  .reply_item{ padding:10px; border-radius:12px; }
  .reply_avatar{ width:38px; padding-right:8px; }
  .reply_avatar img{ width:34px; height:34px; }
  .post_video{ height:220px; }
}
.more_comment{
  cursor:pointer;
  display:inline-block;
  padding:8px 10px;
  border-radius:999px;
   border:1px solid rgba(255,255,255,.10);
   transition:transform .12s ease, background .2s ease, border-color .2s ease;
}
.more_comment:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.16);
  text-decoration:none;
}
.post_image{
  display:table;
  table-layout:fixed;
  width:100%;
  margin:10px 0;
}
.post_image img{
  max-width:100%;
  max-height:350px;
  width:auto;
  height:auto;
  border-radius:14px;
  display:block;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.post_audio{ margin:10px 0; }
.post_audio audio{
  width:100%;
  border-radius:12px;
  outline:none;
}
.post_video{
  width:100%;
  height:250px;
  margin:10px 0;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.post_video video{
  height:100%;
  width:100%;
  max-width:100%;
  display:block;
  object-fit:cover;
}
.post_audio_save, .post_video_save, .post_zip{
  width:100%;
  height:60px;
  margin:10px 0;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}
.post_audio_save img, .post_video_save img, .post_zip img{
  height:100%;
  display:block;
}
.add_comment_zone{ clear:both; }
.add_comment{
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
}
.post_input_container{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
}
.panel_wrap{ padding:15px 15px 30px 15px; }
.up_data{ display:inline-block; position:relative; }
.up_file{ display:table; position:relative; table-layout:fixed; width:100%; }
.up_file_content{ display:table-cell; position:relative; }
.show_reply{
  height:auto;
  overflow:hidden;
  margin-bottom:10px;
}
.like_count:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.18);
}
.like_count{
  float:left;
  cursor:pointer;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  transition:transform .12s ease, background .2s ease, border-color .2s ease;
}
.comment_count,
.do_comment{
  cursor:pointer;
  user-select:none;
  transition:opacity .2s ease, transform .12s ease;
}
.reply_delete{
  text-align:center;
  width:34px;
  cursor:pointer;
  vertical-align:top;
}
.reply_delete i,
.reply_delete span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
 transition:transform .12s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.reply_delete:hover i,
.reply_delete:hover span{
  transform:translateY(-1px);
   border-color:rgba(255,255,255,.18);
}
.reply_content{
  display:table-cell;
  vertical-align:top;
  padding:0 8px 0 0;
  font-size:13.5px;
  line-height:1.45;
}
.reply_content img{
  max-height:160px;
  max-width:100%;
  border-radius:12px;
  display:block;
  margin-top:8px;
  border:1px solid rgba(255,255,255,.10);
}
.reply_avatar{
  display:table-cell;
  vertical-align:top;
  width:40px;
  padding-right:10px;
}
.reply_avatar img{
  width:36px;
  height:36px;
  border-radius:50%;
  display:block;
  cursor:pointer;
  border:2px solid rgba(255,255,255,.14);
  box-shadow:0 10px 18px rgba(0,0,0,.22);
  transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.reply_avatar img:hover{
  transform:scale(1.04);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 14px 24px rgba(0,0,0,.28);
}
.reply_item:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 44px rgba(0,0,0,.26);
  border-color:rgba(255,255,255,.16);
}
.reply_item{
  display:table;
  table-layout:fixed;
  width:100%;
  word-wrap:break-word;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  transition:transform .14s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  margin:8px 0;
  position:relative;
  overflow:hidden;
}
.post_element{
  height:auto;
  padding:12px 12px;
  margin:10px auto 0;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  transition:transform .14s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  position:relative;
  overflow:hidden;
}
.post_element:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 44px rgba(0,0,0,.26);
  border-color:rgba(255,255,255,.16);
 }

/* ÜST SATIR */
.post_title{
  display:table;
  table-layout:fixed;
  width:100%;
}
.post_avatar{
  display:table-cell;
  vertical-align:middle;
  width:44px; 
  padding-right:10px;
}
.post_avatar img{
  width:40px;
  height:40px;
  border-radius:50%;
  display:block;
  cursor:pointer;
  border:2px solid rgba(255,255,255,.14);
  box-shadow:0 10px 20px rgba(0,0,0,.22);
  transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.post_avatar img:hover{
  transform:scale(1.04);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 14px 26px rgba(0,0,0,.28);
}

/* İÇERİK */
.post_content{
  display:table;
  table-layout:fixed;
  width:100%;
   word-wrap:break-word;
  line-height:1.45;
  font-size:13.5px;
  }
.post_content img{
  max-width:100%;
  height:auto;
  border-radius:12px;
  display:block;
  margin-top:8px;
  border:1px solid rgba(255,255,255,.10);
}

/* ALT KONTROL ÇUBUĞU */
.post_control{
  display:table;
  table-layout:fixed;
  width:90%;
  padding:8px 0 0;
  border-top:1px solid rgba(255,255,255,.10);
  margin-top:8px;
}

/* SAĞ ÜST / MENÜ / DÜZENLE */
.post_edit{
  cursor:pointer;
  width:40px;
  font-size:16px;
  position:relative;
  text-align:center;
  border-radius:12px;
  padding:8px 0;
  border:1px solid rgba(255,255,255,.10);
  transition:transform .12s ease, background .2s ease, border-color .2s ease, color .2s ease;
  user-select:none;

  /* ÖNEMLİ: videonun arkasında kalmasın */
  z-index: 9999;
  isolation: isolate; /* bazen video/iframe stacking sorunlarını çözer */
}

.post_edit:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.18);
}

/* 3 nokta */
.post_edit:before{
  display:inline-block;
  line-height:1;
  font-weight:900;
  position:relative;
  z-index: 1;
}

/* Eğer post_edit'in üstünde görünmeyen bir katman varsa */
.post_edit{ pointer-events:auto; }

/* Küçük ekranlarda sıkışmayı azalt */
@media (max-width:520px){
  .post_element{ padding:10px; border-radius:12px; }
  .post_avatar{ width:42px; padding-right:8px; }
  .post_avatar img{ width:38px; height:38px; }
}
.small_button, .reg_button, .mod_button, .modr_button, .button, .tbutton,
.tiny_button, .micro_button, .thin_button, .macro_button, .card_button,
.large_button, .small_button_rounded, .large_button_rounded,
.panel_full_btn,  .count_button, .round_button{
  align-items:center;
  justify-content:center;
  gap:8px;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
  border:3px solid rgba(255,255,255,.12);
  box-shadow:
    0 10px 24px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.10);
  transition:
    transform .12s ease,
    background .20s ease,
    border-color .20s ease,
    box-shadow .20s ease,
    filter .20s ease;
}
.small_button:hover, .reg_button:hover, .mod_button:hover, .modr_button:hover, .button:hover, .tbutton:hover,
.tiny_button:hover, .micro_button:hover, .thin_button:hover, .macro_button:hover, .card_button:hover,
.large_button:hover, .small_button_rounded:hover, .large_button_rounded:hover,
.panel_full_btn:hover,  .count_button:hover, .round_button:hover{
  border-color: rgba(255,255,255,.16);
  transform: translateY(-1px);
  box-shadow:
    0 16px 34px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.small_button:active, .reg_button:active, .mod_button:active, .modr_button:active, .button:active, .tbutton:active,
.tiny_button:active, .micro_button:active, .thin_button:active, .macro_button:active, .card_button:active,
.large_button:active, .small_button_rounded:active, .large_button_rounded:active,
.panel_full_btn:active,  .count_button:active, .round_button:active{
  transform: translateY(0);
  filter: brightness(.98);
  box-shadow:
    0 10px 24px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.small_button:focus-visible, .reg_button:focus-visible, .mod_button:focus-visible, .modr_button:focus-visible, .button:focus-visible, .tbutton:focus-visible,
.tiny_button:focus-visible, .micro_button:focus-visible, .thin_button:focus-visible, .macro_button:focus-visible, .card_button:focus-visible,
.large_button:focus-visible, .small_button_rounded:focus-visible, .large_button_rounded:focus-visible,
.panel_full_btn:focus-visible,  .count_button:focus-visible, .round_button:focus-visible{
  outline:2px solid rgba(3,173,216,.35);
  outline-offset:2px;
}
.small_button[disabled], .reg_button[disabled], .mod_button[disabled], .modr_button[disabled], .button[disabled], .tbutton[disabled],
.tiny_button[disabled], .micro_button[disabled], .thin_button[disabled], .macro_button[disabled], .card_button[disabled],
.large_button[disabled], .small_button_rounded[disabled], .large_button_rounded[disabled],
.panel_full_btn[disabled],  .count_button[disabled], .round_button[disabled],
.small_button.disabled, .reg_button.disabled, .mod_button.disabled, .modr_button.disabled, .button.disabled, .tbutton.disabled,
.tiny_button.disabled, .micro_button.disabled, .thin_button.disabled, .macro_button.disabled, .card_button.disabled,
.large_button.disabled, .small_button_rounded.disabled, .large_button_rounded.disabled,
.panel_full_btn.disabled,  .count_button.disabled, .round_button.disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none !important;
  box-shadow:none;
}
.btn_ellips{ max-width:120px;  text-overflow:ellipsis; white-space:nowrap; }
.full_button{ width:100%; text-align:center; }
.button_half{ width:49%; text-align:center; }
.button_left{ float:left; }
.button_right{ float:right; }
.button{ padding:10px; }
.tbutton{ padding:8px 10px; }
.macro_button{ padding:2px 8px; margin:2px 0 0 0; font-size:11px; min-width:20px; }
.micro_button{ padding:3px 8px; margin:2px 0 0 0; font-size:12px; min-width:20px; }
.count_button{ padding:2px 6px; font-size:11px; border-radius:50px; }
.tiny_button{ padding:3px 10px; margin:5px 0 0 0; min-width:40px; }
.thin_button{ padding:5px 10px; min-width:100px; }
.reg_button{ padding:10px; min-width:100px; }
.card_button{ padding:8px 10px; min-width:100px; max-width:100px; }
.mod_button{ padding:8px 10px; min-width:100px; margin:0 0 5px 0; }
.modr_button{ padding:8px 10px; margin:0 0 5px 0; }
.small_button{ padding:8px 10px; min-width:50px; }
.large_button{ padding:10px 20px; border-radius:12px; min-width:200px; font-size:16px; }
.small_button_rounded{ padding:8px 12px; border-radius:999px; }
.large_button_rounded{ padding:12px 20px; border-radius:999px; font-size:16px; min-width:200px; margin-top:5px; }
.small_button, .reg_button, .mod_button, .modr_button, .button, .tbutton, .tiny_button, .micro_button, .thin_button, .macro_button, .card_button{ border-radius:12px; }
.panel_full_btn{ padding:10px; }
.rounded_button{ border-radius:999px; }
.round_button{
  width:56px;
  height:56px;
  border-radius:50%;
  padding:0;
}
.small_modal_out, .large_modal_out,
.over_modal_out, .over_emodal_out,
.top_modal_out{
  display:none;
  position:fixed;
  left:0; top:0;
  width:100%; height:100%;
  overflow:auto;
  cursor:pointer;
  z-index: 1000;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.small_modal_out.show, .large_modal_out.show,
.over_modal_out.show, .over_emodal_out.show,
.top_modal_out.show{
  opacity:1;
}
.small_modal_in, .large_modal_in,
.over_modal_in, .top_modal_in, .over_emodal_in{
  position:relative;
  width:min(96%, 520px);
  margin: min(6vh, 60px) auto;
  border-radius:22px;
  cursor:auto;
  
   box-shadow:
    0 22px 70px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.08);
  transform: translateY(10px) scale(.985);
  opacity:0;
  animation: modalIn .20s ease-out forwards;
}
@keyframes modalIn{
  to{ transform: translateY(0) scale(1); opacity:1; }
}
.small_modal_in{ max-width:420px; }
.large_modal_in{ max-width:560px; }
.over_modal_in, .top_modal_in, .over_emodal_in{ max-width:560px; }
.modal_top{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.modal_top_text{
  flex:1;
  font-size:14px;
  font-weight:800;
}
.modal_top_empty{
  font-size:13px;
  padding:0;
}
.modal_top_element{
  width:40px; height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
   transition: transform .12s ease, background .2s ease, border-color .2s ease;
}
.modal_top_element:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.16);
}
.avatar_top_mod{
  width:42px; height:42px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.avatar_top_mod img{
  width:42px; height:42px;
  border-radius:50%;
  display:block;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
}
.avatar_top_name{
  font-size:13px;
  font-weight:900;
  padding:0;
}
.modal_pad{
  padding:18px 18px 18px 18px;
 }
.modal_title{
  font-size:15px;
  font-weight:900;
  padding:6px 0 12px 0;
  letter-spacing:.2px;
}
.modal_control{
  padding-top:14px;
  padding-bottom:6px;
}

.modal_user{
  margin-top:0;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  gap:10px;
}
.modal_user_avatar{
  width:42px;
  height:42px;
}
.modal_user_avatar img{
  width:42px;
  height:42px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
}
@media (max-width:560px){
  .small_modal_in, .large_modal_in, .over_modal_in, .top_modal_in, .over_emodal_in{
    margin: 12px auto;
    border-radius:18px;
  }
  .modal_top{ padding:12px 12px; }
  .modal_pad{ padding:14px 14px 14px 14px; }
}
.cookie_wrap{
  position:fixed;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  width:min(920px, calc(100% - 28px));
  z-index:9999;
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-radius:18px;
 backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 18px 55px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.10);
 animation:cookieIn .22s ease-out both;
}
@keyframes cookieIn{
  from{ opacity:0; transform:translateX(-50%) translateY(10px); }
  to{ opacity:1; transform:translateX(-50%) translateY(0); }
}
.cookie_img{
  flex:0 0 auto;
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
 border:10px solid rgba(255,255,255,.10);
}
.cookie_img img{
  width:28px;
  height:28px;
  display:block;
  object-fit:contain;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,.35));
}
.cookie_text{
  flex:1 1 auto;
  padding:0;
  font-size:13px;
  line-height:1.35;
}
.cookie_text b,
.cookie_text strong{
  font-weight:800;
}
.cookie_text a{
  text-decoration:none;
  border-bottom:1px dashed rgba(255,255,255,.35);
}
.cookie_text a:hover{
  border-bottom-color:rgba(255,255,255,.65);
}
.cookie_button{
  flex:0 0 auto;
  width:auto;
  padding:0;
  display:flex;
  gap:10px;
  align-items:center;
}
.cookie_button .cookie_btn,
.cookie_button button,
.cookie_button a{
  appearance:none;
  border:1px solid rgba(255,255,255,.12);
  padding:10px 12px;
  border-radius:14px;
  font-weight:800;
  font-size:12px;
  cursor:pointer;
  text-decoration:none;
  transition: transform .12s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
  white-space:nowrap;
}
.cookie_button .cookie_btn:hover,
.cookie_button button:hover,
.cookie_button a:hover{
  border-color:rgba(255,255,255,.18);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
}
.cookie_button .cookie_btn:active,
.cookie_button button:active,
.cookie_button a:active{
  transform: translateY(0);
}
@media (max-width: 560px){
  .cookie_wrap{
    flex-wrap:wrap;
    gap:10px;
    padding:12px 12px;
    border-radius:16px;
  }
  .cookie_img{ width:42px; height:42px; border-radius:13px; }
  .cookie_text{ flex:1 1 100%; }
  .cookie_button{ width:100%; justify-content:flex-end; }
}
.chat_avatar{
  display:table-cell;
  width:48px;
  vertical-align:top;
  position:relative;
  padding-top:2px;
}
.cavatar{
  width:40px;
  height:40px;
  border-radius:50%;
  display:block;
  
  cursor:pointer;
  object-fit:cover;
  border:2px solid rgba(255,255,255,.10);
  box-shadow:0 10px 18px rgba(0,0,0,.22);
  transition:transform .14s ease, border-color .18s ease;
}
#show_chat li:hover .cavatar{
  transform:scale(1.02);
  border-color:rgba(120,180,255,.28);
}
.my_text{
  display:table-cell;
  vertical-align:top;
  padding:0 0 0 10px;
  position:relative;
  min-width:0;
}
.topic_text{
  display:table-cell;
  vertical-align:top;
  padding:0 10px;
  position:relative;
  min-width:0;
}
.my_text .username{
  font-size:12px;
  font-weight:700;
  letter-spacing:.2px;
  opacity:.95;
}
#show_chat li{
  position:relative;
  padding:6px 8px;
  margin:2px 0;
  border-radius:14px;
  transition:background .15s ease;
}
.chat_image{
  max-width:100%;
  width:auto;
  height:110px;
  object-fit:cover;
  margin:6px 0 0 0;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 26px rgba(0,0,0,.22);
}
#show_chat ul{
  position:absolute;
  bottom:10px;
  max-height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  padding-bottom:14px;
  scrollbar-width:thin;
}
#show_chat ul::-webkit-scrollbar{ width:10px; }
#show_chat ul::-webkit-scrollbar-track{ background:transparent; }
#show_chat ul::-webkit-scrollbar-thumb{ border-radius:999px; }
.sys_log{
  margin: auto !important;
  margin-bottom: 8px !important;
  width: auto;
  display: table;
  max-width: 80%;
  min-width: 200px !important;
  clear: both !important;
  text-align: center !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  letter-spacing: .6px !important;
  line-height: 1.35 !important;
  border: 2px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.user_item{
  position:relative;
  display:table;
  table-layout:fixed;
  width:100%;
  cursor:pointer;
  padding:8px 10px;
  border-radius:14px;
  border:2px solid rgba(255,255,255,.06);
  transition: transform .12s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
  
}
.user_item:hover{
  border-color:rgba(255,255,255,.10);
  box-shadow:0 10px 26px rgba(0,0,0,.18);
  transform:translateY(-1px);
}
.user_item_avatar{
  display:table-cell;
  vertical-align:middle;
  width:44px;
  position:relative;
}
.user_item_avatar .acav{
  width:40px;
  height:40px;
  border-radius:50%;
  display:block;
  cursor:pointer;
  object-fit:cover;
  border:2px solid rgba(255,255,255,.10);
  box-shadow:0 10px 18px rgba(0,0,0,.22);
  transition: transform .16s ease, border-color .18s ease;
}
.user_item:hover .user_item_avatar .acav{
  transform:scale(1.02);
  border-color:rgba(120,180,255,.28);
}
.user_item_data,
.user_item_name{
  display:table-cell;
  vertical-align:middle;
  
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:0 10px;
}
.list_mood{
  font-size:11px;
  opacity:.85;
  text-overflow:ellipsis;
  white-space:nowrap;
  
}
.user_item_icon{
  display:table-cell;
  vertical-align:middle;
  width:28px;
  text-align:center;
  font-size:15px;
  opacity:.9;
}
.user_item_option{
  width:44px;
  text-align:center;
  font-size:18px;
  vertical-align:middle;
  display:table-cell;
}
.user_item_option > i,
.user_item_option > span{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  transition: transform .12s ease, background .18s ease, border-color .18s ease;
}
.user_item:hover .user_item_option > i,
.user_item:hover .user_item_option > span{
  border-color:rgba(255,255,255,.12);
  transform:translateY(-1px);
}
.user_item_option > i:active,
.user_item_option > span:active{
  transform:translateY(0) scale(.98);
}
.user_item_div{
  width:60px;
  text-align:center;
  font-size:18px;
  vertical-align:middle;
  display:table-cell;
}
.user_item_flag{
  width:28px;
  text-align:center;
  vertical-align:middle;
  display:table-cell;
}
.user_item_flag img{
  width:20px;
  height:auto;
  display:inline-block;
  margin:0 auto;
  border-radius:4px;
  box-shadow:0 6px 12px rgba(0,0,0,.18);
}
.list_status{
  position:absolute;
  left:28px;
  bottom:2px;
  width:14px;
  height:14px;
  border-radius:50%;
  padding:2px;
  box-sizing:border-box;
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}
.list_status .dot{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  background:#95a5a6;
}
.list_status .dot.online{ background:#2ecc71; }
.list_status .dot.busy{ background:#e74c3c; }
.list_status .dot.away{ background:#f1c40f; }
.list_flag{ height:13px; width:auto; border-radius:3px; }
.list_rank,
.list_mute,
.list_mob,
.list_ghost{ height:15px; width:auto; display:inline-block; }
@media (max-width:420px){
  .user_item{ padding:7px 8px; border-radius:12px; }
  .user_item_avatar{ width:42px; }
  .user_item_avatar .acav{ width:38px; height:38px; }
  .user_item_data, .user_item_name{ padding:0 8px; }
  .user_item_div{ width:52px; }
}




.yetki_stepper{display:flex;align-items:center;gap:10px;margin:2px 0 14px 0;}
.yetki_step{display:flex;align-items:center;gap:10px;width:100%;}
.yetki_circle{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;flex:0 0 auto;border:2px solid rgba(0,0,0,.18);background:#fff;color:rgba(0,0,0,.55)}
.yetki_line{height:2px;flex:1;background:rgba(0,0,0,.12);border-radius:10px}
.yetki_done .yetki_circle,
.yetki_active .yetki_circle{background:#0aa37f;border-color:#0aa37f;color:#fff}
.yetki_done .yetki_line{background:#0aa37f}
.yetki_active .yetki_line{background:rgba(0,0,0,.12)}
.yetki_radio_group{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.yetki_radio_item{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px;
  border:2px solid #e7e7e7;
  border-radius:12px;
  cursor:pointer;
  user-select:none;
  transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}
.yetki_radio_item:active{ transform: scale(.997); }
.yetki_radio_left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.yetki_radio_title{
  font-weight:600;
  font-size:15px;
  white-space:nowrap;
  
  text-overflow:ellipsis;
}
.yetki_badge{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}
.yetki_radio_input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.yetki_radio_circle{
  width:20px;
  height:20px;
  border-radius:999px;
  border:2px solid #cfd6dd;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.yetki_radio_input:checked + .yetki_radio_left + .yetki_radio_circle{
  border-color:#0f766e;
}
.yetki_radio_input:checked + .yetki_radio_left + .yetki_radio_circle::after{
  content:"✓";
  font-size:13px;
  line-height:1;
  font-weight:900;
}
.yetki_radio_input:checked ~ .yetki_radio_circle{}
.yetki_radio_item:has(.yetki_radio_input:checked){
  border-color:#0f766e;
  box-shadow: 0 0 0 4px rgba(15, 118, 110, .12);
}
.yetki_radio_item:hover{
  border-color:#cdd6de;
}

.gender_icon.male    { color:#03add8; }
.gender_icon.female  { color:#ff4fa3; }
.gender_icon.neutral { color:#9e9e9e; }
.large_modal_in { max-width: 530px !important; width: auto !important; margin: 5% auto !important; }
.offline_status { opacity: 0.8; }
.profile_alert { margin: 10px 15px; padding: 10px 15px; border-radius: 8px; font-size: 13px; display: flex; align-items: center; gap: 8px; }
.profile_alert.warning { background: #fef3c7; color: #92400e; }
.profile_alert.danger { background: #fee2e2; color: #991b1b; }
.list_mood { font-size: 11px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 4px; margin-left: -2px; position: relative; top: 0px; }
.user_item_avatar .acav.genfemale { border: 2px solid #ff99ff !important; }
.user_item_avatar .acav.genmale { border: 2px solid #03add8 !important; }
.profile_action_btn_small i {border-radius: .5em;width: 48px;/* color: rgba(0, 0, 0, .31); */height: 20px;/* background: hsla(0, 0%, 100%, .06); */line-height: 20px;text-align: center;font-size: 18px;padding: 0;margin: 0;}
.profile_content { padding: 10px 12px; max-height: 280px; overflow-y: auto; }
.profile_tags { display: flex; flex-direction: column; gap: 8px; }
.profile_tag {display: flex;justify-content: space-between;align-items: center;padding: 12px 14px;/* background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); */border-radius: 10px;border: 1px solid rgba(0,0,0,0.04);transition: all 0.2s ease;}

.profile_tabs {display: flex;flex-wrap: wrap;gap: 4px;padding: 8px 10px;/* border-top: 1px solid #f3f4f6; *//* background: #f9fafb; */}
.profile_tab {display: flex;align-items: center;gap: 4px;padding: 5px 8px;border: 1px solid #e5e7eb;border-radius: 6px;/* background: #fff; *//* color: #6b7280; */font-size: 10px;cursor: pointer;}
.profile_tab:hover, .profile_tab.active { background: #3b82f6; border-color: #3b82f6; color: #fff; }
.profile_actions {padding: 10px !important;/* border-top: 1px solid #f3f4f6 !important; */display: block !important;}
.profile_actions_row { display: flex !important; gap: 8px !important; margin-bottom: 8px !important; }
.profile_actions_row:last-child { margin-bottom: 0 !important; }
.profile_action_btn {flex: 1 !important;display: flex !important;align-items: center !important;justify-content: center !important;gap: 6px !important;padding: 8px 10px !important;border: 1px solid #e5e7eb !important;border-radius: 10px !important;/* background: #fff !important; *//* color: #374151a3 !important; */font-size: 12px !important;font-weight: 500 !important;cursor: pointer !important;transition: all 0.2s !important;}
.profile_action_btn_small {flex: 1 !important;display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;gap: 4px !important;padding: 6px 6px !important;border: 2px solid #e5e7eb !important;border-radius: 10px !important;/* background: #fff !important; */color: #6b7280 !important;font-size: 10px !important;font-weight: 500 !important;cursor: pointer !important;}
.profile_action_btn_small i { font-size: 18px !important; }
button.profile_action_btn_small { border: 1px solid #e5e7eb !important; outline: none !important; }
.profile_music_player { margin-top: 10px; display: flex; justify-content: center; }
.profile_music_player .proplayer { display: flex; align-items: center; gap: 8px; padding: 1px 3px; background: #42ad6a; border-radius: 20px; cursor: pointer; }
.profile_music_player .proplayer_play { width: 24px; height: 24px; }
.profile_music_player .proplayer_beat { height: 20px; }
.dogrulanmis_badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.dogrulanmis_badge .fa-certificate {
    color: #1da1f2;
    font-size: 18px;
    filter: drop-shadow(0 0 3px rgba(29, 161, 242, 0.5));
    animation: verified_spin_once 1s ease-out forwards;
}
.dogrulanmis_badge .fa-check {
    position: absolute;
    color: #fff;
    font-size: 8px;
}
.dogrulanmis_badge:hover .fa-certificate {
    color: #0d8ecf;
    filter: drop-shadow(0 0 8px rgba(29, 161, 242, 0.8));
    transform: scale(1.2);
}
.dogrulanmis_badge::after {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.85);
    color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 10px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
    z-index: 100;
}
.dogrulanmis_badge:hover::after {
    opacity: 1;
    visibility: visible;
}
@keyframes verified_spin_once {
    0% { transform: rotate(0deg) scale(0.5); opacity: 0; }
    50% { transform: rotate(360deg) scale(1.2); opacity: 1; }
    100% { transform: rotate(720deg) scale(1); opacity: 1; }
}
.connectivity_status { display: flex; gap: 8px; margin-top: 6px; padding: inherit; flex-direction: column; }
.connectivity_status .status_badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 600; }
.connectivity_status .status_badge i { font-size: 7px; }
.connectivity_status .status_badge.online { background: rgba(34,197,94,0.12); color: #16a34a; }
.connectivity_status .status_badge.mesgul { background: rgba(239,68,68,0.12); color: #dc2626; }
.connectivity_status .status_badge.uzakta { background: rgba(245,158,11,0.12); color: #d97706; }
.connectivity_status .status_badge.rahatsiz_etme { background: rgba(107,114,128,0.12); color: #4b5563; }
.connectivity_status .status_badge.offline_badge { background: rgba(107,114,128,0.1); color: #9ca3af; }
.connectivity_status .session_time {font-size: 11px;}
.profile_user_inline {padding-top: 10px;padding-bottom: 0px;text-align: center;}
.profile_user_inline .username {font-size: 18px;font-weight: 700;margin-bottom: 2px;display: inline-flex;align-items: center;justify-content: center;}
.profile_user_inline .username_text { margin-right: 5px; }
.profile_user_inline .rank {font-size: 12px;left: -8px;position: relative;text-align: center;}
.profile_user_info {text-align: center;padding: 0px 5px 6px;}
.profile_user_info .stars { letter-spacing: 1px; }
.profile_user_info .summary {font-size: 12px;}
.profile_avatar_section { position: relative; padding: 50px 40px 70px; text-align: center; background: linear-gradient(180deg, #667eea 0%, #764ba2 100%); border-radius: 0; }
.profile_avatar_section::after {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 25px;background-size: cover;}
.profile_avatar_wrapper {position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 110px;height: 110px;z-index: 20;}
.profile_avatar_wrapper .avatar_bg { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; border: 4px solid #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.15); background: #f3f4f6; }
.profile_avatar_wrapper .avatar_bg img { width: 100%; height: 100%; object-fit: cover; }
.profile_avatar_wrapper .device_icon { position: absolute; top: -5px; right: -5px; width: 30px; height: 30px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.15); font-size: 13px; color: #3b82f6; border: 2px solid #fff; z-index: 25; }
.profile_avatar_wrapper .gender_icon { position: absolute; top: 25px; right: -12px; width: 30px; height: 30px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.15); font-size: 13px; border: 2px solid #fff; z-index: 25; }
.profile_avatar_wrapper .gender_icon.male { color: #03add8; }
.profile_avatar_wrapper .gender_icon.female { color: #ff69b4; }
.profile_avatar_wrapper .gender_icon.other { color: #6b7280; }
.profile_avatar_wrapper .online_dot {position: absolute;bottom: 5px;right: 5px;width: 24px;height: 24px;background: #22c55e;border-radius: 50%;border: 3px solid #fff;box-shadow: 0 2px 6px rgba(0,0,0,0.15);z-index: 25;}
.profile_avatar_wrapper .online_dot.offline { background: #9ca3af; }
.profile_avatar_wrapper:has(.profile_design_frame) .avatar_bg { border-color: transparent !important; box-shadow: none !important; }
.profile_avatar_wrapper .profile_design_frame { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 142px; height: 142px; pointer-events: none; object-fit: fill; z-index: 10; }
.profile_modern {border-radius: 12px;overflow: hidden;width: 100%;}
.profile_top_bar {display: flex;justify-content: space-between;align-items: center;padding: 8px 10px;}
.profile_stats_inline { display: flex; align-items: center; gap: 8px; }
.profile_stats_inline .prolikes { display: flex; align-items: center; gap: 5px; padding: 5px 10px; background: rgba(0,0,0,0.05); border-radius: 20px; font-size: 12px; cursor: pointer; }
.profile_top_bar .top_actions { display: flex; gap: 12px; }
.profile_top_bar .top_actions i { font-size: 20px; color: #6b7280; cursor: pointer; }
.profile_avatar_section { position: relative; }
.premium-corner {
    z-index: 50;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    cursor: pointer;
}
.premium-badge-mini {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 14px;
    background: #f59e0b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 8px;
    white-space: nowrap;
}
.premium-badge-mini i { font-size: 11px; }
.premium-modal-content { padding: 5px 0; }
.premium-modal-item { display:flex; align-items:center; gap:10px; padding:10px 16px; font-size:14px; color:#e5e5e5; border-bottom:1px solid rgba(255,255,255,0.06); }
.premium-modal-item:last-child { border-bottom:none; }
.premium-modal-item i { color:#22c55e; font-size:14px; width:18px; text-align:center; }
.rcall-notification{
        position: fixed;
        z-index: 999999;
        min-width: 220px;
        max-width: 320px;
        padding: 10px 12px;
        border-radius: 12px;
        backdrop-filter: blur(10px);
        background: rgba(20, 20, 25, .88);
        color: #fff;
        box-shadow: 0 10px 30px rgba(0,0,0,.35);
        border: 1px solid rgba(255,255,255,.12);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        opacity: 0;
        transform: translateY(8px);
        transition: all .2s ease;
        user-select: none;
      }
.rcall-notification.show{
        opacity: 1;
        transform: translateY(0);
      }
.rcall-notification .rcall-left{
        display:flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
      }
.rcall-notification .rcall-title{
        font-weight: 800;
        font-size: 13px;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
.rcall-notification .rcall-sub{
        font-size: 12px;
        opacity: .85;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
.rcall-notification .rcall-btn{
        border: 0;
        outline: 0;
        padding: 7px 10px;
        border-radius: 10px;
        font-weight: 800;
        font-size: 12px;
        background: rgba(88,101,242,.95);
        color: #fff;
        cursor: pointer;
      }
.rcall-notification .rcall-close{
        border: 0;
        outline: 0;
        width: 28px;
        height: 28px;
        border-radius: 10px;
        background: rgba(255,255,255,.10);
        color: #fff;
        cursor: pointer;
        display:flex;
        align-items:center;
        justify-content:center;
        font-weight: 900;
}
.sy_yetki_mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.sy_yetki_price{ font-weight:900; } 
.sy_yetki_pill{ display:inline-flex; align-items:center; padding:4px 10px; border-radius:999px; font-weight:800; font-size:12px; border:1px solid rgba(0,0,0,.12); }
.sy_yetki_btn_group{ display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; width:100%; }
.sy_yetki_user_sub{ opacity:.7; font-size:12px; }
.sy_yetki_user_name{ font-weight:900; white-space:nowrap;  text-overflow:ellipsis; cursor:pointer; }
.sy_yetki_user_box{display:flex; align-items:center; gap:10px; min-width:0;}
.sy_yetki_user_avatar{ width:44px; height:44px; border-radius:12px; object-fit:cover; border:1px solid rgba(255,255,255,.12); flex:0 0 auto; }
.sy_yetki_user_meta{min-width:0;}
.sy_yetki_sales_list{ list-style:none; padding:0; margin:0; } 
.sy_yetki_sales_item{ display:grid; grid-template-columns:1fr; gap:8px; }
.sy_yetki_sales_item .cell{ border:2px solid rgba(0,0,0,.12); border-radius:10px; padding:10px; display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; background: rgba(255,255,255,.02); } 
.sy_yetki_sales_item .cell::before{ content: attr(data-label); font-size:12px; font-weight:800; white-space:nowrap; opacity:.9; }
.sy_yetki_sales_item .c-user{ justify-content:flex-start; }
.sy_yetki_sales_item .c-user::before{ content:none; }
.sy_yetki_sales_wrap{ margin-bottom:12px; }
.sy_yetki_sales_wrap.pending{ box-shadow: inset 0 0 0 2px rgba(255,193,7,.25); border-radius:12px; padding:8px; } 
.sy_yetki_sales_wrap.approved{ box-shadow: inset 0 0 0 2px rgba(40,167,69,.25); border-radius:12px; padding:8px; }
.sy_yetki_sales_wrap.rejected{ box-shadow: inset 0 0 0 2px rgba(220,53,69,.25); border-radius:12px; padding:8px; }
.sy_yetki_no-record{ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:28px 16px; margin:12px; border-radius:12px; background:linear-gradient(135deg,#f7f8fa,#ffffff); border:1px dashed rgba(0,0,0,.08); color:#666; text-align:center;}
.sy_yetki_admin_no-record-icon{ font-size:34px; line-height:1; margin-bottom:10px; opacity:.85; }
.sy_yetki_admin_no-record-text{ font-size:15px; font-weight:600; color:#444; }
.sy_yetki_admin_no-record-sub{ font-size:12px; margin-top:4px; color:#888; }
.yetki_wrap{ padding:18px; }
.yetki_tabs{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:10px;
}
.yetki_tab{
  border:1px solid rgba(0,0,0,.10);
  padding:9px 14px;
  border-radius:12px;
  font-weight:900;
  background:#fff;
  color:#000;
  font-size:13px;
  box-shadow:0 10px 26px rgba(0,0,0,.06);
}
.yetki_tab.active{
  border-color:rgba(0,0,0,0);
  background:#000;
  color:#fff;
  box-shadow:0 14px 34px rgba(23,162,184,.22);
}
.yetki_card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:14px;
  margin:12px 0;
  box-shadow:0 18px 44px rgba(0,0,0,.08);
  
}
.yetki_top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.yetki_left{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.yetki_id{
  font-weight:950;
  font-size:15px;
}
.yetki_date{
  font-weight:900;
  font-size:12px;
  color:rgba(0,0,0,.55);
}
.yetki_grid{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.yetki_kv{
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:10px 12px;
}
.yetki_k{
  font-size:11px;
  font-weight:950;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.yetki_v{
  margin-top:3px;
  font-size:14px;
  font-weight:950;
}
.yetki_payname{
  margin-top:12px;
  padding-top:12px;
  border-top:1px dashed rgba(0,0,0,.14);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.yetki_payname span{
  font-weight:900;
  font-size:12px;
}
.yetki_payname b{
  font-weight:950;
}
.yetki_actions{
  margin-top:12px;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.yetki_btn{
  border:0;
  border-radius:12px;
  padding:10px 14px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(0,0,0,.10);
}
.yetki_btn.primary{ background:#17a2b8; color:#fff; }
.yetki_btn.danger{ background:#ef4444; color:#fff; }
.yetki_field{ margin-top:12px; }
.yetki_label{
  font-weight:950;
  font-size:12px;
  margin-bottom:6px;
}
.yetki_select{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.12);
  font-weight:900;
  outline:none;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
@media (max-width:560px){
  .yetki_wrap{ padding:14px; }
  .yetki_grid{ grid-template-columns:1fr; }
}
button.macro_button.warn_btn {background: slateblue;}
.saved_ok { background-color:rgba(0,102,0,0.8); color:#fff; }
.saved_error { background-color:rgba(255,0,0,0.8); color:#fff; }
.chat_message{padding:8px 10px;}
#deletePRi{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 20px;
  text-align: center;
}
#deletePRi::before{
  content:"";
  position:absolute;
  width: min(340px, 92vw);
  height: 150px;
  border-radius: 16px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}
#deletePRi i{
  position: relative;
  font-size: 42px;
  line-height: 1;
  margin-bottom: 14px;
  opacity: .95;
  color: #fff;
  animation: deletePriSpin 1s linear infinite;
}
#deletePRi .floor_p{
  position: relative;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .2px;
  color: rgba(255,255,255,.95);
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
#deletePRi .floor_p::after{
  content: "";
  display: inline-block;
  width: 18px;
  text-align: left;
  animation: deletePriDots 1.2s steps(4,end) infinite;
}
@keyframes deletePriSpin{
  to { transform: rotate(360deg); }
}
@keyframes deletePriDots{
  0%   { content:""; }
  25%  { content:"."; }
  50%  { content:".."; }
  75%  { content:"..."; }
  100% { content:""; }
}
@media (max-width: 480px){
  #deletePRi::before{ height: 140px; }
  #deletePRi i{ font-size: 38px; }
  #deletePRi .floor_p{ font-size: 13px; }
}
.custom_rank_image {padding:5px; width:auto;height:32px;}
.star_rank,.star_rank_chat {
	position:absolute;
	top:18px;
	left: 17px;
	width:7px;
	height:7px;
	background-color:#000;
	clip-path:polygon(50%0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)
}
.star_rank {
	top:50%;
	left:100%;
	margin-left:-18px
}
.star_rank,.star_rank_chat {
	position:absolute;
	top: 20px;
	left: 19px;
	width:7px;
	height:7px;
	background-color:#000;
	clip-path:polygon(50%0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)
}
.star_rank {
	top: 50%;
	left: 84%;
	margin-left:-18px
}

.chat_yildiz1 {
	transform:translate(-50%,-50%) rotate(-24deg) translate(calc(130% - 31px))
}
.chat_yildiz2 {
	transform:translate(-50%,-50%) rotate(0deg) translate(calc(130% - 30px))
}
.chat_yildiz3 {
	transform:translate(-50%,-50%) rotate(24deg) translate(calc(130% - 30px))
}
.chat_yildiz4 {
	transform:translate(-50%,-50%) rotate(48deg) translate(calc(130% - 30px))
}
.chat_yildiz5 {
	transform:translate(-50%,-50%) rotate(72deg) translate(calc(130% - 31px))
}
.chat_yildiz6 {
	transform:translate(-50%,-50%) rotate(96deg) translate(calc(130% - 31px))
}
.chat_yildiz7 {
	transform:translate(-50%,-50%) rotate(120deg) translate(calc(130% - 32px))
}
.chat_yildiz8 {
	transform:translate(-50%,-50%) rotate(144deg) translate(calc(130% - 33px))
}
.chat_yildiz9 {
	transform:translate(-50%,-50%) rotate(168deg) translate(calc(130% - 34px))
}
.chat_yildiz10 {
	transform:translate(-50%,-50%) rotate(192deg) translate(calc(130% - 35px))
}
.chat_yildiz11 {
	transform:translate(-50%,-50%) rotate(216deg) translate(calc(130% - 35px))
}
.chat_yildiz12 {
	transform:translate(-50%,-50%) rotate(240deg) translate(calc(130% - 35px))
}
.chat_yildiz13 {
	transform:translate(-50%,-50%) rotate(264deg) translate(calc(130% - 35px))
}
.chat_yildiz14 {
	transform:translate(-50%,-50%) rotate(288deg) translate(calc(130% - 35px))
}
.chat_yildiz15 {
	transform:translate(-50%,-50%) rotate(312deg) translate(calc(130% - 32px))
}
.right_yildiz1 {
	transform:translate(-50%,-50%) rotate(-24deg) translate(calc(130% - 31px))
}
.right_yildiz2 {
	transform:translate(-50%,-50%) rotate(0deg) translate(calc(130% - 31px))
}
.right_yildiz3 {
	transform:translate(-50%,-50%) rotate(24deg) translate(calc(130% - 31px))
}
.right_yildiz4 {
	transform:translate(-50%,-50%) rotate(48deg) translate(calc(130% - 31px))
}
.right_yildiz5 {
	transform:translate(-50%,-50%) rotate(72deg) translate(calc(130% - 31px))
}
.right_yildiz6 {
	transform:translate(-50%,-50%) rotate(96deg) translate(calc(130% - 31px))
}
.right_yildiz7 {
	transform:translate(-50%,-50%) rotate(120deg) translate(calc(130% - 31px))
}
.right_yildiz8 {
	transform:translate(-50%,-50%) rotate(144deg) translate(calc(130% - 31px))
}
.right_yildiz9 {
	transform:translate(-50%,-50%) rotate(168deg) translate(calc(130% - 31px))
}
.right_yildiz10 {
	transform:translate(-50%,-50%) rotate(192deg) translate(calc(130% - 31px))
}
.right_yildiz11 {
	transform:translate(-50%,-50%) rotate(216deg) translate(calc(130% - 31px))
}
.right_yildiz12 {
	transform:translate(-50%,-50%) rotate(240deg) translate(calc(130% - 31px))
}
.right_yildiz13 {
	transform:translate(-50%,-50%) rotate(264deg) translate(calc(130% - 31px))
}
.right_yildiz14 {
	transform:translate(-50%,-50%) rotate(288deg) translate(calc(130% - 31px))
}
.right_yildiz15 {
	transform:translate(-50%,-50%) rotate(312deg) translate(calc(130% - 31px))
}
.user_yildiz_choice .bccheck {
	color:red;
	margin-top:14px;
}
.user_yildiz_color1,.user_yildiz_colors1 {
	background:linear-gradient(to top,#f33,maroon)!important;
}
.user_yildiz_color2,.user_yildiz_colors2 {
	background:linear-gradient(to top,#f63,#4d1300)!important;
}
.user_yildiz_color3,.user_yildiz_colors3 {
	background:linear-gradient(to top,#f93,#4d2600)!important;
}
.user_yildiz_color4,.user_yildiz_colors4 {
	background:linear-gradient(to top,#fc3,#806000)!important;
}
.user_yildiz_color5,.user_yildiz_colors5 {
	background:linear-gradient(to top,#cc0,#4d4d00)!important;
}
.user_yildiz_color6,.user_yildiz_colors6 {
	background:linear-gradient(to top,#9c0,#394d00)!important;
}
.user_yildiz_color7,.user_yildiz_colors7 {
	background:linear-gradient(to top,#59b300,#264d00)!important;
}
.user_yildiz_color8,.user_yildiz_colors8 {
	background:linear-gradient(to top,#829356,#2b301c)!important;
}
.user_yildiz_color9,.user_yildiz_colors9 {
	background:linear-gradient(to top,green,#001a00)!important;
}
.user_yildiz_color10,.user_yildiz_colors10 {
	background:linear-gradient(to top,#00e639,#00330d)!important;
}
.user_yildiz_color11,.user_yildiz_colors11 {
	background:linear-gradient(to top,#00e673,#063)!important;
}
.user_yildiz_color12,.user_yildiz_colors12 {
	background:linear-gradient(to top,#00e6ac,#004d39)!important;
}
.user_yildiz_color13,.user_yildiz_colors13 {
	background:linear-gradient(to top,#0cc,#004d4d)!important;
}
.user_yildiz_color14,.user_yildiz_colors14 {
	background:linear-gradient(to top,#03add8,#013d4b)!important;
}
.user_yildiz_color15,.user_yildiz_colors15 {
	background:linear-gradient(to top,#36f,#002080)!important;
}
.user_yildiz_color16,.user_yildiz_colors16 {
	background:linear-gradient(to top,#107896,#073845)!important;
}
.user_yildiz_color17,.user_yildiz_colors17 {
	background:linear-gradient(to top,#004d99,#66b3ff)!important;
}
.user_yildiz_color18,.user_yildiz_colors18 {
	background:linear-gradient(to top,#63f,#c6b3ff)!important;
}
.user_yildiz_color19,.user_yildiz_colors19 {
	background:linear-gradient(to top,#93f,#d9b3ff)!important;
}
.user_yildiz_color20,.user_yildiz_colors20 {
	background:linear-gradient(to top,#c3f,#ecb3ff)!important;
}
.user_yildiz_color21,.user_yildiz_colors21 {
	background:linear-gradient(to top,#f3f,#ffb3ff)!important;
}
.user_yildiz_color22,.user_yildiz_colors22 {
	background:linear-gradient(to top,#f3c,#ff99e6)!important;
}
.user_yildiz_color23,.user_yildiz_colors23 {
	background:linear-gradient(to top,#f39,#ffb3d9)!important;
}
.user_yildiz_color24,.user_yildiz_colors24 {
	background:linear-gradient(to top,#f36,#ffb3c6)!important;
}
.user_yildiz_color25,.user_yildiz_colors25 {
	background:linear-gradient(to top,#40e0d0,#ff8c00,#ff0080)!important;
}
.user_yildiz_color26,.user_yildiz_colors26 {
	background:linear-gradient(to top,#11998e,#38ef7d)!important;
}
.user_yildiz_color27,.user_yildiz_colors27 {
	background:linear-gradient(to top,#108dc7,#ef8e38)!important;
}
.user_yildiz_color28,.user_yildiz_colors28 {
	background:linear-gradient(to top,#fc5c7d,#6a82fb)!important;
}
.user_yildiz_color29,.user_yildiz_colors29 {
	background:linear-gradient(to top,#fc466b,#3f5efb)!important;
}
.user_yildiz_color30,.user_yildiz_colors30 {
	background:linear-gradient(to top,#c94b4b,#4b134f)!important;
}
.user_yildiz_color31,.user_yildiz_colors31 {
	background:linear-gradient(to top,#00f260,#0575e6)!important;
}
.user_yildiz_color32,.user_yildiz_colors32 {
	background:linear-gradient(to top,#fc4a1a,#f7b733)!important;
}
.user_yildiz_color33,.user_yildiz_colors33 {
	background:linear-gradient(to top,#22c1c3,#fdbb2d)!important;
}
.user_yildiz_color34,.user_yildiz_colors34 {
	background:linear-gradient(to top,#7f00ff,#e100ff)!important;
}
.user_yildiz_color35,.user_yildiz_colors35 {
	background:linear-gradient(to top,#67b26f,#4ca2cd)!important;
}
.user_yildiz_color36,.user_yildiz_colors36 {
	background:linear-gradient(to top,#ee0979,#ff6a00)!important;
}
.user_yildiz_color37,.user_yildiz_colors37 {
	background:linear-gradient(to top,#00c3ff,#ffff1c)!important;
}
.user_yildiz_color38,.user_yildiz_colors38 {
	background:linear-gradient(to top,#fc00ff,#00dbde)!important;
}
.user_yildiz_color39,.user_yildiz_colors39 {
	background:linear-gradient(to top,#833ab4,#fd1d1d,#fcb045)!important;
}
.user_yildiz_color40,.user_yildiz_colors40 {
	background:linear-gradient(to top,#43cea2,#185a9d)!important;
}
.user_yildiz_color41,.user_yildiz_colors41 {
	background:linear-gradient(to top,#bdc3c7,#2c3e50)!important;
}
.user_yildiz_color42,.user_yildiz_colors42 {
	background:linear-gradient(to top,#373b44,#4286f4)!important;
}
.user_yildiz_color43,.user_yildiz_colors43 {
	background:linear-gradient(to top,#2980b9,#6dd5fa,#fff)!important;
}
.user_yildiz_color44,.user_yildiz_colors44 {
	background:linear-gradient(to top,#f09,#493240)!important;
}
.user_yildiz_color45,.user_yildiz_colors45 {
	background:linear-gradient(to top,#f953c6,#b91d73)!important;
}
.user_yildiz_color46,.user_yildiz_colors46 {
	background:linear-gradient(to left,#c31432,#240b36)!important;
}
.user_yildiz_color47,.user_yildiz_colors47 {
	background:linear-gradient(to top,#dd3e54,#6be585)!important;
}
.user_yildiz_color48,.user_yildiz_colors48 {
	background:linear-gradient(to top,#8360c3,#2ebf91)!important;
}
.user_yildiz_color49,.user_yildiz_colors49 {
	background:linear-gradient(to top,#544a7d,#ffd452)!important;
}
.user_yildiz_color50,.user_yildiz_colors50 {
	background:linear-gradient(to top,#009fff,#ec2f4b)!important;
}
.user_yildiz_color51,.user_yildiz_colors51 {
	background:linear-gradient(to top,#59c173,#a17fe0,#5d26c1)!important;
}
.user_yildiz_color52,.user_yildiz_colors52 {
	background:linear-gradient(to top,#005aa7,#fffde4)!important;
}
.user_yildiz_color53,.user_yildiz_colors53 {
	background:linear-gradient(to top,#da4453,#89216b)!important;
}
.user_yildiz_color54,.user_yildiz_colors54 {
	background:linear-gradient(to top,#ad5389,#3c1053)!important;
}
.user_yildiz_color55,.user_yildiz_colors55 {
	background:linear-gradient(to top,#a8c0ff,#3f2b96)!important;
}
.user_yildiz_color56,.user_yildiz_colors56 {
	background:linear-gradient(to top,#333,#dd1818)!important;
}
.user_yildiz_color57,.user_yildiz_colors57 {
	background:linear-gradient(to top,#108dc7,#ef8e38)!important;
}
.user_yildiz_color58,.user_yildiz_colors58 {
	background:linear-gradient(to top,#23074d,#cc5333)!important;
}
.user_yildiz_color59,.user_yildiz_colors59 {
	background:linear-gradient(to top,#fffbd5,#b20a2c)!important;
}
.user_yildiz_color60,.user_yildiz_colors60 {
	background:linear-gradient(to top,#0f0c29,#302b63,#24243e)!important;
}
.user_yildiz_color61,.user_yildiz_colors61 {
	background:linear-gradient(to top,purple,pink)!important;
}
.user_yildiz_color62,.user_yildiz_colors62 {
	background:linear-gradient(to top,#00f260,#0575e6)!important;
}
.user_yildiz_color63,.user_yildiz_colors63 {
	background:linear-gradient(to top,#667db6,#0082c8,#ec38bc,#fdeff9)!important;
}
.user_yildiz_color64,.user_yildiz_colors64 {
	background:linear-gradient(to top,#e1eec3,#f05053)!important;
}
.user_yildiz_color65,.user_yildiz_colors65 {
	background:linear-gradient(to top,#03001e,#7303c0,#ec38bc,#fdeff9)!important;
}
.user_yildiz_color66,.user_yildiz_colors66 {
	background:linear-gradient(to top,#1a2a6c,#b21f1f,#fdbb2d)!important;
}
.user_yildiz_color67,.user_yildiz_colors67 {
	background:linear-gradient(to top,#000,#0f9b0f)!important;
}
.user_yildiz_color68,.user_yildiz_colors68 {
	background:linear-gradient(to top,#36d1dc,#5b86e5)!important;
}
.user_yildiz_color69,.user_yildiz_colors69 {
	background:linear-gradient(to top,#3a1c71,#d76d77,#ffaf7b)!important;
}
.user_yildiz_color70,.user_yildiz_colors70 {
	background:linear-gradient(to top,#283c86,#45a247)!important;
}
.user_yildiz_color71,.user_yildiz_colors71 {
	background:linear-gradient(to top,#ef3b36,#fff)!important;
}
.user_yildiz_color72,.user_yildiz_colors72 {
	background:linear-gradient(to top,#159957,#155799)!important;
}
.user_yildiz_color73,.user_yildiz_colors73 {
	background:linear-gradient(to top,#000046,#1cb5e0)!important;
}
.user_yildiz_color74,.user_yildiz_colors74 {
	background:linear-gradient(to top,#56ccf2,#2f80ed)!important;
}
.user_yildiz_color75,.user_yildiz_colors75 {
	background:linear-gradient(to top,#eb5757,#000)!important;
}
.user_yildiz_color76,.user_yildiz_colors76 {
	background:linear-gradient(to top,#20002c,#cbb4d4)!important;
}
.user_yildiz_color77,.user_yildiz_colors77 {
	background:linear-gradient(to top,#34e89e,#0f3443)!important;
}
.user_yildiz_color78,.user_yildiz_colors78 {
	background:linear-gradient(to top,#bdc3c7,#2c3e50)!important;
}
.user_yildiz_color79,.user_yildiz_colors79 {
	background:linear-gradient(to top,#a80077,#6f0)!important;
}
.user_yildiz_color80,.user_yildiz_colors80 {
	background:linear-gradient(to top,#000,#656565)!important;
}
.chat_yildiz1 {
	transform:translate(-50%,-50%) rotate(-24deg) translate(calc(130% - 31px))
}
.chat_yildiz2 {
	transform:translate(-50%,-50%) rotate(0deg) translate(calc(130% - 30px))
}
.chat_yildiz3 {
	transform:translate(-50%,-50%) rotate(24deg) translate(calc(130% - 30px))
}
.chat_yildiz4 {
	transform:translate(-50%,-50%) rotate(48deg) translate(calc(130% - 30px))
}
.chat_yildiz5 {
	transform:translate(-50%,-50%) rotate(72deg) translate(calc(130% - 31px))
}
.chat_yildiz6 {
	transform:translate(-50%,-50%) rotate(96deg) translate(calc(130% - 31px))
}
.chat_yildiz7 {
	transform:translate(-50%,-50%) rotate(120deg) translate(calc(130% - 32px))
}
.chat_yildiz8 {
	transform:translate(-50%,-50%) rotate(144deg) translate(calc(130% - 33px))
}
.chat_yildiz9 {
	transform:translate(-50%,-50%) rotate(168deg) translate(calc(130% - 34px))
}
.chat_yildiz10 {
	transform:translate(-50%,-50%) rotate(192deg) translate(calc(130% - 35px))
}
.chat_yildiz11 {
	transform:translate(-50%,-50%) rotate(216deg) translate(calc(130% - 35px))
}
.chat_yildiz12 {
	transform:translate(-50%,-50%) rotate(240deg) translate(calc(130% - 35px))
}
.chat_yildiz13 {
	transform:translate(-50%,-50%) rotate(264deg) translate(calc(130% - 35px))
}
.chat_yildiz14 {
	transform:translate(-50%,-50%) rotate(288deg) translate(calc(130% - 35px))
}
.chat_yildiz15 {
	transform:translate(-50%,-50%) rotate(312deg) translate(calc(130% - 32px))
}
.right_yildiz1 {
	transform:translate(-50%,-50%) rotate(-24deg) translate(calc(130% - 31px))
}
.right_yildiz2 {
	transform:translate(-50%,-50%) rotate(0deg) translate(calc(130% - 31px))
}
.right_yildiz3 {
	transform:translate(-50%,-50%) rotate(24deg) translate(calc(130% - 31px))
}
.right_yildiz4 {
	transform:translate(-50%,-50%) rotate(48deg) translate(calc(130% - 31px))
}
.right_yildiz5 {
	transform:translate(-50%,-50%) rotate(72deg) translate(calc(130% - 31px))
}
.right_yildiz6 {
	transform:translate(-50%,-50%) rotate(96deg) translate(calc(130% - 31px))
}
.right_yildiz7 {
	transform:translate(-50%,-50%) rotate(120deg) translate(calc(130% - 31px))
}
.right_yildiz8 {
	transform:translate(-50%,-50%) rotate(144deg) translate(calc(130% - 31px))
}
.right_yildiz9 {
	transform:translate(-50%,-50%) rotate(168deg) translate(calc(130% - 31px))
}
.right_yildiz10 {
	transform:translate(-50%,-50%) rotate(192deg) translate(calc(130% - 31px))
}
.right_yildiz11 {
	transform:translate(-50%,-50%) rotate(216deg) translate(calc(130% - 31px))
}
.right_yildiz12 {
	transform:translate(-50%,-50%) rotate(240deg) translate(calc(130% - 31px))
}
.right_yildiz13 {
	transform:translate(-50%,-50%) rotate(264deg) translate(calc(130% - 31px))
}
.right_yildiz14 {
	transform:translate(-50%,-50%) rotate(288deg) translate(calc(130% - 31px))
}
.right_yildiz15 {
	transform:translate(-50%,-50%) rotate(312deg) translate(calc(130% - 31px))
}
.frames_img {
    width: .854166667in;
	max-height: 61.5pt;
	margin-left: auto;
	margin-bottom: 0;
    margin-right: auto;
	margin-top: 0;
	height: 61.5pt;
}
.frame_class_userlist {
position: absolute;
height: 37.5pt;
left: -.4375pc;
width: 37.5pt;
top: -.375pc;
}
.frame_class_chat {
position: absolute;
left: -.4375pc; 
width: 55px;
height: 3.4375pc;
top: -.375pc;
top: -.5625pc;
}
.frame_choice .bccheck {
    color: red;
    margin-top: 14px;
}
.pm-status{
  display:inline-flex;
  align-items:center;
  gap:0;
  vertical-align:middle;
  line-height:1;
  white-space:nowrap;
}
.pm-status i{
  display:inline-block;
  line-height:1;
  font-size:13px;
}
.pm-status i.second{
  margin-left:-6px;
}
.pm-status.is-sent{ color:#9aa0a6; }
.pm-status.is-delivered{ color:#9aa0a6; }
.pm-status.is-seen{ color:#34B7F1; }
.private-writing .writing-dot{
  background: #ff0057;
}
.private-writing {
    display: table;
    table-layout: fixed;
    width: 100%;
	margin: 4px 0;	
}
.priwrap{display:table-cell}
.room-writings-layout{
    position:absolute;
    max-width:100%;
    overflow-x:hidden;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    color:#fff;
    padding-bottom:-1px;
    white-space:nowrap
}
.room-writing{
    display:inline-block;
    background:rgba(0,0,0,.13);
    border-radius:5px;
    font-size:.7rem;
    padding:2px 3px;
    margin-left:1px
}
.writing-dot{
    margin-left:2px;
    display:inline-block;
    width:3px;
    height:3px;
    border-radius:50%;
    margin-right:0;
    animation:wave_yazanlar .8s linear infinite
}
.writing-dot:nth-child(2){
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.writing-dot:nth-child(3){
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.room-writing .writing-dot{
    background:#fff
}
@keyframes wave_yazanlar{
    0%,100%,60%{
        transform:initial
    }
    30%{
        transform:translateY(-5px)
    }
}
span.beklemede{padding:3px 10px;display:inline-block;line-height:1em;margin-top:2px;border-radius:20px;font-weight:400}
.siradaa{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;display:inline-block;cursor:pointer;font-family:Arial;font-size:10px;padding:5px 10px;text-decoration:none}
.calindii{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;display:inline-block;cursor:pointer;font-family:Arial;font-size:10px;padding:5px 10px;text-decoration:none}
.player_volume{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 28px;
}
#volume{
  font-size:12px;
  font-weight:800;
  padding:6px 10px;
  white-space:nowrap;
}
.notification{
  height:16px;
  justify-content:center;
  border:1px solid rgba(255,255,255,.35);
  top: 2px;
  left: 25px;
  padding: 1px 3px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 700; 
  box-shadow:0 6px 14px rgba(216,27,96,.35);
}
.head_notify, .menu_notify, .notification {
    position: absolute;
    display: none;
}
#main_emoticon,#private_emoticon {
    padding: 5px;
}
#main_emoticon .emo_head .emo_menu:first-child,
#private_emoticon .emo_head .emo_menu:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #ddd;
}
#main_emoticon .emo_head .emo_menu:last-child,
#private_emoticon .emo_head .emo_menu:last-child  {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.emo_menu {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: .8rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
#main_emoticon,#private_emoticon .bselected {
    font-weight: 700;
}
.syEmojiEmpty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:28px 18px;
  border:1px dashed rgba(0,0,0,.15);
  border-radius:14px;
  background: rgba(0,0,0,.02);
  text-align:center;
  margin:10px 0;
}
.syEmojiEmptyIcon{
  font-size:44px;
  line-height:1;
  opacity:.65;
  margin-bottom:8px;
}
.syEmojiEmptyTitle{
  font-size:16px;
  font-weight:700;
  margin-bottom:4px;
}
.syEmojiEmptyDesc{
  font-size:13px;
  opacity:.7;
}
.syEmojiPanel{
  --gx-bg: rgba(18, 22, 32, .72);
  --gx-brd: rgba(255,255,255,.10);
  --gx-txt: rgba(245,248,255,.95);
  --gx-sub: rgba(245,248,255,.70);
  --gx-muted: rgba(245,248,255,.55);

  background:
    radial-gradient(900px 500px at 15% -10%, rgba(118, 144, 255, .22), transparent 60%),
    radial-gradient(700px 450px at 110% 0%, rgba(200, 120, 255, .18), transparent 55%),
    radial-gradient(700px 450px at 40% 120%, rgba(85, 230, 255, .10), transparent 55%),
    var(--gx-bg);
  border: 1px solid var(--gx-brd);
  border-radius: 20px;
  padding: 16px;
  color: var(--gx-txt);
  box-shadow:
    0 18px 55px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
}
.syEmojiHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap: 12px;
  flex-wrap:wrap;
}
.syEmojiTitle{
  font-size: 15px;
  font-weight: 850;
  letter-spacing: .25px;
  line-height: 1.1;
}
.gxInfo{
  margin-top: 6px;
  font-size: 12px;
  color: var(--gx-sub);
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:center;
}
.syEmojiDot{
  opacity:.45;
  transform: translateY(-1px);
}
.syEmojiActions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap: 10px;
}
.syEmojiFile{
  width: 300px;
  max-width: 100%;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  color: rgba(245,248,255,.86);
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.syEmojiFile:focus{
  border-color: rgba(140, 160, 255, .45);
  box-shadow:
    0 0 0 3px rgba(120, 140, 255, .18),
    inset 0 1px 0 rgba(255,255,255,.06);
}
.syEmojiBtn{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  color: rgba(245,248,255,.92);
  padding: 10px 12px;
  border-radius: 14px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap: 8px;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;
  user-select:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.syEmojiBtn:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.20);
}
.syEmojiBtn:active{ transform: translateY(0); }
.syEmojiBtn--primary{
  background: linear-gradient(135deg, rgba(92, 132, 255, .70), rgba(190, 110, 255, .55));
  border-color: rgba(160, 150, 255, .35);
  box-shadow:
    0 10px 30px rgba(120, 120, 255, .18),
    inset 0 1px 0 rgba(255,255,255,.10);
}
.syEmojiBtn--primary:hover{
  background: linear-gradient(135deg, rgba(92, 132, 255, .82), rgba(190, 110, 255, .70));
  box-shadow:
    0 14px 40px rgba(120, 120, 255, .22),
    inset 0 1px 0 rgba(255,255,255,.12);
}
.syEmojiBtn--ghost{
  border-radius: 999px;
  padding: 9px 11px;
  background: rgba(0,0,0,.18);
}
.syEmojiProg{
  margin-top: 14px;
  height: 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  
  position:relative;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.syEmojiProgBar{
  width:0%;
  height:100%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(92,132,255,.95), rgba(190,110,255,.95));
  transition: width .08s linear;
}
.syEmojiProgTxt{
  position:absolute;
  right: 10px;
  top:50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: rgba(245,248,255,.88);
  text-shadow: 0 1px 10px rgba(0,0,0,.5);
}
.syEmojiPager{
  margin-top: 14px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 10px;
}
.syEmojiPageInfo{
  font-size: 12px;
  color: var(--gx-sub);
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.mdi-delete{color:red}
.syEmojiListeleAdmin{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 12px;
}
.gxCard,
.syEmojiCard{
  position:relative;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  
  min-height: 120px;
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
  box-shadow:
    0 10px 25px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.06);
}
.gxCard:hover,
.syEmojiCard:hover{
  transform: translateY(-2px);
  border-color: rgba(160, 150, 255, .28);
  box-shadow:
    0 16px 35px rgba(0,0,0,.24),
    0 0 0 3px rgba(120, 140, 255, .10),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.gxThumb,
.syEmojiThumb{
  width:100%;
  aspect-ratio: 1 / 1;
  padding: 10px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.gxImg,
.syEmojiResim{
  width:100%;
  height:100%;
  object-fit: contain;
  border-radius: 14px;
  background: rgba(0,0,0,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.gxDel,
.syEmojiDeleteBtn{
  position:absolute;
  right: 10px;
  top: 10px;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.28);
  color: rgba(245,248,255,.95);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.gxDel:hover,
.syEmojiDeleteBtn:hover{
  transform: translateY(-1px);
  background: rgba(255, 90, 90, .18);
  border-color: rgba(255, 120, 120, .22);
}
@media (max-width: 1100px){ .syEmojiListeleAdmin{ grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 900px){ .syEmojiListeleAdmin{ grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 680px){
  .syEmojiListeleAdmin{ grid-template-columns: repeat(3, 1fr); }
  .syEmojiActions{ width: 100%; }
  .syEmojiFile{ width: 100%; }
  .syEmojiBtn--primary{ width: 100%; justify-content:center; }
}
@media (max-width: 420px){ .syEmojiListeleAdmin{ grid-template-columns: repeat(2, 1fr); } }
.notification_sayi{
  position:absolute;
  top:4px;
  left:22px;
  min-width:16px;
  height:16px;
  padding:0 5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.2px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  box-shadow:0 6px 14px rgba(216,27,96,.35);
  transform:translateZ(0);
}

/* “1” gibi tek hanelerde tam yuvarlak dursun */
.notification_sayi:not(:empty){
  aspect-ratio:1/1;
}

/* 2+ hanelerde kapsüle dönsün */
.notification_sayi[data-digits="2"],
.notification_sayi[data-digits="3"]{
  aspect-ratio:auto;
}

/* İstersen hafif “pop” animasyonu */
.notification_sayi{
  animation: notifPop .22s ease-out;
}
@keyframes notifPop{
  from{ transform:scale(.85); opacity:.7; }
  to{ transform:scale(1); opacity:1; }
}

.sy_select{
  position: relative;
  width: 100%;
}
.sy_select select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 40px;
  padding: 0 42px 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(15,18,26,.55);
  color: #fff;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.sy_select select:hover{
  border-color: rgba(255,255,255,.18);
  background: rgba(15,18,26,.70);
}
.sy_select select:focus{
  border-color: rgba(120,160,255,.55);
  box-shadow: 0 0 0 3px rgba(120,160,255,.18);
}
.sy_select_arrow{
  position: absolute;
  right: 12px;
  top: 50%;
  width: 10px;
  height: 10px;
  transform: translateY(-55%) rotate(45deg);
  border-right: 2px solid rgba(255,255,255,.70);
  border-bottom: 2px solid rgba(255,255,255,.70);
  pointer-events: none;
  opacity: .9;
}
.user_item_icon.icsex{
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.user_item_icon.icsex .sex-svg{
  width: 18px;
  height: 18px;
  display: block;
}
.chat_log {
    width: auto;
}
.chat_log > .chat_avatar {
    width: 50px;
}
.chat_log > .my_text > .btable {
    table-layout: auto;

}
.my_text {border-radius:10px;}

.kisisel_arkaplan_icerik{
  width: 428px;
  margin: 10px;
  height: 400px;
  overflow: auto;
}
.kisisel_arkaplan_aktif_olan{
	border: 3px rgb(3, 131, 250) solid!important;
}
.kisisel_arkaplan_modal_open .kisisel_arkaplan_tab_content {
  max-height: 28.125rem;
  min-height: 28.125rem;
  overflow-y: auto;
}
.kisisel_arkaplan_active{
  color: #eaedf2;
  background: #007bff;
}
.kisisel_arkaplan_inside_wrapper {
  padding: 1rem 2rem 1rem 0;
}
.kisisel_arkaplan_padding {
  padding: 0 !important;
}
.kisisel_arkaplaan{
	height: calc(100% - 48px)!important
}
.kisisel_arkaplaan ul{
	width: 100%;
	margin: 0;
	padding: 0;	
}
.kisisel_arkaplaan li{
  float: left;
  list-style-type: none;
  width: 46%;
  margin: 1.33%;
  height: 120px;
  position: relative;
}
.kisisel_arkaplan_aktif_olan{
	border: 3px rgb(3, 131, 250) solid!important;
}
.kisisel_arkaplan_modal_open .kisisel_arkaplan_tab_content {
  max-height: 28.125rem;
  min-height: 28.125rem;
  overflow-y: auto;
}
.kisisel_arkaplan_active{
  color: #eaedf2;
  background: #007bff;
}
.kisisel_arkaplan_inside_wrapper {
  padding: 1rem 2rem 1rem 0;
}
.kisisel_arkaplan_padding {
  padding: 0 !important;
}
.kisisel_arkaplaan{
	height: calc(100% - 48px)!important
}
.kisisel_arkaplaan ul{
	width: 100%;
	margin: 0;
	padding: 0;	
}
.kisisel_arkaplaan li{
  float: left;
  list-style-type: none;
  width: 46%;
  margin: 1.33%;
  height: 120px;
  position: relative;
}
.kisisel_arkaplaan img{
	width: 100%;
	height: 120px;
	border-radius: 5px;
	border: 3px #ffffff solid;
}
.kisisel_arkaplaan h1 { 
	position: absolute;
	top: 64px;
	width: 100%;
	text-align: center;
	font-size: 12px;
	background: #08a393;
	color: #fff;
}
.kisisel_arkaplaan span{
  z-index: 9999;
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 36px!important;
  border-radius: 60px;
  background: rgba(179, 180, 180, 0.514);
  position: absolute;
  margin-left: 60px;
  margin-top: 20px;
}
@media only screen and (max-width:480px) {
.kisisel_arkaplaan li{
  float: left;
  list-style-type: none;
  width: 33%;
  margin: 1.33%;
  height: 120px;
  position: relative;
}
}
@media screen and (max-width:400px) {
.kisisel_arkaplaan li{
  float: left;
  list-style-type: none;
  width: 33%;
  margin: 1.33%;
  height: 120px;
  position: relative;
}	
}
.roombackground {
	background-size:100% 100% !important;
}
.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;
}
.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);
}
.bildirimbaslik {
	margin-bottom:5px;
	padding:4px 8px;
	font-size:10px;
	font-weight:bold;
}
.bildirimmesaj {
	background:#ff90ff;
	padding:5px 8px;
	border-radius:4px;
}
#bildirimtext {
	height:60px;
	border:none;
	
	background:none !important;
	border:none !important;
}
.gate-wrap {
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
}
.gate-inner {
	width:100%;
	max-width:520px;
}
.gate-card {
	border:1px solid rgba(255,255,255,.08);
	border-radius:16px;
	padding:22px 20px;
	box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.gate-icon {
	width:48px;
	height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:12px;
	border:1px solid rgba(245,158,11,.22);
	margin-bottom:14px;
}
.gate-icon i {
	font-size:20px;
	color:#f59e0b;
}
.gate-title {
	margin:0 0 6px 0;
	font-size:18px;
	font-weight:700;
	color:#fff;
}
.gate-desc {
	margin:0 0 14px 0;
	font-size:13.5px;
	line-height:1.55;
	color:rgba(255,255,255,.78);
}
.gate-note {
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 12px;
	border-radius:12px;
	border:1px solid rgba(255,255,255,.08);
	color:rgba(255,255,255,.70);
	font-size:12.5px;
}
.gate-note i {
	opacity:.9;
}
@media (max-width:420px) {
	.gate-card {
		padding:18px 16px;
	}
	.gate-title {
		font-size:17px;
	}
}

.user_item {
	position:relative;
	display:table;
	table-layout:fixed;
	width:100%;
	cursor:pointer;
	padding:10px 12px;
	margin-top:2px;
	border-radius:14px;
	border:1.5px dashed rgba(17,24,39,.28);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease;
}
.user_item:hover {
	border-color:rgba(17,24,39,.45);
	box-shadow:0 10px 26px rgba(0,0,0,.10);
	transform:translateY(-1px);
}
.user_item:active {
	transform:translateY(0);
	box-shadow:0 6px 16px rgba(0,0,0,.08);
}
.user_item.active,.user_item.selected {
	border-color:rgba(3,173,216,.55);
	box-shadow:0 12px 28px rgba(3,173,216,.12);
}