/**
 * Klansız oyuncu paneli — DarkOrbit internalNewClan (KATIL / KUR / ŞİRKET).
 * Kabuk: 860×439, üst header ile hizalı.
 * Orbit: .borderFrame (metal) + #navigationFrame (navi_bar) + #wrapper.clanList (margin-left:136).
 * Sol: payment/banking/navi_bar_background_01 + hangar/subnav_button_408x34
 * KATIL: clanlist/background_frame.png
 */

/* Market/auction gibi ornate: üst-alt görünür, yanlar padding’te */
#mainMenuOverlay #page-klan.active,
#page-klan.active {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 860px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 6px 6px !important;
    overflow: visible !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

#mainMenuOverlay .klan-ornate-frame {
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
}

#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-top,
#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-bottom {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-height: 24px !important;
    z-index: 6 !important;
    line-height: 0 !important;
}

#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-top {
    margin-bottom: -4px !important;
}

#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-bottom {
    margin-top: -28px !important;
}

#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-top-img,
#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-bottom-img {
    display: block !important;
    width: 100% !important;
    max-width: 820px !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-body {
    position: relative !important;
    width: 100% !important;
    max-width: 820px !important;
    margin: 0 auto !important;
    padding: 0 22px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-left,
#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-right {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 0 !important;
    /* Alt frame -28px yukarı alındı; yanlar ona göre kısalsın */
    bottom: 28px !important;
    width: 22px !important;
    z-index: 8 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-left {
    left: 0 !important;
}

#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-right {
    right: 0 !important;
}

#mainMenuOverlay .klan-ornate-frame .bilgi-ornate-side-img {
    display: block !important;
    width: 22px !important;
    height: 100% !important;
    object-fit: fill !important;
}

/*
 * Frame içi kabuk ~776 (820−44) — metal ile aynı.
 */
#mainMenuOverlay #page-klan #klanNoClanPanel.klan-list-panel,
#page-klan #klanNoClanPanel.klan-list-panel {
    display: block !important;
    flex: 0 0 420px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    width: 776px !important;
    max-width: 776px !important;
    min-width: 0 !important;
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    overflow: hidden !important;
    zoom: 1 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ddd;
    box-sizing: border-box !important;
    position: relative !important;
}

/*
 * Orbit .borderFrame — metal 776px, hafif sağa (nav ile frame arası boşluk kapanır).
 */
#page-klan #klanNoClanPanel.klan-list-panel::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 776px !important;
    height: 420px !important;
    background: url('do_img/global/payment/balance/bg_payment_metal_01.jpg') no-repeat center top !important;
    background-size: 776px 420px !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* Şirket sekmesinde metal gizle (kendi bg_clan6 var) */
#page-klan #klanNoClanPanel.klan-list-panel:has(.klan-sirket-main.active)::before {
    display: none !important;
}

/* hidden, #mainMenuOverlay … display:block’tan daha spesifik olmalı */
#mainMenuOverlay #page-klan #klanNoClanPanel.klan-list-panel.hidden,
#page-klan #klanNoClanPanel.klan-list-panel.hidden,
#page-klan #klanNoClanPanel.hidden {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    flex: 0 0 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*
 * Sol nav — Orbit #navigationFrame: metal üzerinde, içeriğe yakın (sola yapışık değil).
 */
#page-klan #klanNoClanPanel .klan-list-nav-wrap {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: 391px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: url('do_img/global/payment/banking/navi_bar_background_01.png') no-repeat -3px -3px !important;
    background-color: transparent !important;
    z-index: 3;
    overflow: visible;
}

#page-klan #klanNoClanPanel .klan-list-nav {
    width: 137px;
    min-width: 137px;
    margin: 5px 0 0 0;
    padding: 5px 0 0 0 !important;
    gap: 0 !important;
    display: flex;
    flex-direction: column;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#page-klan #klanNoClanPanel .klan-list-nav-btn {
    display: block;
    width: 137px !important;
    height: 34px !important;
    margin: 0 0 2px 0;
    padding: 0 !important;
    box-sizing: border-box;
    border: none !important;
    border-radius: 0 !important;
    background: url('do_img/global/hangar/subnav_button_408x34.png') no-repeat left center !important;
    background-size: auto !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    letter-spacing: 0.04em;
    line-height: 34px !important;
    text-align: center !important;
    text-shadow: none !important;
    filter: none !important;
    box-shadow: none !important;
    outline: none;
    cursor: pointer;
    position: relative;
}

#page-klan #klanNoClanPanel .klan-list-nav-btn:hover {
    background-image: url('do_img/global/hangar/subnav_button_408x34.png') !important;
    background-position: center center !important;
    color: #ffffff !important;
    filter: none !important;
}

#page-klan #klanNoClanPanel .klan-list-nav-btn.active,
#page-klan #klanNoClanPanel .klan-list-nav-btn.active:hover,
#page-klan #klanNoClanPanel .klan-list-nav-btn[data-klan-list-tab="sirket"].active {
    background-image: url('do_img/global/hangar/subnav_button_408x34.png') !important;
    background-position: right center !important;
    color: #000000 !important;
    filter: none !important;
}

#page-klan #klanNoClanPanel .klan-list-nav-btn::before,
#page-klan #klanNoClanPanel .klan-list-nav-btn::after {
    content: none !important;
    display: none !important;
}

/*
 * Sağ içerik — Orbit #wrapper.clanList { margin-left: 136px } (nav’ın hemen yanı).
 * ŞİRKET (.klan-sirket-main) bu bloğa GİRMEZ.
 */
#page-klan #klanNoClanPanel .klan-tab-pane:not(.klan-sirket-main),
#page-klan #klanNoClanPanel .klan-list-main,
#page-klan #klanNoClanPanel .klan-kur-main {
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 776px !important;
    min-width: 0 !important;
    max-width: 776px !important;
    height: 420px !important;
    min-height: 0 !important;
    max-height: 420px !important;
    margin: 0 !important;
    padding: 0 0 0 136px !important; /* Orbit wrapper.clanList margin-left */
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    z-index: 1;
    background-color: transparent !important;
    background-image: none !important;
    box-sizing: border-box !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ddd;
}

#page-klan #klanNoClanPanel .klan-tab-pane.active:not(.klan-sirket-main) {
    display: block !important;
}

#page-klan #klanNoClanPanel .klan-list-main.active {
    display: block !important;
    background-image: none !important;
    background-color: transparent !important;
    padding: 0 8px 8px 136px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

#page-klan #klanNoClanPanel .klan-list-main.active::before {
    content: none !important;
    display: none !important;
}

#page-klan #klanNoClanPanel .klan-kur-main.active {
    display: block !important;
    background-image: none !important;
    background-color: transparent !important;
    padding: 0 8px 8px 136px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

#page-klan #klanNoClanPanel .klan-kur-main.active::before {
    content: none !important;
    display: none !important;
}

/*
 * ŞİRKET (klansız) + klanlı panel: dış ornate YOK; 860×439 klasik kabuk.
 * Sınıf: .klan-mode-sirket (klansız ŞİRKET) / .klan-mode-classic (klanlı panel).
 * JS toggle — :has yedek. KATIL/KUR ornate’e dokunma.
 */
#mainMenuOverlay .klan-ornate-frame.klan-mode-sirket .bilgi-ornate-top,
#mainMenuOverlay .klan-ornate-frame.klan-mode-sirket .bilgi-ornate-bottom,
#mainMenuOverlay .klan-ornate-frame.klan-mode-sirket .bilgi-ornate-left,
#mainMenuOverlay .klan-ornate-frame.klan-mode-sirket .bilgi-ornate-right,
#mainMenuOverlay .klan-ornate-frame.klan-mode-classic .bilgi-ornate-top,
#mainMenuOverlay .klan-ornate-frame.klan-mode-classic .bilgi-ornate-bottom,
#mainMenuOverlay .klan-ornate-frame.klan-mode-classic .bilgi-ornate-left,
#mainMenuOverlay .klan-ornate-frame.klan-mode-classic .bilgi-ornate-right,
#mainMenuOverlay .klan-ornate-frame:has(#klanMyPanel:not(.hidden)) .bilgi-ornate-top,
#mainMenuOverlay .klan-ornate-frame:has(#klanMyPanel:not(.hidden)) .bilgi-ornate-bottom,
#mainMenuOverlay .klan-ornate-frame:has(#klanMyPanel:not(.hidden)) .bilgi-ornate-left,
#mainMenuOverlay .klan-ornate-frame:has(#klanMyPanel:not(.hidden)) .bilgi-ornate-right,
#mainMenuOverlay .klan-ornate-frame:has(.klan-sirket-main.active) .bilgi-ornate-top,
#mainMenuOverlay .klan-ornate-frame:has(.klan-sirket-main.active) .bilgi-ornate-bottom,
#mainMenuOverlay .klan-ornate-frame:has(.klan-sirket-main.active) .bilgi-ornate-left,
#mainMenuOverlay .klan-ornate-frame:has(.klan-sirket-main.active) .bilgi-ornate-right {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#mainMenuOverlay .klan-ornate-frame.klan-mode-sirket,
#mainMenuOverlay .klan-ornate-frame.klan-mode-classic,
#mainMenuOverlay .klan-ornate-frame:has(#klanMyPanel:not(.hidden)),
#mainMenuOverlay .klan-ornate-frame:has(.klan-sirket-main.active) {
    width: 860px !important;
    max-width: 860px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

#mainMenuOverlay .klan-ornate-frame.klan-mode-sirket .bilgi-ornate-body,
#mainMenuOverlay .klan-ornate-frame.klan-mode-classic .bilgi-ornate-body,
#mainMenuOverlay .klan-ornate-frame:has(#klanMyPanel:not(.hidden)) .bilgi-ornate-body,
#mainMenuOverlay .klan-ornate-frame:has(.klan-sirket-main.active) .bilgi-ornate-body {
    width: 860px !important;
    max-width: 860px !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

#mainMenuOverlay #page-klan.klan-shell-classic,
#mainMenuOverlay #page-klan:has(.klan-sirket-main.active),
#mainMenuOverlay #page-klan:has(#klanMyPanel:not(.hidden)) {
    width: 860px !important;
    max-width: 860px !important;
    padding: 0 !important;
}

#mainMenuOverlay #page-klan #klanNoClanPanel.klan-list-panel.klan-mode-sirket,
#mainMenuOverlay #page-klan #klanNoClanPanel.klan-list-panel:has(.klan-sirket-main.active),
#page-klan #klanNoClanPanel.klan-list-panel.klan-mode-sirket,
#page-klan #klanNoClanPanel.klan-list-panel:has(.klan-sirket-main.active) {
    width: 860px !important;
    max-width: 860px !important;
    min-width: 860px !important;
    height: 439px !important;
    min-height: 439px !important;
    max-height: 439px !important;
    flex: 0 0 439px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    background: transparent !important;
    background-image: none !important;
}

#mainMenuOverlay #page-klan #klanNoClanPanel.klan-mode-sirket::before,
#page-klan #klanNoClanPanel.klan-mode-sirket::before,
#page-klan #klanNoClanPanel.klan-list-panel:has(.klan-sirket-main.active)::before {
    display: none !important;
    content: none !important;
}

#mainMenuOverlay #page-klan #klanNoClanPanel .klan-sirket-main,
#page-klan #klanNoClanPanel .klan-sirket-main {
    display: none !important;
    position: absolute !important;
    left: 181px !important;
    top: 0 !important;
    width: 679px !important;
    min-width: 679px !important;
    max-width: 679px !important;
    height: 439px !important;
    min-height: 439px !important;
    max-height: 439px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    z-index: 1;
    background-color: transparent !important;
    background-image: none !important;
    box-sizing: border-box !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ddd;
    flex: none !important;
    flex-direction: unset !important;
    overflow-y: hidden !important;
    gap: 0 !important;
}

#mainMenuOverlay #page-klan #klanNoClanPanel .klan-sirket-main.active,
#page-klan #klanNoClanPanel .klan-sirket-main.active {
    display: block !important;
    background-image: url('do_img/global/bg_clan6.png') !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 679px 439px !important;
    background-color: transparent !important;
    /* #klanMyPanel şirket ile aynı */
    padding: 34px 20px 12px 75px !important;
    overflow: hidden !important;
}

#mainMenuOverlay #page-klan #klanNoClanPanel.klan-mode-sirket .klan-list-nav-wrap,
#page-klan #klanNoClanPanel.klan-mode-sirket .klan-list-nav-wrap,
#mainMenuOverlay #page-klan #klanNoClanPanel.klan-list-panel:has(.klan-sirket-main.active) .klan-list-nav-wrap,
#page-klan #klanNoClanPanel.klan-list-panel:has(.klan-sirket-main.active) .klan-list-nav-wrap {
    left: 0 !important;
    top: 0 !important;
    width: 181px !important;
    min-width: 181px !important;
    max-width: 181px !important;
    height: 439px !important;
    background: url('do_img/global/nav_sub_bg.png') no-repeat left top !important;
    background-size: 181px 439px !important;
}

#mainMenuOverlay #page-klan #klanNoClanPanel.klan-mode-sirket .klan-list-nav,
#page-klan #klanNoClanPanel.klan-mode-sirket .klan-list-nav,
#mainMenuOverlay #page-klan #klanNoClanPanel.klan-list-panel:has(.klan-sirket-main.active) .klan-list-nav,
#page-klan #klanNoClanPanel.klan-list-panel:has(.klan-sirket-main.active) .klan-list-nav {
    width: 130px !important;
    min-width: 130px !important;
    margin: 20px 0 0 45px !important;
    padding: 0 !important;
}

/* ŞİRKET nav butonları = klanlı subnav (hangar değil) */
#mainMenuOverlay #page-klan #klanNoClanPanel.klan-mode-sirket .klan-list-nav-btn,
#page-klan #klanNoClanPanel.klan-mode-sirket .klan-list-nav-btn {
    width: 130px !important;
    height: 33px !important;
    margin: 0 0 3px 0 !important;
    padding: 0 0 0 30px !important;
    line-height: 33px !important;
    text-align: left !important;
    background: url('do_img/global/bg_subnav_standard.gif') no-repeat left center !important;
    background-size: auto !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: bold !important;
}

#mainMenuOverlay #page-klan #klanNoClanPanel.klan-mode-sirket .klan-list-nav-btn:hover,
#page-klan #klanNoClanPanel.klan-mode-sirket .klan-list-nav-btn:hover {
    background-image: url('do_img/global/bg_subnav_hover.gif') !important;
}

#mainMenuOverlay #page-klan #klanNoClanPanel.klan-mode-sirket .klan-list-nav-btn.active,
#mainMenuOverlay #page-klan #klanNoClanPanel.klan-mode-sirket .klan-list-nav-btn.active:hover,
#page-klan #klanNoClanPanel.klan-mode-sirket .klan-list-nav-btn.active,
#page-klan #klanNoClanPanel.klan-mode-sirket .klan-list-nav-btn.active:hover {
    background-image: url('do_img/global/bg_subnav_selected.gif') !important;
    color: #fff !important;
}

#page-klan #klanNoClanPanel .klan-list-frame {
    width: 637px;
    max-width: 100%;
    height: 392px;
    max-height: 392px;
    min-height: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-color: transparent !important;
    background-image: url('do_img/global/clan/clanlist/background_frame.png') !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 637px 392px !important;
}

#page-klan #klanNoClanPanel .klan-kur-main.active > * {
    position: relative;
    z-index: 1;
}

/* —— KATIL: Orbit float — controlls absolute üstte, headline 25px —— */
#page-klan #klanNoClanPanel .klan-list-header {
    display: block !important;
    flex: 0 0 auto;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 52px !important;
    height: 52px !important;
    overflow: visible !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#page-klan #klanNoClanPanel .klan-list-title {
    display: block !important;
    float: none !important;
    width: 250px;
    max-width: 50%;
    margin: 0 !important;
    /* Orbit #wrapper.clanList .headline */
    padding: 25px 15px 0 15px !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #e8a84a !important;
    line-height: 18px !important;
    text-shadow: none !important;
    background: transparent !important;
}

#page-klan #klanNoClanPanel .klan-list-toolbar {
    /* Ayrıntılı arama sağa yaslı; Ara hemen yanında (gap mevcut) */
    position: absolute !important;
    top: -2px !important;
    right: -8px !important;
    left: auto !important;
    bottom: auto !important;
    float: none !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end;
    flex-wrap: nowrap !important;
    width: auto !important;
    max-width: none;
    gap: 3px;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5;
    visibility: visible !important;
}

#page-klan #klanNoClanPanel .klan-list-search-wrap {
    display: flex !important;
    align-items: center !important;
    float: none !important;
    flex: 0 0 auto;
    width: 170px;
    gap: 0;
    /* Orbit .searchFieldWrapper */
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    /* Sadece Ara — Ayrıntılı aramaya dokunma */
    position: relative;
    left: 8px;
}

#page-klan #klanNoClanPanel .klan-list-search-input {
    display: block !important;
    flex: 0 0 137px;
    width: 137px !important;
    min-width: 137px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    box-sizing: border-box;
    border: 0 none !important;
    border-radius: 0 !important;
    background: url('do_img/global/clan/clanlist/textfield.jpg') no-repeat center center !important;
    background-color: #1a1a1a !important;
    color: #666666 !important;
    font-size: 11px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    box-shadow: none !important;
    visibility: visible !important;
}

#page-klan #klanNoClanPanel .klan-list-search-input:focus {
    outline: none;
    box-shadow: none !important;
}

#page-klan #klanNoClanPanel .klan-list-search-input::placeholder {
    color: #666666;
}

#page-klan #klanNoClanPanel .klan-list-search-btn {
    display: inline-block !important;
    flex: 0 0 20px;
    width: 20px !important;
    min-width: 20px !important;
    height: 21px !important;
    margin: 0 0 0 2px !important;
    padding: 0 !important;
    border: 0 none !important;
    border-radius: 0 !important;
    background: url('do_img/global/clan/clanlist/search_button_sprite_20x21.png') no-repeat 0 0 !important;
    background-color: transparent !important;
    background-size: auto !important;
    box-shadow: none !important;
    cursor: pointer;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-indent: -9999px;
    overflow: hidden;
    visibility: visible !important;
}

#page-klan #klanNoClanPanel .klan-list-search-btn:hover {
    background-position: -20px 0 !important;
    filter: none !important;
}

#page-klan #klanNoClanPanel .klan-list-search-btn:active {
    background-position: -40px 0 !important;
}

#page-klan #klanNoClanPanel .klan-list-search-icon {
    display: none !important;
}

#page-klan #klanNoClanPanel .klan-list-detail-btn {
    display: block !important;
    flex: 0 0 142px;
    width: 142px !important;
    min-width: 142px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    border-radius: 0 !important;
    background: url('do_img/global/clan/clanlist/filter_button_142_28.png') no-repeat center 0 !important;
    background-color: transparent !important;
    background-size: auto !important;
    color: #999999 !important;
    font-size: 11px !important;
    font-weight: normal !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    line-height: 28px !important;
    text-align: center;
    box-shadow: none !important;
    cursor: pointer;
    visibility: visible !important;
    /* Sadece bu buton — Ara konumuna dokunma */
    position: relative;
    left: -8px;
}

#page-klan #klanNoClanPanel .klan-list-detail-btn:hover {
    background-position: center -28px !important;
    color: #bbbbbb !important;
    filter: none !important;
}

#page-klan #klanNoClanPanel .klan-list-detail-btn:active {
    background-position: center -56px !important;
}

/* —— Kolon başlığı sabit (Orbit: header scroll dışında) —— */
#page-klan #klanNoClanPanel .klan-list-cols-head {
    flex: 0 0 auto;
    width: 623px;
    max-width: 100%;
    margin: 0;
    padding: 0 16px 0 0; /* scrollbar genişliği — sütun hizası */
    box-sizing: border-box;
    background: #121820 !important;
    overflow: hidden;
}

#page-klan #klanNoClanPanel .klan-list-table-head {
    width: 100%;
}

/* —— Tablo gövdesi kayar; başlık sabit —— */
#page-klan #klanNoClanPanel .klan-list-table-wrap {
    flex: 1 1 auto;
    width: 623px;
    max-width: 100%;
    min-height: 0;
    height: auto !important;
    max-height: none !important;
    margin: 0;
    padding: 0;
    overflow: hidden !important;
    outline: none;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    position: relative;
    box-sizing: border-box;
}

#page-klan #klanNoClanPanel .klan-list-table-wrap .jspContainer {
    width: 100% !important;
    height: 100% !important;
}

#page-klan #klanNoClanPanel .klan-list-table-wrap .jspVerticalBar {
    background: transparent;
    display: block !important;
    z-index: 5;
}

#page-klan #klanNoClanPanel .klan-list-table-wrap .jspPane {
    width: calc(100% - 16px) !important;
}

#page-klan #klanNoClanPanel .klan-list-table-wrap .jspTrack {
    background-repeat: repeat-y;
    background-position: center top;
}

#page-klan #klanNoClanPanel .klan-list-table-wrap .jspDrag {
    background-repeat: repeat-y;
}

#page-klan #klanNoClanPanel .klan-list-table-wrap .jspArrow {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent !important;
    text-indent: -20000px;
}

#page-klan #klanNoClanPanel .klan-list-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background: transparent !important;
    color: #eeeeee;
    font-size: 11px;
}

#page-klan #klanNoClanPanel .klan-list-col-name { width: 38%; }
#page-klan #klanNoClanPanel .klan-list-col-members { width: 14%; }
#page-klan #klanNoClanPanel .klan-list-col-rank { width: 12%; }
#page-klan #klanNoClanPanel .klan-list-col-company { width: 16%; }
#page-klan #klanNoClanPanel .klan-list-col-status { width: 20%; }

#page-klan #klanNoClanPanel .klan-list-table thead,
#page-klan #klanNoClanPanel .klan-list-cols-head thead {
    position: static;
    top: auto;
    z-index: auto;
    background: #121820 !important;
    box-shadow: none !important;
}

#page-klan #klanNoClanPanel .klan-list-row:nth-child(even) td,
#page-klan #klanNoClanPanel .klan-list-row.even td {
    background-color: rgba(18, 40, 58, 0.45) !important;
}

#page-klan #klanNoClanPanel .klan-list-table thead th {
    height: 22px;
    padding: 4px 12px 4px 12px !important;
    box-sizing: border-box;
    text-align: left !important;
    font-weight: bold !important;
    color: #ffffff !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
    white-space: nowrap;
    background-image: url('do_img/global/clan/clanlist/small-arrow-sortable.png') !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
}

#page-klan #klanNoClanPanel .klan-list-table thead th.klan-list-th-name,
#page-klan #klanNoClanPanel .klan-list-table thead th.klan-list-th-members,
#page-klan #klanNoClanPanel .klan-list-table thead th.klan-list-th-rank,
#page-klan #klanNoClanPanel .klan-list-table thead th.klan-list-th-company {
    background-image:
        url('do_img/global/clan/clanlist/small-arrow-sortable.png'),
        url('do_img/global/payment/balance/splitter_line.jpg') !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: right 8px center, right center !important;
}

#page-klan #klanNoClanPanel .klan-list-table .sort-arrows {
    display: none !important;
}

#page-klan #klanNoClanPanel .klan-list-row td {
    height: 24px;
    padding: 4px 12px !important;
    box-sizing: border-box;
    border: none !important;
    color: #eeeeee !important;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: transparent !important;
}

#page-klan #klanNoClanPanel .klan-list-row td.klan-list-name,
#page-klan #klanNoClanPanel .klan-list-row td.klan-list-members,
#page-klan #klanNoClanPanel .klan-list-row td.klan-list-rank,
#page-klan #klanNoClanPanel .klan-list-row td.klan-list-company {
    background-image: url('do_img/global/payment/balance/splitter_line.jpg');
    background-repeat: no-repeat;
    background-position: right center;
}

#page-klan #klanNoClanPanel .klan-list-row.even td {
    background-image: url('do_img/global/payment/balance/list_line_normal.png');
    background-repeat: repeat;
    background-position: left top;
}

#page-klan #klanNoClanPanel .klan-list-row.even td.klan-list-name,
#page-klan #klanNoClanPanel .klan-list-row.even td.klan-list-members,
#page-klan #klanNoClanPanel .klan-list-row.even td.klan-list-rank,
#page-klan #klanNoClanPanel .klan-list-row.even td.klan-list-company {
    background-image:
        url('do_img/global/payment/balance/splitter_line.jpg'),
        url('do_img/global/payment/balance/list_line_normal.png');
    background-repeat: no-repeat, repeat;
    background-position: right center, left top;
}

#page-klan #klanNoClanPanel .klan-list-row:hover td {
    color: #ffcc00 !important;
}

#page-klan #klanNoClanPanel .klan-list-row-apply {
    cursor: pointer;
}

#page-klan #klanNoClanPanel .klan-list-name-link {
    display: block;
    max-width: 100%;
    height: 13px;
    overflow: hidden;
    padding-right: 16px;
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
    background-image: url('do_img/global/clan/clanlist/arrow_right_4x7px.gif');
    background-repeat: no-repeat;
    background-position: right -12px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#page-klan #klanNoClanPanel .klan-list-row:hover .klan-list-name-link {
    background-position: right -24px;
    color: #ffcc00;
}

#page-klan #klanNoClanPanel .klan-list-status {
    padding-left: 24px !important;
    background-repeat: no-repeat !important;
    background-position: 8px center !important;
    background-size: 11px 11px !important;
    background-image: url('do_img/global/clan/clanlist/status_icon_recruiting.png') !important;
}

#page-klan #klanNoClanPanel .klan-list-status.is-pending {
    background-image: url('do_img/global/clan/clanlist/status_icon_pending.png') !important;
}

#page-klan #klanNoClanPanel .klan-list-status.is-closed {
    background-image: url('do_img/global/clan/clanlist/status_icon_not_recruiting.png') !important;
}

#page-klan #klanNoClanPanel .klan-list-row.even td.klan-list-status {
    background-image:
        url('do_img/global/clan/clanlist/status_icon_recruiting.png'),
        url('do_img/global/payment/balance/list_line_normal.png') !important;
    background-repeat: no-repeat, repeat !important;
    background-position: 8px center, left top !important;
    background-size: 11px 11px, auto !important;
}

#page-klan #klanNoClanPanel .klan-list-row.even td.klan-list-status.is-pending {
    background-image:
        url('do_img/global/clan/clanlist/status_icon_pending.png'),
        url('do_img/global/payment/balance/list_line_normal.png') !important;
}

#page-klan #klanNoClanPanel .klan-list-row.even td.klan-list-status.is-closed {
    background-image:
        url('do_img/global/clan/clanlist/status_icon_not_recruiting.png'),
        url('do_img/global/payment/balance/list_line_normal.png') !important;
}

#page-klan #klanNoClanPanel .klan-list-stat-icon,
#page-klan #klanNoClanPanel .klan-list-arrow {
    display: none !important;
}

#page-klan #klanNoClanPanel .klan-list-stat-icon::before,
#page-klan #klanNoClanPanel .klan-list-stat-icon::after {
    content: none !important;
    display: none !important;
}

#page-klan #klanNoClanPanel .klan-list-loading,
#page-klan #klanNoClanPanel .klan-list-empty,
#page-klan #klanNoClanPanel .klan-list-error {
    padding: 12px 10px !important;
    color: #c8c8c8 !important;
    text-align: left !important;
    background: transparent !important;
    border: none !important;
}

#page-klan #klanNoClanPanel .klan-list-pager {
    flex: 0 0 auto;
    margin: 0;
    padding: 10px 0 14px 0;
    position: relative;
    top: 10px;
    color: #ffcc00;
    font-size: 11px;
    line-height: 16px;
    min-height: 18px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#page-klan #klanNoClanPanel .klan-list-pager a,
#page-klan #klanNoClanPanel .klan-list-pager button {
    display: inline;
    margin: 0 2px;
    padding: 0;
    border: none;
    background: transparent;
    color: #eeeeee;
    font: inherit;
    cursor: pointer;
    text-decoration: none;
}

#page-klan #klanNoClanPanel .klan-list-pager a:hover,
#page-klan #klanNoClanPanel .klan-list-pager button:hover {
    color: #ffcc00;
}

#page-klan #klanNoClanPanel .klan-list-pager .is-current {
    color: #ffcc00;
    font-weight: bold;
}

/* —— KUR (Orbit #wrapper.clanFound) — KATIL/ŞİRKET’e dokunma —— */
#page-klan #klanNoClanPanel .klan-kur-frame {
    position: relative;
    z-index: 1;
    width: 637px;
    max-width: 100%;
    height: 392px;
    max-height: 392px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    background-color: transparent !important;
    background-image: url('do_img/global/clan/clanfound/background_frame.png') !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: 637px 392px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #e2e2e2;
}

#page-klan #klanNoClanPanel .klan-kur-title {
    margin: 0 !important;
    padding: 15px 15px 8px 15px !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #ffcc00 !important;
    line-height: 18px !important;
    text-shadow: none !important;
    background: transparent !important;
}

#page-klan #klanNoClanPanel .klan-kur-layout {
    display: block !important;
    position: relative !important;
    width: 100%;
    height: 340px;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box;
    overflow: visible !important;
}

#page-klan #klanNoClanPanel .klan-kur-description {
    float: none !important;
    position: relative;
    z-index: 1;
    width: 340px !important;
    max-width: 55%;
    margin: 0 !important;
    padding: 4px 12px 12px 15px !important;
    box-sizing: border-box;
    color: #e2e2e2 !important;
    font-size: 11px !important;
    line-height: 1.45;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#page-klan #klanNoClanPanel .klan-kur-intro {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    color: #e2e2e2 !important;
    font-size: 11px !important;
    font-weight: normal !important;
    background: transparent !important;
    border: none !important;
}

#page-klan #klanNoClanPanel .klan-kur-grey {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    color: #999999 !important;
    font-size: 11px !important;
    font-style: normal !important;
    background: transparent !important;
    border: none !important;
}

#page-klan #klanNoClanPanel .klan-kur-bluegrey {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    color: #a4d3ff !important;
    font-size: 11px !important;
    line-height: 1.55;
    list-style: none !important;
    background: transparent !important;
    border: none !important;
}

/*
 * Form kolonu — Orbit float:right gibi sağa sabit.
 * Credit/Kur alt şeritte (absolute bottom), inputlarla aynı merkez.
 */
#page-klan #klanNoClanPanel .klan-kur-formular {
    float: none !important;
    position: absolute !important;
    top: 4px !important;
    right: -4px !important;
    left: auto !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    height: 348px !important;
    min-height: 348px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    display: block !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    z-index: 2;
}

#page-klan #klanNoClanPanel .klan-kur-input,
#page-klan #klanNoClanPanel .klan-kur-textarea {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 227px !important;
    max-width: 227px !important;
    height: auto !important;
    margin: 2px auto 0 !important;
    padding: 5px !important;
    box-sizing: border-box;
    border: 3px solid #1c2834 !important;
    border-radius: 0 !important;
    background: #000000 !important;
    background-image: none !important;
    color: #999999 !important;
    font-size: 11px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    box-shadow: none !important;
    outline: none !important;
    resize: none;
}

#page-klan #klanNoClanPanel #klanKurName {
    display: block !important;
    visibility: visible !important;
    margin: 0 auto !important;
}

#page-klan #klanNoClanPanel #klanKurTag,
#page-klan #klanNoClanPanel #klanKurDesc {
    display: block !important;
    visibility: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#page-klan #klanNoClanPanel .klan-kur-input::placeholder,
#page-klan #klanNoClanPanel .klan-kur-textarea::placeholder {
    color: #666666 !important;
    opacity: 1;
}

#page-klan #klanNoClanPanel .klan-kur-input:focus,
#page-klan #klanNoClanPanel .klan-kur-textarea:focus {
    border-color: #1c2834 !important;
    box-shadow: none !important;
}

#page-klan #klanNoClanPanel .klan-kur-textarea {
    width: 227px !important;
    max-width: 227px !important;
    height: 156px !important;
    min-height: 156px !important;
    max-height: 156px !important;
    overflow: auto !important;
}

/* Credit — alt şerit (yukarı kaymasın) */
#page-klan #klanNoClanPanel .klan-kur-costs {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 52px !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    display: block !important;
    width: fit-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    z-index: 3;
}

#page-klan #klanNoClanPanel .klan-kur-cost-left,
#page-klan #klanNoClanPanel .klan-kur-cost-center,
#page-klan #klanNoClanPanel .klan-kur-cost-right {
    display: inline-block !important;
    vertical-align: top;
    height: 27px;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

#page-klan #klanNoClanPanel .klan-kur-cost-left {
    width: 4px;
    background: url('do_img/global/clan/clanjoin/price_display_left.png') no-repeat left top;
}

#page-klan #klanNoClanPanel .klan-kur-cost-center {
    width: auto;
    min-width: 100px;
    height: 27px;
    padding: 7px 15px 0 !important;
    background: url('do_img/global/clan/clanjoin/price_display_center.png') repeat-x left top !important;
    background-color: transparent !important;
    color: #ffcc00 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    line-height: 13px !important;
    text-align: center;
    white-space: nowrap;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#page-klan #klanNoClanPanel .klan-kur-cost-right {
    width: 4px;
    background: url('do_img/global/clan/clanjoin/price_display_right.png') no-repeat left top;
}

/* Kur — sprite sabit; hover’da kare anında değişir (kayma yok) */
#page-klan #klanNoClanPanel .klan-kur-submit-btn {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 10px !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    display: block !important;
    width: 152px !important;
    min-width: 152px !important;
    max-width: 152px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    border-radius: 0 !important;
    background-image: url('do_img/global/clan/clanjoin/btn_hologram_green_152x36.png') !important;
    background-repeat: no-repeat !important;
    background-position: left -36px !important;
    background-color: transparent !important;
    background-size: 152px 144px !important;
    color: transparent !important;
    font-size: 0 !important;
    font-weight: bold !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    line-height: 36px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-shadow: none !important;
    text-indent: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    /* style.css background transition sprite’ı kaydırıyordu */
    transition: none !important;
    animation: none !important;
    cursor: pointer;
    outline: none !important;
    z-index: 3;
    overflow: hidden !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

#page-klan #klanNoClanPanel .klan-kur-submit-btn::before,
#page-klan #klanNoClanPanel .klan-kur-submit-btn::after {
    content: none !important;
    display: none !important;
}

#page-klan #klanNoClanPanel .klan-kur-submit-btn:hover {
    background-position: left -72px !important;
    background-color: transparent !important;
    filter: none !important;
    box-shadow: none !important;
    transition: none !important;
}

#page-klan #klanNoClanPanel .klan-kur-submit-btn:active {
    background-position: left -108px !important;
    transition: none !important;
}

#page-klan #klanNoClanPanel .klan-kur-submit-btn:disabled {
    background-position: left 0 !important;
    cursor: default;
    opacity: 1;
}

/* —— ŞİRKET (klanlı panel ile aynı Orbit düzeni) —— */
#page-klan #klanNoClanPanel .sirket-page-wrap {
    display: flex;
    flex-direction: column;
    width: 535px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    gap: 0;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#page-klan #klanNoClanPanel .sirket-detay-bar {
    margin: 0 0 8px 0;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

#page-klan #klanNoClanPanel .sirket-detay-content {
    margin: 0 0 6px 0;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

#page-klan #klanNoClanPanel .sirket-current-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 16px;
}

#page-klan #klanNoClanPanel .sirket-current-card.sirket-card-frame {
    flex: 0 0 auto;
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 0 !important;
    gap: 0;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#page-klan #klanNoClanPanel .sirket-current-card .sirket-option-logo-img {
    display: block;
    width: 120px;
    height: auto;
    max-width: 120px;
}

#page-klan #klanNoClanPanel .sirket-current-card .sirket-option-name-main,
#page-klan #klanNoClanPanel .sirket-current-card .sirket-option-name-sub {
    display: none !important;
}

#page-klan #klanNoClanPanel .sirket-current-name-full {
    flex: 1 1 auto;
    margin: 0;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

#page-klan #klanNoClanPanel .sirket-stats-panel {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px 40px;
    width: 523px;
    max-width: 100%;
    margin: 0 0 10px 0;
    padding: 10px 12px 12px !important;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.45) !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

#page-klan #klanNoClanPanel .sirket-stats-col {
    flex: 1 1 0;
    min-width: 0;
    gap: 4px;
}

#page-klan #klanNoClanPanel .sirket-stat-line {
    font-size: 11px !important;
    line-height: 14px;
    color: #c8c8c8 !important;
}

#page-klan #klanNoClanPanel .sirket-stat-line span {
    color: #ffffff !important;
    font-weight: normal !important;
    text-shadow: none !important;
}

#page-klan #klanNoClanPanel .sirket-stat-line--wrap span {
    display: block;
}

#page-klan #klanNoClanPanel .sirket-degistir-panel {
    margin: 8px 0 0 0;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 0;
}

#page-klan #klanNoClanPanel .sirket-options {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    width: 523px;
    max-width: 100%;
    margin: 0;
    padding: 0 !important;
    background: transparent !important;
}

#page-klan #klanNoClanPanel .sirket-option-card.sirket-card-frame {
    flex: 0 0 130px;
    width: 130px;
    height: 115px;
    min-height: 115px;
    margin: 0;
    padding: 0 !important;
    gap: 0;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
    cursor: pointer;
}

#page-klan #klanNoClanPanel .sirket-option-card .sirket-option-logo-wrap {
    display: block;
    width: 130px;
    height: 115px;
    border: none !important;
}

#page-klan #klanNoClanPanel .sirket-option-card .sirket-option-logo-img {
    display: block;
    width: 130px;
    height: 115px;
    object-fit: cover;
}

#page-klan #klanNoClanPanel .sirket-option-card .sirket-option-name-main,
#page-klan #klanNoClanPanel .sirket-option-card .sirket-option-name-sub {
    display: none !important;
}

#page-klan #klanNoClanPanel .sirket-degistir-center {
    flex: 0 0 278px;
    width: 278px;
    height: 115px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    background-image: url('do_img/global/changeFaction/company_bg_center.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 278px 115px !important;
}

#page-klan #klanNoClanPanel .sirket-degistir-bar {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

#page-klan #klanNoClanPanel .sirket-degistir-panel .sirket-degistir-text,
#page-klan #klanNoClanPanel .sirket-degistir-panel .sirket-degistir-cost,
#page-klan #klanNoClanPanel .sirket-cost-label,
#page-klan #klanNoClanPanel .sirket-cost-value {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: normal !important;
}
