/* =========================================================
   AKILLI BARKOD SİSTEMİ - ANA TEMA
   ========================================================= */

:root {
    --bg: #050914;
    --bg-secondary: #080d1a;
    --panel: #0b1120;
    --panel-soft: #0e1526;

    --border: rgba(148, 163, 184, 0.16);
    --border-strong: rgba(148, 163, 184, 0.25);

    --text: #f8fafc;
    --text-soft: #aab2c0;
    --text-muted: #6f7a8d;

    --purple: #c026d3;
    --violet: #7c3aed;
    --blue: #1647f5;
    --green: #00e89d;

    --sidebar-width: 204px;

    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 16px;

    --transition: 0.22s ease;
}


/* =========================================================
   RESET
   ========================================================= */

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    min-height: 100%;
}

body {
    min-height: 100vh;
    background:
        radial-gradient(
            circle at 70% 10%,
            rgba(30, 64, 175, 0.08),
            transparent 30%
        ),
        var(--bg);

    color: var(--text);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

a {
    color: inherit;
    text-decoration: none;
}


/* =========================================================
   ANA UYGULAMA
   ========================================================= */

.app-shell {
    min-height: 100vh;
}

.app-main {
    min-height: 100vh;
    margin-left: var(--sidebar-width);
    transition: margin-left var(--transition);
}

.app-content {
    padding: 20px 22px 32px;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.sidebar {
    position: fixed;
    z-index: 1000;

    top: 0;
    left: 0;
    bottom: 0;

    width: var(--sidebar-width);

    display: flex;
    flex-direction: column;

    background:
        linear-gradient(
            180deg,
            rgba(4, 8, 20, 0.99),
            rgba(5, 9, 20, 0.97)
        );

    border-right: 1px solid var(--border);

    transition: width var(--transition);
}

.sidebar-logo {
    height: 100px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-icon {
    position: relative;

    width: 66px;
    height: 58px;
}

.logo-icon::before {
    content: "";

    position: absolute;

    left: 14px;
    top: 11px;

    width: 36px;
    height: 36px;

    background:
        repeating-linear-gradient(
            90deg,
            #d620e6 0 3px,
            transparent 3px 6px
        );
}

.logo-icon::after {
    content: "";

    position: absolute;
    inset: 3px;

    border:
        3px solid transparent;

    border-left-color: #db22e7;
    border-right-color: #6b45ff;
}

.sidebar-nav {
    padding: 12px 16px;

    display: flex;
    flex-direction: column;

    gap: 9px;
}

.nav-item {
    position: relative;

    min-height: 56px;

    display: flex;
    align-items: center;

    gap: 14px;

    padding: 0 15px;

    border: 1px solid transparent;
    border-radius: 9px;

    color: #e3e7ef;

    transition:
        background var(--transition),
        border-color var(--transition),
        transform var(--transition);
}

.nav-item:hover {
    background: rgba(255, 255, 255, 0.045);
    border-color: var(--border);
}

.nav-item.active {
    background:
        linear-gradient(
            110deg,
            #bd20d1 0%,
            #7628e8 48%,
            #1647f5 100%
        );

    border-color: rgba(255, 255, 255, 0.15);

    box-shadow:
        0 10px 28px rgba(37, 50, 220, 0.22);
}

.nav-icon {
    width: 23px;
    height: 23px;

    flex: 0 0 23px;
}

.nav-icon svg {
    width: 100%;
    height: 100%;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.nav-text {
    font-size: 15px;
    white-space: nowrap;
}

.sidebar-collapse {
    margin: auto auto 22px;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid var(--border);
    border-radius: 50%;

    background: #0a1020;
    color: #e7ebf2;

    cursor: pointer;

    transition:
        background var(--transition),
        border-color var(--transition);
}

.sidebar-collapse:hover {
    background: #111a2d;
    border-color: var(--border-strong);
}


/* =========================================================
   TOPBAR
   ========================================================= */

.topbar {
    min-height: 96px;

    padding: 19px 28px 15px;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 24px;

    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.topbar-left {
    display: flex;
    align-items: flex-start;

    gap: 18px;
}

.page-heading h1 {
    margin: 0;

    font-size: 27px;
    line-height: 1.2;

    font-weight: 700;
    letter-spacing: -0.5px;
}

.page-heading p {
    margin: 6px 0 0;

    color: var(--text-soft);

    font-size: 14px;
}

.system-status {
    margin-top: 2px;

    min-height: 31px;

    display: flex;
    align-items: center;

    gap: 8px;

    padding: 0 12px;

    border: 1px solid rgba(0, 232, 157, 0.25);
    border-radius: 8px;

    color: var(--green);

    background: rgba(0, 232, 157, 0.025);

    font-size: 13px;
}

.status-dot {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: var(--green);

    box-shadow:
        0 0 12px rgba(0, 232, 157, 0.6);
}

.topbar-right {
    display: flex;
    align-items: center;

    gap: 12px;
}


/* =========================================================
   DİL SEÇİCİ
   ========================================================= */

.language-button {
    height: 44px;

    display: flex;
    align-items: center;

    gap: 8px;

    padding: 0 13px;

    border: 1px solid var(--border);
    border-radius: 10px;

    background: rgba(10, 16, 31, 0.75);

    color: var(--text);

    cursor: pointer;
}

.language-button:hover {
    border-color: var(--border-strong);
}


/* =========================================================
   KULLANICI MENÜSÜ
   ========================================================= */

.user-button {
    min-height: 50px;

    display: flex;
    align-items: center;

    gap: 11px;

    padding: 4px 10px 4px 5px;

    border: 0;

    background: transparent;
    color: var(--text);

    cursor: pointer;
}

.user-avatar {
    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;
}

.user-avatar svg {
    width: 25px;
    height: 25px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.user-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 100px;
}

.user-info strong {
    font-size: 14px;
    font-weight: 600;
}

.user-info small {
    margin-top: 3px;

    color: var(--text-soft);

    font-size: 12px;
}

.user-arrow {
    margin-left: 2px;

    color: var(--text-soft);

    font-size: 18px;
}


/* =========================================================
   ORTAK PANEL / KART ALTYAPISI
   ========================================================= */

.panel {
    background:
        linear-gradient(
            145deg,
            rgba(12, 18, 34, 0.96),
            rgba(8, 14, 27, 0.96)
        );

    border: 1px solid var(--border);

    border-radius: var(--radius);

    box-shadow:
        0 14px 35px rgba(0, 0, 0, 0.15);
}

.panel-header {
    padding: 17px 20px;

    border-bottom: 1px solid var(--border);
}

.panel-body {
    padding: 20px;
}


/* =========================================================
   FORM ALTYAPISI
   ========================================================= */

.form-control {
    width: 100%;
    min-height: 48px;

    padding: 0 14px;

    border: 1px solid var(--border-strong);
    border-radius: var(--radius-sm);

    outline: none;

    background: rgba(6, 11, 23, 0.85);

    color: var(--text);

    transition:
        border-color var(--transition),
        box-shadow var(--transition);
}

.form-control::placeholder {
    color: #778196;
}

.form-control:focus {
    border-color: #6948ff;

    box-shadow:
        0 0 0 3px rgba(105, 72, 255, 0.10);
}


/* =========================================================
   ORTAK BUTON
   ========================================================= */

.btn-primary {
    min-height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 20px;

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--radius-sm);

    background:
        linear-gradient(
            100deg,
            #c323ce,
            #7628e8 48%,
            #1647f5
        );

    color: #fff;

    font-weight: 600;

    cursor: pointer;

    transition:
        transform var(--transition),
        filter var(--transition);
}

.btn-primary:hover {
    filter: brightness(1.08);
}

.btn-primary:active {
    transform: translateY(1px);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    :root {
        --sidebar-width: 76px;
    }

    .sidebar-logo {
        height: 82px;
    }

    .sidebar-nav {
        padding-left: 10px;
        padding-right: 10px;
    }

    .nav-item {
        justify-content: center;

        padding-left: 0;
        padding-right: 0;
    }

    .nav-text {
        display: none;
    }

    .topbar {
        padding-left: 18px;
        padding-right: 18px;
    }

    .user-info {
        display: none;
    }
}


@media (max-width: 650px) {

    :root {
        --sidebar-width: 64px;
    }

    .app-content {
        padding: 14px;
    }

    .topbar {
        min-height: auto;

        padding: 14px;

        align-items: center;
    }

    .topbar-left {
        gap: 10px;
    }

    .page-heading h1 {
        font-size: 20px;
    }

    .page-heading p {
        display: none;
    }

    .system-status {
        display: none;
    }

    .language-switcher {
        display: none;
    }

    .user-avatar {
        width: 40px;
        height: 40px;
    }

    .sidebar-collapse {
        display: none;
    }
}

/* =========================================================
   TEMEL LAYOUT V1 - ORTAK MASAÜSTÜ / MOBİL KABUK
   Barkod motorundan bağımsızdır.
   ========================================================= */
:root {
    --sidebar-width: 204px;
    --content-max: 1680px;
}

html { overflow-x: hidden; }
body { overflow-x: hidden; }

.app-shell { width: 100%; min-height: 100vh; }
.app-main {
    width: calc(100% - var(--sidebar-width));
    margin-left: var(--sidebar-width);
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.app-content {
    width: 100%;
    min-width: 0;
    flex: 1 0 auto;
}
.content-frame {
    width: 100%;
    max-width: var(--content-max);
    margin: 0 auto;
    min-width: 0;
}
.content-frame > * { min-width: 0; max-width: 100%; }

.topbar {
    width: 100%;
    min-width: 0;
}
.desktop-topbar-left,
.desktop-topbar-right { display: flex; }
.desktop-topbar-left { align-items: flex-start; gap: 18px; }
.desktop-topbar-right { align-items: center; gap: 12px; }
.mobile-topbar { display: none; }

.sidebar-backdrop { display: none; }
.mobile-sidebar-close { display: none; }

.app-footer {
    padding: 18px 24px 22px;
    color: var(--text-muted);
    font-size: 12px;
    text-align: center;
    border-top: 1px solid rgba(148,163,184,.07);
}

/* Büyük ekran: referans görseldeki gibi solda sabit menü, sağda tam çalışma alanı */
@media (min-width: 901px) {
    .sidebar { width: var(--sidebar-width); }
    .app-main { margin-left: var(--sidebar-width); }
}

/* Tablet ve mobil: sidebar artık içerikten tek piksel bile çalmaz. */
@media (max-width: 900px) {
    :root { --sidebar-width: 0px; }

    .app-main {
        width: 100%;
        margin-left: 0;
    }

    .sidebar {
        width: min(82vw, 300px);
        transform: translateX(-105%);
        box-shadow: 18px 0 50px rgba(0,0,0,.42);
        transition: transform .24s ease;
        z-index: 3000;
    }
    body.mobile-menu-open .sidebar { transform: translateX(0); }

    .sidebar-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 2990;
        background: rgba(1,5,14,.72);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .22s ease, visibility .22s ease;
    }
    body.mobile-menu-open .sidebar-backdrop {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .sidebar-logo {
        position: relative;
        height: 88px;
    }
    .mobile-sidebar-close {
        display: grid;
        place-items: center;
        position: absolute;
        right: 14px;
        top: 14px;
        width: 38px;
        height: 38px;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: rgba(10,16,31,.88);
        color: var(--text);
        font-size: 25px;
        cursor: pointer;
    }
    .sidebar-nav { padding: 8px 14px 18px; }
    .nav-item {
        justify-content: flex-start;
        padding: 0 15px;
    }
    .nav-text { display: inline; }
    .sidebar-collapse { display: none; }

    .topbar {
        min-height: 72px;
        padding: 0 16px;
        align-items: center;
        border-bottom: 1px solid var(--border);
        background: rgba(5,9,20,.96);
        position: sticky;
        top: 0;
        z-index: 1200;
    }
    .desktop-topbar-left,
    .desktop-topbar-right { display: none; }

    .mobile-topbar {
        width: 100%;
        display: grid;
        grid-template-columns: 48px 1fr 48px;
        align-items: center;
    }
    .mobile-menu-button,
    .mobile-user-button {
        width: 44px;
        height: 44px;
        border: 1px solid rgba(124,58,237,.55);
        border-radius: 12px;
        background: #0a1020;
        color: var(--text);
        cursor: pointer;
    }
    .mobile-menu-button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    .mobile-menu-button span {
        width: 20px;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
    }
    .mobile-user-button {
        justify-self: end;
        padding: 0;
        border-color: var(--border-strong);
    }
    .mobile-user-button .user-avatar {
        width: 42px;
        height: 42px;
        border: 0;
    }

    .mobile-brand {
        justify-self: center;
        width: 76px;
        height: 48px;
        display: grid;
        place-items: center;
    }
    .mobile-brand-icon {
        width: 64px;
        height: 42px;
        position: relative;
        background: repeating-linear-gradient(90deg,#d620e6 0 3px,transparent 3px 6px);
        background-size: 32px 30px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .mobile-brand-icon::before,
    .mobile-brand-icon::after {
        content:"";
        position:absolute;
        top:3px;
        bottom:3px;
        width:8px;
        border-top:2px solid #d620e6;
        border-bottom:2px solid #6b45ff;
    }
    .mobile-brand-icon::before { left:0; border-left:2px solid #d620e6; }
    .mobile-brand-icon::after { right:0; border-right:2px solid #6b45ff; }

    .app-content { padding: 14px; }
    .app-footer { padding: 16px 14px 20px; }
}

@media (max-width: 520px) {
    .topbar { padding-left: 10px; padding-right: 10px; }
    .app-content { padding: 10px; }
    .panel { max-width: 100%; }
}

/* Menü açıkken arka sayfa mobilde kaymasın. */
body.mobile-menu-open { overflow: hidden; }


/* =========================================================
   TEMEL LAYOUT V1.1 - KESİN RESPONSIVE DÜZELTME
   ========================================================= */

/* Desktop: mobil elemanları kesin gizle. */
@media (min-width: 901px) {
    .mobile-topbar,
    .mobile-sidebar-close,
    .sidebar-backdrop {
        display: none !important;
    }

    .sidebar {
        display: flex !important;
        width: 204px !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .app-main {
        width: calc(100% - 204px) !important;
        margin-left: 204px !important;
        min-width: 0 !important;
    }

    .desktop-topbar-left,
    .desktop-topbar-right {
        display: flex !important;
    }
}

/* Tablet + telefon: sidebar içerikten tamamen çıkar. */
@media (max-width: 900px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .app-shell {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .app-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        margin-left: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    .app-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .content-frame {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto !important;
    }

    .sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        z-index: 3000 !important;

        display: flex !important;
        width: min(84vw, 300px) !important;
        min-width: 0 !important;
        max-width: 300px !important;

        margin: 0 !important;
        transform: translate3d(-110%, 0, 0) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;

        transition:
            transform .24s ease,
            opacity .18s ease,
            visibility .18s ease !important;
    }

    body.mobile-menu-open .sidebar {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .sidebar-backdrop {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 2990 !important;
        background: rgba(1, 5, 14, .68) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.mobile-menu-open .sidebar-backdrop {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .mobile-sidebar-close {
        display: grid !important;
    }

    .topbar {
        position: sticky !important;
        top: 0 !important;
        z-index: 1200 !important;
        width: 100% !important;
        min-height: 64px !important;
        height: 64px !important;
        padding: 0 10px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        background: rgba(5, 9, 20, .98) !important;
    }

    .desktop-topbar-left,
    .desktop-topbar-right {
        display: none !important;
    }

    .mobile-topbar {
        display: grid !important;
        width: 100% !important;
        grid-template-columns: 48px minmax(0,1fr) 48px !important;
        align-items: center !important;
    }

    .app-footer {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 520px) {
    .app-content {
        padding: 10px !important;
    }

    .content-frame,
    .content-frame > * {
        max-width: 100% !important;
        min-width: 0 !important;
    }
}


/* =========================================================
   MEMBERSHIP V1 - AUTH / ADMIN / ACCOUNT
   ========================================================= */

.auth-page {
    min-height: calc(100vh - 190px);
    display: grid;
    place-items: center;
    padding: 28px 0 48px;
}

.auth-card,
.admin-panel {
    width: min(100%, 620px);
    border: 1px solid var(--border-strong);
    border-radius: 18px;
    background:
        radial-gradient(circle at 85% 0%, rgba(37, 99, 235, .09), transparent 32%),
        linear-gradient(180deg, rgba(14, 21, 38, .98), rgba(8, 13, 26, .98));
    box-shadow: 0 24px 80px rgba(0, 0, 0, .22);
}

.auth-card {
    padding: 28px;
}

.auth-card-wide {
    width: min(100%, 760px);
}

.auth-card-head {
    margin-bottom: 24px;
}

.auth-kicker {
    display: inline-flex;
    margin-bottom: 9px;
    color: #8fb1ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.auth-card h2,
.admin-panel h2,
.admin-panel h3 {
    margin: 0;
    color: #fff;
}

.auth-card-head p,
.admin-panel-head p,
.admin-note {
    margin: 8px 0 0;
    color: var(--text-soft);
    line-height: 1.6;
}

.auth-form,
.admin-form {
    display: grid;
    gap: 12px;
}

.field-label {
    margin-top: 4px;
    color: #d7deea;
    font-size: 13px;
    font-weight: 700;
}

.field-label span {
    color: var(--text-muted);
    font-weight: 500;
}

.theme-input {
    width: 100%;
    min-height: 50px;
    padding: 0 15px;
    border: 1px solid var(--border-strong);
    border-radius: 11px;
    outline: 0;
    background: #070d19;
    color: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.theme-input:focus {
    border-color: rgba(99, 102, 241, .9);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .13);
}

.auth-grid-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.remember-row {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: max-content;
    margin: 4px 0 6px;
    color: var(--text-soft);
    font-size: 13px;
}

.remember-row input {
    width: 17px;
    height: 17px;
    accent-color: #6d4aff;
}

.gradient-button {
    border: 0;
    border-radius: 11px;
    background: linear-gradient(90deg, #c321d1, #7c32ef 50%, #1f55ff);
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 10px 28px rgba(37, 99, 235, .13);
}

.auth-submit,
.admin-save {
    min-height: 52px;
    margin-top: 8px;
}

.auth-footer-line {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 22px;
    color: var(--text-soft);
    font-size: 13px;
}

.auth-footer-line a {
    color: #86a8ff;
    font-weight: 700;
}

.theme-alert {
    margin-bottom: 16px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 13px;
}

.theme-alert.danger {
    border: 1px solid rgba(239, 68, 68, .35);
    background: rgba(127, 29, 29, .18);
    color: #fecaca;
}

.theme-alert.success {
    border: 1px solid rgba(16, 185, 129, .32);
    background: rgba(6, 78, 59, .18);
    color: #a7f3d0;
}

.global-toast-message {
    margin: 0 0 16px;
    padding: 12px 15px;
    border: 1px solid rgba(16, 185, 129, .28);
    border-radius: 10px;
    background: rgba(6, 78, 59, .16);
    color: #a7f3d0;
    font-size: 13px;
}

.guest-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-login,
.header-register {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 750;
}

.header-login {
    border: 1px solid var(--border-strong);
    color: #dce3ef;
}

.header-register {
    border: 1px solid rgba(99, 102, 241, .45);
    background: linear-gradient(90deg, rgba(192,38,211,.85), rgba(37,99,235,.9));
    color: #fff;
}

.account-menu {
    position: relative;
}

.account-menu > summary {
    list-style: none;
}

.account-menu > summary::-webkit-details-marker {
    display: none;
}

.account-dropdown {
    position: absolute;
    z-index: 1200;
    right: 0;
    top: calc(100% + 10px);
    width: 230px;
    overflow: hidden;
    border: 1px solid var(--border-strong);
    border-radius: 12px;
    background: #080e1b;
    box-shadow: 0 20px 55px rgba(0,0,0,.38);
}

.account-dropdown-head {
    display: grid;
    gap: 4px;
    padding: 14px;
    border-bottom: 1px solid var(--border);
}

.account-dropdown-head strong {
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    text-overflow: ellipsis;
}

.account-dropdown-head small {
    color: var(--text-muted);
}

.account-dropdown-link {
    width: 100%;
    min-height: 43px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border: 0;
    background: transparent;
    color: #dfe6f2;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.account-dropdown-link:hover {
    background: rgba(255,255,255,.045);
}

.account-logout {
    color: #fca5a5;
}

.admin-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(260px, .8fr);
    gap: 18px;
}

.admin-panel {
    width: 100%;
    padding: 24px;
}

.admin-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

.admin-badge {
    display: inline-flex;
    padding: 6px 9px;
    border: 1px solid rgba(0,232,157,.28);
    border-radius: 8px;
    background: rgba(0,232,157,.08);
    color: #5ff0bd;
    font-size: 11px;
    font-weight: 800;
}

.quota-setting {
    display: grid;
    grid-template-columns: 1fr 150px;
    align-items: center;
    gap: 20px;
    padding: 16px 0;
    border-bottom: 1px solid var(--border);
}

.quota-setting strong,
.quota-setting small {
    display: block;
}

.quota-setting strong {
    margin-bottom: 5px;
    color: #f3f6fb;
}

.quota-setting small {
    color: var(--text-muted);
    line-height: 1.45;
}

.quota-input {
    text-align: center;
    font-size: 17px;
    font-weight: 800;
}

.admin-info-panel {
    align-self: start;
}

.admin-checks {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.admin-checks span {
    color: #cbd5e1;
    font-size: 13px;
}

.admin-note {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--border);
    font-size: 12px;
}

@media (max-width: 900px) {
    .admin-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .auth-page {
        min-height: 0;
        padding: 6px 0 24px;
    }

    .auth-card,
    .admin-panel {
        border-radius: 14px;
    }

    .auth-card {
        padding: 18px 15px;
    }

    .auth-grid-two {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .quota-setting {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .quota-input {
        text-align: left;
    }

    .guest-actions {
        display: none;
    }

    .admin-panel {
        padding: 18px 15px;
    }
}


/* =========================================================
   MEMBERSHIP V1.1 - GERÇEK KOTA MODALI
   ========================================================= */

html.quota-modal-open,
html.quota-modal-open body {
    overflow: hidden;
}

.quota-modal[hidden] {
    display: none !important;
}

.quota-modal {
    position: fixed;
    z-index: 5000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
}

.quota-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(1, 5, 14, .72);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.quota-modal-card {
    position: relative;
    z-index: 1;
    width: min(100%, 520px);
    padding: 28px;
    border: 1px solid rgba(91, 116, 170, .42);
    border-radius: 20px;
    background:
        radial-gradient(circle at 90% 0%, rgba(73, 56, 255, .16), transparent 34%),
        linear-gradient(180deg, #0d1628, #070d19);
    box-shadow:
        0 30px 90px rgba(0, 0, 0, .48),
        0 0 0 1px rgba(255, 255, 255, .02);
    color: #fff;
}

.quota-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border-strong);
    border-radius: 10px;
    background: #0a1120;
    color: #aab6ca;
    font-size: 24px;
    cursor: pointer;
}

.quota-modal-icon {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border: 1px solid rgba(245, 158, 11, .32);
    border-radius: 16px;
    background: rgba(245, 158, 11, .10);
    color: #fbbf24;
    font-size: 28px;
    font-weight: 900;
}

.quota-modal-kicker {
    color: #8fb1ff;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.quota-modal-copy h2 {
    margin: 7px 0 10px;
    color: #fff;
    font-size: clamp(22px, 4vw, 30px);
}

.quota-modal-copy p {
    margin: 0;
    color: #aebbd0;
    line-height: 1.65;
}

.quota-modal-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 24px;
}

.quota-modal-actions[hidden] {
    display: none !important;
}

.quota-modal-actions-guest {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.quota-button {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border: 0;
    border-radius: 11px;
    font: inherit;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.quota-button-primary {
    background: linear-gradient(90deg, #c321d1, #7337ee 50%, #2454ff);
    color: #fff;
}

.quota-button-secondary {
    border: 1px solid var(--border-strong);
    background: #09111f;
    color: #e5ebf5;
}

.quota-low-badge {
    position: fixed;
    z-index: 4200;
    right: 18px;
    bottom: 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid rgba(245, 158, 11, .28);
    border-radius: 999px;
    background: rgba(8, 14, 27, .94);
    box-shadow: 0 12px 35px rgba(0,0,0,.24);
    color: #f8d27d;
    font-size: 12px;
    font-weight: 800;
}

.quota-low-badge[hidden] {
    display: none !important;
}

.quota-low-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f59e0b;
    box-shadow: 0 0 10px rgba(245, 158, 11, .55);
}

@media (max-width: 760px) {
    .quota-modal {
        padding: 14px;
    }

    .quota-modal-card {
        padding: 22px 18px 18px;
        border-radius: 16px;
    }

    .quota-modal-actions {
        grid-template-columns: 1fr;
    }

    .quota-low-badge {
        right: 12px;
        bottom: calc(78px + env(safe-area-inset-bottom));
    }
}


/* MEMBERSHIP V1.2.1 - Paket yönlendirme kabuğu */
.packages-shell {
    display: grid;
    gap: 22px;
}

.packages-intro {
    padding: 26px;
    border: 1px solid var(--border-strong);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(14,21,38,.98), rgba(8,13,26,.98));
}

.packages-intro h2 {
    margin: 0 0 8px;
    color: #fff;
}

.packages-intro p {
    margin: 0;
    color: var(--text-soft);
    line-height: 1.6;
}

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

.package-card {
    padding: 24px;
    border: 1px solid var(--border-strong);
    border-radius: 18px;
    background: #0b1324;
}

.package-card-featured {
    border-color: rgba(99,102,241,.55);
    box-shadow: 0 0 0 3px rgba(79,70,229,.08);
}

.package-label {
    color: #8fb1ff;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.package-card h3 {
    margin: 10px 0 8px;
    color: #fff;
}

.package-card p {
    color: var(--text-soft);
    line-height: 1.6;
}

.package-button {
    width: 100%;
    min-height: 50px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;
    color: #fff;
    text-decoration: none;
    font-weight: 900;
    background: linear-gradient(
        90deg,
        #c321d1 0%,
        #7c32ef 52%,
        #245cff 100%
    );
    box-shadow:
        0 12px 30px rgba(65,72,255,.18),
        inset 0 1px 0 rgba(255,255,255,.10);
    transition:
        transform .16s ease,
        filter .16s ease,
        box-shadow .16s ease;
}

.package-button:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    box-shadow:
        0 16px 34px rgba(65,72,255,.26),
        inset 0 1px 0 rgba(255,255,255,.14);
}

.package-button:active {
    transform: translateY(0);
}

.package-button:focus-visible {
    outline: 3px solid rgba(96,165,250,.42);
    outline-offset: 3px;
}

@media (max-width: 760px) {
    .packages-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MEMBERSHIP V1.3 - MODÜLER PAKET / ÖDEME
   ========================================================= */
.membership-active-banner,
.payment-summary-card,
.bank-transfer-card,
.payment-status-card {
    border: 1px solid var(--border-strong);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(14,21,38,.98), rgba(8,13,26,.98));
    box-shadow: 0 20px 60px rgba(0,0,0,.18);
}

.membership-active-banner {
    display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;
}
.membership-active-banner div{display:grid;gap:4px}
.membership-active-banner strong{color:#fff;font-size:18px}
.membership-active-banner small{color:var(--text-soft)}
.membership-active-pill{padding:6px 10px;border-radius:999px;background:rgba(16,185,129,.12);color:#6ee7b7;font-weight:800;font-size:12px}

.package-price{margin:14px 0;color:#fff;font-size:30px;font-weight:900}
.package-button{display:flex;align-items:center;justify-content:center;text-decoration:none}

.payment-flow-shell,.bank-transfer-shell,.payment-status-shell,.payment-admin-shell,.payment-detail-shell,.admin-billing-shell{display:grid;gap:18px}
.payment-summary-card{padding:24px;display:grid;gap:7px}
.payment-summary-card h2{margin:0;color:#fff}
.payment-summary-card>strong{color:#fff;font-size:28px}
.payment-summary-card>small{color:var(--text-soft)}

.payment-method-grid{display:grid;gap:12px}
.payment-method-card{
    display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;
    padding:16px 18px;border:1px solid var(--border-strong);border-radius:14px;
    background:#0a1222;color:#fff;text-decoration:none;transition:.16s ease
}
.payment-method-card:hover{border-color:rgba(99,102,241,.65);transform:translateY(-1px)}
.payment-method-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(99,102,241,.12);color:#9bb5ff;font-weight:900}
.payment-method-card div{display:grid;gap:4px}
.payment-method-card small{color:var(--text-soft);line-height:1.45}
.payment-method-arrow{font-size:28px;color:#8290a8}

.bank-transfer-card,.payment-status-card{padding:26px}
.bank-transfer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.bank-transfer-head h2{margin:0;color:#fff}
.bank-transfer-head p{color:var(--text-soft);line-height:1.6}
.payment-status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase}
.payment-status-pill.pending{background:rgba(245,158,11,.12);color:#fbbf24}
.payment-status-pill.approved{background:rgba(16,185,129,.12);color:#6ee7b7}
.payment-status-pill.rejected{background:rgba(239,68,68,.12);color:#fca5a5}

.payment-reference-box{
    margin:20px 0;padding:18px;border:1px solid rgba(245,158,11,.38);border-radius:14px;
    background:rgba(120,53,15,.13);display:grid;gap:6px;text-align:center
}
.payment-reference-box span{color:#fbbf24;font-size:11px;font-weight:900;letter-spacing:.08em}
.payment-reference-box strong{color:#fff;font-size:30px;letter-spacing:.08em}
.payment-reference-box small{color:#d8c292;line-height:1.5}

.bank-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bank-detail{padding:14px;border:1px solid var(--border);border-radius:11px;background:#070d19;display:grid;gap:6px}
.bank-detail span{color:var(--text-muted);font-size:11px;text-transform:uppercase}
.bank-detail strong{color:#fff;word-break:break-word}
.bank-detail-wide{grid-column:1/-1}
.iban-value{font-size:18px;letter-spacing:.04em}
.bank-transfer-note,.payment-note-box,.payment-admin-note{margin-top:14px;padding:13px 14px;border-radius:11px;background:rgba(59,130,246,.08);color:#cbd5e1;line-height:1.55}
.theme-textarea{width:100%;padding:12px 14px;border:1px solid var(--border-strong);border-radius:11px;background:#070d19;color:#fff;resize:vertical}
.bank-transfer-form{display:grid;gap:10px;margin-top:18px}
.bank-notify-button{min-height:52px}
.payment-pending-box{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(245,158,11,.25);border-radius:12px;background:rgba(120,53,15,.08)}
.payment-pending-box div{display:grid;gap:3px}
.payment-pending-box span{color:var(--text-soft);font-size:12px}

.payment-status-card{max-width:720px;display:grid;gap:14px}
.payment-status-card h2{margin:0;color:#fff}
.payment-status-amount{font-size:30px;color:#fff}
.payment-reference-inline{padding:12px 14px;border:1px solid rgba(245,158,11,.28);border-radius:10px;color:#d7c08b;background:rgba(120,53,15,.08)}
.payment-status-card p{color:var(--text-soft);line-height:1.65}

.admin-billing-form{display:grid;gap:18px}
.admin-billing-fields{display:grid;gap:10px}
.admin-billing-save{min-height:52px}
.admin-switch{display:flex;align-items:center;gap:8px;color:#dbe4f3;font-size:13px;font-weight:700}
.admin-switch input{width:18px;height:18px;accent-color:#6d4aff}

.payment-filter-row{display:flex;flex-wrap:wrap;gap:8px}
.payment-filter-row a{padding:8px 12px;border:1px solid var(--border);border-radius:9px;color:#cbd5e1;text-decoration:none;font-size:12px}
.payment-filter-row a.active{border-color:rgba(99,102,241,.6);background:rgba(79,70,229,.12);color:#fff}

.payment-detail-card{width:100%!important}
.payment-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.payment-detail-grid>div{padding:13px;border:1px solid var(--border);border-radius:10px;background:#070d19;display:grid;gap:5px}
.payment-detail-grid span{color:var(--text-muted);font-size:11px;text-transform:uppercase}
.payment-detail-grid strong{color:#fff}
.reference-highlight{color:#fbbf24!important;font-size:21px}
.payment-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.payment-admin-actions form{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:12px}
.payment-approve-button{min-height:48px}
.payment-reject-button{min-height:48px;border:1px solid rgba(239,68,68,.5);border-radius:11px;background:rgba(127,29,29,.32);color:#fecaca;font-weight:800;cursor:pointer}

@media(max-width:760px){
    .bank-transfer-head{display:grid}
    .bank-detail-grid,.payment-detail-grid,.payment-admin-actions{grid-template-columns:1fr}
    .payment-pending-box{display:grid}
}


/* =========================================================
   MEMBERSHIP V1.3.3 - TWO STEP BANK TRANSFER
   ========================================================= */

.bank-confirm-shell {
    display: grid;
    place-items: center;
    min-height: 55vh;
}

.bank-confirm-card {
    width: min(100%, 720px);
    padding: 30px;
    border: 1px solid var(--border-strong);
    border-radius: 20px;
    background:
        radial-gradient(circle at 90% 0%, rgba(74, 60, 255, .14), transparent 34%),
        linear-gradient(180deg, #0d1628, #070d19);
    box-shadow: 0 24px 70px rgba(0,0,0,.24);
}

.bank-selected-success-icon {
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(16, 185, 129, .13);
    color: #6ee7b7;
    border: 1px solid rgba(16,185,129,.38);
    font-weight: 950;
}


.bank-confirm-card h2 {
    margin: 6px 0 18px;
    color: #fff;
}


.bank-confirm-summary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.bank-confirm-summary > div {
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: #070d19;
    display: grid;
    gap: 5px;
}

.bank-confirm-summary span {
    color: var(--text-muted);
    font-size: 11px;
    text-transform: uppercase;
}

.bank-confirm-summary strong {
    color: #fff;
    font-size: 18px;
}

.bank-confirm-card form {
    margin-top: 18px;
}

.bank-confirm-button {
    width: 100%;
    min-height: 54px;
}

.bank-confirm-back {
    display: block;
    margin-top: 14px;
    color: #92a3bf;
    text-align: center;
    text-decoration: none;
}

.bank-selected-success {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 22px;
    padding: 15px 16px;
    border: 1px solid rgba(16,185,129,.33);
    border-radius: 13px;
    background: rgba(6,78,59,.13);
}

.bank-selected-success-icon {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    font-size: 21px;
}

.bank-selected-success > div {
    display: grid;
    gap: 3px;
}

.bank-selected-success strong {
    color: #a7f3d0;
}

.bank-selected-success span {
    color: #8fcdb7;
    font-size: 12px;
}

.bank-notification-area {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--border);
}

.bank-notification-warning {
    display: grid;
    gap: 4px;
    padding: 13px 14px;
    border: 1px solid rgba(245,158,11,.25);
    border-radius: 11px;
    background: rgba(120,53,15,.08);
}

.bank-notification-warning strong {
    color: #fbbf24;
}

.bank-notification-warning span {
    color: #d8c292;
    font-size: 12px;
    line-height: 1.5;
}

.payment-member-identity {
    display: grid;
    grid-template-columns: .65fr 1fr 1.5fr;
    gap: 12px;
    margin: 18px 0;
}

.payment-member-identity > div {
    padding: 15px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #070d19;
    display: grid;
    gap: 5px;
}

.payment-member-identity span {
    color: var(--text-muted);
    font-size: 11px;
    text-transform: uppercase;
}

.payment-member-identity strong {
    color: #fff;
}

.payment-member-identity small {
    color: var(--text-soft);
}

@media (max-width: 760px) {
    .bank-confirm-summary,
    .payment-member-identity {
        grid-template-columns: 1fr;
    }

    .bank-confirm-card {
        padding: 22px 18px;
    }
}


/* =========================================================
   MEMBERSHIP V1.3.4 - DEVAM EDEN ÖDEME / MEVCUT PAKET
   ========================================================= */

.membership-payment-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 22px;
    border: 1px solid rgba(245, 158, 11, .30);
    border-radius: 16px;
    background:
        linear-gradient(
            180deg,
            rgba(120, 53, 15, .12),
            rgba(8, 13, 26, .98)
        );
}

.membership-payment-banner > div {
    display: grid;
    gap: 4px;
}

.membership-payment-banner strong {
    color: #fff;
    font-size: 18px;
}

.membership-payment-banner small {
    color: #d5c294;
    line-height: 1.5;
}

.package-card-current {
    border-color: rgba(245, 158, 11, .58) !important;
    box-shadow:
        0 0 0 3px rgba(245, 158, 11, .08),
        0 18px 50px rgba(0,0,0,.16);
}

.package-current-button {
    background:
        linear-gradient(
            90deg,
            #8a5a14,
            #ba7a17,
            #7d5a1c
        ) !important;
}

.payment-status-pill.draft {
    background: rgba(59, 130, 246, .12);
    color: #93c5fd;
}

@media (max-width: 760px) {
    .membership-payment-banner {
        display: grid;
    }
}


/* =========================================================
   MEMBERSHIP V1.4 - ÜYE ABONELİKLERİ / ADMIN SİPARİŞLER
   ========================================================= */

.member-subscriptions-shell {
    display: grid;
    gap: 20px;
}

.member-plan-hero {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 20px;
    padding: 28px;
    border: 1px solid rgba(16,185,129,.32);
    border-radius: 20px;
    background:
        radial-gradient(circle at 95% 0%, rgba(16,185,129,.12), transparent 34%),
        linear-gradient(180deg,#0d1728,#070d19);
}

.member-plan-main {
    display: grid;
    gap: 12px;
}

.member-plan-kicker {
    color: #6ee7b7;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
}

.member-plan-main h2 {
    margin: 0;
    color: #fff;
    font-size: 30px;
}

.member-plan-countdown {
    display: flex;
    align-items: baseline;
    gap: 9px;
}

.member-plan-countdown strong {
    color: #fff;
    font-size: 48px;
    line-height: 1;
}

.member-plan-countdown span {
    color: #9fb0c8;
    font-size: 18px;
}

.member-plan-dates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.member-plan-dates > div {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: rgba(4,9,18,.62);
}

.member-plan-dates span,
.subscription-history-card small {
    color: var(--text-muted);
    font-size: 12px;
}

.member-plan-dates strong {
    color: #fff;
}

.member-plan-renew {
    display: grid;
    align-content: center;
    gap: 14px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(4,9,18,.55);
}

.member-plan-renew p {
    margin: 0;
    color: var(--text-soft);
    line-height: 1.6;
}

.member-no-plan,
.member-payment-process {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--border-strong);
    border-radius: 16px;
    background: #0b1425;
}

.member-no-plan-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(245,158,11,.12);
    color: #fbbf24;
    font-size: 28px;
    font-weight: 900;
}

.member-no-plan h2,
.member-payment-process h3 {
    margin: 3px 0;
    color: #fff;
}

.member-no-plan p,
.member-payment-process p,
.member-payment-process small {
    margin: 0;
    color: var(--text-soft);
    line-height: 1.5;
}

.member-payment-process {
    border-color: rgba(245,158,11,.34);
    background: rgba(120,53,15,.09);
}

.subscription-section {
    display: grid;
    gap: 13px;
}

.subscription-section-head h3 {
    margin: 4px 0 0;
    color: #fff;
}

.subscription-card-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
}

.subscription-history-card {
    position: relative;
    display: grid;
    gap: 8px;
    min-height: 130px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: #080f1d;
}

.subscription-history-card > strong {
    color: #fff;
    font-size: 17px;
}

.subscription-state {
    justify-self: start;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.subscription-state.active {
    background: rgba(16,185,129,.12);
    color: #6ee7b7;
}
.subscription-state.upcoming {
    background: rgba(59,130,246,.12);
    color: #93c5fd;
}
.subscription-state.expired {
    background: rgba(100,116,139,.14);
    color: #a8b3c5;
}
.subscription-state.cancelled {
    background: rgba(239,68,68,.12);
    color: #fca5a5;
}

.subscription-reference {
    color: #fbbf24;
    font-size: 12px;
    font-weight: 800;
}

.empty-subscriptions {
    grid-column: 1 / -1;
    padding: 22px;
    border: 1px dashed var(--border);
    border-radius: 12px;
    color: var(--text-muted);
    text-align: center;
}

.orders-info-banner {
    display: grid;
    gap: 4px;
    padding: 14px 16px;
    border: 1px solid rgba(59,130,246,.26);
    border-radius: 11px;
    background: rgba(30,64,175,.08);
}

.orders-info-banner strong {
    color: #bfdbfe;
}

.orders-info-banner span {
    color: #9eb4d7;
    line-height: 1.5;
    font-size: 12px;
}

.payment-status-pill.draft {
    background: rgba(59,130,246,.12);
    color: #93c5fd;
}

@media(max-width:900px) {
    .member-plan-hero {
        grid-template-columns: 1fr;
    }

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

@media(max-width:640px) {
    .member-plan-dates,
    .subscription-card-grid {
        grid-template-columns: 1fr;
    }

    .member-no-plan,
    .member-payment-process {
        grid-template-columns: 1fr;
    }

    .member-plan-countdown strong {
        font-size: 40px;
    }
}


/* =========================================================
   MEMBERSHIP V1.4.1 - ÜYE SİPARİŞLERİ / ADMIN ABONELER
   ========================================================= */

.member-orders-head p {
    margin: 5px 0 0;
    color: var(--text-soft);
    line-height: 1.55;
}

.member-order-list {
    display: grid;
    gap: 10px;
}

.member-order-card {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 15px 16px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: #080f1d;
}

.member-order-card.draft {
    border-color: rgba(59, 130, 246, .28);
}

.member-order-card.pending {
    border-color: rgba(245, 158, 11, .30);
}

.member-order-card.approved {
    border-color: rgba(16, 185, 129, .25);
}

.member-order-card.rejected {
    border-color: rgba(239, 68, 68, .25);
}

.member-order-id,
.member-order-info {
    display: grid;
    gap: 5px;
}

.member-order-id span {
    color: var(--text-muted);
    font-size: 11px;
    text-transform: uppercase;
}

.member-order-id strong {
    color: #fff;
    font-size: 20px;
}

.member-order-info > strong {
    color: #fff;
    font-size: 16px;
}

.member-order-info small {
    color: var(--text-soft);
}

.member-order-reference strong {
    color: #fbbf24;
}

.admin-members-shell,
.admin-member-detail-shell {
    display: grid;
    gap: 18px;
}

.admin-members-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}

.admin-member-search {
    display: flex;
    gap: 8px;
    width: min(100%, 680px);
}

.admin-member-search .theme-input {
    flex: 1;
}

.admin-members-count {
    color: var(--text-soft);
    font-size: 13px;
}

.admin-account-label {
    color: #6ee7b7 !important;
    font-weight: 800;
}

.admin-member-profile,
.admin-member-active-plan {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px;
    border: 1px solid var(--border-strong);
    border-radius: 16px;
    background: #0b1425;
}

.admin-member-profile h2,
.admin-member-active-plan h3 {
    margin: 4px 0;
    color: #fff;
}

.admin-member-profile p,
.admin-member-profile small {
    margin: 0;
    color: var(--text-soft);
}

.admin-member-active-plan > div:first-child {
    display: grid;
    gap: 5px;
}

.admin-member-active-plan > div:first-child > strong {
    color: #6ee7b7;
    font-size: 20px;
}

@media (max-width: 760px) {
    .member-order-card {
        grid-template-columns: 1fr;
    }

    .member-order-actions .quota-button {
        width: 100%;
    }

    .admin-members-toolbar,
    .admin-member-profile,
    .admin-member-active-plan {
        display: grid;
    }

    .admin-member-search {
        width: 100%;
    }
}


/* =========================================================
   V1.4.2 - SİPARİŞ GÖRÜNÜRLÜĞÜ
   ========================================================= */

.member-order-package-meta > strong {
    color: #93c5fd;
}



/* =========================================================
   V1.4.3 - KOTA / ABONELİK AKIŞI
   ========================================================= */

.member-subscription-quickbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border: 1px solid rgba(99,102,241,.32);
    border-radius: 14px;
    background:
        linear-gradient(
            135deg,
            rgba(88,28,135,.10),
            rgba(30,64,175,.08)
        );
}

.member-subscription-quickbar > div {
    display: grid;
    gap: 4px;
}

.member-subscription-quickbar strong {
    color: #fff;
    font-size: 16px;
}

.member-subscription-quickbar small {
    color: var(--text-soft);
    line-height: 1.5;
}

.member-subscription-quickbar .gradient-button {
    flex: 0 0 auto;
    white-space: nowrap;
    text-decoration: none;
}

@media(max-width:700px) {
    .member-subscription-quickbar {
        display: grid;
    }

    .member-subscription-quickbar .gradient-button {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}


/* =========================================================
   V1.4.8 - ADMIN ÖDEME BİLDİRİMLERİ + 50'LİK ÜYE SAYFALAMA
   ========================================================= */

.nav-notification-badge {
    margin-left: auto;
    min-width: 25px;
    height: 25px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 0 0 4px rgba(239,68,68,.12);
}

.admin-unread-payment-panel {
    padding: 18px;
    border: 1px solid rgba(239,68,68,.5);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(127,29,29,.22), rgba(11,20,37,.96));
    box-shadow: 0 16px 40px rgba(127,29,29,.12);
}

.admin-unread-payment-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.admin-unread-payment-heading > div:first-child {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 3px 12px;
}

.admin-unread-payment-heading strong {
    color: #fff;
    font-size: 18px;
}

.admin-unread-payment-heading small {
    grid-column: 2;
    color: var(--text-soft);
}

.admin-unread-payment-count,
.payment-unread-badge {
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-weight: 900;
    box-shadow: 0 0 0 5px rgba(239,68,68,.12);
}

.admin-unread-payment-list {
    margin-top: 14px;
    display: grid;
    gap: 8px;
}

.admin-unread-payment-item {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 11px;
    padding: 12px 14px;
    border: 1px solid rgba(239,68,68,.22);
    border-radius: 12px;
    background: rgba(2,8,23,.55);
}

.admin-unread-payment-item:hover {
    border-color: rgba(239,68,68,.55);
    background: rgba(127,29,29,.14);
}

.admin-unread-payment-item strong {
    color: #fff;
}

.admin-unread-payment-item small {
    display: block;
    margin-top: 3px;
    color: var(--text-soft);
}

.admin-unread-payment-item b {
    color: #fca5a5;
    font-size: 13px;
}

.admin-unread-dot,
.payment-row-new-dot {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 999px;
    background: #ef4444;
    box-shadow: 0 0 0 4px rgba(239,68,68,.13);
}

.payment-unread-summary {
    margin-bottom: 14px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid rgba(239,68,68,.45);
    border-radius: 14px;
    background: rgba(127,29,29,.15);
}

.payment-unread-summary strong {
    display: block;
    color: #fff;
}

.payment-unread-summary small {
    display: block;
    margin-top: 3px;
    color: var(--text-soft);
}

.payment-row-unread {
    background: rgba(127,29,29,.10);
}

.payment-status-pill.unread {
    background: rgba(239,68,68,.15);
    color: #fca5a5;
    border: 1px solid rgba(239,68,68,.28);
}

@media (max-width: 760px) {
    .admin-unread-payment-heading {
        display: grid;
    }

    .admin-unread-payment-heading .quota-button {
        width: 100%;
    }

    .admin-unread-payment-item {
        grid-template-columns: auto 1fr;
    }

    .admin-unread-payment-item b {
        grid-column: 2;
    }
}


/* =========================================================
   V1.4.9 - SIDEBAR + ABONELER + YENİ PAKET BUTONU
   ========================================================= */

/* SIDEBAR: kısa butonlar, kendi içinde scroll, son menü görünür */
.sidebar {
    overflow: hidden;
}

.sidebar-logo {
    height: 110px;
    min-height: 110px;
}

.sidebar-nav {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 12px 14px;
    gap: 5px;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(148,163,184,.28) transparent;
}

.sidebar-nav::-webkit-scrollbar {
    width: 5px;
}

.sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(148,163,184,.24);
}

.nav-item {
    min-height: 45px;
    flex: 0 0 45px;
    padding: 0 12px;
    gap: 11px;
    border-radius: 10px;
}

.nav-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

.nav-text {
    font-size: 14px;
}

.sidebar-collapse {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    margin: 7px auto 12px;
}

/* ABONELER: her üye belirgin ayrı satır/kart */
.admin-members-shell .table-wrapper {
    border: 0;
    background: transparent;
    overflow-x: auto;
}

.admin-members-table {
    width: 100%;
    min-width: 980px;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.admin-members-table thead th {
    padding: 0 14px 8px;
    border: 0;
    background: transparent;
    color: #dbe5f7;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .035em;
    text-align: left;
    white-space: nowrap;
}

.admin-members-table tbody td {
    padding: 14px;
    vertical-align: middle;
    border-top: 1px solid rgba(100,116,139,.25);
    border-bottom: 1px solid rgba(100,116,139,.25);
    background: linear-gradient(180deg, rgba(13,23,42,.94), rgba(7,14,28,.96));
}

.admin-members-table tbody td:first-child {
    border-left: 1px solid rgba(100,116,139,.25);
    border-radius: 14px 0 0 14px;
}

.admin-members-table tbody td:last-child {
    border-right: 1px solid rgba(100,116,139,.25);
    border-radius: 0 14px 14px 0;
}

.admin-member-row {
    cursor: pointer;
}

.admin-member-row:focus-visible {
    outline: 2px solid rgba(99,102,241,.75);
    outline-offset: 2px;
}

.admin-members-table tbody tr:hover td {
    background: linear-gradient(180deg, rgba(19,31,58,.98), rgba(10,19,37,.98));
    border-top-color: rgba(99,102,241,.50);
    border-bottom-color: rgba(99,102,241,.50);
}

.admin-members-table tbody tr:hover td:first-child {
    border-left-color: rgba(99,102,241,.50);
}

.admin-members-table tbody tr:hover td:last-child {
    border-right-color: rgba(99,102,241,.50);
}

.admin-member-identity {
    min-width: 250px;
    white-space: nowrap;
}

.admin-member-id-badge {
    min-width: 48px;
    height: 31px;
    margin-right: 10px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    border: 1px solid rgba(99,102,241,.32);
    border-radius: 9px;
    background: rgba(79,70,229,.11);
    color: #a5b4fc;
    font-size: 12px;
    font-weight: 900;
}

.admin-member-main {
    display: inline-flex;
    max-width: calc(100% - 66px);
    vertical-align: middle;
    flex-direction: column;
    gap: 3px;
    white-space: normal;
}

.admin-member-main strong {
    color: #fff;
    font-size: 15px;
}

.admin-member-main small {
    color: #9eafc8;
    font-size: 12px;
}

.admin-member-main .admin-account-label {
    width: fit-content;
    margin-top: 2px;
}

.admin-member-company {
    min-width: 140px;
    color: #e5eaf4;
    font-weight: 650;
}


.admin-members-count {
    padding: 8px 11px;
    border: 1px solid rgba(100,116,139,.18);
    border-radius: 10px;
    background: rgba(15,23,42,.48);
}

/* YENİ PAKET AL: görünür, gerçek buton hissi ve güçlü tıklama alanı */
.member-no-plan .member-new-package-button {
    min-width: 170px;
    min-height: 50px;
    padding: 0 22px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 4;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 12px;
    background: linear-gradient(90deg, #c321d1 0%, #7c32ef 52%, #245cff 100%);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    box-shadow:
        0 12px 28px rgba(60,68,255,.18),
        inset 0 1px 0 rgba(255,255,255,.12);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        filter .16s ease;
}

.member-no-plan .member-new-package-button:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    box-shadow:
        0 15px 32px rgba(60,68,255,.27),
        inset 0 1px 0 rgba(255,255,255,.15);
}

.member-no-plan .member-new-package-button:active {
    transform: translateY(0);
}

.member-no-plan .member-new-package-button:focus-visible {
    outline: 3px solid rgba(96,165,250,.42);
    outline-offset: 3px;
}

@media (max-width: 760px) {
    .sidebar-logo {
        height: 66px;
        min-height: 66px;
    }

    .nav-item {
        min-height: 43px;
        flex-basis: 43px;
    }

    .member-no-plan .member-new-package-button {
        width: 100%;
        min-width: 0;
    }

    .admin-members-count {
        white-space: normal;
    }
}


/* V1.4.10 - Mevcut/bekleyen paket butonu ayrı görünüm */
.package-current-button {
    opacity: 1 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    color: #fff !important;
}

.package-card-current .package-current-button {
    background: linear-gradient(
        90deg,
        #8a5a14 0%,
        #c4871e 55%,
        #8b651d 100%
    ) !important;
    border-color: rgba(245,158,11,.34);
}

.package-card-current .package-current-button:hover {
    filter: brightness(1.08);
}


/* =========================================================
   V1.4.14 - SERIAL GERÇEK 50'LİK SAYFALAMA
   ========================================================= */
.serial-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px 18px;
    border-top: 1px solid rgba(100,116,139,.20);
}

.serial-pagination-info {
    color: #93a4bf;
    font-size: 13px;
}

.serial-pagination-actions {
    display: flex;
    align-items: center;
    gap: 9px;
}

.serial-page-button {
    min-height: 38px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(100,116,139,.30);
    border-radius: 10px;
    background: rgba(15,23,42,.72);
    color: #e5eaf4;
    text-decoration: none;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
    transition: .15s ease;
}

.serial-page-button:hover {
    border-color: rgba(99,102,241,.55);
    background: rgba(30,41,59,.90);
    transform: translateY(-1px);
}

.serial-page-button.primary {
    border-color: rgba(99,102,241,.45);
    background: linear-gradient(90deg, #8b2be2, #3457ff);
    color: #fff;
}

.serial-page-button.disabled {
    opacity: .35;
    cursor: default;
    pointer-events: none;
}

@media (max-width: 720px) {
    .serial-pagination {
        align-items: stretch;
        flex-direction: column;
    }

    .serial-pagination-actions {
        width: 100%;
    }

    .serial-page-button {
        flex: 1 1 0;
    }
}

/* =========================================================
   PROFILE / ADMIN MEMBER MANAGEMENT
   ========================================================= */
.profile-page {
    min-height: auto;
    padding-top: 8px;
}

.profile-password-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid rgba(100, 116, 139, .18);
}

.profile-password-head strong {
    color: #fff;
    font-size: 14px;
}

.profile-password-head span {
    color: var(--text-muted);
    font-size: 12px;
}

.profile-form-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 8px;
}

.profile-form-actions .auth-submit {
    margin-top: 0;
    padding: 0 22px;
}

.admin-members-toolbar-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.admin-new-member-button {
    min-height: 42px !important;
    white-space: nowrap;
}

.admin-member-profile-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 760px) {
    .profile-password-head,
    .profile-form-actions,
    .admin-members-toolbar-actions,
    .admin-member-profile-actions {
        display: grid;
        width: 100%;
    }

    .profile-form-actions .quota-button,
    .profile-form-actions .auth-submit,
    .admin-new-member-button,
    .admin-member-profile-actions .quota-button {
        width: 100%;
    }
}


/* Admin üye kalıcı silme */
.admin-member-profile-actions form {
    margin: 0;
}

.admin-member-delete-button {
    border: 1px solid rgba(239, 68, 68, .45);
    background: rgba(239, 68, 68, .10);
    color: #ef4444;
    cursor: pointer;
}

.admin-member-delete-button:hover {
    background: rgba(239, 68, 68, .18);
}

/* =========================================================
   V1.5.0 - ANA SAYFA / ÇALIŞMA MERKEZİ
   ========================================================= */
.home-dashboard {
    --home-purple: #c026d3;
    --home-violet: #7c3aed;
    --home-blue: #245cff;
    --home-cyan: #23b7ff;
    --home-green: #00e89d;
    width: 100%;
}

.home-kicker {
    display: inline-flex;
    color: #9aa9c2;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .16em;
    line-height: 1.4;
}

.home-hero,
.home-member-welcome {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.14);
    border-radius: 20px;
    background:
        radial-gradient(circle at 86% 30%, rgba(69,68,255,.16), transparent 30%),
        radial-gradient(circle at 58% 120%, rgba(192,38,211,.10), transparent 28%),
        linear-gradient(145deg, rgba(14,21,38,.98), rgba(7,12,25,.98));
    box-shadow: 0 24px 60px rgba(0,0,0,.16);
}

.home-hero {
    min-height: 370px;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
    align-items: center;
    gap: 36px;
    padding: 48px 54px;
}

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

.home-hero-copy,
.home-member-welcome > * {
    position: relative;
    z-index: 2;
}

.home-hero h2,
.home-member-welcome h2,
.home-section-intro h2,
.home-membership-copy h2,
.home-packages-teaser h2,
.home-bottom-cta h2 {
    margin: 10px 0 0;
    color: #fff;
    letter-spacing: -.035em;
}

.home-hero h2 {
    max-width: 760px;
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.03;
}

.home-hero h2 span {
    background: linear-gradient(90deg, #e74bf0, #8e5cff 48%, #4a7bff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.home-hero-copy > p {
    max-width: 720px;
    margin: 20px 0 0;
    color: #aab5c8;
    font-size: 16px;
    line-height: 1.75;
}

.home-hero-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
    flex-wrap: wrap;
}

.home-primary-action,
.home-secondary-action {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 0 20px;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 850;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.home-primary-action {
    border: 1px solid rgba(255,255,255,.16);
    background: linear-gradient(105deg, #c026d3, #7636ec 52%, #245cff);
    box-shadow: 0 12px 30px rgba(68,63,255,.22);
    color: #fff;
}

.home-secondary-action {
    border: 1px solid rgba(148,163,184,.22);
    background: rgba(15,23,42,.54);
    color: #e5eaf4;
}

.home-primary-action:hover,
.home-secondary-action:hover {
    transform: translateY(-2px);
}

.home-secondary-action:hover { border-color: rgba(139,92,246,.52); }
.home-primary-action:hover { box-shadow: 0 16px 34px rgba(68,63,255,.31); }

.home-hero-visual {
    position: relative;
    min-height: 270px;
    display: grid;
    place-items: center;
}

.home-scan-card {
    position: relative;
    z-index: 2;
    width: min(100%, 350px);
    min-height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 34px;
    border: 1px solid rgba(118,90,255,.32);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(12,20,39,.92), rgba(8,13,27,.82));
    box-shadow: 0 30px 70px rgba(13,20,65,.38), inset 0 1px 0 rgba(255,255,255,.045);
    transform: perspective(900px) rotateY(-7deg) rotateX(3deg);
}

.home-scan-corners::before,
.home-scan-corners::after,
.home-scan-card::before,
.home-scan-card::after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border-color: #9b4dff;
    border-style: solid;
}
.home-scan-corners::before { top: 18px; left: 18px; border-width: 2px 0 0 2px; }
.home-scan-corners::after { top: 18px; right: 18px; border-width: 2px 2px 0 0; }
.home-scan-card::before { bottom: 18px; left: 18px; border-width: 0 0 2px 2px; }
.home-scan-card::after { bottom: 18px; right: 18px; border-width: 0 2px 2px 0; }

.home-demo-barcode {
    width: 78%;
    height: 78px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 4px;
}
.home-demo-barcode i { display:block; background:#f2f5fb; border-radius:1px; }
.home-demo-barcode i:nth-child(3n+1) { width: 3px; }
.home-demo-barcode i:nth-child(3n+2) { width: 8px; }
.home-demo-barcode i:nth-child(3n) { width: 5px; }
.home-demo-line {
    position: absolute;
    left: 11%;
    right: 11%;
    top: 48%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d92de6 20%, #5c54ff 80%, transparent);
    box-shadow: 0 0 14px rgba(192,38,211,.75);
}
.home-scan-card small { margin-top: 24px; color: #7f8ca3; font-size: 11px; }
.home-scan-orbit { position:absolute; border-radius:50%; border:1px solid rgba(110,83,255,.13); }
.home-scan-orbit-one { width: 360px; height: 360px; }
.home-scan-orbit-two { width: 270px; height: 270px; border-color:rgba(192,38,211,.13); }

.home-tool-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.home-tool-card {
    position: relative;
    min-height: 255px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 28px;
    border: 1px solid rgba(148,163,184,.15);
    border-radius: 18px;
    background: linear-gradient(155deg, rgba(14,21,38,.96), rgba(8,13,27,.98));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.home-tool-card:hover { transform: translateY(-4px); border-color: rgba(124,58,237,.42); box-shadow: 0 22px 50px rgba(0,0,0,.22); }
.home-tool-glow { position:absolute; width:180px; height:180px; right:-65px; top:-70px; border-radius:50%; filter:blur(4px); opacity:.12; }
.home-tool-card-barcode .home-tool-glow { background:#c026d3; }
.home-tool-card-serial .home-tool-glow { background:#4e55ff; }
.home-tool-card-generator .home-tool-glow { background:#00b8ff; }
.home-tool-icon {
    width: 54px;
    height: 54px;
    display:grid;
    place-items:center;
    border:1px solid rgba(139,92,246,.26);
    border-radius:15px;
    background:rgba(90,54,175,.10);
    color:#cf52dd;
}
.home-tool-card-serial .home-tool-icon { color:#7d7cff; background:rgba(62,74,220,.10); }
.home-tool-card-generator .home-tool-icon { color:#37bfff; background:rgba(19,134,201,.09); }
.home-tool-icon svg { width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.home-tool-copy { display:flex; flex-direction:column; margin-top:20px; }
.home-tool-copy small { color:#77849a; font-size:10px; font-weight:900; letter-spacing:.14em; }
.home-tool-copy strong { margin-top:7px; color:#fff; font-size:22px; letter-spacing:-.02em; }
.home-tool-copy > span { margin-top:9px; color:#929db0; font-size:13px; line-height:1.65; }
.home-tool-link { margin-top:auto; padding-top:20px; display:flex; align-items:center; justify-content:space-between; color:#e9ecf4; font-size:13px; font-weight:850; }
.home-tool-link b { color:#a855f7; font-size:18px; font-weight:500; transition:transform .18s ease; }
.home-tool-card:hover .home-tool-link b { transform:translateX(4px); }

.home-member-welcome {
    min-height: 150px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    padding:30px 34px;
}
.home-member-welcome h2 { font-size:30px; }
.home-member-welcome p { margin:9px 0 0; color:#8f9bb0; font-size:14px; }
.home-plan-status {
    min-width:250px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px 16px;
    border:1px solid rgba(0,232,157,.18);
    border-radius:14px;
    background:rgba(0,232,157,.045);
}
.home-plan-status-dot { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:#00e89d; box-shadow:0 0 14px rgba(0,232,157,.65); }
.home-plan-status > span:nth-child(2) { display:flex; min-width:0; flex:1; flex-direction:column; }
.home-plan-status small { color:#75839a; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.home-plan-status strong { margin-top:3px; color:#f4f7fb; font-size:14px; }
.home-plan-status em { margin-top:2px; color:#748197; font-size:10px; font-style:normal; }
.home-plan-status b { color:#8f9bb0; font-weight:500; }
.home-plan-status-empty { border-color:rgba(139,92,246,.21); background:rgba(124,58,237,.06); }
.home-plan-status-icon { width:30px; height:30px; display:grid!important; place-items:center; flex:0 0 30px!important; border-radius:9px; background:rgba(139,92,246,.16); color:#b995ff; font-size:20px; }
.home-plan-status-admin { border-color:rgba(59,130,246,.22); background:rgba(59,130,246,.06); }

.home-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:18px; }
.home-stat-card { position:relative; overflow:hidden; padding:19px 21px; border:1px solid rgba(148,163,184,.13); border-radius:15px; background:rgba(11,17,32,.82); }
.home-stat-card::after { content:""; position:absolute; right:-25px; bottom:-35px; width:85px; height:85px; border-radius:50%; background:rgba(124,58,237,.055); }
.home-stat-card span { display:block; color:#7f8ba0; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.home-stat-card strong { display:block; margin-top:7px; color:#fff; font-size:29px; letter-spacing:-.04em; }
.home-stat-card small { display:block; margin-top:2px; color:#657188; font-size:10px; }

.home-member-columns { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:18px; margin-top:18px; }
.home-section-card { overflow:hidden; border:1px solid rgba(148,163,184,.13); border-radius:17px; background:rgba(10,16,30,.88); }
.home-section-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:21px 22px 17px; border-bottom:1px solid rgba(148,163,184,.10); }
.home-section-head span { color:#707d93; font-size:10px; font-weight:900; letter-spacing:.12em; }
.home-section-head h3 { margin:5px 0 0; color:#f5f7fb; font-size:17px; }
.home-workspace-list,.home-record-list { display:flex; flex-direction:column; }
.home-workspace-row { min-height:68px; display:grid; grid-template-columns:40px minmax(0,1fr) 58px 92px 18px; align-items:center; gap:11px; padding:8px 20px; border-bottom:1px solid rgba(148,163,184,.075); transition:background .16s ease; }
.home-workspace-row:last-child,.home-record-row:last-child { border-bottom:0; }
.home-workspace-row:hover,.home-record-row:hover { background:rgba(255,255,255,.025); }
.home-workspace-type { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; border:1px solid rgba(192,38,211,.20); background:rgba(192,38,211,.07); color:#d854e2; font-weight:900; }
.home-workspace-type.serial { border-color:rgba(83,91,255,.22); background:rgba(83,91,255,.08); color:#8589ff; }
.home-workspace-name { min-width:0; display:flex; flex-direction:column; }
.home-workspace-name strong { overflow:hidden; color:#e8ebf3; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.home-workspace-name small { margin-top:3px; color:#657188; font-size:10px; }
.home-workspace-count { display:flex; flex-direction:column; align-items:flex-end; }
.home-workspace-count strong { color:#dfe4ed; font-size:13px; }
.home-workspace-count small,.home-workspace-date { color:#68758a; font-size:10px; }
.home-workspace-date { text-align:right; }
.home-row-arrow { color:#69768b; font-size:15px; transition:transform .16s ease,color .16s ease; }
.home-workspace-row:hover .home-row-arrow,.home-record-row:hover .home-row-arrow { color:#a855f7; transform:translateX(3px); }
.home-record-row { min-height:62px; display:grid; grid-template-columns:minmax(0,1fr) 18px; gap:8px 12px; align-items:center; padding:10px 20px; border-bottom:1px solid rgba(148,163,184,.075); }
.home-record-value { overflow:hidden; color:#e8ebf2; font-size:12px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.home-record-meta { grid-column:1; color:#68758a; font-size:10px; }
.home-record-row .home-row-arrow { grid-column:2; grid-row:1 / span 2; }
.home-empty-state { min-height:200px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:28px; text-align:center; }
.home-empty-state strong { color:#dfe4ec; font-size:14px; }
.home-empty-state span { max-width:380px; margin-top:7px; color:#69758a; font-size:11px; line-height:1.6; }

.home-process-section,.home-feature-section,.home-faq-section { padding:78px 4px 0; }
.home-section-intro { max-width:720px; margin:0 auto 32px; text-align:center; }
.home-section-intro-left { margin-left:0; text-align:left; }
.home-section-intro h2,.home-membership-copy h2,.home-packages-teaser h2,.home-bottom-cta h2 { font-size:30px; }
.home-section-intro p,.home-packages-teaser p { margin:11px 0 0; color:#8490a5; font-size:14px; line-height:1.7; }
.home-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.home-process-grid article { position:relative; min-height:215px; padding:27px; border:1px solid rgba(148,163,184,.13); border-radius:17px; background:linear-gradient(155deg,rgba(14,21,38,.84),rgba(8,13,26,.92)); }
.home-process-grid article > b { position:absolute; top:20px; right:22px; color:rgba(148,163,184,.18); font-size:38px; letter-spacing:-.07em; }
.home-process-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:rgba(124,58,237,.10); color:#ad75ff; font-size:20px; }
.home-process-grid h3 { margin:23px 0 0; color:#f0f3f8; font-size:17px; }
.home-process-grid p { margin:9px 0 0; color:#79869c; font-size:12px; line-height:1.7; }
.home-feature-section { display:grid; grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr); gap:52px; align-items:start; }
.home-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.home-feature-grid article { display:flex; gap:14px; padding:18px; border:1px solid rgba(148,163,184,.11); border-radius:14px; background:rgba(11,17,32,.58); }
.home-feature-grid article > span { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:10px; background:rgba(124,58,237,.09); color:#a978ff; font-size:10px; font-weight:900; }
.home-feature-grid strong { color:#e8ecf4; font-size:13px; }
.home-feature-grid p { margin:5px 0 0; color:#748096; font-size:11px; line-height:1.55; }

.home-membership-banner { position:relative; overflow:hidden; min-height:285px; display:grid; grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr); align-items:center; gap:35px; margin-top:78px; padding:38px 50px; border:1px solid rgba(124,58,237,.22); border-radius:20px; background:radial-gradient(circle at 17% 45%,rgba(192,38,211,.14),transparent 30%),linear-gradient(120deg,rgba(15,20,40,.98),rgba(8,13,28,.98)); }
.home-membership-copy p { max-width:680px; margin:12px 0 0; color:#8591a7; font-size:13px; line-height:1.75; }
.home-membership-art { position:relative; height:180px; }
.home-membership-art span { position:absolute; border:1px solid rgba(139,92,246,.22); border-radius:18px; background:rgba(12,18,35,.74); box-shadow:0 25px 60px rgba(0,0,0,.22); }
.home-membership-art span:nth-child(1){ width:180px;height:115px;left:25px;top:34px;transform:rotate(-8deg); }
.home-membership-art span:nth-child(2){ width:180px;height:115px;left:76px;top:24px;transform:rotate(4deg); border-color:rgba(46,107,255,.26); }
.home-membership-art span:nth-child(3){ width:180px;height:115px;left:51px;top:49px; background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(28,43,85,.28)); }
.home-membership-art span:nth-child(3)::before { content:""; position:absolute; left:22px; top:22px; width:46px; height:46px; border-radius:13px; background:linear-gradient(135deg,#c026d3,#315cff); opacity:.75; }
.home-membership-art span:nth-child(3)::after { content:"Çalışma Alanı\A Kayıtlarınız düzenli"; white-space:pre; position:absolute; left:22px; bottom:19px; color:#8995aa; font-size:10px; line-height:1.7; }

.home-packages-teaser { display:flex; align-items:center; justify-content:space-between; gap:35px; margin-top:18px; padding:32px 34px; border:1px solid rgba(148,163,184,.12); border-radius:17px; background:rgba(11,17,32,.62); }
.home-packages-teaser > div { max-width:760px; }
.home-packages-teaser .home-primary-action { flex:0 0 auto; }

.home-faq-list { max-width:920px; margin:0 auto; border-top:1px solid rgba(148,163,184,.13); }
.home-faq-list details { border-bottom:1px solid rgba(148,163,184,.13); }
.home-faq-list summary { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; color:#e7ebf2; font-size:14px; font-weight:750; }
.home-faq-list summary::-webkit-details-marker { display:none; }
.home-faq-list summary span { color:#8a5cff; font-size:20px; font-weight:400; transition:transform .16s ease; }
.home-faq-list details[open] summary span { transform:rotate(45deg); }
.home-faq-list p { max-width:800px; margin:-3px 0 20px; color:#7f8ba0; font-size:12px; line-height:1.75; }
.home-bottom-cta { margin-top:78px; padding:52px 28px; border:1px solid rgba(148,163,184,.12); border-radius:20px; background:radial-gradient(circle at 50% 110%,rgba(76,69,255,.17),transparent 38%),rgba(9,15,29,.82); text-align:center; }
.home-bottom-cta .home-hero-actions { justify-content:center; }

@media (max-width: 1120px) {
    .home-hero { grid-template-columns:1fr .7fr; padding:40px; }
    .home-tool-grid { grid-template-columns:1fr; }
    .home-tool-card { min-height:205px; }
    .home-member-columns { grid-template-columns:1fr; }
    .home-feature-section { grid-template-columns:1fr; gap:24px; }
}

@media (max-width: 820px) {
    .home-hero { grid-template-columns:1fr; min-height:0; padding:34px 26px; }
    .home-hero-visual { display:none; }
    .home-hero h2 { font-size:38px; }
    .home-member-welcome { align-items:flex-start; flex-direction:column; padding:26px; }
    .home-plan-status { width:100%; min-width:0; }
    .home-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .home-process-grid { grid-template-columns:1fr; }
    .home-process-grid article { min-height:0; }
    .home-membership-banner { grid-template-columns:1fr; padding:32px; }
    .home-membership-art { display:none; }
    .home-packages-teaser { align-items:flex-start; flex-direction:column; }
}

@media (max-width: 620px) {
    .home-dashboard { margin-top:0; }
    .home-hero { border-radius:16px; padding:28px 20px; }
    .home-hero h2 { font-size:31px; }
    .home-hero-copy > p { font-size:14px; }
    .home-hero-actions { align-items:stretch; flex-direction:column; }
    .home-primary-action,.home-secondary-action { width:100%; }
    .home-tool-card { min-height:220px; padding:23px; }
    .home-stat-grid { gap:10px; }
    .home-stat-card { padding:16px; }
    .home-stat-card strong { font-size:25px; }
    .home-workspace-row { grid-template-columns:38px minmax(0,1fr) 46px 16px; padding:8px 14px; }
    .home-workspace-date { display:none; }
    .home-feature-grid { grid-template-columns:1fr; }
    .home-process-section,.home-feature-section,.home-faq-section { padding-top:56px; }
    .home-section-intro h2,.home-membership-copy h2,.home-packages-teaser h2,.home-bottom-cta h2 { font-size:25px; }
    .home-membership-banner { margin-top:56px; padding:26px 22px; }
    .home-packages-teaser { padding:25px 22px; }
    .home-bottom-cta { margin-top:56px; padding:38px 20px; }
}


/* Dashboard update 06: stacked member sections + clickable home logo */
.home-member-columns.home-member-stack {
    grid-template-columns: minmax(0, 1fr);
}
.home-member-stack .home-section-card + .home-section-card {
    margin-top: 0;
}
.sidebar-home-link {
    display: inline-grid;
    place-items: center;
    border-radius: 14px;
    text-decoration: none;
}
.sidebar-home-link .logo-icon {
    display: block;
}
.sidebar-home-link:focus-visible {
    outline: 2px solid rgba(168, 85, 247, .75);
    outline-offset: 4px;
}

/* Records hub */
.records-hub-page{display:flex;flex-direction:column;gap:22px}.records-hub-hero,.records-hub-card{background:var(--panel-bg,#fff);border:1px solid rgba(15,23,42,.08);border-radius:24px;box-shadow:0 12px 34px rgba(15,23,42,.05)}.records-hub-hero{padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.records-hub-kicker,.records-hub-head>div>span{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;color:#16a085;margin-bottom:7px}.records-hub-hero h1,.records-hub-head h2{margin:0;color:#172033}.records-hub-hero h1{font-size:30px}.records-hub-hero p{max-width:760px;margin:9px 0 0;color:#667085;line-height:1.65}.records-hub-summary{min-width:150px;padding:18px 22px;border-radius:18px;background:rgba(22,160,133,.08);text-align:center}.records-hub-summary strong{display:block;font-size:30px;color:#15967d}.records-hub-summary span{font-size:13px;color:#667085}.records-hub-card{padding:26px}.records-hub-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.records-hub-head h2{font-size:21px}.records-hub-head>small{color:#98a2b3}.records-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.records-workspace-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid #e8edf2;border-radius:16px;text-decoration:none;background:#fff;color:inherit;transition:.18s ease}.records-workspace-card:hover{transform:translateY(-1px);border-color:rgba(22,160,133,.42);box-shadow:0 8px 24px rgba(15,23,42,.06)}.records-workspace-badge{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800;background:rgba(22,160,133,.1);color:#15967d}.records-workspace-badge.serial{background:rgba(59,130,246,.1);color:#3677d7}.records-workspace-copy{min-width:0}.records-workspace-copy strong,.records-workspace-copy small{display:block}.records-workspace-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.records-workspace-copy small,.records-workspace-count small{color:#98a2b3;margin-top:3px}.records-workspace-count{text-align:right}.records-workspace-count b,.records-workspace-count small{display:block}.records-workspace-arrow{font-size:20px;color:#98a2b3}.records-hub-filters{display:grid;grid-template-columns:minmax(260px,1fr) 150px minmax(190px,240px) auto auto;gap:10px;margin-bottom:18px}.records-hub-filters input,.records-hub-filters select{min-height:42px;border:1px solid #dfe5eb;border-radius:11px;background:#fff;padding:0 12px;color:#344054}.records-hub-filters button,.records-hub-filters a{min-height:42px;border-radius:11px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700}.records-hub-filters button{border:0;background:#15967d;color:#fff}.records-hub-filters a{border:1px solid #dfe5eb;color:#475467;background:#fff}.records-hub-table-wrap{overflow:auto;border:1px solid #edf0f3;border-radius:16px}.records-hub-table{width:100%;border-collapse:collapse;min-width:880px}.records-hub-table th{background:#f8fafb;color:#667085;text-align:left;font-size:12px;font-weight:800;padding:12px 14px}.records-hub-table td{padding:13px 14px;border-top:1px solid #edf0f3;color:#475467;vertical-align:middle}.records-hub-table tbody tr:hover{background:#fbfcfd}.records-type-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(22,160,133,.09);color:#13866f;font-size:12px;font-weight:800}.records-type-pill.serial{background:rgba(59,130,246,.09);color:#326cc4}.records-workspace-link{font-weight:700;color:#344054;text-decoration:none}.records-workspace-link span{color:#15967d;margin-left:3px}.records-value{color:#172033;word-break:break-all}.records-hub-empty{padding:28px;text-align:center;color:#98a2b3}.records-hub-pagination{margin-top:16px}.records-hub-actions{margin-top:22px;padding-top:22px;border-top:1px solid #edf0f3;display:flex;align-items:center;justify-content:space-between;gap:20px}.records-hub-actions>div:first-child strong,.records-hub-actions>div:first-child span{display:block}.records-hub-actions>div:first-child span{margin-top:4px;color:#98a2b3;font-size:13px}.records-hub-action-buttons{display:flex;gap:10px}.records-export-button,.records-share-button{min-width:126px;min-height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none;cursor:pointer}.records-export-button{background:#15967d;color:#fff}.records-share-button{border:1px solid #15967d;background:#fff;color:#15967d}.records-share-button:disabled{opacity:.65;cursor:wait}
@media(max-width:980px){.records-workspace-grid{grid-template-columns:1fr}.records-hub-filters{grid-template-columns:1fr 1fr}.records-hub-filters input{grid-column:1/-1}.records-hub-actions{align-items:flex-start;flex-direction:column}.records-hub-action-buttons{width:100%}.records-export-button,.records-share-button{flex:1}}
@media(max-width:640px){.records-hub-hero{padding:22px;align-items:flex-start;flex-direction:column}.records-hub-hero h1{font-size:25px}.records-hub-summary{width:100%;box-sizing:border-box}.records-hub-card{padding:18px}.records-hub-filters{grid-template-columns:1fr}.records-hub-filters input{grid-column:auto}.records-workspace-card{grid-template-columns:auto minmax(0,1fr) auto}.records-workspace-count{display:none}.records-hub-action-buttons{flex-direction:column}.records-export-button,.records-share-button{width:100%;box-sizing:border-box}}

/* =========================================================
   KAYITLAR MERKEZİ V2 — koyu tema / AJAX çalışma alanları
   ========================================================= */
.records-v2-page {
    --rv2-bg: #111827;
    --rv2-panel: #171f2d;
    --rv2-panel-2: #1c2636;
    --rv2-border: rgba(148, 163, 184, .16);
    --rv2-border-strong: rgba(96, 165, 250, .34);
    --rv2-text: #f8fafc;
    --rv2-muted: #94a3b8;
    --rv2-soft: #cbd5e1;
    --rv2-accent: #2563eb;
    --rv2-accent-soft: rgba(37, 99, 235, .15);
    --rv2-danger: #ef4444;
    min-height: calc(100vh - 70px);
    margin: -28px -30px -40px;
    padding: 30px;
    background:
        radial-gradient(circle at 92% 0%, rgba(37, 99, 235, .10), transparent 30%),
        linear-gradient(180deg, #101723 0%, #0f1722 100%);
    color: var(--rv2-text);
}

.records-v2-hero,
.records-v2-panel {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
}

.records-v2-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 18px;
    padding: 8px 2px 10px;
}

.records-v2-kicker,
.records-v2-panel-head > div > span {
    display: block;
    margin-bottom: 7px;
    color: #60a5fa;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .13em;
}

.records-v2-hero h1,
.records-v2-panel-head h2 {
    margin: 0;
    color: var(--rv2-text);
    font-weight: 760;
    letter-spacing: -.025em;
}

.records-v2-hero h1 { font-size: clamp(25px, 3vw, 34px); }
.records-v2-panel-head h2 { font-size: 20px; }

.records-v2-hero p {
    max-width: 760px;
    margin: 9px 0 0;
    color: var(--rv2-muted);
    font-size: 14px;
    line-height: 1.65;
}

.records-v2-total {
    min-width: 118px;
    padding: 13px 16px;
    border: 1px solid var(--rv2-border);
    border-radius: 13px;
    background: rgba(23, 31, 45, .78);
    text-align: right;
}

.records-v2-total strong,
.records-v2-total span { display: block; }
.records-v2-total strong { font-size: 22px; line-height: 1; color: #fff; }
.records-v2-total span { margin-top: 5px; color: var(--rv2-muted); font-size: 11px; }

.records-v2-panel {
    margin-bottom: 18px;
    overflow: hidden;
    border: 1px solid var(--rv2-border);
    border-radius: 16px;
    background: rgba(23, 31, 45, .94);
    box-shadow: 0 16px 46px rgba(0, 0, 0, .15);
}

.records-v2-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--rv2-border);
}

.records-v2-panel-head small,
.records-v2-detail-meta {
    color: var(--rv2-muted);
    font-size: 12px;
}

.records-v2-workspace-list {
    display: flex;
    flex-direction: column;
}

.records-v2-workspace-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 105px 92px;
    align-items: center;
    gap: 18px;
    min-height: 72px;
    padding: 10px 17px 10px 20px;
    border-bottom: 1px solid var(--rv2-border);
    background: transparent;
    cursor: pointer;
    outline: none;
    transition: background .16s ease, border-color .16s ease;
}

.records-v2-workspace-row:last-child { border-bottom: 0; }
.records-v2-workspace-row:hover { background: rgba(255, 255, 255, .025); }
.records-v2-workspace-row:focus-visible { box-shadow: inset 0 0 0 2px rgba(96, 165, 250, .55); }
.records-v2-workspace-row.is-active {
    background: linear-gradient(90deg, rgba(37, 99, 235, .16), rgba(37, 99, 235, .035));
    box-shadow: inset 3px 0 0 #3b82f6;
}

.records-v2-workspace-main {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 13px;
}

.records-v2-module-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 850;
    color: #bfdbfe;
    border: 1px solid rgba(59, 130, 246, .25);
    background: rgba(37, 99, 235, .13);
}

.records-v2-module-mark.serial {
    color: #c4b5fd;
    border-color: rgba(139, 92, 246, .25);
    background: rgba(124, 58, 237, .13);
}

.records-v2-workspace-name { min-width: 0; }
.records-v2-workspace-name strong,
.records-v2-workspace-name span { display: block; }
.records-v2-workspace-name strong {
    overflow: hidden;
    color: var(--rv2-text);
    font-size: 14px;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.records-v2-workspace-name span { margin-top: 3px; color: var(--rv2-muted); font-size: 11px; }

.records-v2-workspace-count { text-align: right; }
.records-v2-workspace-count strong,
.records-v2-workspace-count span { display: block; }
.records-v2-workspace-count strong { color: #e2e8f0; font-size: 15px; }
.records-v2-workspace-count span { margin-top: 2px; color: var(--rv2-muted); font-size: 10px; }

.records-v2-workspace-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.records-v2-icon-btn,
.records-v2-default-lock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--rv2-border);
    border-radius: 9px;
    background: rgba(255, 255, 255, .025);
    color: #94a3b8;
    text-decoration: none;
}
.records-v2-icon-btn { cursor: pointer; }
.records-v2-icon-btn svg,
.records-v2-default-lock svg { width: 16px; height: 16px; fill: currentColor; }
.records-v2-edit-btn:hover { border-color: rgba(59, 130, 246, .42); background: rgba(37, 99, 235, .14); color: #93c5fd; }
.records-v2-delete-btn:hover { border-color: rgba(239, 68, 68, .42); background: rgba(239, 68, 68, .11); color: #fca5a5; }
.records-v2-default-lock { opacity: .42; cursor: not-allowed; }

.records-v2-placeholder,
.records-v2-loading {
    min-height: 205px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 34px 20px;
    text-align: center;
}
.records-v2-placeholder[hidden], .records-v2-loading[hidden], .records-v2-results[hidden] { display: none !important; }
.records-v2-placeholder-icon { color: #3b82f6; font-size: 30px; line-height: 1; }
.records-v2-placeholder strong { margin-top: 8px; color: #e2e8f0; font-size: 14px; }
.records-v2-placeholder small { margin-top: 5px; color: var(--rv2-muted); font-size: 12px; }

.records-v2-loading { flex-direction: row; gap: 10px; color: var(--rv2-soft); font-size: 13px; }
.records-v2-loading > span {
    width: 17px;
    height: 17px;
    border: 2px solid rgba(148, 163, 184, .25);
    border-top-color: #60a5fa;
    border-radius: 50%;
    animation: recordsV2Spin .7s linear infinite;
}
@keyframes recordsV2Spin { to { transform: rotate(360deg); } }

.records-v2-table-wrap { overflow-x: auto; }
.records-v2-table {
    width: 100%;
    border-collapse: collapse;
    color: var(--rv2-soft);
    font-size: 12px;
}
.records-v2-table th {
    padding: 12px 16px;
    border-bottom: 1px solid var(--rv2-border);
    background: rgba(9, 15, 25, .38);
    color: #7f8da3;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .045em;
    text-align: left;
    white-space: nowrap;
}
.records-v2-table td {
    padding: 13px 16px;
    border-bottom: 1px solid rgba(148, 163, 184, .09);
    vertical-align: middle;
}
.records-v2-table tbody tr:hover { background: rgba(255, 255, 255, .018); }
.records-v2-table tbody tr:last-child td { border-bottom: 0; }
.records-v2-table td strong { color: #f1f5f9; font-weight: 650; }
.records-v2-table-empty { padding: 35px 10px; text-align: center; color: var(--rv2-muted); }

.records-v2-pagination-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 58px;
    padding: 10px 16px;
    border-top: 1px solid var(--rv2-border);
}
.records-v2-page-info { color: var(--rv2-muted); font-size: 11px; }
.records-v2-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.records-v2-page-btn {
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    border: 1px solid var(--rv2-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, .025);
    color: #aebbcf;
    font-size: 11px;
    cursor: pointer;
}
.records-v2-page-btn:hover { border-color: rgba(59, 130, 246, .38); color: #dbeafe; }
.records-v2-page-btn.is-active { border-color: #2563eb; background: #2563eb; color: #fff; }
.records-v2-page-ellipsis { padding: 0 3px; color: #64748b; }

.records-v2-bottom-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 20px;
    border-top: 1px solid var(--rv2-border);
    background: rgba(10, 16, 27, .25);
}
.records-v2-bottom-actions > div:first-child strong,
.records-v2-bottom-actions > div:first-child span { display: block; }
.records-v2-bottom-actions > div:first-child strong { color: #e2e8f0; font-size: 13px; }
.records-v2-bottom-actions > div:first-child span { max-width: 650px; margin-top: 4px; color: var(--rv2-muted); font-size: 11px; line-height: 1.45; }
.records-v2-action-buttons { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.records-v2-excel-btn,
.records-v2-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 36px;
    padding: 0 13px;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}
.records-v2-excel-btn { border: 1px solid #2563eb; background: #2563eb; color: #fff; }
.records-v2-share-btn { border: 1px solid var(--rv2-border); background: rgba(255,255,255,.03); color: #cbd5e1; }
.records-v2-excel-btn:hover { background: #1d4ed8; color: #fff; }
.records-v2-share-btn:hover { border-color: rgba(96,165,250,.35); color: #fff; }
.records-v2-excel-btn svg,
.records-v2-share-btn svg { width: 15px; height: 15px; fill: currentColor; }
.records-v2-share-btn:disabled { opacity: .55; cursor: wait; }
.records-v2-empty { padding: 28px 20px; color: var(--rv2-muted); text-align: center; font-size: 13px; }

@media (max-width: 760px) {
    .records-v2-page { margin: -20px -16px -30px; padding: 18px 12px 28px; }
    .records-v2-hero { align-items: flex-start; flex-direction: column; gap: 14px; }
    .records-v2-total { min-width: 0; width: 100%; text-align: left; }
    .records-v2-panel-head { align-items: flex-start; flex-direction: column; padding: 17px 15px; gap: 8px; }
    .records-v2-workspace-row { grid-template-columns: minmax(0, 1fr) 64px; gap: 10px; min-height: 68px; padding: 9px 10px 9px 13px; }
    .records-v2-workspace-count { display: none; }
    .records-v2-workspace-actions { grid-column: 2; grid-row: 1; }
    .records-v2-table { min-width: 760px; }
    .records-v2-pagination-wrap { align-items: flex-start; flex-direction: column; }
    .records-v2-pagination { flex-wrap: wrap; justify-content: flex-start; }
    .records-v2-bottom-actions { align-items: stretch; flex-direction: column; }
    .records-v2-action-buttons { width: 100%; }
    .records-v2-excel-btn, .records-v2-share-btn { flex: 1; }
}

/* Records v3: compact record actions + modal barcode generator */
.records-v2-detail-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.records-v2-detail-tools[hidden]{display:none!important}.records-v2-toolbar-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--rv2-border);border-radius:9px;background:rgba(255,255,255,.025);color:#aebbcf;cursor:pointer;text-decoration:none}.records-v2-toolbar-icon svg{width:16px;height:16px;fill:currentColor}.records-v2-toolbar-icon:hover{border-color:rgba(96,165,250,.4);background:rgba(37,99,235,.12);color:#dbeafe}.records-v2-toolbar-excel{color:#86efac}.records-v2-toolbar-excel:hover{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.1);color:#bbf7d0}.records-v2-toolbar-icon:disabled{opacity:.5;cursor:wait}
.records-v2-compact-table th:nth-child(1){width:18%}.records-v2-compact-table th:nth-child(2){width:34%}.records-v2-compact-table th:nth-child(3){width:auto}.records-v2-actions-head{width:132px;text-align:right!important}.records-v2-record-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.records-v2-record-icon{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;padding:0;border:1px solid var(--rv2-border);border-radius:8px;background:rgba(255,255,255,.025);color:#8fa0b7;cursor:pointer}.records-v2-record-icon svg{width:15px;height:15px;fill:currentColor}.records-v2-record-icon.is-edit:hover{border-color:rgba(59,130,246,.4);background:rgba(37,99,235,.12);color:#93c5fd}.records-v2-record-icon.is-delete:hover{border-color:rgba(239,68,68,.38);background:rgba(239,68,68,.1);color:#fca5a5}.records-v2-record-icon.is-barcode:hover{border-color:rgba(34,197,94,.38);background:rgba(34,197,94,.1);color:#86efac}.records-v2-record-icon:disabled{opacity:.45;cursor:wait}
body.records-modal-open{overflow:hidden}.records-v2-modal[hidden]{display:none!important}.records-v2-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:20px}.records-v2-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,12,.78);backdrop-filter:blur(5px)}.records-v2-modal-card{position:relative;z-index:1;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid rgba(148,163,184,.17);border-radius:16px;background:#111925;box-shadow:0 28px 80px rgba(0,0,0,.48);color:#e5edf8}.records-v2-barcode-card{width:min(700px,100%)}.records-v2-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(148,163,184,.13)}.records-v2-modal-head span{display:block;color:#60a5fa;font-size:9px;font-weight:850;letter-spacing:.12em}.records-v2-modal-head h3{margin:4px 0 0;font-size:18px;color:#f8fafc}.records-v2-modal-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid rgba(148,163,184,.15);border-radius:9px;background:rgba(255,255,255,.025);color:#94a3b8;font-size:24px;line-height:1;cursor:pointer}.records-v2-modal-close:hover{color:#fff;border-color:rgba(96,165,250,.34)}.records-v2-modal-body{padding:20px}.records-v2-modal-body label{display:block;margin-bottom:15px}.records-v2-modal-body label>span{display:block;margin-bottom:6px;color:#8fa0b7;font-size:11px;font-weight:700}.records-v2-modal-body input,.records-v2-modal-body textarea,.records-v2-modal-body select{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.16);border-radius:9px;background:#0b121d;color:#e5edf8;padding:10px 12px;font:inherit;outline:none}.records-v2-modal-body textarea{resize:vertical}.records-v2-modal-body input:focus,.records-v2-modal-body textarea:focus,.records-v2-modal-body select:focus{border-color:rgba(59,130,246,.65);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.records-v2-modal-body input[readonly]{color:#cbd5e1;background:#0d1521}.records-v2-modal-error{margin:0 0 15px;padding:10px 12px;border:1px solid rgba(239,68,68,.25);border-radius:9px;background:rgba(239,68,68,.08);color:#fecaca;font-size:12px}.records-v2-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:18px}.records-v2-modal-primary,.records-v2-modal-secondary{height:36px;padding:0 14px;border-radius:9px;font-size:11px;font-weight:750;cursor:pointer}.records-v2-modal-primary{border:1px solid #2563eb;background:#2563eb;color:#fff}.records-v2-modal-primary:hover{background:#1d4ed8}.records-v2-modal-primary:disabled{opacity:.5;cursor:not-allowed}.records-v2-modal-secondary{border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.025);color:#cbd5e1}.records-v2-barcode-fields{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px}.records-v2-barcode-preview{display:flex;align-items:center;justify-content:center;min-height:220px;padding:18px;overflow:auto;border:1px solid rgba(148,163,184,.13);border-radius:12px;background:#fff}.records-v2-barcode-preview canvas{display:block;max-width:100%;height:auto}
@media(max-width:760px){.records-v2-detail-head{flex-direction:column;align-items:stretch}.records-v2-detail-tools{width:100%;margin-left:0}.records-v2-detail-meta{margin-right:auto}.records-v2-compact-table{min-width:640px}.records-v2-modal{padding:10px}.records-v2-modal-card{max-height:calc(100vh - 20px)}.records-v2-barcode-fields{grid-template-columns:1fr}.records-v2-modal-actions{flex-wrap:wrap}.records-v2-modal-actions button{flex:1}}

/* Records v4: centered AJAX search + themed delete confirmation */
.records-v2-search-row{display:flex;justify-content:center;padding:14px 18px 4px}.records-v2-search-row[hidden]{display:none!important}.records-v2-search-box{position:relative;width:min(620px,100%)}.records-v2-search-box svg{position:absolute;left:13px;top:50%;width:17px;height:17px;fill:#64748b;transform:translateY(-50%);pointer-events:none}.records-v2-search-box input{width:100%;height:42px;box-sizing:border-box;padding:0 42px 0 40px;border:1px solid rgba(148,163,184,.16);border-radius:11px;background:#0b121d;color:#e5edf8;font-size:12px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.records-v2-search-box input::placeholder{color:#66758a}.records-v2-search-box input:focus{border-color:rgba(59,130,246,.58);background:#0d1521;box-shadow:0 0 0 3px rgba(37,99,235,.09)}.records-v2-search-box button{position:absolute;right:8px;top:50%;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:#7f8da3;font-size:20px;line-height:1;transform:translateY(-50%);cursor:pointer}.records-v2-search-box button:hover{background:rgba(255,255,255,.05);color:#e2e8f0}.records-v2-search-box button[hidden]{display:none!important}
.records-v2-delete-card{width:min(470px,100%)}.records-v2-delete-warning-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 14px;border:1px solid rgba(239,68,68,.26);border-radius:14px;background:rgba(239,68,68,.09);color:#fca5a5}.records-v2-delete-warning-icon svg{width:24px;height:24px;fill:currentColor}.records-v2-delete-message{margin:0;color:#f1f5f9;font-size:14px;font-weight:700;line-height:1.55;text-align:center}.records-v2-delete-note{margin:7px 0 0;color:#8290a4;font-size:11px;line-height:1.5;text-align:center}.records-v2-delete-confirm-btn{height:36px;padding:0 15px;border:1px solid #dc2626;border-radius:9px;background:#dc2626;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.records-v2-delete-confirm-btn:hover{background:#b91c1c}.records-v2-delete-confirm-btn:disabled{opacity:.5;cursor:wait}
@media(max-width:760px){.records-v2-search-row{padding:12px 12px 2px}.records-v2-search-box{width:100%}}

/* V17 - Ortak barkod motoru / Kayıtlar modalı */
.records-v2-barcode-modal-body{display:grid;gap:12px}.records-v2-barcode-modal-body .records-v2-barcode-fields label{margin-bottom:0}.records-v2-barcode-hint{margin:-2px 0 0;color:#77869d;font-size:11px;line-height:1.5}.records-v2-dm-shape{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(148,163,184,.14);border-radius:10px;background:#0b121d}.records-v2-dm-shape[hidden]{display:none!important}.records-v2-dm-shape>span{color:#9aabc1;font-size:11px;font-weight:750}.records-v2-segmented{display:flex;gap:4px;padding:3px;border:1px solid rgba(148,163,184,.15);border-radius:9px;background:#070d16}.records-v2-segmented button{min-height:31px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#7f8da2;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.records-v2-segmented button.is-active{background:linear-gradient(135deg,#8f45dd,#5d61ea);color:#fff}.records-v2-barcode-preview{min-height:245px}.records-v2-barcode-preview canvas[data-kind="qr"]{max-width:210px}.records-v2-barcode-downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.records-v2-barcode-downloads button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid rgba(148,163,184,.16);border-radius:9px;background:#0b121d;color:#dce5f2;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.records-v2-barcode-downloads button:hover:not(:disabled){border-color:#8c48d7;background:#15182b;color:#fff}.records-v2-barcode-downloads button:disabled{opacity:.38;cursor:not-allowed}.records-v2-barcode-downloads button span{font-size:15px;line-height:1;color:#9b63e6}@media(max-width:760px){.records-v2-dm-shape{align-items:flex-start;flex-direction:column}.records-v2-segmented{width:100%}.records-v2-segmented button{flex:1}.records-v2-barcode-downloads{grid-template-columns:repeat(3,1fr)}}


/* Guest records + account import */
.records-v2-hero-side{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.records-v2-import-guest{border:1px solid rgba(159,78,229,.55);background:rgba(159,78,229,.10);color:#e8ddf6;border-radius:12px;padding:10px 13px;font-weight:800;cursor:pointer}
.records-v2-import-guest:hover{background:rgba(159,78,229,.18)}
.guest-import-open{overflow:hidden}.guest-import-modal[hidden]{display:none!important}.guest-import-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px}.guest-import-backdrop{position:absolute;inset:0;background:rgba(3,7,14,.78);backdrop-filter:blur(5px)}.guest-import-card{position:relative;width:min(520px,100%);background:#111827;border:1px solid #2a3650;border-radius:20px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.5);color:#eef2f8}.guest-import-x{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#8f9bb0;font-size:28px;cursor:pointer}.guest-import-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#a96cf0}.guest-import-card h3{margin:8px 0 10px;font-size:24px}.guest-import-card p{margin:0;color:#aeb8c9;line-height:1.6}.guest-import-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.guest-import-actions button{border-radius:12px;padding:11px 16px;font-weight:850;cursor:pointer}.guest-import-secondary{border:1px solid #334159;background:#172033;color:#d7dfec}.guest-import-primary{border:0;background:linear-gradient(135deg,#8f46de,#6f58ef);color:white}.guest-import-primary:disabled{opacity:.55;cursor:wait}.guest-import-progress{margin-top:18px;display:flex;align-items:center;gap:10px;color:#cbd5e1}.guest-import-progress span{width:16px;height:16px;border:2px solid #52617a;border-top-color:#a96cf0;border-radius:50%;animation:guestImportSpin .8s linear infinite}.guest-import-result{margin-top:16px!important;padding:12px 14px;border-radius:12px;background:#0c1423;border:1px solid #26334a;color:#dbe4f1!important}@keyframes guestImportSpin{to{transform:rotate(360deg)}}
@media(max-width:640px){.records-v2-hero-side{width:100%;justify-content:space-between}.records-v2-import-guest{width:100%}.guest-import-card{padding:24px 18px}.guest-import-actions{flex-direction:column-reverse}.guest-import-actions button{width:100%}}

.guest-import-progress[hidden],.guest-import-result[hidden],.guest-import-actions button[hidden],#guestImportSummary[hidden]{display:none!important}


/* V32 - Admin sayfa/SEO ve dil yönetimi */
.seo-admin-shell,.seo-editor-shell{display:grid;gap:18px}.seo-admin-panel{overflow:visible}.seo-page-list{display:grid;gap:8px;margin-top:18px}.seo-page-row{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;align-items:center;gap:14px;padding:14px 15px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#0c1420;color:#e8eef8;text-decoration:none;transition:.16s ease}.seo-page-row:hover{border-color:rgba(139,92,246,.42);background:#101927;transform:translateY(-1px)}.seo-page-copy{display:grid;gap:4px;min-width:0}.seo-page-copy strong{font-size:13px}.seo-page-copy small{color:#718096;font-size:10px}.seo-page-languages{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.seo-language-pill{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:23px;padding:0 7px;border:1px solid rgba(148,163,184,.16);border-radius:7px;background:#0a1019;color:#718096;font-size:9px;font-weight:900}.seo-language-pill.is-ready{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.07);color:#86efac}.seo-page-edit-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:rgba(139,92,246,.10);color:#b794f4}.seo-language-list{display:grid;gap:8px;margin-top:18px}.seo-language-row{display:grid;grid-template-columns:minmax(180px,1fr) 90px 120px auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(148,163,184,.13);border-radius:11px;background:#0c1420}.seo-language-code{text-transform:lowercase}.seo-language-toggle{display:flex;align-items:center;gap:8px;color:#aeb8c9;font-size:11px;font-weight:750}.seo-language-add{display:grid;grid-template-columns:minmax(180px,1fr) 90px auto;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(148,163,184,.11)}.seo-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.seo-tab{min-height:38px;padding:0 13px;border:1px solid rgba(148,163,184,.15);border-radius:9px;background:#0b121d;color:#93a0b3;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.seo-tab small{margin-left:5px;color:#66758a}.seo-tab.is-active{border-color:#8650dc;background:rgba(134,80,220,.13);color:#fff}.seo-language-panel{display:none;gap:15px}.seo-language-panel.is-active{display:grid}.seo-url-preview{display:grid;gap:5px;padding:11px 13px;border:1px solid rgba(59,130,246,.15);border-radius:10px;background:#0a121f}.seo-url-preview span{color:#6f8097;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.seo-url-preview code{overflow:hidden;color:#93c5fd;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.seo-field{display:grid;gap:6px}.seo-field>span{color:#cbd5e1;font-size:11px;font-weight:800}.seo-field small{color:#66758a;font-size:10px}.seo-textarea{min-height:100px;resize:vertical}.seo-index-toggle{display:flex;align-items:center;gap:9px;color:#cbd5e1;font-size:11px;font-weight:800}.seo-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(148,163,184,.11)}.seo-back-link{display:inline-flex;align-items:center;text-decoration:none}.seo-language-switcher{position:relative}.seo-language-switcher>summary{list-style:none;cursor:pointer}.seo-language-switcher>summary::-webkit-details-marker{display:none}.seo-language-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:200;width:180px;padding:6px;border:1px solid rgba(148,163,184,.15);border-radius:11px;background:#101826;box-shadow:0 18px 50px rgba(0,0,0,.38)}.seo-language-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;color:#aeb9c9;text-decoration:none;font-size:11px}.seo-language-menu a:hover,.seo-language-menu a.is-active{background:rgba(139,92,246,.12);color:#fff}.seo-language-menu a small{color:#6f8097;font-size:9px;font-weight:900}@media(max-width:760px){.seo-page-row{grid-template-columns:minmax(0,1fr) 32px}.seo-page-languages{grid-column:1/-1;grid-row:2;justify-content:flex-start}.seo-page-edit-icon{grid-column:2;grid-row:1}.seo-language-row{grid-template-columns:1fr 78px}.seo-language-toggle,.seo-language-row button{grid-column:auto}.seo-language-add{grid-template-columns:1fr 78px}.seo-language-add button{grid-column:1/-1}.seo-editor-actions{align-items:stretch;flex-direction:column}.seo-editor-actions>*{justify-content:center;width:100%;box-sizing:border-box}.seo-language-switcher{display:block}}

.mobile-language-switcher{display:none;position:relative}.mobile-language-switcher>summary{display:grid;place-items:center;min-width:38px;height:34px;padding:0 8px;border:1px solid rgba(148,163,184,.15);border-radius:9px;background:#101826;color:#cbd5e1;font-size:10px;font-weight:900;list-style:none;cursor:pointer}.mobile-language-switcher>summary::-webkit-details-marker{display:none}.mobile-language-menu{position:absolute;left:50%;top:calc(100% + 7px);z-index:260;display:grid;min-width:72px;padding:5px;border:1px solid rgba(148,163,184,.15);border-radius:9px;background:#101826;box-shadow:0 14px 35px rgba(0,0,0,.36);transform:translateX(-50%)}.mobile-language-menu a{padding:8px 10px;border-radius:7px;color:#8f9db1;text-align:center;text-decoration:none;font-size:10px;font-weight:900}.mobile-language-menu a.is-active,.mobile-language-menu a:hover{background:rgba(139,92,246,.12);color:#fff}@media(max-width:900px){.mobile-language-switcher{display:block}}


/* =========================================================
   V51 - HEADER / LANGUAGE / MOBILE RESPONSIVE POLISH
   Scope: topbar only. Scanner/editor areas are intentionally untouched.
   ========================================================= */

.desktop-topbar-right {
    align-items: center;
}

.language-switcher,
.account-menu {
    align-self: center;
}

.language-button {
    min-width: 66px;
    height: 42px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
}

.language-code {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.language-chevron,
.user-chevron {
    width: 11px;
    height: 8px;
    display: block;
    flex: 0 0 auto;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform-origin: 50% 50%;
    transition: transform .16s ease;
}

.seo-language-switcher[open] .language-chevron,
.account-menu[open] .user-chevron {
    transform: rotate(180deg);
}

.header-login,
.header-register,
.language-button {
    font-family: inherit;
    font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
}

.user-arrow {
    width: 16px;
    height: 16px;
    margin-left: 2px;
    display: grid;
    place-items: center;
    color: var(--text-soft);
    line-height: 1;
}

.user-button {
    box-sizing: border-box;
}

@media (max-width: 900px) {
    .topbar {
        width: 100% !important;
        min-height: calc(68px + env(safe-area-inset-top)) !important;
        height: auto !important;
        box-sizing: border-box !important;
        padding:
            max(6px, env(safe-area-inset-top))
            10px
            6px !important;
        overflow: visible !important;
        display: flex !important;
        align-items: center !important;
    }

    .mobile-topbar {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 56px;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 40px 44px !important;
        grid-template-rows: 56px !important;
        align-items: center !important;
        column-gap: 8px !important;
    }

    .mobile-menu-button {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
    }

    .mobile-brand {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
        min-width: 0;
    }

    .mobile-language-switcher {
        grid-column: 3;
        grid-row: 1;
        justify-self: center;
        align-self: center;
        min-width: 0;
        margin: 0;
    }

    .mobile-user-button {
        grid-column: 4;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        width: 44px;
        min-width: 44px;
        height: 44px;
        padding: 0;
        box-sizing: border-box;
        display: grid !important;
        place-items: center;
        flex: 0 0 44px;
        overflow: hidden;
    }

    .mobile-user-button .user-avatar {
        width: 40px;
        height: 40px;
        min-width: 40px;
        box-sizing: border-box;
        display: grid;
        place-items: center;
    }

    .mobile-user-button .user-avatar svg {
        width: 23px;
        height: 23px;
    }

    .mobile-language-switcher > summary {
        width: 40px;
        min-width: 40px;
        height: 40px;
        box-sizing: border-box;
        padding: 0;
        display: grid;
        place-items: center;
        font-family: inherit;
        font-size: 11px;
        font-weight: 750;
        line-height: 1;
        letter-spacing: 0;
    }

    .mobile-language-menu {
        top: calc(100% + 8px);
    }
}

@media (max-width: 380px) {
    .topbar {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .mobile-topbar {
        grid-template-columns: 42px minmax(0, 1fr) 38px 42px !important;
        column-gap: 4px !important;
    }

    .mobile-menu-button,
    .mobile-user-button {
        width: 42px;
        min-width: 42px;
        height: 42px;
    }

    .mobile-user-button .user-avatar {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }

    .mobile-language-switcher > summary {
        width: 38px;
        min-width: 38px;
        height: 38px;
    }
}


/* =========================================================
   V53 - BARCODEM LOGO ASSET
   Only visual logo replacement; no layout/router logic changed.
   ========================================================= */

.sidebar-home-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}

.logo-icon {
    width: 185px;
    height: 85px;
    display: block;
    position: relative;
    flex: 0 0 auto;
    background: url('/assets/img/barcodem-logo.png') center / contain no-repeat;
}

.logo-icon::before,
.logo-icon::after,
.logo-icon > span {
    display: none !important;
    content: none !important;
}

@media (max-width: 900px) {
    .mobile-brand {
        width: 58px;
        height: 48px;
        overflow: visible;
    }

    .mobile-brand-icon {
        width: 128px;
        height: 33px;
        display: block;
        position: relative;
        background: url('/assets/img/barcodem-logo-mobile.png') center / contain no-repeat;
    }

    .mobile-brand-icon::before,
    .mobile-brand-icon::after {
        display: none !important;
        content: none !important;
    }
}

@media (max-width: 380px) {
    .mobile-brand {
        width: 68px;
        height: 44px;
    }

    .mobile-brand-icon {
        width: 48px;
        height: 40px;
    }
}


/* =========================================================
   V55 - MOBILE LOGO VISIBILITY / SCALE
   Source asset: barcodem-logo-mobile.png
   Header structure and scanner/editor styles are untouched.
   ========================================================= */
@media (max-width: 900px) {
    .mobile-topbar {
        grid-template-columns: 44px minmax(118px, 1fr) 40px 44px !important;
        column-gap: 6px !important;
    }

    .mobile-brand {
        width: min(150px, 100%) !important;
        height: 52px !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    .mobile-brand-icon {
        width: 142px !important;
        max-width: 100% !important;
        height: 50px !important;
        flex: 0 1 142px !important;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
}

@media (max-width: 430px) {
    .mobile-topbar {
        grid-template-columns: 42px minmax(104px, 1fr) 38px 42px !important;
        column-gap: 4px !important;
    }

    .mobile-brand {
        width: min(138px, 100%) !important;
        height: 50px !important;
    }

    .mobile-brand-icon {
        width: 132px !important;
        height: 48px !important;
        flex-basis: 132px !important;
    }
}

@media (max-width: 360px) {
    .mobile-topbar {
        grid-template-columns: 40px minmax(94px, 1fr) 36px 40px !important;
        column-gap: 3px !important;
    }

    .mobile-brand {
        width: min(122px, 100%) !important;
        height: 46px !important;
    }

    .mobile-brand-icon {
        width: 118px !important;
        height: 44px !important;
        flex-basis: 118px !important;
    }
}


/* =========================================================
   V56 - SADE MOBIL SIDEBAR
   Mobil drawer: only the four primary tools remain visible.
   Desktop sidebar is unchanged.
   ========================================================= */
@media (max-width: 900px) {
    /* Drawer içindeki masaüstü logosunu mobilde kaldır. */
    .sidebar .sidebar-home-link {
        display: none !important;
    }

    /* Logo alanını yalnız kapatma butonu için kompakt tut. */
    .sidebar .sidebar-logo {
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 !important;
        border-bottom: 0 !important;
    }

    .sidebar .mobile-sidebar-close {
        top: 10px !important;
        right: 12px !important;
        width: 38px !important;
        height: 38px !important;
    }

    /* İlk dört ana araç haricindeki tüm sidebar bağlantılarını gizle. */
    .sidebar .sidebar-nav > .nav-item:nth-of-type(n + 5) {
        display: none !important;
    }

    .sidebar .sidebar-nav {
        padding: 10px 14px 18px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .sidebar .sidebar-nav > .nav-item:nth-of-type(-n + 4) {
        display: flex !important;
        min-height: 52px !important;
        padding: 0 15px !important;
        border-radius: 12px !important;
    }

    .sidebar .sidebar-collapse {
        display: none !important;
    }
}


/* =========================================================
   SIDEBAR - KAYIT / QR PROJE SAYACLARI
   ========================================================= */
.nav-count-badge {
    margin-left: auto;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(139, 92, 246, .30);
    background: rgba(99, 102, 241, .22);
    color: #e9ddff;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    box-sizing: border-box;
}

.nav-item.active .nav-count-badge {
    border-color: rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .16);
    color: #fff;
}

.nav-item[hidden] {
    display: none !important;
}

@media (max-width: 880px) {
    /* Veri varsa Kayıtlar ve QR Projelerim de mobil sade menüde erişilebilir olsun. */
    .sidebar .sidebar-nav > .nav-item.nav-item--library:not([hidden]) {
        display: flex !important;
        min-height: 52px !important;
        padding: 0 15px !important;
        border-radius: 12px !important;
    }
}