/* KINGOFCS Master CSS V5
   Tek ana tema dosyası. Eski sayfa bazlı kingofcs-*.css çağrıları kaldırıldı.
   Tailwind runtime yardımcı sınıfları theme_nogcpheader.tpl içinde global yüklüdür.
*/
:root{--koc-brand-950:#071426;--koc-brand-900:#0b1f38;--koc-brand-800:#123254;--koc-brand-700:#0759c7;--koc-brand-600:#0b6ff5;--koc-brand-500:#2b84ff;--koc-brand-100:#dcecff;--koc-brand-50:#f3f8ff;}
.hidden{display:none!important;}
[x-cloak]{display:none!important;}
.bg-grid{background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:24px 24px;}


/* ===== Imported from nogcp-notify.css ===== */

/* KINGOFCS / NOGCP Notification UI
   Horizontal light theme compatible.
   This file intentionally contains only the shared notification component. */

#nogcp-notify-stack.notify-stack,
.notify-stack.nogcp-notify-stack {
    position: fixed;
    right: 20px;
    bottom: 92px;
    z-index: 10050;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: min(400px, calc(100vw - 32px));
    pointer-events: none;
    font-family: "Open Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#nogcp-notify-stack .notify-item,
.notify-stack.nogcp-notify-stack .notify-item {
    --notify-accent: #0b6ff5;
    --notify-accent-strong: #0759c7;
    --notify-soft: #eff6ff;
    --notify-border: #bfdbfe;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    pointer-events: auto;
    border: 1px solid var(--notify-border) !important;
    border-radius: 17px;
    background:
        radial-gradient(circle at 96% 0%, color-mix(in srgb, var(--notify-accent) 10%, transparent), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #ffffff 58%, var(--notify-soft) 145%);
    color: #334155;
    box-shadow:
        0 20px 50px rgba(15, 23, 42, .16),
        0 2px 8px rgba(15, 23, 42, .05),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

#nogcp-notify-stack .notify-item::before,
.notify-stack.nogcp-notify-stack .notify-item::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 4px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(180deg, var(--notify-accent), var(--notify-accent-strong));
    box-shadow: 0 0 18px color-mix(in srgb, var(--notify-accent) 26%, transparent);
    pointer-events: none;
}

#nogcp-notify-stack .notify-item::after,
.notify-stack.nogcp-notify-stack .notify-item::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -34px;
    top: -42px;
    width: 112px;
    height: 112px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--notify-accent) 8%, transparent);
    pointer-events: none;
}

#nogcp-notify-stack .notify-head,
.notify-stack.nogcp-notify-stack .notify-head {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 58px;
    padding: 12px 12px 8px 16px;
}

#nogcp-notify-stack .notify-icon,
.notify-stack.nogcp-notify-stack .notify-icon {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    align-self: center;
    padding: 0 !important;
    border: 1px solid var(--notify-border);
    border-radius: 12px;
    background: var(--notify-soft);
    color: var(--notify-accent) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
}

#nogcp-notify-stack .notify-icon i,
.notify-stack.nogcp-notify-stack .notify-icon i {
    font-size: 16px !important;
    line-height: 1;
}

#nogcp-notify-stack .notify-title,
.notify-stack.nogcp-notify-stack .notify-title {
    overflow: hidden;
    color: var(--notify-accent-strong) !important;
    font-family: "Exo 2", "Open Sans", ui-sans-serif, system-ui, sans-serif;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.3;
    letter-spacing: -.01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#nogcp-notify-stack .notify-body,
.notify-stack.nogcp-notify-stack .notify-body {
    max-height: 180px;
    overflow: auto;
    margin: 0;
    padding: 0 48px 15px 65px;
    color: #475569 !important;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.62;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

#nogcp-notify-stack .notify-body::-webkit-scrollbar,
.notify-stack.nogcp-notify-stack .notify-body::-webkit-scrollbar {
    width: 5px;
}

#nogcp-notify-stack .notify-body::-webkit-scrollbar-thumb,
.notify-stack.nogcp-notify-stack .notify-body::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #cbd5e1;
}

#nogcp-notify-stack .notify-close,
.notify-stack.nogcp-notify-stack .notify-close {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    place-items: center;
    margin-left: auto;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    outline: 0;
    background: rgba(248, 250, 252, .88);
    color: #64748b !important;
    opacity: 1;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease;
}

#nogcp-notify-stack .notify-close:hover,
.notify-stack.nogcp-notify-stack .notify-close:hover {
    border-color: var(--notify-border);
    background: var(--notify-soft);
    color: var(--notify-accent-strong) !important;
    transform: translateY(-1px);
}

#nogcp-notify-stack .notify-close:focus-visible,
.notify-stack.nogcp-notify-stack .notify-close:focus-visible {
    border-color: var(--notify-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--notify-accent) 13%, transparent);
}

#nogcp-notify-stack .notify-item.success,
.notify-stack.nogcp-notify-stack .notify-item.success {
    --notify-accent: #10b981;
    --notify-accent-strong: #047857;
    --notify-soft: #ecfdf5;
    --notify-border: #a7f3d0;
}

#nogcp-notify-stack .notify-item.warning,
.notify-stack.nogcp-notify-stack .notify-item.warning {
    --notify-accent: #f59e0b;
    --notify-accent-strong: #b45309;
    --notify-soft: #fffbeb;
    --notify-border: #fde68a;
}

#nogcp-notify-stack .notify-item.danger,
#nogcp-notify-stack .notify-item.error,
.notify-stack.nogcp-notify-stack .notify-item.danger,
.notify-stack.nogcp-notify-stack .notify-item.error {
    --notify-accent: #e11d48;
    --notify-accent-strong: #be123c;
    --notify-soft: #fff1f2;
    --notify-border: #fecdd3;
}

#nogcp-notify-stack .notify-item.info,
.notify-stack.nogcp-notify-stack .notify-item.info {
    --notify-accent: #0b6ff5;
    --notify-accent-strong: #0759c7;
    --notify-soft: #eff6ff;
    --notify-border: #bfdbfe;
}

@media (max-width: 640px) {
    #nogcp-notify-stack.notify-stack,
    .notify-stack.nogcp-notify-stack {
        right: 10px;
        bottom: 76px;
        left: 10px;
        width: auto;
        gap: 9px;
    }

    #nogcp-notify-stack .notify-item,
    .notify-stack.nogcp-notify-stack .notify-item {
        border-radius: 15px;
    }

    #nogcp-notify-stack .notify-head,
    .notify-stack.nogcp-notify-stack .notify-head {
        padding: 10px 10px 7px 14px;
    }

    #nogcp-notify-stack .notify-icon,
    .notify-stack.nogcp-notify-stack .notify-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        border-radius: 11px;
    }

    #nogcp-notify-stack .notify-body,
    .notify-stack.nogcp-notify-stack .notify-body {
        max-height: 145px;
        padding: 0 44px 13px 61px;
        font-size: 11.5px;
        line-height: 1.55;
    }

    #nogcp-notify-stack .notify-close,
    .notify-stack.nogcp-notify-stack .notify-close {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #nogcp-notify-stack .notify-item,
    #nogcp-notify-stack .notify-close,
    .notify-stack.nogcp-notify-stack .notify-item,
    .notify-stack.nogcp-notify-stack .notify-close {
        transition: none !important;
    }
}


/* ===== Imported from kingofcs-horizontal-v3.css ===== */

/* KINGOFCS Horizontal V3 — canlı tema */
:root{--koc-950:#071426;--koc-900:#0b1f38;--koc-800:#123254;--koc-700:#0759c7;--koc-600:#0b6ff5;--koc-500:#2b84ff;--koc-100:#dcecff;--koc-50:#f3f8ff;--koc-bg:#f1f5f9;--koc-panel:#fff;--koc-border:#e2e8f0;--koc-text:#475569;--koc-heading:#0f172a;--koc-muted:#64748b;--koc-success:#10b981;--koc-warning:#f59e0b;--koc-danger:#e11d48;--color-bg:#f1f5f9;--color-panel:#fff;--color-border:#e2e8f0;--color-text:#475569;--color-heading:#071426;--color-accent:#0b6ff5;--color-dark:#cbd5e1;--color-border-soft:#cbd5e1}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}.koc-html{background:var(--koc-bg);font-family:'Open Sans',sans-serif}.koc-body{overflow:hidden;background:var(--koc-bg);color:var(--koc-heading);font-family:'Open Sans',sans-serif;-webkit-font-smoothing:antialiased}.koc-app{display:flex;height:100%;min-height:0;flex-direction:column}.koc-container{width:100%;max-width:1600px;margin:0 auto;padding-left:16px;padding-right:16px}.koc-systembar{height:40px;flex:0 0 40px;background:linear-gradient(90deg,var(--koc-950),var(--koc-900));color:#fff;font-family:Montserrat,sans-serif;font-size:11px}.koc-systembar-inner,.koc-systembar-left,.koc-systembar-right{display:flex;align-items:center}.koc-systembar-inner{height:100%;justify-content:space-between;gap:16px}.koc-systembar-left{min-width:0;gap:12px;font-weight:600}.koc-systembar-right{gap:12px;font-family:Play,sans-serif}.koc-status-dot{width:8px;height:8px;border-radius:999px;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12);flex:none}.koc-systembar-separator{color:rgba(255,255,255,.28)}.koc-systembar-muted{color:#cbd5e1}.koc-version-pill{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:4px 10px;color:#cbd5e1;font-size:10px}
.koc-header{height:72px;flex:0 0 72px;z-index:50;border-bottom:1px solid var(--koc-border);background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.08)}.koc-header-inner{display:flex;height:100%;align-items:center;justify-content:space-between;gap:18px}.koc-brand-side,.koc-header-actions{display:flex;align-items:center}.koc-brand-side{gap:12px;min-width:0}.koc-logo-link{display:flex;align-items:center;min-width:0}.koc-logo-link img{display:block;width:245px;max-width:46vw;height:auto;max-height:46px;object-fit:contain}.koc-header-actions{gap:10px;flex:none}.koc-icon-btn{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--koc-border);border-radius:12px;background:#fff;color:#475569;cursor:pointer;transition:.18s ease}.koc-icon-btn:hover{border-color:var(--koc-500);background:var(--koc-50);color:var(--koc-600)}.koc-mobile-trigger{display:none}.koc-search-wrap{position:relative;width:min(380px,32vw);margin-left:auto}.koc-search-box{position:relative;display:block}.koc-search-box input{width:100%;height:44px;border:1px solid var(--koc-border);border-radius:12px;background:#f8fafc;padding:0 44px 0 15px;color:#0f172a;font-size:13px;outline:none;transition:.18s ease}.koc-search-box input:focus{border-color:var(--koc-500);background:#fff;box-shadow:0 0 0 4px var(--koc-100)}.koc-search-box i{position:absolute;right:16px;top:14px;color:#94a3b8}.koc-search-results{position:absolute;top:50px;left:0;right:0;z-index:100;max-height:350px;overflow:auto;border:1px solid var(--koc-border);border-radius:14px;background:#fff;padding:7px;box-shadow:0 18px 50px rgba(15,23,42,.16)}.koc-search-result{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:9px;color:#334155;text-decoration:none;font-size:12px;font-weight:600}.koc-search-result:hover{background:var(--koc-50);color:var(--koc-700)}
.koc-balance{display:inline-flex;min-height:42px;align-items:center;gap:8px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;padding:0 13px;color:#334155;text-decoration:none;font-size:11px;font-weight:700}.koc-balance strong{font-family:Play,sans-serif;color:var(--koc-700);font-size:13px}.koc-dropdown{position:relative}.koc-notify-btn{position:relative}.koc-count{position:absolute;right:-5px;top:-5px;display:grid;min-width:20px;height:20px;place-items:center;border:2px solid #fff;border-radius:999px;background:#e11d48;padding:0 4px;color:#fff;font-size:9px;font-weight:800}.koc-dropdown-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:120;width:320px;overflow:hidden;border:1px solid var(--koc-border);border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.16)}.koc-announcement-panel{width:min(430px,calc(100vw - 24px))}.koc-support-panel{width:360px}.koc-profile-panel{width:270px;padding:7px}.koc-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--koc-border);padding:15px 16px}.koc-panel-head strong{display:block;font-family:'Exo 2',sans-serif;font-size:14px;color:#0f172a}.koc-panel-head small{display:block;margin-top:3px;color:#64748b;font-size:10px}.koc-panel-foot{border-top:1px solid var(--koc-border);padding:12px}.koc-badge{display:inline-flex;align-items:center;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;padding:4px 8px;color:var(--koc-700);font-size:9px;font-weight:800;white-space:nowrap}.koc-badge-success{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.koc-btn{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border-radius:10px;padding:0 14px;text-decoration:none;font-size:11px;font-weight:700}.koc-btn-secondary{width:100%;border:1px solid var(--koc-border);background:#fff;color:#334155}.koc-btn-secondary:hover{border-color:var(--koc-500);background:var(--koc-50);color:var(--koc-700)}.koc-announcement-list,.koc-support-list{max-height:390px;overflow:auto;padding:7px}.koc-announcement-row{display:flex;width:100%;align-items:center;gap:11px;border:0;border-radius:11px;background:transparent;padding:11px;color:#475569;text-align:left;cursor:pointer}.koc-announcement-row:hover{background:#f8fafc}.koc-announcement-icon{display:grid;width:38px;height:38px;place-items:center;flex:none;border-radius:10px;background:var(--koc-50);color:var(--koc-600)}.koc-announcement-copy{min-width:0;flex:1}.koc-announcement-copy strong{display:block;overflow:hidden;color:#0f172a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.koc-announcement-copy small{display:block;margin-top:4px;color:#64748b;font-size:9px}.koc-announcement-row>.fa-chevron-right{font-size:9px;color:#94a3b8}.koc-empty{display:flex;min-height:96px;align-items:center;justify-content:center;gap:9px;color:#64748b;font-size:11px}.koc-support-button{display:flex;height:42px;align-items:center;gap:8px;border:1px solid var(--koc-border);border-radius:12px;background:#fff;padding:0 12px;color:#475569;font-size:10px;font-weight:700;cursor:pointer}.koc-support-button>.fa-chevron-down{font-size:8px;color:#94a3b8}.koc-support-dot{width:9px!important;height:9px!important;flex:none;border-radius:999px}.koc-support-row{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--koc-border);border-radius:12px;background:#f8fafc;padding:11px;margin-bottom:7px}.koc-support-row>div{min-width:0;flex:1}.koc-support-row strong{display:block;color:#0f172a;font-size:11px}.koc-support-row small{display:block;margin-top:3px;color:#64748b;font-size:9px;line-height:1.45}.koc-profile-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:3px 2px;cursor:pointer}.koc-avatar{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,var(--koc-900),var(--koc-600));color:#fff;font-family:'Exo 2',sans-serif;font-size:13px;font-weight:800;box-shadow:0 8px 20px rgba(11,111,245,.2)}.koc-avatar img{width:100%;height:100%;object-fit:cover}.koc-profile-copy{text-align:left;line-height:1.25}.koc-profile-copy strong,.koc-profile-summary strong{display:block;max-width:155px;overflow:hidden;color:#0f172a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.koc-profile-copy small,.koc-profile-summary small{display:block;margin-top:3px;color:#64748b;font-size:9px}.koc-profile-button>.fa-chevron-down{font-size:8px;color:#94a3b8}.koc-profile-summary{border-bottom:1px solid var(--koc-border);padding:10px 11px 13px;margin-bottom:5px}.koc-dropdown-link{display:flex;align-items:center;gap:10px;border-radius:9px;padding:10px 11px;color:#475569;text-decoration:none;font-size:11px;font-weight:600}.koc-dropdown-link:hover{background:var(--koc-50);color:var(--koc-700)}.koc-dropdown-link i{width:16px;text-align:center}.koc-danger-link{color:#e11d48!important}
.koc-nav{position:relative;z-index:40;height:58px;flex:0 0 58px;border-bottom:1px solid var(--koc-border);background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.06)}.koc-nav-inner{display:flex;height:100%;align-items:stretch;gap:4px;overflow-x:auto}.koc-nav-link{position:relative;display:inline-flex;height:100%;align-items:center;gap:8px;border:0;border-bottom:3px solid transparent;background:transparent;padding:0 13px;color:#475569;text-decoration:none;white-space:nowrap;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;cursor:pointer}.koc-nav-link:hover,.koc-nav-link.is-active{background:var(--koc-50);color:var(--koc-700)}.koc-nav-link.is-active{border-bottom-color:var(--koc-600)}.koc-nav-link>i:first-child{color:var(--koc-600)}.koc-chevron{font-size:8px!important;color:#94a3b8!important}.koc-nav-group{position:static}.koc-mega{position:absolute;left:0;right:0;top:100%;z-index:90;border-top:1px solid #f1f5f9;border-bottom:1px solid var(--koc-border);background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.13)}.koc-mega-inner{padding-top:20px;padding-bottom:22px}.koc-mega-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.koc-mega-head h2{margin:0;color:#071426;font-family:'Exo 2',sans-serif;font-size:19px}.koc-mega-head p{margin:5px 0 0;color:#64748b;font-size:11px}.koc-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;max-height:62vh;overflow:auto}.koc-mega-card{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--koc-border);border-radius:13px;background:#fff;padding:13px;color:#334155;text-decoration:none;transition:.18s ease}.koc-mega-card:hover,.koc-mega-card.is-active{border-color:#93c5fd;background:var(--koc-50);transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,23,42,.07)}.koc-mega-icon{display:grid;width:39px;height:39px;place-items:center;flex:none;border-radius:11px;background:var(--koc-50);color:var(--koc-600);font-size:15px}.koc-mega-card>span:last-child{min-width:0}.koc-mega-card strong{display:block;color:#0f172a;font-size:11px}.koc-mega-card small{display:block;margin-top:5px;color:#64748b;font-size:9px;line-height:1.5}.koc-game-card{border:1px solid var(--koc-border);border-radius:13px;background:#fff;padding:13px}.koc-game-title{display:flex;align-items:center;gap:10px;color:#0f172a;font-size:11px}.koc-game-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.koc-game-actions a{border:1px solid var(--koc-border);border-radius:9px;background:#f8fafc;padding:8px;color:#475569;text-align:center;text-decoration:none;font-size:9px;font-weight:700}.koc-game-actions a:hover{border-color:var(--koc-500);background:var(--koc-50);color:var(--koc-700)}
.koc-main{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;background-color:var(--koc-bg);background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:24px 24px}.koc-main-container{min-height:100%;display:flex;flex-direction:column}.koc-content{width:100%;max-width:1600px;margin:0 auto;padding:24px 16px;flex:1}.koc-content>.container,.koc-content>.mx-auto{max-width:none!important}.koc-footer{margin-top:8px;border-top:1px solid var(--koc-border);background:#fff}.koc-footer-grid{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(180px,.7fr) minmax(200px,.8fr) minmax(190px,.75fr);gap:32px;padding:34px 0}.koc-footer-brand img{display:block;width:250px;max-width:100%;height:auto;max-height:45px;object-fit:contain}.koc-footer-brand p{max-width:460px;margin:15px 0 0;color:#475569;font-size:11px;line-height:1.7}.koc-system-ok{display:inline-flex;align-items:center;gap:8px;margin-top:15px;border:1px solid #a7f3d0;border-radius:999px;background:#ecfdf5;padding:6px 10px;color:#047857;font-size:9px;font-weight:800}.koc-system-ok i{width:7px;height:7px;border-radius:999px;background:#10b981}.koc-footer-section h3{margin:0 0 14px;color:#0f172a;font-family:'Exo 2',sans-serif;font-size:13px}.koc-footer-section>a,.koc-footer-line{display:flex;align-items:flex-start;gap:9px;margin-top:10px;color:#475569;text-decoration:none;font-size:10px;line-height:1.5}.koc-footer-section>a:hover{color:var(--koc-700)}.koc-footer-section i{width:15px;margin-top:2px;color:var(--koc-600);text-align:center}.koc-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--koc-border);padding:18px 0;color:#64748b;font-size:9px}.koc-footer-runtime{font-family:Play,sans-serif}
.koc-mobile-overlay{position:fixed;inset:0;z-index:190;background:rgba(7,20,38,.52);backdrop-filter:blur(2px)}.koc-mobile-drawer{position:fixed;left:0;top:0;bottom:0;z-index:200;display:flex;width:min(360px,88vw);transform:translateX(-105%);flex-direction:column;background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.25);transition:transform .22s ease}.koc-mobile-drawer.is-open{transform:translateX(0)}.koc-mobile-head{display:flex;height:72px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--koc-border);padding:0 15px}.koc-mobile-head img{width:215px;max-width:65%;height:auto}.koc-mobile-profile{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--koc-border);background:#f8fafc;padding:15px}.koc-avatar-large{width:50px;height:50px}.koc-mobile-profile strong{display:block;color:#0f172a;font-size:12px}.koc-mobile-profile small{display:block;margin-top:4px;color:#64748b;font-size:9px}.koc-mobile-scroll{min-height:0;flex:1;overflow:auto;padding:10px}.koc-mobile-foot{border-top:1px solid var(--koc-border);padding:10px}.koc-mobile-link{display:flex;align-items:center;gap:11px;border-radius:10px;padding:11px;color:#475569;text-decoration:none;font-size:11px;font-weight:600}.koc-mobile-link:hover,.koc-mobile-link.is-active{background:var(--koc-50);color:var(--koc-700)}.koc-mobile-link i{width:18px;color:var(--koc-600);text-align:center}.koc-mobile-section{margin-top:6px;border:1px solid var(--koc-border);border-radius:11px;overflow:hidden}.koc-mobile-section>button{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;background:#f8fafc;padding:12px;color:#334155;font-size:11px;font-weight:700;cursor:pointer}.koc-mobile-section>button span{display:flex;align-items:center;gap:9px}.koc-mobile-section>button span i{color:var(--koc-600)}.koc-mobile-section>button>.fa-chevron-down{font-size:8px}.koc-mobile-section>div{padding:5px}.koc-mobile-label{padding:10px 11px 4px;color:#94a3b8;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.koc-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:18px}.koc-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(7,20,38,.58);backdrop-filter:blur(3px)}.koc-modal-card{position:relative;width:min(680px,100%);max-height:85vh;overflow:hidden;border:1px solid var(--koc-border);border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.25)}.koc-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--koc-border);padding:18px}.koc-modal-head h2{margin:9px 0 0;color:#071426;font-family:'Exo 2',sans-serif;font-size:21px}.koc-modal-head time{display:block;margin-top:5px;color:#64748b;font-size:10px}.koc-modal-content{max-height:58vh;overflow:auto;white-space:pre-wrap;padding:19px;color:#334155;font-size:12px;line-height:1.8}.koc-live-wrap{position:fixed;right:20px;bottom:20px;z-index:260;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.koc-live-panel{width:min(390px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 110px));overflow:hidden;border:1px solid var(--koc-border);border-radius:17px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.2)}.koc-live-body{max-height:400px;overflow:auto}.koc-live-fab{position:relative;display:grid;width:58px;height:58px;place-items:center;border:1px solid #bfdbfe;border-radius:18px;background:linear-gradient(135deg,var(--koc-900),var(--koc-600));color:#fff;font-size:18px;box-shadow:0 14px 30px rgba(11,111,245,.28);cursor:pointer}.koc-live-fab.has-unread{animation:kocPulse 1.5s infinite}.koc-live-fab span{position:absolute;right:-5px;top:-5px;display:grid;min-width:21px;height:21px;place-items:center;border:2px solid #fff;border-radius:999px;background:#e11d48;padding:0 4px;color:#fff;font-size:9px;font-weight:800}.koc-live-row{display:block;border-bottom:1px solid var(--koc-border);padding:13px 15px;color:#475569;text-decoration:none}.koc-live-row:hover,.koc-live-row.is-unread{background:var(--koc-50)}.koc-live-row>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.koc-live-row strong{color:#0f172a;font-size:11px}.koc-live-row time,.koc-live-row small{color:#64748b;font-size:8px}.koc-live-row p{margin:6px 0 0;color:#475569;font-size:9px;line-height:1.55}@keyframes kocPulse{0%,100%{box-shadow:0 14px 30px rgba(11,111,245,.28)}50%{box-shadow:0 14px 36px rgba(11,111,245,.55)}}
/* Legacy content light-mode bridge */
html.dark,.dark{color-scheme:light!important}.bg-brand-bg{background-color:#f1f5f9!important}.bg-brand-panel{background-color:#fff!important}.text-brand-heading{color:#071426!important}.text-brand-text{color:#475569!important}.border-brand-border{border-color:#e2e8f0!important}.bg-brand-dark{background-color:#f8fafc!important}.text-brand-accent{color:#0b6ff5!important}.bg-brand-accent{background-color:#0b6ff5!important}.hover\:bg-brand-dark:hover{background-color:#f8fafc!important}.shadow-soft{box-shadow:0 8px 30px rgba(15,23,42,.08)!important}.shadow-panel{box-shadow:0 18px 50px rgba(15,23,42,.13)!important}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
@media(min-width:1024px){.koc-container{padding-left:28px;padding-right:28px}.koc-content{padding:30px 28px}}
@media(max-width:1279px){.koc-search-wrap{display:none}.koc-support-button span:nth-child(2){display:none}.koc-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1023px){.koc-mobile-trigger{display:grid}.koc-nav{display:none}.koc-profile-copy,.koc-profile-button>.fa-chevron-down,.koc-support-dropdown{display:none}.koc-logo-link img{width:220px}.koc-content{padding-top:18px}.koc-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.koc-systembar-separator,.koc-systembar-muted,.koc-version-pill{display:none}.koc-balance{display:none}.koc-header-actions{gap:6px}.koc-logo-link img{width:190px;max-width:45vw}.koc-footer-grid{grid-template-columns:1fr;gap:24px}.koc-footer-bottom{align-items:flex-start;flex-direction:column}.koc-content{padding:15px 12px}.koc-live-wrap{right:12px;bottom:12px}.koc-live-fab{width:54px;height:54px}}
@media(max-width:440px){.koc-systembar-right{display:none}.koc-header-inner{gap:8px}.koc-logo-link img{width:170px}.koc-icon-btn{width:40px;height:40px}.koc-header-actions{gap:4px}}


/* ===== Imported from kingofcs-urunlerim.css ===== */

/* KINGOFCS — Ürünlerim / Horizontal Light Theme V2 */
.kingofcs-products-shell{
  --u-950:#071426;
  --u-900:#0b1f38;
  --u-800:#123254;
  --u-700:#0759c7;
  --u-600:#0b6ff5;
  --u-500:#2b84ff;
  --u-100:#dcecff;
  --u-50:#f3f8ff;
  --u-bg:#f1f5f9;
  --u-panel:#ffffff;
  --u-border:#e2e8f0;
  --u-border-strong:#cbd5e1;
  --u-text:#475569;
  --u-muted:#64748b;
  --u-heading:#0f172a;
  --u-success:#10b981;
  --u-warning:#f59e0b;
  --u-danger:#e11d48;
  --u-purple:#7c3aed;
  color:var(--u-text);
  font-family:'Open Sans',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.kingofcs-products-shell *{box-sizing:border-box}
.kingofcs-products-shell a{text-decoration:none}
.kingofcs-products-shell button,.kingofcs-products-shell input,.kingofcs-products-shell select{font:inherit}
.kingofcs-products-shell .hidden{display:none!important}
.kingofcs-products-shell .min-w-0{min-width:0}
.kingofcs-products-shell .m-0{margin:0}

.kingofcs-page-hero{
  position:relative;
  overflow:hidden;
  margin:0 0 22px;
  border:1px solid var(--u-border);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 12%,rgba(43,132,255,.14),transparent 34%),
    linear-gradient(135deg,#fff 0%,#f8fbff 58%,#eef6ff 100%);
  box-shadow:0 8px 30px rgba(15,23,42,.07);
}
.kingofcs-page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);
  background-size:24px 24px;
  mask-image:linear-gradient(90deg,#000,transparent 86%);
}
.kingofcs-page-hero-main{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:25px 26px 20px;
}
.kingofcs-user-mark{
  display:grid;
  width:64px;
  height:64px;
  place-items:center;
  flex:none;
  overflow:hidden;
  border:1px solid #bfdbfe;
  border-radius:16px;
  background:linear-gradient(135deg,var(--u-900),var(--u-600));
  color:#fff;
  font-family:'Exo 2',sans-serif;
  font-size:20px;
  font-weight:800;
  box-shadow:0 12px 26px rgba(11,111,245,.2);
}
.kingofcs-user-mark img{width:100%;height:100%;object-fit:cover}
.kingofcs-page-copy{min-width:0}
.kingofcs-page-kicker,.kingofcs-service-type,.kingofcs-category-eyebrow,.kingofcs-modal-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--u-700);
  font-family:Montserrat,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.kingofcs-page-kicker{
  min-height:27px;
  border:1px solid #bfdbfe;
  border-radius:999px;
  background:#eff6ff;
  padding:0 10px;
}
.kingofcs-page-copy h1{
  margin:9px 0 5px;
  color:var(--u-950);
  font-family:'Exo 2',sans-serif;
  font-size:clamp(25px,2.5vw,34px);
  line-height:1.05;
  letter-spacing:-.025em;
}
.kingofcs-page-copy p{max-width:780px;margin:0;color:var(--u-muted);font-size:12px;line-height:1.7}
.kingofcs-page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.kingofcs-button{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid transparent;
  border-radius:11px;
  padding:0 14px;
  font-size:11px;
  font-weight:700;
  transition:.18s ease;
}
.kingofcs-button-primary{background:linear-gradient(135deg,var(--u-700),var(--u-600));color:#fff;box-shadow:0 10px 22px rgba(11,111,245,.22)}
.kingofcs-button-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(11,111,245,.27)}
.kingofcs-button-secondary{border-color:var(--u-border);background:#fff;color:#334155}
.kingofcs-button-secondary:hover{border-color:#93c5fd;background:var(--u-50);color:var(--u-700)}

.kingofcs-stat-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  border-top:1px solid var(--u-border);
  background:rgba(248,250,252,.74);
  padding:14px 18px 17px;
}
.kingofcs-stat-card{
  display:flex;
  min-width:0;
  align-items:center;
  gap:11px;
  border:1px solid var(--u-border);
  border-radius:13px;
  background:#fff;
  padding:12px;
  box-shadow:0 4px 14px rgba(15,23,42,.035);
}
.kingofcs-stat-icon{
  display:grid;
  width:39px;
  height:39px;
  place-items:center;
  flex:none;
  border-radius:11px;
  background:var(--u-50);
  color:var(--u-600);
  font-size:14px;
}
.kingofcs-stat-icon.is-success{background:#ecfdf5;color:#059669}
.kingofcs-stat-icon.is-warning{background:#fffbeb;color:#d97706}
.kingofcs-stat-icon.is-purple{background:#f5f3ff;color:#7c3aed}
.kingofcs-stat-copy{display:flex;min-width:0;flex-direction:column}
.kingofcs-stat-copy small{color:var(--u-muted);font-size:9px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.kingofcs-stat-copy strong{margin-top:2px;color:var(--u-heading);font-family:Play,sans-serif;font-size:20px;line-height:1}

.kingofcs-notice{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:16px;
  border:1px solid var(--u-border);
  border-left-width:4px;
  border-radius:13px;
  background:#fff;
  padding:14px 15px;
  box-shadow:0 5px 18px rgba(15,23,42,.04);
}
.kingofcs-notice.is-danger{border-left-color:var(--u-danger)}
.kingofcs-notice.is-warning{border-left-color:var(--u-warning)}
.kingofcs-notice-icon{display:grid;width:34px;height:34px;place-items:center;flex:none;border-radius:9px;background:#fff1f2;color:var(--u-danger)}
.kingofcs-notice.is-warning .kingofcs-notice-icon{background:#fffbeb;color:#d97706}
.kingofcs-notice strong{display:block;color:var(--u-heading);font-size:12px}
.kingofcs-notice p{margin:4px 0 0;color:var(--u-muted);font-size:11px;line-height:1.6}

.kingofcs-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:12px;
  margin-bottom:18px;
}
.kingofcs-field{
  display:flex;
  min-width:0;
  min-height:62px;
  align-items:center;
  gap:11px;
  border:1px solid var(--u-border);
  border-radius:14px;
  background:#fff;
  padding:9px 12px;
  box-shadow:0 5px 18px rgba(15,23,42,.04);
  transition:.18s ease;
}
.kingofcs-field:focus-within{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(219,234,254,.72)}
.kingofcs-field-icon{display:grid;width:38px;height:38px;place-items:center;flex:none;border-radius:10px;background:var(--u-50);color:var(--u-600)}
.kingofcs-field-copy{display:flex;min-width:0;flex:1;flex-direction:column}
.kingofcs-field-copy small{color:#94a3b8;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.kingofcs-field input,.kingofcs-field select{width:100%;height:25px;border:0;outline:0;background:transparent;color:var(--u-heading);font-size:11px;font-weight:600}
.kingofcs-field input::placeholder{color:#94a3b8}
.kingofcs-field select{cursor:pointer}

.kingofcs-category-stack{display:grid;gap:18px}
.kingofcs-category-section{
  overflow:hidden;
  border:1px solid var(--u-border);
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 26px rgba(15,23,42,.055);
}
.kingofcs-category-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-bottom:1px solid var(--u-border);
  background:linear-gradient(90deg,#fff,#f8fbff);
  padding:14px 16px;
}
.kingofcs-category-title-wrap{display:flex;min-width:0;align-items:center;gap:11px}
.kingofcs-category-icon{display:grid;width:42px;height:42px;place-items:center;flex:none;border:1px solid #dbeafe;border-radius:12px;background:var(--u-50);color:var(--u-600);font-size:15px}
.kingofcs-category-eyebrow{display:block;font-size:8px;color:#64748b}
.kingofcs-category-head h2{margin:3px 0 0;color:var(--u-950);font-family:'Exo 2',sans-serif;font-size:16px;line-height:1.15}
.kingofcs-category-count{display:inline-flex;align-items:center;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;padding:5px 9px;color:var(--u-700);font-size:9px;font-weight:800;white-space:nowrap}
.kingofcs-service-list{display:grid;gap:12px;padding:12px}

.kingofcs-service-card{
  display:grid;
  grid-template-columns:230px minmax(0,1fr) 168px;
  overflow:hidden;
  border:1px solid var(--u-border);
  border-radius:15px;
  background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.kingofcs-service-card:hover{border-color:#bfdbfe;box-shadow:0 12px 28px rgba(15,23,42,.075);transform:translateY(-1px)}
.kingofcs-service-card.is-open{border-color:#93c5fd;box-shadow:0 12px 32px rgba(11,111,245,.09)}
.kingofcs-service-cover{position:relative;min-height:228px;overflow:hidden;background:#0b1f38}
.kingofcs-service-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.02);transition:transform .3s ease}
.kingofcs-service-card:hover .kingofcs-service-cover>img{transform:scale(1.025)}
.kingofcs-service-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,38,.12),rgba(7,20,38,.88))}
.kingofcs-service-cover-top{position:absolute;left:12px;right:12px;top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.kingofcs-status-badge,.kingofcs-access-badge{
  display:inline-flex;
  min-height:26px;
  align-items:center;
  gap:6px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(7,20,38,.72);
  padding:0 9px;
  color:#fff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
.kingofcs-status-badge i{width:7px;height:7px;border-radius:999px;background:#94a3b8}
.kingofcs-status-badge.is-online{color:#a7f3d0;border-color:rgba(52,211,153,.35)}
.kingofcs-status-badge.is-online i{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.13)}
.kingofcs-status-badge.is-offline{color:#fecdd3;border-color:rgba(251,113,133,.35)}
.kingofcs-status-badge.is-offline i{background:#fb7185}
.kingofcs-access-badge{color:#bfdbfe}
.kingofcs-service-cover-bottom{position:absolute;left:15px;right:15px;bottom:15px}
.kingofcs-service-cover-bottom small{display:block;color:#bfdbfe;font-family:Montserrat,sans-serif;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.kingofcs-service-cover-bottom strong{display:block;margin-top:5px;color:#fff;font-family:'Exo 2',sans-serif;font-size:18px;line-height:1.1}

.kingofcs-service-body{display:flex;min-width:0;flex-direction:column;padding:18px 19px}
.kingofcs-service-heading{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:13px}
.kingofcs-service-type{color:var(--u-600);font-size:8px}
.kingofcs-service-heading h3{max-width:100%;margin:5px 0 0;overflow:hidden;color:var(--u-heading);font-family:'Exo 2',sans-serif;font-size:19px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.kingofcs-days-badge{display:inline-flex;min-height:28px;align-items:center;flex:none;border:1px solid var(--u-border);border-radius:999px;background:#f8fafc;padding:0 9px;color:#475569;font-size:8px;font-weight:800;white-space:nowrap}
.kingofcs-days-badge.is-safe{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
.kingofcs-days-badge.is-warning{border-color:#fde68a;background:#fffbeb;color:#b45309}
.kingofcs-days-badge.is-expired{border-color:#fecdd3;background:#fff1f2;color:#be123c}
.kingofcs-days-badge.is-linked{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}
.kingofcs-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.kingofcs-info-chip{display:inline-flex;min-width:0;max-width:100%;min-height:29px;align-items:center;gap:6px;border:1px solid var(--u-border);border-radius:9px;background:#f8fafc;padding:0 9px;color:var(--u-muted);font-size:9px}
.kingofcs-info-chip i{color:var(--u-600)}
.kingofcs-info-chip b{max-width:220px;overflow:hidden;color:#334155;text-overflow:ellipsis;white-space:nowrap}
.kingofcs-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:16px}
.kingofcs-metric{min-width:0;border:1px solid var(--u-border);border-radius:11px;background:#f8fafc;padding:10px}
.kingofcs-metric small{display:block;color:#94a3b8;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.kingofcs-metric strong{display:block;margin-top:5px;overflow:hidden;color:var(--u-heading);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.kingofcs-occupancy{margin-top:13px}
.kingofcs-occupancy>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.kingofcs-progress{height:7px;margin-top:6px;overflow:hidden;border-radius:999px;background:#e2e8f0}
.kingofcs-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--u-600),#34d399)}

.kingofcs-service-actions{display:flex;flex-direction:column;justify-content:center;gap:9px;border-left:1px solid var(--u-border);background:#f8fafc;padding:13px}
.kingofcs-service-actions form{width:100%}
.kingofcs-action-button{
  display:flex;
  width:100%;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid transparent;
  border-radius:10px;
  padding:0 11px;
  cursor:pointer;
  color:#334155;
  font-size:10px;
  font-weight:800;
  text-align:center;
  transition:.18s ease;
}
.kingofcs-action-button:hover{transform:translateY(-1px)}
.kingofcs-action-button.is-primary{background:linear-gradient(135deg,var(--u-700),var(--u-600));color:#fff;box-shadow:0 8px 18px rgba(11,111,245,.18)}
.kingofcs-action-button.is-success{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
.kingofcs-action-button.is-secondary{background:#fff;border-color:var(--u-border);color:#475569}
.kingofcs-action-button.is-secondary:hover{border-color:#93c5fd;background:var(--u-50);color:var(--u-700)}
.kingofcs-action-button.is-disabled{cursor:not-allowed;background:#fff1f2;border-color:#fecdd3;color:#be123c}
.kingofcs-action-button.is-muted{cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8}
.kingofcs-action-button .chevron-icon{font-size:8px;transition:transform .18s ease}
.kingofcs-service-card.is-open .chevron-icon{transform:rotate(180deg)}

.kingofcs-service-details{display:none;grid-column:1/-1;border-top:1px solid var(--u-border);background:#fbfdff;padding:14px}
.kingofcs-service-card.is-open .kingofcs-service-details{display:block}
.kingofcs-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kingofcs-detail-grid>div{min-width:0;border:1px solid var(--u-border);border-radius:10px;background:#fff;padding:10px}
.kingofcs-detail-grid small{display:block;color:#94a3b8;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.kingofcs-detail-grid strong{display:block;margin-top:5px;color:#334155;font-size:10px;word-break:break-word}
.kingofcs-detail-note{display:flex;align-items:flex-start;gap:8px;margin:9px 0 0;border:1px dashed #bfdbfe;border-radius:10px;background:#f3f8ff;padding:10px;color:#475569;font-size:9px;line-height:1.55}
.kingofcs-detail-note i{margin-top:2px;color:var(--u-600)}

.kingofcs-empty-state{
  border:1px dashed #bfdbfe;
  border-radius:17px;
  background:linear-gradient(135deg,#fff,#f3f8ff);
  padding:54px 20px;
  text-align:center;
  box-shadow:0 8px 26px rgba(15,23,42,.045);
}
.kingofcs-empty-icon{display:grid;width:64px;height:64px;place-items:center;margin:0 auto 14px;border:1px solid #bfdbfe;border-radius:17px;background:#eff6ff;color:var(--u-600);font-size:22px}
.kingofcs-empty-state h2{margin:0;color:var(--u-950);font-family:'Exo 2',sans-serif;font-size:20px}
.kingofcs-empty-state p{max-width:500px;margin:7px auto 18px;color:var(--u-muted);font-size:11px;line-height:1.65}

.kingofcs-modal{position:fixed;inset:0;z-index:9999;display:none;place-items:center;padding:16px;opacity:0;transition:opacity .18s ease}
.kingofcs-modal.is-visible{display:grid;opacity:1}
.kingofcs-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(7,20,38,.58);backdrop-filter:blur(3px);cursor:pointer}
.kingofcs-modal-card{position:relative;width:min(620px,100%);max-height:min(760px,88vh);overflow:hidden;border:1px solid var(--u-border);border-radius:17px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.28);transform:translateY(8px) scale(.985);transition:transform .18s ease}
.kingofcs-modal.is-visible .kingofcs-modal-card{transform:none}
.kingofcs-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--u-border);background:linear-gradient(90deg,#fff,#f8fbff);padding:17px}
.kingofcs-modal-head h2{margin:5px 0 0;color:var(--u-950);font-family:'Exo 2',sans-serif;font-size:19px}
.kingofcs-modal-head p{margin:4px 0 0;color:var(--u-muted);font-size:9px}
.kingofcs-modal-close{display:grid;width:39px;height:39px;place-items:center;flex:none;border:1px solid var(--u-border);border-radius:10px;background:#fff;color:#475569;cursor:pointer}
.kingofcs-modal-close:hover{border-color:#93c5fd;background:var(--u-50);color:var(--u-700)}
.kingofcs-modal-body{max-height:62vh;overflow:auto;padding:14px}
.kingofcs-option{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:9px;border:1px solid var(--u-border);border-radius:12px;background:#fff;padding:12px;box-shadow:0 4px 13px rgba(15,23,42,.035)}
.kingofcs-option-title{color:var(--u-heading);font-size:11px;font-weight:800}
.kingofcs-option-meta{margin-top:4px;color:var(--u-muted);font-size:9px}
.kingofcs-option .kingofcs-action-button,.kingofcs-option .kingofcs-button{min-width:116px}

@media(max-width:1280px){
  .kingofcs-service-card{grid-template-columns:200px minmax(0,1fr)}
  .kingofcs-service-actions{grid-column:1/-1;flex-direction:row;border-top:1px solid var(--u-border);border-left:0}
  .kingofcs-service-actions>*{flex:1}
  .kingofcs-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:960px){
  .kingofcs-page-hero-main{grid-template-columns:auto minmax(0,1fr)}
  .kingofcs-page-actions{grid-column:1/-1;justify-content:flex-start}
  .kingofcs-service-card{grid-template-columns:1fr}
  .kingofcs-service-cover{min-height:210px}
  .kingofcs-service-actions{grid-column:auto}
  .kingofcs-metric-grid,.kingofcs-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .kingofcs-toolbar{grid-template-columns:1fr}
  .kingofcs-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kingofcs-category-head{align-items:flex-start}
  .kingofcs-service-actions{flex-direction:column}
  .kingofcs-service-actions>*{flex:none}
}
@media(max-width:520px){
  .kingofcs-page-hero-main{grid-template-columns:1fr;padding:18px}
  .kingofcs-user-mark{width:56px;height:56px;border-radius:14px}
  .kingofcs-page-actions{display:grid;grid-template-columns:1fr}
  .kingofcs-stat-grid{grid-template-columns:1fr;padding:12px}
  .kingofcs-category-head{padding:12px}
  .kingofcs-category-count{display:none}
  .kingofcs-service-list{padding:8px}
  .kingofcs-service-body{padding:15px}
  .kingofcs-service-heading{flex-direction:column}
  .kingofcs-days-badge{align-self:flex-start}
  .kingofcs-metric-grid,.kingofcs-detail-grid{grid-template-columns:1fr}
  .kingofcs-option{align-items:stretch;flex-direction:column}
  .kingofcs-option .kingofcs-action-button,.kingofcs-option .kingofcs-button{width:100%}
}


/* ===== Imported from kingofcs-sohbetodasi.css ===== */

/* KINGOFCS Sohbet Odası — Horizontal Light Theme */
#kcs-chat-ui{
    --koc-blue-950:#071426;
    --koc-blue-900:#0b1f38;
    --koc-blue-800:#123254;
    --koc-blue-700:#0759c7;
    --koc-blue-600:#0b6ff5;
    --koc-blue-500:#2b84ff;
    --koc-blue-100:#dcecff;
    --koc-blue-50:#f3f8ff;
    --koc-slate-950:#0f172a;
    --koc-slate-800:#1e293b;
    --koc-slate-700:#334155;
    --koc-slate-600:#475569;
    --koc-slate-500:#64748b;
    --koc-slate-300:#cbd5e1;
    --koc-slate-200:#e2e8f0;
    --koc-slate-100:#f1f5f9;
    --koc-white:#fff;
    --koc-success:#059669;
    --koc-warning:#d97706;
    --koc-danger:#e11d48;
    color:var(--koc-slate-950);
    font-family:"Open Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#kcs-chat-ui *{box-sizing:border-box}
#kcs-chat-ui .hidden{display:none!important}
#kcs-chat-ui button,#kcs-chat-ui textarea,#kcs-chat-ui select{font:inherit}
#kcs-chat-ui button,#kcs-chat-ui a{transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}

.koc-chat-page{display:grid;gap:22px;width:100%}
.koc-chat-hero{
    position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;
    overflow:hidden;border:1px solid var(--koc-slate-200);border-radius:20px;background:
    radial-gradient(circle at 90% 10%,rgba(43,132,255,.14),transparent 30%),
    linear-gradient(135deg,#fff 0%,#f8fbff 58%,#eef6ff 100%);
    padding:26px 28px;box-shadow:0 8px 30px rgba(15,23,42,.07)
}
.koc-chat-hero:after{content:"";position:absolute;right:-76px;bottom:-105px;width:250px;height:250px;border:38px solid rgba(11,111,245,.055);border-radius:999px;pointer-events:none}
.koc-chat-hero__identity{position:relative;z-index:1;display:flex;align-items:flex-start;gap:17px;min-width:0}
.koc-chat-hero__icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,var(--koc-blue-600),var(--koc-blue-800));box-shadow:0 12px 28px rgba(11,111,245,.24);color:#fff;font-size:23px}
.koc-chat-hero__copy{min-width:0}
.koc-chat-kickers{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.koc-chat-kicker,.koc-chat-access-pill{display:inline-flex;align-items:center;gap:7px;min-height:25px;border-radius:999px;padding:4px 10px;font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.koc-chat-kicker{border:1px solid #bfdbfe;background:#eff6ff;color:var(--koc-blue-700)}
.koc-chat-access-pill{border:1px solid #a7f3d0;background:#ecfdf5;color:#047857}
.koc-chat-status-dot{width:7px;height:7px;border-radius:999px;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}
.koc-chat-hero h1{margin:0;color:var(--koc-slate-950);font-family:"Exo 2",sans-serif;font-size:clamp(25px,3vw,36px);font-weight:800;letter-spacing:-.025em;line-height:1.1}
.koc-chat-hero p{max-width:760px;margin:9px 0 0;color:var(--koc-slate-600);font-size:13px;line-height:1.75}
.koc-chat-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:10px;min-width:min(390px,100%)}
.koc-chat-stat{min-width:0;border:1px solid var(--koc-slate-200);border-radius:14px;background:rgba(255,255,255,.86);padding:12px 14px;box-shadow:0 4px 16px rgba(15,23,42,.04)}
.koc-chat-stat span{display:block;color:var(--koc-slate-500);font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.koc-chat-stat strong{display:block;overflow:hidden;margin-top:5px;color:var(--koc-slate-950);font-family:"Exo 2",sans-serif;font-size:16px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.koc-chat-stat strong.is-success{color:var(--koc-success)}
.koc-chat-stat strong.is-danger{color:var(--koc-danger)}

.koc-chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}
.koc-chat-main{min-width:0}
.koc-chat-shell,.koc-chat-side-card,.koc-chat-denied{
    overflow:hidden;border:1px solid var(--koc-slate-200);border-radius:18px;background:#fff;box-shadow:0 8px 30px rgba(15,23,42,.06)
}
.koc-chat-shell__head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--koc-slate-200);padding:18px 20px;background:linear-gradient(180deg,#fff,#fbfdff)}
.koc-chat-section-kicker{display:block;margin-bottom:5px;color:var(--koc-blue-600);font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.koc-chat-shell__head h2{display:flex;align-items:center;gap:9px;margin:0;color:var(--koc-slate-950);font-family:"Exo 2",sans-serif;font-size:17px;font-weight:800}
.koc-chat-shell__head h2 i{color:var(--koc-blue-600)}
.koc-chat-shell__head p{margin:4px 0 0;color:var(--koc-slate-500);font-size:11px;line-height:1.55}
.koc-chat-icon-button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--koc-slate-200);border-radius:12px;background:#fff;color:var(--koc-slate-600);cursor:pointer}
.koc-chat-icon-button:hover{border-color:#93c5fd;background:var(--koc-blue-50);color:var(--koc-blue-600)}
.koc-chat-icon-button.is-loading i{animation:kocChatSpin .7s linear infinite}
@keyframes kocChatSpin{to{transform:rotate(360deg)}}

.koc-chat-messages{
    height:min(58vh,620px);min-height:430px;overflow-y:auto;padding:20px;scroll-behavior:smooth;
    background-color:#f8fafc;background-image:linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);background-size:24px 24px
}
.koc-chat-loading,.koc-chat-empty,.koc-chat-error{display:flex;height:100%;min-height:220px;align-items:center;justify-content:center;color:var(--koc-slate-500);font-size:13px}
.koc-chat-loading{gap:8px}
.koc-chat-loading i{color:var(--koc-blue-600)}
.koc-chat-empty{flex-direction:column;text-align:center}
.koc-chat-empty__icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:12px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff;color:var(--koc-blue-600);font-size:22px}
.koc-chat-empty strong{color:var(--koc-slate-950);font-size:14px}
.koc-chat-empty span:last-child{margin-top:4px;font-size:11px}
.koc-chat-error{gap:8px;color:var(--koc-danger)}
.chat-message{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}
.chat-message.mine{flex-direction:row-reverse}
.chat-avatar{display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 38px;width:38px;height:38px;border:1px solid #bfdbfe;border-radius:12px;background:linear-gradient(145deg,#eff6ff,#dbeafe);color:var(--koc-blue-700);font-family:Montserrat,sans-serif;font-size:10px;font-weight:800}
.chat-message.mine .chat-avatar{border-color:#93c5fd;background:linear-gradient(145deg,var(--koc-blue-600),var(--koc-blue-800));color:#fff}
.chat-avatar img{width:100%;height:100%;object-fit:cover}
.chat-bubble{max-width:min(78%,760px);border:1px solid var(--koc-slate-200);border-radius:6px 16px 16px 16px;background:#fff;padding:10px 12px;box-shadow:0 5px 18px rgba(15,23,42,.06)}
.chat-message.mine .chat-bubble{border-color:#bfdbfe;border-radius:16px 6px 16px 16px;background:linear-gradient(145deg,#eff6ff,#e4f1ff)}
.koc-chat-message-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:5px}
.koc-chat-message-name{color:var(--koc-slate-950);font-size:11px;font-weight:800}
.koc-chat-message-time{margin-left:auto;color:var(--koc-slate-500);font-family:Play,sans-serif;font-size:9px}
.chat-message-text{overflow-wrap:anywhere;color:var(--koc-slate-700);font-size:13px;line-height:1.65;white-space:pre-wrap}
.koc-chat-badge{display:inline-flex;align-items:center;border:1px solid;border-radius:999px;padding:2px 7px;font-family:Montserrat,sans-serif;font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.koc-chat-badge--admin{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}
.koc-chat-badge--owner{border-color:#bfdbfe;background:#eff6ff;color:#0759c7}
.koc-chat-badge--subuser{border-color:#bae6fd;background:#f0f9ff;color:#0369a1}
.koc-chat-moderation-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;border-top:1px solid var(--koc-slate-200);padding-top:8px}
.koc-chat-protected{color:var(--koc-warning);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.chat-mod-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:27px;border:1px solid var(--koc-slate-200);border-radius:8px;background:#fff;padding:0 8px;color:var(--koc-slate-600);cursor:pointer;font-size:9px;font-weight:800;text-transform:uppercase}
.chat-mod-btn:hover{border-color:#93c5fd;background:#eff6ff;color:var(--koc-blue-700)}
.chat-mod-btn.danger{border-color:#fecdd3;color:#be123c}
.chat-mod-btn.warn{border-color:#fde68a;color:#a16207}
.chat-mod-btn.info{border-color:#bae6fd;color:#0369a1}

.koc-chat-composer{border-top:1px solid var(--koc-slate-200);padding:17px 20px;background:#fff}
.koc-chat-composer__label,.koc-chat-modal-form label{display:block;margin-bottom:7px;color:var(--koc-slate-600);font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.chat-input,.chat-modal-input,.chat-modal-select{width:100%;border:1px solid var(--koc-slate-300);border-radius:13px;background:#f8fafc;padding:12px 13px;color:var(--koc-slate-950);outline:none}
.chat-input{min-height:72px;max-height:145px;resize:vertical}
.chat-modal-input{min-height:105px;resize:vertical}
.chat-input:focus,.chat-modal-input:focus,.chat-modal-select:focus{border-color:var(--koc-blue-500);background:#fff;box-shadow:0 0 0 4px rgba(11,111,245,.10)}
.koc-chat-composer__footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:11px}
.koc-chat-composer__security{display:flex;align-items:center;gap:7px;min-width:0;color:var(--koc-slate-500);font-size:10px}
.koc-chat-composer__security i{color:var(--koc-success)}
#chat-char-count{margin-left:auto;font-family:Play,monospace;color:var(--koc-slate-600);white-space:nowrap}
.chat-send,.koc-chat-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;background:linear-gradient(145deg,var(--koc-blue-600),var(--koc-blue-700));padding:12px 20px;color:#fff;box-shadow:0 10px 22px rgba(11,111,245,.2);cursor:pointer;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
.chat-send:hover,.koc-chat-primary-button:hover{background:linear-gradient(145deg,var(--koc-blue-500),var(--koc-blue-700));transform:translateY(-1px)}
.chat-send:disabled{opacity:.55;cursor:not-allowed;transform:none}

.koc-chat-sidebar{display:grid;gap:18px}
.koc-chat-side-card__head{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--koc-slate-200);padding:16px 17px;background:#fbfdff}
.koc-chat-side-card__icon,.koc-chat-info-card__icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff;color:var(--koc-blue-600)}
.koc-chat-side-card h2,.koc-chat-info-card h3{margin:0;color:var(--koc-slate-950);font-family:"Exo 2",sans-serif;font-size:14px;font-weight:800}
.koc-chat-side-card__head p{margin:2px 0 0;color:var(--koc-slate-500);font-size:10px}
.koc-chat-permission-list,.koc-chat-rule-list{display:grid;gap:9px;padding:15px}
.chat-perm{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--koc-slate-200);border-radius:11px;background:#f8fafc;padding:10px 11px}
.chat-perm>span{display:flex;align-items:center;gap:8px;color:var(--koc-slate-700);font-size:11px;font-weight:700}
.chat-perm>span i{width:15px;color:var(--koc-blue-600);text-align:center}
.chat-perm>strong{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.chat-perm>strong.is-allowed{color:var(--koc-success)}
.chat-perm>strong.is-disabled{color:var(--koc-slate-500)}
.chat-rule{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--koc-slate-200);border-radius:12px;background:#f8fafc;padding:11px}
.chat-rule>span{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:#eff6ff;color:var(--koc-blue-600)}
.chat-rule>span.is-warning{background:#fffbeb;color:var(--koc-warning)}
.chat-rule strong{display:block;color:var(--koc-slate-800);font-size:11px}
.chat-rule p{margin:3px 0 0;color:var(--koc-slate-500);font-size:10px;line-height:1.55}
.koc-chat-info-card{display:flex;align-items:flex-start;gap:11px;border:1px solid #bfdbfe;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#eff6ff);padding:15px}
.koc-chat-info-card p{margin:5px 0 0;color:var(--koc-slate-600);font-size:10px;line-height:1.65}
.koc-chat-notice{display:flex;align-items:flex-start;gap:8px;border-radius:11px;padding:11px 12px;font-size:10px;line-height:1.55}
.koc-chat-notice--warning{border:1px solid #fde68a;background:#fffbeb;color:#92400e}

.koc-chat-denied{display:flex;align-items:flex-start;gap:16px;padding:24px}
.koc-chat-denied__icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #fecdd3;border-radius:14px;background:#fff1f2;color:var(--koc-danger)}
.koc-chat-denied h2{margin:0;color:var(--koc-slate-950);font-family:"Exo 2",sans-serif;font-size:18px;font-weight:800}
.koc-chat-denied p{max-width:820px;margin:7px 0 15px;color:var(--koc-slate-600);font-size:12px;line-height:1.7}

.chat-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:16px}
.chat-modal.open{display:flex}
.chat-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(7,20,38,.66);backdrop-filter:blur(5px)}
.chat-modal-panel{position:relative;width:100%;max-width:520px;overflow:hidden;border:1px solid var(--koc-slate-200);border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(15,23,42,.25)}
.koc-chat-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--koc-slate-200);padding:17px 19px;background:#fbfdff}
.koc-chat-modal-head>div>span{display:block;color:var(--koc-blue-600);font-family:Montserrat,sans-serif;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.koc-chat-modal-head h2{margin:4px 0 0;color:var(--koc-slate-950);font-family:"Exo 2",sans-serif;font-size:18px;font-weight:800}
.koc-chat-modal-head p{margin:3px 0 0;color:var(--koc-slate-500);font-size:10px}
.koc-chat-modal-form{display:grid;gap:15px;padding:19px}
.koc-chat-modal-actions{display:flex;justify-content:flex-end;gap:9px}
.koc-chat-secondary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--koc-slate-300);border-radius:11px;background:#fff;padding:11px 17px;color:var(--koc-slate-700);cursor:pointer;font-size:10px;font-weight:700}
.koc-chat-secondary-button:hover{border-color:#93c5fd;background:#eff6ff;color:var(--koc-blue-700)}

#kcs-chat-ui *{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
#kcs-chat-ui *::-webkit-scrollbar{width:7px;height:7px}
#kcs-chat-ui *::-webkit-scrollbar-thumb{border-radius:999px;background:#cbd5e1}

@media(max-width:1100px){
    .koc-chat-hero{align-items:stretch;flex-direction:column}
    .koc-chat-stats{width:100%;min-width:0}
    .koc-chat-layout{grid-template-columns:1fr}
    .koc-chat-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
    .koc-chat-page{gap:15px}
    .koc-chat-hero{padding:19px;border-radius:16px}
    .koc-chat-hero:after{display:none}
    .koc-chat-hero__identity{gap:12px}
    .koc-chat-hero__icon{flex-basis:48px;width:48px;height:48px;border-radius:14px;font-size:19px}
    .koc-chat-hero p{font-size:12px}
    .koc-chat-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .koc-chat-stat:last-child{grid-column:1/-1}
    .koc-chat-sidebar{grid-template-columns:1fr}
    .koc-chat-messages{height:54vh;min-height:350px;padding:12px}
    .chat-bubble{max-width:88%}
    .koc-chat-composer{padding:14px}
    .koc-chat-composer__footer{align-items:stretch;flex-direction:column}
    .koc-chat-composer__security{flex-wrap:wrap}
    #chat-char-count{margin-left:0}
    .chat-send{width:100%}
    .chat-mod-btn span{display:none}
    .koc-chat-modal-actions{flex-direction:column-reverse}
    .koc-chat-modal-actions button{width:100%}
}


/* Yönetici katılımcı listesi */
.koc-chat-users-card{min-width:0}
.koc-chat-side-card__title{min-width:0;flex:1}
.koc-chat-user-count{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:var(--koc-blue-700);font-family:Play,sans-serif;font-size:11px;font-weight:700}
.koc-chat-user-tools{border-bottom:1px solid var(--koc-slate-200);padding:11px 13px;background:#fff}
.koc-chat-user-search{display:flex;align-items:center;gap:8px;border:1px solid var(--koc-slate-300);border-radius:11px;background:#f8fafc;padding:0 11px;color:var(--koc-slate-500)}
.koc-chat-user-search:focus-within{border-color:var(--koc-blue-500);background:#fff;box-shadow:0 0 0 4px rgba(11,111,245,.09)}
.koc-chat-user-search input{width:100%;min-width:0;border:0;background:transparent;padding:10px 0;color:var(--koc-slate-950);font-size:11px;outline:none}
.koc-chat-user-list{display:grid;gap:8px;max-height:390px;overflow-y:auto;padding:12px;background:#fbfdff}
.koc-chat-user-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:82px;color:var(--koc-slate-500);font-size:10px;text-align:center}
.koc-chat-user-item{border:1px solid var(--koc-slate-200);border-radius:13px;background:#fff;padding:10px;box-shadow:0 3px 12px rgba(15,23,42,.035)}
.koc-chat-user-main{display:flex;align-items:center;gap:9px;min-width:0}
.koc-chat-user-avatar{display:grid;place-items:center;overflow:hidden;flex:0 0 36px;width:36px;height:36px;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff;color:var(--koc-blue-700);font-family:Montserrat,sans-serif;font-size:9px;font-weight:800}
.koc-chat-user-avatar img{width:100%;height:100%;object-fit:cover}
.koc-chat-user-copy{min-width:0;flex:1}
.koc-chat-user-name{display:flex;align-items:center;gap:6px;min-width:0;color:var(--koc-slate-950);font-size:11px;font-weight:800}
.koc-chat-user-name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.koc-chat-user-self{border-radius:999px;background:#e0f2fe;padding:2px 6px;color:#0369a1;font-size:7px;font-weight:800;text-transform:uppercase}
.koc-chat-user-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px;color:var(--koc-slate-500);font-size:8px}
.koc-chat-user-state{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 6px;font-size:7px;font-weight:800;text-transform:uppercase}
.koc-chat-user-state.is-muted{background:#fffbeb;color:#a16207}
.koc-chat-user-state.is-banned{background:#fff1f2;color:#be123c}
.koc-chat-user-state.is-online{background:#ecfdf5;color:#047857}
.koc-chat-user-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;border-top:1px solid var(--koc-slate-200);padding-top:8px}
.koc-chat-user-actions .chat-mod-btn{min-height:26px;flex:1;padding:0 6px;font-size:8px}
.koc-chat-user-protected{display:flex;align-items:center;gap:6px;margin-top:8px;border-top:1px solid var(--koc-slate-200);padding-top:8px;color:var(--koc-warning);font-size:8px;font-weight:800;text-transform:uppercase}
.koc-chat-user-footnote{display:flex;align-items:flex-start;gap:7px;border-top:1px solid var(--koc-slate-200);padding:10px 13px;background:#f8fafc;color:var(--koc-slate-500);font-size:9px;line-height:1.5}
.koc-chat-user-footnote i{margin-top:2px;color:var(--koc-blue-600)}
.koc-chat-route-alert{border:1px solid #fecdd3;background:#fff1f2;color:#9f1239}

@media(max-width:1100px){
    .koc-chat-users-card{grid-column:1/-1}
    .koc-chat-user-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:440px}
}
@media(max-width:720px){
    .koc-chat-user-list{grid-template-columns:1fr;max-height:360px}
    .koc-chat-user-actions .chat-mod-btn span{display:inline}
}


/* ===== Imported from kingofcs-oyunsunucusu.css ===== */

/* KINGOFCS Oyun Sunucusu V3
   Tailwind runtime kullanılmaz. Aşağıdaki utility katmanı şablondaki 2–4. adımlar için derlenmiştir. */
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-yellow-500: oklch(79.5% 0.184 86.047);
  --color-yellow-600: oklch(68.1% 0.162 75.834);
  --color-green-500: oklch(72.3% 0.219 149.579);
  --color-green-600: oklch(62.7% 0.194 149.214);
  --color-sky-200: oklch(90.1% 0.058 230.902);
  --color-sky-300: oklch(82.8% 0.111 230.318);
  --color-sky-400: oklch(74.6% 0.16 232.661);
  --color-sky-500: oklch(68.5% 0.169 237.323);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-lg: 32rem;
  --container-2xl: 42rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-widest: 0.1em;
  --leading-relaxed: 1.625;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --animate-bounce: bounce 1s infinite;
  --blur-sm: 8px;
  --blur-md: 12px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --color-brand-panel: #ffffff;
  --color-brand-bg: #f8fafc;
  --color-brand-border: #e2e8f0;
  --color-brand-heading: #0f172a;
  --color-brand-text: #475569;
  --color-brand-accent: #0b6ff5;
  --color-brand-warning: #b45309;
  --color-brand-danger: #be123c;
}
.pointer-events-none {
  pointer-events: none;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.top-6 {
  top: calc(var(--spacing) * 6);
}
.z-\[99999\] {
  z-index: 99999;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}
.mx-auto {
  margin-inline: auto;
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.ml-\[52px\] {
  margin-left: 52px;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-flex {
  display: inline-flex;
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.max-w-2xl {
  max-width: var(--container-2xl);
}
.max-w-lg {
  max-width: var(--container-lg);
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.flex-1 {
  flex: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.scale-50 {
  --tw-scale-x: 50%;
  --tw-scale-y: 50%;
  --tw-scale-z: 50%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-100 {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-bounce {
  animation: var(--animate-bounce);
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-brand-accent\/20 {
  border-color: color-mix(in srgb, #0b6ff5 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-accent) 20%, transparent);
  }
}
.border-brand-border {
  border-color: var(--color-brand-border);
}
.border-brand-warning\/30 {
  border-color: color-mix(in srgb, #b45309 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-warning) 30%, transparent);
  }
}
.border-sky-500\/20 {
  border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
  }
}
.border-yellow-500\/20 {
  border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
  }
}
.bg-black\/70 {
  background-color: color-mix(in srgb, #000 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
  }
}
.bg-brand-accent {
  background-color: var(--color-brand-accent);
}
.bg-brand-accent\/10 {
  background-color: color-mix(in srgb, #0b6ff5 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-accent) 10%, transparent);
  }
}
.bg-brand-bg {
  background-color: var(--color-brand-bg);
}
.bg-brand-bg\/30 {
  background-color: color-mix(in srgb, #f8fafc 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-bg) 30%, transparent);
  }
}
.bg-brand-bg\/50 {
  background-color: color-mix(in srgb, #f8fafc 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-bg) 50%, transparent);
  }
}
.bg-brand-bg\/80 {
  background-color: color-mix(in srgb, #f8fafc 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-bg) 80%, transparent);
  }
}
.bg-brand-border {
  background-color: var(--color-brand-border);
}
.bg-brand-panel {
  background-color: var(--color-brand-panel);
}
.bg-brand-warning\/10 {
  background-color: color-mix(in srgb, #b45309 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-warning) 10%, transparent);
  }
}
.bg-green-600 {
  background-color: var(--color-green-600);
}
.bg-sky-500\/10 {
  background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
  }
}
.bg-transparent {
  background-color: transparent;
}
.bg-yellow-500\/10 {
  background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
  }
}
.object-cover {
  object-fit: cover;
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.p-10 {
  padding: calc(var(--spacing) * 10);
}
.p-12 {
  padding: calc(var(--spacing) * 12);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pl-2 {
  padding-left: calc(var(--spacing) * 2);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.font-mono {
  font-family: var(--font-mono);
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}
.leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.font-black {
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-\[0\.2em\] {
  --tw-tracking: 0.2em;
  letter-spacing: 0.2em;
}
.tracking-\[0\.18em\] {
  --tw-tracking: 0.18em;
  letter-spacing: 0.18em;
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-tighter {
  --tw-tracking: var(--tracking-tighter);
  letter-spacing: var(--tracking-tighter);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-brand-accent {
  color: var(--color-brand-accent);
}
.text-brand-heading {
  color: var(--color-brand-heading);
}
.text-brand-text {
  color: var(--color-brand-text);
}
.text-brand-text\/70 {
  color: color-mix(in srgb, #475569 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-brand-text) 70%, transparent);
  }
}
.text-brand-warning {
  color: var(--color-brand-warning);
}
.text-green-500 {
  color: var(--color-green-500);
}
.text-red-500 {
  color: var(--color-red-500);
}
.text-sky-200\/90 {
  color: color-mix(in srgb, oklch(90.1% 0.058 230.902) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-sky-200) 90%, transparent);
  }
}
.text-sky-300 {
  color: var(--color-sky-300);
}
.text-sky-400 {
  color: var(--color-sky-400);
}
.text-white {
  color: var(--color-white);
}
.text-yellow-600 {
  color: var(--color-yellow-600);
}
.uppercase {
  text-transform: uppercase;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-50 {
  opacity: 50%;
}
.opacity-70 {
  opacity: 70%;
}
.opacity-75 {
  opacity: 75%;
}
.opacity-80 {
  opacity: 80%;
}
.opacity-85 {
  opacity: 85%;
}
.opacity-100 {
  opacity: 100%;
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-brand-accent\/20 {
  --tw-shadow-color: color-mix(in srgb, #0b6ff5 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-accent) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-green-600\/20 {
  --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(var(--blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.group-hover\:scale-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:text-brand-accent {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand-accent);
    }
  }
}
.group-\[\.active\]\:scale-100 {
  &:is(:where(.group):is(.active) *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.group-\[\.active\]\:opacity-100 {
  &:is(:where(.group):is(.active) *) {
    opacity: 100%;
  }
}
.placeholder\:opacity-50 {
  &::placeholder {
    opacity: 50%;
  }
}
.focus-within\:border-brand-accent {
  &:focus-within {
    border-color: var(--color-brand-accent);
  }
}
.hover\:border-brand-accent {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-brand-accent);
    }
  }
}
.hover\:border-brand-danger {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-brand-danger);
    }
  }
}
.hover\:border-brand-text {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-brand-text);
    }
  }
}
.hover\:bg-\[\#005bc4\] {
  &:hover {
    @media (hover: hover) {
      background-color: #005bc4;
    }
  }
}
.hover\:bg-brand-bg {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-brand-bg);
    }
  }
}
.hover\:bg-brand-panel {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-brand-panel);
    }
  }
}
.hover\:bg-green-500 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-green-500);
    }
  }
}
.hover\:text-brand-accent {
  &:hover {
    @media (hover: hover) {
      color: var(--color-brand-accent);
    }
  }
}
.hover\:text-brand-danger {
  &:hover {
    @media (hover: hover) {
      color: var(--color-brand-danger);
    }
  }
}
.hover\:text-brand-heading {
  &:hover {
    @media (hover: hover) {
      color: var(--color-brand-heading);
    }
  }
}
.hover\:brightness-110 {
  &:hover {
    @media (hover: hover) {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
}
.active\:scale-95 {
  &:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.sm\:w-auto {
  @media (width >= 40rem) {
    width: auto;
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.sm\:justify-end {
  @media (width >= 40rem) {
    justify-content: flex-end;
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:p-8 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.lg\:col-span-4 {
  @media (width >= 64rem) {
    grid-column: span 4 / span 4;
  }
}
.lg\:col-span-8 {
  @media (width >= 64rem) {
    grid-column: span 8 / span 8;
  }
}
.lg\:grid-cols-12 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.dark\:text-yellow-500 {
  @media (prefers-color-scheme: dark) {
    color: var(--color-yellow-500);
  }
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}


/* KINGOFCS 2026 — Oyun Sunucusu Kiralama
   Referans: horizontal light panel / catalog + wizard
   Tek katmanlı, bağımsız sayfa teması. */

.kcs-rental-page {
    --kcs-navy-950: #071426;
    --kcs-navy-900: #0b1f38;
    --kcs-navy-800: #123254;
    --kcs-blue-700: #0759c7;
    --kcs-blue-600: #0b6ff5;
    --kcs-blue-500: #2b84ff;
    --kcs-blue-100: #dcecff;
    --kcs-blue-50: #f3f8ff;
    --kcs-slate-950: #0f172a;
    --kcs-slate-800: #1e293b;
    --kcs-slate-700: #334155;
    --kcs-slate-600: #475569;
    --kcs-slate-500: #64748b;
    --kcs-slate-400: #94a3b8;
    --kcs-slate-300: #cbd5e1;
    --kcs-slate-200: #e2e8f0;
    --kcs-slate-100: #f1f5f9;
    --kcs-slate-50: #f8fafc;
    --kcs-white: #ffffff;
    --kcs-success: #059669;
    --kcs-success-bg: #ecfdf5;
    --kcs-success-border: #a7f3d0;
    --kcs-danger: #be123c;
    --kcs-danger-bg: #fff1f2;
    --kcs-danger-border: #fecdd3;
    --kcs-warning: #b45309;
    --kcs-warning-bg: #fffbeb;
    --kcs-warning-border: #fde68a;
    width: 100%;
    color: var(--kcs-slate-950);
    font-family: "Open Sans", ui-sans-serif, system-ui, sans-serif;
}

.kcs-rental-page *,
.kcs-rental-page *::before,
.kcs-rental-page *::after {
    box-sizing: border-box;
}

.kcs-rental-page button,
.kcs-rental-page input,
.kcs-rental-page select {
    font: inherit;
}

.kcs-rental-page button {
    cursor: pointer;
}

.kcs-rental-page .hidden {
    display: none !important;
}

.kcs-rental-page h1,
.kcs-rental-page h2,
.kcs-rental-page h3,
.kcs-rental-page .font-black,
.kcs-rental-page .font-bold {
    font-family: "Exo 2", ui-sans-serif, system-ui, sans-serif;
}

.kcs-rental-page .font-mono {
    font-family: "Play", ui-monospace, monospace;
}

.kcs-rental-page {
    display: grid;
    gap: 20px;
}

.kcs-page-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding: 2px 2px 0;
}

.kcs-page-heading h1 {
    margin: 4px 0 0;
    color: var(--kcs-navy-950);
    font-size: clamp(1.55rem, 2.3vw, 2.1rem);
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.kcs-page-heading p {
    margin: 7px 0 0;
    color: var(--kcs-slate-500);
    font-size: 0.82rem;
    line-height: 1.65;
}

.kcs-page-eyebrow {
    color: var(--kcs-blue-700);
    font-family: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.16em;
}

.kcs-page-heading-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.kcs-button {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 12px;
    padding: 0 16px;
    border: 1px solid transparent;
    text-decoration: none;
    font-family: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.kcs-button:hover {
    transform: translateY(-1px);
}

.kcs-button-primary {
    color: #fff;
    background: linear-gradient(135deg, var(--kcs-blue-600), var(--kcs-blue-700));
    box-shadow: 0 12px 28px rgba(11, 111, 245, .22);
}

.kcs-button-secondary {
    color: var(--kcs-slate-700);
    border-color: var(--kcs-slate-200);
    background: #fff;
    box-shadow: 0 5px 16px rgba(15, 23, 42, .04);
}

.kcs-button-secondary:hover {
    color: var(--kcs-blue-700);
    border-color: #93c5fd;
    background: var(--kcs-blue-50);
}

.kcs-catalog-hero {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    border-radius: 24px;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(7, 20, 38, .99), rgba(11, 31, 56, .97) 52%, rgba(18, 79, 141, .96));
    box-shadow: 0 18px 50px rgba(15, 23, 42, .16);
}

.kcs-catalog-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
}

.kcs-catalog-hero-orb {
    position: absolute;
    right: -70px;
    top: -110px;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: rgba(43, 132, 255, .28);
    filter: blur(48px);
}

.kcs-catalog-hero-content {
    position: relative;
    z-index: 1;
    min-height: 220px;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(330px, .85fr);
    align-items: center;
    gap: 36px;
    padding: 30px;
}

.kcs-catalog-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #bfdbfe;
    font-family: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.kcs-catalog-hero h2 {
    margin: 12px 0 0;
    color: #fff;
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -.025em;
}

.kcs-catalog-hero p {
    max-width: 740px;
    margin: 11px 0 0;
    color: rgba(219, 234, 254, .78);
    font-size: .88rem;
    line-height: 1.8;
}

.kcs-catalog-hero-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.kcs-catalog-hero-stats > div {
    min-height: 92px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 16px;
    padding: 14px;
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(7px);
}

.kcs-catalog-hero-stats span {
    color: #bfdbfe;
    font-family: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.kcs-catalog-hero-stats strong {
    margin-top: 8px;
    color: #fff;
    font-family: "Play", ui-monospace, monospace;
    font-size: 1.25rem;
    font-weight: 700;
}

.kcs-wizard-shell {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--kcs-slate-200);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(15,23,42,.07);
}

.kcs-wizard-progress {
    height: 3px;
    background: var(--kcs-slate-100);
}

.kcs-wizard-progress span {
    display: block;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--kcs-blue-700), var(--kcs-blue-500));
    transition: width .3s ease;
}

.kcs-wizard-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.kcs-wizard-grid .step-dot {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 0;
    border-right: 1px solid var(--kcs-slate-100);
    padding: 16px 18px;
    color: var(--kcs-slate-600);
    background: #fff;
    text-align: left;
    transition: background .18s ease, color .18s ease;
}

.kcs-wizard-grid .step-dot:last-child {
    border-right: 0;
}

.kcs-wizard-grid .step-dot:hover:not(.locked),
.kcs-wizard-grid .step-dot.active {
    background: var(--kcs-blue-50);
}

.kcs-wizard-grid .step-dot.locked {
    cursor: not-allowed;
    opacity: .56;
}

.kcs-wizard-grid .circle {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border: 1px solid var(--kcs-slate-200);
    border-radius: 12px;
    color: var(--kcs-slate-500);
    background: var(--kcs-slate-50);
    font-family: "Play", ui-monospace, monospace;
    font-size: .75rem;
    font-weight: 700;
}

.kcs-wizard-grid .active .circle,
.kcs-wizard-grid .done .circle {
    color: #fff;
    border-color: var(--kcs-blue-600);
    background: var(--kcs-blue-600);
    box-shadow: 0 8px 20px rgba(11,111,245,.19);
}

.kcs-wizard-grid .step-copy {
    min-width: 0;
    display: block;
}

.kcs-wizard-grid .step-copy strong {
    display: block;
    overflow: hidden;
    color: var(--kcs-slate-800);
    font-family: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    font-size: .68rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kcs-wizard-grid .step-copy small {
    display: block;
    overflow: hidden;
    margin-top: 4px;
    color: var(--kcs-slate-400);
    font-size: .59rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kcs-wizard-grid .active .step-copy strong,
.kcs-wizard-grid .done .step-copy strong {
    color: var(--kcs-blue-700);
}

.step-content {
    scroll-margin-top: 22px;
}

.kcs-section-heading,
.kcs-rental-section-title,
#step-3 > .flex.items-center.justify-between {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin: 4px 0 16px;
}

.kcs-section-heading > div > span,
.kcs-rental-section-title > span,
#step3-badge {
    color: var(--kcs-blue-700);
}

.kcs-section-heading > div > span {
    display: block;
    font-family: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .14em;
}

.kcs-section-heading h2,
.kcs-rental-section-title h2,
#step3-title {
    margin: 4px 0 0;
    color: var(--kcs-navy-950);
    font-size: 1.18rem;
    line-height: 1.25;
    font-weight: 800;
}

.kcs-section-heading p,
.kcs-rental-section-title p,
#step-3 > .flex.items-center.justify-between p {
    margin: 5px 0 0;
    color: var(--kcs-slate-500);
    font-size: .75rem;
    line-height: 1.55;
}

.kcs-section-heading-compact {
    margin-bottom: 15px;
}

.kcs-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid;
    border-radius: 999px;
    padding: 6px 10px;
    font-family: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    font-size: .58rem;
    font-weight: 700;
    white-space: nowrap;
}

.kcs-status-pill i {
    font-size: .42rem;
}

.kcs-status-pill-success {
    color: #047857;
    border-color: var(--kcs-success-border);
    background: var(--kcs-success-bg);
}

.kcs-status-pill-danger {
    color: var(--kcs-danger);
    border-color: var(--kcs-danger-border);
    background: var(--kcs-danger-bg);
}

.kcs-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.kcs-product-card {
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--kcs-slate-200);
    border-radius: 18px;
    padding: 0;
    color: inherit;
    background: #fff;
    box-shadow: 0 8px 30px rgba(15,23,42,.07);
    text-align: left;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.kcs-product-card:hover:not(.is-disabled),
.kcs-product-card.active {
    transform: translateY(-3px);
    border-color: #93c5fd;
    box-shadow: 0 18px 46px rgba(15,23,42,.13);
}

.kcs-product-card.active {
    box-shadow: 0 0 0 2px rgba(11,111,245,.16), 0 18px 46px rgba(15,23,42,.13);
}

.kcs-product-card.is-disabled {
    cursor: not-allowed;
    opacity: .62;
    filter: grayscale(.55);
}

.kcs-product-media {
    position: relative;
    min-height: 145px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 19px;
    background: linear-gradient(135deg, var(--kcs-navy-950), var(--kcs-navy-800));
}

.kcs-product-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.015);
    transition: transform .25s ease;
}

.kcs-product-card:hover .kcs-product-media img {
    transform: scale(1.06);
}

.kcs-product-media-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(7,20,38,.14), rgba(7,20,38,.86)),
        linear-gradient(90deg, rgba(7,20,38,.75), transparent);
}

.kcs-product-game-name {
    position: relative;
    z-index: 1;
    color: #fff;
    font-family: "Exo 2", ui-sans-serif, system-ui, sans-serif;
    font-size: 1.28rem;
    font-weight: 800;
    letter-spacing: -.015em;
}

.kcs-product-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 18px;
}

.kcs-product-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--kcs-slate-500);
    font-size: .65rem;
}

.kcs-product-meta > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.kcs-product-body > strong {
    margin-top: 15px;
    color: var(--kcs-navy-950);
    font-size: 1rem;
    font-weight: 800;
}

.kcs-product-body > small {
    display: block;
    margin-top: 7px;
    color: var(--kcs-slate-500);
    font-size: .7rem;
    line-height: 1.65;
}

.kcs-product-features {
    display: grid;
    gap: 7px;
    margin-top: 15px;
    color: var(--kcs-slate-600);
    font-size: .66rem;
}

.kcs-product-features span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kcs-product-features i {
    width: 15px;
    color: var(--kcs-blue-600);
    text-align: center;
}

.kcs-product-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 16px;
    color: var(--kcs-blue-700);
    font-family: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    font-size: .66rem;
    font-weight: 700;
}

.kcs-product-action i {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--kcs-blue-700);
    background: var(--kcs-blue-50);
}

.kcs-empty-state {
    min-height: 240px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 9px;
    border: 2px dashed var(--kcs-slate-300);
    border-radius: 18px;
    color: var(--kcs-slate-500);
    background: var(--kcs-slate-50);
    text-align: center;
}

.kcs-empty-state i {
    color: var(--kcs-blue-600);
    font-size: 2rem;
}

.kcs-empty-state strong {
    color: var(--kcs-slate-800);
}

.kcs-empty-state span {
    max-width: 520px;
    font-size: .73rem;
    line-height: 1.6;
}

.kcs-subtype-shell {
    margin-top: 20px;
    border: 1px solid var(--kcs-slate-200);
    border-radius: 18px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(15,23,42,.07);
}

.kcs-subtype-grid,
#subtype-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

#subtype-list > button {
    min-width: 0;
    min-height: 175px;
    border: 1px solid var(--kcs-slate-200) !important;
    border-radius: 16px !important;
    padding: 17px !important;
    color: var(--kcs-slate-700) !important;
    background: var(--kcs-slate-50) !important;
    box-shadow: none !important;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

#subtype-list > button:hover:not([class*="pointer-events-none"]) {
    transform: translateY(-2px);
    border-color: #93c5fd !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(15,23,42,.09) !important;
}

#subtype-list > button .text-brand-heading {
    color: var(--kcs-navy-950) !important;
}

#subtype-list > button .text-brand-text {
    color: var(--kcs-slate-500) !important;
}

.kcs-rental-section-title {
    align-items: center;
}

.kcs-rental-section-no,
#step3-badge {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border: 1px solid #bfdbfe;
    border-radius: 11px;
    color: var(--kcs-blue-700);
    background: var(--kcs-blue-50);
    font-family: "Play", ui-monospace, monospace;
    font-size: .72rem;
    font-weight: 700;
}

#duration-addon-note {
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

#duration-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.duration-card {
    min-height: 190px;
    border: 1px solid var(--kcs-slate-200) !important;
    border-radius: 18px !important;
    padding: 24px !important;
    color: var(--kcs-slate-700) !important;
    background: #fff !important;
    box-shadow: 0 8px 28px rgba(15,23,42,.065) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.duration-card:hover,
.duration-card.active {
    transform: translateY(-2px);
    border-color: #93c5fd !important;
    box-shadow: 0 16px 38px rgba(15,23,42,.11) !important;
}

.duration-card.active {
    border-color: var(--kcs-blue-600) !important;
    background: linear-gradient(180deg, var(--kcs-blue-50), #fff) !important;
    box-shadow: 0 0 0 2px rgba(11,111,245,.12), 0 16px 38px rgba(15,23,42,.11) !important;
}

.duration-card > div:first-child {
    border-color: #bfdbfe !important;
    background: var(--kcs-blue-50) !important;
}

.duration-card i {
    color: var(--kcs-blue-600) !important;
}

#step-3 > .grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, .72fr);
    gap: 18px;
    align-items: start;
}

#step-3 .lg\:col-span-8,
#step-3 .lg\:col-span-4 {
    grid-column: auto;
}

#step-3 .lg\:col-span-8 {
    min-width: 0;
}

#step-3 .lg\:col-span-4 {
    position: sticky;
    top: 18px;
}

#step-3 .bg-brand-panel,
#step-3 #configPanel,
#step-3 #no-selection-msg,
#step-4 .invoice-wrap {
    border: 1px solid var(--kcs-slate-200) !important;
    background: #fff !important;
    box-shadow: 0 8px 28px rgba(15,23,42,.065) !important;
}

#step-3 > .grid > div:first-child > div:first-child {
    border-radius: 14px !important;
}

#serverSearch {
    color: var(--kcs-slate-950) !important;
    background: transparent !important;
}

#serverSearch::placeholder {
    color: var(--kcs-slate-400) !important;
}

.js-server-table {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.server-card {
    width: 100%;
    border: 1px solid var(--kcs-slate-200) !important;
    border-radius: 15px !important;
    padding: 14px !important;
    color: var(--kcs-slate-700) !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(15,23,42,.045) !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

.server-card:hover:not([class*="cursor-not-allowed"]),
.server-card.active {
    transform: translateY(-1px);
    border-color: #93c5fd !important;
    background: var(--kcs-blue-50) !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.08) !important;
}

.server-card.active {
    border-color: var(--kcs-blue-600) !important;
    box-shadow: 0 0 0 2px rgba(11,111,245,.10), 0 10px 28px rgba(15,23,42,.08) !important;
}

.server-icon {
    border-color: #dbeafe !important;
    color: var(--kcs-blue-700) !important;
    background: var(--kcs-blue-50) !important;
}

.server-title {
    color: var(--kcs-slate-900, #0f172a) !important;
}

#no-selection-msg {
    min-height: 265px;
    border-style: dashed !important;
    background: var(--kcs-slate-50) !important;
}

#configPanel {
    overflow: hidden;
    border-radius: 18px !important;
}

#configPanel > div:first-child {
    border-color: var(--kcs-slate-200) !important;
    background: var(--kcs-slate-50) !important;
}

#configPanel > div:last-child {
    border-color: var(--kcs-slate-200) !important;
    background: var(--kcs-slate-50) !important;
}

.cfg-btn {
    border: 1px solid var(--kcs-slate-200) !important;
    color: var(--kcs-slate-700) !important;
    background: #fff !important;
    box-shadow: none !important;
}

.cfg-btn:hover,
.cfg-btn.active {
    border-color: #93c5fd !important;
    color: var(--kcs-blue-700) !important;
    background: var(--kcs-blue-50) !important;
}

#panel-total,
#sum-price {
    color: var(--kcs-navy-950) !important;
}

#btnNext3,
#sum-pay-btn {
    border: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--kcs-blue-600), var(--kcs-blue-700)) !important;
    box-shadow: 0 12px 28px rgba(11,111,245,.22) !important;
}

#step-4 {
    justify-content: center;
}

#step-4 .invoice-wrap {
    max-width: 760px;
    overflow: hidden;
    border-radius: 20px !important;
    background-image:
        linear-gradient(rgba(148,163,184,.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148,163,184,.07) 1px, transparent 1px) !important;
    background-size: 24px 24px !important;
}

#step-4 .invoice-wrap > div:first-child {
    border-color: var(--kcs-slate-200) !important;
    background: linear-gradient(135deg, #f8fbff, #eef6ff) !important;
}

#step-4 .invoice-wrap > div:last-child {
    border-color: var(--kcs-slate-200) !important;
    background: var(--kcs-slate-50) !important;
}

.dash-border {
    border-color: var(--kcs-slate-300) !important;
}

.kcs-rental-page .bg-brand-panel { background-color: #fff !important; }
.kcs-rental-page .bg-brand-bg,
.kcs-rental-page .bg-brand-bg\/50,
.kcs-rental-page .bg-brand-bg\/80 { background-color: var(--kcs-slate-50) !important; }
.kcs-rental-page .border-brand-border { border-color: var(--kcs-slate-200) !important; }
.kcs-rental-page .text-brand-heading { color: var(--kcs-slate-950) !important; }
.kcs-rental-page .text-brand-text { color: var(--kcs-slate-500) !important; }
.kcs-rental-page .text-brand-accent { color: var(--kcs-blue-600) !important; }
.kcs-rental-page .bg-brand-accent { background-color: var(--kcs-blue-600) !important; }
.kcs-rental-page .bg-brand-accent\/10 { background-color: var(--kcs-blue-50) !important; }
.kcs-rental-page .border-brand-accent\/20 { border-color: #bfdbfe !important; }
.kcs-rental-page .text-sky-300,
.kcs-rental-page .text-sky-400 { color: var(--kcs-blue-700) !important; }
.kcs-rental-page .text-green-500 { color: #047857 !important; }
.kcs-rental-page .text-red-500 { color: var(--kcs-danger) !important; }
.kcs-rental-page .text-amber-400,
.kcs-rental-page .text-orange-400 { color: var(--kcs-warning) !important; }
.kcs-rental-page .text-violet-400 { color: #7c3aed !important; }
.kcs-rental-page .text-fuchsia-400 { color: #a21caf !important; }

.kcs-rental-page .bg-green-500\/10 { background: var(--kcs-success-bg) !important; }
.kcs-rental-page .border-green-500\/20 { border-color: var(--kcs-success-border) !important; }
.kcs-rental-page .bg-red-500\/10 { background: var(--kcs-danger-bg) !important; }
.kcs-rental-page .border-red-500\/20 { border-color: var(--kcs-danger-border) !important; }
.kcs-rental-page .bg-sky-500\/10 { background: #eff6ff !important; }
.kcs-rental-page .border-sky-500\/20 { border-color: #bfdbfe !important; }
.kcs-rental-page .bg-amber-500\/10,
.kcs-rental-page .bg-yellow-500\/10 { background: var(--kcs-warning-bg) !important; }
.kcs-rental-page .border-amber-500\/20,
.kcs-rental-page .border-yellow-500\/20 { border-color: var(--kcs-warning-border) !important; }

.kcs-info-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.kcs-info-modal.is-open {
    display: flex;
}

.kcs-info-modal__backdrop,
#postPurchaseTs3DnsModal > div.absolute {
    position: absolute;
    inset: 0;
    background: rgba(7,20,38,.58) !important;
    backdrop-filter: blur(5px);
}

.kcs-info-modal__card,
#postPurchaseTs3DnsModal > div.relative {
    position: relative;
    width: min(560px, 100%);
    overflow: hidden;
    border: 1px solid var(--kcs-slate-200) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 28px 80px rgba(15,23,42,.24) !important;
}

.kcs-info-modal__topline {
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--kcs-blue-600), transparent);
}

.kcs-info-modal__body {
    padding: 26px;
}

.kcs-info-modal__badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    padding: 6px 10px;
    color: var(--kcs-blue-700);
    background: var(--kcs-blue-50);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.kcs-info-modal__icon {
    width: 66px;
    height: 66px;
    display: grid;
    place-items: center;
    margin-top: 17px;
    border: 1px solid #bfdbfe;
    border-radius: 18px;
    color: var(--kcs-blue-600);
    background: var(--kcs-blue-50);
}

.kcs-info-modal__reason {
    margin-top: 18px;
    border: 1px solid var(--kcs-slate-200);
    border-radius: 14px;
    padding: 13px 15px;
    background: var(--kcs-slate-50);
}

.kcs-info-modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid var(--kcs-slate-200);
    border-radius: 12px;
    color: var(--kcs-slate-600);
    background: #fff;
}

.kcs-info-modal__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.kcs-info-modal__btn {
    min-height: 40px;
    border-radius: 11px;
    padding: 0 15px;
    font-size: .67rem;
    font-weight: 700;
}

.kcs-info-modal__btn--ghost {
    border: 1px solid var(--kcs-slate-200);
    color: var(--kcs-slate-700);
    background: #fff;
}

.kcs-info-modal__btn--primary {
    border: 0;
    color: #fff;
    background: var(--kcs-blue-600);
}

/* PHP tarafından üretilen YaPB pencereleri */
#yapb-success-modal,
#yapb-restart-wait-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 22px !important;
    font-family: "Open Sans", ui-sans-serif, system-ui, sans-serif;
}

#yapb-success-modal > div.absolute,
#yapb-restart-wait-modal > div.absolute {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(7,20,38,.58) !important;
    backdrop-filter: blur(5px) !important;
}

#yapb-success-modal > div.relative,
#yapb-restart-wait-modal > div.relative {
    position: relative !important;
    width: min(580px, 100%) !important;
    overflow: hidden !important;
    border: 1px solid var(--kcs-slate-200) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 28px 80px rgba(15,23,42,.24) !important;
}

#yapb-success-modal .border-b,
#yapb-restart-wait-modal .border-b {
    border-color: var(--kcs-slate-200) !important;
    background: linear-gradient(135deg, #f8fbff, #eef6ff) !important;
}

#yapb-success-modal .text-white,
#yapb-restart-wait-modal .text-white {
    color: var(--kcs-slate-950) !important;
}

#yapb-success-modal .text-steam-textDim,
#yapb-restart-wait-modal .text-steam-textDim {
    color: var(--kcs-slate-500) !important;
}

#yapb-success-modal .bg-brand-bg,
#yapb-success-modal .bg-brand-bg\/70,
#yapb-restart-wait-modal .bg-brand-bg,
#yapb-restart-wait-modal .bg-brand-bg\/70 {
    background: var(--kcs-slate-50) !important;
}

#yapb-success-modal .border-brand-border,
#yapb-restart-wait-modal .border-brand-border {
    border-color: var(--kcs-slate-200) !important;
}

#yapb-success-modal .bg-brand-accent,
#yapb-restart-wait-modal .bg-brand-accent {
    color: #fff !important;
    background: linear-gradient(135deg, var(--kcs-blue-600), var(--kcs-blue-700)) !important;
}

#yapb-restart-counter {
    border-color: #bfdbfe !important;
    color: var(--kcs-blue-700) !important;
    background: var(--kcs-blue-50) !important;
}

@media (max-width: 1180px) {
    .kcs-product-grid,
    .kcs-subtype-grid,
    #subtype-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kcs-catalog-hero-content {
        grid-template-columns: 1fr;
    }

    #step-3 > .grid {
        grid-template-columns: 1fr;
    }

    #step-3 .lg\:col-span-4 {
        position: static;
    }
}

@media (max-width: 820px) {
    .kcs-page-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .kcs-page-heading-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kcs-catalog-hero-content {
        padding: 24px;
    }

    .kcs-catalog-hero-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .kcs-wizard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kcs-wizard-grid .step-dot:nth-child(2) {
        border-right: 0;
    }

    .kcs-wizard-grid .step-dot:nth-child(-n+2) {
        border-bottom: 1px solid var(--kcs-slate-100);
    }
}

@media (max-width: 640px) {
    .kcs-rental-page {
        gap: 15px;
    }

    .kcs-page-heading-actions,
    .kcs-product-grid,
    .kcs-subtype-grid,
    #subtype-list,
    #duration-grid {
        grid-template-columns: 1fr;
    }

    .kcs-catalog-hero {
        min-height: 0;
        border-radius: 18px;
    }

    .kcs-catalog-hero-content {
        min-height: 0;
        padding: 21px;
    }

    .kcs-catalog-hero-stats {
        grid-template-columns: 1fr;
    }

    .kcs-catalog-hero-stats > div {
        min-height: 70px;
    }

    .kcs-wizard-grid .step-dot {
        padding: 13px;
    }

    .kcs-wizard-grid .step-copy small {
        display: none;
    }

    .kcs-section-heading,
    .kcs-rental-section-title,
    #step-3 > .flex.items-center.justify-between {
        align-items: flex-start;
        flex-direction: column;
    }

    .kcs-status-pill {
        align-self: flex-start;
    }

    .kcs-product-media {
        min-height: 125px;
    }

    #step-3 > .grid {
        display: block;
    }

    #step-3 .lg\:col-span-4 {
        margin-top: 14px;
    }

    #step-4 .invoice-wrap > div {
        padding: 18px !important;
    }

    .kcs-info-modal,
    #yapb-success-modal,
    #yapb-restart-wait-modal {
        padding: 12px !important;
    }
}

/* Wizard rendering safeguards */
.kcs-rental-page .step-content.hidden,
.kcs-rental-page .js-server-table.hidden,
.kcs-rental-page #configPanel.hidden,
.kcs-rental-page #no-selection-msg.hidden,
.kcs-rental-page #need-packet-msg.hidden { display:none !important; }
.kcs-rental-page #step-2:not(.hidden),
.kcs-rental-page #step-3:not(.hidden) { display:block; }
.kcs-rental-page #step-4:not(.hidden) { display:flex; }
.kcs-rental-page .js-server-table:not(.hidden) { display:flex; }
.kcs-rental-page #configPanel:not(.hidden) { display:block; }
@media (max-width: 1023px) {
  .kcs-rental-page #step-3 > .grid { grid-template-columns:1fr !important; }
  .kcs-rental-page #step-3 .lg\:col-span-4 { position:static !important; }
}

/* V3 visual alignment corrections */
.kcs-rental-page .kcs-rental-section-title {
    justify-content: flex-start;
    align-items: center;
}

.kcs-rental-page #step3-back-btn {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--kcs-slate-200);
    border-radius: 11px;
    padding: 0 14px;
    color: var(--kcs-slate-600);
    background: #fff;
    font-family: "Montserrat", ui-sans-serif, system-ui, sans-serif;
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .06em;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(15,23,42,.05);
}

.kcs-rental-page #step3-back-btn:hover {
    border-color: #93c5fd;
    color: var(--kcs-blue-700);
    background: var(--kcs-blue-50);
}

@media (max-width: 640px) {
    .kcs-rental-page #step-3 > .flex.items-center.justify-between {
        align-items: flex-start;
    }
    .kcs-rental-page #step3-back-btn {
        width: 100%;
        margin-top: 8px;
    }
}


/* ===== KINGOFCS V5 single-CSS compatibility ===== */
.koc-tailwind-ready .koc-content{min-height:calc(100vh - 210px);}
.koc-nav-link[data-koc-permission="denied"],.koc-mobile-link[data-koc-permission="denied"]{display:none!important;}
.kingofcs-permission-chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:#eef6ff;border:1px solid #d6e8ff;color:#0759c7;font-size:.72rem;font-weight:800;padding:.25rem .55rem;}
@media (max-width: 767px){.koc-modal-card{max-height:calc(100vh - 1.5rem);overflow:auto;}}


/* ===== KINGOFCS Shared Access / Paylaşılan Erişimler V6 ===== */
.koc-shared-access,
.koc-admin-shared-access{
  --paylasim-bg:#f1f5f9;
  --paylasim-panel:#ffffff;
  --paylasim-panel-2:#f8fafc;
  --paylasim-border:#e2e8f0;
  --paylasim-border-strong:#cbd5e1;
  --paylasim-text:#475569;
  --paylasim-muted:#64748b;
  --paylasim-heading:#071426;
  --paylasim-accent:#0b6ff5;
  --paylasim-accent-2:#0759c7;
  --paylasim-soft:#f3f8ff;
  --paylasim-success:#10b981;
  --paylasim-danger:#e11d48;
  color:var(--paylasim-text);
}
.koc-shared-access{position:relative;isolation:isolate;}
.koc-shared-access:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 0%,rgba(43,132,255,.11),transparent 34%),
    radial-gradient(circle at 85% 10%,rgba(7,89,199,.10),transparent 34%);
}
.paylasim-hero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--paylasim-border);
  border-radius:22px;
  background:
    radial-gradient(circle at 86% 12%,rgba(43,132,255,.18),transparent 34%),
    linear-gradient(135deg,#fff 0%,#f8fbff 58%,#eef6ff 100%);
  box-shadow:0 8px 30px rgba(15,23,42,.08);
}
.paylasim-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(148,163,184,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(148,163,184,.10) 1px,transparent 1px);
  background-size:24px 24px;
  mask-image:linear-gradient(90deg,#000,transparent 86%);
  opacity:.65;
}
.paylasim-hero-inner{position:relative;z-index:1;}
.paylasim-kicker{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  border:1px solid #bfdbfe;
  color:var(--paylasim-accent-2);
  background:#eff6ff;
  border-radius:999px;
  padding:.42rem .75rem;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.paylasim-stat-card{
  border:1px solid #dbeafe;
  background:rgba(255,255,255,.82);
  border-radius:18px;
  padding:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 24px rgba(15,23,42,.05);
}
.paylasim-stat-value{color:var(--paylasim-heading);font-weight:900;font-size:24px;line-height:1;}
.paylasim-stat-label{color:var(--paylasim-muted);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-top:7px;}
.paylasim-primary-btn{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,var(--paylasim-accent),var(--paylasim-accent-2));
  color:#fff!important;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 14px 30px rgba(11,111,245,.23),inset 0 1px 0 rgba(255,255,255,.20);
}
.paylasim-primary-btn:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transform:translateX(-120%);
  transition:transform .5s ease;
}
.paylasim-primary-btn:hover:before{transform:translateX(120%);}
.paylasim-console{
  border:1px solid var(--paylasim-border);
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 30px rgba(15,23,42,.08);
}
.paylasim-console-head{
  border-bottom:1px solid var(--paylasim-border);
  background:linear-gradient(90deg,#f8fbff,#fff);
}
.access-user-card.paylasim-user-card{
  position:relative;
  background:#fff;
  border-color:var(--paylasim-border)!important;
  overflow:hidden;
}
.access-user-card.paylasim-user-card:before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--paylasim-accent),rgba(11,111,245,.10));
}
.access-user-card.paylasim-user-card:hover{
  border-color:#bfdbfe!important;
  background:#f8fbff;
  box-shadow:0 16px 36px rgba(15,23,42,.08);
}
.paylasim-avatar{
  background:linear-gradient(135deg,var(--paylasim-accent),var(--paylasim-accent-2))!important;
  border-color:#bfdbfe!important;
  color:#fff!important;
}
.paylasim-action-btn{
  border:1px solid var(--paylasim-border);
  background:#fff;
  color:var(--paylasim-text);
}
.paylasim-action-btn:hover{border-color:#bfdbfe;color:var(--paylasim-accent-2);background:#eff6ff;}
.paylasim-edit-shell{
  border:1px solid var(--paylasim-border);
  border-radius:22px;
  background:linear-gradient(135deg,#fff,#f8fbff);
  padding:20px;
  box-shadow:0 8px 26px rgba(15,23,42,.06);
}
.paylasim-empty{
  background:radial-gradient(circle at 50% 0%,rgba(43,132,255,.12),transparent 36%),#fff;
}
.partner-modal-backdrop{
  position:fixed;
  inset:0;
  background:rgba(7,20,38,.56)!important;
  backdrop-filter:blur(10px) saturate(140%);
  z-index:1200;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.partner-modal-backdrop.active{display:flex;}
.partner-modal.paylasim-modal,
.partner-modal{
  width:min(980px,calc(100vw - 24px));
  max-height:calc(100vh - 36px);
  overflow:hidden;
  border-radius:22px;
  border:1px solid var(--paylasim-border);
  background:#fff;
  box-shadow:0 30px 90px rgba(15,23,42,.28),0 0 0 1px rgba(255,255,255,.70) inset;
}
.partner-perm-row{
  position:relative;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.partner-perm-row:hover{background:#f8fbff!important;}
.partner-perm-row.is-selected{
  background:linear-gradient(90deg,#eff6ff,#fff)!important;
  box-shadow:inset 3px 0 0 var(--paylasim-accent),inset 0 0 0 1px #bfdbfe!important;
}
.partner-perm-input{position:absolute;opacity:0;pointer-events:none;}
.partner-perm-visual{
  display:flex;
  width:22px;
  height:22px;
  flex:0 0 22px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--paylasim-border-strong);
  border-radius:8px;
  background:#fff;
  color:transparent;
  transition:.16s ease;
}
.partner-perm-row:hover .partner-perm-visual{border-color:#93c5fd;}
.partner-perm-row.is-selected .partner-perm-visual{
  background:var(--paylasim-accent)!important;
  border-color:var(--paylasim-accent)!important;
  color:#fff!important;
  box-shadow:0 0 0 4px rgba(11,111,245,.11)!important;
}
.partner-perm-row.is-selected .partner-perm-icon-box{
  border-color:#bfdbfe!important;
  color:var(--paylasim-accent)!important;
  background:#eff6ff!important;
}
.partner-perm-click-surface a,
.partner-perm-click-surface button,
.partner-perm-click-surface textarea,
.partner-perm-click-surface input,
.partner-perm-click-surface select,
.partner-perm-click-surface label{position:relative;z-index:2;}
.access-user-actions{opacity:0;transition:opacity .16s ease;}
.access-user-card:hover .access-user-actions{opacity:1;}
.koc-admin-shared-access .bg-brand-panel,
.koc-shared-access .bg-brand-panel{background-color:#fff!important;}
.koc-admin-shared-access .bg-brand-bg,
.koc-shared-access .bg-brand-bg{background-color:#f8fafc!important;}
.koc-admin-shared-access .text-brand-heading,
.koc-shared-access .text-brand-heading{color:#071426!important;}
.koc-admin-shared-access .text-brand-text,
.koc-shared-access .text-brand-text{color:#475569!important;}
.koc-admin-shared-access .border-brand-border,
.koc-shared-access .border-brand-border{border-color:#e2e8f0!important;}
.koc-admin-shared-access .text-brand-accent,
.koc-shared-access .text-brand-accent{color:#0b6ff5!important;}
.koc-admin-shared-access .bg-brand-accent,
.koc-shared-access .bg-brand-accent{background-color:#0b6ff5!important;}
.koc-admin-shared-access .rounded-2xl,
.koc-shared-access .rounded-2xl{border-radius:18px;}
@media(max-width:768px){
  .paylasim-hero{border-radius:18px;}
  .paylasim-stat-card{padding:13px;}
  .paylasim-stat-value{font-size:20px;}
  .access-user-actions{opacity:1;}
  .partner-modal-backdrop{align-items:flex-end;padding:0;}
  .partner-modal.paylasim-modal,.partner-modal{width:100%;max-height:92vh;border-radius:22px 22px 0 0;}
}

/* ============================================================
   KINGOFCS TS3 Pages - moved inline styles V10
   ============================================================ */
/* ---- moved from ts3-anasayfa.tpl ---- */
.kcs-ts3-tree-wrap{position:relative;overflow:hidden}.kcs-ts3-tree-bg{background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px);background-size:22px 22px}.kcs-ts3-channel-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:42px;padding:.42rem .65rem .42rem calc(14px + var(--ts3-level,0)*24px);border-bottom:1px solid rgba(148,163,184,.12);transition:.16s ease}.kcs-ts3-channel-row:hover{background:rgba(0,111,238,.055)}.kcs-ts3-branch-line{position:absolute;left:calc(10px + var(--ts3-level,0)*24px);top:0;bottom:0;width:1px;background:linear-gradient(rgba(148,163,184,.14),rgba(148,163,184,.04))}.kcs-ts3-channel-icon{width:25px;height:25px;border-radius:8px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.32);display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 auto}.kcs-ts3-channel-title{font-size:13px;line-height:1.25}.kcs-ts3-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.35);padding:.22rem .55rem;color:var(--brand-heading,#e5e7eb);font-size:10px;font-weight:900}.kcs-ts3-mini-badge{display:inline-flex;align-items:center;gap:4px;border-width:1px;border-style:solid;border-radius:999px;padding:.1rem .38rem;font-size:9px;font-weight:900}.kcs-ts3-icon-btn{width:28px;height:28px;border-radius:9px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.35);color:var(--brand-heading,#e5e7eb);display:inline-flex;align-items:center;justify-content:center;transition:.15s}.kcs-ts3-icon-btn:hover{background:#006fee;border-color:#006fee;color:#fff}.kcs-ts3-client-list{padding:.18rem 0;border-bottom:1px solid rgba(148,163,184,.10)}.kcs-ts3-client-row{width:100%;display:flex;align-items:center;gap:.65rem;padding:.34rem .65rem .34rem calc(38px + var(--ts3-level,0)*24px);transition:.16s ease}.kcs-ts3-client-row:hover{background:rgba(34,197,94,.07)}.kcs-ts3-client-avatar{width:28px;height:28px;border-radius:999px;background:rgba(0,111,238,.14);border:1px solid rgba(0,111,238,.24);color:#60a5fa;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex:0 0 auto}.kcs-ts3-client-action{width:26px;height:26px;border-radius:8px;background:rgba(15,23,42,.35);border:1px solid rgba(148,163,184,.14);color:var(--brand-text,#94a3b8);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.kcs-ts3-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,111,238,.55) transparent}.kcs-ts3-scroll::-webkit-scrollbar{width:8px}.kcs-ts3-scroll::-webkit-scrollbar-thumb{background:rgba(0,111,238,.55);border-radius:999px}.kcs-ts3-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}.kcs-ts3-action-card{border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.34);border-radius:14px;padding:12px;transition:.15s ease}.kcs-ts3-action-card:hover{border-color:#006fee;background:rgba(0,111,238,.13)}

/* ---- moved from ts3-ayarlar.tpl ---- */
.kcs-ts3-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}
.kcs-ts3-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,111,238,.55) transparent}.kcs-ts3-scroll::-webkit-scrollbar{width:8px}.kcs-ts3-scroll::-webkit-scrollbar-thumb{background:rgba(0,111,238,.55);border-radius:999px}
.kcs-ts3-field-note{font-size:11px;line-height:1.55;color:var(--brand-text,#94a3b8)}

/* ---- moved from ts3-banlar.tpl ---- */
.kcs-ts3ban-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}
.kcs-ts3ban-raw{white-space:pre;unicode-bidi:plaintext}
.kcs-ts3ban-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--brand-text);margin-bottom:.45rem}
.kcs-ts3ban-input{width:100%;border-radius:14px;border:1px solid var(--brand-border);background:var(--brand-bg);color:var(--brand-heading);padding:.8rem .95rem;font-weight:800;outline:none}
.kcs-ts3ban-input:focus{border-color:#006fee;box-shadow:0 0 0 3px rgba(0,111,238,.16)}
.kcs-ts3ban-check{width:18px;height:18px;accent-color:#006fee;cursor:pointer}
.kcs-ts3ban-check:disabled{cursor:not-allowed;opacity:.45}
.kcs-ts3ban-modal{position:fixed;inset:0;background:rgba(2,6,23,.70);backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}
.kcs-ts3ban-modal.is-open{display:flex}
.kcs-ts3ban-modal-card{width:min(620px,100%);max-height:92vh;overflow:auto}
.kcs-ban-shell{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(11,18,32,.98));border:1px solid var(--brand-border);border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(2,6,23,.18)}
.kcs-ban-head{padding:22px;border-bottom:1px solid var(--brand-border);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.kcs-ban-title{display:flex;align-items:center;gap:12px;min-width:0}
.kcs-ban-title-icon{width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(0,111,238,.12);border:1px solid rgba(0,111,238,.25);color:#4da1ff}
.kcs-ban-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.kcs-ban-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 22px;border-bottom:1px solid var(--brand-border);background:rgba(2,6,23,.16)}
.kcs-ban-stat{border:1px solid var(--brand-border);background:rgba(2,6,23,.22);border-radius:16px;padding:12px 14px;min-height:74px}
.kcs-ban-stat span{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--brand-text)}
.kcs-ban-stat strong{display:block;margin-top:6px;font-size:22px;line-height:1;font-weight:950;color:var(--brand-heading)}
.kcs-ban-toolbar{padding:14px 22px;border-bottom:1px solid var(--brand-border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:rgba(2,6,23,.10)}
.kcs-ban-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:10px 13px;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;transition:.18s ease;white-space:nowrap;border:1px solid var(--brand-border)}
.kcs-ban-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.45)}
.kcs-ban-btn-dark{background:var(--brand-bg);color:var(--brand-heading)}
.kcs-ban-btn-dark:hover:not(:disabled){border-color:#006fee;color:white;background:#006fee}
.kcs-ban-btn-blue{background:#006fee;color:#fff;border-color:#006fee;box-shadow:0 12px 30px rgba(0,111,238,.25)}
.kcs-ban-btn-blue:hover{background:#005bc4;border-color:#005bc4}
.kcs-ban-btn-red{background:rgba(239,68,68,.10);color:#fca5a5;border-color:rgba(239,68,68,.30)}
.kcs-ban-btn-red:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444}
.kcs-ban-btn-red-solid{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 12px 30px rgba(220,38,38,.22)}
.kcs-ban-btn-red-solid:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}
.kcs-ban-search-wrap{position:relative;min-width:280px;flex:1;max-width:460px}
.kcs-ban-search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--brand-text);font-size:12px}
.kcs-ban-search{padding-left:38px!important;padding-top:.72rem!important;padding-bottom:.72rem!important;font-size:12px!important}
.kcs-ban-table-wrap{overflow:auto;min-height:230px}
.kcs-ban-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:1040px}
.kcs-ban-table thead th{position:sticky;top:0;z-index:2;background:rgba(8,13,25,.98);border-bottom:1px solid var(--brand-border);padding:15px 18px;text-align:left;color:var(--brand-text);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.16em;white-space:nowrap}
.kcs-ban-table tbody td{padding:16px 18px;border-bottom:1px solid rgba(148,163,184,.12);vertical-align:middle}
.kcs-ban-table tbody tr{transition:.18s ease}
.kcs-ban-table tbody tr:hover{background:rgba(0,111,238,.055)}
.kcs-ban-rule-main{display:flex;align-items:flex-start;gap:12px;min-width:0}
.kcs-ban-avatar{width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#fca5a5;flex:0 0 auto}
.kcs-ban-value{font-weight:950;color:var(--brand-heading);word-break:break-all;line-height:1.35}
.kcs-ban-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.kcs-ban-tag{display:inline-flex;align-items:center;gap:5px;border-radius:9px;border:1px solid var(--brand-border);background:var(--brand-bg);color:var(--brand-text);padding:5px 8px;font-size:10px;font-weight:950;line-height:1}
.kcs-ban-tag-red{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.08);color:#fca5a5}
.kcs-ban-tag-green{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.08);color:#86efac}
.kcs-ban-time-main{font-weight:950;color:var(--brand-heading);white-space:nowrap}
.kcs-ban-time-sub{font-size:11px;color:var(--brand-text);font-weight:800;margin-top:5px;white-space:nowrap}
.kcs-ban-empty{padding:54px 20px;text-align:center;color:var(--brand-text)}
.kcs-ban-empty-icon{width:58px;height:58px;border-radius:20px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);color:#34d399;font-size:22px}
.kcs-ban-filter-empty{display:none;padding:42px 20px;text-align:center;color:var(--brand-text);border-top:1px solid rgba(148,163,184,.12)}
@media (max-width: 960px){.kcs-ban-head{grid-template-columns:1fr}.kcs-ban-actions{justify-content:flex-start}.kcs-ban-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kcs-ban-search-wrap{max-width:none;min-width:100%}}
@media (max-width: 520px){.kcs-ban-stats{grid-template-columns:1fr}.kcs-ban-toolbar{align-items:stretch}.kcs-ban-toolbar>div{width:100%;justify-content:stretch}.kcs-ban-toolbar .kcs-ban-btn{flex:1}.kcs-ts3ban-modal{padding:12px}}

/* ---- moved from ts3-hazirodalar.tpl ---- */
.kcs-ts3ho-hero{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid var(--brand-border,#24314a);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.kcs-ts3ho-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(0,111,238,.22),transparent 28%),radial-gradient(circle at 90% 85%,rgba(0,111,238,.16),transparent 30%);pointer-events:none}
.kcs-ts3ho-stat{background:rgba(10,15,28,.62);border:1px solid rgba(148,163,184,.18);border-radius:1rem;padding:1rem;backdrop-filter:blur(10px)}
.kcs-ts3ho-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--brand-border,#24314a);background:rgba(10,15,28,.70);border-radius:999px;padding:.45rem .75rem;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.kcs-ts3ho-row{transition:all .18s ease}.kcs-ts3ho-row:hover{transform:translateY(-1px);border-color:#006fee}
.kcs-ts3ho-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem;background:rgba(2,6,23,.72);backdrop-filter:blur(8px)}
.kcs-ts3ho-modal.is-open{display:flex}.kcs-ts3ho-modal-card{max-width:560px;width:100%;max-height:90vh;overflow:auto}

/* ---- moved from ts3-iconlar.tpl ---- */
.kcs-ts3ic-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}
.kcs-ts3ic-raw{white-space:pre;unicode-bidi:plaintext}.kcs-ts3ic-icon-box{background:linear-gradient(180deg,rgba(15,23,42,.80),rgba(8,13,24,.78));}
.kcs-ts3ic-icon-img{width:32px;height:32px;object-fit:contain;image-rendering:auto}.kcs-ts3ic-pack-img{width:26px;height:26px;object-fit:contain;image-rendering:auto}.kcs-ts3ic-modal{position:fixed;inset:0;background:rgba(2,6,23,.70);backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}.kcs-ts3ic-modal.is-open{display:flex}.kcs-ts3ic-modal-card{width:min(760px,100%);max-height:92vh;overflow:auto}.kcs-ts3ic-grid-scroll{max-height:330px;overflow:auto}.kcs-ts3ic-file-drop{border:1px dashed rgba(148,163,184,.35)}.kcs-ts3ic-check{width:16px;height:16px;accent-color:#006fee}

/* ---- moved from ts3-kullanicilar.tpl ---- */
.kcs-ts3-tree-font{font-family:"Consolas","Lucida Console","Courier New","DejaVu Sans Mono",monospace;unicode-bidi:plaintext;text-align:left;}
.kcs-ts3-raw-name{white-space:pre;word-break:normal;overflow-wrap:normal;unicode-bidi:plaintext;text-align:left;}
.kcs-ts3-tree-row{transition:background .15s ease,border-color .15s ease,transform .15s ease;}
.kcs-ts3-tree-row:hover{transform:translateX(2px);}
.kcs-ts3-tree-indent{display:inline-block;width:1.15rem;min-width:1.15rem;border-left:1px solid rgba(148,163,184,.16);height:100%;}
.kcs-ts3-tree-line{color:rgba(148,163,184,.62);font-weight:900;letter-spacing:-.06em;}
.kcs-ts3-tree-card{background:linear-gradient(180deg,rgba(15,23,42,.80),rgba(8,13,24,.78));}
.kcs-ts3-spacer-row{background:rgba(8,13,24,.42);}
.kcs-ts3-spacer-name{display:block;width:100%;font-weight:900;letter-spacing:.01em;color:var(--brand-heading);text-shadow:0 0 14px rgba(0,111,238,.18);}
.kcs-ts3-spacer-center{text-align:center!important;}
.kcs-ts3-spacer-right{text-align:right!important;}
.kcs-ts3-spacer-left{text-align:left!important;}
.kcs-ts3-tree-scroll{overflow-x:auto;}
.kcs-ts3-client-name{white-space:pre;unicode-bidi:plaintext;}.kcs-ts3-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}

/* ---- moved from ts3-loglar.tpl ---- */
.kcs-ts3log-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}
.kcs-ts3log-raw{white-space:pre-wrap;unicode-bidi:plaintext}.kcs-ts3log-input{width:100%;border-radius:14px;border:1px solid var(--brand-border);background:var(--brand-bg);color:var(--brand-heading);padding:.78rem .9rem;font-weight:800;outline:none}.kcs-ts3log-input:focus{border-color:#006fee;box-shadow:0 0 0 3px rgba(0,111,238,.16)}.kcs-ts3log-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--brand-text);margin-bottom:.45rem}.kcs-ts3log-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--brand-border);background:var(--brand-bg);border-radius:999px;padding:.35rem .65rem;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.kcs-ts3log-pre{white-space:pre-wrap;word-break:break-word;max-height:170px;overflow:auto}.kcs-ts3log-detail summary{cursor:pointer;list-style:none}.kcs-ts3log-detail summary::-webkit-details-marker{display:none}

/* ---- moved from ts3-yedekler.tpl ---- */
.kcs-ts3yb-hero{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid var(--brand-border,#24314a);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.kcs-ts3yb-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(0,111,238,.22),transparent 28%),radial-gradient(circle at 90% 85%,rgba(0,111,238,.16),transparent 30%);pointer-events:none}
.kcs-ts3yb-stat{background:rgba(10,15,28,.62);border:1px solid rgba(148,163,184,.18);border-radius:1rem;padding:1rem;backdrop-filter:blur(10px)}
.kcs-ts3yb-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--brand-border,#24314a);background:rgba(10,15,28,.70);border-radius:999px;padding:.45rem .75rem;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.kcs-ts3yb-progress{height:.55rem;border-radius:999px;background:rgba(148,163,184,.14);overflow:hidden;border:1px solid rgba(148,163,184,.16)}
.kcs-ts3yb-progress>span{display:block;height:100%;background:linear-gradient(90deg,#006fee,#38bdf8);border-radius:inherit;box-shadow:0 0 18px rgba(0,111,238,.45)}
.kcs-ts3yb-row{transition:all .18s ease}.kcs-ts3yb-row:hover{transform:translateY(-1px)}
.kcs-ts3yb-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem;background:rgba(2,6,23,.72);backdrop-filter:blur(8px)}
.kcs-ts3yb-modal.is-open{display:flex}.kcs-ts3yb-modal-card{max-width:560px;width:100%;max-height:90vh;overflow:auto}

/* ---- moved from ts3-yetkikodu.tpl ---- */
.kcs-ts3-token-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}
.kcs-ts3-token-box{font-family:"Consolas","Lucida Console","Courier New",monospace;word-break:break-all;}
.kcs-ts3-token-soft{background:linear-gradient(180deg,rgba(15,23,42,.80),rgba(8,13,24,.78));}
.kcs-ts3-token-row{transition:background .15s ease,border-color .15s ease,transform .15s ease;}
.kcs-ts3-token-row:hover{transform:translateX(2px);}

/* ---- moved from ts3-zamanlanmismesajlar.tpl ---- */
.kcs-ts3zm-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}.kcs-ts3zm-raw{white-space:pre-wrap;unicode-bidi:plaintext}.kcs-ts3zm-modal{position:fixed;inset:0;background:rgba(2,6,23,.70);backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}.kcs-ts3zm-modal.is-open{display:flex}.kcs-ts3zm-modal-card{width:min(760px,100%);max-height:92vh;overflow:auto}.kcs-ts3zm-input{background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.22);border-radius:14px;color:var(--brand-heading,#fff);padding:12px 14px;width:100%;outline:none}.kcs-ts3zm-input:focus{border-color:#006fee;box-shadow:0 0 0 3px rgba(0,111,238,.14)}.kcs-ts3zm-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-text,#94a3b8);margin-bottom:7px;display:block}

/* ---- moved from ts3anasayfa.tpl ---- */
.kcs-ts3-tree-wrap{position:relative;overflow:hidden}.kcs-ts3-tree-bg{background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px);background-size:22px 22px}.kcs-ts3-channel-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:42px;padding:.42rem .65rem .42rem calc(14px + var(--ts3-level,0)*24px);border-bottom:1px solid rgba(148,163,184,.12);transition:.16s ease}.kcs-ts3-channel-row:hover{background:rgba(0,111,238,.055)}.kcs-ts3-branch-line{position:absolute;left:calc(10px + var(--ts3-level,0)*24px);top:0;bottom:0;width:1px;background:linear-gradient(rgba(148,163,184,.14),rgba(148,163,184,.04))}.kcs-ts3-channel-icon{width:25px;height:25px;border-radius:8px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.32);display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 auto}.kcs-ts3-channel-title{font-size:13px;line-height:1.25}.kcs-ts3-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.35);padding:.22rem .55rem;color:var(--brand-heading,#e5e7eb);font-size:10px;font-weight:900}.kcs-ts3-mini-badge{display:inline-flex;align-items:center;gap:4px;border-width:1px;border-style:solid;border-radius:999px;padding:.1rem .38rem;font-size:9px;font-weight:900}.kcs-ts3-icon-btn{width:28px;height:28px;border-radius:9px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.35);color:var(--brand-heading,#e5e7eb);display:inline-flex;align-items:center;justify-content:center;transition:.15s}.kcs-ts3-icon-btn:hover{background:#006fee;border-color:#006fee;color:#fff}.kcs-ts3-client-list{padding:.18rem 0;border-bottom:1px solid rgba(148,163,184,.10)}.kcs-ts3-client-row{width:100%;display:flex;align-items:center;gap:.65rem;padding:.34rem .65rem .34rem calc(38px + var(--ts3-level,0)*24px);transition:.16s ease}.kcs-ts3-client-row:hover{background:rgba(34,197,94,.07)}.kcs-ts3-client-avatar{width:28px;height:28px;border-radius:999px;background:rgba(0,111,238,.14);border:1px solid rgba(0,111,238,.24);color:#60a5fa;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex:0 0 auto}.kcs-ts3-client-action{width:26px;height:26px;border-radius:8px;background:rgba(15,23,42,.35);border:1px solid rgba(148,163,184,.14);color:var(--brand-text,#94a3b8);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.kcs-ts3-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,111,238,.55) transparent}.kcs-ts3-scroll::-webkit-scrollbar{width:8px}.kcs-ts3-scroll::-webkit-scrollbar-thumb{background:rgba(0,111,238,.55);border-radius:999px}.kcs-ts3-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}.kcs-ts3-action-card{border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.34);border-radius:14px;padding:12px;transition:.15s ease}.kcs-ts3-action-card:hover{border-color:#006fee;background:rgba(0,111,238,.13)}

/* ---- moved from ts3ayarlar.tpl ---- */
.kcs-ts3-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}
.kcs-ts3-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,111,238,.55) transparent}.kcs-ts3-scroll::-webkit-scrollbar{width:8px}.kcs-ts3-scroll::-webkit-scrollbar-thumb{background:rgba(0,111,238,.55);border-radius:999px}
.kcs-ts3-field-note{font-size:11px;line-height:1.55;color:var(--brand-text,#94a3b8)}

/* ---- moved from ts3banlar.tpl ---- */
.kcs-ts3ban-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}
.kcs-ts3ban-raw{white-space:pre;unicode-bidi:plaintext}
.kcs-ts3ban-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--brand-text);margin-bottom:.45rem}
.kcs-ts3ban-input{width:100%;border-radius:14px;border:1px solid var(--brand-border);background:var(--brand-bg);color:var(--brand-heading);padding:.8rem .95rem;font-weight:800;outline:none}
.kcs-ts3ban-input:focus{border-color:#006fee;box-shadow:0 0 0 3px rgba(0,111,238,.16)}
.kcs-ts3ban-check{width:18px;height:18px;accent-color:#006fee;cursor:pointer}
.kcs-ts3ban-check:disabled{cursor:not-allowed;opacity:.45}
.kcs-ts3ban-modal{position:fixed;inset:0;background:rgba(2,6,23,.70);backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}
.kcs-ts3ban-modal.is-open{display:flex}
.kcs-ts3ban-modal-card{width:min(620px,100%);max-height:92vh;overflow:auto}
.kcs-ban-shell{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(11,18,32,.98));border:1px solid var(--brand-border);border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(2,6,23,.18)}
.kcs-ban-head{padding:22px;border-bottom:1px solid var(--brand-border);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.kcs-ban-title{display:flex;align-items:center;gap:12px;min-width:0}
.kcs-ban-title-icon{width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(0,111,238,.12);border:1px solid rgba(0,111,238,.25);color:#4da1ff}
.kcs-ban-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.kcs-ban-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 22px;border-bottom:1px solid var(--brand-border);background:rgba(2,6,23,.16)}
.kcs-ban-stat{border:1px solid var(--brand-border);background:rgba(2,6,23,.22);border-radius:16px;padding:12px 14px;min-height:74px}
.kcs-ban-stat span{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--brand-text)}
.kcs-ban-stat strong{display:block;margin-top:6px;font-size:22px;line-height:1;font-weight:950;color:var(--brand-heading)}
.kcs-ban-toolbar{padding:14px 22px;border-bottom:1px solid var(--brand-border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:rgba(2,6,23,.10)}
.kcs-ban-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:10px 13px;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;transition:.18s ease;white-space:nowrap;border:1px solid var(--brand-border)}
.kcs-ban-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.45)}
.kcs-ban-btn-dark{background:var(--brand-bg);color:var(--brand-heading)}
.kcs-ban-btn-dark:hover:not(:disabled){border-color:#006fee;color:white;background:#006fee}
.kcs-ban-btn-blue{background:#006fee;color:#fff;border-color:#006fee;box-shadow:0 12px 30px rgba(0,111,238,.25)}
.kcs-ban-btn-blue:hover{background:#005bc4;border-color:#005bc4}
.kcs-ban-btn-red{background:rgba(239,68,68,.10);color:#fca5a5;border-color:rgba(239,68,68,.30)}
.kcs-ban-btn-red:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444}
.kcs-ban-btn-red-solid{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 12px 30px rgba(220,38,38,.22)}
.kcs-ban-btn-red-solid:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}
.kcs-ban-search-wrap{position:relative;min-width:280px;flex:1;max-width:460px}
.kcs-ban-search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--brand-text);font-size:12px}
.kcs-ban-search{padding-left:38px!important;padding-top:.72rem!important;padding-bottom:.72rem!important;font-size:12px!important}
.kcs-ban-table-wrap{overflow:auto;min-height:230px}
.kcs-ban-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:1040px}
.kcs-ban-table thead th{position:sticky;top:0;z-index:2;background:rgba(8,13,25,.98);border-bottom:1px solid var(--brand-border);padding:15px 18px;text-align:left;color:var(--brand-text);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.16em;white-space:nowrap}
.kcs-ban-table tbody td{padding:16px 18px;border-bottom:1px solid rgba(148,163,184,.12);vertical-align:middle}
.kcs-ban-table tbody tr{transition:.18s ease}
.kcs-ban-table tbody tr:hover{background:rgba(0,111,238,.055)}
.kcs-ban-rule-main{display:flex;align-items:flex-start;gap:12px;min-width:0}
.kcs-ban-avatar{width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#fca5a5;flex:0 0 auto}
.kcs-ban-value{font-weight:950;color:var(--brand-heading);word-break:break-all;line-height:1.35}
.kcs-ban-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.kcs-ban-tag{display:inline-flex;align-items:center;gap:5px;border-radius:9px;border:1px solid var(--brand-border);background:var(--brand-bg);color:var(--brand-text);padding:5px 8px;font-size:10px;font-weight:950;line-height:1}
.kcs-ban-tag-red{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.08);color:#fca5a5}
.kcs-ban-tag-green{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.08);color:#86efac}
.kcs-ban-time-main{font-weight:950;color:var(--brand-heading);white-space:nowrap}
.kcs-ban-time-sub{font-size:11px;color:var(--brand-text);font-weight:800;margin-top:5px;white-space:nowrap}
.kcs-ban-empty{padding:54px 20px;text-align:center;color:var(--brand-text)}
.kcs-ban-empty-icon{width:58px;height:58px;border-radius:20px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);color:#34d399;font-size:22px}
.kcs-ban-filter-empty{display:none;padding:42px 20px;text-align:center;color:var(--brand-text);border-top:1px solid rgba(148,163,184,.12)}
@media (max-width: 960px){.kcs-ban-head{grid-template-columns:1fr}.kcs-ban-actions{justify-content:flex-start}.kcs-ban-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kcs-ban-search-wrap{max-width:none;min-width:100%}}
@media (max-width: 520px){.kcs-ban-stats{grid-template-columns:1fr}.kcs-ban-toolbar{align-items:stretch}.kcs-ban-toolbar>div{width:100%;justify-content:stretch}.kcs-ban-toolbar .kcs-ban-btn{flex:1}.kcs-ts3ban-modal{padding:12px}}

/* ---- moved from ts3iconlar.tpl ---- */
.kcs-ts3ic-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}
.kcs-ts3ic-raw{white-space:pre;unicode-bidi:plaintext}.kcs-ts3ic-icon-box{background:linear-gradient(180deg,rgba(15,23,42,.80),rgba(8,13,24,.78));}
.kcs-ts3ic-icon-img{width:32px;height:32px;object-fit:contain;image-rendering:auto}.kcs-ts3ic-pack-img{width:26px;height:26px;object-fit:contain;image-rendering:auto}.kcs-ts3ic-modal{position:fixed;inset:0;background:rgba(2,6,23,.70);backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}.kcs-ts3ic-modal.is-open{display:flex}.kcs-ts3ic-modal-card{width:min(760px,100%);max-height:92vh;overflow:auto}.kcs-ts3ic-grid-scroll{max-height:330px;overflow:auto}.kcs-ts3ic-file-drop{border:1px dashed rgba(148,163,184,.35)}

/* ---- moved from ts3kullanicilar.tpl ---- */
.kcs-ts3-tree-font{font-family:"Consolas","Lucida Console","Courier New","DejaVu Sans Mono",monospace;unicode-bidi:plaintext;text-align:left;}
.kcs-ts3-raw-name{white-space:pre;word-break:normal;overflow-wrap:normal;unicode-bidi:plaintext;text-align:left;}
.kcs-ts3-tree-row{transition:background .15s ease,border-color .15s ease,transform .15s ease;}
.kcs-ts3-tree-row:hover{transform:translateX(2px);}
.kcs-ts3-tree-indent{display:inline-block;width:1.15rem;min-width:1.15rem;border-left:1px solid rgba(148,163,184,.16);height:100%;}
.kcs-ts3-tree-line{color:rgba(148,163,184,.62);font-weight:900;letter-spacing:-.06em;}
.kcs-ts3-tree-card{background:linear-gradient(180deg,rgba(15,23,42,.80),rgba(8,13,24,.78));}
.kcs-ts3-spacer-row{background:rgba(8,13,24,.42);}
.kcs-ts3-spacer-name{display:block;width:100%;font-weight:900;letter-spacing:.01em;color:var(--brand-heading);text-shadow:0 0 14px rgba(0,111,238,.18);}
.kcs-ts3-spacer-center{text-align:center!important;}
.kcs-ts3-spacer-right{text-align:right!important;}
.kcs-ts3-spacer-left{text-align:left!important;}
.kcs-ts3-tree-scroll{overflow-x:auto;}
.kcs-ts3-client-name{white-space:pre;unicode-bidi:plaintext;}.kcs-ts3-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}

/* ---- moved from ts3loglar.tpl ---- */
.kcs-ts3log-glow{box-shadow:0 18px 55px rgba(0,111,238,.12)}
.kcs-ts3log-raw{white-space:pre-wrap;unicode-bidi:plaintext}.kcs-ts3log-input{width:100%;border-radius:14px;border:1px solid var(--brand-border);background:var(--brand-bg);color:var(--brand-heading);padding:.78rem .9rem;font-weight:800;outline:none}.kcs-ts3log-input:focus{border-color:#006fee;box-shadow:0 0 0 3px rgba(0,111,238,.16)}.kcs-ts3log-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--brand-text);margin-bottom:.45rem}.kcs-ts3log-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--brand-border);background:var(--brand-bg);border-radius:999px;padding:.35rem .65rem;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.kcs-ts3log-pre{white-space:pre-wrap;word-break:break-word;max-height:170px;overflow:auto}.kcs-ts3log-detail summary{cursor:pointer;list-style:none}.kcs-ts3log-detail summary::-webkit-details-marker{display:none}


/* ============================================================
   KINGOFCS TS3 Pages - Light Theme V10
   Tek ana CSS: /nogcp_theme/assets/css/kingofcs.css
   ============================================================ */
body[data-koc-page^="ts3"],
body[data-nogcp-page^="ts3"],
.koc-ts3-page{
  --brand-bg:#f8fafc;
  --brand-panel:#ffffff;
  --brand-border:#e2e8f0;
  --brand-heading:#071426;
  --brand-text:#475569;
  --brand-accent:#0b6ff5;
  --brand-dark:#eef2f7;
  --brand-success:#10b981;
  --brand-warning:#f59e0b;
  --brand-danger:#e11d48;
  color:#0f172a;
}
body[data-koc-page^="ts3"] #nogcp-main,
body[data-nogcp-page^="ts3"] #nogcp-main{background:#f1f5f9;}
body[data-koc-page^="ts3"] .content,
body[data-nogcp-page^="ts3"] .content{padding-top:24px;padding-bottom:36px;}
.koc-ts3-page{width:100%;}
body[data-koc-page^="ts3"] .bg-brand-panel,
body[data-nogcp-page^="ts3"] .bg-brand-panel,
.koc-ts3-page .bg-brand-panel{background-color:#fff!important;}
body[data-koc-page^="ts3"] .bg-brand-bg,
body[data-koc-page^="ts3"] .bg-brand-bg\/30,
body[data-koc-page^="ts3"] .bg-brand-bg\/50,
body[data-koc-page^="ts3"] .bg-brand-bg\/70,
body[data-koc-page^="ts3"] .bg-brand-bg\/80,
body[data-nogcp-page^="ts3"] .bg-brand-bg,
body[data-nogcp-page^="ts3"] .bg-brand-bg\/30,
body[data-nogcp-page^="ts3"] .bg-brand-bg\/50,
body[data-nogcp-page^="ts3"] .bg-brand-bg\/70,
body[data-nogcp-page^="ts3"] .bg-brand-bg\/80,
.koc-ts3-page .bg-brand-bg,
.koc-ts3-page .bg-brand-bg\/30,
.koc-ts3-page .bg-brand-bg\/50,
.koc-ts3-page .bg-brand-bg\/70,
.koc-ts3-page .bg-brand-bg\/80{background-color:#f8fafc!important;}
body[data-koc-page^="ts3"] .border-brand-border,
body[data-nogcp-page^="ts3"] .border-brand-border,
.koc-ts3-page .border-brand-border{border-color:#e2e8f0!important;}
body[data-koc-page^="ts3"] .text-brand-heading,
body[data-nogcp-page^="ts3"] .text-brand-heading,
.koc-ts3-page .text-brand-heading{color:#071426!important;}
body[data-koc-page^="ts3"] .text-brand-text,
body[data-nogcp-page^="ts3"] .text-brand-text,
.koc-ts3-page .text-brand-text{color:#475569!important;}
body[data-koc-page^="ts3"] .text-brand-accent,
body[data-nogcp-page^="ts3"] .text-brand-accent,
.koc-ts3-page .text-brand-accent{color:#0b6ff5!important;}
body[data-koc-page^="ts3"] .bg-brand-accent,
body[data-nogcp-page^="ts3"] .bg-brand-accent,
.koc-ts3-page .bg-brand-accent{background-color:#0b6ff5!important;}
body[data-koc-page^="ts3"] .hover\:bg-\[\#005bc4\]:hover,
body[data-nogcp-page^="ts3"] .hover\:bg-\[\#005bc4\]:hover,
.koc-ts3-page .hover\:bg-\[\#005bc4\]:hover{background-color:#0759c7!important;}
body[data-koc-page^="ts3"] .shadow-2xl,
body[data-koc-page^="ts3"] .shadow-xl,
body[data-nogcp-page^="ts3"] .shadow-2xl,
body[data-nogcp-page^="ts3"] .shadow-xl,
.koc-ts3-page .shadow-2xl,
.koc-ts3-page .shadow-xl{box-shadow:0 18px 48px rgba(15,23,42,.10)!important;}
body[data-koc-page^="ts3"] .rounded-2xl,
body[data-nogcp-page^="ts3"] .rounded-2xl,
.koc-ts3-page .rounded-2xl{border-radius:20px;}
body[data-koc-page^="ts3"] input,
body[data-koc-page^="ts3"] select,
body[data-koc-page^="ts3"] textarea,
body[data-nogcp-page^="ts3"] input,
body[data-nogcp-page^="ts3"] select,
body[data-nogcp-page^="ts3"] textarea,
.koc-ts3-page input,
.koc-ts3-page select,
.koc-ts3-page textarea{color:#071426;}
body[data-koc-page^="ts3"] input::placeholder,
body[data-koc-page^="ts3"] textarea::placeholder,
body[data-nogcp-page^="ts3"] input::placeholder,
body[data-nogcp-page^="ts3"] textarea::placeholder,
.koc-ts3-page input::placeholder,
.koc-ts3-page textarea::placeholder{color:#94a3b8;}
body[data-koc-page^="ts3"] .kcs-ts3-glow,
body[data-koc-page^="ts3"] .kcs-ts3ban-glow,
body[data-koc-page^="ts3"] .kcs-ts3ic-glow,
body[data-koc-page^="ts3"] .kcs-ts3log-glow,
body[data-koc-page^="ts3"] .kcs-ts3-token-glow,
body[data-koc-page^="ts3"] .kcs-ts3zm-glow,
body[data-nogcp-page^="ts3"] .kcs-ts3-glow,
body[data-nogcp-page^="ts3"] .kcs-ts3ban-glow,
body[data-nogcp-page^="ts3"] .kcs-ts3ic-glow,
body[data-nogcp-page^="ts3"] .kcs-ts3log-glow,
body[data-nogcp-page^="ts3"] .kcs-ts3-token-glow,
body[data-nogcp-page^="ts3"] .kcs-ts3zm-glow,
.koc-ts3-page .kcs-ts3-glow,
.koc-ts3-page .kcs-ts3ban-glow,
.koc-ts3-page .kcs-ts3ic-glow,
.koc-ts3-page .kcs-ts3log-glow,
.koc-ts3-page .kcs-ts3-token-glow,
.koc-ts3-page .kcs-ts3zm-glow{box-shadow:0 18px 48px rgba(11,111,245,.10)!important;}
/* TS3 dashboard/tree */
.kcs-ts3-tree-wrap,.kcs-ts3-tree-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(15,23,42,.07)!important;}
.kcs-ts3-tree-bg{background:linear-gradient(180deg,#fff,#f8fafc)!important;}
.kcs-ts3-channel-row,.kcs-ts3-tree-row,.kcs-ts3-client-row{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;color:#071426!important;box-shadow:0 8px 20px rgba(15,23,42,.045)!important;}
.kcs-ts3-channel-row:hover,.kcs-ts3-tree-row:hover,.kcs-ts3-client-row:hover{border-color:#bfdbfe!important;background:#f8fbff!important;box-shadow:0 12px 26px rgba(11,111,245,.08)!important;}
.kcs-ts3-channel-title,.kcs-ts3-client-name{color:#071426!important;}
.kcs-ts3-channel-icon,.kcs-ts3-icon-btn,.kcs-ts3-client-action{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#0b6ff5!important;}
.kcs-ts3-icon-btn:hover,.kcs-ts3-client-action:hover{background:#0b6ff5!important;border-color:#0b6ff5!important;color:#fff!important;}
.kcs-ts3-count-badge,.kcs-ts3-mini-badge{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#475569!important;}
.kcs-ts3-client-avatar{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#0b6ff5!important;}
.kcs-ts3-scroll,.kcs-ts3-tree-scroll,.kcs-ts3ic-grid-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;}
/* TS3 forms */
.kcs-ts3ban-input,.kcs-ts3log-input,.kcs-ts3zm-input{background:#fff!important;border:1px solid #cbd5e1!important;color:#071426!important;box-shadow:0 1px 0 rgba(15,23,42,.02)!important;}
.kcs-ts3ban-input:focus,.kcs-ts3log-input:focus,.kcs-ts3zm-input:focus{border-color:#0b6ff5!important;box-shadow:0 0 0 4px rgba(11,111,245,.12)!important;}
.kcs-ts3ban-label,.kcs-ts3log-label,.kcs-ts3zm-label,.kcs-ts3-field-note{color:#475569!important;}
/* TS3 modals */
.kcs-ts3ban-modal,.kcs-ts3ic-modal,.kcs-ts3ho-modal,.kcs-ts3yb-modal,.kcs-ts3zm-modal{background:rgba(15,23,42,.45)!important;backdrop-filter:blur(8px)!important;}
.kcs-ts3ban-modal-card,.kcs-ts3ic-modal-card,.kcs-ts3ho-modal-card,.kcs-ts3yb-modal-card,.kcs-ts3zm-modal-card{background:#fff!important;color:#071426!important;border:1px solid #e2e8f0!important;border-radius:22px!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important;}
/* Ban page */
.kcs-ban-shell{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 18px 48px rgba(15,23,42,.10)!important;}
.kcs-ban-head,.kcs-ban-toolbar{background:#fff!important;border-color:#e2e8f0!important;}
.kcs-ban-stats{background:#f8fafc!important;border-color:#e2e8f0!important;}
.kcs-ban-stat{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important;}
.kcs-ban-table thead th{background:#f8fafc!important;color:#475569!important;border-color:#e2e8f0!important;}
.kcs-ban-table tbody td{border-color:#eef2f7!important;}
.kcs-ban-table tbody tr:hover{background:#f8fbff!important;}
.kcs-ban-btn-dark{background:#fff!important;color:#071426!important;border-color:#cbd5e1!important;}
.kcs-ban-btn-dark:hover:not(:disabled){background:#0b6ff5!important;border-color:#0b6ff5!important;color:#fff!important;}
.kcs-ban-value,.kcs-ban-time-main{color:#071426!important;}
.kcs-ban-time-sub,.kcs-ban-empty{color:#64748b!important;}
.kcs-ban-tag{background:#f8fafc!important;border-color:#e2e8f0!important;color:#475569!important;}
/* Token/Yedek/Hazır oda/Icon cards */
.kcs-ts3-token-box,.kcs-ts3-token-soft,.kcs-ts3yb-row,.kcs-ts3yb-stat,.kcs-ts3ho-row,.kcs-ts3ho-stat,.kcs-ts3ho-pill,.kcs-ts3yb-pill,.kcs-ts3ic-file-drop,.kcs-ts3ic-icon-box{background:#fff!important;border:1px solid #e2e8f0!important;color:#071426!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important;}
.kcs-ts3-token-row{background:#f8fafc!important;border-color:#e2e8f0!important;color:#071426!important;}
.kcs-ts3ic-icon-img,.kcs-ts3ic-pack-img{background:#f8fafc!important;border-color:#e2e8f0!important;}
.kcs-ts3log-detail,.kcs-ts3log-pre{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#071426!important;}
.kcs-ts3log-pill{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#0b6ff5!important;}
/* TS3 DNS page generic cards */
body[data-koc-page="ts3-dns"] .max-w-5xl,
body[data-koc-page="ts3dns"] .max-w-5xl,
body[data-nogcp-page="ts3-dns"] .max-w-5xl,
body[data-nogcp-page="ts3dns"] .max-w-5xl{max-width:1100px;}
body[data-koc-page^="ts3"] .bg-black\/20,
body[data-koc-page^="ts3"] .bg-slate-900\/40,
body[data-nogcp-page^="ts3"] .bg-black\/20,
body[data-nogcp-page^="ts3"] .bg-slate-900\/40,
.koc-ts3-page .bg-black\/20,
.koc-ts3-page .bg-slate-900\/40{background-color:#fff!important;}
@media(max-width:768px){
  .koc-ts3-page{padding-left:0;padding-right:0;}
  body[data-koc-page^="ts3"] .content,
  body[data-nogcp-page^="ts3"] .content{padding-top:16px;}
  .kcs-ts3ban-modal,.kcs-ts3ic-modal,.kcs-ts3ho-modal,.kcs-ts3yb-modal,.kcs-ts3zm-modal{align-items:flex-end!important;padding:0!important;}
  .kcs-ts3ban-modal-card,.kcs-ts3ic-modal-card,.kcs-ts3ho-modal-card,.kcs-ts3yb-modal-card,.kcs-ts3zm-modal-card{width:100%!important;max-height:92vh!important;border-radius:22px 22px 0 0!important;}
  .kcs-ban-shell{border-radius:18px!important;}
}

/* =========================================================
   KINGOFCS V11 — TS3 Banlar / Gelişmiş Moderasyon Merkezi
   Tek ana CSS dosyası standardı: /nogcp_theme/assets/css/kingofcs.css
========================================================= */
.kcs-ts3ban-v11{width:100%;display:grid;gap:22px;color:#071426}
.kcs-ts3-alert{display:flex;align-items:center;gap:10px;border-radius:18px;border:1px solid #e2e8f0;background:#fff;padding:14px 16px;font-weight:800;font-size:14px;box-shadow:0 12px 34px rgba(15,23,42,.07)}
.kcs-ts3-alert-success{border-color:#bbf7d0;background:#f0fdf4;color:#047857}.kcs-ts3-alert-error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.kcs-ts3-alert-warning,.kcs-ts3-alert-info{border-color:#bfdbfe;background:#eff6ff;color:#0759c7}
.kcs-ts3-empty-state{border:1px solid #e2e8f0;background:#fff;border-radius:24px;padding:46px 22px;text-align:center;box-shadow:0 18px 48px rgba(15,23,42,.10)}
.kcs-ts3-empty-state h1{margin:0;color:#071426;font-size:24px;font-weight:900}.kcs-ts3-empty-state p{max-width:560px;margin:10px auto 22px;color:#475569;font-size:14px}.kcs-ts3-empty-icon{width:70px;height:70px;border-radius:24px;margin:0 auto 18px;display:grid;place-items:center;background:#eff6ff;border:1px solid #bfdbfe;color:#0b6ff5;font-size:26px}
.kcs-ts3ban-hero{position:relative;overflow:hidden;border-radius:26px;border:1px solid #dbeafe;background:radial-gradient(circle at 88% 10%,rgba(11,111,245,.24),transparent 32%),linear-gradient(135deg,#071426 0%,#0b1f38 48%,#0b6ff5 140%);box-shadow:0 24px 70px rgba(7,20,38,.18)}
.kcs-ts3ban-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,#000,transparent 95%);pointer-events:none}.kcs-ts3ban-hero:after{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:999px;background:rgba(96,165,250,.16);filter:blur(4px);pointer-events:none}
.kcs-ts3ban-hero-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:28px;padding:30px}.kcs-ts3ban-hero-copy h1{margin:0;color:#fff;font-size:clamp(28px,4vw,48px);line-height:1.04;font-weight:950;letter-spacing:-.035em;white-space:normal!important;word-break:break-word}.kcs-ts3ban-hero-message{margin-top:12px;max-width:760px;color:#dbeafe;font-size:14px;line-height:1.65;font-weight:700}.kcs-ts3ban-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.kcs-ts3ban-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#e2e8f0;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.13em}.kcs-ts3ban-pill i.fa-circle{font-size:6px}.kcs-ts3ban-pill-blue{color:#bfdbfe;background:rgba(59,130,246,.16);border-color:rgba(147,197,253,.22)}.kcs-ts3ban-pill-green{color:#bbf7d0;background:rgba(34,197,94,.16);border-color:rgba(134,239,172,.25)}.kcs-ts3ban-pill-red{color:#fecaca;background:rgba(239,68,68,.16);border-color:rgba(252,165,165,.25)}.kcs-ts3ban-pill-sky{color:#bae6fd;background:rgba(14,165,233,.16);border-color:rgba(125,211,252,.25)}
.kcs-ts3ban-quicknav{margin-top:22px;display:flex;flex-wrap:wrap;gap:9px}.kcs-ts3ban-quicknav a,.kcs-ts3ban-quicknav button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:850;text-decoration:none;transition:.18s ease}.kcs-ts3ban-quicknav a:hover,.kcs-ts3ban-quicknav button:hover{background:#fff;color:#0b1f38;border-color:#fff;transform:translateY(-1px)}
.kcs-ts3ban-hero-panel{align-self:stretch;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);backdrop-filter:blur(8px);border-radius:22px;padding:18px;box-shadow:0 18px 45px rgba(2,6,23,.18)}.kcs-ts3ban-meter{border:1px solid rgba(255,255,255,.14);background:rgba(2,6,23,.20);border-radius:18px;padding:15px;margin-bottom:12px}.kcs-ts3ban-meter>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#dbeafe;font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.15em}.kcs-ts3ban-meter strong{color:#fff;font-size:28px;line-height:1}.kcs-ts3ban-meter-bar{height:9px;margin-top:12px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}.kcs-ts3ban-meter-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#22c55e)}.kcs-ts3ban-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kcs-ts3ban-hero-grid>div{border:1px solid rgba(255,255,255,.14);background:rgba(2,6,23,.18);border-radius:18px;padding:15px}.kcs-ts3ban-hero-grid span{display:block;color:#bfdbfe;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.kcs-ts3ban-hero-grid strong{display:block;margin-top:7px;color:#fff;font-size:28px;font-weight:950;line-height:1}.kcs-ts3ban-hero-grid strong small{font-size:13px;color:#bfdbfe}.kcs-ts3ban-hero-grid strong.is-small{font-size:18px;line-height:1.25}.kcs-ts3ban-hero-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);background:rgba(2,6,23,.18);padding:16px 30px}.kcs-ts3ban-hero-actions form{margin:0}
.kcs-ts3ban-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kcs-ts3ban-insight{position:relative;overflow:hidden;border:1px solid #e2e8f0;background:#fff;border-radius:22px;padding:18px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.kcs-ts3ban-insight:after{content:"";position:absolute;right:-36px;top:-36px;width:92px;height:92px;border-radius:999px;background:#eff6ff}.kcs-ts3ban-insight span{position:relative;z-index:1;display:block;color:#475569;font-size:10px;text-transform:uppercase;font-weight:950;letter-spacing:.16em}.kcs-ts3ban-insight strong{position:relative;z-index:1;display:block;margin-top:8px;color:#071426;font-size:32px;line-height:1;font-weight:950}.kcs-ts3ban-insight small{position:relative;z-index:1;display:block;margin-top:7px;color:#64748b;font-size:12px;font-weight:750}
.kcs-ts3ban-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.kcs-ts3ban-maincol,.kcs-ts3ban-sidecol{min-width:0}.kcs-ts3ban-sidecol{display:grid;gap:18px}.kcs-ts3ban-card,.kcs-ts3ban-list-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:24px!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important;overflow:hidden}.kcs-ts3ban-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #e2e8f0;padding:18px 18px 15px;background:linear-gradient(180deg,#fff,#f8fafc)}.kcs-ts3ban-card-head h3,.kcs-ban-title h3{margin:0;color:#071426;font-size:16px;font-weight:950;letter-spacing:-.01em}.kcs-ts3ban-card-head p,.kcs-ban-title p{margin:.25rem 0 0;color:#64748b;font-size:12px;font-weight:750;line-height:1.45}.kcs-ts3ban-card-head>span,.kcs-ts3ban-card-head>i{display:inline-grid;place-items:center;min-width:36px;height:36px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe;color:#0b6ff5;font-weight:950}.kcs-ts3ban-client-list,.kcs-ts3ban-log-list{padding:12px;display:grid;gap:10px;max-height:470px;overflow:auto}.kcs-ts3ban-client{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e2e8f0;background:#fff;border-radius:17px;padding:11px;box-shadow:0 8px 22px rgba(15,23,42,.045)}.kcs-ts3ban-client-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:#eff6ff;border:1px solid #bfdbfe;color:#0b6ff5}.kcs-ts3ban-client-main{min-width:0}.kcs-ts3ban-client-main strong{display:block;color:#071426;font-size:13px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kcs-ts3ban-client-main span,.kcs-ts3ban-client-main small{display:block;margin-top:3px;color:#64748b;font-size:10.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kcs-ts3ban-client-actions{display:grid;gap:6px}.kcs-ts3ban-client-actions button{border:1px solid #fecaca;background:#fff5f5;color:#dc2626;border-radius:10px;padding:6px 8px;font-size:10px;font-weight:950}.kcs-ts3ban-client-actions button:hover{background:#dc2626;border-color:#dc2626;color:#fff}.kcs-ts3ban-log-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:11px}.kcs-ts3ban-log-row>span{width:34px;height:34px;border-radius:13px;display:grid;place-items:center}.kcs-ts3ban-log-row>span.is-ok{background:#dcfce7;border:1px solid #bbf7d0;color:#047857}.kcs-ts3ban-log-row>span.is-fail{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.kcs-ts3ban-log-row strong{display:block;color:#071426;font-size:12px;font-weight:950}.kcs-ts3ban-log-row small{display:block;margin-top:2px;color:#64748b;font-size:10px;font-weight:750}.kcs-ts3ban-log-row p{margin:6px 0 0;color:#475569;font-size:11.5px;line-height:1.45;font-weight:700}.kcs-ts3ban-soft-empty{display:flex;align-items:center;gap:10px;border:1px dashed #cbd5e1;background:#f8fafc;color:#64748b;border-radius:16px;padding:14px;font-size:12px;font-weight:800}.kcs-ts3ban-soft-empty i{color:#0b6ff5}
.kcs-ban-shell{background:#fff!important;border-color:#e2e8f0!important}.kcs-ban-head{background:#fff!important;border-bottom:1px solid #e2e8f0!important;padding:18px!important}.kcs-ban-title-icon{background:#eff6ff!important;border-color:#bfdbfe!important;color:#0b6ff5!important}.kcs-ban-actions{width:100%;justify-content:flex-end!important}.kcs-ban-search-wrap{max-width:540px!important}.kcs-ban-stats{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}.kcs-ban-stat{background:#fff!important;border-color:#e2e8f0!important}.kcs-ban-stat strong,.kcs-ban-value,.kcs-ban-time-main,.kcs-ban-actor{color:#071426!important}.kcs-ban-stat span,.kcs-ban-time-sub,.kcs-ban-reason,.kcs-ban-selected-text{color:#64748b!important}.kcs-ban-toolbar{background:#fff!important;border-color:#e2e8f0!important}.kcs-ban-toolbar-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.kcs-ban-table-wrap{background:#fff}.kcs-ban-table{min-width:1000px}.kcs-ban-table thead th{background:#f8fafc!important;color:#475569!important;border-color:#e2e8f0!important}.kcs-ban-table tbody td{border-color:#eef2f7!important}.kcs-ban-table tbody tr:hover{background:#f8fbff!important}.kcs-ban-avatar{background:#fee2e2!important;border-color:#fecaca!important;color:#dc2626!important}.kcs-ban-tag{background:#f8fafc!important;border-color:#e2e8f0!important;color:#475569!important}.kcs-ban-tag-red{background:#fef2f2!important;border-color:#fecaca!important;color:#b91c1c!important}.kcs-ban-tag-green{background:#f0fdf4!important;border-color:#bbf7d0!important;color:#047857!important}.kcs-ban-reason{max-width:360px;line-height:1.45;font-weight:750}.kcs-ban-empty-title{color:#071426;font-size:15px;font-weight:950}.kcs-ban-empty-sub{color:#64748b;font-size:13px;margin-top:5px}.kcs-ban-empty-icon-warn{background:#fef3c7!important;border-color:#fde68a!important;color:#b45309!important}
.kcs-ban-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:10px 13px;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;transition:.18s ease;white-space:nowrap;border:1px solid #cbd5e1;text-decoration:none}.kcs-ban-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.45)}.kcs-ban-btn-dark{background:#fff;color:#071426;border-color:#cbd5e1}.kcs-ban-btn-dark:hover:not(:disabled){background:#0b6ff5;border-color:#0b6ff5;color:#fff}.kcs-ban-btn-blue{background:#0b6ff5;color:#fff;border-color:#0b6ff5;box-shadow:0 12px 30px rgba(11,111,245,.22)}.kcs-ban-btn-blue:hover{background:#0759c7;border-color:#0759c7}.kcs-ban-btn-green{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.kcs-ban-btn-green:hover{background:#047857;border-color:#047857;color:#fff}.kcs-ban-btn-amber{background:#fffbeb;color:#b45309;border-color:#fde68a}.kcs-ban-btn-amber:hover{background:#f59e0b;border-color:#f59e0b;color:#fff}.kcs-ban-btn-red{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.kcs-ban-btn-red:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444}.kcs-ban-btn-red-solid{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 12px 30px rgba(220,38,38,.22)}.kcs-ban-btn-red-solid:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}
.kcs-ts3ban-modal{position:fixed;inset:0;background:rgba(15,23,42,.50)!important;backdrop-filter:blur(8px)!important;z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}.kcs-ts3ban-modal.is-open{display:flex}.kcs-ts3ban-modal-card{width:min(680px,100%);max-height:92vh;overflow:auto;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:24px!important;box-shadow:0 28px 80px rgba(15,23,42,.24)!important;color:#071426!important}.kcs-ts3ban-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc)}.kcs-ts3ban-modal-head h3{display:flex;align-items:center;gap:9px;margin:0;color:#071426;font-size:18px;font-weight:950}.kcs-ts3ban-modal-head h3 i{color:#dc2626}.kcs-ts3ban-modal-head p{margin:5px 0 0;color:#64748b;font-size:12px;font-weight:750;line-height:1.45}.kcs-ts3ban-modal-head button{width:40px;height:40px;border-radius:14px;border:1px solid #cbd5e1;background:#fff;color:#071426}.kcs-ts3ban-modal-head button:hover{background:#0b6ff5;border-color:#0b6ff5;color:#fff}.kcs-ts3ban-form{padding:20px;display:grid;gap:15px}.kcs-ts3ban-input{background:#fff!important;border:1px solid #cbd5e1!important;color:#071426!important;border-radius:14px!important;padding:.82rem .95rem!important;font-weight:800!important;outline:none!important}.kcs-ts3ban-input:focus{border-color:#0b6ff5!important;box-shadow:0 0 0 4px rgba(11,111,245,.12)!important}.kcs-ts3ban-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:950;color:#475569;margin-bottom:.45rem}.kcs-ts3ban-target-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.kcs-ts3ban-target-types input{position:absolute;opacity:0;pointer-events:none}.kcs-ts3ban-target-types span{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;border-radius:14px;padding:12px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.kcs-ts3ban-target-types input:checked+span{background:#eff6ff;border-color:#93c5fd;color:#0b6ff5;box-shadow:0 10px 24px rgba(11,111,245,.10)}.kcs-ts3ban-presets{display:flex;gap:8px;flex-wrap:wrap}.kcs-ts3ban-presets button{border:1px solid #bfdbfe;background:#eff6ff;color:#0b6ff5;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.kcs-ts3ban-presets button:hover{background:#0b6ff5;color:#fff}.kcs-ts3ban-form-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.kcs-ts3ban-danger-note{display:flex;gap:10px;align-items:flex-start;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:16px;padding:14px;font-size:13px;font-weight:800;line-height:1.5}.kcs-modal-open{overflow:hidden}
@media(max-width:1180px){.kcs-ts3ban-hero-main{grid-template-columns:1fr}.kcs-ts3ban-hero-panel{max-width:none}.kcs-ts3ban-layout{grid-template-columns:1fr}.kcs-ts3ban-sidecol{grid-template-columns:repeat(2,minmax(0,1fr))}.kcs-ban-actions{justify-content:flex-start!important}}
@media(max-width:780px){.kcs-ts3ban-hero-main{padding:22px}.kcs-ts3ban-hero-actions{justify-content:stretch;padding:14px 22px}.kcs-ts3ban-hero-actions form,.kcs-ts3ban-hero-actions .kcs-ban-btn{flex:1}.kcs-ts3ban-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.kcs-ts3ban-sidecol{grid-template-columns:1fr}.kcs-ban-table{min-width:0}.kcs-ban-table thead{display:none}.kcs-ban-table,.kcs-ban-table tbody,.kcs-ban-table tr,.kcs-ban-table td{display:block;width:100%}.kcs-ban-table tbody tr{border-bottom:1px solid #e2e8f0;padding:14px}.kcs-ban-table tbody td{border:0!important;padding:8px 0!important}.kcs-ban-table tbody td:before{content:attr(data-label);display:block;margin-bottom:4px;color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.kcs-ban-table tbody td.text-right{text-align:left}.kcs-ban-toolbar,.kcs-ban-head{padding:16px!important}.kcs-ban-toolbar-group{width:100%}.kcs-ban-toolbar-group .kcs-ban-btn{flex:1}.kcs-ban-search-wrap{min-width:100%!important}.kcs-ts3ban-target-types{grid-template-columns:1fr}.kcs-ts3ban-modal{align-items:flex-end!important;padding:0!important}.kcs-ts3ban-modal-card{width:100%!important;border-radius:24px 24px 0 0!important;max-height:92vh!important}}
@media(max-width:520px){.kcs-ts3ban-hero-copy h1{font-size:28px}.kcs-ts3ban-hero-grid,.kcs-ts3ban-insights{grid-template-columns:1fr}.kcs-ts3ban-quicknav a,.kcs-ts3ban-quicknav button{width:100%;justify-content:center}.kcs-ts3ban-form-actions .kcs-ban-btn{width:100%}}


/* ==========================================================
   KINGOFCS V13 — Migrated server page inline CSS blocks
   ========================================================== */

/* === Migrated from anasayfa.tpl style block #1 === */
.gpu-layer { transform: translateZ(0); will-change: transform, opacity; backface-visibility: hidden; }
::-webkit-scrollbar { height: 6px; width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 10px; border: 1px solid var(--color-bg); }
::-webkit-scrollbar-thumb:hover { background: #52525b; }
.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }

.tap-target { min-height: 44px; outline: none; }
.line-clamp-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.modal-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 1rem center;
    background-repeat: no-repeat;
    background-size: 1.2em 1.2em;
}

.service-status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .6rem;
}
.csa-panel-card { border-radius: .9rem; }
.csa-muted-surface { background: color-mix(in srgb, var(--color-bg) 72%, transparent); }
@media (max-width: 1100px){
  .service-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .service-status-grid { grid-template-columns: 1fr; }
}

.player-action-btn:hover i,
.server-islem-btn:hover i{
  transform:scale(1.02);
}

.csa-player-line-card {
  position: relative;
  overflow: hidden;
}
.csa-player-line-card:before {
  content: "";
  position: absolute;
  inset: -40% -10% auto auto;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--game-accent-rgb),.18), transparent 68%);
  pointer-events: none;
}
.csa-player-rank-badge {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  border: 1px solid transparent;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .12);
}
.csa-player-rank-badge.rank-1 {
  color: #1f2937;
  background: linear-gradient(135deg, #facc15 0%, #eab308 52%, #ca8a04 100%);
  border-color: rgba(234, 179, 8, .52);
  box-shadow: 0 9px 22px rgba(234, 179, 8, .24);
}
.csa-player-rank-badge.rank-2 {
  color: #1f2937;
  background: linear-gradient(135deg, #f3f4f6 0%, #cbd5e1 52%, #94a3b8 100%);
  border-color: rgba(148, 163, 184, .55);
}
.csa-player-rank-badge.rank-3 {
  color: #fff7ed;
  background: linear-gradient(135deg, #d97706 0%, #b45309 52%, #78350f 100%);
  border-color: rgba(217, 119, 6, .50);
  box-shadow: 0 9px 22px rgba(180, 83, 9, .20);
}
.csa-player-admin-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 999px;
  padding: .36rem .62rem;
  border: 1px solid var(--color-border);
  background: var(--color-bg);
  color: var(--color-text);
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .08em;
  white-space: nowrap;
}
.csa-player-admin-badge.is-admin {
  border-color: rgba(16,185,129,.24);
  background: rgba(16,185,129,.10);
  color: #059669;
}
.dark .csa-player-admin-badge.is-admin { color: #34d399; }
.csa-player-admin-badge.is-user { opacity: .72; }
.csa-player-admin-info-btn {
  cursor: pointer;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
.csa-player-admin-info-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(16,185,129,.45);
}
.csa-admin-modal-hero {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  border: 1px solid rgba(16,185,129,.22);
  background:
    radial-gradient(circle at top right, rgba(16,185,129,.20), transparent 34%),
    linear-gradient(135deg, rgba(0,111,238,.12), rgba(16,185,129,.08));
}
.csa-admin-modal-hero::after {
  content: "";
  position: absolute;
  inset: auto -55px -75px auto;
  width: 160px;
  height: 160px;
  border-radius: 999px;
  background: rgba(16,185,129,.16);
  pointer-events: none;
}
.csa-admin-modal-icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(16,185,129,.20), rgba(0,111,238,.16));
  color: #10b981;
  border: 1px solid rgba(16,185,129,.26);
  box-shadow: 0 18px 36px rgba(16,185,129,.14);
}
.csa-admin-modal-chip {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  border-radius: 999px;
  padding: .45rem .7rem;
  border: 1px solid var(--color-border);
  background: var(--color-bg);
  color: var(--color-heading);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.csa-admin-modal-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}
.csa-admin-modal-summary-card {
  border: 1px solid var(--color-border);
  background: var(--color-bg);
  border-radius: 1rem;
  padding: .85rem;
  min-width: 0;
}
.csa-admin-modal-summary-label {
  font-size: 9px;
  line-height: 1.2;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .10em;
  color: var(--color-text);
  opacity: .72;
}
.csa-admin-modal-summary-value {
  margin-top: .35rem;
  font-size: 12px;
  font-weight: 900;
  color: var(--color-heading);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.csa-admin-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  text-align: left;
}
.csa-admin-detail-row {
  min-width: 0;
  padding: .75rem .85rem;
  border: 1px solid var(--color-border);
  border-radius: .95rem;
  background: var(--color-bg);
}
.csa-admin-detail-label {
  font-size: 9px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: var(--color-text);
  opacity: .72;
}
.csa-admin-detail-value {
  margin-top: .35rem;
  font-size: 12px;
  font-weight: 850;
  color: var(--color-heading);
  word-break: break-word;
  line-height: 1.45;
}
@media (max-width: 720px){
  .csa-admin-modal-summary { grid-template-columns: 1fr; }
  .csa-admin-detail-grid { grid-template-columns: 1fr; }
}


/* CSAREA HOME V5 - Map area and compact stat layout */
.csa-home-v5-grid {
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(330px, .75fr);
  gap:1.25rem;
  align-items:stretch;
}
.csa-map-shell-v5 {
  align-self:stretch;
  overflow:hidden;
  background:rgb(36,39,49);
  display:flex;
  flex-direction:column;
}
.csa-map-visual-v5 {
  position:relative;
  height:330px;
  overflow:hidden;
  background:rgb(27,29,36);
}
.csa-map-visual-v5 .csa-map-img-v5 {
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.66;
  filter:saturate(.98) contrast(1.06);
  transition:transform .9s ease, opacity .2s ease;
}
.csa-map-shell-v5:hover .csa-map-img-v5 { transform:scale(1.035); opacity:.72; }
.csa-map-visual-v5:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(27,29,36,.96) 0%, rgba(27,29,36,.76) 42%, rgba(27,29,36,.18) 100%);
  z-index:1;
}
.csa-map-visual-v5:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg, rgba(27,29,36,.92) 0%, rgba(27,29,36,.18) 48%, rgba(27,29,36,.18) 100%);
  z-index:2;
}
.csa-map-content-v5 {
  position:absolute;
  inset:0;
  z-index:3;
  padding:1.35rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.csa-map-actionbar-v5 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.85rem;
  border-top:1px solid rgb(35,39,50);
  background:linear-gradient(180deg, rgba(36,39,49,.98), rgba(31,33,42,.98));
}
.csa-map-actionbar-v5 .csa-action-buttons-v5 {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  justify-content:flex-end;
}
.csa-map-meta-v5 {
  min-width:0;
  display:flex;
  align-items:center;
  gap:.75rem;
}
.csa-map-thumb-v5 {
  width:62px;
  height:44px;
  border-radius:8px;
  overflow:hidden;
  border:1px solid rgb(35,39,50);
  background:rgb(27,29,36);
  flex:0 0 auto;
}
.csa-side-grid-v5 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}
.csa-side-card-v5 {
  position:relative;
  overflow:hidden;
  min-height:96px;
  background:rgba(36,39,49,.96);
}
.csa-side-card-v5:after {
  content:"";
  position:absolute;
  right:-44px;
  top:-44px;
  width:120px;
  height:120px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.055), transparent 70%);
  pointer-events:none;
}
.csa-side-wide-v5 { grid-column:1 / -1; }
.csa-occupancy-compact-v5 {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:112px minmax(0, 1fr);
  gap:1rem;
  align-items:center;
}
.csa-occ-ring-v5 {
  width:104px;
  height:104px;
  border-radius:999px;
  background:conic-gradient(var(--ring-color) calc(var(--fill) * 1%), rgb(49,53,65) 0);
  position:relative;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.csa-occ-ring-v5:before {
  content:"";
  position:absolute;
  inset:11px;
  border-radius:999px;
  background:rgb(27,29,36);
  border:1px solid rgb(35,39,50);
}
.csa-occ-ring-center-v5 {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.csa-mini-bars-v5 {
  display:grid;
  grid-template-columns:repeat(16, minmax(0,1fr));
  gap:4px;
}
.csa-mini-bar-v5 {
  height:8px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(34,197,94,.95), rgba(34,197,94,.38));
  border:1px solid rgba(34,197,94,.28);
  box-shadow:0 0 0 1px rgba(0,0,0,.08) inset;
}
.csa-mini-bar-v5.is-full {
  background:linear-gradient(180deg, rgba(var(--game-accent-rgb),.98), rgba(var(--game-accent-rgb),.45));
  border-color:rgba(var(--game-accent-rgb),.34);
}

/* CSArea eşit kolon düzeltmesi: soldaki harita/oyuncu bloğu ile sağdaki Sunucu Bilgileri paneli aynı yükseklikte durur. */
.csa-server-info-panel-v5 {
  align-self: stretch !important;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.csa-server-info-panel-v5 .csa-side-grid-v5 {
  flex: 1 1 auto;
  min-height: 0;
  grid-template-rows: auto auto auto minmax(0, 1fr);
}
.csa-server-info-panel-v5 .csa-side-wide-v5:last-child {
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.csa-map-shell-v5 > .csa-player-line-card {
  margin: .85rem;
  margin-top: 0;
  flex: 1 1 auto;
}
@media (max-width: 1280px){
  .csa-server-info-panel-v5 { height: auto; min-height: 0; }
  .csa-server-info-panel-v5 .csa-side-grid-v5 { grid-template-rows: none; }
  .csa-map-shell-v5 > .csa-player-line-card { flex: initial; }
}
@media (max-width:1280px){
  .csa-home-v5-grid{ grid-template-columns:1fr; }
  .csa-map-visual-v5{ height:315px; }
}
@media (max-width:760px){
  .csa-side-grid-v5{ grid-template-columns:1fr; }
  .csa-map-actionbar-v5{ flex-direction:column; align-items:stretch; }
  .csa-map-actionbar-v5 .csa-action-buttons-v5{ display:grid; grid-template-columns:1fr; }
  .csa-occupancy-compact-v5{ grid-template-columns:1fr; justify-items:center; text-align:center; }
  .csa-map-visual-v5{ height:300px; }
}
@media (max-width:520px){
  .csa-map-visual-v5{ height:280px; }
}



/* CSAREA HOME - AntiWall polished panel */
.csa-antiwall-polished {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(36,39,49,.98), rgba(31,33,42,.98));
}
.csa-antiwall-polished:before {
  content: "";
  position: absolute;
  inset: -80px -80px auto auto;
  width: 230px;
  height: 230px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--game-accent-rgb),.12), transparent 68%);
  pointer-events: none;
}
.csa-antiwall-polished:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, rgb(var(--game-accent-rgb)), rgba(var(--game-accent-rgb),.18));
  opacity: .9;
}
.csa-antiwall-inner { position: relative; z-index: 1; }
.csa-antiwall-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
}
.csa-antiwall-summary-card {
  border: 1px solid rgb(35,39,50);
  background: rgba(27,29,36,.55);
  border-radius: 8px;
  padding: .72rem .8rem;
  min-width: 0;
}
.csa-antiwall-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
  gap: .65rem;
}
.csa-antiwall-item {
  display: flex;
  align-items: center;
  gap: .7rem;
  min-width: 0;
  border: 1px solid rgb(35,39,50);
  background: rgba(27,29,36,.55);
  border-radius: 8px;
  padding: .72rem .78rem;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.csa-antiwall-item:hover {
  transform: translateY(-1px);
  border-color: rgba(var(--game-accent-rgb),.28);
  background: rgba(49,53,65,.45);
}
.csa-antiwall-icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border: 1px solid rgb(35,39,50);
  background: rgb(36,39,49);
}
.csa-antiwall-item.is-active .csa-antiwall-icon {
  color: rgb(var(--game-accent-rgb));
  border-color: rgba(var(--game-accent-rgb),.24);
  background: rgba(var(--game-accent-rgb),.10);
}
.csa-antiwall-item.is-passive .csa-antiwall-icon {
  color: #fb474b;
  border-color: rgba(var(--game-accent-rgb),.24);
  background: rgba(var(--game-accent-rgb),.10);
}
.csa-antiwall-item.is-unknown .csa-antiwall-icon {
  color: rgb(var(--game-accent-rgb));
  border-color: rgba(var(--game-accent-rgb),.24);
  background: rgba(var(--game-accent-rgb),.10);
}
@media (max-width: 720px) {
  .csa-antiwall-summary-grid { grid-template-columns: 1fr; }
  .csa-antiwall-list { grid-template-columns: 1fr; }
}


/* === Migrated from anasayfa.tpl style block #2 === */
/* CSArea HAS final polish: orijinal anasayfa düzeni korunur; sadece yüzey, kontrast ve CSA sınıf uyumu güçlendirilir. */
.csarea-home-theme-root{
  --csa-home-red: var(--game-accent,var(--color-accent,#fb474b));
  --csa-home-bg: rgba(10,12,18,.74);
  --csa-home-panel: rgba(25,28,36,.86);
  --csa-home-panel-2: rgba(36,39,49,.82);
  --csa-home-border: rgba(255,255,255,.09);
  --csa-home-border-red: rgba(var(--game-accent-rgb),.22);
}
.csarea-home-theme-root .csa-home-overview-grid{gap:1rem;}
.csarea-home-theme-root .csa-home-overview-card{
  min-height:112px;
  border-radius:20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.018)),
    radial-gradient(circle at 92% -12%, rgba(var(--game-accent-rgb),.17), transparent 42%),
    rgba(20,22,29,.82) !important;
  border:1px solid var(--csa-home-border) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
}
.csarea-home-theme-root .csa-home-overview-card::after{
  content:"";
  position:absolute;
  left:0;top:18px;bottom:18px;width:3px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg, rgba(var(--game-accent-rgb),.95), rgba(var(--game-accent-rgb),.10));
}
.csarea-home-theme-root .csa-map-shell-v5{
  border-radius:24px !important;
  background:rgba(15,17,23,.90) !important;
  border:1px solid var(--csa-home-border-red) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.025) inset;
}
.csarea-home-theme-root .csa-map-visual-v5{height:350px;background:#090a0f;}
.csarea-home-theme-root .csa-map-visual-v5:before{
  background:
    linear-gradient(90deg, rgba(9,10,15,.96) 0%, rgba(9,10,15,.76) 44%, rgba(9,10,15,.24) 100%),
    radial-gradient(circle at 12% 20%, rgba(var(--game-accent-rgb),.22), transparent 36%) !important;
}
.csarea-home-theme-root .csa-map-visual-v5:after{
  background:linear-gradient(0deg, rgba(9,10,15,.92) 0%, rgba(9,10,15,.10) 52%, rgba(9,10,15,.18) 100%) !important;
}
.csarea-home-theme-root .csa-map-img-v5{opacity:.70 !important;filter:saturate(1.16) contrast(1.10) brightness(.76) !important;}
.csarea-home-theme-root .csa-map-actionbar-v5{
  background:linear-gradient(180deg, rgba(24,26,34,.98), rgba(14,15,20,.98)) !important;
  border-top:1px solid rgba(var(--game-accent-rgb),.16) !important;
}
.csarea-home-theme-root .csa-side-card-v5,
.csarea-home-theme-root .csa-antiwall-polished,
.csarea-home-theme-root .csa-player-line-card,
.csarea-home-theme-root .bg-brand-panel\/95,
.csarea-home-theme-root .bg-brand-panel{
  border-color:var(--csa-home-border) !important;
}
.csarea-home-theme-root .csa-side-card-v5{
  border-radius:18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    rgba(16,18,24,.70) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.csarea-home-theme-root .csa-side-card-v5:after{background:radial-gradient(circle, rgba(var(--game-accent-rgb),.105), transparent 70%) !important;}
.csarea-home-theme-root .csa-antiwall-polished{
  border-radius:22px !important;
  background:
    linear-gradient(135deg, rgba(var(--game-accent-rgb),.070), transparent 34%),
    rgba(19,21,28,.82) !important;
  box-shadow:0 20px 62px rgba(0,0,0,.24);
}
.csarea-home-theme-root .csa-antiwall-summary-card,
.csarea-home-theme-root .csa-antiwall-item,
.csarea-home-theme-root .csa-admin-modal-summary-card,
.csarea-home-theme-root .csa-admin-detail-row{
  background:rgba(8,10,15,.36) !important;
  border-color:rgba(255,255,255,.075) !important;
}
.csarea-home-theme-root .csa-occ-ring-v5,
.csarea-home-theme-root .csa-occupancy-ring{box-shadow:0 18px 42px rgba(0,0,0,.30), 0 0 0 1px rgba(255,255,255,.035) inset;}
.csarea-home-theme-root .csa-mini-bar-v5{height:9px;background:linear-gradient(180deg, rgba(34,197,94,.88), rgba(34,197,94,.34));}
.csarea-home-theme-root .csa-mini-bar-v5.is-full{background:linear-gradient(180deg, rgba(var(--game-accent-rgb),1), rgba(var(--game-accent-rgb),.46));box-shadow:0 0 12px rgba(var(--game-accent-rgb),.14);}
.csarea-home-theme-root table thead{background:rgba(8,10,15,.48) !important;}
.csarea-home-theme-root table tbody{background:rgba(16,18,24,.62) !important;}
.csarea-home-theme-root table tbody tr:hover{background:rgba(var(--game-accent-rgb),.045) !important;}
.csarea-home-theme-root .server-islem-btn,
.csarea-home-theme-root .player-action-btn,
.csarea-home-theme-root .tap-target.bg-brand-panel,
.csarea-home-theme-root button.bg-brand-panel,
.csarea-home-theme-root a.bg-brand-panel{
  background:rgba(17,19,26,.80) !important;
  border-color:rgba(255,255,255,.09) !important;
}
.csarea-home-theme-root .server-islem-btn:hover,
.csarea-home-theme-root .player-action-btn:hover,
.csarea-home-theme-root .tap-target.bg-brand-panel:hover,
.csarea-home-theme-root button.bg-brand-panel:hover,
.csarea-home-theme-root a.bg-brand-panel:hover{
  border-color:rgba(var(--game-accent-rgb),.34) !important;
  background:rgba(var(--game-accent-rgb),.10) !important;
  color:#fff !important;
}
@media (max-width: 760px){.csarea-home-theme-root .csa-map-visual-v5{height:310px;}}


/* === Migrated from anasayfa.tpl style block #3 === */
.csa-time-config-card{position:relative;overflow:hidden;}
.csa-time-config-card:before{content:"";position:absolute;right:-46px;bottom:-56px;width:132px;height:132px;border-radius:999px;background:radial-gradient(circle,rgba(var(--game-accent-rgb),.13),transparent 70%);pointer-events:none;}
.csa-time-mini-btn{position:relative;z-index:2;width:30px;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.18);color:var(--color-text,#a5a9b4);display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease;}
.csa-time-mini-btn:hover{transform:translateY(-1px);border-color:rgba(var(--game-accent-rgb),.36);background:rgba(var(--game-accent-rgb),.10);color:var(--game-accent,var(--color-accent,#fb474b));}
.csa-time-settings-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(var(--game-accent-rgb),.14),rgba(255,255,255,.025) 44%,rgba(0,0,0,.12));}
.csa-time-settings-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:210px;height:210px;border-radius:999px;background:radial-gradient(circle,rgba(var(--game-accent-rgb),.18),transparent 70%);pointer-events:none;}
.csa-time-field{background:rgba(13,15,20,.58);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;}
.csa-time-field input{height:46px;width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.24);color:var(--color-heading,#fff);outline:none;padding:0 14px;font-weight:900;font-size:18px;letter-spacing:.02em;}
.csa-time-field input:focus{border-color:rgba(var(--game-accent-rgb),.44);box-shadow:0 0 0 3px rgba(var(--game-accent-rgb),.08);}
.csa-time-preset{height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--color-text,#a5a9b4);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;padding:0 10px;transition:all .15s ease;}
.csa-time-preset:hover{border-color:rgba(var(--game-accent-rgb),.34);color:#fff;background:rgba(var(--game-accent-rgb),.10);}


/* === Migrated from anasayfa.tpl style block #4 === */
.csarea-home-theme-root{--game-accent:#fb474b;--game-accent-rgb:251,71,75;--game-soft:rgba(var(--game-accent-rgb),.12);}
/* Oyun profilleri tema bütünlüğü için aynı kırmızı marka paletini kullanır.
   Oyun ayrımı renk yerine motora özel desen, başlık ve bilgi etiketleriyle yapılır. */
.csarea-home-theme-root.home-game-cs16,
.csarea-home-theme-root.home-game-cs15,
.csarea-home-theme-root.home-game-hl,
.csarea-home-theme-root.home-game-hl2,
.csarea-home-theme-root.home-game-cssource,
.csarea-home-theme-root.home-game-csgo,
.csarea-home-theme-root.home-game-cs2{
  --game-accent:#fb474b;
  --game-accent-rgb:251,71,75;
  --game-soft:rgba(251,71,75,.12);
}
.csa-activity-shell{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.12));}
.csa-activity-bars{height:176px;display:grid;grid-template-columns:repeat(24,minmax(5px,1fr));gap:6px;align-items:end;padding:14px 10px 8px;border-radius:14px;background:linear-gradient(to top,rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 25%;}
.csa-activity-bar{position:relative;height:100%;display:flex;align-items:end;justify-content:center;min-width:0;outline:none;}
.csa-activity-bar>span{display:block;width:100%;height:max(3px,var(--bar-height));border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--game-accent),rgba(var(--game-accent-rgb),.22));border:1px solid rgba(var(--game-accent-rgb),.25);box-shadow:0 8px 18px rgba(var(--game-accent-rgb),.10);transition:transform .16s ease,filter .16s ease,opacity .16s ease;opacity:.88;}
.csa-activity-bar.is-zero>span{opacity:.18;box-shadow:none;}
.csa-activity-bar:hover>span,.csa-activity-bar:focus>span{transform:translateY(-3px);filter:brightness(1.16);opacity:1;}
.csa-activity-bar:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(var(--bar-height) + 13px);transform:translate(-50%,6px);opacity:0;pointer-events:none;z-index:20;white-space:nowrap;border:1px solid rgba(255,255,255,.09);background:rgba(14,16,21,.96);color:#fff;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.34);transition:opacity .13s ease,transform .13s ease;}
.csa-activity-bar:hover:after,.csa-activity-bar:focus:after{opacity:1;transform:translate(-50%,0);}
.csa-activity-axis{display:flex;justify-content:space-between;padding:0 10px 10px;color:var(--color-text,#a5a9b4);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;opacity:.72;}
.csa-chart-metric{border:1px solid rgba(255,255,255,.075);background:rgba(0,0,0,.14);border-radius:12px;padding:10px 12px;}
.csa-chart-metric strong{display:block;margin-top:3px;color:var(--color-heading,#fff);font-size:18px;line-height:1;font-weight:950;}
.csa-deferred-note{border-color:rgba(var(--game-accent-rgb),.20)!important;background:rgba(var(--game-accent-rgb),.07)!important;}
@media(max-width:760px){.csa-activity-bars{grid-template-columns:repeat(auto-fit,minmax(7px,1fr));gap:3px;height:164px;padding-left:7px;padding-right:7px}}


/* === Migrated from anasayfa.tpl style block #5 === */
.csa-home-overview-grid {
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:.75rem;
}
.csa-home-overview-card {
  position:relative;
  overflow:hidden;
}
.csa-home-overview-card:before {
  content:"";
  position:absolute;
  inset:auto -30px -40px auto;
  width:120px;
  height:120px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--game-accent-rgb),.10), transparent 70%);
  pointer-events:none;
}
.csa-home-right-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}
.csa-home-side-card {
  position:relative;
  overflow:hidden;
}
.csa-home-side-card:after {
  content:"";
  position:absolute;
  inset:0 0 auto auto;
  width:120px;
  height:120px;
  background:radial-gradient(circle, rgba(255,255,255,.05), transparent 70%);
  pointer-events:none;
}
.csa-map-glass {
  background:linear-gradient(180deg, rgba(36,39,49,.88), rgba(27,29,36,.88));
  backdrop-filter:blur(10px);
}

.csa-home-map-card {
  min-height: 318px;
  max-height: 360px;
  height: 340px;
}
.csa-home-map-card .csa-home-map-img {
  opacity:.52;
  filter:saturate(.92) contrast(1.06);
}
.csa-home-map-info-chip {
  background:rgba(27,29,36,.68);
  backdrop-filter:blur(10px);
}
.csa-mini-info-grid {
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:.75rem;
}
.csa-mini-info-card {
  min-height:102px;
}
.csa-player-graph-card {
  min-height:232px;
}
.csa-player-ring-wrap {
  position:relative;
  width:136px;
  height:136px;
  flex:0 0 auto;
}
.csa-player-ring-wrap svg {
  width:100%;
  height:100%;
  transform:rotate(-90deg);
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.22));
}
.csa-player-ring-center {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.csa-player-bars {
  display:flex;
  align-items:end;
  gap:5px;
  height:72px;
}
.csa-player-bars span {
  display:block;
  width:10px;
  min-height:7px;
  border-radius:6px 6px 2px 2px;
  background:linear-gradient(180deg, rgba(var(--game-accent-rgb),.95), rgba(var(--game-accent-rgb),.28));
  border:1px solid rgba(var(--game-accent-rgb),.16);
}

.csa-home-primary-grid {
  display:grid;
  grid-template-columns:minmax(0, 1.55fr) minmax(360px, .95fr);
  gap:1.25rem;
  align-items:start;
}
.csa-home-map-card {
  height:315px;
  min-height:315px;
  max-height:315px;
}
.csa-home-map-card .csa-home-map-img {
  opacity:.58;
  filter:saturate(.96) contrast(1.08);
}
.csa-home-info-panel {
  align-self:start;
}
.csa-home-info-grid {
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:.75rem;
}
.csa-home-info-grid .csa-mini-info-card {
  min-height:96px;
}
.csa-home-info-grid .csa-info-wide {
  grid-column:1 / -1;
  min-height:96px;
}
.csa-occupancy-card {
  position:relative;
  overflow:hidden;
}
.csa-occupancy-card:before {
  content:"";
  position:absolute;
  right:-90px;
  top:-90px;
  width:260px;
  height:260px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--game-accent-rgb),.13), transparent 70%);
  pointer-events:none;
}
.csa-occupancy-layout {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:1.25rem;
  align-items:center;
}
.csa-occupancy-ring {
  width:142px;
  height:142px;
  border-radius:999px;
  background:conic-gradient(var(--ring-color) calc(var(--fill) * 1%), rgba(49,53,65,.88) 0);
  position:relative;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.csa-occupancy-ring:before {
  content:"";
  position:absolute;
  inset:14px;
  border-radius:999px;
  background:rgb(27,29,36);
  border:1px solid rgb(35,39,50);
}
.csa-occupancy-ring-center {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.csa-slot-grid {
  display:grid;
  grid-template-columns:repeat(16, minmax(0, 1fr));
  gap:5px;
}
.csa-slot-cell {
  height:10px;
  border-radius:999px;
  border:1px solid rgb(35,39,50);
  background:rgb(49,53,65);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.csa-slot-cell.is-full {
  background:linear-gradient(90deg, var(--ring-color), rgba(var(--game-accent-rgb),.75));
  border-color:rgba(255,255,255,.08);
}
@media (max-width: 1280px){
  .csa-home-primary-grid { grid-template-columns:1fr; }
  .csa-home-info-panel { align-self:auto; }
  .csa-home-map-card { height:300px; min-height:300px; max-height:300px; }
}
@media (max-width: 720px){
  .csa-home-info-grid { grid-template-columns:1fr; }
  .csa-occupancy-layout { grid-template-columns:1fr; justify-items:center; text-align:center; }
  .csa-slot-grid { grid-template-columns:repeat(8, minmax(0, 1fr)); }
}
@media (max-width: 1280px){
  .csa-home-map-card { height:300px; min-height:300px; max-height:300px; }
}
@media (max-width: 640px){
  .csa-home-map-card { height:280px; min-height:280px; max-height:280px; }
  .csa-mini-info-grid { grid-template-columns:1fr; }
  .csa-player-ring-wrap { width:118px; height:118px; }
}
@media (max-width: 1180px){
  .csa-home-overview-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .csa-home-overview-grid { grid-template-columns: 1fr; }
}


/* === Migrated from anasayfa.tpl style block #6 === */
/* CSArea HAS tema uyumu - orijinal anasayfa duzeni korunur, sadece yuzey/renk/kontrast duzenlenir. */
.csarea-home-theme-root,
.csarea-home-theme-root *{
  scrollbar-color: rgba(var(--game-accent-rgb),.38) transparent;
}
.csarea-home-theme-root{
  --home-bg: rgba(16,18,24,.72);
  --home-panel: rgba(25,28,36,.82);
  --home-panel-2: rgba(32,35,45,.82);
  --home-border: rgba(255,255,255,.085);
  --home-border-soft: rgba(255,255,255,.055);
  --home-text: var(--color-text,#a5a9b4);
  --home-head: var(--color-heading,#ffffff);
  --home-red: var(--game-accent,var(--color-accent,#fb474b));
  --home-shadow: 0 18px 60px rgba(0,0,0,.25);
}
.csarea-home-theme-root .csa-home-overview-card,
.csarea-home-theme-root .csa-home-side-card,
.csarea-home-theme-root .csa-mini-info-card,
.csarea-home-theme-root .csa-player-line-card,
.csarea-home-theme-root .csa-occupancy-card,
.csarea-home-theme-root .csa-antiwall-polished,
.csarea-home-theme-root .csa-map-shell-v5,
.csarea-home-theme-root .modal-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    linear-gradient(135deg, rgba(var(--game-accent-rgb),.045), transparent 38%),
    var(--home-panel) !important;
  border-color: var(--home-border) !important;
  box-shadow: var(--home-shadow);
}
.csarea-home-theme-root .csa-home-overview-card,
.csarea-home-theme-root .csa-mini-info-card,
.csarea-home-theme-root .csa-home-side-card{
  border-radius: 18px !important;
}
.csarea-home-theme-root .csa-home-overview-card:before,
.csarea-home-theme-root .csa-home-side-card:after,
.csarea-home-theme-root .csa-occupancy-card:before{
  background: radial-gradient(circle, rgba(var(--game-accent-rgb),.16), transparent 68%) !important;
}
.csarea-home-theme-root .csa-map-shell-v5{
  border-radius: 22px !important;
  overflow: hidden;
}
.csarea-home-theme-root .csa-map-visual-v5:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 28% 20%, rgba(var(--game-accent-rgb),.16), transparent 34%),
    linear-gradient(90deg, rgba(9,10,14,.88), rgba(9,10,14,.48) 56%, rgba(9,10,14,.78));
}
.csarea-home-theme-root .csa-map-content-v5{
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  padding: 1.35rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  pointer-events: auto;
}
.csarea-home-theme-root .csa-map-content-v5 h1{
  color: var(--color-heading,#fff) !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.72);
}
.csarea-home-theme-root .csa-map-img-v5{
  opacity:.64 !important;
  filter:saturate(1.12) contrast(1.08) brightness(.82) !important;
  transform: scale(1.012);
}
.csarea-home-theme-root .csa-map-actionbar-v5{
  background: linear-gradient(180deg, rgba(20,22,29,.96), rgba(14,15,20,.96)) !important;
  border-top: 1px solid var(--home-border) !important;
}
.csarea-home-theme-root .csa-map-thumb-v5{
  border-color: rgba(var(--game-accent-rgb),.24) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}
.csarea-home-theme-root .csa-map-meta-v5{
  color: var(--home-text);
}
.csarea-home-theme-root .csa-map-glass,
.csarea-home-theme-root .csa-home-map-info-chip,
.csarea-home-theme-root .csa-muted-surface{
  background: rgba(13,15,20,.72) !important;
  border-color: var(--home-border) !important;
  backdrop-filter: blur(12px);
}
.csarea-home-theme-root .csa-antiwall-inner{
  background: linear-gradient(135deg, rgba(var(--game-accent-rgb),.055), rgba(255,255,255,.018) 42%, rgba(0,0,0,.10));
}
.csarea-home-theme-root .csa-antiwall-summary-card,
.csarea-home-theme-root .csa-antiwall-item,
.csarea-home-theme-root .csa-admin-detail-row,
.csarea-home-theme-root .csa-admin-modal-summary-card{
  background: rgba(0,0,0,.18) !important;
  border: 1px solid var(--home-border-soft) !important;
  border-radius: 14px !important;
}
.csarea-home-theme-root .csa-occupancy-ring:before{
  background: rgba(16,18,24,.95) !important;
  border-color: var(--home-border) !important;
}
.csarea-home-theme-root .csa-slot-cell{
  border-color: rgba(255,255,255,.06) !important;
  background: rgba(255,255,255,.055) !important;
}
.csarea-home-theme-root .csa-slot-cell.is-full{
  background: linear-gradient(90deg, rgba(var(--game-accent-rgb),.98), rgba(var(--game-accent-rgb),.58)) !important;
  box-shadow: 0 0 12px rgba(var(--game-accent-rgb),.16);
}
.csarea-home-theme-root .server-islem-btn,
.csarea-home-theme-root .player-action-btn,
.csarea-home-theme-root .tap-target.bg-brand-panel,
.csarea-home-theme-root button.bg-brand-panel,
.csarea-home-theme-root a.bg-brand-panel{
  background: rgba(18,20,27,.74) !important;
  border-color: rgba(255,255,255,.09) !important;
  color: var(--home-head) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 24px rgba(0,0,0,.16);
}
.csarea-home-theme-root .server-islem-btn:hover,
.csarea-home-theme-root .player-action-btn:hover,
.csarea-home-theme-root .tap-target.bg-brand-panel:hover,
.csarea-home-theme-root button.bg-brand-panel:hover,
.csarea-home-theme-root a.bg-brand-panel:hover{
  border-color: rgba(var(--game-accent-rgb),.34) !important;
  color: #fff !important;
  background: rgba(var(--game-accent-rgb),.10) !important;
}
.csarea-home-theme-root .bg-brand-accent,
.csarea-home-theme-root a.bg-brand-accent,
.csarea-home-theme-root button.bg-brand-accent{
  background: linear-gradient(135deg, var(--game-accent), rgba(var(--game-accent-rgb),.58)) !important;
  box-shadow: 0 12px 28px rgba(var(--game-accent-rgb),.18);
}
.csarea-home-theme-root table,
.csarea-home-theme-root .custom-scrollbar{
  scrollbar-color: rgba(var(--game-accent-rgb),.32) transparent;
}
.csarea-home-theme-root .modal-panel{
  backdrop-filter: blur(14px);
}
.csarea-home-theme-root .modal-panel .bg-brand-bg,
.csarea-home-theme-root .modal-panel .bg-brand-bg\/80,
.csarea-home-theme-root .modal-panel .bg-brand-bg\/50{
  background: rgba(13,15,20,.68) !important;
}
@media (max-width: 640px){
  .csarea-home-theme-root .csa-map-shell-v5{border-radius:18px !important;}
}


/* === Migrated from anasayfa.tpl style block #7 === */
.csa-v6-shell{display:flex;flex-direction:column;gap:1rem;}
.csa-v6-panel{position:relative;overflow:hidden;border:1px solid var(--home-border,rgba(255,255,255,.085));background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),rgba(22,24,31,.88);box-shadow:0 18px 55px rgba(0,0,0,.22);}
.csa-v6-panel:before{content:"";position:absolute;right:-110px;top:-110px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(var(--game-accent-rgb),.13),transparent 68%);pointer-events:none;}
.csa-v6-hero{min-height:310px;border-radius:22px;}
.csa-v6-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48;filter:saturate(.9) contrast(1.08) brightness(.68);transition:transform .35s ease;}
.csa-v6-hero:hover .csa-v6-hero-bg{transform:scale(1.018);}
.csa-v6-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 75% 18%,rgba(var(--game-accent-rgb),.20),transparent 32%),linear-gradient(90deg,rgba(8,9,13,.95),rgba(8,9,13,.70) 58%,rgba(8,9,13,.88));}
.csa-v6-hero-content{position:relative;z-index:2;min-height:310px;padding:1.35rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:stretch;}
.csa-v6-hero-main{display:flex;flex-direction:column;justify-content:space-between;min-width:0;}
.csa-v6-hero-actions{width:min(100%,330px);display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(13,15,20,.68);backdrop-filter:blur(14px);}
.csa-v6-badge{display:inline-flex;align-items:center;gap:.42rem;border-radius:9px;border:1px solid rgba(var(--game-accent-rgb),.24);background:rgba(var(--game-accent-rgb),.10);color:var(--game-accent);padding:.4rem .62rem;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;}
.csa-v6-copy{display:inline-flex;align-items:center;gap:.65rem;max-width:100%;border:1px solid rgba(255,255,255,.09);background:rgba(13,15,20,.72);border-radius:11px;padding:.65rem .85rem;color:var(--color-heading,#fff);font-size:12px;font-weight:850;transition:.15s ease;}
.csa-v6-copy:hover{border-color:rgba(var(--game-accent-rgb),.42);color:var(--game-accent);background:rgba(var(--game-accent-rgb),.09);}
.csa-v6-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;}
.csa-v6-action{min-height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:var(--color-heading,#fff);display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .75rem;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;transition:.15s ease;}
.csa-v6-action:hover{border-color:rgba(var(--game-accent-rgb),.40);background:rgba(var(--game-accent-rgb),.10);color:var(--game-accent);transform:translateY(-1px);}
.csa-v6-action-primary{background:linear-gradient(135deg,var(--game-accent),rgba(var(--game-accent-rgb),.68));border-color:rgba(var(--game-accent-rgb),.64);color:#fff;box-shadow:0 12px 26px rgba(var(--game-accent-rgb),.18);}
.csa-v6-action-primary:hover{color:#fff;filter:brightness(1.08);}
.csa-v6-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;}
.csa-v6-metric{position:relative;overflow:hidden;min-height:112px;padding:1rem;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),rgba(22,24,31,.86);box-shadow:0 14px 38px rgba(0,0,0,.17);}
.csa-v6-metric:after{content:"";position:absolute;right:-32px;bottom:-44px;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,rgba(var(--game-accent-rgb),.14),transparent 68%);pointer-events:none;}
.csa-v6-metric-icon{position:absolute;right:1rem;top:1rem;width:36px;height:36px;border-radius:11px;border:1px solid rgba(var(--game-accent-rgb),.22);background:rgba(var(--game-accent-rgb),.09);color:var(--game-accent);display:flex;align-items:center;justify-content:center;}
.csa-v6-label{font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text,#a5a9b4);opacity:.76;}
.csa-v6-value{margin-top:.45rem;font-size:1.38rem;line-height:1.1;font-weight:950;color:var(--color-heading,#fff);}
.csa-v6-sub{margin-top:.42rem;font-size:10px;font-weight:750;color:var(--color-text,#a5a9b4);opacity:.82;}
.csa-v6-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.78fr);gap:1rem;align-items:start;}
.csa-v6-card{border-radius:18px;padding:1rem;}
.csa-v6-card-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem;}
.csa-v6-card-title{display:flex;align-items:center;gap:.7rem;min-width:0;}
.csa-v6-card-icon{width:36px;height:36px;border-radius:11px;border:1px solid rgba(var(--game-accent-rgb),.22);background:rgba(var(--game-accent-rgb),.09);color:var(--game-accent);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.csa-v6-chart-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:.7rem;}
.csa-v6-chart-metric{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(0,0,0,.16);padding:.72rem .78rem;}
.csa-v6-chart-metric strong{display:block;margin-top:.22rem;color:var(--color-heading,#fff);font-size:1.15rem;line-height:1;font-weight:950;}
.csa-v6-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;}
.csa-v6-server-cell{position:relative;min-height:96px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.15);padding:.8rem;}
.csa-v6-server-wide{grid-column:1/-1;}
.csa-v6-server-cell .csa-time-mini-btn{position:absolute;right:.65rem;top:.65rem;}
.csa-v6-capacity{display:grid;grid-template-columns:104px minmax(0,1fr);gap:.9rem;align-items:center;}
.csa-v6-ring{width:96px;height:96px;border-radius:999px;background:conic-gradient(var(--ring-color) calc(var(--fill)*1%),rgba(255,255,255,.07) 0);position:relative;box-shadow:0 12px 28px rgba(0,0,0,.22);}
.csa-v6-ring:before{content:"";position:absolute;inset:10px;border-radius:999px;background:rgba(18,20,27,.98);border:1px solid rgba(255,255,255,.07);}
.csa-v6-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;}
.csa-v6-slots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;}
.csa-v6-slot{height:8px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.04);}
.csa-v6-slot.is-full{background:linear-gradient(90deg,var(--game-accent),rgba(var(--game-accent-rgb),.58));border-color:rgba(var(--game-accent-rgb),.28);box-shadow:0 0 10px rgba(var(--game-accent-rgb),.12);}
.csa-v6-lower-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:1rem;align-items:start;}
.csa-v6-antiwall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;}
.csa-v6-antiwall-stat{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(0,0,0,.15);padding:.7rem;}
.csa-v6-antiwall-stat strong{display:block;margin-top:.25rem;color:var(--color-heading,#fff);font-size:1.1rem;font-weight:950;}
.csa-v6-ps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;}
.csa-v6-ps-item{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(0,0,0,.15);padding:.72rem .8rem;}
.csa-v6-small-link{display:inline-flex;align-items:center;gap:.42rem;border:1px solid rgba(var(--game-accent-rgb),.24);background:rgba(var(--game-accent-rgb),.09);color:var(--game-accent);border-radius:9px;padding:.48rem .68rem;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.09em;transition:.15s ease;}
.csa-v6-small-link:hover{background:rgba(var(--game-accent-rgb),.15);border-color:rgba(var(--game-accent-rgb),.40);}
@media(max-width:1180px){.csa-v6-hero-content{grid-template-columns:1fr}.csa-v6-hero-actions{width:100%}.csa-v6-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.csa-v6-main-grid,.csa-v6-lower-grid{grid-template-columns:1fr}}
@media(max-width:860px){.csa-v6-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.csa-v6-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.csa-v6-antiwall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.csa-v6-hero{min-height:auto}.csa-v6-hero-content{min-height:0;padding:1rem}.csa-v6-metrics{grid-template-columns:1fr}.csa-v6-server-grid{grid-template-columns:1fr}.csa-v6-server-wide{grid-column:auto}.csa-v6-capacity{grid-template-columns:1fr;justify-items:center;text-align:center}.csa-v6-chart-metrics{grid-template-columns:1fr}.csa-v6-ps-grid{grid-template-columns:1fr}.csa-v6-copy{width:100%;justify-content:flex-start}.csa-v6-actions-grid{grid-template-columns:1fr 1fr}}

/* Dashboard v2 polish */
.csa-v6-shell{gap:1.15rem;}
.csa-v6-panel{isolation:isolate;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.csa-v6-panel:after{content:"";position:absolute;z-index:3;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--game-accent-rgb),.85),transparent);opacity:.72;pointer-events:none;}
.csa-v6-card:hover,.csa-v6-metric:hover{border-color:rgba(var(--game-accent-rgb),.24);box-shadow:0 22px 58px rgba(0,0,0,.27),0 0 0 1px rgba(var(--game-accent-rgb),.035);}
.csa-v6-metric{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.csa-v6-metric:hover{transform:translateY(-2px);}
.csa-v6-metric-icon,.csa-v6-card-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 22px rgba(var(--game-accent-rgb),.08);}
.csa-v6-card-head{padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.055);}
.csa-v6-chart-metric,.csa-v6-server-cell,.csa-v6-ps-item{transition:border-color .18s ease,background .18s ease;}
.csa-v6-chart-metric:hover,.csa-v6-server-cell:hover,.csa-v6-ps-item:hover{border-color:rgba(var(--game-accent-rgb),.22);background:rgba(var(--game-accent-rgb),.045);}

.csa-v7-aw-card{overflow:visible;}
.csa-v7-aw-body{display:grid;grid-template-columns:148px minmax(0,1fr);gap:1rem;align-items:center;}
.csa-v7-aw-score{display:flex;align-items:center;justify-content:center;}
.csa-v7-aw-ring{--protection:0;position:relative;width:122px;height:122px;border-radius:999px;background:conic-gradient(var(--game-accent) calc(var(--protection)*1%),rgba(255,255,255,.065) 0);box-shadow:0 16px 42px rgba(0,0,0,.28),0 0 32px rgba(var(--game-accent-rgb),.09);transition:background .7s ease;}
.csa-v7-aw-ring:before{content:"";position:absolute;inset:10px;border-radius:999px;background:linear-gradient(145deg,rgba(30,32,40,.99),rgba(15,16,22,.99));border:1px solid rgba(255,255,255,.07);}
.csa-v7-aw-ring-center{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.csa-v7-aw-ring-center strong{font-size:1.55rem;line-height:1;font-weight:950;color:var(--color-heading,#fff);}
.csa-v7-aw-ring-center span{margin-top:.4rem;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.16em;color:var(--color-text,#a5a9b4);}
.csa-v7-aw-content{min-width:0;}
.csa-v7-aw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;}
.csa-v7-aw-stat{position:relative;overflow:hidden;min-height:74px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(0,0,0,.16);padding:.72rem .78rem;}
.csa-v7-aw-stat:after{content:"";position:absolute;right:-26px;bottom:-32px;width:80px;height:80px;border-radius:999px;background:radial-gradient(circle,rgba(var(--game-accent-rgb),.12),transparent 68%);}
.csa-v7-aw-stat strong{position:relative;z-index:1;display:block;margin-top:.24rem;font-size:1.16rem;line-height:1;font-weight:950;color:var(--color-heading,#fff);}
.csa-v7-aw-inline{margin-top:.7rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;}
.csa-v7-aw-module{display:flex;align-items:center;gap:.65rem;min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(0,0,0,.14);padding:.66rem .72rem;}
.csa-v7-aw-module-icon{width:30px;height:30px;flex:0 0 auto;border-radius:9px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--game-accent-rgb),.22);background:rgba(var(--game-accent-rgb),.09);color:var(--game-accent);}
.csa-v7-aw-module.is-inactive .csa-v7-aw-module-icon,.csa-v7-aw-module.is-partial .csa-v7-aw-module-icon,.csa-v7-aw-module.is-unknown .csa-v7-aw-module-icon{border-color:rgba(var(--game-accent-rgb),.20);background:rgba(var(--game-accent-rgb),.07);color:var(--game-accent);opacity:.72;}
.csa-v7-aw-module-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;color:var(--color-heading,#fff);}
.csa-v7-aw-module-state{margin-top:.2rem;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:var(--game-accent);}
.csa-v7-aw-empty{grid-column:1/-1;border:1px dashed rgba(var(--game-accent-rgb),.22);border-radius:12px;background:rgba(var(--game-accent-rgb),.045);padding:.78rem;font-size:10px;font-weight:800;color:var(--color-text,#a5a9b4);}
.csa-v7-aw-footer{margin-top:.75rem;}
@media(max-width:760px){.csa-v7-aw-body{grid-template-columns:1fr}.csa-v7-aw-ring{width:108px;height:108px}.csa-v7-aw-inline{grid-template-columns:1fr}}
@media(max-width:460px){.csa-v7-aw-stats{grid-template-columns:1fr}.csa-v7-aw-stat{min-height:64px}}


/* === Migrated from anasayfa.tpl style block #8 === */
/* Modal viewport fix: transform alanlari icinde fixed bozulmasin diye JS body altina tasir; bu blok hizalama/scroll guvenligini saglar. */
#antiwall-detay-modal,
#admin-kayit-detay-modal,
#harita-degistir,
#yuklu-haritalar,
#mapcycle-duzenle,
#sunucu-sifirla,
#server-action-confirm-modal{
  position:fixed !important;
  inset:0 !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:9999 !important;
}
#antiwall-detay-modal .modal-panel{
  max-height:min(86vh, 760px) !important;
  margin:auto !important;
}
@media (max-width:640px){
  #antiwall-detay-modal{align-items:flex-start !important; padding-top:1rem !important; padding-bottom:1rem !important;}
  #antiwall-detay-modal .modal-panel{max-height:calc(100vh - 2rem) !important;}
}


/* === Migrated from sunucukonsolu.tpl style block #1 === */
.sk-term-shell {
    background:
      radial-gradient(circle at 15% 0%, rgba(239, 68, 68, .11), transparent 32%),
      radial-gradient(circle at 80% 20%, rgba(34, 197, 94, .08), transparent 28%),
      linear-gradient(145deg, #080b12 0%, #0b101c 55%, #070a11 100%);
  }
  .sk-term-grid {
    background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 26px 26px;
  }
  .sk-console-wrap .sk-console-line { white-space: pre-wrap !important; word-break: break-word !important; }
  .terminal-scrollbar::-webkit-scrollbar { width: 9px; height: 9px; }
  .terminal-scrollbar::-webkit-scrollbar-track { background: rgba(15, 23, 42, .65); }
  .terminal-scrollbar::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, .48); border-radius: 999px; border: 2px solid rgba(15, 23, 42, .65); }
  .terminal-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(148, 163, 184, .7); }
  .sk-console-line { min-height: 1.45rem; white-space: pre; }
  .sk-line-error { color: #fca5a5; }
  .sk-line-warn { color: #fde68a; }
  .sk-line-ok { color: #bbf7d0; }
  .sk-line-muted { color: #94a3b8; }
  @media (max-width: 640px) {
    .sk-terminal-height { height: calc(100vh - 285px); min-height: 440px; }
    .sk-console-line { font-size: 12px; line-height: 1.55; }
  }
  @media (min-width: 641px) {
    .sk-terminal-height { height: 680px; }
  }


/* === Migrated from sunucuwebftp.tpl style block #1 === */
:root { color-scheme: light dark; }
    .gpu-layer { transform: translateZ(0); will-change: transform, opacity; backface-visibility: hidden; }

    .custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
    .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
    .custom-scrollbar::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 10px; }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #52525b; }

.modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(2, 6, 23, 0.68);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

    .modal-panel {
        max-height: calc(100vh - 2rem);
        overflow: hidden;
    }

    .ftp-row { transition: all 0.2s ease; }
    .ftp-row:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        z-index: 10;
        position: relative;
    }

    .vscode-bg { background-color: var(--color-bg) !important; }
    .vscode-header { background-color: var(--color-panel) !important; border-bottom: 1px solid var(--color-border) !important; }
    .vscode-footer { background-color: var(--color-accent) !important; border-top: 1px solid color-mix(in srgb, var(--color-accent) 80%, #fff 20%) !important; }
    .vscode-sidebar { background-color: var(--color-bg) !important; border-right: 1px solid var(--color-border) !important; }

    .is-disabled {
        opacity: .55;
        pointer-events: none;
        filter: grayscale(.1);
    }

    .dropzone.dz-clickable {
        border: 1px solid var(--color-border) !important;
        background:
            radial-gradient(circle at top, rgba(255,255,255,0.04), transparent 35%),
            linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)) !important;
        min-height: 260px;
        padding: 22px;
        transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .dropzone.dz-clickable:hover,
    .dropzone.dz-clickable.dz-drag-hover {
        border-color: var(--color-accent) !important;
        box-shadow: 0 0 0 1px rgba(255,255,255,0.03), 0 16px 40px rgba(0,0,0,.18);
        transform: translateY(-1px);
    }

    .dropzone .dz-message {
        margin: 0;
        width: 100%;
    }

    .dropzone .dz-preview {
        width: 100%;
        max-width: 100%;
        margin: 14px 0 0 0;
        min-height: 0;
        border-radius: 18px;
        border: 1px solid rgba(255,255,255,.08);
        background: rgba(2, 12, 32, .72);
        padding: 16px;
        box-shadow: 0 10px 28px rgba(0,0,0,.14);
    }

    .dropzone .dz-preview .dz-card {
        width: 100%;
    }

    .dropzone .dz-fileicon {
        width: 56px;
        height: 56px;
    }

    .dropzone .dz-fileicon-inner {
        width: 56px;
        height: 56px;
        border-radius: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background: rgba(255,255,255,.04);
        border: 1px solid var(--color-border);
        color: var(--color-accent);
        font-size: 20px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
    }

    .dropzone .dz-fileicon-fa {
        font-size: 20px;
        color: var(--color-accent);
        opacity: .95;
    }

    .dropzone .dz-ext-badge {
        position: absolute;
        bottom: -7px;
        left: 50%;
        transform: translateX(-50%);
        min-width: 34px;
        padding: 2px 6px;
        border-radius: 999px;
        background: rgba(15,23,42,.96);
        border: 1px solid rgba(255,255,255,.08);
        color: #cbd5e1;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.2;
    }

    .dropzone .dz-main {
        min-width: 0;
    }

    .dropzone .dz-preview .dz-filename {
        display: block;
        white-space: normal;
        font-size: 14px;
        font-weight: 800;
        color: var(--color-heading);
        line-height: 1.35;
        word-break: break-word;
    }

    .dropzone .dz-preview .dz-size {
        display: block;
        white-space: normal;
        margin-top: 4px;
        font-size: 11px;
        font-weight: 700;
        color: var(--color-text);
        opacity: .78;
    }

    .dropzone .dz-preview .dz-progress {
        position: static;
        margin-top: 12px;
        width: 100%;
        height: 8px;
        border-radius: 999px;
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.04);
        overflow: hidden;
        opacity: 1;
        transform: none;
    }

    .dropzone .dz-preview .dz-upload {
        display: block;
        height: 100%;
        width: 0;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--color-accent), rgba(255,255,255,.75));
    }

    .dropzone .dz-success-mark,
    .dropzone .dz-error-mark {
        display: none !important;
    }

    .dropzone .dz-remove {
        display: inline-flex !important;
        align-items: center;
        gap: 6px;
        margin-top: 10px;
        padding: 7px 10px;
        border-radius: 12px;
        border: 1px solid var(--color-border);
        background: rgba(255,255,255,.03);
        font-size: 11px;
        font-weight: 800;
        color: var(--color-text) !important;
        text-decoration: none !important;
        opacity: .9;
    }

    .dropzone .dz-remove:hover {
        opacity: 1;
        color: #fff !important;
        border-color: rgba(239,68,68,.35);
        background: rgba(239,68,68,.08);
    }

    .dropzone .dz-preview.dz-success {
        border-color: rgba(34,197,94,.28) !important;
        box-shadow: 0 0 0 1px rgba(34,197,94,.08), 0 10px 25px rgba(0,0,0,.08);
    }

    .dropzone .dz-preview.dz-success::after {
        content: "Yüklendi";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 12px;
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(34,197,94,.12);
        border: 1px solid rgba(34,197,94,.24);
        color: #86efac;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .dropzone .dz-preview.dz-error {
        opacity: 1 !important;
        border-color: rgba(239,68,68,.34) !important;
        box-shadow: 0 0 0 1px rgba(239,68,68,.08), 0 10px 25px rgba(0,0,0,.08);
    }

    .dropzone .dz-preview .dz-error-message {
        display: none !important;
    }

    .dropzone .dz-preview.dz-error .dz-error-message {
        display: block !important;
        position: static;
        min-width: 0;
        max-width: 100%;
        margin-top: 12px;
        padding: 10px 12px;
        border-radius: 12px;
        background: rgba(127,29,29,.18);
        border: 1px solid rgba(239,68,68,.28);
        color: #fecaca;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.45;
        text-align: left;
        opacity: 1 !important;
        pointer-events: none;
        white-space: normal;
    }

    .upload-meta-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        border-radius: 999px;
        border: 1px solid var(--color-border);
        background: var(--color-bg);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: var(--color-heading);
    }

    .upload-modal-body {
        overflow-y: auto;
        max-height: calc(100vh - 220px);
        padding-top: 1.5rem;
        padding-bottom: 1.75rem;
    }

    .webftp-info-card {
        background:
            radial-gradient(circle at top right, color-mix(in srgb, var(--color-accent, rgb(251, 71, 75)) 13%, transparent), transparent 36%),
            linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
    }

    .webftp-ext-list {
        word-break: break-word;
        line-height: 1.85;
    }

    .webftp-shell {
        --wftp-bg: var(--color-bg, rgb(27, 29, 36));
        --wftp-panel: var(--color-panel, rgb(36, 39, 49));
        --wftp-card: color-mix(in srgb, var(--color-bg, rgb(27, 29, 36)) 78%, var(--color-panel, rgb(36, 39, 49)) 22%);
        --wftp-card-hover: color-mix(in srgb, var(--color-panel, rgb(36, 39, 49)) 70%, var(--color-accent, rgb(251, 71, 75)) 7%);
        --wftp-border: var(--color-border, rgb(35, 39, 50));
        --wftp-border-soft: var(--color-border-soft, rgb(61, 66, 80));
        --wftp-text: var(--color-text, rgb(165, 169, 180));
        --wftp-heading: var(--color-heading, #fff);
        --wftp-accent: var(--color-accent, rgb(251, 71, 75));
        display: grid;
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 16px;
        width: 100%;
    }

    .webftp-tree,
    .webftp-main-panel {
        background: var(--wftp-panel);
        border: 1px solid var(--wftp-border);
        border-radius: 12px;
        box-shadow: 0 18px 48px rgba(0, 0, 0, .16);
    }

    .webftp-tree {
        min-height: 292px;
        padding: 18px 16px;
        overflow: hidden;
    }

    .webftp-tree-title {
        font-size: 14px;
        line-height: 1;
        font-weight: 800;
        color: var(--wftp-heading);
        margin-bottom: 18px;
    }

    .webftp-tree-root,
    .webftp-tree-link {
        display: flex;
        align-items: center;
        gap: 9px;
        min-width: 0;
        color: var(--wftp-text);
        text-decoration: none;
        transition: color .16s ease, transform .16s ease;
        font-size: 13px;
        font-weight: 700;
    }

    .webftp-tree-root:hover,
    .webftp-tree-link:hover,
    .webftp-tree-root.is-active,
    .webftp-tree-link.is-active {
        color: var(--wftp-accent);
    }

    .webftp-tree-root i {
        color: var(--wftp-accent);
        font-size: 14px;
    }

    .webftp-tree-children {
        position: relative;
        margin: 10px 0 0 10px;
        padding-left: 17px;
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .webftp-tree-children::before {
        content: '';
        position: absolute;
        left: 0;
        top: -2px;
        bottom: 0;
        width: 1px;
        background: var(--wftp-border-soft);
        opacity: .48;
    }

    .webftp-tree-link i {
        width: 15px;
        color: color-mix(in srgb, var(--wftp-text) 60%, transparent);
        font-size: 13px;
    }

    .webftp-tree-link.is-active i,
    .webftp-tree-link:hover i {
        color: var(--wftp-accent);
    }

    .webftp-main-panel {
        min-height: 292px;
        padding: 20px;
        overflow: hidden;
    }

    .webftp-main-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 20px;
    }

    .webftp-current-path {
        color: var(--wftp-heading);
        font-size: 14px;
        line-height: 1.35;
        font-weight: 900;
        word-break: break-word;
    }

    .webftp-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .webftp-icon-btn {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        border: 1px solid var(--wftp-border);
        background: var(--wftp-bg);
        color: var(--wftp-text);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: border-color .16s ease, color .16s ease, background .16s ease, transform .16s ease;
        outline: none;
    }

    .webftp-icon-btn:hover,
    .webftp-icon-btn.is-active {
        border-color: color-mix(in srgb, var(--wftp-accent) 55%, var(--wftp-border));
        color: var(--wftp-accent);
        background: color-mix(in srgb, var(--wftp-bg) 86%, var(--wftp-accent) 14%);
    }

    .webftp-action-btn {
        height: 32px;
        padding: 0 12px;
        border-radius: 8px;
        border: 1px solid var(--wftp-border);
        background: var(--wftp-bg);
        color: var(--wftp-heading);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        font-size: 10px;
        line-height: 1;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .06em;
        transition: border-color .16s ease, color .16s ease, background .16s ease, transform .16s ease;
        outline: none;
    }

    .webftp-action-btn:hover {
        border-color: color-mix(in srgb, var(--wftp-accent) 55%, var(--wftp-border));
        color: var(--wftp-accent);
        background: color-mix(in srgb, var(--wftp-bg) 86%, var(--wftp-accent) 14%);
    }

    .webftp-action-btn.is-primary {
        background: var(--wftp-accent);
        border-color: color-mix(in srgb, var(--wftp-accent) 85%, #fff 15%);
        color: #fff;
        box-shadow: 0 10px 24px color-mix(in srgb, var(--wftp-accent) 24%, transparent);
    }

    .webftp-action-btn.is-primary:hover {
        color: #fff;
        filter: brightness(1.06);
    }

    .webftp-browser.is-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
        gap: 10px;
        align-items: stretch;
    }

    .webftp-card-shell {
        position: relative;
        min-width: 0;
    }

    .webftp-card {
        min-height: 92px;
        height: 100%;
        border: 1px solid var(--wftp-border);
        background: var(--wftp-card);
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 8px;
        text-align: center;
        color: var(--wftp-text);
        text-decoration: none;
        transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
        overflow: hidden;
    }

    .webftp-card:hover {
        border-color: color-mix(in srgb, var(--wftp-accent) 55%, var(--wftp-border));
        background: var(--wftp-card-hover);
        transform: translateY(-1px);
        box-shadow: 0 10px 26px rgba(0, 0, 0, .18);
    }

    .webftp-card-icon {
        width: 32px;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 25px;
        flex: 0 0 auto;
    }

    .webftp-card-icon.kind-folder,
    .webftp-card-icon.kind-up,
    .webftp-card-icon.kind-config { color: var(--wftp-accent); }
    .webftp-card-icon.kind-up { font-size: 28px; }
    .webftp-card-icon.kind-text { color: color-mix(in srgb, var(--wftp-text) 70%, transparent); }
    .webftp-card-icon.kind-map,
    .webftp-card-icon.kind-media,
    .webftp-card-icon.kind-plugin,
    .webftp-card-icon.kind-archive,
    .webftp-card-icon.kind-file { color: color-mix(in srgb, var(--wftp-text) 52%, transparent); }
    .webftp-card-icon.kind-mdl { color: var(--wftp-accent); filter: drop-shadow(0 0 12px color-mix(in srgb, var(--wftp-accent) 30%, transparent)); }
    button.webftp-card { width: 100%; cursor: pointer; font: inherit; outline: none; }
    .webftp-mdl-badge {
        display: inline-flex; align-items: center; justify-content: center;
        height: 18px; padding: 0 7px; border-radius: 999px;
        background: color-mix(in srgb, var(--wftp-accent) 13%, transparent);
        border: 1px solid color-mix(in srgb, var(--wftp-accent) 32%, var(--wftp-border));
        color: var(--wftp-accent); font-size: 9px; line-height: 1; font-weight: 1000;
        text-transform: uppercase; letter-spacing: .08em;
    }

    .webftp-card-name {
        width: 100%;
        min-width: 0;
        color: var(--wftp-heading);
        font-size: 12px;
        line-height: 1.18;
        font-weight: 700;
        word-break: break-word;
        overflow-wrap: anywhere;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .webftp-card.is-muted .webftp-card-name,
    .webftp-card.is-muted .webftp-card-icon {
        opacity: .48;
    }

    .webftp-card-delete {
        position: absolute;
        top: 7px;
        right: 7px;
        width: 25px;
        height: 25px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #ef4444;
        background: rgba(239, 68, 68, .08);
        border: 1px solid rgba(239, 68, 68, .22);
        opacity: 0;
        transform: translateY(-3px);
        transition: opacity .16s ease, transform .16s ease, background .16s ease, color .16s ease;
        z-index: 3;
        outline: none;
    }

    .webftp-card-shell:hover .webftp-card-delete {
        opacity: 1;
        transform: translateY(0);
    }

    .webftp-card-delete:hover {
        background: #ef4444;
        color: #fff;
    }

    .webftp-card-meta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        max-width: 100%;
        color: var(--wftp-text);
        opacity: .68;
        font-size: 10px;
        line-height: 1;
        font-weight: 900;
        white-space: nowrap;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    }

    .webftp-browser.is-grid .webftp-card-meta span:first-child {
        display: none;
    }

    .webftp-browser.is-grid .webftp-card-meta span:last-child {
        max-width: 92px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .webftp-fastdl-inline {
        display: none;
    }

    .webftp-browser.is-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .webftp-browser.is-list .webftp-card {
        min-height: 54px;
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
        padding: 11px 14px;
        gap: 12px;
    }

    .webftp-browser.is-list .webftp-card-icon {
        width: 30px;
        height: 30px;
        font-size: 22px;
    }

    .webftp-browser.is-list .webftp-card-name {
        -webkit-line-clamp: 1;
        flex: 1 1 auto;
        color: var(--wftp-heading);
    }

    .webftp-browser.is-list .webftp-card-meta {
        margin-left: auto;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: var(--wftp-text);
        font-size: 11px;
        font-weight: 800;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
        white-space: nowrap;
    }

    .webftp-browser.is-list .webftp-fastdl-inline {
        display: inline-flex;
        margin-left: 8px;
    }

    .webftp-browser.is-list .webftp-card-delete {
        opacity: 1;
        position: static;
        margin-left: 8px;
        transform: none;
        flex: 0 0 auto;
    }

    .webftp-empty-state {
        border: 1px dashed var(--wftp-border-soft);
        background: var(--wftp-card);
        border-radius: 12px;
        padding: 34px 20px;
        text-align: center;
        color: var(--wftp-text);
        font-size: 13px;
        font-weight: 700;
    }


    .mdl3d-stage {
        position: relative;
        width: 100%;
        min-height: 440px;
        height: min(70vh, 680px);
        border-radius: 18px;
        overflow: hidden;
        background:
            radial-gradient(circle at center, color-mix(in srgb, var(--wftp-accent) 10%, transparent), transparent 42%),
            #000;
        border: 1px solid var(--wftp-border);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 22px 60px rgba(0,0,0,.35);
    }
    .mdl3d-canvas { width: 100%; height: 100%; display: block; cursor: grab; touch-action: none; }
    .mdl3d-canvas.is-dragging { cursor: grabbing; }
    .mdl3d-status {
        position: absolute;
        left: 14px;
        top: 14px;
        max-width: calc(100% - 28px);
        border-radius: 14px;
        border: 1px solid rgba(255,255,255,.08);
        background: rgba(2,6,23,.72);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        color: #cbd5e1;
        padding: 10px 12px;
        font-size: 11px;
        line-height: 1.45;
        font-weight: 800;
        pointer-events: none;
    }
    .mdl3d-status.is-error { color: #fecaca; border-color: rgba(239,68,68,.32); background: rgba(127,29,29,.45); }
    .mdl3d-controls {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: var(--wftp-text);
        font-size: 11px;
        font-weight: 800;
        margin-top: 12px;
    }
    .mdl3d-controls span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 7px 10px;
        border-radius: 999px;
        border: 1px solid var(--wftp-border);
        background: var(--wftp-bg);
    }
    .mdl3d-controls i { color: var(--wftp-accent); }

    @media (max-width: 1024px) {
        .webftp-shell {
            grid-template-columns: 1fr;
        }
        .webftp-tree {
            min-height: 0;
        }
        .webftp-main-head {
            align-items: flex-start;
            flex-direction: column;
        }
        .webftp-actions {
            justify-content: flex-start;
        }
    }

    @media (max-width: 640px) {
        .webftp-main-panel {
            padding: 14px;
        }
        .webftp-browser.is-grid {
            grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
        }
        .webftp-action-btn span {
            display: none;
        }
        .webftp-action-btn {
            width: 32px;
            padding: 0;
        }
    }


/* === Migrated from adminler.tpl style block #1 === */
:root { color-scheme: light dark; }
.gpu-layer { transform: translateZ(0); will-change: transform, opacity; backface-visibility: hidden; }

.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #52525b; }

.input-glow:focus-within {
    box-shadow: 0 0 0 2px var(--color-bg), 0 0 0 4px color-mix(in srgb, var(--color-accent) 22%, transparent); 
}

.modal-backdrop { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

.flag-checkbox:checked ~ div { border-color: var(--color-accent); background-color: color-mix(in srgb, var(--color-accent) 10%, transparent); color: var(--color-accent); }
.flag-checkbox:checked ~ div span { color: var(--color-accent); }
.flag-checkbox:checked ~ div .check-box { background-color: var(--color-accent); border-color: var(--color-accent); }
.flag-checkbox:checked ~ div .check-box i { opacity: 1; }

.role-radio:checked ~ div { border-color: var(--color-accent); background-color: color-mix(in srgb, var(--color-accent) 10%, transparent); color: var(--color-accent); }

.classic-admin-modal .modal-panel { max-width: 1080px; }
.classic-admin-modal .input-glow label { font-size: 11px; letter-spacing: .08em; }
.classic-admin-modal input[type="text"],
.classic-admin-modal input[type="date"],
.classic-admin-modal input[type="number"],
.classic-admin-modal select { min-height: 46px; }
.classic-admin-perms { max-height: 320px; overflow-y: auto; padding-right: 4px; }
.classic-admin-note { font-size: 11px; opacity: .75; }
.classic-admin-inline-badge { display:inline-flex; align-items:center; gap:.45rem; padding:.35rem .65rem; border-radius:.75rem; border:1px solid var(--color-border); background: color-mix(in srgb, var(--color-panel) 75%, transparent); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

.admin-chat-preview-screen {
    position: relative;
    min-height: 54px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.07);
    overflow: hidden;
    padding: 14px 16px;
    background:
        linear-gradient(180deg, rgba(0,0,0,0.18), rgba(0,0,0,0.36)),
        radial-gradient(circle at 18% 20%, rgba(255,255,255,0.08), transparent 30%),
        radial-gradient(circle at 80% 30%, rgba(255,255,255,0.05), transparent 22%),
        linear-gradient(120deg, #6d5a41 0%, #534631 24%, #3f3326 48%, #66543d 72%, #4a3c2d 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -10px 18px rgba(0,0,0,0.22);
}
.admin-chat-preview-screen::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.15;
    background-image:
        repeating-linear-gradient(0deg, rgba(255,255,255,0.1) 0 1px, transparent 1px 5px),
        repeating-linear-gradient(90deg, rgba(0,0,0,0.08) 0 1px, transparent 1px 6px);
    pointer-events: none;
}
.admin-chat-preview-line {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    min-height: 26px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0.1px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.92);
    -webkit-font-smoothing: none;
    text-rendering: optimizeSpeed;
}
.admin-chat-preview-tag,
.admin-chat-preview-name,
.admin-chat-preview-colon,
.admin-chat-preview-message {
    white-space: pre-wrap;
    word-break: break-word;
}
.admin-chat-preview-tag {
    color: #56ff6a;
    margin-right: 6px;
}
.admin-chat-preview-name {
    color: #8ad8ff;
}
.admin-chat-preview-colon,
.admin-chat-preview-message {
    color: #ead28b;
}
@media (max-width: 640px) {
    .admin-chat-preview-line {
        font-size: 15px;
    }
}


/* === Migrated from banlistesi.tpl style block #1 === */
/* Kasmayı Engelleyen Optimizasyonlar */
.gpu-layer { transform: translateZ(0); will-change: transform, opacity; backface-visibility: hidden; }
.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #52525b; }

/* Focus içi ikon değişimi */
.group:focus-within i.fa-magnifying-glass { color: var(--color-accent); opacity: 1; }


/* === Migrated from eklentiler.tpl style block #1 === */
.plugin-manager-shell { --plugin-radius: 18px; }
.plugin-hero {
    background:
        radial-gradient(circle at 8% 12%, rgba(239,68,68,.16), transparent 34%),
        radial-gradient(circle at 92% 8%, rgba(185,28,28,.12), transparent 31%),
        var(--color-brand-panel, var(--color-panel));
}
.plugin-stat-card,
.plugin-card,
.plugin-toolbar {
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease;
}
.plugin-card:hover {
    transform: translateY(-1px);
    border-color: rgba(239,68,68,.38);
    box-shadow: 0 14px 34px rgba(2,6,23,.08);
}
.plugin-card.is-selected {
    border-color: rgba(239,68,68,.68);
    box-shadow: 0 0 0 3px rgba(239,68,68,.12), 0 14px 34px rgba(2,6,23,.08);
}
.plugin-card.is-busy { opacity: .72; pointer-events: none; }
.plugin-check {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(239,68,68,.72);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    background: rgba(239,68,68,.08);
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.35), 0 0 0 3px rgba(239,68,68,.06);
    transition: all .18s ease;
}
.plugin-card.is-selected .plugin-check {
    color: #fff;
    background: #ef4444;
    border-color: #ef4444;
    box-shadow: 0 0 0 4px rgba(239,68,68,.16);
}
.plugin-card label:hover .plugin-check {
    border-color: #ef4444;
    background: rgba(239,68,68,.14);
    box-shadow: 0 0 0 4px rgba(239,68,68,.10);
}
.plugin-hidden-check:focus + .plugin-check {
    outline: 2px solid rgba(239,68,68,.45);
    outline-offset: 2px;
}
.plugin-hidden-check { position:absolute; opacity:0; pointer-events:none; }
.plugin-filter.active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #ef4444, #b91c1c) !important;
    box-shadow: 0 8px 20px rgba(239,68,68,.22);
}
.plugin-bulk-bar {
    position: sticky;
    top: 10px;
    z-index: 25;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}
.plugin-action-btn[disabled], .bulk-action-btn[disabled] {
    opacity: .42;
    cursor: not-allowed;
    pointer-events: none;
}
.plugin-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.64);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}
.plugin-modal-panel { max-height: calc(100vh - 40px); }
.plugin-detail-content { white-space: pre-wrap; overflow-wrap: anywhere; }
.plugin-code-block {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.plugin-config-editor {
    min-height: 420px;
    resize: vertical;
    background: #0b1220;
    color: #dbeafe;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    line-height: 1.6;
    tab-size: 4;
}
.plugin-scroll::-webkit-scrollbar { width: 6px; height: 6px; }
.plugin-scroll::-webkit-scrollbar-thumb { background: rgba(100,116,139,.55); border-radius: 999px; }
@media (max-width: 767px) {
    .plugin-bulk-bar { top: 5px; }
    .plugin-config-editor { min-height: 330px; }
}


/* === Migrated from eklentiyukle.tpl style block #1 === */
.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 999px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #52525b; }

.file_upload_response,
.include_upload_response{
    overflow: hidden;
}
.file_upload_response pre,
.include_upload_response pre{
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
    max-width: 100%;
    overflow-x: auto;
    border-radius: 12px;
    padding: 12px 14px;
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.55;
    background: #0b1220;
    color: #e5e7eb;
    border: 1px solid rgba(255,255,255,.08);
}
.file_upload_response code,
.include_upload_response code{
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
}
.file_upload_response ul,
.include_upload_response ul{
    margin: 10px 0 0 18px;
    padding: 0;
}
.file_upload_response li,
.include_upload_response li{
    margin-bottom: 8px;
}

.include-list-card{
    min-height: 240px;
}
.section-card{
    background: var(--color-panel);
    border: 1px solid var(--color-brand-border);
    border-radius: 16px;
    box-shadow: 0 8px 26px rgba(0,0,0,.14);
    overflow: hidden;
}
.section-head{
    background: color-mix(in srgb, var(--color-bg) 45%, transparent);
    border-bottom: 1px solid var(--color-brand-border);
}
.bulk-sticky{
    position: sticky;
    top: 0;
    z-index: 20;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.quick-chip{
    transition: all .16s ease;
}
.quick-chip.active{
    color: var(--color-heading);
    border-color: rgba(245,158,11,.30) !important;
    background: rgba(245,158,11,.08) !important;
}
.plugin-row{
    transition: background-color .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.plugin-row:hover{
    background: color-mix(in srgb, var(--color-bg) 55%, transparent);
}
.plugin-row.is-selected{
    background:
      linear-gradient(0deg, rgba(245,158,11,.06), rgba(245,158,11,.06)),
      var(--color-panel);
    box-shadow: inset 0 0 0 1px rgba(245,158,11,.18);
}
.plugin-row .select-visual{
    width: 20px;
    height: 20px;
    border-radius: 999px;
    border: 1px solid var(--color-brand-border);
    background: var(--color-bg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    transition: all .16s ease;
}
.plugin-row.is-selected .select-visual{
    color: #f59e0b;
    border-color: rgba(245,158,11,.30);
    background: rgba(245,158,11,.10);
    box-shadow: 0 0 0 4px rgba(245,158,11,.06);
}
.plugin-checkbox{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.bulk-btn[disabled]{
    opacity: .45;
    pointer-events: none;
    filter: grayscale(.08);
    box-shadow: none !important;
}
.summary-pill{
    border: 1px solid var(--color-brand-border);
    background: var(--color-bg);
    border-radius: 12px;
    padding: 10px 12px;
    min-width: 110px;
}
.modal-shell{
    transition: opacity .25s ease;
}
.modal-panel{
    transition: transform .25s ease;
}
.plugin-note{
    margin-top: 8px;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 1.55;
    border: 1px solid var(--color-brand-border);
    background: var(--color-bg);
}
.plugin-note.success{
    border-color: rgba(34,197,94,.25);
    background: rgba(34,197,94,.08);
    color: #bbf7d0;
}
.plugin-note.warning{
    border-color: rgba(245,158,11,.25);
    background: rgba(245,158,11,.08);
    color: #fde68a;
}
.plugin-note.danger{
    border-color: rgba(239,68,68,.25);
    background: rgba(239,68,68,.08);
    color: #fecaca;
}
.plugin-note code{
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.info-modal-body{
    max-height: min(78vh, 760px);
    overflow-y: auto;
}
.info-modal-body::-webkit-scrollbar{ width: 7px; }
.info-modal-body::-webkit-scrollbar-track{ background: transparent; }
.info-modal-body::-webkit-scrollbar-thumb{ background: #3f3f46; border-radius: 999px; }
.info-step-card{
    border: 1px solid var(--color-brand-border);
    background: var(--color-bg);
    border-radius: 16px;
    padding: 16px;
}
.info-step-card h6{
    color: var(--color-brand-heading);
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.info-step-card p,
.info-step-card li{
    color: var(--color-brand-text);
    font-size: 12px;
    line-height: 1.65;
}
.info-step-card ul{
    margin-top: 8px;
    padding-left: 18px;
    list-style: disc;
}
.info-path-pill{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-brand-border);
    background: var(--color-brand-panel);
    color: var(--color-brand-heading);
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 700;
    margin: 4px 4px 0 0;
}
.info-code-box{
    margin-top: 10px;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: 12px;
    overflow: auto;
}
.info-code-box pre{
    margin: 0;
    white-space: pre-wrap;
    color: var(--color-brand-heading);
    font-size: 12px;
    line-height: 1.55;
}


/* === Migrated from antiwall.tpl style block #1 === */
.kcs-guard-wrap{--kcs-panel:var(--color-panel,#fff);--kcs-bg:var(--color-bg,#f8fafc);--kcs-border:var(--color-border,#e5e7eb);--kcs-heading:var(--color-heading,#0f172a);--kcs-text:var(--color-text,#64748b);--kcs-accent:var(--color-accent,#dc2626);--kcs-accent-hover:#b91c1c;color:var(--kcs-heading)}
.kcs-hero{background:var(--kcs-panel);border:1px solid var(--kcs-border);border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.kcs-stat{background:var(--kcs-panel);border:1px solid var(--kcs-border);border-radius:14px;padding:12px 14px;box-shadow:0 8px 20px rgba(15,23,42,.035)}
.kcs-card{background:var(--kcs-panel);border:1px solid var(--kcs-border);border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.04);transition:border-color .18s ease,box-shadow .18s ease}.kcs-card:hover{border-color:rgba(220,38,38,.25);box-shadow:0 12px 28px rgba(15,23,42,.06)}
.kcs-iconbox{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;border:1px solid;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.kcs-state{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.kcs-state-active{background:rgba(220,38,38,.10);border-color:rgba(220,38,38,.24);color:#dc2626}.kcs-state-passive{background:rgba(100,116,139,.10);border-color:rgba(100,116,139,.20);color:#64748b}.kcs-state-partial{background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.25);color:#b91c1c}.kcs-state-locked-active{background:rgba(220,38,38,.10);border-color:rgba(220,38,38,.24);color:#dc2626}.kcs-state-locked-passive{background:rgba(239,68,68,.11);border-color:rgba(239,68,68,.25);color:#dc2626}
.kcs-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;border:1px solid;padding:5px 8px;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.kcs-chip-lock{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.22);color:#dc2626}.kcs-chip-rec{background:rgba(220,38,38,.10);border-color:rgba(220,38,38,.22);color:#dc2626}
.kcs-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;border:1px solid;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:8px 11px;transition:all .16s ease;white-space:nowrap}.kcs-btn[disabled]{opacity:.65;cursor:not-allowed}.kcs-btn-primary{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 8px 18px rgba(220,38,38,.22)}.kcs-btn-primary:hover{background:#b91c1c;border-color:#b91c1c}.kcs-btn-neutral{background:var(--kcs-bg);border-color:var(--kcs-border);color:var(--kcs-heading)}.kcs-btn-neutral:hover{background:#dc2626;border-color:#dc2626;color:#fff}.kcs-btn-success-soft{background:rgba(220,38,38,.11);border-color:rgba(220,38,38,.28);color:#dc2626}.kcs-btn-success-soft:hover{background:#dc2626;border-color:#dc2626;color:#fff}.kcs-btn-danger-soft{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.25);color:#dc2626}.kcs-btn-danger-soft:hover{background:#dc2626;border-color:#dc2626;color:#fff}.kcs-btn-warning-soft{background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.25);color:#b91c1c}.kcs-btn-warning-soft:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}.kcs-btn-green{background:#dc2626;border-color:#dc2626;color:#fff}.kcs-btn-green:hover{background:#b91c1c;border-color:#b91c1c}.kcs-btn-red{background:#dc2626;border-color:#dc2626;color:#fff}.kcs-btn-red:hover{background:#b91c1c;border-color:#b91c1c}
.kcs-modal{display:none;position:fixed;inset:0;z-index:100000;background:rgba(15,23,42,.62);backdrop-filter:blur(5px);padding:22px;overflow:auto}.kcs-modal.is-open{display:flex;align-items:center;justify-content:center}.kcs-modal-shell{width:min(1180px,100%);max-height:92vh;overflow:hidden;background:var(--kcs-panel,#fff);color:var(--kcs-heading,#0f172a);border:1px solid var(--kcs-border,#e5e7eb);border-radius:24px;box-shadow:0 30px 90px rgba(15,23,42,.30);display:flex;flex-direction:column}.kcs-confirm-shell{width:min(520px,100%)}.kcs-modal-head{padding:20px 22px;border-bottom:1px solid var(--kcs-border,#e5e7eb);display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.kcs-modal-body{padding:22px;overflow:auto}.kcs-modal-foot{padding:16px 22px;border-top:1px solid var(--kcs-border,#e5e7eb);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.kcs-modal-close{width:38px;height:38px;border-radius:12px;border:1px solid var(--kcs-border,#e5e7eb);background:var(--kcs-bg,#f8fafc);color:var(--kcs-heading,#0f172a);display:flex;align-items:center;justify-content:center}.kcs-modal-close:hover{background:#dc2626;border-color:#dc2626;color:#fff}
.kcs-tokenbar{display:flex;flex-wrap:wrap;gap:8px}.kcs-token{border:1px solid rgba(220,38,38,.22);background:rgba(220,38,38,.08);color:#dc2626;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis}.kcs-token:hover{background:#dc2626;color:#fff}.kcs-token-common{background:rgba(220,38,38,.10);border-color:rgba(220,38,38,.26);color:#dc2626}.kcs-token-common:hover{background:#dc2626;border-color:#dc2626;color:#fff}.kcs-tokenbar-note{font-size:11px;color:var(--kcs-text,#64748b);font-weight:800;margin-bottom:8px}
.kcs-config-table{width:100%;border-collapse:separate;border-spacing:0 8px}.kcs-config-table th{font-size:10px;text-transform:uppercase;letter-spacing:.10em;color:var(--kcs-text,#64748b);text-align:left;padding:0 10px}.kcs-config-table td{padding:0 8px}.kcs-conf-input{width:100%;border:1px solid var(--kcs-border,#e5e7eb);background:var(--kcs-bg,#f8fafc);color:var(--kcs-heading,#0f172a);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700;outline:none}.kcs-conf-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.13)}.kcs-section-row td{padding-top:12px}.kcs-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,rgba(220,38,38,.12),rgba(220,38,38,.035));border:1px solid rgba(220,38,38,.18);border-radius:14px;padding:12px 14px;color:var(--kcs-heading,#0f172a);font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.kcs-hidden-line{display:none!important}.kcs-raw-line{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.kcs-log{white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto;background:#0f172a;color:#fee2e2;border-radius:16px;border:1px solid rgba(148,163,184,.25);padding:16px;font-size:12px;line-height:1.55}.kcs-alert{border-radius:14px;padding:12px;border:1px solid}.kcs-alert-blue{background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.18);color:#b91c1c}.kcs-alert-red{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.18);color:#b91c1c}.kcs-text-muted{color:var(--kcs-text,#64748b)}
@media(max-width:768px){.kcs-modal{padding:10px}.kcs-modal-shell{max-height:96vh;border-radius:18px}.kcs-modal-head,.kcs-modal-body,.kcs-modal-foot{padding:16px}.kcs-config-table,.kcs-config-table tbody,.kcs-config-table tr,.kcs-config-table td{display:block;width:100%}.kcs-config-table thead{display:none}.kcs-config-table tr{background:var(--kcs-bg,#f8fafc);border:1px solid var(--kcs-border,#e5e7eb);border-radius:14px;padding:10px;margin-bottom:10px}.kcs-config-table td{padding:5px 0}.kcs-card:hover{transform:none}}


/* === Migrated from modlar.tpl style block #1 === */
.kcs-mod-page{
  --kcs-red:#ef3340;
  --kcs-red-soft:#ff5661;
  --kcs-red-dark:#a90f1f;
  --kcs-green:#22c55e;
  --kcs-card:rgba(15,17,25,.92);
  --kcs-card-2:rgba(20,22,31,.94);
  --kcs-line:rgba(239,51,64,.20);
  --kcs-line-strong:rgba(239,51,64,.42);
  position:relative;
}
.kcs-mod-page *{box-sizing:border-box}
.kcs-mod-hero{
  position:relative;
  overflow:hidden;
  border:1px solid var(--kcs-line-strong);
  border-radius:24px;
  padding:24px;
  margin-bottom:24px;
  background:
    radial-gradient(circle at 92% 18%,rgba(239,51,64,.24),transparent 27%),
    radial-gradient(circle at 15% 115%,rgba(239,51,64,.14),transparent 32%),
    linear-gradient(135deg,rgba(39,18,23,.98),rgba(15,17,25,.98) 52%,rgba(27,28,38,.98));
  box-shadow:0 22px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);
}
.kcs-mod-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px;
}
.kcs-mod-hero:after{
  content:"";position:absolute;width:240px;height:240px;right:-105px;bottom:-145px;border:34px solid rgba(239,51,64,.10);border-radius:999px;pointer-events:none;
}
.kcs-mod-hero__icon{
  width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex:none;
  color:#fff;background:linear-gradient(145deg,var(--kcs-red-soft),var(--kcs-red-dark));
  box-shadow:0 14px 28px rgba(239,51,64,.22),inset 0 1px 0 rgba(255,255,255,.2);
}
.kcs-mod-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ff6d77;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.kcs-live-dot{width:8px;height:8px;border-radius:50%;background:var(--kcs-green);box-shadow:0 0 0 5px rgba(34,197,94,.10),0 0 14px rgba(34,197,94,.75)}
.kcs-active-pill{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(34,197,94,.28);border-radius:14px;background:rgba(34,197,94,.08);min-width:180px}
.kcs-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px;position:relative;z-index:1}
.kcs-stat{padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(6,7,12,.34);backdrop-filter:blur(8px)}
.kcs-stat__label{font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:rgba(226,232,240,.55)}
.kcs-stat__value{font-size:18px;font-weight:900;color:#fff;margin-top:3px;line-height:1}
.kcs-mod-panel,.kcs-action-card{
  border:1px solid rgba(239,51,64,.16)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(22,24,34,.96),rgba(13,15,22,.96))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.18)!important;
}
.kcs-panel-head{background:linear-gradient(90deg,rgba(239,51,64,.12),rgba(239,51,64,.025))!important;border-color:rgba(239,51,64,.15)!important}
.kcs-panel-head__icon{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(239,51,64,.11);border:1px solid rgba(239,51,64,.22);color:#ff5661;flex:none}
.kcs-mod-list{padding:10px;display:grid;gap:8px}
.kcs-mod-row{
  position:relative;
  border:1px solid rgba(255,255,255,.055);
  border-radius:16px;
  background:linear-gradient(100deg,rgba(255,255,255,.025),rgba(255,255,255,.01));
  padding:15px!important;
  transition:border-color .2s ease,transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.kcs-mod-row:hover{border-color:rgba(239,51,64,.30);background:linear-gradient(100deg,rgba(239,51,64,.075),rgba(255,255,255,.015));transform:translateY(-1px);box-shadow:0 10px 25px rgba(0,0,0,.15)}
.kcs-mod-row.is-active{border-color:rgba(34,197,94,.32);background:linear-gradient(100deg,rgba(34,197,94,.07),rgba(255,255,255,.012))}
.kcs-mod-row.is-active:before{content:"";position:absolute;left:-1px;top:17px;bottom:17px;width:3px;border-radius:0 4px 4px 0;background:var(--kcs-green);box-shadow:0 0 13px rgba(34,197,94,.55)}
.kcs-mod-avatar{width:50px!important;height:50px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(239,51,64,.18),rgba(239,51,64,.045))!important;border-color:rgba(239,51,64,.24)!important;color:#ff5661!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.kcs-mod-row.is-active .kcs-mod-avatar{background:linear-gradient(145deg,rgba(34,197,94,.17),rgba(34,197,94,.04))!important;border-color:rgba(34,197,94,.25)!important;color:#4ade80!important}
.kcs-prefix{background:rgba(0,0,0,.22)!important;border-color:rgba(255,255,255,.07)!important;padding:4px 7px!important;border-radius:7px!important}
.kcs-icon-btn{width:38px!important;height:38px!important;border-radius:11px!important;background:rgba(0,0,0,.20)!important;box-shadow:none!important}
.kcs-icon-btn:hover{background:rgba(239,51,64,.09)!important;transform:translateY(-1px)}
.kcs-field{background:rgba(3,5,10,.42)!important;border-color:rgba(255,255,255,.09)!important;border-radius:13px!important;min-height:48px}
.kcs-field:focus{border-color:rgba(239,51,64,.58)!important;box-shadow:0 0 0 3px rgba(239,51,64,.09)!important}
.kcs-primary-btn{background:linear-gradient(135deg,#f04450,#b90f20)!important;color:#fff!important;border:1px solid rgba(255,111,121,.3)!important;border-radius:13px!important;box-shadow:0 10px 24px rgba(185,15,32,.2)!important}
.kcs-primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.kcs-action-card{overflow:hidden}
.kcs-action-card__body{background:radial-gradient(circle at 100% 0,rgba(239,51,64,.06),transparent 36%)}
.kcs-modal{background:rgba(3,5,10,.86)!important}
.kcs-modal-shell{border-color:rgba(239,51,64,.24)!important;background:linear-gradient(180deg,#171923,#0f1118)!important;box-shadow:0 30px 90px rgba(0,0,0,.6)!important}
.kcs-modal-head{background:linear-gradient(90deg,rgba(239,51,64,.14),rgba(255,255,255,.015))!important;border-color:rgba(239,51,64,.17)!important}
.kcs-modal-pane{background:rgba(10,12,18,.88)!important}
.kcs-modal-toolbar{background:rgba(239,51,64,.045)!important;border-color:rgba(239,51,64,.14)!important}
.kcs-plugin-row{border-color:rgba(255,255,255,.045)!important}
.kcs-plugin-row:hover{background:rgba(239,51,64,.055)!important}
.kcs-cvar-area{background:#0b0d13!important;color:#e5e7eb!important;line-height:1.8!important}
.kcs-modal-footer{background:rgba(9,11,16,.95)!important;border-color:rgba(239,51,64,.16)!important}
.kcs-empty{border:1px dashed rgba(239,51,64,.22);border-radius:16px;margin:10px;background:rgba(239,51,64,.025)}
@media(max-width:900px){.kcs-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kcs-active-pill{min-width:0}.kcs-mod-row .mod-actions{width:100%;justify-content:flex-end;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}}
@media(max-width:640px){.kcs-mod-hero{padding:18px;border-radius:18px}.kcs-mod-hero__icon{width:48px;height:48px;border-radius:15px}.kcs-stat-grid{grid-template-columns:1fr 1fr}.kcs-stat{padding:11px}.kcs-stat__value{font-size:16px}.kcs-mod-list{padding:7px}.kcs-mod-row{padding:13px!important}.kcs-mod-row .mod-actions{gap:7px;flex-wrap:wrap}.kcs-icon-btn{width:36px!important;height:36px!important}.kcs-modal-shell{height:94vh!important;border-radius:16px!important}}


/* === Migrated from yonlendirme.tpl style block #1 === */
.smooth-render { transform: translateZ(0); will-change: transform, opacity; backface-visibility: hidden; }

.v2-card {
    background-color: var(--color-panel);
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.25);
}

.redirect-hero {
    position: relative;
    overflow: hidden;
}
.redirect-hero:before {
    content: "";
    position: absolute;
    inset: -1px;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--color-accent) 22%, transparent), transparent 34%),
        radial-gradient(circle at bottom right, rgba(239,68,68,.12), transparent 38%);
    pointer-events: none;
}
.redirect-hero > * { position: relative; z-index: 1; }

.stat-tile,
.form-tile,
.route-card {
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-panel) 84%, transparent);
}
.dark .stat-tile,
.dark .form-tile,
.dark .route-card { background: rgba(255,255,255,0.012); }

.nogcp-input,
.nogcp-select {
    width: 100%;
    background-color: var(--color-bg);
    color: var(--color-heading);
    border: 1px solid var(--color-border);
    border-radius: .9rem;
    padding: .88rem 1rem;
    outline: none;
    font-size: 13px;
    font-weight: 700;
    transition: .18s ease;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
.nogcp-select { min-height: 48px; }
.nogcp-input:focus,
.nogcp-select:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-accent) 18%, transparent);
}
.nogcp-input::placeholder { color: var(--color-text); opacity: .48; }

.file-path-box {
    border: 1px solid var(--color-border);
    background: var(--color-bg);
    border-radius: .85rem;
    padding: .75rem .85rem;
    font-family: "JetBrains Mono", "Fira Code", monospace;
    font-size: 12px;
    color: var(--color-heading);
    word-break: break-all;
}

.status-chip {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .36rem .65rem;
    border-radius: .7rem;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    border: 1px solid var(--color-border);
    background: var(--color-bg);
    color: var(--color-text);
    white-space: nowrap;
}

.action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    border-radius: .9rem;
    padding: .92rem 1.2rem;
    background: var(--color-accent);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .09em;
    transition: .18s ease;
    box-shadow: 0 12px 24px -16px var(--color-accent);
}
.action-button:hover { filter: brightness(1.08); transform: translateY(-1px); }
.action-button:active { transform: scale(.98); }

.icon-button {
    width: 46px;
    min-width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    border: 1px solid rgba(239,68,68,.20);
    background: rgba(239,68,68,.08);
    color: rgb(239,68,68);
    transition: .18s ease;
}
.icon-button:hover { background: rgb(239,68,68); color: #fff; }

.notice-box {
    border-left: 3px solid color-mix(in srgb, var(--color-accent) 70%, transparent);
    background: color-mix(in srgb, var(--color-accent) 8%, var(--color-panel));
    border: 1px solid color-mix(in srgb, var(--color-accent) 20%, var(--color-border));
    border-left-width: 3px;
    border-radius: .9rem;
    padding: .95rem 1rem;
}

.save-bar {
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-panel) 94%, transparent);
    backdrop-filter: blur(12px);
    border-radius: 1rem;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.28);
}

@media (max-width: 640px) {
    .v2-card { border-radius: .9rem; }
    .redirect-hero { padding: 1rem !important; }
    .stat-tile, .form-tile, .route-card { border-radius: .9rem; }
    .nogcp-input, .nogcp-select { font-size: 12px; padding: .78rem .85rem; }
    .route-card { padding: .85rem !important; }
    .action-button { width: 100%; padding: .9rem 1rem; }
    .save-bar { position: sticky; bottom: .75rem; z-index: 30; }
    .status-chip { font-size: 9px; }
}


/* === Migrated from ayarlar.tpl style block #1 === */
.nogcp-cfg3{position:relative;width:100%;max-width:100%;overflow-x:hidden;transform:translateZ(0)}
.nogcp-cfg3 *{box-sizing:border-box;min-width:0}
.nogcp-cfg3-card{background:linear-gradient(180deg,rgba(34,37,47,.98),rgba(25,27,35,.98));border:1px solid var(--color-border);border-radius:22px;box-shadow:0 22px 60px -44px rgba(0,0,0,.9)}
.nogcp-cfg3-hero{position:relative;overflow:hidden;border-color:rgba(251,71,75,.24);background:radial-gradient(circle at 8% 0%,rgba(251,71,75,.24),transparent 34%),radial-gradient(circle at 92% 10%,rgba(251,71,75,.12),transparent 30%),linear-gradient(135deg,rgba(36,39,49,.98),rgba(20,22,30,.98))}
.nogcp-cfg3-hero:after{content:"";position:absolute;inset:auto -130px -180px auto;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(251,71,75,.18),transparent 68%);pointer-events:none}
.nogcp-cfg3-icon{width:54px;height:54px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:rgba(251,71,75,.13);border:1px solid rgba(251,71,75,.28);color:var(--color-accent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);flex:0 0 auto}
.nogcp-cfg3-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--color-accent);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.18em;line-height:1.2}
.nogcp-cfg3-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-border);background:rgba(20,22,29,.62);color:var(--color-text);border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.075em;line-height:1;max-width:100%}
.nogcp-cfg3-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;min-width:0}
.nogcp-cfg3-statgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nogcp-cfg3-stat{border:1px solid var(--color-border);border-radius:16px;background:rgba(20,22,29,.55);padding:13px 14px;min-width:0}
.nogcp-cfg3-stat b{display:block;color:var(--color-heading);font-size:19px;line-height:1;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nogcp-cfg3-stat span{display:block;margin-top:6px;color:rgba(165,169,180,.74);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nogcp-cfg3-toolbar{position:sticky;top:74px;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;background:rgba(25,27,35,.86);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.08)}
.nogcp-cfg3-searchwrap{position:relative;width:100%}
.nogcp-cfg3-search{width:100%;height:46px;border:1px solid var(--color-border);background:rgba(15,17,23,.86);border-radius:15px;color:var(--color-heading);font-size:13px;font-weight:850;outline:none;padding:0 42px 0 42px;transition:.16s ease}
.nogcp-cfg3-search:focus,.nogcp-cfg3-input:focus,.nogcp-cfg3-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px rgba(251,71,75,.72)}
.nogcp-cfg3-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:10px;border:1px solid var(--color-border);background:rgba(255,255,255,.04);color:var(--color-text);display:none;align-items:center;justify-content:center}
.nogcp-cfg3-clear.is-visible{display:flex}
.nogcp-cfg3-btn{height:46px;border:0;border-radius:15px;padding:0 20px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;transition:.16s ease;cursor:pointer}
.nogcp-cfg3-btn-main{background:var(--color-accent);color:#fff;box-shadow:0 14px 30px -18px rgba(251,71,75,.85)}
.nogcp-cfg3-btn-main:hover{filter:brightness(1.08);transform:translateY(-1px)}
.nogcp-cfg3-content{display:grid;gap:16px;min-width:0;width:100%}
.nogcp-cfg3-empty{display:none}
.nogcp-cfg3-empty.is-visible{display:block}
.nogcp-cfg3-section{overflow:hidden;min-width:0;width:100%}
.nogcp-cfg3-section.hidden-by-search,.nogcp-cfg3-field.hidden-by-search{display:none!important}
.nogcp-cfg3-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--color-border);background:rgba(20,22,29,.42)}
.nogcp-cfg3-section-title{display:flex;align-items:center;gap:12px;min-width:0}
.nogcp-cfg3-section-ico{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(251,71,75,.11);border:1px solid rgba(251,71,75,.24);color:var(--color-accent);flex:0 0 auto}
.nogcp-cfg3-section-title h3{margin:0;color:var(--color-heading);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;line-height:1.25}
.nogcp-cfg3-section-title p{margin:4px 0 0;color:rgba(165,169,180,.75);font-size:12px;line-height:1.45}
.nogcp-cfg3-fieldgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;width:100%}
.nogcp-cfg3-field{position:relative;border:1px solid var(--color-border);border-radius:18px;background:rgba(20,22,29,.42);padding:14px;min-width:0;transition:.16s ease;overflow:hidden}
.nogcp-cfg3-field:hover{border-color:rgba(251,71,75,.30);transform:translateY(-1px)}
.nogcp-cfg3-labelrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;margin-bottom:10px}
.nogcp-cfg3-label{display:block;color:var(--color-heading);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;line-height:1.35;word-break:break-word}
.nogcp-cfg3-key{margin-top:4px;font-family:'JetBrains Mono',ui-monospace,monospace;color:rgba(165,169,180,.62);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nogcp-cfg3-kind{height:24px;display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:999px;background:rgba(255,255,255,.035);padding:0 8px;color:rgba(165,169,180,.78);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;flex:0 0 auto}
.nogcp-cfg3-input,.nogcp-cfg3-select{width:100%;height:44px;background:rgba(15,17,23,.88);border:1px solid var(--color-border);border-radius:14px;color:var(--color-heading);font-size:13px;font-weight:800;outline:none;padding:0 12px;transition:.16s ease}
.nogcp-cfg3-select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 10px}
.nogcp-cfg3-help{margin-top:9px;color:rgba(165,169,180,.74);font-size:11px;line-height:1.45;word-break:break-word}
.nogcp-cfg3-help i{color:var(--color-accent);margin-right:4px}
.nogcp-cfg3-default{margin-top:9px;color:rgba(165,169,180,.52);font-size:10px;line-height:1.45;word-break:break-word}
.nogcp-cfg3-default code{font-family:'JetBrains Mono',ui-monospace,monospace;color:var(--color-heading);background:rgba(255,255,255,.045);border:1px solid var(--color-border);border-radius:7px;padding:2px 6px;word-break:break-word}
.nogcp-cfg3-secret{position:relative}
.nogcp-cfg3-secret .nogcp-cfg3-input{padding-right:45px}
.nogcp-cfg3-secret-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:10px;border:1px solid var(--color-border);color:var(--color-text);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center}
.nogcp-submit.is-loading{opacity:.78;pointer-events:none}
.nogcp-submit.is-loading i:before{content:"\f110"}
.nogcp-submit.is-loading i{animation:nogcpCfg3Spin .85s linear infinite}
@keyframes nogcpCfg3Spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){
    .nogcp-cfg3-toolbar{top:62px}
    .nogcp-cfg3-fieldgrid{grid-template-columns:1fr}
}
@media(max-width:780px){
    .nogcp-cfg3{padding-bottom:92px!important}
    .nogcp-cfg3-card{border-radius:18px!important}
    .nogcp-cfg3-hero{padding:15px!important}
    .nogcp-cfg3-hero .nogcp-cfg3-hero-inner{display:block!important}
    .nogcp-cfg3-titleline{display:flex!important;align-items:flex-start!important;gap:12px!important}
    .nogcp-cfg3-icon{width:42px;height:42px;border-radius:14px}
    .nogcp-cfg3-eyebrow{font-size:9px;letter-spacing:.13em}
    .nogcp-cfg3-hero h2{font-size:20px!important;line-height:1.15!important}
    .nogcp-cfg3-hero p{font-size:11.5px!important;line-height:1.5!important;margin-top:8px!important}
    .nogcp-cfg3-hero .nogcp-cfg3-pillrow{gap:6px!important;margin-top:10px!important}
    .nogcp-cfg3-pill{font-size:8.5px;padding:7px 8px;letter-spacing:.045em;max-width:100%}
    .nogcp-cfg3-statgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px!important}
    .nogcp-cfg3-stat{padding:9px 6px;border-radius:13px;text-align:center}
    .nogcp-cfg3-stat b{font-size:14px}
    .nogcp-cfg3-stat span{font-size:7.4px;letter-spacing:.045em;margin-top:5px}
    .nogcp-cfg3-toolbar{position:relative!important;top:auto!important;display:block!important;padding:10px!important;margin-bottom:12px!important}
    .nogcp-cfg3-search{height:42px;border-radius:13px;font-size:12px;padding-left:38px}
    .nogcp-cfg3-toolbar .nogcp-submit{position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;z-index:999!important;width:calc(100% - 24px)!important;height:50px!important;border-radius:16px!important;box-shadow:0 18px 50px -18px rgba(251,71,75,.95),0 0 0 999px rgba(7,8,12,.18)!important}
    .nogcp-cfg3-content{gap:12px!important}
    .nogcp-cfg3-section-head{grid-template-columns:1fr!important;gap:10px!important;padding:13px 12px!important}
    .nogcp-cfg3-section-title{gap:10px}
    .nogcp-cfg3-section-ico{width:34px;height:34px;border-radius:12px}
    .nogcp-cfg3-section-title h3{font-size:11px;letter-spacing:.075em}
    .nogcp-cfg3-section-title p{font-size:10.8px;line-height:1.42}
    .nogcp-cfg3-section-head .nogcp-cfg3-pill{justify-content:center;width:max-content;max-width:100%}
    .nogcp-cfg3-fieldgrid{grid-template-columns:1fr!important;gap:9px!important;padding:9px!important}
    .nogcp-cfg3-field{padding:11px!important;border-radius:15px!important}
    .nogcp-cfg3-labelrow{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:8px}
    .nogcp-cfg3-label{font-size:10px;letter-spacing:.045em}
    .nogcp-cfg3-key{font-size:9px;white-space:normal;word-break:break-word}
    .nogcp-cfg3-kind{height:21px;font-size:8px;padding:0 7px}
    .nogcp-cfg3-input,.nogcp-cfg3-select{height:42px;border-radius:13px;font-size:12px}
    .nogcp-cfg3-help{font-size:10px;line-height:1.42}
    .nogcp-cfg3-default{font-size:9px}
    .nogcp-cfg3-bottom-save{display:none!important}
}
@media(max-width:420px){
    .nogcp-cfg3{margin-left:-4px!important;margin-right:-4px!important;width:calc(100% + 8px)!important;max-width:calc(100% + 8px)!important}
    .nogcp-cfg3-hero h2{font-size:19px!important}
    .nogcp-cfg3-pillrow .nogcp-cfg3-pill{width:100%;justify-content:center}
    .nogcp-cfg3-statgrid{grid-template-columns:1fr!important}
    .nogcp-cfg3-stat{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:9px 10px}
    .nogcp-cfg3-stat span{margin-top:0;text-align:right;max-width:70%}
    .nogcp-cfg3-labelrow{grid-template-columns:1fr!important}
    .nogcp-cfg3-kind{justify-self:flex-start}
}


/* === Migrated from gamecfg.tpl style block #1 === */
.nogcp-cfg3{position:relative;width:100%;max-width:100%;overflow-x:hidden;transform:translateZ(0)}
.nogcp-cfg3 *{box-sizing:border-box;min-width:0}
.nogcp-cfg3-card{background:linear-gradient(180deg,rgba(34,37,47,.98),rgba(25,27,35,.98));border:1px solid var(--color-border);border-radius:22px;box-shadow:0 22px 60px -44px rgba(0,0,0,.9)}
.nogcp-cfg3-hero{position:relative;overflow:hidden;border-color:rgba(251,71,75,.24);background:radial-gradient(circle at 8% 0%,rgba(251,71,75,.24),transparent 34%),radial-gradient(circle at 92% 10%,rgba(251,71,75,.12),transparent 30%),linear-gradient(135deg,rgba(36,39,49,.98),rgba(20,22,30,.98))}
.nogcp-cfg3-hero:after{content:"";position:absolute;inset:auto -130px -180px auto;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(251,71,75,.18),transparent 68%);pointer-events:none}
.nogcp-cfg3-icon{width:54px;height:54px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:rgba(251,71,75,.13);border:1px solid rgba(251,71,75,.28);color:var(--color-accent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);flex:0 0 auto}
.nogcp-cfg3-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--color-accent);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.18em;line-height:1.2}
.nogcp-cfg3-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-border);background:rgba(20,22,29,.62);color:var(--color-text);border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.075em;line-height:1;max-width:100%}
.nogcp-cfg3-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;min-width:0}
.nogcp-cfg3-statgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nogcp-cfg3-stat{border:1px solid var(--color-border);border-radius:16px;background:rgba(20,22,29,.55);padding:13px 14px;min-width:0}
.nogcp-cfg3-stat b{display:block;color:var(--color-heading);font-size:19px;line-height:1;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nogcp-cfg3-stat span{display:block;margin-top:6px;color:rgba(165,169,180,.74);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nogcp-cfg3-toolbar{position:sticky;top:74px;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;background:rgba(25,27,35,.86);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.08)}
.nogcp-cfg3-searchwrap{position:relative;width:100%}
.nogcp-cfg3-search{width:100%;height:46px;border:1px solid var(--color-border);background:rgba(15,17,23,.86);border-radius:15px;color:var(--color-heading);font-size:13px;font-weight:850;outline:none;padding:0 42px 0 42px;transition:.16s ease}
.nogcp-cfg3-search:focus,.nogcp-cfg3-input:focus,.nogcp-cfg3-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px rgba(251,71,75,.72)}
.nogcp-cfg3-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:10px;border:1px solid var(--color-border);background:rgba(255,255,255,.04);color:var(--color-text);display:none;align-items:center;justify-content:center}
.nogcp-cfg3-clear.is-visible{display:flex}
.nogcp-cfg3-btn{height:46px;border:0;border-radius:15px;padding:0 20px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;transition:.16s ease;cursor:pointer}
.nogcp-cfg3-btn-main{background:var(--color-accent);color:#fff;box-shadow:0 14px 30px -18px rgba(251,71,75,.85)}
.nogcp-cfg3-btn-main:hover{filter:brightness(1.08);transform:translateY(-1px)}
.nogcp-cfg3-content{display:grid;gap:16px;min-width:0;width:100%}
.nogcp-cfg3-empty{display:none}
.nogcp-cfg3-empty.is-visible{display:block}
.nogcp-cfg3-section{overflow:hidden;min-width:0;width:100%}
.nogcp-cfg3-section.hidden-by-search,.nogcp-cfg3-field.hidden-by-search{display:none!important}
.nogcp-cfg3-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--color-border);background:rgba(20,22,29,.42)}
.nogcp-cfg3-section-title{display:flex;align-items:center;gap:12px;min-width:0}
.nogcp-cfg3-section-ico{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(251,71,75,.11);border:1px solid rgba(251,71,75,.24);color:var(--color-accent);flex:0 0 auto}
.nogcp-cfg3-section-title h3{margin:0;color:var(--color-heading);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;line-height:1.25}
.nogcp-cfg3-section-title p{margin:4px 0 0;color:rgba(165,169,180,.75);font-size:12px;line-height:1.45}
.nogcp-cfg3-fieldgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;width:100%}
.nogcp-cfg3-field{position:relative;border:1px solid var(--color-border);border-radius:18px;background:rgba(20,22,29,.42);padding:14px;min-width:0;transition:.16s ease;overflow:hidden}
.nogcp-cfg3-field:hover{border-color:rgba(251,71,75,.30);transform:translateY(-1px)}
.nogcp-cfg3-labelrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;margin-bottom:10px}
.nogcp-cfg3-label{display:block;color:var(--color-heading);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;line-height:1.35;word-break:break-word}
.nogcp-cfg3-key{margin-top:4px;font-family:'JetBrains Mono',ui-monospace,monospace;color:rgba(165,169,180,.62);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nogcp-cfg3-kind{height:24px;display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:999px;background:rgba(255,255,255,.035);padding:0 8px;color:rgba(165,169,180,.78);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;flex:0 0 auto}
.nogcp-cfg3-input,.nogcp-cfg3-select{width:100%;height:44px;background:rgba(15,17,23,.88);border:1px solid var(--color-border);border-radius:14px;color:var(--color-heading);font-size:13px;font-weight:800;outline:none;padding:0 12px;transition:.16s ease}
.nogcp-cfg3-select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 10px}
.nogcp-cfg3-help{margin-top:9px;color:rgba(165,169,180,.74);font-size:11px;line-height:1.45;word-break:break-word}
.nogcp-cfg3-help i{color:var(--color-accent);margin-right:4px}
.nogcp-cfg3-default{margin-top:9px;color:rgba(165,169,180,.52);font-size:10px;line-height:1.45;word-break:break-word}
.nogcp-cfg3-default code{font-family:'JetBrains Mono',ui-monospace,monospace;color:var(--color-heading);background:rgba(255,255,255,.045);border:1px solid var(--color-border);border-radius:7px;padding:2px 6px;word-break:break-word}
.nogcp-cfg3-secret{position:relative}
.nogcp-cfg3-secret .nogcp-cfg3-input{padding-right:45px}
.nogcp-cfg3-secret-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:10px;border:1px solid var(--color-border);color:var(--color-text);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center}
.nogcp-submit.is-loading{opacity:.78;pointer-events:none}
.nogcp-submit.is-loading i:before{content:"\f110"}
.nogcp-submit.is-loading i{animation:nogcpCfg3Spin .85s linear infinite}
@keyframes nogcpCfg3Spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){
    .nogcp-cfg3-toolbar{top:62px}
    .nogcp-cfg3-fieldgrid{grid-template-columns:1fr}
}
@media(max-width:780px){
    .nogcp-cfg3{padding-bottom:92px!important}
    .nogcp-cfg3-card{border-radius:18px!important}
    .nogcp-cfg3-hero{padding:15px!important}
    .nogcp-cfg3-hero .nogcp-cfg3-hero-inner{display:block!important}
    .nogcp-cfg3-titleline{display:flex!important;align-items:flex-start!important;gap:12px!important}
    .nogcp-cfg3-icon{width:42px;height:42px;border-radius:14px}
    .nogcp-cfg3-eyebrow{font-size:9px;letter-spacing:.13em}
    .nogcp-cfg3-hero h2{font-size:20px!important;line-height:1.15!important}
    .nogcp-cfg3-hero p{font-size:11.5px!important;line-height:1.5!important;margin-top:8px!important}
    .nogcp-cfg3-hero .nogcp-cfg3-pillrow{gap:6px!important;margin-top:10px!important}
    .nogcp-cfg3-pill{font-size:8.5px;padding:7px 8px;letter-spacing:.045em;max-width:100%}
    .nogcp-cfg3-statgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px!important}
    .nogcp-cfg3-stat{padding:9px 6px;border-radius:13px;text-align:center}
    .nogcp-cfg3-stat b{font-size:14px}
    .nogcp-cfg3-stat span{font-size:7.4px;letter-spacing:.045em;margin-top:5px}
    .nogcp-cfg3-toolbar{position:relative!important;top:auto!important;display:block!important;padding:10px!important;margin-bottom:12px!important}
    .nogcp-cfg3-search{height:42px;border-radius:13px;font-size:12px;padding-left:38px}
    .nogcp-cfg3-toolbar .nogcp-submit{position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;z-index:999!important;width:calc(100% - 24px)!important;height:50px!important;border-radius:16px!important;box-shadow:0 18px 50px -18px rgba(251,71,75,.95),0 0 0 999px rgba(7,8,12,.18)!important}
    .nogcp-cfg3-content{gap:12px!important}
    .nogcp-cfg3-section-head{grid-template-columns:1fr!important;gap:10px!important;padding:13px 12px!important}
    .nogcp-cfg3-section-title{gap:10px}
    .nogcp-cfg3-section-ico{width:34px;height:34px;border-radius:12px}
    .nogcp-cfg3-section-title h3{font-size:11px;letter-spacing:.075em}
    .nogcp-cfg3-section-title p{font-size:10.8px;line-height:1.42}
    .nogcp-cfg3-section-head .nogcp-cfg3-pill{justify-content:center;width:max-content;max-width:100%}
    .nogcp-cfg3-fieldgrid{grid-template-columns:1fr!important;gap:9px!important;padding:9px!important}
    .nogcp-cfg3-field{padding:11px!important;border-radius:15px!important}
    .nogcp-cfg3-labelrow{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:8px}
    .nogcp-cfg3-label{font-size:10px;letter-spacing:.045em}
    .nogcp-cfg3-key{font-size:9px;white-space:normal;word-break:break-word}
    .nogcp-cfg3-kind{height:21px;font-size:8px;padding:0 7px}
    .nogcp-cfg3-input,.nogcp-cfg3-select{height:42px;border-radius:13px;font-size:12px}
    .nogcp-cfg3-help{font-size:10px;line-height:1.42}
    .nogcp-cfg3-default{font-size:9px}
    .nogcp-cfg3-bottom-save{display:none!important}
}
@media(max-width:420px){
    .nogcp-cfg3{margin-left:-4px!important;margin-right:-4px!important;width:calc(100% + 8px)!important;max-width:calc(100% + 8px)!important}
    .nogcp-cfg3-hero h2{font-size:19px!important}
    .nogcp-cfg3-pillrow .nogcp-cfg3-pill{width:100%;justify-content:center}
    .nogcp-cfg3-statgrid{grid-template-columns:1fr!important}
    .nogcp-cfg3-stat{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:9px 10px}
    .nogcp-cfg3-stat span{margin-top:0;text-align:right;max-width:70%}
    .nogcp-cfg3-labelrow{grid-template-columns:1fr!important}
    .nogcp-cfg3-kind{justify-self:flex-start}
}


/* === Migrated from mysql.tpl style block #1 === */
.sql-page { padding-bottom: 5rem; }
.sql-shell {
    background: var(--color-panel);
    border: 1px solid var(--color-border);
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 18px 40px -22px rgba(0,0,0,.45);
}
.sql-hero {
    position: relative;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--color-accent) 26%, transparent), transparent 34rem),
        linear-gradient(135deg, color-mix(in srgb, var(--color-panel) 88%, #000 12%), var(--color-panel));
}
.sql-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 38px 38px;
    opacity: .22;
    pointer-events: none;
}
.sql-hero > * { position: relative; z-index: 2; }
.sql-icon {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--color-accent) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);
    color: var(--color-accent);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.sql-pill, .sql-copy-btn, .sql-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border-radius: .85rem;
    border: 1px solid var(--color-border);
    background: var(--color-bg);
    color: var(--color-heading);
    transition: .18s ease;
}
.sql-pill { padding: .55rem .75rem; font-size: 12px; font-weight: 800; }
.sql-copy-btn { width: 2.25rem; height: 2.25rem; color: var(--color-text); }
.sql-copy-btn:hover, .sql-pill:hover {
    border-color: color-mix(in srgb, var(--color-accent) 55%, transparent);
    color: var(--color-accent);
}
.sql-state {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .7rem;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
    border: 1px solid var(--color-border);
    white-space: nowrap;
}
.sql-state-ok { background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.24); color: rgb(34,197,94); }
.sql-state-warn { background: rgba(245,158,11,.10); border-color: rgba(245,158,11,.24); color: rgb(245,158,11); }
.sql-state-danger { background: rgba(239,68,68,.10); border-color: rgba(239,68,68,.24); color: rgb(239,68,68); }
.sql-info-card {
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-bg) 72%, transparent);
    padding: 1rem;
    min-width: 0;
}
.sql-info-label {
    font-size: 10px;
    line-height: 1;
    color: var(--color-text);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .12em;
    opacity: .82;
}
.sql-info-value {
    margin-top: .7rem;
    font-size: 13px;
    font-weight: 900;
    color: var(--color-heading);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sql-metric {
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    background: var(--color-panel);
    padding: 1rem;
}
.sql-secret-input {
    width: 100%;
    min-width: 0;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    color: var(--color-heading);
    font-size: 13px;
    font-weight: 900;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}
.sql-codebox {
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    overflow: hidden;
    background: color-mix(in srgb, var(--color-bg) 88%, #000 12%);
}
.sql-codebox pre {
    margin: 0;
    padding: 1rem;
    overflow-x: auto;
    white-space: pre;
    color: var(--color-heading);
    font-size: 12px;
    line-height: 1.65;
}
.sql-alert {
    border-radius: 1rem;
    border: 1px solid var(--color-border);
    padding: .95rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    font-size: 13px;
    line-height: 1.55;
}
.sql-alert-info { background: color-mix(in srgb, var(--color-accent) 9%, transparent); border-color: color-mix(in srgb, var(--color-accent) 22%, transparent); color: var(--color-heading); }
.sql-alert-warning { background: rgba(245,158,11,.10); border-color: rgba(245,158,11,.23); color: var(--color-heading); }
.sql-alert-success { background: rgba(34,197,94,.10); border-color: rgba(34,197,94,.23); color: var(--color-heading); }
.sql-alert-danger { background: rgba(239,68,68,.10); border-color: rgba(239,68,68,.23); color: var(--color-heading); }
.sql-action-btn {
    width: 100%;
    min-height: 2.85rem;
    padding: .75rem 1rem;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
}
.sql-action-primary { background: var(--color-accent); color: #fff; border-color: color-mix(in srgb, var(--color-accent) 82%, #fff 18%); box-shadow: 0 12px 28px -16px var(--color-accent); }
.sql-action-primary:hover { filter: brightness(1.08); }
.sql-action-neutral:hover { border-color: color-mix(in srgb, var(--color-accent) 55%, transparent); color: var(--color-accent); }
.sql-action-danger { background: rgba(239,68,68,.10); border-color: rgba(239,68,68,.22); color: rgb(239,68,68); }
.sql-action-danger:hover { background: rgba(239,68,68,.18); }
.sql-bottom-bar {
    position: sticky;
    bottom: .75rem;
    z-index: 20;
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    padding: .75rem;
    background: color-mix(in srgb, var(--color-panel) 92%, transparent);
    backdrop-filter: blur(14px);
    box-shadow: 0 20px 40px -24px rgba(0,0,0,.58);
}
@media (min-width: 1024px) { .sql-page { padding-bottom: 1.5rem; } .sql-bottom-bar { position: static; box-shadow: none; backdrop-filter: none; } }
@media (max-width: 640px) {
    .sql-hero { border-radius: 1rem; }
    .sql-icon { width: 2.75rem; height: 2.75rem; border-radius: .9rem; }
    .sql-info-card { padding: .85rem; }
    .sql-info-value { font-size: 12px; }
}


/* === Migrated from oyuncuistatistikleri.tpl style block #1 === */
#kcsPlayerStatsApp{
  --kcs-red:#dc2626;
  --kcs-red-bright:#ef4444;
  --kcs-red-deep:#991b1b;
  --kcs-red-soft:rgba(220,38,38,.10);
  --kcs-red-border:rgba(239,68,68,.24);
  --kcs-shadow:0 18px 50px rgba(15,23,42,.08);
  --kcs-chart-point-stroke:#ffffff;
}
.dark #kcsPlayerStatsApp{--kcs-shadow:0 18px 50px rgba(0,0,0,.28);--kcs-chart-point-stroke:#111827}
#kcsPlayerStatsApp .kcs-shell{position:relative;isolation:isolate}
#kcsPlayerStatsApp .kcs-hero{position:relative;overflow:hidden;border:1px solid var(--kcs-red-border);border-radius:24px;background-image:
  radial-gradient(circle at 86% 20%,rgba(239,68,68,.22),transparent 31%),
  linear-gradient(135deg,rgba(220,38,38,.12),rgba(220,38,38,.025) 48%,transparent 75%);box-shadow:var(--kcs-shadow)}
#kcsPlayerStatsApp .kcs-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(239,68,68,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(239,68,68,.12) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to left,#000,transparent 72%)}
#kcsPlayerStatsApp .kcs-hero:after{content:"";position:absolute;width:220px;height:220px;right:-80px;bottom:-130px;border-radius:999px;border:34px solid rgba(239,68,68,.08);pointer-events:none}
#kcsPlayerStatsApp .kcs-server-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;background:linear-gradient(135deg,#ef4444,#991b1b);box-shadow:0 14px 35px rgba(220,38,38,.28),inset 0 1px 0 rgba(255,255,255,.24)}
#kcsPlayerStatsApp .kcs-eyebrow{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--kcs-red-border);border-radius:999px;padding:.4rem .72rem;background:var(--kcs-red-soft);color:var(--kcs-red-bright);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}
#kcsPlayerStatsApp .kcs-sync-badge{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;white-space:nowrap;line-height:1;border:1px solid rgba(16,185,129,.22);border-radius:999px;padding:.48rem .72rem;background:rgba(16,185,129,.09);color:#059669;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.dark #kcsPlayerStatsApp .kcs-sync-badge{color:#34d399}
#kcsPlayerStatsApp .kcs-meta-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.48rem .7rem;border-radius:12px;border:1px solid var(--kcs-red-border);background:rgba(220,38,38,.06);font-size:11px;font-weight:800}
#kcsPlayerStatsApp .kcs-primary-btn,#kcsPlayerStatsApp .kcs-danger-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:13px;padding:.72rem 1rem;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 28px rgba(220,38,38,.24);transition:.2s ease}
#kcsPlayerStatsApp .kcs-primary-btn:hover,#kcsPlayerStatsApp .kcs-danger-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 16px 34px rgba(220,38,38,.32)}
#kcsPlayerStatsApp .kcs-ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:13px;padding:.72rem 1rem;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;border:1px solid var(--kcs-red-border);background:rgba(220,38,38,.055);transition:.2s ease}
#kcsPlayerStatsApp .kcs-ghost-btn:hover{border-color:rgba(239,68,68,.55);background:rgba(220,38,38,.10);color:var(--kcs-red-bright)}
#kcsPlayerStatsApp .kcs-panel{overflow:hidden;border:1px solid var(--kcs-red-border);border-radius:22px;box-shadow:var(--kcs-shadow)}
#kcsPlayerStatsApp .kcs-panel-head{position:relative;border-bottom:1px solid var(--kcs-red-border);background:linear-gradient(90deg,rgba(220,38,38,.10),rgba(220,38,38,.025) 55%,transparent);padding:1rem 1.25rem}
#kcsPlayerStatsApp .kcs-panel-title{display:flex;align-items:center;gap:.7rem;font-size:13px;font-weight:900}
#kcsPlayerStatsApp .kcs-panel-title-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#ef4444,#991b1b);box-shadow:0 8px 20px rgba(220,38,38,.20)}
#kcsPlayerStatsApp .kcs-stat-card{position:relative;overflow:hidden;min-height:138px;border:1px solid var(--kcs-red-border);border-radius:20px;padding:1.1rem;background-image:linear-gradient(145deg,rgba(220,38,38,.075),transparent 55%);box-shadow:var(--kcs-shadow);transition:transform .2s ease,border-color .2s ease}
#kcsPlayerStatsApp .kcs-stat-card:hover{transform:translateY(-2px);border-color:rgba(239,68,68,.42)}
#kcsPlayerStatsApp .kcs-stat-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#ef4444,#991b1b,transparent)}
#kcsPlayerStatsApp .kcs-stat-card:after{content:"";position:absolute;width:95px;height:95px;border-radius:999px;right:-35px;bottom:-42px;background:rgba(239,68,68,.09);box-shadow:0 0 0 18px rgba(239,68,68,.035)}
#kcsPlayerStatsApp .kcs-stat-icon{position:absolute;right:1rem;top:1rem;width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#ef4444;background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.18)}
#kcsPlayerStatsApp .kcs-stat-icon.is-online{color:#10b981;background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.18)}
#kcsPlayerStatsApp .kcs-stat-value{margin-top:.55rem;font-size:1.8rem;line-height:1;font-weight:950;letter-spacing:-.04em}
#kcsPlayerStatsApp .kcs-stat-sub{margin-top:.7rem;font-size:11px;line-height:1.45}
#kcsPlayerStatsApp .kcs-period-btn{border-radius:10px;border:1px solid transparent;padding:.48rem .72rem;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;transition:.18s ease}
#kcsPlayerStatsApp .kcs-period-active{color:#fff!important;border-color:#ef4444!important;background:linear-gradient(135deg,#ef4444,#b91c1c)!important;box-shadow:0 8px 18px rgba(220,38,38,.22)}
#kcsPlayerStatsApp .kcs-period-idle{border-color:var(--kcs-red-border)!important;background:rgba(220,38,38,.045)!important}
#kcsPlayerStatsApp .kcs-period-idle:hover{border-color:rgba(239,68,68,.48)!important;color:#ef4444!important;background:rgba(220,38,38,.09)!important}
#kcsPlayerStatsApp .kcs-stat-chart{min-height:300px;overflow:hidden;background:
  radial-gradient(circle at 50% 115%,rgba(239,68,68,.17),transparent 42%),
  linear-gradient(180deg,rgba(220,38,38,.045),transparent 65%)}
#kcsPlayerStatsApp .kcs-stat-chart:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 15%,transparent 85%,rgba(255,255,255,.025))}
#kcsPlayerStatsApp .kcs-stat-chart svg{position:relative;width:100%;height:258px;display:block;overflow:visible}
#kcsPlayerStatsApp .kcs-stat-chart circle[data-i]{cursor:pointer;transition:r .15s ease,filter .15s ease}
#kcsPlayerStatsApp .kcs-stat-chart circle[data-i]:hover{r:6.5;filter:drop-shadow(0 0 7px rgba(239,68,68,.72))}
#kcsPlayerStatsApp .kcs-stat-tooltip{position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-112%);transition:opacity .12s ease;z-index:5;min-width:170px;border:1px solid rgba(239,68,68,.35)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(127,29,29,.96),rgba(30,41,59,.96))!important;color:#fff!important;box-shadow:0 16px 38px rgba(0,0,0,.32);padding:.72rem .85rem!important;line-height:1.5}
#kcsPlayerStatsApp .kcs-stat-tooltip .text-brand-text{color:rgba(255,255,255,.72)!important}
#kcsPlayerStatsApp .kcs-stat-chart.is-active .kcs-stat-tooltip{opacity:1}
#kcsPlayerStatsApp .kcs-chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,transparent,rgba(220,38,38,.03))}
#kcsPlayerStatsApp .kcs-chart-metric{display:flex;align-items:center;gap:.7rem;border:1px solid var(--kcs-red-border);border-radius:14px;padding:.72rem .8rem;background:linear-gradient(135deg,rgba(220,38,38,.075),rgba(220,38,38,.02))}
#kcsPlayerStatsApp .kcs-chart-metric i{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#ef4444;background:rgba(239,68,68,.10)}
#kcsPlayerStatsApp .kcs-chart-metric b{display:block;margin-top:1px;font-size:12px}
#kcsPlayerStatsApp .kcs-live-row{position:relative;border-bottom:1px solid rgba(239,68,68,.10);background:transparent}
#kcsPlayerStatsApp .kcs-live-row:hover{background:linear-gradient(90deg,rgba(220,38,38,.075),transparent)}
#kcsPlayerStatsApp .kcs-live-row:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;border-radius:4px;background:#ef4444;opacity:0;transition:.18s ease}
#kcsPlayerStatsApp .kcs-live-row:hover:before{opacity:1}
#kcsPlayerStatsApp .kcs-live-head-status{display:inline-flex;align-items:center;gap:.42rem;color:#059669;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.dark #kcsPlayerStatsApp .kcs-live-head-status{color:#34d399}
#kcsPlayerStatsApp .kcs-row-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:950;border:1px solid rgba(239,68,68,.25);background:linear-gradient(135deg,rgba(239,68,68,.14),rgba(153,27,27,.08));color:#ef4444}
#kcsPlayerStatsApp .kcs-stat-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.28rem .52rem;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.075em;border:1px solid var(--border-color,rgba(148,163,184,.25));white-space:nowrap}
#kcsPlayerStatsApp .kcs-stat-dot{width:.43rem;height:.43rem;border-radius:99px;box-shadow:0 0 0 3px rgba(16,185,129,.10)}
#kcsPlayerStatsApp .kcs-control{border:1px solid var(--kcs-red-border)!important;border-radius:13px!important;background:rgba(220,38,38,.035)!important;transition:.18s ease}
#kcsPlayerStatsApp .kcs-control:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.10)!important}
#kcsPlayerStatsApp .kcs-stat-table-wrap{max-height:650px;overflow:auto}
#kcsPlayerStatsApp .kcs-stat-table-wrap table{min-width:960px;border-collapse:separate;border-spacing:0}
#kcsPlayerStatsApp .kcs-stat-table-wrap thead th{position:sticky;top:0;z-index:2;border-bottom:1px solid var(--kcs-red-border);background:linear-gradient(180deg,rgba(220,38,38,.12),rgba(220,38,38,.05));backdrop-filter:blur(12px)}
#kcsPlayerStatsApp .kcs-player-row td{border-bottom:1px solid rgba(239,68,68,.08)}
#kcsPlayerStatsApp .kcs-player-row:hover{background:linear-gradient(90deg,rgba(220,38,38,.07),rgba(220,38,38,.015))}
#kcsPlayerStatsApp .kcs-sort-btn{transition:.16s ease}
#kcsPlayerStatsApp .kcs-sort-btn:hover,#kcsPlayerStatsApp .kcs-sort-btn[aria-sort]{color:#ef4444}
#kcsPlayerStatsApp .kcs-sort-btn[aria-sort="desc"] i:before{content:"\f0dd"}
#kcsPlayerStatsApp .kcs-sort-btn[aria-sort="asc"] i:before{content:"\f0de"}
#kcsPlayerStatsApp .kcs-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(239,68,68,.45) transparent}
#kcsPlayerStatsApp .kcs-scrollbar::-webkit-scrollbar{width:7px;height:7px}
#kcsPlayerStatsApp .kcs-scrollbar::-webkit-scrollbar-thumb{background:rgba(239,68,68,.42);border-radius:999px}
#kcsPlayerStatsApp .kcs-scrollbar::-webkit-scrollbar-track{background:transparent}
@media(max-width:767px){
  #kcsPlayerStatsApp .kcs-hero{border-radius:18px}
  #kcsPlayerStatsApp .kcs-server-icon{width:48px;height:48px;border-radius:15px;font-size:18px}
  #kcsPlayerStatsApp .kcs-stat-card{min-height:124px}
  #kcsPlayerStatsApp .kcs-stat-value{font-size:1.55rem}
  #kcsPlayerStatsApp .kcs-stat-chart{min-height:270px}
  #kcsPlayerStatsApp .kcs-stat-chart svg{height:225px}
}


/* === Migrated from dosyayukleme.tpl style block #1 === */
.models-page { --ct:#2f7dff; --t:#ff5c16; }
.models-hero { background:linear-gradient(135deg, color-mix(in srgb,var(--color-panel) 92%,#000 8%), var(--color-bg)); border:1px solid var(--color-border); border-radius:22px; padding:22px; box-shadow:0 18px 42px rgba(0,0,0,.16); }
.models-title { display:flex; align-items:center; gap:12px; color:var(--color-heading); font-weight:950; font-size:22px; line-height:1.1; }
.models-title-icon { width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:16px; background:color-mix(in srgb,var(--color-accent) 16%,transparent); color:var(--color-accent); border:1px solid color-mix(in srgb,var(--color-accent) 35%,var(--color-border)); }
.models-subtitle { color:var(--color-text); font-size:13px; margin-top:8px; line-height:1.7; }
.models-alert { border-radius:16px; border:1px solid var(--color-border); padding:14px 16px; font-size:13px; font-weight:700; display:flex; align-items:flex-start; gap:10px; }
.models-alert.success { background:rgba(16,185,129,.08); border-color:rgba(16,185,129,.28); color:#86efac; }
.models-alert.error { background:rgba(239,68,68,.08); border-color:rgba(239,68,68,.30); color:#fecaca; }
.models-alert.warning { background:rgba(245,158,11,.08); border-color:rgba(245,158,11,.28); color:#fde68a; }
.model-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.model-team-card { background:var(--color-panel); border:1px solid var(--color-border); border-radius:18px; padding:24px; box-shadow:0 14px 34px rgba(0,0,0,.14); overflow:hidden; }
.model-team-title { display:flex; align-items:center; gap:10px; font-weight:950; font-size:15px; margin-bottom:18px; }
.model-team-title.ct { color:var(--ct); }
.model-team-title.t { color:var(--t); }
.model-preview-box { min-height:186px; border:2px solid var(--color-border); border-radius:16px; background:var(--color-bg); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:28px 18px; transition:border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.model-preview-box.has-model.ct { border-color:var(--ct); background:color-mix(in srgb,var(--ct) 8%,var(--color-bg)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px rgba(47,125,255,.10); }
.model-preview-box.has-model.t { border-color:var(--t); background:color-mix(in srgb,var(--t) 9%,var(--color-bg)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px rgba(255,92,22,.10); }
.model-emoji { font-size:42px; line-height:1; margin-bottom:12px; filter:drop-shadow(0 8px 18px rgba(0,0,0,.24)); }
.model-name { color:var(--color-heading); font-weight:950; font-size:20px; line-height:1.1; word-break:break-word; text-transform:none; }
.model-hint { font-size:12px; margin-top:8px; font-weight:800; color:var(--color-text); }
.model-preview-box.ct .model-hint { color:var(--ct); }
.model-preview-box.t .model-hint { color:var(--t); }
.model-forms { margin-top:18px; display:grid; gap:10px; }
.model-input-row { display:flex; align-items:center; gap:8px; }
.model-input { width:100%; background:var(--color-bg); color:var(--color-heading); border:1px solid var(--color-border); border-radius:10px; padding:12px 14px; outline:none; font-size:13px; font-weight:700; box-shadow:inset 0 1px 0 rgba(255,255,255,.02); transition:border-color .2s ease, box-shadow .2s ease; }
.model-input:focus { border-color:var(--color-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent); }
.model-reset-btn { width:42px; height:42px; border-radius:10px; border:1px solid var(--color-border); background:color-mix(in srgb,var(--color-panel) 70%,var(--color-bg)); color:var(--color-text); display:flex; align-items:center; justify-content:center; transition:all .16s ease; }
.model-reset-btn:hover { color:#fff; background:#ef4444; border-color:#ef4444; }
.model-drop { border:1px dashed color-mix(in srgb,var(--color-accent) 42%,var(--color-border)); border-radius:12px; min-height:48px; display:flex; align-items:center; justify-content:center; padding:12px; text-align:center; color:var(--color-text); background:color-mix(in srgb,var(--color-accent) 6%,transparent); cursor:pointer; transition:all .18s ease; font-size:12px; font-weight:800; }
.model-drop:hover, .model-drop.is-dragover { color:var(--color-heading); border-color:var(--color-accent); background:color-mix(in srgb,var(--color-accent) 13%,transparent); }
.model-file { display:none; }
.model-submit { width:100%; border:none; border-radius:12px; padding:12px 15px; background:var(--color-accent); color:white; font-size:11px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; display:flex; align-items:center; justify-content:center; gap:8px; transition:filter .16s ease, transform .16s ease; }
.model-submit:hover { filter:brightness(1.1); }
.model-submit:active { transform:scale(.985); }
.mdl-mini-btn { margin-top:12px; display:inline-flex; align-items:center; justify-content:center; gap:6px; height:28px; padding:0 11px; border-radius:8px; border:1px solid color-mix(in srgb,var(--color-accent) 34%,var(--color-border)); background:color-mix(in srgb,var(--color-accent) 13%,var(--color-bg)); color:#c7d2fe; font-size:11px; font-weight:950; cursor:pointer; transition:all .16s ease; }
.mdl-mini-btn:hover { background:var(--color-accent); border-color:var(--color-accent); color:white; }
.mdl-mini-btn.is-disabled { opacity:.45; cursor:not-allowed; color:var(--color-text); }
.models-raw { background:var(--color-panel); border:1px solid var(--color-border); border-radius:18px; padding:18px; }
.models-raw summary { color:var(--color-heading); font-weight:950; cursor:pointer; display:flex; align-items:center; gap:8px; }
.models-raw pre { margin-top:14px; background:var(--color-bg); border:1px solid var(--color-border); border-radius:14px; padding:14px; color:var(--color-text); overflow:auto; max-height:260px; font-size:12px; }
.mdl3d-stage { position:relative; width:100%; min-height:440px; height:min(70vh,680px); border-radius:18px; overflow:hidden; background:radial-gradient(circle at center,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 42%),#000; border:1px solid var(--color-border); box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 60px rgba(0,0,0,.35); }
.mdl3d-canvas { width:100%; height:100%; display:block; cursor:grab; touch-action:none; }
.mdl3d-canvas.is-dragging { cursor:grabbing; }
.mdl3d-status { position:absolute; left:14px; top:14px; max-width:calc(100% - 28px); border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(2,6,23,.72); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); color:#cbd5e1; padding:10px 12px; font-size:11px; line-height:1.45; font-weight:800; pointer-events:none; }
.mdl3d-status.is-error { color:#fecaca; border-color:rgba(239,68,68,.32); background:rgba(127,29,29,.45); }
.mdl3d-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; color:var(--color-text); font-size:11px; font-weight:800; margin-top:12px; }
.mdl3d-controls span { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; border:1px solid var(--color-border); background:var(--color-bg); }
.mdl3d-controls i { color:var(--color-accent); }
@media (max-width: 900px) { .model-grid { grid-template-columns:1fr; } }
@media (max-width: 640px) { .models-hero,.model-team-card{padding:16px}.model-preview-box{min-height:160px}.model-input-row{align-items:stretch}.model-reset-btn{height:auto}.mdl3d-stage{min-height:360px;height:62vh} }


/* === Migrated from autoexeccfg.tpl style block #1 === */
.nogcp-auto3{position:relative;width:100%;max-width:100%;overflow-x:hidden;padding-bottom:24px;transform:translateZ(0)}
.nogcp-auto3 *{box-sizing:border-box;min-width:0}
.nogcp-auto3-card{background:linear-gradient(180deg,rgba(34,37,47,.98),rgba(25,27,35,.98));border:1px solid var(--color-border);border-radius:22px;box-shadow:0 22px 60px -44px rgba(0,0,0,.9);overflow:hidden}
.nogcp-auto3-hero{position:relative;overflow:hidden;border-color:rgba(251,71,75,.24);background:radial-gradient(circle at 8% 0%,rgba(251,71,75,.24),transparent 34%),radial-gradient(circle at 92% 10%,rgba(251,71,75,.12),transparent 30%),linear-gradient(135deg,rgba(36,39,49,.98),rgba(20,22,30,.98))}
.nogcp-auto3-hero:after{content:"";position:absolute;inset:auto -130px -180px auto;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(251,71,75,.18),transparent 68%);pointer-events:none}
.nogcp-auto3-titleline{display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1}
.nogcp-auto3-icon{width:54px;height:54px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:rgba(251,71,75,.13);border:1px solid rgba(251,71,75,.28);color:var(--color-accent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);flex:0 0 auto}
.nogcp-auto3-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--color-accent);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.18em;line-height:1.2}
.nogcp-auto3-pillrow{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.nogcp-auto3-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-border);background:rgba(20,22,29,.62);color:var(--color-text);border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.075em;line-height:1;max-width:100%}
.nogcp-auto3-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;min-width:0}
.nogcp-auto3-statgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:1}
.nogcp-auto3-stat{border:1px solid var(--color-border);border-radius:16px;background:rgba(20,22,29,.55);padding:13px 14px;min-width:0}
.nogcp-auto3-stat b{display:block;color:var(--color-heading);font-size:19px;line-height:1;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nogcp-auto3-stat span{display:block;margin-top:6px;color:rgba(165,169,180,.74);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nogcp-auto3-toolbar{position:sticky;top:74px;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;background:rgba(25,27,35,.86);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.08)}
.nogcp-auto3-toolbar-text{color:rgba(165,169,180,.78);font-size:12px;line-height:1.55;font-weight:700}
.nogcp-auto3-btn{height:46px;border:0;border-radius:15px;padding:0 20px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;transition:.16s ease;cursor:pointer}
.nogcp-auto3-btn-main{background:var(--color-accent);color:#fff;box-shadow:0 14px 30px -18px rgba(251,71,75,.85)}
.nogcp-auto3-btn-main:hover{filter:brightness(1.08);transform:translateY(-1px)}
.nogcp-auto3-content{display:grid;gap:16px;min-width:0;width:100%}
.nogcp-auto3-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nogcp-auto3-info{border:1px solid var(--color-border);border-radius:18px;background:rgba(20,22,29,.42);padding:15px;min-width:0;overflow:hidden}
.nogcp-auto3-info-head{display:flex;align-items:center;gap:12px;min-width:0}
.nogcp-auto3-info-ico{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(251,71,75,.11);border:1px solid rgba(251,71,75,.24);color:var(--color-accent);flex:0 0 auto}
.nogcp-auto3-info h4{margin:0;color:var(--color-heading);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.11em;line-height:1.25}
.nogcp-auto3-info p{margin:4px 0 0;color:rgba(165,169,180,.74);font-size:12px;line-height:1.45}
.nogcp-auto3-path{margin-top:12px;border:1px solid var(--color-border);background:rgba(15,17,23,.84);border-radius:14px;padding:11px 12px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;line-height:1.5;color:var(--color-heading);word-break:break-all}
.nogcp-auto3-note{border:1px solid color-mix(in srgb,var(--color-accent) 22%,var(--color-border));border-left:3px solid var(--color-accent);border-radius:18px;background:color-mix(in srgb,var(--color-accent) 8%,rgba(25,27,35,.96));padding:14px 15px;color:rgba(229,231,235,.86);font-size:12px;line-height:1.6}
.nogcp-auto3-note i{color:var(--color-accent);margin-right:7px}
.nogcp-auto3-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--color-border);background:rgba(20,22,29,.42)}
.nogcp-auto3-section-title{display:flex;align-items:center;gap:12px;min-width:0}
.nogcp-auto3-section-ico{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(251,71,75,.11);border:1px solid rgba(251,71,75,.24);color:var(--color-accent);flex:0 0 auto}
.nogcp-auto3-section-title h3{margin:0;color:var(--color-heading);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;line-height:1.25}
.nogcp-auto3-section-title p{margin:4px 0 0;color:rgba(165,169,180,.75);font-size:12px;line-height:1.45}
.nogcp-auto3-editor-wrap{padding:14px;width:100%;max-width:100%}
.nogcp-auto3-editor-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--color-border);border-bottom:0;border-radius:18px 18px 0 0;background:rgba(15,17,23,.72);padding:12px 14px;max-width:100%}
.nogcp-auto3-dots{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.nogcp-auto3-dot{width:10px;height:10px;border-radius:999px;background:rgba(251,71,75,.72)}
.nogcp-auto3-dot:nth-child(2){background:rgba(245,158,11,.72)}
.nogcp-auto3-dot:nth-child(3){background:rgba(34,197,94,.72)}
.nogcp-auto3-editor-name{font-family:'JetBrains Mono',ui-monospace,monospace;color:rgba(165,169,180,.70);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.nogcp-auto3-editor-meta{height:24px;display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:999px;background:rgba(255,255,255,.035);padding:0 8px;color:rgba(165,169,180,.78);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;flex:0 0 auto}
.nogcp-auto3-textarea-shell{border:1px solid var(--color-border);border-radius:0 0 18px 18px;background:rgba(15,17,23,.86);overflow:hidden;width:100%;max-width:100%}
.nogcp-auto3-textarea{display:block;width:100%;max-width:100%;min-height:640px;border:0;outline:none;resize:vertical;background:transparent;color:var(--color-heading);padding:17px 18px;font-family:'JetBrains Mono','Fira Code',Consolas,ui-monospace,monospace;font-size:13px;line-height:1.72;font-weight:600;tab-size:4;white-space:pre;overflow:auto}
.nogcp-auto3-textarea::placeholder{color:rgba(165,169,180,.45)}
.nogcp-auto3-bottom-save{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px}
.nogcp-submit.is-loading{opacity:.78;pointer-events:none}
.nogcp-submit.is-loading i:before{content:"\f110"}
.nogcp-submit.is-loading i{animation:nogcpAuto3Spin .85s linear infinite}
@keyframes nogcpAuto3Spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.nogcp-auto3-toolbar{top:62px}.nogcp-auto3-info-grid{grid-template-columns:1fr}}
@media(max-width:780px){
    .nogcp-auto3{padding-bottom:92px!important}
    .nogcp-auto3-card{border-radius:18px!important}
    .nogcp-auto3-hero{padding:15px!important}
    .nogcp-auto3-titleline{gap:12px!important}
    .nogcp-auto3-icon{width:42px;height:42px;border-radius:14px}
    .nogcp-auto3-eyebrow{font-size:9px;letter-spacing:.13em}
    .nogcp-auto3-hero h2{font-size:20px!important;line-height:1.15!important}
    .nogcp-auto3-hero p{font-size:11.5px!important;line-height:1.5!important;margin-top:8px!important}
    .nogcp-auto3-pillrow{gap:6px!important;margin-top:10px!important}
    .nogcp-auto3-pill{font-size:8.5px;padding:7px 8px;letter-spacing:.045em;max-width:100%}
    .nogcp-auto3-statgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px!important}
    .nogcp-auto3-stat{padding:9px 6px;border-radius:13px;text-align:center}
    .nogcp-auto3-stat b{font-size:14px}
    .nogcp-auto3-stat span{font-size:7.4px;letter-spacing:.045em;margin-top:5px}
    .nogcp-auto3-toolbar{position:relative!important;top:auto!important;display:block!important;padding:10px!important;margin-bottom:12px!important}
    .nogcp-auto3-toolbar-text{font-size:11px!important;margin-bottom:10px!important}
    .nogcp-auto3-toolbar .nogcp-auto3-btn{width:100%;height:44px}
    .nogcp-auto3-info-grid{gap:10px}
    .nogcp-auto3-info{padding:12px;border-radius:16px}
    .nogcp-auto3-info-ico,.nogcp-auto3-section-ico{width:34px;height:34px;border-radius:12px}
    .nogcp-auto3-section-head{grid-template-columns:1fr;padding:13px 13px;gap:10px}
    .nogcp-auto3-section-title{align-items:flex-start}
    .nogcp-auto3-section-title h3{font-size:11px;letter-spacing:.085em}
    .nogcp-auto3-section-title p{font-size:11px}
    .nogcp-auto3-editor-wrap{padding:10px}
    .nogcp-auto3-editor-bar{grid-template-columns:auto minmax(0,1fr);border-radius:15px 15px 0 0;padding:10px;gap:8px}
    .nogcp-auto3-editor-meta{display:none}
    .nogcp-auto3-editor-name{text-align:right;font-size:9.5px}
    .nogcp-auto3-textarea-shell{border-radius:0 0 15px 15px}
    .nogcp-auto3-textarea{min-height:430px;font-size:12px;line-height:1.62;padding:13px 12px}
    .nogcp-auto3-bottom-save{display:block;padding:13px}
    .nogcp-auto3-bottom-save .nogcp-auto3-btn{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;width:auto;height:50px;box-shadow:0 18px 38px -18px rgba(251,71,75,.95)}
    .nogcp-auto3-bottom-save .nogcp-auto3-save-text{font-size:11px;margin-bottom:10px;text-align:center}
}
@media(max-width:390px){
    .nogcp-auto3-statgrid{grid-template-columns:1fr 1fr}
    .nogcp-auto3-stat:last-child{grid-column:1/-1}
    .nogcp-auto3-pill{width:100%;justify-content:center}
}


/* === Migrated from amxsuper.tpl style block #1 === */
.smooth-render { transform: translateZ(0); will-change: transform, opacity; backface-visibility: hidden; }

.v2-card {
    background-color: var(--color-panel);
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.25);
}

.amxx-hero {
    position: relative;
    overflow: hidden;
}
.amxx-hero:before {
    content: "";
    position: absolute;
    inset: -1px;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--color-accent) 22%, transparent), transparent 34%),
        radial-gradient(circle at bottom right, rgba(59,130,246,.14), transparent 38%);
    pointer-events: none;
}
.amxx-hero > * { position: relative; z-index: 1; }

.v2-textarea {
    width: 100%;
    min-height: 660px;
    resize: vertical;
    background-color: var(--color-bg);
    color: var(--color-heading);
    border: 0;
    border-radius: 0;
    padding: 1.1rem 1.15rem;
    font-family: "JetBrains Mono", "Fira Code", "Consolas", monospace;
    font-size: 13px;
    line-height: 1.72;
    font-weight: 500;
    outline: none;
    white-space: pre;
    tab-size: 4;
}
.v2-textarea:focus { box-shadow: inset 0 0 0 1px var(--color-accent); }
.v2-textarea::placeholder { color: var(--color-text); opacity: .45; }

.status-chip {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .32rem .6rem;
    border-radius: .65rem;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    border: 1px solid var(--color-border);
    background: var(--color-bg);
    color: var(--color-text);
    white-space: nowrap;
}

.info-tile {
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    padding: 1rem;
    background: color-mix(in srgb, var(--color-panel) 82%, transparent);
}
.dark .info-tile { background: rgba(255,255,255,0.01); }

.file-path-box {
    border: 1px solid var(--color-border);
    background: var(--color-bg);
    border-radius: .85rem;
    padding: .75rem .85rem;
    font-family: "JetBrains Mono", "Fira Code", monospace;
    font-size: 12px;
    color: var(--color-heading);
    word-break: break-all;
}

.editor-toolbar {
    border-bottom: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-bg) 85%, transparent);
    padding: .85rem 1rem;
}

.top-action-bar{
    position: sticky;
    top: 0;
    z-index: 30;
    backdrop-filter: blur(12px);
    background: color-mix(in srgb, var(--color-panel) 88%, transparent);
}

.notice-box {
    border-left: 3px solid rgba(59,130,246,.60);
    background: color-mix(in srgb, var(--color-accent) 8%, var(--color-panel));
    border: 1px solid color-mix(in srgb, var(--color-accent) 20%, var(--color-border));
    border-left-width: 3px;
    border-radius: .9rem;
    padding: .95rem 1rem;
}

.warning-box {
    border-left: 3px solid rgba(239,68,68,.70);
    background: rgba(239,68,68,.06);
    border: 1px solid rgba(239,68,68,.14);
    border-left-width: 3px;
    border-radius: .9rem;
    padding: .95rem 1rem;
}

.action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    border-radius: .9rem;
    padding: .95rem 1.25rem;
    background: var(--color-accent);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .09em;
    transition: .18s ease;
    box-shadow: 0 12px 24px -16px var(--color-accent);
}
.action-button:hover { filter: brightness(1.08); transform: translateY(-1px); }
.action-button:active { transform: scale(.98); }

@media (max-width: 1024px) {
    .top-action-bar { position: static; }
}
@media (max-width: 640px) {
    .v2-card { border-radius: .9rem; }
    .amxx-hero { padding: 1rem !important; }
    .v2-textarea {
        min-height: 520px;
        font-size: 12px;
        line-height: 1.65;
        padding: .95rem;
    }
    .editor-toolbar { padding: .75rem .85rem; }
    .action-button { width: 100%; padding: .9rem 1rem; }
    .status-chip { font-size: 9px; }
}


/* === Migrated from motdeditor.tpl style block #1 === */
.editor-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; }
.editor-scrollbar::-webkit-scrollbar-track { background: var(--color-bg); border-radius: 8px; }
.editor-scrollbar::-webkit-scrollbar-thumb { background: rgba(100,116,139,.3); border-radius: 8px; }
.editor-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(100,116,139,.5); }

.modal-backdrop { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

.code-editor {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    tab-size: 4;
}

.motd-mode-input:checked + .motd-mode-card {
    border-color: rgba(249,115,22,.55);
    background: rgba(249,115,22,.08);
    box-shadow: 0 0 0 1px rgba(249,115,22,.18) inset;
}


/* === Migrated from motdeditor.tpl style block #2 === */
html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#111;color:#fff;font-family:Arial,Helvetica,sans-serif}.fallback{position:absolute;left:10px;right:10px;bottom:10px;padding:10px;background:rgba(0,0,0,.65);font-size:12px;line-height:1.5;border:1px solid #333}a{color:#6cb6ff}


/* === Migrated from ortaktag.tpl style block #1 === */
.cfg-input {
    width: 100%;
    background-color: var(--color-bg);
    color: var(--color-heading);
    border: 1px solid var(--color-border);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 13px;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    outline: none;
    transition: all 0.2s ease;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
}
.cfg-input:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(0, 111, 238, 0.13), inset 0 2px 4px rgba(0, 0, 0, 0.05);
}
.cfg-input::placeholder {
    color: var(--color-text);
    opacity: 0.4;
}
.cfg-textarea {
    min-height: 430px;
    resize: vertical;
    line-height: 1.55;
    white-space: pre;
}
.cfg-token-btn {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background-color: var(--color-panel);
    color: var(--color-heading);
    border: 1px solid var(--color-border);
    border-radius: .65rem;
    padding: .55rem .7rem;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
    transition: all .18s ease;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.cfg-token-btn:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
    transform: translateY(-1px);
}
.cfg-token-btn:active {
    transform: scale(.98);
}
.cfg-template-btn {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    background: rgba(0, 111, 238, .09);
    color: var(--color-accent);
    border: 1px solid rgba(0, 111, 238, .22);
    border-radius: .75rem;
    padding: .65rem .8rem;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
    transition: all .18s ease;
}
.cfg-template-btn:hover {
    background: var(--color-accent);
    color: #fff;
    box-shadow: 0 8px 18px rgba(0, 111, 238, .22);
}
.cfg-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    background-color: var(--color-panel);
    color: var(--color-heading);
    border: 1px solid var(--color-border);
    border-radius: .8rem;
    padding: .7rem .9rem;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
    transition: all .18s ease;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.cfg-tab-btn:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
}
.cfg-tab-btn.active {
    background: var(--color-accent);
    color: #fff;
    border-color: var(--color-accent);
    box-shadow: 0 8px 18px rgba(0, 111, 238, .22);
}
.cfg-mini-card {
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 0.9rem;
    padding: 0.85rem 1rem;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .03);
}
.cfg-mini-label {
    display: block;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--color-text);
    margin-bottom: .45rem;
}
.cfg-mini-value {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: var(--color-heading);
    word-break: break-word;
}
.cfg-preview-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: .9rem;
    padding: .8rem 1rem;
}
.cfg-preview-row code {
    color: var(--color-accent);
    font-weight: 900;
    font-size: 12px;
    white-space: nowrap;
}
.cfg-preview-row span {
    color: var(--color-heading);
    font-weight: 800;
    font-size: 12px;
    text-align: right;
    word-break: break-word;
}
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, .3);
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(100, 116, 139, .5);
}


/* === Migrated from reklamlar.tpl style block #1 === */
.reklam-page {
    --reklam-red: #ef3b43;
    --reklam-red-dark: #b91c2a;
    --reklam-red-soft: rgba(239, 59, 67, .12);
    --reklam-red-border: rgba(239, 59, 67, .24);
    position: relative;
}

.reklam-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--reklam-red-border);
    background:
        radial-gradient(circle at 88% 10%, rgba(239, 59, 67, .22), transparent 24%),
        linear-gradient(135deg, rgba(239, 59, 67, .12), rgba(16, 18, 27, .96) 43%, rgba(13, 15, 23, .98));
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.reklam-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .45;
    background-image:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(to right, transparent, #000 35%, #000);
}

.reklam-hero::after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    right: -85px;
    bottom: -125px;
    border: 34px solid rgba(239, 59, 67, .08);
    border-radius: 999px;
}

.reklam-icon-box {
    background: linear-gradient(145deg, #ff4e56, #cf1f2d);
    box-shadow: 0 12px 28px rgba(239, 59, 67, .25), inset 0 1px 0 rgba(255, 255, 255, .28);
}

.reklam-card {
    border: 1px solid var(--color-border);
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 120px),
        var(--color-panel);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .16);
}

.reklam-card-head {
    position: relative;
    background:
        linear-gradient(90deg, rgba(239, 59, 67, .10), transparent 42%),
        color-mix(in srgb, var(--color-bg) 78%, transparent);
}

.reklam-card-head::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 112px;
    height: 2px;
    background: linear-gradient(90deg, var(--reklam-red), transparent);
}

.reklam-section-icon {
    background: var(--reklam-red-soft);
    border: 1px solid var(--reklam-red-border);
    color: var(--reklam-red);
}

.reklam-mini-stat {
    border: 1px solid rgba(255,255,255,.075);
    background: rgba(10, 12, 18, .38);
    backdrop-filter: blur(8px);
}

.reklam-mini-stat i {
    color: #ff5961;
}

.cfg-input {
    width: 100%;
    min-height: 46px;
    background: color-mix(in srgb, var(--color-bg) 88%, #000 12%);
    color: var(--color-heading);
    border: 1px solid var(--color-border);
    border-radius: .85rem;
    padding: .78rem 1rem;
    font-size: 13px;
    line-height: 1.35;
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 650;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02), inset 0 2px 5px rgba(0, 0, 0, .08);
}

.cfg-input:hover {
    border-color: color-mix(in srgb, var(--color-border) 60%, var(--reklam-red) 40%);
}

.cfg-input:focus {
    border-color: var(--reklam-red);
    background: color-mix(in srgb, var(--color-bg) 82%, #000 18%);
    box-shadow: 0 0 0 3px rgba(239, 59, 67, .13), inset 0 1px 0 rgba(255,255,255,.025);
}

.cfg-input::placeholder {
    color: var(--color-text);
    opacity: .42;
}

.cfg-token-btn,
.cfg-template-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border-radius: .72rem;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
    transition: all .18s ease;
    outline: none;
    white-space: nowrap;
}

.cfg-token-btn {
    min-height: 36px;
    padding: .55rem .72rem;
    background: color-mix(in srgb, var(--color-panel) 88%, #fff 12%);
    color: var(--color-heading);
    border: 1px solid var(--color-border);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.cfg-token-btn:hover {
    color: #fff;
    border-color: var(--reklam-red);
    background: rgba(239, 59, 67, .18);
    transform: translateY(-1px);
    box-shadow: 0 7px 18px rgba(239, 59, 67, .10);
}

.cfg-template-btn {
    min-height: 38px;
    padding: .6rem .82rem;
    background: var(--reklam-red-soft);
    color: #ff656c;
    border: 1px solid var(--reklam-red-border);
}

.cfg-template-btn:hover {
    color: #fff;
    background: linear-gradient(135deg, #ef3b43, #c51f2c);
    border-color: transparent;
    transform: translateY(-1px);
    box-shadow: 0 9px 22px rgba(239, 59, 67, .20);
}

.cfg-token-btn:active,
.cfg-template-btn:active {
    transform: scale(.98);
}

.reklam-primary-btn {
    background: linear-gradient(135deg, #f1464e, #c91f2d);
    border: 1px solid rgba(255,255,255,.10);
    color: #fff;
    box-shadow: 0 10px 24px rgba(239, 59, 67, .22), inset 0 1px 0 rgba(255,255,255,.20);
}

.reklam-primary-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(239, 59, 67, .28);
}

.reklam-secondary-btn {
    background: color-mix(in srgb, var(--color-panel) 90%, #fff 10%);
    border: 1px solid var(--color-border);
    color: var(--color-heading);
}

.reklam-secondary-btn:hover {
    border-color: var(--reklam-red);
    color: #ff656c;
    background: var(--reklam-red-soft);
}

.reklam-toolbar {
    background:
        linear-gradient(135deg, rgba(239,59,67,.07), transparent 48%),
        color-mix(in srgb, var(--color-bg) 72%, transparent);
    border: 1px solid var(--color-border);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

.reklam-table-wrap {
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-bg) 45%, transparent);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

.reklam-table-wrap thead {
    background: color-mix(in srgb, var(--color-bg) 86%, #000 14%);
}

#sayTbody > tr,
#imsgTbody > tr {
    transition: background .18s ease, box-shadow .18s ease;
}

#sayTbody > tr:hover,
#imsgTbody > tr:hover {
    background: rgba(239, 59, 67, .035) !important;
    box-shadow: inset 3px 0 0 rgba(239, 59, 67, .50);
}

#sayTbody .say-counter {
    border-color: var(--reklam-red-border);
    background: var(--reklam-red-soft);
    color: #ff737a;
}

.reklam-help {
    background: linear-gradient(135deg, rgba(239,59,67,.07), rgba(239,59,67,.02));
    border: 1px solid rgba(239,59,67,.18);
}

.reklam-help code {
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-bg) 82%, #000 18%);
}

.reklam-color-preview {
    background: color-mix(in srgb, var(--color-bg) 85%, #000 15%);
    border: 1px solid var(--color-border);
}

.custom-scrollbar::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(239, 59, 67, .28);
    border-radius: 999px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(239, 59, 67, .46);
}

input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
input[type="color"]::-webkit-color-swatch { border: none; border-radius: 50%; }

@media (max-width: 767px) {
    .reklam-hero::after { display: none; }
    .reklam-card-head::after { width: 76px; }
    .cfg-token-btn,
    .cfg-template-btn { font-size: 9px; }
    .reklam-table-wrap table { min-width: 760px; }
}


/* === Migrated from sunucuayarlari.tpl style block #1 === */
div:where(.swal2-container) div:where(.swal2-popup) {
    background-color: var(--color-panel, #18181b);
    border: 1px solid var(--color-border, #27272a);
    color: var(--color-heading, #f4f4f5);
    border-radius: 1rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  }
  div:where(.swal2-container) .swal2-html-container,
  div:where(.swal2-container) .swal2-title {
    color: var(--color-heading, #f4f4f5);
  }
  
  /* Select Ok İkonu Düzeltmesi */
  .custom-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
  }
  .dark .custom-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  }

  /* Terminal Özel Scrollbar */
  .terminal-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; }
  .terminal-scrollbar::-webkit-scrollbar-track { background: #0b0f19; }
  .terminal-scrollbar::-webkit-scrollbar-thumb { background: #1f2937; border-radius: 4px; }
  .terminal-scrollbar::-webkit-scrollbar-thumb:hover { background: #374151; }


/* === Migrated from yapbayarlari.tpl style block #1 === */
.yapb-wrap{width:100%;max-width:100%;margin:0 auto;padding:0 .25rem}
.yapb-card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.07)}
.yapb-file-tab{display:flex;align-items:center;gap:.7rem;border:1px solid var(--color-border);border-radius:12px;padding:.75rem .85rem;background:var(--color-bg2);color:var(--color-text);font-weight:800;font-size:.82rem;transition:.2s text-decoration:none}
.yapb-file-tab.active{border-color:rgba(0,111,238,.35);background:rgba(0,111,238,.10);color:var(--color-accent)}
.yapb-status-pill{display:inline-flex;align-items:center;gap:.55rem;border-radius:999px;padding:.7rem 1rem;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.yapb-status-pill.success{background:rgba(16,185,129,.14);color:#86efac;border:1px solid rgba(16,185,129,.26)}
.yapb-status-pill.warning{background:rgba(245,158,11,.14);color:#fcd34d;border:1px solid rgba(245,158,11,.26)}
.yapb-status-pill.error{background:rgba(239,68,68,.14);color:#fca5a5;border:1px solid rgba(239,68,68,.26)}
.yapb-modal{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.72);display:flex;align-items:center;justify-content:center;padding:1rem}
.yapb-modal-box{width:min(560px,100%);background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:26px;box-shadow:0 20px 60px rgba(0,0,0,.45);padding:28px 26px;color:#e5e7eb}
.yapb-modal-counter{display:inline-flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;border-radius:999px;background:rgba(0,111,238,.14);border:1px solid rgba(0,111,238,.28);font-size:1.5rem;font-weight:900;color:#38bdf8}


/* === Migrated from sqlbansistemi.tpl style block #1 === */
.gpu-layer {
    transform: translateZ(0);
    will-change: transform, opacity;
    backface-visibility: hidden;
}

.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(100,116,139,.3); border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(100,116,139,.5); }

.cfg-input,
.cfg-select,
.cfg-textarea {
    width: 100%;
    background-color: var(--color-bg);
    color: var(--color-heading);
    border: 1px solid var(--color-border);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    font-size: 13px;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    outline: none;
    transition: all 0.2s ease;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
}
.cfg-input:focus,
.cfg-select:focus,
.cfg-textarea:focus { border-color: var(--color-accent); }
.cfg-input::placeholder,
.cfg-textarea::placeholder { color: var(--color-text); opacity: 0.4; }
.cfg-textarea { min-height: 140px; resize: vertical; }

.status-pill {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .7rem;
    border-radius: .7rem;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
}


/* ==========================================================
   KINGOFCS V13 — Server Management Theme Layer
   Scope: customer game server management pages.
   All former page-level <style> blocks are centralized here.
   ========================================================== */
:root{
  --color-bg:#f3f8ff;
  --color-panel:#ffffff;
  --color-brand-bg:#f3f8ff;
  --color-brand-panel:#ffffff;
  --color-brand-border:#dbe7f6;
  --color-border:#dbe7f6;
  --color-heading:#071426;
  --color-text:#334155;
  --color-muted:#64748b;
  --color-brand-heading:#071426;
  --color-brand-text:#334155;
  --color-brand-muted:#64748b;
  --color-accent:#0b6ff5;
  --color-brand-accent:#0b6ff5;
  --color-brand-accent-soft:#e8f2ff;
  --koc-blue:#0b6ff5;
  --koc-blue-2:#0759c7;
  --koc-navy:#071426;
  --koc-soft:#f3f8ff;
  --koc-panel:#ffffff;
  --koc-border:#dbe7f6;
  --koc-text:#334155;
  --koc-muted:#64748b;
}

/* Old dark template variables are normalized to the light KINGOFCS palette. */
[class*="bg-brand-panel"], .bg-brand-panel, .bg-brand-panel\/80, .bg-brand-panel\/70, .bg-brand-panel\/60{background-color:#fff!important;}
[class*="bg-brand-bg"], .bg-brand-bg, .bg-brand-bg\/80, .bg-brand-bg\/70, .bg-brand-bg\/60{background-color:#f8fbff!important;}
.text-brand-heading, [class*="text-brand-heading"]{color:#071426!important;}
.text-brand-text, [class*="text-brand-text"]{color:#334155!important;}
.text-brand-muted, [class*="text-brand-muted"]{color:#64748b!important;}
.border-brand-border, [class*="border-brand-border"]{border-color:#dbe7f6!important;}
.text-brand-accent, [class*="text-brand-accent"]{color:#0b6ff5!important;}
.bg-brand-accent, [class*="bg-brand-accent"]{background-color:#0b6ff5!important;color:#fff!important;}
.bg-brand-accent\/10, .bg-brand-accent\/15{background-color:#e8f2ff!important;}
.border-brand-accent\/20,.border-brand-accent\/25,.border-brand-accent\/30{border-color:#b9d7ff!important;}

/* Shared server page foundation */
.space-y-5 > .relative.overflow-hidden.rounded-2xl,
.space-y-5 > .rounded-2xl,
.nogcp-cfg3-card,.nogcp-cfg3-hero,.section-card,.models-hero,.model-team-card,
.aw-shell,.mod-shell,.sql-shell,.webftp-shell,.wf-shell,.antiwall-shell,
.csarea-home-theme-root .csa-v6-card,.csa-v6-card,.csa-v6-server-cell{
  background:#fff!important;
  border:1px solid #dbe7f6!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
  color:#334155!important;
}
.space-y-5 > .relative.overflow-hidden.rounded-2xl::before,
.nogcp-cfg3-hero::before,.models-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;
  background:radial-gradient(circle at 0% 0%,rgba(11,111,245,.14),transparent 36%),radial-gradient(circle at 96% 12%,rgba(7,20,38,.08),transparent 28%);
}
.space-y-5 > .relative.overflow-hidden.rounded-2xl > *, .nogcp-cfg3-hero > *, .models-hero > *{position:relative;z-index:1;}

/* Headers / hero titles */
.nogcp-cfg3-eyebrow,.models-title,.csa-v6-eyebrow,.aw-eyebrow,.mod-eyebrow,.sql-eyebrow,
.text-\[10px\].font-bold.uppercase, .text-\[11px\].font-bold.uppercase{
  color:#0b6ff5!important;
}
h1,.text-xl.font-black,.text-2xl.font-black,.models-title,.nogcp-cfg3-title,.csa-v6-title{
  color:#071426!important;
}

/* Form controls */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select, textarea,
.nogcp-input,.nogcp-select,.nogcp-cfg3-input,.nogcp-cfg3-select,.model-input,
.aw-input,.mod-input,.sql-input,.webftp-input{
  background:#fff!important;
  color:#071426!important;
  border:1px solid #cfe0f6!important;
  border-radius:14px!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02)!important;
}
input:focus,select:focus,textarea:focus,
.nogcp-input:focus,.nogcp-select:focus,.nogcp-cfg3-input:focus,.nogcp-cfg3-select:focus,.model-input:focus{
  outline:none!important;border-color:#0b6ff5!important;box-shadow:0 0 0 4px rgba(11,111,245,.12)!important;
}
input::placeholder, textarea::placeholder{color:#94a3b8!important;}

/* Buttons */
button,.nogcp-button,.model-submit,.model-reset-btn,.bulk-btn,
.csa-v6-btn,.nogcp-cfg3-btn,.aw-btn,.mod-btn,.sql-btn{
  border-radius:14px;
}
button[type="submit"], .model-submit,.nogcp-button-primary,.csa-v6-btn-primary,
.bg-red-500,.bg-emerald-500,.bg-yellow-500{
  background:#0b6ff5!important;color:#fff!important;border-color:#0b6ff5!important;
  box-shadow:0 10px 22px rgba(11,111,245,.18)!important;
}
button[type="button"], .nogcp-button-secondary,.csa-v6-btn-secondary{
  border-color:#dbe7f6;color:#334155;background:#fff;
}
button:hover,.nogcp-button:hover,.model-submit:hover{filter:none;transform:translateY(-1px);}

/* Badges and status chips */
.rounded-full, .nogcp-cfg3-pill, .csa-v6-badge, .model-team-title, .quick-chip{
  border-color:#dbe7f6!important;
}
.text-emerald-300,.text-emerald-400,.text-emerald-600{color:#059669!important;}
.text-amber-300,.text-yellow-300,.text-orange-400{color:#d97706!important;}
.text-red-300,.text-red-400,.text-rose-400{color:#dc2626!important;}
.bg-emerald-500\/10,.bg-green-500\/10{background:#ecfdf5!important;border-color:#a7f3d0!important;}
.bg-amber-500\/10,.bg-yellow-500\/10,.bg-orange-500\/10{background:#fffbeb!important;border-color:#fde68a!important;}
.bg-red-500\/10,.bg-rose-500\/10{background:#fef2f2!important;border-color:#fecaca!important;}

/* Console */
.sk-term-shell{background:#071426!important;color:#dbeafe!important;border:1px solid #123254!important;}
.sk-term-grid{background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px)!important;background-size:24px 24px!important;}
.sk-console-line{color:#dbeafe!important;}
.sk-line-error{color:#fecaca!important}.sk-line-warn{color:#fde68a!important}.sk-line-ok{color:#bbf7d0!important}.sk-line-muted{color:#94a3b8!important}
.terminal-scrollbar::-webkit-scrollbar-thumb{background:#93a4ba!important;}

/* WebFTP */
.webftp-table,.wf-table, table{border-color:#dbe7f6!important;}
.webftp-file-row,.wf-file-row,tr{border-color:#edf3fb!important;}
.webftp-file-row:hover,.wf-file-row:hover,tbody tr:hover{background:#f3f8ff!important;}
.webftp-breadcrumb,.wf-breadcrumb{background:#f8fbff!important;border-color:#dbe7f6!important;color:#334155!important;}
.webftp-dropzone,.wf-dropzone,.model-drop{background:#f8fbff!important;border:1px dashed #9fc6ff!important;color:#334155!important;}
.webftp-dropzone:hover,.wf-dropzone:hover,.model-drop:hover{background:#eef6ff!important;border-color:#0b6ff5!important;}

/* Config/gamecfg shared class family */
.nogcp-cfg3{color:#334155!important;}
.nogcp-cfg3-toolbar{background:rgba(255,255,255,.92)!important;border:1px solid #dbe7f6!important;box-shadow:0 12px 28px rgba(15,23,42,.07)!important;}
.nogcp-cfg3-stat,.nogcp-cfg3-card .nogcp-cfg3-stat{background:#f8fbff!important;border-color:#dbe7f6!important;}
.nogcp-cfg3-stat b{color:#071426!important}.nogcp-cfg3-stat span{color:#64748b!important;}
.nogcp-cfg3-row,.nogcp-cfg3-item,.nogcp-cfg3-table-row{background:#fff!important;border-color:#edf3fb!important;}

/* Plugin and mod manager */
.section-card,.plugin-row,.mod-card,.aw-card,.sql-card,.model-team-card{background:#fff!important;border-color:#dbe7f6!important;}
.plugin-row:hover,.mod-card:hover,.aw-card:hover,.model-team-card:hover{background:#f8fbff!important;}
.plugin-row.is-selected{background:#eef6ff!important;box-shadow:inset 0 0 0 1px #9fc6ff!important;}
.quick-chip.active{background:#e8f2ff!important;border-color:#9fc6ff!important;color:#0759c7!important;}
.select-visual{background:#fff!important;border-color:#cfe0f6!important;}
.plugin-row.is-selected .select-visual{background:#0b6ff5!important;color:#fff!important;border-color:#0b6ff5!important;}

/* Models */
.models-hero,.model-team-card,.model-preview-box{background:#fff!important;border-color:#dbe7f6!important;color:#334155!important;}
.model-preview-box{background:linear-gradient(180deg,#f8fbff,#fff)!important;}
.model-name{color:#071426!important}.model-hint,.models-subtitle{color:#64748b!important;}
.mdl3d-stage{background:#071426!important;border-color:#123254!important;}
.mdl3d-status{background:rgba(7,20,38,.82)!important;color:#dbeafe!important;}

/* MySQL / statistics / tables */
.sql-shell table,.koc-server-page table,.nogcp-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #dbe7f6;border-radius:18px;overflow:hidden;background:#fff;}
.sql-shell th,.koc-server-page th,.nogcp-table th{background:#f3f8ff;color:#071426;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:12px;border-bottom:1px solid #dbe7f6;}
.sql-shell td,.koc-server-page td,.nogcp-table td{padding:12px;border-bottom:1px solid #edf3fb;color:#334155;}
.sql-shell tr:last-child td,.koc-server-page tr:last-child td,.nogcp-table tr:last-child td{border-bottom:0;}

/* Modals */
.modal,.nogcp-modal,.koc-modal,.fixed.inset-0{--tw-backdrop-blur:blur(6px)}
.nogcp-modal-panel,.modal-panel,[role="dialog"] > div{background:#fff!important;border-color:#dbe7f6!important;color:#334155!important;}

/* Responsive fixes */
@media (max-width: 768px){
  .nogcp-cfg3-statgrid,.grid.grid-cols-2.md\:grid-cols-4{grid-template-columns:1fr!important;}
  .section-card,.models-hero,.model-team-card,.space-y-5 > .rounded-2xl{border-radius:18px!important;}
  table{font-size:12px;}
}


/* =========================================================
   KINGOFCS V13 — Server Management Pages
   Inline style blocks from server-management tpl files moved here.
========================================================= */


/* =========================================================
   KINGOFCS V13 — Unified Server Management Theme
   Scope: Anasayfa, console, WebFTP, admins, bans, plugins, maps,
          routing, settings, game content pages.
========================================================= */
:root{
  --kcs-sm-bg:#f1f5f9;
  --kcs-sm-panel:#ffffff;
  --kcs-sm-panel-2:#f8fafc;
  --kcs-sm-border:#e2e8f0;
  --kcs-sm-border-2:#cbd5e1;
  --kcs-sm-heading:#071426;
  --kcs-sm-text:#475569;
  --kcs-sm-muted:#64748b;
  --kcs-sm-blue:#0b6ff5;
  --kcs-sm-blue-2:#0759c7;
  --kcs-sm-blue-soft:#eff6ff;
  --kcs-sm-green:#10b981;
  --kcs-sm-red:#ef4444;
  --kcs-sm-amber:#f59e0b;
}
body[data-koc-page="anasayfa"],
body[data-koc-page="sunucukonsolu"],
body[data-koc-page="sunucuwebftp"],
body[data-koc-page="adminler"],
body[data-koc-page="banlistesi"],
body[data-koc-page="eklentiler"],
body[data-koc-page="eklentiyukle"],
body[data-koc-page="antiwall"],
body[data-koc-page="silahkisitlamalari"],
body[data-koc-page="modlar"],
body[data-koc-page="cs2mod"],
body[data-koc-page="yonlendirme"],
body[data-koc-page="sunucuayarlari"],
body[data-koc-page="serveryedek"],
body[data-koc-page="dosyayukleme"],
body[data-koc-page="haritasilahkisitlamalari"],
body[data-koc-page="gamecfg"],
body[data-koc-page="genelayarlar"],
body[data-koc-page="ayarlar"],
body[data-koc-page="workshop"],
body[data-koc-page="yapbayarlari"],
body[data-koc-page="sqlbansistemi"],
body[data-koc-page="sqlgag"],
body[data-koc-page="amxsuper"],
body[data-koc-page="autoexeccfg"],
body[data-koc-page="motdeditor"],
body[data-koc-page="serversifirla"],
body[data-koc-page="oyuncuistatistikleri"],
body[data-koc-page="oyundns"],
body[data-koc-page="sunucuolaylari"],
body[data-koc-page="mysql"]{
  --color-bg:var(--kcs-sm-bg)!important;
  --color-panel:var(--kcs-sm-panel)!important;
  --color-border:var(--kcs-sm-border)!important;
  --color-text:var(--kcs-sm-text)!important;
  --color-heading:var(--kcs-sm-heading)!important;
  --color-accent:var(--kcs-sm-blue)!important;
  --color-dark:#e2e8f0!important;
  background:#f1f5f9!important;
  color:var(--kcs-sm-heading)!important;
}
body[data-koc-page="anasayfa"] .content,
body[data-koc-page="sunucukonsolu"] .content,
body[data-koc-page="sunucuwebftp"] .content,
body[data-koc-page="adminler"] .content,
body[data-koc-page="banlistesi"] .content,
body[data-koc-page="eklentiler"] .content,
body[data-koc-page="eklentiyukle"] .content,
body[data-koc-page="antiwall"] .content,
body[data-koc-page="silahkisitlamalari"] .content,
body[data-koc-page="modlar"] .content,
body[data-koc-page="cs2mod"] .content,
body[data-koc-page="yonlendirme"] .content,
body[data-koc-page="sunucuayarlari"] .content,
body[data-koc-page="serveryedek"] .content,
body[data-koc-page="dosyayukleme"] .content,
body[data-koc-page="haritasilahkisitlamalari"] .content,
body[data-koc-page="gamecfg"] .content,
body[data-koc-page="genelayarlar"] .content,
body[data-koc-page="ayarlar"] .content,
body[data-koc-page="workshop"] .content,
body[data-koc-page="yapbayarlari"] .content,
body[data-koc-page="sqlbansistemi"] .content,
body[data-koc-page="sqlgag"] .content,
body[data-koc-page="amxsuper"] .content,
body[data-koc-page="autoexeccfg"] .content,
body[data-koc-page="motdeditor"] .content,
body[data-koc-page="serversifirla"] .content,
body[data-koc-page="oyuncuistatistikleri"] .content,
body[data-koc-page="oyundns"] .content,
body[data-koc-page="sunucuolaylari"] .content,
body[data-koc-page="mysql"] .content{background:#f1f5f9!important;}
/* Tailwind color aliases used by legacy templates */
body[data-koc-page] .bg-brand-panel{background-color:#fff!important;}
body[data-koc-page] .bg-brand-bg,
body[data-koc-page] .bg-brand-bg\/30,
body[data-koc-page] .bg-brand-bg\/50,
body[data-koc-page] .bg-brand-bg\/70,
body[data-koc-page] .bg-brand-bg\/80,
body[data-koc-page] .bg-brand-dark{background-color:#f8fafc!important;}
body[data-koc-page] .border-brand-border{border-color:#e2e8f0!important;}
body[data-koc-page] .text-brand-heading{color:#071426!important;}
body[data-koc-page] .text-brand-text{color:#475569!important;}
body[data-koc-page] .text-brand-accent{color:#0b6ff5!important;}
body[data-koc-page] .bg-brand-accent{background-color:#0b6ff5!important;}
body[data-koc-page] .shadow-soft{box-shadow:0 10px 32px rgba(15,23,42,.075)!important;}
body[data-koc-page] .shadow-panel{box-shadow:0 18px 48px rgba(15,23,42,.12)!important;}
/* Unified cards */
body[data-koc-page] .v2-card,
body[data-koc-page] .stat-tile,
body[data-koc-page] .form-tile,
body[data-koc-page] .route-card,
body[data-koc-page] .srv-card,
body[data-koc-page] .panel-card,
body[data-koc-page] .server-card,
body[data-koc-page] .home-card,
body[data-koc-page] .koc-card,
body[data-koc-page] .rounded-2xl.border,
body[data-koc-page] .rounded-xl.border{
  border-color:#e2e8f0!important;
  background:#fff!important;
  color:#071426!important;
  box-shadow:0 12px 34px rgba(15,23,42,.065)!important;
}
body[data-koc-page] .rounded-2xl.border:hover,
body[data-koc-page] .rounded-xl.border:hover,
body[data-koc-page] .v2-card:hover,
body[data-koc-page] .route-card:hover{
  border-color:#bfdbfe!important;
  box-shadow:0 18px 45px rgba(11,111,245,.10)!important;
}
/* Hero/header blocks */
body[data-koc-page] .redirect-hero,
body[data-koc-page] .server-hero,
body[data-koc-page] .page-hero,
body[data-koc-page] .sk-page-hero,
body[data-koc-page] .sk-term-shell,
body[data-koc-page="anasayfa"] .relative.overflow-hidden.rounded-2xl.border:first-of-type,
body[data-koc-page="sunucukonsolu"] .relative.overflow-hidden.rounded-2xl.border:first-of-type{
  background:radial-gradient(circle at 88% 8%,rgba(43,132,255,.26),transparent 33%),linear-gradient(135deg,#071426 0%,#0b1f38 50%,#0b6ff5 142%)!important;
  border-color:#dbeafe!important;
  color:#fff!important;
  box-shadow:0 24px 70px rgba(7,20,38,.17)!important;
}
body[data-koc-page] .redirect-hero *,
body[data-koc-page] .server-hero *,
body[data-koc-page] .page-hero *,
body[data-koc-page] .sk-page-hero *,
body[data-koc-page] .sk-term-shell *{color:inherit;}
body[data-koc-page] .redirect-hero .text-brand-text,
body[data-koc-page] .server-hero .text-brand-text,
body[data-koc-page] .page-hero .text-brand-text,
body[data-koc-page] .sk-page-hero .text-brand-text{color:#dbeafe!important;}
/* Buttons */
body[data-koc-page] .nogcp-button,
body[data-koc-page] .koc-button,
body[data-koc-page] .btn,
body[data-koc-page] button[type="submit"],
body[data-koc-page] input[type="submit"]{
  border-radius:13px;
  font-weight:900;
}
body[data-koc-page] .nogcp-button-primary,
body[data-koc-page] .koc-button-primary,
body[data-koc-page] .btn-primary,
body[data-koc-page] button.bg-brand-accent,
body[data-koc-page] a.bg-brand-accent{
  background:#0b6ff5!important;
  border-color:#0b6ff5!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(11,111,245,.22)!important;
}
body[data-koc-page] .nogcp-button-primary:hover,
body[data-koc-page] .koc-button-primary:hover,
body[data-koc-page] .btn-primary:hover,
body[data-koc-page] button.bg-brand-accent:hover,
body[data-koc-page] a.bg-brand-accent:hover{background:#0759c7!important;border-color:#0759c7!important;color:#fff!important;}
body[data-koc-page] .nogcp-button-secondary,
body[data-koc-page] .koc-button-secondary,
body[data-koc-page] .btn-secondary{
  background:#fff!important;
  color:#071426!important;
  border:1px solid #cbd5e1!important;
}
body[data-koc-page] .nogcp-button-secondary:hover,
body[data-koc-page] .koc-button-secondary:hover,
body[data-koc-page] .btn-secondary:hover{border-color:#0b6ff5!important;color:#0b6ff5!important;background:#eff6ff!important;}
/* Inputs/selects */
body[data-koc-page] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body[data-koc-page] select,
body[data-koc-page] textarea,
body[data-koc-page] .nogcp-input,
body[data-koc-page] .nogcp-select,
body[data-koc-page] .custom-select{
  background:#fff!important;
  color:#071426!important;
  border:1px solid #cbd5e1!important;
  border-radius:13px!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02)!important;
}
body[data-koc-page] input:focus,
body[data-koc-page] select:focus,
body[data-koc-page] textarea:focus,
body[data-koc-page] .nogcp-input:focus,
body[data-koc-page] .nogcp-select:focus,
body[data-koc-page] .custom-select:focus{border-color:#0b6ff5!important;box-shadow:0 0 0 4px rgba(11,111,245,.12)!important;outline:none!important;}
body[data-koc-page] input::placeholder,
body[data-koc-page] textarea::placeholder{color:#94a3b8!important;}
/* Tables */
body[data-koc-page] table{border-color:#e2e8f0!important;}
body[data-koc-page] thead th,
body[data-koc-page] table thead td{
  background:#f8fafc!important;
  color:#475569!important;
  border-color:#e2e8f0!important;
  font-weight:950!important;
  text-transform:uppercase;
  letter-spacing:.08em;
}
body[data-koc-page] tbody td{border-color:#eef2f7!important;color:#071426;}
body[data-koc-page] tbody tr:hover{background:#f8fbff!important;}
/* Badges */
body[data-koc-page] .badge,
body[data-koc-page] .tag,
body[data-koc-page] .pill,
body[data-koc-page] .koc-pill,
body[data-koc-page] .file-path-box,
body[data-koc-page] code{
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  color:#475569!important;
  border-radius:999px;
}
body[data-koc-page] .file-path-box,
body[data-koc-page] code{border-radius:12px;}
/* Console terminal keeps dark only inside log viewport */
body[data-koc-page="sunucukonsolu"] .sk-terminal-height,
body[data-koc-page="sunucukonsolu"] #consoleOutput,
body[data-koc-page="sunucukonsolu"] .code-editor,
body[data-koc-page="sunucuayarlari"] .code-editor,
body[data-koc-page] .terminal-scrollbar.code-editor{
  background:#07111d!important;
  color:#dbeafe!important;
  border-color:#1e293b!important;
}
body[data-koc-page="sunucukonsolu"] .sk-console-line{color:#dbeafe!important;}
/* WebFTP */
body[data-koc-page="sunucuwebftp"] .file-row,
body[data-koc-page="sunucuwebftp"] .folder-row,
body[data-koc-page="sunucuwebftp"] .ftp-row,
body[data-koc-page="sunucuwebftp"] [data-file-row]{background:#fff!important;border-color:#e2e8f0!important;color:#071426!important;}
body[data-koc-page="sunucuwebftp"] .breadcrumb,
body[data-koc-page="sunucuwebftp"] .path-bar{background:#f8fafc!important;border-color:#e2e8f0!important;color:#475569!important;}
/* Plugin/extension cards */
body[data-koc-page="eklentiler"] .plugin-card,
body[data-koc-page="eklentiyukle"] .plugin-card,
body[data-koc-page="modlar"] .plugin-card,
body[data-koc-page="cs2mod"] .plugin-card,
body[data-koc-page="workshop"] .plugin-card,
body[data-koc-page] [data-plugin-card]{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;}
body[data-koc-page="eklentiler"] .plugin-card:hover,
body[data-koc-page="eklentiyukle"] .plugin-card:hover,
body[data-koc-page="modlar"] .plugin-card:hover,
body[data-koc-page="cs2mod"] .plugin-card:hover,
body[data-koc-page="workshop"] .plugin-card:hover,
body[data-koc-page] [data-plugin-card]:hover{border-color:#bfdbfe!important;box-shadow:0 16px 40px rgba(11,111,245,.10)!important;transform:translateY(-1px);}
/* Modal/swal */
body[data-koc-page] div:where(.swal2-container) div:where(.swal2-popup){background:#fff!important;border:1px solid #e2e8f0!important;color:#071426!important;border-radius:22px!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important;}
body[data-koc-page] div:where(.swal2-container) .swal2-html-container,
body[data-koc-page] div:where(.swal2-container) .swal2-title{color:#071426!important;}
body[data-koc-page] .modal,
body[data-koc-page] .modal-content,
body[data-koc-page] .modal-card{background:#fff!important;border-color:#e2e8f0!important;color:#071426!important;}
/* Alerts */
body[data-koc-page] .alert,
body[data-koc-page] .notice,
body[data-koc-page] .info-box{border-radius:18px!important;border:1px solid #bfdbfe!important;background:#eff6ff!important;color:#0759c7!important;}
body[data-koc-page] .alert-danger,
body[data-koc-page] .notice-danger{border-color:#fecaca!important;background:#fef2f2!important;color:#b91c1c!important;}
body[data-koc-page] .alert-success,
body[data-koc-page] .notice-success{border-color:#bbf7d0!important;background:#f0fdf4!important;color:#047857!important;}
body[data-koc-page] .alert-warning,
body[data-koc-page] .notice-warning{border-color:#fde68a!important;background:#fffbeb!important;color:#b45309!important;}
/* Legacy dark remnants */
body[data-koc-page] .bg-black\/20,
body[data-koc-page] .bg-black\/30,
body[data-koc-page] .bg-black\/40,
body[data-koc-page] .bg-slate-900\/40,
body[data-koc-page] .bg-slate-950,
body[data-koc-page] .bg-zinc-900,
body[data-koc-page] .bg-gray-900{background-color:#fff!important;}
body[data-koc-page] .text-white:not(.kcs-keep-white),
body[data-koc-page] .text-slate-100:not(.kcs-keep-white),
body[data-koc-page] .text-zinc-100:not(.kcs-keep-white){color:#071426!important;}
body[data-koc-page] .text-slate-300,
body[data-koc-page] .text-zinc-300,
body[data-koc-page] .text-gray-300{color:#475569!important;}
/* Preserve white text inside dark hero gradients and primary buttons */
body[data-koc-page] .redirect-hero .text-white,
body[data-koc-page] .server-hero .text-white,
body[data-koc-page] .page-hero .text-white,
body[data-koc-page] .sk-page-hero .text-white,
body[data-koc-page] .sk-term-shell .text-white,
body[data-koc-page] .bg-brand-accent .text-white,
body[data-koc-page] button.bg-brand-accent,
body[data-koc-page] a.bg-brand-accent{color:#fff!important;}
@media(max-width:768px){
  body[data-koc-page] .content{padding-left:12px!important;padding-right:12px!important;}
  body[data-koc-page] .rounded-2xl.border,
  body[data-koc-page] .rounded-xl.border{border-radius:18px!important;}
  body[data-koc-page] table{min-width:720px;}
  body[data-koc-page] .overflow-x-auto{border-radius:16px;}
}


/* ======================================================================
   KINGOFCS V14 — Oyun/Ses Sunucusu Kiralama Ortak Tema Düzeltmeleri
   - Ayrı sayfa CSS yoktur.
   - OyunSunucusu ve SesSunucusu tasarımları ana kingofcs.css içindedir.
   ====================================================================== */

.kcs-rental-page,
.kingofcs-voice-page {
  --kcs-navy-950:#071426;
  --kcs-navy-900:#0b1f38;
  --kcs-navy-800:#123254;
  --kcs-blue-700:#0759c7;
  --kcs-blue-600:#0b6ff5;
  --kcs-blue-500:#2b84ff;
  --kcs-blue-100:#dcecff;
  --kcs-blue-50:#f3f8ff;
  --kcs-slate-950:#0f172a;
  --kcs-slate-800:#1e293b;
  --kcs-slate-700:#334155;
  --kcs-slate-600:#475569;
  --kcs-slate-500:#64748b;
  --kcs-slate-400:#94a3b8;
  --kcs-slate-300:#cbd5e1;
  --kcs-slate-200:#e2e8f0;
  --kcs-slate-100:#f1f5f9;
  --kcs-slate-50:#f8fafc;
  --kcs-white:#fff;
  --kcs-success:#059669;
  --kcs-success-bg:#ecfdf5;
  --kcs-success-border:#a7f3d0;
  --kcs-warning:#b45309;
  --kcs-warning-bg:#fffbeb;
  --kcs-warning-border:#fde68a;
  --kcs-danger:#be123c;
  --kcs-danger-bg:#fff1f2;
  --kcs-danger-border:#fecdd3;
}

/* Oyun sunucusu sayfası: V13 üzerine görsel tutarlılık düzeltmesi */
.kcs-rental-page .kcs-product-card,
.kcs-rental-page .server-card,
.kcs-rental-page .duration-card,
.kcs-rental-page .subtype-card,
.kcs-rental-page .kcs-subtype-shell,
.kcs-rental-page .kcs-empty-state,
.kcs-rental-page .kcs-info-modal__card,
.kcs-rental-page .invoice-wrap {
  border-color:var(--kcs-slate-200) !important;
  background:#fff !important;
  color:var(--kcs-slate-950) !important;
  box-shadow:0 16px 42px rgba(15,23,42,.08) !important;
}
.kcs-rental-page .kcs-product-card:hover,
.kcs-rental-page .server-card:hover,
.kcs-rental-page .duration-card:hover,
.kcs-rental-page .subtype-card:hover {
  border-color:#93c5fd !important;
  box-shadow:0 18px 48px rgba(11,111,245,.13) !important;
}
.kcs-rental-page .kcs-product-card.active,
.kcs-rental-page .server-card.active,
.kcs-rental-page .duration-card.active,
.kcs-rental-page .subtype-card.active {
  border-color:var(--kcs-blue-600) !important;
  box-shadow:0 20px 52px rgba(11,111,245,.18) !important;
}
.kcs-rental-page .kcs-product-media {
  background:linear-gradient(135deg,var(--kcs-navy-950),var(--kcs-navy-800)) !important;
}
.kcs-rental-page .kcs-product-body,
.kcs-rental-page .kcs-product-meta,
.kcs-rental-page .kcs-product-features {
  color:var(--kcs-slate-600) !important;
}
.kcs-rental-page .kcs-status-pill,
.kcs-rental-page .stock-badge,
.kcs-rental-page .server-badge,
.kcs-rental-page .type-badge {
  border-radius:999px !important;
}
.kcs-rental-page input,
.kcs-rental-page select,
.kcs-rental-page textarea {
  background:#fff !important;
  color:var(--kcs-slate-950) !important;
  border-color:var(--kcs-slate-200) !important;
}
.kcs-rental-page input:focus,
.kcs-rental-page select:focus,
.kcs-rental-page textarea:focus {
  border-color:var(--kcs-blue-600) !important;
  box-shadow:0 0 0 3px rgba(11,111,245,.14) !important;
}
.kcs-rental-page .kcs-info-modal__backdrop {
  background:rgba(2,6,23,.62) !important;
  backdrop-filter:blur(8px);
}

/* Ses sunucusu kiralama sayfası */
.kingofcs-voice-page {
  --cv-bg:var(--kcs-slate-100);
  --cv-panel:#fff;
  --cv-dark:var(--kcs-slate-50);
  --cv-border:var(--kcs-slate-200);
  --cv-border-soft:#dbeafe;
  --cv-text:var(--kcs-slate-600);
  --cv-heading:var(--kcs-slate-950);
  --cv-muted:var(--kcs-slate-500);
  --cv-accent:var(--kcs-blue-600);
  --cv-accent-hover:var(--kcs-blue-700);
  --cv-success:#059669;
  --cv-warning:#b45309;
  --cv-danger:#be123c;
  --cv-radius:22px;
  display:block;
  color:var(--cv-text);
  padding-bottom:42px;
  font-family:"Open Sans",ui-sans-serif,system-ui,sans-serif;
}
.kingofcs-voice-page *,
.kingofcs-voice-page *::before,
.kingofcs-voice-page *::after{box-sizing:border-box}
.kingofcs-voice-page h1,
.kingofcs-voice-page h2,
.kingofcs-voice-page h3,
.kingofcs-voice-page h4{font-family:"Exo 2",ui-sans-serif,system-ui,sans-serif}
.kingofcs-voice-page .hidden,.kingofcs-voice-page .is-hidden{display:none!important}
.voice-shell{display:grid;gap:20px}
.voice-hero{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(191,219,254,.38);background:linear-gradient(135deg,var(--kcs-navy-950),var(--kcs-navy-900) 55%,#0b65d8);box-shadow:0 18px 50px rgba(15,23,42,.16);color:#fff}
.voice-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,rgba(0,0,0,.90),transparent 78%);pointer-events:none}
.voice-hero::after{content:"";position:absolute;right:-110px;top:-120px;width:380px;height:380px;border-radius:999px;background:rgba(43,132,255,.30);filter:blur(35px);pointer-events:none}
.voice-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:stretch;padding:30px}
.voice-hero-title{margin:0;color:#fff;font-size:clamp(28px,3vw,44px);line-height:1.04;font-weight:900;letter-spacing:-.04em}
.voice-hero-title span{color:#93c5fd}
.voice-hero-desc{max-width:760px;margin:12px 0 0;color:rgba(219,234,254,.82);font-size:14px;line-height:1.75;font-weight:600}
.voice-hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.voice-hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075);color:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}
.voice-hero-badge i{color:#bfdbfe}
.voice-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.voice-mt-14{margin-top:14px!important}.voice-mt-10{margin-top:10px!important}.is-full{width:100%!important}.is-nowrap{white-space:nowrap!important}.voice-strong{color:var(--cv-heading)!important}
.voice-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border-radius:14px;border:1px solid var(--cv-border);background:#fff;color:var(--kcs-slate-700);font-weight:850;font-size:13px;text-decoration:none;transition:.18s ease;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.voice-btn:hover{transform:translateY(-1px);border-color:#93c5fd;color:var(--kcs-blue-700);background:var(--kcs-blue-50)}
.voice-btn.primary{background:linear-gradient(135deg,var(--kcs-blue-600),var(--kcs-blue-700));border-color:var(--kcs-blue-600);color:#fff;box-shadow:0 14px 32px rgba(11,111,245,.22)}
.voice-btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff;box-shadow:none}
.voice-command-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:24px;padding:18px;backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:space-between;min-height:220px}
.voice-command-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.voice-orb{width:64px;height:64px;border-radius:22px;border:1px solid rgba(191,219,254,.46);background:rgba(255,255,255,.10);color:#bfdbfe;display:flex;align-items:center;justify-content:center;font-size:28px}.voice-live-dot{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.voice-live-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.9)}
.voice-command-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.voice-command-metric{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.075);padding:13px}.voice-command-metric small{display:block;color:#bfdbfe;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.voice-command-metric strong{display:block;color:#fff;font-size:20px;line-height:1;margin-top:8px;font-weight:900}
.voice-alert{border-radius:18px;border:1px solid var(--kcs-danger-border);background:var(--kcs-danger-bg);color:var(--kcs-danger);padding:15px 16px;display:flex;gap:12px;align-items:flex-start;font-weight:800}.voice-alert i{margin-top:3px}
.voice-builder{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}.voice-side{position:sticky;top:18px;display:grid;gap:14px}.voice-side-panel,.voice-package-board,.voice-balance-card{border:1px solid var(--cv-border);border-radius:var(--cv-radius);background:#fff;box-shadow:0 16px 42px rgba(15,23,42,.07);overflow:hidden}.voice-side-head{padding:18px;border-bottom:1px solid var(--cv-border);background:linear-gradient(135deg,var(--kcs-blue-50),#fff)}.voice-side-head small{display:flex;align-items:center;gap:8px;color:var(--cv-accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.voice-side-head h3{margin:7px 0 0;color:var(--cv-heading);font-size:20px;line-height:1.15;font-weight:900;letter-spacing:-.025em}.voice-flow{padding:16px;display:grid;gap:12px}.voice-flow-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center}.voice-flow-num{width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--kcs-slate-50);color:var(--cv-heading);font-weight:900;border:1px solid var(--cv-border)}.voice-flow-item.is-active .voice-flow-num{background:linear-gradient(135deg,var(--kcs-blue-600),var(--kcs-blue-700));border-color:var(--kcs-blue-600);color:#fff}.voice-flow-title{color:var(--cv-heading);font-size:13px;font-weight:900}.voice-flow-desc{color:var(--cv-muted);font-size:11px;line-height:1.45;margin-top:2px}.voice-balance-card{padding:18px}.voice-balance-card small{display:flex;align-items:center;gap:8px;color:var(--cv-muted);text-transform:uppercase;letter-spacing:.11em;font-weight:900;font-size:10px}.voice-balance-card strong{display:block;color:var(--cv-heading);font-size:26px;font-weight:900;margin-top:8px}.voice-board-head{padding:18px 20px;border-bottom:1px solid var(--cv-border);display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,#fff,var(--kcs-slate-50))}.voice-board-head h3{margin:0;color:var(--cv-heading);font-size:20px;font-weight:900;letter-spacing:-.025em;display:flex;align-items:center;gap:10px}.voice-board-head h3 i{color:var(--cv-accent)}.voice-board-head p{margin:5px 0 0;color:var(--cv-muted);font-size:12px;font-weight:650}.voice-price-pill{border:1px solid var(--cv-border);background:#fff;color:var(--cv-muted);border-radius:14px;padding:10px 12px;font-size:12px;font-weight:800;white-space:nowrap}.voice-price-pill b{color:var(--cv-heading)}.voice-plans{padding:18px;display:grid;gap:16px}.voice-plan{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;border:1px solid var(--cv-border);border-radius:22px;background:#fff;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.05);transition:.18s ease}.voice-plan:hover{border-color:#93c5fd;box-shadow:0 18px 48px rgba(11,111,245,.12);transform:translateY(-1px)}.voice-plan.is-popular{border-color:#93c5fd;box-shadow:inset 4px 0 0 var(--cv-accent),0 18px 48px rgba(11,111,245,.10)}.voice-plan::after{content:"";position:absolute;right:-100px;bottom:-125px;width:260px;height:260px;border-radius:999px;background:rgba(11,111,245,.06);pointer-events:none}.voice-plan-main,.voice-plan-aside{position:relative;z-index:1}.voice-plan-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.voice-level,.voice-popular{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.10em}.voice-level{background:var(--kcs-blue-50);color:var(--kcs-blue-700);border:1px solid var(--kcs-blue-100)}.voice-popular{background:var(--kcs-warning-bg);color:var(--kcs-warning);border:1px solid var(--kcs-warning-border)}.voice-plan h4{color:var(--cv-heading);font-size:22px;line-height:1.08;margin:0;font-weight:900;letter-spacing:-.035em}.voice-plan-desc{color:var(--cv-text);font-size:13px;line-height:1.6;margin:9px 0 0;max-width:760px;font-weight:650}.voice-spec-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.voice-spec{border:1px solid var(--cv-border);background:var(--kcs-slate-50);border-radius:15px;padding:12px}.voice-spec small{display:flex;align-items:center;gap:7px;color:var(--cv-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.voice-spec small i{color:var(--cv-accent)}.voice-spec b{display:block;margin-top:7px;color:var(--cv-heading);font-size:16px;font-weight:900}.voice-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:15px}.voice-feature{display:flex;align-items:flex-start;gap:8px;color:var(--cv-text);font-size:12px;line-height:1.4;font-weight:700}.voice-feature i{color:var(--cv-accent);margin-top:2px;width:14px;text-align:center;flex-shrink:0}.voice-feature.is-highlight{color:var(--cv-heading);font-weight:900}.voice-more{color:var(--cv-accent);font-size:12px;font-weight:900;margin-top:10px;display:inline-flex;align-items:center;gap:7px}.voice-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.voice-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--cv-border);background:#fff;color:var(--cv-heading)}.voice-chip.is-on{border-color:var(--kcs-success-border);background:var(--kcs-success-bg);color:var(--kcs-success)}.voice-chip.is-off{opacity:.62}.voice-plan-aside{border-left:1px solid var(--cv-border);padding-left:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.voice-price-label{color:var(--cv-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.voice-price{color:var(--cv-heading);font-size:30px;line-height:1;font-weight:900;letter-spacing:-.045em;margin-top:6px}.voice-price-note{color:var(--cv-muted);font-size:11px;margin-top:7px;font-weight:750}.voice-action{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:15px;border:1px solid var(--cv-accent);background:linear-gradient(135deg,var(--kcs-blue-600),var(--kcs-blue-700));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 14px 32px rgba(11,111,245,.20);text-decoration:none}.voice-action.locked{border-color:var(--cv-border);background:var(--kcs-slate-50);color:var(--cv-heading);box-shadow:none}.voice-warning{border:1px solid var(--kcs-warning-border);background:var(--kcs-warning-bg);color:var(--kcs-warning);border-radius:14px;padding:11px;font-size:12px;font-weight:800;line-height:1.4}.voice-empty{padding:60px 20px;text-align:center}.voice-empty-icon{width:72px;height:72px;margin:0 auto 14px;border-radius:22px;background:var(--kcs-blue-50);border:1px solid var(--kcs-blue-100);color:var(--cv-accent);display:flex;align-items:center;justify-content:center;font-size:28px}.voice-empty h4{color:var(--cv-heading);font-size:20px;margin:0;font-weight:900}.voice-empty p{color:var(--cv-muted);margin:6px 0 0;font-size:13px}
.voice-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}.voice-modal.is-open{display:flex}.voice-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.66);backdrop-filter:blur(10px)}.voice-modal-card{position:relative;width:min(980px,100%);max-height:calc(100vh - 44px);overflow:hidden;border:1px solid rgba(191,219,254,.65);background:#fff;border-radius:30px;box-shadow:0 36px 120px rgba(15,23,42,.34)}.voice-modal-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(11,111,245,.10),transparent 34%),radial-gradient(circle at 84% 28%,rgba(148,163,184,.10),transparent 28%)}.voice-modal-shell{position:relative;z-index:1;display:grid;grid-template-columns:360px minmax(0,1fr);min-height:600px;max-height:calc(100vh - 44px)}.voice-modal-summary{position:relative;overflow:hidden;padding:26px;border-right:1px solid var(--cv-border);background:linear-gradient(180deg,var(--kcs-navy-950),var(--kcs-navy-900));display:flex;flex-direction:column;justify-content:space-between;gap:22px;color:#fff}.voice-modal-summary::after{content:"";position:absolute;right:-110px;bottom:-110px;width:250px;height:250px;border-radius:999px;background:rgba(43,132,255,.18);pointer-events:none}.voice-modal-logo{position:relative;width:64px;height:64px;border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--kcs-blue-600),var(--kcs-blue-700));box-shadow:0 20px 45px rgba(11,111,245,.24);font-size:26px}.voice-modal-kicker{position:relative;color:#bfdbfe;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:8px;margin-top:18px}.voice-modal-summary h3{position:relative;color:#fff;margin:8px 0 0;font-size:28px;line-height:1.08;font-weight:900;letter-spacing:-.045em}.voice-modal-summary p{position:relative;margin:11px 0 0;color:rgba(219,234,254,.82);font-size:13px;line-height:1.6;font-weight:650}.voice-modal-pillrow{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.voice-modal-pill{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;gap:7px}.voice-modal-pricebox{position:relative;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:18px;padding:16px}.voice-modal-pricebox small{display:block;color:#bfdbfe;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.voice-modal-pricebox b{display:block;color:#fff;font-size:28px;font-weight:900;margin-top:7px}.voice-modal-pricebox span{display:block;margin-top:8px;color:rgba(219,234,254,.78);font-size:12px;line-height:1.45}.voice-modal-main{overflow:auto;padding:26px;display:grid;gap:16px;background:#fff}.voice-modal-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.voice-modal-titleblock small{display:flex;align-items:center;gap:8px;color:var(--cv-accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.voice-modal-titleblock h4{margin:7px 0 0;color:var(--cv-heading);font-size:24px;font-weight:900;letter-spacing:-.03em}.voice-modal-close{width:42px;height:42px;border-radius:14px;border:1px solid var(--cv-border);background:var(--kcs-slate-50);color:var(--cv-heading);display:flex;align-items:center;justify-content:center;cursor:pointer}.voice-modal-steps,.voice-modal-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.voice-modal-step,.voice-modal-spec{border:1px solid var(--cv-border);border-radius:16px;background:var(--kcs-slate-50);padding:12px}.voice-modal-step{display:flex;gap:10px;align-items:flex-start}.voice-modal-step i{color:var(--cv-accent);margin-top:2px}.voice-modal-step b{display:block;color:var(--cv-heading);font-size:12px;font-weight:900}.voice-modal-step span{display:block;margin-top:3px;color:var(--cv-muted);font-size:11px;line-height:1.35}.voice-modal-spec small{display:flex;align-items:center;gap:7px;color:var(--cv-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.voice-modal-spec small i{color:var(--cv-accent)}.voice-modal-spec b{display:block;margin-top:7px;color:var(--cv-heading);font-size:16px;font-weight:900}.voice-form-panel,.voice-feature-preview,.voice-dns-box,.voice-modal-info{border:1px solid var(--cv-border);border-radius:18px;background:#fff;padding:15px;box-shadow:0 8px 22px rgba(15,23,42,.035)}.voice-form-label span{display:flex;align-items:center;gap:8px;color:var(--cv-heading);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.voice-input{width:100%;min-height:46px;border-radius:14px;border:1px solid var(--cv-border);background:#fff;color:var(--cv-heading);padding:0 14px;margin-top:10px;font-weight:750;outline:none}.voice-input:focus{border-color:var(--cv-accent);box-shadow:0 0 0 3px rgba(11,111,245,.14)}.voice-form-help{margin-top:8px;color:var(--cv-muted);font-size:11px;line-height:1.5}.voice-feature-preview-title,.voice-dns-title{display:flex;align-items:center;gap:8px;color:var(--cv-heading);font-size:13px;font-weight:900}.voice-feature-preview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:12px}.voice-dns-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.voice-dns-text{color:var(--cv-text);font-size:12px;line-height:1.45;font-weight:650}.voice-modal-info{display:flex;gap:12px;color:var(--cv-text);font-size:12px;line-height:1.55;background:var(--kcs-blue-50);border-color:var(--kcs-blue-100)}.voice-modal-info i{color:var(--cv-accent);margin-top:2px}.voice-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.voice-cancel,.voice-submit{min-height:46px;border-radius:15px;padding:0 18px;font-weight:900;cursor:pointer}.voice-cancel{border:1px solid var(--cv-border);background:#fff;color:var(--cv-heading)}.voice-submit{border:1px solid var(--cv-accent);background:linear-gradient(135deg,var(--kcs-blue-600),var(--kcs-blue-700));color:#fff;box-shadow:0 14px 32px rgba(11,111,245,.20)}
@media (max-width:1100px){.voice-hero-inner,.voice-builder{grid-template-columns:1fr}.voice-side{position:static}.voice-plan{grid-template-columns:1fr}.voice-plan-aside{border-left:0;border-top:1px solid var(--cv-border);padding-left:0;padding-top:16px}.voice-modal-shell{grid-template-columns:1fr;min-height:0}.voice-modal-summary{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}
@media (max-width:760px){.voice-hero-inner{padding:22px}.voice-command-metrics,.voice-spec-row,.voice-features,.voice-modal-steps,.voice-modal-specs,.voice-feature-preview-list{grid-template-columns:1fr}.voice-board-head{align-items:flex-start;flex-direction:column}.voice-plans{padding:12px}.voice-plan{padding:15px;border-radius:18px}.voice-modal{align-items:flex-end;padding:0}.voice-modal-card{width:100%;max-height:94vh;border-radius:24px 24px 0 0}.voice-modal-main,.voice-modal-summary{padding:20px}.voice-dns-row,.voice-modal-actions{flex-direction:column;align-items:stretch}.voice-hero-title{font-size:30px}}

/* ======================================================================
   KINGOFCS V15 — Kiralama modal pencereleri polish
   - OyunSunucusu bilgi modalı, SesSunucusu ödeme modalı ve YaPB modalları
     tek ana kingofcs.css üzerinden modernleştirildi.
   ====================================================================== */

body.kcs-modal-open{overflow:hidden!important;}
.kcs-info-modal.kcs-rental-modal-v15{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:24px;font-family:"Open Sans",ui-sans-serif,system-ui,sans-serif;}
.kcs-info-modal.kcs-rental-modal-v15.is-open{display:flex;}
.kcs-rental-modal-v15 .kcs-info-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58)!important;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);}
.kcs-rental-modal-v15 .kcs-info-modal__card{position:relative;width:min(640px,100%);overflow:hidden;border:1px solid rgba(191,219,254,.85)!important;border-radius:28px!important;background:#fff!important;box-shadow:0 30px 90px rgba(15,23,42,.30)!important;color:#0f172a!important;animation:kcsModalIn .18s ease-out;}
@keyframes kcsModalIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.kcs-rental-modal-v15 .kcs-info-modal__hero{position:relative;overflow:hidden;padding:24px 26px 22px;background:linear-gradient(135deg,#071426 0%,#0b1f38 52%,#123254 100%);color:#fff;}
.kcs-rental-modal-v15 .kcs-info-modal__hero-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),radial-gradient(circle at 12% 16%,rgba(43,132,255,.34),transparent 28%),radial-gradient(circle at 88% 20%,rgba(255,255,255,.12),transparent 22%);background-size:22px 22px,22px 22px,auto,auto;pointer-events:none;}
.kcs-rental-modal-v15 .kcs-info-modal__hero-content{position:relative;z-index:1;display:grid;gap:18px;padding-right:42px;}
.kcs-rental-modal-v15 .kcs-info-modal__badge{display:inline-flex;align-items:center;gap:8px;width:max-content;border:1px solid rgba(191,219,254,.45);border-radius:999px;background:rgba(255,255,255,.10);color:#dbeafe;padding:8px 11px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.10);}
.kcs-rental-modal-v15 .kcs-info-modal__badge i{color:#93c5fd;}
.kcs-rental-modal-v15 .kcs-info-modal__hero-row{display:flex;align-items:flex-start;gap:17px;}
.kcs-rental-modal-v15 .kcs-info-modal__icon{width:72px;height:72px;flex:0 0 auto;display:grid;place-items:center;border-radius:24px;border:1px solid rgba(191,219,254,.34);background:linear-gradient(135deg,rgba(43,132,255,.28),rgba(255,255,255,.08));box-shadow:0 18px 42px rgba(0,0,0,.18);color:#fff;margin:0;font-size:28px;}
.kcs-rental-modal-v15 .kcs-info-modal__title-wrap h3{margin:0;color:#fff!important;font-size:25px;line-height:1.12;font-weight:950;letter-spacing:-.035em;}
.kcs-rental-modal-v15 .kcs-info-modal__title-wrap p{margin:9px 0 0;color:#dbeafe!important;font-size:14px;line-height:1.65;font-weight:650;max-width:460px;}
.kcs-rental-modal-v15 .kcs-info-modal__close{position:absolute;top:18px;right:18px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;transition:.16s ease;}
.kcs-rental-modal-v15 .kcs-info-modal__close:hover{background:#fff;color:#0b1f38;transform:translateY(-1px);}
.kcs-rental-modal-v15 .kcs-info-modal__content{padding:22px 26px 24px;display:grid;gap:16px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);}
.kcs-rental-modal-v15 .kcs-info-modal__status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.kcs-rental-modal-v15 .kcs-info-modal__status-card{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:14px 15px;box-shadow:0 10px 26px rgba(15,23,42,.045);}
.kcs-rental-modal-v15 .kcs-info-modal__status-card--primary{border-color:#bfdbfe;background:#eff6ff;}
.kcs-rental-modal-v15 .kcs-info-modal__status-card span{display:flex;align-items:center;gap:7px;color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;}
.kcs-rental-modal-v15 .kcs-info-modal__status-card span i{color:#0b6ff5;}
.kcs-rental-modal-v15 .kcs-info-modal__status-card strong{display:block;margin-top:8px;color:#071426;font-size:14px;font-weight:950;line-height:1.25;}
.kcs-rental-modal-v15 .kcs-info-modal__notice{display:flex;align-items:flex-start;gap:12px;border:1px solid #dbeafe;background:#f8fbff;border-radius:18px;padding:15px 16px;color:#334155;}
.kcs-rental-modal-v15 .kcs-info-modal__notice>i{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:#dcecff;color:#0759c7;}
.kcs-rental-modal-v15 .kcs-info-modal__notice strong{display:block;color:#071426;font-size:13px;font-weight:950;}
.kcs-rental-modal-v15 .kcs-info-modal__notice p{margin:4px 0 0;color:#475569;font-size:12px;line-height:1.55;font-weight:650;}
.kcs-rental-modal-v15 .kcs-info-modal__reason{margin:0;border:0;border-radius:0;padding:0;background:transparent;}
.kcs-rental-modal-v15 .kcs-info-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin:2px 0 0;}
.kcs-rental-modal-v15 .kcs-info-modal__btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;padding:0 18px;font-size:12px;font-weight:950;letter-spacing:.01em;transition:.16s ease;}
.kcs-rental-modal-v15 .kcs-info-modal__btn--ghost{border:1px solid #cbd5e1;background:#fff;color:#334155;}
.kcs-rental-modal-v15 .kcs-info-modal__btn--ghost:hover{border-color:#93c5fd;color:#0759c7;background:#f3f8ff;}
.kcs-rental-modal-v15 .kcs-info-modal__btn--primary{border:1px solid #0b6ff5;background:linear-gradient(135deg,#0b6ff5,#0759c7);color:#fff;box-shadow:0 14px 34px rgba(11,111,245,.24);}
.kcs-rental-modal-v15 .kcs-info-modal__btn--primary:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(11,111,245,.30);}

/* Ses sunucusu ödeme modalı — daha kompakt ve temiz */
.kingofcs-voice-page .voice-modal{z-index:100000;padding:24px;}
.kingofcs-voice-page .voice-modal-backdrop{background:rgba(15,23,42,.60)!important;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);}
.kingofcs-voice-page .voice-modal-card{width:min(1040px,100%);border-radius:30px;border:1px solid rgba(191,219,254,.85);box-shadow:0 34px 100px rgba(15,23,42,.32);}
.kingofcs-voice-page .voice-modal-summary{background:linear-gradient(145deg,#071426,#0b1f38 58%,#123254);}
.kingofcs-voice-page .voice-modal-main{background:linear-gradient(180deg,#fff,#f8fafc);}
.kingofcs-voice-page .voice-modal-close:hover{background:#0b6ff5;color:#fff;border-color:#0b6ff5;}
.kingofcs-voice-page .voice-modal-step,.kingofcs-voice-page .voice-modal-spec,.kingofcs-voice-page .voice-form-panel,.kingofcs-voice-page .voice-feature-preview,.kingofcs-voice-page .voice-dns-box,.kingofcs-voice-page .voice-modal-info{box-shadow:0 10px 28px rgba(15,23,42,.045);}
.kingofcs-voice-page .voice-modal-actions{border-top:1px solid #e2e8f0;padding-top:16px;margin-top:2px;}
.kingofcs-voice-page .voice-submit:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(11,111,245,.28);}
.kingofcs-voice-page .voice-cancel:hover{border-color:#93c5fd;color:#0759c7;background:#f3f8ff;}

/* PHP tarafından üretilen YaPB başarı ve restart modalları */
#yapb-success-modal,#yapb-restart-wait-modal{z-index:100000!important;padding:24px!important;font-family:"Open Sans",ui-sans-serif,system-ui,sans-serif!important;}
#yapb-success-modal>div.absolute,#yapb-restart-wait-modal>div.absolute{background:rgba(15,23,42,.62)!important;backdrop-filter:blur(14px) saturate(120%)!important;-webkit-backdrop-filter:blur(14px) saturate(120%)!important;}
#yapb-success-modal>div.relative,#yapb-restart-wait-modal>div.relative{width:min(640px,100%)!important;border-radius:28px!important;border:1px solid rgba(191,219,254,.85)!important;background:#fff!important;box-shadow:0 34px 100px rgba(15,23,42,.32)!important;color:#0f172a!important;}
#yapb-success-modal .border-b,#yapb-restart-wait-modal .border-b{background:linear-gradient(135deg,#071426,#123254)!important;border-color:rgba(255,255,255,.12)!important;}
#yapb-success-modal .border-b .text-white,#yapb-restart-wait-modal .border-b .text-white{color:#fff!important;}
#yapb-success-modal .text-orange-400,#yapb-restart-wait-modal .text-brand-accent{color:#93c5fd!important;}
#yapb-success-modal .rounded-2xl.border,#yapb-restart-wait-modal .rounded-2xl.border{border-color:#dbeafe!important;background:#f8fbff!important;color:#475569!important;}
#yapb-success-modal .text-red-400{color:#be123c!important;}
#yapb-success-modal .text-steam-textDim,#yapb-restart-wait-modal .text-steam-textDim{color:#475569!important;}
#yapb-restart-counter{width:96px!important;height:96px!important;border-radius:28px!important;background:linear-gradient(135deg,#eff6ff,#dcecff)!important;color:#0759c7!important;border-color:#bfdbfe!important;box-shadow:0 18px 42px rgba(11,111,245,.14)!important;}

@media(max-width:760px){
  .kcs-info-modal.kcs-rental-modal-v15{align-items:flex-end;padding:0;}
  .kcs-rental-modal-v15 .kcs-info-modal__card{width:100%;border-radius:26px 26px 0 0!important;max-height:92vh;overflow:auto;}
  .kcs-rental-modal-v15 .kcs-info-modal__hero{padding:22px 20px;}
  .kcs-rental-modal-v15 .kcs-info-modal__hero-content{padding-right:34px;gap:14px;}
  .kcs-rental-modal-v15 .kcs-info-modal__hero-row{gap:13px;}
  .kcs-rental-modal-v15 .kcs-info-modal__icon{width:58px;height:58px;border-radius:20px;font-size:23px;}
  .kcs-rental-modal-v15 .kcs-info-modal__title-wrap h3{font-size:21px;}
  .kcs-rental-modal-v15 .kcs-info-modal__content{padding:18px 20px 20px;}
  .kcs-rental-modal-v15 .kcs-info-modal__status-grid{grid-template-columns:1fr;}
  .kcs-rental-modal-v15 .kcs-info-modal__actions{display:grid;grid-template-columns:1fr;}
  .kcs-rental-modal-v15 .kcs-info-modal__btn--primary{order:-1;}

  .kingofcs-voice-page .voice-modal{align-items:flex-end;padding:0;}
  .kingofcs-voice-page .voice-modal-card{width:100%;max-height:94vh;border-radius:26px 26px 0 0;}
  .kingofcs-voice-page .voice-modal-summary{padding:20px;}
  .kingofcs-voice-page .voice-modal-summary h3{font-size:23px;}
  .kingofcs-voice-page .voice-modal-main{padding:20px;}

  #yapb-success-modal,#yapb-restart-wait-modal{align-items:flex-end!important;padding:0!important;}
  #yapb-success-modal>div.relative,#yapb-restart-wait-modal>div.relative{width:100%!important;border-radius:26px 26px 0 0!important;max-height:92vh!important;overflow:auto!important;}
}


/* ==========================================================
   KINGOFCS V16 — Ses Sunucusu Kiralama Akışı ve Modal
   ========================================================== */
body.kcs-modal-open { overflow: hidden !important; }

.kcs-rental-page.kcs-voice-rental {
    display: grid;
    gap: 22px;
    color: #0f172a;
    padding-bottom: 38px;
    font-family: "Open Sans", ui-sans-serif, system-ui, sans-serif;
}

.kcs-rental-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 24px;
    border: 1px solid rgba(191, 219, 254, .28);
    border-radius: 30px;
    padding: 28px;
    color: #fff;
    background: linear-gradient(135deg, #071426 0%, #0b1f38 52%, #123254 100%);
    box-shadow: 0 24px 80px rgba(15, 23, 42, .16);
}

.kcs-rental-hero__grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .68;
    background-image:
        linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px),
        radial-gradient(circle at 18% 20%, rgba(43, 132, 255, .40), transparent 30%),
        radial-gradient(circle at 88% 16%, rgba(255,255,255,.16), transparent 24%);
    background-size: 24px 24px, 24px 24px, auto, auto;
}

.kcs-rental-hero__content,
.kcs-rental-hero__panel { position: relative; z-index: 1; }

.kcs-rental-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(191, 219, 254, .34);
    border-radius: 999px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, .08);
    color: #dbeafe;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .14em;
}

.kcs-rental-eyebrow i { color: #93c5fd; }

.kcs-rental-hero h1 {
    max-width: 760px;
    margin: 18px 0 0;
    color: #fff;
    font-size: clamp(30px, 3.3vw, 48px);
    line-height: 1.02;
    font-weight: 950;
    letter-spacing: -.048em;
}

.kcs-rental-hero p {
    max-width: 760px;
    margin: 14px 0 0;
    color: #dbeafe;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 650;
}

.kcs-rental-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.kcs-rental-btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 15px;
    padding: 0 16px;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
    transition: .16s ease;
    white-space: nowrap;
}

.kcs-rental-btn--primary {
    border-color: #0b6ff5;
    background: linear-gradient(135deg, #0b6ff5, #0759c7);
    color: #fff;
    box-shadow: 0 15px 34px rgba(11, 111, 245, .24);
}
.kcs-rental-btn--primary:hover { color:#fff; transform: translateY(-1px); box-shadow: 0 18px 44px rgba(11,111,245,.30); }
.kcs-rental-btn--light { border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.11); color: #fff; }
.kcs-rental-btn--light:hover { background:#fff; color:#0b1f38; }
.kcs-rental-btn--ghost { border-color:#cbd5e1; background:#fff; color:#334155; box-shadow: 0 8px 22px rgba(15,23,42,.045); }
.kcs-rental-btn--ghost:hover { border-color:#93c5fd; background:#f3f8ff; color:#0759c7; }

.kcs-rental-hero__panel { display: grid; gap: 14px; align-self: stretch; }
.kcs-rental-status-card {
    display: grid;
    gap: 8px;
    border: 1px solid rgba(191, 219, 254, .28);
    border-radius: 24px;
    padding: 20px;
    background: rgba(255,255,255,.10);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.kcs-rental-status-card__icon { width: 58px; height: 58px; display:grid; place-items:center; border-radius:20px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); color:#fff; font-size:24px; }
.kcs-rental-status-card small { color:#bfdbfe; font-size:10px; text-transform:uppercase; letter-spacing:.14em; font-weight:950; }
.kcs-rental-status-card strong { color:#fff; font-size:36px; line-height:1; font-weight:950; }
.kcs-rental-status-card span { color:#dbeafe; font-size:12px; line-height:1.55; font-weight:650; }
.kcs-rental-mini-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.kcs-rental-mini-grid div { border:1px solid rgba(255,255,255,.16); border-radius:18px; padding:12px; background:rgba(255,255,255,.08); }
.kcs-rental-mini-grid b { display:block; color:#fff; font-size:18px; font-weight:950; }
.kcs-rental-mini-grid span { display:block; margin-top:3px; color:#cbd5e1; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }

.kcs-rental-alert { display:flex; gap:12px; align-items:flex-start; border-radius:18px; padding:16px; font-size:13px; font-weight:750; }
.kcs-rental-alert--danger { border:1px solid #fecaca; background:#fff1f2; color:#991b1b; }
.kcs-rental-alert i { margin-top:2px; }

.kcs-rental-type-panel,
.kcs-rental-side-card,
.kcs-rental-content,
.kcs-voice-package-card,
.kcs-rental-empty {
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(15, 23, 42, .055);
}

.kcs-rental-type-panel { padding: 20px; display: grid; grid-template-columns: 270px minmax(0,1fr); gap: 18px; align-items: stretch; }
.kcs-rental-type-head span,
.kcs-rental-section-head span,
.kcs-rental-side-card__head small,
.kcs-rental-balance-card small {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0759c7;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .13em;
}
.kcs-rental-type-head h2,
.kcs-rental-section-head h2,
.kcs-rental-side-card__head h3 { margin: 8px 0 0; color:#071426; font-size:22px; line-height:1.15; font-weight:950; letter-spacing:-.035em; }
.kcs-rental-type-head p,
.kcs-rental-section-head p { margin: 7px 0 0; color:#475569; font-size:13px; line-height:1.55; font-weight:650; }
.kcs-rental-type-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; }
.kcs-rental-type-card { text-align:left; display:grid; gap:8px; border:1px solid #dbeafe; border-radius:20px; padding:16px; background:#f8fbff; color:#0f172a; text-decoration:none; cursor:pointer; transition:.16s ease; }
.kcs-rental-type-card i { width:42px; height:42px; display:grid; place-items:center; border-radius:15px; background:#dcecff; color:#0759c7; }
.kcs-rental-type-card strong { color:#071426; font-size:14px; font-weight:950; }
.kcs-rental-type-card span { color:#475569; font-size:12px; line-height:1.45; font-weight:650; }
.kcs-rental-type-card.is-active { border-color:#60a5fa; background:#eff6ff; box-shadow: inset 3px 0 0 #0b6ff5; }
.kcs-rental-type-card:hover { transform: translateY(-1px); border-color:#93c5fd; }

.kcs-rental-workspace { display:grid; grid-template-columns: 330px minmax(0,1fr); gap:22px; align-items:start; }
.kcs-rental-sidebar { display:grid; gap:16px; position: sticky; top: 18px; }
.kcs-rental-side-card { padding:18px; }
.kcs-rental-flow { display:grid; gap:12px; margin-top:16px; }
.kcs-rental-flow__item { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; align-items:center; }
.kcs-rental-flow__item b { width:42px; height:42px; display:grid; place-items:center; border:1px solid #dbeafe; border-radius:15px; background:#f3f8ff; color:#0759c7; font-weight:950; }
.kcs-rental-flow__item.is-active b { background:#0b6ff5; color:#fff; border-color:#0b6ff5; }
.kcs-rental-flow__item strong { color:#071426; font-size:13px; font-weight:950; }
.kcs-rental-flow__item span { display:block; color:#64748b; font-size:11px; line-height:1.35; font-weight:650; margin-top:2px; }
.kcs-rental-balance-card { display:grid; gap:13px; }
.kcs-rental-balance-card strong { color:#071426; font-size:27px; line-height:1; font-weight:950; }
.kcs-rental-content { padding: 20px; }
.kcs-rental-section-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:18px; }
.kcs-rental-section-pill { border:1px solid #dbeafe; background:#f3f8ff; color:#334155; border-radius:15px; padding:10px 12px; font-size:12px; font-weight:850; white-space:nowrap; }
.kcs-rental-section-pill b { color:#0759c7; }

.kcs-voice-package-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:16px; }
.kcs-voice-package-card { position:relative; overflow:hidden; display:grid; gap:14px; padding:18px; }
.kcs-voice-package-card.is-popular { border-color:#93c5fd; box-shadow: inset 3px 0 0 #0b6ff5, 0 16px 46px rgba(11,111,245,.10); }
.kcs-voice-package-card__top { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.kcs-voice-level,
.kcs-voice-popular { display:inline-flex; align-items:center; gap:7px; border-radius:999px; padding:7px 10px; font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.10em; }
.kcs-voice-level { color:#0759c7; background:#eff6ff; border:1px solid #bfdbfe; }
.kcs-voice-popular { color:#92400e; background:#fffbeb; border:1px solid #fde68a; }
.kcs-voice-package-card h3 { margin:0; color:#071426; font-size:22px; line-height:1.12; font-weight:950; letter-spacing:-.035em; }
.kcs-voice-package-card p { margin:0; color:#475569; font-size:13px; line-height:1.58; font-weight:650; }
.kcs-voice-specs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.kcs-voice-specs div { border:1px solid #e2e8f0; border-radius:16px; background:#f8fafc; padding:12px; }
.kcs-voice-specs small { display:block; color:#64748b; font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
.kcs-voice-specs b { display:block; color:#071426; font-size:17px; font-weight:950; margin-top:6px; }
.kcs-voice-feature-list { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:8px; }
.kcs-voice-feature-list span { display:flex; gap:8px; align-items:flex-start; color:#334155; font-size:12px; line-height:1.35; font-weight:750; }
.kcs-voice-feature-list i { color:#0b6ff5; margin-top:2px; }
.kcs-voice-card-footer { display:flex; justify-content:space-between; gap:14px; align-items:center; border-top:1px solid #e2e8f0; padding-top:14px; }
.kcs-voice-price small { display:block; color:#64748b; font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.10em; }
.kcs-voice-price strong { display:block; color:#071426; font-size:24px; line-height:1; font-weight:950; margin-top:6px; }
.kcs-rental-empty { padding:38px 22px; text-align:center; color:#475569; }
.kcs-rental-empty i { font-size:34px; color:#0b6ff5; }
.kcs-rental-empty h3 { margin:12px 0 0; color:#071426; font-weight:950; }
.kcs-rental-empty p { margin:6px 0 0; font-weight:650; }

.kcs-rent-modal { position:fixed; inset:0; z-index:100000; display:none; align-items:center; justify-content:center; padding:22px; }
.kcs-rent-modal.is-open { display:flex; }
.kcs-rent-modal__backdrop { position:absolute; inset:0; background:rgba(15,23,42,.68); backdrop-filter:blur(14px) saturate(120%); -webkit-backdrop-filter:blur(14px) saturate(120%); }
.kcs-rent-modal__card { position:relative; width:min(1040px,100%); max-height:calc(100vh - 44px); overflow:hidden; border:1px solid #bfdbfe; border-radius:30px; background:#fff; box-shadow:0 36px 110px rgba(15,23,42,.34); animation:kcsRentModalIn .18s ease-out; }
@keyframes kcsRentModalIn { from { opacity:0; transform: translateY(14px) scale(.985); } to { opacity:1; transform:none; } }
.kcs-rent-modal__form { display:grid; grid-template-rows:auto minmax(0,1fr) auto; max-height:calc(100vh - 44px); }
.kcs-rent-modal__header { position:relative; overflow:hidden; display:grid; grid-template-columns:68px minmax(0,1fr) 44px; gap:16px; align-items:start; padding:24px 26px; color:#fff; background:linear-gradient(135deg,#071426,#0b1f38 55%,#123254); }
.kcs-rent-modal__header::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),radial-gradient(circle at 14% 24%,rgba(43,132,255,.35),transparent 30%); background-size:24px 24px,24px 24px,auto; }
.kcs-rent-modal__header > * { position:relative; z-index:1; }
.kcs-rent-modal__icon { width:68px; height:68px; display:grid; place-items:center; border-radius:24px; border:1px solid rgba(191,219,254,.32); background:rgba(255,255,255,.12); color:#fff; font-size:28px; }
.kcs-rent-modal__header span { display:inline-flex; align-items:center; gap:8px; color:#bfdbfe; font-size:11px; font-weight:950; text-transform:uppercase; letter-spacing:.13em; }
.kcs-rent-modal__header h3 { margin:8px 0 0; color:#fff; font-size:27px; line-height:1.08; font-weight:950; letter-spacing:-.04em; }
.kcs-rent-modal__header p { margin:8px 0 0; max-width:720px; color:#dbeafe; font-size:13px; line-height:1.6; font-weight:650; }
.kcs-rent-modal__close { width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.20); border-radius:16px; background:rgba(255,255,255,.10); color:#fff; cursor:pointer; }
.kcs-rent-modal__close:hover { background:#fff; color:#0b1f38; }
.kcs-rent-modal__body { overflow:auto; display:grid; grid-template-columns:290px minmax(0,1fr); gap:18px; padding:22px 26px; background:linear-gradient(180deg,#fff,#f8fafc); }
.kcs-rent-modal__summary,
.kcs-rent-modal__content { display:grid; gap:14px; align-content:start; }
.kcs-rent-modal__pricebox { border:1px solid #bfdbfe; border-radius:22px; padding:18px; background:#eff6ff; }
.kcs-rent-modal__pricebox small { display:block; color:#0759c7; font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.12em; }
.kcs-rent-modal__pricebox strong { display:block; color:#071426; font-size:34px; line-height:1; font-weight:950; margin-top:8px; }
.kcs-rent-modal__pricebox span { display:block; color:#475569; font-size:12px; font-weight:650; margin-top:8px; line-height:1.45; }
.kcs-rent-modal__flow { display:grid; gap:9px; }
.kcs-rent-modal__flow div { display:flex; gap:10px; align-items:center; border:1px solid #e2e8f0; border-radius:16px; padding:11px; background:#fff; }
.kcs-rent-modal__flow b { width:30px; height:30px; display:grid; place-items:center; border-radius:11px; background:#dcecff; color:#0759c7; font-size:12px; }
.kcs-rent-modal__flow span { color:#334155; font-size:12px; font-weight:800; }
.kcs-rent-modal__specs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.kcs-rent-modal__specs div { border:1px solid #e2e8f0; border-radius:18px; padding:14px; background:#fff; box-shadow:0 10px 28px rgba(15,23,42,.035); }
.kcs-rent-modal__specs small { display:flex; gap:7px; align-items:center; color:#64748b; font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:.10em; }
.kcs-rent-modal__specs i { color:#0b6ff5; }
.kcs-rent-modal__specs b { display:block; margin-top:8px; color:#071426; font-size:18px; font-weight:950; }
.kcs-rent-modal__field { display:grid; gap:8px; border:1px solid #e2e8f0; border-radius:20px; padding:16px; background:#fff; }
.kcs-rent-modal__field span { display:flex; gap:8px; align-items:center; color:#334155; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.10em; }
.kcs-rent-modal__field span i { color:#0b6ff5; }
.kcs-rent-modal__field input { width:100%; min-height:48px; border:1px solid #cbd5e1; border-radius:16px; padding:0 14px; color:#071426; background:#fff; font-size:15px; font-weight:850; outline:0; }
.kcs-rent-modal__field input:focus { border-color:#0b6ff5; box-shadow:0 0 0 4px rgba(11,111,245,.10); }
.kcs-rent-modal__field small { color:#64748b; font-size:11px; line-height:1.45; font-weight:650; }
.kcs-rent-modal__features { border:1px solid #e2e8f0; border-radius:20px; padding:16px; background:#fff; }
.kcs-rent-modal__features > strong { display:flex; gap:8px; align-items:center; color:#071426; font-size:13px; font-weight:950; margin-bottom:12px; }
.kcs-rent-modal__features > div { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:9px; }
.kcs-rent-modal__features span { display:flex; gap:8px; align-items:flex-start; color:#334155; font-size:12px; line-height:1.35; font-weight:750; }
.kcs-rent-modal__features i { color:#0b6ff5; margin-top:2px; }
.kcs-rent-modal__notice { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:12px; align-items:center; border:1px solid #dbeafe; border-radius:20px; padding:15px; background:#f8fbff; }
.kcs-rent-modal__notice > i { width:42px; height:42px; display:grid; place-items:center; border-radius:15px; background:#dcecff; color:#0759c7; }
.kcs-rent-modal__notice strong { color:#071426; font-size:13px; font-weight:950; }
.kcs-rent-modal__notice p { margin:4px 0 0; color:#475569; font-size:12px; line-height:1.45; font-weight:650; }
.kcs-rent-modal__notice a { color:#0759c7; font-weight:950; font-size:12px; text-decoration:none; }
.kcs-rent-modal__actions { display:flex; justify-content:flex-end; gap:10px; border-top:1px solid #e2e8f0; padding:18px 26px; background:#fff; }

@media (max-width: 1100px) {
    .kcs-rental-hero { grid-template-columns:1fr; }
    .kcs-rental-type-panel { grid-template-columns:1fr; }
    .kcs-rental-workspace { grid-template-columns:1fr; }
    .kcs-rental-sidebar { position:static; }
}
@media (max-width: 820px) {
    .kcs-rental-page.kcs-voice-rental { gap:16px; }
    .kcs-rental-hero { padding:22px; border-radius:24px; }
    .kcs-rental-type-grid,
    .kcs-voice-package-grid,
    .kcs-rent-modal__body,
    .kcs-rent-modal__specs { grid-template-columns:1fr; }
    .kcs-rental-section-head,
    .kcs-voice-card-footer { display:grid; }
    .kcs-rental-mini-grid { grid-template-columns:1fr; }
    .kcs-rent-modal { align-items:flex-end; padding:0; }
    .kcs-rent-modal__card { width:100%; max-height:94vh; border-radius:28px 28px 0 0; }
    .kcs-rent-modal__form { max-height:94vh; }
    .kcs-rent-modal__header { grid-template-columns:54px minmax(0,1fr) 40px; padding:20px; }
    .kcs-rent-modal__icon { width:54px; height:54px; border-radius:19px; font-size:22px; }
    .kcs-rent-modal__header h3 { font-size:22px; }
    .kcs-rent-modal__body { padding:18px 20px; }
    .kcs-rent-modal__features > div { grid-template-columns:1fr; }
    .kcs-rent-modal__notice { grid-template-columns:38px minmax(0,1fr); }
    .kcs-rent-modal__notice a { grid-column:2; }
    .kcs-rent-modal__actions { display:grid; grid-template-columns:1fr; padding:16px 20px; }
    .kcs-rent-modal__actions .kcs-rental-btn--primary { order:-1; }
}

/* ==========================================================
   KINGOFCS — SesSunucusu V17 button / contrast hotfix
   - Paket kartı buton hover görünmezlik düzeltmesi
   - Hero başlık/açıklama kontrast düzeltmesi
   ========================================================== */

.kcs-rental-page.kcs-voice-rental .kcs-rental-hero,
.kcs-rental-page.kcs-voice-rental section.kcs-rental-hero {
    color: #ffffff !important;
}

.kcs-rental-page.kcs-voice-rental .kcs-rental-hero__content h1,
.kcs-rental-page.kcs-voice-rental .kcs-rental-hero h1 {
    color: #ffffff !important;
    text-shadow: 0 10px 34px rgba(0, 0, 0, .22);
}

.kcs-rental-page.kcs-voice-rental .kcs-rental-hero__content p,
.kcs-rental-page.kcs-voice-rental .kcs-rental-hero p {
    color: #dbeafe !important;
    text-shadow: 0 8px 26px rgba(0, 0, 0, .16);
}

.kcs-rental-page.kcs-voice-rental .kcs-rental-eyebrow,
.kcs-rental-page.kcs-voice-rental .kcs-rental-eyebrow span,
.kcs-rental-page.kcs-voice-rental .kcs-rental-eyebrow i {
    color: #dbeafe !important;
}

.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--primary,
.kcs-rental-page.kcs-voice-rental button.kcs-rental-btn--primary,
.kcs-rental-page.kcs-voice-rental a.kcs-rental-btn--primary {
    border-color: #0b6ff5 !important;
    background: linear-gradient(135deg, #0b6ff5 0%, #0759c7 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 15px 34px rgba(11, 111, 245, .24) !important;
}

.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--primary:hover,
.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--primary:focus,
.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--primary:focus-visible,
.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--primary:active,
.kcs-rental-page.kcs-voice-rental button.kcs-rental-btn--primary:hover,
.kcs-rental-page.kcs-voice-rental button.kcs-rental-btn--primary:focus,
.kcs-rental-page.kcs-voice-rental button.kcs-rental-btn--primary:focus-visible,
.kcs-rental-page.kcs-voice-rental button.kcs-rental-btn--primary:active,
.kcs-rental-page.kcs-voice-rental a.kcs-rental-btn--primary:hover,
.kcs-rental-page.kcs-voice-rental a.kcs-rental-btn--primary:focus,
.kcs-rental-page.kcs-voice-rental a.kcs-rental-btn--primary:focus-visible,
.kcs-rental-page.kcs-voice-rental a.kcs-rental-btn--primary:active {
    border-color: #0759c7 !important;
    background: linear-gradient(135deg, #0759c7 0%, #0446a0 100%) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: translateY(-1px);
    box-shadow: 0 18px 44px rgba(11, 111, 245, .32) !important;
}

.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--primary *,
.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--primary:hover *,
.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--primary:focus *,
.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--primary:active * {
    color: #ffffff !important;
}

.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--primary i {
    color: #ffffff !important;
}

.kcs-rental-page.kcs-voice-rental .kcs-voice-card-footer .kcs-rental-btn {
    min-width: 148px;
    min-height: 46px;
    padding-inline: 18px;
}

.kcs-rental-page.kcs-voice-rental .kcs-voice-package-card:hover .kcs-rental-btn--primary,
.kcs-rental-page.kcs-voice-rental .kcs-voice-package-card.is-popular:hover .kcs-rental-btn--primary {
    border-color: #0759c7 !important;
    background: linear-gradient(135deg, #0759c7 0%, #0446a0 100%) !important;
    color: #ffffff !important;
}

.kcs-rental-page.kcs-voice-rental .kcs-voice-package-card:hover .kcs-rental-btn--primary i,
.kcs-rental-page.kcs-voice-rental .kcs-voice-package-card:hover .kcs-rental-btn--primary span {
    color: #ffffff !important;
}

.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--light,
.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--light:hover,
.kcs-rental-page.kcs-voice-rental .kcs-rental-btn--light:focus {
    text-decoration: none !important;
}

@media (max-width: 820px) {
    .kcs-rental-page.kcs-voice-rental .kcs-voice-card-footer .kcs-rental-btn {
        width: 100%;
        justify-self: stretch;
    }
}

/* ==========================================================
   KINGOFCS V19 — Sabit müşteri menüsü + ayrı hizmet yönetim menüsü
   ========================================================== */
.koc-nav-primary{
  z-index:52;
}
.koc-management-nav{
  position:relative;
  z-index:48;
  min-height:54px;
  border-bottom:1px solid var(--koc-border, #dbe7f5);
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 8px 18px rgba(15,23,42,.045);
}
.koc-management-nav-inner{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:54px;
  overflow-x:auto;
  padding-top:6px;
  padding-bottom:6px;
  scrollbar-width:thin;
}
.koc-management-link{
  position:relative;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #dbe7f5;
  border-radius:15px;
  background:#fff;
  padding:0 14px;
  color:#334155;
  text-decoration:none;
  white-space:nowrap;
  font-family:Montserrat,system-ui,sans-serif;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(15,23,42,.045);
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.koc-management-link>i:first-child{
  color:var(--koc-600,#0b6ff5);
}
.koc-management-link .koc-chevron{
  margin-left:2px;
}
.koc-management-link:hover,
.koc-management-link.is-active,
.koc-management-group.is-open>.koc-management-link{
  border-color:#93c5fd;
  background:var(--koc-50,#f3f8ff);
  color:var(--koc-700,#0759c7);
  box-shadow:0 10px 22px rgba(11,111,245,.10);
  transform:translateY(-1px);
}
.koc-management-link.is-active::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:-7px;
  height:3px;
  border-radius:999px;
  background:var(--koc-600,#0b6ff5);
}
.koc-management-nav .koc-mega{
  top:100%;
}
.koc-management-nav .koc-mega-inner{
  padding-top:18px;
  padding-bottom:20px;
}
.koc-management-nav .koc-mega-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:1180px){
  .koc-management-nav .koc-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:1023px){
  .koc-management-nav{display:none;}
}

/* ==========================================================
   KINGOFCS V19 — Ürünlerim Bildirim Merkezi
   ========================================================== */
.kingofcs-notification-center{
  display:grid;
  gap:14px;
  margin:18px 0 20px;
  border:1px solid #dbe7f5;
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  padding:18px;
  box-shadow:0 18px 50px rgba(15,23,42,.07);
}
.kingofcs-notification-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.kingofcs-notification-head h2{
  margin:6px 0 0;
  color:#071426;
  font-family:"Exo 2",system-ui,sans-serif;
  font-size:21px;
  font-weight:900;
  letter-spacing:-.025em;
}
.kingofcs-notification-head p{
  margin:5px 0 0;
  color:#64748b;
  font-size:12px;
  line-height:1.55;
  font-weight:650;
}
.kingofcs-notification-count{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  border:1px solid #bfdbfe;
  border-radius:999px;
  background:#eff6ff;
  padding:0 12px;
  color:#0759c7;
  font-size:11px;
  font-weight:900;
}
.kingofcs-notification-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.kingofcs-notification-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
  padding:14px;
  box-shadow:0 10px 26px rgba(15,23,42,.045);
}
.kingofcs-notification-icon{
  width:42px;
  height:42px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#eff6ff;
  color:#0b6ff5;
}
.kingofcs-notification-card.is-success .kingofcs-notification-icon{background:#ecfdf5;color:#059669;}
.kingofcs-notification-card.is-warning .kingofcs-notification-icon{background:#fffbeb;color:#d97706;}
.kingofcs-notification-card.is-error .kingofcs-notification-icon{background:#fef2f2;color:#dc2626;}
.kingofcs-notification-copy{min-width:0;flex:1;}
.kingofcs-notification-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.kingofcs-notification-title strong{
  color:#071426;
  font-size:13px;
  font-weight:900;
  line-height:1.25;
}
.kingofcs-notification-title time{
  flex:0 0 auto;
  color:#94a3b8;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.kingofcs-notification-copy p{
  margin:6px 0 0;
  color:#475569;
  font-size:12px;
  line-height:1.55;
  font-weight:650;
}
@media(max-width:860px){
  .kingofcs-notification-head{display:grid;}
  .kingofcs-notification-grid{grid-template-columns:1fr;}
  .kingofcs-notification-title{display:grid;gap:4px;}
}

/* ==========================================================
   KINGOFCS V21 — Menü düzeltmesi: tek satır, düz sekme görünümü
   ========================================================== */
.koc-nav,
.koc-nav-primary{
  height:58px!important;
  min-height:58px!important;
  border-bottom:1px solid var(--koc-border,#dbe7f5)!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(15,23,42,.06)!important;
}
.koc-nav .koc-nav-inner{
  align-items:stretch!important;
  gap:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.koc-nav .koc-nav-group{
  display:flex!important;
  align-items:stretch!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.koc-nav .koc-nav-link,
.koc-nav .koc-nav-group > .koc-nav-link,
.koc-management-link{
  height:58px!important;
  min-height:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0 14px!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#475569!important;
  transform:none!important;
  font-family:Montserrat,system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease!important;
}
.koc-nav .koc-nav-link:hover,
.koc-nav .koc-nav-group > .koc-nav-link:hover,
.koc-management-link:hover{
  background:#f3f8ff!important;
  color:#0759c7!important;
  box-shadow:none!important;
  transform:none!important;
}
.koc-nav .koc-nav-link.is-active,
.koc-nav .koc-nav-group > .koc-nav-link.is-active,
.koc-management-link.is-active{
  background:#eff6ff!important;
  color:#0759c7!important;
  border-bottom-color:#0b6ff5!important;
  box-shadow:none!important;
  transform:none!important;
}
.koc-nav .koc-nav-link::after,
.koc-management-link::after{
  display:none!important;
  content:none!important;
}
.koc-nav .koc-nav-link > i:first-child,
.koc-nav .koc-nav-group > .koc-nav-link > i:first-child,
.koc-management-link > i:first-child{
  color:#0b6ff5!important;
}
.koc-nav .koc-chevron,
.koc-management-link .koc-chevron{
  margin-left:2px!important;
  color:#94a3b8!important;
  font-size:8px!important;
}
.koc-management-nav{
  min-height:58px!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(15,23,42,.06)!important;
}
.koc-management-nav-inner{
  min-height:58px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  gap:0!important;
  align-items:stretch!important;
}
.koc-management-group{
  display:flex!important;
  align-items:stretch!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* ==========================================================
   KINGOFCS V21 — Ürünlerim duyuru vitrini
   ========================================================== */
.kingofcs-duyuru-showcase{
  position:relative;
  overflow:hidden;
  margin:20px 0 22px;
  border:1px solid #dbe7f5;
  border-radius:28px;
  background:#fff;
  box-shadow:0 22px 65px rgba(15,23,42,.08);
}
.kingofcs-duyuru-hero{
  position:relative;
  min-height:128px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  overflow:hidden;
  padding:22px 24px;
  color:#fff;
  background:linear-gradient(135deg,#071426 0%,#0b1f38 54%,#123254 100%);
}
.kingofcs-duyuru-hero-pattern{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.95;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),radial-gradient(circle at 12% 25%,rgba(43,132,255,.38),transparent 30%),radial-gradient(circle at 88% 20%,rgba(255,255,255,.15),transparent 24%);
  background-size:22px 22px,22px 22px,auto,auto;
}
.kingofcs-duyuru-hero-copy,
.kingofcs-duyuru-summary{
  position:relative;
  z-index:1;
}
.kingofcs-duyuru-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(191,219,254,.38);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  padding:8px 12px;
  color:#dbeafe;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.kingofcs-duyuru-hero h2{
  margin:14px 0 0;
  color:#fff;
  font-family:"Exo 2",system-ui,sans-serif;
  font-size:25px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.035em;
}
.kingofcs-duyuru-hero p{
  max-width:680px;
  margin:8px 0 0;
  color:#dbeafe;
  font-size:13px;
  line-height:1.65;
  font-weight:650;
}
.kingofcs-duyuru-summary{
  flex:0 0 auto;
  min-width:128px;
  border:1px solid rgba(191,219,254,.34);
  border-radius:22px;
  background:rgba(255,255,255,.10);
  padding:14px 16px;
  text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.kingofcs-duyuru-summary span{
  display:block;
  color:#bfdbfe;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.kingofcs-duyuru-summary strong{
  display:block;
  margin-top:8px;
  color:#fff;
  font-family:Play,system-ui,sans-serif;
  font-size:28px;
  line-height:1;
}
.kingofcs-duyuru-alerts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:16px 18px 0;
}
.kingofcs-duyuru-alert{
  display:flex;
  align-items:flex-start;
  gap:12px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
  padding:14px;
  box-shadow:0 10px 26px rgba(15,23,42,.045);
}
.kingofcs-duyuru-alert.is-success{border-color:#bbf7d0;background:#f0fdf4;}
.kingofcs-duyuru-alert.is-warning{border-color:#fde68a;background:#fffbeb;}
.kingofcs-duyuru-alert.is-error{border-color:#fecdd3;background:#fff1f2;}
.kingofcs-duyuru-alert-icon{
  width:42px;
  height:42px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#eff6ff;
  color:#0b6ff5;
}
.kingofcs-duyuru-alert.is-success .kingofcs-duyuru-alert-icon{background:#dcfce7;color:#16a34a;}
.kingofcs-duyuru-alert.is-warning .kingofcs-duyuru-alert-icon{background:#fef3c7;color:#d97706;}
.kingofcs-duyuru-alert.is-error .kingofcs-duyuru-alert-icon{background:#ffe4e6;color:#e11d48;}
.kingofcs-duyuru-alert-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.kingofcs-duyuru-alert-title strong{
  color:#071426;
  font-size:13px;
  font-weight:950;
}
.kingofcs-duyuru-alert-title time{
  color:#64748b;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.kingofcs-duyuru-alert p{
  margin:6px 0 0;
  color:#475569;
  font-size:12px;
  line-height:1.6;
  font-weight:650;
}
.kingofcs-duyuru-layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  gap:16px;
  padding:18px;
}
.kingofcs-duyuru-featured{
  display:flex;
  min-height:240px;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid #bfdbfe;
  border-radius:24px;
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);
  padding:20px;
  box-shadow:0 16px 46px rgba(11,111,245,.08);
}
.kingofcs-duyuru-featured.is-success{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4 0%,#fff 100%);}
.kingofcs-duyuru-featured-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.kingofcs-duyuru-featured-icon{
  width:56px;
  height:56px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:#dcecff;
  color:#0759c7;
  font-size:21px;
}
.kingofcs-duyuru-featured.is-success .kingofcs-duyuru-featured-icon{background:#dcfce7;color:#16a34a;}
.kingofcs-duyuru-chip{
  display:inline-flex;
  border:1px solid #bfdbfe;
  border-radius:999px;
  background:#eff6ff;
  padding:5px 9px;
  color:#0759c7;
  font-size:9px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.kingofcs-duyuru-featured h3{
  margin:10px 0 0;
  color:#071426;
  font-family:"Exo 2",system-ui,sans-serif;
  font-size:21px;
  line-height:1.18;
  font-weight:950;
  letter-spacing:-.025em;
}
.kingofcs-duyuru-featured p{
  margin:16px 0 0;
  color:#334155;
  font-size:13px;
  line-height:1.75;
  font-weight:650;
}
.kingofcs-duyuru-featured footer{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
  border-top:1px solid #dbe7f5;
  padding-top:13px;
}
.kingofcs-duyuru-featured footer span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#64748b;
  font-size:11px;
  font-weight:800;
}
.kingofcs-duyuru-featured footer i{color:#0b6ff5;}
.kingofcs-duyuru-list{
  display:grid;
  gap:10px;
}
.kingofcs-duyuru-mini{
  display:flex;
  align-items:flex-start;
  gap:12px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
  padding:13px;
  box-shadow:0 10px 26px rgba(15,23,42,.04);
}
.kingofcs-duyuru-mini.is-success{border-color:#bbf7d0;background:#f7fef9;}
.kingofcs-duyuru-mini-icon{
  width:40px;
  height:40px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#eff6ff;
  color:#0b6ff5;
}
.kingofcs-duyuru-mini.is-success .kingofcs-duyuru-mini-icon{background:#dcfce7;color:#16a34a;}
.kingofcs-duyuru-mini-meta{
  display:flex;
  align-items:center;
  gap:8px;
  color:#64748b;
  font-size:9px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.kingofcs-duyuru-mini-meta time{
  letter-spacing:0;
  text-transform:none;
  font-size:10px;
}
.kingofcs-duyuru-mini strong{
  display:block;
  margin-top:5px;
  color:#071426;
  font-size:12px;
  font-weight:950;
}
.kingofcs-duyuru-mini p{
  margin:5px 0 0;
  color:#64748b;
  font-size:11px;
  line-height:1.55;
  font-weight:650;
}
@media(max-width:980px){
  .kingofcs-duyuru-hero{display:grid;}
  .kingofcs-duyuru-summary{width:max-content;}
  .kingofcs-duyuru-alerts,
  .kingofcs-duyuru-layout{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .kingofcs-duyuru-showcase{border-radius:22px;}
  .kingofcs-duyuru-hero{padding:20px;}
  .kingofcs-duyuru-hero h2{font-size:21px;}
  .kingofcs-duyuru-alerts,.kingofcs-duyuru-layout{padding-left:14px;padding-right:14px;}
  .kingofcs-duyuru-alert-title{display:grid;justify-content:start;}
}


/* ==========================================================
   KINGOFCS V22 — Okundu/Okunmamış duyuru merkezi
   ========================================================== */
.koc-announcement-row.is-unread{background:#eff6ff;border:1px solid #bfdbfe;}
.koc-announcement-row.is-unread:hover{background:#dbeafe;}
.koc-announcement-row.is-read{opacity:.72;}
.koc-announcement-state{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;}
.koc-announcement-row.is-unread .koc-announcement-state{background:#0b6ff5;color:#fff;}
.koc-announcement-row.is-read .koc-announcement-state{background:#f1f5f9;color:#64748b;}
.koc-announcement-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.koc-announcement-read-form{margin:0;}
.koc-announcement-read-form .koc-btn{width:100%;border-style:dashed;}
.koc-announcement-read-form .koc-btn:disabled{opacity:.55;cursor:not-allowed;background:#f8fafc;color:#94a3b8;}
.koc-modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--koc-border);padding:13px 16px;background:#f8fafc;}
.koc-modal-actions .koc-btn{width:auto;}
.koc-modal-actions .koc-btn:disabled{opacity:.62;cursor:not-allowed;}
.kcs-announcement-center{position:relative;border:1px solid #dbeafe;border-radius:28px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.08);overflow:hidden;}
.kcs-announcement-hero-v22{display:flex;align-items:center;justify-content:space-between;gap:22px;border-radius:0;margin:0;padding:24px 26px;background:linear-gradient(135deg,#071426 0%,#0b1f38 58%,#0b6ff5 130%);}
.kcs-announcement-hero-v22 .kingofcs-duyuru-hero-copy{max-width:640px;}
.kcs-announcement-hero-v22 .kingofcs-duyuru-hero-copy h2{font-size:26px;}
.kcs-announcement-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:10px;margin-left:auto;}
.kcs-announcement-stats div{min-width:110px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.10);padding:12px 14px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}
.kcs-announcement-stats span{display:block;color:#bfdbfe;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.kcs-announcement-stats strong{display:block;margin-top:3px;font-family:'Exo 2',sans-serif;font-size:24px;font-weight:950;}
.kcs-announcement-mark-all{position:relative;z-index:2;margin:0;}
.kcs-announcement-mark-all button{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:#fff;color:#0759c7;padding:0 16px;font-size:12px;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.14);cursor:pointer;white-space:nowrap;}
.kcs-announcement-mark-all button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3);}
.kcs-announcement-alerts-v22{padding:18px 22px 0;}
.kcs-announcement-grid-v22{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr);gap:16px;padding:18px 22px 22px;}
.kcs-announcement-feature-v22{position:relative;display:flex;flex-direction:column;gap:16px;min-height:100%;border:1px solid #bfdbfe;border-radius:22px;background:linear-gradient(180deg,#eff6ff 0%,#fff 82%);padding:20px;box-shadow:0 16px 40px rgba(11,111,245,.08);overflow:hidden;}
.kcs-announcement-feature-v22:before{content:"";position:absolute;right:-42px;bottom:-42px;width:150px;height:150px;border-radius:999px;background:#dbeafe;opacity:.75;}
.kcs-announcement-feature-v22.is-read{border-color:#e2e8f0;background:#f8fafc;box-shadow:none;opacity:.78;}
.kcs-announcement-feature-top{position:relative;z-index:1;display:flex;gap:14px;align-items:flex-start;}
.kcs-announcement-feature-icon{width:58px;height:58px;display:grid;place-items:center;flex:none;border-radius:18px;background:#dbeafe;color:#0b6ff5;font-size:22px;}
.kcs-announcement-feature-v22.is-success .kcs-announcement-feature-icon{background:#dcfce7;color:#16a34a;}
.kcs-announcement-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.kcs-announcement-state.is-unread{background:#0b6ff5;color:#fff;border:1px solid #0b6ff5;}
.kcs-announcement-state.is-read{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;}
.kcs-announcement-meta-row em{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-style:normal;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;}
.kcs-announcement-meta-row em.is-unread{background:#0b6ff5;color:#fff;}
.kcs-announcement-meta-row em.is-read{background:#f1f5f9;color:#64748b;}
.kcs-announcement-feature-v22 h3{margin:9px 0 0;color:#071426;font-family:'Exo 2',sans-serif;font-size:21px;font-weight:950;line-height:1.2;letter-spacing:-.025em;}
.kcs-announcement-feature-v22 p{position:relative;z-index:1;margin:0;color:#334155;font-size:13px;line-height:1.75;font-weight:650;}
.kcs-announcement-feature-v22 footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;border-top:1px solid #dbeafe;padding-top:14px;color:#64748b;font-size:11px;font-weight:800;}
.kcs-announcement-feature-v22 footer span{display:inline-flex;align-items:center;gap:7px;}
.kcs-announcement-read-inline{margin:0;}
.kcs-announcement-read-inline button,.kcs-announcement-read-small button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #bfdbfe;border-radius:12px;background:#fff;color:#0759c7;padding:0 11px;height:34px;font-size:11px;font-weight:950;cursor:pointer;transition:.15s ease;}
.kcs-announcement-read-inline button:hover,.kcs-announcement-read-small button:hover{border-color:#0b6ff5;background:#eff6ff;}
.kcs-announcement-read-text{color:#64748b;}
.kcs-announcement-list-v22{display:grid;gap:10px;}
.kcs-announcement-row-v22{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:flex-start;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:14px 15px;box-shadow:0 8px 24px rgba(15,23,42,.04);}
.kcs-announcement-row-v22.is-unread{border-color:#bfdbfe;background:#f8fbff;}
.kcs-announcement-row-v22.is-read{opacity:.68;background:#f8fafc;}
.kcs-announcement-row-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#eff6ff;color:#0b6ff5;}
.kcs-announcement-row-v22.is-success .kcs-announcement-row-icon{background:#dcfce7;color:#16a34a;}
.kcs-announcement-row-copy{min-width:0;}
.kcs-announcement-row-copy .kcs-announcement-meta-row span{color:#0b6ff5;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;}
.kcs-announcement-row-copy .kcs-announcement-meta-row time{color:#94a3b8;font-size:10px;font-weight:800;}
.kcs-announcement-row-copy strong{display:block;margin-top:5px;color:#0f172a;font-size:14px;font-weight:950;}
.kcs-announcement-row-copy p{margin:5px 0 0;color:#475569;font-size:12px;line-height:1.55;font-weight:650;}
.kcs-announcement-read-small{margin:0;align-self:center;}
.kcs-announcement-read-small button{width:34px;padding:0;border-radius:999px;}
@media (max-width: 980px){
  .kcs-announcement-hero-v22{display:grid;grid-template-columns:1fr;}
  .kcs-announcement-stats{width:100%;margin-left:0;}
  .kcs-announcement-mark-all button{width:100%;}
  .kcs-announcement-grid-v22{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .koc-announcement-foot{grid-template-columns:1fr;}
  .kcs-announcement-center{border-radius:22px;}
  .kcs-announcement-hero-v22{padding:20px;}
  .kcs-announcement-stats{grid-template-columns:1fr 1fr;}
  .kcs-announcement-alerts-v22,.kcs-announcement-grid-v22{padding-left:14px;padding-right:14px;}
  .kcs-announcement-feature-v22 footer{display:grid;justify-content:start;}
  .kcs-announcement-row-v22{grid-template-columns:auto minmax(0,1fr);}
  .kcs-announcement-read-small{grid-column:1 / -1;justify-self:end;}
}


/* ==========================================================
   KINGOFCS V23 — Auth + Duyuru Merkezi + WhatsApp + Geçiş
   ========================================================== */
body.koc-page-transition .koc-app,
body.koc-page-transition main,
.koc-page-transition{animation:kocPageEnter .28s cubic-bezier(.2,.8,.2,1) both;}
body.koc-page-leave .koc-app,
body.koc-page-leave main{opacity:0;transform:translateY(14px);transition:opacity .18s ease,transform .18s ease;}
@keyframes kocPageEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.koc-whatsapp-cta{display:inline-flex;align-items:center;gap:8px;min-height:30px;border:1px solid rgba(34,197,94,.32);border-radius:999px;background:rgba(34,197,94,.12);padding:0 11px;color:#dcfce7;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:.16s ease;}
.koc-whatsapp-cta i{color:#22c55e;font-size:14px}.koc-whatsapp-cta strong{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#bbf7d0}.koc-whatsapp-cta:hover{background:#22c55e;color:#052e16;transform:translateY(-1px)}.koc-whatsapp-cta:hover i,.koc-whatsapp-cta:hover strong{color:#052e16}@media(max-width:720px){.koc-whatsapp-cta strong{display:none}.koc-whatsapp-cta{padding:0 9px}}

.koc-rich-content{color:#334155;font-size:13px;line-height:1.75;font-weight:600}.koc-rich-content p{margin:.65em 0}.koc-rich-content strong,.koc-rich-content b{color:#071426;font-weight:950}.koc-rich-content em,.koc-rich-content i{font-style:italic}.koc-rich-content ul,.koc-rich-content ol{margin:.75em 0 .75em 1.2rem;padding:0}.koc-rich-content li{margin:.35em 0}.koc-rich-content blockquote{margin:1em 0;border-left:4px solid #0b6ff5;border-radius:12px;background:#eff6ff;padding:12px 14px;color:#0f172a}.koc-rich-content a{color:#0759c7;font-weight:900;text-decoration:underline;text-underline-offset:3px}.koc-rich-content .koc-announcement-image,.koc-rich-content img{display:block;max-width:100%;height:auto;margin:12px 0;border:1px solid #dbeafe;border-radius:18px;box-shadow:0 12px 34px rgba(15,23,42,.10)}.koc-modal-content.koc-rich-content{white-space:normal!important}.koc-modal-foot{border-top:1px solid #e2e8f0;padding:14px 16px;background:#f8fafc}.koc-announcement-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px}.koc-announcement-read-form{margin:0}.koc-announcement-read-form .koc-btn{width:100%;border-style:dashed}.koc-announcement-read-form .koc-btn:disabled{opacity:.55;cursor:not-allowed;background:#f8fafc;color:#94a3b8}.koc-announcement-row.is-unread{background:#eff6ff;border:1px solid #bfdbfe}.koc-announcement-row.is-read{opacity:.72}.koc-announcement-state{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.koc-announcement-row.is-unread .koc-announcement-state{background:#0b6ff5;color:#fff}.koc-announcement-row.is-read .koc-announcement-state{background:#f1f5f9;color:#64748b}

body.koc-auth-page{--gc-body:#f3f8ff;--gc-card:#ffffff;--gc-dark:#eff6ff;--gc-border:#dbeafe;--gc-border-soft:#bfdbfe;--gc-text:#475569;--gc-muted:#64748b;--gc-primary:#0b6ff5;--gc-primary-hover:#0759c7;background:radial-gradient(circle at 12% 8%,rgba(11,111,245,.14),transparent 30%),radial-gradient(circle at 88% 12%,rgba(7,20,38,.10),transparent 28%),#f3f8ff!important;color:#0f172a!important}.koc-auth-page body:before,body.koc-auth-page:before{background-image:linear-gradient(rgba(11,111,245,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(11,111,245,.055) 1px,transparent 1px)!important}.koc-auth-page .announcement-left-panel,.koc-auth-page .announcement-list-panel,.koc-auth-page .modal-panel,.koc-auth-page .reset-card,.koc-auth-page section,.koc-auth-page .bg-brand-panel{background:#fff!important;border-color:#dbeafe!important;color:#0f172a!important;box-shadow:0 22px 70px rgba(15,23,42,.09)!important}.koc-auth-page .bg-brand-bg,.koc-auth-page .bg-brand-bg\/70,.koc-auth-page .bg-brand-bg\/80,.koc-auth-page input,.koc-auth-page textarea,.koc-auth-page select{background:#f8fbff!important;border-color:#dbeafe!important;color:#0f172a!important}.koc-auth-page .text-brand-heading,.koc-auth-page h1,.koc-auth-page h2,.koc-auth-page h3,.koc-auth-page h4{color:#071426!important}.koc-auth-page .text-brand-text,.koc-auth-page p,.koc-auth-page small{color:#475569!important}.koc-auth-page .text-brand-accent{color:#0b6ff5!important}.koc-auth-page .bg-brand-accent{background:#0b6ff5!important}.koc-auth-page .hover\:bg-brand-accentSoft:hover{background:#0759c7!important}.koc-auth-page .border-brand-border{border-color:#dbeafe!important}.koc-auth-page .auth-topline{color:#0759c7!important}.koc-auth-page .auth-topline:before,.koc-auth-page .auth-topline:after{background:#bfdbfe!important}.koc-auth-page .saas-glow{background:radial-gradient(ellipse at top,rgba(11,111,245,.20) 0%,rgba(243,248,255,0) 72%)!important}.koc-auth-page .announcement-left-panel:before{background:radial-gradient(circle at 16% 0%,rgba(11,111,245,.12),transparent 35%),radial-gradient(circle at 82% 18%,rgba(7,20,38,.08),transparent 35%)!important}.koc-auth-page .g-recaptcha{filter:none}.koc-auth-page .auth-logo-shell{background:#fff!important;border-color:#dbeafe!important;box-shadow:0 18px 50px rgba(15,23,42,.10)!important}

.koc-editor-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px}.koc-editor-toolbar button{display:inline-flex;align-items:center;gap:6px;border:1px solid #dbeafe;border-radius:10px;background:#fff;color:#0759c7;padding:8px 10px;font-size:11px;font-weight:900;cursor:pointer;transition:.15s ease}.koc-editor-toolbar button:hover{border-color:#0b6ff5;background:#eff6ff}.koc-editor-preview{margin-top:10px;border:1px dashed #bfdbfe;border-radius:16px;background:#f8fbff;padding:14px}.koc-admin-announcements-page .bg-brand-panel,.koc-admin-announcements-page .bg-brand-bg{background:#fff!important}.koc-admin-announcements-page .text-brand-heading{color:#071426!important}.koc-admin-announcements-page .text-brand-text{color:#475569!important}

.kcs-all-announcements-page{display:grid;gap:18px}.kcs-all-announcements-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;border:1px solid #bfdbfe;border-radius:28px;background:linear-gradient(135deg,#071426 0%,#0b1f38 58%,#0b6ff5 135%);padding:26px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.16)}.kcs-all-announcements-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:24px 24px;opacity:.45}.kcs-all-announcements-hero>*{position:relative;z-index:1}.kcs-all-announcements-hero span{display:inline-flex;align-items:center;gap:8px;color:#bfdbfe;font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.kcs-all-announcements-hero h1{margin:8px 0 6px;color:#fff;font-family:'Exo 2',sans-serif;font-size:32px;font-weight:950;letter-spacing:-.035em}.kcs-all-announcements-hero p{max-width:720px;margin:0;color:#dbeafe;font-size:14px;line-height:1.7;font-weight:650}.kcs-all-announcements-list{display:grid;gap:14px}.kcs-all-announcement-card{border:1px solid #e2e8f0;border-radius:24px;background:#fff;padding:20px;box-shadow:0 14px 38px rgba(15,23,42,.06)}.kcs-all-announcement-card.is-unread{border-color:#bfdbfe;background:#f8fbff}.kcs-all-announcement-card.is-read{opacity:.78;background:#f8fafc}.kcs-all-announcement-card header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:flex-start}.kcs-all-announcement-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:18px;background:#eff6ff;color:#0b6ff5;font-size:20px}.kcs-all-announcement-card h2{margin:7px 0 0;color:#071426;font-family:'Exo 2',sans-serif;font-size:22px;font-weight:950;letter-spacing:-.025em}.kcs-all-announcement-content{margin-top:16px;border-top:1px solid #e2e8f0;padding-top:16px}.kcs-all-announcements-empty{border:1px solid #dbeafe;border-radius:22px;background:#fff;min-height:180px}.kcs-announcement-stats{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:10px}.kcs-announcement-stats div{min-width:110px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.10);padding:12px 14px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.kcs-announcement-stats span{display:block;color:#bfdbfe;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.kcs-announcement-stats strong{display:block;margin-top:3px;font-family:'Exo 2',sans-serif;font-size:24px;font-weight:950}.kcs-announcement-mark-all{position:relative;z-index:2;margin:0}.kcs-announcement-mark-all button{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:#fff;color:#0759c7;padding:0 16px;font-size:12px;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.14);cursor:pointer;white-space:nowrap}.kcs-announcement-mark-all button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}.kcs-announcement-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.kcs-announcement-meta-row span{color:#0b6ff5;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.kcs-announcement-meta-row time{color:#94a3b8;font-size:10px;font-weight:800}.kcs-announcement-meta-row em{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-style:normal;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.kcs-announcement-meta-row em.is-unread,.kcs-announcement-state.is-unread{background:#0b6ff5;color:#fff}.kcs-announcement-meta-row em.is-read,.kcs-announcement-state.is-read{background:#f1f5f9;color:#64748b}.kcs-announcement-read-inline{margin:0}.kcs-announcement-read-inline button,.kcs-announcement-read-small button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #bfdbfe;border-radius:12px;background:#fff;color:#0759c7;padding:0 11px;height:34px;font-size:11px;font-weight:950;cursor:pointer;transition:.15s ease}.kcs-announcement-read-inline button:hover,.kcs-announcement-read-small button:hover{border-color:#0b6ff5;background:#eff6ff}.kcs-announcement-read-text{color:#64748b;font-size:12px;font-weight:900}.kcs-urun-announcements-v23{border:1px solid #dbeafe;border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(15,23,42,.06);padding:18px;margin-top:18px}.kcs-urun-announcements-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #e2e8f0;padding-bottom:16px}.kcs-urun-announcements-head span{display:inline-flex;align-items:center;gap:7px;color:#0b6ff5;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.kcs-urun-announcements-head h2{margin:5px 0 4px;color:#071426;font-family:'Exo 2',sans-serif;font-size:22px;font-weight:950}.kcs-urun-announcements-head p{margin:0;color:#64748b;font-size:12px;font-weight:650}.kcs-urun-announcements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.kcs-urun-announcement-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:flex-start;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:14px}.kcs-urun-announcement-card.is-unread{border-color:#bfdbfe;background:#f8fbff}.kcs-urun-announcement-card.is-read{opacity:.70;background:#f8fafc}.kcs-urun-announcement-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#eff6ff;color:#0b6ff5}.kcs-urun-announcement-copy strong{display:block;margin-top:5px;color:#071426;font-size:14px;font-weight:950}.kcs-urun-announcement-copy p{margin:5px 0 0;color:#475569;font-size:12px;line-height:1.55;font-weight:650}.kcs-announcement-read-small{margin:0;align-self:center}.kcs-announcement-read-small button{width:34px;padding:0;border-radius:999px}@media(max-width:980px){.kcs-all-announcements-hero{grid-template-columns:1fr}.kcs-announcement-stats{width:100%;grid-template-columns:1fr 1fr}.kcs-announcement-mark-all button{width:100%}.kcs-urun-announcements-grid{grid-template-columns:1fr}}@media(max-width:720px){.kcs-all-announcement-card header{grid-template-columns:auto minmax(0,1fr)}.kcs-announcement-read-inline{grid-column:1/-1}.kcs-urun-announcements-head{display:grid}.kcs-urun-announcement-card{grid-template-columns:auto minmax(0,1fr)}.kcs-announcement-read-small{grid-column:1/-1;justify-self:end}.koc-announcement-foot{grid-template-columns:1fr}}


/* ==========================================================
   KINGOFCS V55 — müşteri ana menü küçük dropdown desktop görünürlük düzeltmesi
   Not: V48'deki siyah scrollbar çizgisi geri gelmeden, nav içindeki küçük
   Bildirimler dropdown panelinin desktop'ta overflow tarafından kesilmesini engeller.
   ========================================================== */
@media (min-width:1024px){
  .koc-nav{
    overflow:visible!important;
    z-index:75!important;
  }
  .koc-nav .koc-nav-inner{
    overflow:visible!important;
    scrollbar-width:none!important;
  }
  .koc-nav .koc-nav-inner::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }
  .koc-nav .koc-nav-dropdown{
    position:relative!important;
    display:inline-flex!important;
    align-items:stretch!important;
    overflow:visible!important;
    flex:0 0 auto!important;
  }
  .koc-nav .koc-nav-dropdown > .koc-dropdown-panel{
    z-index:320!important;
    overflow:hidden!important;
  }
}


/* ==========================================================
   KINGOFCS V57 — Header açılır panel katman ve admin aktif menü düzeltmesi
   - Üst header dropdownları nav menüsünün altında kalmaz.
   - Nav scrollbar çizgisi geri gelmeden desktop küçük dropdownlar görünür kalır.
   ========================================================== */
@media (min-width:1024px){
  .koc-systembar{
    position:relative!important;
    z-index:230!important;
  }
  .koc-header{
    position:relative!important;
    z-index:220!important;
    overflow:visible!important;
  }
  .koc-header-inner,
  .koc-header-actions,
  .koc-header .koc-dropdown{
    overflow:visible!important;
  }
  .koc-header .koc-dropdown-panel{
    z-index:260!important;
  }
  .koc-search-results{
    z-index:265!important;
  }
  .koc-nav{
    position:relative!important;
    z-index:95!important;
    overflow:visible!important;
  }
  .koc-nav .koc-nav-inner{
    overflow:visible!important;
    scrollbar-width:none!important;
  }
  .koc-nav .koc-nav-inner::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }
  .koc-nav .koc-nav-dropdown{
    position:relative!important;
    overflow:visible!important;
    z-index:120!important;
  }
  .koc-nav .koc-nav-dropdown > .koc-dropdown-panel{
    z-index:150!important;
  }
  .koc-mega{
    z-index:140!important;
  }
  .koc-main{
    position:relative!important;
    z-index:1!important;
  }
}

/* ==========================================================
   KINGOFCS V58 — Ortak Destek Ekibi Durumu
   Manuel yönetici durumu: Çevrimiçi / Yoğun / Dışarıda / Görünmez
   ========================================================== */
.koc-dot-online,
.koc-dot-busy,
.koc-dot-away,
.koc-dot-offline{
    display:inline-block;
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:999px;
}
.koc-dot-online{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12),0 0 12px rgba(16,185,129,.46)}
.koc-dot-busy{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.12),0 0 12px rgba(245,158,11,.42)}
.koc-dot-away{background:#e11d48;box-shadow:0 0 0 4px rgba(225,29,72,.11),0 0 12px rgba(225,29,72,.38)}
.koc-dot-offline{background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.12)}

.koc-badge-warning{border-color:#fde68a!important;background:#fffbeb!important;color:#b45309!important}
.koc-badge-danger{border-color:#fecdd3!important;background:#fff1f2!important;color:#be123c!important}
.koc-badge-muted{border-color:#e2e8f0!important;background:#f8fafc!important;color:#64748b!important}

.koc-support-button{
    min-width:190px;
    max-width:330px;
    justify-content:flex-start;
    transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.koc-support-button__copy{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;line-height:1.2}
.koc-support-button__copy strong{display:block;max-width:235px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:10px}
.koc-support-button__copy small{display:block;max-width:235px;overflow:hidden;margin-top:2px;color:#94a3b8;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.koc-support-button.is-online{border-color:#a7f3d0;background:#f0fdf4;color:#047857}
.koc-support-button.is-busy{border-color:#fde68a;background:#fffbeb;color:#b45309}
.koc-support-button.is-away{border-color:#fecdd3;background:#fff1f2;color:#be123c}
.koc-support-button.is-offline{border-color:#e2e8f0;background:#f8fafc;color:#64748b}
.koc-support-button>.fa-chevron-down{margin-left:auto;flex:none}
.koc-support-panel{width:min(420px,calc(100vw - 24px))}
.koc-support-panel-summary{display:flex;align-items:flex-start;gap:11px;margin:9px 9px 2px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc;padding:12px}
.koc-support-panel-summary>div{min-width:0;flex:1}
.koc-support-panel-summary strong{display:block;color:#0f172a;font-size:11px;line-height:1.35}
.koc-support-panel-summary small{display:block;margin-top:4px;color:#64748b;font-size:9px;line-height:1.5;word-break:break-word}
.koc-support-panel-summary.is-online{border-color:#a7f3d0;background:#f0fdf4}
.koc-support-panel-summary.is-busy{border-color:#fde68a;background:#fffbeb}
.koc-support-panel-summary.is-away{border-color:#fecdd3;background:#fff1f2}
.koc-support-row{position:relative;align-items:center;background:#fff}
.koc-support-row.is-online{border-color:#d1fae5}
.koc-support-row.is-busy{border-color:#fef3c7}
.koc-support-row.is-away{border-color:#ffe4e6}
.koc-support-row .koc-badge{flex:none;margin-left:6px}
.koc-support-row small{white-space:normal;word-break:break-word}

.koc-mobile-support{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--koc-border);padding:12px 15px;background:#f8fafc}
.koc-mobile-support>div{min-width:0;flex:1}
.koc-mobile-support strong{display:block;color:#0f172a;font-size:10px;line-height:1.35}
.koc-mobile-support small{display:block;margin-top:3px;color:#64748b;font-size:8.5px;line-height:1.5}
.koc-mobile-support.is-online{background:#f0fdf4}
.koc-mobile-support.is-busy{background:#fffbeb}
.koc-mobile-support.is-away{background:#fff1f2}

/* Müşteri destek/ödeme sayfalarındaki ortak durum kartı */
.koc-support-status-card{
    --support-color:#64748b;
    --support-strong:#475569;
    --support-soft:#f8fafc;
    --support-border:#e2e8f0;
    position:relative;
    overflow:hidden;
    width:100%;
    margin:0 0 20px;
    border:1px solid var(--support-border);
    border-radius:20px;
    background:linear-gradient(135deg,#fff 0%,var(--support-soft) 150%);
    box-shadow:0 10px 30px rgba(15,23,42,.065);
    color:#334155;
    font-family:"Open Sans",ui-sans-serif,system-ui,sans-serif;
}
.koc-support-status-card:after{content:"";position:absolute;right:-70px;top:-80px;width:210px;height:210px;border-radius:999px;background:var(--support-soft);opacity:.74;pointer-events:none}
.koc-support-status-card.is-online{--support-color:#10b981;--support-strong:#047857;--support-soft:#ecfdf5;--support-border:#a7f3d0}
.koc-support-status-card.is-busy{--support-color:#f59e0b;--support-strong:#b45309;--support-soft:#fffbeb;--support-border:#fde68a}
.koc-support-status-card.is-away{--support-color:#e11d48;--support-strong:#be123c;--support-soft:#fff1f2;--support-border:#fecdd3}
.koc-support-status-card.is-offline{--support-color:#94a3b8;--support-strong:#64748b;--support-soft:#f8fafc;--support-border:#e2e8f0}
.koc-support-status-card__summary{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 18px}
.koc-support-status-card__icon{display:grid;width:46px;height:46px;place-items:center;flex:none;border:1px solid var(--support-border);border-radius:14px;background:var(--support-soft);color:var(--support-strong);font-size:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.koc-support-status-card__copy{min-width:0}
.koc-support-status-card__eyebrow{display:block;color:var(--support-strong);font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:8.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.koc-support-status-card__copy strong{display:block;margin-top:4px;color:#0f172a;font-family:"Exo 2",ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:800;line-height:1.25;word-break:break-word}
.koc-support-status-card__copy p{margin:5px 0 0;color:#475569;font-size:11px;line-height:1.6;word-break:break-word}
.koc-support-status-card__badge{display:inline-flex;align-items:center;gap:8px;min-height:30px;border:1px solid var(--support-border);border-radius:999px;background:var(--support-soft);padding:0 10px;color:var(--support-strong);font-size:9px;font-weight:800;white-space:nowrap}
.koc-support-status-card__badge>span{width:7px;height:7px;flex-basis:7px}
.koc-support-status-card__staff{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid rgba(148,163,184,.16);padding:10px 18px;background:rgba(255,255,255,.68)}
.koc-support-status-card__staff-row{display:inline-flex;min-width:0;align-items:center;gap:7px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;padding:6px 9px;color:#475569;font-size:9px}
.koc-support-status-card__staff-row>span:first-child{width:7px;height:7px;flex-basis:7px}
.koc-support-status-card__staff-name{max-width:180px;overflow:hidden;color:#334155;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.koc-support-status-card__staff-state{color:#64748b;font-weight:700}
.koc-support-status-card__more{display:inline-flex;align-items:center;border:1px dashed #cbd5e1;border-radius:999px;padding:6px 9px;color:#64748b;font-size:9px;font-weight:800}
.koc-support-status-card__empty{position:relative;z-index:1;display:flex;align-items:flex-start;gap:8px;border-top:1px solid #e2e8f0;padding:11px 18px;color:#64748b;font-size:10px;line-height:1.55}
.koc-support-status-card__empty i{margin-top:2px;color:var(--support-strong)}
.koc-support-status-card__meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px 16px;border-top:1px solid rgba(148,163,184,.16);padding:9px 18px;background:rgba(248,250,252,.72);color:#64748b;font-size:8.5px;font-weight:700}
.koc-support-status-card__meta span{display:inline-flex;align-items:center;gap:6px}
.koc-support-status-card__meta i{color:var(--support-strong)}

/* Yönetici durum ayar sayfası */
.koc-admin-status-page{
    --as-blue:#0b6ff5;
    --as-blue-dark:#0759c7;
    --as-heading:#071426;
    --as-text:#475569;
    --as-muted:#64748b;
    --as-border:#e2e8f0;
    --as-bg:#f8fafc;
    --as-panel:#fff;
    display:grid;
    gap:20px;
    width:100%;
    color:var(--as-text);
    font-family:"Open Sans",ui-sans-serif,system-ui,sans-serif;
}
.koc-admin-status-page *{box-sizing:border-box}
.koc-admin-status-page button,.koc-admin-status-page input{font:inherit}
.koc-admin-status-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;border:1px solid #dbeafe;border-radius:22px;background:radial-gradient(circle at 88% 12%,rgba(43,132,255,.18),transparent 31%),linear-gradient(135deg,#fff 0%,#f8fbff 58%,#eef6ff 100%);padding:24px 26px;box-shadow:0 10px 34px rgba(15,23,42,.075)}
.koc-admin-status-hero:after{content:"";position:absolute;right:-80px;bottom:-110px;width:250px;height:250px;border:38px solid rgba(11,111,245,.055);border-radius:999px;pointer-events:none}
.koc-admin-status-hero__main{position:relative;z-index:1;display:flex;min-width:0;align-items:flex-start;gap:16px}
.koc-admin-status-hero__icon{display:grid;width:58px;height:58px;place-items:center;flex:0 0 58px;border-radius:17px;background:linear-gradient(145deg,var(--as-blue),var(--as-blue-dark));color:#fff;font-size:22px;box-shadow:0 13px 28px rgba(11,111,245,.23)}
.koc-admin-status-eyebrow{display:block;color:var(--as-blue-dark);font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.koc-admin-status-hero h1{margin:6px 0 0;color:var(--as-heading);font-family:"Exo 2",ui-sans-serif,system-ui,sans-serif;font-size:clamp(25px,3vw,35px);font-weight:800;line-height:1.08;letter-spacing:-.025em}
.koc-admin-status-hero p{max-width:780px;margin:8px 0 0;color:var(--as-muted);font-size:12px;line-height:1.7}
.koc-admin-status-current{position:relative;z-index:1;display:flex;min-width:260px;align-items:center;gap:11px;border:1px solid var(--as-border);border-radius:16px;background:rgba(255,255,255,.86);padding:13px 14px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.koc-admin-status-current__dot,.koc-admin-status-preview__dot,.koc-admin-status-team__dot{width:10px;height:10px;flex:0 0 10px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.12)}
.koc-admin-status-current.is-online .koc-admin-status-current__dot,.koc-admin-status-preview.is-online .koc-admin-status-preview__dot,.koc-admin-status-team__row.is-online .koc-admin-status-team__dot{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12),0 0 12px rgba(16,185,129,.4)}
.koc-admin-status-current.is-busy .koc-admin-status-current__dot,.koc-admin-status-preview.is-busy .koc-admin-status-preview__dot,.koc-admin-status-team__row.is-busy .koc-admin-status-team__dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.12),0 0 12px rgba(245,158,11,.35)}
.koc-admin-status-current.is-away .koc-admin-status-current__dot,.koc-admin-status-preview.is-away .koc-admin-status-preview__dot,.koc-admin-status-team__row.is-away .koc-admin-status-team__dot{background:#e11d48;box-shadow:0 0 0 4px rgba(225,29,72,.11),0 0 12px rgba(225,29,72,.32)}
.koc-admin-status-current>div{min-width:0;flex:1}
.koc-admin-status-current small{display:block;color:#94a3b8;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.koc-admin-status-current strong{display:block;margin-top:3px;color:var(--as-heading);font-size:12px}
.koc-admin-status-visibility{display:inline-flex;align-items:center;gap:6px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;padding:5px 8px;color:#64748b;font-size:8px;font-weight:800;text-transform:uppercase}
.koc-admin-status-visibility.is-visible{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
.koc-admin-status-visibility.is-hidden{border-color:#e2e8f0;background:#f1f5f9;color:#64748b}
.koc-admin-status-alert{display:flex;align-items:flex-start;gap:10px;border:1px solid #bfdbfe;border-radius:15px;background:#eff6ff;padding:13px 15px;color:#1d4ed8;font-size:12px;font-weight:700;line-height:1.55}
.koc-admin-status-alert i{margin-top:2px;flex:none}
.koc-admin-status-alert.is-success{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
.koc-admin-status-alert.is-danger{border-color:#fecdd3;background:#fff1f2;color:#be123c}
.koc-admin-status-alert.is-warning{border-color:#fde68a;background:#fffbeb;color:#b45309}
.koc-admin-status-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.8fr);gap:20px;align-items:start}
.koc-admin-status-card{overflow:hidden;border:1px solid var(--as-border);border-radius:19px;background:#fff;box-shadow:0 9px 30px rgba(15,23,42,.06)}
.koc-admin-status-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--as-border);background:linear-gradient(90deg,#fff,#f8fbff);padding:18px 20px}
.koc-admin-status-card__head.is-compact{padding:16px 17px}
.koc-admin-status-card__head h2{margin:4px 0 0;color:var(--as-heading);font-family:"Exo 2",ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:800}
.koc-admin-status-card__head p{max-width:720px;margin:5px 0 0;color:var(--as-muted);font-size:10px;line-height:1.55}
.koc-admin-status-card__head>i{display:grid;width:38px;height:38px;place-items:center;flex:none;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:var(--as-blue)}
.koc-admin-status-form{display:grid;gap:20px;padding:20px}
.koc-admin-status-fieldset{min-width:0;margin:0;border:0;padding:0}
.koc-admin-status-fieldset:disabled{opacity:.58;pointer-events:none}
.koc-admin-status-fieldset legend{width:100%;margin:0 0 11px;color:#334155;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.koc-admin-status-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.koc-admin-status-option{display:block;min-width:0;cursor:pointer}
.koc-admin-status-option>input{position:absolute;opacity:0;pointer-events:none}
.koc-admin-status-option__body{position:relative;display:flex;height:100%;min-height:124px;align-items:flex-start;gap:11px;border:1px solid var(--as-border);border-radius:15px;background:#f8fafc;padding:13px;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.koc-admin-status-option:hover .koc-admin-status-option__body{transform:translateY(-1px);border-color:#bfdbfe;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.koc-admin-status-option__icon{display:grid;width:38px;height:38px;place-items:center;flex:0 0 38px;border:1px solid #dbeafe;border-radius:11px;background:#eff6ff;color:var(--as-blue)}
.koc-admin-status-option.is-online .koc-admin-status-option__icon{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
.koc-admin-status-option.is-busy .koc-admin-status-option__icon{border-color:#fde68a;background:#fffbeb;color:#b45309}
.koc-admin-status-option.is-away .koc-admin-status-option__icon{border-color:#fecdd3;background:#fff1f2;color:#be123c}
.koc-admin-status-option__copy{min-width:0;flex:1}
.koc-admin-status-option__copy strong{display:block;color:var(--as-heading);font-size:12px}
.koc-admin-status-option__copy small{display:block;margin-top:5px;color:var(--as-muted);font-size:9px;line-height:1.55}
.koc-admin-status-option__check{position:absolute;right:10px;top:10px;display:grid;width:23px;height:23px;place-items:center;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:transparent;font-size:9px}
.koc-admin-status-option>input:focus-visible+.koc-admin-status-option__body{outline:3px solid rgba(11,111,245,.16);outline-offset:2px}
.koc-admin-status-option>input:checked+.koc-admin-status-option__body{border-color:#93c5fd;background:#f3f8ff;box-shadow:0 0 0 3px rgba(11,111,245,.09)}
.koc-admin-status-option>input:checked+.koc-admin-status-option__body .koc-admin-status-option__check{border-color:var(--as-blue);background:var(--as-blue);color:#fff}
.koc-admin-status-option.is-online>input:checked+.koc-admin-status-option__body{border-color:#6ee7b7;background:#f0fdf4;box-shadow:0 0 0 3px rgba(16,185,129,.08)}
.koc-admin-status-option.is-busy>input:checked+.koc-admin-status-option__body{border-color:#fcd34d;background:#fffbeb;box-shadow:0 0 0 3px rgba(245,158,11,.08)}
.koc-admin-status-option.is-away>input:checked+.koc-admin-status-option__body{border-color:#fda4af;background:#fff1f2;box-shadow:0 0 0 3px rgba(225,29,72,.07)}
.koc-admin-status-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.koc-admin-status-field{display:block;min-width:0;border:1px solid var(--as-border);border-radius:15px;background:#f8fafc;padding:12px}
.koc-admin-status-field>span{display:flex;align-items:center;gap:7px;color:#334155;font-size:10px;font-weight:800}
.koc-admin-status-field>span i{width:15px;color:var(--as-blue);text-align:center}
.koc-admin-status-field.is-online>span i{color:#059669}
.koc-admin-status-field.is-busy>span i{color:#d97706}
.koc-admin-status-field.is-away>span i{color:#e11d48}
.koc-admin-status-field input{width:100%;height:43px;margin-top:9px;border:1px solid #cbd5e1;border-radius:11px;outline:0;background:#fff;padding:0 12px;color:var(--as-heading);font-size:11px;font-weight:600;transition:border-color .18s ease,box-shadow .18s ease}
.koc-admin-status-field input:focus{border-color:var(--as-blue);box-shadow:0 0 0 4px rgba(11,111,245,.10)}
.koc-admin-status-field small{display:block;margin-top:7px;color:#64748b;font-size:8.5px;line-height:1.5}
.koc-admin-status-switch{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--as-border);border-radius:15px;background:#f8fafc;padding:13px;cursor:pointer}
.koc-admin-status-switch>input{position:absolute;opacity:0;pointer-events:none}
.koc-admin-status-switch__control{position:relative;width:48px;height:27px;flex:0 0 48px;border-radius:999px;background:#cbd5e1;transition:background-color .18s ease,box-shadow .18s ease}
.koc-admin-status-switch__control>span{position:absolute;left:4px;top:4px;width:19px;height:19px;border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.18);transition:transform .18s ease}
.koc-admin-status-switch>input:checked+.koc-admin-status-switch__control{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.10)}
.koc-admin-status-switch>input:checked+.koc-admin-status-switch__control>span{transform:translateX(21px)}
.koc-admin-status-switch>input:focus-visible+.koc-admin-status-switch__control{outline:3px solid rgba(11,111,245,.16);outline-offset:2px}
.koc-admin-status-switch__copy{min-width:0;flex:1}
.koc-admin-status-switch__copy strong{display:block;color:var(--as-heading);font-size:11px}
.koc-admin-status-switch__copy small{display:block;margin-top:4px;color:var(--as-muted);font-size:9px;line-height:1.55}
.koc-admin-status-security{display:flex;align-items:flex-start;gap:11px;border:1px solid #bfdbfe;border-radius:15px;background:#eff6ff;padding:13px;color:#1e40af}
.koc-admin-status-security>i{display:grid;width:34px;height:34px;place-items:center;flex:0 0 34px;border-radius:10px;background:#fff;color:var(--as-blue)}
.koc-admin-status-security strong{display:block;font-size:10px}
.koc-admin-status-security p{margin:4px 0 0;font-size:9px;line-height:1.55}
.koc-admin-status-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--as-border);padding-top:17px}
.koc-admin-status-actions>span{color:var(--as-muted);font-size:9px}
.koc-admin-status-actions>span strong{color:#334155}
.koc-admin-status-actions button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--as-blue),var(--as-blue-dark));padding:0 17px;color:#fff;box-shadow:0 10px 24px rgba(11,111,245,.22);cursor:pointer;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.koc-admin-status-actions button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.koc-admin-status-actions button:disabled{cursor:not-allowed;opacity:.55;transform:none}
.koc-admin-status-sidebar{display:grid;gap:20px}
.koc-admin-status-preview{margin:14px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;padding:14px}
.koc-admin-status-preview.is-online{border-color:#a7f3d0;background:#f0fdf4}
.koc-admin-status-preview.is-busy{border-color:#fde68a;background:#fffbeb}
.koc-admin-status-preview.is-away{border-color:#fecdd3;background:#fff1f2}
.koc-admin-status-preview.is-hidden{border-color:#cbd5e1;background:#f1f5f9;filter:saturate(.45)}
.koc-admin-status-preview__top{display:flex;align-items:center;gap:10px}
.koc-admin-status-preview__top>div{min-width:0;flex:1}
.koc-admin-status-preview__top strong{display:block;overflow:hidden;color:var(--as-heading);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.koc-admin-status-preview__top div span{display:block;margin-top:2px;color:var(--as-muted);font-size:8.5px;font-weight:700;text-transform:uppercase}
.koc-admin-status-preview__visibility{border:1px solid #e2e8f0;border-radius:999px;background:#fff;padding:4px 7px;color:#64748b;font-size:7.5px;font-weight:800;text-transform:uppercase}
.koc-admin-status-preview p{margin:11px 0 0;color:#475569;font-size:10px;line-height:1.6;word-break:break-word}
.koc-admin-status-preview__hidden{display:flex;align-items:flex-start;gap:7px;margin-top:10px;border-top:1px dashed #cbd5e1;padding-top:10px;color:#64748b;font-size:8.5px;line-height:1.5}
.koc-admin-status-preview__hidden[hidden]{display:none!important}
.koc-admin-status-team{display:grid;gap:8px;max-height:520px;overflow:auto;padding:12px}
.koc-admin-status-team__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;border:1px solid var(--as-border);border-radius:14px;background:#fff;padding:11px}
.koc-admin-status-team__row.is-hidden{background:#f8fafc;opacity:.76}
.koc-admin-status-team__row>div{min-width:0}
.koc-admin-status-team__row strong{display:block;color:var(--as-heading);font-size:10.5px}
.koc-admin-status-team__row p{margin:4px 0 0;color:var(--as-text);font-size:8.5px;line-height:1.5;word-break:break-word}
.koc-admin-status-team__row small{display:block;margin-top:5px;color:#94a3b8;font-size:7.5px}
.koc-admin-status-team__badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;padding:5px 7px;color:#64748b;font-size:7.5px;font-weight:800;white-space:nowrap}
.koc-admin-status-team__row.is-online:not(.is-hidden) .koc-admin-status-team__badge{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
.koc-admin-status-team__row.is-busy:not(.is-hidden) .koc-admin-status-team__badge{border-color:#fde68a;background:#fffbeb;color:#b45309}
.koc-admin-status-team__row.is-away:not(.is-hidden) .koc-admin-status-team__badge{border-color:#fecdd3;background:#fff1f2;color:#be123c}
.koc-admin-status-team__empty{display:flex;min-height:100px;align-items:center;justify-content:center;gap:8px;color:#64748b;font-size:10px;text-align:center}

@media(max-width:1279px){
    .koc-support-button{min-width:42px;max-width:42px;padding:0;justify-content:center}
    .koc-support-button>.fa-chevron-down{display:none}
}
@media(max-width:1120px){
    .koc-admin-status-layout{grid-template-columns:1fr}
    .koc-admin-status-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
    .koc-admin-status-hero{align-items:stretch;flex-direction:column}
    .koc-admin-status-current{width:100%;min-width:0}
    .koc-admin-status-options{grid-template-columns:1fr}
    .koc-admin-status-option__body{min-height:0}
    .koc-admin-status-sidebar{grid-template-columns:1fr}
}
@media(max-width:700px){
    .koc-support-status-card{border-radius:16px}
    .koc-support-status-card__summary{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;padding:14px}
    .koc-support-status-card__badge{grid-column:1/-1;justify-self:flex-start;margin-left:60px}
    .koc-support-status-card__staff,.koc-support-status-card__meta{padding-left:14px;padding-right:14px}
    .koc-admin-status-page{gap:14px}
    .koc-admin-status-hero{padding:18px;border-radius:17px}
    .koc-admin-status-hero__main{gap:12px}
    .koc-admin-status-hero__icon{width:48px;height:48px;flex-basis:48px;border-radius:14px;font-size:18px}
    .koc-admin-status-fields{grid-template-columns:1fr}
    .koc-admin-status-form{padding:14px}
    .koc-admin-status-card{border-radius:16px}
    .koc-admin-status-card__head{padding:15px}
    .koc-admin-status-actions{align-items:stretch;flex-direction:column}
    .koc-admin-status-actions button{width:100%}
}
@media(max-width:440px){
    .koc-support-status-card__icon{width:40px;height:40px;border-radius:12px;font-size:15px}
    .koc-support-status-card__copy strong{font-size:13px}
    .koc-support-status-card__badge{margin-left:54px}
    .koc-support-status-card__staff-row{width:100%;border-radius:11px}
    .koc-support-status-card__staff-name{max-width:none;flex:1}
    .koc-support-status-card__meta{display:grid;grid-template-columns:1fr 1fr}
    .koc-admin-status-team__row{grid-template-columns:auto minmax(0,1fr)}
    .koc-admin-status-team__badge{grid-column:2;justify-self:flex-start}
}