/**
 * =============================================================================
 * Panel renkleri — tek :root paleti (sabit tema)
 * =============================================================================
 */
:root {
    --gw-accent-color: #22d3ee;
    --gw-accent-secondary: #a78bfa;
    --gw-primary-glow: rgba(34, 211, 238, 0.42);
    --gw-secondary-glow: rgba(167, 139, 250, 0.28);
    --gw-bg-gradient: linear-gradient(160deg, rgba(15, 23, 42, 0.92) 0%, rgba(30, 41, 59, 0.55) 100%);

    /* Tablo / buton yüzeyi — color-mix modern tarayıcı gerektirir */
    --gw-table-border: rgba(51, 65, 85, 0.58);
    --gw-row-hover: var(--gw-accent-color);
    --gw-table-header-text: rgba(148, 163, 184, 0.98);
    --gw-btn-bg: rgba(30, 41, 59, 0.6);
    --gw-btn-border: rgba(56, 189, 248, 0.32);
    --gw-input-focus: #36ebff;
    --gw-panel-bg: #0f172a;
    --gw-bg-aura: rgba(51, 133, 255, 0.12);

    --gw-text-bright: #e2e8f0;
    --gw-text-heading: rgba(226, 232, 240, 0.98);
    --gw-text-table-cell: rgba(226, 232, 240, 0.96);
    --gw-text-sub: rgba(203, 214, 228, 0.92);
    --gw-text-muted: rgba(148, 163, 184, 0.98);
    --gw-text-placeholder: rgba(148, 163, 184, 0.85);
    --gw-text-pill: #cbd5e1;
    --gw-text-pill-hover: #f1f5f9;
    --gw-text-pill-active: #e8fafc;

    --gw-surface-deep: rgba(15, 23, 42, 0.85);
    --gw-surface-mid: rgba(15, 23, 42, 0.65);
    --gw-surface-glass: rgba(15, 23, 42, 0.5);
    --gw-surface-teal-tint: rgba(8, 47, 73, 0.55);
    --gw-surface-overlay: rgba(2, 6, 23, 0.97);
    --gw-chip-active-surface: linear-gradient(rgba(12, 18, 32, 0.94), rgba(15, 23, 42, 0.88));

    --gw-border-grid: rgba(51, 65, 85, 0.58);
    --gw-border-slate: rgba(71, 85, 105, 0.5);
    --gw-border-neutral: rgba(100, 116, 139, 0.45);
    --gw-border-accent-faint: rgba(56, 189, 248, 0.175);
    --gw-border-accent-soft: rgba(56, 189, 248, 0.28);
    --gw-border-accent-mid: rgba(56, 189, 248, 0.36);
    --gw-border-accent-strong: rgba(54, 235, 255, 0.44);
    --gw-border-teal: rgba(94, 234, 212, 0.65);
    --gw-switch-focus-ring: rgba(94, 234, 212, 0.85);
    --gw-focus-ring-soft: rgba(54, 235, 255, 0.16);

    --gw-inset-shine: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --gw-inset-shine-strong: inset 0 1px 0 rgba(255, 255, 255, 0.06);

    --gw-shadow-drop: rgba(0, 0, 0, 0.35);
    --gw-shadow-glow-faint: rgba(54, 235, 255, 0.048);
    --gw-shadow-glow-soft: rgba(54, 235, 255, 0.096);
    --gw-shadow-glow-mid: rgba(54, 235, 255, 0.2);
    --gw-shadow-blue-soft: rgba(51, 133, 255, 0.096);
    --gw-shadow-blue-mid: rgba(51, 133, 255, 0.12);
    --gw-shadow-blue-strong: rgba(51, 133, 255, 0.176);

    /* Radyo ayarları «Oynat» ile radyo açılır menü ses kaydırıcısı — aynı neon pembe */
    --gw-radio-play-pink: #ff007f;
    --gw-radio-play-magenta: #a21caf;
    --gw-radio-play-pink-border: rgba(255, 0, 127, 0.45);
    --gw-radio-play-pink-glow: rgba(255, 0, 127, 0.22);
    --gw-radio-play-pink-glow-strong: rgba(255, 0, 127, 0.42);

    --gw-row-hover-bg: rgba(34, 211, 238, 0.08);
    --gw-row-hover-inset: rgba(56, 189, 248, 0.55);
    --gw-row-hover-outer: rgba(56, 189, 248, 0.22);

    --gw-switch-track-off: rgba(71, 85, 105, 0.95);
    --gw-switch-border-off: rgba(148, 163, 184, 0.45);
    --gw-switch-on-start: rgba(45, 212, 191, 0.95);
    --gw-switch-on-end: rgba(34, 197, 158, 0.88);
    --gw-switch-knob-on: #0f172a;

    --gw-trailer-focus-ring: rgba(34, 211, 238, 0.55);
    --gw-trailer-ring: rgba(45, 212, 191, 0.72);
    --gw-trailer-ring-inner: rgba(34, 211, 238, 0.06);
    --gw-trailer-glow-a: rgba(34, 211, 238, 0.35);
    --gw-trailer-glow-b: rgba(45, 212, 191, 0.18);
    --gw-trailer-ring-hot: rgba(94, 234, 234, 0.95);
    --gw-trailer-glow-hot-a: rgba(34, 211, 238, 0.65);
    --gw-trailer-glow-hot-b: rgba(45, 212, 191, 0.35);
    --gw-trailer-pop-border: rgba(45, 212, 191, 0.38);
    --gw-trailer-pop-glow-line: rgba(34, 211, 238, 0.22);
    --gw-trailer-pop-glow-bloom: rgba(34, 211, 238, 0.25);

    --gw-toolbar-border: var(--gw-btn-border);
    --gw-toolbar-glow: color-mix(in srgb, var(--gw-btn-border) 28%, transparent);
    --gw-toolbar-hover-border: color-mix(in srgb, var(--gw-btn-border) 45%, var(--gw-accent-color));
    --gw-toolbar-hover-glow: color-mix(in srgb, var(--gw-accent-color) 24%, transparent);
    --gw-toolbar-hover-text: #f0fdfa;

    /* Kategori çipi / arama — [data-gw-gm-cat-tone] kuralları bunları ezer */
    --gw-gm-cat-glow-a: #7dd3fc;
    --gw-gm-cat-glow-b: #a78bfa;
    --gw-gm-cat-dot-core: #5eead4;
    --gw-gm-cat-dot-ring: rgba(125, 211, 252, 0.55);
    --gw-gm-cat-dot-glow: rgba(45, 212, 191, 0.48);
    --gw-gm-cat-aura: rgba(56, 189, 248, 0.11);
    --gw-gm-cat-aura-2: rgba(167, 139, 250, 0.09);
    --gw-gm-cat-hover-border: rgba(56, 189, 248, 0.38);
    --gw-gm-cat-pulse-a: rgba(56, 189, 248, 0.42);
    --gw-gm-cat-pulse-b: rgba(167, 139, 250, 0.3);
    --gw-gm-search-dot-a: #7dd3fc;
    --gw-gm-search-dot-b: #c4b5fd;
}

.gw-top-played-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 10px 0 8px;
    padding: 7px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(24, 34, 58, 0.7);
    color: #dfe9ff;
    cursor: pointer;
}
.gw-pc-type-tabs .gw-top-played-tab-btn {
    margin: 0;
}
.gw-top-played-tab-btn.is-open {
    background: rgba(44, 64, 112, 0.85);
    border-color: rgba(157, 186, 255, 0.45);
}
.gw-top-played-card {
    margin: 12px 0 14px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(16, 24, 44, 0.9), rgba(22, 18, 40, 0.88));
}
.gw-top-played-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}
.gw-top-played-card__head h3 {
    margin: 0;
    font-size: 14px;
    letter-spacing: 0.01em;
}
.gw-top-played-card__refresh {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #dbe8ff;
    background: rgba(255, 255, 255, 0.05);
    cursor: pointer;
}
.gw-top-played-card__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.gw-top-played-card__item {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.gw-top-played-card__item:first-child {
    border-top: 0;
}
.gw-top-played-card__rank {
    color: #9fb5ff;
    font-weight: 700;
}
.gw-top-played-card__name {
    color: #f3f7ff;
}
.gw-top-played-card__count {
    color: #bdd3ff;
    font-size: 12px;
}
.gw-top-played-card__empty {
    padding: 8px 0;
    color: #c8d6ff;
}
.gw-module-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.gw-gm-library-card {
    width: 100%;
    transition: filter 0.2s ease, opacity 0.2s ease;
}

.gw-gm-library-card.is-dimmed {
    filter: blur(2px);
    opacity: 0.45;
}

.gw-gm-toolbar__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
}

.gw-gm-toolbar-btn {
    white-space: nowrap;
    font-weight: 700;
    letter-spacing: 0.03em;
    border-color: var(--gw-toolbar-border);
    box-shadow: 0 0 10px var(--gw-toolbar-glow);
}

.gw-gm-toolbar-btn:hover {
    border-color: var(--gw-toolbar-hover-border);
    box-shadow: 0 0 14px var(--gw-toolbar-hover-glow);
    color: var(--gw-toolbar-hover-text);
}

.gw-gm-filter-bar {
    width: 100%;
    margin: 0 0 14px;
    padding: 12px 14px;
    border-radius: 12px;
    background: linear-gradient(
        160deg,
        color-mix(in srgb, var(--gw-panel-bg) 94%, rgb(30, 41, 59)) 0%,
        color-mix(in srgb, var(--gw-panel-bg) 58%, rgb(51, 65, 85)) 100%
    );
    border: 1px solid var(--gw-border-accent-faint);
    box-shadow:
        0 0 0 1px var(--gw-shadow-glow-faint),
        0 8px 28px var(--gw-shadow-drop),
        0 0 28px var(--gw-bg-aura);
}

/* Arama + hızlı filtre + araç düğmeleri tek satırda (geniş ekran); dar ekranda satır kırılır */
.gw-gm-filter-bar__top {
    display: block;
    width: 100%;
}

.gw-gm-filter-bar__top .gw-gm-filter-bar__row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px 12px;
    width: 100%;
    min-width: 0;
}

.gw-gm-filter-bar__top .gw-gm-toolbar__actions {
    margin-left: auto;
    flex-shrink: 0;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    gap: 8px;
}

.gw-gm-filter-bar__top .gw-gm-quick-filters--under-trailer {
    width: auto;
    max-width: 100%;
    justify-content: flex-end;
}

/* Sadece Aktifler / Pasifler: üst satırdan ayrı; trailer sütununu genişletmez (Oyun+Fragman bitişik kalır) */
.gw-gm-filter-bar__top .gw-gm-filter-bar__row--trailer-pills {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    min-width: 0;
    margin-top: 12px;
}

/* Fragman düğmesi + panel (pill filtreler ayrı satırda) */
.gw-gm-filter-bar__top .gw-gm-toolbar__trailer-col {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
    flex-shrink: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.gw-gm-trailer-tab,
.gw-gm-games-tab {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    width: auto;
    max-width: 100%;
    flex: 0 0 auto;
}

.gw-gm-trailer-tab__btn,
.gw-gm-games-tab__btn {
    position: relative;
    border-radius: 0;
    border: 0;
    background: transparent;
    color: rgba(226, 232, 240, 0.72);
    padding-left: 0.15rem;
    padding-right: 0.15rem;
}

.gw-gm-trailer-tab__btn .gw-gm-btn-ico,
.gw-gm-games-tab__btn .gw-gm-btn-ico {
    font-size: 1.35em;
    line-height: 1;
    margin-right: 0.35rem;
    display: inline-block;
    transform: translateY(1px);
}

.gw-gm-games-tab__btn .gw-gm-btn-ico {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.14);
}

.gw-gm-games-tab__btn.is-open .gw-gm-btn-ico {
    color: #fff;
    text-shadow: 0 0 14px rgba(255, 255, 255, 0.22);
}

.gw-gm-trailer-tab__btn.is-open,
.gw-gm-games-tab__btn.is-open {
    color: rgba(226, 232, 240, 0.94);
}

.gw-gm-trailer-tab__btn.is-open::after,
.gw-gm-games-tab__btn.is-open::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -6px;
    height: 2px;
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.92);
    box-shadow: 0 0 14px rgba(34, 211, 238, 0.28);
}

.gw-gm-trailer-tab__panel,
.gw-gm-games-tab__panel {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 1200;
    width: clamp(12.5rem, 22vw, 15.5rem);
    min-width: 12.5rem;
    padding: 10px;
    border-radius: 14px;
    border: 1px solid rgba(34, 211, 238, 0.22);
    background: rgba(2, 6, 23, 0.72);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow:
        0 0 0 1px rgba(34, 211, 238, 0.10),
        0 0 18px rgba(34, 211, 238, 0.08),
        0 18px 50px rgba(0, 0, 0, 0.55);
    display: grid;
    gap: 10px;
}

/* Fragman paneli: fare dışına çıkınca kısa fade (hızlı tepki) */
.gw-gm-trailer-tab__panel {
    opacity: 1;
    transition: opacity 0.06s ease-out;
}

.gw-gm-trailer-tab__panel.is-fade-closing {
    opacity: 0;
    pointer-events: none;
}

/* Oyun Yönetimi paneli: Fragman ile aynı hızda fade */
.gw-gm-games-tab__panel {
    opacity: 1;
    transition: opacity 0.06s ease-out;
}

.gw-gm-games-tab__panel.is-fade-closing {
    opacity: 0;
    pointer-events: none;
}

.gw-gm-trailer-tab__panel[hidden],
.gw-gm-games-tab__panel[hidden] {
    display: none !important;
}

.gw-gm-trailer-tab__panel .gw-module-btn,
.gw-gm-games-tab__panel .gw-module-btn {
    width: 100%;
    justify-content: center;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.gw-gm-trailer-tab__divider {
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, rgba(148, 163, 184, 0), rgba(148, 163, 184, 0.28), rgba(148, 163, 184, 0));
    margin: 2px 0;
}

.gw-gm-trailer-tab__panel .gw-gm-pill-btn {
    width: 100%;
    justify-content: center;
}

.gw-gm-trailer-subtabs {
    display: flex;
    gap: 18px;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 2px;
    justify-content: center;
    border-bottom: 1px solid rgba(34, 211, 238, 0.14);
}

.gw-gm-trailer-subtab {
    flex: 0 0 auto;
    padding: 0.55rem 0.1rem;
    border-radius: 0;
    border: 0;
    background: transparent;
    color: rgba(226, 232, 240, 0.62);
    font-family: var(--gw-font-ui);
    font-weight: 800;
    letter-spacing: 0.04em;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.gw-gm-trailer-subtab.is-active {
    color: rgba(226, 232, 240, 0.92);
}

.gw-gm-trailer-subtab.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.92);
    box-shadow: 0 0 14px rgba(34, 211, 238, 0.28);
}

.gw-gm-trailer-tab__panel .gw-module-btn,
.gw-gm-trailer-tab__panel .gw-gm-pill-btn {
    font-size: 0.86rem;
    padding-top: 0.78rem;
    padding-bottom: 0.78rem;
    letter-spacing: 0.02em;
}

.gw-gm-games-subtabs {
    display: flex;
    gap: 18px;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 2px;
    border-bottom: 1px solid rgba(34, 211, 238, 0.14);
}

.gw-gm-games-subtab {
    flex: 0 0 auto;
    padding: 0.55rem 0.1rem;
    border-radius: 0;
    border: 0;
    background: transparent;
    color: rgba(226, 232, 240, 0.62);
    font-family: var(--gw-font-ui);
    font-weight: 800;
    letter-spacing: 0.04em;
    cursor: pointer;
    position: relative;
}

.gw-gm-games-subtab.is-active {
    color: rgba(226, 232, 240, 0.92);
}

.gw-gm-games-subtab.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    border-radius: 999px;
    background: rgba(34, 211, 238, 0.92);
    box-shadow: 0 0 14px rgba(34, 211, 238, 0.28);
}

.gw-gm-games-subpanel[hidden] {
    display: none !important;
}

#gw-gm-games-subpanel-client .gw-module-btn {
    font-size: 0.84rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    letter-spacing: 0.02em;
}

#gw-gm-games-subpanel-actions .gw-module-btn {
    font-size: 0.86rem;
    padding-top: 0.78rem;
    padding-bottom: 0.78rem;
    letter-spacing: 0.02em;
}

@media (max-width: 1100px) {
    .gw-gm-filter-bar__top .gw-gm-filter-bar__row {
        flex-wrap: wrap;
    }
    .gw-gm-filter-bar__top .gw-gm-toolbar__actions {
        margin-left: 0;
        flex-basis: 100%;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}

.gw-gm-search-wrap {
    position: relative;
    flex: 0 1 auto;
    width: auto;
    max-width: min(100%, 16rem);
    min-width: 0;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
}

@media (max-width: 560px) {
    .gw-gm-search-wrap {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
    }
}

.gw-gm-search-dot {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--gw-accent-color);
    box-shadow: 0 0 8px var(--gw-primary-glow);
    pointer-events: none;
    z-index: 1;
}

.gw-gm-search-input {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0.55rem 0.75rem 0.55rem 2.15rem;
    border-radius: 10px;
    border: 1px solid var(--gw-border-accent-soft);
    background: var(--gw-surface-deep);
    color: var(--gw-text-bright);
    font-size: 0.9rem;
    font-weight: 600;
    outline: none;
    box-shadow: var(--gw-inset-shine), 0 0 11px var(--gw-shadow-glow-soft);
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.gw-gm-search-input::placeholder {
    color: var(--gw-text-placeholder);
    font-weight: 500;
}

.gw-gm-search-input:focus {
    border-color: var(--gw-border-accent-strong);
    box-shadow:
        var(--gw-inset-shine-strong),
        0 0 0 1px var(--gw-focus-ring-soft),
        0 0 16px var(--gw-shadow-blue-strong);
}

.gw-gm-quick-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.gw-gm-pill-btn {
    cursor: pointer;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    border: 1px solid var(--gw-border-neutral);
    background: var(--gw-surface-mid);
    color: var(--gw-text-pill);
    transition:
        color 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        background 0.15s ease;
}

.gw-gm-pill-btn:hover {
    border-color: var(--gw-border-accent-mid);
    color: var(--gw-text-pill-hover);
}

.gw-gm-pill-btn.is-active {
    border-color: var(--gw-border-accent-strong);
    color: var(--gw-text-pill-active);
    background: var(--gw-surface-teal-tint);
    box-shadow: 0 0 11px var(--gw-shadow-glow-mid), 0 0 17px var(--gw-shadow-blue-mid);
}

/* Fragmanı eksik toggle (pill stilinde) */
.gw-gm-pill-btn.gw-gm-pill-btn--missing {
    border-color: rgba(148, 163, 184, 0.55);
    background: rgba(15, 23, 42, 0.65);
    color: rgba(226, 232, 240, 0.92);
    box-shadow: none;
    min-width: 10.2rem;
    text-align: center;
    justify-content: center;
}

.gw-gm-pill-btn.gw-gm-pill-btn--missing:hover {
    border-color: rgba(251, 191, 36, 0.55);
    color: rgba(254, 243, 199, 0.98);
}

.gw-gm-pill-btn.gw-gm-pill-btn--missing.is-active {
    border-color: rgba(34, 197, 94, 0.65);
    background: rgba(6, 28, 20, 0.55);
    color: rgba(240, 253, 244, 0.98);
    box-shadow: 0 0 14px rgba(34, 197, 94, 0.24), 0 0 22px rgba(34, 197, 94, 0.16);
}

.gw-gm-pill-btn.gw-gm-pill-btn--missing.is-active:hover {
    filter: brightness(1.08);
}

.gw-gm-pill-btn.gw-gm-pill-btn--missing-clear {
    border-color: rgba(148, 163, 184, 0.35);
    background: rgba(2, 6, 23, 0.35);
    color: rgba(226, 232, 240, 0.88);
}

.gw-gm-pill-btn.gw-gm-pill-btn--missing-clear:hover {
    border-color: rgba(251, 191, 36, 0.45);
    color: rgba(254, 243, 199, 0.98);
}

.gw-gm-row--trailer-missing .gw-gm-td-name,
.gw-gm-row--trailer-missing .gw-gm-td-trailer {
    background: rgba(127, 29, 29, 0.12);
}

#gw-gm-table tbody tr.gw-gm-row--trailer-missing:hover td {
    background: rgba(127, 29, 29, 0.18);
}

.gw-gm-cat-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 12px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--gw-shadow-glow-soft);
}

.gw-gm-cat-strip .gw-gm-cat-bar {
    flex: 1 1 auto;
    min-width: 0;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.gw-gm-cat-manage-btn {
    flex-shrink: 0;
}

.gw-gm-cat-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
}

.gw-gm-cat-chip {
    position: relative;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    cursor: pointer;
    padding: 0.32rem 0.65rem 0.32rem 0.5rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 700;
    border: 1px solid var(--gw-border-slate);
    background: var(--gw-surface-glass);
    color: var(--gw-text-muted);
    overflow: visible;
    isolation: isolate;
    transition:
        color 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.gw-gm-cat-chip__dot {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
}

.gw-gm-cat-chip__txt {
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gw-gm-cat-chip:hover {
    border-color: var(--gw-gm-cat-hover-border, var(--gw-border-accent-soft));
    color: var(--gw-text-bright);
}

.gw-gm-name-cell {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    width: 100%;
}

/* OYUN ADI sütunu: ortala */
#gw-view-game-management #gw-gm-table thead th:nth-child(2),
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-name {
    text-align: center;
}

/* Başlık ortalı kalsın; satır isimleri soldan başlasın */
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-name {
    padding: 0;
    max-width: 0;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-name .gw-gm-name-cell {
    justify-content: flex-start;
}

#gw-view-game-management #gw-gm-table .gw-gm-name-frame {
    box-sizing: border-box;
    width: 100%;
    padding: 0.55rem 0.92rem;
    overflow: hidden;
}

#gw-view-game-management #gw-gm-table .gw-gm-name-scroll {
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    line-height: 1.25;
}

.gw-gm-name-txt {
    display: inline-block;
    min-width: 0;
    white-space: nowrap;
}

/* Fragman: neon amber tetikleyici (tabloda ikon+«İzle» ile tamamlanır) */
.gw-gm-trailer-trigger {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 28px;
    margin-left: 0;
    cursor: pointer;
    outline: none;
    border-radius: 8px;
    border: 1px solid rgba(255, 171, 0, 0.55);
    background: rgba(255, 255, 255, 0.03);
    color: #ffab00;
    gap: 0.28rem;
    padding: 0.2rem 0.45rem 0.2rem 0.4rem;
    box-shadow: 0 0 10px rgba(255, 171, 0, 0.22);
    transition:
        opacity 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.2s ease,
        filter 0.18s ease,
        transform 0.18s ease;
}

.gw-gm-trailer-trigger:focus-visible {
    outline: 2px solid rgba(255, 171, 0, 0.45);
    outline-offset: 2px;
    box-shadow: 0 0 12px rgba(255, 171, 0, 0.35);
}

.gw-gm-trailer-trigger__ico {
    font-size: 0.62rem;
    line-height: 1;
    color: #ffab00;
    filter: drop-shadow(0 0 6px rgba(255, 171, 0, 0.5));
}

.gw-gm-trailer-trigger__label {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
    color: #ffab00;
    text-shadow: 0 0 8px rgba(255, 171, 0, 0.4);
}

/* Eski tek-emoji varyantı (geriye dönük) */
.gw-gm-trailer-trigger__emoji {
    width: 32px;
    height: 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    transform: translateX(-6px);
    filter:
        drop-shadow(0 0 10px rgba(255, 171, 0, 0.22))
        drop-shadow(0 0 18px rgba(255, 171, 0, 0.12));
    opacity: 0.95;
}

.gw-gm-trailer-trigger:hover,
.gw-gm-trailer-trigger.is-arming {
    border-color: #ffab00;
    box-shadow:
        0 0 12px rgba(255, 171, 0, 0.48),
        0 0 26px rgba(255, 171, 0, 0.22);
    filter: none;
    transform: translateY(-1px);
}

.gw-gm-trailer-row {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

.gw-gm-trailer-left {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transform: translateX(3px) !important;
}

.gw-gm-trailer-midsep {
    width: 1px;
    height: 18px;
    background: rgba(148, 163, 184, 0.32);
    box-shadow: 0 0 10px rgba(34, 211, 238, 0.08);
    margin: 0 14px;
    flex: 0 0 auto;
    position: relative;
    left: 0.5mm;
}

.gw-gm-trailer-status {
    font-family: var(--gw-font-ui);
    font-weight: 800;
    font-size: 0.92rem;
    letter-spacing: 0.03em;
    color: rgba(226, 232, 240, 0.78);
    white-space: nowrap;
    flex: 1 1 auto;
    text-align: center;
}

.gw-gm-trailer-status--on {
    color: rgba(226, 232, 240, 0.88);
}

.gw-gm-trailer-status--off {
    color: rgba(248, 113, 113, 0.72);
}

.gw-gm-trailer-status--none {
    color: rgba(148, 163, 184, 0.62);
}


.gw-gm-trailer-hover-pop {
    position: fixed;
    z-index: 12050;
    width: 280px;
    max-width: calc(100vw - 16px);
    pointer-events: auto;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(3px) scale(0.98);
    transition:
        opacity 0.14s ease,
        transform 0.14s ease;
}

.gw-gm-trailer-hover-pop.is-open {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.gw-gm-trailer-hover-pop__inner {
    border-radius: 11px;
    overflow: hidden;
    background: var(--gw-surface-overlay);
    border: 1px solid var(--gw-trailer-pop-border);
    box-shadow:
        0 0 0 1px var(--gw-trailer-pop-glow-line),
        0 0 20px var(--gw-trailer-pop-glow-bloom),
        0 10px 32px var(--gw-shadow-drop);
}

.gw-gm-trailer-hover-pop__title {
    padding: 0.3rem 0.5rem;
    font-family: var(--gw-font-ui);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: rgba(226, 232, 240, 0.95);
    border-bottom: 1px solid rgba(51, 65, 85, 0.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gw-gm-trailer-hover-pop__media {
    position: relative;
    aspect-ratio: 16 / 9;
    background: #000;
}

.gw-gm-trailer-hover-video,
.gw-gm-trailer-hover-iframe {
    display: none;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: contain;
}

.gw-gm-trailer-hover-video {
    background: #000;
}

.gw-gm-exe-status {
    flex: 0 0 1.35rem;
    width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05em;
    line-height: 1;
    cursor: help;
}

.gw-gm-exe-status--ok {
    border: none;
    background: transparent;
    box-shadow: none;
}

.gw-gm-exe-status--bad {
    font-size: 1.1em;
    border: none;
    background: transparent;
    box-shadow: none;
    filter: drop-shadow(0 0 5px rgba(248, 113, 113, 0.75)) drop-shadow(0 0 10px rgba(239, 68, 68, 0.45));
    animation: gw-gm-exe-warn-pulse 2.4s ease-in-out infinite;
}

@keyframes gw-gm-exe-warn-pulse {
    0%,
    100% {
        filter: drop-shadow(0 0 4px rgba(248, 113, 113, 0.65)) drop-shadow(0 0 8px rgba(239, 68, 68, 0.35));
    }
    50% {
        filter: drop-shadow(0 0 8px rgba(252, 165, 165, 0.9)) drop-shadow(0 0 14px rgba(239, 68, 68, 0.55));
    }
}

.gw-gm-row--exe-missing .gw-gm-name-txt {
    color: #fecaca;
}

.gw-gm-library-note {
    flex: 1 1 100%;
    margin: 0;
    min-width: 0;
    line-height: 1.35;
}

/* İlerleme: bağımsız bar yerine not kutusunun arka planı dolar */
#gw-view-game-management .gw-gm-library-note.is-waiting.has-progress {
    background:
        linear-gradient(
            90deg,
            rgba(16, 185, 129, 0.38) 0%,
            rgba(34, 197, 94, 0.30) var(--gw-gm-progress, 0%),
            rgba(6, 28, 20, 0.32) var(--gw-gm-progress, 0%),
            rgba(6, 28, 20, 0.32) 100%
        );
}

/* Oyun yönetimi: üst istatistik — ana panel lejantı ile aynı nokta + glow (.gw-dot) */
/* .gw-legend sonradan font-size verdiği için çift sınıf (yazı %20 büyük) */
.gw-legend.gw-gm-stats-legend {
    margin: 0;
    padding: 2px 0;
    font-family: var(--gw-font-ui);
    font-size: calc(0.82rem * 1.2);
    font-weight: 600;
    letter-spacing: 0.05em;
}

.gw-gm-stats-legend__item {
    color: rgba(203, 214, 228, 0.98);
}

/* Sayılar yalnızca textContent ile güncellenir; renk/glow id ile kalıcı */
#gw-gm-kpi-active,
#gw-gm-kpi-passive,
#gw-gm-kpi-total {
    font-weight: bold;
}

#gw-gm-kpi-active {
    color: #2ecc71;
    text-shadow:
        0 0 10px rgba(46, 204, 113, 0.42),
        0 0 4px rgba(46, 204, 113, 0.28);
}

#gw-gm-kpi-passive {
    color: #e74c3c;
    text-shadow:
        0 0 10px rgba(231, 76, 60, 0.4),
        0 0 4px rgba(231, 76, 60, 0.26);
}

#gw-gm-kpi-total {
    color: #85c1e9;
    text-shadow:
        0 0 10px rgba(52, 152, 219, 0.45),
        0 0 6px rgba(255, 255, 255, 0.12);
}

/* Oyun istatistik noktaları: ana lejana yakın, hafif yumuşatılmış */
.gw-gm-stats-legend .gw-dot--busy {
    background: #42bc75;
    box-shadow: 0 0 11px rgba(66, 210, 130, 0.66);
}

.gw-gm-stats-legend .gw-dot--empty {
    background: #d07070;
    box-shadow: 0 0 11px rgba(235, 115, 115, 0.62);
}

.gw-gm-stats-legend .gw-dot--pending {
    background: #55b8e6;
    box-shadow: 0 0 11px rgba(90, 200, 245, 0.6);
}

.gw-gm-filter-empty-hint {
    margin: 0 0 10px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(251, 191, 36, 0.35);
    background: rgba(30, 20, 8, 0.55);
    color: rgba(254, 243, 199, 0.95);
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.02em;
}

.gw-gm-row--inactive {
    opacity: 0.48;
    filter: grayscale(0.35);
}

.gw-gm-row--inactive.gw-gm-row--exe-missing {
    opacity: 0.72;
}

.gw-gm-row--inactive:hover {
    opacity: 0.62;
}

.gw-gm-row--inactive.gw-gm-row--exe-missing:hover {
    opacity: 0.82;
}

.gw-gm-td-switch {
    vertical-align: middle;
    white-space: nowrap;
}

.gw-gm-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.gw-gm-switch input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
}

.gw-gm-switch__ui {
    position: relative;
    width: 46px;
    height: 26px;
    border-radius: 999px;
    background: var(--gw-switch-track-off);
    border: 1px solid var(--gw-switch-border-off);
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}

.gw-gm-switch__ui::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f8fafc;
    top: 2px;
    left: 3px;
    transition: transform 0.18s ease, background 0.18s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.gw-gm-switch input:checked + .gw-gm-switch__ui {
    background: linear-gradient(135deg, var(--gw-switch-on-start), var(--gw-switch-on-end));
    border-color: var(--gw-border-teal);
    box-shadow: 0 0 14px var(--gw-primary-glow), inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.gw-gm-switch input:checked + .gw-gm-switch__ui::after {
    transform: translateX(18px);
    background: var(--gw-switch-knob-on);
}

.gw-gm-switch input:focus-visible + .gw-gm-switch__ui {
    outline: 2px solid var(--gw-switch-focus-ring);
    outline-offset: 2px;
}

.gw-gm-switch input:disabled + .gw-gm-switch__ui {
    opacity: 0.45;
    cursor: wait;
}

.gw-gm-editor-dialog::backdrop {
    background: rgba(2, 6, 23, 0.72);
    backdrop-filter: blur(4px);
}

.gw-modal.gw-mem-dialog#gw-gm-meta-dialog,
.gw-modal.gw-mem-dialog#gw-gm-folder-dialog,
.gw-modal.gw-mem-dialog#gw-gm-trailer-dialog,
.gw-modal.gw-mem-dialog#gw-gm-meta-source-dialog,
.gw-modal.gw-mem-dialog#gw-gm-igdb-pick-dialog,
.gw-modal.gw-mem-dialog#gw-gm-igdb-import-dialog,
.gw-modal.gw-mem-dialog#gw-gm-dir-browser-dialog {
    position: fixed;
    inset: 0;
    width: min(96vw, 1280px);
    max-width: min(96vw, 1280px);
    height: fit-content;
    max-height: min(92vh, 900px);
    margin: auto;
    border: none;
    padding: 0;
    background: transparent;
    overflow: visible;
}

.gw-modal.gw-mem-dialog#gw-gm-meta-source-dialog {
    width: min(520px, 92vw);
    max-width: min(520px, 92vw);
}

.gw-modal.gw-mem-dialog#gw-gm-igdb-pick-dialog {
    width: min(720px, 94vw);
    max-width: min(720px, 94vw);
}

.gw-modal.gw-mem-dialog#gw-gm-igdb-import-dialog {
    width: min(960px, 96vw);
    max-width: min(960px, 96vw);
}

.gw-modal.gw-mem-dialog#gw-gm-dir-browser-dialog {
    width: min(720px, 94vw);
    max-width: min(720px, 94vw);
    max-height: min(90vh, 860px);
    overflow: auto;
}

#gw-gm-dir-browser-dialog::backdrop {
    background: rgba(2, 6, 23, 0.82);
    backdrop-filter: blur(6px);
}

.gw-modal.gw-mem-dialog#gw-gm-trailer-autofill-confirm-dialog {
    position: fixed;
    inset: 0;
    width: min(620px, 92vw);
    max-width: min(620px, 92vw);
    height: fit-content;
    max-height: min(92vh, 900px);
    margin: auto;
    border: none;
    padding: 0;
    background: transparent;
}

#gw-gm-trailer-autofill-confirm-dialog .gw-gm-autofill-confirm-box {
    padding: 16px 18px 14px;
    border-radius: 14px;
    border: 1px solid rgba(56, 189, 248, 0.35);
    background: linear-gradient(180deg, rgba(14, 22, 40, 0.98), rgba(10, 16, 30, 0.98));
}

#gw-gm-trailer-autofill-confirm-dialog .gw-modal__title {
    margin-bottom: 8px;
    color: #dbeafe;
}

#gw-gm-trailer-autofill-confirm-dialog .gw-gm-autofill-confirm-text {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.88rem;
    line-height: 1.45;
}

#gw-gm-trailer-autofill-confirm-dialog .gw-gm-autofill-confirm-actions {
    margin-top: 14px;
    justify-content: flex-end;
    gap: 10px;
}

#gw-gm-trailer-autofill-confirm-dialog .gw-gm-autofill-confirm-btn-ok {
    margin: 0;
    color: #eff6ff;
    border-color: rgba(34, 197, 94, 0.65);
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.95), rgba(22, 163, 74, 0.92));
}

#gw-gm-trailer-autofill-confirm-dialog .gw-gm-autofill-confirm-btn-cancel {
    margin: 0;
    color: #ffe4e6;
    border-color: rgba(244, 63, 94, 0.45);
    background: rgba(127, 29, 29, 0.28);
}

/* Oyun düzenle: .gw-gm-editor-box min(900px, 92vw) — dış dialog aynı genişlikte olmalı ki margin:auto ile ortada dursun */
.gw-modal.gw-mem-dialog#gw-gm-editor-dialog {
    position: fixed;
    inset: 0;
    width: min(900px, 92vw);
    max-width: min(900px, 92vw);
    height: fit-content;
    max-height: min(92vh, 900px);
    margin: auto;
    border: none;
    padding: 0;
    background: transparent;
}

/* Kategoriler: üstte hizalı (alt boşluk); yatay ortada */
.gw-modal.gw-mem-dialog#gw-gm-categories-dialog {
    position: fixed;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    bottom: auto;
    width: min(980px, 96vw);
    max-width: min(980px, 96vw);
    height: fit-content;
    max-height: min(78vh, 720px);
    margin: 0;
    border: none;
    padding: 0;
    background: transparent;
}

.gw-gm-categories-box {
    display: flex;
    flex-direction: column;
    width: min(980px, 96vw);
    max-height: min(78vh, 700px);
    overflow: auto;
    min-width: min(100%, 720px);
}

.gw-gm-categories-hint {
    margin: 0 0 0.65rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.55;
    color: rgba(203, 213, 225, 0.92);
    letter-spacing: 0.02em;
}

#gw-gm-categories-list {
    list-style: none;
    margin: 0 0 0.65rem;
    padding: 6px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    max-height: min(44vh, 380px);
    overflow: auto;
    border: 1px solid rgba(56, 189, 248, 0.15);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.4);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

#gw-gm-categories-list > .gw-gm-categories-card {
    transition:
        opacity 0.22s ease,
        filter 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

/* Düzenleme modunda diğer kartları soluklaştır — yalnızca düzenlenen kart öne çıksın */
#gw-gm-categories-list:has(.gw-gm-categories-card--editing) > .gw-gm-categories-card:not(.gw-gm-categories-card--editing) {
    opacity: 0.4;
    pointer-events: none;
    filter: saturate(0.7);
}

@media (max-width: 720px) {
    #gw-gm-categories-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.gw-gm-categories-card {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.5rem 0.55rem 0.55rem;
    border-radius: 10px;
    border: 1px solid rgba(51, 65, 85, 0.55);
    background: rgba(15, 23, 42, 0.65);
    cursor: pointer;
    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.gw-gm-categories-card:hover {
    background: rgba(34, 211, 238, 0.08);
    border-color: rgba(56, 189, 248, 0.45);
    box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.55), 0 0 14px rgba(56, 189, 248, 0.22);
}

.gw-gm-categories-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.4rem;
    min-width: 0;
}

.gw-gm-categories-card__name {
    font-size: 0.9rem;
    font-weight: 700;
    color: #f8fafc;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1 1 auto;
}

.gw-gm-categories-card__count {
    font-size: 0.82rem;
    font-weight: 400;
    color: rgba(186, 198, 216, 0.95);
    flex-shrink: 0;
}

.gw-gm-categories-card__badge {
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5eead4;
    border: 1px solid rgba(45, 212, 191, 0.35);
    border-radius: 999px;
    padding: 0.1rem 0.35rem;
    flex-shrink: 0;
}

.gw-gm-categories-card__btns {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.gw-gm-categories-card__icon-btn {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(100, 116, 139, 0.55);
    background: rgba(30, 41, 59, 0.95);
    color: #e2e8f0;
    cursor: pointer;
    font-size: 0.88rem;
    line-height: 1;
    transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;
}

/* 5 sütun: isimler ve ikonlar okunaklı minimum boy */
#gw-gm-categories-list .gw-gm-categories-card__icon-btn {
    width: 2.15rem;
    height: 2.15rem;
    font-size: 0.98rem;
    border-radius: 8px;
}

#gw-gm-categories-list .gw-gm-categories-card__btns {
    gap: 6px;
}

#gw-gm-categories-list .gw-gm-categories-card {
    padding: 0.55rem 0.52rem 0.58rem;
    gap: 0.48rem;
}

#gw-gm-categories-list .gw-gm-categories-card__head {
    align-items: center;
    gap: 0.35rem 0.45rem;
}

#gw-gm-categories-list .gw-gm-categories-card__name {
    font-size: clamp(0.98rem, 0.35vw + 0.82rem, 1.12rem);
    font-weight: 700;
    letter-spacing: 0.035em;
    color: #ffffff;
    line-height: 1.3;
}

#gw-gm-categories-list .gw-gm-categories-card__count {
    font-size: clamp(0.84rem, 0.22vw + 0.74rem, 0.95rem);
    font-weight: 400;
    color: rgba(186, 198, 216, 0.98);
}

#gw-gm-categories-list .gw-gm-categories-card__badge {
    font-size: 0.76rem;
    font-weight: 600;
    padding: 0.12rem 0.42rem;
}

/* Düzenleme kartı: turkuaz + hafif altın neon, gradient zemin */
#gw-gm-categories-list .gw-gm-categories-card--editing {
    position: relative;
    z-index: 2;
    cursor: default;
    border-color: rgba(45, 212, 191, 0.72);
    background: linear-gradient(
        165deg,
        rgba(56, 72, 112, 0.94) 0%,
        rgba(22, 36, 62, 0.9) 48%,
        rgba(12, 55, 78, 0.92) 100%
    );
    box-shadow:
        0 0 0 1px rgba(45, 212, 191, 0.55),
        0 0 16px rgba(34, 211, 238, 0.42),
        0 0 32px rgba(34, 211, 238, 0.22),
        0 0 38px rgba(251, 191, 36, 0.16);
}

#gw-gm-categories-list .gw-gm-categories-card--editing:hover {
    border-color: rgba(94, 234, 234, 0.88);
    background: linear-gradient(
        165deg,
        rgba(62, 82, 124, 0.96) 0%,
        rgba(22, 36, 62, 0.92) 48%,
        rgba(14, 62, 88, 0.94) 100%
    );
    box-shadow:
        0 0 0 1px rgba(94, 234, 234, 0.6),
        0 0 20px rgba(34, 211, 238, 0.5),
        0 0 40px rgba(34, 211, 238, 0.28),
        0 0 48px rgba(251, 191, 36, 0.2);
}

#gw-gm-categories-list .gw-gm-categories-card--editing .gw-gm-categories-card__icon-btn {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.02rem;
}

#gw-gm-categories-list .gw-gm-categories-card__edit-btns {
    gap: 8px;
}

#gw-gm-categories-list .gw-gm-categories-card__edit-panel {
    padding: 0.48rem 0.5rem;
    border-radius: 9px;
    border: 1px solid rgba(56, 189, 248, 0.38);
    background: linear-gradient(180deg, rgba(2, 12, 28, 0.72) 0%, rgba(15, 23, 42, 0.55) 100%);
    box-shadow:
        inset 0 0 0 1px rgba(34, 211, 238, 0.12),
        0 0 12px rgba(34, 211, 238, 0.12);
}

#gw-gm-categories-list .gw-gm-categories-card--editing .gw-gm-categories-rename-input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid rgba(51, 65, 85, 0.5);
    border-bottom: 2px solid rgba(56, 189, 248, 0.55);
    border-radius: 7px 7px 4px 4px;
    background: rgba(2, 6, 23, 0.78);
    color: #f1f5f9;
}

#gw-gm-categories-list .gw-gm-categories-card--editing .gw-gm-categories-rename-input:focus {
    outline: none;
    border-color: rgba(56, 189, 248, 0.35);
    border-bottom-color: var(--gw-accent-color);
    box-shadow: 0 5px 18px rgba(34, 211, 238, 0.28);
}

#gw-gm-categories-list .gw-gm-categories-card--editing .gw-gm-categories-card__icon-btn--save {
    width: 2.55rem;
    height: 2.55rem;
    font-size: 1.14rem;
    font-weight: 700;
    border-color: rgba(52, 211, 153, 0.95);
    background: linear-gradient(180deg, rgba(22, 163, 74, 0.98), rgba(21, 128, 61, 0.98));
    color: #ecfdf5;
    box-shadow: 0 0 14px rgba(34, 197, 94, 0.5);
}

#gw-gm-categories-list .gw-gm-categories-card--editing .gw-gm-categories-card__icon-btn--save:hover {
    border-color: #6ee7b7;
    background: linear-gradient(180deg, rgba(34, 197, 94, 1), rgba(22, 163, 74, 1));
    color: #fff;
    box-shadow: 0 0 18px rgba(74, 222, 128, 0.55);
}

#gw-gm-categories-list .gw-gm-categories-card--editing .gw-gm-categories-card__icon-btn--cancel {
    width: 2.55rem;
    height: 2.55rem;
    font-size: 1.08rem;
    font-weight: 700;
    border-color: rgba(248, 113, 113, 0.95);
    background: linear-gradient(180deg, rgba(220, 38, 38, 0.96), rgba(185, 28, 28, 0.98));
    color: #fef2f2;
    box-shadow: 0 0 14px rgba(248, 113, 113, 0.45);
}

#gw-gm-categories-list .gw-gm-categories-card--editing .gw-gm-categories-card__icon-btn--cancel:hover {
    border-color: #fca5a5;
    background: linear-gradient(180deg, rgba(239, 68, 68, 1), rgba(220, 38, 38, 1));
    color: #fff;
    box-shadow: 0 0 18px rgba(252, 165, 165, 0.5);
}

.gw-gm-categories-card__icon-btn:hover {
    border-color: rgba(56, 189, 248, 0.55);
    background: rgba(51, 65, 85, 0.95);
    color: #f8fafc;
}

.gw-gm-categories-card__icon-btn--danger:hover {
    border-color: rgba(248, 113, 113, 0.55);
    color: #fecaca;
}

.gw-gm-categories-card__icon-btn--save {
    border-color: rgba(45, 212, 191, 0.45);
    color: #5eead4;
}

.gw-gm-categories-card__icon-btn--save:hover {
    background: rgba(6, 78, 59, 0.45);
}

.gw-gm-categories-card__icon-btn--cancel:hover {
    border-color: rgba(148, 163, 184, 0.65);
}

.gw-gm-categories-card__icon-btn:focus-visible {
    outline: 2px solid rgba(94, 234, 212, 0.85);
    outline-offset: 2px;
}

.gw-gm-categories-card--editing {
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
    cursor: default;
}

.gw-gm-categories-card__edit-panel {
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.gw-gm-categories-card--editing .gw-gm-categories-rename-input {
    width: 100%;
    min-width: 0;
    flex: 0 1 auto;
    font-size: 0.92rem;
    font-weight: 500;
    box-sizing: border-box;
}

.gw-gm-categories-card__edit-btns {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
    justify-content: center;
    flex-wrap: nowrap;
}

.gw-gm-categories-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.45rem 0.6rem;
    margin: 0 0 0.35rem;
    padding: 0.45rem 0 0.15rem;
    border-top: 1px solid rgba(51, 65, 85, 0.4);
}

.gw-gm-categories-toolbar .gw-module-field {
    margin-bottom: 0;
}

.gw-gm-categories-toolbar__field {
    flex: 1 1 11rem;
    min-width: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.gw-gm-categories-toolbar__field--grow {
    flex: 2 1 14rem;
}

.gw-gm-categories-toolbar__lbl {
    font-size: 0.76rem;
    font-weight: 500;
    color: rgba(186, 198, 216, 0.92);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.gw-gm-categories-toolbar__input {
    font-size: 0.9rem !important;
    font-weight: 500;
    padding: 0.42rem 0.55rem !important;
    min-height: 0;
}

.gw-gm-categories-toolbar__add {
    flex: 0 0 auto;
    align-self: flex-end;
    padding: 0.45rem 0.85rem !important;
    font-size: 0.88rem !important;
    font-weight: 700;
}

.gw-gm-categories-placeholder {
    flex-shrink: 0;
    margin: 0.35rem 0 0.55rem;
    min-height: 3rem;
    border-radius: 10px;
    border: 1px dashed rgba(100, 116, 139, 0.42);
    background: rgba(15, 23, 42, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.75rem;
}

.gw-gm-categories-placeholder__inner {
    text-align: center;
}

.gw-gm-categories-placeholder__hint {
    font-size: 0.86rem;
    font-weight: 400;
    letter-spacing: 0.035em;
    color: rgba(160, 174, 192, 0.88);
}

.gw-gm-editor-box {
    width: min(900px, 92vw);
    height: clamp(520px, min(82vh, 800px), min(88vh, 820px));
    max-height: min(88vh, 820px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.gw-gm-editor-box > .gw-modal__title,
.gw-gm-editor-box > .gw-gm-editor-tabs {
    flex-shrink: 0;
}

.gw-gm-editor-box > .gw-module-actions.gw-gm-media-actions {
    flex-shrink: 0;
}

.gw-gm-editor-box > #gw-gm-status-note {
    flex-shrink: 0;
}

.gw-gm-editor-panels {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.gw-gm-editor-tabs {
    display: flex;
    gap: 0.1rem;
    margin: 6px 0 12px;
    padding: 0;
    overflow-x: auto;
}

.gw-topnav--editor {
    background: linear-gradient(180deg, rgba(5, 7, 13, 0.72) 0%, rgba(10, 15, 26, 0.55) 55%, rgba(7, 10, 18, 0.45) 100%);
    border: 1px solid rgba(30, 41, 59, 0.45);
    border-radius: 10px 10px 0 0;
    padding: 0.15rem 0.25rem 0;
}

.gw-topnav--editor .gw-gm-editor-tab {
    border: 0;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    white-space: nowrap;
}

.gw-gm-editor-tab > span {
    font-size: 0.8rem;
    line-height: 1.2;
    white-space: nowrap;
}

.gw-topnav--editor .gw-gm-editor-tab i {
    opacity: 1;
    transition: color 0.2s, filter 0.2s, text-shadow 0.2s;
}

.gw-topnav--editor .gw-gm-editor-tab[data-gw-gm-tab="genel"] i {
    color: #38bdf8;
    text-shadow: 0 0 10px rgba(56, 189, 248, 0.42);
}

.gw-topnav--editor .gw-gm-editor-tab[data-gw-gm-tab="medya"] i {
    color: #c084fc;
    text-shadow: 0 0 10px rgba(192, 132, 252, 0.42);
}

.gw-topnav--editor .gw-gm-editor-tab[data-gw-gm-tab="eylemler"] i {
    color: #4ade80;
    text-shadow: 0 0 10px rgba(74, 222, 128, 0.42);
}

.gw-topnav--editor .gw-gm-editor-tab[data-gw-gm-tab="betikler"] i {
    color: #fb923c;
    text-shadow: 0 0 10px rgba(251, 146, 60, 0.42);
}

.gw-topnav--editor .gw-gm-editor-tab:not(.is-active) i {
    filter: saturate(0.88) brightness(0.9);
}

.gw-topnav--editor .gw-gm-editor-tab.is-active i {
    filter: none;
    text-shadow: 0 0 12px currentColor;
}

.gw-gm-genel-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 12px;
}

.gw-gm-genel-grid .gw-module-field {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: center;
    column-gap: 8px;
    margin: 0;
    min-height: 30px;
    position: relative;
}

.gw-gm-genel-grid .gw-module-input {
    min-height: 30px;
    padding: 4px 8px;
}

.gw-gm-genel-grid .gw-module-input:focus,
.gw-gm-genel-grid .gw-module-input:focus-visible,
.gw-gm-genel-description .gw-module-input:focus,
.gw-gm-genel-description .gw-module-input:focus-visible {
    outline: none !important;
    border-color: var(--gw-border) !important;
    box-shadow: none !important;
}

.gw-gm-genel-description {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

.gw-gm-desc-label {
    align-self: flex-start;
    color: #cbd5e1;
}

.gw-gm-description {
    min-height: 86px;
    resize: vertical;
    padding: 6px 8px;
    width: calc(100% - 104px);
    margin-left: 104px;
    margin-right: 0;
}

.gw-gm-genre-shell {
    min-height: 30px;
    border: 1px solid rgba(71, 85, 105, 0.6);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.82);
    padding: 3px 26px 3px 6px;
    cursor: pointer;
    position: relative;
}

.gw-gm-genre-arrow {
    position: absolute;
    right: 9px;
    top: 50%;
    width: 0;
    height: 0;
    transform: translateY(-35%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid rgba(226, 232, 240, 0.9);
}

.gw-gm-genre-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.gw-gm-genre-chip {
    border: 1px solid rgba(34, 211, 238, 0.45);
    background: rgba(34, 211, 238, 0.12);
    color: #a5f3fc;
    border-radius: 999px;
    padding: 1px 7px;
    font-size: 11px;
    cursor: pointer;
}

.gw-gm-genre-menu {
    margin-top: 4px;
    border: 1px solid rgba(100, 116, 139, 0.55);
    border-radius: 10px;
    background: rgba(2, 6, 23, 0.95);
    padding: 6px;
    max-height: 180px;
    overflow: auto;
}

.gw-gm-genre-opt {
    width: 100%;
    text-align: left;
    border: 0;
    border-radius: 8px;
    padding: 5px 7px;
    font-size: 12px;
    color: #cbd5e1;
    background: transparent;
    cursor: pointer;
}

.gw-gm-genre-opt:hover,
.gw-gm-genre-opt.is-on {
    background: rgba(34, 211, 238, 0.14);
    color: #67e8f9;
}

.gw-gm-genre-add {
    margin-top: 6px;
    min-height: 28px;
    padding: 4px 8px;
}

.gw-gm-editor-panel {
    display: none;
    min-height: 0;
}

.gw-gm-editor-panel.is-active {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.gw-gm-editor-panel[data-gw-gm-panel="genel"] .gw-gm-genel-grid {
    flex-shrink: 0;
}

.gw-gm-editor-panel[data-gw-gm-panel="genel"] .gw-gm-genel-description {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-top: 6px;
}

.gw-gm-editor-panel[data-gw-gm-panel="genel"] .gw-gm-description {
    flex: 1 1 auto;
    min-height: 120px;
}

.gw-gm-editor-panel[data-gw-gm-panel="medya"] {
    overflow-x: hidden;
    overflow-y: auto;
}

/* Kapak ~1 birim, fragman ~2 birim (görsel 1); kapak en fazla 400px veya satırın ~%33’ü. */
.gw-gm-medya-row {
    display: grid;
    grid-template-columns: minmax(220px, min(400px, 33.333%)) minmax(0, 1fr);
    align-items: start;
    gap: 20px 28px;
    width: 100%;
}

.gw-gm-medya-row .gw-gm-media-preview {
    margin: 0;
}

.gw-gm-media-preview--cover-col {
    margin: 0;
    min-width: 0;
}

.gw-gm-media-preview--trailer-col {
    margin: 0;
    min-width: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.gw-gm-media-preview--trailer-col > .gw-gm-media-preview__card {
    width: 100%;
    box-sizing: border-box;
    border-radius: 14px;
}

.gw-gm-media-preview__card.gw-gm-media-preview__card--trailer-compact {
    padding: 8px 12px 12px;
    flex: 0 1 auto;
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto auto;
    row-gap: 8px;
    justify-items: stretch;
}

.gw-gm-install-grid {
    display: grid;
    gap: 10px;
    margin-top: 6px;
}

.gw-gm-install-row {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    margin: 0;
}

.gw-gm-install-label {
    color: #e2e8f0;
    display: flex;
    align-items: center;
    min-height: 38px;
    line-height: 1.25;
}

.gw-gm-install-path-col {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.gw-gm-install-path-row {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: start;
}

.gw-gm-install-path-main {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.gw-gm-install-path-main .gw-module-input {
    width: 100%;
}

#gw-gm-install-folder-pick-legacy {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.gw-gm-install-folder-btn {
    min-width: 6.5rem;
    padding: 6px 10px;
    font-size: 0.82rem;
    white-space: nowrap;
    margin: 0;
    margin-top: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
        filter 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease;
}

.gw-gm-install-folder-btn:hover {
    filter: brightness(1.1);
    border-color: rgba(148, 163, 184, 0.8);
    box-shadow:
        0 0 10px rgba(148, 163, 184, 0.24),
        0 2px 10px rgba(15, 23, 42, 0.35);
}

.gw-gm-install-path-hint {
    margin: 0;
    font-size: 0.78rem;
    opacity: 0.85;
    text-align: center;
}

.gw-gm-dir-browser-dialog .gw-modal__box,
.gw-gm-dir-browser-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    max-height: min(86vh, 820px);
    overflow: hidden;
    box-sizing: border-box;
    padding: 14px 16px 12px;
    border-radius: 14px;
    border: 1px solid rgba(56, 189, 248, 0.32);
    background: linear-gradient(180deg, rgba(14, 22, 40, 0.98), rgba(10, 16, 30, 0.98));
}

.gw-gm-dir-browser-dialog .gw-modal__title {
    margin: 0 0 6px;
    flex-shrink: 0;
}

.gw-gm-dir-browser-hint {
    margin: 0 0 0.55rem;
    flex-shrink: 0;
    font-size: 0.8rem;
    line-height: 1.35;
}

.gw-gm-dir-browser-drives,
.gw-gm-dir-browser-roots,
.gw-gm-dir-browser-roots-chips,
.gw-gm-dir-browser-toolbar {
    flex-shrink: 0;
}

.gw-gm-dir-browser-drives,
.gw-gm-dir-browser-roots,
.gw-gm-dir-browser-roots-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 0.55rem;
}

.gw-gm-dir-browser-roots {
    flex-direction: column;
    align-items: flex-start;
}

.gw-gm-dir-browser-drives .gw-gm-dir-browser-chip,
.gw-gm-dir-browser-roots .gw-gm-dir-browser-chip {
    font-size: 0.8rem;
    padding: 4px 10px;
}

.gw-gm-dir-browser-toolbar {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px;
    align-items: center;
    margin-bottom: 0.5rem;
}

.gw-gm-dir-browser-path-wrap {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    margin-top: 1.55mm;
}

.gw-gm-dir-browser-path-label {
    color: var(--gw-muted);
    font-size: 0.984rem;
    flex-shrink: 0;
}

.gw-gm-dir-browser-path {
    font-family: ui-monospace, Consolas, monospace;
    font-size: 0.984rem;
    color: var(--gw-muted);
    padding: 0.35rem 0;
    align-self: center;
    user-select: none;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gw-gm-dir-browser-dialog .gw-modal__actions {
    flex-shrink: 0;
    margin-top: 0.65rem;
}

.gw-gm-dir-browser-list {
    --gw-gm-dir-row: 4.125rem;
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 0 0 auto;
    overflow-x: hidden;
    overflow-y: hidden;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    padding: 4px;
    background: rgba(15, 23, 42, 0.45);
}

.gw-gm-dir-browser-list:has(> .gw-gm-dir-browser-item:nth-child(5)) {
    max-height: calc(4 * var(--gw-gm-dir-row) + 3 * 2px + 8px);
    overflow-y: auto;
}

.gw-gm-dir-browser-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    text-align: left;
    padding: 8px 10px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #e2e8f0;
    cursor: pointer;
    font-size: 0.88rem;
}

.gw-gm-dir-browser-item:hover,
.gw-gm-dir-browser-item:focus-visible {
    background: rgba(56, 189, 248, 0.14);
    outline: none;
}

.gw-gm-dir-browser-item__ico {
    opacity: 0.85;
    flex-shrink: 0;
    line-height: 1.3;
}

.gw-gm-dir-browser-item__txt {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    word-break: break-all;
}

.gw-gm-dir-browser-item__txt strong {
    font-weight: 600;
}

.gw-gm-dir-browser-item__sub {
    font-size: 0.75rem;
    opacity: 0.72;
}

.gw-gm-dir-browser-item--file {
    border-style: dashed;
}

.gw-gm-dir-browser-item.is-selected {
    border-color: rgba(56, 189, 248, 0.85);
    background: rgba(56, 189, 248, 0.12);
    box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.35);
}

.gw-gm-dir-browser-item--root {
    box-sizing: border-box;
    min-height: var(--gw-gm-dir-row, 4.125rem);
    border-radius: 8px;
    padding: 10px 12px;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

.gw-gm-dir-browser-item--root-ok {
    border: 1px solid rgba(34, 197, 94, 0.38);
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.16) 0%, rgba(15, 23, 42, 0.55) 100%);
    box-shadow: inset 3px 0 0 rgba(34, 197, 94, 0.9), 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gw-gm-dir-browser-item--root-ok:hover,
.gw-gm-dir-browser-item--root-ok:focus-visible {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.24) 0%, rgba(15, 23, 42, 0.62) 100%);
    border-color: rgba(74, 222, 128, 0.55);
    box-shadow: inset 3px 0 0 rgba(74, 222, 128, 1), 0 0 0 1px rgba(34, 197, 94, 0.2);
}

.gw-gm-dir-browser-item--root-ok .gw-gm-dir-browser-item__sub {
    color: #86efac;
    opacity: 1;
}

.gw-gm-dir-browser-item--root-unreachable {
    border: 1px solid rgba(248, 113, 113, 0.42);
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.14) 0%, rgba(15, 23, 42, 0.55) 100%);
    box-shadow: inset 3px 0 0 rgba(248, 113, 113, 0.92), 0 1px 0 rgba(255, 255, 255, 0.03);
}

.gw-gm-dir-browser-item--root-unreachable:hover,
.gw-gm-dir-browser-item--root-unreachable:focus-visible {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(15, 23, 42, 0.62) 100%);
    border-color: rgba(252, 165, 165, 0.5);
    box-shadow: inset 3px 0 0 rgba(252, 165, 165, 1), 0 0 0 1px rgba(248, 113, 113, 0.18);
}

.gw-gm-dir-browser-item--root-unreachable .gw-gm-dir-browser-item__sub {
    color: #fca5a5;
    opacity: 1;
}

.gw-gm-dir-browser-item--root-unreachable .gw-gm-dir-browser-item__txt strong {
    color: #fecaca;
}

.gw-gm-dir-browser-status {
    margin: 0.45rem 0 0;
    min-height: 1.2em;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.gw-gm-dir-browser-roots-label {
    width: 100%;
    font-size: 0.75rem;
    opacity: 0.75;
    margin: 0.15rem 0 0.2rem;
}

.gw-gm-install-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
}

.gw-gm-folder-box {
    width: min(760px, 92vw);
    height: min(82vh, 760px);
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.gw-gm-folder-top {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 8px;
    align-items: center;
}

.gw-gm-folder-list {
    border: 1px solid rgba(100, 116, 139, 0.45);
    border-radius: 10px;
    background: rgba(2, 6, 23, 0.55);
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto;
    padding: 6px;
}

.gw-gm-folder-entry {
    width: 100%;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #e2e8f0;
    text-align: left;
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 8px;
    padding: 8px 10px;
    cursor: pointer;
}

.gw-gm-folder-entry:hover {
    background: rgba(56, 189, 248, 0.14);
}

.gw-gm-folder-entry__icon {
    opacity: 0.9;
}

.gw-gm-folder-entry__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gw-gm-actions-install {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(100, 116, 139, 0.35);
}

.gw-gm-actions-install.gw-gm-install-grid {
    margin-top: 0;
}

.gw-gm-actions-head {
    margin-bottom: 10px;
}

.gw-gm-actions-list {
    display: grid;
    gap: 10px;
}

.gw-gm-action-item {
    border: 1px solid rgba(100, 116, 139, 0.4);
    border-radius: 10px;
    padding: 10px;
    background: rgba(15, 23, 42, 0.35);
}

.gw-gm-action-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
}

.gw-gm-action-grid .gw-module-field {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    align-items: center;
    column-gap: 8px;
    margin: 0;
    min-height: 30px;
}

.gw-gm-action-grid .gw-module-input,
.gw-gm-action-grid select.gw-module-input {
    width: 100%;
}

.gw-gm-action-grid .gw-module-field > span {
    color: var(--gw-text);
    font-weight: 600;
}

.gw-gm-action-path-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.gw-gm-action-path-row .gw-module-input {
    min-width: 0;
}

.gw-gm-action-path-row .gw-module-btn,
.gw-gm-action-path-row .gw-gm-action-pick-path-btn {
    min-width: 52px;
    height: 36px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.gw-gm-action-grid .gw-module-field input[type="checkbox"] {
    transform: translateY(1px);
}

.gw-gm-action-footer {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
}

.gw-gm-hooks {
    display: grid;
    gap: 10px;
    margin-top: 2px;
}

.gw-gm-hook-row {
    border: 1px solid rgba(80, 110, 160, 0.36);
    border-radius: 12px;
    padding: 10px 12px;
    background: rgba(9, 17, 34, 0.5);
    display: grid !important;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.gw-gm-hook-left {
    display: grid;
    gap: 8px;
    align-content: start;
}

.gw-gm-hook-left h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #dbe6ff;
}

.gw-gm-hook-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    color: #d7e4ff;
}

.gw-gm-hook-right {
    min-width: 0;
}

.gw-gm-hook-text {
    display: block;
    width: 100%;
    min-height: 110px;
    margin: 0;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(66, 98, 150, 0.42);
    background: rgba(3, 10, 25, 0.85);
    color: #e5efff;
    resize: vertical;
}

.gw-gm-hook-left .gw-module-btn {
    display: flex;
    width: fit-content;
    min-width: 132px;
    margin: 0;
    min-height: 38px;
    border-radius: 10px;
}

.gw-gm-editor-panel[data-gw-gm-panel="betikler"] {
    padding-top: 2px;
}

.gw-gm-media-preview {
    margin: 8px 0 2px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.gw-gm-media-preview__card {
    border: 1px solid rgba(100, 116, 139, 0.45);
    border-radius: 10px;
    padding: 6px;
    background: rgba(15, 23, 42, 0.42);
}

/* İki sınıf birden: genel .gw-gm-media-preview__card kuralından sonra gelmeli (border ezilmesin). */
.gw-gm-media-preview__card.gw-gm-media-preview__card--cover-only {
    width: 100%;
    max-width: 400px;
    border: none;
    box-shadow: none;
    background: transparent;
    /* Fragman kartı üst padding (8px) ile “Kapak Resmi” / “Fragman” başlık hizası */
    padding: 8px 0 0;
}

.gw-gm-media-preview__card.gw-gm-media-preview__card--cover-only .gw-gm-media-preview__imgbox--cover {
    border: none;
    box-shadow: none;
    background: transparent;
    border-radius: 14px;
    overflow: hidden;
}

.gw-gm-media-preview__card.gw-gm-media-preview__card--cover-only .gw-gm-media-preview__imgbox--cover img {
    border-radius: 14px;
}

.gw-gm-media-preview__card--left {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gw-gm-media-preview__card--hero {
    grid-column: 2;
    grid-row: 1;
}

.gw-gm-media-preview__slot {
    padding-top: 2px;
}

.gw-gm-media-preview__slot--icon {
    position: relative;
    min-height: 92px;
}

.gw-gm-media-preview__slot--cover {
    border-top: 1px solid rgba(100, 116, 139, 0.3);
    padding-top: 8px;
}

.gw-gm-media-tools {
    display: flex;
    gap: 6px;
    margin: 6px 0 2px;
}

/* Kapak satırındaki + / URL / arama butonları kaldırıldı; dikey hizayı korur */
.gw-gm-media-preview__card--cover-only .gw-gm-media-tools-spacer {
    height: 24px;
    margin: 6px 0 2px;
    flex-shrink: 0;
}

.gw-gm-media-preview__slot--icon .gw-gm-media-tools {
    margin: 3px 0 0;
}

.gw-gm-media-tool {
    width: 26px;
    height: 24px;
    border: 0;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    color: var(--gw-accent-color);
    background: rgba(71, 85, 105, 0.35);
    cursor: pointer;
}

.gw-gm-media-preview__card h4 {
    margin: 0;
    font-size: 13px;
    color: #e2e8f0;
}

.gw-gm-media-preview__imgbox {
    margin-top: 6px;
    border: 1px solid rgba(100, 116, 139, 0.35);
    border-radius: 10px;
    background: rgba(2, 6, 23, 0.65);
    overflow: hidden;
    display: grid;
    place-items: center;
}

.gw-gm-media-preview__imgbox--icon {
    width: 54px;
    height: 54px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    top: 6px;
    right: 6px;
}

.gw-gm-media-preview__imgbox--icon img {
    object-position: center top;
}

.gw-gm-media-preview__imgbox--hero {
    width: min(100%, 500px);
    aspect-ratio: 500 / 286;
}

.gw-gm-media-preview__imgbox--cover {
    width: 100%;
    max-width: 400px;
    /* 400×500 ile aynı oran (4:5). */
    aspect-ratio: 400 / 500;
    position: relative;
}

.gw-gm-cover-hltb-badge {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 2;
    max-width: calc(100% - 16px);
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.25;
    color: #f0f4ff;
    background: rgba(12, 18, 32, 0.82);
    border: 1px solid rgba(120, 160, 255, 0.35);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    pointer-events: none;
}

.gw-gm-media-actions {
    align-items: flex-end;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 8px;
    flex-wrap: nowrap;
}

.gw-gm-editor-footer__center {
    flex: 1 1 auto;
    min-width: 220px;
    align-self: center;
    text-align: center;
    padding: 0 10px;
}

#gw-gm-status-note {
    margin: 0;
}

.gw-gm-editor-footer__center #gw-gm-status-note {
    display: block;
    text-align: center;
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0.02em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

@media (max-width: 720px) {
    .gw-gm-media-actions {
        flex-wrap: wrap;
    }
    .gw-gm-editor-footer__center {
        flex: 1 0 100%;
        order: 10;
        padding: 6px 0 0;
    }
}

#gw-gm-upload-image {
    display: none;
}

#gw-gm-editor-dialog[data-active-tab="medya"] #gw-gm-upload-image {
    display: inline-flex;
}

/* Playnite: Genel sekmesi altında «Üst Verileri İndir» */
#gw-gm-fetch-meta {
    display: none;
}

#gw-gm-editor-dialog[data-active-tab="genel"] #gw-gm-fetch-meta {
    display: inline-flex;
}

.gw-gm-editor-footer__right {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.gw-gm-media-preview__imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 980px) {
    .gw-gm-media-preview {
        grid-template-columns: 1fr;
    }
    .gw-gm-media-preview__card--left,
    .gw-gm-media-preview__card--hero {
        grid-column: 1;
        grid-row: auto;
    }
    .gw-gm-genel-grid {
        grid-template-columns: 1fr;
    }
}

#gw-gm-meta-dialog .gw-modal__box {
    width: min(1240px, 94vw);
    max-height: 90vh;
    overflow: auto;
}

#gw-gm-trailer-dialog .gw-modal__box {
    width: min(920px, calc(100% - 1rem));
    max-width: 100%;
    box-sizing: border-box;
    max-height: 88vh;
    overflow: auto;
    margin: 0 auto;
}

#gw-gm-meta-source-dialog .gw-modal__box,
#gw-gm-igdb-pick-dialog .gw-modal__box,
#gw-gm-igdb-import-dialog .gw-modal__box {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px 18px 14px;
    border-radius: 14px;
    border: 1px solid rgba(56, 189, 248, 0.3);
    background: linear-gradient(180deg, rgba(14, 22, 40, 0.98), rgba(10, 16, 30, 0.98));
    max-height: min(86vh, 780px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#gw-gm-igdb-pick-dialog .gw-modal__box {
    min-height: min(420px, 72vh);
}

#gw-gm-igdb-pick-dialog .gw-gm-igdb-pick-list {
    flex: 1 1 auto;
    min-height: 180px;
    max-height: min(48vh, 460px);
}

#gw-gm-igdb-import-dialog .gw-gm-igdb-import-fields {
    flex: 1 1 auto;
    min-height: 120px;
    max-height: min(52vh, 520px);
}

#gw-gm-igdb-pick-dialog .gw-modal__actions,
#gw-gm-igdb-import-dialog .gw-modal__actions,
#gw-gm-meta-source-dialog .gw-modal__actions {
    flex-shrink: 0;
    margin-top: 10px;
    justify-content: flex-end;
    gap: 10px;
}

#gw-gm-igdb-pick-dialog .gw-modal__btn--primary,
#gw-gm-igdb-import-dialog .gw-modal__btn--primary {
    min-width: 88px;
    color: #fff;
}

#gw-gm-trailer-dialog .gw-module-note,
#gw-gm-trailer-dialog .gw-modal__title {
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
    max-width: 100%;
}

#gw-gm-table td:nth-child(4) {
    max-width: 320px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#gw-gm-table tbody tr:hover td {
    background: color-mix(in srgb, var(--gw-row-hover) 11%, transparent);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--gw-row-hover) 44%, transparent),
        0 0 14px color-mix(in srgb, var(--gw-row-hover) 20%, transparent);
}

/* Oyun Yönetimi: hover çizgisi (mavi/dikey) çok belirgin olmasın */
#gw-view-game-management #gw-gm-table tbody tr:hover td {
    box-shadow: none;
    background: color-mix(in srgb, var(--gw-row-hover) 7%, transparent);
}

.gw-gm-meta-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 10px;
    max-height: 52vh;
    overflow: auto;
    padding: 6px 2px;
}

.gw-gm-meta-loading {
    grid-column: 1 / -1;
    text-align: center;
    padding: 28px 16px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    color: #22c55e;
    text-shadow: 0 0 14px rgba(34, 197, 94, 0.4);
}

.gw-gm-meta-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 6px 0 8px;
}

.gw-gm-meta-filter {
    border: 1px solid rgba(100, 116, 139, 0.7);
    background: rgba(15, 23, 42, 0.55);
    color: #cbd5e1;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    cursor: pointer;
}

.gw-gm-meta-filter.is-active {
    border-color: rgba(56, 189, 248, 0.95);
    color: #7dd3fc;
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.25);
}

.gw-gm-meta-item {
    border: 1px solid rgba(100, 116, 139, 0.5);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.65);
    padding: 8px;
    cursor: pointer;
    content-visibility: auto;
    contain-intrinsic-size: 180px;
}

.gw-gm-meta-item:hover {
    border-color: rgba(56, 189, 248, 0.8);
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.25);
}

.gw-gm-meta-source-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 12px 0 8px;
}

.gw-gm-igdb-pick-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 46vh;
    overflow: auto;
    margin: 8px 0 10px;
    border: 1px solid rgba(100, 116, 139, 0.45);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.55);
}

.gw-gm-igdb-pick-item {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    border-bottom: 1px solid rgba(51, 65, 85, 0.55);
    background: transparent;
    color: #e2e8f0;
    padding: 10px 12px;
    cursor: pointer;
}

.gw-gm-igdb-pick-item:last-child {
    border-bottom: 0;
}

.gw-gm-igdb-pick-item:hover,
.gw-gm-igdb-pick-item.is-selected {
    background: rgba(56, 189, 248, 0.14);
}

.gw-gm-igdb-pick-item__title {
    font-weight: 600;
    font-size: 14px;
}

.gw-gm-igdb-pick-item__sub {
    font-size: 12px;
    color: #94a3b8;
    font-style: italic;
    margin-top: 2px;
}

.gw-gm-igdb-pick-search {
    margin-top: 4px;
}

.gw-gm-igdb-import-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 10px;
}

.gw-gm-igdb-import-fields {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 50vh;
    overflow: auto;
    padding-right: 4px;
}

.gw-gm-igdb-import-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: start;
}

.gw-gm-igdb-import-col h4 {
    margin: 0 0 6px;
    font-size: 12px;
    color: #94a3b8;
    font-weight: 600;
}

.gw-gm-igdb-import-choice {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(100, 116, 139, 0.45);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.5);
    cursor: pointer;
}

.gw-gm-igdb-import-choice.is-picked {
    border-color: rgba(56, 189, 248, 0.85);
    box-shadow: 0 0 8px rgba(56, 189, 248, 0.2);
}

.gw-gm-igdb-import-choice__text {
    font-size: 13px;
    line-height: 1.35;
    word-break: break-word;
}

.gw-gm-igdb-import-choice--desc .gw-gm-igdb-import-choice__text {
    max-height: 120px;
    overflow: auto;
}

.gw-gm-meta-item img {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    margin-bottom: 6px;
    background: rgba(15, 23, 42, 0.7);
}

.gw-gm-meta-item--portrait img {
    aspect-ratio: 2 / 3;
}

.gw-gm-meta-item--logo img {
    aspect-ratio: 3 / 1;
    object-fit: contain;
    background: rgba(2, 6, 23, 0.75);
    padding: 6px;
}

.gw-gm-trailer-field .gw-gm-trailer-url-input {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: 4px;
    box-sizing: border-box;
}

.gw-gm-trailer-field .gw-gm-trailer-url-input[readonly] {
    cursor: not-allowed;
    opacity: 0.88;
    background: rgba(15, 23, 42, 0.55);
    color: #e2e8f0;
    border-color: rgba(100, 116, 139, 0.45);
}

.gw-gm-trailer-field .gw-gm-trailer-url-input[readonly]:focus {
    outline: none;
    box-shadow: none;
    border-color: rgba(100, 116, 139, 0.45);
}

.gw-gm-trailer-field #gw-gm-trailer-yt-search-btn {
    margin-top: 8px;
    width: 100%;
    white-space: nowrap;
}

/* Oyun düzenleyici — Kapak Ara, fragman ara, Kaydet, İptal hover */
#gw-gm-upload-image,
#gw-gm-trailer-yt-search-btn,
#gw-gm-add,
#gw-gm-editor-cancel {
    cursor: pointer;
    transition:
        filter 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease,
        transform 0.22s ease;
}

#gw-gm-upload-image:hover,
#gw-gm-editor-cancel:hover {
    filter: brightness(1.1);
    border-color: rgba(148, 163, 184, 0.8);
    box-shadow:
        0 0 10px rgba(148, 163, 184, 0.24),
        0 2px 10px rgba(15, 23, 42, 0.35);
}

#gw-gm-trailer-yt-search-btn:hover {
    filter: brightness(1.1);
    border-color: rgba(56, 189, 248, 0.5);
    box-shadow:
        0 0 12px rgba(56, 189, 248, 0.22),
        0 2px 10px rgba(15, 23, 42, 0.32);
}

#gw-gm-add:hover {
    filter: brightness(1.08);
    border-color: #818cf8;
    box-shadow:
        0 0 14px rgba(99, 102, 241, 0.5),
        0 0 26px rgba(79, 70, 229, 0.22);
    transform: translateY(-1px);
}

.gw-gm-trailer-pick-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    text-align: left;
    width: 100%;
    border: 1px solid rgba(100, 116, 139, 0.5);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.65);
    padding: 10px 12px;
    cursor: pointer;
    color: #e2e8f0;
}

.gw-gm-trailer-pick-item:hover {
    border-color: rgba(56, 189, 248, 0.8);
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.2);
}

.gw-gm-trailer-pick-item__thumb {
    flex: 0 0 auto;
    width: 120px;
    max-width: 32%;
}

.gw-gm-trailer-pick-item__thumb img {
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    background: rgba(2, 6, 23, 0.75);
}

.gw-gm-trailer-pick-item__txt {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gw-gm-trailer-pick-item__txt strong {
    font-size: 14px;
    line-height: 1.25;
}

.gw-gm-trailer-pick-list {
    grid-template-columns: 1fr;
    max-height: 58vh;
    overflow: auto;
}

/* YouTube fragman araması — 3×2 yatay kart (sol kapak sabit genişlik, sağ bilgi + alt butonlar) */
#gw-gm-yt-trailer-search-dialog .gw-modal__box.gw-gm-yt-trailer-search-box {
    width: min(1480px, calc(100vw - 2rem));
    max-width: 100%;
    box-sizing: border-box;
    max-height: min(88vh, 960px);
    overflow: auto;
    margin: 0 auto;
}

.gw-gm-yt-trailer-search-queryline {
    margin-top: 0;
    margin-bottom: 0.65rem;
    font-size: calc(12px * 1.05);
    color: rgba(148, 163, 184, 0.95);
}

.gw-gm-yt-trailer-search-status {
    margin: 0.5rem 0 0;
    min-height: 1.25em;
}

.gw-gm-yt-trailer-search-list {
    --gw-yt-search-col-gap: 16px;
    display: grid;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    /* 1fr bazen içerik nedeniyle sütunları eşit bölmez; sütun genişliğini açıkça eşitle */
    grid-template-columns: repeat(
        3,
        minmax(0, calc((100% - (2 * var(--gw-yt-search-col-gap))) / 3))
    );
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: row;
    gap: 14px var(--gw-yt-search-col-gap);
    justify-items: stretch;
    align-items: stretch;
    max-height: none;
    overflow: visible;
    padding: 6px 2px 8px;
}

@media (max-width: 1100px) {
    .gw-gm-yt-trailer-search-list {
        grid-template-columns: repeat(
            2,
            minmax(0, calc((100% - var(--gw-yt-search-col-gap)) / 2))
        );
    }
}

@media (max-width: 720px) {
    .gw-gm-yt-trailer-search-list {
        grid-template-columns: minmax(0, 100%);
    }
}

@media (max-width: 640px) {
    #gw-gm-yt-trailer-search-dialog .gw-modal__box.gw-gm-yt-trailer-search-box {
        width: min(100vw - 1rem, 1480px);
    }

    .gw-gm-yt-trailer-search-list {
        grid-template-columns: 1fr;
        gap: 10px 10px;
    }

    .gw-gm-yt-search-card {
        height: auto;
        min-height: calc(160px * 1.05);
        max-height: none;
        flex-wrap: wrap;
    }

    .gw-gm-yt-search-card__headline {
        font-size: calc(12px * 1.05);
    }

    .gw-gm-yt-search-card__actions,
    .gw-gm-yt-search-card .video-actions {
        padding-top: 6px;
    }
}

.gw-gm-yt-search-card {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: calc(160px * 1.05);
    max-height: none;
    min-width: 0;
    justify-self: stretch;
    padding: 10px 12px 12px;
    border-radius: 14px;
    border: 1px solid rgba(100, 116, 139, 0.42);
    background: linear-gradient(165deg, rgba(30, 41, 59, 0.55) 0%, rgba(15, 23, 42, 0.88) 100%);
    box-shadow:
        0 4px 18px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    overflow: visible;
    isolation: isolate;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.gw-gm-yt-search-card:hover {
    border-color: rgba(56, 189, 248, 0.45);
    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.42),
        0 0 0 1px rgba(56, 189, 248, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    transform: translateY(-1px);
}

.gw-gm-yt-search-card.is-preview-open {
    border-color: rgba(45, 212, 191, 0.5);
}

.gw-gm-yt-search-card__media {
    position: relative;
    z-index: 0;
    flex: 0 0 176px;
    width: 176px;
    height: 99px;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 2px;
    background: #0a0f18;
    overflow: hidden;
    border-radius: 10px;
}

.gw-gm-yt-search-card__thumb {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    transition:
        transform 0.35s ease,
        filter 0.35s ease;
}

.gw-gm-yt-search-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    background: linear-gradient(
        118deg,
        transparent 0%,
        transparent 38%,
        rgba(255, 255, 255, 0.14) 50%,
        transparent 62%,
        transparent 100%
    );
    mix-blend-mode: screen;
}

.gw-gm-yt-search-card:hover .gw-gm-yt-search-card__media::after {
    opacity: 1;
}

.gw-gm-yt-search-card:hover .gw-gm-yt-search-card__thumb {
    transform: none;
    filter: brightness(1.05) saturate(1.04);
}

.gw-gm-yt-search-card.is-preview-open:hover .gw-gm-yt-search-card__thumb {
    transform: none;
    filter: none;
}

.gw-gm-yt-search-card.is-preview-open .gw-gm-yt-search-card__media::after {
    opacity: 0;
}

.gw-gm-yt-search-card__side {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-width: 8rem;
    min-height: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    padding: 2px 4px 4px 12px;
    box-sizing: border-box;
}

.gw-gm-yt-search-card__info,
.gw-gm-yt-search-card .video-info {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-start;
    overflow: visible;
}

.gw-gm-yt-search-card__headblock {
    flex-shrink: 0;
    min-width: 0;
}

.gw-gm-yt-search-card__lbl {
    font-size: calc(10.5px * 1.05);
    line-height: 1.2;
    font-weight: 600;
    color: rgba(148, 163, 184, 0.95);
    letter-spacing: 0.01em;
}

.gw-gm-yt-search-card__headline {
    margin-top: 2px;
    font-size: calc(13px * 1.05);
    line-height: 1.25;
    font-weight: 700;
    color: #e8f0f8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gw-gm-yt-search-card__row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35em 0.5em;
    font-size: calc(11.5px * 1.05);
    line-height: 1.35;
    min-width: 0;
}

.gw-gm-yt-search-card__row .gw-gm-yt-search-card__lbl {
    flex: 0 0 auto;
    font-weight: 600;
    line-height: 1.35;
}

.gw-gm-yt-search-card__val {
    color: rgba(226, 232, 240, 0.95);
    min-width: 0;
    flex: 1 1 auto;
    overflow: visible;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.35;
}

.gw-gm-yt-search-card__actions,
.gw-gm-yt-search-card .video-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    margin-top: auto;
    padding-top: 6px;
    position: relative;
    z-index: 2;
}

.gw-gm-yt-search-card__actions .gw-module-btn,
.gw-gm-yt-search-card .video-actions .gw-module-btn {
    flex: 0 1 auto;
    min-width: 0;
    justify-content: center;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    font-size: calc(0.85rem * 1.05);
}

.gw-gm-yt-search-card__preview {
    position: absolute;
    inset: 0;
    z-index: 3;
    background: #000;
    display: block;
}

.gw-gm-yt-search-card__preview[hidden] {
    display: none !important;
}

.gw-gm-yt-search-preview-iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 0;
    vertical-align: middle;
    z-index: 1;
    pointer-events: none;
}

/* İmleç YouTube katmanına inmesin: hover’da play/pause ve “Video” ipucu tetiklenmesin, sadece görüntü */
.gw-gm-yt-search-card__preview-block {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: auto;
    cursor: default;
    background: transparent;
}

/* Hızlı Özet — fragman seçimi sonrası (Medya / YouTube) */
#gw-gm-trailer-quick-summary-dialog.gw-modal.gw-mem-dialog {
    max-width: min(96vw, 1000px);
    width: min(96vw, 1000px);
    max-height: 90vh;
    box-sizing: border-box;
}

#gw-gm-trailer-quick-summary-dialog .gw-gm-trailer-quick-summary-box {
    max-height: min(90vh, 880px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.22rem 0.28rem 0.26rem;
    box-sizing: border-box;
    background: linear-gradient(165deg, #1a1f2a 0%, #12161d 45%, #0c1016 100%);
    border: 1px solid rgba(34, 211, 238, 0.3);
    border-radius: 16px;
    box-shadow:
        0 0 0 1px rgba(0, 242, 255, 0.07),
        0 24px 56px rgba(0, 0, 0, 0.55);
}

.gw-gm-hzo-layout {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.3rem 0.34rem;
    /* Video + bilgi toplamı ~800px, ortada; video en fazla 520px */
    --gw-hzo-video-max: 520px;
    --gw-hzo-band-gap: 6px;
    --gw-hzo-band-max: min(800px, 100%);
    --gw-hzo-video-h: calc(var(--gw-hzo-video-max) * 9 / 16);
    --gw-hzo-timeline-rail-h: 24px;
    /* Video + ince grid aralığı + zaman (rail + sayaç bandı) — çizgi bloğu yüksekliği */
    --gw-hzo-stack-h: calc(
        var(--gw-hzo-video-h) + 0.15rem + var(--gw-hzo-timeline-rail-h) + 0.06rem + 1.02rem + 0.06rem
    );
}

.gw-gm-hzo-aside {
    flex: 0 0 180px;
    width: 180px;
    max-width: 180px;
    min-width: 0;
    max-height: calc(var(--gw-hzo-video-h) + 0.52rem);
    display: flex;
    flex-direction: column;
    min-height: 0;
    align-self: flex-start;
}

.gw-gm-hzo-main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.gw-gm-hzo-head {
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 720px) {
    .gw-gm-hzo-layout {
        flex-direction: column;
    }

    .gw-gm-hzo-aside {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        max-height: none;
        align-self: stretch;
    }

    .gw-gm-hzo-aside-frame {
        flex: 0 0 auto;
        max-height: min(320px, 48vh);
        aspect-ratio: 2 / 3;
    }
}

.gw-gm-hzo-aside-lbl {
    display: block;
    font-size: 0.63rem;
    font-weight: 700;
    color: rgba(148, 163, 184, 0.92);
    margin-bottom: 0.11rem;
    flex: 0 0 auto;
}

.gw-gm-hzo-aside-frame {
    flex: 0 0 auto;
    width: 100%;
    min-height: 0;
    max-height: var(--gw-hzo-video-h);
    aspect-ratio: 2 / 3;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(34, 211, 238, 0.38);
    background: rgba(2, 6, 23, 0.75);
}

.gw-gm-hzo-side-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.gw-gm-hzo-main-title {
    margin: 0 0 0.06rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: #e2e8f0;
    letter-spacing: 0.01em;
    line-height: 1.25;
}

.gw-gm-hzo-media-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin-bottom: 0.12rem;
    box-sizing: border-box;
}

/* Video + bilgi yan yana (satır 1); zaman çizgisi yalnızca video sütunu genişliğinde (satır 2) */
.gw-gm-hzo-media-col {
    display: grid;
    grid-template-columns: minmax(0, min(var(--gw-hzo-video-max), 100%)) minmax(0, 1fr);
    column-gap: var(--gw-hzo-band-gap);
    row-gap: 0.15rem;
    align-items: stretch;
    width: var(--gw-hzo-band-max);
    max-width: var(--gw-hzo-band-max);
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.gw-gm-hzo-info-panel {
    grid-column: 2;
    grid-row: 1;
    align-self: stretch;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid rgba(34, 211, 238, 0.28);
    background: linear-gradient(145deg, rgba(22, 32, 48, 0.65) 0%, rgba(10, 14, 22, 0.92) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 4px 20px rgba(0, 0, 0, 0.35);
    padding: 0.14rem 0.2rem 0.16rem;
    margin-bottom: 0;
}

@media (max-width: 900px) {
    .gw-gm-hzo-aside {
        max-height: none;
    }

    .gw-gm-hzo-media-col {
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 100%;
    }

    .gw-gm-hzo-video {
        grid-column: 1;
        grid-row: 1;
    }

    .gw-gm-hzo-info-panel {
        grid-column: 1;
        grid-row: 2;
        max-width: none;
        width: 100%;
    }

    .gw-gm-hzo-timeline-wrap {
        grid-column: 1;
        grid-row: 3;
    }
}

.gw-gm-hzo-info-panel__head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.16rem;
    flex: 0 0 auto;
    margin-bottom: 0.11rem;
    padding-bottom: 0.1rem;
    border-bottom: 1px solid rgba(34, 211, 238, 0.15);
}

.gw-gm-hzo-info-panel__hint {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(94, 234, 212, 0.88);
}

.gw-gm-hzo-meta {
    display: flex;
    flex-direction: column;
    gap: 0.07rem;
    margin-bottom: 0;
    font-size: 0.74rem;
    line-height: 1.18;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.gw-gm-hzo-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.07rem 0.2rem;
}

.gw-gm-hzo-meta-k {
    flex: 0 0 auto;
    color: rgba(148, 163, 184, 0.95);
    font-weight: 600;
}

.gw-gm-hzo-meta-v {
    color: #f1f5f9;
    min-width: 0;
}

.gw-gm-hzo-meta-v--strong {
    font-weight: 700;
    color: #fff;
}

.gw-gm-hzo-video {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    width: 100%;
    max-width: min(var(--gw-hzo-video-max), 100%);
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(34, 211, 238, 0.34);
    background: #000;
    margin: 0;
    align-self: center;
    justify-self: stretch;
    box-sizing: border-box;
}

.gw-gm-hzo-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.gw-gm-hzo-mute-btn {
    position: relative;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid rgba(34, 211, 238, 0.48);
    background: rgba(15, 23, 42, 0.85);
    color: #e0fafa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        background 0.15s ease;
}

.gw-gm-hzo-mute-btn:hover {
    border-color: rgba(0, 242, 255, 0.78);
    box-shadow: 0 0 20px rgba(0, 242, 255, 0.28);
}

#gw-gm-trailer-quick-summary-dialog .gw-gm-hzo-mute-btn i {
    font-size: 0.78rem;
}

.gw-gm-hzo-timeline-wrap {
    grid-column: 1;
    grid-row: 2;
    position: relative;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0 0 0.03rem;
    padding-top: 0;
    padding-bottom: 0.05rem;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    overflow-x: visible;
    overflow-y: visible;
    align-self: stretch;
    justify-self: stretch;
}

.gw-gm-hzo-timeline-rail {
    position: relative;
    height: var(--gw-hzo-timeline-rail-h, 28px);
}

.gw-gm-hzo-timeline-bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 5px;
    margin-top: -2.5px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        rgba(34, 211, 238, 0.35),
        rgba(0, 242, 255, 1) 38%,
        rgba(45, 212, 191, 0.75) 62%,
        rgba(34, 211, 238, 0.4)
    );
    box-shadow:
        0 0 18px rgba(0, 242, 255, 0.55),
        0 0 36px rgba(0, 242, 255, 0.28),
        inset 0 0 8px rgba(255, 255, 255, 0.12);
}

.gw-gm-hzo-timeline-dots {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.gw-gm-hzo-timeline-dots .gw-gm-hzo-dot,
.gw-gm-hzo-timeline-dots .gw-gm-hzo-playhead {
    pointer-events: auto;
}

.gw-gm-hzo-dot {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 2px solid rgba(6, 182, 212, 0.95);
    background: #0f172a;
    cursor: pointer;
    padding: 0;
    box-sizing: content-box;
    z-index: 1;
}

.gw-gm-hzo-dot:hover {
    box-shadow: 0 0 0 5px rgba(0, 242, 255, 0.2);
    border-color: #5cf0ff;
}

.gw-gm-hzo-timeline-labels {
    position: relative;
    height: 1.02rem;
    margin-top: 0.06rem;
    margin-bottom: 0.02rem;
    padding: 0 10px;
    box-sizing: border-box;
}

.gw-gm-hzo-tlabel {
    position: absolute;
    top: 0;
    pointer-events: none;
}

.gw-gm-hzo-tlabel--mid,
.gw-gm-hzo-tlabel--solo {
    transform: translateX(-50%);
    text-align: center;
}

.gw-gm-hzo-tlabel--first {
    transform: translateX(0);
    text-align: left;
    max-width: 46%;
}

.gw-gm-hzo-tlabel--last {
    transform: translateX(-100%);
    text-align: right;
    max-width: 46%;
}

.gw-gm-hzo-tlabel__tick {
    display: block;
    width: 1px;
    height: 5px;
    margin: 0 auto 2px;
    border-radius: 1px;
    background: linear-gradient(180deg, rgba(0, 242, 255, 0.85), rgba(34, 211, 238, 0.35));
    box-shadow: 0 0 5px rgba(0, 242, 255, 0.45);
}

.gw-gm-hzo-tlabel--first .gw-gm-hzo-tlabel__tick {
    margin: 0 0 2px 0;
}

.gw-gm-hzo-tlabel--last .gw-gm-hzo-tlabel__tick {
    margin: 0 0 2px auto;
}

.gw-gm-hzo-tlabel__txt {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: rgba(186, 230, 253, 0.98);
    white-space: nowrap;
    letter-spacing: 0.02em;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}

.gw-gm-hzo-tlabel--first .gw-gm-hzo-tlabel__txt {
    text-align: left;
}

.gw-gm-hzo-tlabel--last .gw-gm-hzo-tlabel__txt {
    text-align: right;
}

.gw-gm-hzo-playhead {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #f8fafc;
    border: 2px solid rgba(0, 242, 255, 0.88);
    box-shadow:
        0 0 14px rgba(0, 242, 255, 0.65),
        0 0 28px rgba(0, 242, 255, 0.35);
    z-index: 2;
    pointer-events: none;
}

.gw-gm-hzo-timeline-pop {
    min-width: 268px;
    max-width: min(92vw, 440px);
    padding: 0.65rem 0.75rem 0.72rem;
    border-radius: 12px;
    border: 1px solid rgba(34, 211, 238, 0.48);
    background: linear-gradient(180deg, rgba(24, 32, 48, 0.98), rgba(10, 14, 22, 0.98));
    box-shadow:
        0 14px 44px rgba(0, 0, 0, 0.55),
        0 0 30px rgba(0, 242, 255, 0.16);
}

.gw-gm-hzo-pop__head {
    font-size: 0.85rem;
    font-weight: 700;
    color: #22d3ee;
    margin-bottom: 0.52rem;
    letter-spacing: 0.02em;
}

.gw-gm-hzo-pop__strip {
    display: flex;
    gap: 0.42rem;
    justify-content: space-between;
}

.gw-gm-hzo-pop-cell {
    flex: 1 1 0;
    min-width: 0;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(100, 116, 139, 0.38);
    background: #0a0f18;
}

.gw-gm-hzo-pop-cell img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

.gw-gm-hzo-pop-cell__t {
    display: block;
    font-size: 0.63rem;
    font-weight: 700;
    color: #67e8f9;
    padding: 0.15rem 0.28rem 0;
}

.gw-gm-hzo-pop-cell__s {
    display: block;
    font-size: 0.59rem;
    line-height: 1.2;
    color: rgba(226, 232, 240, 0.88);
    padding: 0 0.28rem 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gw-gm-hzo-highlights-head {
    margin: 0.5rem auto 0.1rem;
    width: 100%;
    max-width: var(--gw-hzo-band-max);
    box-sizing: border-box;
}

.gw-gm-hzo-highlights-badge {
    display: inline-block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.08rem 0.28rem;
    border-radius: 5px;
    background: rgba(6, 182, 212, 0.24);
    border: 1px solid rgba(34, 211, 238, 0.48);
    color: #5eead4;
}

.gw-gm-hzo-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.14rem;
    margin: 0 auto 0.2rem;
    width: 100%;
    max-width: var(--gw-hzo-band-max);
    box-sizing: border-box;
}

@media (max-width: 640px) {
    .gw-gm-hzo-highlights {
        grid-template-columns: 1fr;
    }
}

.gw-gm-hzo-hl-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: left;
    cursor: pointer;
    border: 1px solid rgba(34, 211, 238, 0.3);
    border-radius: 6px;
    padding: 0;
    overflow: hidden;
    background: rgba(15, 23, 42, 0.55);
    transition: all 0.2s ease;
}

.gw-gm-hzo-hl-card:hover {
    border-color: #ff3b3b;
    box-shadow:
        0 0 10px rgba(255, 40, 40, 0.95),
        0 0 22px rgba(255, 0, 50, 0.7),
        0 0 38px rgba(239, 68, 68, 0.45);
    transform: translateY(-4px);
}

.gw-gm-hzo-hl-card.is-active,
.gw-gm-hzo-hl-card.is-active:hover {
    border-color: #ff3b3b;
    box-shadow:
        0 0 12px rgba(255, 40, 40, 1),
        0 0 26px rgba(255, 0, 50, 0.78),
        0 0 44px rgba(239, 68, 68, 0.52);
    transform: translateY(-2px);
}

.gw-gm-hzo-hl-card:focus-visible {
    outline: 2px solid rgba(255, 59, 59, 0.85);
    outline-offset: 2px;
}

.gw-gm-hzo-hl-badge {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 2;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0.08rem 0.22rem;
    border-radius: 4px;
    background: rgba(6, 182, 212, 0.38);
    border: 1px solid rgba(34, 211, 238, 0.55);
    color: #ecfeff;
}

.gw-gm-hzo-hl-imgwrap {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 52px;
    background: #000;
}

.gw-gm-hzo-hl-imgwrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.gw-gm-hzo-hl-time {
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 1;
    font-size: 0.78rem;
    font-weight: 700;
    color: #f8fafc;
    padding: 0.08rem 0.22rem;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.62);
    border: 1px solid rgba(148, 163, 184, 0.42);
}

.gw-gm-hzo-hl-title {
    display: -webkit-box;
    padding: 0.12rem 0.22rem 0.14rem;
    font-size: 0.78rem;
    font-weight: 500;
    color: #f1f5f9;
    line-height: 1.2;
    max-height: 2.45em;
    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gw-gm-hzo-range-lbl {
    display: block;
    width: 100%;
    max-width: var(--gw-hzo-band-max);
    margin: 0 auto 0.32rem;
    box-sizing: border-box;
}

.gw-gm-hzo-range-input {
    width: 100%;
    box-sizing: border-box;
    min-height: 3rem;
    padding: 0.55rem 0.55rem !important;
    font-size: calc(0.74rem * 1.1) !important;
    line-height: 1.4 !important;
    border-radius: 10px !important;
    border-color: rgba(100, 116, 139, 0.45) !important;
    background: rgba(2, 6, 23, 0.55) !important;
    color: #e2e8f0 !important;
}

.gw-gm-hzo-footer-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.55rem 0.55rem;
    width: 100%;
    max-width: var(--gw-hzo-band-max);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.gw-gm-hzo-dismiss {
    flex: 0 0 auto;
    align-self: stretch;
}

.gw-gm-hzo-save {
    flex: 1 1 200px;
    min-width: 0;
    min-height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.65rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.012em;
    color: #ecfeff;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid rgba(34, 211, 238, 0.55);
    background: linear-gradient(165deg, rgba(8, 51, 68, 0.9), rgba(6, 24, 38, 0.95));
    box-shadow:
        0 0 0 1px rgba(0, 242, 255, 0.1),
        0 0 16px rgba(0, 242, 255, 0.16),
        0 4px 14px rgba(0, 0, 0, 0.4);
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.1s ease;
}

.gw-gm-hzo-save:hover {
    border-color: rgba(94, 234, 212, 0.95);
    box-shadow:
        0 0 0 1px rgba(0, 242, 255, 0.16),
        0 0 18px rgba(0, 242, 255, 0.22),
        0 4px 16px rgba(0, 0, 0, 0.45);
}

.gw-gm-hzo-save:active {
    transform: translateY(1px);
}

.gw-gm-hzo-cache {
    flex: 0 0 auto;
    align-self: stretch;
}

#gw-gm-trailer-quick-summary-dialog .gw-gm-hzo-footer-actions .gw-module-btn {
    min-height: 3rem;
    padding: 0.58rem 0.72rem;
    font-size: 0.76rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.gw-gm-media-preview--trailer {
    margin-top: 0;
}

.gw-gm-media-preview--trailer .gw-gm-trailer-field {
    margin-bottom: 6px;
}

.gw-gm-media-preview--trailer .gw-gm-trailer-field:focus-within {
    outline: none;
    box-shadow: none;
}

.gw-gm-trailer-input-group {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.gw-gm-trailer-preview-wrap {
    margin-top: 0;
    border-radius: 14px;
    border: 1px solid rgba(100, 116, 139, 0.35);
    background: rgba(2, 6, 23, 0.55);
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    box-sizing: border-box;
    align-self: stretch;
    justify-self: stretch;
}

.gw-gm-trailer-preview-placeholder {
    margin: 0;
    padding: 10px;
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.gw-gm-trailer-preview-video,
.gw-gm-trailer-preview-iframe {
    display: none;
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 0;
    vertical-align: middle;
    box-sizing: border-box;
}

.gw-gm-trailer-preview-video {
    object-fit: contain;
    background: #000;
}

.gw-gm-trailer-preview-iframe {
    min-height: 0;
}

/* Oyun Düzenle > Medya: sağdaki fragman videosu sütun genişliğine göre çok uzamasın (modal dikey kaydırma).
   Sadece düzenleyici modal + fragman kolonu; sol kapak kolonu aynı kalır. */
#gw-gm-editor-dialog .gw-gm-media-preview--trailer-col .gw-gm-trailer-preview-wrap {
    width: min(100%, 400px);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 620px) {
    .gw-gm-medya-row {
        grid-template-columns: 1fr;
    }
    .gw-gm-media-preview__card.gw-gm-media-preview__card--cover-only {
        max-width: 100%;
    }
    .gw-gm-media-preview__imgbox--cover {
        max-width: 100%;
    }
}

.gw-gm-meta-tags {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0;
}

.gw-gm-meta-tag {
    font-size: 10px;
    letter-spacing: 0.05em;
    border-radius: 999px;
    padding: 2px 7px;
    border: 1px solid rgba(100, 116, 139, 0.7);
    color: #cbd5e1;
}

.gw-gm-meta-tag--portrait {
    border-color: rgba(125, 211, 252, 0.9);
    color: #7dd3fc;
}

.gw-gm-meta-tag--landscape {
    border-color: rgba(34, 197, 94, 0.9);
    color: #86efac;
}

.gw-gm-meta-tag--logo {
    border-color: rgba(250, 204, 21, 0.9);
    color: #fde047;
}
/* Game World — oyuncu paneli (koyu gri + mavi / RGB vurgular) */

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    --gw-bg0: #0b1018;
    --gw-bg1: #141c27;
    /* Detay modalı vb.: tam siyah değil, morumsu yumuşak zemin */
    --gw-bg-soft: rgba(22, 19, 36, 0.94);
    --gw-surface: #1f2938;
    --gw-border: #35455a;
    /* Boş PC istasyon kutusu ile aynı iç yüzey (rapor kasa işlem detayı modalı = bu cam kart) */
    --gw-station-card-face: linear-gradient(
        158deg,
        rgba(71, 85, 105, 0.32) 0%,
        rgba(30, 41, 59, 0.62) 42%,
        rgba(15, 23, 42, 0.94) 100%
    );
    --gw-station-card-face-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        inset 0 -1px 0 rgba(0, 0, 0, 0.32),
        0 4px 22px rgba(0, 0, 0, 0.48);
    /* Üst menü «Raporlar / Ayarlar» aktif sekmesi */
    --gw-nav-reports-tab-bg: linear-gradient(180deg, rgba(99, 102, 241, 0.38), rgba(67, 56, 202, 0.32));
    /* Hızlı satış sepeti (.gw-qs-cart) */
    --gw-qs-cart-face:
        linear-gradient(145deg, rgba(55, 48, 85, 0.55) 0%, transparent 42%),
        linear-gradient(195deg, rgba(30, 27, 60, 0.98) 0%, rgba(18, 16, 36, 0.99) 45%, rgba(12, 10, 28, 1) 100%);
    /* Raporlar — Elit & Cam; zemin Etiketler / Bilet ile aynı (.gw-module-view) */
    --gw-rep-page-canvas: rgba(14, 18, 28, 0.48);
    --gw-rep-glass-bg: linear-gradient(
        158deg,
        rgba(71, 85, 105, 0.16) 0%,
        rgba(30, 41, 59, 0.2) 42%,
        rgba(14, 18, 28, 0.34) 100%
    );
    --gw-rep-glass-border: rgba(129, 140, 248, 0.44);
    --gw-rep-glass-glow:
        0 0 0 1px rgba(99, 102, 241, 0.14),
        0 10px 28px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    /* Raporlar — arena parası (masa neon kutuları ile uyumlu canlı yeşil) */
    --gw-rep-money-arena: #23d160;
    --gw-rep-money-arena-glow:
        0 0 7px rgba(35, 209, 96, 0.55),
        0 0 16px rgba(35, 209, 96, 0.28),
        0 1px 0 rgba(0, 0, 0, 0.55);
    --gw-rep-money-out-glow:
        0 0 6px rgba(248, 113, 113, 0.45),
        0 1px 0 rgba(0, 0, 0, 0.55);
    --gw-rep-net-mint: var(--gw-rep-money-arena);
    --gw-rep-net-mint-border: rgba(35, 209, 96, 0.45);
    --gw-rep-net-glow:
        0 0 0 1px rgba(35, 209, 96, 0.22),
        0 0 22px rgba(35, 209, 96, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    --gw-rep-net-value-glow: var(--gw-rep-money-arena-glow);
    /* İstasyon kutusu içi amblem — #grid-pc stroke + drop (aşağıdaki rapor MASA bunları kullanır) */
    --gw-station-ico-ps-stroke: rgba(200, 75, 255, 0.95);
    --gw-station-ico-ps-drop: rgba(200, 75, 255, 0.45);
    --gw-station-ico-racing-stroke: rgba(251, 191, 36, 0.95);
    --gw-station-ico-racing-drop: rgba(245, 158, 11, 0.48);
    --gw-station-ico-pc-stroke: rgba(56, 240, 255, 0.92);
    --gw-station-ico-pc-drop: rgba(56, 240, 255, 0.4);
    /* Kafe kutusu: bardak — diğer neon amblemler gibi doygun turuncu-amber + hale */
    --gw-station-cafe-ico-fill: #fb923c;
    --gw-station-cafe-label: rgba(254, 215, 170, 0.88);
    --gw-station-cafe-border: rgba(168, 118, 72, 0.58);
    /* MASA sütunu — amblem stroke/drop ile aynı çekirdek renk + metin için uygun parlama */
    --gw-rep-masa-ps-color: rgb(200, 75, 255);
    --gw-rep-masa-ps-glow:
        0 0 2px var(--gw-station-ico-ps-drop),
        0 0 6px rgba(200, 75, 255, 0.38),
        0 0 12px rgba(200, 75, 255, 0.22),
        0 1px 0 rgba(0, 0, 0, 0.55);
    --gw-rep-masa-rc-color: rgb(251, 191, 36);
    --gw-rep-masa-rc-glow:
        0 0 2px var(--gw-station-ico-racing-drop),
        0 0 6px rgba(245, 158, 11, 0.42),
        0 0 12px rgba(251, 191, 36, 0.28),
        0 1px 0 rgba(0, 0, 0, 0.55);
    --gw-rep-masa-cafe-color: var(--gw-station-cafe-ico-fill);
    --gw-rep-masa-cafe-glow:
        0 0 4px rgba(251, 191, 36, 0.55),
        0 0 10px rgba(245, 158, 11, 0.42),
        0 0 16px rgba(234, 88, 12, 0.22),
        0 1px 0 rgba(0, 0, 0, 0.55);
    --gw-rep-masa-pc-color: rgb(56, 240, 255);
    --gw-rep-masa-pc-glow:
        0 0 2px var(--gw-station-ico-pc-drop),
        0 0 6px rgba(56, 240, 255, 0.34),
        0 0 12px rgba(56, 240, 255, 0.18),
        0 1px 0 rgba(0, 0, 0, 0.55);
    --gw-rep-box-interior: transparent;
    --gw-rep-box-face: var(--gw-rep-glass-bg);
    --gw-rep-card-border: var(--gw-rep-glass-border);
    --gw-rep-station-ring: var(--gw-rep-glass-border);
    --gw-rep-value-glow: 0 1px 0 rgba(0, 0, 0, 0.48);
    --gw-text: #f1f5fb;
    --gw-muted: #9eb4d0;
    --gw-blue: #3385ff;
    /* Tüm panel: gelişmiş tema --gw-accent-color ile uyum */
    --gw-cyan: var(--gw-accent-color, #36ebff);
    --gw-main-heading-color: #ffea00;
    --gw-main-heading-glow: rgba(255, 234, 0, 0.45);
    --gw-page-title-color: #fff4cc;
    --gw-page-title-glow-a: rgba(255, 200, 60, 0.5);
    --gw-page-title-glow-b: rgba(255, 170, 0, 0.22);
    --gw-page-title-shadow: 0 1px 2px rgba(15, 23, 42, 0.88);
    --gw-green: #3bdb70;
    /* Raporlar — elit palet (sekme / kart / modal) */
    --gw-rep-tab-purple: #7c3aed;
    --gw-rep-tab-border: rgba(139, 92, 246, 0.78);
    --gw-rep-number-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
    --gw-rep-modal-lavender: #ddd6fe;
    --gw-red: #ff5a5a;
    --gw-glow-blue: rgba(51, 133, 255, 0.58);
    --gw-glow-cyan: color-mix(in srgb, var(--gw-accent-color, #22d3ee) 35%, transparent);
    --gw-font-display: "Orbitron", system-ui, sans-serif;
    --gw-font-ui: "Rajdhani", "Segoe UI", sans-serif;
    /* Tapo / Akıllı Ev cihaz adı — kalın sans, beyaz + yumuşak parıltı (Inter) */
    --gw-font-iot-tapo:
        "Inter",
        system-ui,
        -apple-system,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        Arial,
        sans-serif;
    /* Tapo kutuları: ON/OFF köşe düğmesi için hafif büyütme */
    --gw-iot-box-scale: 0.72;
    --gw-iot-font-scale: 0.648;
    --gw-panel-blue: #2870ff;
    --gw-panel-card: #182130;
    /* Shadow Kontrol — ana eylem butonları (Ayarlar / panel_ui) */
    --gw-sbtn-base-border: rgba(45, 212, 191, 0.75);
    --gw-sbtn-base-bg-1: rgba(34, 211, 238, 0.18);
    --gw-sbtn-base-bg-2: rgba(8, 51, 68, 0.5);
    --gw-sbtn-hover-border: #a5f3fc;
    --gw-sbtn-hover-bg-1: rgba(56, 189, 248, 0.52);
    --gw-sbtn-hover-bg-2: rgba(14, 116, 144, 0.72);
    /* Üst marka + lejant + sekmeler + Canlı Kasa — ana içerik min-height ile aynı referans */
    --gw-header-chrome-h: 118px;
    /* Eski müzik kutusu referansı (yalnızca kalan kurallarda) */
    --gw-music-player-collapsed-h: 40px;
    --gw-music-player-float-gap: 0.2rem;
    --gw-music-player-outer-h: min(320px, max(260px, calc(100vh - 12.5rem)));
    --gw-music-rails-scroll-max: 180px;
    /* Eski rail içi referanslar (başka stillerde kullanılabilir) */
    --gw-music-radio-rail-inner: min(11.75rem, 38vh);
    --gw-music-radio-rail-gap: 0.52rem;
    --gw-music-mode-rail-inner: 3.95rem;
    --gw-music-mode-rail-gap: 0.52rem;
    --gw-music-mp3-rail-inner: 4.15rem;
    --gw-music-mp3-rail-gap: 0.52rem;
}

html {
    scroll-behavior: smooth;
}

body.gw-panel {
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    font-family: var(--gw-font-ui);
    color: var(--gw-text);
    background: var(--gw-bg0);
    position: relative;
    overflow-x: hidden;
    cursor: default;
}

.gw-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(ellipse 120% 80% at 50% -20%, rgba(51, 133, 255, 0.24), transparent 55%),
        radial-gradient(ellipse 80% 50% at 100% 50%, rgba(54, 235, 255, 0.11), transparent 45%),
        radial-gradient(ellipse 60% 40% at 0% 80%, rgba(167, 112, 255, 0.09), transparent 40%),
        linear-gradient(180deg, var(--gw-bg0) 0%, var(--gw-bg1) 45%, #0e141c 100%);
    pointer-events: none;
}

.gw-scanlines {
    position: fixed;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0.04;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0, 0, 0, 0.35) 2px,
        rgba(0, 0, 0, 0.35) 4px
    );
}

.gw-header {
    position: relative;
    /* .gw-layout ile aynı z-index:2 iken DOM’da sonra gelen layout header’ı üstte boyuyordu; müzik kutusu alt çizgisi hover dışı kayboluyordu */
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    border-bottom: 1px solid var(--gw-border);
    background: linear-gradient(180deg, #0a0e18 0%, #06080f 100%);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.03);
    /* Canlı Kasa dış yüksekliği (referans); müzik bottom’da ince ayar --gw-music-bottom-nudge ile */
    --gw-live-cashier-block-h: calc(2px + 0.12rem + 0.16rem + max(calc(0.9rem * 1.15), 1.02rem));
    --gw-music-bottom-nudge: calc(0.85rem + 2.5mm);
    /* Müzik çubuğu artık PC sekmelerinde; topnav sağda yalnız hafif iç boşluk */
    --gw-music-col-reserve: clamp(0.5rem, 2vw, 1.25rem);
    --gw-music-overlay-from-right: 0px;
}

body:has(#gw-radio-dropdown:not([hidden])) .gw-header {
    z-index: 200;
}

/* Radyo kutusu açıkken arka panel kaymasın */
body.gw-radio-dropdown-scroll-lock {
    overflow: hidden;
}

body.gw-radio-dropdown-scroll-lock .gw-view-pane.is-active {
    overflow: hidden;
}

body.gw-radio-dropdown-scroll-lock .gw-view-pane--stations.is-active .gw-main {
    overflow: hidden;
}

.gw-header,
.gw-header * {
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
}

.gw-header input,
.gw-header textarea,
.gw-header select {
    -webkit-user-select: text;
    user-select: text;
    -moz-user-select: text;
}

/* Üst şerit: marka solda, ses (GW) tetikleyici sağda — GAME WORLD satırı ile aynı hiza */
.gw-header__top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    padding: 0.72rem 1.25rem 0.6rem;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid rgba(15, 23, 42, 0.85);
}

/* Eski müzik sütunu maskesi kaldırıldı (overlay genişliği 0) */
.gw-header__top::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: var(--gw-music-overlay-from-right, 0px);
    min-width: 0;
    background: #141c26;
    pointer-events: none;
    z-index: 3;
}

.gw-header__top > .gw-brand {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.65rem 1rem;
    padding: 0;
    box-sizing: border-box;
    border-bottom: none;
}

/* Müzik tetikleyici: üst marka satırında sağ köşe */

.gw-header__music.gw-music-float-anchor-open,
.gw-header__music.gw-radio-dropdown-anchor-open {
    position: relative;
    z-index: 10000;
}

#gw-header-music-wrap.gw-header__music--brand-row-end {
    position: relative;
    z-index: 9000;
    overflow: visible;
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.72rem;
    margin-left: auto;
    margin-right: 2.5mm;
    align-self: center;
    padding: 0;
    border: none;
    background: transparent;
}

.gw-header-clock {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    min-width: 0;
    max-width: min(14rem, 34vw);
    text-align: right;
    pointer-events: none;
    user-select: none;
    transform: translateX(-0.5cm);
}

.gw-header-clock__time {
    display: block;
    margin: 0;
    box-sizing: border-box;
    width: 10.65rem;
    min-width: 10.65rem;
    max-width: 10.65rem;
    text-align: right;
    font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
    font-size: clamp(1.32rem, 2.55vw, 1.62rem);
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.08;
    color: rgba(248, 250, 252, 0.96);
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

.gw-header-clock__date {
    margin: 0.14rem 0 0;
    font-size: clamp(0.76rem, 1.22vw, 0.88rem);
    line-height: 1.25;
    color: rgba(148, 163, 184, 0.9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Radyo / MP3: sağ üstte Client Ekle ile aynı fixed açılır menü (#gw-radio-dropdown.gw-grid-pc-ctx) */
#gw-radio-dropdown.gw-grid-pc-ctx {
    --gw-radio-dd-width-narrow: 2cm;
    --gw-radio-dd-width: min(calc(24rem - var(--gw-radio-dd-width-narrow)), calc(100vw - 1rem));
    width: var(--gw-radio-dd-width);
    min-width: min(calc(19rem - var(--gw-radio-dd-width-narrow)), var(--gw-radio-dd-width));
    max-width: var(--gw-radio-dd-width);
    box-sizing: border-box;
    overscroll-behavior: contain;
    touch-action: pan-y;
    filter: none;
    border-radius: 14px;
    box-shadow:
        0 28px 56px rgba(0, 0, 0, 0.65),
        0 12px 32px rgba(0, 0, 0, 0.45),
        0 0 28px rgba(0, 242, 255, 0.1),
        0 0 40px rgba(255, 0, 127, 0.06);
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown {
    --gwa-cyan: #00f2ff;
    --gwa-pink: var(--gw-radio-play-pink);
    height: 100%;
    min-height: var(--gw-radio-dd-shell-fixed-h);
    /* Tek sütun: başlık, arama, sekmeler, liste — aynı sol/sağ boşluk */
    --gw-radio-dd-pad-x: calc(0.42rem + 1mm);
    --gw-radio-dd-station-scale: 0.85;
    --gw-radio-station-row-h: calc((36px + 1rem + 3px) * var(--gw-radio-dd-station-scale, 0.85));
    --gw-radio-stations-scroll-row-gap-y: calc(0.28rem * var(--gw-radio-dd-station-scale, 0.85));
    --gw-radio-stations-scroll-padding-top: 4px;
    --gw-radio-stations-scroll-padding-bottom: 1px;
    /* Görünür pencere: tam 4 satır + alt çerçeve payı (MP3 ile aynı mantık) */
    --gw-radio-stations-scroll-rows-h: calc(
        4 * var(--gw-radio-station-row-h) + 3 * var(--gw-radio-stations-scroll-row-gap-y)
    );
    --gw-radio-stations-scroll-viewport-h: calc(
        var(--gw-radio-stations-scroll-padding-top) + var(--gw-radio-stations-scroll-rows-h) +
            var(--gw-radio-stations-scroll-padding-bottom)
    );
    --gw-radio-dd-hub-btn-h: calc(0.4rem * 2 + 0.68rem * 1.2);
    --gw-radio-dd-hub-slot-h: calc(0.16rem + var(--gw-radio-dd-hub-btn-h));
    /* Hub ile liste arası ince boşluk (Yerli → Alem FM); MP3 aynı */
    --gw-radio-dd-hub-list-gap: 0.2rem;
    --gw-radio-dd-hub-to-list-gap: calc(
        var(--gw-radio-dd-hub-list-gap, 0.2rem) + var(--gw-radio-stations-scroll-padding-top, 4px)
    );
    --gw-radio-dd-hub-list-gap-block-h: var(--gw-radio-dd-hub-list-gap, 0.2rem);
    --gw-radio-dd-middle-total-h: calc(
        var(--gw-radio-dd-hub-slot-h) + var(--gw-radio-dd-hub-list-gap) +
            var(--gw-radio-stations-scroll-viewport-h)
    );
    --gw-radio-dd-shell-fixed-h: calc(3.5rem + 2.1rem + var(--gw-radio-dd-middle-total-h) + 7.85rem);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    max-height: min(72vh, 540px);
    overflow: hidden;
}

/* Dikey sıra: başlık → arama → Yerli/Yabancı/Game → liste → RADYOLAR/MP3 → ses */
#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown > .gw-radio-dropdown__hdr {
    order: 1;
}
#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown > .gw-radio-dropdown__search {
    order: 2;
}
#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown > .gw-radio-dropdown__hub-row {
    order: 3;
}
/* Hub ↔ liste: flex’te ezilmeyen ara blok (Yerli↔Alem = Dosya seç↔Reynmen) */
#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown > .gw-radio-dropdown__hub-list-gap {
    order: 4;
    flex: 0 0 var(--gw-radio-dd-hub-list-gap-block-h);
    min-height: var(--gw-radio-dd-hub-list-gap-block-h);
    max-height: var(--gw-radio-dd-hub-list-gap-block-h);
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    pointer-events: none;
    box-sizing: border-box;
    background: transparent;
}
#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown > .gw-radio-dropdown__scroll {
    order: 5;
    margin-top: 0;
}
#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown > .gw-radio-dropdown__toolbar {
    order: 6;
    flex-shrink: 0;
}

/* Radyo + MP3: altta oynatma çubuğu (ilerleme + ses + kontroller) */
#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio--dropdown.gw-panel-music-player--tab-radyolar > .gw-radio-dropdown__toolbar,
#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio--dropdown.gw-panel-music-player--tab-mp3 > .gw-radio-dropdown__toolbar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* Radyo: liste hemen üstünde; MP3: oynatıcı çubuğu kabuk dibine (radyo ile aynı görünüm) */
/* Radyo ↔ MP3: hub satırı aynı yükseklik (Yerli/Yabancı/Game veya Dosya seç/Klasör) */
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-radyolar > .gw-radio-dropdown__hub-row,
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 > .gw-radio-dropdown__hub-row {
    flex: 0 0 var(--gw-radio-dd-hub-slot-h);
    min-height: var(--gw-radio-dd-hub-slot-h);
    max-height: var(--gw-radio-dd-hub-slot-h);
    box-sizing: border-box;
}

#gw-radio-dropdown #gw-panel-music-player:not(.gw-panel-music-player--tab-mp3) .gw-panel-music-mp3-zone__pick-row {
    display: none !important;
}

/* Yalnızca radyo sekmelerini gizle; MP3 pick-row da gw-radio-hub-top-tabs kullanır */
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 #gw-radio-hub-top-tabs {
    display: none !important;
}

/* MP3: 3 sütunlu ızgara — her buton Yerli/Yabancı/Game ile aynı genişlikte (2 buton + 1 boş) */
#gw-radio-dropdown #gw-panel-music-mp3-pick-row.gw-radio-hub-top-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.32rem;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Radyo + MP3: orta blok esner; hub ile liste arası boşluk korunur */
#gw-radio-dropdown .gw-radio-dropdown__scroll:has(#gw-panel-music-radio-rail:not([hidden])),
#gw-radio-dropdown .gw-radio-dropdown__scroll:has(#gw-panel-music-mp3-rail:not([hidden])) {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    max-height: none;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: var(--gw-radio-dd-pad-x, calc(0.42rem + 1mm));
    padding-right: var(--gw-radio-dd-pad-x, calc(0.42rem + 1mm));
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: #070910;
}

#gw-radio-dropdown #gw-panel-music-radio-rail:not([hidden]) {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: visible;
    width: 100%;
}

#gw-radio-dropdown #gw-panel-music-mp3-rail:not([hidden]) {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: visible;
    width: 100%;
}

/* RADYO kabuk yüksekliği (MP3 ayrı kilitlenir — radyo görünümü değişmez) */
#gw-radio-dropdown.gw-grid-pc-ctx:has(#gw-panel-music-player.gw-panel-music-player--tab-radyolar) {
    height: auto;
    min-height: var(--gw-radio-dd-shell-fixed-h);
    max-height: min(72vh, 540px);
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown.gw-panel-music-player--tab-radyolar {
    height: auto;
    min-height: var(--gw-radio-dd-shell-fixed-h);
    max-height: min(72vh, 540px);
}

/* ===== RADYO: liste düzeni MP3 ile aynı (4 satır, scroll, alt çerçeve) ===== */
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-radyolar > .gw-radio-dropdown__scroll {
    flex: 1 1 auto !important;
    min-height: var(--gw-radio-stations-scroll-viewport-h) !important;
    max-height: none !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

#gw-radio-dropdown
    #gw-panel-music-player.gw-panel-music-player--tab-radyolar
    > .gw-radio-dropdown__scroll
    > #gw-panel-music-radio-rail.gw-panel-music-player__radio-rail:not([hidden]) {
    flex: 0 0 auto !important;
    min-height: var(--gw-radio-stations-scroll-viewport-h) !important;
    overflow: hidden !important;
}

#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-radyolar .gw-panel-music-radio-rail__stack,
#gw-radio-dropdown
    #gw-panel-music-player.gw-panel-music-player--tab-radyolar
    .gw-radio-stations-wrap[data-gw-radio-hub="1"] {
    flex: 0 0 auto !important;
    overflow: hidden !important;
}

/* Yerli↔liste: 0.2rem + 4px (eskiden scroll üst payındaydı) */
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-radyolar > .gw-radio-dropdown__hub-list-gap {
    flex: 0 0 calc(0.2rem + 4px) !important;
    min-height: calc(0.2rem + 4px) !important;
    max-height: calc(0.2rem + 4px) !important;
    height: calc(0.2rem + 4px) !important;
}

/* RADYO liste kutusu = MP3 ile birebir (padding-top 0, alt 1px); yükseklik JS ölçümü */
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-radyolar .gw-radio-dropdown__stations-scroll {
    --gw-radio-stations-scroll-padding-top: 0px;
    --gw-radio-stations-scroll-padding-bottom: 1px;
    --gw-radio-stations-scroll-visible-rows: 4;
    --gw-radio-stations-scroll-rows-h: calc(
        var(--gw-radio-stations-scroll-visible-rows) * var(--gw-radio-station-row-h) +
            (var(--gw-radio-stations-scroll-visible-rows) - 1) * var(--gw-radio-stations-scroll-row-gap-y)
    );
    --gw-radio-stations-scroll-viewport-h: calc(
        var(--gw-radio-stations-scroll-rows-h) + var(--gw-radio-stations-scroll-padding-bottom, 1px)
    );
    flex: 0 0 auto !important;
    min-height: var(--gw-radio-stations-scroll-viewport-h) !important;
    max-height: var(--gw-radio-stations-scroll-viewport-h) !important;
    height: var(--gw-radio-stations-scroll-viewport-h) !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: var(--gw-radio-stations-scroll-padding-bottom, 1px) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    contain: paint !important;
    border-bottom: none !important;
    box-shadow: none !important;
    scroll-padding-bottom: 0 !important;
}

#gw-radio-dropdown.gw-grid-pc-ctx:has(#gw-panel-music-player.gw-panel-music-player--tab-mp3) {
    height: auto;
    min-height: var(--gw-radio-dd-shell-fixed-h);
    max-height: min(72vh, 540px);
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown.gw-panel-music-player--tab-mp3 {
    height: auto;
    min-height: var(--gw-radio-dd-shell-fixed-h);
    max-height: min(72vh, 540px);
}

/* MP3 dropdown: liste kutusu sabit; boşluk scroll alanında (radyo hub görünümü gibi) */
#gw-radio-dropdown #gw-panel-music-mp3-rail.gw-panel-music-player__mp3-rail:not([hidden]) {
    flex: 0 0 auto;
    align-self: stretch;
    width: 100%;
    min-width: 0;
    min-height: var(--gw-radio-stations-scroll-viewport-h);
    height: auto;
    max-height: none;
    margin: 0 !important;
    padding: 0 !important;
    border-top: none !important;
    background: transparent !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    box-sizing: border-box;
}

#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-radyolar .gw-gwaudio-seekbar,
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 .gw-gwaudio-seekbar {
    display: flex;
}

#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-radyolar .gw-gwaudio-seekbar--live .gw-gwaudio-seek-range {
    opacity: 0.72;
    cursor: default;
}

#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-radyolar .gw-gwaudio-seekbar--live .gw-gwaudio-seekbar__time--dur {
    letter-spacing: 0.12em;
    font-size: 0.6rem;
    color: rgba(0, 242, 255, 0.92);
    text-shadow: 0 0 10px rgba(0, 242, 255, 0.35);
}

/* Ana kutu: tam opak zemin, neon çerçeve; gölge dış sarmalayıcıda (köşe artefaktı önlenir) */
#gw-radio-dropdown #gw-panel-music-player.gw-grid-pc-ctx__panel {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    border-radius: 14px;
    overflow: hidden;
    background-color: #070a12;
    background-image: linear-gradient(168deg, #070a12 0%, #0b101c 38%, #060910 100%);
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid rgba(0, 242, 255, 0.48);
    isolation: isolate;
    filter: none;
    box-shadow: inset 0 1px 0 rgba(0, 242, 255, 0.14);
    clip-path: inset(0 round 14px);
    -webkit-clip-path: inset(0 round 14px);
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown::before {
    display: none !important;
    content: none !important;
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio--dropdown .gw-gwaudio-tabsrow {
    flex-shrink: 0;
    padding: 0.3rem var(--gw-radio-dd-pad-x, calc(0.42rem + 1mm)) 0.32rem;
    background: linear-gradient(180deg, rgba(8, 12, 22, 0.98) 0%, #060910 100%);
    border-top: none;
    border-bottom: none;
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio--dropdown .gw-gwaudio-detailbar {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin-left: var(--gw-radio-dd-pad-x, calc(0.42rem + 1mm));
    margin-right: var(--gw-radio-dd-pad-x, calc(0.42rem + 1mm));
    margin-bottom: 0.38rem;
    padding: 0.52rem 0.55rem 0.54rem;
    background: linear-gradient(180deg, #121a2a 0%, #0a0e18 100%);
    border-color: rgba(0, 242, 255, 0.32);
    border-bottom-color: rgba(0, 242, 255, 0.32);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Radyo + MP3: oynatıcı çubuğu kabuk dibinde */
#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio--dropdown > .gw-radio-dropdown__toolbar.gw-gwaudio-detailbar {
    margin-top: auto !important;
}

#gw-radio-dropdown #gw-panel-music-player .gw-gwaudio-media-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    pointer-events: none;
}

#gw-radio-dropdown .gw-radio-dropdown__hdr {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.12rem;
    padding: 0.35rem var(--gw-radio-dd-pad-x, calc(0.42rem + 1mm)) 0.4rem;
    border-bottom: 1px solid rgba(0, 242, 255, 0.2);
    flex-shrink: 0;
    background: linear-gradient(180deg, #0a101a 0%, #060910 100%);
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-nav {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 0.75rem;
    /* Alt satır (parça/istasyon) aşağıda; üst RADYO|MP3 ile araya ek boşluk */
    padding-bottom: calc(1.05rem + 8px);
    box-sizing: border-box;
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    min-width: 0;
    flex: 0 1 auto;
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-cell--mp3 {
    align-items: flex-end;
    margin-left: auto;
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-cell--radyo {
    margin-right: auto;
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-cell .gw-radio-dropdown__hdr-sub {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 0.35rem 0.04rem;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.28;
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-link {
    appearance: none;
    margin: 0;
    padding: 0.08rem 0.12rem;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: "Orbitron", var(--gw-font-ui, "Rajdhani", system-ui), sans-serif;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    line-height: 1.1;
    color: rgba(148, 163, 184, 0.72);
    text-shadow: none;
    transition:
        color 0.18s ease,
        text-shadow 0.2s ease,
        filter 0.2s ease;
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-link--radyo {
    text-align: left;
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-link--mp3 {
    text-align: right;
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-link--radyo:hover,
#gw-radio-dropdown .gw-radio-dropdown__hdr-link--radyo.is-active {
    color: rgba(0, 242, 255, 0.98);
    text-shadow:
        0 0 10px rgba(0, 242, 255, 0.55),
        0 0 18px rgba(0, 242, 255, 0.28);
    filter: drop-shadow(0 0 6px rgba(0, 242, 255, 0.35));
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-link--mp3:hover,
#gw-radio-dropdown .gw-radio-dropdown__hdr-link--mp3.is-active {
    color: rgba(255, 120, 200, 0.98);
    text-shadow:
        0 0 10px rgba(255, 0, 127, 0.55),
        0 0 18px rgba(255, 0, 127, 0.28);
    filter: drop-shadow(0 0 6px rgba(255, 0, 127, 0.35));
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-link:focus-visible {
    outline: 1px solid rgba(0, 242, 255, 0.55);
    outline-offset: 2px;
    border-radius: 4px;
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-link--radyo.has-error {
    color: rgba(255, 120, 160, 0.98);
    text-shadow:
        0 0 10px rgba(255, 0, 127, 0.65),
        0 0 16px rgba(255, 0, 127, 0.35);
}

/* RADYO / MP3 alt satır (Alem FM, Müzikler, parça adı) — okunaklı */
#gw-radio-dropdown .gw-radio-dropdown__hdr-sub {
    margin: 0;
    font-family: var(--gw-font-ui, "Rajdhani", system-ui), sans-serif;
    font-size: 0.94rem;
    font-weight: 800;
    letter-spacing: 0.025em;
    line-height: 1.28;
    color: #ffffff;
    text-shadow:
        0 1px 0 rgba(0, 0, 0, 1),
        0 1px 3px rgba(0, 0, 0, 0.92),
        0 0 1px rgba(0, 0, 0, 1);
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#gw-radio-dropdown .gw-radio-dropdown__hdr-sub:empty {
    display: none;
}

#gw-radio-dropdown .gw-radio-dropdown__toolbar {
    flex: 0 0 auto;
    flex-shrink: 0;
    border-bottom: none;
    background: transparent;
}

#gw-radio-dropdown .gw-radio-dropdown__toolbar.gw-gwaudio-detailbar {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
}

#gw-radio-dropdown .gw-gwaudio-detailbar__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    min-width: 0;
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    padding-top: 0.14rem;
    background: linear-gradient(180deg, #121a2a 0%, #0a0e18 100%);
    isolation: isolate;
}

#gw-radio-dropdown .gw-gwaudio-detailbar__center {
    position: relative;
    z-index: 2;
    isolation: isolate;
}

#gw-radio-dropdown .gw-gwaudio-detailbar__left {
    position: relative;
    z-index: 2;
    max-width: 42%;
    overflow: hidden;
    isolation: isolate;
}

#gw-radio-dropdown .gw-gwaudio-seekbar {
    display: none;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 0.16rem;
    width: 100%;
    min-width: 0;
    min-height: 1.85rem;
    padding: 0.38rem 0.12rem 0.3rem;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 242, 255, 0.14);
    position: relative;
    z-index: 1;
    overflow: hidden;
    contain: layout paint;
    background: linear-gradient(180deg, #141c2c 0%, #101828 100%);
}

#gw-radio-dropdown .gw-gwaudio-seekbar[hidden] {
    display: none !important;
}

#gw-radio-dropdown .gw-gwaudio-seekbar__source {
    display: block;
    flex: 0 0 auto;
    text-align: center;
    font-family: "Orbitron", var(--gw-font-ui, "Rajdhani", system-ui), sans-serif;
    font-size: 0.54rem;
    font-weight: 900;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    line-height: 1.15;
    padding: 0.1rem 0 0.06rem;
}

#gw-radio-dropdown .gw-gwaudio-seekbar__source--live {
    color: rgba(0, 242, 255, 0.98);
    text-shadow:
        0 0 10px rgba(0, 242, 255, 0.55),
        0 0 18px rgba(0, 242, 255, 0.28);
}

#gw-radio-dropdown .gw-gwaudio-seekbar__source--mp3 {
    color: rgba(255, 120, 200, 0.98);
    text-shadow:
        0 0 10px rgba(255, 0, 127, 0.55),
        0 0 18px rgba(255, 0, 127, 0.28);
}

#gw-radio-dropdown .gw-gwaudio-seekbar__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.38rem;
    width: 100%;
    min-width: 0;
}

#gw-radio-dropdown .gw-gwaudio-seekbar__time {
    flex: 0 0 auto;
    font-size: 0.66rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    color: rgba(226, 232, 240, 0.92);
    min-width: 2.35rem;
    text-align: center;
    line-height: 1.1;
}

#gw-radio-dropdown .gw-gwaudio-seek-range {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    height: 0.28rem;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    accent-color: rgba(0, 242, 255, 0.85);
    cursor: pointer;
    background: transparent;
    overflow: hidden;
}

#gw-radio-dropdown .gw-gwaudio-seek-range:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

#gw-radio-dropdown .gw-gwaudio-seek-range::-webkit-slider-runnable-track {
    height: 0.22rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(0, 242, 255, 0.22), rgba(0, 242, 255, 0.42));
    box-shadow: inset 0 0 0 1px rgba(0, 242, 255, 0.18);
}

#gw-radio-dropdown .gw-gwaudio-seek-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 0.62rem;
    height: 0.62rem;
    margin-top: -0.2rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: linear-gradient(155deg, rgba(0, 242, 255, 0.95) 0%, rgba(56, 189, 248, 0.85) 100%);
    box-shadow: 0 0 6px rgba(0, 242, 255, 0.35);
}

#gw-radio-dropdown .gw-gwaudio-seek-range::-moz-range-track {
    height: 0.22rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(0, 242, 255, 0.22), rgba(0, 242, 255, 0.42));
}

#gw-radio-dropdown .gw-gwaudio-seek-range::-moz-range-thumb {
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.55);
    background: linear-gradient(155deg, rgba(0, 242, 255, 0.95) 0%, rgba(56, 189, 248, 0.85) 100%);
    box-shadow: 0 0 6px rgba(0, 242, 255, 0.35);
}

/* MP3 araç çubuğu: oynat düğmesinin pembe dış parlaması komşu butonların arkasına taşmasın */
#gw-radio-dropdown #gw-panel-music-player .gw-gwaudio-mainplay--toolbar {
    box-shadow:
        inset 0 2px 6px rgba(255, 255, 255, 0.1),
        inset 0 -4px 12px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(0, 242, 255, 0.38);
}

#gw-radio-dropdown #gw-panel-music-player .gw-gwaudio-mainplay--toolbar:hover {
    box-shadow:
        inset 0 2px 8px rgba(255, 255, 255, 0.12),
        0 0 0 1px rgba(0, 242, 255, 0.55),
        0 0 16px rgba(0, 242, 255, 0.2);
}

#gw-radio-dropdown #gw-panel-music-player .gw-gwaudio-mainplay--toolbar #gw-panel-music-play-ico {
    color: rgba(0, 242, 255, 0.95);
    filter: drop-shadow(0 0 6px rgba(0, 242, 255, 0.45));
}

#gw-radio-dropdown #gw-panel-music-player .gw-gwaudio-dbtn {
    background: linear-gradient(165deg, rgba(40, 48, 64, 0.95), rgba(15, 20, 32, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown .gw-gwaudio-vol-range::-webkit-slider-runnable-track {
    background: linear-gradient(90deg, rgba(0, 242, 255, 0.18) 0%, rgba(56, 189, 248, 0.28) 100%);
    box-shadow: inset 0 0 0 1px rgba(0, 242, 255, 0.2);
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown .gw-gwaudio-vol-range::-webkit-slider-thumb {
    background: linear-gradient(155deg, rgba(0, 242, 255, 0.95) 0%, rgba(56, 189, 248, 0.85) 100%);
    border-color: rgba(0, 242, 255, 0.45);
    box-shadow: 0 0 6px rgba(0, 242, 255, 0.3);
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown .gw-gwaudio-vol-range::-moz-range-track {
    background: linear-gradient(90deg, rgba(0, 242, 255, 0.18) 0%, rgba(56, 189, 248, 0.28) 100%);
    box-shadow: inset 0 0 0 1px rgba(0, 242, 255, 0.2);
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown .gw-gwaudio-vol-range::-moz-range-thumb {
    background: linear-gradient(155deg, rgba(0, 242, 255, 0.95) 0%, rgba(56, 189, 248, 0.85) 100%);
    border-color: rgba(0, 242, 255, 0.45);
    box-shadow: 0 0 6px rgba(0, 242, 255, 0.3);
}

/* Ses kaydırıcısı — RADYO LİSTESİ oynat butonu ile aynı #ff007f → #a21caf gradyanı */
#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown .gw-gwaudio-vol-range {
    flex: 1 1 4rem;
    min-width: 3rem;
    max-width: 6.5rem;
    height: 0.42rem;
    -webkit-appearance: none;
    appearance: none;
    accent-color: var(--gw-radio-play-pink);
    cursor: pointer;
    background: transparent;
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown .gw-gwaudio-vol-range::-webkit-slider-runnable-track {
    height: 0.42rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 0, 127, 0.22) 0%, rgba(162, 28, 175, 0.3) 100%);
    box-shadow: inset 0 0 0 1px var(--gw-radio-play-pink-border);
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown .gw-gwaudio-vol-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    margin-top: -5px;
    border-radius: 50%;
    border: 1px solid var(--gw-radio-play-pink-border);
    background: linear-gradient(155deg, var(--gw-radio-play-pink) 0%, var(--gw-radio-play-magenta) 100%);
    box-shadow: 0 0 14px var(--gw-radio-play-pink-glow);
    cursor: pointer;
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown .gw-gwaudio-vol-range::-moz-range-track {
    height: 0.42rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 0, 127, 0.22) 0%, rgba(162, 28, 175, 0.3) 100%);
    box-shadow: inset 0 0 0 1px var(--gw-radio-play-pink-border);
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown .gw-gwaudio-vol-range::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid var(--gw-radio-play-pink-border);
    background: linear-gradient(155deg, var(--gw-radio-play-pink) 0%, var(--gw-radio-play-magenta) 100%);
    box-shadow: 0 0 14px var(--gw-radio-play-pink-glow);
    cursor: pointer;
}

#gw-radio-dropdown .gw-radio-dropdown__search {
    flex-shrink: 0;
    padding: 0.18rem var(--gw-radio-dd-pad-x, calc(0.42rem + 1mm)) 0.12rem;
    border-bottom: none;
    background: #060910;
}

#gw-radio-dropdown .gw-radio-dropdown__hub-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    padding: 0.08rem var(--gw-radio-dd-pad-x, calc(0.42rem + 1mm));
    background: #060910;
    box-sizing: border-box;
    overflow: visible;
}

#gw-radio-dropdown .gw-radio-dropdown__search-inp {
    width: 100%;
    box-sizing: border-box;
    min-height: 1.72rem;
    padding: 0.4rem 0.68rem;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.15;
    border-radius: 999px;
    border: 1px solid rgba(100, 116, 139, 0.48);
    background: rgba(2, 6, 14, 0.82);
    color: #f1f5f9;
    outline: none;
}

#gw-radio-dropdown .gw-radio-dropdown__search-inp::placeholder {
    color: rgba(148, 163, 184, 0.88);
    font-weight: 500;
}

#gw-radio-dropdown .gw-radio-dropdown__search-inp:focus {
    border-color: rgba(0, 242, 255, 0.48);
    box-shadow: 0 0 0 1px rgba(0, 242, 255, 0.14);
}

#gw-radio-dropdown .gw-radio-dropdown__hub-row > .gw-radio-hub-top-tabs,
#gw-radio-dropdown .gw-radio-dropdown__hub-row > .gw-panel-music-mp3-zone__pick-row {
    flex: 1 1 auto;
    align-self: stretch;
    width: 100%;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#gw-radio-dropdown .gw-radio-dropdown__hub-row .gw-radio-hub-top-tabs {
    height: 100%;
}

#gw-radio-dropdown .gw-radio-hub-top-tabs {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.32rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
}

/* Hub: Yerli/Yabancı/Game ve MP3 Dosya seç/Klasör — aynı kompakt kutu */
#gw-radio-dropdown .gw-radio-hub-top-tabs__btn,
#gw-radio-dropdown .gw-radio-dropdown__hub-row .gw-panel-music-mp3-zone__pick-row .gw-panel-music-mp3-zone__pick {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    height: var(--gw-radio-dd-hub-btn-h);
    min-height: var(--gw-radio-dd-hub-btn-h);
    max-height: var(--gw-radio-dd-hub-btn-h);
    appearance: none;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    padding: 0 0.28rem;
    border-radius: 11px;
    border: 1px solid rgba(129, 140, 248, 0.32);
    background: #0c121f;
    color: #e8eef7;
    font-family: var(--gw-font-ui, "Rajdhani", system-ui), sans-serif;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.05;
    transform: translateY(0.5px);
    transition:
        border-color 0.16s ease,
        box-shadow 0.16s ease,
        background 0.16s ease,
        color 0.16s ease;
}

#gw-radio-dropdown .gw-radio-hub-top-tabs__btn:hover,
#gw-radio-dropdown .gw-radio-dropdown__hub-row .gw-panel-music-mp3-zone__pick-row .gw-panel-music-mp3-zone__pick:hover {
    border-color: rgba(56, 189, 248, 0.45);
    background: rgba(30, 41, 59, 0.72);
    color: #f8fafc;
    box-shadow: none;
}

#gw-radio-dropdown .gw-radio-hub-top-tabs__btn.is-active {
    border-color: rgba(0, 242, 255, 0.55);
    color: rgba(0, 242, 255, 0.98);
    background: rgba(10, 28, 36, 0.88);
    box-shadow:
        inset 0 1px 0 rgba(0, 242, 255, 0.08),
        0 0 0 1px rgba(255, 0, 127, 0.12),
        0 0 18px rgba(0, 242, 255, 0.12);
}

#gw-radio-dropdown .gw-radio-dropdown__hub-row .gw-panel-music-mp3-zone__pick-row .gw-panel-music-mp3-zone__pick--folder {
    border-color: rgba(255, 0, 127, 0.38);
}

#gw-radio-dropdown .gw-radio-dropdown__hub-row .gw-panel-music-mp3-zone__pick-row .gw-panel-music-mp3-zone__pick--folder:hover {
    border-color: rgba(255, 0, 127, 0.58);
    background: rgba(30, 41, 59, 0.72);
    box-shadow: 0 0 8px rgba(255, 0, 127, 0.14);
}

#gw-radio-dropdown .gw-radio-hub-top-tabs__btn:focus-visible,
#gw-radio-dropdown .gw-radio-dropdown__hub-row .gw-panel-music-mp3-zone__pick-row .gw-panel-music-mp3-zone__pick:focus-visible {
    outline: 2px solid rgba(0, 242, 255, 0.65);
    outline-offset: 2px;
}

#gw-radio-dropdown .gw-radio-dropdown__hub-row > .gw-panel-music-mp3-zone__pick-row {
    align-items: center;
}

#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio--dropdown > .gw-radio-dropdown__scroll,
#gw-radio-dropdown .gw-radio-dropdown__scroll {
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: visible;
    overscroll-behavior: contain;
    padding: 0 var(--gw-radio-dd-pad-x, calc(0.42rem + 1mm));
    background: #070910;
}

#gw-radio-dropdown #gw-panel-music-radio-rail:not([hidden]) .gw-panel-music-radio-rail__stack,
#gw-radio-dropdown #gw-panel-music-mp3-rail:not([hidden]) .gw-panel-music-mp3-rail__stack {
    flex: 0 0 auto;
    min-height: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
}

#gw-radio-dropdown #gw-panel-music-radio-rail:not([hidden]) .gw-radio-stations-wrap,
#gw-radio-dropdown #gw-panel-music-mp3-rail:not([hidden]) .gw-panel-music-mp3-stations-wrap {
    flex: 0 0 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#gw-radio-dropdown .gw-panel-music-radio-rail__stack {
    gap: 0.35rem;
}

#gw-radio-dropdown .gw-radio-hub-top-tabs,
#gw-radio-dropdown .gw-radio-categories {
    flex-shrink: 0;
}

#gw-radio-dropdown .gw-radio-stations-wrap {
    flex: 0 0 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#gw-radio-dropdown .gw-radio-stations-toolbar {
    flex-shrink: 0;
}

/* Hub (Yerli/Yabancı) doğrudan liste: boş toolbar satırı + ara boşluk yok */
#gw-radio-dropdown .gw-radio-stations-wrap[data-gw-radio-hub="1"] {
    gap: 0;
}

#gw-radio-dropdown .gw-radio-stations-wrap[data-gw-radio-hub="1"] .gw-radio-stations-toolbar {
    display: none;
}

/* Hub: az kanalda satırlar altta; alt çerçeve kesilmesin diye align-content + min-height kaldırıldı */
#gw-radio-dropdown .gw-radio-stations-wrap[data-gw-radio-hub="1"] #gw-panel-music-stations.gw-panel-music-stations--dropdown-list {
    align-content: start;
}

/* Radyo + MP3 liste alanı: tam 4 satır görünür; kaydırınca satır ortadan kesilmez */
#gw-radio-dropdown .gw-radio-dropdown__stations-scroll {
    --gw-radio-station-row-h: calc((36px + 1rem + 3px) * var(--gw-radio-dd-station-scale, 0.85));
    --gw-radio-stations-scroll-row-gap-y: calc(0.28rem * var(--gw-radio-dd-station-scale, 0.85));
    --gw-radio-stations-scroll-padding-inline: 0;
    --gw-radio-stations-scroll-visible-rows: 4;
    --gw-radio-stations-scroll-rows-h: calc(
        var(--gw-radio-stations-scroll-visible-rows) * var(--gw-radio-station-row-h) +
            (var(--gw-radio-stations-scroll-visible-rows) - 1) * var(--gw-radio-stations-scroll-row-gap-y)
    );
    --gw-radio-stations-scroll-padding-bottom: 1px;
    --gw-radio-stations-scroll-viewport-h: calc(
        var(--gw-radio-stations-scroll-padding-top, 4px) + var(--gw-radio-stations-scroll-rows-h) +
            var(--gw-radio-stations-scroll-padding-bottom, 1px)
    );
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    min-height: var(--gw-radio-stations-scroll-viewport-h);
    height: var(--gw-radio-stations-scroll-viewport-h);
    max-height: var(--gw-radio-stations-scroll-viewport-h);
    padding-top: var(--gw-radio-stations-scroll-padding-top, 4px);
    padding-bottom: var(--gw-radio-stations-scroll-padding-bottom, 1px);
    padding-left: var(--gw-radio-stations-scroll-padding-inline);
    padding-right: var(--gw-radio-stations-scroll-padding-inline);
    border-bottom: none;
    box-shadow: none;
    overflow-x: hidden;
    overflow-y: auto;
    contain: paint;
    scroll-snap-type: y proximity;
    scroll-padding-bottom: 0;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    scrollbar-width: thin;
    scrollbar-color: rgba(55, 65, 81, 0.75) rgba(15, 23, 42, 0.35);
}

#gw-radio-dropdown .gw-radio-dropdown__stations-scroll::-webkit-scrollbar {
    width: 5px;
}

#gw-radio-dropdown .gw-radio-dropdown__stations-scroll::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.35);
    border-radius: 3px;
}

#gw-radio-dropdown .gw-radio-dropdown__stations-scroll::-webkit-scrollbar-thumb {
    background: rgba(51, 65, 85, 0.72);
    border-radius: 3px;
}

#gw-radio-dropdown .gw-radio-dropdown__stations-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(71, 85, 105, 0.82);
}

/* MP3 listesi: kaydırma yalnızca .gw-radio-dropdown__stations-scroll içinde (radyo ile aynı) */

/* Radyo istasyonları: 2 sütun ızgara; dikey kaydırma .gw-radio-dropdown__stations-scroll üzerinde */
#gw-radio-dropdown #gw-panel-music-stations.gw-panel-music-stations--dropdown-list {
    max-height: none;
    overflow: visible;
    min-height: 0;
    width: 100%;
    align-content: start;
    justify-items: stretch;
    grid-auto-rows: var(--gw-radio-station-row-h);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gw-radio-stations-scroll-row-gap-y, 0.238rem)
        calc(0.32rem * var(--gw-radio-dd-station-scale, 0.85));
    padding-bottom: 0;
    box-sizing: border-box;
}

#gw-radio-dropdown #gw-panel-music-stations.gw-panel-music-stations--dropdown-list
    > .gw-radio-dropdown__station-row.gw-grid-pc-ctx__row,
#gw-radio-dropdown .gw-panel-music-mp3-list > .gw-radio-dropdown__station-row.gw-grid-pc-ctx__row {
    margin: 0 !important;
}

#gw-radio-dropdown #gw-panel-music-player .gw-panel-music-player__radio-rail,
#gw-radio-dropdown #gw-panel-music-player .gw-panel-music-player__mp3-rail {
    max-height: none;
}

#gw-radio-dropdown #gw-panel-music-player .gw-panel-music-player__radio-rail {
    border-top: none;
    padding-left: 0;
    padding-right: 0;
}

/* Liste alanı: tam opak zemin (ızgara aralıklarından arka plan sızmaz) */
#gw-radio-dropdown .gw-panel-music-radio-rail__stack,
#gw-radio-dropdown .gw-radio-stations-wrap,
#gw-radio-dropdown .gw-radio-dropdown__stations-scroll {
    background-color: #070910 !important;
    background-image: none !important;
}

/* Şu an çalan (duraklat) satırı — aria-pressed oynatıcı durumuna göre */
#gw-radio-dropdown .gw-radio-dropdown__station-row[aria-pressed="true"] {
    border-color: rgba(0, 242, 255, 0.72);
}

#gw-radio-dropdown .gw-radio-dropdown__station-row[aria-pressed="true"] .gw-grid-pc-ctx__lab {
    color: #f8fafc;
    text-shadow:
        0 0 10px rgba(0, 242, 255, 0.45),
        0 0 14px rgba(255, 0, 127, 0.28),
        0 1px 2px rgba(0, 0, 0, 0.75);
}

#gw-radio-dropdown .gw-radio-dropdown__station-row[aria-pressed="true"]:hover {
    border-color: rgba(0, 242, 255, 0.82);
}

#gw-radio-dropdown .gw-radio-dropdown__station-row.gw-grid-pc-ctx__row {
    position: relative;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    height: var(--gw-radio-station-row-h);
    min-height: var(--gw-radio-station-row-h);
    max-height: var(--gw-radio-station-row-h);
    text-align: left;
    gap: calc(0.65rem * var(--gw-radio-dd-station-scale, 0.85));
    padding: calc(0.5rem * var(--gw-radio-dd-station-scale, 0.85))
        calc(0.65rem * var(--gw-radio-dd-station-scale, 0.85))
        calc(0.5rem * var(--gw-radio-dd-station-scale, 0.85))
        calc(0.55rem * var(--gw-radio-dd-station-scale, 0.85));
    border: 1px solid rgba(0, 242, 255, 0.42);
    border-radius: calc(11px * var(--gw-radio-dd-station-scale, 0.85));
    overflow: hidden;
    background-color: #0a1018;
    background-image: linear-gradient(180deg, #101826 0%, #0a1018 100%);
    color: #f8fafc;
    box-sizing: border-box;
    box-shadow: none;
    isolation: isolate;
}

#gw-radio-dropdown .gw-radio-dropdown__station-row.gw-grid-pc-ctx__row:hover {
    border-color: rgba(0, 242, 255, 0.58);
    background-color: #0e1624;
    background-image: linear-gradient(180deg, #152033 0%, #0e1624 100%);
    transform: none;
    box-shadow: none;
}

#gw-radio-dropdown .gw-radio-dropdown__station-ico.gw-grid-pc-ctx__ico {
    display: none !important;
}

#gw-radio-dropdown .gw-grid-pc-ctx__lab {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: calc(0.2rem * var(--gw-radio-dd-station-scale, 0.85));
    font-size: calc(0.92rem * var(--gw-radio-dd-station-scale, 0.85));
    line-height: 1.25;
    color: #f8fafc;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}

#gw-radio-dropdown .gw-grid-pc-ctx__lab-txt {
    display: inline-block;
    vertical-align: top;
}

#gw-radio-dropdown .gw-grid-pc-ctx__lab.is-scroll {
    text-overflow: clip;
}

/* Kaydırma: JS requestAnimationFrame + transform (tüm tarayıcılar) */
#gw-radio-dropdown .gw-grid-pc-ctx__lab.is-scroll .gw-grid-pc-ctx__lab-txt {
    display: inline-block;
    width: max-content;
    max-width: none;
    white-space: nowrap;
    padding-right: 2em;
    will-change: transform;
}

#gw-radio-dropdown .gw-radio-dropdown__row-play {
    flex: 0 0 auto;
    margin-left: calc(0.25rem * var(--gw-radio-dd-station-scale, 0.85));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(36px * var(--gw-radio-dd-station-scale, 0.85));
    height: calc(36px * var(--gw-radio-dd-station-scale, 0.85));
    border-radius: calc(10px * var(--gw-radio-dd-station-scale, 0.85));
    color: #fff;
    border: 1px solid var(--gw-radio-play-pink-border);
    background: linear-gradient(155deg, var(--gw-radio-play-pink) 0%, var(--gw-radio-play-magenta) 100%);
    font-size: calc(0.72rem * var(--gw-radio-dd-station-scale, 0.85));
    line-height: 1;
    box-shadow: 0 0 14px var(--gw-radio-play-pink-glow);
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    pointer-events: none;
}

/* RADYO LİSTESİ (ayarlar) tablosundaki oynat butonu ile aynı tip */
#gw-radio-dropdown .gw-radio-dropdown__row-play > i {
    transform: translateX(1px);
    pointer-events: none;
}

#gw-radio-dropdown .gw-radio-dropdown__row-play--live > i.fa-pause {
    transform: none;
    font-size: calc(0.65rem * var(--gw-radio-dd-station-scale, 0.85));
}

#gw-radio-dropdown .gw-radio-dropdown__row-play--live {
    box-shadow:
        0 0 0 2px rgba(45, 212, 191, 0.45),
        0 0 26px rgba(255, 0, 127, 0.38);
}

#gw-radio-dropdown .gw-grid-pc-ctx__row:hover .gw-radio-dropdown__row-play {
    filter: brightness(1.08);
    box-shadow:
        0 0 0 1px rgba(45, 212, 191, 0.35),
        0 0 22px var(--gw-radio-play-pink-glow-strong),
        0 0 26px rgba(45, 212, 191, 0.1);
}

#gw-radio-dropdown .gw-grid-pc-ctx__row:hover .gw-radio-dropdown__row-play--live {
    filter: brightness(1.08);
    box-shadow:
        0 0 0 2px rgba(45, 212, 191, 0.55),
        0 0 26px rgba(255, 0, 127, 0.42),
        0 0 22px var(--gw-radio-play-pink-glow-strong),
        0 0 20px rgba(45, 212, 191, 0.12);
}

/* Radyo dropdown kabuğu: tam opak (arkadaki header / yazılar görünmesin) */
#gw-radio-dropdown.gw-grid-pc-ctx,
#gw-radio-dropdown #gw-panel-music-player.gw-grid-pc-ctx__panel,
#gw-radio-dropdown .gw-radio-dropdown__hdr,
#gw-radio-dropdown .gw-radio-dropdown__scroll,
#gw-radio-dropdown #gw-panel-music-player.gw-gwaudio--dropdown .gw-gwaudio-tabsrow,
#gw-radio-dropdown #gw-panel-music-player .gw-gwaudio-detailbar,
#gw-radio-dropdown #gw-panel-music-player .gw-panel-music-player__radio-rail,
#gw-radio-dropdown #gw-panel-music-player .gw-panel-music-player__mp3-rail {
    background-color: #0b0c11 !important;
    background-image: none !important;
    opacity: 1 !important;
}

/* —— Game World Audio: neon turkuaz ↔ pembe, metal doku, merkez oynat —— */
#gw-panel-music-player.gw-music-popup.gw-gwaudio {
    --gwa-cyan: #00f2ff;
    --gwa-pink: #ff007f;
    --gwa-bg0: #05060c;
    --gwa-bg1: #0a0e18;
    background:
        radial-gradient(120% 80% at 50% 0%, rgba(0, 242, 255, 0.07), transparent 55%),
        radial-gradient(90% 60% at 100% 100%, rgba(255, 0, 127, 0.06), transparent 50%),
        linear-gradient(165deg, rgba(14, 18, 28, 0.92) 0%, rgba(6, 8, 14, 0.97) 100%) !important;
    border-color: rgba(0, 242, 255, 0.22) !important;
    box-shadow:
        0 28px 72px rgba(0, 0, 0, 0.62),
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 0 1px rgba(255, 0, 127, 0.12),
        0 0 40px rgba(0, 242, 255, 0.08),
        0 0 72px rgba(255, 0, 127, 0.05) !important;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-particles {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.55;
    background-image:
        radial-gradient(circle at 12% 20%, rgba(0, 242, 255, 0.12) 0, transparent 28%),
        radial-gradient(circle at 88% 30%, rgba(255, 0, 127, 0.1) 0, transparent 26%),
        radial-gradient(circle at 40% 85%, rgba(0, 242, 255, 0.08) 0, transparent 22%),
        radial-gradient(circle at 70% 70%, rgba(255, 0, 127, 0.07) 0, transparent 20%);
    animation: gwaudio-drift 18s ease-in-out infinite alternate;
}

@keyframes gwaudio-drift {
    from {
        transform: translate(0, 0) scale(1);
    }
    to {
        transform: translate(-1.2%, 0.8%) scale(1.02);
    }
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-metal {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    opacity: 0.14;
    background-image: repeating-linear-gradient(
        -28deg,
        rgba(255, 255, 255, 0.03) 0 1px,
        transparent 1px 5px
    );
    mix-blend-mode: overlay;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-close {
    position: absolute;
    top: 0.45rem;
    right: 0.5rem;
    z-index: 6;
    margin: 0;
}

#gw-panel-music-player.gw-gwaudio > * {
    position: relative;
    z-index: 2;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-particles,
#gw-panel-music-player.gw-gwaudio .gw-gwaudio-metal {
    z-index: 0;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0.42rem 2.6rem 0.38rem 0.65rem;
    border-bottom: 1px solid rgba(0, 242, 255, 0.12);
    background: rgba(4, 6, 12, 0.35);
    backdrop-filter: blur(8px);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-brandrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-pill {
    flex: 0 0 auto;
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    color: #ecfeff;
    padding: 0.2rem 0.48rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 242, 255, 0.45);
    background: linear-gradient(165deg, rgba(0, 242, 255, 0.12), rgba(8, 12, 22, 0.85));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 14px rgba(0, 242, 255, 0.2);
    text-shadow: 0 0 12px rgba(0, 242, 255, 0.45);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-headline {
    margin: 0;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(248, 250, 252, 0.95);
    line-height: 1.2;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-headline__brand {
    background: linear-gradient(90deg, var(--gwa-cyan), #a5f3fc 40%, #fda4af 72%, var(--gwa-pink));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 10px rgba(0, 242, 255, 0.15));
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-headline__sep {
    color: rgba(148, 163, 184, 0.75);
    font-weight: 600;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-headline__state {
    color: rgba(226, 232, 240, 0.92);
    font-weight: 800;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-hero {
    padding: 0.35rem 0.65rem 0.5rem;
    text-align: center;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-timerow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    margin-bottom: 0.28rem;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-clock {
    font-family: var(--gw-font-ui, "Rajdhani", system-ui), ui-monospace, monospace;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #f8fafc;
    text-shadow:
        0 0 18px rgba(0, 242, 255, 0.35),
        0 0 28px rgba(255, 0, 127, 0.12);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-deco {
    font-size: 0.95rem;
    line-height: 1;
    filter: drop-shadow(0 0 8px currentColor);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-deco--heart {
    color: var(--gwa-cyan);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-deco--notes {
    color: var(--gwa-pink);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-wavezone {
    position: relative;
    margin: 0.15rem auto 0.35rem;
    min-height: 6.5rem;
    max-height: 8.5rem;
    border-radius: 12px;
    border: 1px solid rgba(0, 242, 255, 0.1);
    background: rgba(2, 4, 10, 0.45);
    box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-wave-canvas {
    display: block;
    width: 100%;
    height: 6.5rem;
    vertical-align: middle;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-playhub {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 4.6rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-ring {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    filter: drop-shadow(0 0 6px rgba(0, 242, 255, 0.25));
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-ring__track {
    stroke: rgba(71, 85, 105, 0.45);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-mainplay {
    pointer-events: auto;
    position: relative;
    z-index: 2;
    width: 2.85rem;
    height: 2.85rem;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.14), transparent 45%),
        linear-gradient(155deg, rgba(30, 22, 40, 0.95), rgba(10, 8, 18, 0.98));
    box-shadow:
        inset 0 2px 6px rgba(255, 255, 255, 0.1),
        inset 0 -4px 12px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 0, 127, 0.35),
        0 0 22px rgba(255, 0, 127, 0.25),
        0 0 36px rgba(0, 242, 255, 0.12);
    color: var(--gwa-pink);
    font-size: 1.05rem;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-mainplay:hover {
    box-shadow:
        inset 0 2px 8px rgba(255, 255, 255, 0.12),
        0 0 0 1px rgba(0, 242, 255, 0.45),
        0 0 28px rgba(0, 242, 255, 0.22),
        0 0 40px rgba(255, 0, 127, 0.2);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-mainplay:active {
    transform: scale(0.94);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-mainplay #gw-panel-music-play-ico {
    filter: drop-shadow(0 0 10px rgba(255, 0, 127, 0.65));
    color: #ff4da6;
}

#gw-panel-music-player.gw-gwaudio.is-playing .gw-gwaudio-mainplay #gw-panel-music-play-ico {
    color: var(--gwa-cyan);
    filter: drop-shadow(0 0 12px rgba(0, 242, 255, 0.55));
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-now {
    margin: 0.15rem 0 0;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(0, 242, 255, 0.92);
    text-shadow: 0 0 14px rgba(0, 242, 255, 0.2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-detailbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.42rem 0.55rem 0.48rem;
    margin: 0 0.45rem;
    border-radius: 10px;
    border: 1px solid rgba(100, 116, 139, 0.25);
    background: linear-gradient(180deg, rgba(12, 16, 26, 0.75), rgba(6, 8, 14, 0.9));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 4px 18px rgba(0, 0, 0, 0.35);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-detailbar__left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.28rem;
    flex: 1 1 auto;
    min-width: 0;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-vol-label {
    font-size: 0.52rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(203, 213, 225, 0.85);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-vol-readout {
    font-size: 0.62rem;
    font-weight: 800;
    color: #f1f5f9;
    min-width: 2rem;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-vol-ico {
    color: rgba(0, 242, 255, 0.75);
    filter: drop-shadow(0 0 6px rgba(0, 242, 255, 0.25));
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-vol-mute-btn {
    appearance: none;
    border: none;
    margin: 0;
    padding: 0.12rem 0.22rem;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: inherit;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-vol-mute-btn:hover {
    background: rgba(0, 242, 255, 0.08);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-vol-mute-btn:focus-visible {
    outline: 2px solid rgba(0, 242, 255, 0.55);
    outline-offset: 2px;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-vol-mute-btn.is-muted .gw-gwaudio-vol-ico {
    color: rgba(248, 113, 113, 0.95);
    filter: drop-shadow(0 0 8px rgba(248, 113, 113, 0.35));
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-vol-range {
    flex: 1 1 4rem;
    min-width: 3rem;
    max-width: 6.5rem;
    height: 0.4rem;
    accent-color: var(--gwa-pink);
    cursor: pointer;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-detailbar__center {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    flex: 0 0 auto;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-detailbar__right {
    flex: 0 0 auto;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-dbtn {
    appearance: none;
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    border: 1px solid rgba(71, 85, 105, 0.45);
    background: linear-gradient(165deg, rgba(40, 48, 64, 0.7), rgba(15, 20, 32, 0.9));
    color: #e2e8f0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition:
        border-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-dbtn:hover {
    border-color: rgba(0, 242, 255, 0.4);
    color: #fff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 12px rgba(0, 242, 255, 0.12);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-dbtn.is-active {
    border-color: rgba(255, 0, 127, 0.55);
    color: #fda4af;
    box-shadow: 0 0 14px rgba(255, 0, 127, 0.15);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-tabsrow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
    padding: 0.38rem 0.55rem 0.42rem 0.65rem;
    border-bottom: 1px solid rgba(0, 242, 255, 0.08);
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-tab {
    font-size: 0.54rem;
    padding: 0.16rem 0.42rem;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 0.45rem;
}

/* Rail kapalıyken: üst hero + kontroller (elite hub); boş scroll alanı yok */
#gw-panel-music-player.gw-gwaudio:not(.gw-panel-music-player--radio-rail-open):not(.gw-panel-music-player--mp3-rail-open)
    .gw-gwaudio-scroll {
    flex: 0 0 auto;
    min-height: 0;
    max-height: 0;
    padding: 0;
    overflow: hidden;
    border: none;
}

/* Radyo hub: klasik hero / başlık kalkar; sekme + şerit + kontrol + istasyon ızgarası */
#gw-panel-music-player.gw-gwaudio--radio-hub .gw-gwaudio-particles,
#gw-panel-music-player.gw-gwaudio--radio-hub .gw-gwaudio-metal,
#gw-panel-music-player.gw-gwaudio--radio-hub .gw-gwaudio-head,
#gw-panel-music-player.gw-gwaudio--radio-hub .gw-gwaudio-hero {
    display: none !important;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-gwaudio-tabsrow {
    order: 2;
    padding-top: 0.52rem;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-hub-strip {
    order: 3;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.28rem 0.65rem 0.32rem;
    border-bottom: 1px solid rgba(0, 242, 255, 0.1);
    background: rgba(4, 8, 16, 0.35);
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-hub-strip__title {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(0, 242, 255, 0.95);
    text-shadow: 0 0 14px rgba(0, 242, 255, 0.22);
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-hub-strip__now {
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: rgba(226, 232, 240, 0.88);
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-hub-strip__now:empty {
    display: none;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-gwaudio-detailbar {
    order: 4;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 242, 255, 0.08);
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-gwaudio-scroll {
    order: 5;
    flex: 1 1 auto;
    min-height: 7.5rem;
    padding-top: 0.35rem;
}

#gw-panel-music-player.gw-gwaudio .gw-gwaudio-mainplay--toolbar {
    width: 2.1rem;
    height: 2.1rem;
    font-size: 0.78rem;
    flex-shrink: 0;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-hub-cat-exit {
    display: block;
    width: calc(100% - 0.1rem);
    margin: 0 0 0.45rem;
    padding: 0.38rem 0.55rem;
    border-radius: 10px;
    border: 1px solid rgba(0, 242, 255, 0.28);
    background: rgba(8, 14, 24, 0.75);
    color: rgba(226, 232, 240, 0.95);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition:
        border-color 0.18s ease,
        box-shadow 0.2s ease,
        color 0.15s ease;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-hub-cat-exit:hover {
    border-color: rgba(255, 0, 127, 0.45);
    box-shadow: 0 0 18px rgba(255, 0, 127, 0.12);
    color: #fff;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-panel-music-stations--accordion-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem 0.55rem;
    align-content: start;
}

@media (max-width: 1100px) {
    #gw-panel-music-player.gw-gwaudio--radio-hub .gw-panel-music-stations--accordion-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    #gw-panel-music-player.gw-gwaudio--radio-hub .gw-panel-music-stations--accordion-list {
        grid-template-columns: 1fr;
    }
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.65rem;
    padding: 0.38rem 0.5rem 0.38rem 0.42rem;
    margin: 0;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 12px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
    cursor: pointer;
    color: #0f172a;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.18s ease,
        transform 0.12s ease;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row:hover {
    background: #fff;
    border-color: rgba(45, 212, 191, 0.45);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row.is-active {
    border-color: rgba(13, 148, 136, 0.55);
    box-shadow: 0 0 0 1px rgba(45, 212, 191, 0.35), 0 4px 16px rgba(45, 212, 191, 0.15);
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row--categories {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%);
    color: #e2e8f0;
    border-color: rgba(0, 242, 255, 0.28);
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row--categories .gw-radio-list-row__name {
    color: #f1f5f9;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row--categories .gw-radio-list-row__num {
    color: rgba(0, 242, 255, 0.95);
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row__num {
    flex: 0 0 auto;
    width: 1.75rem;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #94a3b8;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row__num--icon {
    width: 1.75rem;
    font-size: 0.72rem;
    color: rgba(250, 204, 21, 0.95);
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row__logo {
    flex: 0 0 auto;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    color: #fff;
    background: linear-gradient(135deg, #0ea5e9 0%, #6366f1 48%, #c026d3 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row__logo--muted {
    background: rgba(51, 65, 85, 0.35);
    color: rgba(148, 163, 184, 0.95);
    box-shadow: none;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row__name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row__play {
    flex: 0 0 auto;
    width: 1.85rem;
    height: 1.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid rgba(56, 189, 198, 0.45);
    color: #0d9488;
    background: rgba(240, 253, 250, 0.9);
    font-size: 0.72rem;
}

#gw-panel-music-player.gw-gwaudio--radio-hub .gw-radio-list-row--categories .gw-radio-list-row__play {
    border-color: rgba(0, 242, 255, 0.35);
    color: #5eead4;
    background: rgba(15, 23, 42, 0.5);
}

#gw-panel-music-player.gw-gwaudio::before {
    opacity: 0.65;
}

/* Progress ring: idle cyan; playing uses inline SVG gradient #gwaudio-ring-grad */
#gw-panel-music-player.gw-gwaudio .gw-gwaudio-ring__progress {
    stroke: #00f2ff;
    stroke-linecap: round;
    filter: drop-shadow(0 0 5px rgba(0, 242, 255, 0.35));
}

#gw-panel-music-player.gw-gwaudio.is-playing .gw-gwaudio-ring__progress {
    stroke: url(#gwaudio-ring-grad);
    filter: drop-shadow(0 0 6px rgba(255, 0, 127, 0.28)) drop-shadow(0 0 4px rgba(0, 242, 255, 0.22));
}

/* İnce tek satır müzik barı (panel içi şerit; ana tetikleyici .gw-music-bar--compact) */
.gw-music-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.28rem;
    min-height: 0;
    max-height: 1.85rem;
    height: 1.72rem;
    padding: 0.1rem 0.38rem 0.1rem 0.32rem;
    box-sizing: border-box;
    border-radius: 999px;
    border: 1px solid rgba(45, 180, 170, 0.32);
    background: linear-gradient(180deg, rgba(14, 18, 28, 0.98) 0%, rgba(8, 11, 18, 0.99) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 1px 8px rgba(0, 0, 0, 0.45);
    max-width: 100%;
    min-width: 0;
}

.gw-music-bar.is-playing {
    border-color: rgba(56, 189, 198, 0.48);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 2px 16px rgba(0, 0, 0, 0.38),
        0 0 12px rgba(45, 212, 191, 0.08);
}

.gw-music-bar__logo {
    flex: 0 0 auto;
    font-size: 0.52rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    color: rgba(204, 251, 241, 0.95);
    line-height: 1;
    padding: 0.08rem 0.22rem;
    border-radius: 5px;
    background: rgba(12, 18, 28, 0.85);
    border: 1px solid rgba(56, 189, 198, 0.28);
}

.gw-music-bar__track {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0 0.08rem;
    font-size: 0.54rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: rgba(248, 250, 252, 0.96);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.15;
}

.gw-music-bar__tabs {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.gw-music-bar__tab {
    appearance: none;
    margin: 0;
    padding: 0.08rem 0.3rem;
    border-radius: 999px;
    border: 1px solid rgba(71, 85, 105, 0.55);
    background: rgba(15, 23, 42, 0.45);
    color: rgba(203, 213, 225, 0.95);
    font-size: 0.46rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    cursor: pointer;
    transition:
        color 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease;
}

.gw-music-bar__tab:hover {
    color: #f8fafc;
    border-color: rgba(100, 116, 139, 0.65);
}

.gw-music-bar__tab.is-active {
    color: #ecfeff;
    border-color: rgba(45, 212, 191, 0.42);
    background: rgba(15, 118, 110, 0.18);
}

.gw-music-bar__tab.has-error {
    border-color: rgba(248, 113, 113, 0.55);
    color: #fecaca;
}

.gw-music-bar__live-err {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0.55rem;
    margin-right: 0.18rem;
    padding: 0 3px;
    border-radius: 999px;
    background: rgba(220, 38, 38, 0.92);
    color: #fff;
    font-size: 0.48rem;
    font-weight: 900;
}

/* Radyo sekmesi: tam metin (yalnizca #gw-panel-music-live-err) */
#gw-panel-music-player.gw-gwaudio #gw-panel-music-tab-radyolar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: left;
}

#gw-panel-music-player.gw-gwaudio #gw-panel-music-live-err:not([hidden]) {
    display: block;
    align-self: stretch;
    margin: 0 0 0.12rem 0;
    padding: 0.22rem 0.38rem;
    border-radius: 6px;
    max-width: 12.5rem;
    white-space: normal;
    line-height: 1.25;
    font-size: 0.44rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: none;
    text-align: left;
    box-shadow: 0 0 8px rgba(248, 113, 113, 0.75);
}

.gw-music-bar__transport {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.12rem;
}

.gw-music-bar__btn {
    appearance: none;
    margin: 0;
    cursor: pointer;
    border: 1px solid rgba(71, 85, 105, 0.55);
    background: rgba(15, 23, 42, 0.5);
    color: #e2e8f0;
    transition:
        border-color 0.18s ease,
        background 0.18s ease,
        color 0.18s ease;
}

.gw-music-bar__btn--icon {
    width: 1.38rem;
    height: 1.32rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.52rem;
    padding: 0;
}

.gw-music-bar__btn--icon:hover {
    border-color: rgba(45, 212, 191, 0.4);
    color: #fff;
}

.gw-music-bar__file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Üst şerit: GW Audio mini widget (cam + neon çerçeve; tıkla → panel) */
.gw-music-bar.gw-music-bar--compact {
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    max-width: none;
    max-height: none;
    padding: 0;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.gw-music-widget {
    flex: 0 0 auto;
    width: clamp(6.475rem, 14vw, 8.225rem);
    max-width: clamp(6.475rem, 14vw, 8.225rem);
    filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.45));
    zoom: 1.392;
}

@keyframes gw-widget-border-shift {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 200% 50%;
    }
}

@keyframes gw-widget-accent-pulse {
    0%,
    100% {
        opacity: 0.88;
        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 3px rgba(0, 242, 255, 0.38));
    }
    50% {
        opacity: 1;
        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 4px rgba(255, 0, 127, 0.42));
    }
}

.gw-music-widget__border {
    padding: 1px;
    border-radius: 0.805rem;
    background: linear-gradient(
        128deg,
        rgba(0, 242, 255, 0.98) 0%,
        rgba(99, 102, 241, 0.85) 28%,
        rgba(255, 0, 127, 0.95) 62%,
        rgba(0, 242, 255, 0.9) 100%
    );
    background-size: 240% 240%;
    animation: gw-widget-border-shift 9s linear infinite;
    box-shadow:
        0 0 0 1px rgba(0, 242, 255, 0.35),
        0 0 14px rgba(0, 242, 255, 0.42),
        0 0 26px rgba(255, 0, 127, 0.28),
        0 0 40px rgba(168, 85, 247, 0.14);
}

.gw-music-widget__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.16rem;
    box-sizing: border-box;
    min-height: 2.62rem;
    border-radius: 0.756rem;
    padding: 0.1rem 0.1rem 0.1rem 0.08rem;
    background:
        linear-gradient(165deg, rgba(255, 255, 255, 0.07) 0%, transparent 42%),
        linear-gradient(180deg, rgba(8, 12, 22, 0.72) 0%, rgba(4, 6, 14, 0.88) 100%);
    backdrop-filter: blur(18px) saturate(1.35);
    -webkit-backdrop-filter: blur(18px) saturate(1.35);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.35);
}

/* Play solu: ince dikey düz çizgi — sürükle/tıkla, ana panel ile senkron */
.gw-music-widget__vol-slot {
    position: relative;
    flex: 0 0 0.82rem;
    width: 0.82rem;
    min-width: 0.82rem;
    height: 1.32rem;
    align-self: center;
    margin-right: 0.06rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: visible;
}

.gw-music-widget__vol-tip {
    position: absolute;
    top: var(--gw-vol-thumb-top, 15%);
    left: 50%;
    z-index: 2;
    display: none;
    opacity: 0;
    transform: translate(calc(-100% - 10px), -50%) rotate(0deg);
    transform-origin: center center;
    pointer-events: none;
    transition: opacity 0.42s ease;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.55));
}

.gw-music-widget__vol-tip.is-active {
    display: block;
    opacity: 1;
}

.gw-music-widget__vol-tip.is-active .gw-music-widget__vol-tip-inner {
    animation: gw-vol-tip-pop 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes gw-vol-tip-pop {
    0% {
        opacity: 0.5;
        transform: scale(0.86) rotate(0deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

.gw-music-widget__vol-tip-inner {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.05rem;
    min-width: 1.35rem;
    padding: 0.16rem 0.28rem 0.14rem;
    border-radius: 0.42rem;
    border: 1px solid rgba(0, 242, 255, 0.55);
    background:
        linear-gradient(165deg, rgba(255, 255, 255, 0.1) 0%, transparent 38%),
        linear-gradient(145deg, rgba(10, 20, 38, 0.97) 0%, rgba(3, 8, 18, 0.98) 100%);
    backdrop-filter: blur(10px) saturate(1.25);
    -webkit-backdrop-filter: blur(10px) saturate(1.25);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.07) inset,
        0 0 14px rgba(0, 242, 255, 0.32),
        0 0 22px rgba(255, 0, 127, 0.12),
        0 3px 10px rgba(0, 0, 0, 0.5);
    transform: rotate(0deg);
}

.gw-music-widget__vol-tip-val {
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.03em;
    font-variant-numeric: tabular-nums;
    color: #ffffff;
    text-shadow:
        0 0 10px rgba(0, 242, 255, 0.55),
        0 1px 2px rgba(0, 0, 0, 0.9);
}

.gw-music-widget__vol-tip-unit {
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    font-size: 0.5rem;
    font-weight: 700;
    line-height: 1;
    color: rgba(0, 242, 255, 0.95);
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.45);
    transform: translateY(-0.04rem);
}

.gw-music-widget__vol-line {
    position: relative;
    z-index: 3;
    -webkit-appearance: none;
    appearance: none;
    width: 1.12rem;
    height: 2px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    transform: rotate(-90deg);
    transform-origin: center center;
    outline: none;
}

.gw-music-widget__vol-line:focus-visible {
    outline: none;
}

.gw-music-widget__vol-line:focus-visible::-webkit-slider-thumb {
    box-shadow:
        0 0 0 2px rgba(0, 242, 255, 0.35),
        0 0 10px rgba(0, 242, 255, 0.75);
}

.gw-music-widget__vol-line::-webkit-slider-runnable-track {
    height: 2px;
    border-radius: 999px;
    background: rgba(0, 242, 255, 0.14);
    box-shadow: 0 0 5px rgba(0, 242, 255, 0.1);
}

.gw-music-widget__vol-line::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2px;
    height: 10px;
    margin-top: -4px;
    border: none;
    border-radius: 999px;
    background: #00f2ff;
    box-shadow:
        0 0 6px rgba(0, 242, 255, 0.85),
        0 0 12px rgba(0, 242, 255, 0.35);
    cursor: pointer;
}

.gw-music-widget__vol-line:active::-webkit-slider-thumb {
    cursor: pointer;
}

.gw-music-widget__vol-line::-moz-range-track {
    height: 2px;
    border: none;
    border-radius: 999px;
    background: rgba(0, 242, 255, 0.14);
    box-shadow: 0 0 5px rgba(0, 242, 255, 0.1);
}

.gw-music-widget__vol-line::-moz-range-thumb {
    width: 2px;
    height: 10px;
    border: none;
    border-radius: 999px;
    background: #00f2ff;
    box-shadow:
        0 0 6px rgba(0, 242, 255, 0.85),
        0 0 12px rgba(0, 242, 255, 0.35);
    cursor: pointer;
}

.gw-music-widget__vol-line.is-muted::-webkit-slider-runnable-track,
.gw-music-widget__vol-line.is-muted::-moz-range-track {
    background: rgba(100, 116, 139, 0.25);
    box-shadow: none;
}

.gw-music-widget__vol-line.is-muted::-webkit-slider-thumb,
.gw-music-widget__vol-line.is-muted::-moz-range-thumb {
    background: rgba(148, 163, 184, 0.55);
    box-shadow: none;
}

.gw-music-widget__transport {
    appearance: none;
    flex: 0 0 auto;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.32rem;
    height: 1.32rem;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(148, 163, 184, 0.45);
    cursor: pointer;
    border-radius: 50%;
    color: #f8fafc;
    font-size: 0.5rem;
    line-height: 1;
    background:
        radial-gradient(120% 120% at 28% 18%, rgba(255, 255, 255, 0.28) 0%, transparent 48%),
        linear-gradient(155deg, #64748b 0%, #334155 38%, #1e293b 72%, #0f172a 100%);
    box-shadow:
        0 0 0 1px rgba(0, 242, 255, 0.22),
        0 0 12px rgba(0, 242, 255, 0.22),
        0 0 16px rgba(255, 0, 127, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        inset 0 -2px 4px rgba(0, 0, 0, 0.45);
    transition: transform 0.16s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.gw-music-widget__transport:hover {
    filter: brightness(1.1);
    box-shadow:
        0 0 0 1px rgba(0, 242, 255, 0.45),
        0 0 14px rgba(0, 242, 255, 0.38),
        0 0 20px rgba(255, 0, 127, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        inset 0 -2px 4px rgba(0, 0, 0, 0.4);
}

.gw-music-widget__transport:focus-visible {
    outline: 1px solid rgba(0, 242, 255, 0.75);
    outline-offset: 2px;
}

.gw-music-widget__transport:active {
    transform: scale(0.94);
}

.gw-music-bar.is-playing .gw-music-widget__transport {
    border-color: rgba(255, 0, 127, 0.45);
    box-shadow:
        0 0 0 1px rgba(255, 0, 127, 0.35),
        0 0 14px rgba(0, 242, 255, 0.4),
        0 0 22px rgba(255, 0, 127, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        inset 0 -2px 4px rgba(0, 0, 0, 0.4);
}

.gw-music-widget__main {
    appearance: none;
    display: block;
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    text-align: left;
    font: inherit;
    color: inherit;
    background: transparent;
    border-radius: 0.385rem;
    transition: box-shadow 0.2s ease;
}

.gw-music-widget__main:hover {
    transform: none;
}

.gw-music-widget__main:focus-visible {
    outline: 1px solid rgba(0, 242, 255, 0.65);
    outline-offset: 1px;
}

.gw-music-widget__main:active {
    transform: none;
}

.gw-music-widget__display {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    min-height: 2.14rem;
    max-height: 2.14rem;
    border-radius: 0.434rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.12rem 0.22rem 0.1rem;
    isolation: isolate;
}

.gw-music-widget__display-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background:
        linear-gradient(145deg, rgba(0, 242, 255, 0.1) 0%, transparent 38%),
        linear-gradient(220deg, rgba(255, 0, 127, 0.08) 0%, transparent 42%),
        linear-gradient(180deg, rgba(10, 14, 26, 0.55) 0%, rgba(3, 5, 12, 0.78) 100%);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.08),
        inset 0 -8px 18px rgba(0, 0, 0, 0.38);
}

.gw-music-widget__display-stack {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.03rem;
    width: 100%;
    min-height: 0;
    max-width: 100%;
    flex: 1 1 auto;
    box-sizing: border-box;
}

.gw-music-widget__head {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.14rem;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0.12rem;
    flex: 0 0 auto;
    transform: translate(-1mm, -0.2mm);
}

.gw-music-widget__accent-ico {
    flex: 0 0 auto;
    order: -1;
    display: inline-block;
    align-self: center;
    font-size: 0.44rem;
    line-height: 1;
    margin-right: 0;
    transform: translateX(-1mm);
    background: linear-gradient(135deg, #67e8f9 0%, #c084fc 55%, #fb7185 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.65)) drop-shadow(0 0 4px rgba(0, 242, 255, 0.4));
    animation: gw-widget-accent-pulse 3.4s ease-in-out infinite;
}

.gw-music-bar.is-playing .gw-music-widget__accent-ico {
    animation-duration: 2.2s;
}

.gw-music-bar--compact .gw-music-widget__head {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    gap: 0.06rem;
    padding: 0 0.04rem;
    transform: none;
}

/* RADYO + MP3: sol müzik rozeti + ortalı başlık (aynı satır düzeni) */
.gw-music-bar--compact .gw-music-widget__head,
.gw-music-bar--compact .gw-music-widget__head--mp3-only {
    position: relative;
    display: block;
    justify-content: unset;
    min-height: calc(0.62rem * 1.15);
    width: 100%;
    max-width: 100%;
}

.gw-music-bar--compact .gw-music-widget__head .gw-music-widget__accent-ico {
    display: inline-block;
    position: absolute;
    left: 0.04rem;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
    z-index: 1;
    font-size: calc(0.36rem * 1.15);
    margin-right: 0;
}

.gw-music-bar--compact .gw-music-widget__title {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    font-size: 0.5rem;
    letter-spacing: 0.02em;
    line-height: 1.05;
    white-space: nowrap;
}

/* RADYO ve MP3: aynı başlık boyutu (+15%), karakter ve satır yüksekliği */
.gw-music-bar--compact .gw-music-widget__title--media,
.gw-music-bar--compact .gw-music-widget__title--mp3 {
    display: block;
    flex: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
    font-size: calc(0.46rem * 1.15);
    letter-spacing: 0;
    font-weight: 800;
    line-height: calc(0.62rem * 1.15);
    text-transform: uppercase;
    transform: translateY(-0.5mm);
}

/* Widget RADYO / MP3: açılır menü başlığı ile aynı neon renk */
.gw-music-bar--compact .gw-music-widget__title--media {
    background: none;
    background-size: unset;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: rgba(0, 242, 255, 0.98);
    -webkit-text-fill-color: rgba(0, 242, 255, 0.98);
    text-shadow:
        0 0 10px rgba(0, 242, 255, 0.55),
        0 0 18px rgba(0, 242, 255, 0.28);
    filter: drop-shadow(0 0 6px rgba(0, 242, 255, 0.35));
}

.gw-music-bar--compact .gw-music-widget__title--mp3 {
    background: none;
    background-size: unset;
    -webkit-background-clip: unset;
    background-clip: unset;
    /* Açılır menü MP3 başlığı ile aynı pembe neon (kırmızımsı #ff007f değil) */
    color: rgba(255, 120, 200, 0.98);
    -webkit-text-fill-color: rgba(255, 120, 200, 0.98);
    text-shadow:
        0 0 10px rgba(255, 0, 127, 0.55),
        0 0 18px rgba(255, 0, 127, 0.28);
    filter: drop-shadow(0 0 6px rgba(255, 0, 127, 0.35));
}

.gw-music-bar--compact .gw-music-widget__display-stack {
    justify-content: center;
    flex: 1 1 auto;
    align-self: center;
    min-height: 0;
}

.gw-music-bar--compact .gw-music-widget__display {
    justify-content: center;
    align-items: center;
    padding: 0.1rem 0.14rem;
}

/* Alt satır: istasyon / parça adı (Alem FM, Müzikler…) — mini oynatıcı */
.gw-music-bar--compact .gw-music-widget__now-line {
    font-size: calc(0.58rem * 1.22);
    transform: translateY(0.5mm);
    font-weight: 800;
    letter-spacing: 0.025em;
    line-height: 1.2;
    color: #ffffff;
    text-shadow:
        0 1px 0 rgba(0, 0, 0, 1),
        0 1px 3px rgba(0, 0, 0, 0.92),
        0 0 1px rgba(0, 0, 0, 1);
    -webkit-font-smoothing: antialiased;
}

.gw-music-widget__title {
    display: block;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    text-align: left;
    font-family: "Orbitron", var(--gw-font-ui, "Rajdhani", system-ui), sans-serif;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    line-height: 1.12;
    background: linear-gradient(
        105deg,
        #ffffff 0%,
        #ecfeff 18%,
        #a5f3fc 38%,
        #f5f5f4 52%,
        #e9d5ff 72%,
        #ffffff 100%
    );
    background-size: 160% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 1))
        drop-shadow(0 2px 3px rgba(0, 0, 0, 0.92))
        drop-shadow(0 0 1px rgba(0, 0, 0, 1))
        drop-shadow(0 0 10px rgba(0, 242, 255, 0.28));
}

.gw-music-widget__now-line {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0.1rem;
    font-family: var(--gw-font-ui, "Rajdhani", system-ui), sans-serif;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: 1.05;
    text-align: center;
    color: #ffffff;
    text-shadow:
        0 0 14px rgba(255, 255, 255, 0.42),
        0 1px 2px rgba(0, 0, 0, 0.95),
        0 0 1px rgba(0, 0, 0, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 0 0 auto;
    transform: translateY(0.2mm);
}

.gw-music-widget__now-line[hidden] {
    display: none !important;
}

.gw-music-widget__now-line--idle-live {
    opacity: 0.92;
    color: rgba(255, 255, 255, 0.88);
}

/* Eski hızlı Play pill şeridi kaldırıldı; dış çerçeveyi sıkı tutmak için boşluk yok */
.gw-music-widget__spacer {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .gw-music-widget__border {
        animation: none;
        background-position: 40% 50%;
    }
    .gw-music-widget__accent-ico {
        animation: none;
    }
}

.gw-music-float-panel__strip {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.45rem;
    padding: 0.38rem 0.55rem 0.45rem;
    border-bottom: 1px solid rgba(51, 65, 85, 0.45);
    background: rgba(8, 12, 20, 0.45);
}

.gw-music-float-panel__strip .gw-music-float-panel__strip-track {
    flex: 1 1 8rem;
    min-width: 0;
}

.gw-music-float-panel__strip .gw-music-bar__tab {
    font-size: 0.52rem;
    padding: 0.1rem 0.36rem;
}

.gw-music-float-panel__strip .gw-music-bar__btn--icon {
    width: 1.55rem;
    height: 1.48rem;
    font-size: 0.58rem;
}

/* Pop-up Controller: tam ekran hafif perde + viewport üstünde panel (yerleşimi kaydırmaz) */
.gw-music-float-root {
    position: fixed;
    inset: 0;
    z-index: 9998;
    pointer-events: none;
}

.gw-music-float-root:not([hidden]) {
    pointer-events: auto;
}

@keyframes gw-music-backdrop-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes gw-music-panel-in {
    from {
        opacity: 0;
        transform: translate(-50%, calc(-50% + 20px));
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.gw-music-float-root__backdrop {
    position: absolute;
    inset: 0;
    z-index: 1;
    /* Mat siyahlık + arka plan hâlâ seçilebilir; blur ~9px */
    background: rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(9px) saturate(1.08);
    -webkit-backdrop-filter: blur(9px) saturate(1.08);
    pointer-events: auto;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.38s ease;
}

.gw-music-float-root:not([hidden]):not(.gw-music-float-root--hiding) .gw-music-float-root__backdrop {
    animation: gw-music-backdrop-in 0.42s ease both;
}

.gw-music-float-root--hiding .gw-music-float-root__backdrop {
    opacity: 0;
    animation: none !important;
    transition: opacity 0.38s ease;
}

.gw-music-float-root__panel-slot {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

#gw-panel-music-audio {
    display: none !important;
}

.gw-music-float-panel {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: 14px;
    border: 1px solid rgba(56, 189, 198, 0.28);
    background: linear-gradient(180deg, rgba(16, 22, 32, 0.98) 0%, rgba(10, 14, 22, 0.99) 100%);
    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    overflow: hidden;
    min-width: 0;
}

/* Ses pop-up — “aurora glass”: cam yüzey + loş cyan neon (modern glass UI referansı) */
#gw-panel-music-player.gw-music-popup {
    position: fixed !important;
    z-index: 9999 !important;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: min(620px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    max-height: min(85vh, calc(100dvh - 24px));
    margin: 0;
    border-radius: 22px;
    border: 1px solid rgba(120, 210, 198, 0.22);
    background: linear-gradient(
        155deg,
        rgba(22, 30, 48, 0.55) 0%,
        rgba(12, 18, 32, 0.68) 42%,
        rgba(6, 10, 20, 0.78) 100%
    );
    backdrop-filter: blur(22px) saturate(1.35);
    -webkit-backdrop-filter: blur(22px) saturate(1.35);
    box-shadow:
        0 28px 72px rgba(0, 0, 0, 0.58),
        0 0 0 1px rgba(0, 0, 0, 0.38) inset,
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 0 1px rgba(45, 212, 191, 0.14),
        0 0 36px rgba(34, 170, 155, 0.08),
        0 0 96px rgba(15, 100, 95, 0.05);
    opacity: 1;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    transition:
        opacity 0.38s ease,
        transform 0.4s cubic-bezier(0.32, 0.72, 0.25, 1),
        box-shadow 0.4s ease,
        border-color 0.4s ease;
    pointer-events: auto;
}

/* Açılış: aşağıdan süzülme + fade-in (kapanırken --hiding ile ezilir) */
.gw-music-float-root:not([hidden]):not(.gw-music-float-root--hiding) #gw-panel-music-player.gw-music-popup {
    animation: gw-music-panel-in 0.46s cubic-bezier(0.22, 1, 0.36, 1) both;
}

#gw-panel-music-player.gw-music-popup::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
    background: linear-gradient(
        130deg,
        rgba(255, 255, 255, 0.09) 0%,
        rgba(255, 255, 255, 0) 36%,
        rgba(0, 0, 0, 0) 52%,
        rgba(45, 212, 191, 0.07) 100%
    );
    opacity: 0.85;
}

#gw-panel-music-player.gw-music-popup > * {
    position: relative;
    z-index: 1;
}

#gw-panel-music-player.gw-music-popup.is-playing {
    box-shadow:
        0 28px 72px rgba(0, 0, 0, 0.58),
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 0 1px rgba(45, 212, 191, 0.18),
        0 0 44px rgba(45, 212, 191, 0.1),
        0 0 120px rgba(20, 120, 110, 0.05);
}

.gw-music-float-root--hiding #gw-panel-music-player.gw-music-popup {
    animation: none !important;
    opacity: 0;
    transform: translate(-50%, calc(-50% + 14px));
    pointer-events: none;
    transition:
        opacity 0.38s ease,
        transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
    .gw-music-float-root:not([hidden]):not(.gw-music-float-root--hiding) .gw-music-float-root__backdrop {
        animation: none;
    }

    .gw-music-float-root:not([hidden]):not(.gw-music-float-root--hiding) #gw-panel-music-player.gw-music-popup {
        animation: none;
    }

    .gw-music-float-root--hiding #gw-panel-music-player.gw-music-popup {
        transform: translate(-50%, -50%);
        transition: opacity 0.2s ease;
    }
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__head {
    padding: 0.52rem 0.65rem 0.48rem 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(4, 8, 16, 0.32);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__head-title {
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #ecfeff;
    text-shadow: 0 0 24px rgba(45, 212, 191, 0.18);
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__close {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 12px;
    border: 1px solid rgba(100, 116, 139, 0.35);
    background: linear-gradient(165deg, rgba(40, 52, 72, 0.55), rgba(15, 23, 42, 0.75));
    color: #e2e8f0;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 2px 10px rgba(0, 0, 0, 0.35);
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__close:hover {
    color: #fff;
    border-color: rgba(45, 212, 191, 0.45);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 14px rgba(45, 212, 191, 0.12);
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__strip {
    padding: 0.55rem 0.72rem 0.62rem;
    gap: 0.5rem 0.55rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    background: rgba(3, 7, 14, 0.38);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__strip-track {
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.035em;
    color: #f8fafc;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__strip .gw-music-bar__tab {
    padding: 0.22rem 0.52rem;
    font-size: 0.56rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(100, 116, 139, 0.32);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease,
        color 0.2s ease;
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__strip .gw-music-bar__tab:hover {
    color: #fff;
    border-color: rgba(148, 163, 184, 0.55);
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__strip .gw-music-bar__tab.is-active {
    color: #ecfeff;
    border-color: rgba(45, 212, 191, 0.55);
    background: rgba(13, 148, 136, 0.22);
    box-shadow: 0 0 18px rgba(45, 212, 191, 0.14);
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__strip .gw-music-bar__btn--icon {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 50%;
    font-size: 0.74rem;
    border: 1px solid rgba(71, 85, 105, 0.45);
    background: linear-gradient(160deg, rgba(55, 70, 92, 0.7), rgba(15, 23, 42, 0.92));
    color: #f1f5f9;
    box-shadow:
        inset 0 2px 4px rgba(255, 255, 255, 0.07),
        inset 0 -3px 8px rgba(0, 0, 0, 0.4),
        0 4px 14px rgba(0, 0, 0, 0.42);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        color 0.2s ease,
        transform 0.15s ease;
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__strip .gw-music-bar__btn--icon:hover {
    border-color: rgba(45, 212, 191, 0.5);
    color: #fff;
    box-shadow:
        inset 0 2px 4px rgba(255, 255, 255, 0.09),
        inset 0 -3px 8px rgba(0, 0, 0, 0.35),
        0 0 18px rgba(45, 212, 191, 0.15);
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__strip .gw-music-bar__btn--icon:active {
    transform: scale(0.94);
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__scroll {
    padding: 0.65rem 0.78rem 0.78rem;
    background: rgba(2, 6, 12, 0.22);
    scrollbar-color: rgba(45, 212, 191, 0.35) transparent;
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__foot {
    padding: 0.5rem 0.78rem 0.62rem;
    border-top: 1px solid rgba(148, 163, 184, 0.1);
    background: rgba(4, 8, 16, 0.48);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__vol-label {
    color: rgba(203, 213, 225, 0.92);
    font-size: 0.6rem;
    letter-spacing: 0.12em;
}

#gw-panel-music-player.gw-music-popup .gw-music-float-panel__vol-label input[type="range"] {
    accent-color: rgba(45, 212, 191, 0.95);
}

#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-rail__inner--float .gw-panel-music-mode-row {
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: linear-gradient(165deg, rgba(36, 48, 72, 0.88) 0%, rgba(15, 23, 42, 0.94) 100%) !important;
    backdrop-filter: blur(10px) saturate(1.15);
    -webkit-backdrop-filter: blur(10px) saturate(1.15);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        inset 0 -1px 0 rgba(0, 0, 0, 0.22),
        0 3px 14px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(0, 242, 255, 0.1),
        0 0 24px rgba(0, 242, 255, 0.12);
    transition:
        transform 0.22s ease,
        box-shadow 0.24s ease,
        border-color 0.22s ease,
        filter 0.22s ease;
}

#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-rail__inner--float .gw-panel-music-mode-row .gw-panel-music-mode-row__txt {
    color: #f8fafc !important;
    font-weight: 700;
    text-shadow:
        0 0 14px rgba(255, 255, 255, 0.22),
        0 1px 2px rgba(0, 0, 0, 0.85);
}

#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-rail__inner--float .gw-panel-music-mode-row:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 6px 22px rgba(0, 0, 0, 0.4),
        0 0 28px rgba(0, 242, 255, 0.2),
        0 0 40px rgba(255, 0, 127, 0.08) !important;
}

#gw-panel-music-player.gw-music-popup .gw-panel-music-stations--rail .gw-panel-music-station--tile {
    border-radius: 12px !important;
    border: 1px solid rgba(100, 116, 139, 0.32) !important;
    background: rgba(15, 23, 42, 0.36) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: rgba(241, 245, 249, 0.95) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

#gw-panel-music-player.gw-music-popup .gw-panel-music-stations--rail .gw-panel-music-station--tile:hover {
    transform: translateY(-1px);
    border-color: rgba(45, 212, 191, 0.45) !important;
    box-shadow:
        0 0 16px rgba(45, 212, 191, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

#gw-panel-music-player.gw-music-popup .gw-panel-music-stations--rail .gw-panel-music-station--tile.is-active {
    border-color: rgba(45, 212, 191, 0.65) !important;
    background: rgba(13, 148, 136, 0.18) !important;
    box-shadow: 0 0 20px rgba(45, 212, 191, 0.14);
}

.gw-music-float-panel__head {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.45rem 0.55rem 0.4rem 0.65rem;
    border-bottom: 1px solid rgba(51, 65, 85, 0.45);
    background: rgba(8, 12, 20, 0.55);
}

.gw-music-float-panel__head-title {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, 0.92);
}

.gw-music-float-panel__close {
    appearance: none;
    border: 1px solid rgba(71, 85, 105, 0.5);
    background: rgba(15, 23, 42, 0.55);
    color: #cbd5e1;
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    transition:
        color 0.15s ease,
        border-color 0.15s ease,
        background 0.15s ease;
}

.gw-music-float-panel__close:hover {
    color: #fff;
    border-color: rgba(148, 163, 184, 0.55);
}

.gw-music-float-panel__scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.55rem 0.65rem 0.65rem;
    max-height: min(52vh, 22rem);
    scrollbar-width: thin;
    scrollbar-color: rgba(45, 212, 191, 0.28) transparent;
}

.gw-music-float-panel__foot {
    flex: 0 0 auto;
    padding: 0.4rem 0.65rem 0.55rem;
    border-top: 1px solid rgba(51, 65, 85, 0.45);
    background: rgba(6, 10, 18, 0.65);
}

.gw-music-float-panel__vol-label {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.95);
}

.gw-music-float-panel__vol-label input[type="range"] {
    flex: 1 1 auto;
    min-width: 4rem;
    height: 0.55rem;
    accent-color: rgba(13, 148, 136, 0.85);
    cursor: pointer;
}

.gw-panel-music-mode-rail__inner--float {
    width: 100%;
}

.gw-panel-music-stations--float {
    grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr));
    gap: 0.4rem;
}

.gw-panel-music-radio-rail__stack {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    width: 100%;
    min-width: 0;
}

.gw-radio-categories {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(6.75rem, 1fr));
    gap: 0.42rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.12rem 0.05rem 0.15rem;
}

.gw-radio-category-tile {
    appearance: none;
    margin: 0;
    cursor: pointer;
    font: inherit;
    text-align: center;
    padding: 0.42rem 0.5rem;
    border-radius: 12px;
    border: 1px solid rgba(0, 242, 255, 0.28);
    background: linear-gradient(165deg, rgba(30, 41, 59, 0.75), rgba(15, 23, 42, 0.9));
    color: rgba(226, 232, 240, 0.96);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 2px 10px rgba(0, 0, 0, 0.35);
    transition:
        border-color 0.18s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease;
}

.gw-radio-category-tile:hover {
    border-color: rgba(0, 242, 255, 0.5);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 18px rgba(0, 242, 255, 0.15);
    transform: translateY(-1px);
}

.gw-radio-stations-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
    width: 100%;
    min-width: 0;
}

.gw-radio-stations-toolbar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
}

.gw-radio-back {
    appearance: none;
    flex: 0 0 auto;
    margin: 0;
    padding: 0.28rem 0.5rem;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(15, 23, 42, 0.65);
    color: rgba(226, 232, 240, 0.95);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        color 0.15s ease;
}

.gw-radio-back:hover {
    border-color: rgba(0, 242, 255, 0.45);
    color: #ecfeff;
}

.gw-radio-search {
    flex: 1 1 8rem;
    min-width: 0;
    box-sizing: border-box;
    padding: 0.32rem 0.5rem;
    border-radius: 10px;
    border: 1px solid rgba(100, 116, 139, 0.45);
    background: rgba(2, 6, 14, 0.75);
    color: #f1f5f9;
    font-size: 0.62rem;
    outline: none;
}

.gw-radio-search::placeholder {
    color: rgba(148, 163, 184, 0.85);
}

.gw-radio-search:focus {
    border-color: rgba(0, 242, 255, 0.45);
    box-shadow: 0 0 0 1px rgba(0, 242, 255, 0.12);
}

.gw-music-float-panel .gw-panel-music-player__mode-rail,
.gw-music-float-panel .gw-panel-music-player__radio-rail,
.gw-music-float-panel .gw-panel-music-player__mp3-rail {
    margin-top: 0;
    padding: 0;
    border: none;
    background: transparent !important;
}

.gw-music-float-panel .gw-panel-music-mp3-zone--drawer .gw-panel-music-mp3-zone__list {
    max-height: 6rem;
}

/* Üst navigasyon — koyu lacivert, aktif sekme mor/mavi neon çizgi */
.gw-topnav {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.1rem;
    padding: 0 var(--gw-music-col-reserve) 0 clamp(0.5rem, 2vw, 0.75rem);
    background: linear-gradient(180deg, #05070d 0%, #0a0f1a 55%, #070a12 100%);
    border-top: 1px solid rgba(30, 41, 59, 0.5);
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(71, 85, 105, 0.85) rgba(15, 23, 42, 0.4);
}

.gw-topnav__item {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.48rem 0.68rem 0.55rem;
    margin: 0;
    font-family: var(--gw-font-ui);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--gw-muted);
    background: transparent;
    border: none;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    transition: color 0.2s, background 0.2s;
    flex-shrink: 0;
    box-sizing: border-box;
    max-width: 100%;
}

/* Yalnız sekme yazısı — ikon boyutu ayrı; taşma: yatay kaydır + nowrap */
.gw-topnav__item > span {
    font-size: 0.8rem;
    line-height: 1.2;
    white-space: nowrap;
}

.gw-topnav__item i {
    font-size: 0.95rem;
    opacity: 0.82;
    filter: none;
    flex-shrink: 0;
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item i {
    opacity: 1;
    transition: color 0.2s, filter 0.2s, text-shadow 0.2s;
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item[data-nav-page="stations"] i {
    color: #60a5fa;
    text-shadow: 0 0 10px rgba(96, 165, 250, 0.4);
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item[data-nav-page="quick-sale"] i {
    color: #fbbf24;
    text-shadow: 0 0 10px rgba(251, 191, 36, 0.4);
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item[data-nav-page="membership"] i {
    color: #22d3ee;
    text-shadow: 0 0 10px rgba(34, 211, 238, 0.4);
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item[data-nav-page="labels"] i {
    color: #f472b6;
    text-shadow: 0 0 10px rgba(244, 114, 182, 0.4);
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item[data-nav-page="whatsapp"] i {
    color: #25d366;
    text-shadow: 0 0 10px rgba(37, 211, 102, 0.4);
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item[data-nav-page="game-management"] i {
    color: #a78bfa;
    text-shadow: 0 0 10px rgba(167, 139, 250, 0.4);
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item[data-nav-page="tickets"] i {
    color: #fb7185;
    text-shadow: 0 0 10px rgba(251, 113, 133, 0.4);
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item[data-nav-page="reports"] i {
    color: #818cf8;
    text-shadow: 0 0 10px rgba(129, 140, 248, 0.4);
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item[data-nav-page="cameras"] i {
    color: #f87171;
    text-shadow: 0 0 10px rgba(248, 113, 113, 0.4);
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item[data-nav-page="settings"] i {
    color: #cbd5e1;
    text-shadow: 0 0 10px rgba(203, 213, 225, 0.35);
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item:not(.is-active) i {
    filter: saturate(0.88) brightness(0.9);
}

.gw-topnav:not(.gw-topnav--editor) .gw-topnav__item.is-active i {
    opacity: 1;
    filter: none;
    text-shadow: 0 0 12px currentColor;
}

.gw-topnav__item:hover {
    color: #e8edf5;
    background: rgba(51, 65, 85, 0.45);
}

.gw-topnav__item.is-active {
    color: #f4f6ff;
    background: rgba(55, 48, 120, 0.45);
}

.gw-topnav__item.is-active i {
    opacity: 0.92;
}

.gw-topnav__item.is-active::after {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(
        90deg,
        var(--gw-accent-secondary, #9333ea),
        color-mix(in srgb, var(--gw-accent-color, #38e8ff) 55%, #3b82f6),
        var(--gw-accent-color, #38e8ff)
    );
    box-shadow:
        0 0 8px color-mix(in srgb, var(--gw-accent-secondary, #9333ea) 32%, transparent),
        0 0 14px color-mix(in srgb, var(--gw-accent-color, #3b82f6) 20%, transparent);
}

/* Raporlar + Ayarlar — bilet “yazdır” indigo tonu; iki sekme aynı vurgu */
.gw-topnav__item[data-nav-page="reports"]:hover,
.gw-topnav__item[data-nav-page="settings"]:hover {
    color: #eef2ff;
    background: rgba(79, 70, 229, 0.2);
}

.gw-topnav__item[data-nav-page="reports"].is-active,
.gw-topnav__item[data-nav-page="settings"].is-active {
    color: #fff;
    background: var(--gw-nav-reports-tab-bg);
}

/* Canlı kasa — header altı, yeşil vurgu (tüm sayfalarda görünür) */
.gw-live-cashier {
    position: relative;
    padding: 0.12rem 0.6rem 0.16rem;
    background: linear-gradient(180deg, rgba(6, 78, 59, 0.5), rgba(4, 47, 36, 0.68));
    border-top: 1px solid rgba(52, 211, 153, 0.22);
    border-bottom: 1px solid rgba(15, 23, 42, 0.9);
    box-shadow: inset 0 1px 0 rgba(167, 243, 208, 0.06);
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    max-width: 100%;
}

/* Müzik sütunu sağında kalan şeritte yeşil + üst border sızmasın (yalnız o bölge) */
.gw-live-cashier::after {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    width: var(--gw-music-overlay-from-right, min(36rem, 92vw));
    background: #141c26;
    pointer-events: none;
    z-index: 1;
}

.gw-live-cashier__inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.25rem 0.5rem;
    max-width: min(1200px, 100%);
    margin: 0 auto;
    padding: 0 var(--gw-music-col-reserve) 0 clamp(0.35rem, 2vw, 0.75rem);
    box-sizing: border-box;
    font-family: var(--gw-font-ui);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #b8d4c8;
    line-height: 1.18;
}

.gw-live-cashier__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #5cb88a;
    text-transform: uppercase;
    max-width: 100%;
}

.gw-live-cashier__brand .fa-coins {
    font-size: 1.05rem;
    filter: drop-shadow(0 0 1px rgba(90, 160, 120, 0.35));
    flex-shrink: 0;
}

.gw-live-cashier__title {
    font-weight: 800;
    letter-spacing: 0.06em;
    text-shadow: 0 0 8px rgba(52, 211, 153, 0.12);
}

.gw-live-cashier__global {
    color: #c5e0d4;
    text-shadow: none;
    max-width: 100%;
}

/* Tutarlar — sarı, düşük parlama */
.gw-live-cashier__amount {
    font-weight: 800;
    color: #fde047;
    text-shadow:
        0 0 1px rgba(0, 0, 0, 0.45),
        0 0 8px rgba(234, 179, 8, 0.35);
    margin-left: 0.15rem;
    font-size: 1em;
}

.gw-live-cashier__amount--total {
    font-size: 1.08em;
}

.gw-live-cashier__sep {
    color: rgba(120, 160, 140, 0.4);
    font-weight: 400;
    font-size: 1.05em;
    text-shadow: none;
}

.gw-live-cashier__tab {
    color: #8eb9a5;
    font-weight: 600;
    text-shadow: none;
    max-width: 100%;
}

.gw-live-cashier__sound {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6875rem;
    height: 2.6875rem;
    padding: 0;
    border-radius: 0.5rem;
    border: 1px solid rgba(52, 211, 153, 0.42);
    background: linear-gradient(180deg, rgba(8, 70, 52, 0.75), rgba(4, 40, 30, 0.88));
    color: #6ee7b7;
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.25);
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease, transform 0.12s ease;
}

.gw-live-cashier__sound:hover {
    border-color: rgba(110, 231, 183, 0.65);
    color: #bbf7d0;
    transform: translateY(-1px);
}

.gw-live-cashier__sound:focus-visible {
    outline: 2px solid rgba(52, 211, 153, 0.85);
    outline-offset: 2px;
}

.gw-live-cashier__sound i {
    font-size: 1.25rem;
    display: inline-block;
    position: relative;
    line-height: 1;
    filter: drop-shadow(0 0 2px rgba(167, 243, 208, 0.5)) drop-shadow(0 0 6px rgba(52, 211, 153, 0.45));
}

.gw-live-cashier__sound--ok {
    border-color: rgba(74, 222, 128, 0.55);
    color: #86efac;
    background: linear-gradient(180deg, rgba(12, 90, 58, 0.82), rgba(6, 55, 40, 0.92));
}

.gw-live-cashier__sound--ok i {
    filter: drop-shadow(0 0 6px rgba(74, 222, 128, 0.5));
}

.gw-live-cashier__sound--warn {
    border-color: rgba(248, 113, 113, 0.55);
    color: #fca5a5;
    background: linear-gradient(180deg, rgba(90, 22, 22, 0.55), rgba(45, 12, 12, 0.78));
}

.gw-live-cashier__sound--warn i::after {
    content: "";
    position: absolute;
    left: -0.08em;
    right: -0.08em;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background: currentColor;
    transform: rotate(-36deg);
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .gw-live-cashier__sound {
        transition: none;
    }

    .gw-live-cashier__sound:hover {
        transform: none;
    }
}

@media (max-width: 640px) {
    .gw-header {
        --gw-live-cashier-block-h: calc(2px + 0.12rem + 0.16rem + 2.5rem);
        --gw-music-bottom-nudge: calc(0.65rem + 2.5mm);
    }

    .gw-live-cashier__inner {
        flex-direction: column;
        text-align: center;
    }

    .gw-live-cashier__sep {
        display: none;
    }
}

.gw-topnav__item[data-nav-page="reports"].is-active::after,
.gw-topnav__item[data-nav-page="settings"].is-active::after {
    background: linear-gradient(90deg, #818cf8, #6366f1 45%, #4f46e5);
    box-shadow:
        0 0 10px rgba(99, 102, 241, 0.5),
        0 0 20px rgba(79, 70, 229, 0.28);
}

@media (max-width: 900px) {
    .gw-topnav__item span {
        display: none;
    }

    .gw-topnav__item {
        padding: 0.65rem 0.75rem;
    }
}

/* Modül sayfaları — kaydırma .gw-view-pane üzerinde */
.gw-module-view {
    padding: 1rem 1.25rem 2rem;
    background: rgba(14, 18, 28, 0.48);
}

/* Raporlar — zemin değişkeni; Etiketler / Bilet ile aynı rgba (gw-module-view) */
#gw-view-reports.gw-module-view {
    background: var(--gw-rep-page-canvas);
}

.gw-module-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.gw-module-head {
    margin-bottom: 1.25rem;
}

/* Oyun yönetimi: başlık sol, istatistik göstergesi sağ (aynı hiza) */
#gw-view-game-management .gw-gm-module-head {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: 1rem;
    row-gap: 0.65rem;
    margin-bottom: 0.45rem;
}

#gw-view-game-management .gw-gm-module-head .gw-gm-head-text {
    flex: 1 1 12rem;
    min-width: 0;
}

#gw-view-game-management .gw-gm-module-head .gw-gm-stats-legend {
    flex: 0 1 auto;
    margin: 0;
    justify-content: space-between;
    max-width: 100%;
}

@media (max-width: 720px) {
    #gw-view-game-management .gw-gm-module-head .gw-gm-stats-legend {
        flex-basis: 100%;
        justify-content: flex-start;
    }
}

/* Oyun yönetimi + launcher diyalogları: tipografi KPI satırı (görsel 2) ile aynı dil — Rajdhani, semi-bold, harf aralığı */
#gw-view-game-management,
#gw-gm-editor-dialog,
#gw-gm-meta-dialog,
#gw-gm-folder-dialog,
#gw-gm-trailer-dialog,
#gw-gm-categories-dialog {
    font-family: var(--gw-font-ui);
    letter-spacing: 0.04em;
}

#gw-view-game-management,
#gw-gm-categories-dialog {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#gw-view-game-management .gw-module-title {
    font-family: var(--gw-font-display);
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: 0.08em;
}

#gw-view-game-management .gw-module-sub {
    font-family: var(--gw-font-ui);
    font-weight: 600;
    font-size: 0.84rem;
    letter-spacing: 0.035em;
    color: var(--gw-text-sub);
    text-shadow: none;
}

#gw-view-game-management .gw-gm-stats-legend__item {
    text-shadow: none;
}

/* Arama + üst düğmeler: kart/filter’ı yukarı çek; fragman 2 satırken satır ortalanmasın */
#gw-view-game-management .gw-gm-library-card {
    --gw-gm-table-row-h: 3.625rem;
    --gw-gm-table-head-h: 2.375rem;
    --gw-gm-table-visible-rows: 5;
    --gw-gm-table-viewport-pad-bottom: 10px;
    --gw-gm-table-viewport-h: calc(
        var(--gw-gm-table-head-h) + var(--gw-gm-table-visible-rows) * var(--gw-gm-table-row-h) +
            var(--gw-gm-table-viewport-pad-bottom)
    );
    padding-top: 0.55rem;
}

#gw-view-game-management #gw-gm-filter-bar {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 7px 12px 9px;
}

/* Pill satırı ayrı; üst satırda arama ile Oyun/Fragman düğmeleri dikey ortada */
#gw-view-game-management .gw-gm-filter-bar__top .gw-gm-filter-bar__row,
#gw-view-game-management .gw-gm-filter-bar__top .gw-gm-toolbar__actions {
    align-items: center;
}

/* .gw-module-btn margin-top sarmalayıcı içindeki düğmelere de uygulanıyordu (> yalnızca doğrudan çocuklara yetişmiyordu) */
#gw-view-game-management #gw-gm-filter-bar .gw-gm-toolbar__actions > .gw-module-btn,
#gw-view-game-management #gw-gm-filter-bar .gw-gm-toolbar__actions .gw-gm-games-tab__btn,
#gw-view-game-management #gw-gm-filter-bar .gw-gm-toolbar__actions .gw-gm-trailer-tab__btn {
    margin-top: 0;
    margin-bottom: 0;
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-trailer-tab__panel .gw-module-btn {
    margin: 0;
}

/* Fragman İşlemleri menüsü: eşit yan padding, başlık + düğmeler sol hizada, tam genişlik, ikon sütunu */
#gw-view-game-management .gw-gm-trailer-tab__panel {
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
}

#gw-view-game-management .gw-gm-trailer-tab__panel > .gw-gm-trailer-subtabs {
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
}

#gw-view-game-management .gw-gm-trailer-tab__panel > .gw-gm-trailer-subtabs .gw-gm-trailer-subtab {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    box-sizing: border-box;
}

#gw-view-game-management .gw-gm-trailer-tab__panel > .gw-gm-trailer-subpanel {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 8px;
    box-sizing: border-box;
    --gw-gm-trailer-ops-ico-w: 1.75rem;
    --gw-gm-trailer-ops-gap: 0.625rem;
    --gw-gm-trailer-ops-pad-x: 0.65rem;
}

#gw-view-game-management .gw-gm-trailer-tab__panel > .gw-gm-trailer-subpanel > .gw-module-btn,
#gw-view-game-management .gw-gm-trailer-tab__panel > .gw-gm-trailer-subpanel > .gw-gm-pill-btn {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    justify-content: flex-start;
    text-align: left;
}

#gw-view-game-management .gw-gm-trailer-tab__panel > .gw-gm-trailer-subpanel > .gw-module-btn {
    padding-left: var(--gw-gm-trailer-ops-pad-x);
    padding-right: var(--gw-gm-trailer-ops-pad-x);
}

#gw-view-game-management .gw-gm-trailer-tab__panel > .gw-gm-trailer-subpanel > .gw-gm-pill-btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 0.78rem;
    padding-bottom: 0.78rem;
    padding-right: var(--gw-gm-trailer-ops-pad-x);
    padding-left: calc(var(--gw-gm-trailer-ops-pad-x) + var(--gw-gm-trailer-ops-ico-w) + var(--gw-gm-trailer-ops-gap));
}

#gw-view-game-management .gw-gm-trailer-tab__panel > .gw-gm-trailer-subpanel > .gw-gm-trailer-tab__divider {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/* Fragman İşlemleri: dört modül düğmesi + «Fragman eksik» aynı punto ve ağırlık */
#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-module-btn,
#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-pill-btn.gw-gm-pill-btn--missing {
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0.02em;
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-pill-btn.gw-gm-pill-btn--missing {
    border-radius: 10px;
}

/* Fragman İşlemleri — referans: saydam zemin, renkli çerçeve + metin + ikon (sol hizalı ikon sütunu) */
#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-trailer-ops-btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gw-gm-trailer-ops-gap, 0.625rem);
    background: rgba(255, 255, 255, 0.03) !important;
    box-shadow: none;
    transition:
        border-color 0.15s ease,
        color 0.15s ease,
        box-shadow 0.2s ease;
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-trailer-ops-ico {
    font-size: 1.05em;
    line-height: 1;
    flex: 0 0 var(--gw-gm-trailer-ops-ico-w, 1.75rem);
    width: var(--gw-gm-trailer-ops-ico-w, 1.75rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-trailer-ops-btn--turquoise {
    color: #00f2ff;
    border-color: rgba(0, 242, 255, 0.72);
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-trailer-ops-btn--turquoise:hover:not(:disabled) {
    border-color: #00f2ff;
    color: #00f2ff;
    box-shadow:
        0 0 12px rgba(0, 242, 255, 0.55),
        0 0 28px rgba(0, 242, 255, 0.35),
        0 0 44px rgba(0, 242, 255, 0.18);
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-trailer-ops-btn--turquoise:disabled {
    opacity: 1;
    color: rgba(0, 242, 255, 0.38);
    border-color: rgba(0, 242, 255, 0.22);
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-trailer-ops-btn--amber {
    color: #ffab00;
    border-color: rgba(255, 171, 0, 0.78);
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-trailer-ops-btn--amber:hover:not(:disabled) {
    border-color: #ffab00;
    color: #ffab00;
    box-shadow: 0 0 14px rgba(255, 171, 0, 0.4), 0 0 26px rgba(255, 171, 0, 0.14);
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-trailer-ops-btn--amber:disabled {
    opacity: 1;
    color: rgba(255, 171, 0, 0.38);
    border-color: rgba(255, 171, 0, 0.22);
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-trailer-ops-btn--critical {
    color: #f87171;
    border-color: rgba(185, 28, 28, 0.65);
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-trailer-ops-btn--critical:hover:not(:disabled) {
    color: #fecaca;
    border-color: rgba(252, 165, 165, 0.98);
    box-shadow:
        0 0 14px rgba(248, 113, 113, 0.65),
        0 0 28px rgba(239, 68, 68, 0.55),
        0 0 48px rgba(220, 38, 38, 0.45),
        0 0 72px rgba(185, 28, 28, 0.28);
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel .gw-gm-trailer-ops-btn--critical:disabled {
    opacity: 1;
    color: rgba(248, 113, 113, 0.45);
    border-color: rgba(127, 29, 29, 0.45);
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel #gw-gm-trailer-missing-chip {
    background: rgba(255, 255, 255, 0.03) !important;
    color: #ffea00;
    border-color: rgba(255, 234, 0, 0.72);
    font-weight: 700;
    text-align: left;
    justify-content: flex-start;
    min-width: 0;
    text-shadow: 0 0 8px rgba(255, 234, 0, 0.55), 0 1px 2px rgba(15, 23, 42, 0.85);
    box-shadow: 0 0 12px rgba(255, 234, 0, 0.14);
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel #gw-gm-trailer-missing-chip:hover {
    border-color: rgba(255, 245, 120, 0.85);
    color: #fff59a;
}

#gw-view-game-management .gw-gm-trailer-tab__panel .gw-gm-trailer-subpanel #gw-gm-trailer-missing-chip.is-active {
    color: #fffde7;
    border-color: rgba(250, 250, 210, 0.75);
    text-shadow: 0 0 14px rgba(254, 249, 195, 0.5);
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-search-input {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.25;
    /* .gw-module-btn ile aynı dikey padding (0.55rem 1rem) */
    padding: 0.55rem 1rem 0.55rem 2.15rem;
    box-sizing: border-box;
}

#gw-view-game-management #gw-gm-table thead th {
    font-family: var(--gw-font-ui);
    font-weight: 700;
    font-size: 0.77rem;
    letter-spacing: 0.07em;
    color: var(--gw-table-header-text);
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: sticky;
    top: 0;
    z-index: 3;
    height: var(--gw-gm-table-head-h, 2.375rem);
    background: rgba(18, 24, 33, 0.98);
    box-shadow: 0 1px 0 var(--gw-table-border);
}

#gw-view-game-management #gw-gm-table tbody td {
    font-family: var(--gw-font-ui);
    font-weight: 600;
    font-size: 0.946rem;
    letter-spacing: 0.028em;
    color: var(--gw-text-table-cell);
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Oyun Yönetimi: Kayıtlı üyeler tablosu ile aynı mantıkta ızgara (kesintisiz dikey çizgiler, yatay çizgiler korunur) */
#gw-view-game-management #gw-gm-table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    --gw-gm-cell-divider: 1px solid var(--gw-table-border);
}

#gw-view-game-management #gw-gm-table col.gw-gm-col--trailer {
    /* Durum + | + amber İzle (ikon+metin) için nefes payı */
    width: 172px;
}

#gw-view-game-management #gw-gm-table col.gw-gm-col--select {
    width: 46px;
}

#gw-view-game-management #gw-gm-table col.gw-gm-col--edit {
    width: 108px;
}

#gw-view-game-management #gw-gm-table col.gw-gm-col--del {
    width: 76px;
}

/* th: .gw-module-table th { text-align: left } sonradan geldiği için sınıf + çift # ile ortalamayı garanti eder */
#gw-view-game-management #gw-gm-table.gw-module-table thead th.gw-gm-th-trailer,
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer {
    text-align: center;
    vertical-align: middle;
    width: 172px;
    min-width: 172px;
    max-width: 172px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.36rem;
    padding-right: 0.36rem;
    box-sizing: border-box;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer {
    padding-right: 0.7rem;
}

/* Başlıkta 'FRAGMAN' + letter-spacing son harften sonra sağ çizgiye yapışmasın */
#gw-view-game-management #gw-gm-table.gw-module-table thead th.gw-gm-th-trailer {
    padding-right: 0.62rem;
    padding-left: 0.3rem;
}

#gw-view-game-management #gw-gm-table .gw-gm-th-select,
#gw-view-game-management #gw-gm-table .gw-gm-td-select {
    text-align: center;
    width: 46px;
    min-width: 46px;
    max-width: 46px;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

#gw-view-game-management #gw-gm-table .gw-gm-td-select input[type="checkbox"],
#gw-view-game-management #gw-gm-table .gw-gm-th-select input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-cell {
    display: flex;
    align-items: center;
    justify-content: stretch;
    width: 100%;
    min-height: 26px;
    flex-wrap: nowrap;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
}

/* Fragman hücresi (nihai): nokta + Aktif + | … sağda neon amber #ffab00 İzle */
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-row--cell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
    gap: 5px;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-cluster {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
    min-width: 0;
    justify-content: flex-start;
    transform: none;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-pipe {
    color: rgba(226, 232, 240, 0.42);
    font-weight: 700;
    font-size: 0.82rem;
    line-height: 1;
    padding: 0 1px;
    user-select: none;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-row--cell .gw-gm-trailer-status {
    flex: 0 1 auto;
    text-align: left;
    font-weight: 800;
    font-size: 0.92rem;
    letter-spacing: 0.02em;
    white-space: nowrap;
    margin-left: -0.5mm;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-row--cell .gw-gm-trailer-status--on {
    color: rgba(248, 250, 252, 0.96);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-row--cell .gw-gm-trailer-status--off {
    color: rgba(252, 165, 165, 0.9);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-row--cell .gw-gm-trailer-status--none {
    color: rgba(203, 213, 225, 0.75);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-actions {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    margin-left: 2mm;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-trigger {
    margin-left: 0;
    width: auto;
    max-width: 100%;
    min-height: 26px;
    height: auto;
    padding: 0.18rem 0.38rem 0.18rem 0.34rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 171, 0, 0.62);
    background: rgba(255, 255, 255, 0.03);
    box-shadow:
        0 0 10px rgba(255, 171, 0, 0.28),
        0 0 20px rgba(255, 171, 0, 0.1);
    color: #ffab00;
    gap: 0.26rem;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-trigger:hover,
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-trigger.is-arming {
    border-color: #ffc44d;
    color: #ffc44d;
    box-shadow:
        0 0 14px rgba(255, 171, 0, 0.58),
        0 0 30px rgba(255, 171, 0, 0.32),
        0 0 48px rgba(255, 140, 0, 0.12);
    filter: none;
    transform: translateY(-1px);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-trigger:hover .gw-gm-trailer-trigger__ico,
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-trigger:hover .gw-gm-trailer-trigger__label,
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-trigger.is-arming .gw-gm-trailer-trigger__ico,
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-trigger.is-arming .gw-gm-trailer-trigger__label {
    color: #ffc44d;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-trigger:focus-visible {
    outline: 2px solid rgba(255, 171, 0, 0.55);
    outline-offset: 2px;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-trigger__ico {
    transform: none;
    font-size: 0.62rem;
    color: #ffab00;
    filter: drop-shadow(0 0 8px rgba(255, 171, 0, 0.55));
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-trigger__label {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #ffab00;
    text-shadow: 0 0 10px rgba(255, 171, 0, 0.42);
    white-space: nowrap;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-trigger__emoji {
    transform: translateX(0);
    filter: drop-shadow(0 0 10px rgba(255, 171, 0, 0.35)) drop-shadow(0 0 18px rgba(255, 171, 0, 0.18));
    color: #ffab00;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-led {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    flex: 0 0 auto;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: rgba(148, 163, 184, 0.22);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-led--on {
    border-color: rgba(34, 197, 94, 0.45);
    background: rgba(34, 197, 94, 0.95);
    box-shadow:
        0 0 10px rgba(34, 197, 94, 0.55),
        0 0 22px rgba(34, 197, 94, 0.28);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-led--off {
    border-color: rgba(248, 113, 113, 0.35);
    background: rgba(248, 113, 113, 0.55);
    box-shadow: 0 0 10px rgba(248, 113, 113, 0.18);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-trailer .gw-gm-trailer-led--none {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(148, 163, 184, 0.16);
    box-shadow: none;
    opacity: 0.75;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-switch .gw-gm-client-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    user-select: none;
}

/* Fragman hücresindeki «/ Aktif» ile aynı slash boyutu ve satır rengi */
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-switch .gw-gm-client-slash {
    font-family: var(--gw-font-ui);
    font-weight: 800;
    font-size: 0.92rem;
    letter-spacing: 0.03em;
    line-height: 1;
    flex: 0 0 auto;
    padding: 0 0.02rem;
    transform: translateY(-0.5px);
    color: rgba(226, 232, 240, 0.78);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-switch .gw-gm-client-status:has(.gw-gm-client-status--on) .gw-gm-client-slash {
    color: rgba(226, 232, 240, 0.88);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-switch .gw-gm-client-status:has(.gw-gm-client-status--off) .gw-gm-client-slash {
    color: rgba(248, 113, 113, 0.72);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-switch .gw-gm-client-led {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    flex: 0 0 auto;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: rgba(148, 163, 184, 0.18);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-switch .gw-gm-client-led--on {
    border-color: rgba(34, 197, 94, 0.45);
    background: rgba(34, 197, 94, 0.95);
    box-shadow:
        0 0 10px rgba(34, 197, 94, 0.45),
        0 0 22px rgba(34, 197, 94, 0.22);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-switch .gw-gm-client-led--off {
    border-color: rgba(248, 113, 113, 0.30);
    background: rgba(248, 113, 113, 0.35);
    box-shadow: 0 0 10px rgba(248, 113, 113, 0.14);
    opacity: 0.85;
}

/* Fragman sütunundaki .gw-gm-trailer-status + --on/--off ile aynı tipografi */
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-switch .gw-gm-client-status--on {
    font-family: var(--gw-font-ui);
    font-weight: 800;
    font-size: 0.92rem;
    letter-spacing: 0.03em;
    color: rgba(226, 232, 240, 0.88);
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-switch .gw-gm-client-status--off {
    font-family: var(--gw-font-ui);
    font-weight: 800;
    font-size: 0.92rem;
    letter-spacing: 0.03em;
    color: rgba(248, 113, 113, 0.72);
}

#gw-view-game-management #gw-gm-editor-dialog .gw-gm-trailer-enabled-field {
    margin-top: 0.45rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

#gw-view-game-management #gw-gm-editor-dialog .gw-gm-trailer-enabled-field label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--gw-muted, #94a3b8);
}

#gw-view-game-management #gw-gm-table thead th:nth-child(7),
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-edit,
#gw-view-game-management #gw-gm-table thead th:nth-child(8),
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-del {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    box-sizing: border-box;
}

#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-exe {
    padding: 0;
    max-width: 0;
    overflow: hidden;
    vertical-align: middle;
}

#gw-view-game-management #gw-gm-table .gw-gm-exe-path-frame {
    box-sizing: border-box;
    width: 100%;
    padding: 0.55rem 0.92rem;
    overflow: hidden;
}

#gw-view-game-management #gw-gm-table .gw-gm-exe-path-scroll {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    line-height: 1.25;
}

#gw-view-game-management #gw-gm-table .gw-gm-exe-path-scroll__txt {
    display: inline-block;
    white-space: nowrap;
}

#gw-view-game-management #gw-gm-table .gw-gm-exe-path-frame--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#gw-view-game-management #gw-gm-table .gw-gm-exe-path-empty {
    display: inline-block;
    width: 1.55rem;
    height: 2px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.78);
    vertical-align: middle;
    user-select: none;
}

/* KATEGORİ / EXE YOLU başlık / CLIENT DURUM: ortala (exe gövdesi kendi scroll kutusu) */
#gw-view-game-management #gw-gm-table thead th:nth-child(4),
#gw-view-game-management #gw-gm-table tbody td:nth-child(4),
#gw-view-game-management #gw-gm-table thead th:nth-child(5),
#gw-view-game-management #gw-gm-table thead th:nth-child(6),
#gw-view-game-management #gw-gm-table tbody td:nth-child(6) {
    text-align: center;
    vertical-align: middle;
}

#gw-view-game-management #gw-gm-table thead th:nth-child(7),
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-edit {
    width: 108px;
    min-width: 108px;
    max-width: 108px;
}

#gw-view-game-management #gw-gm-table thead th:nth-child(8),
#gw-view-game-management #gw-gm-table tbody td.gw-gm-td-del {
    width: 76px;
    min-width: 76px;
    max-width: 76px;
}

#gw-view-game-management #gw-gm-table thead th:not(:last-child),
#gw-view-game-management #gw-gm-table tbody td:not(:last-child) {
    border-right: var(--gw-gm-cell-divider);
}

#gw-view-game-management #gw-gm-table thead th,
#gw-view-game-management #gw-gm-table tbody td {
    padding: 0.55rem 0.92rem;
    box-sizing: border-box;
    vertical-align: middle;
}

#gw-view-game-management #gw-gm-table tbody td {
    height: var(--gw-gm-table-row-h, 3.625rem);
    max-height: var(--gw-gm-table-row-h, 3.625rem);
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: visible;
    border-bottom: 1px solid var(--gw-table-border);
}

#gw-view-game-management #gw-gm-table tbody tr {
    height: var(--gw-gm-table-row-h, 3.625rem);
    max-height: var(--gw-gm-table-row-h, 3.625rem);
}

#gw-view-game-management .gw-gm-name-txt {
    font-weight: 600;
    letter-spacing: 0.022em;
    text-shadow: none;
    white-space: nowrap;
}

#gw-view-game-management .gw-gm-row--selected {
    background: rgba(37, 99, 235, 0.16);
}

#gw-view-game-management .gw-gm-toolbar-btn--danger {
    border-color: rgba(248, 113, 113, 0.5);
    color: #fecaca;
    background: rgba(127, 29, 29, 0.32);
}

#gw-view-game-management .gw-gm-toolbar-btn--danger:hover:not(:disabled) {
    background: rgba(153, 27, 27, 0.52);
    border-color: rgba(248, 113, 113, 0.75);
    color: #fff1f2;
}

#gw-view-game-management .gw-gm-toolbar-btn--danger:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

#gw-view-game-management .gw-gm-toolbar-btn--warn {
    border-color: rgba(251, 191, 36, 0.5);
    color: #fde68a;
    background: rgba(120, 53, 15, 0.35);
}

#gw-view-game-management .gw-gm-toolbar-btn--warn:hover:not(:disabled) {
    background: rgba(146, 64, 14, 0.58);
    border-color: rgba(245, 158, 11, 0.75);
    color: #fff7ed;
}

#gw-view-game-management .gw-gm-toolbar-btn--warn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

#gw-view-game-management .gw-gm-library-note {
    font-weight: 600;
    letter-spacing: 0.03em;
    text-shadow: none;
}

#gw-view-game-management .gw-gm-library-note.is-waiting,
#gw-view-game-management .gw-gm-library-note.has-progress {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1.75rem;
    padding: 10px 22px;
    border-radius: 10px;
    border: 1px solid rgba(34, 197, 94, 0.28);
    background: rgba(6, 28, 20, 0.32);
    text-align: left;
}

#gw-view-game-management .gw-gm-library-note.is-waiting::after {
    content: none;
}

/* İlerleme dolgusu üstünde metin okunaklı kalsın */
#gw-view-game-management .gw-gm-library-note.is-waiting.has-progress .gw-gm-library-note__head,
#gw-view-game-management .gw-gm-library-note.is-waiting.has-progress .gw-gm-library-note__msg,
#gw-view-game-management .gw-gm-library-note.is-waiting.has-progress .gw-gm-library-note__pct-dial,
#gw-view-game-management .gw-gm-library-note.has-progress:not(.is-waiting) .gw-gm-library-note__msg,
#gw-view-game-management .gw-gm-library-note.has-progress:not(.is-waiting) .gw-gm-library-note__pct-dial {
    text-shadow:
        0 0 1px rgba(15, 23, 42, 0.95),
        0 1px 2px rgba(0, 0, 0, 0.88),
        0 0 14px rgba(15, 23, 42, 0.65);
}

#gw-view-game-management .gw-gm-library-note__main {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    gap: 1.65rem;
}

#gw-view-game-management .gw-gm-library-note__head {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-width: 0;
    margin-right: 0.15rem;
}

#gw-view-game-management .gw-gm-library-note__head[hidden] {
    display: none !important;
}

#gw-view-game-management .gw-gm-library-note__head-inner {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.55rem;
    white-space: nowrap;
}

#gw-view-game-management .gw-gm-library-note__head-line {
    font-weight: 700;
    font-size: 1.02em;
    letter-spacing: 0.04em;
    color: rgba(240, 253, 244, 0.98);
}

#gw-view-game-management .gw-gm-library-note.is-waiting .gw-gm-library-note__head-line {
    font-size: calc(1.02em * 1.15);
}

#gw-view-game-management .gw-gm-library-note__msg {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#gw-view-game-management .gw-gm-library-note.is-waiting .gw-gm-library-note__msg {
    padding-left: 0.55rem;
    margin-left: 0.2rem;
    border-left: 1px solid rgba(148, 163, 184, 0.25);
    font-weight: 500;
    font-size: calc(0.88em * 1.15);
    letter-spacing: 0.025em;
    opacity: 0.88;
    color: rgba(226, 232, 240, 0.92);
}

#gw-view-game-management .gw-gm-library-note__pct-dial {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 1rem;
    font-weight: 800;
    font-size: 1.45rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    color: rgba(252, 252, 252, 0.96);
    white-space: nowrap;
}

#gw-view-game-management .gw-gm-wait-left {
    display: inline-flex;
    align-items: center;
}

#gw-view-game-management .gw-gm-wait-left .fa-spinner {
    margin-right: 0;
    color: rgba(241, 245, 249, 0.98);
}

@keyframes gw-wait-fade {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

#gw-view-game-management .gw-gm-search-input {
    letter-spacing: 0.02em;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#gw-view-game-management .gw-gm-search-input::placeholder {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
}

#gw-view-game-management .gw-gm-search-input:focus {
    border-color: var(--gw-input-focus);
    box-shadow:
        var(--gw-inset-shine-strong),
        0 0 0 1px color-mix(in srgb, var(--gw-input-focus) 32%, transparent),
        0 0 18px color-mix(in srgb, var(--gw-input-focus) 38%, transparent);
}

#gw-view-game-management .gw-gm-pill-btn {
    font-weight: 600;
    letter-spacing: 0.02em;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#gw-view-game-management .gw-gm-toolbar-btn {
    font-weight: 600;
    letter-spacing: 0.02em;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#gw-view-game-management .gw-gm-toolbar-btn.gw-module-btn--ghost {
    background: var(--gw-btn-bg);
    border-color: var(--gw-btn-border);
}

/* Filtre çubuğu: OYUN / FRAGMAN turkuaz; hızlı filtre yeşil–gri; Kategoriler beyaz çerçeve */
#gw-view-game-management #gw-gm-filter-bar .gw-gm-games-tab__btn,
#gw-view-game-management #gw-gm-filter-bar .gw-gm-trailer-tab__btn {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(0, 242, 255, 0.58);
    border-radius: 999px;
    color: #00f2ff;
    box-shadow: 0 0 10px rgba(0, 242, 255, 0.14);
    padding-left: 0.85rem;
    padding-right: 0.85rem;
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-games-tab__btn .gw-gm-btn-ico,
#gw-view-game-management #gw-gm-filter-bar .gw-gm-trailer-tab__btn .gw-gm-btn-ico {
    color: #fff;
    text-shadow: none;
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-games-tab__btn:hover,
#gw-view-game-management #gw-gm-filter-bar .gw-gm-trailer-tab__btn:hover {
    color: #7df9ff;
    border-color: rgba(0, 242, 255, 0.92);
    box-shadow:
        0 0 12px rgba(0, 242, 255, 0.32),
        0 0 22px rgba(0, 242, 255, 0.14);
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-games-tab__btn.is-open,
#gw-view-game-management #gw-gm-filter-bar .gw-gm-trailer-tab__btn.is-open {
    color: #00f2ff;
    border-color: #00f2ff;
    box-shadow:
        0 0 14px rgba(0, 242, 255, 0.42),
        0 0 28px rgba(0, 242, 255, 0.2);
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-games-tab__btn.is-open .gw-gm-btn-ico,
#gw-view-game-management #gw-gm-filter-bar .gw-gm-trailer-tab__btn.is-open .gw-gm-btn-ico {
    color: #fff;
    text-shadow: none;
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-games-tab__btn.is-open::after,
#gw-view-game-management #gw-gm-filter-bar .gw-gm-trailer-tab__btn.is-open::after {
    background: #00f2ff;
    box-shadow: 0 0 14px rgba(0, 242, 255, 0.45);
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-quick-filters--under-trailer .gw-gm-pill-btn {
    background: rgba(255, 255, 255, 0.03);
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-quick-filters--under-trailer #gw-gm-filter-active {
    color: #4ade80;
    border-color: rgba(74, 222, 128, 0.82);
    text-shadow: 0 0 12px rgba(74, 222, 128, 0.35);
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-quick-filters--under-trailer #gw-gm-filter-active:hover {
    color: #86efac;
    border-color: rgba(134, 239, 172, 0.95);
    box-shadow: 0 0 12px rgba(74, 222, 128, 0.22);
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-quick-filters--under-trailer #gw-gm-filter-active.is-active {
    color: #bbf7d0;
    border-color: #4ade80;
    background: rgba(255, 255, 255, 0.03);
    box-shadow:
        0 0 0 1px rgba(74, 222, 128, 0.35),
        0 0 16px rgba(34, 197, 94, 0.45),
        0 0 32px rgba(22, 163, 74, 0.28);
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-quick-filters--under-trailer #gw-gm-filter-passive {
    background: rgba(255, 255, 255, 0.03);
    color: #fb7185;
    border-color: rgba(251, 113, 133, 0.82);
    text-shadow: 0 0 12px rgba(248, 113, 113, 0.38);
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-quick-filters--under-trailer #gw-gm-filter-passive:hover {
    color: #fecaca;
    border-color: rgba(252, 165, 165, 0.95);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 0 12px rgba(248, 113, 113, 0.28);
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-quick-filters--under-trailer #gw-gm-filter-passive.is-active {
    color: #fecdd3;
    border-color: #fb7185;
    background: rgba(255, 255, 255, 0.03);
    box-shadow:
        0 0 0 1px rgba(251, 113, 133, 0.38),
        0 0 16px rgba(239, 68, 68, 0.42),
        0 0 32px rgba(220, 38, 38, 0.28);
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-cat-manage-btn {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.38);
    color: rgba(248, 250, 252, 0.95);
    border-radius: 999px;
    box-shadow: none;
}

#gw-view-game-management #gw-gm-filter-bar .gw-gm-cat-manage-btn:hover {
    border-color: rgba(255, 255, 255, 0.72);
    color: #fff;
    box-shadow:
        0 0 12px rgba(255, 255, 255, 0.14),
        0 0 26px rgba(255, 255, 255, 0.08);
}

#gw-view-game-management .gw-gm-cat-chip {
    font-weight: 600;
    letter-spacing: 0.02em;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@keyframes gw-gm-cat-chip-aura-pulse {
    0%,
    100% {
        opacity: 0.32;
        transform: scale(0.96);
    }
    50% {
        opacity: 0.74;
        transform: scale(1.045);
    }
}

#gw-view-game-management .gw-gm-search-wrap .gw-gm-search-dot {
    background: linear-gradient(138deg, var(--gw-gm-search-dot-a), var(--gw-gm-search-dot-b));
    box-shadow: 0 0 8px var(--gw-primary-glow), 0 0 16px var(--gw-secondary-glow);
}

/* Kategori tonları: --gw-gm-cat-* çip üzerinde yeniden tanımlanır */
#gw-view-game-management .gw-gm-cat-chip[data-gw-gm-cat-tone="all"] {
    --gw-gm-cat-glow-a: #93c5fd;
    --gw-gm-cat-glow-b: #c4b5fd;
    --gw-gm-cat-dot-core: #7dd3fc;
    --gw-gm-cat-dot-ring: rgba(147, 197, 253, 0.65);
    --gw-gm-cat-dot-glow: rgba(96, 165, 250, 0.5);
    --gw-gm-cat-aura: rgba(129, 140, 248, 0.12);
    --gw-gm-cat-aura-2: rgba(56, 189, 248, 0.09);
    --gw-gm-cat-hover-border: rgba(147, 197, 253, 0.42);
    --gw-gm-cat-pulse-a: rgba(147, 197, 253, 0.48);
    --gw-gm-cat-pulse-b: rgba(167, 139, 250, 0.32);
}

#gw-view-game-management .gw-gm-cat-chip[data-gw-gm-cat-tone="horror"] {
    --gw-gm-cat-glow-a: #fb7185;
    --gw-gm-cat-glow-b: #9333ea;
    --gw-gm-cat-dot-core: #e11d48;
    --gw-gm-cat-dot-ring: rgba(251, 113, 133, 0.75);
    --gw-gm-cat-dot-glow: rgba(190, 24, 93, 0.55);
    --gw-gm-cat-aura: rgba(244, 63, 94, 0.14);
    --gw-gm-cat-aura-2: rgba(147, 51, 234, 0.11);
    --gw-gm-cat-hover-border: rgba(251, 113, 133, 0.45);
    --gw-gm-cat-pulse-a: rgba(251, 113, 133, 0.52);
    --gw-gm-cat-pulse-b: rgba(147, 51, 234, 0.38);
}

#gw-view-game-management .gw-gm-cat-chip[data-gw-gm-cat-tone="fps"] {
    --gw-gm-cat-glow-a: #fb923c;
    --gw-gm-cat-glow-b: #facc15;
    --gw-gm-cat-dot-core: #ea580c;
    --gw-gm-cat-dot-ring: rgba(251, 191, 36, 0.7);
    --gw-gm-cat-dot-glow: rgba(249, 115, 22, 0.55);
    --gw-gm-cat-aura: rgba(251, 146, 60, 0.13);
    --gw-gm-cat-aura-2: rgba(250, 204, 21, 0.08);
    --gw-gm-cat-hover-border: rgba(251, 146, 60, 0.48);
    --gw-gm-cat-pulse-a: rgba(251, 146, 60, 0.5);
    --gw-gm-cat-pulse-b: rgba(250, 204, 21, 0.35);
}

#gw-view-game-management .gw-gm-cat-chip[data-gw-gm-cat-tone="esports"] {
    --gw-gm-cat-glow-a: var(--gw-accent-color);
    --gw-gm-cat-glow-b: #fbbf24;
    --gw-gm-cat-dot-core: #0ea5e9;
    --gw-gm-cat-dot-ring: rgba(56, 189, 248, 0.75);
    --gw-gm-cat-dot-glow: rgba(251, 191, 36, 0.45);
    --gw-gm-cat-aura: rgba(14, 165, 233, 0.12);
    --gw-gm-cat-aura-2: rgba(251, 191, 36, 0.1);
    --gw-gm-cat-hover-border: rgba(56, 189, 248, 0.5);
    --gw-gm-cat-pulse-a: rgba(56, 189, 248, 0.5);
    --gw-gm-cat-pulse-b: rgba(251, 191, 36, 0.36);
}

#gw-view-game-management .gw-gm-cat-chip[data-gw-gm-cat-tone="fresh"] {
    --gw-gm-cat-glow-a: #34d399;
    --gw-gm-cat-glow-b: #6ee7b7;
    --gw-gm-cat-dot-core: #059669;
    --gw-gm-cat-dot-ring: rgba(52, 211, 153, 0.75);
    --gw-gm-cat-dot-glow: rgba(16, 185, 129, 0.5);
    --gw-gm-cat-aura: rgba(16, 185, 129, 0.14);
    --gw-gm-cat-aura-2: rgba(110, 231, 183, 0.1);
    --gw-gm-cat-hover-border: rgba(52, 211, 153, 0.48);
    --gw-gm-cat-pulse-a: rgba(52, 211, 153, 0.48);
    --gw-gm-cat-pulse-b: rgba(110, 231, 183, 0.32);
}

#gw-view-game-management .gw-gm-cat-chip[data-gw-gm-cat-tone="steam"] {
    --gw-gm-cat-glow-a: #1e6bab;
    --gw-gm-cat-glow-b: #7dd3fc;
    --gw-gm-cat-dot-core: var(--gw-accent-color);
    --gw-gm-cat-dot-ring: rgba(125, 211, 252, 0.7);
    --gw-gm-cat-dot-glow: rgba(30, 107, 171, 0.5);
    --gw-gm-cat-aura: rgba(56, 189, 248, 0.11);
    --gw-gm-cat-aura-2: rgba(14, 116, 185, 0.1);
    --gw-gm-cat-hover-border: rgba(56, 189, 248, 0.45);
    --gw-gm-cat-pulse-a: rgba(56, 189, 248, 0.45);
    --gw-gm-cat-pulse-b: rgba(125, 211, 252, 0.3);
}

#gw-view-game-management .gw-gm-cat-chip[data-gw-gm-cat-tone="default"] {
    --gw-gm-cat-glow-a: #94a3b8;
    --gw-gm-cat-glow-b: var(--gw-accent-color);
    --gw-gm-cat-dot-core: #7dd3fc;
    --gw-gm-cat-dot-ring: rgba(148, 163, 184, 0.55);
    --gw-gm-cat-dot-glow: rgba(56, 189, 248, 0.42);
    --gw-gm-cat-aura: rgba(56, 189, 248, 0.08);
    --gw-gm-cat-aura-2: rgba(148, 163, 184, 0.07);
    --gw-gm-cat-hover-border: rgba(148, 163, 184, 0.4);
    --gw-gm-cat-pulse-a: rgba(56, 189, 248, 0.4);
    --gw-gm-cat-pulse-b: rgba(148, 163, 184, 0.28);
}

#gw-view-game-management .gw-gm-cat-bar .gw-gm-cat-chip[data-gw-gm-cat-tone] .gw-gm-cat-chip__dot {
    background:
        radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.38), transparent 45%),
        var(--gw-gm-cat-dot-core);
    box-shadow:
        0 0 5px var(--gw-gm-cat-dot-glow),
        0 0 11px var(--gw-gm-cat-dot-ring);
}

#gw-view-game-management .gw-gm-cat-chip.is-active {
    z-index: 1;
    color: var(--gw-text-bright);
    border: 1.5px solid transparent;
    background:
        var(--gw-chip-active-surface) padding-box,
        linear-gradient(122deg, var(--gw-gm-cat-glow-a), var(--gw-gm-cat-glow-b), var(--gw-gm-cat-glow-a)) border-box;
    -webkit-background-clip: padding-box, border-box;
    background-clip: padding-box, border-box;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.35),
        0 0 14px rgba(0, 0, 0, 0.25);
}

#gw-view-game-management .gw-gm-cat-chip.is-active::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
    opacity: 0.55;
    background:
        radial-gradient(ellipse 125% 95% at 50% -5%, var(--gw-gm-cat-aura), transparent 58%),
        radial-gradient(ellipse 100% 90% at 92% 105%, var(--gw-gm-cat-aura-2), transparent 55%);
}

#gw-view-game-management .gw-gm-cat-chip.is-active::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 999px;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(
        closest-side,
        rgba(255, 255, 255, 0.06),
        transparent 42%,
        transparent 100%
    );
    box-shadow:
        0 0 18px var(--gw-gm-cat-pulse-a),
        0 0 34px var(--gw-gm-cat-pulse-b);
    filter: blur(0.5px);
    opacity: 0.62;
    animation: gw-gm-cat-chip-aura-pulse 2.75s ease-in-out infinite;
}

#gw-view-game-management .gw-gm-cat-chip.is-active .gw-gm-cat-chip__dot,
#gw-view-game-management .gw-gm-cat-chip.is-active .gw-gm-cat-chip__txt,
#gw-view-game-management .gw-gm-cat-chip.is-active > span:not(.gw-gm-cat-chip__dot):not(.gw-gm-cat-chip__txt) {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    #gw-view-game-management .gw-gm-cat-chip.is-active::after {
        animation: none;
        opacity: 0.48;
        transform: none;
    }
}

#gw-view-game-management .gw-module-btn {
    font-family: var(--gw-font-ui);
}

/* Tablo aksiyonları: küçük puntoda 700 + geniş aralık bulanık görünüyordu */
#gw-view-game-management #gw-gm-table td .gw-module-btn {
    font-weight: 600;
    font-size: 0.8125rem;
    letter-spacing: 0.012em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none;
    color: var(--gw-text-bright);
}

#gw-gm-editor-dialog .gw-modal__title,
#gw-gm-meta-dialog .gw-modal__title,
#gw-gm-folder-dialog .gw-modal__title,
#gw-gm-trailer-dialog .gw-modal__title,
#gw-gm-categories-dialog .gw-modal__title {
    font-family: var(--gw-font-ui);
    font-weight: 700;
    letter-spacing: 0.065em;
    color: rgba(241, 245, 249, 0.98);
}

#gw-gm-editor-dialog {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#gw-gm-editor-dialog .gw-modal__title {
    text-shadow: none;
    letter-spacing: 0.055em;
}

#gw-gm-editor-dialog .gw-gm-editor-tab,
#gw-gm-editor-dialog .gw-module-field,
#gw-gm-editor-dialog .gw-module-note,
#gw-gm-editor-dialog .gw-modal__lead,
#gw-gm-editor-dialog #gw-gm-status-note,
#gw-gm-editor-dialog .gw-gm-desc-label {
    font-family: var(--gw-font-ui);
    letter-spacing: 0.028em;
    text-shadow: none;
}

#gw-gm-editor-dialog .gw-gm-editor-tab {
    font-weight: 600;
}

#gw-gm-editor-dialog .gw-module-input,
#gw-gm-editor-dialog .gw-module-textarea,
#gw-gm-editor-dialog select.gw-module-input {
    font-family: var(--gw-font-ui);
    font-weight: 600;
    letter-spacing: 0.022em;
    text-shadow: none;
}

#gw-gm-editor-dialog .gw-module-input::placeholder,
#gw-gm-editor-dialog .gw-module-textarea::placeholder {
    text-shadow: none;
}

#gw-gm-editor-dialog .gw-module-h3 {
    text-shadow: none;
    letter-spacing: 0.035em;
}

#gw-gm-editor-dialog .gw-module-btn {
    font-weight: 600;
    font-size: 0.8125rem;
    letter-spacing: 0.015em;
    text-shadow: none;
    color: #f1f5f9;
}

#gw-gm-editor-dialog .gw-module-btn--primary {
    color: #fff;
}

#gw-gm-categories-dialog .gw-module-note,
#gw-gm-categories-dialog .gw-gm-categories-toolbar__lbl {
    font-family: var(--gw-font-ui);
    letter-spacing: 0.05em;
}

#gw-gm-categories-dialog .gw-modal__title {
    font-size: 1.2rem;
    font-weight: 700;
    text-shadow: none;
}

#gw-gm-categories-dialog .gw-modal__btn {
    font-size: 0.93rem;
    font-weight: 600;
    padding: 0.62rem 0.95rem;
}

#gw-gm-categories-dialog #gw-gm-categories-note {
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.45;
    color: rgba(203, 213, 225, 0.95);
}

/* Sayfa üst başlıkları — sıcak altın (Ayarlar ile aynı, cyan yok) */
.gw-settings-title,
.gw-module-title,
.gw-section-title {
    color: var(--gw-page-title-color);
    font-weight: 700;
    text-shadow:
        0 0 12px var(--gw-page-title-glow-a),
        0 0 24px var(--gw-page-title-glow-b),
        var(--gw-page-title-shadow);
}

.gw-module-title {
    margin: 0;
    font-family: var(--gw-font-display);
    font-size: 1.15rem;
    letter-spacing: 0.08em;
}

.gw-module-sub {
    margin: 0.35rem 0 0;
    font-size: 0.88rem;
    color: var(--gw-muted);
    max-width: 52rem;
    line-height: 1.45;
}

.gw-module-grid {
    display: grid;
    gap: 1rem;
}

.gw-module-grid--2 {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.gw-module-card {
    padding: 1rem 1.1rem;
    border-radius: 12px;
    border: 1px solid var(--gw-border);
    background: linear-gradient(165deg, rgba(26, 34, 45, 0.9), rgba(15, 20, 28, 0.95));
}

.gw-module-card--wide {
    grid-column: 1 / -1;
}

.gw-module-card--preview {
    min-height: 220px;
}

.gw-module-card--table {
    margin-top: 1rem;
}

.gw-module-card--ticketout {
    margin-top: 1rem;
    max-width: 32rem;
}

.gw-module-h3 {
    margin: 0 0 0.75rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--gw-main-heading-color);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-shadow: 0 0 8px var(--gw-main-heading-glow), 0 1px 2px rgba(15, 23, 42, 0.85);
}

.gw-module-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.65rem;
    font-size: 0.8rem;
    color: var(--gw-muted);
    font-weight: 600;
}

.gw-module-input,
.gw-module-textarea {
    padding: 0.5rem 0.65rem;
    border-radius: 8px;
    border: 1px solid var(--gw-border);
    background: rgba(10, 14, 20, 0.85);
    color: var(--gw-text);
    font-family: var(--gw-font-ui);
    font-size: 0.95rem;
}

.gw-module-textarea {
    resize: vertical;
    min-height: 100px;
}

.gw-module-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin-top: 0.35rem;
    margin-right: 0.5rem;
    padding: 0.55rem 1rem;
    font-family: var(--gw-font-ui);
    font-size: 0.85rem;
    font-weight: 700;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid var(--gw-border);
    transition: filter 0.15s, border-color 0.15s;
}

.gw-module-btn--primary {
    background: linear-gradient(180deg, #4f46e5, #4338ca);
    border-color: #6366f1;
    color: #fff;
    box-shadow: 0 0 16px rgba(99, 102, 241, 0.35);
}

.gw-module-btn--ghost {
    background: rgba(30, 41, 59, 0.6);
    color: var(--gw-text);
}

.gw-module-btn:hover {
    filter: brightness(1.06);
}

.gw-module-note,
.gw-module-hint {
    margin: 0.35rem 0;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--gw-muted);
}

.gw-module-hint {
    font-size: 0.76rem;
    opacity: 0.9;
}

.gw-module-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.gw-module-table th,
.gw-module-table td {
    padding: 0.45rem 0.5rem;
    text-align: left;
    border-bottom: 1px solid var(--gw-border);
}

.gw-module-table th {
    color: var(--gw-muted);
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.gw-table-wrap {
    overflow-x: auto;
    max-height: 280px;
    overflow-y: auto;
}

/* Oyun Yönetimi: tam 5 satır görünür; alt çizgi kesilmesin (radyo listesi + scroll-pad) */
#gw-view-game-management #gw-gm-library-card > .gw-table-wrap {
    box-sizing: border-box;
    max-height: var(--gw-gm-table-viewport-h, calc(2.375rem + 5 * 3.625rem + 10px));
    height: var(--gw-gm-table-viewport-h, calc(2.375rem + 5 * 3.625rem + 10px));
    min-height: var(--gw-gm-table-viewport-h, calc(2.375rem + 5 * 3.625rem + 10px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: none;
    position: relative;
}

#gw-view-game-management #gw-gm-table tbody tr:last-child td {
    border-bottom: 1px solid var(--gw-table-border);
}

#gw-view-game-management #gw-gm-library-card > .gw-table-wrap .gw-gm-table-scroll-pad {
    display: block;
    width: 100%;
    height: var(--gw-gm-table-viewport-pad-bottom, 10px);
    flex-shrink: 0;
    pointer-events: none;
}

#gw-view-game-management #gw-gm-library-card > .gw-table-wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
}

/* Fake scrollbar (draggable) */
#gw-view-game-management #gw-gm-library-card > .gw-table-wrap .gw-gm-fake-scrollbar {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 14px;
    z-index: 12;
    background: rgba(2, 6, 23, 0.35);
    border-left: 1px solid rgba(148, 163, 184, 0.18);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    user-select: none;
    touch-action: none;
}

#gw-view-game-management #gw-gm-library-card > .gw-table-wrap .gw-gm-fake-scrollbar__thumb {
    position: absolute;
    left: 2px;
    width: 10px;
    top: 22px;
    height: 110px;
    border-radius: 999px;
    background: rgba(226, 232, 240, 0.58);
    border: 2px solid rgba(2, 6, 23, 0.35);
    cursor: grab;
}

#gw-view-game-management #gw-gm-library-card > .gw-table-wrap .gw-gm-fake-scrollbar__thumb.is-dragging {
    cursor: grabbing;
}

/* İstek: sağdaki çizgi hiç görünmesin; liste yine kaydırılabilir kalsın */
#gw-view-game-management #gw-gm-library-card > .gw-table-wrap .gw-gm-fake-scrollbar {
    display: none !important;
}

/* Üyelik işlemleri (/admin/users) — aranabilir seçim, aksiyonlar, e-spor tablo */
.gw-mem-head-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
}

/* Üyelik üst blok — CLS + üst boşluk sıkı: başlık ile paneller arası minimum */
.gw-view-membership .gw-module-head.gw-mem-head {
    min-height: 5.75rem;
    box-sizing: border-box;
    padding-top: 0;
    margin-bottom: 0.35rem;
}

.gw-view-membership .gw-module-title {
    line-height: 1.15;
}

html.gw-mem-head-stabilize-pending .gw-view-membership .gw-module-head.gw-mem-head {
    opacity: 0;
}

html.gw-mem-head-stabilize-ready .gw-view-membership .gw-module-head.gw-mem-head {
    opacity: 1;
    transition: opacity 0.22s ease-out;
}

/* Üyelik — dikey sıkılık: üst/alt modül padding */
.gw-view-membership.gw-module-view {
    padding-top: 0.35rem;
    padding-bottom: 1.08rem;
}

.gw-view-membership .gw-module-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
}

.gw-view-membership .gw-module-sub {
    margin-top: 0.12rem;
    line-height: 1.28;
    max-width: 48rem;
}

.gw-view-membership .gw-mem-layout {
    gap: 14px;
}

.gw-view-membership .gw-mem-row-top {
    gap: 14px;
}

.gw-view-membership .gw-module-card {
    padding: 0.68rem 0.8rem;
}

.gw-view-membership .gw-module-h3 {
    margin-bottom: 0.46rem;
}

.gw-view-membership .gw-module-field {
    gap: 0.24rem;
    margin-bottom: 0.44rem;
}

.gw-view-membership .gw-module-input,
.gw-view-membership .gw-module-textarea {
    padding: calc(0.5rem - 4px) 0.65rem;
}

.gw-view-membership .gw-module-btn {
    margin-top: 0.22rem;
}

.gw-view-membership .gw-mem-name-row {
    gap: 0.44rem;
}

.gw-view-membership .gw-mem-combo-row {
    gap: 0.34rem;
    margin-bottom: 0.44rem;
}

.gw-view-membership .gw-mem-combo-row--balance {
    gap: 0.3rem;
}

.gw-view-membership .gw-mem-combo__shell {
    min-height: 2.2rem;
}

.gw-view-membership .gw-mem-combo__input--balance {
    padding: calc(0.55rem - 4px) 0.95rem;
}

.gw-view-membership .gw-mem-summary-panel {
    margin-top: 0.68rem;
    padding: 0.68rem 0.76rem 0.72rem;
}

.gw-view-membership .gw-mem-summary-panel__heading {
    margin-bottom: 0.44rem;
}

.gw-view-membership .gw-mem-balance-actions {
    gap: 0.34rem 0.44rem;
    margin-top: 0.36rem;
}

.gw-view-membership .gw-mem-desk-qr {
    margin-top: 0.68rem;
    padding-top: 0.68rem;
}

.gw-view-membership .gw-mem-table-head {
    margin-bottom: 0.44rem;
}

.gw-view-membership .gw-mem-table-head__controls {
    gap: 0.38rem 0.52rem;
}

.gw-view-membership .gw-mem-table-search {
    padding: calc(0.38rem - 3px) 0.55rem;
}

.gw-view-membership .gw-mem-head-row {
    gap: 0.6rem 0.8rem;
}

.gw-view-membership .gw-mem-balance-panel__title {
    margin-bottom: 0.28rem;
}

.gw-view-membership #gw-mem-subpanel-stack {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
}

/* Çok geniş masaüstü (≈34" / 2560+): yükseklik kilidi; taşan içerik alt panellerde kayar, üst başlık sabit. 24" 1920 genişliği dışarıda kalır. */
@media (min-width: 2400px) and (min-height: 900px) {
    #gw-view-membership.gw-module-view.gw-view-pane {
        box-sizing: border-box;
        height: 100%;
        max-height: calc(100dvh - var(--gw-header-chrome-h));
        max-height: calc(100vh - var(--gw-header-chrome-h));
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    #gw-view-membership .gw-module-inner {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    #gw-view-membership .gw-module-head.gw-mem-head {
        flex: 0 0 auto;
        min-height: 5.5rem;
        margin-bottom: 0.72rem;
    }

    #gw-view-membership #gw-mem-subpanel-stack {
        flex: 1 1 auto;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    #gw-view-membership .gw-mem-row-top {
        align-items: stretch;
    }
}

/* 24" tipik (1920×1080 vb.): üst boşluk minimum; input dikey padding sıkı (yazı büyük kalır); liste tablosu flex + iç scroll; Üye İşlemleri’nde pane taşmasını sınırla. */
@media (min-width: 1360px) and (max-width: 2399px) and (min-height: 900px) {
    .gw-view-membership.gw-module-view {
        padding-top: 0.08rem;
        padding-bottom: 12px;
    }

    #gw-view-membership.gw-module-view.gw-view-pane {
        display: flex;
        flex-direction: column;
        min-height: calc(100dvh - var(--gw-header-chrome-h));
        min-height: calc(100vh - var(--gw-header-chrome-h));
        max-height: calc(100dvh - var(--gw-header-chrome-h));
        max-height: calc(100vh - var(--gw-header-chrome-h));
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    #gw-view-membership .gw-module-inner {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    #gw-view-membership .gw-module-head.gw-mem-head {
        flex: 0 0 auto;
        min-height: 4.15rem;
        margin-bottom: 0.12rem;
    }

    .gw-view-membership .gw-module-title {
        font-size: 1.22rem;
    }

    .gw-view-membership .gw-module-sub {
        margin-top: 0.06rem;
        font-size: 0.95rem;
    }

    #gw-view-membership #gw-mem-subpanel-stack {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    #gw-view-membership:has(#gw-mem-tab-list[aria-selected="true"]) #gw-mem-subpanel-stack {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    #gw-view-membership:has(#gw-mem-tab-list[aria-selected="true"]) #gw-mem-subpanel-list {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        padding-top: 20px;
    }

    #gw-view-membership:has(#gw-mem-tab-list[aria-selected="true"]) .gw-mem-subpanel--list .gw-mem-table-card {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        margin-bottom: 0.35rem;
    }

    #gw-view-membership:has(#gw-mem-tab-list[aria-selected="true"]) .gw-mem-subpanel--list .gw-mem-table-wrap {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
        overflow-y: auto;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Üye İşlemleri: form kutularını başlıktan ~2 cm aşağı kaydır */
    #gw-view-membership:has(#gw-mem-tab-ops[aria-selected="true"]) #gw-mem-subpanel-stack {
        flex: 0 1 auto;
        min-height: 0;
        justify-content: flex-start;
        margin-top: 2cm;
    }

    .gw-view-membership .gw-mem-layout {
        gap: 12px;
    }

    .gw-view-membership .gw-mem-row-top {
        gap: 12px;
    }

    .gw-view-membership .gw-module-card {
        padding: 0.58rem 0.72rem;
    }

    .gw-view-membership .gw-module-h3 {
        font-size: 1.05rem;
        margin-bottom: 0.38rem;
    }

    .gw-view-membership .gw-module-field {
        font-size: 0.96rem;
        gap: 0.22rem;
        margin-bottom: 0.36rem;
    }

    .gw-view-membership .gw-module-input,
    .gw-view-membership .gw-module-textarea {
        font-size: 1.125rem;
        line-height: 1.28;
        padding: 0.38rem 0.78rem;
        min-height: 2.62rem;
        box-sizing: border-box;
    }

    .gw-view-membership .gw-module-btn {
        margin-top: 0.2rem;
        padding: 0.66rem 1.2rem;
        font-size: 1.02rem;
        border-radius: 11px;
    }

    .gw-view-membership .gw-mem-combo__shell {
        min-height: 2.55rem;
        border-radius: 13px;
    }

    .gw-view-membership .gw-mem-combo__input--balance {
        font-size: 1.0625rem;
        padding: 0.4rem 1rem;
    }

    .gw-view-membership .gw-settings-num-stepper--module .gw-settings-num-stepper__btns {
        width: 2.15rem;
    }

    .gw-view-membership .gw-settings-num-stepper__btn {
        min-height: 1.45rem;
    }

    .gw-view-membership .gw-mem-crit-limit__input {
        font-size: 0.96rem;
        padding: 0.3rem 0.48rem;
        min-height: 2.28rem;
    }

    .gw-view-membership .gw-mem-table-search {
        font-size: 1rem;
        padding: 0.34rem 0.62rem;
        min-height: 2.45rem;
        box-sizing: border-box;
    }

    .gw-view-membership .gw-mem-subtabs--neon .gw-mem-subtab {
        padding: 0.55rem 1.05rem;
        font-size: 0.88rem;
    }

    .gw-view-membership .gw-mem-balance-actions {
        gap: 0.4rem 0.5rem;
        margin-top: 0.32rem;
    }

    .gw-view-membership .gw-mem-desk-qr {
        margin-top: 0.52rem;
        padding-top: 0.52rem;
    }

    .gw-view-membership .gw-mem-desk-qr__imgbox {
        min-height: 152px;
    }

    .gw-view-membership .gw-mem-desk-qr__img {
        width: 152px;
        height: 152px;
    }

    .gw-view-membership .gw-mem-table-head {
        margin-bottom: 0.68rem;
    }

    #gw-view-membership:has(#gw-mem-tab-list[aria-selected="true"]) .gw-mem-table-head {
        flex: 0 0 auto;
    }
}

.gw-mem-subtabs {
    display: inline-flex;
    gap: 0.35rem;
    padding: 0.2rem;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.65);
    border: 1px solid rgba(56, 189, 248, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gw-mem-subtabs--neon {
    align-items: center;
    gap: 0.65rem 1rem;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

.gw-mem-subtabs__pill {
    display: inline-flex;
    gap: 0.35rem;
    padding: 0.32rem 0.42rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.78);
    border: 1px solid rgba(56, 189, 248, 0.38);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 14px rgba(14, 116, 144, 0.22);
}

.gw-mem-subtabs--neon .gw-mem-subtab {
    border-radius: 999px;
    padding: 0.48rem 1rem;
    font-size: 0.74rem;
    letter-spacing: 0.06em;
    transition:
        background 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.15s ease;
}

.gw-mem-subtabs--neon .gw-mem-subtab:hover {
    color: #f0f9ff;
}

.gw-mem-subtabs--neon .gw-mem-subtab--active {
    color: #fff;
    background: linear-gradient(180deg, rgba(56, 189, 248, 0.45), rgba(14, 116, 144, 0.58));
    box-shadow:
        0 0 22px rgba(56, 189, 248, 0.55),
        0 0 3px rgba(125, 211, 252, 0.85),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.gw-mem-subtab-aux {
    margin: 0;
    padding: 0.4rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    color: #94a3b8;
    background: transparent;
    transition:
        color 0.15s ease,
        background 0.15s ease,
        box-shadow 0.2s ease;
}

.gw-mem-subtab-aux:hover {
    color: #e2e8f0;
    background: rgba(56, 189, 248, 0.1);
}

.gw-mem-subtab-aux--active {
    color: #e0f2fe;
    box-shadow: 0 0 16px rgba(56, 189, 248, 0.35);
}

.gw-mem-subpanel-stack {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
}

.gw-mem-subpanel--list {
    min-height: 0;
}

.gw-mem-subpanel--list .gw-mem-table-card {
    margin: 0 0 0.5rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.gw-mem-subtab {
    margin: 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: none;
    border-radius: 9px;
    cursor: pointer;
    color: var(--gw-muted);
    background: transparent;
    transition: background 0.15s, color 0.15s;
}

.gw-mem-subtab:hover {
    color: var(--gw-text);
}

.gw-mem-subtab--active {
    color: #e0f2fe;
    background: linear-gradient(180deg, rgba(56, 189, 248, 0.28), rgba(14, 116, 144, 0.35));
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.2);
}

.gw-mem-subpanel--ledger {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gw-mem-ledger-toolbar {
    padding: 1rem 1.15rem;
}

.gw-mem-ledger-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
}

.gw-mem-ledger-field {
    min-width: 10rem;
    flex: 1 1 140px;
    margin-bottom: 0;
}

.gw-mem-ledger-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.gw-mem-ledger-summary {
    margin: 0.75rem 0 0;
    font-size: 0.84rem;
    color: #bae6fd;
    font-variant-numeric: tabular-nums;
}

.gw-mem-ledger-table-card {
    padding: 0;
    overflow: hidden;
}

.gw-mem-ledger-wrap {
    max-height: min(60vh, 520px);
    overflow: auto;
}

.gw-mem-ledger-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgba(15, 23, 42, 0.95);
    backdrop-filter: blur(8px);
}

.gw-ledger-amt--pos {
    color: #4ade80 !important;
    font-weight: 700;
}

.gw-ledger-amt--neg {
    color: #f87171 !important;
    font-weight: 700;
}

.gw-mem-dialog--wide .gw-modal__box,
.gw-mem-qs-box {
    max-width: min(96vw, 720px);
    width: min(96vw, 720px);
}

.gw-mem-qs-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 0.5rem;
}

@media (max-width: 720px) {
    .gw-mem-qs-split {
        grid-template-columns: 1fr;
    }
}

.gw-mem-qs-h4 {
    margin: 0 0 0.5rem;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--gw-cyan);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.gw-mem-qs-catlist {
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid var(--gw-border);
    border-radius: 10px;
    padding: 0.35rem;
    background: rgba(10, 14, 20, 0.65);
}

.gw-mem-qs-prow {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    gap: 0.35rem;
    align-items: center;
    padding: 0.35rem 0.25rem;
    border-bottom: 1px solid rgba(51, 65, 85, 0.5);
    font-size: 0.82rem;
}

.gw-mem-qs-prow:last-child {
    border-bottom: none;
}

.gw-mem-qs-add {
    padding: 0.25rem 0.45rem !important;
    font-size: 0.72rem !important;
}

.gw-mem-qs-cartlist {
    list-style: none;
    margin: 0;
    padding: 0.35rem;
    min-height: 120px;
    border: 1px solid var(--gw-border);
    border-radius: 10px;
    background: rgba(10, 14, 20, 0.65);
}

.gw-mem-qs-line {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.25rem;
    border-bottom: 1px solid rgba(51, 65, 85, 0.45);
    font-size: 0.82rem;
}

.gw-mem-qs-line-name {
    flex: 1;
    min-width: 0;
}

.gw-mem-qs-line-amt {
    font-variant-numeric: tabular-nums;
    color: #e2e8f0;
}

.gw-mem-qs-rm {
    border: none;
    background: rgba(127, 29, 29, 0.35);
    color: #fecaca;
    border-radius: 6px;
    width: 1.75rem;
    height: 1.75rem;
    cursor: pointer;
    line-height: 1;
}

.gw-mem-qs-total {
    margin: 0.5rem 0 0;
    font-size: 0.88rem;
    color: var(--gw-text);
}

.gw-view-membership .gw-mem-layout {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.gw-view-membership .gw-mem-row-top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    align-items: stretch;
    /* Üst satır (açılır liste dahil) alttaki özet kartının üstünde kalsın — özet position:absolute değil, akışta */
    position: relative;
    z-index: 2;
}

.gw-view-membership .gw-mem-row-top > .gw-module-card {
    flex: 1 1 280px;
    min-width: 0;
}

@media (max-width: 960px) {
    .gw-view-membership .gw-mem-row-top {
        flex-direction: column;
    }
}

.gw-mem-card--stretch {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    min-width: 0;
}

.gw-mem-card--stretch > .gw-module-btn--primary {
    margin-top: auto;
}

.gw-module-textarea--sm {
    min-height: 4.5rem;
    font-size: 0.88rem;
}

.gw-mem-detail-card {
    position: relative;
    z-index: 0;
    width: 100%;
    box-sizing: border-box;
    /* Akışta tam genişlik; arka plan belirgin — üstteki açılır liste ile iç içe görünümde metin kaybolmasın */
    background: linear-gradient(168deg, rgba(20, 32, 52, 0.98), rgba(12, 20, 34, 0.99));
    border: 1px solid rgba(56, 189, 248, 0.42);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 4px 28px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(0, 212, 255, 0.1);
}

.gw-mem-balance-panel__title {
    margin-bottom: 0.35rem;
}

.gw-mem-summary-panel {
    margin-top: 1rem;
    padding: 1rem 1.05rem 1.05rem;
    border-radius: 12px;
    border: 1px solid rgba(56, 189, 248, 0.24);
    background: rgba(8, 18, 32, 0.58);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 2px 16px rgba(0, 0, 0, 0.22);
}

.gw-mem-summary-panel__heading {
    margin: 0 0 0.7rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.95);
}

.gw-mem-summary-panel__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem 1.1rem;
}

@media (max-width: 900px) {
    .gw-mem-summary-panel__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .gw-mem-summary-panel__grid {
        grid-template-columns: 1fr;
    }
}

.gw-mem-summary-panel__item {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
}

.gw-mem-summary-panel__item--wide {
    grid-column: 1 / -1;
}

.gw-mem-summary-panel__label {
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.35;
    color: rgba(148, 163, 184, 0.92);
}

.gw-mem-summary-panel__value {
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.35;
    color: #f8fafc;
    word-break: break-word;
    font-variant-numeric: tabular-nums;
}

.gw-mem-summary-panel__value--accent {
    color: #7dd3fc;
    text-shadow: 0 0 14px rgba(56, 189, 248, 0.22);
}

.gw-mem-balance-actions {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;
    margin-top: 1rem;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.gw-mem-balance-actions__load {
    flex: 1 1 200px;
    min-width: 0;
    border-radius: 999px;
}

.gw-mem-balance-actions__ledger {
    flex: 1 1 140px;
    min-width: 0;
    padding: 0.52rem 0.65rem;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.04em;
    border-radius: 999px;
    color: #e0f2fe;
    background: linear-gradient(165deg, rgba(30, 58, 138, 0.55), rgba(15, 23, 42, 0.92));
    border: 1px solid rgba(56, 189, 248, 0.55);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 22px rgba(56, 189, 248, 0.2);
}

.gw-mem-balance-actions__ledger:hover:not(:disabled) {
    background: linear-gradient(165deg, rgba(37, 99, 235, 0.45), rgba(24, 36, 58, 0.95));
    border-color: rgba(125, 211, 252, 0.75);
    color: #fff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 28px rgba(56, 189, 248, 0.28);
}

.gw-mem-balance-actions__ledger:disabled {
    opacity: 0.45;
}

.gw-mem-desk-qr {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(56, 189, 248, 0.2);
}
.gw-mem-desk-qr__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.75rem;
    margin-bottom: 0.65rem;
}
.gw-mem-desk-qr__title {
    font-size: 0.82rem;
    font-weight: 700;
    color: #bae6fd;
    letter-spacing: 0.02em;
}
.gw-mem-desk-qr__masa {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    color: #e0f2fe;
}
.gw-mem-desk-qr__select {
    min-width: 5.5rem;
    max-width: 9rem;
}
.gw-mem-desk-qr__reload {
    font-size: 0.72rem;
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
}
.gw-mem-desk-qr__imgbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 168px;
    position: relative;
}
.gw-mem-desk-qr__placeholder {
    font-size: 0.78rem;
    color: #94a3b8;
    padding: 0.5rem 0.65rem;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.55);
    border: 1px dashed rgba(56, 189, 248, 0.35);
    max-width: 11rem;
    line-height: 1.35;
}
.gw-mem-desk-qr__img {
    border-radius: 12px;
    background: #fff;
    padding: 6px;
    box-sizing: border-box;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.35);
}
.gw-mem-desk-qr__img[hidden] {
    display: none !important;
}
.gw-mem-desk-qr__hint {
    margin: 0.45rem 0 0;
    font-size: 0.75rem;
    min-height: 3.35rem;
    line-height: 1.45;
    box-sizing: border-box;
}

/* Kayıtlı üyeler sekmesi kapalıyken tarayıcıya gereksiz boyama yaptırma */
#gw-mem-subpanel-list[hidden] {
    content-visibility: hidden;
}

@media (max-width: 420px) {
    .gw-mem-balance-actions {
        flex-wrap: wrap;
    }

    .gw-mem-balance-actions__load,
    .gw-mem-balance-actions__ledger {
        flex: 1 1 100%;
    }
}

.gw-mem-dialog--ledger-sheet .gw-mem-ledger-modal-box {
    max-width: min(96vw, 1100px);
    width: min(96vw, 1100px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-height: 80vh;
    height: auto;
    overflow-y: auto;
    overflow-x: auto;
    padding: 1.35rem 1.2rem 20px;
}

.gw-mem-ledger-modal__identity {
    margin: 0.35rem 0 0.75rem;
    padding: 0.75rem 0.85rem;
    border-radius: 10px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(15, 23, 42, 0.65);
    font-size: 0.82rem;
}

.gw-mem-ledger-modal__id-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem 1rem;
}

@media (max-width: 620px) {
    .gw-mem-ledger-modal__id-grid {
        grid-template-columns: 1fr;
    }
}

.gw-mem-ledger-modal__id-k {
    display: block;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    margin-bottom: 0.12rem;
}

.gw-mem-ledger-modal__id-v {
    display: block;
    color: #e2e8f0;
    font-weight: 600;
    word-break: break-word;
}

.gw-mem-ledger-modal__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.55rem;
    margin: 0 0 0.65rem;
    padding: 0.55rem 0.65rem;
    border-radius: 10px;
    background: rgba(6, 12, 22, 0.55);
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.gw-mem-ledger-modal__filters-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #7dd3fc;
    margin-right: 0.25rem;
}

.gw-mem-ledger-modal__date-lab {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    color: #cbd5e1;
}

.gw-mem-ledger-modal__date {
    width: auto;
    min-width: 9.2rem;
    font-size: 0.8rem;
}

.gw-mem-ledger-modal__apply {
    margin-left: 0.15rem;
}

.gw-mem-ledger-modal__preset-sep {
    width: 1px;
    height: 1.35rem;
    background: rgba(148, 163, 184, 0.25);
    margin: 0 0.15rem;
}

.gw-mem-ledger-modal__preset {
    font-size: 0.76rem !important;
    padding: 0.35rem 0.55rem !important;
}

.gw-mem-ledger-modal__summary-strip {
    margin: 0 0 0.75rem;
    flex: 0 0 auto;
}

.gw-mem-ledger-modal__summary-muted {
    margin: 0;
    font-size: 0.8rem;
    color: #94a3b8;
}

.gw-mem-ledger-kpis {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

@media (max-width: 720px) {
    .gw-mem-ledger-kpis {
        grid-template-columns: 1fr;
    }
}

.gw-mem-ledger-kpi {
    border-radius: 10px;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(15, 23, 42, 0.72);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.gw-mem-ledger-kpi__lab {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
}

.gw-mem-ledger-kpi__val {
    font-size: 1.05rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.gw-mem-ledger-kpi__val--bal {
    color: #e0f2fe;
}

.gw-mem-ledger-kpi-note {
    margin: 0.45rem 0 0;
    font-size: 0.72rem;
    color: #64748b;
    line-height: 1.4;
}

.gw-mem-ledger-modal__id-head {
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #7dd3fc;
    margin-bottom: 0.45rem;
}

.gw-mem-ledger-detail__prefix {
    font-size: 0.72rem;
    font-weight: 700;
    color: #94a3b8;
    margin-right: 0.2rem;
}

.gw-mem-ledger-modal__wrap.gw-table-wrap {
    max-height: min(52vh, 440px);
    overflow: auto;
    width: 100%;
    margin: 0 0 0.65rem;
    border-radius: 10px;
    border: 1px solid rgba(51, 65, 85, 0.65);
    background: rgba(8, 12, 20, 0.55);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    flex: 1 1 auto;
    min-height: 0;
}

/* Kayıtlı üyeler tablosu (#gw-mem-table) ile aynı: dikey çizgiler + zebra + başlık bandı */
.gw-mem-ledger-modal-table.gw-mem-ledger-modal-table--boxed {
    --gw-ledger-cell-divider: 1px solid rgba(51, 65, 85, 0.65);
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    font-size: 0.82rem;
    border-collapse: separate;
    border-spacing: 0;
}

.gw-mem-ledger-modal-table--boxed thead th:not(:last-child),
.gw-mem-ledger-modal-table--boxed tbody td:not(:last-child) {
    border-right: var(--gw-ledger-cell-divider);
}

.gw-mem-ledger-modal-table--boxed thead th,
.gw-mem-ledger-modal-table--boxed tbody td {
    box-sizing: border-box;
    padding: 0.38rem 0.45rem;
    vertical-align: middle;
    border-bottom: 1px solid rgba(51, 65, 85, 0.55);
}

.gw-mem-ledger-modal-table--boxed tbody tr:nth-child(odd) td {
    background: rgba(15, 23, 42, 0.28);
}

.gw-mem-ledger-modal-table--boxed tbody tr:nth-child(even) td {
    background: rgba(30, 41, 59, 0.38);
}

.gw-mem-ledger-modal-table--boxed tbody tr:hover td {
    background: rgba(56, 189, 248, 0.1);
}

.gw-mem-ledger-modal-table--boxed thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    color: #7dd3fc;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.055em;
    border-bottom: 1px solid rgba(56, 189, 248, 0.35);
    background: rgba(15, 23, 42, 0.96);
    box-shadow: 0 1px 0 rgba(56, 189, 248, 0.2);
}

.gw-mem-ledger-modal-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    font-size: 0.82rem;
}

.gw-mem-ledger-modal__col-date {
    width: 9%;
}

.gw-mem-ledger-modal__col-time {
    width: 6.5%;
}

.gw-mem-ledger-modal__col-kind {
    width: 11%;
}

.gw-mem-ledger-modal__col-ozet {
    width: 35%;
}

.gw-mem-ledger-modal__col-amt {
    width: 10%;
}

.gw-mem-ledger-modal__col-pop {
    width: 3.25rem;
}

.gw-mem-ledger-modal__col-bal {
    width: 11%;
}

.gw-mem-ledger-th-pop {
    text-align: center;
}

.gw-mem-ledger-modal__pop {
    text-align: center;
    vertical-align: middle;
    padding: 0.15rem 0.1rem;
}

.gw-mem-ledger-pop-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    border-radius: 9px;
    border: 1px solid rgba(56, 189, 248, 0.45);
    background: rgba(8, 47, 73, 0.55);
    color: #7dd3fc;
    cursor: pointer;
    font-size: 0.85rem;
    transition:
        background 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

.gw-mem-ledger-pop-btn:hover {
    border-color: rgba(125, 211, 252, 0.75);
    background: rgba(14, 116, 144, 0.35);
    color: #fff;
}

.gw-mem-ledger-modal-table tbody td {
    vertical-align: middle;
}

.gw-mem-ledger-ozet--row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
    min-height: 2rem;
}

.gw-mem-ledger-ozet__pillcell {
    flex: 0 0 auto;
}

.gw-mem-ledger-ozet__sep {
    flex: 0 0 auto;
    color: rgba(148, 163, 184, 0.55);
    font-weight: 700;
    font-size: 0.65rem;
    user-select: none;
}

.gw-mem-ledger-ozet__muted {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0.015em;
    color: #a5b0d4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gw-mem-ledger-ozet--no-pill .gw-mem-ledger-ozet__muted {
    white-space: nowrap;
}

.gw-mem-ledger-pill {
    display: inline-block;
    padding: 0.14rem 0.48rem;
    border-radius: 7px;
    font-weight: 800;
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(15, 23, 42, 0.85);
}

.gw-mem-ledger-pill--pc {
    color: var(--gw-rep-masa-pc-color);
    text-shadow: var(--gw-rep-masa-pc-glow);
    border-color: rgba(56, 240, 255, 0.35);
    box-shadow: 0 0 10px rgba(56, 240, 255, 0.12);
}

.gw-mem-ledger-pill--ps {
    color: var(--gw-rep-masa-ps-color);
    text-shadow: var(--gw-rep-masa-ps-glow);
    border-color: rgba(200, 75, 255, 0.38);
    box-shadow: 0 0 10px rgba(200, 75, 255, 0.14);
}

.gw-mem-ledger-pill--rc {
    color: var(--gw-rep-masa-rc-color);
    text-shadow: var(--gw-rep-masa-rc-glow);
    border-color: rgba(251, 191, 36, 0.35);
}

.gw-mem-ledger-pill--cafe {
    color: var(--gw-rep-masa-cafe-color);
    text-shadow: var(--gw-rep-masa-cafe-glow);
    border-color: rgba(251, 146, 60, 0.4);
}

.gw-mem-ledger-pill--plain {
    color: #e2e8f0;
}

.gw-mem-ledger-popover {
    position: fixed;
    z-index: 12020;
    max-width: min(340px, calc(100vw - 20px));
    box-sizing: border-box;
    padding: 0;
    border-radius: 12px;
    border: 1px solid rgba(56, 189, 248, 0.35);
    background: rgba(10, 16, 28, 0.97);
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.9),
        0 18px 40px rgba(0, 0, 0, 0.55);
    color: #e2e8f0;
}

.gw-mem-ledger-popover__inner {
    position: relative;
    padding: 0.65rem 0.75rem 0.75rem;
    max-height: min(62vh, 420px);
    overflow: auto;
}

.gw-mem-ledger-popover__x {
    position: absolute;
    top: 0.25rem;
    right: 0.3rem;
    width: 1.65rem;
    height: 1.65rem;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: rgba(30, 41, 59, 0.85);
    color: #94a3b8;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
}

.gw-mem-ledger-popover__x:hover {
    color: #fff;
    background: rgba(51, 65, 85, 0.95);
}

/* Ekstre büyüteç → tam ekran ortası karnesi (üst üste dialog destekli) */
.gw-modal.gw-mem-dialog.gw-mem-ledger-karnesi {
    max-width: min(96vw, 780px) !important;
    width: min(96vw, 780px);
    z-index: 12600;
}

.gw-mem-ledger-karnesi__shell {
    padding: 0;
    max-height: min(88vh, 720px);
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(56, 189, 248, 0.28);
    border-radius: 14px;
    background: linear-gradient(165deg, rgba(12, 18, 32, 0.98), rgba(8, 12, 22, 0.99));
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.95),
        0 22px 48px rgba(0, 0, 0, 0.55);
}

.gw-mem-ledger-karnesi__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1rem 0.65rem;
    border-bottom: 1px solid rgba(51, 65, 85, 0.65);
    flex: 0 0 auto;
}

.gw-mem-ledger-karnesi__h {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #e0f2fe;
}

.gw-mem-ledger-karnesi__sub {
    margin: 0.2rem 0 0;
    font-size: 0.78rem;
    color: #94a3b8;
    font-weight: 500;
}

.gw-mem-ledger-karnesi__x {
    flex: 0 0 auto;
    width: 2.1rem;
    height: 2.1rem;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(51, 65, 85, 0.85);
    border-radius: 10px;
    background: rgba(30, 41, 59, 0.9);
    color: #94a3b8;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}

.gw-mem-ledger-karnesi__x:hover {
    color: #fff;
    border-color: rgba(56, 189, 248, 0.45);
    background: rgba(51, 65, 85, 0.95);
}

.gw-mem-ledger-karnesi__body {
    padding: 0.75rem 1rem 0.5rem;
    overflow: auto;
    flex: 1 1 auto;
    min-height: 0;
}

.gw-mem-ledger-karnesi__foot {
    padding: 0.55rem 1rem 0.85rem;
    border-top: 1px solid rgba(51, 65, 85, 0.55);
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
}

.gw-mem-ledger-karnesi__lead {
    margin-bottom: 0.85rem;
}

.gw-mem-ledger-karnesi__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.75rem;
}

.gw-mem-ledger-karnesi__when {
    font-size: 0.8rem;
    color: #94a3b8;
    font-variant-numeric: tabular-nums;
}

.gw-mem-ledger-karnesi__kind {
    font-size: 0.88rem;
    font-weight: 700;
    color: #e2e8f0;
}

.gw-mem-ledger-karnesi__pill {
    margin-top: 0.35rem;
}

.gw-mem-ledger-karnesi__balgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
    margin-bottom: 0.55rem;
}

.gw-mem-ledger-karnesi__balcard {
    border-radius: 10px;
    border: 1px solid rgba(51, 65, 85, 0.65);
    padding: 0.55rem 0.65rem;
    background: rgba(15, 23, 42, 0.55);
}

.gw-mem-ledger-karnesi__balcard--after {
    border-color: rgba(56, 189, 248, 0.35);
    box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.08);
}

.gw-mem-ledger-karnesi__ballab {
    display: block;
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #7dd3fc;
    margin-bottom: 0.2rem;
}

.gw-mem-ledger-karnesi__balval {
    font-size: 1.05rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #f8fafc;
}

.gw-mem-ledger-karnesi__flow {
    margin: 0 0 0.85rem;
    font-size: 0.82rem;
    line-height: 1.45;
    color: #cbd5e1;
}

.gw-mem-ledger-karnesi__sec {
    margin: 0 0 0.85rem;
    padding: 0.65rem 0.7rem;
    border-radius: 10px;
    border: 1px solid rgba(51, 65, 85, 0.55);
    background: rgba(6, 10, 18, 0.45);
}

.gw-mem-ledger-karnesi__sec--raw {
    border-style: dashed;
}

.gw-mem-ledger-karnesi__sechead {
    margin: 0 0 0.45rem;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #7dd3fc;
}

.gw-mem-ledger-karnesi__p {
    margin: 0.25rem 0;
    font-size: 0.84rem;
    line-height: 1.45;
    color: #e2e8f0;
}

.gw-mem-ledger-karnesi__muted {
    margin: 0.35rem 0 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: #8b93b5;
}

.gw-mem-ledger-karnesi__mb {
    margin-bottom: 0.45rem;
}

.gw-mem-ledger-karnesi__dl {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.25rem 0.65rem;
    font-size: 0.82rem;
}

.gw-mem-ledger-karnesi__dl dt {
    margin: 0;
    color: #94a3b8;
    font-weight: 600;
}

.gw-mem-ledger-karnesi__dl dd {
    margin: 0;
    color: #f1f5f9;
    font-variant-numeric: tabular-nums;
}

.gw-mem-ledger-karnesi__tbl {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.82rem;
    margin: 0.2rem 0 0;
}

.gw-mem-ledger-karnesi__tbl th {
    text-align: left;
    padding: 0.35rem 0.4rem;
    border-bottom: 1px solid rgba(56, 189, 248, 0.25);
    color: #7dd3fc;
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.gw-mem-ledger-karnesi__th-num,
.gw-mem-ledger-karnesi__td-num {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.gw-mem-ledger-karnesi__th-ic,
.gw-mem-ledger-karnesi__tbl-ic {
    width: 2rem;
    text-align: center;
    color: var(--gw-accent-color);
}

.gw-mem-ledger-karnesi__tbl td {
    padding: 0.4rem 0.35rem;
    border-bottom: 1px solid rgba(51, 65, 85, 0.45);
    vertical-align: middle;
    color: #e2e8f0;
}

.gw-mem-ledger-karnesi__tbl tbody tr:last-child td {
    border-bottom: none;
}

.gw-mem-ledger-karnesi__ul {
    margin: 0.2rem 0 0;
    padding-left: 1.1rem;
    color: #e2e8f0;
    font-size: 0.84rem;
    line-height: 1.5;
}

.gw-mem-ledger-karnesi__note {
    margin: 0.5rem 0 0;
    font-size: 0.76rem;
    line-height: 1.45;
    color: #8b93b5;
}

.gw-mem-ledger-karnesi__raw {
    margin: 0.35rem 0 0;
    padding: 0.45rem 0.5rem;
    border-radius: 8px;
    background: rgba(2, 6, 12, 0.55);
    font-size: 0.78rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
    color: #cbd5e1;
}

.gw-mem-ledger-karnesi__loading {
    margin: 0.5rem 0;
    font-size: 0.88rem;
    color: #94a3b8;
}

.gw-mem-ledger-pop__when {
    font-size: 0.78rem;
    color: #94a3b8;
    margin-bottom: 0.2rem;
}

.gw-mem-ledger-pop__kind {
    font-size: 0.82rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
}

.gw-mem-ledger-pop__pill {
    margin-bottom: 0.35rem;
}

.gw-mem-ledger-pop__h {
    margin: 0.45rem 0 0.2rem;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #7dd3fc;
}

.gw-mem-ledger-pop__ul {
    margin: 0;
    padding-left: 1.1rem;
    font-size: 0.8rem;
    line-height: 1.45;
    color: #e2e8f0;
}

.gw-mem-ledger-pop__raw {
    font-size: 0.78rem;
    line-height: 1.45;
    color: #cbd5e1;
    white-space: pre-wrap;
    word-break: break-word;
}

.gw-mem-ledger-pop__title {
    margin: 0 0 0.35rem;
    padding-right: 1.75rem;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #e0f2fe;
}

.gw-mem-ledger-pop__range {
    margin: 0.35rem 0 0.25rem;
    font-size: 0.8rem;
    line-height: 1.45;
    color: #cbd5e1;
}

.gw-mem-ledger-pop__range strong {
    color: #f1f5f9;
    font-weight: 700;
}

.gw-mem-ledger-pop__muted {
    margin: 0.4rem 0 0;
    font-size: 0.72rem;
    line-height: 1.45;
    color: #8b93b5;
    font-weight: 500;
}

.gw-mem-ledger-pop__loading {
    margin: 0.5rem 0;
    font-size: 0.82rem;
    color: #94a3b8;
}

.gw-mem-ledger-pop__subtotal {
    margin: 0.25rem 0 0.15rem;
    font-size: 0.8rem;
    color: #cbd5e1;
}

.gw-mem-ledger-pop__subtotal strong {
    font-variant-numeric: tabular-nums;
}

.gw-mem-ledger-receipt-tbl {
    width: 100%;
    margin: 0.45rem 0 0.15rem;
    border-collapse: collapse;
    font-size: 0.76rem;
}

.gw-mem-ledger-receipt-tbl th,
.gw-mem-ledger-receipt-tbl td {
    padding: 0.28rem 0.35rem;
    border-bottom: 1px solid rgba(51, 65, 85, 0.65);
    text-align: left;
    vertical-align: top;
}

.gw-mem-ledger-receipt-tbl thead th {
    color: #7dd3fc;
    font-weight: 700;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.gw-mem-ledger-receipt-tbl__num {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.gw-mem-ledger-modal-table .gw-ledger-amt--neg {
    color: #f87171 !important;
}

.gw-mem-ledger-modal-table .gw-ledger-amt--pos {
    color: #4ade80 !important;
}

.gw-mem-ledger-modal-table tr.gw-mem-ledger-modal__row--cafe .gw-mem-ledger-modal__detail {
    min-width: 0;
}

.gw-mem-ledger-modal__date,
.gw-mem-ledger-modal__time {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    font-size: 0.78rem;
}

.gw-mem-ledger-modal__time {
    letter-spacing: 0.02em;
}

.gw-mem-ledger-modal__detail {
    vertical-align: middle;
    line-height: 1.25;
    hyphens: none;
    word-break: normal;
    overflow: hidden;
}

.gw-view-membership .gw-mem-name-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
}

.gw-mem-field-hint {
    font-weight: 500;
    opacity: 0.72;
    font-size: 0.72rem;
}

.gw-mem-card {
    border-color: rgba(56, 189, 248, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 24px rgba(0, 212, 255, 0.06);
}

.gw-mem-combo-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    align-items: start;
    margin-bottom: 0.65rem;
}

.gw-mem-combo-row.gw-mem-combo-row--balance {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.45rem;
    width: 100%;
    min-width: 0;
}

.gw-mem-combo--balance {
    width: 100%;
    min-width: 0;
}

.gw-mem-combo__shell {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    min-height: 2.5rem;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid rgba(248, 250, 252, 0.52);
    background: rgba(10, 16, 28, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.gw-mem-combo__input--balance {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 12px;
    padding: 0.55rem 0.95rem;
    font-size: 0.9rem;
    color: #f8fafc;
}

.gw-mem-combo__input--balance::placeholder {
    color: rgba(203, 213, 225, 0.88);
}

.gw-mem-combo__input--balance:focus {
    outline: none;
}

.gw-mem-combo__shell:focus-within {
    border-color: rgba(56, 189, 248, 0.62);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 0 2px rgba(56, 189, 248, 0.22);
}

.gw-mem-combo__shell--has-clear .gw-mem-combo__input--balance {
    border-radius: 12px 0 0 12px;
    padding-right: 0.35rem;
}

.gw-mem-combo__clear {
    flex: 0 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0 10px 10px 0;
    background: transparent;
    color: rgba(148, 163, 184, 0.95);
    cursor: pointer;
    transition: color 0.12s ease, background 0.12s ease;
}

.gw-mem-combo__clear:hover {
    color: #f8fafc;
    background: rgba(255, 255, 255, 0.06);
}

.gw-mem-combo__clear:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px rgba(56, 189, 248, 0.45);
}

.gw-mem-combo__clear i {
    font-size: 0.78rem;
    pointer-events: none;
}

.gw-mem-combo--balance .gw-mem-combo__list {
    max-height: min(48vh, 340px);
}

.gw-mem-combo {
    position: relative;
    margin-bottom: 0;
}

.gw-mem-combo__list {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    z-index: 80;
    max-height: 240px;
    overflow-y: auto;
    margin: 0;
    padding: 0.3rem 0;
    list-style: none;
    border-radius: 10px;
    border: 1px solid rgba(56, 189, 248, 0.4);
    background: rgba(12, 18, 28, 0.97);
    box-shadow:
        0 16px 48px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(0, 212, 255, 0.12);
}

.gw-mem-combo__item {
    padding: 0.48rem 0.7rem;
    cursor: pointer;
    font-size: 0.86rem;
    color: #e2e8f0;
}

.gw-mem-combo__item:hover {
    background: rgba(0, 212, 255, 0.12);
    color: #fff;
}

.gw-mem-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.65rem;
}

.gw-mem-table-head .gw-module-h3 {
    margin-bottom: 0;
}

.gw-mem-table-head__controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.55rem 0.75rem;
    flex: 1;
    min-width: 0;
}

.gw-mem-crit-limit {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
    font-size: 0.78rem;
    color: #94a3b8;
    white-space: nowrap;
}

.gw-mem-crit-limit__txt {
    font-weight: 600;
    letter-spacing: 0.02em;
}

.gw-mem-crit-limit__sym {
    color: #7dd3fc;
    font-weight: 700;
    font-size: 0.8rem;
}

.gw-mem-crit-limit__input {
    width: 4.1rem;
    max-width: 100%;
    padding: 0.32rem 0.4rem;
    font-size: 0.8rem;
    line-height: 1.2;
    text-align: right;
    font-variant-numeric: tabular-nums;
    border-radius: 8px;
    border: 1px solid rgba(51, 65, 85, 0.85);
    background: rgba(15, 23, 42, 0.92);
    color: #e2e8f0;
    box-sizing: border-box;
}

.gw-mem-crit-limit__input::placeholder {
    color: #64748b;
}

.gw-mem-crit-limit__input:hover {
    border-color: rgba(56, 189, 248, 0.35);
}

.gw-mem-crit-limit__input:focus {
    outline: none;
    border-color: rgba(56, 189, 248, 0.55);
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.2);
}

.gw-mem-table-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem 0.65rem;
    flex: 0 1 auto;
    min-width: 0;
}

.gw-mem-table-search {
    width: 11.5rem;
    max-width: 100%;
    flex: 0 1 auto;
    padding: 0.38rem 0.55rem;
    font-size: 0.82rem;
}

.gw-mem-table-wrap {
    max-height: min(50vh, 480px);
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.gw-mem-subpanel--list .gw-mem-table-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.gw-mem-table {
    font-size: 0.86rem;
    min-width: min(100%, 52rem);
    width: 100%;
}

/* Kayıtlı üyeler: AKTİF | Ad Soyad | Telefon … sabit px + dikey çizgiler */
#gw-mem-table.gw-mem-table--registered {
    --gw-mem-slot-dot: 10px;
    --gw-mem-slot-cb: 20px;
    --gw-mem-lead-gap: 12px;
    --gw-mem-lead-pl: 10px;
    --gw-mem-cb-inner: 16px;
    --gw-mem-col-aktif-w: 80px;
    --gw-mem-col-name-w: 250px;
    --gw-mem-col-phone-w: 180px;
    --gw-mem-col-login-w: 140px;
    --gw-mem-cell-pad-x: 0.45rem;
    --gw-mem-th-pad-y: 2px;
    --gw-mem-td-pad-y: 1px;
    --gw-mem-th-font-size: 13px;
    --gw-mem-body-font-size: 15px;
    --gw-mem-body-line-height: 1.13;
    --gw-mem-row-fixed-h: 40px;
    --gw-mem-cell-divider: 1px solid rgba(51, 65, 85, 0.65);
    table-layout: fixed;
    width: 100%;
    max-width: 1100px;
    min-width: 0;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0;
}

/* 24" — tablo değişkenleri bu bloktan sonra tanımlanmalı (yukarıdaki temel #gw-mem-table değerlerinin üzerine yazar). */
@media (min-width: 1360px) and (max-width: 2399px) and (min-height: 900px) {
    #gw-mem-table.gw-mem-table--registered {
        --gw-mem-body-font-size: 17px;
        --gw-mem-body-line-height: 1.18;
        --gw-mem-row-fixed-h: 52px;
        --gw-mem-th-font-size: 15px;
        --gw-mem-th-pad-y: 5px;
        --gw-mem-td-pad-y: 4px;
    }
}

#gw-mem-table.gw-mem-table--registered col.gw-mem-col--aktif {
    width: var(--gw-mem-col-aktif-w);
}
#gw-mem-table.gw-mem-table--registered col.gw-mem-col--name {
    width: var(--gw-mem-col-name-w);
}
#gw-mem-table.gw-mem-table--registered col.gw-mem-col--phone {
    width: var(--gw-mem-col-phone-w);
}
#gw-mem-table.gw-mem-table--registered col.gw-mem-col--login {
    width: var(--gw-mem-col-login-w);
}

#gw-mem-table.gw-mem-table--registered thead th:nth-child(1),
#gw-mem-table.gw-mem-table--registered tbody td:nth-child(1) {
    width: var(--gw-mem-col-aktif-w);
    min-width: var(--gw-mem-col-aktif-w);
    max-width: var(--gw-mem-col-aktif-w);
    box-sizing: border-box;
    text-align: center;
}
#gw-mem-table.gw-mem-table--registered thead th:nth-child(2),
#gw-mem-table.gw-mem-table--registered tbody td:nth-child(2) {
    width: var(--gw-mem-col-name-w);
    min-width: var(--gw-mem-col-name-w);
    max-width: var(--gw-mem-col-name-w);
    box-sizing: border-box;
    text-align: left;
}
#gw-mem-table.gw-mem-table--registered thead th:nth-child(3),
#gw-mem-table.gw-mem-table--registered tbody td:nth-child(3) {
    width: var(--gw-mem-col-phone-w);
    min-width: var(--gw-mem-col-phone-w);
    max-width: var(--gw-mem-col-phone-w);
    box-sizing: border-box;
    text-align: center;
}
#gw-mem-table.gw-mem-table--registered thead th:nth-child(4),
#gw-mem-table.gw-mem-table--registered tbody td:nth-child(4) {
    width: var(--gw-mem-col-login-w);
    min-width: var(--gw-mem-col-login-w);
    max-width: var(--gw-mem-col-login-w);
    box-sizing: border-box;
    text-align: center;
}
#gw-mem-table.gw-mem-table--registered thead th:nth-child(5),
#gw-mem-table.gw-mem-table--registered tbody td:nth-child(5) {
    min-width: 0;
    text-align: left;
}
#gw-mem-table.gw-mem-table--registered thead th:nth-child(6),
#gw-mem-table.gw-mem-table--registered tbody td:nth-child(6) {
    min-width: 0;
}
#gw-mem-table.gw-mem-table--registered thead th:nth-child(7),
#gw-mem-table.gw-mem-table--registered tbody td:nth-child(7) {
    min-width: 0;
}

#gw-mem-table.gw-mem-table--registered thead th:not(:last-child),
#gw-mem-table.gw-mem-table--registered tbody td:not(:last-child) {
    border-right: var(--gw-mem-cell-divider);
}

#gw-mem-table.gw-mem-table--registered thead th {
    margin: 0;
    padding: var(--gw-mem-th-pad-y) var(--gw-mem-cell-pad-x);
    vertical-align: middle;
    box-sizing: border-box;
    font-size: var(--gw-mem-th-font-size);
    font-weight: 700;
    line-height: 1.2;
}

#gw-mem-table.gw-mem-table--registered tbody td {
    margin: 0;
    padding: var(--gw-mem-td-pad-y) var(--gw-mem-cell-pad-x);
    vertical-align: middle;
    box-sizing: border-box;
    height: var(--gw-mem-row-fixed-h);
    max-height: var(--gw-mem-row-fixed-h);
    font-size: var(--gw-mem-body-font-size);
    font-weight: 500;
    line-height: var(--gw-mem-body-line-height);
    overflow: hidden;
}

#gw-mem-table.gw-mem-table--registered tbody td.gw-mem-td-aktif,
#gw-mem-table.gw-mem-table--registered tbody td.gw-mem-td-password,
#gw-mem-table.gw-mem-table--registered tbody td.gw-mem-td-actions {
    overflow: visible;
}

#gw-mem-table.gw-mem-table--registered .gw-mem-pw-text {
    font-size: var(--gw-mem-body-font-size);
    line-height: var(--gw-mem-body-line-height);
}

#gw-mem-table.gw-mem-table--registered thead th.gw-mem-th-sort-wrap {
    padding: 0;
    vertical-align: middle;
}

/* Genel .gw-mem-th-actions { width: 8.25rem } bu tabloda colgroup’u bozar — iptal */
#gw-mem-table.gw-mem-table--registered thead th.gw-mem-th-actions {
    min-width: 9rem;
    max-width: none;
    text-align: center;
}

#gw-mem-table.gw-mem-table--registered thead th .gw-mem-th-sort-btn {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: var(--gw-mem-th-pad-y) var(--gw-mem-cell-pad-x);
    box-sizing: border-box;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--gw-mem-th-font-size);
    font-weight: 700;
    line-height: 1.2;
}

@media (min-width: 1360px) and (max-width: 2399px) and (min-height: 900px) {
    #gw-view-membership #gw-mem-table.gw-mem-table--registered thead th .gw-mem-th-sort-btn {
        min-height: 2.75rem;
        padding: 0.5rem 0.55rem;
    }
}

#gw-mem-table.gw-mem-table--registered thead th.gw-mem-th-aktif {
    font-weight: 700;
    font-size: var(--gw-mem-th-font-size);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
}

#gw-mem-table.gw-mem-table--registered tbody td.gw-mem-td-aktif {
    text-align: center;
    vertical-align: middle;
}

#gw-mem-table.gw-mem-table--registered thead th:nth-child(2) {
    text-align: left;
    vertical-align: middle;
}

#gw-mem-table.gw-mem-table--registered thead th:nth-child(2) .gw-mem-th-sort-btn {
    text-align: left;
}

#gw-mem-table.gw-mem-table--registered thead th:nth-child(3) {
    text-align: center;
    vertical-align: middle;
}

#gw-mem-table.gw-mem-table--registered thead th:nth-child(3) .gw-mem-th-sort-btn {
    text-align: center;
}

#gw-mem-table.gw-mem-table--registered thead th:nth-child(4) {
    text-align: center;
    vertical-align: middle;
}

#gw-mem-table.gw-mem-table--registered thead th:nth-child(4) .gw-mem-th-sort-btn {
    text-align: center;
}

#gw-mem-table.gw-mem-table--registered thead th:nth-child(5) {
    text-align: left;
    vertical-align: middle;
}

#gw-mem-table.gw-mem-table--registered thead th:nth-child(5) .gw-mem-th-sort-btn {
    text-align: left;
}

#gw-mem-table.gw-mem-table--registered tbody td.gw-mem-td-name {
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
}

#gw-mem-table.gw-mem-table--registered .gw-mem-td-name__text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    font-size: var(--gw-mem-body-font-size);
    line-height: var(--gw-mem-body-line-height);
    color: #f1f5f9;
}

#gw-mem-table.gw-mem-table--registered .gw-mem-td-name__code {
    display: block;
    margin-top: 0.12rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #7dd3fc;
    font-variant-numeric: tabular-nums;
}

.gw-mem-summary-panel__value--code {
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #7dd3fc;
    font-variant-numeric: tabular-nums;
}

#gw-mem-table.gw-mem-table--registered tbody td.gw-mem-td-login {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
}

/* Bakiye başlığı: sütun ortası */
#gw-mem-table.gw-mem-table--registered thead th:nth-child(6) {
    text-align: center !important;
    direction: ltr;
    vertical-align: middle;
}

#gw-mem-table.gw-mem-table--registered thead th:nth-child(6) .gw-mem-th-sort-btn {
    text-align: center !important;
}

/* Bakiye tutarı: koyu rozet kutusu; renk --ok / --crit ile */
#gw-mem-table.gw-mem-table--registered tbody td:nth-child(6).gw-mem-td-balance {
    text-align: center !important;
    direction: ltr;
    box-sizing: border-box;
    vertical-align: middle;
    margin: 0;
    background: rgba(15, 23, 42, 0.78);
    border-radius: 10px;
    border: 1px solid rgba(30, 41, 59, 0.75);
    box-shadow: none;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    font-size: var(--gw-mem-body-font-size);
    line-height: var(--gw-mem-body-line-height);
}

#gw-mem-table.gw-mem-table--registered tbody td:nth-child(6).gw-mem-td-balance.gw-mem-td-balance--ok {
    color: #00ff00;
    text-shadow: 0 0 7px rgba(0, 255, 0, 0.4);
}

#gw-mem-table.gw-mem-table--registered tbody td:nth-child(6).gw-mem-td-balance.gw-mem-td-balance--crit {
    color: #ff2b4a;
    text-shadow: 0 0 8px rgba(255, 43, 74, 0.45);
}

/* Kayıtlı üyeler — AKTİF hücresi: nokta + checkbox ortalı */
#gw-mem-table.gw-mem-table--registered .gw-mem-lead-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    min-width: 0;
    width: 100%;
    margin: 0;
    padding: 0 0 0 var(--gw-mem-lead-pl);
    box-sizing: border-box;
    line-height: 1.2;
}

#gw-mem-table.gw-mem-table--registered .gw-mem-lead-row--aktif {
    justify-content: center;
    padding-left: 0;
}

#gw-mem-table.gw-mem-table--registered .gw-mem-lead-row__dot {
    flex: 0 0 var(--gw-mem-slot-dot);
    width: var(--gw-mem-slot-dot);
    height: var(--gw-mem-slot-dot);
    margin: 0 var(--gw-mem-lead-gap) 0 0;
    padding: 0;
    border-radius: 50%;
    box-sizing: border-box;
    align-self: center;
}

#gw-mem-table.gw-mem-table--registered .gw-mem-lead-row__dot--online {
    background: #00ff00;
}

#gw-mem-table.gw-mem-table--registered .gw-mem-lead-row__dot--offline {
    background: #ff0000;
}

#gw-mem-table.gw-mem-table--registered .gw-mem-lead-row__cb-wrap {
    display: flex;
    flex: 0 0 var(--gw-mem-slot-cb);
    width: var(--gw-mem-slot-cb);
    min-width: var(--gw-mem-slot-cb);
    max-width: var(--gw-mem-slot-cb);
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    line-height: 0;
    cursor: pointer;
    user-select: none;
    align-self: center;
    box-sizing: border-box;
}

input.gw-mem-status-checkbox[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    accent-color: #f97316;
    cursor: pointer;
    vertical-align: middle;
}

#gw-mem-table.gw-mem-table--registered .gw-mem-lead-row input.gw-mem-status-checkbox[type="checkbox"] {
    display: block;
    width: var(--gw-mem-cb-inner);
    height: var(--gw-mem-cb-inner);
    margin: 0;
    padding: 0;
    align-self: center;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* İşlem: üç ikon grubu başlıkla ortalı; bakiye ile hafif nefes */
#gw-mem-table.gw-mem-table--registered thead th:nth-child(7),
#gw-mem-table.gw-mem-table--registered tbody td.gw-mem-td-actions {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    box-sizing: border-box;
}

.gw-mem-td-password {
    text-align: left;
    font-weight: 500;
    color: #e2e8f0;
    word-break: normal;
    overflow-wrap: normal;
}

.gw-mem-pw-cell {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    width: 100%;
}

.gw-mem-pw-text {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
    font-size: 0.82rem;
    letter-spacing: 0.04em;
}

.gw-mem-pw-toggle {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.65rem;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid rgba(100, 116, 139, 0.55);
    background: rgba(15, 23, 42, 0.95);
    color: #e2e8f0;
    cursor: pointer;
    font-size: 0.78rem;
    line-height: 1;
    touch-action: manipulation;
    transition:
        background 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

.gw-mem-pw-toggle:hover {
    background: rgba(30, 41, 59, 0.98);
    border-color: rgba(56, 189, 248, 0.45);
    color: #f8fafc;
}

.gw-mem-pw-toggle:focus-visible {
    outline: 2px solid rgba(56, 189, 248, 0.65);
    outline-offset: 1px;
}

.gw-mem-table thead th {
    color: #7dd3fc;
    border-bottom: 1px solid rgba(56, 189, 248, 0.35);
    background: rgba(15, 23, 42, 0.92);
    position: sticky;
    top: 0;
    z-index: 2;
    box-shadow: 0 1px 0 rgba(56, 189, 248, 0.22);
}

.gw-mem-th-sort-wrap {
    padding: 0;
    vertical-align: bottom;
}

.gw-mem-th-sort-btn {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 2.35rem;
    padding: 0.45rem 0.5rem;
    margin: 0;
    box-sizing: border-box;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    text-align: left;
    border-radius: 6px;
    transition:
        background 0.12s ease,
        color 0.12s ease;
}

.gw-mem-th-sort-btn:hover {
    background: rgba(56, 189, 248, 0.14);
    color: #e0f2fe;
}

.gw-mem-th-sort-btn:focus-visible {
    outline: 2px solid rgba(56, 189, 248, 0.65);
    outline-offset: 1px;
}

.gw-mem-th-sort-btn--align-end {
    justify-content: flex-end;
    text-align: right;
}

.gw-mem-th-sort-btn--active {
    color: #fff;
}

.gw-mem-th-sort-btn--active.gw-mem-th-sort-btn--asc::after {
    content: " \2191";
    font-weight: 800;
    opacity: 0.95;
}

.gw-mem-th-sort-btn--active.gw-mem-th-sort-btn--desc::after {
    content: " \2193";
    font-weight: 800;
    opacity: 0.95;
}

.gw-mem-table tbody tr:nth-child(odd) {
    background: rgba(15, 23, 42, 0.22);
}

.gw-mem-table tbody tr:nth-child(even) {
    background: rgba(30, 41, 59, 0.42);
}

.gw-mem-table tbody tr:hover {
    background: rgba(56, 189, 248, 0.1);
}

.gw-mem-th-num {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Tutar sağa: yalnızca “Son yüklemeler” diyaloğu (#gw-mem-loads-dialog). Kayıtlı üyeler #gw-mem-table burada değil. */
#gw-mem-loads-dialog .gw-mem-table .gw-mem-td-balance {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.gw-mem-td-balance {
    font-weight: 800;
    color: #bae6fd;
}

.gw-mem-th-actions {
    width: 12.5rem;
    text-align: center;
}

.gw-mem-td-actions {
    text-align: center;
    white-space: normal;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.25rem 0.2rem;
}

.gw-mem-detay-ekstre-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 0.15rem;
    padding: 0.35rem 0.55rem;
    border-radius: 9px;
    border: 1px solid rgba(34, 211, 238, 0.45);
    background: rgba(6, 182, 212, 0.16);
    color: #cffafe;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition:
        background 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

.gw-mem-detay-ekstre-btn:hover {
    border-color: rgba(56, 189, 248, 0.75);
    background: rgba(8, 145, 178, 0.28);
    color: #fff;
}

.gw-mem-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    margin: 0 0.15rem;
    padding: 0;
    border-radius: 9px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(30, 41, 59, 0.75);
    color: #e2e8f0;
    cursor: pointer;
    transition:
        background 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

.gw-mem-icon-btn:hover {
    border-color: rgba(56, 189, 248, 0.55);
    color: #fff;
}

.gw-mem-icon-btn--edit:hover {
    background: rgba(59, 130, 246, 0.22);
}

.gw-mem-icon-btn--del:hover {
    border-color: rgba(248, 113, 113, 0.55);
    background: rgba(220, 38, 38, 0.2);
    color: #fecaca;
}

.gw-mem-icon-btn--pwd:hover {
    border-color: rgba(250, 204, 21, 0.45);
    background: rgba(120, 90, 10, 0.25);
    color: #fde68a;
}

.gw-mem-icon-btn--stmt:hover {
    border-color: rgba(34, 211, 238, 0.5);
    background: rgba(6, 182, 212, 0.18);
    color: #cffafe;
}

.gw-mem-dialog.gw-modal {
    border: none;
    padding: 0;
    max-width: min(96vw, 480px);
    border-radius: 14px;
    background: transparent;
}

/* Hesap ekstresi: üstteki 480px sınırı + genel .gw-modal darlığı bu diyalogda geçersiz — tablo 5 sütun sığsın */
.gw-modal.gw-mem-dialog.gw-mem-dialog--ledger-sheet {
    max-width: min(96vw, 1100px);
    width: min(96vw, 1100px);
}

/* YouTube fragman araması: 480px mem-dialog sınırı yatay kartları sıfır genişlikte sağ sütuna sıkıştırıyordu */
#gw-gm-yt-trailer-search-dialog.gw-modal.gw-mem-dialog {
    max-width: min(96vw, 1480px);
    width: min(96vw, 1480px);
}

#gw-gm-meta-source-dialog.gw-modal.gw-mem-dialog,
#gw-gm-igdb-pick-dialog.gw-modal.gw-mem-dialog,
#gw-gm-igdb-import-dialog.gw-modal.gw-mem-dialog {
    max-width: min(96vw, 960px);
}

#gw-gm-dir-browser-dialog.gw-modal.gw-mem-dialog {
    max-width: min(94vw, 720px) !important;
    width: min(94vw, 720px) !important;
}

#gw-gm-yt-trailer-search-dialog .gw-modal__title {
    font-size: calc(0.95rem * 1.05);
}

#gw-gm-yt-trailer-search-dialog .gw-module-note.gw-gm-yt-trailer-search-status {
    font-size: calc(0.82rem * 1.05);
}

#gw-gm-yt-trailer-search-dialog .gw-modal__btn {
    font-size: calc(0.8rem * 1.05);
}

.gw-mem-dialog::backdrop {
    background: rgba(2, 6, 12, 0.72);
    backdrop-filter: blur(4px);
}

.gw-mem-loads-box {
    max-width: 560px;
}

.gw-mem-loads-wrap {
    max-height: min(50vh, 400px);
    margin-bottom: 0.75rem;
}

/* Hızlı satış — modern market vitrin */
.gw-qs-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.65rem;
    margin-top: 0;
    min-width: 0;
}

.gw-qs-toolbar--split {
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
}

/* Tek akıllı arama çubuğu (ürün adı + barkod) */
.gw-qs-search-pair {
    display: flex;
    flex: 1 1 auto;
    max-width: min(100%, 52rem);
    min-width: 0;
    align-items: flex-end;
}

.gw-qs-toolbar-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.65rem;
    flex: 0 0 auto;
    margin-left: auto;
}

.gw-qs-smart-search {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
    min-width: 0;
    width: 100%;
}

.gw-qs-smart-search__wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    border-radius: 10px;
    transition: box-shadow 0.15s ease;
}

.gw-qs-smart-search__wrap.is-scan-ok {
    animation: gwQsSmartScanOk 0.55s ease-out;
}

@keyframes gwQsSmartScanOk {
    0% {
        box-shadow: 0 0 0 0 rgba(74, 222, 128, 0);
    }
    35% {
        box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.92);
    }
    70% {
        box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.55);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(74, 222, 128, 0);
    }
}

.gw-qs-smart-search__ico {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 0.92rem;
    color: rgba(148, 163, 184, 0.88);
    line-height: 1;
}

.gw-qs-smart-search__ico--search {
    left: 0.72rem;
}

.gw-qs-smart-search__ico--barcode {
    right: 0.72rem;
    font-size: 1.05rem;
    letter-spacing: 0.02em;
}

.gw-qs-smart-search__input {
    width: 100%;
    box-sizing: border-box;
    min-width: 0;
    padding-left: 2.35rem;
    padding-right: 2.45rem;
    font-size: 0.95rem;
}

.gw-qs-btn-free-sale {
    flex: 0 0 auto;
    padding: 0.55rem 1.1rem;
    border: none;
    border-radius: 10px;
    font-weight: 800;
    font-size: 0.88rem;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 55%, #3b82f6 100%);
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
}

.gw-qs-btn-free-sale:hover {
    filter: brightness(1.08);
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.45);
}

.gw-qs-btn-free-sale.is-active {
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.65), 0 4px 14px rgba(37, 99, 235, 0.35);
}

/* Katalog yönetimi: kutu boyutu yaklaşık aynı, yazı daha okunaklı */
.gw-qs-btn-admin {
    flex: 0 0 auto;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.025em;
    color: #f8fafc;
    padding: 0.4rem 0.82rem;
    margin-top: 0;
    line-height: 1.25;
    -webkit-font-smoothing: antialiased;
}

.gw-qs-critical-alert {
    margin-top: 0.65rem;
    padding: 0.55rem 0.65rem;
    border-radius: 8px;
    border: 1px solid rgba(251, 146, 60, 0.55);
    background: rgba(154, 52, 18, 0.22);
    color: #fdba74;
    font-size: 0.78rem;
    font-weight: 700;
}

.gw-qs-critical-alert.is-visible {
    border-color: rgba(239, 68, 68, 0.65);
    background: rgba(127, 29, 29, 0.28);
    color: #fecaca;
}

.gw-qs-product--warn {
    outline: 2px solid rgba(251, 146, 60, 0.95);
    outline-offset: 1px;
}

.gw-qs-product--out {
    outline: 2px solid rgba(239, 68, 68, 0.95);
    outline-offset: 1px;
    opacity: 0.88;
}

/* Market katalog: Ayarlar → Market yönetimi sekmesinde satır içi */
.gw-settings-section--market-hub {
    margin-top: 0.35rem;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

.gw-settings-market-catalog {
    flex: 1 1 auto;
    margin-top: 0.35rem;
    min-width: 0;
    width: 100%;
    max-width: none;
}

.gw-settings-market-catalog .gw-qs-admin-box {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    max-height: none;
}

#gw-settings-panel-33 > .gw-settings-section--market-hub {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin-top: 0;
}

/* Tablo: sabit px yerine esnek sütunlar — geniş ekranda boşluk kalmaz, dar ekranda kaydırılır */
.gw-settings-market-catalog .gw-qs-admin-cat {
    max-width: none;
    margin-inline: 0;
    width: 100%;
    --gw-qs-admin-cols: 5.5rem minmax(8.5rem, 2.2fr) minmax(6.5rem, 1.1fr) minmax(5.25rem, 0.95fr) minmax(5.25rem, 0.9fr) 5rem;
    --gw-qs-admin-cell-pad-x: 0.62rem;
    --gw-qs-admin-cell-pad-y: 0.58rem;
    font-size: 0.875rem;
}

.gw-settings-market-catalog .gw-qs-admin-table-head {
    letter-spacing: 0.04em;
    font-size: 0.78em;
}

.gw-settings-market-catalog .gw-qs-admin-th {
    white-space: nowrap;
}

.gw-settings-market-catalog .gw-qs-admin-li {
    font-size: 1em;
}

.gw-settings-market-catalog .gw-qs-admin-cat-picker-col {
    width: min(100%, 22rem);
    max-width: 100%;
}

.gw-settings-market-catalog .gw-qs-admin-cats {
    max-height: min(48vh, 520px);
}

.gw-settings-market-catalog .gw-qs-admin-newprd {
    grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
}

.gw-settings-market-catalog .gw-modal__actions {
    margin-top: 0.75rem;
}

/* Ürün düzenleme: native <dialog showModal> — tarayıcı üst katmanında, katalog diyaloğunun üzerinde */
#gw-qs-admin-prdedit-root.gw-qs-admin-prdedit {
    position: fixed;
    inset: 0;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    max-height: 100vh;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    z-index: 9999 !important;
    box-sizing: border-box;
    overflow: visible;
}

#gw-qs-admin-prdedit-root.gw-qs-admin-prdedit::backdrop {
    background: rgba(0, 0, 0, 0.7);
}

#gw-qs-admin-prdedit-root.gw-qs-admin-prdedit:not([open]) {
    display: none;
}

#gw-qs-admin-prdedit-root.gw-qs-admin-prdedit[open] {
    display: block;
}

.gw-qs-admin-prdedit__dismiss-layer {
    position: fixed;
    inset: 0;
    z-index: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.gw-qs-admin-prdedit__panel {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 2;
    width: min(96vw, 520px);
    max-height: min(90vh, 640px);
    overflow: auto;
    border-radius: 14px;
    border: 1px solid rgba(71, 85, 105, 0.65);
    background: linear-gradient(165deg, rgba(22, 30, 46, 0.98), rgba(15, 23, 42, 0.99));
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.55);
    padding: 1rem 1.1rem 1.1rem;
    color: #e2e8f0;
}

.gw-qs-admin-prdedit__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.gw-qs-admin-prdedit__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: #f8fafc;
    letter-spacing: 0.02em;
}

.gw-qs-admin-prdedit__x {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 10px;
    background: rgba(30, 41, 59, 0.95);
    color: #e2e8f0;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.gw-qs-admin-prdedit__x:hover {
    background: rgba(71, 85, 105, 0.95);
    color: #fff;
}

.gw-qs-admin-prdedit__lead {
    margin: 0 0 0.85rem;
    line-height: 1.4;
}

.gw-qs-admin-prdedit__prodname {
    font-size: 1.02rem;
    font-weight: 800;
    color: #f8fafc;
}

.gw-qs-admin-prdedit__preview-col {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-width: 0;
}

.gw-qs-admin-prdedit__imgbtn {
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    gap: 0.5rem;
    font-weight: 700;
    padding: 0.55rem 0.85rem;
    border-radius: 10px;
}

.gw-qs-admin-prdedit__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
}

@media (max-width: 560px) {
    .gw-qs-admin-prdedit__layout {
        grid-template-columns: 1fr;
    }
}

.gw-qs-admin-prdedit__preview-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(148, 163, 184, 0.95);
    margin-bottom: 0.35rem;
}

.gw-qs-admin-prdedit__preview-box {
    min-height: 140px;
    border-radius: 10px;
    border: 1px solid rgba(51, 65, 85, 0.75);
    background: rgba(15, 23, 42, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.gw-qs-admin-prdedit__preview-img {
    max-width: 100%;
    max-height: 200px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.gw-qs-admin-prdedit__noimg {
    text-align: center;
    padding: 0.85rem 0.65rem;
}

.gw-qs-admin-prdedit__noimg-badge {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    color: #fecaca;
    background: rgba(127, 29, 29, 0.4);
    border: 1px solid rgba(248, 113, 113, 0.45);
}

.gw-qs-admin-prdedit__noimg-hint {
    margin: 0.55rem 0 0;
    font-size: 0.72rem;
    color: var(--gw-muted);
    line-height: 1.35;
}

.gw-qs-admin-prdedit__fields {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.gw-qs-admin-prdedit__fields .gw-module-field {
    margin: 0;
}

.gw-qs-admin-prdedit__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(51, 65, 85, 0.55);
}

.gw-qs-admin-box {
    max-height: min(90vh, 860px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.gw-qs-admin-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0.5rem 0;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.gw-qs-admin-cat-picker-row {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 0.45rem;
}

.gw-qs-admin-cat-picker-col {
    width: 50%;
    max-width: 50%;
    min-width: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.gw-qs-admin-cat-combo-wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    gap: 0;
}

.gw-qs-admin-cat-combo-wrap .gw-qs-admin-cat-combo {
    flex: 1 1 auto;
    min-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.gw-qs-admin-cat-combo-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    margin: 0;
    padding: 0;
    border-radius: 0 8px 8px 0;
    border: 1px solid var(--gw-border);
    border-left: 1px solid rgba(71, 85, 105, 0.55);
    background: rgba(30, 41, 59, 0.95);
    color: rgba(203, 213, 225, 0.95);
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}

.gw-qs-admin-cat-combo-btn:hover {
    background: rgba(51, 65, 85, 0.75);
    color: #fff;
}

.gw-qs-admin-cat-combo-dd {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    z-index: 10060;
    border-radius: 8px;
    border: 1px solid rgba(71, 85, 105, 0.65);
    background: rgba(15, 23, 42, 0.98);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
    max-height: min(240px, 40vh);
    overflow: hidden;
}

.gw-qs-admin-cat-combo-dd-scroll {
    max-height: min(232px, 38vh);
    overflow-y: auto;
    padding: 0.25rem;
}

.gw-qs-admin-cat-dd-item {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0.45rem 0.55rem;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #e2e8f0;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
}

.gw-qs-admin-cat-dd-item:hover,
.gw-qs-admin-cat-dd-item:focus-visible {
    background: rgba(99, 102, 241, 0.25);
    outline: none;
}

.gw-qs-admin-cat-dd-item.is-active {
    background: rgba(99, 102, 241, 0.18);
    color: #c7d2fe;
}

.gw-qs-admin-cat-dd-empty {
    padding: 0.5rem 0.45rem;
    font-size: 0.78rem;
    color: var(--gw-muted);
}

.gw-qs-admin-cats {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 160px;
    max-height: min(52vh, 480px);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-right: 0.25rem;
}

.gw-qs-admin-cat {
    border: 1px solid var(--gw-border);
    border-radius: 10px;
    padding: 0.5rem 0.55rem;
    background: rgba(15, 23, 42, 0.55);
    min-width: 0;
    overflow-x: auto;
    /* Geniş monitör: tablo yayılmasın; em tabanı (tüm çözünürlüklerde aynı ölçek) */
    max-width: 1260px;
    width: 100%;
    margin-inline: auto;
    box-sizing: border-box;
    font-size: 0.9rem;
    /* Başlık + satırlar aynı sütun izleri — ürün adı tavanı ~%10 sıkı */
    --gw-qs-admin-cols: 97px minmax(0, 360px) 151px 97px 119px 137px;
    --gw-qs-admin-cell-pad-y: 13px;
    --gw-qs-admin-cell-pad-x: 11px;
    --gw-qs-admin-gap: 0;
    --gw-qs-admin-cell-divider: 1px solid rgba(51, 65, 85, 0.65);
    --gw-qs-admin-row-divider: 1px solid rgba(51, 65, 85, 0.52);
    --gw-qs-admin-head-bg: rgba(15, 23, 42, 0.92);
    --gw-qs-admin-head-border-b: 1px solid rgba(56, 189, 248, 0.28);
    --gw-qs-admin-row-bg: rgba(15, 23, 42, 0.18);
    --gw-qs-admin-row-bg-alt: rgba(30, 41, 59, 0.38);
    --gw-qs-admin-row-hover: rgba(56, 189, 248, 0.1);
}

.gw-qs-admin-ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Katalog ürün tablosu: Kayıtlı Üyeler (#gw-mem-table) ile aynı mantık — dikey çizgiler, satır çizgisi, hücre padding */
.gw-qs-admin-table-head {
    display: grid;
    grid-template-columns: var(--gw-qs-admin-cols);
    column-gap: var(--gw-qs-admin-gap);
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border-bottom: var(--gw-qs-admin-head-border-b);
    background: var(--gw-qs-admin-head-bg);
    box-shadow: 0 1px 0 rgba(56, 189, 248, 0.12);
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(125, 211, 252, 0.88);
}

.gw-qs-admin-th {
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
    padding: var(--gw-qs-admin-cell-pad-y) var(--gw-qs-admin-cell-pad-x);
    display: flex;
    align-items: center;
    border-right: var(--gw-qs-admin-cell-divider);
}

.gw-qs-admin-th:last-child {
    border-right: none;
}

.gw-qs-admin-th--status {
    justify-content: center;
    text-align: unset;
}

.gw-qs-admin-th--name,
.gw-qs-admin-th--barcode {
    justify-content: flex-start;
    text-align: unset;
}

.gw-qs-admin-th--price,
.gw-qs-admin-th--stock {
    justify-content: flex-end;
    text-align: unset;
}

.gw-qs-admin-th--act {
    justify-content: center;
    text-align: unset;
}

.gw-qs-admin-li {
    display: grid;
    grid-template-columns: var(--gw-qs-admin-cols);
    column-gap: var(--gw-qs-admin-gap);
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border-bottom: var(--gw-qs-admin-row-divider);
    font-size: 1.1em;
    line-height: 1.45;
    background: var(--gw-qs-admin-row-bg);
    transition: background 0.12s ease;
}

.gw-qs-admin-li:nth-child(even) {
    background: var(--gw-qs-admin-row-bg-alt);
}

.gw-qs-admin-li:hover {
    background: var(--gw-qs-admin-row-hover);
}

.gw-qs-admin-li-col--status {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: stretch;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
    padding: var(--gw-qs-admin-cell-pad-y) var(--gw-qs-admin-cell-pad-x);
    border-right: var(--gw-qs-admin-cell-divider);
}

.gw-qs-admin-li-col--name {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    justify-self: stretch;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: var(--gw-qs-admin-cell-pad-y) var(--gw-qs-admin-cell-pad-x);
    border-right: var(--gw-qs-admin-cell-divider);
    text-align: unset;
}

.gw-qs-admin-li-col--barcode {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    justify-self: stretch;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: var(--gw-qs-admin-cell-pad-y) var(--gw-qs-admin-cell-pad-x);
    border-right: var(--gw-qs-admin-cell-divider);
    text-align: unset;
    font-size: inherit;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    color: #cbd5e1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gw-qs-admin-li-col--price {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: unset;
    justify-self: stretch;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: var(--gw-qs-admin-cell-pad-y) var(--gw-qs-admin-cell-pad-x);
    border-right: var(--gw-qs-admin-cell-divider);
    font-size: inherit;
    font-variant-numeric: tabular-nums;
    min-width: 0;
    white-space: nowrap;
}

.gw-qs-admin-li-col--stock {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: unset;
    justify-self: stretch;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: var(--gw-qs-admin-cell-pad-y) var(--gw-qs-admin-cell-pad-x);
    border-right: var(--gw-qs-admin-cell-divider);
    font-size: inherit;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gw-qs-admin-li-col--actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    min-width: 0;
    justify-self: stretch;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: var(--gw-qs-admin-cell-pad-y) var(--gw-qs-admin-cell-pad-x);
    position: relative;
    z-index: 1;
}

.gw-qs-admin-li-col--actions .gw-module-btn {
    flex: 0 0 auto;
    flex-shrink: 0;
    width: 2.1em;
    height: 2.1em;
    min-width: 2.1em;
    min-height: 2.1em;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: inherit;
}

.gw-qs-admin-li-imgbadge {
    flex: 0 0 auto;
    font-size: 0.65em;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0.12rem 0.35rem;
    border-radius: 999px;
    border: 1px solid transparent;
    white-space: nowrap;
}

.gw-qs-admin-li-imgbadge--ok {
    color: #bbf7d0;
    background: rgba(22, 101, 52, 0.45);
    border-color: rgba(74, 222, 128, 0.45);
}

.gw-qs-admin-li-imgbadge--no {
    color: #fecaca;
    background: rgba(127, 29, 29, 0.4);
    border-color: rgba(248, 113, 113, 0.45);
}

.gw-qs-admin-li-name {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    color: #f1f5f9;
    /* Satır 1.1em tabanına göre ~1.2rem kök karşılığı */
    font-size: 1.091em;
    font-weight: 600;
    line-height: 1.35;
    text-align: start;
    text-decoration: none;
    cursor: default;
    user-select: text;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gw-qs-admin-img-popover {
    position: fixed;
    inset: 0;
    z-index: 10080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(2, 6, 12, 0.72);
}

.gw-qs-admin-img-popover__box {
    position: relative;
    max-width: min(92vw, 520px);
    max-height: min(78vh, 560px);
    padding: 0.5rem;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.98);
    border: 1px solid rgba(71, 85, 105, 0.65);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55);
}

.gw-qs-admin-img-popover__img {
    display: block;
    max-width: 100%;
    max-height: min(70vh, 500px);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
}

.gw-qs-admin-img-popover__close {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: rgba(30, 41, 59, 0.95);
    color: #e2e8f0;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.gw-qs-admin-img-popover__close:hover {
    background: rgba(71, 85, 105, 0.95);
    color: #fff;
}

.gw-qs-admin-h4 {
    margin: 0.75rem 0 0.35rem;
    font-size: 0.85rem;
    color: var(--gw-cyan);
}

.gw-qs-admin-newprd {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.45rem 0.65rem;
    align-items: end;
}

#gw-qs-admin-addprd {
    grid-column: 1 / -1;
    justify-self: start;
}

/* Ürün ekle: yalnızca «Dosya Seç» — tam kutu genişliği, metin ortada */
.gw-qs-admin-prd-file-only {
    position: relative;
    width: 100%;
    min-width: 0;
    display: block;
}

.gw-qs-admin-newprd input[type="file"].gw-qs-admin-prd-file--bare {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    color: transparent;
    font-size: 0;
    line-height: 0;
    min-height: 2.45rem;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.gw-qs-admin-newprd input[type="file"].gw-qs-admin-prd-file--bare::file-selector-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    min-height: 2.45rem;
    font-size: 0.82rem;
    font-weight: 600;
    font-family: inherit;
    line-height: 1.25;
    color: #e2e8f0;
    background: rgba(30, 41, 59, 0.9);
    border: none;
    border-radius: 7px;
    padding: 0.5rem 0.75rem;
    margin: 0;
    cursor: pointer;
    text-align: center;
}

.gw-qs-admin-newprd input[type="file"].gw-qs-admin-prd-file--bare::file-selector-button:hover {
    background: rgba(51, 65, 85, 0.95);
    color: #f8fafc;
}

.gw-qs-admin-newprd input[type="file"].gw-qs-admin-prd-file--bare::-webkit-file-upload-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    min-height: 2.45rem;
    font-size: 0.82rem;
    font-weight: 600;
    font-family: inherit;
    line-height: 1.25;
    color: #e2e8f0;
    background: rgba(30, 41, 59, 0.9);
    border: none;
    border-radius: 7px;
    padding: 0.5rem 0.75rem;
    margin: 0;
    cursor: pointer;
    text-align: center;
}

.gw-qs-admin-newprd input[type="file"].gw-qs-admin-prd-file--bare::-webkit-file-upload-button:hover {
    background: rgba(51, 65, 85, 0.95);
    color: #f8fafc;
}

.gw-mem-qs-pstock {
    font-size: 0.68rem;
    color: var(--gw-muted);
    margin-right: 0.35rem;
}

#gw-view-quick-sale .gw-module-inner {
    max-width: min(1680px, 100%);
}

#gw-view-quick-sale .gw-module-head {
    margin-bottom: 0.55rem;
}

#gw-view-quick-sale .gw-module-title {
    margin-bottom: 0.15rem;
}

#gw-view-quick-sale .gw-module-sub {
    margin-bottom: 0.35rem;
}

.gw-qs-mode-banner {
    margin: 0 0 0.45rem;
    padding: 0.55rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(56, 189, 248, 0.45);
    background: rgba(14, 116, 144, 0.18);
    color: rgba(186, 230, 253, 0.95);
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.gw-pc-toolbar__btn:disabled {
    opacity: 0.38;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(0.35);
}

.gw-qs-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) minmax(250px, 300px);
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.65rem 1.1rem;
    align-items: start;
}

.gw-qs-layout > .gw-qs-toolbar {
    grid-column: 1;
    grid-row: 1;
    margin-top: 0;
}

.gw-qs-layout > .gw-qs-main {
    grid-column: 1;
    grid-row: 2;
}

.gw-qs-layout > .gw-qs-cart-items {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: start;
}

.gw-qs-layout > .gw-qs-cart-checkout {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: start;
}

@media (max-width: 1200px) {
    .gw-qs-layout {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    }

    .gw-qs-layout > .gw-qs-cart-checkout {
        grid-column: 1 / -1;
        grid-row: 3;
    }
}

@media (max-width: 900px) {
    .gw-qs-layout {
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }

    .gw-qs-layout > .gw-qs-toolbar,
    .gw-qs-layout > .gw-qs-main,
    .gw-qs-layout > .gw-qs-cart-items,
    .gw-qs-layout > .gw-qs-cart-checkout {
        grid-column: 1;
        grid-row: auto;
    }
}

.gw-qs-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.gw-qs-cats {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
}

.gw-qs-cat {
    padding: 0.45rem 0.85rem;
    text-align: center;
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 999px;
    border: 1px solid rgba(71, 85, 105, 0.65);
    background: rgba(20, 26, 36, 0.92);
    color: var(--gw-muted);
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.gw-qs-cat.is-active {
    color: #fff;
    border-color: rgba(99, 102, 241, 0.75);
    background: linear-gradient(135deg, rgba(67, 56, 202, 0.45), rgba(99, 102, 241, 0.25));
    box-shadow: 0 0 16px rgba(99, 102, 241, 0.25);
}

.gw-qs-products {
    max-height: min(calc(100vh - 240px), 720px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.25rem 0.35rem 1rem 0;
    scrollbar-gutter: stable;
}

.gw-qs-products-empty {
    margin: 2rem 0;
    text-align: center;
    font-size: 0.88rem;
    color: rgba(148, 163, 184, 0.85);
}

.gw-qs-cat-section {
    margin-bottom: 0.5rem;
}

.gw-qs-cat-heading {
    margin: 1.15rem 0 0.75rem;
    font-size: clamp(1.28rem, 2.2vw, 1.62rem);
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.03em;
    line-height: 1.2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    padding-bottom: 0.55rem;
}

.gw-qs-cat-section:first-child .gw-qs-cat-heading {
    margin-top: 0.15rem;
}

.gw-qs-product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
    gap: 1rem;
}

.gw-qs-product-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
    background: rgba(12, 16, 24, 0.95);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(42, 53, 68, 0.65);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.gw-qs-product-card:hover:not(.is-disabled),
.gw-qs-product-card:focus-visible:not(.is-disabled),
.gw-qs-product-card:active:not(.is-disabled) {
    transform: translateY(-4px);
    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.48),
        0 0 0 1px rgba(255, 0, 0, 0.35),
        0 0 18px rgba(255, 0, 0, 0.5),
        0 0 28px rgba(255, 90, 90, 0.28);
}

.gw-qs-product-card-img {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    background: radial-gradient(ellipse at 50% 20%, rgba(99, 102, 241, 0.18), rgba(10, 14, 20, 0.95));
    overflow: hidden;
}

.gw-qs-product-card-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.gw-qs-product-card-bar {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.65rem 0.7rem 0.75rem;
    background: linear-gradient(180deg, #0b0f16 0%, #070a10 100%);
    border-top: 1px solid rgba(42, 53, 68, 0.85);
}

.gw-qs-product-card-name {
    font-size: 0.95rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gw-qs-product-card-meta {
    font-size: 0.68rem;
    font-weight: 600;
    color: rgba(100, 116, 139, 0.72);
}

.gw-qs-product-card.is-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(0.15);
}

.gw-qs-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0 0 0.65rem;
}

.gw-qs-field-label {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--gw-main-heading-color);
    text-shadow: 0 0 8px var(--gw-main-heading-glow), 0 1px 2px rgba(15, 23, 42, 0.85);
}

.gw-qs-cart {
    padding: 1.05rem 1.05rem 0.95rem;
    border-radius: 18px;
    border: 1px solid rgba(139, 92, 246, 0.35);
    background: var(--gw-qs-cart-face);
    position: sticky;
    top: 0.5rem;
    box-shadow:
        0 0 0 1px rgba(167, 139, 250, 0.12),
        0 12px 40px rgba(0, 0, 0, 0.55),
        0 0 48px rgba(91, 33, 182, 0.22);
}

.gw-qs-cart-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

.gw-qs-cart-head-text {
    min-width: 0;
}

.gw-qs-cart-title {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.02em;
    text-shadow: 0 0 24px rgba(255, 255, 255, 0.18);
}

.gw-qs-cart-sub {
    margin: 0.2rem 0 0;
    font-size: 15px;
    font-weight: 600;
    color: rgba(216, 203, 245, 0.82);
}

.gw-qs-cart-clear {
    flex: 0 0 auto;
    padding: 0.48rem 0.95rem;
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    border-radius: 999px;
    border: 1px solid rgba(192, 132, 252, 0.65);
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 40%, #5b21b6 100%);
    color: #faf5ff;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.25;
    -webkit-font-smoothing: antialiased;
    box-shadow:
        0 0 20px rgba(124, 58, 237, 0.45),
        0 4px 14px rgba(0, 0, 0, 0.35);
    transition: filter 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.gw-qs-cart-clear:hover {
    border-color: rgba(233, 213, 255, 0.95);
    color: #fff;
    filter: brightness(1.08);
    box-shadow:
        0 0 28px rgba(167, 139, 250, 0.55),
        0 6px 18px rgba(0, 0, 0, 0.4);
}

.gw-qs-cart-items .gw-qs-cart-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: min(calc(100vh - 240px), 720px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(115, 95, 155, 0.75) transparent;
}

.gw-qs-cart-list {
    list-style: none;
    margin: 0 0 0.5rem;
    padding: 0;
    /* Sepette sabit ~3 ürün yüksekliği; 4+ ürün bu alanda dikey kayar (.gw-qs-cart-line ölçüleriyle uyumlu) */
    --gw-qs-cart-line-h: calc(
        0.55rem + 0.55rem + 2px + (0.95rem * 1.25) + 0.28rem + (0.72rem * 1.35) + 0.45rem + 1.85rem
    );
    max-height: calc(3 * var(--gw-qs-cart-line-h) + 2 * 0.4rem);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(115, 95, 155, 0.75) transparent;
}

.gw-qs-cart-list::-webkit-scrollbar {
    width: 4px;
}

.gw-qs-cart-list::-webkit-scrollbar-track {
    background: transparent;
}

.gw-qs-cart-list::-webkit-scrollbar-thumb {
    background: rgba(115, 95, 155, 0.65);
    border-radius: 999px;
}

.gw-qs-cart-list::-webkit-scrollbar-thumb:hover {
    background: rgba(140, 115, 185, 0.85);
}

.gw-qs-cart-line {
    padding: 0.55rem 0.45rem;
    margin-bottom: 0.4rem;
    border-radius: 12px;
    border: 1px solid rgba(91, 33, 182, 0.32);
    background: rgba(15, 12, 32, 0.55);
    color: #f8fafc;
}

.gw-qs-cart-line:last-child {
    margin-bottom: 0;
}

.gw-qs-cart-line__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.28rem;
}

.gw-qs-cart-line__name {
    font-size: 0.95rem;
    font-weight: 700;
    color: #f8fafc;
    line-height: 1.25;
    min-width: 0;
}

.gw-qs-cart-line__del {
    flex: 0 0 auto;
    padding: 0.2rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-radius: 8px;
    border: 1px solid rgba(248, 113, 113, 0.45);
    background: rgba(127, 29, 29, 0.55);
    color: #fecaca;
    cursor: pointer;
    line-height: 1.2;
}

.gw-qs-cart-line__del:hover {
    background: rgba(185, 28, 28, 0.65);
    color: #fff;
}

.gw-qs-cart-line__meta {
    font-size: 0.72rem;
    font-weight: 500;
    color: rgba(203, 213, 225, 0.78);
    margin-bottom: 0.45rem;
    line-height: 1.35;
}

.gw-qs-cart-line__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.gw-qs-cart-line__qty {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
}

.gw-qs-cart-line__qtybtn {
    width: 1.85rem;
    height: 1.85rem;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1;
    border-radius: 8px;
    border: 1px solid rgba(100, 116, 139, 0.55);
    background: rgba(30, 41, 59, 0.85);
    color: #e2e8f0;
    cursor: pointer;
}

.gw-qs-cart-line__qtybtn:hover {
    border-color: rgba(56, 189, 248, 0.5);
    color: #fff;
}

.gw-qs-cart-line__qty-num {
    min-width: 1.5rem;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 700;
    color: #f1f5f9;
}

.gw-qs-cart-line__sum {
    font-size: 0.95rem;
    font-weight: 800;
    color: #86efac;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 0 12px rgba(74, 222, 128, 0.35);
}

.gw-qs-cart-empty {
    text-align: center;
    padding: 1.25rem 0.5rem;
    font-size: 15px;
    color: rgba(196, 181, 253, 0.65);
    margin: 0 0 0.5rem;
}

.gw-qs-cart-checkout {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.gw-qs-cart-checkout .gw-qs-cart-totals {
    border-top: none;
    padding-top: 0.15rem;
    margin-bottom: 0.15rem;
}

.gw-qs-cart-totals {
    border-top: 1px solid rgba(124, 58, 237, 0.35);
    padding-top: 0.6rem;
    margin-bottom: 0.45rem;
}

.gw-qs-cart-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: rgba(248, 250, 252, 0.95);
    padding: 0.25rem 0;
}

.gw-qs-cart-total-row--grand {
    margin-top: 0.15rem;
    font-size: 15px;
    font-weight: 700;
    color: rgba(248, 250, 252, 0.98);
}

.gw-qs-cart-total-row--grand strong {
    font-size: 22px;
    font-weight: 800;
    color: #86efac;
    text-shadow:
        0 0 20px rgba(74, 222, 128, 0.55),
        0 0 40px rgba(34, 197, 94, 0.35);
}

.gw-qs-cart-footnote {
    margin: 0 0 0.65rem;
    font-size: 0.76rem;
    font-weight: 600;
    color: rgba(103, 232, 249, 0.82);
    text-align: center;
    letter-spacing: 0.02em;
}

.gw-qs-btn-checkout {
    width: 100%;
    box-sizing: border-box;
    padding: 0.59rem 0.79rem;
    border: 1px solid rgba(190, 242, 100, 0.55);
    border-radius: 999px;
    font-size: 14.4px;
    font-weight: 700;
    letter-spacing: 0.07em;
    line-height: 1.35;
    cursor: pointer;
    color: #0f172a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.28),
        0 0 1px rgba(255, 255, 255, 0.12);
    background: linear-gradient(95deg, #4ade80 0%, #a3e635 48%, #bef264 100%);
    box-shadow:
        0 0 20px rgba(74, 222, 128, 0.52),
        0 0 34px rgba(163, 230, 53, 0.22),
        0 5px 17px rgba(0, 0, 0, 0.45);
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

.gw-qs-btn-checkout:hover {
    filter: brightness(1.07) saturate(1.05);
    box-shadow:
        0 0 26px rgba(74, 222, 128, 0.62),
        0 0 40px rgba(190, 242, 100, 0.28),
        0 7px 20px rgba(0, 0, 0, 0.5);
}

.gw-qs-cart-checkout #gw-qs-pos-pay:not([hidden]) {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 0.45rem;
    font-size: 16px;
    font-weight: 700;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(30, 27, 50, 0.75);
    color: rgba(226, 232, 240, 0.95);
    box-shadow: 0 0 16px rgba(99, 102, 241, 0.15);
}

.gw-qs-remove {
    margin-left: 0.25rem;
    padding: 0 0.35rem;
    font-size: 0.85rem;
    font-weight: 800;
    line-height: 1;
    border: none;
    border-radius: 4px;
    background: rgba(239, 68, 68, 0.25);
    color: #fca5a5;
    cursor: pointer;
    vertical-align: middle;
}

.gw-qs-remove:hover {
    background: rgba(239, 68, 68, 0.45);
    color: #fff;
}

.gw-qs-product.is-disabled,
.gw-to-product.is-disabled {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.gw-to-stock {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--gw-muted);
}

/* Masa hücresi sipariş: yalnızca ikon (tutar sol panelde), sol orta, hafif parıltı */
.gw-cell-order-badge {
    display: none;
    position: absolute;
    left: clamp(0.28rem, 0.9vw, 0.45rem);
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    box-sizing: border-box;
    width: clamp(1.2rem, 3.2vw, 1.45rem);
    height: clamp(1.2rem, 3.2vw, 1.45rem);
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    font-size: clamp(0.72rem, 2vw, 0.88rem);
    line-height: 1;
    color: #fde047;
    background: rgba(12, 16, 22, 0.62);
    border: 1px solid rgba(251, 191, 36, 0.45);
    border-radius: 50%;
    pointer-events: none;
    box-shadow:
        0 0 10px rgba(251, 146, 60, 0.55),
        0 0 18px rgba(250, 204, 21, 0.25),
        inset 0 0 0 1px rgba(255, 255, 255, 0.06);
    filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.5));
}

.gw-cell-order-badge i {
    display: block;
    line-height: 1;
}

.gw-cell-order-badge__count {
    position: absolute;
    right: -0.14rem;
    top: -0.2rem;
    min-width: 0.95em;
    padding: 0.1em 0.32em;
    font-size: clamp(0.48rem, 1.35vw, 0.58rem);
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
    color: #fff;
    background: #c2410c;
    border-radius: 999px;
    border: 1px solid rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    pointer-events: none;
}

.gw-cell-order-badge__count:empty {
    display: none;
}

.gw-cell-order-badge.is-visible {
    display: flex;
}

/* Sol panel: masaya sipariş — üstteki oturum kutusundan üstte kalsın (tıklanabilirlik) */
.gw-order-sidebar {
    flex: 0 0 auto;
    position: relative;
    z-index: 3;
    margin-top: 0.35rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(51, 65, 85, 0.55);
}

.gw-order-sidebar__btn i {
    margin-right: 0.35rem;
}

.gw-order-sidebar__lines-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    margin-top: 0.45rem;
    padding: 0.42rem 0.55rem;
    box-sizing: border-box;
    font-size: 0.74rem;
    font-weight: 700;
    font-family: var(--gw-font-ui);
    text-align: left;
    color: var(--gw-text);
    border: 1px solid rgba(59, 130, 246, 0.4);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.75);
    cursor: pointer;
    transition:
        background 0.12s,
        border-color 0.12s;
}

.gw-order-sidebar__lines-toggle:hover {
    border-color: rgba(96, 165, 250, 0.55);
    background: rgba(30, 41, 59, 0.85);
}

.gw-order-sidebar__lines-toggle-main {
    flex: 1;
    min-width: 0;
}

.gw-order-sidebar__lines-count {
    flex-shrink: 0;
    font-weight: 700;
    color: #93c5fd;
    font-variant-numeric: tabular-nums;
}

.gw-order-sidebar__chev {
    flex-shrink: 0;
    font-size: 0.65rem;
    opacity: 0.85;
    transition: transform 0.15s ease;
}

.gw-order-sidebar__lines-toggle.is-open .gw-order-sidebar__chev {
    transform: rotate(180deg);
}

.gw-order-sidebar__lines-panel {
    margin-top: 0.35rem;
    padding: 0.35rem 0.4rem 0.2rem;
    border-radius: 8px;
    border: 1px solid rgba(42, 53, 68, 0.75);
    background: rgba(10, 13, 18, 0.55);
}

.gw-order-sidebar__lines {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: auto;
    font-size: 0.74rem;
    color: var(--gw-text);
}

.gw-order-sidebar__lines li {
    padding: 0.25rem 0;
    border-bottom: 1px solid rgba(42, 53, 68, 0.5);
}

.gw-order-sidebar__line-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
}

.gw-order-sidebar__line-text {
    flex: 1;
    min-width: 0;
    line-height: 1.35;
}

.gw-order-sidebar__line-actions {
    display: flex;
    flex-shrink: 0;
    gap: 0.2rem;
    align-items: center;
}

.gw-order-sidebar__icon-btn {
    width: 1.65rem;
    height: 1.65rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
    border-radius: 8px;
    border: 1px solid var(--gw-border);
    background: rgba(30, 41, 59, 0.75);
    color: var(--gw-text);
    cursor: pointer;
    transition:
        background 0.12s,
        border-color 0.12s,
        color 0.12s;
}

.gw-order-sidebar__icon-btn:hover {
    border-color: rgba(99, 102, 241, 0.55);
    background: rgba(67, 56, 202, 0.22);
}

.gw-order-sidebar__icon-btn--danger:hover {
    border-color: rgba(248, 113, 113, 0.55);
    background: rgba(185, 28, 28, 0.25);
    color: #fecaca;
}

/* Sipariş ekle — sağ yan drawer; arka plan tıklanabilir, overlay yok */
.gw-drawer-order {
    position: fixed;
    inset: 0;
    z-index: 1200;
    pointer-events: none;
}

.gw-drawer-order:not(.gw-drawer-order--open) {
    visibility: hidden;
}

.gw-drawer-order--open {
    visibility: visible;
}

.gw-drawer-order .gw-drawer-order__panel.gw-modal__box {
    pointer-events: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: clamp(17.5rem, 40vw, 34rem);
    max-width: 100%;
    display: flex;
    flex-direction: column;
    max-height: 100dvh;
    height: 100%;
    margin: 0;
    border-radius: 14px 0 0 14px;
    border: 1px solid rgba(99, 102, 241, 0.5);
    border-right: none;
    border-top: none;
    border-bottom: none;
    box-shadow:
        -16px 0 48px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset,
        -2px 0 28px rgba(34, 211, 238, 0.12);
    background: linear-gradient(200deg, rgba(26, 34, 45, 0.98), rgba(10, 14, 20, 0.99));
    transform: translateX(100%);
    transition: transform 0.18s ease;
    overflow: hidden;
}

.gw-drawer-order--open .gw-drawer-order__panel.gw-modal__box {
    transform: translateX(0);
}

.gw-drawer-order .gw-modal__box--wide {
    width: 100%;
    max-width: none;
}

.gw-drawer-order .gw-modal__title,
.gw-drawer-order .gw-modal__lead {
    flex-shrink: 0;
}

.gw-drawer-order .gw-modal__dismiss {
    flex-shrink: 0;
    margin-top: 0.45rem;
}

.gw-to-layout {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.gw-to-layout--drawer {
    flex: 1 1 auto;
    min-height: 0;
    margin-bottom: 0;
    overflow: hidden;
    grid-template-rows: minmax(0, 1fr);
}

.gw-drawer-order .gw-to-cats,
.gw-drawer-order .gw-to-products {
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

@media (prefers-reduced-motion: reduce) {
    .gw-drawer-order .gw-drawer-order__panel.gw-modal__box {
        transition: none;
    }
}

@media (max-width: 520px) {
    .gw-drawer-order .gw-drawer-order__panel.gw-modal__box {
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        border-left: none;
        border-top: 1px solid rgba(99, 102, 241, 0.45);
    }

    .gw-to-layout,
    .gw-to-layout--drawer {
        grid-template-columns: 1fr;
    }

    .gw-drawer-order .gw-to-layout--drawer {
        display: flex;
        flex-direction: column;
    }

    .gw-drawer-order .gw-to-layout--drawer .gw-to-cats {
        flex: 0 1 auto;
        max-height: min(12.5rem, 38vh);
    }

    .gw-drawer-order .gw-to-layout--drawer .gw-to-products {
        flex: 1 1 auto;
        min-height: 6rem;
    }
}

.gw-to-cats {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    overflow-y: auto;
}

.gw-to-cat {
    padding: 0.5rem 0.55rem;
    text-align: left;
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 8px;
    border: 1px solid var(--gw-border);
    background: rgba(20, 26, 36, 0.85);
    color: var(--gw-muted);
    cursor: pointer;
}

.gw-to-cat.is-active {
    color: #fff;
    border-color: rgba(99, 102, 241, 0.55);
    background: rgba(67, 56, 202, 0.28);
}

.gw-to-products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
    gap: 0.45rem;
    overflow-y: auto;
    align-content: start;
}

.gw-to-product {
    padding: 0.5rem 0.4rem;
    border-radius: 10px;
    border: 1px solid var(--gw-border);
    background: rgba(22, 28, 38, 0.95);
    cursor: pointer;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--gw-text);
}

.gw-to-product small {
    display: block;
    margin-top: 0.2rem;
    color: var(--gw-cyan);
}

/* Hesap özeti sipariş kalemleri */
.gw-checkout__order-list {
    margin: 0 0 0.35rem;
    padding-left: 1rem;
    font-size: 0.78rem;
    line-height: 1.45;
}

.gw-checkout__order-list li {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.2rem;
}

.gw-checkout__line-price {
    font-weight: 700;
    color: #fde68a;
    white-space: nowrap;
}

.gw-checkout__order-subtotal {
    font-size: 0.8rem;
    color: var(--gw-muted);
    margin-top: 0.25rem;
}

.gw-checkout__policy-note {
    margin: 0 0 0.65rem;
    font-size: 0.74rem;
    line-height: 1.4;
    color: var(--gw-muted);
}

/* Etiket önizleme */
.gw-lbl-preview-box {
    padding: 1rem;
    text-align: center;
    background: #fff;
    color: #111;
    border-radius: 10px;
}

.gw-lbl-preview-title {
    margin: 0 0 0.5rem;
    font-weight: 800;
    font-size: 1rem;
}

.gw-lbl-preview-box svg {
    max-width: 100%;
    height: auto;
}

/* WhatsApp */
.gw-wa-presets {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gw-wa-presets li {
    margin-bottom: 0.45rem;
}

.gw-wa-presets button {
    width: 100%;
    text-align: left;
    padding: 0.5rem 0.65rem;
    border-radius: 8px;
    border: 1px solid var(--gw-border);
    background: rgba(20, 26, 36, 0.8);
    color: var(--gw-text);
    font-size: 0.8rem;
    cursor: pointer;
}

.gw-wa-presets button:hover {
    border-color: #22c55e;
}

/* Bilet */
.gw-ticket-presets {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.gw-ticket-preset-btn {
    padding: 0.55rem 0.85rem;
    border-radius: 10px;
    border: 1px solid var(--gw-border);
    background: rgba(30, 41, 59, 0.65);
    color: var(--gw-text);
    font-weight: 700;
    font-size: 0.82rem;
    cursor: pointer;
}

.gw-ticket-preset-btn:hover {
    border-color: var(--gw-cyan);
}

.gw-ticket-code {
    margin: 0 0 0.75rem;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    font-family: ui-monospace, monospace;
    font-size: 0.78rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-all;
}

/* Raporlar */
.gw-reports-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.gw-report-card {
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--gw-rep-station-ring);
    background: var(--gw-rep-box-face);
    box-shadow: var(--gw-rep-glass-glow);
}

.gw-report-card__label {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--gw-muted);
    margin-bottom: 0.35rem;
}

.gw-report-card__value {
    font-size: 1.35rem;
    font-family: var(--gw-font-display);
    color: #fff;
    text-shadow: var(--gw-rep-number-shadow);
}

.gw-report-card__value--accent {
    color: #fff;
    text-shadow: var(--gw-rep-value-glow), var(--gw-rep-number-shadow);
}

/* Market özet kartları — tutar satırları arena yeşili (adet sayacı #gw-rep-checkouts-count ayrı) */
.gw-reports-page .gw-reports-grid .gw-report-card__value {
    color: var(--gw-rep-money-arena);
    font-weight: 800;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
    text-shadow: var(--gw-rep-money-arena-glow);
}

.gw-reports-page .gw-reports-grid .gw-report-card__value--accent {
    color: var(--gw-rep-money-arena);
    text-shadow: var(--gw-rep-money-arena-glow);
}

.gw-reports-page #gw-rep-checkouts-count {
    color: rgba(226, 232, 240, 0.92);
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

/* Nakit indirim dökümü — İndirim (₺) hücresi (düz metin) */
.gw-reports-page #gw-rep-discount-rows td:nth-child(3) {
    color: var(--gw-rep-money-arena);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    text-shadow: var(--gw-rep-money-arena-glow);
}

/* Raporlar — sekmeli düzen + filtre + net gelir */
.gw-reports-page__head {
    margin-bottom: 0.5rem;
}

/* Elit & Cam — kart / yan panel / filtre etiketleri lavanta */
.gw-reports-page .gw-report-card__label,
.gw-reports-page .gw-reports-sidebar__title,
.gw-reports-page .gw-reports-hero__col-k,
.gw-reports-page .gw-reports-live-filter__title,
.gw-reports-page .gw-reports-custom__lbl {
    color: rgba(221, 214, 254, 0.88);
}

.gw-reports-page .gw-reports-hero__net-label {
    color: rgba(221, 214, 254, 0.9);
}

.gw-reports-page .gw-module-table th {
    color: rgba(221, 214, 254, 0.86);
}

.gw-reports-page .gw-reports-custom__apply.gw-module-btn--primary {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--gw-rep-glass-border);
    color: #fff;
    box-shadow: var(--gw-rep-glass-glow);
}

.gw-reports-page .gw-reports-custom__apply.gw-module-btn--primary:hover {
    filter: brightness(1.07);
}

.gw-reports-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-start;
}

.gw-reports-sidebar {
    flex: 0 0 200px;
    max-width: 100%;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--gw-rep-station-ring);
    background: var(--gw-rep-box-face);
    box-shadow: var(--gw-rep-glass-glow);
}

.gw-reports-sidebar__title {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--gw-muted);
    margin-bottom: 0.65rem;
}

.gw-reports-filter-btns {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 1rem;
}

.gw-reports-filter-btn {
    display: block;
    width: 100%;
    padding: 0.55rem 0.65rem;
    border-radius: 8px;
    border: 1px solid var(--gw-border);
    background: rgba(14, 18, 28, 0.42);
    color: var(--gw-text);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    transition:
        border-color 0.15s,
        background 0.15s;
}

.gw-reports-filter-btn:hover {
    border-color: var(--gw-border);
}

.gw-reports-filter-btn.is-active {
    border-color: var(--gw-border);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: none;
    color: var(--gw-text);
}

.gw-reports-custom__lbl {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--gw-muted);
    margin-bottom: 0.35rem;
}

.gw-reports-custom__inp {
    width: 100%;
    margin-bottom: 0.45rem;
    font-size: 0.8rem;
}

.gw-reports-custom__apply {
    width: 100%;
    margin-top: 0.25rem;
}

.gw-reports-main {
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.gw-reports-hero {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
    margin-bottom: 0.85rem;
    border-radius: 14px;
    border: 1px solid rgba(129, 140, 248, 0.22);
    background: rgba(14, 18, 28, 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow:
        0 0 0 1px rgba(99, 102, 241, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.gw-reports-hero__net {
    flex: 1 1 220px;
    min-width: 0;
    padding: 0.9rem 1.05rem;
    border-radius: 14px;
    border: 1px solid var(--gw-rep-net-mint-border);
    background: linear-gradient(
        165deg,
        rgba(35, 209, 96, 0.1) 0%,
        rgba(71, 85, 105, 0.14) 38%,
        rgba(14, 18, 28, 0.32) 100%
    );
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: var(--gw-rep-net-glow);
}

.gw-reports-hero__net-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gw-muted);
    margin-bottom: 0.25rem;
}

.gw-reports-hero__net-value {
    display: block;
    font-size: clamp(1.85rem, 4.5vw, 2.75rem);
    font-family: var(--gw-font-display);
    font-weight: 800;
    color: var(--gw-rep-net-mint);
    letter-spacing: 0.02em;
    line-height: 1.1;
    text-shadow: var(--gw-rep-net-value-glow);
}

.gw-reports-hero__net-formula {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.78rem;
    color: var(--gw-muted);
}

.gw-reports-hero__cols {
    flex: 2 1 320px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.75rem;
}

.gw-reports-hero__col {
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    border: 1px solid var(--gw-rep-station-ring);
    background: var(--gw-rep-box-face);
    box-shadow: var(--gw-rep-glass-glow);
}

.gw-reports-hero__col--accent {
    border-color: var(--gw-rep-station-ring);
}

.gw-reports-hero__col-k {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--gw-muted);
    margin-bottom: 0.2rem;
}

.gw-reports-hero__col strong {
    font-size: 1.05rem;
    font-family: var(--gw-font-display);
    font-weight: 800;
    color: var(--gw-rep-money-arena);
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
    text-shadow: var(--gw-rep-money-arena-glow);
}

.gw-reports-hero__col small {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.72rem;
    color: var(--gw-muted);
    line-height: 1.35;
}

.gw-reports-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.65rem;
}

/* Rapor sekmeleri — Elit: mor dolgu yok; seçili = ince çerçeve + alt parıltı çizgisi */
.gw-reports-tab {
    position: relative;
    padding: 0.45rem 0.85rem 0.52rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.32);
    background: transparent;
    color: rgba(226, 232, 240, 0.9);
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition:
        color 0.18s,
        border-color 0.18s,
        background 0.18s,
        box-shadow 0.18s;
}

.gw-reports-tab:hover:not(.is-active) {
    color: #fff;
    border-color: rgba(165, 180, 252, 0.45);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: none;
}

.gw-reports-tab.is-active {
    color: #fff;
    border-color: rgba(129, 140, 248, 0.55);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: none;
}

.gw-reports-tab.is-active::after {
    content: "";
    position: absolute;
    left: 16%;
    right: 16%;
    bottom: 5px;
    height: 2px;
    border-radius: 99px;
    background: linear-gradient(90deg, #818cf8, #c4b5fd, var(--gw-accent-color));
    box-shadow: none;
}

/* Rapor sayfası: bölüm kartları üstteki rapor kutuları ile aynı cam + mor halka (yalnızca bu görünüm) */
.gw-reports-page .gw-module-card {
    border: 1px solid var(--gw-rep-station-ring);
    background: var(--gw-rep-box-face);
    box-shadow: var(--gw-rep-glass-glow);
}

/* Rapor sayfası: bölüm başlıkları açık lavanta */
.gw-reports-page .gw-module-card > .gw-module-h3 {
    color: var(--gw-rep-modal-lavender);
    font-weight: 800;
    letter-spacing: 0.05em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

/* Tüm rapor sekmeleri — pozitif / sıfır tutarlar arena yeşili + hafif parlama */
.gw-reports-page .gw-rep-money--in {
    color: var(--gw-rep-money-arena);
    font-weight: 800;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
    text-shadow: var(--gw-rep-money-arena-glow);
}

.gw-reports-page .gw-rep-money--out {
    color: #fb9a9a;
    font-weight: 800;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
    text-shadow: var(--gw-rep-money-out-glow);
}

.gw-reports-page .gw-reports-hero__net-value {
    color: var(--gw-rep-money-arena);
    text-shadow: var(--gw-rep-money-arena-glow);
}

/* Detay (rapor tabloları): cam çerçeve; hover’da kenar parlar */
.gw-reports-page .gw-rep-detail-btn {
    color: #fff;
    background: transparent;
    border: 1px solid var(--gw-rep-glass-border);
    box-shadow: none;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        color 0.18s ease,
        text-shadow 0.18s ease,
        background 0.18s ease;
}

.gw-reports-page .gw-rep-detail-btn:hover {
    color: #fff;
    text-shadow: none;
    border-color: rgba(165, 180, 252, 0.75);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.18);
}

.gw-reports-page .gw-rep-detail-btn:focus-visible {
    outline: 2px solid rgba(167, 139, 250, 0.75);
    outline-offset: 2px;
}

.gw-reports-tabpanels {
    position: relative;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.gw-reports-panel {
    display: none;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.gw-reports-panel.is-active {
    display: block;
}

.gw-reports-panel-note {
    margin-top: -0.25rem;
    margin-bottom: 0.65rem;
}

.gw-reports-live-filter {
    margin: 0.35rem 0 0.85rem;
    padding: 0.65rem 0.75rem;
    border-radius: 14px;
    border: 1px solid var(--gw-rep-station-ring);
    background: var(--gw-rep-box-face);
    box-shadow: var(--gw-rep-glass-glow);
}

.gw-reports-live-filter__title {
    display: block;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--gw-muted);
    margin-bottom: 0.4rem;
}

.gw-reports-live-filter__input {
    width: 100%;
    max-width: 28rem;
    font-size: 0.88rem;
}

/* Raporlar: canlı arama satırı kart genişliğinde; tablo sağ çizgisi ile aynı hizada biter */
.gw-reports-page .gw-reports-live-filter__input {
    max-width: none;
    box-sizing: border-box;
}

.gw-rep-money--in,
.gw-rep-money--out {
    color: var(--gw-text);
    font-weight: 600;
}

.gw-reports-market-lede {
    margin-bottom: 0.85rem;
    line-height: 1.45;
}

.gw-rep-ledger-row--product-link {
    cursor: pointer;
}

.gw-rep-ledger-row--product-link:hover td {
    background: rgba(255, 255, 255, 0.04);
}

.gw-rep-top-product--highlight {
    outline: 1px solid var(--gw-border);
    background: rgba(255, 255, 255, 0.05);
}

.gw-rep-ledger-row--sale-link {
    cursor: pointer;
}

.gw-rep-ledger-row--sale-link:hover td {
    background: rgba(255, 255, 255, 0.04);
}

.gw-rep-row--dimmed {
    opacity: 0.32;
    filter: saturate(0.55);
}

.gw-rep-detail-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.28rem 0.65rem;
    font-family: var(--gw-font-ui);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: var(--gw-text);
    background: rgba(14, 18, 28, 0.35);
    border: 1px solid var(--gw-border);
    border-radius: 6px;
    box-shadow: none;
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        background 0.15s ease,
        color 0.15s ease;
}

.gw-rep-detail-btn:hover {
    color: var(--gw-text);
    border-color: var(--gw-muted);
    background: rgba(255, 255, 255, 0.06);
}

.gw-rep-detail-btn:focus-visible {
    outline: 2px solid var(--gw-cyan);
    outline-offset: 2px;
}

.gw-rep-detail-btn--small {
    padding: 0.22rem 0.5rem;
    font-size: 0.72rem;
}

.gw-rep-market-sale-focus {
    margin: 0 0 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--gw-rep-station-ring);
    background: var(--gw-rep-box-face);
    box-shadow: var(--gw-rep-glass-glow);
}

.gw-rep-market-sale-focus__inner {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.gw-rep-market-sale-focus__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.gw-rep-market-sale-focus__title {
    font-family: var(--gw-font-display);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--gw-text);
}

.gw-rep-market-sale-focus__idline {
    margin: 0;
    font-size: 0.82rem;
    color: var(--gw-muted);
}

.gw-rep-market-sale-focus__idline code {
    font-size: 0.78rem;
    color: var(--gw-text);
    word-break: break-all;
}

.gw-rep-market-sale-focus__meta {
    margin: 0;
    font-size: 0.85rem;
    color: var(--gw-text);
}

.gw-rep-market-sale-focus__lines {
    margin: 0.25rem 0 0;
    padding-left: 1.15rem;
    color: var(--gw-text);
    font-size: 0.86rem;
    line-height: 1.45;
}

.gw-rep-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    box-sizing: border-box;
}

.gw-rep-modal-overlay[hidden] {
    display: none !important;
}

.gw-rep-modal-overlay__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(14, 18, 28, 0.78);
    backdrop-filter: blur(5px);
}

.gw-rep-modal-overlay__card {
    position: relative;
    z-index: 1;
    width: min(26rem, 100%);
    max-height: min(78vh, 32rem);
    overflow: auto;
    padding: 1.15rem 1.25rem 1.25rem;
    border-radius: 14px;
    border: 1px solid var(--gw-rep-station-ring);
    background: var(--gw-rep-box-face);
    box-shadow: var(--gw-rep-glass-glow);
}

.gw-rep-modal-overlay__close {
    position: absolute;
    top: 0.55rem;
    right: 0.55rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 1.35rem;
    line-height: 1;
    color: #b8b0c8;
    background: rgba(14, 18, 28, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    cursor: pointer;
    transition:
        color 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.gw-rep-modal-overlay__close:hover {
    color: #fff;
    border-color: rgba(160, 150, 190, 0.55);
    box-shadow: none;
}

.gw-rep-modal-overlay__h {
    margin: 0 2.25rem 0.75rem 0;
    font-family: var(--gw-font-display);
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: #fff;
}

.gw-rep-modal-overlay__body {
    font-size: 0.88rem;
    line-height: 1.45;
    color: #fff;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

/* Modal içi tek cam blok: dl + alt başlık + mini tablo aynı yüzeyde */
.gw-rep-detail-glass {
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--gw-rep-station-ring);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 38%),
        var(--gw-rep-box-face);
    box-shadow: var(--gw-rep-glass-glow);
}

.gw-rep-detail-dl {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.35rem 0.85rem;
}

.gw-rep-detail-dl dt {
    margin: 0;
    font-weight: 700;
    color: var(--gw-muted);
    font-size: 0.78rem;
    letter-spacing: 0.03em;
}

.gw-rep-detail-dl dd {
    margin: 0;
    word-break: break-word;
}

.gw-rep-modal-overlay__body .gw-rep-detail-dl dt {
    color: var(--gw-rep-modal-lavender);
    font-weight: 700;
    letter-spacing: 0.04em;
}

.gw-rep-modal-overlay__body .gw-rep-detail-dl dd {
    color: #fff;
    font-weight: 500;
    text-shadow: var(--gw-rep-value-glow);
}

.gw-rep-modal-overlay__body .gw-rep-detail-dl {
    gap: 0.35rem 0.85rem;
}

/* Detay modalı: tutarlar arena yeşili + hafif parlama */
.gw-rep-detail-money {
    font-weight: 800;
    color: var(--gw-rep-money-arena);
    font-variant-numeric: tabular-nums;
    text-shadow: var(--gw-rep-money-arena-glow);
}

.gw-rep-modal-overlay__body .gw-rep-detail-money {
    color: var(--gw-rep-money-arena);
    font-weight: 800;
    text-shadow: var(--gw-rep-money-arena-glow);
}

.gw-rep-modal-overlay__body .gw-rep-detail-footnote .gw-rep-detail-money,
.gw-rep-modal-overlay__body .gw-rep-detail-footnote strong.gw-rep-detail-money {
    color: var(--gw-rep-money-arena);
    font-weight: 800;
    text-shadow: var(--gw-rep-money-arena-glow);
}

.gw-rep-detail-money--emph {
    font-size: 1.08em;
}

.gw-rep-modal-overlay__body .gw-rep-detail-money--emph {
    font-weight: 900;
}

.gw-rep-modal-overlay__body .gw-rep-detail-subh {
    color: var(--gw-rep-modal-lavender);
    font-weight: 700;
    letter-spacing: 0.04em;
}

.gw-rep-modal-overlay__body .gw-rep-detail-footnote {
    color: #9d92b5;
}

.gw-rep-modal-overlay__body .gw-rep-detail-muted {
    color: #8b82a0;
}

.gw-rep-detail-lines {
    margin: 0.15rem 0 0;
    padding-left: 1.1rem;
    color: var(--gw-text);
    line-height: 1.5;
}

.gw-rep-detail-lines li {
    margin: 0.12rem 0;
}

/* Masa etiketi — ana panel #grid-pc neon dili (rapor tablo + modal + açıklama token) */
.gw-rep-masa {
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.gw-rep-masa--ps {
    color: var(--gw-rep-masa-ps-color);
    text-shadow: var(--gw-rep-masa-ps-glow);
}

.gw-rep-masa--rc {
    color: var(--gw-rep-masa-rc-color);
    text-shadow: var(--gw-rep-masa-rc-glow);
}

.gw-rep-masa--cafe {
    color: var(--gw-rep-masa-cafe-color);
    text-shadow: var(--gw-rep-masa-cafe-glow);
}

.gw-rep-masa--pc {
    color: var(--gw-rep-masa-pc-color);
    text-shadow: var(--gw-rep-masa-pc-glow);
}

/* Nakit indirim tablosu: Masa sütunu ortada */
.gw-reports-page .gw-module-table:has(#gw-rep-discount-rows) thead th:nth-child(2),
.gw-reports-page #gw-rep-discount-rows td:nth-child(2) {
    text-align: center;
}

/* Rapor tabloları: Kayıtlı üyeler (#gw-mem-table) ile aynı ızgara — dış kutu, dikey çizgiler, başlık bandı, zebra */
.gw-reports-page table.gw-rep-grid-table {
    border-collapse: separate;
    border-spacing: 0;
    --gw-rep-grid-divider: 1px solid rgba(51, 65, 85, 0.65);
}

.gw-reports-page table.gw-rep-grid-table thead th:not(:last-child),
.gw-reports-page table.gw-rep-grid-table tbody td:not(:last-child) {
    border-right: var(--gw-rep-grid-divider);
}

.gw-reports-page table.gw-rep-grid-table thead th {
    color: #7dd3fc;
    border-bottom: 1px solid rgba(56, 189, 248, 0.35);
    background: rgba(15, 23, 42, 0.92);
    position: sticky;
    top: 0;
    z-index: 2;
    box-shadow: 0 1px 0 rgba(56, 189, 248, 0.22);
}

.gw-reports-page table.gw-rep-grid-table tbody tr:nth-child(odd) {
    background: rgba(15, 23, 42, 0.22);
}

.gw-reports-page table.gw-rep-grid-table tbody tr:nth-child(even) {
    background: rgba(30, 41, 59, 0.42);
}

.gw-reports-page table.gw-rep-grid-table tbody tr:hover {
    background: rgba(56, 189, 248, 0.1);
}

.gw-reports-page table.gw-rep-grid-table th,
.gw-reports-page table.gw-rep-grid-table td {
    border-bottom: 1px solid rgba(51, 65, 85, 0.55);
}

/* Rapor kartları: tablo alanı kart içine %100 + üyelik tablosu gibi yuvarlak çerçeveli kutu */
.gw-reports-page .gw-module-card--table > .gw-table-wrap {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    max-height: min(58vh, 520px);
    border: 1px solid rgba(51, 65, 85, 0.55);
    border-radius: 10px;
    background: rgba(8, 12, 20, 0.45);
}

/* Genel Kasa kartı + sarmalayıcı: tablo yatayda tam genişlik (sağda ölü alan kalmasın) */
.gw-reports-page #gw-rep-panel-kasa section.gw-module-card--table {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.gw-reports-page #gw-rep-panel-kasa .gw-table-wrap {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* ========= Genel Kasa — 7 sütun; Masa / Tutar / Detay biraz ferah, Detay sağa yaslı ========= */
.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table {
    table-layout: fixed;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table col.gw-rep-ledger-col--tarih {
    width: 9%;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table col.gw-rep-ledger-col--saat {
    width: 7%;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table col.gw-rep-ledger-col--masa {
    width: 17%;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table col.gw-rep-ledger-col--odeme {
    width: 12%;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table col.gw-rep-ledger-col--aciklama {
    width: 20%;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table col.gw-rep-ledger-col--tutar {
    width: 17%;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table col.gw-rep-ledger-col--detay {
    width: 18%;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table th,
.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table td {
    padding: 0.5rem 0.4rem;
    vertical-align: middle;
    line-height: 1.38;
    box-sizing: border-box;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table thead th:nth-child(1),
.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table tbody td:nth-child(1),
.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table thead th:nth-child(2),
.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table tbody td:nth-child(2) {
    font-variant-numeric: normal;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table thead th:nth-child(3),
/* Genel Kasa — MASA: neon kutu (üyelik ekstresi pill diline yakın) */
.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-masa-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-masa-wrap .gw-rep-masa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.16rem 0.52rem;
    border-radius: 8px;
    font-size: 0.72rem;
    border: 1px solid rgba(148, 163, 184, 0.38);
    background: rgba(15, 23, 42, 0.88);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-masa-wrap .gw-rep-masa--pc {
    border-color: rgba(56, 240, 255, 0.45);
    box-shadow: 0 0 12px rgba(56, 240, 255, 0.18);
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-masa-wrap .gw-rep-masa--ps {
    border-color: rgba(200, 75, 255, 0.45);
    box-shadow: 0 0 12px rgba(200, 75, 255, 0.2);
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-masa-wrap .gw-rep-masa--rc {
    border-color: rgba(251, 191, 36, 0.42);
    box-shadow: 0 0 10px rgba(251, 191, 36, 0.16);
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-masa-wrap .gw-rep-masa--cafe {
    border-color: rgba(251, 146, 60, 0.45);
    box-shadow: 0 0 10px rgba(251, 146, 60, 0.16);
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table tbody td:nth-child(3) {
    font-variant-numeric: normal;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table thead th:nth-child(5),
.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table tbody td:nth-child(5) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

/* Açıklama metni: neon masa renkleri yok; sönük lavanta (masa sütunu öne çıksın) */
.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table tbody td:nth-child(5) .gw-rep-ledger-aciklama-text {
    color: rgba(216, 206, 254, 0.9);
    font-weight: 500;
    font-variant-numeric: normal;
    letter-spacing: 0.01em;
    text-align: center;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table thead th:nth-child(6),
.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table tbody td:nth-child(6) {
    font-variant-numeric: tabular-nums;
}

.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table thead th.gw-rep-col-detail,
.gw-reports-page #gw-rep-panel-kasa .gw-rep-ledger-table td.gw-rep-col-detail {
    font-variant-numeric: normal;
    text-align: right;
    padding-left: 0.35rem;
    padding-right: 0.12rem;
}

/* ========= Oturum — Genel Kasa tablosu ile aynı: tam genişlik, eşit sütun, ortalı hücreler ========= */
.gw-reports-page #gw-rep-panel-oturum section.gw-module-card--table {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.gw-reports-page #gw-rep-panel-oturum .gw-table-wrap {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table {
    table-layout: fixed;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table col {
    width: calc(100% / 9);
}

.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table th,
.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table td {
    padding: 0.5rem 0.4rem;
    vertical-align: middle;
    line-height: 1.38;
    box-sizing: border-box;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table thead th:nth-child(1),
.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table tbody td:nth-child(1),
.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table thead th:nth-child(2),
.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table tbody td:nth-child(2) {
    font-variant-numeric: normal;
}

.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table thead th:nth-child(3),
.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table tbody td:nth-child(3),
.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table thead th:nth-child(4),
.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table tbody td:nth-child(4) {
    font-variant-numeric: normal;
}

.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table thead th.gw-rep-col-detail,
.gw-reports-page #gw-rep-panel-oturum .gw-rep-sessions-table td.gw-rep-col-detail {
    font-variant-numeric: normal;
}

/* ========= Üye hareketleri tablosu ========= */
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table {
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table col.gw-rep-mem-col--zaman {
    width: 20%;
}
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table col.gw-rep-mem-col--uye {
    width: 28%;
}
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table col.gw-rep-mem-col--islem {
    width: 22%;
}
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table col.gw-rep-mem-col--tutar {
    width: 17%;
}
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table col.gw-rep-mem-col--detay {
    width: 13%;
}

.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table th,
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table td {
    padding: 0.55rem 0.65rem;
    vertical-align: middle;
    line-height: 1.38;
    box-sizing: border-box;
}

.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table thead th:nth-child(1),
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table tbody td:nth-child(1),
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table thead th:nth-child(2),
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table tbody td:nth-child(2) {
    text-align: left;
}

.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table thead th:nth-child(3),
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table tbody td:nth-child(3),
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table thead th:nth-child(4),
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table tbody td:nth-child(4) {
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table thead th:last-child,
.gw-reports-page #gw-rep-panel-uye .gw-rep-member-table tbody td:last-child {
    text-align: right;
    font-variant-numeric: normal;
    padding-right: 0;
    padding-left: 0.4rem;
}

/* Rapor ZAMAN: saat kısmı tarihten sonra ~1cm sağa */
.gw-reports-page .gw-rep-zaman-time {
    display: inline-block;
    margin-left: 1cm;
}

.gw-rep-masa-extra {
    font-weight: 500;
    color: var(--gw-muted);
    font-size: 0.92em;
}

.gw-rep-masa-sep {
    color: var(--gw-muted);
    font-weight: 400;
}

.gw-rep-col-detail {
    min-width: 4.25rem;
    vertical-align: middle;
    white-space: nowrap;
}

/* Detay sütunu: sağ kenara (buton + başlık aynı eksen); tablo sağ iç çizgisine padding yok */
.gw-reports-page .gw-module-table th.gw-rep-col-detail,
.gw-reports-page .gw-module-table td.gw-rep-col-detail {
    text-align: right;
    vertical-align: middle;
    padding-right: 0;
}

.gw-rep-detail-subh {
    margin: 0.85rem 0 0.35rem;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--gw-text);
}

.gw-rep-detail-muted {
    margin: 0.35rem 0;
    font-size: 0.82rem;
    color: var(--gw-muted);
    line-height: 1.45;
}

.gw-rep-detail-footnote {
    margin: 0.5rem 0 0;
    font-size: 0.8rem;
    color: var(--gw-muted);
    line-height: 1.45;
}

/* Sipariş kalemleri — cam içi iç içe kutu; düz mor blok yok */
.gw-rep-modal-overlay__body .gw-rep-detail-mini-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
    margin: 0.25rem 0 0.35rem;
    border: 1px solid var(--gw-rep-station-ring);
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(
        180deg,
        rgba(71, 85, 105, 0.2) 0%,
        rgba(14, 18, 28, 0.32) 100%
    );
    box-shadow: var(--gw-rep-glass-glow);
}

.gw-rep-modal-overlay__body .gw-rep-detail-mini-table th,
.gw-rep-modal-overlay__body .gw-rep-detail-mini-table td {
    padding: 0.4rem 0.5rem;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.gw-rep-modal-overlay__body .gw-rep-detail-mini-table thead {
    background: linear-gradient(180deg, rgba(71, 85, 105, 0.28) 0%, rgba(30, 41, 59, 0.32) 100%);
}

.gw-rep-modal-overlay__body .gw-rep-detail-mini-table th {
    background: transparent;
    color: var(--gw-rep-modal-lavender);
    font-weight: 700;
    font-size: 0.74rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

.gw-rep-modal-overlay__body .gw-rep-detail-mini-table td {
    color: #fff;
    font-weight: 500;
    background: transparent;
    text-shadow: var(--gw-rep-value-glow);
}

.gw-rep-modal-overlay__body .gw-rep-detail-mini-table td:nth-child(2),
.gw-rep-modal-overlay__body .gw-rep-detail-mini-table td:nth-child(3),
.gw-rep-modal-overlay__body .gw-rep-detail-mini-table td:nth-child(4) {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Sipariş kalemleri — Adet fiyatı (₺) + Satır (₺) arena yeşili */
.gw-rep-modal-overlay__body .gw-rep-detail-mini-table tbody td:nth-child(3),
.gw-rep-modal-overlay__body .gw-rep-detail-mini-table tbody td:nth-child(4) {
    color: var(--gw-rep-money-arena);
    font-weight: 800;
    text-shadow: var(--gw-rep-money-arena-glow);
}

.gw-rep-modal-overlay__body .gw-rep-detail-mini-table tr:last-child td {
    border-bottom: none;
}

body.gw-rep-modal-open {
    overflow: hidden;
}

.gw-brand {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.gw-logo {
    display: block;
    width: 52px;
    height: 52px;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 4px;
    filter: drop-shadow(0 0 10px rgba(34, 211, 238, 0.22));
}

.gw-title {
    margin: 0;
    font-family: var(--gw-font-display);
    font-weight: 700;
    font-size: clamp(1rem, 2.4vw, 1.55rem);
    line-height: 1.2;
    letter-spacing: 0.08em;
    background: linear-gradient(90deg, #fff, var(--gw-cyan));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 14px rgba(34, 211, 238, 0.12);
}

.gw-sub {
    margin: 0.15rem 0 0;
    font-size: calc(0.95rem * 1.2);
    color: var(--gw-muted);
    letter-spacing: 0.06em;
}

.gw-legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 600;
}

.gw-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--gw-muted);
}

.gw-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.gw-dot--empty {
    background: var(--gw-red);
    box-shadow: 0 0 14px rgba(255, 90, 90, 0.95);
}

.gw-dot--busy {
    background: var(--gw-green);
    box-shadow: 0 0 14px rgba(59, 219, 112, 0.95);
}

.gw-dot--pending {
    background: var(--gw-accent-color);
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.9);
}

.gw-dot--client {
    background: #4cc7ff;
    box-shadow: 0 0 14px rgba(76, 199, 255, 0.95);
}

/* Oyun yönetimi filtre çubuğu: nokta renkleri --gw-accent-color / --gw-primary-glow ile */
.gw-gm-filter-bar .gw-dot--pending {
    background: var(--gw-accent-color);
    box-shadow: 0 0 8px var(--gw-primary-glow);
}

.gw-gm-filter-bar .gw-dot--client {
    background: var(--gw-accent-color);
    box-shadow: 0 0 8px var(--gw-primary-glow);
}

.gw-panel-audio-unlock-bar {
    position: fixed;
    bottom: 5.5rem;
    right: 1.25rem;
    z-index: 10040;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    max-width: min(26rem, calc(100vw - 2.5rem));
    padding: 0.55rem 0.85rem;
    border-radius: 11px;
    background: rgba(15, 23, 42, 0.96);
    border: 1px solid rgba(251, 146, 60, 0.55);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
}

.gw-panel-audio-unlock-bar[hidden] {
    display: none !important;
}

.gw-panel-audio-unlock-bar__text {
    margin: 0;
    flex: 1 1 12rem;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.4;
    color: #e2e8f0;
}

.gw-panel-audio-unlock-bar__btn {
    flex-shrink: 0;
    cursor: pointer;
    padding: 0.4rem 0.85rem;
    border-radius: 8px;
    border: 1px solid rgba(251, 146, 60, 0.75);
    background: linear-gradient(160deg, rgba(154, 52, 18, 0.55), rgba(30, 58, 95, 0.75));
    color: #fff;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.gw-panel-audio-unlock-bar__btn:hover {
    border-color: rgba(253, 186, 116, 0.95);
}

.gw-toast-host {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 10050;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
    max-width: min(22rem, calc(100vw - 2rem));
    pointer-events: none;
}

.gw-toast {
    pointer-events: auto;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.02em;
}

.gw-toast--warn {
    background: rgba(69, 10, 10, 0.94);
    color: #fecaca;
    border: 1px solid rgba(248, 113, 113, 0.45);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.45);
}

.gw-toast--info {
    background: rgba(15, 23, 42, 0.94);
    color: #e2e8f0;
    border: 1px solid rgba(59, 130, 246, 0.4);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4);
}

.gw-toast--success {
    background: rgba(6, 44, 28, 0.96);
    color: #bbf7d0;
    border: 1px solid rgba(74, 222, 128, 0.55);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
}

.gw-toast--session-expired {
    cursor: pointer;
    width: 100%;
    text-align: left;
    font: inherit;
    background: rgba(69, 10, 10, 0.94);
    color: #fecaca;
    border: 1px solid rgba(248, 113, 113, 0.55);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.5);
    transition:
        transform 0.12s ease,
        border-color 0.12s ease;
}

.gw-toast--session-expired:hover {
    border-color: rgba(252, 165, 165, 0.85);
    transform: translateY(-1px);
}

/* ----- Layout: sol sidebar + içerik ----- */
.gw-layout {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: stretch;
    min-height: calc(100dvh - var(--gw-header-chrome-h));
    min-height: calc(100vh - var(--gw-header-chrome-h));
}

.gw-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Sekmeler: tek tam ekran alan, paneller üst üste */
.gw-content__panes {
    position: relative;
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    isolation: isolate;
}

.gw-view-pane {
    position: absolute;
    inset: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0, 8px, 0);
    transition:
        opacity 0.11s ease-out,
        visibility 0.11s ease-out,
        transform 0.11s ease-out;
    will-change: opacity, transform;
}

.gw-view-pane.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
    transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
    .gw-view-pane {
        transition: none;
        transform: none;
    }

    .gw-view-pane.is-active {
        transform: none;
    }
}

.gw-view-pane--stations {
    display: flex;
    flex-direction: column;
    padding: 0;
    background: transparent;
    overflow: hidden;
}

.gw-view-pane--stations .gw-main {
    flex: 1;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

/* ----- Sol panel: sabit genişlik; masa yokken .gw-sidebar--idle ile içerik görünmez, sütun alanı korunur ----- */
.gw-sidebar--detail {
    --gw-sidebar-w: 300px;
    box-sizing: border-box;
    flex: 0 0 var(--gw-sidebar-w);
    width: var(--gw-sidebar-w);
    min-width: var(--gw-sidebar-w);
    max-width: var(--gw-sidebar-w);
    align-self: stretch;
    min-height: calc(100dvh - var(--gw-header-chrome-h));
    min-height: calc(100vh - var(--gw-header-chrome-h));
    max-height: calc(100dvh - var(--gw-header-chrome-h));
    max-height: calc(100vh - var(--gw-header-chrome-h));
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.75rem 0.75rem 1rem;
    background: linear-gradient(180deg, #0f1419 0%, #0a0d12 100%);
    border-right: 1px solid var(--gw-border);
    box-shadow: 6px 0 28px rgba(0, 0, 0, 0.45);
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

/* Boş / seçim yok: sütun yine de Süreli Aç vb. göstersin (masaüstünde de mobildeki gibi — client’ta “panel yok” algısı olmasın) */
aside.gw-sidebar.gw-sidebar--detail.gw-sidebar--idle #gw-sidebar-workspace {
    visibility: visible;
    pointer-events: auto;
}

.gw-sidebar__panel-title {
    margin: 0;
    font-family: var(--gw-font-display);
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--gw-text);
    line-height: 1.3;
}

.gw-sidebar__tabs {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.gw-sidebar__tab {
    flex: 1;
    min-width: 0;
    padding: 0.4rem 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    font-family: var(--gw-font-ui);
    border: 1px solid var(--gw-border);
    border-radius: 8px;
    background: rgba(30, 41, 59, 0.6);
    color: var(--gw-muted);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.gw-sidebar__tab:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.gw-sidebar__tab.is-active {
    background: linear-gradient(180deg, #2563eb, var(--gw-panel-blue));
    border-color: #3b82f6;
    color: #fff;
    box-shadow: 0 0 16px rgba(37, 99, 235, 0.35);
}

.gw-sidebar__card {
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    isolation: isolate;
    padding: 0.45rem 0.55rem 0.55rem;
    border-radius: 10px;
    background: linear-gradient(165deg, rgba(37, 99, 235, 0.22), var(--gw-panel-card));
    border: 1px solid rgba(59, 130, 246, 0.35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Kapalı masa veya seçim yok: borç/sipariş yok; üstte istasyon + tarife (PS kol dahil), altta Süreli/Süresiz */
.gw-sidebar-workspace--session-details-off .gw-sidebar__card-status,
.gw-sidebar-workspace--session-details-off .gw-sidebar__card-times,
.gw-sidebar-workspace--session-details-off #gw-customer-hud,
.gw-sidebar-workspace--session-details-off .gw-sidebar__card-money,
.gw-sidebar-workspace--session-details-off #gw-order-sidebar {
    display: none !important;
}

.gw-sidebar-workspace--session-details-off .gw-sidebar__card {
    padding-bottom: 0.4rem;
}

.gw-sidebar-workspace--session-details-off .gw-sidebar__card-top {
    margin-bottom: 0.22rem;
}

.gw-sidebar-workspace--session-details-off .gw-sidebar__card-line {
    margin-bottom: 0.32rem;
}

.gw-sidebar__card-top {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    margin-bottom: 0.32rem;
}

.gw-sidebar__pc-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 7px;
    background: rgba(15, 23, 42, 0.65);
    color: #93c5fd;
    border: 1px solid rgba(96, 165, 250, 0.35);
}

.gw-sidebar__pc-ico svg {
    width: 19px;
    height: 19px;
}

.gw-sidebar__card-title {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.gw-sidebar__card-kind {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--gw-muted);
    font-weight: 600;
    line-height: 1.3;
}

.gw-sidebar__card-kind--fun {
    text-transform: none;
    letter-spacing: 0.03em;
    font-size: 0.52rem;
    line-height: 1.25;
    font-weight: 700;
    color: #00ffff;
}

.gw-sidebar__card-num {
    font-family: var(--gw-font-display);
    font-size: 1.38rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.12;
}

.gw-sidebar__card-num--hidden {
    opacity: 0;
    height: 0;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    line-height: 0;
    pointer-events: none;
}

.gw-sidebar__card-line {
    margin: 0 0 0.28rem;
    font-size: 0.84rem;
    line-height: 1.38;
    color: #cbd5e1;
    font-weight: 600;
}

.gw-sidebar__card-status {
    margin: 0 0 0.34rem;
    font-size: 0.88rem;
    line-height: 1.38;
    font-weight: 700;
    color: #86efac;
}

.gw-sidebar__card-status--admin {
    color: #fb923c;
}

.gw-sidebar__card-times {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    margin-bottom: 0.38rem;
    font-size: 0.943rem; /* ~%15 büyük: 0.82 * 1.15 */
    line-height: 1.38;
    color: var(--gw-muted);
}

.gw-sidebar__card-times strong {
    color: #e2e8f0;
    font-weight: 600;
}

.gw-sidebar__open-row {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.35rem;
}

.gw-sidebar__open-value {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
}

.gw-sidebar__open-row--has-session .gw-panel-open-display {
    cursor: pointer;
    border-radius: 4px;
    outline-offset: 2px;
}

.gw-sidebar__open-row--has-session .gw-panel-open-display:hover {
    color: #f1f5f9;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.gw-sidebar__open-editor {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    flex-wrap: wrap;
}

.gw-panel-open-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 1.4rem; /* 1.75 * 0.8 — %20 küçük */
    height: 1.4rem;
    border: none;
    border-radius: 5px; /* 6 * 0.8 ≈ 5 */
    cursor: pointer;
    flex-shrink: 0;
    transition: transform 0.1s ease, filter 0.15s ease;
}

.gw-panel-open-action:hover {
    filter: brightness(1.08);
}

.gw-panel-open-action:active {
    transform: scale(0.94);
}

.gw-panel-open-action:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.7);
    outline-offset: 2px;
}

.gw-panel-open-action--ok {
    background: rgba(34, 197, 94, 0.35);
    color: #4ade80;
    border: 1px solid rgba(74, 222, 128, 0.45);
}

.gw-panel-open-action--ok:hover {
    background: rgba(34, 197, 94, 0.5);
    color: #86efac;
}

.gw-panel-open-action--cancel {
    background: rgba(239, 68, 68, 0.28);
    color: #f87171;
    border: 1px solid rgba(248, 113, 113, 0.45);
}

.gw-panel-open-action--cancel:hover {
    background: rgba(239, 68, 68, 0.42);
    color: #fca5a5;
}

.gw-panel-open-action i {
    font-size: 0.6rem; /* 0.75 * 0.8 */
    line-height: 1;
    pointer-events: none;
}

.gw-panel-open-input:not(.gw-panel-open-input--sr-only) {
    margin: 0;
    padding: 0.1rem 0.32rem;
    font-size: inherit;
    line-height: 1.35;
    font-family: inherit;
    color: #e2e8f0;
    background: rgba(15, 23, 42, 0.75);
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 6px;
    min-width: 6.5rem;
    max-width: 100%;
}

.gw-panel-open-input:not(.gw-panel-open-input--sr-only):focus {
    outline: none;
    border-color: rgba(96, 165, 250, 0.55);
    box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2);
}

/* Görünür saat kutusu yok; tarayıcı saat seçici / kayıt için gizli alan */
.gw-panel-open-input--sr-only {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    border: 0;
    opacity: 0;
    min-width: 0;
}

/* Müşteri HUD — glassmorphism + neon (ana panel ile uyum) */
#gw-customer-hud.gw-customer-hud {
    margin-top: 0.38rem;
    padding: 0.52rem 0.55rem 0.48rem;
    border-radius: 14px;
    background: linear-gradient(
        155deg,
        rgba(30, 41, 59, 0.42) 0%,
        rgba(15, 23, 42, 0.38) 48%,
        rgba(15, 23, 42, 0.52) 100%
    );
    backdrop-filter: blur(16px) saturate(1.35);
    -webkit-backdrop-filter: blur(16px) saturate(1.35);
    border: 1px solid rgba(56, 189, 248, 0.38);
    box-shadow:
        0 0 0 1px rgba(56, 189, 248, 0.12),
        0 0 24px rgba(56, 189, 248, 0.12),
        0 10px 36px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
    isolation: isolate;
}

#gw-customer-hud.gw-customer-hud--neon-ps {
    border-color: rgba(167, 139, 250, 0.45);
    box-shadow:
        0 0 0 1px rgba(192, 132, 252, 0.14),
        0 0 26px rgba(139, 92, 246, 0.18),
        0 10px 36px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.gw-customer-hud__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    margin-bottom: 0.42rem;
    padding-bottom: 0.32rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.gw-customer-hud__head-title {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, 0.88);
}

.gw-customer-hud__head-title i {
    color: var(--gw-accent-color);
    font-size: 0.72rem;
    filter: drop-shadow(0 0 6px rgba(56, 189, 248, 0.55));
}

.gw-customer-hud--neon-ps .gw-customer-hud__head-title i {
    color: #c084fc;
    filter: drop-shadow(0 0 6px rgba(192, 132, 252, 0.55));
}

.gw-customer-hud__head-live {
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(52, 211, 153, 0.95);
    text-shadow: 0 0 12px rgba(34, 197, 94, 0.35);
}

.gw-customer-hud__row {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
    padding: 0.12rem 0;
}

.gw-customer-hud__row-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.28rem 0.35rem;
}

.gw-customer-hud__ico {
    font-size: 0.78rem;
    color: rgba(148, 163, 184, 0.95);
    opacity: 0.95;
}

.gw-customer-hud__ico--glass {
    font-size: 0.7rem;
    color: rgba(34, 211, 238, 0.75);
}

.gw-customer-hud__label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.92);
}

.gw-customer-hud__hint {
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: none;
    font-size: 0.58rem;
    color: rgba(148, 163, 184, 0.65);
}

.gw-customer-hud__balance {
    font-family: var(--gw-font-display);
    font-size: 1.42rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 0.02em;
    color: #4ade80;
    text-shadow:
        0 0 20px rgba(74, 222, 128, 0.45),
        0 0 40px rgba(34, 197, 94, 0.2);
    font-variant-numeric: tabular-nums;
    align-self: flex-start;
}

.gw-customer-hud__row--balance.gw-customer-hud__row--guest .gw-customer-hud__balance {
    font-size: 1rem;
    color: rgba(148, 163, 184, 0.75);
    text-shadow: none;
}

.gw-customer-hud__time-block {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    width: 100%;
}

.gw-customer-hud__elapsed {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--gw-accent-color);
    text-shadow: 0 0 14px rgba(34, 211, 238, 0.35);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
}

.gw-customer-hud__bar {
    position: relative;
    width: 100%;
    height: 5px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.75);
    border: 1px solid rgba(34, 211, 238, 0.22);
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}

.gw-customer-hud--neon-ps .gw-customer-hud__bar {
    border-color: rgba(167, 139, 250, 0.32);
}

.gw-customer-hud__bar-fill {
    height: 100%;
    width: 0%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0891b2, var(--gw-accent-color) 40%, #67e8f9);
    box-shadow: 0 0 12px rgba(34, 211, 238, 0.55);
    transition: width 0.35s ease;
}

.gw-customer-hud--neon-ps .gw-customer-hud__bar-fill {
    background: linear-gradient(90deg, #7c3aed, #a78bfa 45%, #c4b5fd);
    box-shadow: 0 0 12px rgba(167, 139, 250, 0.55);
}

.gw-customer-hud__due {
    font-family: var(--gw-font-display);
    font-size: 1.05rem;
    font-weight: 800;
    color: #fca5a5;
    text-shadow: 0 0 14px rgba(248, 113, 113, 0.35);
    font-variant-numeric: tabular-nums;
    align-self: flex-start;
}

.gw-customer-hud__due.gw-customer-hud__due--admin {
    font-size: 1rem;
    color: #fb923c;
    text-shadow: 0 0 12px rgba(251, 146, 60, 0.35);
}

@keyframes gw-customer-hud-flash {
    0% {
        filter: brightness(1);
    }
    35% {
        filter: brightness(1.35);
    }
    100% {
        filter: brightness(1);
    }
}

.gw-customer-hud__flash {
    animation: gw-customer-hud-flash 0.55s ease-out 1;
}

.gw-customer-hud__sep {
    height: 1px;
    margin: 0.02rem 0;
    background: linear-gradient(90deg, transparent, rgba(148, 163, 184, 0.28) 20%, rgba(148, 163, 184, 0.28) 80%, transparent);
    border: none;
}

.gw-sidebar__card-money {
    padding-top: 0.34rem;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    font-size: 0.82rem;
    line-height: 1.38;
}

.gw-sidebar__money-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.35rem;
    margin-bottom: 0.2rem;
    color: #cbd5e1;
}

.gw-sidebar__money-row strong {
    font-size: 0.86rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.gw-sidebar__money-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.28rem;
    padding-top: 0.32rem;
    border-top: 1px solid rgba(148, 163, 184, 0.15);
    font-size: 0.9rem;
    font-weight: 700;
    color: #fff;
}

.gw-sidebar__money-total strong {
    font-size: 1.02rem;
    color: #fde047;
    font-variant-numeric: tabular-nums;
}

.gw-sidebar__money-total--solo {
    margin-top: 0;
    padding-top: 0.28rem;
    border-top: none;
}

.gw-sidebar__money-total--admin {
    justify-content: center;
    color: #fb923c;
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.gw-order-sidebar--lines-only {
    padding-top: 0.42rem;
}

.gw-order-sidebar--lines-only .gw-order-sidebar__lines-toggle {
    margin-top: 0;
}

.gw-sidebar__session {
    flex: 0 0 auto;
    position: relative;
    z-index: 0;
    margin-top: 0.15rem;
    padding: 0.65rem 0.45rem 0.5rem;
    border-radius: 10px;
    background: rgba(10, 13, 18, 0.92);
    border: 1px solid rgba(51, 65, 85, 0.6);
    margin-bottom: 0.25rem;
}

.gw-sidebar__session-panel {
    display: block;
}

.gw-sidebar__session-panel--busy {
    padding: 0.25rem 0 0.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
}

.gw-sidebar__session-panel--no-tariff {
    opacity: 0.55;
    pointer-events: none;
}

.gw-sidebar__cta--from-admin-unlimited {
    background: linear-gradient(180deg, #134e4a 0%, #0f766e 48%, #0d9488 100%);
    box-shadow: 0 4px 18px rgba(20, 184, 166, 0.35);
    border: 1px solid rgba(45, 212, 191, 0.45);
    color: #ecfdf5;
}

.gw-sidebar__cta--from-admin-unlimited:hover {
    filter: brightness(1.1);
}

.gw-sidebar__cta--solo-timed {
    min-height: 3rem;
    padding: 0.85rem 1rem;
    font-size: 0.93rem;
    letter-spacing: 0.025em;
    border-radius: 16px;
    box-shadow:
        0 6px 24px rgba(37, 99, 235, 0.52),
        0 0 0 1px rgba(147, 197, 253, 0.28);
}

.gw-sidebar__cta--solo-timed:hover {
    filter: brightness(1.09);
    transform: translateY(-1px);
}

/* Süreli oturumda: Süresiz Yap — turuncu/kırmızı ton */
.gw-sidebar__cta--solo-timed.gw-sidebar__cta--to-unlimited {
    background: linear-gradient(180deg, #ea580c, #9a3412);
    box-shadow:
        0 6px 24px rgba(154, 52, 18, 0.55),
        0 0 0 1px rgba(253, 186, 116, 0.35);
}

.gw-sidebar__cta--solo-timed.gw-sidebar__cta--to-unlimited:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.gw-sidebar__cta--extend-time {
    min-height: 2.65rem;
    padding: 0.7rem 1rem;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: 100%;
    cursor: pointer;
    border: 1px solid rgba(59, 130, 246, 0.45);
    color: #dbeafe;
    background: linear-gradient(180deg, #1d4ed8, #1e3a8a);
    box-shadow:
        0 4px 16px rgba(37, 99, 235, 0.4),
        0 0 0 1px rgba(147, 197, 253, 0.2);
}

.gw-sidebar__cta--extend-time:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.gw-sidebar__cta--extend-time i {
    font-size: 0.85rem;
    opacity: 0.95;
}

.gw-sidebar__cta--solo-timed.gw-sidebar__cta--pending-checkout {
    background: linear-gradient(180deg, #d97706, #b45309);
    box-shadow:
        0 6px 24px rgba(180, 83, 9, 0.5),
        0 0 0 1px rgba(252, 211, 77, 0.35);
}

.gw-sidebar__cta--solo-timed.gw-sidebar__cta--pending-checkout:hover {
    filter: brightness(1.07);
    transform: translateY(-1px);
}

.gw-sidebar__session-title {
    margin: 0 0 0.5rem;
    text-align: center;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: var(--gw-text);
    line-height: 1.3;
}

/* Elle giriş: üst satır dk | TL, alt satır Aç | Aç — preset grid ile aynı sütun genişliği */
.gw-sidebar__manual-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 5px;
    margin-bottom: 8px;
    align-items: stretch;
}

.gw-sidebar__manual-grid .gw-sidebar__spin {
    min-height: 30px;
}

.gw-sidebar__manual-grid .gw-sidebar__btn-ac {
    width: 100%;
    box-sizing: border-box;
    min-height: 30px;
    padding: 5px 6px;
}

.gw-sidebar__spin {
    display: flex;
    align-items: center;
    border: 1px solid var(--gw-border);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.55);
    overflow: hidden;
}

.gw-sidebar__input {
    flex: 1;
    min-width: 0;
    border: none;
    padding: 5px 5px;
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--gw-text);
    background: transparent;
}

.gw-sidebar__input:focus {
    outline: none;
}

.gw-sidebar__spin-suffix {
    padding: 0 6px 0 0;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--gw-muted);
    white-space: nowrap;
}

.gw-sidebar__btn-ac {
    padding: 5px 8px;
    font-size: 0.74rem;
    font-weight: 700;
    border: 1px solid var(--gw-border);
    border-radius: 8px;
    background: linear-gradient(180deg, #334155, #1e293b);
    border-color: #475569;
    cursor: pointer;
    color: #f1f5f9;
}

.gw-sidebar__btn-ac:hover {
    filter: brightness(1.05);
}

.gw-sidebar__preset-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 5px;
    margin-bottom: 8px;
}

.gw-sidebar__preset {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 0.32rem 0.35rem;
    font-size: 0.65rem;
    font-weight: 600;
    text-align: left;
    line-height: 1.2;
    border: 1px solid var(--gw-border);
    border-radius: 12px;
    background: linear-gradient(180deg, #1e293b, #0f172a);
    color: rgb(226, 232, 240);
    cursor: pointer;
    min-height: 30px;
}

.gw-sidebar__preset-label {
    display: flex;
    align-items: baseline;
    flex: 1;
    min-width: 0;
    gap: 0.32em;
    justify-content: flex-start;
}

.gw-sidebar__preset--time {
    display: grid;
    grid-template-columns: 13px 1fr 13px;
    align-items: center;
    column-gap: 0;
    text-align: center;
}

.gw-sidebar__preset--time .gw-sidebar__svg-ico {
    grid-column: 1;
    grid-row: 1;
    flex: none;
    width: 13px;
    margin: 0;
    justify-self: start;
    align-self: center;
}

.gw-sidebar__preset--time .gw-sidebar__preset-label {
    grid-column: 2;
    grid-row: 1;
    display: grid;
    grid-template-columns: 3.75ch auto;
    gap: 0.32em;
    align-items: baseline;
    flex: none;
    min-width: 0;
    justify-self: center;
}

.gw-sidebar__preset--time .gw-sidebar__preset-num {
    flex: 0 0 auto;
    min-width: 0;
    text-align: right;
    justify-self: end;
}

.gw-sidebar__preset--time .gw-sidebar__preset-suffix {
    justify-self: start;
}

.gw-sidebar__preset--money {
    justify-content: center;
    text-align: center;
}

.gw-sidebar__preset--money .gw-sidebar__preset-label {
    display: grid;
    grid-template-columns: 7ch auto;
    gap: 0.32em;
    align-items: baseline;
    flex: 0 1 auto;
    justify-content: center;
}

.gw-sidebar__preset--money .gw-sidebar__preset-num {
    flex: 0 0 auto;
    min-width: 0;
    text-align: right;
    justify-self: end;
}

.gw-sidebar__preset--money .gw-sidebar__preset-suffix {
    justify-self: start;
}

.gw-sidebar__preset-num {
    font-size: calc(1.02rem * 0.85);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.05;
}

.gw-sidebar__preset-suffix {
    flex-shrink: 0;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    opacity: 0.92;
    white-space: nowrap;
}

.gw-sidebar__preset:hover {
    filter: brightness(1.08);
    border-color: #64748b;
}

.gw-sidebar__wide {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid var(--gw-border);
    border-radius: 14px;
    background: linear-gradient(180deg, #1e293b, #0f172a);
    color: rgb(226, 232, 240);
    cursor: pointer;
    text-align: center;
    position: relative;
    z-index: 1;
}

.gw-sidebar__wide:hover {
    filter: brightness(1.06);
}

.gw-sidebar__wide--infinity {
    margin-top: 2px;
    border-radius: 16px;
    border-color: rgba(45, 212, 191, 0.35);
    box-shadow: 0 0 0 1px rgba(45, 212, 191, 0.12);
}

.gw-sidebar__svg-ico {
    flex-shrink: 0;
}

.gw-sidebar__preset .gw-sidebar__svg-ico {
    width: 13px;
    height: 13px;
}

.gw-sidebar__cta {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: 100%;
    padding: 0.65rem 0.75rem;
    font-size: 0.82rem;
    font-weight: 700;
    font-family: var(--gw-font-ui);
    border: none;
    border-radius: 14px;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(180deg, #3b82f6, var(--gw-panel-blue));
    box-shadow: 0 4px 18px rgba(37, 99, 235, 0.45);
    transition: transform 0.12s, filter 0.12s;
}

.gw-sidebar__cta:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.gw-sidebar__cta:active {
    transform: translateY(0);
}

@media (max-width: 1024px) {
    /* Telefon / dar tablet: tam yükseklik zinciri + boş istasyon paneli yer kaplamasın */
    body.gw-panel {
        display: flex;
        flex-direction: column;
    }

    .gw-header {
        flex: 0 0 auto;
    }

    .gw-layout {
        flex: 1 1 auto;
        flex-direction: column;
        /* Masaüstü min-height (100vh - --gw-header-chrome-h) mobilde içeriği aşağı iter */
        min-height: 0 !important;
    }

    .gw-content {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    .gw-sidebar--detail {
        width: 100%;
        max-width: none;
        flex: 0 0 auto;
        min-width: 0;
        min-height: 0;
        max-height: none;
        border-right: none;
        border-bottom: 1px solid var(--gw-border);
    }

    /*
     * Dar ekranda panel + ızgara: panel yüksekliği sınırlı, taşan kısım panel içinde kayar (görünür kalır).
     */
    aside.gw-sidebar.gw-sidebar--detail:not(.gw-sidebar--idle) {
        max-height: min(52vh, 560px);
        max-height: min(52dvh, 560px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    aside.gw-sidebar.gw-sidebar--detail.gw-sidebar--idle {
        padding: 0.75rem 0.75rem 1rem;
        flex: 0 0 auto;
        max-height: min(52vh, 560px);
        max-height: min(52dvh, 560px);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
}

/* Dikey telefon: panel üstte kalır (gizlenmez); ızgara altta — ikisi de viewport’ta paylaşılır */
@media (max-width: 1024px) and (orientation: portrait) {
    aside.gw-sidebar.gw-sidebar--detail {
        max-height: min(55dvh, 600px) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    .gw-layout > .gw-content {
        flex: 1 1 auto;
        min-height: min(30dvh, 260px);
        min-height: min(30vh, 260px);
        min-width: 0;
    }
}

/*
 * Dar ekran + yatay: dikey sütunda panel kesilir / ızgara kaybolur.
 * Mini masaüstü: panel solda (tam yükseklik, iç scroll), ızgara sağda.
 */
@media (max-width: 1024px) and (orientation: landscape) {
    .gw-layout {
        flex-direction: row;
        align-items: stretch;
        gap: 0;
    }

    .gw-sidebar--detail {
        flex: 0 0 clamp(180px, 34vw, 300px);
        width: clamp(180px, 34vw, 300px);
        min-width: clamp(180px, 34vw, 300px);
        max-width: clamp(180px, 34vw, 300px);
        max-height: none !important;
        align-self: stretch;
        min-height: 0;
        border-top: none;
        border-right: 1px solid var(--gw-border);
        border-bottom: none;
        box-shadow: 6px 0 28px rgba(0, 0, 0, 0.45);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    aside.gw-sidebar.gw-sidebar--detail:not(.gw-sidebar--idle) {
        max-height: none !important;
    }

    aside.gw-sidebar.gw-sidebar--detail.gw-sidebar--idle {
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        max-width: min(34vw, 300px);
    }

    .gw-content {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0;
    }
}

.gw-main {
    position: relative;
    z-index: 2;
    max-width: min(1680px, 100%);
    margin: 0 auto;
    padding: 1.5rem clamp(0.75rem, 2vw, 1.5rem) 2.5rem;
}

.gw-content .gw-main {
    max-width: none;
    margin: 0;
    width: 100%;
    padding: 1.15rem clamp(0.5rem, 1.5vw, 1.1rem) 2rem;
}

.gw-section {
    margin-bottom: 1.75rem;
}

.gw-section-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.65rem;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, var(--gw-blue), transparent) 1;
}

/* Ana ekran: sol tuşla sürüklerken başlık / araç çubuğu / birleşik blok kromu metni seçilmesin */
#gw-view-stations .gw-section-head,
#gw-view-stations .gw-section-head *,
#gw-view-stations .gw-pc-toolbar,
#gw-view-stations .gw-pc-toolbar *,
#gw-view-stations .gw-stations-grids__chrome,
#gw-view-stations .gw-stations-grids__chrome * {
    user-select: none;
    -webkit-user-select: none;
}

/* PC + kafe tek görsel alan (üst başlık + araç çubuğu aynı section içinde kalır) */
.gw-stations-grids {
    position: relative;
    isolation: isolate;
    margin-top: 0.35rem;
    padding: 0.85rem clamp(0.55rem, 1.6vw, 1.1rem) 1.05rem;
    border-radius: 18px;
    background: rgba(8, 12, 22, 0.52);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(100, 116, 139, 0.22);
    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.gw-stations-grids__divider {
    height: 1px;
    margin: 0.55rem 0 0.45rem;
    background: linear-gradient(90deg, rgba(56, 189, 248, 0.55), transparent 72%);
    border: 0;
    padding: 0;
}

.gw-stations-grids__row-label {
    margin: 0 0 0.28rem;
    font-family: var(--gw-font-display), system-ui, sans-serif;
    font-size: clamp(0.92rem, 1.9vw, 1.08rem);
    font-weight: 700;
    letter-spacing: 0.16em;
    color: var(--gw-text);
    text-shadow: 0 0 12px rgba(37, 99, 235, 0.18);
}

/* Kafe: Tümü/PC/PS/Racing/Akıllı Ev sekmelerinde gizli; yalnız «Kafeterya» sekmesinde (#pc-grid sınıfı) */
#pc-grid:not(.gw-stations-grids--kafeterya-tab-active) > #gw-section-cafe,
#pc-grid:not(.gw-stations-grids--kafeterya-tab-active) > #grid-cafe {
    display: none !important;
}

#pc-grid:not(.gw-stations-grids--kafeterya-tab-active) > #grid-pc + .gw-stations-grids__divider {
    display: none !important;
}

/* Kafeterya sekmesi: PC + IoT + dükkan şeridi gizli; yalnız kafe başlığı + #grid-cafe */
#pc-grid.gw-stations-grids--kafeterya-tab-active > #grid-pc,
#pc-grid.gw-stations-grids--kafeterya-tab-active > #grid-pc + .gw-stations-grids__divider {
    display: none !important;
}

#pc-grid.gw-stations-grids--kafeterya-tab-active #gw-shop-wrap {
    display: none !important;
}

.gw-section-head--pc {
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0.45rem 0.65rem;
}

.gw-pc-session-alert-strip {
    margin: 0;
    padding: 0.4rem 0.65rem;
    border-radius: 9px;
    background: rgba(127, 29, 29, 0.5);
    border: 1px solid rgba(248, 113, 113, 0.5);
    color: #fecaca;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.35;
    box-shadow: 0 0 18px rgba(239, 68, 68, 0.22);
}

.gw-pc-session-alert-strip[hidden] {
    display: none !important;
}

.gw-section-head__cluster {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem 0.65rem;
    min-width: 0;
    flex: 1 1 auto;
}

.gw-section-head--pc .gw-section-title {
    flex-shrink: 0;
    margin: 0;
}

.gw-section-meta--pc {
    margin-left: auto;
    flex-shrink: 0;
    text-align: right;
    max-width: min(42%, 22rem);
    line-height: 1.35;
}

@media (max-width: 1100px) {
    .gw-section-head--pc {
        flex-wrap: wrap;
    }

    .gw-section-meta--pc {
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        text-align: left;
    }
}

.gw-pc-type-tabs-wrap {
    margin: 0.35rem 0 0.75rem;
    padding: 0.4rem 0.5rem;
    border-radius: 999px;
    background: rgba(6, 10, 20, 0.55);
    border: 1px solid rgba(71, 85, 105, 0.35);
    box-shadow:
        0 10px 32px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    overflow: visible;
}

#gw-pc-type-tabs {
    overflow: visible;
}

/* Yüzen panel gövdesi (#gw-panel-music-player = .gw-music-float-panel) */
.gw-panel-music-player {
    --gw-music-player-face: #121a24;
    --gw-music-neon: rgba(94, 234, 212, 0.55);
    --gw-music-neon-deep: rgba(13, 148, 136, 0.8);
    box-sizing: border-box;
}

.gw-music-float-panel.gw-panel-music-player {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: auto;
    min-height: 0;
    max-height: none;
    min-width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    isolation: isolate;
    z-index: 3;
    pointer-events: auto;
}

.gw-music-float-panel.is-playing {
    border-color: rgba(56, 189, 198, 0.38);
    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(0, 0, 0, 0.35),
        0 0 18px rgba(45, 212, 191, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gw-music-float-panel.gw-panel-music-player--m-epic.is-playing,
.gw-music-float-panel.gw-panel-music-player--m-action.is-playing {
    border-color: rgba(248, 113, 113, 0.28);
    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(0, 0, 0, 0.35),
        0 0 16px rgba(239, 68, 68, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gw-music-float-panel.gw-panel-music-player--m-heist.is-playing {
    border-color: rgba(251, 146, 60, 0.3);
    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(0, 0, 0, 0.35),
        0 0 16px rgba(249, 115, 22, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gw-music-float-panel.gw-panel-music-player--m-live.is-playing {
    border-color: rgba(52, 211, 153, 0.32);
    box-shadow:
        0 18px 48px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(0, 0, 0, 0.35),
        0 0 16px rgba(34, 197, 94, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gw-panel-music-player audio {
    display: none;
}

/* RADYOLAR: ızgara (yüzen panel içi) */
.gw-panel-music-player__radio-rail {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin-top: 0.32rem;
    padding: 0.18rem 0.12rem 0.22rem;
    box-sizing: border-box;
    background-color: var(--gw-music-player-face, #141c26) !important;
    border-top: 1px solid rgba(0, 242, 255, 0.22);
    overflow: visible;
}

/* MODLAR: alt yatay mod şeridi (dropdown yok) */
.gw-panel-music-player__mode-rail {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    margin-top: 0.32rem;
    padding: 0.22rem 0.28rem 0.28rem;
    box-sizing: border-box;
    background-color: var(--gw-music-player-face, #141c26) !important;
    border-top: 1px solid rgba(0, 242, 255, 0.22);
    overflow: visible;
}

.gw-panel-music-mode-rail__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 0.35rem 0.42rem;
    width: 100%;
    min-height: 0;
}

.gw-panel-music-mode-rail__inner.gw-panel-music-mode-rail__inner--float {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    gap: 0.45rem;
    justify-content: stretch;
}

/* Float ses paneli: 5 mod — eşit sütun, yatayda simetrik (dar ekranda 2+2+1) */
#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-rail__inner.gw-panel-music-mode-rail__inner--float {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.48rem;
    width: 100%;
    padding: 0.1rem 0.2rem 0.32rem;
    box-sizing: border-box;
    justify-items: stretch;
    align-items: stretch;
}

@media (max-width: 520px) {
    #gw-panel-music-player.gw-music-popup .gw-panel-music-mode-rail__inner.gw-panel-music-mode-rail__inner--float {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #gw-panel-music-player.gw-music-popup .gw-panel-music-mode-rail__inner--float .gw-panel-music-mode-row:nth-child(5) {
        grid-column: 1 / -1;
        justify-self: center;
        width: min(100%, 13rem);
        max-width: 100%;
    }
}

.gw-music-float-panel .gw-panel-music-player__mode-rail .gw-panel-music-mode-row {
    width: 100%;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
}

.gw-panel-music-player__mode-rail .gw-panel-music-mode-row {
    position: relative;
    width: auto;
    min-width: 5.2rem;
    max-width: 9.5rem;
    flex: 0 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.18rem;
    padding: 0.28rem 0.42rem 0.42rem;
    text-align: center;
}

.gw-panel-music-player__mode-rail .gw-panel-music-mode-row::after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 0.12rem;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 242, 255, 0.38), transparent);
    box-shadow: 0 0 8px rgba(0, 242, 255, 0.08);
    opacity: 0.55;
    pointer-events: none;
}

.gw-panel-music-player__mode-rail .gw-panel-music-mode-row:hover::after,
.gw-panel-music-player__mode-rail .gw-panel-music-mode-row.is-active::after {
    opacity: 1;
    box-shadow: 0 0 8px rgba(0, 242, 255, 0.1);
}

.gw-panel-music-player__mode-rail .gw-panel-music-mode-row__txt {
    font-size: 0.58rem;
    line-height: 1.15;
}

/* MP3: alt yatay şerit */
.gw-panel-music-player__mp3-rail {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    margin-top: 0.32rem;
    padding: 0.22rem 0.28rem 0.26rem;
    box-sizing: border-box;
    background-color: var(--gw-music-player-face, #141c26) !important;
    border-top: 1px solid rgba(0, 242, 255, 0.22);
    overflow: visible;
}

.gw-panel-music-mp3-rail__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
}

.gw-panel-music-player__mp3-rail .gw-panel-music-mp3-zone--drawer {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.45rem 0.55rem;
    width: 100%;
    max-width: 100%;
}

.gw-panel-music-player__mp3-rail .gw-panel-music-mp3-zone--drawer .gw-panel-music-mp3-zone__pick {
    flex: 1 1 0;
    min-width: 0;
}

.gw-panel-music-player__mp3-rail .gw-panel-music-mp3-zone--drawer .gw-panel-music-mp3-zone__list {
    flex: 1 1 10rem;
    max-width: min(22rem, 100%);
    max-height: none;
    overflow: visible;
}

/* Dijital bilgi ekranı — sol panel: marquee + spektrum + scanline */
.gw-panel-music-player__info-screen {
    flex: 1 1 0;
    min-width: 5.5rem;
    max-width: 42%;
    align-self: stretch;
    display: flex;
    min-height: 0;
}

.gw-panel-music-info-screen__bezel {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 1.28rem;
    max-height: 1.48rem;
    border-radius: 6px;
    border: 1px solid rgba(0, 242, 255, 0.22);
    background: linear-gradient(180deg, rgba(18, 26, 36, 0.96) 0%, rgba(12, 18, 28, 0.98) 100%);
    box-shadow:
        inset 0 0 14px rgba(0, 242, 255, 0.035),
        0 0 8px rgba(0, 242, 255, 0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 0.06rem 0.14rem 0.06rem;
    box-sizing: border-box;
}

.gw-panel-music-info-screen:not(.gw-panel-music-info-screen--playing) .gw-panel-music-info-screen__marquee-outer {
    min-height: 0;
    max-height: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.gw-panel-music-info-screen__marquee-outer {
    flex: 0 0 auto;
    width: 100%;
    min-height: 0.48rem;
    max-height: 0.54rem;
    overflow: hidden;
    margin-bottom: 0.06rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

.gw-panel-music-info-screen--playing .gw-panel-music-info-screen__marquee-outer {
    opacity: 1;
}

.gw-panel-music-info-screen--playing .gw-panel-music-info-screen__bezel {
    min-height: 1.38rem;
    max-height: 1.62rem;
}

.gw-panel-music-info-screen__marquee-inner {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    will-change: transform;
    animation: gw-music-info-marquee 14s linear infinite;
}

.gw-panel-music-info-screen--playing .gw-panel-music-info-screen__marquee-inner {
    animation-play-state: running;
}

.gw-panel-music-info-screen:not(.gw-panel-music-info-screen--playing) .gw-panel-music-info-screen__marquee-inner {
    animation-play-state: paused;
}

@keyframes gw-music-info-marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.gw-panel-music-info-screen__marquee-seg {
    flex: 0 0 auto;
    padding-right: 2.5rem;
    font-size: 0.52rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(225, 252, 255, 0.92);
    text-shadow:
        0 0 4px rgba(0, 242, 255, 0.18),
        0 0 8px rgba(0, 206, 222, 0.1);
}

.gw-panel-music-info-screen__viz-wrap {
    position: relative;
    flex: 1 1 auto;
    min-height: 0.48rem;
    width: 100%;
    min-width: 0;
}

.gw-panel-music-info-screen__canvas {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0.48rem;
    vertical-align: bottom;
    border-radius: 4px;
    background: rgba(10, 14, 22, 0.42);
}

.gw-panel-music-info-screen__idle {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    pointer-events: none;
    transition: opacity 0.28s ease;
}

.gw-panel-music-info-screen--playing .gw-panel-music-info-screen__idle {
    opacity: 0;
}

.gw-panel-music-info-screen__idle-line {
    width: 72%;
    max-width: 11rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 242, 255, 0.55), transparent);
    box-shadow: 0 0 6px rgba(0, 242, 255, 0.12);
}

.gw-panel-music-info-screen__idle-msg {
    margin: 0;
    padding: 0 0.2rem;
    font-size: 0.48rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(176, 246, 255, 0.88);
    text-shadow: 0 0 6px rgba(0, 242, 255, 0.12);
    text-align: center;
    line-height: 1.25;
}

.gw-panel-music-info-screen__scanlines {
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: 7px;
    opacity: 0.14;
    background: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.28) 0px,
        rgba(0, 0, 0, 0.28) 1px,
        transparent 1px,
        transparent 3px
    );
    mix-blend-mode: multiply;
}

.gw-panel-music-player__main {
    flex: 0 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.gw-panel-music-player__tablist {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.08rem;
    flex-shrink: 0;
    border-bottom: 1px solid rgba(100, 116, 139, 0.38);
}

.gw-panel-music-tab {
    position: relative;
    appearance: none;
    margin: 0;
    padding: 0.02rem 0.22rem 0.04rem;
    border: none;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background: transparent;
    color: rgba(148, 163, 184, 0.95);
    font-size: 0.46rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1.1;
    cursor: pointer;
    transition:
        color 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease,
        text-shadow 0.3s ease;
}

.gw-panel-music-tab:hover {
    color: #e2e8f0;
}

.gw-panel-music-tab.is-active {
    color: #e8fcff;
    box-shadow:
        inset 0 -2px 0 rgba(0, 242, 255, 0.88),
        0 0 8px rgba(0, 242, 255, 0.1);
    text-shadow: 0 0 6px rgba(0, 242, 255, 0.14);
}

.gw-panel-music-tab--radyo {
    padding-right: 0.5rem;
}

.gw-panel-music-tab.has-error {
    box-shadow: inset 0 -2px 0 rgba(248, 113, 113, 0.92) !important;
    animation: gw-panel-music-live-err-pulse 1.1s ease-in-out infinite;
}

.gw-panel-music-player__tabs-area {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    align-self: center;
}

.gw-panel-music-dropdown {
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    z-index: 90;
    width: min(100%, 19.5rem);
    max-height: min(72vh, 18.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 11px;
    box-shadow:
        0 18px 52px rgba(0, 0, 0, 0.58),
        0 0 0 1px rgba(0, 242, 255, 0.12),
        0 0 12px rgba(0, 242, 255, 0.06);
    overscroll-behavior: contain;
}

.gw-panel-music-dropdown[hidden] {
    display: none !important;
}

.gw-panel-music-drawer {
    box-sizing: border-box;
    width: 100%;
    padding: 0.32rem 0.45rem 0.42rem;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(180deg, rgba(8, 12, 22, 0.97) 0%, rgba(6, 10, 18, 0.98) 100%);
    border: 1px solid rgba(0, 242, 255, 0.26);
    border-top: none;
    box-shadow: inset 0 1px 0 rgba(0, 242, 255, 0.06);
}

.gw-panel-music-drawer--popover {
    border-radius: 10px;
    border: 1px solid rgba(0, 242, 255, 0.32);
    border-top: 1px solid rgba(0, 242, 255, 0.32);
    box-shadow: inset 0 1px 0 rgba(0, 242, 255, 0.05);
}

.gw-panel-music-drawer[hidden] {
    display: none !important;
}

.gw-panel-music-drawer__head {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.08rem 0.1rem 0.22rem;
}

.gw-panel-music-drawer__head-ico {
    font-size: 0.85rem;
    line-height: 1;
    filter: drop-shadow(0 0 4px rgba(0, 242, 255, 0.14));
}

.gw-panel-music-drawer__head-ico i {
    font-size: 0.72rem;
    color: rgba(176, 246, 255, 0.95);
}

.gw-panel-music-drawer__title {
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #e2e8f0;
}

.gw-panel-music-drawer__divider {
    height: 1px;
    margin: 0 0 0.38rem;
    background: linear-gradient(90deg, transparent, rgba(0, 242, 255, 0.42), transparent);
    box-shadow: 0 0 6px rgba(0, 242, 255, 0.1);
}

.gw-panel-music-drawer__list {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.gw-panel-music-mode-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.48rem;
    width: 100%;
    margin: 0;
    padding: 0.34rem 0.55rem;
    border-radius: 10px;
    border: 1px solid rgba(71, 85, 105, 0.55);
    background: rgba(15, 23, 42, 0.72);
    cursor: pointer;
    text-align: left;
    font: inherit;
    box-sizing: border-box;
    transition:
        border-color 0.16s ease,
        box-shadow 0.2s ease,
        background 0.16s ease,
        color 0.16s ease;
}

.gw-panel-music-mode-row__ico {
    font-size: 1.05rem;
    line-height: 1;
    flex-shrink: 0;
}

.gw-panel-music-mode-row__txt {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #cbd5e1;
}

.gw-panel-music-mode-row--lofi:hover {
    border-color: rgba(167, 139, 250, 0.55);
    box-shadow: 0 0 12px rgba(167, 139, 250, 0.2);
}

.gw-panel-music-mode-row--lofi.is-active {
    border-color: rgba(196, 181, 253, 0.85);
    background: rgba(88, 28, 135, 0.22);
    box-shadow:
        0 0 14px rgba(167, 139, 250, 0.35),
        0 0 28px rgba(139, 92, 246, 0.18);
}

.gw-panel-music-mode-row--lofi.is-active .gw-panel-music-mode-row__txt {
    color: #f5f3ff;
}

.gw-panel-music-mode-row--gaming:hover {
    border-color: rgba(0, 242, 255, 0.42);
    box-shadow: 0 0 8px rgba(0, 242, 255, 0.09);
}

.gw-panel-music-mode-row--gaming.is-active {
    border-color: rgba(0, 242, 255, 0.72);
    background: rgba(0, 242, 255, 0.07);
    box-shadow:
        0 0 8px rgba(0, 242, 255, 0.14),
        0 0 14px rgba(0, 206, 222, 0.07);
}

.gw-panel-music-mode-row--gaming.is-active .gw-panel-music-mode-row__txt {
    color: #e8fcff;
}

.gw-panel-music-mode-row--epic:hover {
    border-color: rgba(248, 113, 113, 0.55);
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.22);
}

.gw-panel-music-mode-row--epic.is-active {
    border-color: rgba(252, 165, 165, 0.9);
    background: rgba(127, 29, 29, 0.25);
    box-shadow:
        0 0 14px rgba(248, 113, 113, 0.4),
        0 0 26px rgba(220, 38, 38, 0.2);
}

.gw-panel-music-mode-row--epic.is-active .gw-panel-music-mode-row__txt {
    color: #ffe4e6;
}

.gw-panel-music-mode-row--action:hover {
    border-color: rgba(239, 68, 68, 0.65);
    box-shadow: 0 0 14px rgba(220, 38, 38, 0.35);
}

.gw-panel-music-mode-row--action.is-active {
    border-color: rgba(252, 165, 165, 0.95);
    background: rgba(127, 29, 29, 0.32);
    box-shadow:
        0 0 16px rgba(239, 68, 68, 0.55),
        0 0 32px rgba(220, 38, 38, 0.35);
}

.gw-panel-music-mode-row--action.is-active .gw-panel-music-mode-row__txt {
    color: #fecaca;
}

.gw-panel-music-mode-row--heist:hover {
    border-color: rgba(251, 146, 60, 0.65);
    box-shadow: 0 0 14px rgba(249, 115, 22, 0.32);
}

.gw-panel-music-mode-row--heist.is-active {
    border-color: rgba(253, 186, 116, 0.95);
    background: rgba(154, 52, 18, 0.28);
    box-shadow:
        0 0 16px rgba(251, 146, 60, 0.55),
        0 0 34px rgba(234, 88, 12, 0.28);
}

.gw-panel-music-mode-row--heist.is-active .gw-panel-music-mode-row__txt {
    color: #ffedd5;
}

/* Float içi mod satırları: bulanık zeminde yüksek kontrast + neon vurgu */
#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-row--lofi:hover {
    border-color: rgba(196, 181, 253, 0.55) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 4px 20px rgba(0, 0, 0, 0.38),
        0 0 26px rgba(167, 139, 250, 0.45),
        0 0 44px rgba(139, 92, 246, 0.2) !important;
}

#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-row--lofi.is-active {
    border-color: rgba(216, 180, 254, 0.75) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 0 28px rgba(167, 139, 250, 0.55),
        0 0 48px rgba(139, 92, 246, 0.28) !important;
}

#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-row--gaming:hover {
    border-color: rgba(0, 242, 255, 0.5) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 4px 20px rgba(0, 0, 0, 0.38),
        0 0 26px rgba(0, 242, 255, 0.38),
        0 0 40px rgba(0, 206, 222, 0.18) !important;
}

#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-row--gaming.is-active {
    border-color: rgba(0, 242, 255, 0.75) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 0 30px rgba(0, 242, 255, 0.5),
        0 0 52px rgba(0, 206, 222, 0.22) !important;
}

#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-row--epic:hover,
#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-row--action:hover,
#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-row--heist:hover {
    border-color: rgba(248, 250, 252, 0.22) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 4px 18px rgba(0, 0, 0, 0.4),
        0 0 22px rgba(248, 113, 113, 0.28) !important;
}

#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-row--epic.is-active,
#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-row--action.is-active {
    border-color: rgba(252, 165, 165, 0.85) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 28px rgba(248, 113, 113, 0.55),
        0 0 46px rgba(220, 38, 38, 0.25) !important;
}

#gw-panel-music-player.gw-music-popup .gw-panel-music-mode-row--heist.is-active {
    border-color: rgba(253, 186, 116, 0.88) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 28px rgba(251, 146, 60, 0.5),
        0 0 46px rgba(234, 88, 12, 0.22) !important;
}

.gw-panel-music-stations--drawer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.28rem;
    width: 100%;
    min-width: 0;
}

.gw-panel-music-stations--rail {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
    gap: 0.28rem 0.32rem;
    align-content: start;
    justify-content: stretch;
    width: 100%;
    min-width: 0;
}

.gw-panel-music-station {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 0;
    padding: 0.2rem 0.38rem;
    border-radius: 999px;
    border: 1px solid rgba(100, 116, 139, 0.5);
    background: rgba(15, 23, 42, 0.75);
    color: #cbd5e1;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition:
        border-color 0.15s ease,
        box-shadow 0.18s ease,
        color 0.15s ease,
        background 0.15s ease;
}

.gw-panel-music-station--row {
    width: 100%;
    max-width: none;
    border-radius: 10px;
    padding: 0.32rem 0.55rem;
    text-align: left;
    display: flex;
    justify-content: flex-start;
}

.gw-panel-music-stations--rail .gw-panel-music-station--tile {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 2.1rem;
    padding: 0.24rem 0.22rem;
    border-radius: 9px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: normal;
    line-height: 1.12;
    font-size: 0.54rem;
    background: transparent;
    border: 1px solid rgba(0, 242, 255, 0.42);
    color: rgba(215, 252, 255, 0.92);
    box-sizing: border-box;
}

.gw-panel-music-stations--rail .gw-panel-music-station--tile:hover {
    border-color: rgba(0, 242, 255, 0.68);
    color: #f8fafc;
    box-shadow:
        0 0 6px rgba(0, 242, 255, 0.12),
        0 0 12px rgba(0, 206, 222, 0.06),
        inset 0 0 8px rgba(0, 242, 255, 0.03);
}

.gw-panel-music-stations--rail .gw-panel-music-station--tile.is-active {
    border-color: rgba(0, 242, 255, 0.75);
    background: rgba(0, 242, 255, 0.07);
    color: #e8fcff;
    box-shadow:
        0 0 8px rgba(0, 242, 255, 0.14),
        0 0 14px rgba(0, 206, 222, 0.06);
}

.gw-music-float-panel .gw-panel-music-stations--rail .gw-panel-music-station--tile {
    border-color: rgba(71, 85, 105, 0.55);
    color: rgba(226, 232, 240, 0.92);
    box-shadow: none;
}

.gw-music-float-panel .gw-panel-music-stations--rail .gw-panel-music-station--tile:hover {
    border-color: rgba(56, 189, 198, 0.42);
    color: #f8fafc;
    box-shadow: 0 0 8px rgba(45, 212, 191, 0.08);
}

.gw-music-float-panel .gw-panel-music-stations--rail .gw-panel-music-station--tile.is-active {
    border-color: rgba(56, 189, 198, 0.55);
    background: rgba(13, 148, 136, 0.12);
    color: #ecfeff;
    box-shadow: 0 0 8px rgba(45, 212, 191, 0.1);
}

.gw-panel-music-station:hover {
    border-color: rgba(0, 242, 255, 0.45);
    color: #f1f5f9;
}

.gw-panel-music-station.is-active {
    border-color: rgba(0, 242, 255, 0.65);
    background: rgba(0, 242, 255, 0.08);
    color: #e8fcff;
    box-shadow: 0 0 6px rgba(0, 242, 255, 0.11);
}

.gw-panel-music-mp3-zone {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
}

.gw-panel-music-mp3-zone--drawer {
    flex-direction: column;
    align-items: stretch;
    gap: 0.4rem;
    flex-wrap: nowrap;
}

.gw-panel-music-mp3-zone--drawer .gw-panel-music-mp3-zone__pick-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0.32rem;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* MP3 listesi = radyo ızgarası (tek sütun, aynı satır yüksekliği ve gap) */
#gw-radio-dropdown .gw-panel-music-mp3-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: var(--gw-radio-station-row-h);
    align-content: start;
    justify-items: stretch;
    gap: var(--gw-radio-stations-scroll-row-gap-y, 0.238rem);
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: visible;
}

#gw-radio-dropdown .gw-panel-music-player__mp3-rail .gw-panel-music-mp3-zone--drawer .gw-panel-music-mp3-zone__list,
#gw-radio-dropdown .gw-panel-music-mp3-list {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
}

#gw-radio-dropdown .gw-panel-music-mp3-list > .gw-panel-music-mp3-row.gw-radio-dropdown__station-row {
    width: 100%;
    min-height: var(--gw-radio-station-row-h);
    max-height: var(--gw-radio-station-row-h);
    height: var(--gw-radio-station-row-h);
    scroll-snap-align: start;
    scroll-snap-stop: normal;
    overflow: hidden;
}

#gw-radio-dropdown .gw-panel-music-mp3-empty {
    margin: 0.35rem 0.2rem;
    padding: 0.55rem 0.45rem;
    border-radius: 10px;
    border: 1px dashed rgba(100, 116, 139, 0.45);
    color: rgba(148, 163, 184, 0.92);
    font-size: 0.68rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.35;
}

.gw-panel-music-mp3-zone__pick:not(.gw-radio-hub-top-tabs__btn) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin: 0;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 242, 255, 0.32);
    background: rgba(15, 23, 42, 0.85);
    color: #e2e8f0;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        box-shadow 0.18s ease;
}

.gw-panel-music-mp3-zone__pick:not(.gw-radio-hub-top-tabs__btn):hover {
    border-color: rgba(0, 242, 255, 0.52);
    box-shadow: 0 0 6px rgba(0, 242, 255, 0.09);
}

/* Dropdown hub: MP3 butonları = Yerli|Yabancı|Game (global pill stil tamamen kapalı) */
#gw-radio-dropdown #gw-panel-music-mp3-pick-row > button.gw-radio-hub-top-tabs__btn {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--gw-radio-dd-hub-btn-h) !important;
    min-height: var(--gw-radio-dd-hub-btn-h) !important;
    max-height: var(--gw-radio-dd-hub-btn-h) !important;
    margin: 0 !important;
    padding: 0 0.28rem !important;
    border-radius: 11px !important;
    border: 1px solid rgba(129, 140, 248, 0.32) !important;
    background: #0c121f !important;
    color: #e8eef7 !important;
    font-family: var(--gw-font-ui, "Rajdhani", system-ui), sans-serif !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    line-height: 1.05 !important;
    appearance: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    transform: translateY(0.5px) !important;
}

#gw-radio-dropdown #gw-panel-music-mp3-pick-row > button#gw-panel-music-mp3-folder-pick {
    border-color: rgba(255, 0, 127, 0.38) !important;
}


.gw-panel-music-mp3-zone__list {
    flex: 1 1 6rem;
    min-width: 0;
    max-height: 2.4rem;
    overflow-y: auto;
    font-size: 0.6rem;
    color: rgba(203, 213, 225, 0.95);
}

.gw-panel-music-mp3-ul {
    margin: 0;
    padding: 0 0 0 1rem;
    list-style: disc;
}

.gw-panel-music-mp3-ul li {
    margin: 0.08rem 0;
    word-break: break-word;
}

.gw-panel-music-player__controls {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.1rem;
    align-self: center;
    padding-left: 0.1rem;
}

.gw-panel-music-tab .gw-panel-music-live-err {
    position: static;
    display: block;
    z-index: 2;
    width: 100%;
    max-width: 11rem;
    min-height: 0;
    margin: 0 0 0.1rem 0;
    padding: 0.2rem 0.35rem;
    border-radius: 6px;
    background: rgba(220, 38, 38, 0.95);
    color: #fff;
    font-size: 0.48rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: normal;
    text-align: left;
    letter-spacing: 0.02em;
    text-transform: none;
    box-shadow: 0 0 8px rgba(248, 113, 113, 0.85);
    pointer-events: none;
}

@keyframes gw-panel-music-live-err-pulse {
    0%,
    100% {
        box-shadow: 0 0 6px rgba(248, 113, 113, 0.45);
    }
    50% {
        box-shadow: 0 0 14px rgba(248, 113, 113, 0.75);
    }
}

.gw-panel-music-mp3-zone .gw-panel-music-player__file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.gw-panel-music-player__transport {
    display: inline-flex;
    gap: 0.06rem;
}

.gw-panel-music-player__icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.05rem;
    height: 0.95rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid rgba(100, 116, 139, 0.42);
    background: rgba(15, 23, 42, 0.55);
    color: #e2e8f0;
    cursor: pointer;
    font-size: 0.5rem;
    transition:
        color 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.gw-panel-music-player__icon-btn:hover {
    color: #fff;
    border-color: rgba(148, 163, 184, 0.55);
    background: rgba(51, 65, 85, 0.75);
}

#gw-panel-music-player.is-playing #gw-panel-music-play {
    border-color: rgba(56, 189, 198, 0.45);
    color: rgba(204, 251, 241, 0.98);
    box-shadow: 0 0 8px rgba(45, 212, 191, 0.1);
}

#gw-panel-music-player.gw-music-popup.is-playing #gw-panel-music-play {
    border-color: rgba(45, 212, 191, 0.58);
    color: #f0fdfa;
    box-shadow:
        inset 0 2px 4px rgba(255, 255, 255, 0.1),
        inset 0 -3px 8px rgba(0, 0, 0, 0.32),
        0 0 24px rgba(45, 212, 191, 0.22);
}

.gw-panel-music-player__vol {
    width: 2.5rem;
    height: 0.72rem;
    margin: 0;
    padding: 0;
    accent-color: var(--gw-music-neon-deep, #00a8bc);
    cursor: pointer;
}

@media (max-width: 1100px) {
    .gw-panel-music-player__vol {
        display: none;
    }
}

.gw-pc-type-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.22rem;
    padding: 0.28rem;
    border-radius: 999px;
    background: rgba(10, 14, 23, 0.55);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(148, 163, 184, 0.14);
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* Üst toolbar ile çift “kutu” olmasın: dış wrap cam, iç track düz */
.gw-pc-type-tabs-wrap .gw-pc-type-tabs {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: none;
    box-shadow: none;
    padding: 0.12rem 0.18rem;
}

.gw-pc-type-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.32rem;
    box-sizing: border-box;
    padding: 0.28rem 0.78rem;
    min-height: 2.15rem;
    height: auto;
    max-height: none;
    border-radius: 999px;
    border: 1px solid rgba(100, 116, 139, 0.38);
    background: rgba(30, 41, 59, 0.72);
    color: #cbd5e1;
    font-size: 0.95rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition:
        color 0.16s ease,
        background 0.16s ease,
        border-color 0.16s ease,
        box-shadow 0.16s ease;
}

.gw-pc-type-tab[hidden],
.gw-pc-type-tab.gw-pc-type-tab--hidden {
    display: none !important;
}

.gw-pc-type-tab:hover {
    color: #f8fafc;
    border-color: rgba(148, 163, 184, 0.48);
    background: rgba(51, 65, 85, 0.88);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 10px rgba(0, 0, 0, 0.2);
    transform: none;
}

.gw-pc-type-tab.is-active {
    color: #f8fafc;
    font-weight: 600;
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.1);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 12px rgba(0, 0, 0, 0.22);
}

.gw-pc-type-tab--pc.is-active {
    border-color: rgba(56, 189, 248, 0.28);
    background: linear-gradient(180deg, rgba(14, 165, 233, 0.18), rgba(15, 23, 42, 0.45));
    box-shadow:
        inset 0 1px 0 rgba(125, 211, 252, 0.12),
        0 2px 14px rgba(14, 165, 233, 0.12);
}

.gw-pc-type-tab--ps.is-active {
    border-color: rgba(167, 139, 250, 0.32);
    background: linear-gradient(180deg, rgba(139, 92, 246, 0.2), rgba(15, 23, 42, 0.48));
    box-shadow:
        inset 0 1px 0 rgba(196, 181, 253, 0.1),
        0 2px 14px rgba(139, 92, 246, 0.12);
}

.gw-pc-type-tab--racing.is-active {
    border-color: rgba(251, 191, 36, 0.28);
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.14), rgba(15, 23, 42, 0.48));
    box-shadow:
        inset 0 1px 0 rgba(253, 230, 138, 0.08),
        0 2px 14px rgba(245, 158, 11, 0.1);
}

.gw-pc-type-tab--cinema .gw-pc-type-tab__label {
    color: rgba(251, 146, 60, 0.95);
}

.gw-pc-type-tab--cinema.is-active {
    border-color: rgba(251, 146, 60, 0.28);
    background: linear-gradient(180deg, rgba(234, 88, 12, 0.14), rgba(15, 23, 42, 0.48));
    box-shadow:
        inset 0 1px 0 rgba(253, 186, 116, 0.08),
        0 2px 14px rgba(234, 88, 12, 0.1);
}

.gw-pc-type-tab--extra-0.is-active {
    border-color: rgba(163, 230, 53, 0.34);
    background: linear-gradient(180deg, rgba(132, 204, 22, 0.16), rgba(15, 23, 42, 0.48));
    box-shadow:
        inset 0 1px 0 rgba(217, 249, 157, 0.12),
        0 2px 14px rgba(132, 204, 22, 0.14);
}

.gw-pc-type-tab--extra-1.is-active {
    border-color: rgba(244, 114, 182, 0.34);
    background: linear-gradient(180deg, rgba(219, 39, 119, 0.16), rgba(15, 23, 42, 0.48));
    box-shadow:
        inset 0 1px 0 rgba(251, 207, 232, 0.12),
        0 2px 14px rgba(219, 39, 119, 0.14);
}

.gw-pc-type-tab--extra-2.is-active,
.gw-pc-type-tab--extra-3.is-active {
    border-color: rgba(251, 146, 60, 0.28);
    background: linear-gradient(180deg, rgba(249, 115, 22, 0.12), rgba(15, 23, 42, 0.48));
    box-shadow:
        inset 0 1px 0 rgba(253, 186, 116, 0.08),
        0 2px 14px rgba(249, 115, 22, 0.08);
}

.gw-pc-type-tab--mesa.is-active {
    border-color: rgba(251, 191, 36, 0.28);
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.14), rgba(15, 23, 42, 0.48));
    box-shadow:
        inset 0 1px 0 rgba(253, 230, 138, 0.08),
        0 2px 14px rgba(245, 158, 11, 0.1);
}

.gw-pc-type-tab__label {
    line-height: 1.1;
}

.gw-pc-type-tab__ico {
    font-size: 0.82em;
    opacity: 0.92;
    flex-shrink: 0;
}

.gw-pc-type-tab__ico[data-gw-extra-nav-ico="0"] {
    color: rgba(110, 231, 183, 0.95);
}
.gw-pc-type-tab__ico[data-gw-extra-nav-ico="1"] {
    color: rgba(134, 239, 172, 0.95);
}
.gw-pc-type-tab__ico[data-gw-extra-nav-ico="2"] {
    color: rgba(253, 186, 116, 0.95);
}
.gw-pc-type-tab__ico[data-gw-extra-nav-ico="3"] {
    color: rgba(167, 139, 250, 0.95);
}

.gw-pc-type-tab.is-active .gw-pc-type-tab__ico {
    opacity: 1;
}
.gw-pc-type-tab--extra-0.is-active .gw-pc-type-tab__ico {
    color: #a3e635;
}
.gw-pc-type-tab--extra-1.is-active .gw-pc-type-tab__ico {
    color: #f472b6;
}
.gw-pc-type-tab--extra-2.is-active .gw-pc-type-tab__ico {
    color: #fdba74;
}
.gw-pc-type-tab--extra-3.is-active .gw-pc-type-tab__ico {
    color: #c4b5fd;
}

.gw-pc-type-tab__badge {
    font-size: 0.82rem;
    font-weight: 600;
    color: #64748b;
    letter-spacing: 0.02em;
    line-height: 1;
    opacity: 0.92;
}

@keyframes gw-pc-tab-alert-blink {
    0%,
    100% {
        color: #fecaca;
        border-color: rgba(239, 68, 68, 0.85);
        box-shadow:
            0 0 0 1px rgba(220, 38, 38, 0.45),
            0 0 14px rgba(239, 68, 68, 0.35);
    }
    50% {
        color: #fff;
        border-color: rgba(248, 113, 113, 0.95);
        box-shadow:
            0 0 0 1px rgba(252, 165, 165, 0.65),
            0 0 22px rgba(239, 68, 68, 0.65);
    }
}

.gw-pc-type-tab--alert:not(.is-active) {
    animation: gw-pc-tab-alert-blink 1.05s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    .gw-pc-type-tab--alert:not(.is-active) {
        animation: none;
        color: #fecaca !important;
        border-color: rgba(239, 68, 68, 0.9) !important;
    }

    .gw-pc-type-tab {
        transition: none;
    }
}

.gw-pc-type-tab.is-active .gw-pc-type-tab__badge {
    color: #e2e8f0;
}

.gw-pc-type-tab--pc.is-active .gw-pc-type-tab__badge {
    color: #bae6fd;
}

#grid-pc.gw-grid--pc > .gw-cell[data-kind="pc"].gw-pc-type-filter--hide-done {
    display: none !important;
}

#grid-pc.gw-grid--pc > .gw-cell[data-kind="iot"].gw-pc-type-filter--hide-done {
    display: none !important;
}

/* Akıllı Ev sekmesi: sabit 130×90px hücre, yan yana; yeniden boyutta nizam bozulmaz */
#grid-pc.gw-grid--pc.gw-grid--pc--iot-solo-layout {
    --gw-iot-solo-cell-w: 130px;
    --gw-iot-solo-cell-h: 90px;
    --gw-iot-solo-gap: 12px;
    display: grid;
    grid-template-columns: repeat(auto-fill, var(--gw-iot-solo-cell-w));
    grid-auto-rows: var(--gw-iot-solo-cell-h);
    grid-auto-flow: row;
    gap: var(--gw-iot-solo-gap);
    justify-content: start;
    align-content: start;
    justify-items: stretch;
    align-items: stretch;
    box-sizing: border-box;
}

@media (max-width: 420px) {
    #grid-pc.gw-grid--pc.gw-grid--pc--iot-solo-layout {
        --gw-iot-solo-gap: 10px;
    }
}

#grid-pc.gw-grid--pc.gw-grid--pc--iot-solo-layout > .gw-cell.gw-cell--iot {
    width: var(--gw-iot-solo-cell-w);
    min-width: var(--gw-iot-solo-cell-w);
    max-width: var(--gw-iot-solo-cell-w);
    height: var(--gw-iot-solo-cell-h);
    min-height: var(--gw-iot-solo-cell-h);
    max-height: var(--gw-iot-solo-cell-h);
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    padding: 5px 6px 6px !important;
    gap: 0;
    overflow: hidden;
    border-radius: 10px;
}

/* İsim üstte, ON/OFF altta — tüm hücrelerde aynı iç boşluk / buton hizası (simetri) */
#grid-pc.gw-grid--pc.gw-grid--pc--iot-solo-layout .gw-cell--iot .gw-iot-cell-stack {
    flex: 1 1 auto;
    min-height: 0;
    gap: 5px;
    padding: 4px 2px 6px;
    justify-content: flex-start;
    align-items: center;
}

#grid-pc.gw-grid--pc.gw-grid--pc--iot-solo-layout > .gw-cell.gw-cell--iot .gw-cell-num--iot {
    align-self: stretch;
    width: 100%;
    flex: 0 1 auto;
    max-height: none;
    font-size: 15px;
    line-height: 1.22;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none;
    -webkit-line-clamp: 2;
}

/* Uzun isim: JS ile eklenir — kutuyu genişletmeden bir veya iki kademe küçük font */
#grid-pc.gw-grid--pc.gw-grid--pc--iot-solo-layout > .gw-cell.gw-cell--iot .gw-cell-num--iot.gw-cell-num--iot-tight {
    font-size: 13px;
    line-height: 1.18;
}

#grid-pc.gw-grid--pc.gw-grid--pc--iot-solo-layout > .gw-cell.gw-cell--iot .gw-cell-num--iot.gw-cell-num--iot-tighter {
    font-size: 11.5px;
    line-height: 1.16;
}

#grid-pc.gw-grid--pc.gw-grid--pc--iot-solo-layout .gw-iot-power-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 80%;
    max-width: 80%;
    min-width: 0;
    min-height: 24px;
    padding: 3px 4px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.035em;
    line-height: 1;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none;
}

#grid-pc.gw-grid--pc.gw-grid--pc--iot-solo-layout .gw-cell--iot-on .gw-iot-power-toggle {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none;
}

/* Akıllı Ev — sürükle yok; taşıma imleci / HTML5 sürüklemeyi kapat. */
#grid-pc.gw-grid--pc.gw-grid--pc--iot-solo-layout > .gw-cell.gw-cell--iot,
#grid-pc.gw-grid--pc.gw-grid--pc--iot-solo-layout > .gw-cell.gw-cell--iot:active {
    cursor: pointer !important;
    -webkit-user-drag: none;
}

#grid-pc .gw-cell[data-kind="iot"],
#grid-shop .gw-cell[data-kind="iot"] {
    -webkit-user-drag: none;
    touch-action: manipulation;
}

.gw-pc-type-tab--iot.is-active {
    border-color: rgba(56, 189, 248, 0.28);
    background: linear-gradient(180deg, rgba(14, 165, 233, 0.16), rgba(15, 23, 42, 0.48));
    box-shadow:
        inset 0 1px 0 rgba(125, 211, 252, 0.1),
        0 2px 14px rgba(14, 165, 233, 0.1);
}

.gw-pc-type-tab--iot.is-active .gw-pc-type-tab__badge {
    color: #bae6fd;
}

/* Akıllı Ev sekmesi: satırda en sağda (Tümü…Masa solda, boşluk, Akıllı Ev) */
.gw-pc-type-tab--iot {
    margin-left: auto;
}

/* Tapo / Akıllı Ev — ince çerçeveli glass + ortada isim / altında ON-OFF (sarı yok) */
.gw-cell.gw-cell--iot {
    cursor: pointer !important;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    font-family: var(--gw-font-iot-tapo);
    overflow: hidden;
    border-radius: clamp(
        calc(0.62rem * var(--gw-iot-box-scale)),
        calc(1.4vw * var(--gw-iot-box-scale)),
        calc(1.05rem * var(--gw-iot-box-scale))
    );
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 100%;
    align-self: stretch;
    box-sizing: border-box;
}

.gw-cell--iot .gw-iot-cell-stack {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    gap: calc(0.22rem * var(--gw-iot-box-scale));
    padding: calc(0.08rem * var(--gw-iot-box-scale)) calc(0.14rem * var(--gw-iot-box-scale));
    box-sizing: border-box;
}

/* Ortak şeffaf cam zemin */
.gw-cell--iot.gw-cell--empty {
    background: linear-gradient(
        165deg,
        rgba(40, 46, 62, 0.76) 0%,
        rgba(26, 30, 44, 0.82) 50%,
        rgba(16, 20, 32, 0.9) 100%
    ) !important;
    backdrop-filter: blur(14px) saturate(130%);
    -webkit-backdrop-filter: blur(14px) saturate(130%);
    border: 1px solid rgba(100, 116, 139, 0.3) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 4px 22px rgba(0, 0, 0, 0.52) !important;
    color: #f1f5f9 !important;
}

/* Kapalı: aynı cam — ince kırmızı çerçeve, sönük parlama */
.gw-cell--iot.gw-cell--empty:not(.gw-cell--iot-on) {
    border-color: rgba(248, 113, 113, 0.36) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 0 0 1px rgba(220, 38, 38, 0.12),
        0 0 12px rgba(239, 68, 68, 0.08),
        0 4px 22px rgba(0, 0, 0, 0.52) !important;
}

.gw-cell.gw-cell--iot.gw-cell--empty:not(.gw-cell--iot-on):hover {
    border-color: rgba(252, 165, 165, 0.44) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 0 1px rgba(239, 68, 68, 0.16),
        0 0 16px rgba(239, 68, 68, 0.1),
        0 4px 24px rgba(0, 0, 0, 0.54) !important;
}

/* Açık: ince yeşil çerçeve + biraz daha belirgin yeşil glow */
.gw-cell--iot.gw-cell--iot-on.gw-cell--empty {
    border-color: rgba(74, 222, 128, 0.48) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        0 0 0 1px rgba(34, 197, 94, 0.24),
        0 0 14px rgba(52, 211, 153, 0.22),
        0 0 28px rgba(34, 197, 94, 0.3),
        0 4px 22px rgba(0, 0, 0, 0.48) !important;
}

.gw-cell--iot.gw-cell--iot-on.gw-cell--empty:hover {
    border-color: rgba(110, 231, 154, 0.55) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 0 0 1px rgba(52, 211, 153, 0.3),
        0 0 18px rgba(74, 222, 128, 0.26),
        0 0 34px rgba(34, 197, 94, 0.34),
        0 4px 24px rgba(0, 0, 0, 0.5) !important;
}

.gw-cell--iot-pending {
    opacity: 0.62;
    pointer-events: none;
}

.gw-cell--iot .gw-cell-sub {
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 0;
    padding: 0 !important;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}

.gw-cell--iot .gw-cell-tariff--iot {
    display: none;
}

.gw-cell--iot .gw-cell-num--iot {
    align-self: center;
    width: 100%;
    min-width: 0;
    flex: 0 1 auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--gw-font-iot-tapo);
    font-size: clamp(
        calc(0.78rem * var(--gw-iot-font-scale)),
        calc(1.45vw * var(--gw-iot-font-scale)),
        calc(0.98rem * var(--gw-iot-font-scale))
    );
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    line-height: 1.28;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    text-shadow: none;
}

/* Yuvarlak / ince çerçeveli ON-OFF (önceki stil — biraz daha büyük yazı) */
.gw-iot-power-toggle {
    position: static;
    z-index: 1;
    flex: 0 0 auto;
    align-self: center;
    width: min(94%, 10rem);
    min-width: min(88%, 6.5rem);
    margin: 0;
    padding: calc(0.18rem * var(--gw-iot-box-scale)) calc(0.38rem * var(--gw-iot-box-scale));
    border-radius: 999px;
    font-family: var(--gw-font-ui);
    text-transform: uppercase;
    font-size: clamp(
        calc(0.82rem * var(--gw-iot-box-scale)),
        calc(2.2vmin * var(--gw-iot-box-scale)),
        calc(1.12rem * var(--gw-iot-box-scale))
    );
    font-weight: 900;
    letter-spacing: 0.14em;
    line-height: 1.08;
    cursor: pointer;
    border: 1px solid rgba(248, 113, 113, 0.55);
    color: #fecaca;
    background: rgba(127, 29, 29, 0.52);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 0 10px rgba(239, 68, 68, 0.14);
    text-shadow: none;
    -webkit-tap-highlight-color: transparent;
}

.gw-iot-power-toggle:hover {
    filter: brightness(1.06);
}

.gw-iot-power-toggle:active {
    transform: translateY(0.5px);
    filter: brightness(0.96);
}

.gw-iot-power-toggle:focus-visible {
    outline: 2px solid rgba(226, 232, 240, 0.8);
    outline-offset: 2px;
}

.gw-cell--iot-on .gw-iot-power-toggle {
    color: #ecfdf5;
    border-color: rgba(74, 222, 128, 0.62);
    background: rgba(22, 101, 52, 0.55);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 0 16px rgba(34, 197, 94, 0.32);
    text-shadow: none;
}

.gw-cell--iot-pending .gw-iot-power-toggle {
    pointer-events: none;
    opacity: 0.55;
    cursor: wait;
}

.gw-cell-linked-lamp {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 0.72rem;
    color: #6b5a2e;
    filter: none;
    pointer-events: none;
    z-index: 4;
    line-height: 1;
}

.gw-stations-grids__chrome--shop .gw-stations-grids__row-label {
    color: #7dd3fc;
    text-shadow: 0 0 14px rgba(56, 189, 248, 0.35);
}

.gw-grid--shop {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 0.45rem 0.4rem;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}

#grid-shop:empty {
    min-height: clamp(72px, 12vh, 160px);
    box-sizing: border-box;
}

#grid-shop.gw-grid--shop > .gw-cell.gw-cell--iot {
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
    align-self: stretch;
    height: 100%;
    min-height: 100%;
    font-family: var(--gw-font-iot-tapo);
    padding: 0 !important;
    box-sizing: border-box;
}

/* Tapo ayarları — cihaz listesi (glass) */
.gw-tapo-glass-input {
    background: rgba(15, 23, 42, 0.45) !important;
    border-color: rgba(148, 163, 184, 0.35) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 0 1px rgba(56, 189, 248, 0.12);
}

.gw-tapo-discover-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.65rem;
    margin-top: 0.85rem;
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(15, 23, 42, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.gw-tapo-discover-bar__field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #cbd5e1;
    min-width: min(100%, 12rem);
    flex: 1 1 10rem;
}

.gw-tapo-discover-bar__field--short {
    flex: 0 0 5.5rem;
    min-width: 5rem;
}

.gw-tapo-discover-bar__field--short input {
    width: 100%;
}

.gw-tapo-discover-bar__msg {
    flex: 1 1 100%;
    margin: 0;
    font-size: 0.82rem;
    color: #94a3b8;
}

.gw-tapo-range-scan {
    margin-top: 0.75rem;
    border-radius: 12px;
    border: 1px solid rgba(71, 85, 105, 0.5);
    background: rgba(15, 23, 42, 0.35);
    padding: 0.1rem 0.65rem 0.55rem;
}

.gw-tapo-range-scan__summary {
    cursor: pointer;
    font-weight: 600;
    font-size: 0.88rem;
    color: #cbd5e1;
    padding: 0.45rem 0.1rem;
    list-style: none;
}

.gw-tapo-range-scan__summary::-webkit-details-marker {
    display: none;
}

.gw-tapo-range-scan__body {
    padding: 0.15rem 0.05rem 0.35rem;
}

.gw-tapo-range-scan__lead {
    margin-top: 0;
    margin-bottom: 0.55rem;
    font-size: 0.82rem;
    color: #94a3b8;
}

.gw-tapo-discover-bar--range {
    margin-top: 0;
    flex-direction: column;
    align-items: stretch;
}

.gw-tapo-range-ips-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
    align-items: end;
}

.gw-tapo-range-btn-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
    align-items: center;
}

.gw-tapo-range-btn-row__spacer {
    min-height: 1px;
}

.gw-tapo-range-btn-row__cell {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.gw-tapo-pw-field {
    display: flex;
    align-items: stretch;
    gap: 0.35rem;
    width: 100%;
    margin-top: 0.25rem;
}

.gw-tapo-pw-input {
    flex: 1 1 auto;
    min-width: 0;
}

.gw-tapo-pw-reveal {
    flex: 0 0 auto;
    width: 2.35rem;
    min-height: 2.05rem;
    padding: 0;
    margin: 0;
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: rgba(30, 41, 59, 0.75);
    color: #cbd5e1;
    cursor: pointer;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.gw-tapo-pw-reveal:hover {
    border-color: rgba(56, 189, 248, 0.55);
    color: #e0f2fe;
}

.gw-tapo-pw-reveal__ic {
    font-size: 0.95rem;
    opacity: 0.9;
}

.gw-tapo-discover-bar__field--ip {
    flex: 1 1 9rem;
    min-width: min(100%, 9rem);
}

.gw-tapo-cloud-sync {
    margin-top: 0.85rem;
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    border: 1px solid rgba(167, 139, 250, 0.28);
    background: rgba(30, 27, 75, 0.35);
}

.gw-tapo-cloud-sync__lead {
    margin: 0 0 0.55rem;
    font-size: 0.86rem;
    color: #e9d5ff;
}

.gw-tapo-cloud-sync__controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.gw-tapo-cloud-sync__btnrow {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.6rem;
}

.gw-tapo-op-status {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    min-height: 1.35rem;
    flex-shrink: 0;
}

.gw-tapo-op-status--ok .gw-tapo-op-ok-label {
    color: #bbf7d0;
}

.gw-tapo-op-ok {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: linear-gradient(145deg, #22c55e, #15803d);
    color: #f0fdf4;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 0 14px rgba(34, 197, 94, 0.42);
}

.gw-tapo-op-ok-label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #86efac;
    white-space: nowrap;
}

.gw-tapo-spinner {
    display: inline-block;
    width: 1.05rem;
    height: 1.05rem;
    border: 2px solid rgba(56, 189, 248, 0.22);
    border-top-color: var(--gw-accent-color);
    border-radius: 50%;
    animation: gw-tapo-spin 0.65s linear infinite;
    flex-shrink: 0;
}

.gw-tapo-spinner--sm {
    width: 0.82rem;
    height: 0.82rem;
    border-width: 2px;
}

.gw-tapo-spinner--cloud {
    border-color: rgba(167, 139, 250, 0.3);
    border-top-color: #ddd6fe;
}

@keyframes gw-tapo-spin {
    to {
        transform: rotate(360deg);
    }
}

.gw-tapo-cloud-sync__chk {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: #cbd5e1;
    cursor: pointer;
    user-select: none;
}

.gw-tapo-cloud-sync__chk input {
    accent-color: #a78bfa;
}

.gw-tapo-cloud-sync__msg {
    margin: 0.55rem 0 0;
    font-size: 0.82rem;
    color: #94a3b8;
}

.gw-tapo-devices-sheet {
    margin-top: 1rem;
    padding: 0.75rem 0.85rem 0.95rem;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: linear-gradient(165deg, rgba(30, 41, 59, 0.55), rgba(15, 23, 42, 0.42));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 8px 28px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    pointer-events: auto;
}

.gw-tapo-devices-sheet__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.85rem;
    margin-top: 0.55rem;
    margin-bottom: 0.35rem;
    padding: 0.35rem 0.1rem 0.15rem;
}

.gw-tapo-devices-sheet__select-all {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.86rem;
    font-weight: 600;
    color: #cbd5e1;
    cursor: pointer;
    user-select: none;
}

.gw-tapo-devices-sheet__select-all input {
    accent-color: var(--gw-accent-color);
}

.gw-tapo-delete-selected {
    margin-inline-start: auto;
    border-color: rgba(248, 113, 113, 0.55) !important;
    color: #fecaca !important;
    background: linear-gradient(145deg, rgba(127, 29, 29, 0.35), rgba(30, 41, 59, 0.5)) !important;
}

.gw-tapo-delete-selected:hover:not(:disabled) {
    border-color: rgba(252, 165, 165, 0.85) !important;
    color: #fff !important;
}

.gw-tapo-scan-panel {
    margin: 0.55rem 0 0.35rem;
    padding: 0.55rem 0.65rem 0.6rem;
    border-radius: 12px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    background: rgba(15, 23, 42, 0.52);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gw-tapo-scan-panel--range-inline {
    margin: 0.65rem 0 0.15rem;
}

.gw-tapo-scan-panel__hd {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.75rem;
    margin-bottom: 0.42rem;
}

.gw-tapo-scan-panel__title {
    font-weight: 700;
    font-size: 0.88rem;
    color: #e0f2fe;
}

.gw-tapo-scan-panel__summary {
    font-size: 0.82rem;
    color: #86efac;
    font-weight: 600;
}

.gw-tapo-scan-panel__summary.is-warn {
    color: #fca5a5;
}

.gw-tapo-scan-live {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.42rem;
    padding: 0.38rem 0.5rem;
    border-radius: 9px;
    background: rgba(15, 23, 42, 0.58);
    border: 1px solid rgba(56, 189, 248, 0.18);
}

.gw-tapo-scan-live[hidden] {
    display: none !important;
}

/* IP tarama: metin log + üstteki canlı satır gizli; özet + ilerleme çubuğu görünür */
.gw-tapo-scan-panel .gw-tapo-scan-log--suppressed,
.gw-tapo-scan-panel .gw-tapo-scan-live {
    display: none !important;
}

.gw-tapo-scan-live__text {
    font-size: 0.8rem;
    font-weight: 600;
    color: #bae6fd;
    font-variant-numeric: tabular-nums;
}

.gw-tapo-scan-progress {
    height: 7px;
    border-radius: 999px;
    background: rgba(30, 41, 59, 0.95);
    overflow: hidden;
    margin-bottom: 0.42rem;
}

.gw-tapo-scan-progress__bar {
    height: 100%;
    width: 0%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--gw-accent-color), #3b82f6);
    transition: width 0.32s ease;
    will-change: transform, width;
}

.gw-tapo-scan-progress--indeterminate .gw-tapo-scan-progress__bar {
    width: 38% !important;
    animation: gw-tapo-scan-indet 1.05s ease-in-out infinite alternate;
}

@keyframes gw-tapo-scan-indet {
    from {
        transform: translateX(-35%);
    }

    to {
        transform: translateX(220%);
    }
}

.gw-tapo-scan-log {
    margin: 0;
    max-height: 10rem;
    overflow-y: auto;
    font-size: 0.74rem;
    line-height: 1.48;
    color: #94a3b8;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre-wrap;
    word-break: break-word;
}

.gw-tapo-device-row__ck {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    min-height: 2.25rem;
    cursor: default;
}

.gw-tapo-device-row__ck input {
    width: 1.05rem;
    height: 1.05rem;
    accent-color: var(--gw-accent-color);
    cursor: pointer;
}

.gw-tapo-device-row__drag {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-height: 2.25rem;
    margin: 0;
    border-radius: 8px;
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
}

.gw-tapo-device-row__drag:hover {
    color: #94a3b8;
    background: rgba(51, 65, 85, 0.4);
}

.gw-tapo-device-row__drag:active {
    cursor: grabbing;
}

.gw-tapo-devices-sheet__head {
    display: grid;
    grid-template-columns: 2.1rem 1.45rem minmax(0, 1.05fr) minmax(0, 0.92fr) minmax(0, 1.05fr);
    gap: 0.45rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 0.4rem;
    padding: 0 0.1rem;
}

.gw-tapo-devices-sheet__head-actions {
    min-height: 0.1px;
}

.gw-tapo-devices-sheet__head-drag {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0.1px;
    color: #64748b;
    font-size: 0.68rem;
    opacity: 0.85;
}

.gw-tapo-devices-sheet__rows {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    pointer-events: auto;
}

.gw-tapo-device-row {
    display: grid;
    grid-template-columns: 2.1rem 1.45rem minmax(0, 1.05fr) minmax(0, 0.92fr) minmax(0, 1.05fr);
    gap: 0.45rem 0.55rem;
    align-items: center;
    padding: 0.35rem 0.25rem;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.35);
    border: 1px solid rgba(56, 189, 248, 0.14);
    cursor: default;
    isolation: isolate;
}

.gw-tapo-device-row input.gw-tapo-glass-input {
    position: relative;
    z-index: 10000;
}

.gw-tapo-device-row select.gw-tapo-glass-input {
    cursor: default !important;
    position: relative;
    z-index: 10000;
    pointer-events: auto !important;
    user-select: none;
}

.gw-tapo-devices-sheet__rows .sortable-ghost {
    opacity: 0.55;
}

.gw-tapo-devices-sheet__rows .gw-tapo-device-row.sortable-chosen,
.gw-tapo-devices-sheet__rows .gw-tapo-device-row.sortable-drag {
    cursor: default !important;
}

/* Yerel HTML5 sürükleme «move» imleci yerine ok; Sortable forceFallback + gövde sınıfı */
body.gw-tapo-device-rows--sorting {
    cursor: default !important;
}

.gw-tapo-devices-sheet__rows .sortable-fallback {
    cursor: default !important;
}

/* .gw-view-pane transform; forceFallback klonu body’de — üstte kaymasın, üstte kalsın */
body > .sortable-fallback {
    z-index: 99999 !important;
    box-sizing: border-box;
    pointer-events: none;
}

.gw-tapo-device-row__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
    justify-content: flex-end;
}

.gw-tapo-device-row .gw-tapo-device-model {
    max-width: 5.2rem;
    font-size: 0.78rem;
    padding: 0.28rem 0.35rem;
}

.gw-tapo-device-test {
    appearance: none;
    cursor: pointer;
    position: relative;
    z-index: 8;
    pointer-events: auto !important;
    font-family: var(--gw-font-ui);
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.4rem 0.7rem;
    border-radius: 10px;
    min-width: 4.6rem;
    border: 1px solid rgba(71, 85, 105, 0.85);
    color: #cbd5e1;
    background: linear-gradient(180deg, rgba(51, 65, 85, 0.75), rgba(30, 41, 59, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.12s ease;
}

.gw-tapo-device-test--off:hover:not(:disabled) {
    border-color: rgba(148, 163, 184, 0.65);
    color: #e2e8f0;
}

.gw-tapo-device-test.is-on {
    border-color: rgba(52, 211, 153, 0.9);
    color: #ecfdf5;
    background: linear-gradient(180deg, rgba(16, 185, 129, 0.55), rgba(5, 122, 85, 0.72));
    box-shadow:
        0 0 0 1px rgba(52, 211, 153, 0.35),
        0 4px 14px rgba(16, 185, 129, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.gw-tapo-device-test.is-on:hover:not(:disabled) {
    border-color: rgba(110, 231, 183, 0.95);
    transform: translateY(-1px);
}

.gw-tapo-device-test:disabled,
.gw-tapo-device-test.is-busy {
    opacity: 0.55;
    cursor: wait;
}

.gw-tapo-device-add {
    appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 0;
    padding: 0.42rem;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1;
    border-radius: 12px;
    cursor: pointer;
    color: #bae6fd;
    border: 1px dashed rgba(56, 189, 248, 0.45);
    background: rgba(15, 23, 42, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    position: relative;
    z-index: 4;
    pointer-events: auto !important;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.gw-tapo-device-add:hover {
    border-color: rgba(125, 211, 252, 0.75);
    background: rgba(30, 58, 95, 0.45);
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.2);
}

@media (max-width: 720px) {
    .gw-tapo-devices-sheet {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .gw-tapo-devices-sheet__head,
    .gw-tapo-device-row {
        min-width: min(100%, 26rem);
        grid-template-columns: 2rem 1.35rem minmax(7.5rem, 1.05fr) minmax(6.5rem, 0.88fr) minmax(9rem, 1.05fr);
    }

    .gw-tapo-device-row__actions {
        justify-content: flex-start;
    }
}

.gw-pc-toolbar {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.22rem 0.4rem;
    border-radius: 11px;
    background: linear-gradient(165deg, rgba(30, 41, 59, 0.94), rgba(15, 23, 42, 0.88));
    border: 1px solid rgba(71, 85, 105, 0.78);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 4px 18px rgba(0, 0, 0, 0.28);
    flex-shrink: 0;
    min-width: min-content;
}

.gw-pc-toolbar__group {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    flex-shrink: 0;
    min-width: min-content;
}

.gw-pc-toolbar__group--sortable .gw-pc-toolbar__btn {
    cursor: pointer;
}

.gw-pc-toolbar__btn--dragging {
    opacity: 0.55;
    cursor: grabbing !important;
    z-index: 3;
}

.gw-pc-toolbar__divider {
    width: 1px;
    align-self: stretch;
    min-height: 1.75rem;
    background: linear-gradient(
        180deg,
        transparent,
        rgba(148, 163, 184, 0.45) 15%,
        rgba(148, 163, 184, 0.45) 85%,
        transparent
    );
    flex-shrink: 0;
    margin: 0 0.05rem;
}

.gw-pc-toolbar__btn--payment {
    color: #fde68a;
    border-color: rgba(250, 204, 21, 0.5);
    background: rgba(66, 32, 6, 0.45);
}

.gw-pc-toolbar__btn--payment:hover {
    color: #fffbeb;
    background: rgba(120, 53, 15, 0.55);
    border-color: rgba(251, 191, 36, 0.65);
}

.gw-pc-toolbar__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.05rem;
    height: 2.05rem;
    padding: 0;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    color: #eef2f7;
    background: linear-gradient(155deg, rgba(52, 65, 88, 0.95), rgba(32, 42, 62, 0.92));
    border: 1px solid rgba(90, 110, 140, 0.65);
    font-size: 0.88rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition:
        color 0.14s ease,
        background 0.14s ease,
        border-color 0.14s ease,
        transform 0.14s ease,
        box-shadow 0.14s ease;
}

.gw-pc-toolbar__btn > i {
    font-size: 1.08rem;
    line-height: 1;
    color: #e2e8f0;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
    transition: color 0.14s ease, filter 0.14s ease, transform 0.14s ease;
}

.gw-pc-toolbar__btn:hover {
    color: #fff;
    background: linear-gradient(155deg, rgba(68, 86, 118, 0.98), rgba(45, 58, 82, 0.96));
    border-color: rgba(120, 180, 255, 0.58);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 2px 10px rgba(56, 189, 248, 0.12);
    transform: translateY(-1px);
}

.gw-pc-toolbar__btn:hover > i {
    color: #f8fafc;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
}

.gw-pc-toolbar__btn:active {
    transform: translateY(0);
}

.gw-pc-toolbar__btn--warn {
    color: #fecaca;
    border-color: rgba(248, 113, 113, 0.35);
    background: linear-gradient(155deg, rgba(52, 40, 42, 0.95), rgba(42, 32, 34, 0.92));
}

.gw-pc-toolbar__btn--warn:hover {
    color: #fff;
    background: rgba(127, 29, 29, 0.55);
    border-color: rgba(248, 113, 113, 0.55);
}

.gw-pc-toolbar__btn--warn > i {
    color: #fecaca;
}

.gw-pc-toolbar__btn--warn:hover > i {
    color: #fff;
}

.gw-pc-toolbar__btn--accent {
    color: #bbf7d0;
    border-color: rgba(74, 222, 128, 0.35);
}

.gw-pc-toolbar__btn--accent:hover {
    color: #fff;
    background: rgba(22, 101, 52, 0.5);
    border-color: rgba(74, 222, 128, 0.5);
}

/* Güç / yeniden başlat: koyu karo + parlak renkli daire */
.gw-pc-toolbar__btn--pwr-host {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(148, 163, 184, 0.35);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

.gw-pc-toolbar__btn--pwr-host:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(186, 230, 253, 0.45);
}

.gw-pc-toolbar__pwr-disc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.54rem;
    height: 1.54rem;
    border-radius: 50%;
    font-size: 0.76rem;
    line-height: 1;
    color: #fff;
}

.gw-pc-toolbar__pwr-disc > i {
    color: #fff !important;
    filter: none !important;
}

.gw-pc-toolbar__pwr-disc--red {
    background: linear-gradient(165deg, #f87171, #dc2626);
    box-shadow: 0 0 0 1px rgba(127, 29, 29, 0.35);
}

.gw-pc-toolbar__pwr-disc--blue {
    background: linear-gradient(165deg, #60a5fa, #2563eb);
    box-shadow: 0 0 0 1px rgba(30, 58, 138, 0.4);
}

.gw-pc-toolbar__pwr-disc--amber {
    background: linear-gradient(165deg, #fcd34d, #d97706);
    box-shadow: 0 0 0 1px rgba(146, 64, 14, 0.35);
    font-size: 0.72rem;
}

.gw-pc-toolbar__btn--admin-free {
    color: #93c5fd;
    border-color: rgba(59, 130, 246, 0.45);
    background: linear-gradient(145deg, rgba(30, 64, 120, 0.55), rgba(36, 48, 68, 0.92));
}

.gw-pc-toolbar__btn--admin-free > i {
    color: #bfdbfe;
    filter: drop-shadow(0 0 4px rgba(147, 197, 253, 0.35));
}

.gw-pc-toolbar__btn--admin-free:hover {
    color: #fff;
    background: linear-gradient(145deg, rgba(37, 99, 180, 0.72), rgba(30, 58, 95, 0.9));
    border-color: rgba(96, 165, 250, 0.65);
}

.gw-pc-toolbar__btn--admin-free:hover > i {
    color: #fff;
    filter: drop-shadow(0 0 6px rgba(147, 197, 253, 0.45));
}

.gw-pc-toolbar__btn--payment > i {
    color: #fde047;
    filter: drop-shadow(0 0 4px rgba(250, 204, 21, 0.35));
}

.gw-pc-toolbar__btn--payment:hover > i {
    color: #fef08a;
    filter: drop-shadow(0 0 6px rgba(253, 224, 71, 0.45));
}

.gw-pc-toolbar__btn--dynamic[data-gw-shortcut="steam_session"] > i,
.gw-pc-toolbar__btn .fa-steam {
    color: #66c0f4;
    filter: drop-shadow(0 0 4px rgba(102, 192, 244, 0.4));
}

.gw-pc-toolbar__btn--dynamic[data-gw-shortcut="session_open"] > i {
    color: #f8fafc;
}

.gw-pc-toolbar__btn--dynamic[data-gw-shortcut="session_pause"] > i {
    color: #fdba74;
}

.gw-pc-toolbar__btn--dynamic[data-gw-shortcut="session_resume"] > i {
    color: #86efac;
}

.gw-pc-toolbar__btn--dynamic[data-gw-shortcut="wake_selected"] > i {
    color: #fde047;
}

.gw-pc-toolbar__right-cluster {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: auto;
    margin-right: 3.3mm;
    flex-shrink: 0;
}

.gw-pc-toolbar__panel-sound.gw-live-cashier__sound {
    width: 2.05rem;
    height: 2.05rem;
    border-radius: 8px;
    box-sizing: border-box;
}

.gw-pc-toolbar__panel-sound.gw-live-cashier__sound i {
    font-size: 1.12rem;
    line-height: 1;
}

.gw-pc-toolbar__panel-sound.gw-live-cashier__sound--ok i {
    color: #4ade80;
    filter: drop-shadow(0 0 5px rgba(74, 222, 128, 0.5));
}

.gw-pc-toolbar__panel-sound.gw-live-cashier__sound--warn i {
    color: #fda4af;
    filter: drop-shadow(0 0 5px rgba(251, 113, 133, 0.45));
}

.gw-pc-toolbar__panel-sound.gw-live-cashier__sound--ok:hover i {
    color: #86efac;
    filter: drop-shadow(0 0 7px rgba(134, 239, 172, 0.55));
}

.gw-pc-toolbar__panel-sound.gw-live-cashier__sound--warn:hover i {
    color: #fecdd3;
    filter: drop-shadow(0 0 7px rgba(253, 164, 175, 0.5));
}

.gw-pc-toolbar__btn--reload-page {
    color: #7dd3fc;
    border-color: rgba(56, 189, 248, 0.42);
}

.gw-pc-toolbar__btn--reload-page > i {
    color: #7dd3fc;
    filter: drop-shadow(0 0 4px rgba(56, 189, 248, 0.35));
}

.gw-pc-toolbar__btn--reload-page:hover {
    color: #e0f2fe;
    background: rgba(14, 116, 144, 0.35);
    border-color: rgba(125, 211, 252, 0.55);
}

.gw-pc-toolbar__btn--reload-page:hover > i {
    color: #e0f2fe;
    filter: drop-shadow(0 0 6px rgba(125, 211, 252, 0.45));
}

.gw-pc-toolbar__btn--cafe-masa {
    color: #fdba74;
    border-color: rgba(251, 146, 60, 0.5);
}

.gw-pc-toolbar__btn--cafe-masa:hover {
    color: #fff;
    background: rgba(154, 52, 18, 0.35);
    border-color: rgba(251, 146, 60, 0.75);
}

/* Araç çubuğu: Client Ekle — geniş düğme, kırmızı sol ok + etiket + PC ikonu */
.gw-pc-toolbar__btn--client-add {
    width: auto;
    min-width: 2.05rem;
    height: 2.05rem;
    padding: 0 0.55rem 0 0.45rem;
    gap: 0.4rem;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: none;
    white-space: nowrap;
}

.gw-pc-toolbar__btn--client-add .fa-computer {
    font-size: 1.12rem;
    flex-shrink: 0;
    color: #22c55e;
    filter: drop-shadow(0 0 5px rgba(34, 197, 94, 0.45));
}

.gw-pc-toolbar__btn--client-add:hover .fa-computer {
    color: #4ade80;
    filter: drop-shadow(0 0 6px rgba(74, 222, 128, 0.55));
}

.gw-pc-toolbar__client-add-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #ef4444;
    font-size: 0.98rem;
    line-height: 1;
    filter: drop-shadow(0 0 6px rgba(239, 68, 68, 0.45));
}

.gw-pc-toolbar__client-add-label {
    flex-shrink: 0;
    color: #fff;
}

.gw-modal--toolbar {
    max-width: min(24rem, calc(100vw - 1.5rem));
}

.gw-modal--bulk-manager {
    max-width: min(30rem, calc(100vw - 1.5rem));
}

.gw-bulk-manager__list {
    list-style: none;
    margin: 0 0 0.75rem;
    padding: 0;
    max-height: min(42vh, 320px);
    overflow-y: auto;
    border-radius: 8px;
    border: 1px solid rgba(51, 65, 85, 0.75);
    background: rgba(10, 13, 18, 0.55);
}

.gw-bulk-manager__list li {
    padding: 0.45rem 0.55rem;
    font-size: 0.82rem;
    line-height: 1.4;
    border-bottom: 1px solid rgba(42, 53, 68, 0.55);
    color: var(--gw-text);
}

.gw-bulk-manager__list li:last-child {
    border-bottom: none;
}

.gw-bulk-manager__list li.gw-bulk-manager__row--empty {
    color: var(--gw-muted);
}

.gw-bulk-manager__total {
    margin: 0 0 0.65rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: #fde68a;
}

.gw-bulk-manager__cash {
    width: 100%;
    margin-bottom: 0.65rem;
    justify-content: center;
}

.gw-modal__box--toolbar {
    max-height: min(88vh, 560px);
    overflow-x: hidden;
    overflow-y: auto;
}

.gw-modal__actions--stack {
    flex-direction: column;
    align-items: stretch;
}

.gw-modal__actions--stack .gw-modal__btn {
    width: 100%;
}

.gw-toolbar-modal-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0.5rem 0 1rem;
}

.gw-toolbar-modal-label {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--gw-muted);
}

.gw-toolbar-modal-input {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 0.6rem;
    border-radius: 8px;
    border: 1px solid var(--gw-border);
    background: rgba(15, 23, 42, 0.65);
    color: var(--gw-text);
    font-size: 0.9rem;
}

.gw-toolbar-modal-input:focus {
    outline: none;
    border-color: #3b82f6;
}

.gw-code-inline {
    font-size: 0.85em;
    padding: 0.12em 0.35em;
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.8);
    border: 1px solid rgba(51, 65, 85, 0.6);
}

.gw-modal__hint--small {
    font-size: 0.78rem;
    color: var(--gw-muted);
    margin: 0.5rem 0 0;
    line-height: 1.45;
}

.gw-modal__hint--small kbd {
    display: inline-block;
    padding: 0.1em 0.35em;
    margin: 0 0.05em;
    font-size: 0.85em;
    font-family: var(--gw-font-ui), ui-monospace, monospace;
    border-radius: 4px;
    border: 1px solid rgba(71, 85, 105, 0.8);
    background: rgba(15, 23, 42, 0.9);
}

.gw-shadow-status-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0.65rem 0 0.35rem;
    font-size: 0.88rem;
}

.gw-shadow-status-table th,
.gw-shadow-status-table td {
    padding: 0.45rem 0.5rem;
    text-align: left;
    border: 1px solid rgba(51, 65, 85, 0.55);
}

.gw-shadow-status-table th {
    color: var(--gw-muted);
    font-weight: 600;
    background: rgba(15, 23, 42, 0.65);
}

.gw-modal__actions--shadow-row {
    margin-bottom: 0.5rem;
}

/* Shadow Defender — ana panel (Bilgisayarlar bölümü, grid üstü) */
/* Shadow panel açıkken birleşik istasyon bloğu (PC + kafe ızgaraları) gizli */
#gw-view-stations.gw-stations--shadow-panel-open #pc-grid {
    display: none !important;
}

.gw-shadow-inline {
    margin: 0.65rem 0 1rem;
    max-width: min(72rem, 100%);
}

.gw-shadow-inline__title {
    font-size: clamp(1.05rem, 2vw, 1.32rem);
    letter-spacing: 0.05em;
    margin: 0 0 0.35rem;
    font-family: var(--gw-font-display), system-ui, sans-serif;
    font-weight: 700;
    color: var(--gw-text);
    text-shadow: 0 0 40px rgba(34, 211, 238, 0.1);
}

.gw-pc-toolbar__btn--dynamic {
    box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.22);
}

.gw-pc-toolbar__btn#gw-toolbar-shadow.is-active {
    color: #5eead4;
    border-color: rgba(45, 212, 191, 0.65);
    box-shadow: 0 0 14px rgba(34, 211, 238, 0.35);
}

/* Eski modal sınıfları — kart gövdesi inline + dialog kalıntısı için ortak */
.gw-modal.gw-modal--shadow-kontrol {
    max-width: min(72rem, calc(100vw - 2rem));
    width: min(72rem, calc(100vw - 2rem));
}

.gw-modal--shadow-kontrol .gw-modal__box--shadow-kontrol,
.gw-shadow-inline .gw-modal__box--shadow-kontrol {
    max-width: none;
    width: 100%;
    box-sizing: border-box;
    max-height: min(92vh, 780px);
    padding: 1.5rem 1.65rem 1.45rem;
    border-radius: 18px;
    background: linear-gradient(168deg, #161a20 0%, #0a0c10 48%, #0d1016 100%);
    border: 1px solid rgba(62, 74, 92, 0.75);
    box-shadow:
        0 32px 72px rgba(0, 0, 0, 0.58),
        0 0 0 1px rgba(255, 255, 255, 0.06) inset,
        0 0 100px rgba(34, 211, 238, 0.05);
}

.gw-shadow-inline .gw-modal__box--shadow-kontrol {
    max-height: none;
}

.gw-modal--shadow-kontrol .gw-modal__title {
    font-size: clamp(1.1rem, 2.4vw, 1.42rem);
    letter-spacing: 0.05em;
    margin-bottom: 0.45rem;
    text-shadow: 0 0 40px rgba(34, 211, 238, 0.12);
}

.gw-shadow-inline .gw-modal__lead--compact {
    max-width: none;
}

.gw-modal__lead--compact {
    font-size: 0.82rem;
    margin-bottom: 0.35rem;
}

.gw-modal--shadow-kontrol .gw-modal__lead--compact {
    font-size: clamp(0.86rem, 1.15vw, 0.95rem);
    line-height: 1.58;
    margin-bottom: 0.5rem;
    max-width: 58ch;
    color: #94a3b8;
}

.gw-modal--shadow-kontrol .gw-modal__hint--small {
    font-size: 0.84rem;
    line-height: 1.5;
    margin-top: 0.4rem;
}

.gw-shadow-kontrol__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) min(16.5rem, 36vw);
    gap: 1.35rem 1.6rem;
    align-items: start;
    margin-top: 0.75rem;
}

@media (max-width: 720px) {
    .gw-modal.gw-modal--shadow-kontrol {
        max-width: calc(100vw - 1.25rem);
        width: calc(100vw - 1.25rem);
    }

    .gw-shadow-kontrol__grid {
        grid-template-columns: 1fr;
    }
}

.gw-shadow-kontrol__table-wrap {
    overflow-x: auto;
    min-width: 0;
    border-radius: 12px;
    border: 1px solid rgba(51, 65, 85, 0.5);
    background: rgba(6, 8, 12, 0.45);
}

.gw-shadow-kontrol-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    font-family: var(--gw-font-ui), system-ui, sans-serif;
}

.gw-shadow-kontrol-table th,
.gw-shadow-kontrol-table td {
    padding: 0.72rem 0.85rem;
    text-align: left;
    border: 1px solid rgba(48, 58, 74, 0.75);
}

.gw-shadow-kontrol-table th {
    color: #94a3b8;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    background: rgba(12, 16, 22, 0.95);
}

.gw-shadow-kontrol-table td {
    color: #e8edf4;
    background: rgba(14, 18, 24, 0.55);
}

.gw-shadow-col-name {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.gw-shadow-col-name__text {
    min-width: 0;
}

/* İstemci shadow_snapshot: active = mavi kalkan, inactive = sarı/amber kalkan */
.gw-shadow-shield {
    flex-shrink: 0;
    display: inline-block;
    width: 1.05rem;
    height: 1.2rem;
    border-radius: 0.2rem 0.2rem 0.35rem 0.35rem;
    vertical-align: middle;
    transform: perspective(12px) rotateX(2deg);
}

.gw-shadow-shield--active {
    background: linear-gradient(165deg, #7dd3fc 0%, #0ea5e9 45%, #0369a1 100%);
    box-shadow:
        0 0 10px rgba(56, 189, 248, 0.75),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.gw-shadow-shield--inactive {
    background: linear-gradient(165deg, #fde68a 0%, #f59e0b 50%, #b45309 100%);
    box-shadow:
        0 0 10px rgba(245, 158, 11, 0.65),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.gw-shadow-shield--unknown {
    background: linear-gradient(165deg, rgba(148, 163, 184, 0.55), rgba(71, 85, 105, 0.75));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.gw-shadow-kontrol-table tbody tr[data-station-id] {
    cursor: pointer;
    outline: none;
}

.gw-shadow-kontrol-table tbody tr[data-station-id]:focus-visible td {
    box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.45);
}

.gw-shadow-kontrol-table tbody tr[data-station-id]:hover td {
    background: rgba(34, 211, 238, 0.08);
}

.gw-shadow-kontrol-table tbody tr.gw-shadow-kontrol-row--selected td {
    background: rgba(59, 130, 246, 0.14);
    box-shadow: inset 0 0 0 2px rgba(59, 130, 246, 0.88);
}

.gw-shadow-kontrol-table tbody tr.gw-shadow-kontrol-row--selected:hover td {
    background: rgba(59, 130, 246, 0.18);
}

.gw-shadow-kontrol__empty {
    color: #94a3b8;
    font-style: italic;
    text-align: center;
    font-size: 0.9rem;
    padding: 1rem 0.75rem !important;
}

.gw-shadow-kontrol__aside {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-height: 14rem;
}

.gw-shadow-kontrol__btns {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.gw-shadow-kontrol__btns .gw-modal__btn {
    width: 100%;
    padding: 0.78rem 1rem;
    font-size: 0.9rem;
    font-weight: 700;
    border-radius: 12px;
    pointer-events: auto;
}

/* Cyan neon: Shadow panel tüm ana eylem butonları */
.gw-shadow-kontrol__btns #gw-shadow-btn-enter.gw-modal__btn--accent-line,
.gw-shadow-kontrol__btns #gw-shadow-btn-exit.gw-modal__btn--warn-amber,
.gw-shadow-kontrol__btns #gw-shadow-btn-drive.gw-modal__btn--ghost,
.gw-shadow-kontrol__btns #gw-shadow-refresh-status.gw-modal__btn--ghost,
.gw-shadow-kontrol__btns #gw-modal-shadow-close.gw-modal__btn--ghost,
.gw-shadow-kontrol__pwd-footer #gw-shadow-pwd-change.gw-modal__btn--ghost {
    color: #ecfeff;
    background: linear-gradient(
        180deg,
        var(--gw-sbtn-base-bg-1, rgba(34, 211, 238, 0.18)),
        var(--gw-sbtn-base-bg-2, rgba(8, 51, 68, 0.5))
    );
    border: 1px solid var(--gw-sbtn-base-border, rgba(45, 212, 191, 0.75));
    box-shadow:
        0 0 22px color-mix(in srgb, var(--gw-sbtn-base-bg-1, rgba(34, 211, 238, 0.18)) 75%, transparent),
        0 0 48px color-mix(in srgb, var(--gw-sbtn-base-bg-1, rgba(34, 211, 238, 0.18)) 35%, transparent),
        0 0 0 1px rgba(255, 255, 255, 0.06) inset;
    transition:
        background 0.22s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.25s ease,
        transform 0.2s ease;
}

.gw-shadow-kontrol__btns #gw-shadow-btn-enter.gw-modal__btn--accent-line:hover,
.gw-shadow-kontrol__btns #gw-shadow-btn-exit.gw-modal__btn--warn-amber:hover,
.gw-shadow-kontrol__btns #gw-shadow-btn-drive.gw-modal__btn--ghost:hover,
.gw-shadow-kontrol__btns #gw-shadow-refresh-status.gw-modal__btn--ghost:hover,
.gw-shadow-kontrol__btns #gw-modal-shadow-close.gw-modal__btn--ghost:hover,
.gw-shadow-kontrol__pwd-footer #gw-shadow-pwd-change.gw-modal__btn--ghost:hover,
.gw-shadow-kontrol__btns #gw-shadow-btn-enter.gw-modal__btn--accent-line:focus-visible,
.gw-shadow-kontrol__btns #gw-shadow-btn-exit.gw-modal__btn--warn-amber:focus-visible,
.gw-shadow-kontrol__btns #gw-shadow-btn-drive.gw-modal__btn--ghost:focus-visible,
.gw-shadow-kontrol__btns #gw-shadow-refresh-status.gw-modal__btn--ghost:focus-visible,
.gw-shadow-kontrol__btns #gw-modal-shadow-close.gw-modal__btn--ghost:focus-visible,
.gw-shadow-kontrol__pwd-footer #gw-shadow-pwd-change.gw-modal__btn--ghost:focus-visible {
    color: #ffffff;
    border-color: var(--gw-sbtn-hover-border, #a5f3fc);
    background: linear-gradient(
        180deg,
        var(--gw-sbtn-hover-bg-1, rgba(56, 189, 248, 0.52)),
        var(--gw-sbtn-hover-bg-2, rgba(14, 116, 144, 0.72))
    );
    box-shadow:
        0 0 36px color-mix(in srgb, var(--gw-sbtn-hover-bg-1, rgba(56, 189, 248, 0.52)) 80%, transparent),
        0 0 72px color-mix(in srgb, var(--gw-sbtn-hover-bg-1, rgba(56, 189, 248, 0.52)) 40%, transparent),
        0 0 0 1px rgba(255, 255, 255, 0.14) inset;
    transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
    .gw-shadow-kontrol__btns #gw-shadow-btn-enter.gw-modal__btn--accent-line,
    .gw-shadow-kontrol__btns #gw-shadow-btn-exit.gw-modal__btn--warn-amber,
    .gw-shadow-kontrol__btns #gw-shadow-btn-drive.gw-modal__btn--ghost,
    .gw-shadow-kontrol__btns #gw-shadow-refresh-status.gw-modal__btn--ghost,
    .gw-shadow-kontrol__btns #gw-modal-shadow-close.gw-modal__btn--ghost,
    .gw-shadow-kontrol__pwd-footer #gw-shadow-pwd-change.gw-modal__btn--ghost {
        transition: none;
    }

    .gw-shadow-kontrol__btns #gw-shadow-btn-enter.gw-modal__btn--accent-line:hover,
    .gw-shadow-kontrol__btns #gw-shadow-btn-exit.gw-modal__btn--warn-amber:hover,
    .gw-shadow-kontrol__btns #gw-shadow-btn-drive.gw-modal__btn--ghost:hover,
    .gw-shadow-kontrol__btns #gw-shadow-refresh-status.gw-modal__btn--ghost:hover,
    .gw-shadow-kontrol__btns #gw-modal-shadow-close.gw-modal__btn--ghost:hover,
    .gw-shadow-kontrol__pwd-footer #gw-shadow-pwd-change.gw-modal__btn--ghost:hover,
    .gw-shadow-kontrol__btns #gw-shadow-btn-enter.gw-modal__btn--accent-line:focus-visible,
    .gw-shadow-kontrol__btns #gw-shadow-btn-exit.gw-modal__btn--warn-amber:focus-visible,
    .gw-shadow-kontrol__btns #gw-shadow-btn-drive.gw-modal__btn--ghost:focus-visible,
    .gw-shadow-kontrol__btns #gw-shadow-refresh-status.gw-modal__btn--ghost:focus-visible,
    .gw-shadow-kontrol__btns #gw-modal-shadow-close.gw-modal__btn--ghost:focus-visible,
    .gw-shadow-kontrol__pwd-footer #gw-shadow-pwd-change.gw-modal__btn--ghost:focus-visible {
        transform: none;
    }
}

/* İkincil: amber / altın vurgu */
.gw-modal__btn--warn-amber {
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.55);
    color: #fde68a;
}

.gw-modal__btn--warn-amber:hover {
    border-color: rgba(245, 158, 11, 0.8);
    background: rgba(245, 158, 11, 0.2);
}

.gw-modal--shadow-drives .gw-modal__box--shadow-drives {
    max-width: 26rem;
}

.gw-shadow-drives-dialog__cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.35rem 1rem;
    margin: 0.75rem 0 1rem;
}

.gw-shadow-drives-dialog__col {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.gw-shadow-drives-dialog__item {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.9rem;
}

.gw-shadow-drives-dialog__item input {
    margin: 0;
}

.gw-shadow-drives-dialog__all {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
    font-size: 0.88rem;
    cursor: pointer;
    user-select: none;
}

.gw-shadow-drives-dialog__all input {
    margin: 0;
}

.gw-shadow-kontrol__pwd-footer {
    margin-top: auto;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(51, 65, 85, 0.55);
}

.gw-shadow-kontrol__pwd-ok {
    margin: 0 0 0.45rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #4ade80;
    text-shadow: 0 0 20px rgba(74, 222, 128, 0.35);
}

.gw-shadow-kontrol__pwd-change {
    width: 100%;
    padding: 0.65rem 0.85rem;
    font-size: 0.84rem;
}

.gw-section-title {
    margin: 0;
    font-family: var(--gw-font-display);
    font-size: clamp(1.1rem, 2.5vw, 1.35rem);
    letter-spacing: 0.2em;
}

.gw-section-meta {
    font-size: 0.9rem;
    color: var(--gw-muted);
    font-weight: 600;
}

/* PC: varsayılan 12 sütun (~24" / ≤1920px daha geniş kutu); ≥1921px 15 sütun (geniş/34" panel) */
/* Tüm satırlar en az aynı yükseklik — yalnız kapalı masalar varken satır çökmez, açık/kapalı kutu boyu oynmaz */
.gw-grid--pc {
    --gw-pc-cell-row-min: calc(clamp(48px, 3.6vw, 62px) * var(--gw-home-cell-box-scale, 1));
    display: grid;
    grid-auto-rows: minmax(var(--gw-pc-cell-row-min), auto);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: calc(0.4rem * var(--gw-home-cell-box-scale, 1)) calc(0.5rem * var(--gw-home-cell-box-scale, 1));
    box-sizing: border-box;
}

@media (min-width: 1921px) {
    .gw-grid--pc {
        grid-template-columns: repeat(15, minmax(0, 1fr));
        gap: calc(0.35rem * var(--gw-home-cell-box-scale, 1)) calc(0.45rem * var(--gw-home-cell-box-scale, 1));
    }
}

/* Hiç hücre yokken ızgara yüksekliği 0 olur; sağ tık #grid-pc’ye hiç düşmez. Boş alan hedefi için min-height. */
#grid-pc:empty {
    min-height: clamp(160px, 32vh, 480px);
    box-sizing: border-box;
}

#grid-cafe:empty {
    min-height: clamp(100px, 18vh, 240px);
    box-sizing: border-box;
}

@media (max-width: 1199px) {
    .gw-grid--pc {
        grid-template-columns: repeat(10, minmax(0, 1fr));
        gap: calc(0.45rem * var(--gw-home-cell-box-scale, 1)) calc(0.55rem * var(--gw-home-cell-box-scale, 1));
    }
}

@media (max-width: 900px) {
    .gw-grid--pc {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .gw-grid--pc {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .gw-grid--pc {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Kafeterya: 10 masa — PC ızgarası ile aynı iç kenar (negatif margin kenarlığın dışına taşıyordu) */
.gw-grid--cafe {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 0.45rem 0.4rem;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}

.gw-cell--cafe {
    border-color: var(--gw-station-cafe-border);
    box-shadow: none;
}

.gw-cell--cafe .gw-cell-label {
    /* PC “Masa” etiketi ile aynı ölçek — dikey hizayı eşitler */
    font-size: var(--gw-home-pc-label-px, 0.88rem);
    font-weight: var(--gw-home-pc-label-weight, 700);
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--gw-station-cafe-label);
    text-shadow: none;
    line-height: 1.15;
}

.gw-cell {
    position: relative;
    appearance: none;
    border: 1px solid var(--gw-border);
    border-radius: 12px;
    padding: clamp(0.26rem, 0.65vw, 0.42rem) 0.28rem clamp(0.12rem, 0.3vw, 0.22rem);
    cursor: pointer;
    font-family: var(--gw-font-ui);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(0.16rem, 0.45vw, 0.3rem);
    min-height: clamp(42px, 3.25vw, 54px);
    background: linear-gradient(165deg, var(--gw-surface), #182230);
    transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Ana grid: Shadow Defender (Shadow Kontrol tablosu ile aynı renkler) */
.gw-cell-shadow-pin {
    position: absolute;
    top: 0.12rem;
    right: 0.12rem;
    width: 0.62rem;
    height: 0.7rem;
    border-radius: 0.12rem 0.12rem 0.2rem 0.2rem;
    pointer-events: none;
    z-index: 4;
    opacity: 0;
    transform: scale(0.88);
    transition:
        opacity 0.14s ease,
        transform 0.14s ease;
}

.gw-cell-shadow-pin.is-visible {
    opacity: 1;
    transform: scale(1);
}

.gw-cell-shadow-pin--active {
    background: linear-gradient(165deg, #7dd3fc 0%, #0ea5e9 45%, #0369a1 100%);
    box-shadow:
        0 0 8px rgba(56, 189, 248, 0.65),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.gw-cell-shadow-pin--inactive {
    background: linear-gradient(165deg, #fde68a 0%, #f59e0b 50%, #b45309 100%);
    box-shadow:
        0 0 8px rgba(245, 158, 11, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

/* Hareketsiz zZZ: siyah kutu, turuncu yazı; sağ üst köşe — nabız (opacity animasyonu ile transition çakışmasın) */
.gw-cell-idle-zzz {
    position: absolute;
    left: auto;
    right: 0.1rem;
    top: 0.1rem;
    z-index: 7;
    pointer-events: none;
    opacity: 0;
    line-height: 1;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(1rem, 2.5vw, 1.38rem);
    height: clamp(1rem, 2.5vw, 1.38rem);
    border-radius: 0.3rem;
    transform-origin: center center;
    background: linear-gradient(165deg, #171717 0%, #0a0a0a 48%, #000000 100%);
    border: 1px solid rgba(251, 146, 60, 0.35);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 8px rgba(0, 0, 0, 0.65);
}

.gw-cell-idle-zzz--has-users {
    top: 0.1rem;
    width: clamp(1.14rem, 2.85vw, 1.52rem);
    height: clamp(1.14rem, 2.85vw, 1.52rem);
}

.gw-cell-idle-zzz--users-solo {
    top: 0.1rem;
    width: clamp(1.12rem, 2.75vw, 1.48rem);
    height: clamp(1.12rem, 2.75vw, 1.48rem);
}

.gw-cell-idle-zzz.is-visible {
    opacity: 1;
    animation: gw-cell-idle-zzz-pulse 1.15s ease-in-out infinite;
}

@keyframes gw-cell-idle-zzz-pulse {
    0%,
    100% {
        opacity: 1;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.06),
            0 2px 10px rgba(251, 146, 60, 0.45);
        transform: scale(1);
    }

    50% {
        opacity: 0.22;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.03),
            0 1px 4px rgba(0, 0, 0, 0.5);
        transform: scale(0.94);
    }
}

@media (prefers-reduced-motion: reduce) {
    .gw-cell-idle-zzz.is-visible {
        animation: none;
        opacity: 1;
        transform: none;
    }
}

.gw-cell-idle-zzz__text {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    font-weight: 800;
    font-size: clamp(0.4rem, 1.05vw, 0.56rem);
    line-height: 1;
    letter-spacing: -0.04em;
    color: #fb923c;
    text-shadow: 0 0 6px rgba(251, 146, 60, 0.45);
}

.gw-cell-idle-zzz__text span:nth-child(1) {
    font-size: 0.82em;
}

.gw-cell-idle-zzz__text span:nth-child(2) {
    font-size: 1em;
}

.gw-cell-idle-zzz__text span:nth-child(3) {
    font-size: 1.12em;
}

/* PC grid: ikon boyutu (eğlence + PS VİP) tek ölçek; sağ üstteki numara için üst padding */
.gw-grid--pc .gw-cell {
    --gw-station-icon-size: clamp(1.42rem, 3.6vw, 2.05rem);
    padding-top: clamp(0.48rem, 1.25vw, 0.75rem);
}

/* Ana #grid-pc istasyonları — cam kart, daha büyük ikon alanı (IoT hariç) */
#grid-pc.gw-grid--pc > .gw-cell[data-kind="pc"] {
    --gw-station-icon-size: clamp(1.56rem, 4.05vw, 2.32rem);
    border-radius: 14px;
    background: var(--gw-station-card-face);
    box-shadow: var(--gw-station-card-face-shadow);
    transition:
        transform 0.18s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease,
        filter 0.18s ease;
}

#grid-pc.gw-grid--pc > .gw-cell[data-kind="pc"]:hover {
    filter: brightness(1.05);
}

/* Açık masa (oturum): iç yüzey yeşil — çerçeve / grup renkleri ayrı kurallarda kalır */
#grid-pc.gw-grid--pc > .gw-cell[data-kind="pc"].gw-cell--busy {
    background: linear-gradient(
        162deg,
        rgba(158, 252, 188, 0.66) 0%,
        rgba(94, 235, 148, 0.62) 22%,
        rgba(52, 211, 127, 0.82) 52%,
        rgba(34, 197, 94, 0.96) 82%,
        rgba(10, 120, 78, 1) 100%
    );
    box-shadow:
        inset 0 1px 0 rgba(240, 253, 244, 0.52),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2),
        0 0 32px rgba(52, 211, 127, 0.24),
        0 4px 22px rgba(0, 0, 0, 0.36);
}

#grid-pc.gw-grid--pc > .gw-cell[data-kind="pc"].gw-cell--busy:hover {
    filter: brightness(1.04);
}

/* Yönetici oturumu: turuncu iç — üstteki genel yeşil #grid-pc kuralını geçer */
#grid-pc.gw-grid--pc > .gw-cell[data-kind="pc"].gw-cell--busy.gw-cell--session-admin {
    background: linear-gradient(
        162deg,
        rgba(255, 228, 198, 0.78) 0%,
        rgba(255, 200, 140, 0.72) 18%,
        rgba(255, 160, 72, 0.9) 48%,
        rgba(255, 120, 28, 0.98) 78%,
        rgba(220, 75, 8, 1) 100%
    );
    box-shadow:
        inset 0 1px 0 rgba(255, 251, 243, 0.58),
        inset 0 -1px 0 rgba(0, 0, 0, 0.18),
        0 0 34px rgba(255, 130, 40, 0.36),
        0 4px 22px rgba(0, 0, 0, 0.34);
}

#grid-pc.gw-grid--pc > .gw-cell[data-kind="pc"].gw-cell--busy.gw-cell--session-admin .gw-cell-sub {
    color: rgba(255, 247, 237, 0.96);
}

/* İstemci bağlı, açık oturum yok: üstteki yeşil #grid-pc .gw-cell--busy kuralını geçer — mavi bekleme (setCellVisual + client-online) */
#grid-pc.gw-grid--pc
    > .gw-cell[data-kind="pc"].gw-cell--busy.gw-cell--client-online:not(.gw-cell--session-timed):not(.gw-cell--session-unlimited):not(
        .gw-cell--session-admin
    ):not(.gw-cell--session-pending):not(.gw-cell--client-reconnect-waiting):not(.gw-cell--agent-socket-connecting) {
    background: linear-gradient(165deg, #2563eb 0%, #1d4ec4 45%, #152a66 100%);
    border-color: rgba(100, 210, 255, 0.78);
    color: #eef8ff;
    box-shadow:
        inset 0 0 22px rgba(80, 160, 255, 0.12),
        inset 0 1px 0 rgba(230, 248, 255, 0.22),
        0 0 28px rgba(59, 130, 246, 0.32),
        0 4px 22px rgba(0, 0, 0, 0.4);
}

#grid-pc.gw-grid--pc
    > .gw-cell[data-kind="pc"].gw-cell--busy.gw-cell--client-online:not(.gw-cell--session-timed):not(.gw-cell--session-unlimited):not(
        .gw-cell--session-admin
    ):not(.gw-cell--session-pending):not(.gw-cell--client-reconnect-waiting):not(.gw-cell--agent-socket-connecting)
    .gw-cell-sub {
    color: rgba(224, 242, 254, 0.88);
}

@media (prefers-reduced-motion: reduce) {
    #grid-pc.gw-grid--pc > .gw-cell[data-kind="pc"] {
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    #grid-pc.gw-grid--pc > .gw-cell[data-kind="pc"]:hover,
    #grid-pc.gw-grid--pc > .gw-cell[data-kind="pc"].gw-cell--busy:hover {
        filter: none;
    }
}

#grid-pc.gw-grid--pc {
    gap: calc(0.48rem * var(--gw-home-cell-box-scale, 1)) calc(0.58rem * var(--gw-home-cell-box-scale, 1));
}

@media (min-width: 1921px) {
    #grid-pc.gw-grid--pc {
        gap: calc(0.42rem * var(--gw-home-cell-box-scale, 1)) calc(0.52rem * var(--gw-home-cell-box-scale, 1));
    }
}

@media (max-width: 1199px) {
    #grid-pc.gw-grid--pc {
        gap: calc(0.5rem * var(--gw-home-cell-box-scale, 1)) calc(0.62rem * var(--gw-home-cell-box-scale, 1));
    }
}

/* IoT: sütunu doldur, satır yüksekliğine uzan (PC ile aynı grid satırı) */
.gw-grid--pc .gw-cell.gw-cell--iot {
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
    align-self: stretch;
    height: 100%;
    min-height: 100%;
    padding: 0 !important;
    font-family: var(--gw-font-iot-tapo);
    box-sizing: border-box;
}

/* Tümü / PC / PS…: IoT kutuları 130×90 + solo ile aynı iç düzen; satırda ortalanır.
   Akıllı Ev sekmesi (.gw-grid--pc--iot-solo-layout) bu bloktan hariç — oradaki kurallar aynen kalır. */
#grid-pc.gw-grid--pc:not(.gw-grid--pc--iot-solo-layout) > .gw-cell[data-kind="iot"] {
    width: 130px;
    max-width: 100%;
    min-width: 0;
    height: 90px;
    min-height: 90px;
    max-height: 90px;
    align-self: center;
    justify-self: center;
    padding: 5px 6px 6px !important;
    box-sizing: border-box !important;
    border-radius: 10px;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    overflow: hidden;
}

#grid-pc.gw-grid--pc:not(.gw-grid--pc--iot-solo-layout) > .gw-cell[data-kind="iot"] .gw-iot-cell-stack {
    flex: 1 1 auto;
    min-height: 0;
    gap: 5px;
    padding: 4px 2px 6px;
    justify-content: flex-start;
    align-items: center;
}

#grid-pc.gw-grid--pc:not(.gw-grid--pc--iot-solo-layout) > .gw-cell[data-kind="iot"] .gw-cell-num--iot {
    align-self: stretch;
    width: 100%;
    flex: 0 1 auto;
    max-height: none;
    font-size: 15px;
    line-height: 1.22;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none;
    -webkit-line-clamp: 2;
}

#grid-pc.gw-grid--pc:not(.gw-grid--pc--iot-solo-layout) > .gw-cell[data-kind="iot"] .gw-cell-num--iot.gw-cell-num--iot-tight {
    font-size: 13px;
    line-height: 1.18;
}

#grid-pc.gw-grid--pc:not(.gw-grid--pc--iot-solo-layout) > .gw-cell[data-kind="iot"] .gw-cell-num--iot.gw-cell-num--iot-tighter {
    font-size: 11.5px;
    line-height: 1.16;
}

#grid-pc.gw-grid--pc:not(.gw-grid--pc--iot-solo-layout) > .gw-cell[data-kind="iot"] .gw-iot-power-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 80%;
    max-width: 80%;
    min-width: 0;
    min-height: 24px;
    padding: 3px 4px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.035em;
    line-height: 1;
    text-transform: none;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none;
}

#grid-pc.gw-grid--pc:not(.gw-grid--pc--iot-solo-layout) > .gw-cell[data-kind="iot"].gw-cell--iot-on .gw-iot-power-toggle {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none;
}

/* PC/PS/Racing sekmesi: üstteki IoT display:flex !important ile özgüllük çakışması — .hide-done bir sınıf fazla olmalı */
#grid-pc.gw-grid--pc:not(.gw-grid--pc--iot-solo-layout) > .gw-cell[data-kind="iot"].gw-pc-type-filter--hide-done {
    display: none !important;
}

#grid-shop.gw-grid--shop > .gw-cell[data-kind="iot"].gw-pc-type-filter--hide-done {
    display: none !important;
}

/* İlk boyama: tüm .gw-cell; IoT display:flex kurallarından sonra (özgüllük + sıra) */
#grid-pc.gw-grid--pc.gw-station-grid--boot-hide-cells > .gw-cell,
#grid-shop.gw-grid--shop.gw-station-grid--boot-hide-cells > .gw-cell {
    display: none !important;
}

.gw-grid--pc .gw-cell > .gw-cell-label {
    display: none !important;
}

.gw-grid--pc .gw-cell-ico {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    order: 2;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: var(--gw-station-icon-size);
    font-size: var(--gw-station-icon-size);
    line-height: 1;
}

.gw-grid--pc .gw-cell-ico i {
    display: block;
    line-height: 1;
}

.gw-cell:focus-visible {
    outline: 2px solid var(--gw-cyan);
    outline-offset: 2px;
}

.gw-cell--pc .gw-cell-label {
    font-size: 0.88rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--gw-muted);
    font-weight: 700;
}

.gw-grid--pc .gw-cell--pc .gw-cell-tariff {
    display: none;
    font-size: clamp(0.55rem, 1.1vw, 0.72rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, 0.92);
    line-height: 1.1;
    max-width: 100%;
    text-align: center;
    word-break: break-word;
    padding: 0 2px;
}

.gw-grid--pc .gw-cell--pc.gw-cell--no-tariff-assign .gw-cell-tariff {
    display: block;
    text-transform: none;
    letter-spacing: 0.01em;
    font-weight: 600;
    font-size: clamp(0.48rem, 0.95vw, 0.62rem);
    color: rgba(251, 191, 36, 0.92);
    opacity: 0.95;
}

.gw-grid--pc .gw-cell--pc.gw-cell--no-tariff-assign.gw-cell--empty {
    box-shadow:
        inset 0 0 0 1px rgba(251, 191, 36, 0.22),
        0 2px 8px rgba(0, 0, 0, 0.38);
}

/* —— Boş kutular: mat renkli çerçeve + nötr derinlik gölgesi (çerçeve parlamaz) —— */
.gw-grid--pc .gw-cell--ps:not(.gw-cell--ps-vip).gw-cell--empty {
    border-color: rgba(118, 102, 148, 0.68);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.38);
    color: rgba(248, 250, 252, 0.92);
}

.gw-grid--pc .gw-cell--ps:not(.gw-cell--ps-vip).gw-cell--empty:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.48);
}

.gw-grid--pc .gw-cell--ps.gw-cell--ps-vip.gw-cell--empty {
    border-color: rgba(188, 118, 72, 0.65);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.38);
    color: #ffd4b8;
}

.gw-grid--pc .gw-cell--ps.gw-cell--ps-vip.gw-cell--empty:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.48);
}

.gw-grid--pc .gw-cell--racing.gw-cell--empty {
    border-color: rgba(180, 130, 70, 0.62);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.38);
    color: rgba(248, 250, 252, 0.92);
}

.gw-grid--pc .gw-cell--racing.gw-cell--empty:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.48);
}

.gw-grid--pc .gw-cell--vip:not(.gw-cell--ps).gw-cell--empty {
    border-color: rgba(188, 118, 72, 0.62);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.38);
    color: #ffd8bc;
}

.gw-grid--pc .gw-cell--vip:not(.gw-cell--ps).gw-cell--empty:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.48);
}

.gw-grid--pc .gw-cell--pc[data-gw-remote="1"].gw-cell--empty {
    border-color: rgba(86, 124, 158, 0.68);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.38);
    color: rgba(248, 250, 252, 0.92);
}

.gw-grid--pc .gw-cell--pc[data-gw-remote="1"].gw-cell--empty:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.48);
}

/* #grid-pc: türüne göre çerçeve + ikon (tüm masa numaraları); eski yalnızca sabit data-masa listeleri yeni eklenen kutuları dışlıyordu */
#grid-pc.gw-grid--pc > .gw-cell--racing {
    border-color: rgba(251, 191, 36, 0.56) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -1px 0 rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(251, 191, 36, 0.14),
        0 0 16px rgba(245, 158, 11, 0.28),
        0 6px 22px rgba(0, 0, 0, 0.45) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--racing.gw-cell--empty:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(251, 191, 36, 0.17),
        0 0 20px rgba(245, 158, 11, 0.36),
        0 8px 26px rgba(0, 0, 0, 0.52) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--racing .gw-cell-ico.gw-cell-ico--racing-mark i {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 1.12px var(--gw-station-ico-racing-stroke);
    paint-order: stroke fill;
    text-shadow: none !important;
    filter: drop-shadow(0 0 2px var(--gw-station-ico-racing-drop)) !important;
}

/* Turuncu çerçeve yalnızca kapalı Özel Oda — açıkken yeşili ezmesin */
#grid-pc.gw-grid--pc > .gw-cell--cinema.gw-cell--empty {
    border-color: rgba(251, 146, 60, 0.58) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -1px 0 rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(251, 146, 60, 0.16),
        0 0 16px rgba(234, 88, 12, 0.26),
        0 6px 22px rgba(0, 0, 0, 0.45) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--cinema.gw-cell--empty:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(251, 146, 60, 0.2),
        0 0 20px rgba(234, 88, 12, 0.34),
        0 8px 26px rgba(0, 0, 0, 0.52) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--cinema .gw-cell-ico.gw-cell-ico--cinema-mark i {
    color: #fb923c !important;
    font-size: 0.9em;
    filter: drop-shadow(0 0 2px rgba(234, 88, 12, 0.4)) !important;
}

/* Açık Özel Oda: diğer açık masalarla aynı yeşil (turuncu çerçeve / şeffaf gradient sızıntısı yok) */
#grid-pc.gw-grid--pc > .gw-cell--cinema.gw-cell--busy {
    background: linear-gradient(165deg, #44f0b0 0%, #26d968 40%, #14b848 75%, #147a38 100%) !important;
    border-color: rgba(210, 255, 130, 0.96) !important;
    color: #f6fff8 !important;
    box-shadow:
        inset 0 0 26px rgba(230, 255, 180, 0.2),
        inset 0 1px 0 rgba(248, 255, 250, 0.4),
        0 0 32px rgba(52, 211, 127, 0.24),
        0 4px 22px rgba(0, 0, 0, 0.36) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--cinema.gw-cell--busy.gw-cell--session-unlimited {
    background: linear-gradient(165deg, #446832 0%, #386626 44%, #274418 100%) !important;
    border-color: rgba(212, 225, 87, 0.92) !important;
    color: #f4fdf6 !important;
    box-shadow:
        inset 0 0 22px rgba(0, 0, 0, 0.14),
        inset 0 1px 0 rgba(212, 225, 87, 0.28),
        0 0 28px rgba(52, 211, 127, 0.18),
        0 4px 22px rgba(0, 0, 0, 0.4) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--cinema.gw-cell--busy.gw-cell--session-admin {
    background: linear-gradient(
        162deg,
        rgba(255, 228, 198, 0.78) 0%,
        rgba(255, 200, 140, 0.72) 18%,
        rgba(255, 160, 72, 0.9) 48%,
        rgba(255, 120, 28, 0.98) 78%,
        rgba(220, 75, 8, 1) 100%
    ) !important;
    border-color: rgba(255, 230, 200, 1) !important;
    color: #fff8f0 !important;
}

#grid-pc.gw-grid--pc > .gw-cell--cinema.gw-cell--busy.gw-cell--session-pending {
    background: linear-gradient(165deg, #2563eb 0%, #1d4ec4 45%, #152a66 100%) !important;
    border-color: rgba(100, 210, 255, 0.78) !important;
    color: #eef8ff !important;
}

#grid-pc.gw-grid--pc > .gw-cell--cinema.gw-cell--busy .gw-cell-ico.gw-cell-ico--cinema-mark i {
    color: #ffffff !important;
    filter: drop-shadow(0 0 2px rgba(240, 253, 244, 0.45)) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--ps:not(.gw-cell--ps-vip) {
    border-color: rgba(200, 75, 255, 0.56) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -1px 0 rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(200, 75, 255, 0.16),
        0 0 16px rgba(200, 75, 255, 0.3),
        0 6px 22px rgba(0, 0, 0, 0.45) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--ps:not(.gw-cell--ps-vip).gw-cell--empty:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(200, 75, 255, 0.2),
        0 0 20px rgba(200, 75, 255, 0.38),
        0 8px 26px rgba(0, 0, 0, 0.52) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--ps:not(.gw-cell--ps-vip) .gw-cell-ico.gw-cell-ico--ps-mark i {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 1.1px var(--gw-station-ico-ps-stroke);
    paint-order: stroke fill;
    text-shadow: none !important;
    filter: drop-shadow(0 0 2px var(--gw-station-ico-ps-drop)) !important;
}

/* Dolu PS (yeşil / turuncu / mavi zemin): logo #fff — mor grup renginde çok ince neon hale */
#grid-pc.gw-grid--pc > .gw-cell--ps.gw-cell--busy:not(.gw-cell--ps-vip) .gw-cell-ico.gw-cell-ico--ps-mark i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal;
    text-shadow: none !important;
    filter: drop-shadow(0 0 0.8px rgba(232, 215, 255, 1)) drop-shadow(0 0 3px rgba(200, 130, 255, 0.65))
        drop-shadow(0 0 8px rgba(175, 100, 255, 0.32)) !important;
}

/* Standart PC (client), kapalı: tüm masa numaraları — cyan neon (dolu kutuda yeşil/turuncu gölgeyle çakışmasın diye yalnızca .gw-cell--empty) */
#grid-pc.gw-grid--pc
    > .gw-cell--pc:not(.gw-cell--ps):not(.gw-cell--racing):not(.gw-cell--cinema):not(
        .gw-cell--extra-0
    ):not(.gw-cell--extra-1):not(.gw-cell--extra-2):not(.gw-cell--extra-3):not(.gw-cell--vip):not(
        [data-gw-remote="1"]
    ).gw-cell--empty {
    border-color: rgba(56, 240, 255, 0.55) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -1px 0 rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(56, 240, 255, 0.14),
        0 0 16px rgba(56, 240, 255, 0.26),
        0 6px 22px rgba(0, 0, 0, 0.45) !important;
}

#grid-pc.gw-grid--pc
    > .gw-cell--pc:not(.gw-cell--ps):not(.gw-cell--racing):not(.gw-cell--cinema):not(
        .gw-cell--extra-0
    ):not(.gw-cell--extra-1):not(.gw-cell--extra-2):not(.gw-cell--extra-3):not(.gw-cell--vip):not(
        [data-gw-remote="1"]
    ).gw-cell--empty:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(56, 240, 255, 0.17),
        0 0 20px rgba(56, 240, 255, 0.32),
        0 8px 26px rgba(0, 0, 0, 0.52) !important;
}

#grid-pc.gw-grid--pc
    > .gw-cell--pc:not(.gw-cell--ps):not(.gw-cell--racing):not(.gw-cell--cinema):not(
        .gw-cell--extra-0
    ):not(.gw-cell--extra-1):not(.gw-cell--extra-2):not(.gw-cell--extra-3):not(.gw-cell--vip):not(
        [data-gw-remote="1"]
    ).gw-cell--empty
    .gw-cell-ico.gw-cell-ico--pc-mark
    i {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 1.1px var(--gw-station-ico-pc-stroke);
    paint-order: stroke fill;
    text-shadow: none !important;
    filter: drop-shadow(0 0 2px var(--gw-station-ico-pc-drop)) !important;
}

/* Standart PC (client): mat mavi çerçeve */
.gw-grid--pc .gw-cell--pc.gw-cell--empty:not(.gw-cell--vip):not(
        [data-gw-remote="1"]
    ) {
    border-color: rgba(86, 124, 158, 0.68);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.38);
    color: rgba(248, 250, 252, 0.92);
}

.gw-grid--pc .gw-cell--pc.gw-cell--empty:not(.gw-cell--vip):not(
        [data-gw-remote="1"]
    ):hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.48);
}

.gw-grid--pc .gw-cell--ps:not(.gw-cell--ps-vip) .gw-cell-ico.gw-cell-ico--ps-mark {
    font-size: clamp(0.92rem, 2.35vw, 1.3rem);
    min-height: clamp(0.92rem, 2.35vw, 1.3rem);
}

.gw-grid--pc .gw-cell-ico.gw-cell-ico--pc-mark {
    font-size: clamp(0.92rem, 2.35vw, 1.3rem);
    min-height: clamp(0.92rem, 2.35vw, 1.3rem);
}

.gw-grid--pc .gw-cell-ico.gw-cell-ico--racing-mark {
    font-size: clamp(0.92rem, 2.35vw, 1.3rem);
    min-height: clamp(0.92rem, 2.35vw, 1.3rem);
}

.gw-grid--pc .gw-cell-ico.gw-cell-ico--cinema-mark {
    font-size: clamp(0.92rem, 2.35vw, 1.3rem);
    min-height: clamp(0.92rem, 2.35vw, 1.3rem);
}

.gw-grid--pc .gw-cell-ico.gw-cell-ico--extra-mark {
    font-size: clamp(0.92rem, 2.35vw, 1.3rem);
    min-height: clamp(0.92rem, 2.35vw, 1.3rem);
}

#grid-pc.gw-grid--pc > .gw-cell--extra-0 {
    border-color: rgba(163, 230, 53, 0.58) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -1px 0 rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(163, 230, 53, 0.18),
        0 0 14px rgba(132, 204, 22, 0.28),
        0 6px 22px rgba(0, 0, 0, 0.45) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--extra-1 {
    border-color: rgba(244, 114, 182, 0.58) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -1px 0 rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(244, 114, 182, 0.18),
        0 0 14px rgba(219, 39, 119, 0.3),
        0 6px 22px rgba(0, 0, 0, 0.45) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--extra-2 {
    border-color: rgba(251, 146, 60, 0.5) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -1px 0 rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(251, 146, 60, 0.14),
        0 0 14px rgba(249, 115, 22, 0.18),
        0 6px 22px rgba(0, 0, 0, 0.45) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--extra-3 {
    border-color: rgba(167, 139, 250, 0.5) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -1px 0 rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(167, 139, 250, 0.14),
        0 0 14px rgba(139, 92, 246, 0.2),
        0 6px 22px rgba(0, 0, 0, 0.45) !important;
}

#grid-pc.gw-grid--pc > .gw-cell--extra-0 .gw-cell-ico--extra-mark-0 i {
    color: #a3e635;
    -webkit-text-fill-color: #a3e635;
    filter: drop-shadow(0 0 5px rgba(163, 230, 53, 0.55));
}

#grid-pc.gw-grid--pc > .gw-cell--extra-1 .gw-cell-ico--extra-mark-1 i,
#grid-pc.gw-grid--pc > .gw-cell--extra-1 .gw-cell-ico--extra-mark-1 .gw-svg-billiard-8 {
    color: #f472b6;
    -webkit-text-fill-color: #f472b6;
    filter: drop-shadow(0 0 5px rgba(244, 114, 182, 0.55));
}

#grid-pc.gw-grid--pc > .gw-cell--extra-2 .gw-cell-ico--extra-mark-2 i {
    color: #fdba74;
    -webkit-text-fill-color: #fdba74;
    filter: drop-shadow(0 0 4px rgba(251, 146, 60, 0.4));
}

#grid-pc.gw-grid--pc > .gw-cell--extra-3 .gw-cell-ico--extra-mark-3 i {
    color: #c4b5fd;
    -webkit-text-fill-color: #c4b5fd;
    filter: drop-shadow(0 0 4px rgba(167, 139, 250, 0.42));
}

.gw-grid--pc .gw-cell-ico.gw-cell-ico--extra-mark .gw-svg-billiard-8 {
    width: 1em;
    height: 1em;
    display: block;
}

.gw-svg-billiard-8__ball {
    fill: currentColor;
}

.gw-svg-billiard-8__stripe {
    fill: #0b1220;
}

.gw-svg-billiard-8__num {
    fill: #fce7f3;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

.gw-pc-type-tab__ico .gw-svg-billiard-8,
.gw-grid-pc-ctx__ico .gw-svg-billiard-8,
.gw-settings-nav__ico .gw-svg-billiard-8 {
    width: 1em;
    height: 1em;
    display: block;
}

/* PS 10–11: VİP masa düzeni — turuncu başlık, beyaz numara (ikon yok) */
.gw-cell--ps.gw-cell--ps-vip {
    min-height: clamp(42px, 3.25vw, 54px);
    border-color: rgba(200, 120, 72, 0.62);
    box-shadow: none;
}

.gw-cell--ps-vip .gw-cell-label--ps-vip-line {
    font-size: 0.88rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #ff8c38;
    font-weight: 700;
    text-shadow: none;
}

.gw-cell--ps-vip .gw-cell-num {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    text-shadow: none;
}

.gw-cell--racing .gw-cell-label--racing {
    color: rgba(253, 230, 138, 0.92);
    text-shadow: none;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.gw-cell--vip .gw-cell-label--vip-line {
    font-size: 0.88rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #ff8c38;
    font-weight: 700;
    text-shadow: none;
}

/* PC ızgarası: "Masa" — beyaz (boş / dolu tüm kutularda okunaklı) */
.gw-grid--pc .gw-cell .gw-cell-label {
    display: block;
    width: 100%;
    text-align: center;
    color: #f8fafc;
    text-shadow: none;
    -webkit-text-fill-color: #f8fafc;
    letter-spacing: 0.07em;
}

.gw-cell--vip .gw-cell-num {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    text-shadow: none;
}

.gw-cell-num {
    font-family: var(--gw-font-display);
    font-weight: 700;
    font-size: clamp(1.014rem, 2.145vw, 1.196rem);
    line-height: 1.15;
    margin-top: 0;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none;
}

.gw-cell--cafe .gw-cell-num {
    font-size: calc(clamp(1.014rem, 2.145vw, 1.196rem) * var(--gw-home-cell-box-scale, 1));
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    text-shadow: none;
}

.gw-cell-sub {
    display: block;
    margin-top: 0;
    font-size: 0.806rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
    min-height: 1.1em;
}

/* Alt satır (süre): ortalı, numara/tutar ile hizalı */
.gw-grid--pc .gw-cell-sub {
    display: block;
    order: 3;
    width: 100%;
    text-align: center;
    margin-top: clamp(0.12rem, 0.45vw, 0.22rem);
    font-size: calc(clamp(0.88rem, 1.9vw, 0.98rem) * var(--gw-home-cell-box-scale, 1));
    line-height: 1.25;
}

/* Dolu PC: üst satır süre | masa no; altta ücret (eski Yönetici/Süresiz satırı) */
/* padding-bottom ayrı yazılmıyor — boş kutu ile aynı kutu ölçüsü */
.gw-grid--pc .gw-cell--busy {
    justify-content: flex-start;
}

.gw-grid--pc .gw-cell--busy .gw-cell-sub--pc-busy {
    flex: 1 1 auto;
    min-height: 0;
}

.gw-grid--pc .gw-cell-sub--pc-busy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-top: clamp(0.22rem, 0.72vw, 0.42rem);
}

.gw-grid--pc .gw-cell-sub__fee {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: calc(clamp(0.88rem, 1.95vw, 1.08rem) * var(--gw-home-cell-box-scale, 1));
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    font-variant-numeric: tabular-nums;
    padding: 0 clamp(0.12rem, 0.5vw, 0.3rem) 0.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Kapalı PC: alt bant = dolu masadaki tek ücret satırı kadar — kutu yüksekliği açık/kapalı aynı kalır */
.gw-grid--pc .gw-cell--empty .gw-cell-sub {
    flex-shrink: 0;
    min-height: calc((1.2 * clamp(0.88rem, 1.95vw, 1.08rem) * var(--gw-home-cell-box-scale, 1)) + 0.02em);
}

.gw-cell--busy .gw-cell-sub {
    color: rgba(209, 250, 229, 0.92);
}

.gw-cell--empty .gw-cell-sub {
    color: rgba(254, 202, 202, 0.88);
}

/* Boş: kapalı — kırmızı ton (Tapo / Akıllı Ev hücreleri ayrı mor tema) */
.gw-cell--empty:not(.gw-cell--iot) {
    border-color: rgba(255, 90, 90, 0.52);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 2px 8px rgba(0, 0, 0, 0.45);
    color: #ffc8c8;
}

.gw-cell--empty:hover {
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 3px 10px rgba(0, 0, 0, 0.5);
}

/* Kafe grubu: mat turuncu/kahver çerçeve */
.gw-grid--cafe .gw-cell--empty {
    border-color: rgba(168, 118, 72, 0.65);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.38);
    color: rgba(248, 250, 252, 0.92);
}

.gw-grid--cafe .gw-cell--empty:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.48);
}

.gw-grid--cafe .gw-cell--empty .gw-cell-sub {
    color: rgba(226, 232, 240, 0.82);
}

.gw-cell--selected,
#grid-pc .gw-cell.selected,
#grid-cafe .gw-cell.selected,
#grid-pc .gw-pc-card.selected,
#grid-cafe .gw-pc-card.selected {
    outline: 2px solid #007bff;
    outline-offset: 2px;
    z-index: 1;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

/* RESTART komutu gönderildi — sarı vurgu yalnız ikonda; masa no saf beyaz kalır */
#grid-pc .gw-cell.gw-cell--restart-sent .gw-cell-ico i {
    color: #facc15 !important;
    filter: drop-shadow(0 0 10px rgba(250, 204, 21, 0.95));
    transition: color 0.12s ease, filter 0.12s ease;
}

#grid-pc .gw-cell.gw-cell--restart-sent .gw-cell-num {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    filter: none !important;
    transition: color 0.12s ease;
}

#grid-pc .gw-cell.gw-cell--restart-sent .gw-cell-ico {
    transform: scale(1.08);
    transition: transform 0.15s ease;
}

/* Toplu bağlam menüsü / istemci komutu gönderilirken */
#grid-pc .gw-cell.gw-cell--ctx-loading {
    position: relative;
}
#grid-pc .gw-cell.gw-cell--ctx-loading::after {
    content: "";
    position: absolute;
    inset: 5px;
    margin: auto;
    width: 22px;
    height: 22px;
    border: 2px solid rgba(0, 123, 255, 0.25);
    border-top-color: var(--gw-accent-color);
    border-radius: 50%;
    animation: gw-cell-ctx-spin 0.7s linear infinite;
    pointer-events: none;
    z-index: 6;
    box-sizing: border-box;
}
@keyframes gw-cell-ctx-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Çoklu masa seçimi: hücre içi metin sürüklemesi kapalı (başlık/araç çubuğu: #gw-view-stations .gw-section-head) */
#grid-pc .gw-cell,
#grid-cafe .gw-cell,
.gw-grid.gw-grid--pc .gw-cell,
.gw-grid.gw-grid--cafe .gw-cell {
    user-select: none;
    -webkit-user-select: none;
}

/* PC+kafe bloğu: içteki tüm metin/ikon (MASA etiketleri vb.) sürüklemeyle seçilmesin */
#pc-grid,
#pc-grid * {
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
}

/* Akıllı Ev (Tapo) solo: SortableJS — üstteki -webkit-user-drag:none yerel sürüklemeyi kilitliyordu */
#grid-pc.gw-grid--pc.gw-grid--pc--iot-solo-layout > .gw-cell[data-kind="iot"] {
    -webkit-user-drag: element;
}

/* Sol istasyon paneli: süre butonları / etiketler mavi seçilmesin; form alanları metin seçebilir */
aside.gw-sidebar--detail,
aside.gw-sidebar--detail * {
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
}

aside.gw-sidebar--detail input,
aside.gw-sidebar--detail textarea,
aside.gw-sidebar--detail select {
    -webkit-user-select: text;
    user-select: text;
    -moz-user-select: text;
}

body.gw-marquee-selecting,
body.gw-dashboard-marquee-selecting {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: default;
}

body.gw-dashboard-marquee-selecting * {
    -webkit-user-select: none !important;
    user-select: none !important;
    -moz-user-select: none !important;
}

body.gw-dashboard-marquee-selecting input,
body.gw-dashboard-marquee-selecting textarea,
body.gw-dashboard-marquee-selecting select,
body.gw-dashboard-marquee-selecting [contenteditable="true"] {
    -webkit-user-select: text !important;
    user-select: text !important;
    -moz-user-select: text !important;
}

/* Lasso sürüklerken yalnız aktif ızgara (başlık/yan panel metni seçilebilir kalır) */
#grid-pc.gw-marquee-selecting-pane,
#grid-cafe.gw-marquee-selecting-pane {
    user-select: none;
    -webkit-user-select: none;
    cursor: default;
    touch-action: none;
}

.gw-select-marquee {
    border: 1px solid #007bff;
    background: rgba(0, 123, 255, 0.2);
    position: absolute;
    z-index: 9999;
    pointer-events: none;
    box-sizing: border-box;
    border-radius: 2px;
}

/* Masaların üstünde çizilsin (seçili hücre z-index:1 vb.) */
.gw-select-marquee--dashboard {
    z-index: 50000;
}

/* Toplu ekran <dialog> top layer içinde; kök gövde / dialog’a göre fixed */
.gw-select-marquee--screen-wall {
    position: fixed;
    z-index: 100;
}

/* Masa / kafe kutusu: oturum türü (süreli / üye / süresiz / yönetici / beklemede) — sol üst, sönük tonlar */
.gw-cell-session-badge {
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
    z-index: 3;
    pointer-events: none;
    display: none;
    align-items: center;
    justify-content: center;
    width: clamp(1rem, 2.5vw, 1.38rem);
    height: clamp(1rem, 2.5vw, 1.38rem);
    border-radius: 0.3rem;
    font-size: clamp(0.52rem, 1.32vw, 0.7rem);
    line-height: 1;
}

.gw-cell-session-badge:not(:empty) {
    display: flex;
    /* 2. görsel: koyu kömür / lacivert-gri kutu, üzerinde açık ikon */
    background: linear-gradient(165deg, #242933 0%, #1d222c 48%, #161920 100%);
    color: #f1f5f9;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 2px 6px rgba(0, 0, 0, 0.52);
}

.gw-cell-session-badge--has-users {
    width: clamp(1.14rem, 2.85vw, 1.52rem);
    height: clamp(1.14rem, 2.85vw, 1.52rem);
}

/* Üye süresiz: yalnızca çift kafa (∞ yok) */
.gw-cell-session-badge--users-solo {
    font-size: clamp(0.58rem, 1.45vw, 0.76rem);
    width: clamp(1.12rem, 2.75vw, 1.48rem);
    height: clamp(1.12rem, 2.75vw, 1.48rem);
}

.gw-cell-session-badge i {
    display: block;
    line-height: 1;
}

/* Üyelik: ana ikon + sağ altta çift kafa (fa-users), yönetici rozeti gibi */
.gw-cell-session-badge__stack {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.gw-cell-session-badge__main {
    display: block;
    line-height: 1;
}

.gw-cell-session-badge__users {
    position: absolute;
    right: 0.02rem;
    bottom: 0.01rem;
    font-size: clamp(0.3rem, 0.78vw, 0.42rem);
    line-height: 1;
    display: block;
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.55));
}

.gw-cell-session-badge--member.gw-cell-session-badge--timed,
.gw-cell-session-badge--member.gw-cell-session-badge--unlimited,
.gw-cell-session-badge--member.gw-cell-session-badge--pending {
    box-shadow:
        0 0 0 2px rgba(167, 139, 250, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 2px 6px rgba(0, 0, 0, 0.52);
}

.gw-cell-session-badge--admin {
    box-shadow:
        0 0 0 2px rgba(251, 146, 60, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 2px 6px rgba(0, 0, 0, 0.52);
}

/* Dolu oturum: renk kutu içinde; dışa renkli halo yok (hepsi aynı mantık) */
.gw-cell--busy {
    background: linear-gradient(165deg, #5efc9a 0%, #2ee06a 38%, #18c050 72%, #129040 100%);
    border-color: rgba(190, 255, 220, 0.98);
    color: #f6fff8;
    box-shadow:
        inset 0 0 28px rgba(200, 255, 220, 0.24),
        inset 0 1px 0 rgba(248, 255, 250, 0.42),
        0 2px 8px rgba(0, 0, 0, 0.38);
}

/* :not(pending) şart: aksi halde iki :not() özgüllüğü .gw-cell--session-pending mavisini ezer, kutu yeşil kalır */
.gw-cell--busy:not(.gw-cell--session-unlimited):not(.gw-cell--session-admin):not(.gw-cell--session-pending) {
    background: linear-gradient(165deg, #44f0b0 0%, #26d968 40%, #14b848 75%, #147a38 100%);
    border-color: rgba(210, 255, 130, 0.96);
    box-shadow:
        inset 0 0 26px rgba(230, 255, 180, 0.2),
        inset 0 1px 0 rgba(248, 255, 250, 0.4),
        0 2px 8px rgba(0, 0, 0, 0.38);
}

/* Süresiz: referans koyu orman yeşili (#386626 tonu) + ince limon sarısı kenar */
.gw-cell--busy.gw-cell--session-unlimited {
    background: linear-gradient(165deg, #446832 0%, #386626 44%, #274418 100%);
    border-color: rgba(212, 225, 87, 0.92);
    color: #f4fdf6;
    box-shadow:
        inset 0 0 22px rgba(0, 0, 0, 0.14),
        inset 0 1px 0 rgba(212, 225, 87, 0.28),
        0 2px 8px rgba(0, 0, 0, 0.45);
}

.gw-cell--busy.gw-cell--session-unlimited .gw-cell-sub {
    color: rgba(255, 248, 220, 0.94);
}

/* Yönetici: istemci bağlıyken turuncu (#grid-pc’de ayrıca üstteki yeşil kuralın üstüne yazılır) */
.gw-cell--busy.gw-cell--session-admin.gw-cell--client-online {
    background: linear-gradient(165deg, #ffd198 0%, #ffa04d 28%, #ff8020 58%, #f05a00 100%);
    border-color: rgba(255, 230, 200, 1);
    color: #fff8f0;
    box-shadow:
        inset 0 0 30px rgba(255, 200, 120, 0.3),
        inset 0 1px 0 rgba(255, 255, 248, 0.46),
        0 2px 8px rgba(0, 0, 0, 0.34);
}

.gw-cell--busy.gw-cell--session-admin.gw-cell--client-online .gw-cell-sub {
    color: rgba(255, 237, 213, 0.98);
}

/* Beklemede (süre doldu / bakiye bitti): PC kilitli — «bağlı, oturum yok» ile aynı mavi bekleme görünümü */
.gw-cell--busy.gw-cell--session-pending {
    background: linear-gradient(165deg, #2563eb 0%, #1d4ec4 45%, #152a66 100%);
    border-color: rgba(100, 210, 255, 0.78);
    color: #eef8ff;
    box-shadow:
        inset 0 0 22px rgba(80, 160, 255, 0.1),
        inset 0 1px 0 rgba(230, 248, 255, 0.2),
        0 2px 8px rgba(0, 0, 0, 0.45);
}

.gw-cell--busy.gw-cell--session-pending .gw-cell-sub {
    color: rgba(224, 242, 254, 0.85);
}

/* Yalnızca istemci ajanı çevrimiçi (oturum yok) — mavi: PC bağlı, kilit bekliyor */
.gw-cell--busy.gw-cell--client-online:not(.gw-cell--session-timed):not(.gw-cell--session-unlimited):not(.gw-cell--session-admin):not(.gw-cell--session-pending) {
    background: linear-gradient(165deg, #2563eb 0%, #1d4ec4 45%, #152a66 100%);
    border-color: rgba(100, 210, 255, 0.78);
    color: #eef8ff;
    box-shadow:
        inset 0 0 22px rgba(80, 160, 255, 0.1),
        inset 0 1px 0 rgba(230, 248, 255, 0.2),
        0 2px 8px rgba(0, 0, 0, 0.45);
}

.gw-cell--busy.gw-cell--client-online:not(.gw-cell--session-timed):not(.gw-cell--session-unlimited):not(.gw-cell--session-admin):not(.gw-cell--session-pending)
    .gw-cell-sub {
    color: rgba(224, 242, 254, 0.85);
}

/* WoL gönderildi; PC henüz çevrimiçi değil — boş kutuda "Açılıyor…" */
.gw-grid--pc .gw-cell--empty.gw-cell--wol-waking {
    border-color: rgba(250, 204, 21, 0.72);
    box-shadow:
        inset 0 0 18px rgba(250, 204, 21, 0.1),
        0 2px 10px rgba(0, 0, 0, 0.4);
    animation: gw-wol-waking-pulse 1.8s ease-in-out infinite;
}

.gw-grid--pc .gw-cell--empty.gw-cell--wol-waking .gw-cell-sub {
    color: rgba(253, 224, 71, 0.95);
    font-weight: 600;
}

@keyframes gw-wol-waking-pulse {
    0%,
    100% {
        border-color: rgba(250, 204, 21, 0.5);
    }
    50% {
        border-color: rgba(252, 211, 77, 0.92);
    }
}

/* Açık oturum + çevrimdışı: bekleme modu (çift çerçeve: yeşil + sarı halka; mavi yok) */
@keyframes gw-reconnect-wait-border-pulse {
    0%,
    100% {
        box-shadow:
            0 0 0 1px rgba(34, 197, 94, 0.72),
            0 0 0 3px rgba(234, 179, 8, 0.62),
            inset 0 0 22px rgba(15, 23, 42, 0.18),
            0 2px 10px rgba(0, 0, 0, 0.48);
    }
    50% {
        box-shadow:
            0 0 0 1px rgba(190, 242, 100, 0.88),
            0 0 0 3px rgba(250, 204, 21, 0.78),
            inset 0 0 26px rgba(15, 23, 42, 0.22),
            0 2px 12px rgba(0, 0, 0, 0.55);
    }
}

#grid-pc .gw-cell--busy.gw-cell--client-reconnect-waiting,
.gw-grid--pc .gw-cell--busy.gw-cell--client-reconnect-waiting,
#grid-pc .gw-cell--agent-socket-connecting,
.gw-grid--pc .gw-cell--agent-socket-connecting {
    animation: gw-reconnect-wait-border-pulse 2.4s ease-in-out infinite;
}

#grid-pc .gw-cell--busy.gw-cell--client-reconnect-waiting > *:not(.gw-cell-reconnect-waiting),
.gw-grid--pc .gw-cell--busy.gw-cell--client-reconnect-waiting > *:not(.gw-cell-reconnect-waiting),
#grid-pc .gw-cell--agent-socket-connecting > *:not(.gw-cell-agent-connecting),
.gw-grid--pc .gw-cell--agent-socket-connecting > *:not(.gw-cell-agent-connecting) {
    opacity: 0.48;
    transition: opacity 0.2s ease;
}

/* Oturum açık, istemci çevrimdışı — gri tonlar (bağlantı koptu) */
#grid-pc .gw-cell--busy.gw-cell--session-link-lost,
.gw-grid--pc .gw-cell--busy.gw-cell--session-link-lost {
    position: relative;
    isolation: isolate;
    animation: none !important;
    background: linear-gradient(165deg, #2a2d32 0%, #1c1f24 44%, #121418 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.45) !important;
    color: #e2e8f0 !important;
    box-shadow:
        inset 0 0 32px rgba(0, 0, 0, 0.5),
        0 2px 10px rgba(0, 0, 0, 0.4) !important;
}

#grid-pc .gw-cell--busy.gw-cell--session-link-lost .gw-cell-sub,
.gw-grid--pc .gw-cell--busy.gw-cell--session-link-lost .gw-cell-sub {
    color: rgba(148, 163, 184, 0.82);
}

#grid-pc .gw-cell--busy.gw-cell--session-link-lost .gw-cell-num,
.gw-grid--pc .gw-cell--busy.gw-cell--session-link-lost .gw-cell-num {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

#grid-pc .gw-cell--busy.gw-cell--session-link-lost .gw-cell-amt-in,
#grid-pc .gw-cell--busy.gw-cell--session-link-lost .gw-cell-amt-under,
.gw-grid--pc .gw-cell--busy.gw-cell--session-link-lost .gw-cell-amt-in,
.gw-grid--pc .gw-cell--busy.gw-cell--session-link-lost .gw-cell-amt-under {
    color: rgba(100, 116, 139, 0.95) !important;
    text-shadow: none;
}

#grid-pc .gw-cell--busy.gw-cell--session-link-lost > *:not(.gw-cell-session-link-lost-overlay),
.gw-grid--pc .gw-cell--busy.gw-cell--session-link-lost > *:not(.gw-cell-session-link-lost-overlay) {
    opacity: 0.42;
    transition: opacity 0.2s ease;
}

#grid-pc .gw-cell-session-link-lost-overlay,
.gw-grid--pc .gw-cell-session-link-lost-overlay {
    position: absolute;
    inset: 0;
    z-index: 14;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    border-radius: inherit;
    box-sizing: border-box;
}

#grid-pc .gw-cell-session-link-lost-mark,
.gw-grid--pc .gw-cell-session-link-lost-mark {
    font-size: clamp(2rem, 11vw, 3.6rem);
    font-weight: 900;
    line-height: 1;
    color: #ea8c2e;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    user-select: none;
}

/* Oturum yokken kopma flash: kırmızı + monitör rozeti (client-disconnected) */
#grid-pc .gw-cell--busy.gw-cell--client-disconnected:not(.gw-cell--client-reconnect-waiting),
.gw-grid--pc .gw-cell--busy.gw-cell--client-disconnected:not(.gw-cell--client-reconnect-waiting) {
    border-color: rgba(255, 95, 95, 0.98) !important;
    box-shadow:
        inset 0 0 18px rgba(255, 180, 180, 0.12),
        inset 0 1px 0 rgba(255, 240, 240, 0.12),
        0 2px 8px rgba(0, 0, 0, 0.45) !important;
    animation: gw-cell-disconnect-pulse 2.2s ease-in-out infinite;
}

/* Beklemede + kopuk: kırmızı zemin (turuncu beklemede kutusunda kaybolmasın) */
#grid-pc .gw-cell--busy.gw-cell--session-pending.gw-cell--client-disconnected,
.gw-grid--pc .gw-cell--busy.gw-cell--session-pending.gw-cell--client-disconnected {
    background: linear-gradient(165deg, #7f1d1d 0%, #991b1b 48%, #450a0a 100%) !important;
    border-width: 2px;
}

/* Yönetici + istemci yok: canlı koyu turuncu (yeşil süreli kopuk ile karışmasın) */
#grid-pc .gw-cell--busy.gw-cell--session-admin.gw-cell--client-disconnected,
.gw-grid--pc .gw-cell--busy.gw-cell--session-admin.gw-cell--client-disconnected {
    background: linear-gradient(165deg, #ffa04d 0%, #ff8018 38%, #f05a00 72%, #b83808 100%) !important;
    border-width: 1px;
}

@keyframes gw-cell-disconnect-pulse {
    0%,
    100% {
        border-color: rgba(248, 113, 113, 0.88);
    }

    50% {
        border-color: rgba(239, 68, 68, 1);
    }
}

@media (prefers-reduced-motion: reduce) {
    #grid-pc .gw-cell--busy.gw-cell--client-disconnected:not(.gw-cell--client-reconnect-waiting),
    .gw-grid--pc .gw-cell--busy.gw-cell--client-disconnected:not(.gw-cell--client-reconnect-waiting),
    #grid-pc .gw-cell--busy.gw-cell--disconnect-idle-flash.gw-cell--client-disconnected:not(
            .gw-cell--client-reconnect-waiting
        ),
    .gw-grid--pc .gw-cell--busy.gw-cell--disconnect-idle-flash.gw-cell--client-disconnected:not(
            .gw-cell--client-reconnect-waiting
        ) {
        animation: none;
    }

    #grid-pc .gw-cell--busy.gw-cell--session-timed.gw-cell--timed-close-warn,
    .gw-grid--pc .gw-cell--busy.gw-cell--session-timed.gw-cell--timed-close-warn {
        animation: none;
        filter: none;
    }
}

@keyframes gw-timed-close-warn-pulse {
    0%,
    100% {
        filter: brightness(0.76) saturate(0.9) contrast(1.02);
        box-shadow:
            0 0 4px rgba(127, 29, 29, 0.35),
            inset 0 0 40px rgba(0, 0, 0, 0.52),
            inset 0 1px 0 rgba(255, 220, 220, 0.05) !important;
        border-color: rgba(127, 29, 29, 0.75) !important;
    }

    50% {
        filter: brightness(1.32) saturate(1.28) contrast(1.04);
        box-shadow:
            0 0 28px rgba(252, 165, 165, 0.95),
            0 0 52px rgba(239, 68, 68, 0.65),
            0 0 80px rgba(220, 38, 38, 0.35),
            inset 0 0 14px rgba(254, 226, 226, 0.22),
            inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
        border-color: rgba(255, 255, 255, 0.92) !important;
    }
}

/* Süre bitmeye yakın: tüm kutu kırmızı (yalnızca ikon alanı değil) */
#grid-pc .gw-cell--busy.gw-cell--session-timed.gw-cell--timed-close-warn,
.gw-grid--pc .gw-cell--busy.gw-cell--session-timed.gw-cell--timed-close-warn {
    background: linear-gradient(165deg, #b91c1c 0%, #7f1d1d 46%, #450a0a 100%) !important;
    border-color: rgba(254, 202, 202, 0.95) !important;
    color: #fff5f5 !important;
    box-shadow:
        0 0 18px rgba(239, 68, 68, 0.5),
        inset 0 0 26px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 220, 220, 0.18) !important;
    animation: gw-timed-close-warn-pulse 2.6s ease-in-out infinite;
}

#grid-pc .gw-cell--busy.gw-cell--session-timed.gw-cell--timed-close-warn .gw-cell-num,
.gw-grid--pc .gw-cell--busy.gw-cell--session-timed.gw-cell--timed-close-warn .gw-cell-num {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

#grid-pc .gw-cell--busy.gw-cell--session-timed.gw-cell--timed-close-warn .gw-cell-sub,
.gw-grid--pc .gw-cell--busy.gw-cell--session-timed.gw-cell--timed-close-warn .gw-cell-sub {
    color: rgba(254, 226, 226, 0.96) !important;
}

#grid-pc .gw-cell--busy.gw-cell--session-timed.gw-cell--timed-close-warn .gw-cell-amt-in,
#grid-pc .gw-cell--busy.gw-cell--session-timed.gw-cell--timed-close-warn .gw-cell-amt-under,
.gw-grid--pc .gw-cell--busy.gw-cell--session-timed.gw-cell--timed-close-warn .gw-cell-amt-in,
.gw-grid--pc .gw-cell--busy.gw-cell--session-timed.gw-cell--timed-close-warn .gw-cell-amt-under {
    color: #fef2f2 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Süreli oturum: ikon alanı = kalan süre çubuğu (oturum süresine göre %) + ortada mm:ss */
#grid-pc .gw-cell--busy.gw-cell--session-timed .gw-cell-ico.gw-cell-ico--timed-bar,
.gw-grid--pc .gw-cell--busy.gw-cell--session-timed .gw-cell-ico.gw-cell-ico--timed-bar {
    --gw-timed-warn-fill: 0%;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
    min-height: calc(clamp(1.35rem, 3.2vw, 1.85rem) * var(--gw-home-cell-box-scale, 1));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.58) 100%);
    border-radius: clamp(0.32rem, 0.9vw, 0.5rem);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

#grid-pc .gw-cell--busy.gw-cell--session-timed .gw-cell-ico.gw-cell-ico--timed-bar > *:not(.gw-cell-disconnect-badge):not(.gw-cell-timed-bar-label),
.gw-grid--pc .gw-cell--busy.gw-cell--session-timed .gw-cell-ico.gw-cell-ico--timed-bar > *:not(.gw-cell-disconnect-badge):not(.gw-cell-timed-bar-label) {
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none;
}

#grid-pc .gw-cell--busy.gw-cell--session-timed .gw-cell-ico.gw-cell-ico--timed-bar::before,
.gw-grid--pc .gw-cell--busy.gw-cell--session-timed .gw-cell-ico.gw-cell-ico--timed-bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--gw-timed-warn-fill, 0%);
    max-width: 100%;
    z-index: 0;
    border-radius: clamp(0.28rem, 0.85vw, 0.48rem) 0 0 clamp(0.28rem, 0.85vw, 0.48rem);
    background: linear-gradient(
        90deg,
        rgba(253, 224, 71, 0.92) 0%,
        rgba(245, 158, 11, 0.98) 55%,
        rgba(234, 88, 12, 0.95) 100%
    );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
    pointer-events: none;
    transition: width 0.35s linear;
}

#grid-pc .gw-cell--busy.gw-cell--session-timed .gw-cell-ico.gw-cell-ico--timed-bar::after,
.gw-grid--pc .gw-cell--busy.gw-cell--session-timed .gw-cell-ico.gw-cell-ico--timed-bar::after {
    content: none;
    display: none;
}

.gw-cell-timed-bar-label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    font-size: clamp(0.82rem, 2.1vw, 1.05rem);
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    letter-spacing: 0.04em;
    color: #fffef9;
    text-shadow:
        0 0 2px rgba(0, 0, 0, 0.95),
        0 1px 3px rgba(0, 0, 0, 0.9),
        0 0 10px rgba(0, 0, 0, 0.55);
    pointer-events: none;
    white-space: nowrap;
}

.gw-grid--pc .gw-cell-sub--timed:empty {
    display: none;
    min-height: 0;
    margin: 0;
}

@media (prefers-reduced-motion: reduce) {
    #grid-pc .gw-cell--busy.gw-cell--session-timed .gw-cell-ico.gw-cell-ico--timed-bar::before,
    .gw-grid--pc .gw-cell--busy.gw-cell--session-timed .gw-cell-ico.gw-cell-ico--timed-bar::before {
        transition: none;
    }
}

/* İstemci bağlantısı yok (oturumsuz flash): monitör rozeti — oturumlu bekleme .gw-cell--client-reconnect-waiting */
#grid-pc .gw-cell--busy.gw-cell--client-disconnected:not(.gw-cell--client-reconnect-waiting) .gw-cell-ico,
.gw-grid--pc .gw-cell--busy.gw-cell--client-disconnected:not(.gw-cell--client-reconnect-waiting) .gw-cell-ico {
    isolation: isolate;
    overflow: visible;
}

#grid-pc .gw-cell--busy.gw-cell--client-disconnected:not(.gw-cell--client-reconnect-waiting) .gw-cell-ico > i,
.gw-grid--pc .gw-cell--busy.gw-cell--client-disconnected:not(.gw-cell--client-reconnect-waiting) .gw-cell-ico > i {
    opacity: 0 !important;
    pointer-events: none;
}

#grid-pc .gw-cell--busy.gw-cell--client-disconnected:not(.gw-cell--client-reconnect-waiting) .gw-cell-ico > svg,
.gw-grid--pc .gw-cell--busy.gw-cell--client-disconnected:not(.gw-cell--client-reconnect-waiting) .gw-cell-ico > svg {
    opacity: 0 !important;
    pointer-events: none;
}

@keyframes gw-disconnect-badge-pulse {
    0%,
    100% {
        transform: translate(-50%, -50%) scale(1);
        filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.5));
    }
    50% {
        transform: translate(-50%, -50%) scale(1.04);
        filter: drop-shadow(0 3px 9px rgba(0, 0, 0, 0.62));
    }
}

#grid-pc .gw-cell-disconnect-badge,
.gw-grid--pc .gw-cell-disconnect-badge {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(2.35rem, 6vw, 3.15rem);
    height: clamp(1.9rem, 4.9vw, 2.55rem);
    min-width: 0;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    line-height: 0;
    background: transparent;
    box-shadow: none;
    pointer-events: none;
    animation: gw-disconnect-badge-pulse 2.1s ease-in-out infinite;
}

#grid-pc .gw-cell-disconnect-badge .gw-disconnect-monitor-svg,
.gw-grid--pc .gw-cell-disconnect-badge .gw-disconnect-monitor-svg {
    display: block;
    width: 100%;
    height: 100%;
}

@media (prefers-reduced-motion: reduce) {
    #grid-pc .gw-cell-disconnect-badge,
    .gw-grid--pc .gw-cell-disconnect-badge {
        animation: none;
        transform: translate(-50%, -50%);
    }
}

/* Oturum açıldı; PyQt henüz Socket.IO agent_register yapmadı — spinner + Bağlanıyor... */
@keyframes gw-agent-connect-spin {
    to {
        transform: rotate(360deg);
    }
}

#grid-pc .gw-cell--agent-socket-connecting .gw-cell-agent-connecting,
.gw-grid--pc .gw-cell--agent-socket-connecting .gw-cell-agent-connecting,
#grid-pc .gw-cell--busy.gw-cell--client-reconnect-waiting > .gw-cell-reconnect-waiting,
.gw-grid--pc .gw-cell--busy.gw-cell--client-reconnect-waiting > .gw-cell-reconnect-waiting {
    position: absolute;
    inset: 0;
    z-index: 12;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(0.22rem, 0.55vw, 0.38rem);
    padding: clamp(0.2rem, 0.5vw, 0.35rem);
    border-radius: inherit;
    box-sizing: border-box;
    pointer-events: none;
    background: linear-gradient(
        155deg,
        rgba(15, 23, 42, 0.88) 0%,
        rgba(30, 58, 95, 0.82) 45%,
        rgba(15, 23, 42, 0.92) 100%
    );
    box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.24);
    opacity: 1 !important;
}

#grid-pc .gw-cell--agent-socket-connecting .gw-cell-agent-connecting__spinner,
.gw-grid--pc .gw-cell--agent-socket-connecting .gw-cell-agent-connecting__spinner,
#grid-pc .gw-cell-reconnect-waiting .gw-cell-agent-connecting__spinner,
.gw-grid--pc .gw-cell-reconnect-waiting .gw-cell-agent-connecting__spinner {
    width: clamp(1.35rem, 3.4vw, 1.85rem);
    height: clamp(1.35rem, 3.4vw, 1.85rem);
    border-radius: 50%;
    border: 2.5px solid rgba(125, 211, 252, 0.25);
    border-top-color: rgba(34, 211, 238, 0.95);
    border-right-color: rgba(56, 189, 248, 0.55);
    animation: gw-agent-connect-spin 0.72s linear infinite;
    flex-shrink: 0;
}

#grid-pc .gw-cell--agent-socket-connecting .gw-cell-agent-connecting__text,
.gw-grid--pc .gw-cell--agent-socket-connecting .gw-cell-agent-connecting__text,
#grid-pc .gw-cell-reconnect-waiting .gw-cell-agent-connecting__text,
.gw-grid--pc .gw-cell-reconnect-waiting .gw-cell-agent-connecting__text {
    font-size: clamp(0.58rem, 1.35vw, 0.72rem);
    font-weight: 700;
    letter-spacing: 0.02em;
    color: rgba(224, 242, 254, 0.96);
    text-align: center;
    line-height: 1.2;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
    max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    #grid-pc .gw-cell--busy.gw-cell--client-reconnect-waiting,
    .gw-grid--pc .gw-cell--busy.gw-cell--client-reconnect-waiting,
    #grid-pc .gw-cell--agent-socket-connecting,
    .gw-grid--pc .gw-cell--agent-socket-connecting {
        animation: none;
    }
    #grid-pc .gw-cell--agent-socket-connecting .gw-cell-agent-connecting__spinner,
    .gw-grid--pc .gw-cell--agent-socket-connecting .gw-cell-agent-connecting__spinner,
    #grid-pc .gw-cell-reconnect-waiting .gw-cell-agent-connecting__spinner,
    .gw-grid--pc .gw-cell-reconnect-waiting .gw-cell-agent-connecting__spinner {
        animation: none;
        border-top-color: rgba(34, 211, 238, 0.85);
    }
}

/* Oturum yokken ajan az önce çevrimiçiydi — kopunca geçici uyarı (panel alt metni + ikon üstü üçgen) */
#grid-pc .gw-cell--busy.gw-cell--disconnect-idle-flash.gw-cell--client-disconnected,
.gw-grid--pc .gw-cell--busy.gw-cell--disconnect-idle-flash.gw-cell--client-disconnected {
    background: linear-gradient(165deg, #14532d 0%, #166534 42%, #0f3d24 100%) !important;
    border-color: rgba(248, 113, 113, 0.95) !important;
    animation: gw-cell-disconnect-pulse 2.2s ease-in-out infinite;
}

#grid-pc .gw-cell--busy.gw-cell--disconnect-idle-flash .gw-cell-sub,
.gw-grid--pc .gw-cell--busy.gw-cell--disconnect-idle-flash .gw-cell-sub {
    color: rgba(254, 243, 199, 0.95);
    font-weight: 700;
    font-size: clamp(0.62rem, 1.35vw, 0.78rem);
}

body.gw-masa-xfer-pick-mode #grid-pc .gw-cell {
    cursor: crosshair;
}

body.gw-masa-ptr-dnd--dragging {
    cursor: grabbing !important;
    -webkit-user-select: none;
    user-select: none;
}

.gw-cell--busy:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
}

/* Açık masa → sol tuş basılı sürükle-bırak: hesap aktar / takas (parmak işareti; sürüklerken grabbing) */
#grid-pc .gw-cell--masa-dnd-ok.gw-cell--busy {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    touch-action: none;
}

body.gw-masa-ptr-dnd--dragging #grid-pc .gw-cell--masa-dnd-ok {
    cursor: grabbing;
}

#grid-pc .gw-cell--masa-drag-source {
    opacity: 0.88;
    cursor: grabbing;
    z-index: 2;
}

#grid-pc .gw-cell--masa-drop-hover {
    outline: 2px solid rgba(251, 146, 60, 0.95);
    outline-offset: 2px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    z-index: 2;
}

/* PC ızgarası: görünüm sırası sürükle-bırak (tariff_settings gw_pc_masa_display_order) */
body.gw-pc-layout-dnd--dragging {
    cursor: grabbing !important;
    -webkit-user-select: none;
    user-select: none;
}

#grid-pc .gw-cell--layout-dnd-source {
    opacity: 0.42;
    filter: grayscale(0.15);
}

#grid-pc .gw-cell--layout-dnd-drop-hover {
    outline: 2px solid rgba(56, 189, 248, 0.95);
    outline-offset: 2px;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.6);
    z-index: 2;
}

.gw-pc-layout-drag-ghost {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100050;
    margin: 0;
    padding: 0;
    pointer-events: none;
    box-sizing: border-box;
    opacity: 0.92;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5);
    border-radius: inherit;
    transform: translateZ(0);
}

.gw-pc-layout-drag-ghost .gw-cell {
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    pointer-events: none;
}

/* Sürükle-bırak menüsü — Hesap özeti / gw-modal__box ile aynı kutu dili */
.gw-pc-dnd-drop-menu {
    position: fixed;
    /* Bağlam menüleri (.gw-cell-ctx 150000) üstünde kalsın; yoksa «Hesabı Aktar» tıklanmıyor gibi görünür */
    z-index: 200000;
    min-width: 15.5rem;
    max-width: min(92vw, 22rem);
    padding: 0;
    border-radius: 14px;
    border: 1px solid var(--gw-border);
    background: linear-gradient(165deg, rgba(26, 34, 45, 0.98), rgba(12, 16, 22, 0.98));
    box-shadow:
        0 24px 48px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    font-family: var(--gw-font-ui);
    overflow: hidden;
}

.gw-pc-dnd-drop-menu__inner {
    padding: 1rem 1.05rem 1.05rem;
}

.gw-pc-dnd-drop-menu__header {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin-bottom: 0.55rem;
}

.gw-pc-dnd-drop-menu__badge {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    font-weight: 800;
    font-family: var(--gw-font-display);
    letter-spacing: 0.02em;
    color: var(--gw-text);
    background: rgba(24, 33, 48, 0.85);
    border: 1px solid rgba(53, 69, 90, 0.85);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.gw-pc-dnd-drop-menu__headtext {
    min-width: 0;
    flex: 1;
}

.gw-pc-dnd-drop-menu__headtext strong {
    display: block;
    margin: 0 0 0.2rem;
    font-size: 0.95rem;
    font-family: var(--gw-font-display);
    letter-spacing: 0.05em;
    color: var(--gw-text);
}

.gw-pc-dnd-drop-menu__lead {
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.4;
    color: var(--gw-muted);
    font-weight: 600;
}

.gw-pc-dnd-drop-menu__lead--pair {
    margin-top: 0.25rem;
    color: var(--gw-text);
    font-weight: 700;
}

.gw-pc-dnd-drop-menu__divider {
    height: 1px;
    background: rgba(148, 163, 184, 0.18);
    margin: 0 0 0.65rem;
}

.gw-pc-dnd-drop-menu__actions {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.gw-pc-dnd-drop-menu__btn {
    display: block;
    width: 100%;
    margin: 0;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 700;
    font-family: var(--gw-font-ui);
    line-height: 1.25;
    text-align: center;
    padding: 0.58rem 0.8rem;
    border-radius: 10px;
    transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s, filter 0.12s;
}

.gw-pc-dnd-drop-menu__btn:focus-visible {
    outline: 2px solid rgba(59, 130, 246, 0.65);
    outline-offset: 2px;
}

.gw-pc-dnd-drop-menu__btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    filter: grayscale(0.2);
    box-shadow: none !important;
}

/* Birincil: Hesap özeti «Hesabı kes» mavi tonu */
.gw-pc-dnd-drop-menu__btn--transfer {
    border: 1px solid #3b82f6;
    background: linear-gradient(180deg, #2563eb, var(--gw-panel-blue));
    color: #fff;
    box-shadow: 0 0 22px rgba(37, 99, 235, 0.32);
}

.gw-pc-dnd-drop-menu__btn--transfer:not(:disabled):hover {
    filter: brightness(1.06);
    box-shadow: 0 0 28px rgba(37, 99, 235, 0.4);
}

/* İkincil: modal hayalet buton */
.gw-pc-dnd-drop-menu__btn--swap {
    background: rgba(30, 41, 59, 0.65);
    border: 1px solid var(--gw-border);
    color: var(--gw-text);
}

.gw-pc-dnd-drop-menu__btn--swap:hover {
    border-color: rgba(59, 130, 246, 0.45);
}

.gw-pc-dnd-drop-menu__swap-title {
    display: block;
    font-weight: 700;
}

.gw-pc-dnd-drop-menu__swap-sub {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--gw-muted);
    line-height: 1.25;
}

.gw-modal--masa-transfer .gw-modal-masa-transfer__actions {
    gap: 0.45rem;
}

.gw-modal-masa-transfer__btn-transfer {
    background: rgba(154, 52, 18, 0.55) !important;
    border-color: rgba(251, 146, 60, 0.7) !important;
    color: #ffedd5 !important;
}

.gw-modal-masa-transfer__btn-transfer:hover {
    background: rgba(194, 65, 12, 0.75) !important;
    color: #fff !important;
    border-color: rgba(253, 186, 116, 0.85) !important;
}

/* Aktarım menüsü: Modern — daha geniş metin, yatay düğüm sırası */
.gw-modal-masa-transfer--modern .gw-modal__lead {
    font-size: 0.95rem;
    line-height: 1.45;
    max-width: 36rem;
}

.gw-modal-masa-transfer--modern .gw-modal-masa-transfer__actions {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* —— Ayarlar / tarife yönetimi —— */
.gw-sidebar__tab--settings {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
}

.gw-sidebar__tab--settings i {
    font-size: 0.88rem;
    line-height: 1;
    opacity: 0.95;
}

.gw-settings-view {
    padding: 0.5rem 0.25rem 1rem 0;
    scrollbar-gutter: stable;
    --gw-set-fs-heading: 0.88rem;
    --gw-set-fs-body: 0.86rem;
    --gw-set-fs-control: 0.94rem;
    --gw-set-fs-nav: 0.86rem;
    --gw-set-fs-tab: 0.84rem;
    --gw-set-nav-sub-max-rows: 5;
    --gw-set-main-heading-color: var(--gw-main-heading-color);
    --gw-set-main-heading-glow: var(--gw-main-heading-glow);
    --gw-set-nav-hover-bg: rgba(34, 197, 94, 0.22);
    --gw-set-nav-hover-edge: rgba(110, 231, 183, 0.55);
    --gw-set-nav-hover-text: #f0fdf4;
    --gw-set-nav-hover-ico: #86efac;
    --gw-set-accent-a: var(--gw-accent-color);
    --gw-set-accent-b: #06b6d4;
    --gw-set-accent-deep: #0e7490;
    --gw-set-accent-border: #67e8f9;
    --gw-set-accent-glow: rgba(6, 182, 212, 0.36);
    --gw-set-accent-glow-strong: rgba(6, 182, 212, 0.48);
    --gw-set-accent-soft: rgba(6, 182, 212, 0.14);
    --gw-set-accent-soft2: rgba(6, 182, 212, 0.07);
    --gw-set-section-label: #f1f5f9;
    --gw-set-section-accent: #f8fafc;
    --gw-set-section-accent-hover: #ffffff;
    --gw-set-section-caret: rgba(248, 250, 252, 0.88);
    --gw-set-section-hover-bg: rgba(255, 255, 255, 0.12);
    --gw-set-section-hover-edge: rgba(255, 255, 255, 0.32);
    --gw-set-focus-ring: rgba(34, 211, 238, 0.48);
    --gw-set-nav-active-bg1: rgba(22, 101, 52, 0.68);
    --gw-set-nav-active-bg2: rgba(6, 78, 59, 0.88);
    --gw-set-nav-active-edge: rgba(110, 231, 183, 0.62);
    --gw-set-nav-active-text: #f0fdf4;
    --gw-set-nav-active-muted: #86efac;
}

.gw-settings-view.gw-module-view {
    padding: 1rem 1.25rem 2rem;
    background: rgba(14, 18, 28, 0.48);
}

/* Ayarlar: sol menü sabit, uzun içerik yalnızca sağ panelde kayar */
#gw-view-settings.gw-view-pane {
    overflow: hidden;
}

#gw-view-settings.gw-view-pane.is-active {
    display: flex;
    flex-direction: column;
}

#gw-view-settings.gw-settings-view.gw-module-view {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 1rem 0.65rem 1rem;
    box-sizing: border-box;
}

#gw-view-settings .gw-module-inner {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}

#gw-view-settings .gw-settings-head {
    flex: 0 0 auto;
    margin-bottom: 0.85rem;
}

#gw-view-settings .gw-settings-title {
    margin-bottom: 0.15rem;
}

#gw-view-settings .gw-settings-sub {
    max-width: none;
    margin: 0;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    #gw-view-settings .gw-settings-sub {
        white-space: normal;
    }
}

#gw-view-settings .gw-settings-inner {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    container-type: inline-size;
    container-name: gw-settings-page;
    padding-left: 0.65rem;
    padding-right: 0.65rem;
    --gw-settings-content-rail: calc(0.65rem + 0.5cm + min(60cqw, 100%));
    --gw-settings-save-rail-end: calc(15rem + var(--gw-settings-content-rail));
}

#gw-view-settings .gw-settings-layout {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    align-items: stretch;
    position: relative;
    z-index: 1;
}

#gw-view-settings .gw-settings-sidebar {
    flex: 0 0 15rem;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.55) rgba(15, 23, 42, 0.35);
}

#gw-view-settings .gw-settings-sidebar::-webkit-scrollbar {
    width: 6px;
}

#gw-view-settings .gw-settings-sidebar::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.35);
    border-radius: 999px;
}

#gw-view-settings .gw-settings-sidebar::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.55);
    border-radius: 999px;
}

#gw-view-settings .gw-settings-content {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    position: relative;
}

#gw-view-settings .gw-settings-main-wrap {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

#gw-view-settings .gw-settings-main {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 calc(1rem + 11px) 1.25rem 1rem;
    box-sizing: border-box;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#gw-view-settings .gw-settings-main::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

#gw-view-settings .gw-settings-fake-scrollbar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 11px;
    z-index: 5;
    pointer-events: auto;
    background: transparent;
    user-select: none;
    touch-action: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Ayarlar sekmesi: sahte scrollbar asla sağ kenarda kalmasın (PrimeFocus altında çift çubuk oluşur) */
#gw-view-settings .gw-settings-main-wrap:has(.gw-settings-tabpanel:not([hidden])) .gw-settings-fake-scrollbar {
    right: auto;
    left: calc(var(--gw-settings-content-rail) - 11px);
    top: 0.55rem;
    bottom: 0.55rem;
}

#gw-view-settings .gw-settings-fake-scrollbar__btn {
    flex: 0 0 auto;
    width: 11px;
    height: 13px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.88;
    transition: opacity 0.15s ease, transform 0.12s ease;
}

#gw-view-settings .gw-settings-fake-scrollbar__btn:hover {
    opacity: 1;
}

#gw-view-settings .gw-settings-fake-scrollbar__btn:active:not(:disabled) {
    transform: scale(0.92);
}

#gw-view-settings .gw-settings-fake-scrollbar__btn:disabled {
    opacity: 0.32;
    cursor: not-allowed;
}

#gw-view-settings .gw-settings-fake-scrollbar__tri {
    display: block;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

#gw-view-settings .gw-settings-fake-scrollbar__tri--up {
    border-bottom: 5px solid rgba(167, 139, 250, 0.92);
    filter: drop-shadow(0 0 4px rgba(129, 140, 248, 0.35));
}

#gw-view-settings .gw-settings-fake-scrollbar__tri--down {
    border-top: 5px solid rgba(167, 139, 250, 0.92);
    filter: drop-shadow(0 0 4px rgba(129, 140, 248, 0.35));
}

#gw-view-settings .gw-settings-fake-scrollbar__track {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    position: relative;
    cursor: pointer;
}

#gw-view-settings .gw-settings-fake-scrollbar__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    transform: translateX(-50%);
    background: linear-gradient(
        180deg,
        rgba(129, 140, 248, 0.12) 0%,
        rgba(167, 139, 250, 0.48) 18%,
        rgba(129, 140, 248, 0.48) 82%,
        rgba(129, 140, 248, 0.12) 100%
    );
    pointer-events: none;
}

#gw-view-settings .gw-settings-fake-scrollbar[hidden] {
    display: none !important;
}

#gw-view-settings .gw-settings-fake-scrollbar__thumb {
    position: absolute;
    left: 50%;
    width: 3px;
    min-height: 1.5rem;
    margin-left: -1.5px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(196, 181, 253, 0.95), rgba(99, 102, 241, 0.88));
    border: none;
    box-shadow: 0 0 7px rgba(129, 140, 248, 0.38);
    cursor: pointer;
}

#gw-view-settings .gw-settings-fake-scrollbar__thumb.is-dragging {
    cursor: pointer;
    background: linear-gradient(180deg, rgba(221, 214, 254, 0.98), rgba(129, 140, 248, 0.95));
    box-shadow: 0 0 10px rgba(167, 139, 250, 0.45);
}

#gw-view-settings .gw-settings-actions {
    display: none;
    flex: 0 0 auto;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    padding-right: max(0px, calc(100% - var(--gw-settings-save-rail-end)));
    min-height: 2.65rem;
}

#gw-view-settings .gw-settings-inner:has(.gw-settings-tabpanel:not([hidden])) .gw-settings-actions {
    display: flex;
}

#gw-view-settings .gw-settings-actions__hint {
    position: absolute;
    left: calc(var(--gw-settings-save-rail-end) * 0.5);
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    width: max-content;
    max-width: min(36rem, calc(var(--gw-settings-save-rail-end) - 22rem));
    box-sizing: border-box;
    text-align: center;
    font-size: var(--gw-set-fs-body);
    color: rgba(148, 163, 184, 0.95);
    line-height: 1.45;
    pointer-events: none;
    z-index: 0;
}

#gw-view-settings .gw-settings-actions__hint strong {
    font-weight: 600;
    color: rgba(203, 213, 225, 0.95);
}

#gw-view-settings .gw-settings-actions .gw-settings-save {
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}

#gw-view-settings .gw-settings-actions__save-rail {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-left: auto;
}

#gw-view-settings .gw-settings-actions .gw-settings-msg {
    position: static;
    flex: 0 0 9.5rem;
    width: 9.5rem;
    min-height: 1.45em;
    max-width: 9.5rem;
    margin: 0;
    min-width: 0;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#gw-view-settings .gw-settings-actions .gw-settings-msg:empty {
    flex-basis: 0;
    width: 0;
    max-width: 0;
    min-height: 0;
    overflow: hidden;
}

#gw-view-settings .gw-settings-actions .gw-settings-msg.is-success {
    color: #4ade80;
    font-weight: 700;
}

#gw-view-settings .gw-settings-actions .gw-settings-msg.is-error {
    color: #fca5a5;
    font-weight: 600;
}

#gw-view-settings .gw-settings-actions .gw-settings-msg.is-pending {
    color: rgba(148, 163, 184, 0.95);
}

.gw-settings-view .gw-module-inner {
    max-width: none;
}

#gw-view-settings .gw-settings-main:has(.gw-settings-tabpanel:not([hidden])) {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-right: 0.65rem;
}

/* Sabit ray (11px): kaydırma yokken çizgi, kaydırınca scrollbar — içerik kaymasın */
#gw-view-settings .gw-settings-main-wrap:not(.is-content-scrollable)::after {
    content: "";
    position: absolute;
    top: 0.55rem;
    bottom: 0.55rem;
    left: calc(var(--gw-settings-content-rail) - 11px);
    width: 11px;
    box-sizing: border-box;
    border-right: 1px solid rgba(42, 53, 68, 0.88);
    pointer-events: none;
    z-index: 2;
}

#gw-view-settings .gw-settings-primefocus {
    position: absolute;
    top: 0.55rem;
    bottom: 0.55rem;
    left: calc(var(--gw-settings-content-rail) + 0.35rem);
    right: 0.5rem;
    z-index: 6;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
    border-radius: 0 10px 10px 0;
    pointer-events: auto;
    padding: 0.65rem 0.5rem 0.55rem 0.6rem;
    box-sizing: border-box;
    background: rgba(10, 16, 28, 0.55);
    border: 1px solid rgba(100, 116, 139, 0.22);
    border-left: none;
    border-right: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition: opacity 0.25s ease, border-color 0.25s ease;
    font-size: 0.875rem;
}

#gw-view-settings .gw-settings-primefocus.is-idle {
    opacity: 0.88;
}

#gw-view-settings .gw-settings-primefocus__head {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    margin-bottom: 0.45rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid rgba(100, 116, 139, 0.2);
}

#gw-view-settings .gw-settings-primefocus__kicker {
    font-family: var(--gw-font-display);
    font-size: 0.94rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(167, 139, 250, 0.8);
    line-height: 1.15;
}

#gw-view-settings .gw-settings-primefocus__title {
    font-size: 0.95rem;
    font-weight: 600;
    color: rgba(226, 232, 240, 0.95);
    line-height: 1.35;
}

#gw-view-settings .gw-settings-primefocus__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-right: 0;
    margin-right: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#gw-view-settings .gw-settings-primefocus__body.is-scrollable {
    overflow-y: hidden;
}

#gw-view-settings .gw-settings-primefocus__body::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

#gw-view-settings .gw-settings-primefocus__body::-webkit-scrollbar-track {
    background: transparent;
    border: none;
    box-shadow: none;
}

#gw-view-settings .gw-settings-primefocus__body::-webkit-scrollbar-thumb {
    background: transparent;
    border: none;
}

#gw-view-settings .gw-settings-primefocus__body::-webkit-scrollbar-thumb:hover {
    background: transparent;
}

#gw-view-settings .gw-settings-primefocus__body::-webkit-scrollbar-corner {
    background: transparent;
}

#gw-view-settings .gw-pf-widget {
    width: 100%;
    box-sizing: border-box;
    padding-right: 0;
}

#gw-view-settings .gw-settings-primefocus.is-idle .gw-settings-primefocus__body {
    justify-content: center;
    align-items: center;
}

#gw-view-settings .gw-pf-widget--idle {
    margin-top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: translateY(-2cm);
}

#gw-view-settings .gw-pf-idle__brand {
    margin: 0;
    text-align: center;
    font-family: var(--gw-font-display);
    font-size: 1.18rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(196, 181, 253, 0.52);
}

#gw-view-settings .gw-pf-idle__brand span {
    display: block;
    margin-top: 0.28rem;
    font-size: 1.05rem;
    letter-spacing: 0.3em;
    color: rgba(148, 163, 184, 0.42);
}

#gw-view-settings .gw-pf-idle__hint {
    margin: 0.75rem 0 0;
    text-align: center;
    font-size: 0.96rem;
    line-height: 1.45;
    color: rgba(100, 116, 139, 0.62);
}

#gw-view-settings .gw-pf-regional__clock {
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
    width: 9.1rem;
    min-width: 9.1rem;
    max-width: 9.1rem;
    font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.08;
    color: rgba(248, 250, 252, 0.95);
    text-align: center;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

#gw-view-settings .gw-pf-regional__date {
    margin: 0.35rem 0 0.65rem;
    font-size: 0.82rem;
    line-height: 1.45;
    color: rgba(148, 163, 184, 0.92);
    text-align: center;
}

#gw-view-settings .gw-pf-regional__meta,
#gw-view-settings .gw-pf-kv {
    margin: 0;
    font-size: 0.8rem;
}

#gw-view-settings .gw-pf-regional__meta dt,
#gw-view-settings .gw-pf-kv dt {
    margin: 0.35rem 0 0.08rem;
    color: rgba(100, 116, 139, 0.75);
    font-weight: 500;
}

#gw-view-settings .gw-pf-regional__meta dd,
#gw-view-settings .gw-pf-kv dd {
    margin: 0;
    color: rgba(226, 232, 240, 0.88);
    word-break: break-word;
}

#gw-view-settings .gw-pf-printer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
}

#gw-view-settings .gw-pf-printer-slot {
    padding: 0.4rem 0.35rem;
    border-radius: 8px;
    border: 1px solid rgba(51, 65, 85, 0.55);
    background: rgba(15, 23, 42, 0.45);
    text-align: center;
    opacity: 0.45;
    transition: opacity 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

#gw-view-settings .gw-pf-printer-slot.is-on {
    opacity: 1;
    border-color: rgba(100, 116, 139, 0.45);
}

#gw-view-settings .gw-pf-printer-slot.is-off {
    opacity: 0.28;
    border-color: rgba(51, 65, 85, 0.35);
    filter: grayscale(0.35);
}

#gw-view-settings .gw-pf-printer-slot__icon {
    position: relative;
    font-size: 1rem;
    color: rgba(196, 181, 253, 0.85);
    margin-bottom: 0.2rem;
}

#gw-view-settings .gw-pf-printer-slot__duplex-badge {
    position: absolute;
    top: -0.15rem;
    right: calc(50% - 1.1rem);
    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: rgba(167, 139, 250, 0.95);
}

#gw-view-settings .gw-pf-printer-slot__label {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.92);
}

#gw-view-settings .gw-pf-printer-slot__name {
    margin: 0.18rem 0 0;
    font-size: 0.74rem;
    color: rgba(203, 213, 225, 0.9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#gw-view-settings .gw-pf-printer-slot__price {
    margin: 0.14rem 0 0;
    font-size: 0.8rem;
    font-weight: 600;
    color: rgba(248, 250, 252, 0.94);
}

#gw-view-settings .gw-pf-printer-note {
    margin: 0.5cm 0 0;
    font-size: 0.78rem;
    color: rgba(100, 116, 139, 0.85);
    text-align: center;
}

#gw-view-settings .gw-pf-tariff__profile {
    margin: 0 0 0.45rem;
    font-size: 0.84rem;
    font-weight: 600;
    color: rgba(196, 181, 253, 0.88);
}

#gw-view-settings .gw-pf-tariff-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

#gw-view-settings .gw-pf-tariff-table th {
    padding: 0.32rem 0.4rem 0.32rem 0;
    text-align: left;
    font-weight: 500;
    color: rgba(148, 163, 184, 0.92);
    vertical-align: top;
}

#gw-view-settings .gw-pf-tariff-table td {
    padding: 0.32rem 0.35rem 0.32rem 0;
    text-align: right;
    font-weight: 600;
    color: rgba(248, 250, 252, 0.94);
    white-space: nowrap;
}

#gw-view-settings .gw-pf-tariff-table tr + tr th,
#gw-view-settings .gw-pf-tariff-table tr + tr td {
    border-top: 1px solid rgba(51, 65, 85, 0.45);
}

#gw-view-settings .gw-pf-pos__status {
    margin: 0 0 0.55rem;
    font-size: 0.84rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

#gw-view-settings .gw-pf-pos__status.is-on {
    color: rgba(74, 222, 128, 0.9);
}

#gw-view-settings .gw-pf-pos__status.is-off {
    color: rgba(148, 163, 184, 0.75);
}

#gw-view-settings .gw-pf-brand__title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: rgba(248, 250, 252, 0.96);
}

#gw-view-settings .gw-pf-brand__sub {
    margin: 0.3rem 0 0;
    font-size: 0.82rem;
    color: rgba(148, 163, 184, 0.9);
}

#gw-view-settings .gw-pf-hint {
    margin: 0;
    font-size: 0.82rem;
    color: rgba(148, 163, 184, 0.9);
    line-height: 1.5;
    text-align: left;
}

#gw-view-settings .gw-pf-hint--muted {
    opacity: 0.8;
    font-size: 0.78rem;
}

#gw-view-settings .gw-pf-hint--warn {
    color: rgba(251, 191, 36, 0.95);
}

#gw-view-settings .gw-settings-hint--pos-status {
    margin-top: 0.35rem;
    padding: 0.55rem 0.65rem;
    border-radius: 8px;
    border: 1px solid rgba(251, 191, 36, 0.28);
    background: rgba(251, 191, 36, 0.06);
    color: rgba(226, 232, 240, 0.92);
    line-height: 1.45;
}

#gw-view-settings .gw-pf-hint + .gw-pf-hint {
    margin-top: 0.45rem;
}

#gw-view-settings .gw-pf-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.22rem 0.4rem;
    margin: 0 0 0.55rem;
    font-size: 0.76rem;
    line-height: 1.4;
    color: rgba(148, 163, 184, 0.9);
}

#gw-view-settings .gw-pf-nav__sep {
    opacity: 0.45;
}

#gw-view-settings .gw-pf-nav__crumb--sub {
    color: rgba(196, 181, 253, 0.88);
    font-weight: 600;
}

#gw-view-settings .gw-pf-preset-preview__lead {
    margin: 0 0 0.5rem;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.82);
}

#gw-view-settings .gw-pf-preset-preview__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem 0.4rem;
    margin-bottom: 0.55rem;
}

#gw-view-settings .gw-pf-preset-preview__pair {
    display: contents;
}

#gw-view-settings .gw-pf-preset-preview__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-height: 2rem;
    padding: 0.35rem 0.4rem;
    border-radius: 10px;
    border: 1px solid rgba(51, 65, 85, 0.72);
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.95), rgba(15, 23, 42, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    color: rgba(226, 232, 240, 0.94);
    font-size: 0.8rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

#gw-view-settings .gw-pf-preset-preview__btn--time i {
    flex: 0 0 auto;
    font-size: 0.72rem;
    color: rgba(251, 146, 60, 0.92);
}

#gw-view-settings .gw-pf-preset-preview__btn--money {
    border-color: rgba(100, 116, 139, 0.55);
}

#gw-view-settings .gw-pf-preset-preview__val {
    display: inline-flex;
    align-items: baseline;
    gap: 0.18rem;
    white-space: nowrap;
}

#gw-view-settings .gw-pf-preset-preview__val small {
    font-size: 0.72em;
    font-weight: 600;
    opacity: 0.9;
}

#gw-view-settings .gw-pf-launcher__section-label {
    margin: 0.15rem 0 0.4rem;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.82);
}

#gw-view-settings .gw-pf-launcher__section-label:not(:first-child) {
    margin-top: 0.65rem;
}

#gw-view-settings .gw-pf-launcher__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin: 0.35rem 0 0.15rem;
}

#gw-view-settings .gw-pf-launcher__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.85rem;
    padding: 0.2rem 0.45rem;
    border-radius: 6px;
    border: 1px solid rgba(167, 139, 250, 0.45);
    background: rgba(167, 139, 250, 0.12);
    color: rgba(196, 181, 253, 0.95);
    font-size: 0.76rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

#gw-view-settings .gw-pf-launcher__chip--empty {
    border-color: rgba(100, 116, 139, 0.35);
    background: rgba(15, 23, 42, 0.5);
    color: rgba(148, 163, 184, 0.75);
    font-weight: 500;
    min-width: 0;
}

#gw-view-settings .gw-pf-launcher__preview {
    margin: 0.5rem 0 0;
    padding: 0.45rem 0.5rem;
    border-radius: 8px;
    border: 1px solid rgba(51, 65, 85, 0.55);
    background: rgba(15, 23, 42, 0.55);
    font-size: 0.78rem;
    line-height: 1.45;
    color: rgba(203, 213, 225, 0.9);
    text-align: left;
}

#gw-view-settings .gw-pf-launcher__preview--root {
    margin-top: 0.35rem;
    font-family: ui-monospace, Consolas, "Courier New", monospace;
    font-size: 0.74rem;
    color: rgba(167, 139, 250, 0.88);
}

#gw-view-settings .gw-pf-cam-list {
    list-style: none;
    margin: 0 0 0.35rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

#gw-view-settings .gw-pf-cam-list li {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    padding: 0.32rem 0.4rem 0.32rem 0.45rem;
    border-radius: 8px;
    border: 1px solid rgba(51, 65, 85, 0.45);
    background: rgba(15, 23, 42, 0.45);
}

#gw-view-settings .gw-pf-cam-list__name {
    font-size: 0.78rem;
    font-weight: 600;
    color: rgba(226, 232, 240, 0.94);
}

#gw-view-settings .gw-pf-cam-list__meta {
    font-size: 0.72rem;
    color: rgba(148, 163, 184, 0.88);
    word-break: break-word;
}

#gw-view-settings .gw-pf-cam-list__more {
    border-style: dashed;
    text-align: center;
    font-size: 0.72rem;
    color: rgba(148, 163, 184, 0.75);
    background: transparent;
}

#gw-view-settings .gw-pf-session__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin: 0.35rem 0 0.15rem;
}

#gw-view-settings .gw-pf-session__chips.gw-pf-printer__chips {
    margin: 1cm 0 0;
    justify-content: center;
}

#gw-view-settings .gw-pf-session__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    border: 1px solid rgba(100, 116, 139, 0.35);
    background: rgba(15, 23, 42, 0.55);
    color: rgba(148, 163, 184, 0.75);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.2;
}

#gw-view-settings .gw-pf-session__chip.is-on {
    border-color: rgba(74, 222, 128, 0.45);
    background: rgba(74, 222, 128, 0.12);
    color: rgba(134, 239, 172, 0.95);
}

#gw-view-settings .gw-pf-session__chip.is-off {
    opacity: 0.55;
}

#gw-view-settings .gw-pf-launcher__preview--tts {
    font-style: italic;
    text-align: left;
}

#gw-view-settings .gw-pf-launch-wait__mock {
    display: flex;
    justify-content: center;
    margin: 0.55rem 0 0.25rem;
}

#gw-view-settings .gw-pf-launch-wait__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    min-width: 8.5rem;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    border: 1px solid rgba(167, 139, 250, 0.45);
    background: rgba(15, 23, 42, 0.85);
    box-shadow: 0 0 18px rgba(129, 140, 248, 0.18);
    color: rgba(226, 232, 240, 0.95);
    font-size: 0.82rem;
    font-weight: 600;
    text-align: center;
}

#gw-view-settings .gw-pf-launch-wait__box small {
    font-size: 0.68rem;
    font-weight: 500;
    color: rgba(148, 163, 184, 0.85);
}

#gw-view-settings .gw-pf-launch-wait__spinner {
    width: 1.1rem;
    height: 1.1rem;
    border: 2px solid rgba(167, 139, 250, 0.25);
    border-top-color: rgba(167, 139, 250, 0.92);
    border-radius: 50%;
    animation: gw-pf-launch-wait-spin 0.85s linear infinite;
}

@keyframes gw-pf-launch-wait-spin {
    to {
        transform: rotate(360deg);
    }
}

#gw-view-settings .gw-settings-primefocus__body.is-receipt.is-scrollable {
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-width: thin;
    -ms-overflow-style: auto;
}

#gw-view-settings .gw-settings-primefocus__body.is-receipt.is-scrollable::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    display: block;
}

#gw-view-settings .gw-settings-primefocus__body.is-receipt.is-scrollable::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.45);
    border-radius: 4px;
}

#gw-view-settings .gw-settings-primefocus__body.is-receipt {
    align-items: center;
    overflow-y: auto;
    overflow-x: auto;
    justify-content: flex-start;
}

#gw-view-settings .gw-settings-primefocus__receipt-pre,
#gw-view-settings .gw-settings-primefocus__body pre {
    margin: 0 auto;
    box-sizing: content-box;
    width: calc(var(--gw-receipt-cols, 48) * 1ch);
    min-width: calc(var(--gw-receipt-cols, 48) * 1ch);
    max-width: none;
    padding: 0.2rem 0.45rem 0.45rem;
    border-radius: 6px;
    background: rgba(248, 250, 252, 0.96);
    color: #0f172a;
    font-family: ui-monospace, Consolas, "Courier New", monospace;
    font-size: 9px;
    line-height: 1.25;
    word-break: normal;
    overflow-wrap: normal;
    box-shadow: 0 6px 24px rgba(15, 23, 42, 0.35);
}

#gw-view-settings div.gw-settings-primefocus__receipt-pre {
    white-space: normal;
}

#gw-view-settings pre.gw-settings-primefocus__receipt-pre {
    white-space: pre;
}

#gw-view-settings .gw-settings-primefocus__receipt-pre .gw-receipt-pre-title {
    font-weight: 700;
    font-size: inherit;
}

#gw-view-settings .gw-settings-primefocus__receipt-pre .gw-rline {
    display: block;
    white-space: pre;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-size: inherit;
}

#gw-view-settings .gw-settings-primefocus__receipt-pre .gw-rline--title {
    font-weight: 700;
    letter-spacing: normal;
}

#gw-view-settings .gw-settings-primefocus__receipt-pre .gw-rline--center {
    line-height: 1.12;
}

#gw-view-settings .gw-settings-primefocus__receipt-pre .gw-rline--footer {
    font-weight: 600;
    line-height: 1.35;
    color: #334155;
    margin-top: 0.15rem;
}

#gw-view-settings .gw-settings-primefocus__receipt-pre[style*="--gw-receipt-cols:32"] .gw-rline--title,
#gw-view-settings .gw-settings-primefocus__receipt-pre[style*="--gw-receipt-cols:32"] .gw-rline--center,
#gw-view-settings .gw-settings-primefocus__receipt-pre[style*="--gw-receipt-cols:32"] .gw-rline--footer {
    text-align: center;
}

#gw-view-settings .gw-settings-primefocus__receipt-pre .gw-rline--gap {
    height: 0.35rem;
}

#gw-view-settings .gw-receipt-footer-small {
    display: block;
    font-size: 8.5px;
    line-height: 1.35;
    color: #334155;
}

#gw-view-settings .gw-settings-main-wrap:has(.gw-settings-tabpanel:not([hidden])).is-content-scrollable .gw-settings-fake-scrollbar {
    right: auto;
    left: calc(var(--gw-settings-content-rail) - 11px);
    top: 0.55rem;
    bottom: 0.55rem;
}

#gw-view-settings .gw-settings-main:has(.gw-settings-tabpanel:not([hidden])) #gw-settings-tabpanels {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

#gw-view-settings .gw-settings-main:has(.gw-settings-tabpanel:not([hidden])) .gw-settings-tabpanel:not([hidden]) {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 1.25rem;
    scroll-padding-bottom: 1.25rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-gutter: auto;
}

#gw-view-settings .gw-settings-main:has(.gw-settings-tabpanel:not([hidden])) .gw-settings-tabpanel:not([hidden])::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

#gw-view-settings .gw-settings-main:has(.gw-settings-tabpanel:not([hidden])) .gw-settings-tabpanel:not([hidden]) > .gw-settings-section {
    position: relative;
    width: min(60cqw, 100%);
    max-width: min(60cqw, 100%);
    margin-left: 0.5cm;
    padding-right: calc(0.65rem + 0.5cm + 11px);
    box-sizing: border-box;
}

@supports not (width: 1cqw) {
    #gw-view-settings .gw-settings-inner {
        --gw-settings-content-rail: calc(0.65rem + 0.5cm + min(calc(60% + 9rem), 100%));
        --gw-settings-save-rail-end: calc(15rem + var(--gw-settings-content-rail));
    }

    #gw-view-settings .gw-settings-main:has(.gw-settings-tabpanel:not([hidden])) .gw-settings-tabpanel:not([hidden]) > .gw-settings-section {
        width: min(calc(60% + 9rem), 100%);
        max-width: min(calc(60% + 9rem), 100%);
    }
}

@media (max-width: 900px) {
    #gw-view-settings .gw-settings-main:has(.gw-settings-tabpanel:not([hidden])) .gw-settings-tabpanel:not([hidden]) > .gw-settings-section {
        width: 100%;
        max-width: none;
        margin-left: 0;
        padding-right: 0;
    }

    #gw-view-settings .gw-settings-main-wrap::after {
        display: none;
    }

    #gw-view-settings .gw-settings-primefocus {
        display: none;
    }

    #gw-view-settings .gw-settings-main-wrap:has(.gw-settings-tabpanel:not([hidden])) .gw-settings-fake-scrollbar {
        left: auto;
        right: 0;
        top: 0;
        bottom: 0;
    }

    #gw-view-settings .gw-settings-actions {
        padding-right: 0;
    }
}

#gw-view-settings .gw-settings-main {
    padding-left: 0.65rem;
    padding-right: 0.65rem;
}

#gw-view-settings .gw-settings-tabpanel:not([hidden]) .gw-settings-grid,
#gw-view-settings .gw-settings-tabpanel:not([hidden]) .gw-tapo-devices-sheet,
#gw-view-settings .gw-settings-tabpanel:not([hidden]) .gw-cam-ledger,
#gw-view-settings .gw-settings-tabpanel:not([hidden]) .gw-settings-radio-table {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

.gw-settings-inner {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0.75rem 1rem 1.25rem;
    border-radius: 12px;
    border: 1px solid var(--gw-border);
    background: linear-gradient(165deg, rgba(26, 34, 45, 0.9), rgba(15, 20, 28, 0.92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.gw-settings-head {
    margin-bottom: 1.25rem;
    padding-bottom: 0;
    border-bottom: none;
}

.gw-settings-title {
    margin: 0 0 0.35rem;
    font-family: var(--gw-font-display);
    font-size: 1.15rem;
    letter-spacing: 0.08em;
}

.gw-settings-sub {
    margin: 0.35rem 0 0;
    font-size: var(--gw-set-fs-body);
    color: var(--gw-muted);
    line-height: 1.48;
    max-width: 52rem;
}

/* Sol menü + sağ içerik (PanCafe tarzı yan yana) */
.gw-settings-layout {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-bottom: 0.15rem;
}

.gw-settings-sidebar {
    flex: 0 0 15rem;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.25rem 0.65rem 0.5rem 0;
    border-right: 1px solid rgba(42, 53, 68, 0.88);
}

.gw-settings-nav__group {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.gw-settings-nav__group-items {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    margin: 0.08rem 0 0 0;
    padding: 0.12rem 0 0.08rem 1.35rem;
    border-left: 1px solid rgba(100, 116, 139, 0.35);
}

.gw-settings-nav__group.is-collapsed .gw-settings-nav__group-items {
    display: none !important;
}

#gw-view-settings .gw-settings-nav__sub-scroll {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 11px;
    align-items: stretch;
    margin: 0.08rem 0 0 0.12rem;
    min-height: 0;
}

.gw-settings-nav__group.is-collapsed .gw-settings-nav__sub-scroll {
    display: none !important;
}

#gw-view-settings .gw-settings-nav__group-items--genel-root,
#gw-view-settings .gw-settings-nav__group-items--tariffs-root,
#gw-view-settings .gw-settings-nav__group-items--launcher-paths-root,
#gw-view-settings .gw-settings-nav__group-items--client-root,
#gw-view-settings .gw-settings-nav__group-items--smart-root,
#gw-view-settings .gw-settings-nav__group-items--cameras-root,
#gw-view-settings .gw-settings-nav__group-items--radio-root,
#gw-view-settings .gw-settings-nav__group-items--market-root,
#gw-view-settings .gw-settings-nav__group-items--digital-pay-root {
    position: relative;
    margin: 0.08rem 0 0 0.12rem;
    padding: 0.12rem 0.15rem 0.15rem 0.6rem;
    border-left: 1px solid rgba(100, 116, 139, 0.35);
    max-height: calc(
        var(--gw-set-nav-sub-max-rows) * (1rem + var(--gw-set-fs-nav) * 1.32) +
            (var(--gw-set-nav-sub-max-rows) - 1) * 0.12rem + 0.27rem
    );
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--genel-root,
#gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--tariffs-root,
#gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--launcher-paths-root,
#gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--client-root,
#gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--smart-root,
#gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--cameras-root,
#gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--radio-root,
#gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--market-root,
#gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--digital-pay-root {
    margin: 0;
}

#gw-view-settings .gw-settings-nav__group-items--genel-root::-webkit-scrollbar,
#gw-view-settings .gw-settings-nav__group-items--tariffs-root::-webkit-scrollbar,
#gw-view-settings .gw-settings-nav__group-items--launcher-paths-root::-webkit-scrollbar,
#gw-view-settings .gw-settings-nav__group-items--client-root::-webkit-scrollbar,
#gw-view-settings .gw-settings-nav__group-items--smart-root::-webkit-scrollbar,
#gw-view-settings .gw-settings-nav__group-items--cameras-root::-webkit-scrollbar,
#gw-view-settings .gw-settings-nav__group-items--radio-root::-webkit-scrollbar,
#gw-view-settings .gw-settings-nav__group-items--market-root::-webkit-scrollbar,
#gw-view-settings .gw-settings-nav__group-items--digital-pay-root::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

#gw-view-settings .gw-settings-nav__sub-rail {
    position: relative;
    width: 11px;
    min-height: 0;
    align-self: stretch;
    pointer-events: auto;
    user-select: none;
    touch-action: none;
}

#gw-view-settings .gw-settings-nav__sub-rail-track {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

#gw-view-settings .gw-settings-nav__sub-rail-track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    transform: translateX(-50%);
    background: linear-gradient(
        180deg,
        rgba(129, 140, 248, 0.12) 0%,
        rgba(167, 139, 250, 0.48) 18%,
        rgba(129, 140, 248, 0.48) 82%,
        rgba(129, 140, 248, 0.12) 100%
    );
    pointer-events: none;
}

#gw-view-settings .gw-settings-nav__sub-rail-thumb {
    position: absolute;
    left: 50%;
    width: 3px;
    min-height: 1.5rem;
    margin-left: -1.5px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(196, 181, 253, 0.95), rgba(99, 102, 241, 0.88));
    border: none;
    box-shadow: 0 0 7px rgba(129, 140, 248, 0.38);
    cursor: pointer;
    pointer-events: auto;
}

#gw-view-settings .gw-settings-nav__sub-rail-thumb.is-hidden {
    opacity: 0;
    pointer-events: none;
}

#gw-view-settings .gw-settings-nav__sub-rail-thumb.is-dragging {
    cursor: pointer;
    background: linear-gradient(180deg, rgba(221, 214, 254, 0.98), rgba(129, 140, 248, 0.95));
    box-shadow: 0 0 10px rgba(167, 139, 250, 0.45);
}

.gw-settings-nav__group--nested {
    margin-top: 0.1rem;
    margin-left: 0;
    padding: 0;
    gap: 0.1rem;
}

.gw-settings-nav__group--nested > .gw-settings-nav__tree-row {
    padding-left: 0.4rem;
    padding-right: 0.45rem;
}

.gw-settings-nav__group-items--tariffs-nested {
    margin-left: 0.1rem;
    padding-left: 0.7rem;
}

/* Tarifeler satırı: ok veya etiket (ikon + yazı) tıklanınca açılır; alt sekmeler kapalıyken görünmez */
.gw-settings-nav__tree-row {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    width: 100%;
    padding: 0.5rem 0.5rem;
    margin: 0;
    border-radius: 8px;
    box-sizing: border-box;
}

.gw-settings-nav__tree-row:hover {
    background: rgba(51, 65, 85, 0.22);
}

.gw-settings-nav__tree-row.is-active {
    background: linear-gradient(180deg, var(--gw-set-nav-active-bg1), var(--gw-set-nav-active-bg2));
    color: var(--gw-set-nav-active-text);
    box-shadow: inset 0 0 0 1px var(--gw-set-nav-active-edge);
}

.gw-settings-nav__tree-row.is-active:hover {
    background: linear-gradient(180deg, var(--gw-set-nav-active-bg1), var(--gw-set-nav-active-bg2));
    color: var(--gw-set-nav-active-text);
}

.gw-settings-nav__tree-row.is-active .gw-settings-nav__tree-row-title {
    color: var(--gw-set-nav-active-text);
}

.gw-settings-nav__tree-row.is-active .gw-settings-nav__tree-row-ico {
    color: var(--gw-set-nav-active-muted);
    opacity: 1;
}

.gw-settings-nav__tree-row.is-active .gw-settings-nav__tree-caret {
    color: var(--gw-set-nav-active-muted);
    opacity: 1;
}

.gw-settings-nav__tree-row.is-active .gw-settings-nav__tree-caretbtn {
    color: var(--gw-set-nav-active-muted);
}

.gw-settings-nav__tree-row.is-active .gw-settings-nav__tree-caretbtn:focus-visible {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
}

.gw-settings-nav__tree-caretbtn {
    flex: 0 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0.15rem 0;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: inherit;
    font-family: inherit;
    line-height: 1;
}

.gw-settings-nav__tree-caretbtn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--gw-set-focus-ring);
}

.gw-settings-nav__tree-caretbtn:hover .gw-settings-nav__tree-caret {
    opacity: 1;
}

.gw-settings-nav__tree-row-meta {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    user-select: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.gw-settings-nav__tree-row-ico {
    color: var(--gw-cyan);
    opacity: 0.88;
}

.gw-settings-nav__tree-row-title {
    flex: 1;
    min-width: 0;
    font-size: var(--gw-set-fs-nav);
    font-weight: 600;
    color: var(--gw-muted);
    letter-spacing: 0.02em;
    line-height: 1.35;
}

.gw-settings-nav__tree-row:hover .gw-settings-nav__tree-row-title {
    color: var(--gw-text);
}

.gw-settings-nav__tree-row--section {
    background: rgba(255, 255, 255, 0.03);
    transition:
        background 0.15s ease,
        color 0.15s ease,
        box-shadow 0.2s ease;
}

.gw-settings-nav__tree-row--section:hover {
    background: rgba(255, 255, 255, 0.03);
}

.gw-settings-nav__tree-row--section .gw-settings-nav__tree-row-title {
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.25;
    opacity: 1;
}

.gw-settings-nav__tree-row--section:hover .gw-settings-nav__tree-row-title {
    color: inherit;
}

.gw-settings-nav__tree-row--section .gw-settings-nav__tree-caret {
    opacity: 0.95;
}

.gw-settings-nav__tree-row--section .gw-settings-nav__tree-row-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 1.35rem;
    border-radius: 7px;
    font-size: 0.78rem;
    opacity: 1;
    box-shadow: inset 0 0 0 1px transparent;
    transition:
        color 0.15s ease,
        background 0.15s ease,
        box-shadow 0.15s ease;
}

#gw-settings-nav-genel-head .gw-settings-nav__tree-row-ico {
    color: #00f2ff;
    background: rgba(0, 242, 255, 0.12);
    box-shadow: inset 0 0 0 1px rgba(0, 242, 255, 0.55);
}

#gw-settings-nav-tariffs-head .gw-settings-nav__tree-row-ico {
    color: #ffab00;
    background: rgba(255, 171, 0, 0.12);
    box-shadow: inset 0 0 0 1px rgba(255, 171, 0, 0.55);
}

#gw-settings-nav-launcher-paths-head .gw-settings-nav__tree-row-ico {
    color: #bf5af2;
    background: rgba(191, 90, 242, 0.12);
    box-shadow: inset 0 0 0 1px rgba(191, 90, 242, 0.55);
}

#gw-settings-nav-client-head .gw-settings-nav__tree-row-ico {
    color: #38bdf8;
    background: rgba(56, 189, 248, 0.12);
    box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.55);
}

#gw-settings-nav-smart-head .gw-settings-nav__tree-row-ico {
    color: #00ffb3;
    background: rgba(0, 255, 179, 0.1);
    box-shadow: inset 0 0 0 1px rgba(0, 255, 179, 0.52);
}

#gw-settings-nav-cameras-head .gw-settings-nav__tree-row-ico {
    color: #ff5c7a;
    background: rgba(255, 92, 122, 0.12);
    box-shadow: inset 0 0 0 1px rgba(255, 92, 122, 0.55);
}

#gw-settings-nav-radio-head .gw-settings-nav__tree-row-ico {
    color: #4dabff;
    background: rgba(77, 171, 255, 0.12);
    box-shadow: inset 0 0 0 1px rgba(77, 171, 255, 0.55);
}

#gw-settings-nav-market-head .gw-settings-nav__tree-row-ico {
    color: #c4b5fd;
    background: rgba(196, 181, 253, 0.12);
    box-shadow: inset 0 0 0 1px rgba(196, 181, 253, 0.55);
}

#gw-settings-nav-digital-pay-head .gw-settings-nav__tree-row-ico {
    color: #fb923c;
    background: rgba(251, 146, 60, 0.12);
    box-shadow: inset 0 0 0 1px rgba(251, 146, 60, 0.55);
}

#gw-settings-nav-genel-head:hover .gw-settings-nav__tree-row-ico {
    background: rgba(0, 242, 255, 0.22);
    box-shadow:
        inset 0 0 0 1px #00f2ff,
        0 0 10px rgba(0, 242, 255, 0.35);
}

#gw-settings-nav-tariffs-head:hover .gw-settings-nav__tree-row-ico {
    background: rgba(255, 171, 0, 0.2);
    box-shadow:
        inset 0 0 0 1px #ffab00,
        0 0 10px rgba(255, 171, 0, 0.32);
}

#gw-settings-nav-launcher-paths-head:hover .gw-settings-nav__tree-row-ico {
    background: rgba(191, 90, 242, 0.22);
    box-shadow:
        inset 0 0 0 1px #bf5af2,
        0 0 10px rgba(191, 90, 242, 0.32);
}

#gw-settings-nav-client-head:hover .gw-settings-nav__tree-row-ico {
    background: rgba(56, 189, 248, 0.22);
    box-shadow:
        inset 0 0 0 1px #38bdf8,
        0 0 10px rgba(56, 189, 248, 0.32);
}

#gw-settings-nav-smart-head:hover .gw-settings-nav__tree-row-ico {
    background: rgba(0, 255, 179, 0.18);
    box-shadow:
        inset 0 0 0 1px #00ffb3,
        0 0 10px rgba(0, 255, 179, 0.3);
}

#gw-settings-nav-cameras-head:hover .gw-settings-nav__tree-row-ico {
    background: rgba(255, 92, 122, 0.2);
    box-shadow:
        inset 0 0 0 1px #ff5c7a,
        0 0 10px rgba(255, 92, 122, 0.32);
}

#gw-settings-nav-radio-head:hover .gw-settings-nav__tree-row-ico {
    background: rgba(77, 171, 255, 0.2);
    box-shadow:
        inset 0 0 0 1px #4dabff,
        0 0 10px rgba(77, 171, 255, 0.35);
}

#gw-settings-nav-market-head:hover .gw-settings-nav__tree-row-ico {
    background: rgba(196, 181, 253, 0.22);
    box-shadow:
        inset 0 0 0 1px #c4b5fd,
        0 0 10px rgba(196, 181, 253, 0.35);
}

#gw-settings-nav-digital-pay-head:hover .gw-settings-nav__tree-row-ico {
    background: rgba(251, 146, 60, 0.2);
    box-shadow:
        inset 0 0 0 1px #fb923c,
        0 0 10px rgba(251, 146, 60, 0.35);
}

/* Ana grup satırı — Fragman ops düğmesi gibi: saydam zemin + neon çerçeve/metin */
#gw-settings-nav-genel-head {
    color: #00f2ff;
    box-shadow:
        inset 0 0 0 1px rgba(0, 242, 255, 0.78),
        0 0 10px rgba(0, 242, 255, 0.12);
}

#gw-settings-nav-genel-head .gw-settings-nav__tree-row-title {
    color: #00f2ff;
    text-shadow: 0 0 8px rgba(0, 242, 255, 0.55), 0 1px 2px rgba(15, 23, 42, 0.85);
}

#gw-settings-nav-genel-head .gw-settings-nav__tree-caret {
    color: #00f2ff;
}

#gw-settings-nav-genel-head:hover {
    box-shadow:
        inset 0 0 0 1px #00f2ff,
        0 0 12px rgba(0, 242, 255, 0.55),
        0 0 28px rgba(0, 242, 255, 0.35),
        0 0 44px rgba(0, 242, 255, 0.18);
}

#gw-settings-nav-tariffs-head {
    color: #ffab00;
    box-shadow:
        inset 0 0 0 1px rgba(255, 171, 0, 0.78),
        0 0 10px rgba(255, 171, 0, 0.12);
}

#gw-settings-nav-tariffs-head .gw-settings-nav__tree-row-title {
    color: #ffab00;
    text-shadow: 0 0 8px rgba(255, 171, 0, 0.55), 0 1px 2px rgba(15, 23, 42, 0.85);
}

#gw-settings-nav-tariffs-head .gw-settings-nav__tree-caret {
    color: #ffab00;
}

#gw-settings-nav-tariffs-head:hover {
    box-shadow:
        inset 0 0 0 1px #ffab00,
        0 0 14px rgba(255, 171, 0, 0.4),
        0 0 26px rgba(255, 171, 0, 0.14);
}

#gw-settings-nav-launcher-paths-head {
    color: #bf5af2;
    box-shadow:
        inset 0 0 0 1px rgba(191, 90, 242, 0.78),
        0 0 10px rgba(191, 90, 242, 0.12);
}

#gw-settings-nav-launcher-paths-head .gw-settings-nav__tree-row-title {
    color: #bf5af2;
    text-shadow: 0 0 8px rgba(191, 90, 242, 0.55), 0 1px 2px rgba(15, 23, 42, 0.85);
}

#gw-settings-nav-launcher-paths-head .gw-settings-nav__tree-caret {
    color: #bf5af2;
}

#gw-settings-nav-launcher-paths-head:hover {
    box-shadow:
        inset 0 0 0 1px #bf5af2,
        0 0 12px rgba(191, 90, 242, 0.5),
        0 0 28px rgba(191, 90, 242, 0.28),
        0 0 40px rgba(191, 90, 242, 0.14);
}

#gw-settings-nav-client-head {
    color: #38bdf8;
    box-shadow:
        inset 0 0 0 1px rgba(56, 189, 248, 0.78),
        0 0 10px rgba(56, 189, 248, 0.12);
}

#gw-settings-nav-client-head .gw-settings-nav__tree-row-title {
    color: #38bdf8;
    text-shadow: 0 0 8px rgba(56, 189, 248, 0.55), 0 1px 2px rgba(15, 23, 42, 0.85);
}

#gw-settings-nav-client-head .gw-settings-nav__tree-caret {
    color: #38bdf8;
}

#gw-settings-nav-client-head:hover {
    box-shadow:
        inset 0 0 0 1px #38bdf8,
        0 0 12px rgba(56, 189, 248, 0.5),
        0 0 28px rgba(56, 189, 248, 0.28),
        0 0 40px rgba(56, 189, 248, 0.14);
}

#gw-settings-nav-smart-head {
    color: #00ffb3;
    box-shadow:
        inset 0 0 0 1px rgba(0, 255, 179, 0.72),
        0 0 10px rgba(0, 255, 179, 0.1);
}

#gw-settings-nav-smart-head .gw-settings-nav__tree-row-title {
    color: #00ffb3;
    text-shadow: 0 0 8px rgba(0, 255, 179, 0.55), 0 1px 2px rgba(15, 23, 42, 0.85);
}

#gw-settings-nav-smart-head .gw-settings-nav__tree-caret {
    color: #00ffb3;
}

#gw-settings-nav-smart-head:hover {
    box-shadow:
        inset 0 0 0 1px #00ffb3,
        0 0 12px rgba(0, 255, 179, 0.48),
        0 0 26px rgba(0, 255, 179, 0.24),
        0 0 40px rgba(0, 255, 179, 0.12);
}

#gw-settings-nav-cameras-head {
    color: #ff5c7a;
    box-shadow:
        inset 0 0 0 1px rgba(255, 92, 122, 0.78),
        0 0 10px rgba(255, 92, 122, 0.12);
}

#gw-settings-nav-cameras-head .gw-settings-nav__tree-row-title {
    color: #ff5c7a;
    text-shadow: 0 0 8px rgba(255, 92, 122, 0.55), 0 1px 2px rgba(15, 23, 42, 0.85);
}

#gw-settings-nav-cameras-head .gw-settings-nav__tree-caret {
    color: #ff5c7a;
}

#gw-settings-nav-cameras-head:hover {
    box-shadow:
        inset 0 0 0 1px #ff5c7a,
        0 0 12px rgba(255, 92, 122, 0.5),
        0 0 28px rgba(255, 92, 122, 0.28),
        0 0 40px rgba(255, 92, 122, 0.14);
}

#gw-settings-nav-radio-head {
    color: #4dabff;
    box-shadow:
        inset 0 0 0 1px rgba(77, 171, 255, 0.78),
        0 0 10px rgba(77, 171, 255, 0.12);
}

#gw-settings-nav-radio-head .gw-settings-nav__tree-row-title {
    color: #4dabff;
    text-shadow: 0 0 8px rgba(77, 171, 255, 0.55), 0 1px 2px rgba(15, 23, 42, 0.85);
}

#gw-settings-nav-radio-head .gw-settings-nav__tree-caret {
    color: #4dabff;
}

#gw-settings-nav-radio-head:hover {
    box-shadow:
        inset 0 0 0 1px #4dabff,
        0 0 12px rgba(77, 171, 255, 0.48),
        0 0 28px rgba(77, 171, 255, 0.24),
        0 0 40px rgba(77, 171, 255, 0.12);
}

#gw-settings-nav-market-head {
    color: #c4b5fd;
    box-shadow:
        inset 0 0 0 1px rgba(196, 181, 253, 0.78),
        0 0 10px rgba(196, 181, 253, 0.12);
}

#gw-settings-nav-market-head .gw-settings-nav__tree-row-title {
    color: #c4b5fd;
    text-shadow: 0 0 8px rgba(196, 181, 253, 0.55), 0 1px 2px rgba(15, 23, 42, 0.85);
}

#gw-settings-nav-market-head .gw-settings-nav__tree-caret {
    color: #c4b5fd;
}

#gw-settings-nav-market-head:hover {
    box-shadow:
        inset 0 0 0 1px #c4b5fd,
        0 0 12px rgba(196, 181, 253, 0.48),
        0 0 28px rgba(196, 181, 253, 0.24),
        0 0 40px rgba(196, 181, 253, 0.12);
}

#gw-settings-nav-digital-pay-head {
    color: #fb923c;
    box-shadow:
        inset 0 0 0 1px rgba(251, 146, 60, 0.78),
        0 0 10px rgba(251, 146, 60, 0.12);
}

#gw-settings-nav-digital-pay-head .gw-settings-nav__tree-row-title {
    color: #fb923c;
    text-shadow: 0 0 8px rgba(251, 146, 60, 0.55), 0 1px 2px rgba(15, 23, 42, 0.85);
}

#gw-settings-nav-digital-pay-head .gw-settings-nav__tree-caret {
    color: #fb923c;
}

#gw-settings-nav-digital-pay-head:hover {
    box-shadow:
        inset 0 0 0 1px #fb923c,
        0 0 12px rgba(251, 146, 60, 0.48),
        0 0 28px rgba(251, 146, 60, 0.24),
        0 0 40px rgba(251, 146, 60, 0.12);
}

/* Ağaç oku (▶ / açıkken döner) */
.gw-settings-nav__tree-caret {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    line-height: 1;
    opacity: 0.72;
    color: var(--gw-text);
    transition:
        transform 0.16s ease,
        opacity 0.15s ease;
    transform: rotate(0deg);
}

#gw-settings-nav-genel-group:not(.is-collapsed) > .gw-settings-nav__tree-row .gw-settings-nav__tree-caret,
#gw-settings-nav-tariffs-group:not(.is-collapsed) > .gw-settings-nav__tree-row .gw-settings-nav__tree-caret,
#gw-settings-nav-smart-group:not(.is-collapsed) > .gw-settings-nav__tree-row .gw-settings-nav__tree-caret,
#gw-settings-nav-cameras-group:not(.is-collapsed) > .gw-settings-nav__tree-row .gw-settings-nav__tree-caret,
#gw-settings-nav-radio-group:not(.is-collapsed) > .gw-settings-nav__tree-row .gw-settings-nav__tree-caret,
#gw-settings-nav-market-group:not(.is-collapsed) > .gw-settings-nav__tree-row .gw-settings-nav__tree-caret,
#gw-settings-nav-digital-pay-group:not(.is-collapsed) > .gw-settings-nav__tree-row .gw-settings-nav__tree-caret {
    transform: rotate(90deg);
}

.gw-settings-nav__btn--sub {
    padding-left: 0.55rem;
    font-size: var(--gw-set-fs-nav);
}

.gw-settings-nav__btn--sub .gw-settings-nav__text {
    line-height: 1.32;
}

.gw-settings-nav__btn--sub .gw-settings-nav__chev {
    margin-left: 0.05rem;
    opacity: 0.35;
}

.gw-settings-nav__btn--sub.is-active .gw-settings-nav__chev {
    opacity: 0.95;
}

.gw-settings-nav__btn {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    width: 100%;
    margin: 0;
    padding: 0.5rem 0.5rem;
    text-align: left;
    font-family: var(--gw-font-ui);
    font-size: var(--gw-set-fs-nav);
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.32;
    color: var(--gw-muted);
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition:
        background 0.15s ease,
        color 0.15s ease,
        box-shadow 0.15s ease;
}

.gw-settings-nav__chev {
    flex: 0 0 0.5rem;
    font-size: 0.5rem;
    opacity: 0.32;
}

.gw-settings-sidebar .gw-settings-nav__chev--caret {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    opacity: 0.58;
}

.gw-settings-nav__ico {
    flex: 0 0 1.1rem;
    text-align: center;
    font-size: 0.88rem;
    opacity: 0.88;
}

/* Tarife menüsü — rozet ikonları (hafif renk) */
#gw-settings-tab-btn-21 .gw-settings-nav__ico i {
    color: rgba(125, 211, 252, 0.95);
}
#gw-settings-tab-btn-22 .gw-settings-nav__ico i {
    color: rgba(196, 181, 253, 0.95);
}
#gw-settings-tab-btn-23 .gw-settings-nav__ico i {
    color: rgba(253, 224, 71, 0.92);
}
#gw-settings-tab-btn-24 .gw-settings-nav__ico i {
    color: rgba(249, 168, 212, 0.95);
}
.gw-settings-nav__ico[data-gw-extra-nav-ico="0"] i {
    color: rgba(110, 231, 183, 0.95);
}
.gw-settings-nav__ico[data-gw-extra-nav-ico="1"] i {
    color: rgba(134, 239, 172, 0.95);
}
.gw-settings-nav__ico[data-gw-extra-nav-ico="2"] i {
    color: rgba(253, 186, 116, 0.95);
}
.gw-settings-nav__ico[data-gw-extra-nav-ico="3"] i {
    color: rgba(167, 139, 250, 0.95);
}
#gw-settings-tab-btn-21.is-active .gw-settings-nav__ico i {
    color: #bae6fd;
}
#gw-settings-tab-btn-22.is-active .gw-settings-nav__ico i {
    color: #ddd6fe;
}
#gw-settings-tab-btn-23.is-active .gw-settings-nav__ico i {
    color: #fde68a;
}
#gw-settings-tab-btn-24.is-active .gw-settings-nav__ico i {
    color: #fbcfe8;
}
.gw-settings-nav__btn.is-active .gw-settings-nav__ico[data-gw-extra-nav-ico="0"] i {
    color: #a7f3d0;
}
.gw-settings-nav__btn.is-active .gw-settings-nav__ico[data-gw-extra-nav-ico="1"] i {
    color: #bbf7d0;
}
.gw-settings-nav__btn.is-active .gw-settings-nav__ico[data-gw-extra-nav-ico="2"] i {
    color: #fed7aa;
}
.gw-settings-nav__btn.is-active .gw-settings-nav__ico[data-gw-extra-nav-ico="3"] i {
    color: #ddd6fe;
}

.gw-settings-nav__text {
    flex: 1;
    min-width: 0;
}

.gw-settings-nav__btn:hover {
    background: var(--gw-set-nav-hover-bg);
    color: var(--gw-set-nav-hover-text);
    box-shadow: inset 0 0 0 1px var(--gw-set-nav-hover-edge);
}

.gw-settings-nav__btn:hover .gw-settings-nav__chev {
    opacity: 0.72;
    color: var(--gw-set-nav-hover-ico);
}

.gw-settings-nav__btn:hover .gw-settings-nav__ico {
    color: var(--gw-set-nav-hover-ico);
    opacity: 1;
}

.gw-settings-nav__btn:focus-visible {
    outline: none;
    box-shadow:
        inset 0 0 0 1px var(--gw-set-nav-hover-edge),
        0 0 0 2px rgba(74, 222, 128, 0.28);
}

.gw-settings-nav__btn.is-active {
    background: linear-gradient(180deg, var(--gw-set-nav-active-bg1), var(--gw-set-nav-active-bg2));
    color: var(--gw-set-nav-active-text);
    box-shadow: inset 0 0 0 1px var(--gw-set-nav-active-edge);
}

.gw-settings-nav__btn.is-active:hover {
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.38), rgba(6, 95, 70, 0.92));
    box-shadow: inset 0 0 0 1px rgba(134, 239, 172, 0.72);
}

.gw-settings-nav__btn.is-active .gw-settings-nav__chev,
.gw-settings-nav__btn.is-active .gw-settings-nav__ico {
    color: var(--gw-set-nav-active-muted);
    opacity: 1;
}

.gw-settings-main {
    flex: 1;
    min-width: 0;
    padding: 0 0 0 1rem;
}

.gw-settings-tabpanels {
    position: relative;
}

@media (max-width: 720px) {
    #gw-view-settings.gw-view-pane {
        overflow-x: hidden;
        overflow-y: auto;
    }

    #gw-view-settings.gw-view-pane.is-active {
        display: block;
    }

    #gw-view-settings.gw-settings-view.gw-module-view {
        display: block;
        overflow: visible;
        min-height: auto;
    }

    #gw-view-settings .gw-module-inner,
    #gw-view-settings .gw-settings-inner,
    #gw-view-settings .gw-settings-layout,
    #gw-view-settings .gw-settings-content {
        display: block;
        min-height: auto;
        overflow: visible;
    }

    #gw-view-settings .gw-settings-sidebar,
    #gw-view-settings .gw-settings-main {
        min-height: auto;
        max-height: none;
        overflow: visible;
        position: static;
    }

    #gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        min-height: min(72vh, calc(100dvh - 10rem));
        max-height: min(72vh, calc(100dvh - 10rem));
    }

    #gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) #gw-settings-tabpanels,
    #gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) #gw-settings-panel-27,
    #gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) #gw-settings-panel-27 > .gw-settings-section--radio-hub {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

    .gw-settings-layout {
        flex-direction: column;
    }

    .gw-settings-sidebar {
        flex: 0 0 auto;
        flex-flow: row wrap;
        border-right: none;
        border-bottom: 1px solid rgba(42, 53, 68, 0.88);
        padding: 0 0 0.6rem 0;
        gap: 0.3rem;
    }

    .gw-settings-nav__group {
        flex: 1 1 100%;
    }

    .gw-settings-nav__group-items {
        margin-left: 0;
        padding-left: 0.85rem;
    }

    .gw-settings-nav__sub-scroll,
    .gw-settings-nav__group-items--genel-root,
    .gw-settings-nav__group-items--tariffs-root,
    .gw-settings-nav__group-items--launcher-paths-root,
    .gw-settings-nav__group-items--client-root,
    .gw-settings-nav__group-items--smart-root,
    .gw-settings-nav__group-items--cameras-root,
    .gw-settings-nav__group-items--radio-root {
        margin-left: 0;
        padding-left: 0.55rem;
    }

    #gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--genel-root,
    #gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--tariffs-root,
    #gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--launcher-paths-root,
    #gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--client-root,
    #gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--smart-root,
    #gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--cameras-root,
    #gw-view-settings .gw-settings-nav__sub-scroll > .gw-settings-nav__group-items--radio-root {
        padding-left: 0.55rem;
    }

    .gw-settings-nav__group-items--tariffs-nested {
        padding-left: 0.55rem;
    }

    .gw-settings-nav__btn {
        flex: 1 1 calc(50% - 0.25rem);
        min-width: 8.5rem;
    }

    .gw-settings-nav__btn--sub {
        flex: 1 1 calc(50% - 0.25rem);
        padding-left: 0.55rem;
    }

    .gw-settings-main {
        padding: 0.85rem 0 0 0;
    }
}

.gw-settings-tabpanel .gw-settings-section:last-child {
    margin-bottom: 0;
}

.gw-settings-tabpanel .gw-settings-section.gw-pc-tariff-scheduler:last-child {
    margin-bottom: 0.35rem;
}

.gw-settings-section {
    margin-bottom: 1.25rem;
}

.gw-settings-h3 {
    margin: 0 0 0.5rem;
    font-size: var(--gw-set-fs-heading);
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--gw-set-main-heading-color);
    text-shadow: 0 0 8px var(--gw-set-main-heading-glow), 0 1px 2px rgba(15, 23, 42, 0.85);
    text-transform: uppercase;
}

.gw-settings-hint {
    margin: 0 0 0.5rem;
    font-size: var(--gw-set-fs-body);
    color: var(--gw-muted);
    line-height: 1.52;
}

/* Açıklama metni genişliği = altındaki form kutuları (İşletme Profili, Bölgesel Ayarlar, SMS, …) */
.gw-settings-hint-stack {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    vertical-align: top;
}

.gw-settings-hint-stack .gw-settings-hint {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.55rem;
}

.gw-settings-hint-stack .gw-settings-grid {
    display: grid;
    width: 100%;
    min-width: 0;
}

.gw-settings-hint-stack .gw-settings-grid--1 {
    grid-template-columns: minmax(0, 1fr);
}

.gw-settings-hint-stack .gw-settings-input,
.gw-settings-hint-stack .gw-settings-select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.gw-settings-hint-stack .gw-settings-hint--stack-foot {
    margin-top: 0.35rem;
    margin-bottom: 0;
}

.gw-settings-hint-stack__body {
    display: block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* Banka EFT/Havale: grid içi öğeler aynı sütun genişliği */
.gw-settings-section--bank-load .gw-settings-hint-stack .gw-sms-active-channel-banner {
    margin: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.gw-settings-section--bank-load .gw-settings-hint-stack .gw-sms-load-banks-hint {
    margin: 0 0 0.55rem;
}

.gw-settings-section--bank-load .gw-settings-hint-stack .gw-sms-load-banks-wrap {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    margin: 0 0 0.45rem;
    box-sizing: border-box;
}

.gw-settings-section--bank-load .gw-settings-hint-stack .gw-sms-load-banks-bar {
    flex: none;
    width: 100%;
}

.gw-settings-section--bank-load .gw-settings-hint-stack .gw-sms-load-banks-add {
    align-self: flex-start;
    margin-top: 0.15rem;
}

.gw-settings-section--bank-load .gw-settings-hint-stack .gw-settings-hint--digital-load-mode {
    margin-top: 0;
}

/* Radyo yönetimi: açıklama genişliği = sekmeler, gruplar ve liste (diğer ayar sekmeleri gibi tam genişlik) */
.gw-settings-hint-stack--radio-hub {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.gw-settings-hint-stack--radio-hub > .gw-settings-hint {
    display: block;
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: 0.55rem;
}

.gw-settings-radio-hub-stack-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.gw-settings-radio-hub-tabs,
.gw-settings-radio-topgroups-slot,
.gw-settings-radio-hub-panel,
.gw-settings-radio-list-root {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

#gw-radio-panel-form .gw-settings-hint-stack .gw-settings-radio-hub-form {
    width: 100%;
}

/* POS — Beko / TokenX bilgi notu */
.gw-pos-bilgi-notu {
    margin: 0 0 0.65rem;
    padding: 0.7rem 0.9rem;
    border-radius: 8px;
    border: 1px solid rgba(56, 189, 248, 0.35);
    background: linear-gradient(135deg, rgba(14, 116, 144, 0.2) 0%, rgba(30, 58, 95, 0.35) 100%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
}

.gw-pos-bilgi-notu__title {
    margin: 0 0 0.35rem;
    font-size: var(--gw-set-fs-heading);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gw-cyan);
    opacity: 0.95;
}

.gw-pos-bilgi-notu__text {
    margin: 0;
    font-size: var(--gw-set-fs-body);
    color: var(--gw-muted);
    line-height: 1.52;
}

.gw-settings-hint--masa-transfer {
    margin-top: 0.35rem;
}

.gw-settings-grid {
    display: grid;
    gap: 0.55rem 0.75rem;
}

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

.gw-settings-grid-divider {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
    margin-top: 0.45rem;
    padding-top: 0.75rem;
}

.gw-settings-field--span2 {
    grid-column: 1 / -1;
}

/* Ayarlar → Radyo: GW Audio neon (cyan / magenta) + 2. görsel tablo düzeni */
.gw-settings-section--radio-hub {
    --gw-radio-bg: #0b0f19;
    --gw-radio-surface: rgba(15, 20, 32, 0.92);
    --gw-radio-cyan: #2dd4bf;
    --gw-radio-cyan-glow: rgba(45, 212, 191, 0.35);
    --gw-radio-pink: #ff007f;
    --gw-radio-pink-soft: rgba(255, 0, 127, 0.22);
    margin-top: 0.35rem;
    padding: 0;
    position: relative;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.gw-settings-section--radio-hub,
.gw-settings-section--radio-hub * {
    font-family: "Rajdhani", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;
}

.gw-settings-section--radio-hub > .gw-settings-h3,
.gw-settings-radio-hub-pin > .gw-settings-h3 {
    font-family: "Orbitron", "Rajdhani", ui-sans-serif, system-ui, sans-serif;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 0.82rem;
    color: var(--gw-radio-cyan);
    text-shadow: 0 0 20px var(--gw-radio-cyan-glow);
}

.gw-settings-radio-hub-pin {
    position: relative;
    z-index: 6;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 0 0.55rem;
    background: transparent;
    box-shadow: none;
}

/* Radyo yönetimi: üst blok sabit, yalnızca liste/form içeride kayar */
#gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) #gw-settings-tabpanels {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

#gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) #gw-settings-panel-27 {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

#gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) #gw-settings-panel-27 > .gw-settings-section--radio-hub {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-top: 0;
}

#gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) #gw-radio-panel-list:not([hidden]) {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    overscroll-behavior: contain;
    box-sizing: border-box;
}

#gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) #gw-radio-panel-form:not([hidden]) {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.55) rgba(15, 23, 42, 0.35);
    margin-right: -1rem;
    padding-right: 1rem;
    padding-bottom: 0.75rem;
    box-sizing: border-box;
}

#gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) #gw-settings-radio-list-root,
#gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) .gw-settings-radio-acc-root,
#gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) .gw-settings-radio-acc-item,
#gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) .gw-settings-radio-acc-panel {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#gw-view-settings .gw-settings-main:has(#gw-settings-panel-27:not([hidden])) .gw-settings-radio-table {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#gw-settings-panel-27 #gw-radio-panel-list[hidden],
#gw-settings-panel-27 #gw-radio-panel-form[hidden] {
    display: none !important;
}

#gw-settings-panel-27 #gw-radio-panel-form:not([hidden]) {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.55) rgba(15, 23, 42, 0.35);
}

#gw-settings-panel-27 .gw-settings-radio-table-head {
    flex: 0 0 auto;
    position: relative;
    top: auto;
    z-index: 3;
}

#gw-settings-panel-27 .gw-settings-radio-table-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.55) rgba(15, 23, 42, 0.35);
    margin-right: -1rem;
    padding-right: 1rem;
    box-sizing: border-box;
}

#gw-settings-panel-27 .gw-settings-radio-table-body::-webkit-scrollbar {
    width: 8px;
}

#gw-settings-panel-27 .gw-settings-radio-table-body::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.35);
    border-radius: 999px;
}

#gw-settings-panel-27 .gw-settings-radio-table-body::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.55);
    border-radius: 999px;
}

#gw-settings-panel-27 #gw-radio-panel-list::-webkit-scrollbar,
#gw-settings-panel-27 #gw-radio-panel-form::-webkit-scrollbar {
    width: 8px;
}

#gw-settings-panel-27 #gw-radio-panel-form::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.35);
    border-radius: 999px;
}

#gw-settings-panel-27 #gw-radio-panel-form::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.55);
    border-radius: 999px;
}

.gw-settings-radio-topgroups-slot {
    display: block;
    min-height: 0;
}

.gw-settings-radio-topgroups-slot[hidden] {
    display: none !important;
}

.gw-settings-radio-topgroups-slot .gw-settings-radio-topgroups {
    margin-top: 0.55rem;
    margin-bottom: 0;
}

.gw-settings-radio-hub-hint {
    margin: 0.35rem 0 0.55rem;
    font-size: 0.78rem;
    line-height: 1.45;
    font-weight: 500;
    color: rgba(203, 213, 225, 0.88);
}

.gw-settings-radio-hub-hint code {
    color: var(--gw-radio-pink);
    text-shadow: 0 0 10px var(--gw-radio-pink-soft);
}

.gw-settings-radio-hub-tabs {
    display: flex;
    flex-direction: row;
    gap: 0;
    margin: 0 0 0.75rem;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(45, 212, 191, 0.15);
}

.gw-settings-radio-hub-tab {
    flex: 0 1 auto;
    margin: 0;
    padding: 0.5rem 0.9rem 0.55rem;
    border-radius: 0;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.95);
    background: transparent;
    box-shadow: none;
    transition: color 0.15s ease, border-color 0.15s ease, text-shadow 0.15s ease;
}

.gw-settings-radio-hub-tab.is-active {
    color: #f8fafc;
    border-bottom-color: var(--gw-radio-cyan);
    text-shadow: 0 0 14px var(--gw-radio-cyan-glow);
    background: transparent;
    box-shadow: none;
}

.gw-settings-radio-hub-tab:hover:not(.is-active) {
    color: #e2e8f0;
    border-bottom-color: rgba(255, 0, 127, 0.25);
    text-shadow: 0 0 10px var(--gw-radio-pink-soft);
    background: transparent;
}

.gw-settings-radio-hub-tab:focus-visible {
    outline: 2px solid rgba(45, 212, 191, 0.55);
    outline-offset: 2px;
}

.gw-settings-radio-hub-panel--form {
    padding-top: 0.15rem;
}

.gw-settings-radio-hub-form-intro {
    margin: 0 0 0.55rem;
    font-size: 0.78rem;
    line-height: 1.45;
    font-weight: 500;
    color: rgba(203, 213, 225, 0.9);
}

.gw-settings-radio-hub-form-intro strong {
    color: var(--gw-radio-cyan);
}

.gw-settings-radio-hub-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.35rem 0.45rem;
    align-items: end;
}

.gw-settings-radio-hub-field--url {
    grid-column: 1 / -1;
}

.gw-settings-radio-hub-field-label {
    display: block;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(94, 234, 212, 0.75);
    margin-bottom: 0.18rem;
}

.gw-settings-radio-url-inline {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0.32rem;
    min-width: 0;
}

.gw-settings-radio-url-inline .gw-settings-input {
    flex: 1 1 auto;
    min-width: 0;
}

.gw-settings-input--compact {
    padding: 0.28rem 0.4rem;
    font-size: 0.74rem;
}

.gw-settings-section--radio-hub .gw-settings-input--compact,
.gw-settings-section--radio-hub select.gw-settings-input {
    font-size: 0.84rem;
}

.gw-settings-radio-url-preview {
    flex: 0 0 auto;
    width: 2.35rem;
    min-height: 2rem;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255, 0, 127, 0.45);
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.82rem;
    color: #fff;
    background: linear-gradient(160deg, #ff007f 0%, #c026d3 100%);
    box-shadow: 0 0 12px rgba(255, 0, 127, 0.2);
    transition: filter 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.gw-settings-radio-url-preview:hover {
    filter: brightness(1.08);
    box-shadow:
        0 0 0 1px rgba(45, 212, 191, 0.35),
        0 0 22px rgba(255, 0, 127, 0.45),
        0 0 28px rgba(45, 212, 191, 0.12);
}

.gw-settings-radio-url-preview.is-active {
    box-shadow:
        0 0 0 2px rgba(45, 212, 191, 0.45),
        0 0 24px rgba(255, 0, 127, 0.4);
}

.gw-settings-radio-hub-addcell {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.1rem;
}

.gw-settings-radio-hub-remove {
    margin-right: auto;
    padding: 0.34rem 0.75rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-radius: 10px;
    border: 1px solid rgba(248, 113, 113, 0.55);
    background: rgba(60, 15, 25, 0.75);
    color: #fecaca;
    box-shadow: 0 0 10px rgba(248, 113, 113, 0.12);
    cursor: pointer;
    transition: box-shadow 0.15s ease, border-color 0.15s ease, filter 0.15s ease;
}

.gw-settings-radio-hub-remove:hover {
    filter: brightness(1.06);
    border-color: rgba(248, 113, 113, 0.85);
    box-shadow: 0 0 16px rgba(248, 113, 113, 0.22);
}

.gw-settings-radio-hub-add {
    padding: 0.34rem 0.85rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 10px;
    border: 1px solid rgba(45, 212, 191, 0.4);
    background: rgba(8, 25, 35, 0.85);
    color: #ccfbf1;
    box-shadow: 0 0 12px rgba(45, 212, 191, 0.08);
    transition: box-shadow 0.15s ease, border-color 0.15s ease, filter 0.15s ease;
}

.gw-settings-radio-hub-add:hover {
    box-shadow: 0 0 18px rgba(45, 212, 191, 0.25);
    border-color: rgba(45, 212, 191, 0.65);
}

.gw-settings-radio-hub-add--edit {
    border-color: rgba(255, 0, 127, 0.35);
    color: #fce7f3;
    box-shadow: 0 0 12px rgba(255, 0, 127, 0.08);
}

.gw-settings-radio-hub-add--edit:hover {
    box-shadow: 0 0 18px rgba(255, 0, 127, 0.22);
    border-color: rgba(255, 0, 127, 0.55);
}

.gw-settings-radio-add-msg {
    margin: 0.4rem 0 0;
    font-size: 0.74rem;
}

.gw-settings-radio-add-msg--err,
.gw-settings-hint.gw-settings-radio-add-msg--err,
#gw-sms-status.gw-settings-radio-add-msg--err,
#gw-bank-status.gw-settings-radio-add-msg--err {
    color: #ff2222;
    font-weight: 600;
}

.gw-sms-settings-status {
    min-height: 1.45rem;
    margin-top: 1rem;
    line-height: 1.45;
}

.gw-settings-radio-preview-au {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.gw-settings-radio-list-root {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    padding: 0;
}

.gw-settings-radio-topgroups {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 0.1rem 0 0.35rem;
    min-width: 0;
}

.gw-settings-radio-topcard {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(45, 212, 191, 0.12);
    border-radius: 12px;
    padding: 11px 10px 10px;
    text-align: center;
    cursor: pointer;
    background: rgba(12, 16, 28, 0.95);
    color: #e2e8f0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.gw-settings-radio-topcard:hover {
    border-color: rgba(255, 0, 127, 0.28);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 18px rgba(255, 0, 127, 0.12);
}

.gw-settings-radio-topcard.is-active {
    border-color: rgba(45, 212, 191, 0.55);
    background: rgba(10, 28, 36, 0.95);
    box-shadow:
        inset 0 1px 0 rgba(45, 212, 191, 0.08),
        0 0 0 1px rgba(45, 212, 191, 0.2),
        0 0 22px rgba(45, 212, 191, 0.15);
}

.gw-settings-radio-topcard__title {
    display: block;
    font-weight: 700;
    letter-spacing: 0.08em;
    font-size: 0.85rem;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
    color: #5eead4;
    text-shadow: 0 0 12px rgba(45, 212, 191, 0.2);
}

.gw-settings-radio-acc-root {
    display: block;
    margin-top: 0.2rem;
}

.gw-settings-radio-acc-item {
    border: 1px solid rgba(45, 212, 191, 0.12);
    border-radius: 12px;
    background: rgba(10, 14, 24, 0.92);
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

.gw-settings-radio-acc-item + .gw-settings-radio-acc-item {
    margin-top: 8px;
}

.gw-settings-radio-acc-head {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    cursor: pointer;
    background: rgba(15, 20, 34, 0.98);
    border: 0;
    color: #e2e8f0;
}

.gw-settings-radio-acc-head__title {
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.78rem;
    color: #5eead4;
    text-shadow: 0 0 14px rgba(45, 212, 191, 0.18);
}

.gw-settings-radio-acc-head__meta {
    font-size: 0.66rem;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(8, 20, 30, 0.9);
    border: 1px solid rgba(45, 212, 191, 0.22);
    color: rgba(167, 243, 208, 0.9);
}

.gw-settings-radio-acc-head__chev {
    font-size: 0.64rem;
    color: rgba(45, 212, 191, 0.75);
    transition: transform 0.15s ease;
}

.gw-settings-radio-acc-head[aria-expanded="true"] .gw-settings-radio-acc-head__chev {
    transform: rotate(-180deg);
}

.gw-settings-radio-acc-panel {
    padding: 0;
    background: rgba(8, 11, 18, 0.98);
    border-top: 1px solid rgba(45, 212, 191, 0.1);
}

.gw-settings-radio-list-empty {
    margin: 0.35rem 0 0;
    font-size: 0.74rem;
    color: rgba(148, 163, 184, 0.95);
}

.gw-settings-radio-table {
    width: 100%;
    border-collapse: collapse;
    display: flex;
    flex-direction: column;
    min-height: 0;
    /* Başlık: 8+8px padding + metin satırı + alt çizgi. Satır: 10+10 padding + 36px oynat + alt border (son satırda border yok). */
    --gw-settings-radio-head-block: calc(16px + 1.35 * 0.64rem + 1px);
    --gw-settings-radio-row-block: calc(20px + 36px + 1px);
    --gw-settings-radio-row-last: calc(20px + 36px);
    max-height: calc(
        var(--gw-settings-radio-head-block) + 5 * var(--gw-settings-radio-row-block) + var(--gw-settings-radio-row-last) - 3px
    );
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.55) rgba(15, 23, 42, 0.35);
    scroll-padding-bottom: 4px;
}

#gw-view-settings #gw-radio-panel-form::-webkit-scrollbar,
#gw-view-settings .gw-settings-radio-table::-webkit-scrollbar {
    width: 8px;
}

#gw-view-settings #gw-radio-panel-form::-webkit-scrollbar-track,
#gw-view-settings .gw-settings-radio-table::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.35);
    border-radius: 999px;
}

#gw-view-settings #gw-radio-panel-form::-webkit-scrollbar-thumb,
#gw-view-settings .gw-settings-radio-table::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.55);
    border-radius: 999px;
}

.gw-settings-radio-table-head {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 52px;
    align-items: center;
    gap: 0;
    padding: 8px 10px;
    background: rgba(6, 10, 18, 0.98);
    border-bottom: 1px solid rgba(45, 212, 191, 0.2);
    position: sticky;
    top: 0;
    z-index: 2;
    flex-shrink: 0;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
}

.gw-settings-radio-th {
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(94, 234, 212, 0.85);
}

.gw-settings-radio-th--play {
    text-align: center;
}

.gw-settings-radio-th--act {
    text-align: right;
    padding-right: 4px;
}

.gw-settings-radio-table-row {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 52px;
    align-items: center;
    gap: 0;
    padding: 10px 10px;
    border-bottom: 1px solid rgba(30, 41, 55, 0.85);
    background: rgba(11, 15, 25, 0.65);
    flex-shrink: 0;
    box-sizing: border-box;
    min-height: calc(20px + 36px + 1px);
}

.gw-settings-radio-table-row[data-gw-radio-edit] {
    cursor: pointer;
}

.gw-settings-radio-table-row:last-child {
    border-bottom: none;
    min-height: calc(20px + 36px);
}

.gw-settings-radio-table .gw-settings-radio-table-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
}

.gw-settings-radio-table-row:hover {
    background: rgba(45, 212, 191, 0.06);
    box-shadow: inset 0 0 0 1px rgba(45, 212, 191, 0.08);
}

.gw-settings-radio-table-play {
    appearance: none;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    padding: 0;
    border: 1px solid var(--gw-radio-play-pink-border);
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    line-height: 1;
    color: #fff;
    background: linear-gradient(155deg, var(--gw-radio-play-pink) 0%, var(--gw-radio-play-magenta) 100%);
    box-shadow: 0 0 14px var(--gw-radio-play-pink-glow);
    transition: filter 0.15s ease, box-shadow 0.15s ease;
}

.gw-settings-radio-table-play__tri {
    display: inline-block;
    transform: translateX(1px);
    pointer-events: none;
}

.gw-settings-radio-table-play__tri--pause {
    transform: none;
    letter-spacing: 0.08em;
    font-size: 0.7em;
    font-weight: 800;
}

.gw-settings-radio-table-play:hover {
    filter: brightness(1.08);
    box-shadow:
        0 0 0 1px rgba(45, 212, 191, 0.35),
        0 0 22px var(--gw-radio-play-pink-glow-strong),
        0 0 26px rgba(45, 212, 191, 0.1);
}

.gw-settings-radio-table-play.is-active {
    box-shadow:
        0 0 0 2px rgba(45, 212, 191, 0.45),
        0 0 26px rgba(255, 0, 127, 0.38);
}

.gw-settings-radio-table-name {
    font-size: 0.8rem;
    font-weight: 600;
    color: #f8fafc;
    min-width: 0;
    word-break: break-word;
    line-height: 1.25;
    padding-left: 4px;
}

.gw-settings-radio-table-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding-right: 2px;
}

.gw-settings-radio-table-btn {
    appearance: none;
    margin: 0;
    padding: 0.28rem 0.55rem;
    border-radius: 6px;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    cursor: pointer;
    border: 1px solid transparent;
    transition: filter 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
}

.gw-settings-radio-table-btn--edit {
    color: #ecfeff;
    background: rgba(8, 45, 58, 0.95);
    border-color: rgba(45, 212, 191, 0.4);
}

.gw-settings-radio-table-btn--edit:hover {
    filter: brightness(1.08);
    box-shadow: 0 0 14px rgba(45, 212, 191, 0.28);
    border-color: rgba(45, 212, 191, 0.65);
}

/* Kalem: neon çerçeve; ikon satır-içi SVG (font bağımlılığı yok) */
.gw-settings-radio-table-btn--icon-only {
    width: 34px;
    height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    line-height: 0;
    color: #5eead4;
    background: linear-gradient(158deg, rgba(8, 28, 42, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%);
    border: 1px solid rgba(0, 242, 255, 0.38);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 14px rgba(0, 242, 255, 0.14);
}

.gw-settings-radio-table-btn--icon-only .gw-settings-radio-edit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.gw-settings-radio-table-btn--icon-only .gw-settings-radio-edit-svg {
    display: block;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    color: inherit;
    transition:
        color 0.18s ease,
        filter 0.18s ease;
}

.gw-settings-radio-table-btn--icon-only:hover {
    color: #ecfeff;
    border-color: rgba(0, 242, 255, 0.62);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 18px rgba(0, 242, 255, 0.32),
        0 0 22px rgba(255, 0, 127, 0.12);
    filter: brightness(1.06);
}

.gw-settings-radio-table-btn--icon-only:hover .gw-settings-radio-edit-svg {
    color: #cffafe;
    filter: drop-shadow(0 0 5px rgba(34, 211, 238, 0.75)) drop-shadow(0 0 8px rgba(0, 242, 255, 0.45));
}

.gw-settings-radio-table-btn--icon-only:active {
    transform: scale(0.96);
}

.gw-settings-radio-table-btn--del {
    color: #ffe4e6;
    background: rgba(50, 8, 28, 0.95);
    border-color: rgba(255, 0, 127, 0.4);
}

.gw-settings-radio-table-btn--del:hover {
    filter: brightness(1.08);
    box-shadow: 0 0 14px rgba(255, 0, 127, 0.28);
    border-color: rgba(255, 0, 127, 0.65);
}

.gw-settings-radio-table-play:focus-visible,
.gw-settings-radio-table-btn:focus-visible,
.gw-settings-radio-topcard:focus-visible,
.gw-settings-radio-acc-head:focus-visible,
.gw-settings-radio-url-preview:focus-visible {
    outline: 2px solid rgba(45, 212, 191, 0.65);
    outline-offset: 2px;
}

@media (max-width: 720px) {
    .gw-settings-radio-hub-form {
        grid-template-columns: 1fr;
    }

    .gw-settings-radio-hub-tabs {
        flex-wrap: wrap;
    }

    .gw-settings-radio-topgroups {
        grid-template-columns: 1fr;
    }

    .gw-settings-radio-acc-panel {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .gw-settings-radio-table {
        min-width: 360px;
    }
}

.gw-settings-field__label {
    display: block;
    font-size: var(--gw-set-fs-heading);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gw-cyan);
}

.gw-settings-section--regional .gw-settings-field__label {
    color: var(--gw-set-main-heading-color);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-shadow: 0 0 8px var(--gw-set-main-heading-glow), 0 1px 2px rgba(15, 23, 42, 0.85);
}

.gw-settings-h4 {
    margin: 0 0 0.65rem;
    font-size: var(--gw-set-fs-heading);
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--gw-cyan);
    text-transform: uppercase;
    opacity: 1;
}

/* Türkçe başlık (İ/ı); metin HTML’de büyük harf, CSS uppercase uygulanmaz */
.gw-settings-h4--pos {
    text-transform: none;
    letter-spacing: 0.08em;
}

.gw-settings-section--printer .gw-settings-field__label {
    color: var(--gw-cyan);
    font-weight: 700;
    letter-spacing: 0.1em;
}

.gw-settings-checkgrid {
    display: grid;
    gap: 0.45rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 0.85rem;
}

.gw-launcher-smb-share-letters {
    display: grid;
    grid-template-columns: repeat(13, minmax(0, 1fr));
    gap: 0.35rem 0.5rem;
    margin-top: 0.35rem;
    padding: 0.65rem 0.75rem;
    border-radius: 10px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(15, 23, 42, 0.45);
}

.gw-launcher-smb-share-letters-hint {
    margin-top: 0.45rem;
    margin-bottom: 0;
}

.gw-launcher-network-auth {
    max-width: 36rem;
    margin: 0.75rem auto 0;
}

.gw-launcher-network-auth-hint {
    max-width: 36rem;
    margin: 0.45rem auto 0;
    text-align: center;
    font-size: var(--gw-set-fs-body);
}

.gw-launcher-smb-share-letter {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: var(--gw-set-fs-body);
    font-weight: 600;
    color: var(--gw-text, #e2e8f0);
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.gw-launcher-smb-share-letter input {
    width: 16px;
    height: 16px;
    accent-color: #38bdf8;
    cursor: pointer;
}

@media (max-width: 900px) {
    .gw-launcher-smb-share-letters {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .gw-launcher-smb-share-letters {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.gw-settings-grid--printer-rows {
    margin-top: 0.2rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.gw-printer-price-label-spacer {
    visibility: hidden;
}

.gw-settings-field--printer-price {
    align-items: center;
    text-align: center;
}

.gw-settings-field--printer-price .gw-settings-field__label {
    width: 100%;
    text-align: center;
}

.gw-settings-hint--printer-sides {
    margin-top: 0.35rem;
    margin-bottom: 0.5rem;
}

.gw-settings-checkgrid--printer-sides {
    margin-top: 0.65rem;
    margin-bottom: 0;
}

.gw-settings-input--printer-price {
    width: 5.25rem;
    max-width: 5.25rem;
    min-width: 4.5rem;
    text-align: center;
}

.gw-settings-hint--footer {
    margin-top: 1rem;
    margin-bottom: 0;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(148, 163, 184, 0.15);
}

@media (max-width: 640px) {
    .gw-settings-checkgrid {
        grid-template-columns: 1fr;
    }
}

.gw-settings-section--session .gw-settings-field__label {
    color: var(--gw-cyan);
    font-weight: 700;
    letter-spacing: 0.1em;
}

.gw-settings-subsection {
    margin-bottom: 1.05rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.gw-settings-subsection:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.gw-settings-fieldgroup {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.gw-settings-fieldgroup-label {
    display: block;
    font-size: var(--gw-set-fs-heading);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gw-cyan);
    margin-bottom: 0.1rem;
}

.gw-settings-field--row {
    gap: 0.4rem;
}

.gw-settings-field--inline {
    flex-direction: row;
    align-items: center;
    gap: 0.45rem;
    max-width: none;
}

.gw-settings-field--inline span {
    font-size: var(--gw-set-fs-body);
}

.gw-settings-field--align-end {
    justify-content: flex-end;
    align-self: end;
}

@media (max-width: 640px) {
    .gw-settings-field--align-end {
        align-self: stretch;
    }
}

.gw-settings-session-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
}

.gw-settings-session-inline--wrap {
    row-gap: 0.5rem;
}

.gw-settings-session-inline--stack {
    margin-top: 0.1rem;
    padding-left: 1.55rem;
}

.gw-settings-session-inline__text {
    font-size: var(--gw-set-fs-body);
    color: var(--gw-text);
    font-weight: 500;
}

.gw-settings-input--narrow {
    width: 4.25rem;
    min-width: 3.5rem;
}

.gw-settings-iban-row {
    display: flex;
    align-items: stretch;
    gap: 0;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--gw-border);
    border-radius: 8px;
    background: rgba(10, 14, 20, 0.75);
    overflow: hidden;
}

.gw-settings-iban-row:focus-within {
    border-color: var(--gw-set-accent-border, var(--gw-blue));
    box-shadow: 0 0 0 2px var(--gw-set-focus-ring, rgba(37, 99, 235, 0.25));
}

.gw-settings-iban-row__pfx {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.65rem;
    box-sizing: border-box;
    padding: 0.45rem 0.5rem;
    margin: 0;
    font-family: Consolas, "Courier New", monospace;
    font-size: var(--gw-set-fs-control);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.04em;
    color: #fb923c;
    background: rgba(15, 23, 42, 0.85);
    border: none;
    border-right: 1px solid var(--gw-border);
    border-radius: 0;
    user-select: none;
}

.gw-settings-iban-row .gw-settings-input.gw-settings-iban-row__num {
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
    padding: 0.45rem 0.55rem;
    font-family: Consolas, "Courier New", monospace;
    font-size: var(--gw-set-fs-control);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0.06em;
    color: var(--gw-text);
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none;
}

.gw-settings-iban-row .gw-settings-input.gw-settings-iban-row__num:focus,
.gw-settings-view .gw-settings-iban-row .gw-settings-input.gw-settings-iban-row__num:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none;
    background: transparent !important;
}

.gw-sms-load-banks-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.65rem;
    margin: 0 0 0.45rem;
}

.gw-sms-load-banks-hint {
    margin: 0 0 1rem;
}

.gw-sms-load-banks-hint__blue {
    color: #60a5fa;
    font-weight: 700;
}

.gw-sms-load-banks-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    flex: 1 1 auto;
    min-width: 0;
}

.gw-sms-load-banks-item {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.gw-sms-load-banks-chip__box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.15rem;
    width: 1.15rem;
    height: 1.15rem;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: 2px solid rgba(148, 163, 184, 0.55);
    border-radius: 3px;
    background: rgba(10, 14, 20, 0.6);
    font-size: 0.68rem;
    line-height: 1;
    color: transparent;
    cursor: pointer;
    appearance: none;
    font-family: inherit;
    flex-shrink: 0;
}

.gw-sms-load-banks-chip__box:hover {
    border-color: rgba(251, 146, 60, 0.65);
}

.gw-sms-load-banks-chip__name {
    line-height: 1.2;
    padding: 0.4rem 0.75rem;
    margin: 0;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.55);
    color: #e2e8f0;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    appearance: none;
    text-align: left;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.gw-sms-load-banks-chip__name:hover {
    border-color: rgba(251, 146, 60, 0.55);
    background: rgba(251, 146, 60, 0.08);
}

.gw-sms-load-banks-item.is-editing .gw-sms-load-banks-chip__name {
    text-decoration: underline;
    text-decoration-color: #fb923c;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.gw-sms-load-banks-item.is-editing .gw-sms-load-banks-chip__name.is-active {
    text-decoration-color: #4ade80;
}

.gw-sms-load-banks-chip__name.is-active {
    border-color: rgba(34, 197, 94, 0.85);
    background: rgba(22, 163, 74, 0.18);
    box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.3);
    color: #bbf7d0;
}

.gw-sms-load-banks-chip__box.is-checked {
    border-color: #3b82f6;
    background: #2563eb;
    color: #fff;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.4);
}

.gw-sms-load-banks-chip__box.is-checked::before {
    content: "✓";
    font-weight: 900;
    color: #fff;
}

.gw-sms-load-banks-add {
    flex: 0 0 auto;
    padding: 0.4rem 0.75rem;
    border-radius: 8px;
    border: 1px dashed rgba(248, 113, 113, 0.65);
    background: transparent;
    color: #fca5a5;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.gw-sms-load-banks-add:hover {
    border-color: rgba(248, 113, 113, 0.9);
    background: rgba(127, 29, 29, 0.25);
    color: #fecaca;
}

.gw-sms-load-bank-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.15rem 0 0.5rem;
}

.gw-settings-section--bank-load .gw-settings-hint-stack .gw-settings-hint--stack-foot {
    margin-top: 0.35rem;
}

.gw-sms-load-bank-del {
    padding: 0.35rem 0.75rem;
    border-radius: 8px;
    border: 1px solid rgba(248, 113, 113, 0.45);
    background: rgba(127, 29, 29, 0.25);
    color: #fca5a5;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.gw-sms-load-profile-hint {
    margin: 0.35rem 0 0;
    padding: 0.55rem 0.75rem;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.gw-sms-load-bank-del:hover {
    border-color: rgba(248, 113, 113, 0.85);
    background: rgba(127, 29, 29, 0.45);
    color: #fecaca;
}

.gw-sms-active-channel-banner {
    margin: 0.75rem 0 1rem;
    padding: 0.7rem 0.9rem;
    border-radius: 8px;
    border: 1px solid rgba(251, 146, 60, 0.45);
    background: rgba(251, 146, 60, 0.1);
    color: #e2e8f0;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.gw-settings-section--bank-load > .gw-settings-field--digital-load-mode,
.gw-settings-section--bank-load .gw-settings-hint-stack .gw-settings-field--digital-load-mode {
    margin-bottom: 0.15rem;
    display: block;
    width: 100%;
}

.gw-settings-hint-stack .gw-sms-load-banks-wrap {
    width: 100%;
    box-sizing: border-box;
}

.gw-settings-hint--digital-load-mode {
    margin: -0.15rem 0 0.85rem;
}

.gw-settings-section--bank-load,
.gw-settings-section--sms {
    padding-bottom: 0.75rem;
    --gw-sms-ui-accent: #fb923c;
    --gw-sms-ui-accent-soft: #fdba74;
    --gw-sms-ui-border: rgba(251, 146, 60, 0.55);
    --gw-sms-ui-bg: rgba(251, 146, 60, 0.1);
    --gw-sms-ui-hover-bg: rgba(251, 146, 60, 0.08);
}

.gw-settings-section--sms .gw-settings-field__label,
.gw-settings-section--bank-load .gw-settings-field__label {
    color: var(--gw-sms-ui-accent);
}

.gw-settings-section--bank-load .gw-settings-iban-row__pfx {
    color: var(--gw-sms-ui-accent);
}

.gw-settings-section--bank-load .gw-settings-iban-row:focus-within {
    border-color: var(--gw-sms-ui-border);
    box-shadow: 0 0 0 2px rgba(251, 146, 60, 0.22);
}

.gw-settings-section--bank-load .gw-settings-save,
.gw-settings-section--sms .gw-settings-save {
    margin-top: 0.35rem;
}

.gw-session-subtabs__btn.is-channel-active::after {
    content: " ● aktif";
    color: var(--gw-accent, #22d3ee);
    font-size: 0.78em;
    font-weight: 700;
}

.gw-session-subtabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0.5rem 0 0.85rem;
}

.gw-session-subtabs__btn {
    padding: 0.35rem 0.85rem;
    font-size: var(--gw-set-fs-tab);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-family: var(--gw-font-ui);
    color: var(--gw-muted);
    background: rgba(15, 23, 42, 0.65);
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}

.gw-session-subtabs__btn:hover {
    color: var(--gw-text);
    border-color: rgba(56, 189, 248, 0.35);
}

.gw-session-subtabs__btn.is-active {
    color: #fff;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.45), rgba(34, 211, 238, 0.2));
    border-color: rgba(56, 189, 248, 0.55);
    box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.12);
}

.gw-settings-view .gw-session-subtabs__btn.is-active {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.55), rgba(34, 211, 238, 0.22));
    border-color: rgba(103, 232, 249, 0.65);
    box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.2);
}

.gw-session-subpanel {
    margin-top: 0.15rem;
}

.gw-settings-section--pc-tariff-profiles {
    margin-bottom: 0.85rem;
}

.gw-pc-tariff-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.5rem 0.75rem;
    margin: 0.15rem 0 0.35rem;
}

.gw-pc-tariff-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    flex: 1 1 auto;
    min-width: 0;
}

.gw-pc-tariff-tab {
    padding: 0.35rem 0.85rem;
    font-size: var(--gw-set-fs-tab);
    font-weight: 600;
    font-family: var(--gw-font-ui);
    color: var(--gw-muted);
    background: rgba(15, 23, 42, 0.65);
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
    max-width: 11rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gw-pc-tariff-tab:hover {
    color: var(--gw-text);
    border-color: rgba(56, 189, 248, 0.35);
}

.gw-pc-tariff-tab.is-active {
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    border-color: rgba(56, 189, 248, 0.55);
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.22);
}

.gw-settings-view .gw-pc-tariff-tab:hover {
    border-color: rgba(103, 232, 249, 0.5);
}

.gw-settings-view .gw-pc-tariff-tab.is-active {
    background: linear-gradient(135deg, var(--gw-set-accent-a), var(--gw-set-accent-b));
    border-color: rgba(165, 243, 252, 0.55);
    box-shadow: 0 4px 14px var(--gw-set-accent-glow);
}

.gw-pc-tariff-toolbar__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.gw-pc-tariff-toolbar__btn {
    padding: 0.32rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 600;
    font-family: var(--gw-font-ui);
    color: var(--gw-text);
    background: rgba(30, 41, 59, 0.9);
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 8px;
    cursor: pointer;
}

.gw-pc-tariff-toolbar__btn:hover {
    border-color: rgba(56, 189, 248, 0.4);
}

.gw-settings-view .gw-pc-tariff-toolbar__btn:hover {
    border-color: rgba(103, 232, 249, 0.45);
}

.gw-pc-tariff-toolbar__btn--danger {
    color: #fecaca;
    border-color: rgba(248, 113, 113, 0.35);
}

.gw-pc-tariff-toolbar__btn--danger:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.gw-pc-tariff-name-row {
    margin: 0.35rem 0 0.15rem;
    max-width: 24rem;
}

.gw-pc-tariff-masas-field {
    display: block;
    margin-top: 0.75rem;
}

.gw-pc-tariff-masas-field__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
    margin-bottom: 0.38rem;
}

.gw-pc-tariff-masas-field__head .gw-settings-field__label {
    margin: 0;
    flex: 0 0 auto;
}

.gw-tariff-masa-panel-badge {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.28rem 0.32rem;
    min-width: 0;
    flex: 1 1 auto;
}

.gw-tariff-masa-panel-badge__cap {
    color: rgba(148, 163, 184, 0.92);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.68rem;
    margin-right: 0.1rem;
}

.gw-tariff-masa-panel-badge__free-cap {
    color: #fbbf24;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.66rem;
    margin-left: 0.15rem;
}

.gw-tariff-masa-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.45rem;
    padding: 0.14rem 0.46rem;
    border-radius: 0.38rem;
    font-weight: 800;
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    color: #7dd3fc;
    background: rgba(14, 165, 233, 0.16);
    border: 1px solid rgba(56, 189, 248, 0.42);
    box-shadow: 0 0 10px rgba(14, 165, 233, 0.12);
}

.gw-tariff-masa-chip--free {
    color: #fde047;
    background: rgba(234, 179, 8, 0.22);
    border-color: rgba(250, 204, 21, 0.62);
    box-shadow: 0 0 10px rgba(234, 179, 8, 0.28);
}

.gw-tariff-masa-panel-badge__empty {
    color: #fbbf24;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
}

.gw-settings-input--warn {
    border-color: rgba(248, 113, 113, 0.9) !important;
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.28);
}

.gw-modal.gw-modal--tariff-masa-warn {
    position: fixed;
    inset: 0;
    width: min(18.5rem, calc(100vw - 2rem));
    max-width: min(18.5rem, calc(100vw - 2rem));
    height: fit-content;
    max-height: min(90vh, 14rem);
    margin: auto;
    border: none;
    padding: 0;
    z-index: 10056;
}

.gw-modal--tariff-masa-warn::backdrop {
    background: rgba(4, 8, 14, 0.55);
    backdrop-filter: blur(3px);
}

.gw-modal__box--tariff-masa-warn {
    padding: 1rem 1rem 0.85rem;
    border-color: rgba(248, 113, 113, 0.45);
    background: linear-gradient(165deg, rgba(36, 12, 12, 0.99), rgba(14, 8, 10, 0.99));
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(248, 113, 113, 0.12) inset;
}

.gw-modal__box--tariff-masa-warn .gw-modal__title {
    margin-bottom: 0.35rem;
    font-size: 0.88rem;
    color: #fecaca;
}

.gw-modal__box--tariff-masa-warn .gw-modal__lead {
    margin-bottom: 0.65rem;
    font-size: 0.8rem;
    line-height: 1.45;
    color: #fca5a5;
}

.gw-modal__box--tariff-masa-warn .gw-modal__actions {
    margin: 0;
    justify-content: flex-end;
}

.gw-modal__box--tariff-masa-warn .gw-modal__btn--primary {
    min-width: 5.5rem;
    padding: 0.42rem 0.85rem;
    font-size: 0.82rem;
}

.gw-pc-tariff-name-field__ctrl {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    max-width: 22rem;
}

.gw-pc-tariff-name-field__ctrl .gw-settings-input {
    flex: 1 1 auto;
    min-width: 0;
}

.gw-tariff-profile-name-remaining {
    flex: 0 0 auto;
    min-width: 1.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    color: rgba(148, 163, 184, 0.95);
    text-align: center;
}

.gw-tariff-profile-name-remaining--low {
    color: #fbbf24;
}

.gw-tariff-profile-name-remaining--empty {
    color: #f87171;
}

.gw-req {
    color: var(--gw-cyan);
    text-decoration: none;
    font-weight: 700;
    cursor: help;
    flex-shrink: 0;
}

.gw-settings-session2-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.45rem 1rem;
    align-items: center;
    margin-bottom: 0.55rem;
}

/* «Masa açarken kol sayısı sorulsun» — üstten nefes boşluğu (PS + Özel Oda) */
.gw-settings-session2-row--ask-kol,
.gw-settings-session2-row--after-rate {
    margin-top: 1.15rem;
    padding-top: 0.55rem;
}

#gw-cinema-ps-ask-kol-hint,
.gw-ps-ask-kol-hint {
    margin-top: 0.4rem;
}

.gw-settings-session2-row__label {
    color: var(--gw-cyan);
    font-weight: 700;
    font-size: var(--gw-set-fs-heading);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1.38;
}

.gw-settings-session2-row__ctrl {
    justify-self: end;
}

.gw-settings-session2-row__ctrl--num {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.gw-settings-select--session2 {
    min-width: 9rem;
}

.gw-settings-fieldset {
    margin: 0;
    padding: 0.55rem 0 0;
    border: none;
}

.gw-settings-fieldset__legend {
    padding: 0;
    margin: 0 0 0.4rem;
    font-size: var(--gw-set-fs-heading);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gw-cyan);
}

.gw-settings-fieldset .gw-settings-field--check {
    margin-bottom: 0.35rem;
}

@media (max-width: 640px) {
    .gw-settings-session2-row {
        grid-template-columns: 1fr;
    }

    .gw-settings-session2-row__ctrl {
        justify-self: start;
    }
}

.gw-settings-session-warn-block {
    margin-top: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.35);
}

.gw-settings-session-warn-block__threshold {
    margin: 0.35rem 0 0.5rem 1.65rem;
}

.gw-settings-session-warn-block__nested {
    margin-left: 1.65rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.gw-settings-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gw-settings-grid--1 {
    grid-template-columns: minmax(0, 14rem);
}

.gw-settings-section--psvip {
    padding: 0.6rem 0.75rem;
    border-radius: 10px;
    border: 1px solid rgba(6, 182, 212, 0.35);
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.09), rgba(34, 211, 238, 0.05));
}

@media (max-width: 640px) {
    .gw-settings-grid--2,
    .gw-settings-grid--3 {
        grid-template-columns: 1fr;
    }
}

.gw-settings-field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: var(--gw-set-fs-body);
    font-weight: 600;
    color: var(--gw-muted);
}

.gw-settings-field--check {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.55rem;
    cursor: pointer;
    max-width: 36rem;
}

.gw-settings-field--check input {
    margin-top: 0.15rem;
    flex-shrink: 0;
}

.gw-settings-field--check span {
    font-weight: 500;
    line-height: 1.42;
    color: var(--gw-text);
    font-size: var(--gw-set-fs-body);
}

.gw-settings-input,
.gw-settings-select {
    padding: 0.45rem 0.55rem;
    font-size: var(--gw-set-fs-control);
    font-family: var(--gw-font-ui);
    font-weight: 500;
    border: 1px solid var(--gw-border);
    border-radius: 8px;
    background: rgba(10, 14, 20, 0.75);
    color: var(--gw-text);
}

.gw-settings-input:focus,
.gw-settings-select:focus {
    outline: none;
    border-color: var(--gw-blue);
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
}

.gw-settings-view .gw-settings-input:focus,
.gw-settings-view .gw-settings-select:focus {
    border-color: var(--gw-set-accent-border);
    box-shadow: 0 0 0 2px var(--gw-set-focus-ring);
}

/* Sayı alanı + dikey ▲/▼ (Shadow rozet süresi vb.) */
.gw-settings-num-stepper {
    display: flex;
    align-items: stretch;
    gap: 0.3rem;
    width: 100%;
    max-width: 100%;
}

.gw-settings-num-stepper .gw-settings-input,
.gw-settings-num-stepper .gw-sidebar__input,
.gw-settings-num-stepper .gw-module-input {
    flex: 1;
    min-width: 0;
}

.gw-settings-num-stepper .gw-settings-input[type="number"],
.gw-settings-num-stepper .gw-sidebar__input[type="number"],
.gw-settings-num-stepper .gw-module-input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.gw-settings-num-stepper .gw-settings-input::-webkit-outer-spin-button,
.gw-settings-num-stepper .gw-settings-input::-webkit-inner-spin-button,
.gw-settings-num-stepper .gw-sidebar__input::-webkit-outer-spin-button,
.gw-settings-num-stepper .gw-sidebar__input::-webkit-inner-spin-button,
.gw-settings-num-stepper .gw-module-input::-webkit-outer-spin-button,
.gw-settings-num-stepper .gw-module-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Yan panel / süre ekleme: dk | TL satırına gömülü */
.gw-settings-num-stepper--in-spin {
    flex: 1;
    min-width: 0;
    max-width: none;
    gap: 0;
}

.gw-settings-num-stepper--in-spin .gw-settings-num-stepper__btns {
    width: 1.38rem;
    border-radius: 0;
    border: none;
    border-left: 1px solid var(--gw-border);
    background: rgba(10, 14, 20, 0.5);
}

.gw-settings-num-stepper--in-spin .gw-settings-num-stepper__btn {
    min-height: 0;
    padding: 0;
    font-size: 0.48rem;
}

/* Üyelik — bakiye tutarı */
.gw-settings-num-stepper--module {
    max-width: 16rem;
}

.gw-settings-num-stepper--module .gw-module-input {
    border-radius: 8px 0 0 8px;
    border-right: none;
}

.gw-settings-num-stepper--module .gw-settings-num-stepper__btns {
    border-radius: 0 8px 8px 0;
}

.gw-settings-num-stepper__btns {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 1.85rem;
    border: 1px solid var(--gw-border);
    border-radius: 8px;
    overflow: hidden;
    background: rgba(10, 14, 20, 0.85);
}

.gw-settings-num-stepper__btn {
    flex: 1;
    margin: 0;
    padding: 0;
    min-height: 1.35rem;
    border: none;
    border-bottom: 1px solid rgba(42, 53, 68, 0.95);
    background: rgba(22, 28, 38, 0.95);
    color: var(--gw-text);
    font-size: 0.55rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}

.gw-settings-num-stepper__btn:last-child {
    border-bottom: none;
}

.gw-settings-num-stepper__btn:hover {
    background: rgba(34, 211, 238, 0.14);
    color: var(--gw-cyan);
}

.gw-settings-num-stepper__btn:active {
    background: rgba(34, 211, 238, 0.22);
}

.gw-settings-num-stepper__btn:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px rgba(37, 99, 235, 0.55);
    z-index: 1;
}

.gw-settings-view .gw-settings-num-stepper__btn:focus-visible {
    box-shadow: inset 0 0 0 2px var(--gw-set-focus-ring);
}

.gw-settings-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(42, 53, 68, 0.75);
}

.gw-settings-save {
    padding: 0.55rem 1.1rem;
    font-size: 0.86rem;
    font-weight: 700;
    font-family: var(--gw-font-ui);
    letter-spacing: 0.04em;
    border: 1px solid #a5b4fc;
    border-radius: 10px;
    background: linear-gradient(180deg, #6366f1, #4338ca);
    color: #fff;
    cursor: pointer;
    box-shadow:
        0 0 18px rgba(99, 102, 241, 0.45),
        0 0 28px rgba(79, 70, 229, 0.22);
    transition: filter 0.15s, transform 0.1s;
}

/* Ayarlar ana kayıt — üst menü Raporlar/Ayarlar indigo ile aynı (özgüllük garantisi) */
#btn-tariff-save.gw-settings-save {
    border-color: #a5b4fc;
    background: linear-gradient(180deg, #6366f1, #4338ca);
    box-shadow:
        0 0 18px rgba(99, 102, 241, 0.45),
        0 0 28px rgba(79, 70, 229, 0.22);
}

#btn-tariff-save.gw-settings-save.is-unsaved {
    border-color: #fcd34d;
    background: linear-gradient(180deg, #f59e0b, #d97706);
    box-shadow:
        0 0 18px rgba(245, 158, 11, 0.55),
        0 0 28px rgba(217, 119, 6, 0.28);
    animation: gw-settings-save-unsaved-pulse 1.6s ease-in-out infinite;
}

#gw-view-settings .gw-settings-cancel-link {
    flex: 0 0 auto;
    padding: 0.55rem 0.2rem;
    font-size: 0.82rem;
    font-weight: 600;
    font-family: var(--gw-font-ui);
    letter-spacing: 0.01em;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #fca5a5;
    box-shadow: none;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.16em;
    text-decoration-color: rgba(252, 165, 165, 0.42);
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

#gw-view-settings .gw-settings-cancel-link:hover {
    color: #fecaca;
    text-decoration-color: rgba(254, 202, 202, 0.78);
    filter: none;
}

#gw-view-settings .gw-settings-cancel-link:active {
    transform: none;
}

#gw-view-settings .gw-settings-cancel-link[hidden] {
    display: none;
}

@keyframes gw-settings-save-unsaved-pulse {
    0%,
    100% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(1.12);
    }
}

.gw-settings-save:hover {
    filter: brightness(1.06);
}

.gw-settings-save:active {
    transform: translateY(1px);
}

.gw-settings-save--inline {
    align-self: flex-start;
    padding: 0.45rem 0.85rem;
    font-size: 0.76rem;
    box-shadow:
        0 0 12px rgba(99, 102, 241, 0.4),
        0 0 20px rgba(79, 70, 229, 0.18);
}

.gw-settings-section--order-print .gw-settings-field__label {
    color: var(--gw-cyan);
    font-weight: 700;
    letter-spacing: 0.1em;
}

.gw-settings-section--button-presets .gw-settings-h4 {
    margin-top: 0.15rem;
    margin-bottom: 0.65rem;
    width: 100%;
    text-align: center;
    align-self: stretch;
}

.gw-settings-button-presets-cols {
    align-items: start;
    margin-top: calc(0.35rem + 1cm);
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    column-gap: 3cm;
}

.gw-settings-button-presets-col {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.gw-settings-button-presets-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.gw-settings-section--shortcut-toolbar .gw-settings-h4 {
    margin-top: 0.2rem;
    margin-bottom: 0.35rem;
}

.gw-shortcut-dual {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.65rem 0.5rem;
    margin-top: 0.4rem;
}

.gw-shortcut-dual__col {
    flex: 1 1 12rem;
    min-width: 0;
}

.gw-shortcut-dual__col--active {
    flex: 1 1 14rem;
}

.gw-shortcut-dual__mid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.45rem;
    flex: 0 0 auto;
    padding: 0 0.15rem;
}

.gw-shortcut-dual__active-row {
    display: flex;
    align-items: stretch;
    gap: 0.45rem;
}

.gw-shortcut-dual__list {
    flex: 1 1 auto;
    min-height: 16rem;
    max-height: 22rem;
    width: 100%;
    max-width: 100%;
    padding: 0.3rem;
    overflow-y: auto;
    font-size: 0.78rem;
    font-family: var(--gw-font-ui);
    line-height: 1.35;
    color: var(--gw-text, #e2e8f0);
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(56, 189, 248, 0.28);
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.gw-shortcut-dual__list:focus-within {
    border-color: rgba(56, 189, 248, 0.65);
    box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.2);
}

.gw-shortcut-row {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    margin: 0;
    padding: 0.32rem 0.4rem;
    text-align: left;
    font: inherit;
    color: inherit;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 8px;
    background: rgba(30, 41, 59, 0.45);
    transition: background 0.12s, border-color 0.12s;
}

.gw-shortcut-row:hover {
    background: rgba(51, 65, 85, 0.55);
    border-color: rgba(56, 189, 248, 0.2);
}

.gw-shortcut-row--selected {
    background: rgba(37, 99, 235, 0.35);
    border-color: rgba(56, 189, 248, 0.55);
}

.gw-shortcut-row--sep {
    opacity: 0.85;
    font-style: italic;
}

.gw-shortcut-row--sep .gw-shortcut-row__ico {
    color: #94a3b8;
}

.gw-shortcut-row__ico {
    flex: 0 0 auto;
    width: 1.35rem;
    text-align: center;
    color: var(--gw-accent-color);
    font-size: 0.88rem;
}

.gw-shortcut-row__label {
    flex: 1 1 auto;
    min-width: 0;
}

.gw-shortcut-dual__reorder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.45rem;
    flex: 0 0 auto;
}

.gw-shortcut-dual__arrow {
    min-width: 2.35rem;
    min-height: 2.35rem;
    padding: 0.25rem 0.45rem;
    font-size: 1rem;
    font-weight: 700;
    font-family: var(--gw-font-ui);
    line-height: 1;
    color: #fff;
    cursor: pointer;
    border: 1px solid #3b82f6;
    border-radius: 10px;
    background: linear-gradient(180deg, #2563eb, var(--gw-panel-blue));
    box-shadow: 0 0 14px rgba(37, 99, 235, 0.35);
    transition: filter 0.15s, transform 0.1s;
}

.gw-shortcut-dual__arrow:hover {
    filter: brightness(1.08);
}

.gw-shortcut-dual__arrow:active {
    transform: translateY(1px);
}

.gw-shortcut-dual__arrow--stack {
    min-width: 2.15rem;
    min-height: 2.15rem;
}

@media (max-width: 720px) {
    .gw-shortcut-dual__mid {
        flex-direction: row;
        width: 100%;
        justify-content: center;
        padding: 0.25rem 0;
    }

    .gw-shortcut-dual__active-row {
        flex-direction: column;
    }

    .gw-shortcut-dual__reorder {
        flex-direction: row;
        justify-content: center;
    }
}

.gw-btn-preset-rows {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    width: fit-content;
    align-self: center;
}

.gw-btn-preset-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.65rem;
}

.gw-btn-preset-row__num {
    width: 5.5rem;
    min-width: 4.5rem;
}

.gw-btn-preset-row__unit {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--gw-muted);
    min-width: 1.75rem;
}

.gw-settings-subsection--order .gw-settings-h4 {
    margin-top: 0.35rem;
}

.gw-settings-subsection--thermal {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(0, 212, 255, 0.12);
}

.gw-settings-thermal-notice {
    margin: 0.35rem 0 0.85rem;
    padding: 0.55rem 0.75rem;
    max-width: 42rem;
    line-height: 1.45;
    border-left: 3px solid rgba(255, 193, 7, 0.9);
    background: rgba(255, 193, 7, 0.07);
    color: rgba(220, 235, 245, 0.92);
}

.gw-settings-grid--thermal-stack {
    grid-template-columns: minmax(0, 1fr);
    max-width: 42rem;
}

.gw-settings-grid--thermal-stack .gw-settings-select {
    max-width: 20rem;
}

.gw-settings-thermal-printer-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.gw-settings-thermal-printer-row .gw-settings-select,
.gw-settings-thermal-printer-row .gw-settings-input {
    flex: 1 1 14rem;
    max-width: none;
}

.gw-settings-thermal-agent-block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    margin: 0 0 1rem;
    max-width: 42rem;
}

.gw-settings-thermal-agent-steps {
    width: 100%;
    margin: 0;
    padding: 0.65rem 0.75rem;
    list-style: none;
    line-height: 1.55;
    color: rgba(210, 225, 238, 0.92);
    font-size: 0.92rem;
    border-radius: 0.45rem;
    background: rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(0, 212, 255, 0.1);
}

.gw-settings-thermal-agent-steps li {
    display: grid;
    grid-template-columns: 1.45rem minmax(0, 1fr);
    column-gap: 0.6rem;
    align-items: start;
    margin-bottom: 0.55rem;
}

.gw-settings-thermal-agent-steps li:last-child {
    margin-bottom: 0;
}

.gw-settings-thermal-agent-steps__txt {
    display: block;
    min-width: 0;
}

.gw-settings-thermal-agent-steps__n {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    color: rgba(230, 245, 255, 0.95);
    background: rgba(0, 180, 120, 0.35);
    border: 1px solid rgba(0, 220, 150, 0.45);
}

.gw-settings-save--thermal-agent {
    align-self: flex-start;
    background: linear-gradient(135deg, rgba(0, 180, 120, 0.95), rgba(0, 140, 95, 0.95));
    border-color: rgba(0, 220, 150, 0.45);
    font-weight: 600;
    white-space: nowrap;
}

.gw-settings-save--thermal-agent:hover {
    filter: brightness(1.08);
}

.gw-settings-thermal-migrate {
    margin: 0 0 1.15rem;
    padding: 0.85rem 0.9rem 0.95rem;
    max-width: 42rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(255, 193, 7, 0.22);
    background: rgba(255, 193, 7, 0.05);
}

.gw-settings-thermal-turkish-help {
    margin: 1rem 0 1.15rem;
    padding: 0.85rem 0.9rem 0.95rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 0.5rem;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: rgba(56, 189, 248, 0.05);
}

.gw-settings-thermal-turkish-help .gw-settings-hint {
    max-width: none;
}

.gw-settings-thermal-turkish-steps {
    margin: 0.5rem 0 0;
}

.gw-settings-h4--thermal-migrate {
    margin-top: 0;
    margin-bottom: 0.45rem;
}

.gw-settings-thermal-migrate-intro {
    margin: 0 0 0.85rem;
    line-height: 1.5;
    max-width: none;
}

.gw-settings-thermal-migrate-block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
    margin-bottom: 0.75rem;
}

.gw-settings-thermal-migrate-block--new {
    margin-bottom: 0;
}

.gw-settings-thermal-migrate-label {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 210, 120, 0.95);
}

.gw-settings-thermal-migrate-steps {
    background: rgba(0, 0, 0, 0.14);
    border-color: rgba(255, 193, 7, 0.14);
}

.gw-settings-thermal-migrate-block--new .gw-settings-thermal-migrate-label {
    color: rgba(120, 220, 180, 0.95);
}

.gw-settings-thermal-migrate-block--new .gw-settings-thermal-migrate-steps {
    border-color: rgba(0, 212, 255, 0.1);
}

.gw-settings-save--thermal-remove {
    align-self: flex-start;
    background: linear-gradient(135deg, rgba(180, 95, 40, 0.92), rgba(140, 70, 30, 0.92));
    border-color: rgba(255, 170, 80, 0.45);
    font-weight: 600;
    white-space: nowrap;
}

.gw-settings-save--thermal-remove:hover {
    filter: brightness(1.08);
}

.gw-settings-thermal-agent-steps__n--warn {
    background: rgba(220, 140, 40, 0.35);
    border-color: rgba(255, 180, 80, 0.5);
}

.gw-settings-order-checks {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-width: 42rem;
}

.gw-settings-receipt-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.85rem;
    margin-top: 0.35rem;
    max-width: 42rem;
}

.gw-settings-hint--inline {
    margin: 0;
    flex: 1 1 12rem;
}

.gw-settings-receipt-template-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: flex-start;
}

.gw-settings-textarea {
    flex: 1 1 16rem;
    min-width: min(100%, 18rem);
    min-height: 12rem;
    padding: 0.5rem 0.6rem;
    font-size: 0.78rem;
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    line-height: 1.45;
    border: 1px solid var(--gw-border);
    border-radius: 8px;
    background: rgba(10, 14, 20, 0.75);
    color: var(--gw-text);
    resize: vertical;
}

.gw-settings-textarea:focus {
    outline: none;
    border-color: var(--gw-blue);
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
}

.gw-settings-view .gw-settings-textarea:focus {
    border-color: var(--gw-set-accent-border);
    box-shadow: 0 0 0 2px var(--gw-set-focus-ring);
}

.gw-settings-msg {
    font-size: var(--gw-set-fs-body);
    color: var(--gw-muted);
}

.gw-ps-kol-wrap {
    margin-top: 0.45rem;
    padding-top: 0.4rem;
    border-top: 1px solid rgba(42, 53, 68, 0.6);
}

.gw-ps-kol-label {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--gw-muted);
    margin-bottom: 0.35rem;
}

.gw-ps-kol-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.gw-ps-kol-btn {
    padding: 0.35rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
    font-family: var(--gw-font-ui);
    border: 1px solid var(--gw-border);
    border-radius: 8px;
    background: rgba(30, 41, 59, 0.55);
    color: var(--gw-muted);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.gw-ps-kol-btn:hover {
    border-color: rgba(59, 130, 246, 0.5);
    color: var(--gw-text);
}

.gw-ps-kol-btn.is-active {
    background: linear-gradient(180deg, #2563eb, var(--gw-panel-blue));
    border-color: #3b82f6;
    color: #fff;
    box-shadow: 0 0 12px rgba(37, 99, 235, 0.3);
}

.gw-settings-view .gw-ps-kol-btn:hover {
    border-color: rgba(103, 232, 249, 0.5);
}

.gw-settings-view .gw-ps-kol-btn.is-active {
    background: linear-gradient(180deg, var(--gw-set-accent-a), var(--gw-set-accent-deep));
    border-color: var(--gw-set-accent-border);
    box-shadow: 0 0 12px var(--gw-set-accent-glow);
}

.gw-settings-section--highlight {
    padding: 0.7rem 0.85rem;
    border-radius: 11px;
    border: 1px solid rgba(34, 211, 238, 0.28);
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.07), rgba(37, 99, 235, 0.05));
}

.gw-settings-view .gw-settings-section--highlight {
    border: 1px solid rgba(34, 211, 238, 0.38);
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), var(--gw-set-accent-soft2));
}

.gw-settings-section--highlight .gw-settings-h3 {
    color: #fff59a;
    text-shadow: 0 0 10px rgba(255, 234, 0, 0.4);
}

/* Ayarlar — tüm panellerde tutarlı tipografi */
.gw-settings-view .gw-settings-section--order-print .gw-settings-field__label {
    letter-spacing: 0.1em;
}

.gw-settings-view .gw-pc-tariff-toolbar__btn,
.gw-settings-view .gw-ps-kol-btn,
.gw-settings-view .gw-settings-save--inline {
    font-size: var(--gw-set-fs-tab);
}

.gw-settings-view .gw-settings-save {
    font-size: var(--gw-set-fs-body);
}

.gw-settings-view .gw-ps-kol-label {
    font-size: var(--gw-set-fs-heading);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gw-cyan);
}

.gw-settings-view .gw-shortcut-dual__list,
.gw-settings-view .gw-pc-rate-inline-field,
.gw-settings-view .gw-launcher-smb-share-letter {
    font-size: var(--gw-set-fs-body);
}

.gw-settings-view .gw-pc-rate-card__title {
    font-size: var(--gw-set-fs-heading);
}

.gw-settings-view .gw-settings-textarea {
    font-size: var(--gw-set-fs-control);
}

.gw-settings-view .gw-settings-section--radio-hub > .gw-settings-h3,
.gw-settings-view .gw-settings-radio-hub-pin > .gw-settings-h3 {
    font-size: var(--gw-set-fs-heading);
}

.gw-settings-view .gw-settings-radio-hub-hint,
.gw-settings-view .gw-settings-radio-hub-form-intro {
    font-size: var(--gw-set-fs-body);
}

.gw-settings-view .gw-settings-radio-hub-tab,
.gw-settings-view .gw-settings-radio-hub-remove {
    font-size: var(--gw-set-fs-tab);
}

.gw-settings-view .gw-settings-radio-hub-field-label {
    font-size: var(--gw-set-fs-heading);
    color: var(--gw-cyan);
}

.gw-settings-view .gw-settings-section--radio-hub .gw-settings-input--compact,
.gw-settings-view .gw-settings-section--radio-hub select.gw-settings-input {
    font-size: var(--gw-set-fs-control);
}

.gw-settings-view .gw-tapo-discover-bar__field,
.gw-settings-view .gw-tapo-discover-bar__msg,
.gw-settings-view .gw-tapo-range-scan__lead,
.gw-settings-view .gw-tapo-cloud-sync__lead,
.gw-settings-view .gw-tapo-cloud-sync__msg,
.gw-settings-view .gw-tapo-scan-panel__summary,
.gw-settings-view .gw-tapo-scan-live__text,
.gw-settings-view .gw-tapo-scan-log,
.gw-settings-view .gw-tapo-devices-sheet__head,
.gw-settings-view .gw-tapo-device-row,
.gw-settings-view .gw-tapo-device-test,
.gw-settings-view .gw-tapo-device-add,
.gw-settings-view .gw-tapo-scan-panel__title {
    font-size: var(--gw-set-fs-body);
}

.gw-settings-view .gw-tapo-range-scan__summary {
    font-size: var(--gw-set-fs-heading);
}

.gw-settings-view .gw-tapo-discover-bar__field > span,
.gw-settings-view .gw-tapo-cloud-sync__chk {
    font-size: var(--gw-set-fs-heading);
    color: var(--gw-cyan);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* Oturum türü (Normal / üye) */
.gw-modal {
    border: none;
    padding: 0;
    max-width: min(22rem, calc(100vw - 1.5rem));
    background: transparent;
    color: var(--gw-text);
}

.gw-modal::backdrop {
    background: rgba(4, 8, 14, 0.72);
    backdrop-filter: blur(6px);
}

/* Shadow: korumaya geç / kaldır — onay kutusu ekran ortasında (native confirm değil) */
.gw-modal.gw-modal--shadow-reboot-confirm {
    position: fixed;
    inset: 0;
    width: min(24rem, calc(100vw - 2rem));
    max-width: min(24rem, calc(100vw - 2rem));
    height: fit-content;
    max-height: min(90vh, 28rem);
    margin: auto;
    border: none;
    padding: 0;
    z-index: 10060;
}

.gw-modal--shadow-reboot-confirm::backdrop {
    background: rgba(4, 8, 14, 0.78);
    backdrop-filter: blur(4px);
}

/* Shadow: sürücü seçimi — üstte görünsün (inline panel / düşük z-index üstüne) */
.gw-modal.gw-modal--shadow-drives {
    position: fixed;
    inset: 0;
    width: min(28rem, calc(100vw - 2rem));
    max-width: min(28rem, calc(100vw - 2rem));
    height: fit-content;
    max-height: min(90vh, 38rem);
    margin: auto;
    border: none;
    padding: 0;
    z-index: 10070;
}

/* showModal yoksa toolbarDialogOpen(open) — bazı ortamlarda görünürlük */
.gw-modal.gw-modal--shadow-drives[open] {
    display: block;
}

.gw-modal--shadow-drives::backdrop {
    background: rgba(4, 8, 14, 0.78);
    backdrop-filter: blur(4px);
}

.gw-modal__actions--shadow-reboot-confirm {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 0.25rem;
}

.gw-modal__actions--shadow-reboot-confirm .gw-modal__btn {
    flex: 0 0 auto;
    min-width: 5.5rem;
}

.gw-modal.gw-modal-screen-wall {
    max-width: min(96vw, 1180px);
    width: min(96vw, 1180px);
}

.gw-modal__box--screen-wall {
    max-height: min(88vh, 800px);
    overflow-x: hidden;
    overflow-y: auto;
}

.gw-screen-wall-modal__bar {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-bottom: 0.65rem;
}

.gw-screen-wall-modal__btn {
    font-family: var(--gw-font-ui);
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.35rem 0.65rem;
    border-radius: 8px;
    border: 1px solid rgba(59, 130, 246, 0.45);
    background: rgba(37, 99, 235, 0.25);
    color: #e8edf4;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}

.gw-screen-wall-modal__btn:hover {
    background: rgba(37, 99, 235, 0.4);
    border-color: rgba(96, 165, 250, 0.6);
}

.gw-screen-wall-modal__status {
    font-size: 0.72rem;
    color: #93c5fd;
}

.gw-screen-wall-modal__hint {
    font-size: 0.68rem;
    color: rgba(148, 163, 184, 0.92);
    flex: 1 1 12rem;
    min-width: 0;
    line-height: 1.35;
}

.gw-screen-wall-modal__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
    gap: 0.55rem;
    margin-bottom: 0.75rem;
    user-select: none;
    -webkit-user-select: none;
}

.gw-screen-wall-modal__card {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    min-width: 0;
}

.gw-screen-wall-modal__cap {
    font-size: 0.68rem;
    font-weight: 700;
    font-family: var(--gw-font-ui);
    color: var(--gw-muted);
    text-align: center;
}

.gw-screen-wall-modal__thumb {
    position: relative;
    aspect-ratio: 16 / 10;
    border-radius: 8px;
    overflow: hidden;
    background: #070a0e;
    border: 1px solid rgba(42, 53, 68, 0.85);
}

.gw-screen-wall-modal__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.gw-screen-wall-modal__placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 600;
    color: rgba(148, 163, 184, 0.75);
    text-align: center;
    padding: 0.35rem;
    pointer-events: none;
}

.gw-screen-wall-modal__placeholder--hidden {
    display: none;
}

.gw-screen-wall-modal__empty {
    margin: 0.5rem 0;
    font-size: 0.78rem;
    color: var(--gw-muted);
}

.gw-screen-wall-modal__card {
    cursor: pointer;
    border-radius: 10px;
    padding: 2px;
    box-sizing: border-box;
    transition:
        box-shadow 0.15s ease,
        background 0.15s ease;
}

.gw-screen-wall-modal__card--selected {
    background: rgba(37, 99, 235, 0.12);
    box-shadow:
        0 0 0 2px rgba(59, 130, 246, 0.95),
        0 0 22px rgba(96, 165, 250, 0.55),
        0 0 38px rgba(59, 130, 246, 0.28);
}

.gw-screen-wall-modal__card--selected .gw-screen-wall-modal__cap {
    color: #93c5fd;
}

.gw-modal.gw-screen-wall-zoom {
    width: fit-content;
    width: -moz-fit-content;
    max-width: min(98vw, 2184px);
}

.gw-screen-wall-zoom__box {
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    max-width: min(98vw, 2184px);
    max-height: min(95vh, 1170px);
    padding: 0.52rem 0.65rem 0.65rem;
    box-sizing: border-box;
}

.gw-screen-wall-zoom__close {
    position: absolute;
    top: 0.4rem;
    right: 0.45rem;
    z-index: 2;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 8px;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    color: #e8edf4;
    background: rgba(30, 41, 59, 0.95);
    border: 1px solid rgba(71, 85, 105, 0.6);
}

.gw-screen-wall-zoom__close:hover {
    background: rgba(51, 65, 85, 0.98);
}

.gw-screen-wall-zoom__title {
    margin: 0 2.5rem 0.35rem 0;
    font-size: 0.95rem;
    font-weight: 700;
    font-family: var(--gw-font-ui);
    color: var(--gw-text);
}

.gw-screen-wall-zoom__frame {
    width: fit-content;
    width: -moz-fit-content;
    max-width: 100%;
    max-height: calc(95vh - 3.5rem);
    margin: 0 auto;
    overflow: auto;
    line-height: 0;
    border-radius: 8px;
    background: #0b0f14;
    border: 1px solid rgba(42, 53, 68, 0.45);
}

.gw-screen-wall-zoom__img {
    display: block;
    max-width: min(calc(98vw - 1.8rem), 2184px);
    max-height: calc(95vh - 3.5rem);
    width: auto;
    height: auto;
    filter: contrast(1.06) saturate(1.03);
}

.gw-modal__box {
    position: relative;
    padding: 1.35rem 1.2rem 1.15rem;
    border-radius: 14px;
    border: 1px solid var(--gw-border);
    background: linear-gradient(165deg, rgba(26, 34, 45, 0.98), rgba(12, 16, 22, 0.98));
    box-shadow:
        0 24px 48px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.gw-modal__title {
    margin: 0 0 0.4rem;
    font-family: var(--gw-font-display);
    font-size: 0.95rem;
    letter-spacing: 0.06em;
    color: var(--gw-text);
}

.gw-modal__lead {
    margin: 0 0 0.75rem;
    font-size: 0.8rem;
    line-height: 1.45;
    color: var(--gw-muted);
}

.gw-modal-panel-text--pre {
    white-space: pre-wrap;
    word-break: break-word;
}

.gw-modal-panel-prompt__field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0 0 1rem;
    font-size: 0.8rem;
    color: var(--gw-muted);
}

.gw-modal-panel-prompt__label-txt {
    display: block;
}

#gw-modal-panel-prompt-input {
    width: 100%;
    box-sizing: border-box;
}

.gw-modal__rates {
    margin: 0 0 1rem;
    padding-left: 1.1rem;
    font-size: 0.78rem;
    line-height: 1.55;
    color: var(--gw-text);
}

.gw-modal__rates strong {
    color: var(--gw-cyan);
    font-weight: 600;
}

.gw-modal__actions {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

@media (min-width: 420px) {
    .gw-modal__actions {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .gw-modal__actions .gw-modal__btn {
        flex: 1;
        min-width: 7rem;
    }

    .gw-modal__actions--triple .gw-modal__btn {
        min-width: 5.25rem;
    }
}

.gw-modal__actions--cinema-room-mode {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    width: 100%;
}

.gw-modal__actions--cinema-room-mode .gw-modal__btn {
    width: 100%;
    min-width: 0;
}

.gw-modal__actions--cinema-room-mode .gw-modal__btn:disabled,
.gw-modal__actions--cinema-room-mode .gw-modal__btn.is-disabled,
.gw-modal__actions--cinema-room-mode .gw-modal__btn[aria-disabled="true"] {
    opacity: 0.42;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(0.35);
}

.gw-modal__btn {
    padding: 0.55rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 700;
    font-family: var(--gw-font-ui);
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid var(--gw-border);
    transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.gw-modal__btn--ghost {
    background: rgba(30, 41, 59, 0.65);
    color: var(--gw-text);
}

.gw-modal__btn--ghost:hover {
    border-color: rgba(59, 130, 246, 0.45);
}

.gw-modal__btn--primary {
    background: linear-gradient(180deg, #2563eb, var(--gw-panel-blue));
    border-color: #3b82f6;
    color: #fff;
    box-shadow: 0 0 16px rgba(37, 99, 235, 0.35);
}

.gw-modal__btn--primary:hover {
    filter: brightness(1.05);
}

.gw-modal__btn--accent-line {
    background: rgba(34, 211, 238, 0.12);
    border-color: rgba(34, 211, 238, 0.5);
    color: #e8edf4;
    box-shadow: 0 0 12px rgba(34, 211, 238, 0.2);
}

.gw-modal__btn--accent-line:hover {
    border-color: rgba(34, 211, 238, 0.75);
    background: rgba(34, 211, 238, 0.2);
}

.gw-modal__dismiss {
    display: block;
    width: 100%;
    margin-top: 0.75rem;
    padding: 0.4rem;
    font-size: 0.74rem;
    font-weight: 600;
    font-family: var(--gw-font-ui);
    color: var(--gw-muted);
    background: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.gw-modal__dismiss:hover {
    color: var(--gw-text);
}

body.gw-modal-open {
    overflow: hidden;
}

/* Genel gizleme — sidebar bilet paneli / JS classList.toggle */
.hidden {
    display: none !important;
}

/* Mevcut oturuma süre ekle — sol panel ile aynı bileşen sınıfları */
.gw-modal--extend-timed {
    max-width: min(22rem, calc(100vw - 1.25rem));
}

.gw-modal__box--extend-timed {
    max-height: min(92vh, 720px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.gw-extend-timed__sheet {
    margin-bottom: 0.35rem;
    padding: 0.65rem 0.45rem 0.5rem;
    border-radius: 10px;
    background: rgba(10, 13, 18, 0.92);
    border: 1px solid rgba(51, 65, 85, 0.6);
}

.gw-modal--extend-timed .gw-sidebar__preset-grid {
    margin-bottom: 0;
}

/* Taşınan sol panel bilet bloğu (Süreliye Çevir → modal) */
.gw-modal--billet-picker {
    max-width: min(22rem, calc(100vw - 1.25rem));
}

.gw-modal-billet-host {
    min-height: 0;
}

/* Hesap kesme özeti */
.gw-modal--checkout {
    max-width: min(26rem, calc(100vw - 1.5rem));
}

.gw-checkout__station {
    margin-bottom: 0.85rem !important;
}

.gw-checkout__lines {
    margin: 0;
}

.gw-checkout__line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.35rem 0.85rem;
    align-items: baseline;
    margin-bottom: 0.55rem;
    font-size: 0.8rem;
    line-height: 1.35;
}

.gw-checkout__line dt {
    margin: 0;
    color: var(--gw-muted);
    font-weight: 600;
}

.gw-checkout__line dd {
    margin: 0;
    text-align: right;
    font-weight: 700;
    color: var(--gw-text);
}

.gw-checkout__divider {
    height: 1px;
    background: rgba(148, 163, 184, 0.18);
    margin: 0.55rem 0 0.65rem;
}

.gw-checkout__line--emph dt {
    color: var(--gw-text);
}

.gw-checkout__line--emph dd {
    font-size: 0.92rem;
}

.gw-checkout__strike {
    text-decoration: line-through;
    opacity: 0.62;
    margin-right: 0.35rem;
    font-weight: 600;
}

.gw-checkout__cash-inline {
    color: #4ade80;
    font-weight: 800;
}

.gw-checkout__cash-block {
    margin: 0.5rem 0 0.15rem;
    padding: 0.55rem 0.65rem;
    border-radius: 10px;
    border: 1px solid rgba(74, 222, 128, 0.28);
    background: rgba(74, 222, 128, 0.06);
}

.gw-checkout__line--cash dt {
    color: #86efac;
    font-weight: 700;
}

.gw-checkout__line--cash dd {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.gw-checkout__cash-value {
    font-size: 1.12rem;
    color: #4ade80;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-shadow: 0 0 20px rgba(74, 222, 128, 0.25);
}

.gw-checkout__cash-note {
    font-size: 0.68rem;
    font-weight: 500;
    color: var(--gw-muted);
    max-width: 17rem;
    text-align: right;
    line-height: 1.4;
}

.gw-modal__actions--checkout-confirm {
    margin-top: 0.5rem;
}

/* POS onay — simülatör / cihaz; hesap özetinin üstünde */
.gw-modal.gw-modal--pos-payment {
    position: fixed;
    inset: 0;
    width: min(22rem, calc(100vw - 1.5rem));
    max-width: min(22rem, calc(100vw - 1.5rem));
    height: fit-content;
    max-height: min(90vh, 24rem);
    margin: auto;
    z-index: 10075;
}

.gw-modal.gw-modal--pos-payment[open] {
    display: block;
}

.gw-modal--pos-payment::backdrop {
    background: rgba(4, 8, 14, 0.78);
    backdrop-filter: blur(5px);
}

.gw-modal__box--pos-payment {
    padding: 1.35rem 1.25rem 1.5rem;
    border-radius: 14px;
    border: 1px solid rgba(56, 189, 248, 0.28);
    background: linear-gradient(165deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.97) 100%);
    box-shadow:
        0 24px 48px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    text-align: center;
}

.gw-pos-pay__state--wait {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.gw-pos-pay__spinner {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 3px solid rgba(56, 189, 248, 0.2);
    border-top-color: var(--gw-accent-color);
    animation: gw-pos-pay-spin 0.85s linear infinite;
}

@keyframes gw-pos-pay-spin {
    to {
        transform: rotate(360deg);
    }
}

.gw-pos-pay__wait-title {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #e2e8f0;
    line-height: 1.45;
}

.gw-pos-pay__receipt {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--gw-cyan);
    letter-spacing: 0.03em;
}

.gw-pos-pay__state--ok {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
    animation: gw-pos-pay-ok-in 0.35s ease-out;
}

@keyframes gw-pos-pay-ok-in {
    from {
        opacity: 0;
        transform: scale(0.92);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.gw-pos-pay__check-ico {
    font-size: 4rem;
    color: #4ade80;
    filter: drop-shadow(0 0 18px rgba(74, 222, 128, 0.45));
}

.gw-pos-pay__ok-line {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: #4ade80;
    text-transform: uppercase;
}

.gw-toast--pos-register {
    background: rgba(20, 40, 28, 0.94);
    color: #bbf7d0;
    border: 1px solid rgba(74, 222, 128, 0.45);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
}

@media (min-width: 420px) {
    .gw-modal__actions--checkout-confirm {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .gw-modal__actions--checkout-confirm .gw-modal__btn {
        flex: 1;
        min-width: 7rem;
    }
}

/* ----- Ana ekran ayarları (tarife home_screen) ----- */
.gw-home-screen-top {
    align-items: end;
}

.gw-home-color-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.gw-home-color-row .gw-home-color-text {
    flex: 1;
    min-width: 7rem;
}

input[type="color"].gw-home-color-picker {
    width: 2.5rem;
    height: 2.25rem;
    padding: 0.12rem;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 8px;
    background: var(--gw-surface-2, #1e293b);
    cursor: pointer;
}

.gw-home-screen-hint--amt {
    margin-top: 1rem;
}

.gw-home-state-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.gw-home-state-tile {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.65rem 0.55rem;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.25);
    background: linear-gradient(165deg, rgba(15, 23, 42, 0.95), rgba(12, 15, 22, 0.98));
}

.gw-home-state-tile__ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto;
    border-radius: 8px;
    background: rgba(59, 130, 246, 0.12);
    color: var(--gw-cyan, #38bdf8);
    font-size: 1.15rem;
}

.gw-home-state-tile__cap {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--gw-muted, #94a3b8);
    text-align: center;
    line-height: 1.25;
}

.gw-home-state-tile .gw-settings-input {
    font-size: 0.8rem;
}

.gw-home-screen-footer {
    margin-top: 1.25rem;
}

.gw-view-pane--stations .gw-main {
    background: var(--gw-home-back-panel, transparent);
}

/* Ana ekran ayarındaki "sağ panel" eskiden .gw-sidebar (sol istasyon paneli) gizliyordu; panel her zaman kalsın. */
.gw-grid--pc .gw-cell {
    --gw-station-icon-size: var(--gw-home-station-icon-px, clamp(1.42rem, 3.6vw, 2.05rem));
    box-sizing: border-box;
    min-height: var(--gw-pc-cell-row-min);
    padding: calc(clamp(0.28rem, 0.7vw, 0.46rem) * var(--gw-home-cell-box-scale, 1))
        calc(0.3rem * var(--gw-home-cell-box-scale, 1))
        calc(clamp(0.16rem, 0.38vw, 0.28rem) * var(--gw-home-cell-box-scale, 1));
    gap: calc(clamp(0.14rem, 0.4vw, 0.26rem) * var(--gw-home-cell-box-scale, 1));
    border-radius: calc(12px * var(--gw-home-cell-box-scale, 1));
    overflow: visible;
}

/* PC: sipariş sepeti sağ üst (zZZ ile aynı sütun); zZZ sepetin altına iner */
.gw-grid--pc .gw-cell-order-badge {
    left: auto;
    right: calc(0.1rem * var(--gw-home-cell-box-scale, 1));
    top: calc(0.1rem * var(--gw-home-cell-box-scale, 1));
    transform: none;
    width: calc(clamp(1.2rem, 3.2vw, 1.45rem) * var(--gw-home-cell-box-scale, 1));
    height: calc(clamp(1.2rem, 3.2vw, 1.45rem) * var(--gw-home-cell-box-scale, 1));
    font-size: calc(clamp(0.72rem, 2vw, 0.88rem) * var(--gw-home-cell-box-scale, 1));
    z-index: 8;
}

.gw-grid--pc .gw-cell-order-badge__count {
    right: -0.05rem;
    top: -0.1rem;
}

.gw-grid--pc .gw-cell-idle-zzz {
    left: auto;
    right: calc(0.1rem * var(--gw-home-cell-box-scale, 1));
    top: calc(0.1rem * var(--gw-home-cell-box-scale, 1));
    width: calc(clamp(1rem, 2.5vw, 1.38rem) * var(--gw-home-cell-box-scale, 1));
    height: calc(clamp(1rem, 2.5vw, 1.38rem) * var(--gw-home-cell-box-scale, 1));
    border-radius: calc(0.3rem * var(--gw-home-cell-box-scale, 1));
}

.gw-grid--pc .gw-cell-idle-zzz--has-users {
    top: calc(0.1rem * var(--gw-home-cell-box-scale, 1));
    width: calc(clamp(1.14rem, 2.85vw, 1.52rem) * var(--gw-home-cell-box-scale, 1));
    height: calc(clamp(1.14rem, 2.85vw, 1.52rem) * var(--gw-home-cell-box-scale, 1));
}

.gw-grid--pc .gw-cell-idle-zzz--users-solo {
    top: calc(0.1rem * var(--gw-home-cell-box-scale, 1));
    width: calc(clamp(1.12rem, 2.75vw, 1.48rem) * var(--gw-home-cell-box-scale, 1));
    height: calc(clamp(1.12rem, 2.75vw, 1.48rem) * var(--gw-home-cell-box-scale, 1));
}

.gw-grid--pc .gw-cell:has(.gw-cell-order-badge.is-visible) .gw-cell-idle-zzz {
    top: calc(
        (0.1rem + clamp(1.2rem, 3.2vw, 1.45rem) + 0.08rem) * var(--gw-home-cell-box-scale, 1)
    );
}

.gw-grid--pc .gw-cell-idle-zzz__text {
    font-size: calc(clamp(0.4rem, 1.05vw, 0.56rem) * var(--gw-home-cell-box-scale, 1));
}

.gw-grid--pc .gw-cell--ps.gw-cell--ps-vip {
    min-height: var(--gw-pc-cell-row-min);
}

/* Kafe kutuları: PC ızgarası ile aynı iç boşluk / yükseklik / aralık (üst–alt hiza) */
.gw-grid--cafe .gw-cell {
    min-height: calc(clamp(42px, 3.25vw, 54px) * var(--gw-home-cell-box-scale, 1));
    padding: calc(clamp(0.26rem, 0.65vw, 0.42rem) * var(--gw-home-cell-box-scale, 1))
        calc(0.28rem * var(--gw-home-cell-box-scale, 1))
        calc(clamp(0.12rem, 0.3vw, 0.22rem) * var(--gw-home-cell-box-scale, 1));
    gap: calc(clamp(0.16rem, 0.45vw, 0.3rem) * var(--gw-home-cell-box-scale, 1));
    border-radius: calc(12px * var(--gw-home-cell-box-scale, 1));
}

.gw-grid--cafe .gw-cell-sub {
    margin-top: clamp(0.06rem, 0.35vw, 0.14rem);
    font-size: calc(0.806rem * var(--gw-home-cell-box-scale, 1));
}

.gw-grid--cafe .gw-cell-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 100%;
    font-size: calc(clamp(0.92rem, 2.35vw, 1.3rem) * var(--gw-home-cell-box-scale, 1));
    min-height: calc(clamp(0.92rem, 2.35vw, 1.3rem) * var(--gw-home-cell-box-scale, 1));
    line-height: 1;
}

.gw-grid--cafe .gw-cell-ico i {
    display: block;
    line-height: 1;
}

.gw-grid--cafe .gw-cell-ico.gw-cell-ico--cafe-mark i {
    color: var(--gw-station-cafe-ico-fill);
    -webkit-text-stroke: 0 transparent;
    -webkit-text-fill-color: var(--gw-station-cafe-ico-fill);
    filter:
        drop-shadow(0 0 2px rgba(251, 191, 36, 0.55))
        drop-shadow(0 0 6px rgba(245, 158, 11, 0.48))
        drop-shadow(0 0 10px rgba(234, 88, 12, 0.28))
        drop-shadow(0 0 1px rgba(0, 0, 0, 0.4));
}

.gw-grid--cafe .gw-cell--busy .gw-cell-ico.gw-cell-ico--cafe-mark i {
    color: var(--gw-station-cafe-ico-fill);
}

/* Masa numarası: kutunun içinde üstte, ikonun üzerinde (flex order; DOM sırası aynı). IoT hariç — Tapo adı tam satır + sarmalanır. */
.gw-grid--pc .gw-cell:not(.gw-cell--iot) .gw-cell-num {
    position: relative;
    z-index: 1;
    display: block;
    order: 1;
    width: 100%;
    max-width: 100%;
    margin: 0 0 clamp(0.06rem, 0.28vw, 0.14rem);
    padding: 0 clamp(0.12rem, 0.4vw, 0.2rem);
    box-sizing: border-box;
    text-align: center;
    flex-shrink: 0;
    font-family: var(--gw-font-display);
    font-weight: 700;
    font-size: calc(clamp(0.72rem, 1.72vw, 1.14rem) * var(--gw-home-cell-box-scale, 1));
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
}

.gw-cell--pc .gw-cell-label {
    font-size: var(--gw-home-pc-label-px, 0.88rem);
    font-weight: var(--gw-home-pc-label-weight, 700);
}

.gw-grid--pc .gw-cell-ico {
    color: var(--gw-home-icon-accent, inherit);
}

/* Tutar: mutlak konum yok — numara ile süre arasında akışta, çakışma olmaz */
.gw-grid--pc .gw-cell .gw-cell-amt-in {
    order: 4;
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0.08rem 0 0;
    padding: 0 0.2rem;
    box-sizing: border-box;
    text-align: center;
    font-size: calc(clamp(0.66rem, 1.65vw, 0.82rem) * var(--gw-home-cell-box-scale, 1));
    line-height: 1.25;
    z-index: auto;
}

.gw-cell-amt-in {
    position: absolute;
    left: 0.15rem;
    right: 0.15rem;
    bottom: 1.28rem;
    text-align: center;
    font-size: clamp(0.58rem, 1.5vw, 0.72rem);
    font-weight: 700;
    color: var(--gw-home-amt-color, #f8fafc);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
    pointer-events: none;
    z-index: 2;
    line-height: 1.1;
}

.gw-cell-amt-in:empty {
    display: none;
}

.gw-grid--pc .gw-cell .gw-cell-amt-under {
    order: 4;
    display: block;
    width: 100%;
    margin: 0.06rem 0 0;
    text-align: center;
    font-size: calc(clamp(0.62rem, 1.55vw, 0.76rem) * var(--gw-home-cell-box-scale, 1));
    line-height: 1.25;
}

.gw-cell-amt-under {
    font-size: clamp(0.55rem, 1.45vw, 0.68rem);
    font-weight: 600;
    color: var(--gw-home-amt-color, #f8fafc);
    text-align: center;
    line-height: 1.15;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gw-cell-amt-under:empty {
    display: none;
}

/* ----- PC masa sağ tık bağlam menüsü ----- */
.gw-cell-ctx {
    position: fixed;
    /* Modallar / ızgara üstü; flyout fixed ile aynı bağlam */
    z-index: 150000;
    min-width: 15.5rem;
    max-width: min(22rem, calc(100vw - 1rem));
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    font-family: var(--gw-font-ui, system-ui, sans-serif);
    pointer-events: none;
}

.gw-cell-ctx:not([hidden]) {
    pointer-events: auto;
}

/* overflow: visible — yan flyout alt menüler panel dışına taşabilsin; aksi halde tıklanamaz kalıyordu */
.gw-cell-ctx__panel {
    background: linear-gradient(180deg, #1a2332 0%, #121a24 100%);
    border: 1px solid rgba(56, 189, 248, 0.28);
    border-radius: 10px;
    box-shadow:
        0 14px 44px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(0, 0, 0, 0.35) inset;
    padding: 0.35rem 0;
    max-height: none;
    overflow: visible;
}

.gw-cell-ctx__multi-hint {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #7dd3fc;
    padding: 0.4rem 0.75rem 0.45rem;
    margin: 0 0.15rem 0.25rem;
    border-radius: 6px;
    background: rgba(14, 165, 233, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.28);
}

.gw-cell-ctx__sep {
    height: 1px;
    margin: 0.28rem 0.65rem;
    background: rgba(148, 163, 184, 0.22);
    border: 0;
}

.gw-cell-ctx__row {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: transparent;
    color: #e2e8f0;
    padding: 0.42rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    line-height: 1.25;
}

.gw-cell-ctx__row:hover:not(:disabled):not(.gw-cell-ctx__row--disabled):not(.gw-cell-ctx__row--parent) {
    background: rgba(56, 189, 248, 0.12);
    color: #f8fafc;
}

.gw-cell-ctx__row--disabled,
.gw-cell-ctx__row:disabled {
    opacity: 0.42;
    cursor: not-allowed;
    pointer-events: none;
}

.gw-cell-ctx__row--parent {
    cursor: default;
    margin: 0;
}

.gw-cell-ctx__ico {
    flex: 0 0 1.35rem;
    width: 1.35rem;
    text-align: center;
    color: #7dd3fc;
    font-size: 0.95rem;
}

.gw-cell-ctx__row[data-act="voice"] .gw-cell-ctx__ico {
    position: relative;
}

.gw-cell-ctx__row[data-act="voice"] .gw-cell-ctx__ico::after {
    content: "+";
    position: absolute;
    right: -0.05rem;
    bottom: -0.05rem;
    font-size: 0.45rem;
    font-weight: 800;
    color: #22c55e;
    line-height: 1;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}

.gw-cell-ctx__lab {
    flex: 1;
    min-width: 0;
}

.gw-cell-ctx__kbd {
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 600;
    color: rgba(148, 163, 184, 0.95);
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.gw-cell-ctx__more {
    flex: 0 0 auto;
    font-size: 0.62rem;
    color: rgba(148, 163, 184, 0.85);
    margin-left: 0.15rem;
}

.gw-cell-ctx__sub {
    position: relative;
}

/* Alt menü görünürlüğü JS (gwCellCtxWireFlyouts): satır ile flyout arasında boşlukta :hover kalkıyordu */
.gw-cell-ctx__flyout {
    display: none;
    position: absolute;
    left: calc(100% - 2px);
    top: 0;
    margin-left: 2px;
    min-width: 12.5rem;
    max-height: min(70vh, 26rem);
    overflow-y: auto;
    padding: 0.3rem 0;
    background: linear-gradient(180deg, #1e293b 0%, #151c28 100%);
    border: 1px solid rgba(56, 189, 248, 0.22);
    border-radius: 8px;
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.5);
    z-index: 20;
}

.gw-cell-ctx__flyout.gw-cell-ctx__flyout--detach {
    position: fixed !important;
    margin-left: 0 !important;
    left: 0;
    top: 0;
    z-index: 150010 !important;
    display: block !important;
}

.gw-cell-ctx__flyout .gw-cell-ctx__row {
    padding: 0.38rem 0.65rem;
    font-size: 0.82rem;
}

.gw-cell-ctx__flyout .gw-cell-ctx__row:hover:not(:disabled):not(.gw-cell-ctx__row--disabled) {
    background: rgba(56, 189, 248, 0.14);
}

.gw-cell-ctx__row[data-act="edit-remove-list"] .gw-cell-ctx__ico {
    color: #f87171;
}

.gw-cell-ctx__row[data-act="edit-edit-selected"] .gw-cell-ctx__ico,
.gw-cell-ctx__row[data-act="edit-add-pc"] .gw-cell-ctx__ico {
    color: #4ade80;
}

.gw-cell-ctx__row[data-act="edit-add-remote"] .gw-cell-ctx__ico {
    color: #94a3b8;
}

.gw-cell-ctx__row[data-act="edit-add-ps"] .gw-cell-ctx__ico {
    color: #7dd3fc;
}

.gw-cell-ctx__row[data-act="edit-add-masa"] .gw-cell-ctx__ico {
    color: #94a3b8;
}

/* PC ızgarası: bağlam menüsü filtre — eşleşmeyen hücreler */
#grid-pc .gw-cell.gw-cell--filter-dim {
    opacity: 0.28;
    filter: grayscale(0.35);
    pointer-events: none;
}

/* ----- PC / Kafe ızgarası boş alan sağ tık menüsü (modern, renkli) ----- */
.gw-grid-pc-ctx {
    position: fixed;
    z-index: 150005;
    min-width: 15.5rem;
    max-width: min(22rem, calc(100vw - 1rem));
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    font-family: var(--gw-font-ui, system-ui, sans-serif);
    pointer-events: none;
    filter: drop-shadow(0 12px 40px rgba(0, 0, 0, 0.45)) drop-shadow(0 0 1px rgba(56, 189, 248, 0.15));
}

.gw-grid-pc-ctx:not([hidden]) {
    pointer-events: auto;
}

.gw-grid-pc-ctx__panel {
    position: relative;
    padding: 0.45rem;
    border-radius: 14px;
    background: linear-gradient(155deg, rgba(15, 23, 42, 0.97) 0%, rgba(30, 27, 75, 0.55) 42%, rgba(15, 23, 42, 0.96) 100%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(129, 140, 248, 0.28);
    box-shadow:
        0 0 0 1px rgba(56, 189, 248, 0.12) inset,
        0 20px 50px rgba(0, 0, 0, 0.55),
        0 0 40px rgba(59, 130, 246, 0.18),
        0 0 80px rgba(168, 85, 247, 0.08);
}

#gw-toolbar-add-stations-pop .gw-toolbar-add-stations__panel {
    padding: 0.4rem;
}

#gw-toolbar-add-stations-pop .gw-toolbar-add-stations__scroll {
    --gw-toolbar-add-row-h: 3.62rem;
    max-height: calc(var(--gw-toolbar-add-row-h) * 6);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-right: 0.12rem;
}

#gw-toolbar-add-stations-pop .gw-toolbar-add-stations__scroll::-webkit-scrollbar {
    width: 7px;
}

#gw-toolbar-add-stations-pop .gw-toolbar-add-stations__scroll::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.45);
    border-radius: 8px;
}

#gw-toolbar-add-stations-pop .gw-toolbar-add-stations__scroll::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.55);
    border-radius: 8px;
}

#gw-toolbar-add-stations-pop .gw-toolbar-add-stations__scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.72);
}

.gw-grid-pc-ctx__row {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    box-sizing: border-box;
    border: none;
    background: rgba(15, 23, 42, 0.35);
    color: #e2e8f0;
    margin: 0 0 0.3rem 0;
    padding: 0.5rem 0.65rem 0.5rem 0.55rem;
    font-size: 0.84rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    text-align: left;
    line-height: 1.35;
    border-radius: 11px;
    border: 1px solid transparent;
    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.gw-grid-pc-ctx__row:last-child {
    margin-bottom: 0;
}

.gw-grid-pc-ctx__row:hover {
    background: rgba(51, 65, 85, 0.65);
    border-color: rgba(148, 163, 184, 0.25);
    transform: translateX(3px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.gw-grid-pc-ctx__row:active {
    transform: translateX(1px) scale(0.99);
}

.gw-grid-pc-ctx__row:focus-visible {
    outline: 2px solid rgba(56, 189, 248, 0.65);
    outline-offset: 2px;
}

.gw-grid-pc-ctx__ico {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 10px;
    text-align: center;
    font-size: 1.05rem;
    line-height: 1;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__ico {
    transform: scale(1.06);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

/* Toplu ekran / Shadow menüsü — nötr (PC cyan ile karışmasın) */
.gw-grid-pc-ctx__ico--wall {
    color: #cbd5e1;
    background: linear-gradient(165deg, #1e293b 0%, #0f172a 48%, #121a22 100%);
    box-shadow:
        0 0 0 1px rgba(148, 163, 184, 0.2) inset,
        0 0 8px rgba(51, 65, 85, 0.2),
        0 4px 12px rgba(0, 0, 0, 0.38);
    text-shadow: none;
    filter: none;
}

/* Araç çubuğu Client Ekle menüsü — hafif renkli rozet ikonlar */
.gw-grid-pc-ctx__ico--client {
    color: #7dd3fc;
    background: linear-gradient(165deg, rgba(14, 165, 233, 0.2) 0%, #0f172a 52%, #101a28 100%);
    box-shadow:
        0 0 0 1px rgba(56, 189, 248, 0.38) inset,
        0 4px 12px rgba(0, 0, 0, 0.38),
        0 0 10px rgba(14, 165, 233, 0.14);
    text-shadow: none;
    filter: none;
}

.gw-grid-pc-ctx__ico--client i.fa-computer {
    color: #7dd3fc;
    -webkit-text-stroke: 0 transparent;
    -webkit-text-fill-color: #7dd3fc;
    filter: drop-shadow(0 0 5px rgba(56, 189, 248, 0.45));
}

.gw-grid-pc-ctx__ico--masa {
    color: #fdba74;
    background: linear-gradient(165deg, rgba(249, 115, 22, 0.18) 0%, #0f172a 52%, #1a1512 100%);
    box-shadow:
        0 0 0 1px rgba(251, 146, 60, 0.4) inset,
        0 4px 12px rgba(0, 0, 0, 0.38),
        0 0 10px rgba(249, 115, 22, 0.12);
    text-shadow: none;
    filter: none;
}

.gw-grid-pc-ctx__ico--masa i.fa-mug-saucer {
    color: #fdba74;
    -webkit-text-stroke: 0 transparent;
    -webkit-text-fill-color: #fdba74;
    filter: drop-shadow(0 0 5px rgba(251, 146, 60, 0.4));
}

.gw-grid-pc-ctx__ico--ps {
    color: #c4b5fd;
    background: linear-gradient(165deg, rgba(139, 92, 246, 0.2) 0%, #0f172a 52%, #1a1218 100%);
    box-shadow:
        0 0 0 1px rgba(167, 139, 250, 0.4) inset,
        0 4px 12px rgba(0, 0, 0, 0.38),
        0 0 10px rgba(139, 92, 246, 0.14);
    text-shadow: none;
    filter: none;
}

.gw-grid-pc-ctx__ico--ps i.fa-playstation {
    color: #c4b5fd;
    -webkit-text-stroke: 0 transparent;
    -webkit-text-fill-color: #c4b5fd;
    filter: drop-shadow(0 0 5px rgba(167, 139, 250, 0.45));
}

.gw-grid-pc-ctx__ico--vip {
    color: #fff7ed;
    background: linear-gradient(145deg, #c2410c 0%, #ea580c 55%, #fdba74 100%);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.gw-grid-pc-ctx__ico--racing {
    color: #fcd34d;
    background: linear-gradient(165deg, rgba(245, 158, 11, 0.18) 0%, #0f172a 52%, #1a1810 100%);
    box-shadow:
        0 0 0 1px rgba(251, 191, 36, 0.42) inset,
        0 4px 12px rgba(0, 0, 0, 0.38),
        0 0 10px rgba(245, 158, 11, 0.12);
    text-shadow: none;
    filter: none;
}

.gw-grid-pc-ctx__ico--racing i.fa-flag-checkered {
    color: #fcd34d;
    -webkit-text-stroke: 0 transparent;
    -webkit-text-fill-color: #fcd34d;
    filter: drop-shadow(0 0 5px rgba(251, 191, 36, 0.42));
}

.gw-grid-pc-ctx__ico--cinema {
    color: #fb923c;
    background: linear-gradient(165deg, rgba(234, 88, 12, 0.18) 0%, #0f172a 52%, #1a1410 100%);
    box-shadow:
        0 0 0 1px rgba(251, 146, 60, 0.42) inset,
        0 4px 12px rgba(0, 0, 0, 0.38),
        0 0 10px rgba(234, 88, 12, 0.12);
    text-shadow: none;
    filter: none;
}

.gw-grid-pc-ctx__ico--cinema i.fa-film {
    color: #fb923c;
    -webkit-text-stroke: 0 transparent;
    -webkit-text-fill-color: #fb923c;
    filter: drop-shadow(0 0 5px rgba(234, 88, 12, 0.42));
}

.gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__ico--client i.fa-computer {
    color: #bae6fd;
    -webkit-text-fill-color: #bae6fd;
    filter: drop-shadow(0 0 7px rgba(56, 189, 248, 0.55));
}

.gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__ico--ps i.fa-playstation {
    color: #ddd6fe;
    -webkit-text-fill-color: #ddd6fe;
    filter: drop-shadow(0 0 7px rgba(167, 139, 250, 0.55));
}

.gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__ico--racing i.fa-flag-checkered {
    color: #fde68a;
    -webkit-text-fill-color: #fde68a;
    filter: drop-shadow(0 0 7px rgba(251, 191, 36, 0.5));
}

.gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__ico--cinema i.fa-film {
    color: #fdba74;
    -webkit-text-fill-color: #fdba74;
    filter: drop-shadow(0 0 7px rgba(234, 88, 12, 0.5));
}

.gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__ico--masa i.fa-mug-saucer {
    color: #fed7aa;
    -webkit-text-fill-color: #fed7aa;
    filter: drop-shadow(0 0 7px rgba(251, 146, 60, 0.5));
}

.gw-grid-pc-ctx__ico--extra-0 {
    color: #a3e635;
    background: linear-gradient(165deg, rgba(132, 204, 22, 0.18) 0%, #0f172a 52%, #141a0f 100%);
    box-shadow:
        0 0 0 1px rgba(163, 230, 53, 0.42) inset,
        0 4px 12px rgba(0, 0, 0, 0.38),
        0 0 10px rgba(132, 204, 22, 0.16);
}

.gw-grid-pc-ctx__ico--extra-0 i {
    color: #a3e635;
    -webkit-text-fill-color: #a3e635;
    filter: drop-shadow(0 0 5px rgba(163, 230, 53, 0.5));
}

.gw-grid-pc-ctx__ico--extra-1 {
    color: #f472b6;
    background: linear-gradient(165deg, rgba(219, 39, 119, 0.18) 0%, #0f172a 52%, #1a1018 100%);
    box-shadow:
        0 0 0 1px rgba(244, 114, 182, 0.42) inset,
        0 4px 12px rgba(0, 0, 0, 0.38),
        0 0 10px rgba(219, 39, 119, 0.16);
}

.gw-grid-pc-ctx__ico--extra-1 i,
.gw-grid-pc-ctx__ico--extra-1 .gw-svg-billiard-8 {
    color: #f472b6;
    -webkit-text-fill-color: #f472b6;
    filter: drop-shadow(0 0 5px rgba(244, 114, 182, 0.5));
}

.gw-grid-pc-ctx__ico--extra-2 {
    color: #fdba74;
    background: linear-gradient(165deg, rgba(249, 115, 22, 0.16) 0%, #0f172a 52%, #1a1512 100%);
    box-shadow:
        0 0 0 1px rgba(251, 146, 60, 0.38) inset,
        0 4px 12px rgba(0, 0, 0, 0.38),
        0 0 10px rgba(249, 115, 22, 0.1);
}

.gw-grid-pc-ctx__ico--extra-2 i {
    color: #fdba74;
    -webkit-text-fill-color: #fdba74;
    filter: drop-shadow(0 0 5px rgba(251, 146, 60, 0.4));
}

.gw-grid-pc-ctx__ico--extra-3 {
    color: #c4b5fd;
    background: linear-gradient(165deg, rgba(139, 92, 246, 0.18) 0%, #0f172a 52%, #1a1218 100%);
    box-shadow:
        0 0 0 1px rgba(167, 139, 250, 0.38) inset,
        0 4px 12px rgba(0, 0, 0, 0.38),
        0 0 10px rgba(139, 92, 246, 0.12);
}

.gw-grid-pc-ctx__ico--extra-3 i {
    color: #c4b5fd;
    -webkit-text-fill-color: #c4b5fd;
    filter: drop-shadow(0 0 5px rgba(167, 139, 250, 0.42));
}

.gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__ico--extra-0 i {
    color: #bef264;
    -webkit-text-fill-color: #bef264;
}

.gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__ico--extra-1 i,
.gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__ico--extra-1 .gw-svg-billiard-8 {
    color: #f9a8d4;
    -webkit-text-fill-color: #f9a8d4;
}

.gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__ico--extra-2 i {
    color: #fed7aa;
    -webkit-text-fill-color: #fed7aa;
}

.gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__ico--extra-3 i {
    color: #ddd6fe;
    -webkit-text-fill-color: #ddd6fe;
}

.gw-grid-pc-ctx__ico--psvip {
    color: #fff7ed;
    background: linear-gradient(145deg, #9a3412 0%, #ea580c 45%, #f97316 100%);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.gw-grid-pc-ctx__ico--danger {
    color: #fef2f2;
    background: linear-gradient(145deg, #991b1b 0%, #dc2626 45%, #f87171 100%);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.gw-grid-pc-ctx__lab {
    flex: 1;
    color: #f1f5f9;
}

.gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__lab {
    color: #fff;
}

@media (prefers-reduced-motion: reduce) {
    .gw-grid-pc-ctx__row,
    .gw-grid-pc-ctx__ico {
        transition: none;
    }

    .gw-grid-pc-ctx__row:hover {
        transform: none;
    }

    .gw-grid-pc-ctx__row:hover .gw-grid-pc-ctx__ico {
        transform: none;
    }
}

/* —— Bilgisayar tarife: Normal/Üye Tarifesi yatay alanlar —— */
.gw-pc-tariff-scheduler {
    margin-top: 0.5rem;
    margin-bottom: 0.35rem;
}

.gw-pc-rate-cards-row {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-width: 100%;
}

.gw-pc-rate-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: linear-gradient(165deg, rgba(30, 41, 59, 0.98), rgba(15, 23, 42, 0.92));
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.28);
}

.gw-pc-rate-card--head-inline {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.65rem 1rem;
}

.gw-pc-rate-card--head-inline .gw-pc-rate-card__title {
    flex: 0 0 auto;
    margin: 0;
    padding-bottom: 0.4rem;
    border-bottom: none;
    min-width: 7.5rem;
    max-width: 12rem;
    align-self: flex-end;
}

.gw-pc-rate-card--head-inline .gw-pc-rate-card__title--stacked {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-bottom: 0;
    max-width: 8.5rem;
    line-height: 1.28;
}

.gw-pc-rate-card__title-line {
    display: block;
}

.gw-pc-rate-card--head-inline .gw-pc-rate-card__hint-top {
    flex: 1 1 100%;
    width: 100%;
    margin: 0 0 0.5rem;
    font-size: var(--gw-set-fs-body);
    line-height: 1.52;
    color: #cbd5e1;
}

.gw-pc-rate-card--head-inline .gw-pc-rate-card__fields--inline {
    flex: 1 1 260px;
    min-width: 0;
}

.gw-pc-rate-card--head-inline .gw-pc-rate-card__fields--ps-kol {
    flex: 1 1 520px;
}

.gw-pc-rate-card--head-inline:has(.gw-pc-rate-card__fields--ps-kol) {
    align-items: flex-end;
    padding-bottom: 0.55rem;
}

.gw-pc-rate-card--accent {
    border-color: rgba(56, 189, 248, 0.42);
    box-shadow:
        0 10px 40px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(56, 189, 248, 0.08);
}

.gw-pc-rate-card__title {
    margin: 0 0 0.65rem;
    padding-bottom: 0.5rem;
    font-size: 0.82rem;
    font-weight: 700;
    font-family: var(--gw-font-ui);
    color: #f1f5f9;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
    letter-spacing: 0.01em;
}

.gw-pc-rate-card__fields--inline {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.55rem 0.7rem;
    align-items: flex-start;
}

.gw-pc-rate-card__fields--inline .gw-pc-rate-inline-field__caption {
    min-height: 2.95rem;
}

.gw-pc-rate-card__fields--ps-kol {
    --gw-ps-round-ctrl-gap: 0.2rem;
    --gw-ps-round-select-h: 1.62rem;
    flex: 1 1 520px;
    align-items: flex-start;
}

.gw-pc-rate-card__fields--ps-kol > .gw-pc-rate-inline-field {
    padding-bottom: calc(var(--gw-ps-round-ctrl-gap) + var(--gw-ps-round-select-h));
}

.gw-pc-rate-card__fields--ps-kol > .gw-pc-rate-inline-field-wrap--round {
    padding-bottom: 0;
}

.gw-pc-rate-inline-field__caption--kol {
    justify-content: flex-end;
}

.gw-pc-rate-inline-field-wrap--round {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.gw-pc-rate-inline-stack {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.gw-pc-rate-inline-stack .gw-pc-rate-inline-field {
    flex: 0 0 auto;
    width: 100%;
}

.gw-pc-rate-card__fields--pc-member {
    --gw-pc-rate-cell-divider: 1px solid rgba(51, 65, 85, 0.65);
    gap: 0;
    align-items: stretch;
}

.gw-pc-rate-grid {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.gw-pc-rate-grid--member-tariff {
    grid-template-columns:
        minmax(5.5rem, 6.5rem)
        minmax(4.75rem, 1fr)
        minmax(4.75rem, 1fr)
        minmax(11.5rem, 12rem);
    justify-items: stretch;
}

.gw-pc-rate-grid--cinema-tariff {
    grid-template-columns:
        minmax(5.5rem, 6.5rem)
        minmax(11.5rem, 1fr)
        minmax(11.5rem, 12rem);
    grid-auto-rows: minmax(2.75rem, auto);
    justify-items: stretch;
}

.gw-pc-rate-grid--cinema-tariff > :nth-child(3n) {
    border-right: none;
}

.gw-pc-rate-grid--cinema-tariff > :nth-child(n + 7) {
    border-bottom: none;
}

.gw-pc-rate-grid--racing-tariff {
    grid-template-columns: minmax(6.25rem, 8rem) repeat(2, minmax(11.5rem, 1fr));
    grid-auto-rows: minmax(2.75rem, auto);
    align-items: stretch;
}

.gw-pc-rate-grid--racing-tariff > :nth-child(3n) {
    border-right: none;
}

.gw-pc-rate-grid--racing-tariff > :nth-child(n + 4) {
    border-bottom: var(--gw-pc-rate-cell-divider);
}

.gw-pc-rate-grid--racing-tariff > :nth-child(n + 7) {
    border-bottom: none;
}

.gw-pc-rate-grid--extra-tariff > :nth-child(n + 7) {
    border-bottom: var(--gw-pc-rate-cell-divider);
}

.gw-pc-rate-grid--extra-tariff > :nth-child(n + 10) {
    border-bottom: none;
}

.gw-pc-rate-grid__cell--same-rate-hint {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gw-text-muted, rgba(255, 255, 255, 0.45));
    font-size: 0.78rem;
    line-height: 1.25;
    text-align: center;
    padding: 0.35rem 0.5rem;
}

.gw-pc-rate-grid--ps-tariff {
    grid-template-columns:
        minmax(4.5rem, 0.92fr)
        minmax(4.5rem, 0.92fr)
        minmax(4.5rem, 0.92fr)
        minmax(5.15rem, 1fr)
        minmax(5.15rem, 1fr)
        minmax(11.5rem, 12rem);
    justify-items: stretch;
}

.gw-pc-rate-card--pc-member-layout:has(.gw-pc-rate-grid--cinema-ps-tariff) {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.gw-pc-rate-card--pc-member-layout:has(.gw-pc-rate-grid--cinema-ps-tariff) .gw-pc-rate-card__fields--pc-member {
    width: 100%;
    max-width: 100%;
}

.gw-cinema-ps-hourly-tiered-wrap {
    display: contents;
}

.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-ps-room-rate .gw-cinema-ps-hourly-tiered-wrap .gw-settings-input:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.gw-cinema-tiered-rates-wrap {
    display: contents;
}

.gw-cinema-ps-hourly-tiered-wrap[hidden] {
    display: none !important;
}

.gw-pc-rate-grid--cinema-ps-extras:not(.gw-pc-rate-grid--cinema-ps-tariff) #gw-cinema-ps-round-cell {
    grid-column: 5;
    grid-row: 2;
}

.gw-pc-rate-grid--cinema-ps-extras:not(.gw-pc-rate-grid--cinema-ps-tariff) .gw-pc-rate-grid__rowhead--ps-kol {
    grid-column: 1;
    grid-row: 2;
}

.gw-pc-rate-grid--cinema-ps-extras:not(.gw-pc-rate-grid--cinema-ps-tariff) label:has(#gw-cinema-ps-opening-2) {
    grid-column: 2;
    grid-row: 2;
}

.gw-pc-rate-grid--cinema-ps-extras:not(.gw-pc-rate-grid--cinema-ps-tariff) label:has(#gw-cinema-ps-opening-3) {
    grid-column: 3;
    grid-row: 2;
}

.gw-pc-rate-grid--cinema-ps-extras:not(.gw-pc-rate-grid--cinema-ps-tariff) label:has(#gw-cinema-ps-opening-4) {
    grid-column: 4;
    grid-row: 2;
}

.gw-pc-rate-grid--cinema-ps-extras {
    grid-template-columns:
        minmax(6.75rem, 7.75rem)
        minmax(4.75rem, 1fr)
        minmax(4.75rem, 1fr)
        minmax(4.75rem, 1fr)
        minmax(11.5rem, 12rem);
    grid-template-rows: auto minmax(2.85rem, auto);
    width: 100%;
    max-width: 100%;
    justify-items: stretch;
    align-items: stretch;
}

.gw-pc-rate-grid--cinema-ps-extras > :nth-child(5n) {
    border-right: none;
    border-left: var(--gw-pc-rate-cell-divider);
}

.gw-pc-rate-grid--cinema-ps-extras > :nth-child(-n + 5) {
    border-bottom: var(--gw-pc-rate-cell-divider);
}

.gw-pc-rate-grid--cinema-ps-extras .gw-pc-rate-grid__rowhead--ps-kol {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.32rem 0.52rem 0.32rem 0.58rem;
    min-height: 2.85rem;
    align-self: stretch;
}

.gw-pc-rate-grid--cinema-ps-extras .gw-pc-rate-grid__colhead,
.gw-pc-rate-grid--cinema-ps-extras .gw-pc-rate-grid__cell--input-only,
.gw-pc-rate-grid--cinema-ps-extras .gw-pc-rate-grid__cell--round-inline,
.gw-pc-rate-grid--cinema-ps-extras .gw-pc-rate-grid__corner {
    min-height: 2.85rem;
    align-self: stretch;
    padding-left: 0.52rem;
    padding-right: 0.52rem;
}

.gw-pc-rate-grid--cinema-ps-extras .gw-pc-rate-round-inline-group {
    flex-flow: column nowrap;
    align-items: center;
    gap: 0.28rem;
}

.gw-pc-rate-grid--cinema-ps-extras .gw-pc-rate-grid__cell--round-inline .gw-settings-input,
.gw-pc-rate-grid--cinema-ps-extras .gw-pc-rate-grid__cell--round-inline .gw-pc-rate-inline-field__round-mode {
    flex: 0 0 auto;
    width: 5.35rem;
    min-width: 5.35rem;
    max-width: 5.35rem;
    margin-top: 0;
}

.gw-pc-rate-grid--cinema-ps-tariff {
    grid-template-columns:
        minmax(6.75rem, 7.75rem)
        minmax(4.75rem, 1fr)
        minmax(4.75rem, 1fr)
        minmax(4.75rem, 1fr)
        minmax(11.5rem, 12rem);
    grid-template-rows: auto repeat(2, minmax(2.85rem, auto));
    width: 100%;
    max-width: 100%;
    justify-items: stretch;
    align-items: stretch;
}

/* Düz 5 sütun (2/3/4 kol + Yuvarlama): her hücrede sağ+alt çizgi.
   Eski 5n / n+11 none kuralları çizgileri siliyordu. */
.gw-pc-rate-grid--cinema-ps-tariff:not(.gw-pc-rate-grid--cinema-alt-4) > * {
    border-right: var(--gw-pc-rate-cell-divider) !important;
    border-bottom: var(--gw-pc-rate-cell-divider) !important;
    border-left: none !important;
}

.gw-pc-rate-grid--cinema-ps-tariff:not(.gw-pc-rate-grid--cinema-alt-4) > :nth-child(5n + 4) {
    border-right: none !important;
}

.gw-pc-rate-grid--cinema-ps-tariff:not(.gw-pc-rate-grid--cinema-alt-4) > :nth-child(5n) {
    border-right: none !important;
    border-left: var(--gw-pc-rate-cell-divider) !important;
}

.gw-pc-rate-grid--cinema-ps-tariff .gw-pc-rate-grid__cell--round-rowspan {
    grid-row: span 2;
}

.gw-pc-rate-grid--cinema-ps-tariff .gw-pc-rate-grid__rowhead--ps-kol {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.32rem 0.52rem 0.32rem 0.58rem;
    min-height: 2.85rem;
    align-self: stretch;
}

.gw-pc-rate-grid--cinema-ps-tariff .gw-pc-rate-grid__rowhead--ps-kol .gw-pc-rate-grid__rowhead-text {
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.24;
    color: #e2e8f0;
    text-align: left;
}

.gw-pc-rate-grid--cinema-ps-tariff .gw-pc-rate-grid__rowhead--ps-kol .gw-pc-rate-inline-field__line {
    font-size: inherit;
    line-height: inherit;
}

.gw-pc-rate-grid--cinema-ps-tariff .gw-pc-rate-grid__rowhead-text--stack {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.22rem;
    line-height: 1.22;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__colhead,
.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__cell--input-only,
.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__cell--round-inline {
    min-height: 2.85rem;
    align-self: stretch;
}

.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__colhead,
.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__cell--input-only,
.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__cell--round-inline,
.gw-pc-rate-grid--cinema-ps-tariff .gw-pc-rate-grid__corner {
    padding-left: 0.52rem;
    padding-right: 0.52rem;
}

.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-round-inline-group {
    flex-flow: column nowrap;
    align-items: center;
    gap: 0.28rem;
}

.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__cell--round-inline .gw-settings-input,
.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__cell--round-inline .gw-pc-rate-inline-field__round-mode {
    flex: 0 0 auto;
    width: 5.35rem;
    min-width: 5.35rem;
    max-width: 5.35rem;
    margin-top: 0;
}

.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-inline-field.gw-pc-rate-grid__cell--input-only .gw-settings-input {
    max-width: 4.85rem;
    margin-top: 0;
}

/* Karaoke / Just Dance — PS tarife tablosu gibi düz DOM (wrap yok).
   Çocuklar: 1–6 başlık | 7–11 saat | 12 yuvarlama (span 2) | 13–17 açılış
   Kenarlıklar: her hücrede sağ+alt; son ücret sütunu (6n+5) sağ yok;
   yuvarlama sütunu (6n) sol ayırıcı. PS 5-sütun none kuralları !important ile ezilir. */
.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-alt-4 {
    grid-template-columns:
        minmax(6.75rem, 7.75rem)
        minmax(4.75rem, 1fr)
        minmax(4.75rem, 1fr)
        minmax(4.75rem, 1fr)
        minmax(4.75rem, 1fr)
        minmax(11.5rem, 12rem);
    grid-template-rows: auto repeat(2, minmax(2.85rem, auto));
}

.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-alt-4 > * {
    border-right: var(--gw-pc-rate-cell-divider) !important;
    border-bottom: var(--gw-pc-rate-cell-divider) !important;
    border-left: none !important;
}

.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-alt-4 > :nth-child(6n + 5) {
    border-right: none !important;
}

.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-alt-4 > :nth-child(6n) {
    border-right: none !important;
    border-left: var(--gw-pc-rate-cell-divider) !important;
}

.gw-pc-rate-grid--cinema-ps-tariff.gw-pc-rate-grid--cinema-alt-4 .gw-pc-rate-grid__cell--round-rowspan {
    grid-row: span 2;
}

.gw-pc-rate-grid--cinema-tariff.gw-pc-rate-grid--cinema-film-only {
    grid-template-columns: minmax(5.5rem, 6.5rem) minmax(11.5rem, 12rem);
}

#gw-cinema-film-opening-colhead[hidden],
#gw-cinema-film-opening-cell[hidden] {
    display: none !important;
}

.gw-cinema-alt-rate-ui[hidden] {
    display: none !important;
}

#gw-cinema-film-rate-ui[hidden],
#gw-cinema-opening-section[hidden] {
    display: none !important;
}

.gw-cinema-alt-rate-ui:not([hidden]) {
    display: block;
    margin-top: 0.35rem;
}

.gw-ps-tariff-scheduler-hint {
    margin: 0 0 0.45rem;
    line-height: 1.36;
}

.gw-pc-rate-grid--ps-tariff > :nth-child(6n) {
    border-right: none;
}

.gw-pc-rate-grid--ps-tariff > :nth-child(n + 7) {
    border-bottom: none;
}

.gw-pc-rate-grid__cell--round-inline {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.32rem 0.55rem;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.gw-pc-rate-round-inline-group {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
    min-width: 0;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__cell--round-inline .gw-settings-input,
.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__cell--round-inline .gw-pc-rate-inline-field__round-mode,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__cell--round-inline .gw-settings-input,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__cell--round-inline .gw-pc-rate-inline-field__round-mode,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--round-inline .gw-settings-input,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--round-inline .gw-pc-rate-inline-field__round-mode {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 auto;
    width: auto;
}

.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--round-inline .gw-settings-input {
    margin-top: 0;
    flex: 0 0 4.5rem;
    width: 4.5rem;
    min-width: 4.5rem;
    max-width: 4.75rem;
    padding: 0.42rem 0.4rem 0.42rem 0.55rem;
    font-size: 0.86rem;
    line-height: 1.28;
    border-radius: 8px;
    box-sizing: border-box;
}

.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--round-inline .gw-pc-rate-inline-field__round-mode {
    flex: 0 0 5.65rem;
    width: 5.65rem;
    min-width: 5.65rem;
    max-width: 5.65rem;
    min-height: 1.62rem;
    margin-top: 0;
    padding: 0.28rem 1.25rem 0.28rem 0.42rem;
    font-size: 0.74rem;
    line-height: 1.2;
}

.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only:nth-child(7) > .gw-settings-input,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only:nth-child(8) > .gw-settings-input,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only:nth-child(9) > .gw-settings-input {
    width: 100%;
    max-width: 4.85rem;
}

.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only:nth-child(10) > .gw-settings-input,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only:nth-child(11) > .gw-settings-input {
    width: 100%;
    max-width: 5.5rem;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__cell--round-inline .gw-settings-input,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__cell--round-inline .gw-settings-input {
    margin-top: 0;
    flex: 0 0 4.5rem;
    width: 4.5rem;
    min-width: 4.5rem;
    max-width: 4.75rem;
    padding: 0.42rem 0.4rem 0.42rem 0.55rem;
    font-size: 0.86rem;
    line-height: 1.28;
    border-radius: 8px;
    box-sizing: border-box;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__cell--round-inline .gw-pc-rate-inline-field__round-mode,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__cell--round-inline .gw-pc-rate-inline-field__round-mode {
    flex: 0 0 5.65rem;
    width: 5.65rem;
    min-width: 5.65rem;
    max-width: 5.65rem;
    min-height: 1.62rem;
    margin-top: 0;
    padding: 0.28rem 1.25rem 0.28rem 0.42rem;
    font-size: 0.74rem;
    line-height: 1.2;
}

.gw-pc-rate-grid__cell--round-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.22rem;
    padding: 0.32rem 0.45rem;
}

.gw-pc-rate-grid__cell--round-stack .gw-settings-input {
    margin-top: 0;
    width: 100%;
    max-width: 6.85rem;
    padding: 0.42rem 0.55rem;
    font-size: 0.86rem;
    line-height: 1.28;
    border-radius: 8px;
    box-sizing: border-box;
}

.gw-pc-rate-grid__cell--round-stack .gw-pc-rate-inline-field__round-mode {
    width: 100%;
    max-width: 6.85rem;
    min-height: 1.62rem;
    margin-top: 0;
}

.gw-pc-rate-grid__rowhead {
    margin: 0;
    padding: 0.42rem 0.62rem 0.42rem 0;
    box-sizing: border-box;
    border-right: var(--gw-pc-rate-cell-divider);
    border-bottom: var(--gw-pc-rate-cell-divider);
    display: flex;
    align-items: center;
}

.gw-pc-rate-grid__corner,
.gw-pc-rate-grid__colhead {
    margin: 0;
    padding: 0.42rem 0.62rem;
    box-sizing: border-box;
    border-right: var(--gw-pc-rate-cell-divider);
    border-bottom: var(--gw-pc-rate-cell-divider);
}

.gw-pc-rate-grid__colhead {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 0.42rem 0.55rem;
}

.gw-pc-rate-grid__colhead .gw-pc-rate-inline-field__caption {
    grid-column: 2;
    width: auto;
    min-height: 0;
    margin-inline: auto;
}

.gw-pc-rate-grid__rowhead-text {
    font-size: 0.88rem;
    font-weight: 700;
    font-family: var(--gw-font-ui);
    color: #f1f5f9;
    text-align: left;
    line-height: 1.28;
}

.gw-pc-rate-card--pc-member-layout {
    flex-direction: column;
    align-items: stretch;
}

.gw-pc-rate-card--pc-member-layout .gw-pc-rate-card__fields--pc-member {
    flex: 1 1 auto;
    width: 100%;
}

.gw-pc-rate-grid__cell {
    margin: 0;
    flex: none;
    width: auto;
    padding: 0.42rem 0.62rem;
    box-sizing: border-box;
    border-right: var(--gw-pc-rate-cell-divider);
    border-bottom: var(--gw-pc-rate-cell-divider);
}

.gw-pc-rate-grid:not(.gw-pc-rate-grid--member-tariff):not(.gw-pc-rate-grid--ps-tariff):not(.gw-pc-rate-grid--racing-tariff):not(.gw-pc-rate-grid--cinema-ps-tariff) {
    border-right: var(--gw-pc-rate-cell-divider);
}

.gw-pc-rate-grid:not(.gw-pc-rate-grid--member-tariff):not(.gw-pc-rate-grid--ps-tariff):not(.gw-pc-rate-grid--racing-tariff):not(.gw-pc-rate-grid--cinema-ps-tariff) .gw-pc-rate-grid__cell:nth-child(2n) {
    border-right: none;
}

.gw-pc-rate-grid:not(.gw-pc-rate-grid--member-tariff):not(.gw-pc-rate-grid--ps-tariff):not(.gw-pc-rate-grid--racing-tariff):not(.gw-pc-rate-grid--cinema-ps-tariff) .gw-pc-rate-grid__cell:nth-child(n + 3) {
    border-bottom: none;
}

.gw-pc-rate-grid--member-tariff:not(.gw-pc-rate-grid--cinema-tariff) > :nth-child(4n) {
    border-right: none;
}

.gw-pc-rate-grid--member-tariff:not(.gw-pc-rate-grid--cinema-tariff) > :nth-child(n + 9) {
    border-bottom: none;
}

.gw-pc-rate-grid__cell--input-only {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gw-pc-rate-grid__cell--input-only .gw-settings-input {
    margin-top: 0;
}

.gw-pc-rate-grid__side {
    flex: 0 1 6.5rem;
    min-width: 5.5rem;
    margin: 0;
    padding: 0.42rem 0.62rem;
    box-sizing: border-box;
    align-self: flex-start;
}

.gw-pc-rate-card__fields--pc-member > .gw-pc-rate-inline-field--round-solo {
    align-self: flex-start;
}

.gw-pc-rate-inline-field-wrap--round > .gw-pc-rate-inline-field--round {
    margin-bottom: 0;
    width: 100%;
}

.gw-pc-rate-inline-field-wrap--round .gw-pc-rate-inline-field__round-mode {
    margin-top: 0;
}

@media (max-width: 720px) {
    .gw-pc-rate-card__fields--inline {
        flex-wrap: wrap;
    }

    .gw-pc-rate-card__fields--inline .gw-pc-rate-inline-field {
        flex: 1 1 calc(50% - 0.4rem);
        min-width: 7.5rem;
    }
}

@media (max-width: 400px) {
    .gw-pc-rate-card__fields--inline .gw-pc-rate-inline-field {
        flex: 1 1 100%;
    }

    .gw-pc-rate-card--head-inline {
        flex-direction: column;
        align-items: stretch;
    }

    .gw-pc-rate-card--head-inline .gw-pc-rate-card__title {
        max-width: none;
        padding-bottom: 0.25rem;
        border-bottom: 1px solid rgba(148, 163, 184, 0.15);
    }
}

.gw-pc-rate-inline-field {
    margin-bottom: 0;
    flex: 1 1 0;
    min-width: 0;
    font-size: 0.72rem;
    display: flex;
    flex-direction: column;
}

.gw-pc-rate-inline-field__caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    line-height: 1.28;
    text-align: center;
    color: #cbd5e1;
}

.gw-pc-rate-inline-field__line {
    display: block;
    width: 100%;
    text-align: center;
}

.gw-pc-rate-inline-field__line--cur {
    white-space: nowrap;
    color: var(--gw-green, #4ade80);
    font-weight: 600;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__cell--input-only > .gw-settings-input,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__cell--input-only > .gw-settings-input,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only > .gw-settings-input {
    width: 100%;
    max-width: 6.85rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0.42rem 0.55rem;
    font-size: 0.86rem;
    line-height: 1.28;
    border-radius: 8px;
}

.gw-pc-rate-inline-field .gw-settings-input {
    margin-top: 0.25rem;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

.gw-pc-rate-inline-field--round .gw-settings-input {
    margin-bottom: 0;
}

.gw-pc-rate-inline-field__round-mode {
    margin-top: 0;
    width: 100%;
    max-width: none;
    min-height: var(--gw-ps-round-select-h, 1.62rem);
    box-sizing: border-box;
    padding: 0.28rem 0.35rem;
    font-size: 0.62rem;
    line-height: 1.2;
}

.gw-pc-rate-grid--member-tariff,
.gw-pc-rate-grid--ps-tariff,
.gw-pc-rate-grid--racing-tariff,
.gw-pc-rate-grid--cinema-tariff {
    align-items: stretch;
}

/* Tarife tabloları: yatay + dikey orta (Bilgisayar, Racing, PS, Ekstra, Sinema) */
.gw-pc-rate-grid--member-tariff > .gw-pc-rate-grid__corner,
.gw-pc-rate-grid--racing-tariff > .gw-pc-rate-grid__corner,
.gw-pc-rate-grid--cinema-tariff > .gw-pc-rate-grid__corner {
    min-height: 2.75rem;
    box-sizing: border-box;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__colhead,
.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__cell--input-only,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__colhead,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__colhead,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__cell--input-only,
.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__colhead,
.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__cell--input-only {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
    align-items: center;
    align-content: center;
    align-self: stretch;
    width: 100%;
    padding: 0.32rem 0.55rem;
    box-sizing: border-box;
    min-height: 2.75rem;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__cell--round-inline,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--round-inline,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__cell--round-inline,
.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__cell--round-inline {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    width: 100%;
    padding: 0.32rem 0.5rem;
    box-sizing: border-box;
    min-height: 2.75rem;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__rowhead,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__rowhead,
.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__rowhead {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    padding: 0.32rem 0.62rem 0.32rem 0;
    min-height: 2.75rem;
    box-sizing: border-box;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__colhead .gw-pc-rate-inline-field__caption,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__colhead .gw-pc-rate-inline-field__caption,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__colhead .gw-pc-rate-inline-field__caption,
.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__colhead .gw-pc-rate-inline-field__caption {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-self: center;
    align-self: center;
    min-height: 0;
    width: auto;
    margin: 0;
    text-align: center;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__cell--input-only > .gw-settings-input,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only > .gw-settings-input,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__cell--input-only > .gw-settings-input,
.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__cell--input-only > .gw-settings-input {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    align-self: center;
    display: block;
    width: 100%;
    max-width: 6.85rem;
    min-width: 0;
    margin: 0;
    padding: 0.42rem 0.55rem;
    font-size: 0.86rem;
    line-height: 1.28;
    border-radius: 8px;
    box-sizing: border-box;
}

.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only:nth-child(7) > .gw-settings-input,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only:nth-child(8) > .gw-settings-input,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only:nth-child(9) > .gw-settings-input {
    max-width: 4.85rem;
}

.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only:nth-child(10) > .gw-settings-input,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only:nth-child(11) > .gw-settings-input {
    max-width: 5.5rem;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__cell--input-only,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--input-only,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__cell--input-only,
.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__cell--input-only {
    align-self: stretch;
}
.gw-pc-rate-grid--member-tariff .gw-pc-rate-inline-field.gw-pc-rate-grid__cell--input-only .gw-settings-input,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-inline-field.gw-pc-rate-grid__cell--input-only .gw-settings-input,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-inline-field.gw-pc-rate-grid__cell--input-only .gw-settings-input,
.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-inline-field.gw-pc-rate-grid__cell--input-only .gw-settings-input {
    margin-top: 0;
    max-width: 6.85rem;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-round-inline-group,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-round-inline-group,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-round-inline-group,
.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-round-inline-group {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 0.3rem;
    flex: 0 0 auto;
    margin: 0;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__cell--round-inline .gw-settings-input,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__cell--round-inline .gw-settings-input,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--round-inline .gw-settings-input,
.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__cell--round-inline .gw-settings-input {
    flex: 0 0 4.25rem;
    width: 4.25rem;
    min-width: 4.25rem;
    max-width: 4.25rem;
    margin-top: 0;
    padding: 0.42rem 0.45rem;
    font-size: 0.86rem;
    line-height: 1.28;
    border-radius: 8px;
    box-sizing: border-box;
}

.gw-pc-rate-grid--member-tariff .gw-pc-rate-grid__cell--round-inline .gw-pc-rate-inline-field__round-mode,
.gw-pc-rate-grid--racing-tariff .gw-pc-rate-grid__cell--round-inline .gw-pc-rate-inline-field__round-mode,
.gw-pc-rate-grid--ps-tariff .gw-pc-rate-grid__cell--round-inline .gw-pc-rate-inline-field__round-mode,
.gw-pc-rate-grid--cinema-tariff .gw-pc-rate-grid__cell--round-inline .gw-pc-rate-inline-field__round-mode {
    flex: 0 0 5.35rem;
    width: 5.35rem;
    min-width: 5.35rem;
    max-width: 5.35rem;
    min-height: 1.62rem;
    margin-top: 0;
    padding: 0.28rem 1.15rem 0.28rem 0.38rem;
    font-size: 0.74rem;
    line-height: 1.2;
    box-sizing: border-box;
}

/* Tapo manuel cihaz adı/IP: hiçbir üst kural pointer-events:none ile kilitlemesin (gw-smart-modal-input). */
.gw-tapo-devices-sheet input.gw-smart-modal-input,
input.gw-smart-modal-input.gw-tapo-device-name,
input.gw-smart-modal-input.gw-tapo-device-ip {
    pointer-events: auto !important;
    user-select: text !important;
    cursor: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
}

/* —— Kameralar (web): tariff cameras[] snapshot ızgarası —— */
.gw-module-head--cameras .gw-cameras-page-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 0.35rem;
}

/* Kameralar: ultra-geniş ekranda sola yapışmayı önle — başlık + dış masalar şeridi + grid aynı orta sütunda */
#gw-view-cameras .gw-module-inner--cameras {
    width: 100%;
    max-width: min(1600px, 82vw);
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(0.65rem, 2.2vw, 1.75rem);
    padding-right: clamp(0.65rem, 2.2vw, 1.75rem);
    box-sizing: border-box;
}

.gw-module-head--cameras .gw-module-title {
    flex: 1 1 auto;
    min-width: 10rem;
    margin: 0;
}

.gw-cameras-refresh-all-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.5rem 0.95rem;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: none;
    color: #f0f9ff;
    cursor: pointer;
    border: 1px solid rgba(56, 189, 248, 0.55);
    border-radius: 10px;
    background: linear-gradient(165deg, rgba(14, 116, 144, 0.55), rgba(8, 47, 73, 0.92));
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.35) inset,
        0 4px 14px rgba(8, 47, 73, 0.45);
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.12s ease,
        background 0.15s ease;
}

.gw-cameras-refresh-all-btn:hover {
    border-color: rgba(125, 211, 252, 0.85);
    background: linear-gradient(165deg, rgba(6, 182, 212, 0.45), rgba(12, 74, 110, 0.95));
    box-shadow:
        0 0 0 1px rgba(125, 211, 252, 0.2) inset,
        0 6px 20px rgba(8, 47, 73, 0.55);
}

.gw-cameras-refresh-all-btn:active {
    transform: translateY(1px);
}

.gw-cameras-refresh-all-btn:focus-visible {
    outline: 2px solid rgba(56, 189, 248, 0.95);
    outline-offset: 3px;
}

.gw-cameras-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 0.5rem;
    position: relative;
    align-items: stretch;
    min-width: 0;
}

@media (max-width: 960px) {
    .gw-cameras-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

#gw-view-cameras:has(.gw-cam-card--expanded) .gw-module-inner--cameras {
    overflow: visible;
}

.gw-cameras-empty {
    color: #94a3b8;
    font-size: 0.95rem;
    max-width: 42rem;
    line-height: 1.45;
}

.gw-cameras-empty--soft {
    margin-bottom: 0.5rem;
    opacity: 0.95;
}

.gw-cameras-unlinked-bar {
    margin: 0.35rem 0 0.65rem;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    overflow: hidden;
    background: rgba(10, 14, 23, 0.45);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.gw-cameras-unlinked-bar__title {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.48rem 0.62rem 0.42rem;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #cbd5e1;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.gw-cameras-unlinked-bar__title i {
    font-size: 0.85rem;
    color: #64748b;
    opacity: 0.9;
}

.gw-cameras-unlinked-bar .gw-cam-desk-strip {
    border-top: none;
}

.gw-cameras-unlinked-bar__chips-host {
    min-width: 0;
}

/* Dış masalar: kompakt tek sıra — kamera kartı chip boyutundan ayrı, hafif / düşük kutu */
.gw-cameras-unlinked-bar .gw-cam-desk-chips-area--hrow {
    gap: 0.45rem;
    padding: 0.45rem 0.55rem 0.52rem;
    background: rgba(2, 6, 23, 0.15);
}

.gw-cameras-unlinked-bar .gw-cam-desk-chips-area--hrow .gw-cam-desk-chip {
    min-width: 0;
    max-width: none;
    width: auto;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0.18rem 0.42rem;
    gap: 0.28rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 10px;
    background: linear-gradient(165deg, rgba(51, 65, 85, 0.35), rgba(15, 23, 42, 0.55));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 2px 10px rgba(0, 0, 0, 0.2);
    font-size: 0.68rem;
}

/* Üst şerit (kameraya bağlı olmayan): grup rengi + yumuşak parlama */
.gw-cameras-unlinked-bar .gw-cam-desk-chips-area--hrow .gw-cam-desk-chip:has(.gw-cam-desk-chip__ico i.fa-flag-checkered) {
    border-color: rgba(251, 191, 36, 0.41);
    box-shadow:
        inset 0 1px 0 rgba(253, 230, 138, 0.08),
        0 0 0 1px rgba(251, 191, 36, 0.08),
        0 4px 16px rgba(245, 158, 11, 0.16);
}

.gw-cameras-unlinked-bar .gw-cam-desk-chips-area--hrow .gw-cam-desk-chip:has(.gw-cam-desk-chip__ico i.fa-brands.fa-playstation) {
    border-color: rgba(200, 75, 255, 0.41);
    box-shadow:
        inset 0 1px 0 rgba(216, 180, 254, 0.08),
        0 0 0 1px rgba(200, 75, 255, 0.09),
        0 4px 16px rgba(200, 75, 255, 0.18);
}

.gw-cameras-unlinked-bar .gw-cam-desk-chips-area--hrow .gw-cam-desk-chip:has(.gw-cam-desk-chip__ico i.fa-solid.fa-computer),
.gw-cameras-unlinked-bar .gw-cam-desk-chips-area--hrow .gw-cam-desk-chip:has(.gw-cam-desk-chip__ico i.fa-solid.fa-display) {
    border-color: rgba(56, 240, 255, 0.38);
    box-shadow:
        inset 0 1px 0 rgba(165, 243, 252, 0.08),
        0 0 0 1px rgba(56, 240, 255, 0.08),
        0 4px 16px rgba(56, 240, 255, 0.14);
}

.gw-cameras-unlinked-bar .gw-cam-desk-chip__ico {
    font-size: 0.78rem;
}

.gw-cameras-unlinked-bar .gw-cam-desk-chip__num {
    font-size: 0.82rem;
}

.gw-cameras-unlinked-bar .gw-cam-desk-chip__st {
    font-size: 0.65rem;
}

.gw-cam-desk-strip {
    padding: 0.32rem 0.48rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #e2e8f0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.99));
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.gw-cam-desk-chips-area {
    --gw-cam-chip-row-h: 2.55rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /* Sabit satır: az masa olsa bile kutu boyutu sağdaki 2×3 ile aynı kalır */
    grid-auto-rows: var(--gw-cam-chip-row-h);
    align-items: stretch;
    align-content: start;
    justify-content: start;
    gap: 8px;
    box-sizing: border-box;
    padding: 8px;
    /* 2 sütun × 3 satır kutu; fazlası dikey kayar */
    height: calc(8px + 8px + 3 * var(--gw-cam-chip-row-h) + 2 * 8px);
    max-height: calc(8px + 8px + 3 * var(--gw-cam-chip-row-h) + 2 * 8px);
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(15, 23, 42, 0.35);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(51, 65, 85, 0.95) rgba(15, 23, 42, 0.65);
}

.gw-cam-desk-chips-area::-webkit-scrollbar {
    width: 5px;
}

.gw-cam-desk-chips-area::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.55);
    border-radius: 4px;
}

.gw-cam-desk-chips-area::-webkit-scrollbar-thumb {
    background: rgba(51, 65, 85, 0.95);
    border-radius: 4px;
}

.gw-cam-desk-chips-area::-webkit-scrollbar-thumb:hover {
    background: rgba(71, 85, 105, 0.98);
}

/* Kameralar üst şerit: masalar soldan sağa tek sıra */
.gw-cam-desk-chips-area--hrow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    height: auto;
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    border-top: none;
    scrollbar-width: thin;
    scrollbar-color: rgba(51, 65, 85, 0.95) rgba(15, 23, 42, 0.45);
}

.gw-cam-desk-chips-area--hrow::-webkit-scrollbar {
    height: 5px;
}

.gw-cam-desk-chips-area--hrow .gw-cam-desk-chip {
    flex: 0 0 auto;
    width: auto;
    min-width: 6.35rem;
    max-width: 9.5rem;
}

.gw-cam-desk-chips {
    display: contents;
}

.gw-cam-desk-chip {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 100%;
    max-height: var(--gw-cam-chip-row-h, 2.55rem);
    align-self: stretch;
    padding: 0.28rem 0.4rem 0.3rem;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(30, 41, 59, 0.65);
    font-size: 0.72rem;
    line-height: 1.2;
    box-shadow: none;
}

.gw-cam-desk-chip__ico {
    flex: 0 0 auto;
    font-size: 1.08rem;
    line-height: 1;
}

/* Üst şerit: keskin çizgili outline ikon + tek ince halo (bulanık neon yok); çerçeve/numara aynı */
.gw-cameras-unlinked-bar .gw-cam-desk-chips-area--hrow .gw-cam-desk-chip .gw-cam-desk-chip__ico i.fa-flag-checkered {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 1.02px var(--gw-station-ico-racing-stroke);
    paint-order: stroke fill;
    text-shadow: none !important;
    filter: drop-shadow(0 0 2px var(--gw-station-ico-racing-drop)) !important;
}

.gw-cameras-unlinked-bar .gw-cam-desk-chips-area--hrow .gw-cam-desk-chip .gw-cam-desk-chip__ico i.fa-brands.fa-playstation {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 1.02px rgba(200, 75, 255, 0.82);
    paint-order: stroke fill;
    text-shadow: none !important;
    filter: drop-shadow(0 0 2px rgba(200, 75, 255, 0.33)) !important;
}

.gw-cameras-unlinked-bar .gw-cam-desk-chips-area--hrow .gw-cam-desk-chip .gw-cam-desk-chip__ico i.fa-solid.fa-computer,
.gw-cameras-unlinked-bar .gw-cam-desk-chips-area--hrow .gw-cam-desk-chip .gw-cam-desk-chip__ico i.fa-solid.fa-display {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 1.02px rgba(56, 240, 255, 0.8);
    paint-order: stroke fill;
    text-shadow: none !important;
    filter: drop-shadow(0 0 2px rgba(56, 240, 255, 0.3)) !important;
}

.gw-cameras-unlinked-bar .gw-cam-desk-chips-area--hrow .gw-cam-desk-chip__num {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    text-shadow: none;
}

.gw-cam-desk-chip__num {
    flex: 0 0 auto;
    font-weight: 800;
    font-size: 0.98rem;
    line-height: 1.1;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    text-shadow: none;
}

.gw-cam-desk-chip__st {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
    color: #94a3b8;
    text-align: right;
    font-size: 0.76rem;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Kameralar chip sağ rozet: süresiz = ∞; yönetici (turuncu) = user-shield — ana panel rozet dili */
.gw-cam-desk-chip__st.gw-cam-desk-chip__st--badge {
    flex: 0 0 auto;
    min-width: 0;
    overflow: visible;
    white-space: normal;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 0;
    line-height: 0;
}

.gw-cam-desk-chip__badge {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.08rem;
    height: 1.08rem;
    border-radius: 0.28rem;
    font-size: 0.56rem;
    line-height: 1;
    flex-shrink: 0;
    background: linear-gradient(165deg, #242933 0%, #1d222c 48%, #161920 100%);
    color: #f1f5f9;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 2px 6px rgba(0, 0, 0, 0.52);
}

.gw-cam-desk-chip__badge i {
    display: block;
    line-height: 1;
}

/* Turuncu chip (yönetici ücretsiz): ana panel .gw-cell-session-badge--admin ile aynı turuncu halo */
.gw-cam-desk-chip__badge--admin {
    font-size: 0.5rem;
    box-shadow:
        0 0 0 2px rgba(251, 146, 60, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 2px 6px rgba(0, 0, 0, 0.52);
}

.gw-cam-desk-chip__badge--timed {
    font-size: 0.54rem;
}

.gw-cam-desk-chip--busy .gw-cam-desk-chip__st {
    color: rgba(240, 253, 244, 0.95);
}

/* Kameralar: bağlı masa chip — dolu = yeşil zemin (Ana panel açık masa ile aynı dil) */
.gw-cam-desk-chip--busy {
    background: linear-gradient(
        162deg,
        rgba(158, 252, 188, 0.66) 0%,
        rgba(94, 235, 148, 0.62) 22%,
        rgba(52, 211, 127, 0.82) 52%,
        rgba(34, 197, 94, 0.96) 82%,
        rgba(10, 120, 78, 1) 100%
    );
    border-color: rgba(52, 211, 127, 0.52);
    box-shadow:
        inset 0 1px 0 rgba(240, 253, 244, 0.42),
        0 0 16px rgba(52, 211, 127, 0.22);
}

.gw-cam-desk-chip--busy.gw-cam-desk-chip--admin {
    background: linear-gradient(
        162deg,
        rgba(255, 228, 198, 0.78) 0%,
        rgba(255, 200, 140, 0.72) 18%,
        rgba(255, 160, 72, 0.9) 48%,
        rgba(255, 120, 28, 0.98) 78%,
        rgba(220, 75, 8, 1) 100%
    );
    border-color: rgba(253, 186, 116, 0.65);
    box-shadow:
        inset 0 1px 0 rgba(255, 251, 243, 0.5),
        0 0 18px rgba(255, 130, 40, 0.28);
}

.gw-cam-desk-chip--busy.gw-cam-desk-chip--pending {
    background: linear-gradient(165deg, #2563eb 0%, #1d4ec4 45%, #152a66 100%);
    border-color: rgba(100, 210, 255, 0.72);
    box-shadow:
        inset 0 0 22px rgba(80, 160, 255, 0.12),
        inset 0 1px 0 rgba(230, 248, 255, 0.2),
        0 2px 10px rgba(0, 0, 0, 0.35);
}

.gw-cam-desk-chip--busy .gw-cam-desk-chip__ico i.fa-brands.fa-playstation {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal;
    filter: drop-shadow(0 0 0.8px rgba(232, 215, 255, 1)) drop-shadow(0 0 3px rgba(200, 130, 255, 0.55))
        drop-shadow(0 0 8px rgba(175, 100, 255, 0.28)) !important;
}

.gw-cam-desk-chip--busy .gw-cam-desk-chip__ico i.fa-flag-checkered {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal;
    filter: drop-shadow(0 0 2px var(--gw-station-ico-racing-drop)) !important;
}

.gw-cam-desk-chip--busy .gw-cam-desk-chip__ico i.fa-solid.fa-computer,
.gw-cam-desk-chip--busy .gw-cam-desk-chip__ico i.fa-solid.fa-display {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-text-stroke: 0 transparent !important;
    paint-order: normal;
    filter: drop-shadow(0 0 2px rgba(56, 240, 255, 0.45)) !important;
}

.gw-camera-tile {
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.95), rgba(15, 23, 42, 0.98));
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 10px;
    overflow: hidden;
    cursor: default;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.gw-camera-tile.gw-cam-card {
    min-width: 0;
    transform: scale(1);
    transform-origin: top left;
    transition: all 0.2s ease-out;
    container-type: inline-size;
    container-name: gwcamtile;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.gw-cam-card__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
    min-height: 0;
}

.gw-cam-card__body::after {
    content: "";
    flex: 1 1 auto;
    min-height: 0;
    order: 99;
}

.gw-cam-card__visual {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

@container gwcamtile (min-width: 300px) {
    .gw-cam-card__body {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: 0.45rem;
        padding: 0 0.2rem 0.2rem;
    }

    .gw-cam-card__body::after {
        display: none;
    }

    .gw-cam-card__visual {
        flex: 1 1 56%;
        min-width: 0;
    }

    .gw-cam-desk-chips-area {
        flex: 1 1 40%;
        min-width: 0;
        height: calc(8px + 8px + 3 * var(--gw-cam-chip-row-h, 2.55rem) + 2 * 8px);
        max-height: calc(8px + 8px + 3 * var(--gw-cam-chip-row-h, 2.55rem) + 2 * 8px);
        border-top: none;
        border-left: 1px solid rgba(148, 163, 184, 0.16);
        align-self: start;
    }

}

.gw-camera-tile.gw-cam-card:not(.gw-cam-card--expanded) .gw-camera-tile__imgwrap {
    cursor: zoom-in;
}

/* Zoom: yalnızca görüntü penceresi — alt mavi/boş alan ve masa şeridi yok */
.gw-camera-tile.gw-cam-card.gw-cam-card--expanded .gw-camera-tile__cap,
.gw-camera-tile.gw-cam-card.gw-cam-card--expanded .gw-cam-desk-strip,
.gw-camera-tile.gw-cam-card.gw-cam-card--expanded .gw-cam-desk-chips-area {
    display: none !important;
}

.gw-camera-tile.gw-cam-card.gw-cam-card--expanded .gw-cam-card__body {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    flex-direction: column !important;
    align-items: stretch;
    gap: 0 !important;
    padding: 0 !important;
}

.gw-camera-tile.gw-cam-card.gw-cam-card--expanded .gw-cam-card__body::after {
    display: none !important;
}

.gw-camera-tile.gw-cam-card.gw-cam-card--expanded .gw-cam-card__visual {
    flex: 0 0 auto !important;
    width: 100%;
    min-height: 0;
}

.gw-camera-tile.gw-cam-card.gw-cam-card--expanded {
    position: relative;
    z-index: 9999;
    align-self: start;
    height: auto;
    overflow: visible;
    transform: scale(2);
    transform-origin: center center;
    box-shadow:
        0 12px 36px rgba(15, 23, 42, 0.5),
        0 4px 14px rgba(0, 0, 0, 0.28);
}

.gw-camera-tile.gw-cam-card.gw-cam-card--origin-left.gw-cam-card--expanded {
    transform-origin: left center;
}

.gw-camera-tile.gw-cam-card.gw-cam-card--origin-right.gw-cam-card--expanded {
    transform-origin: right center;
}

.gw-camera-tile:hover {
    border-color: rgba(148, 163, 184, 0.32);
}

.gw-camera-tile__cap {
    flex-shrink: 0;
    padding: 0.45rem 0.55rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #e2e8f0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.gw-camera-tile__imgwrap {
    position: relative;
    aspect-ratio: 16 / 9;
    background: #0f172a;
    overflow: hidden;
}

@keyframes gw-cam-tile-refresh-glow {
    0%,
    100% {
        outline-color: rgba(56, 189, 248, 0.35);
        box-shadow:
            0 0 0 1px rgba(56, 189, 248, 0.2),
            0 0 14px rgba(56, 189, 248, 0.12);
    }
    50% {
        outline-color: rgba(125, 211, 252, 0.85);
        box-shadow:
            0 0 0 2px rgba(56, 189, 248, 0.45),
            0 0 22px rgba(56, 189, 248, 0.28);
    }
}

.gw-camera-tile.gw-cam-card.gw-cam-card--refreshing {
    outline: 2px solid rgba(56, 189, 248, 0.5);
    outline-offset: 0;
    animation: gw-cam-tile-refresh-glow 0.95s ease-in-out infinite;
}

.gw-camera-tile__error {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem;
    text-align: center;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.35;
    color: #fde68a;
    background: rgba(2, 6, 23, 0.88);
    box-sizing: border-box;
    pointer-events: none;
}

.gw-camera-tile__img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    image-rendering: auto;
}

.gw-camera-tile__error[hidden] {
    display: none !important;
}

/* Ayarlar → Tapo sekmesi: Kamera Ayarları (Tapo sayfası ile aynı cam / cam tonları) */
.gw-settings-section--cameras {
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.gw-cam-field-muted {
    font-weight: 500;
    opacity: 0.78;
}

.gw-cam-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.55rem;
    align-items: center;
}

.gw-cam-btn-secondary {
    background: transparent !important;
    border: 1px solid rgba(148, 163, 184, 0.45) !important;
    color: #e2e8f0 !important;
}

.gw-cam-btn-secondary:hover {
    border-color: rgba(56, 189, 248, 0.55) !important;
    background: rgba(30, 41, 59, 0.55) !important;
}

.gw-cam-list-hint {
    margin-top: 0.9rem !important;
}

#gw-tapo-devices-sheet.gw-tapo-devices-sheet {
    margin-top: 0.75rem;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.gw-cam-ledger.gw-tapo-devices-sheet {
    --gw-cam-col-grid: minmax(5.5rem, 1.1fr) minmax(7rem, 1.25fr) minmax(4.5rem, 0.95fr) minmax(6rem, 1fr) minmax(10.5rem, 1.15fr);
    margin-top: 0.35rem;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

#gw-settings-radio-list-root .gw-settings-radio-acc-item {
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

#gw-settings-radio-list-root .gw-settings-radio-acc-panel {
    background: transparent;
    border-top: none;
}

/* Radyo listesi: başlık sabit, yalnızca satır gövdesi kayar */
#gw-settings-panel-27 .gw-settings-radio-table {
    max-height: none !important;
    overflow: hidden !important;
}

#gw-settings-panel-27 .gw-settings-radio-table-body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* Kayıtlı kameralar — 4 dikey çizgi, kutu içinde ortalı tablo; her hücre 2 satır yüksekliği */
.gw-cam-ledger.gw-tapo-devices-sheet {
    --gw-cam-col-grid: minmax(5.25rem, 1fr) minmax(6.75rem, 1.1fr) minmax(7.5rem, 1.45fr) minmax(5.75rem, 1fr) minmax(9.25rem, 1.05fr);
    --gw-cam-divider: rgba(148, 163, 184, 0.32);
    --gw-cam-cell-lines: 2;
    --gw-cam-cell-lh: 1.35;
    --gw-cam-cell-text: 0.76rem;
    --gw-cam-cell-min-h: calc(0.5rem * 2 + var(--gw-cam-cell-text) * var(--gw-cam-cell-lh) * var(--gw-cam-cell-lines));
}

.gw-cam-ledger__head.gw-tapo-devices-sheet__head,
.gw-cam-ledger .gw-cam-row.gw-tapo-device-row {
    grid-template-columns: var(--gw-cam-col-grid);
    gap: 0;
    width: min(100%, 56rem);
    max-width: 100%;
    margin-inline: auto;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    align-items: stretch !important;
}

.gw-cam-ledger__head.gw-tapo-devices-sheet__head {
    padding-bottom: 0;
    margin-bottom: 0.5rem;
}

.gw-cam-ledger__head > span + span,
.gw-cam-ledger .gw-cam-row > * + * {
    border-left: 1px solid var(--gw-cam-divider);
}

.gw-cam-ledger__head > span,
.gw-cam-ledger .gw-cam-row > * {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.5rem 0.75rem;
    min-width: 0;
    min-height: var(--gw-cam-cell-min-h);
    box-sizing: border-box;
}

.gw-cam-ledger__head > span {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
}

.gw-cam-ledger__head .gw-tapo-devices-sheet__head-actions {
    justify-content: center;
    text-align: center;
}

.gw-cam-ledger .gw-cam-row > .gw-cam-row__actions,
.gw-cam-ledger .gw-cam-row > .gw-tapo-device-row__actions {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center !important;
    align-self: stretch !important;
    justify-content: center !important;
    gap: 0.35rem;
    box-sizing: border-box;
}

.gw-cam-ledger__head .gw-tapo-devices-sheet__head-actions {
    justify-content: center !important;
}

/* .gw-settings-save--inline { align-self: flex-start } — İşlem kutusunda dikey ortala */
.gw-cam-ledger .gw-cam-row__actions .gw-settings-save--inline,
.gw-cam-ledger .gw-cam-row__actions .gw-cam-row__btn {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.gw-cam-ledger .gw-cam-row.gw-tapo-device-row {
    padding: 0;
    margin-bottom: 0.45rem;
    overflow: visible;
}

.gw-cam-row__ph {
    min-height: 0.1px;
}

.gw-cam-ledger .gw-cam-row__name,
.gw-cam-ledger .gw-cam-row__ip,
.gw-cam-row__name,
.gw-cam-row__ip {
    font-size: 0.82rem;
    color: #e2e8f0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.gw-cam-ledger__head > span:nth-child(3) {
    justify-content: center;
    text-align: center;
}

.gw-cam-ledger .gw-cam-row > .gw-cam-row__desks {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    gap: 0;
    width: 100%;
    min-width: 0;
    overflow: hidden !important;
    text-align: left;
}

.gw-cam-ledger .gw-cam-row__desks,
.gw-cam-row__desks {
    font-size: var(--gw-cam-cell-text);
    color: #a5b4fc;
    min-width: 0;
}

.gw-cam-ledger .gw-cam-row__desks-inner,
.gw-cam-row__desks-inner {
    display: grid;
    grid-template-rows: repeat(2, calc(var(--gw-cam-cell-text) * var(--gw-cam-cell-lh)));
    width: max-content;
    max-width: 100%;
    justify-items: start;
}

.gw-cam-ledger.gw-tapo-devices-sheet .gw-cam-row__desks-line,
.gw-cam-row__desks-line {
    display: block !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    text-align: left;
    font-variant-numeric: tabular-nums;
    height: calc(var(--gw-cam-cell-text) * var(--gw-cam-cell-lh));
    max-height: calc(var(--gw-cam-cell-text) * var(--gw-cam-cell-lh));
    line-height: calc(var(--gw-cam-cell-text) * var(--gw-cam-cell-lh));
    font-size: var(--gw-cam-cell-text);
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

.gw-cam-ledger .gw-cam-row__conn,
.gw-cam-row__conn {
    color: #94a3b8;
    font-size: 0.78rem;
    white-space: nowrap;
}

.gw-cam-row__btn {
    font-size: 0.72rem !important;
    padding: 0.28rem 0.45rem !important;
    min-height: 0 !important;
}

.gw-cam-row__btn--del {
    border-color: rgba(251, 113, 133, 0.45) !important;
    color: #fecdd3 !important;
}

/* Kayıtlı üyeler — Bakiye: ortalı başlık; koyu kutu + neon tutar (dosya sonu) */
table#gw-mem-table.gw-mem-table--registered thead th:nth-child(6) {
    text-align: center !important;
    vertical-align: middle !important;
}

table#gw-mem-table.gw-mem-table--registered tbody td:nth-child(6).gw-mem-td-balance {
    text-align: center !important;
    vertical-align: middle !important;
    background: rgba(15, 23, 42, 0.78) !important;
    border-radius: 10px !important;
    border: 1px solid rgba(30, 41, 59, 0.75) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.13 !important;
}

table#gw-mem-table.gw-mem-table--registered tbody td:nth-child(6).gw-mem-td-balance.gw-mem-td-balance--ok {
    color: #00ff00 !important;
    text-shadow: 0 0 7px rgba(0, 255, 0, 0.4) !important;
}

table#gw-mem-table.gw-mem-table--registered tbody td:nth-child(6).gw-mem-td-balance.gw-mem-td-balance--crit {
    color: #ff2b4a !important;
    text-shadow: 0 0 8px rgba(255, 43, 74, 0.45) !important;
}

table#gw-mem-table.gw-mem-table--registered thead th:nth-child(6) .gw-mem-th-sort-btn,
table#gw-mem-table.gw-mem-table--registered thead th:nth-child(6) button[data-gw-mem-sort="balance"] {
    display: block !important;
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Fragman otomatik doldurma — başarı SweetAlert2 */
.swal2-popup.gw-swal-trailer-success {
    padding: 1.35em 1.35em 1.15em;
}

.swal2-popup.gw-swal-trailer-success .gw-swal-trailer-success__title {
    margin: 0;
    padding: 0 0.25em;
    font-size: 1.342em;
    line-height: 1.485;
    letter-spacing: 0.01em;
}

.swal2-popup.gw-swal-trailer-success .gw-swal-trailer-success__html {
    margin: 20px 0 0 !important;
    padding: 0 0.5em !important;
}

.swal2-popup.gw-swal-trailer-success .gw-swal-trailer-success__body {
    margin: 0;
    text-align: center;
    font-size: 1.122rem;
    line-height: 1.78;
    color: rgba(226, 232, 240, 0.96);
    font-weight: 500;
}

.swal2-popup.gw-swal-trailer-success .gw-swal-trailer-success__em {
    font-weight: 800;
    color: #4ade80;
    text-shadow: 0 0 14px rgba(74, 222, 128, 0.28);
}

.swal2-popup.gw-swal-trailer-success .gw-swal-trailer-success__warn {
    margin: 16px auto 0;
    max-width: 28rem;
    padding: 0 0.35rem;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #fecaca;
}

.swal2-popup.gw-swal-trailer-success .gw-swal-trailer-success__link {
    display: inline;
    margin: 0;
    margin-left: 0.2rem;
    padding: 0;
    border: none;
    background: transparent;
    font: inherit;
    font-weight: 800;
    font-size: inherit;
    letter-spacing: inherit;
    color: #fca5a5;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    vertical-align: baseline;
}

.swal2-popup.gw-swal-trailer-success .gw-swal-trailer-success__link:hover {
    color: #fecaca;
}

.swal2-popup.gw-swal-trailer-success button.swal2-confirm.gw-swal-trailer-success__confirm {
    min-width: 9.5rem;
    padding: 0.62em 1.85em !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em;
    transition:
        filter 0.16s ease,
        box-shadow 0.16s ease,
        transform 0.12s ease;
}

.swal2-popup.gw-swal-trailer-success button.swal2-confirm.gw-swal-trailer-success__confirm:hover {
    filter: brightness(1.14);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.1),
        0 0 24px rgba(37, 99, 235, 0.55);
}

.swal2-popup.gw-swal-trailer-success button.swal2-confirm.gw-swal-trailer-success__confirm:active {
    transform: scale(0.98);
}

/* ===== Kilitli kabuk: RADYO + MP3 aynı yükseklik (radyo kurallarına dokunulmaz) ===== */
#gw-radio-dropdown.gw-grid-pc-ctx.gw-radio-dropdown--shell-locked,
#gw-radio-dropdown.gw-radio-dropdown--shell-locked #gw-panel-music-player.gw-gwaudio.gw-gwaudio--dropdown {
    height: var(--gw-radio-dd-shell-locked-px, var(--gw-radio-dd-shell-fixed-h)) !important;
    min-height: var(--gw-radio-dd-shell-locked-px, var(--gw-radio-dd-shell-fixed-h)) !important;
    max-height: var(--gw-radio-dd-shell-locked-px, var(--gw-radio-dd-shell-fixed-h)) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* ===== MP3: 4 satır liste + alt oynatıcı; hub↔liste JS ile radyo ölçümü ===== */
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 > .gw-radio-dropdown__hub-list-gap {
    flex: 0 0 var(--gw-radio-dd-hub-list-gap-block-h, var(--gw-radio-dd-hub-to-list-gap, calc(0.2rem + 4px))) !important;
    min-height: var(--gw-radio-dd-hub-list-gap-block-h, var(--gw-radio-dd-hub-to-list-gap, calc(0.2rem + 4px))) !important;
    max-height: var(--gw-radio-dd-hub-list-gap-block-h, var(--gw-radio-dd-hub-to-list-gap, calc(0.2rem + 4px))) !important;
    height: var(--gw-radio-dd-hub-list-gap-block-h, var(--gw-radio-dd-hub-to-list-gap, calc(0.2rem + 4px))) !important;
    display: block !important;
    visibility: visible !important;
    overflow: hidden !important;
}

#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 > .gw-radio-dropdown__scroll {
    flex: 1 1 auto !important;
    min-height: var(--gw-radio-stations-scroll-viewport-h) !important;
    max-height: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    border: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 > .gw-radio-dropdown__scroll > #gw-panel-music-mp3-rail.gw-panel-music-player__mp3-rail:not([hidden]) {
    flex: 0 0 auto !important;
    min-height: var(--gw-radio-stations-scroll-viewport-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    overflow: hidden !important;
}

#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 .gw-panel-music-mp3-rail__stack,
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 .gw-panel-music-mp3-stations-wrap,
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 .gw-radio-dropdown__stations-scroll,
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 .gw-panel-music-mp3-list {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}

#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 .gw-panel-music-mp3-rail__stack,
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 .gw-panel-music-mp3-stations-wrap[data-gw-radio-hub="1"] {
    flex: 0 0 auto !important;
    overflow: hidden !important;
}

#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 .gw-panel-music-mp3-stations-wrap[data-gw-radio-hub="1"] {
    gap: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* MP3: hub↔liste boşluğu yalnızca hub-list-gap’te (radyo ölçümü); liste üst payı yok */
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 .gw-radio-dropdown__stations-scroll {
    --gw-radio-stations-scroll-padding-top: 0px;
    --gw-radio-stations-scroll-visible-rows: 4;
    --gw-radio-stations-scroll-rows-h: calc(
        var(--gw-radio-stations-scroll-visible-rows) * var(--gw-radio-station-row-h) +
            (var(--gw-radio-stations-scroll-visible-rows) - 1) * var(--gw-radio-stations-scroll-row-gap-y)
    );
    --gw-radio-stations-scroll-padding-bottom: 1px;
    --gw-radio-stations-scroll-viewport-h: calc(
        var(--gw-radio-stations-scroll-rows-h) + var(--gw-radio-stations-scroll-padding-bottom, 1px)
    );
    flex: 0 0 auto !important;
    min-height: var(--gw-radio-stations-scroll-viewport-h) !important;
    max-height: var(--gw-radio-stations-scroll-viewport-h) !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: var(--gw-radio-stations-scroll-padding-bottom, 1px) !important;
    height: var(--gw-radio-stations-scroll-viewport-h) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    contain: paint !important;
    scroll-padding-bottom: 0 !important;
}

#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 .gw-panel-music-mp3-list {
    max-height: none !important;
    overflow: visible !important;
}

#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 .gw-panel-music-mp3-list,
#gw-radio-dropdown #gw-panel-music-player.gw-panel-music-player--tab-mp3 .gw-panel-music-mp3-list > .gw-panel-music-mp3-row:first-child {
    margin-top: 0 !important;
}

/* Gizli file input — hub'daki Dosya seç / Klasör Ekle yeterli */
#gw-radio-dropdown #gw-panel-music-player .gw-panel-music-player__file-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
}

/* Qt masaüstü kabuğu (panel_qt_shell.py): WebEngine metin/ızgara netliği */
html.gw-qt-panel-shell {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

html.gw-qt-panel-shell body.gw-panel {
    -webkit-font-smoothing: antialiased;
}

/* Masa kutuları, sekmeler, araç çubuğu: parmak; panel geneli ok */
body.gw-panel .gw-cell,
body.gw-panel .gw-topnav__item,
body.gw-panel .gw-pc-type-tab,
body.gw-panel .gw-topnav--editor .gw-gm-editor-tab,
body.gw-panel .gw-pc-toolbar__btn,
body.gw-panel .gw-pc-toolbar .gw-live-cashier__sound {
    cursor: pointer;
}

body.gw-panel input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
body.gw-panel textarea,
body.gw-panel select,
body.gw-panel [contenteditable="true"] {
    cursor: text !important;
}

body.gw-panel :disabled,
body.gw-panel [disabled] {
    cursor: not-allowed !important;
}

/* Ayarlar: açılır liste, onay kutusu, sayı alanları — parmak (global text imleci geçersiz) */
#gw-view-settings .gw-settings-select,
#gw-view-settings select.gw-settings-select,
#gw-view-settings .gw-settings-field--check,
#gw-view-settings .gw-settings-field--check input[type="checkbox"],
#gw-view-settings .gw-settings-field--check input[type="radio"],
#gw-view-settings input.gw-settings-input[type="number"],
#gw-view-settings .gw-settings-input--narrow,
#gw-view-settings .gw-settings-num-stepper .gw-settings-input,
#gw-view-settings .gw-settings-nav__btn,
#gw-view-settings .gw-settings-nav__tree-row-meta,
#gw-view-settings .gw-settings-nav__tree-caretbtn,
#gw-view-settings .gw-session-subtabs__btn {
    cursor: pointer !important;
}

#gw-view-settings :disabled,
#gw-view-settings [disabled] {
    cursor: not-allowed !important;
}

/* Ekstra tarife (Kutu Oyunları vb.) — üst ayar kartı */
.gw-extra-tariff-setup__menu {
    margin-top: 0.65rem;
    max-width: 18rem;
}

.gw-extra-tariff-setup__menu .gw-settings-input {
    max-width: 18rem;
}

.gw-extra-tariff-rules-section {
    margin-top: 0.35rem;
}

.gw-extra-tariff-rules-section .gw-extra-tariff-setup__rules {
    max-width: 34rem;
}

.gw-extra-tariff-setup__rules {
    margin: 0;
    padding: 0.85rem 0.95rem 0.95rem;
    border: 1px solid rgba(56, 189, 248, 0.22);
    border-radius: 10px;
    background: rgba(8, 12, 18, 0.55);
}

.gw-extra-tariff-setup__legend {
    padding: 0 0.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #67e8f9;
}

.gw-extra-tariff-setup__rules .gw-extra-pricing-mode-field {
    margin: 0 0 0.85rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    max-width: none;
}

.gw-extra-tariff-hourly-field--in-rules {
    margin: 0 0 0.85rem;
}

/* PS: masa saati satırı tik + tutar */
.gw-cinema-alt-masa-field.gw-cinema-alt-masa-field--ps {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin: 0;
    padding-top: 0.15rem;
}

.gw-cinema-alt-masa-field.gw-cinema-alt-masa-field--ps .gw-cinema-alt-masa-check {
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.gw-cinema-alt-masa-field.gw-cinema-alt-masa-field--ps #gw-cinema-alt-hourly-rate {
    max-width: 11rem;
    margin-left: 1.85rem;
}

.gw-cinema-alt-masa-plain-label {
    display: block;
    margin-bottom: 0.35rem;
}

.gw-extra-tariff-setup__rules .gw-extra-pricing-mode-field span strong {
    display: block;
    margin-bottom: 0.2rem;
    font-weight: 650;
    color: var(--gw-text);
}

.gw-extra-tariff-setup__rules .gw-extra-pricing-mode-field span small {
    display: block;
    font-size: 0.82rem;
    font-weight: 450;
    line-height: 1.45;
    color: var(--gw-muted);
}

.gw-extra-tariff-time-round {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.gw-extra-tariff-time-round__head {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.gw-extra-tariff-time-round__sub {
    font-size: 0.82rem;
    font-weight: 450;
    line-height: 1.4;
    color: var(--gw-muted);
}

.gw-extra-tariff-time-round__row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.65rem;
}

.gw-extra-tariff-time-round__field {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
    min-width: 7.5rem;
}

.gw-extra-tariff-time-round__field-label {
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #94a3b8;
}

.gw-extra-tariff-time-round__field .gw-settings-select {
    width: 100%;
    min-width: 7.5rem;
    max-width: 9.5rem;
}

.gw-extra-tariff-time-round.is-off .gw-extra-tariff-time-round__mode {
    opacity: 0.55;
}

.gw-extra-tariff-min-play {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding-top: 0.75rem;
    margin-top: 0.15rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.gw-extra-tariff-min-play.is-off .gw-extra-tariff-min-play__charge input {
    opacity: 0.55;
}

.gw-extra-tariff-min-play__charge .gw-settings-input {
    width: 100%;
    min-width: 7.5rem;
    max-width: 9.5rem;
}

.gw-extra-tariff-time-round__hint {
    margin: 0;
    padding: 0.45rem 0.55rem;
    font-size: 0.82rem;
    font-weight: 450;
    line-height: 1.45;
    color: #cbd5e1;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.65);
    border-left: 3px solid rgba(56, 189, 248, 0.45);
}

.gw-extra-tariff-rates-hint {
    margin: 0.65rem 0 0;
    max-width: 36rem;
    font-size: 0.82rem;
    font-weight: 450;
    line-height: 1.48;
    color: var(--gw-muted);
}

.gw-extra-tariff-rates-hint strong {
    color: #e2e8f0;
    font-weight: 600;
}

.gw-extra-tariff-rates-hint em {
    font-style: normal;
    color: #94e2ff;
}

.gw-extra-tariff-rates {
    margin-top: 0.25rem;
}

.gw-extra-tariff-hourly-field {
    max-width: 14rem;
}

.gw-extra-tariff-hourly-field .gw-settings-input {
    max-width: 14rem;
}

.gw-extra-tariff-hourly-field--in-rules {
    max-width: none;
}

.gw-extra-tariff-hourly-field--in-rules .gw-settings-input {
    max-width: 14rem;
}

#gw-cinema-alt-hourly-field-wrap[hidden] {
    display: none !important;
}

/* —— Sinema oda şablonu (4 ön + 4 arka koltuk) —— */
.gw-cinema-room-section__title {
    margin: 0 0 0.35rem;
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.gw-cinema-room-section__hint {
    margin-bottom: 0.85rem;
}

.gw-cinema-room-section__pan-hint {
    margin: -0.35rem 0 0.65rem;
    font-size: 0.76rem;
    color: rgba(148, 163, 184, 0.88);
}

.gw-cinema-room-section {
    overflow: visible;
    max-width: 100%;
    min-width: 0;
}

.gw-cinema-room-section #gw-cinema-room-host {
    margin-inline: auto;
}

.gw-cinema-room {
    --gw-cinema-seat-fill: #6f9348;
    --gw-cinema-seat-fill-dark: #4f6d32;
    --gw-cinema-screen-bg: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    --gw-cinema-seat-col: 5.5rem;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border-radius: 0.85rem;
    background: radial-gradient(ellipse 120% 80% at 50% 0%, rgba(30, 41, 59, 0.35), transparent 55%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.55), rgba(15, 23, 42, 0.25));
    border: 1px solid rgba(148, 163, 184, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gw-cinema-room.is-scrollable {
    width: 100%;
    max-width: 100%;
}

.gw-cinema-room__chrome {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 0.35rem;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    padding: 0.35rem 0.45rem 0;
    box-sizing: border-box;
}

.gw-cinema-room.is-scrollable .gw-cinema-room__chrome {
    width: 100%;
    justify-content: stretch;
}

.gw-cinema-room__chrome.is-scrollable {
    padding-bottom: 0;
}

.gw-cinema-room__nav {
    flex: 0 0 2rem;
    align-self: center;
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    border-radius: 999px;
    border: 1px solid rgba(100, 116, 139, 0.35);
    background: rgba(15, 23, 42, 0.72);
    color: rgba(226, 232, 240, 0.92);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.12);
}

.gw-cinema-room__nav:hover:not(:disabled) {
    border-color: rgba(125, 211, 252, 0.55);
    background: rgba(14, 116, 144, 0.28);
}

.gw-cinema-room__nav:disabled {
    opacity: 0.35;
    cursor: default;
}

.gw-cinema-room__nav[hidden] {
    display: none !important;
}

.gw-cinema-room__viewport {
    flex: 0 1 auto;
    min-width: 0;
    width: auto;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.55) rgba(15, 23, 42, 0.45);
    -webkit-overflow-scrolling: touch;
}

.gw-cinema-room.is-scrollable .gw-cinema-room__viewport {
    flex: 1 1 auto;
    width: 100%;
}

.gw-cinema-room__viewport::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.gw-cinema-room__viewport::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.45);
    border-radius: 999px;
}

.gw-cinema-room__viewport::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.55);
    border-radius: 999px;
    border: 2px solid rgba(15, 23, 42, 0.45);
}

.gw-cinema-room__viewport::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.78);
}

.gw-cinema-room__inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: max-content;
    max-width: 100%;
    padding: 0.55rem 0.65rem 0.65rem;
    box-sizing: border-box;
    margin-inline: auto;
}

.gw-cinema-room__hbar {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    padding: 0.35rem 0.85rem 0.55rem;
    box-sizing: border-box;
}

.gw-cinema-room__hbar[hidden] {
    display: none !important;
}

.gw-cinema-room__hbar-track {
    position: relative;
    height: 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(100, 116, 139, 0.28);
    cursor: pointer;
}

.gw-cinema-room__hbar-thumb {
    position: absolute;
    left: 0;
    top: 1px;
    height: 8px;
    min-width: 36px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.62);
    cursor: grab;
    box-shadow: 0 0 8px rgba(56, 189, 248, 0.18);
}

.gw-cinema-room__hbar-thumb.is-dragging {
    cursor: grabbing;
    background: rgba(125, 211, 252, 0.85);
}

.gw-cinema-room__screen {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-height: 1.65rem;
    width: 100%;
    margin: 0 0 0.9rem;
    padding: 0.35rem 0.75rem;
    border-radius: 0.35rem;
    background: var(--gw-cinema-screen-bg);
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: 0 0.35rem 1.1rem rgba(0, 0, 0, 0.35);
    box-sizing: border-box;
}

.gw-cinema-room__screen span {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.28em;
    color: rgba(226, 232, 240, 0.72);
}

.gw-cinema-room__rows {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    width: max-content;
    max-width: 100%;
}

.gw-cinema-room__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.55rem;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.gw-cinema-room__row-label {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.85);
    text-align: left;
    flex: 0 0 4.5rem;
    min-width: 4.5rem;
    max-width: 4.5rem;
    align-self: center;
}

.gw-cinema-room__seats {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.7rem;
    flex: 0 0 auto;
}

.gw-cinema-seat {
    direction: ltr;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.32rem;
    margin: 0;
    padding: 0.45rem 0.35rem 0.55rem;
    border-radius: 0.55rem;
    border: 1px solid transparent;
    background: rgba(15, 23, 42, 0.22);
    width: var(--gw-cinema-seat-col);
    min-width: var(--gw-cinema-seat-col);
    flex-shrink: 0;
    box-sizing: border-box;
    overflow: visible;
    cursor: default;
}

.gw-cinema-seat:focus-within {
    border-color: rgba(56, 189, 248, 0.45);
    background: rgba(14, 116, 144, 0.12);
}

.gw-cinema-seat__chair {
    position: relative;
    width: 3.5rem;
    height: 3.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gw-cinema-seat__svg {
    width: 100%;
    height: 100%;
    display: block;
}

.gw-cinema-seat__back {
    fill: var(--gw-cinema-seat-fill-dark);
}

.gw-cinema-seat__cushion,
.gw-cinema-seat__arm {
    fill: var(--gw-cinema-seat-fill);
}

.gw-cinema-seat__num {
    position: absolute;
    left: 50%;
    top: 58%;
    transform: translate(-50%, -50%);
    font-size: 0.72rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.92);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    pointer-events: none;
}

.gw-cinema-seat__caption {
    font-size: 0.68rem;
    font-weight: 600;
    color: rgba(226, 232, 240, 0.88);
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gw-cinema-seat__rate {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.18rem;
    width: 100%;
}

.gw-cinema-seat__input {
    width: 100%;
    max-width: 4.75rem;
    min-width: 0;
    flex-shrink: 0;
    padding: 0.28rem 0.35rem;
    font-size: 0.78rem;
    text-align: center;
    cursor: text;
    box-sizing: border-box;
}

.gw-cinema-seat__cur {
    font-size: 0.64rem;
    color: rgba(148, 163, 184, 0.92);
    white-space: nowrap;
    line-height: 1;
    text-align: center;
}

.gw-cinema-room-section .gw-cinema-seat:focus-within {
    border-color: rgba(56, 189, 248, 0.45);
    background: rgba(14, 116, 144, 0.12);
}

@media (max-width: 520px) {
    .gw-cinema-room {
        --gw-cinema-seat-col: 4.85rem;
    }

    .gw-cinema-room__seats {
        gap: 0.4rem 0.5rem;
    }

    .gw-cinema-seat__chair {
        width: 3rem;
        height: 3.25rem;
    }

    .gw-cinema-seat__input {
        font-size: 0.72rem;
    }

    .gw-cinema-seat__cur {
        font-size: 0.6rem;
    }
}

.gw-cinema-layout-editor {
    margin: 0.65rem 0 0.85rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.55rem;
    background: rgba(15, 23, 42, 0.35);
}

.gw-cinema-layout-editor__summary {
    cursor: pointer;
    font-weight: 600;
    color: rgba(226, 232, 240, 0.95);
    list-style: none;
}

.gw-cinema-layout-editor__summary::-webkit-details-marker {
    display: none;
}

.gw-cinema-layout-editor__hint {
    margin: 0.45rem 0 0.65rem;
    font-size: 0.82rem;
}

.gw-cinema-layout-editor__rows {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.gw-cinema-layout-editor__row {
    display: grid;
    grid-template-columns: minmax(5.5rem, 7rem) 1fr auto;
    gap: 0.45rem;
    align-items: end;
}

.gw-cinema-layout-editor__field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.78rem;
    color: rgba(203, 213, 225, 0.9);
}

.gw-cinema-layout-editor__field--seats {
    min-width: 0;
}

.gw-cinema-layout-editor__rm {
    min-width: 2rem;
    padding: 0.35rem 0.5rem;
    line-height: 1;
}

.gw-cinema-layout-editor__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

#gw-modal-cinema-seats.gw-modal,
.gw-modal.gw-modal--cinema-seats {
    max-width: min(44rem, calc(100vw - 1rem));
    width: min(44rem, calc(100vw - 1rem));
}

#gw-modal-cinema-seats .gw-modal__box {
    max-width: none;
    width: 100%;
    overflow: visible;
    box-sizing: border-box;
}

.gw-cinema-seats-modal__room-host {
    display: block !important;
    width: 100%;
    max-width: 100%;
    margin: 0.35rem 0 0.15rem;
    padding: 0 0.15rem;
    border: none;
    background: transparent;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.55) rgba(15, 23, 42, 0.45);
}

.gw-cinema-seats-modal__room-host::-webkit-scrollbar {
    height: 8px;
}

.gw-cinema-seats-modal__room-host::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.55);
    border-radius: 999px;
}

#gw-modal-cinema-seats .gw-cinema-room--modal-pick {
    --gw-cinema-seat-col: 4.35rem;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: visible;
}

#gw-modal-cinema-seats .gw-cinema-room__inner--modal-pick {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    width: max-content;
    max-width: 100%;
    padding: 0.35rem 0.25rem 0.55rem;
    box-sizing: border-box;
}

#gw-modal-cinema-seats .gw-cinema-room__rows {
    width: max-content;
    max-width: 100%;
    align-items: stretch;
}

#gw-modal-cinema-seats .gw-cinema-room__row {
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
    gap: 0.35rem;
}

#gw-modal-cinema-seats .gw-cinema-room__seats {
    gap: 0.4rem;
    flex: 0 0 auto;
    justify-content: flex-start;
}

#gw-modal-cinema-seats .gw-cinema-seat--pick {
    width: var(--gw-cinema-seat-col);
    min-width: 0;
    flex: 1 1 0;
    max-width: 5.25rem;
    flex-shrink: 1;
    padding: 0.28rem 0.12rem 0.38rem;
}

#gw-modal-cinema-seats .gw-cinema-seat--pick .gw-cinema-seat__chair {
    width: 2.55rem;
    height: 2.75rem;
}

#gw-modal-cinema-seats .gw-cinema-seat--pick .gw-cinema-seat__caption {
    font-size: 0.58rem;
}

#gw-modal-cinema-seats .gw-cinema-seat--pick .gw-cinema-seat__rate {
    font-size: 0.6rem;
}

.gw-cinema-room--modal-pick {
    --gw-cinema-seat-col: 4.75rem;
    width: max-content;
    max-width: none;
    margin: 0 auto;
    overflow: visible;
}

.gw-cinema-room__inner--modal-pick {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    width: max-content;
    max-width: none;
    padding: 0.35rem 0.5rem 0.55rem;
    box-sizing: border-box;
}

.gw-cinema-seat--pick {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    padding: 0.35rem 0.25rem 0.45rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.65rem;
    background: rgba(15, 23, 42, 0.55);
    color: inherit;
    cursor: pointer;
    text-align: center;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.12s ease;
}

.gw-cinema-seat--pick:hover {
    border-color: rgba(56, 189, 248, 0.45);
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.18);
}

.gw-cinema-seat--pick.is-selected {
    border-color: rgba(56, 189, 248, 0.55);
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.22);
}

.gw-cinema-room--modal-film-pick .gw-cinema-seat--pick.is-selected {
    border-color: rgba(74, 222, 128, 0.72);
    background: rgba(22, 101, 52, 0.42);
    box-shadow: 0 0 0 1px rgba(74, 222, 128, 0.35);
}

.gw-cinema-seats-modal__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.gw-cinema-seats-modal__footer[hidden] {
    display: none !important;
}

.gw-cinema-seats-modal__total {
    font-size: 0.95rem;
    font-weight: 600;
    color: #e2e8f0;
}

#gw-cinema-seats-confirm:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.gw-cinema-seat--pick.is-active {
    border-color: rgba(59, 130, 246, 0.95);
    background: rgba(37, 99, 235, 0.22);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.35);
}

/* Çocuklar tıklamayı çalmasın — her zaman buton hedef alınsın */
#gw-modal-cinema-seats .gw-cinema-seat--pick > * {
    pointer-events: none;
}

/* Ayarlar paneli focus-within teal’i modal seçimde seçili/yeşil durumu bozmasın */
#gw-modal-cinema-seats .gw-cinema-seat.gw-cinema-seat--pick:focus-within {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.55);
}

#gw-modal-cinema-seats .gw-cinema-room--modal-film-pick .gw-cinema-seat--pick.is-selected:focus-within {
    border-color: rgba(74, 222, 128, 0.72);
    background: rgba(22, 101, 52, 0.42);
    box-shadow: 0 0 0 1px rgba(74, 222, 128, 0.35);
}

#gw-modal-cinema-seats .gw-cinema-seat--pick.is-active:focus-within {
    border-color: rgba(59, 130, 246, 0.95);
    background: rgba(37, 99, 235, 0.22);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.35);
}

/* Sol panel PS kol: aktif durum odaktan bozulmasın */
.gw-ps-kol-btn.is-active:focus,
.gw-ps-kol-btn.is-active:focus-visible {
    background: linear-gradient(180deg, #2563eb, var(--gw-panel-blue));
    border-color: #3b82f6;
    color: #fff;
    outline: none;
}

.gw-ps-kol-btn:focus-visible:not(.is-active) {
    outline: 2px solid rgba(56, 189, 248, 0.45);
    outline-offset: 2px;
}

/* Otomatik :focus seçili/yeşil durumu ezmesin; yalnızca klavye için outline */
#gw-modal-cinema-seats .gw-cinema-seat--pick:focus {
    outline: none;
}

#gw-modal-cinema-seats .gw-cinema-seat--pick:focus-visible {
    outline: 2px solid rgba(56, 189, 248, 0.55);
    outline-offset: 2px;
}

#gw-modal-cinema-seats .gw-cinema-room--modal-film-pick .gw-cinema-seat--pick.is-selected:focus,
#gw-modal-cinema-seats .gw-cinema-room--modal-film-pick .gw-cinema-seat--pick.is-selected:focus-within {
    border-color: rgba(74, 222, 128, 0.72);
    background: rgba(22, 101, 52, 0.42);
    box-shadow: 0 0 0 1px rgba(74, 222, 128, 0.35);
}

#gw-modal-cinema-seats .gw-cinema-seat--pick.is-active:focus,
#gw-modal-cinema-seats .gw-cinema-seat--pick.is-active:focus-within {
    border-color: rgba(59, 130, 246, 0.95);
    background: rgba(37, 99, 235, 0.22);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.35);
}

/* Tarife seçim modalları: açılışta ilk seçenek mavi «seçili» görünmesin */
#gw-modal-psvip-kol .gw-modal__btn--ghost:focus,
#gw-modal-extra-players .gw-modal__btn--ghost:focus,
#gw-modal-cinema-room-mode .gw-modal__btn--ghost:focus,
#gw-modal-customer-type .gw-modal__btn--ghost:focus {
    outline: none;
    box-shadow: none;
    filter: none;
}

#gw-modal-psvip-kol .gw-modal__btn--ghost:focus-visible,
#gw-modal-extra-players .gw-modal__btn--ghost:focus-visible,
#gw-modal-cinema-room-mode .gw-modal__btn--ghost:focus-visible,
#gw-modal-customer-type .gw-modal__btn--ghost:focus-visible {
    outline: 2px solid rgba(56, 189, 248, 0.45);
    outline-offset: 2px;
}

.gw-cinema-seat--pick .gw-cinema-seat__rate {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.15rem;
    margin-top: 0.15rem;
    font-size: 0.72rem;
    color: rgba(203, 213, 225, 0.92);
}

.gw-cinema-seat--pick .gw-cinema-seat__price {
    font-variant-numeric: tabular-nums;
}

.gw-cinema-seat--pick .gw-cinema-seat__input {
    display: none;
}