/* ==========================================================================
   Berberim Panel UI — Faz 0 (App Shell)
   Tüm kurallar body.brm-panel altında çalışır; JNews temasına dokunmaz.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Tasarım token'ları (açık / koyu)
   -------------------------------------------------------------------------- */
body.brm-panel {
    --brm-bg: #f6f7f9;
    --brm-surface: #ffffff;
    --brm-surface-2: #f9fafb;
    --brm-text: #0f172a;
    --brm-text-2: #475569;
    --brm-text-3: #94a3b8;
    --brm-border: #e5e7eb;
    --brm-accent: #2563eb;
    --brm-accent-2: #1d4ed8;
    --brm-accent-soft: #eff4ff;
    --brm-success: #16a34a;
    --brm-success-soft: #f0fdf4;
    --brm-danger: #dc2626;
    --brm-danger-soft: #fef2f2;
    --brm-warn: #f59e0b;
    --brm-switch-track: #cbd5e1; /* switch kapalı durum rayı — her iki temada görünür */
    --brm-sidebar-bg: #f6f7f9;
    --brm-sidebar-active: #2563eb;
    --brm-sidebar-text: #64748b;
    --brm-sidebar-text-strong: #0f172a;
    --brm-sidebar-hover: rgb(15 23 42 / 0.05);
    --brm-sidebar-line: #e5e7eb;
    --brm-sidebar-scroll: rgb(15 23 42 / 0.18);
    --brm-radius: 12px;
    --brm-radius-sm: 8px;
    --brm-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.04);
    --brm-shadow-lg: 0 2px 8px -2px rgb(0 0 0 / 0.08);
    --brm-sidebar-w: 260px;
    --brm-sidebar-w-sm: 76px;
    --brm-topbar-h: 60px;
    --brm-font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --brm-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    background: var(--brm-bg) !important;
    font-family: var(--brm-font-ui) !important;
    color: var(--brm-text);
    min-height: 100vh;
}

body.brm-panel.brm-panel-dark {
    --brm-bg: #0b0e14;
    --brm-surface: #12151c;
    --brm-surface-2: #1a1f2a;
    --brm-text: #e5e9f0;
    --brm-text-2: #9aa4b2;
    --brm-text-3: #6b7686;
    --brm-border: #232833;
    --brm-accent-soft: #16213a;
    --brm-success-soft: #0f1f16;
    --brm-danger-soft: #241516;
    --brm-switch-track: #303647;

    /* Sidebar her temada kendi token setini kullanır — light'ta açık, dark'ta koyu */
    --brm-sidebar-bg: #12151c;
    --brm-sidebar-active: #1e2a44;
    --brm-sidebar-text: #9aa4b2;
    --brm-sidebar-text-strong: #e5e9f0;
    --brm-sidebar-hover: rgb(255 255 255 / 0.06);
    --brm-sidebar-line: rgb(255 255 255 / 0.06);
    --brm-sidebar-scroll: rgb(255 255 255 / 0.14);

    /* Eski base berberim token'larını dark moda çek — PHP inline var(--berberim-*)
       kullanan tüm bölümler (istatistikler, premium blur vb.) otomatik uyumlu olur. */
    --berberim-contrast: var(--brm-surface);
    --berberim-bg-1: var(--brm-surface);
    --berberim-bg-2: var(--brm-surface-2);
    --berberim-bg-3: var(--brm-surface-2);
    --berberim-border: var(--brm-border);
    --berberim-text: var(--brm-text);
    --berberim-text-muted: var(--brm-text-2);
    --berberim-muted: var(--brm-text-2);
}

/* --------------------------------------------------------------------------
   2. JNews chrome gizleme (tema dosyasına dokunulmaz)
   -------------------------------------------------------------------------- */
body.brm-panel .jeg_header_wrapper,
body.brm-panel .jeg_header_sticky,
body.brm-panel .jeg_navbar_mobile_wrapper,
body.brm-panel .jeg_navbar_mobile,
body.brm-panel .jeg_ad_top,
body.brm-panel .jeg_sidefeed,
body.brm-panel #footer-container,
body.brm-panel .jeg_footer,
body.brm-panel .jeg_breadcrumbs,
body.brm-panel .entry-header,
body.brm-panel .jeg_share_button,
body.brm-panel .jeg_sidebar,
body.brm-panel .comments-area,
body.brm-panel #comments,
body.brm-panel .bv2-bell-float {
    display: none !important;
}

/* JNews'in kendi koyu mod sınıfı panelde susturulur (JS de kaldırır) */
body.brm-panel.jnews-dark-mode {
    background: var(--brm-bg) !important;
}

/* --------------------------------------------------------------------------
   3. İçerik alanı (JNews wrapper'ı panel arka planına oturur)
   -------------------------------------------------------------------------- */
body.brm-panel .jeg_viewport {
    margin-left: var(--brm-sidebar-w);
    padding-top: var(--brm-topbar-h);
    min-height: 100vh;
    transition: margin-left .2s ease;
}

body.brm-panel.brm-collapsed .jeg_viewport {
    margin-left: var(--brm-sidebar-w-sm);
}

body.brm-panel .jeg_content {
    background: transparent;
    padding: 28px 36px 40px;
}

body.brm-panel .jeg_content .container {
    max-width: 1280px;
    width: 100%;
}

body.brm-panel .entry-content {
    max-width: none;
    /* Sayfa sonu temizliği — bölümler arasında gap yaratmadan küçük alt boşluk */
    padding-bottom: 8px;
}

/* Gizlenen JNews yan sidebar'ının bıraktığı %25'lik boşluğu kapat */
body.brm-panel .jeg_main_content {
    float: none;
    width: 100%;
}

body.brm-panel .content-inner {
    color: var(--brm-text);
    font-size: 14px;
    line-height: 1.6;
}

body.brm-panel .content-inner h1,
body.brm-panel .content-inner h2,
body.brm-panel .content-inner h3,
body.brm-panel .content-inner h4,
body.brm-panel .content-inner h5,
body.brm-panel .content-inner h6 {
    color: var(--brm-text);
}

body.brm-panel .content-inner a {
    color: var(--brm-accent);
}

body.brm-panel.brm-panel-dark .jeg_viewport,
body.brm-panel.brm-panel-dark .jeg_container {
    background: var(--brm-bg);
}

body.brm-panel.brm-panel-dark .jeg_content {
    background: transparent;
}

/* ==========================================================================
   4. Shell — Sidebar
   ========================================================================== */
.brm-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--brm-sidebar-w);
    z-index: 9991;
    display: flex;
    flex-direction: column;
    background: var(--brm-sidebar-bg);
    color: var(--brm-sidebar-text);
    transition: width .2s ease, transform .2s ease;
    overflow: hidden;
}

.brm-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    height: var(--brm-topbar-h);
    padding: 0 18px;
    flex: 0 0 auto;
    border-bottom: 1px solid var(--brm-sidebar-line);
}

.brm-brand-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #fff;
    flex: 0 0 auto;
}

.brm-brand-text {
    font-size: 15px;
    font-weight: 700;
    color: var(--brm-sidebar-text-strong);
    letter-spacing: .2px;
    white-space: nowrap;
}

.brm-nav-wrap {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px 10px 20px;
    scrollbar-width: thin;
    scrollbar-color: var(--brm-sidebar-scroll) transparent;
}

.brm-nav-wrap::-webkit-scrollbar {
    width: 6px;
}

.brm-nav-wrap::-webkit-scrollbar-thumb {
    background: var(--brm-sidebar-scroll);
    border-radius: 3px;
}

.brm-nav-group {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--brm-sidebar-text);
    opacity: .65;
    padding: 18px 12px 6px;
    white-space: nowrap;
}

/* WP menü grup başlığı içindeki ikon (menü öğesinden türetilir) */
.brm-nav-group svg {
    vertical-align: middle;
    margin-right: 6px;
    opacity: .9;
}

/* WP menü alt öğeleri (alt menü) */
.brm-nav-item.brm-nav-sub {
    padding-left: 32px;
    font-size: 13px;
}

.brm-nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    margin: 1px 0;
    border-radius: 8px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--brm-sidebar-text);
    text-decoration: none;
    transition: background .15s ease, color .15s ease;
    white-space: nowrap;
    position: relative;
}

.brm-nav-item .brm-ic {
    flex: 0 0 auto;
}

.brm-nav-item:hover {
    background: var(--brm-sidebar-hover);
    color: var(--brm-sidebar-text-strong);
    text-decoration: none;
}

.brm-nav-item.active {
    background: var(--brm-sidebar-active);
    color: #fff;
    font-weight: 600;
}

.brm-nav-item.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--brm-accent);
}

.brm-sidebar-foot {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid var(--brm-sidebar-line);
}

.brm-profile-pill {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
    padding: 6px 8px;
    border-radius: 10px;
    cursor: default;
}

.brm-profile-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    flex: 0 0 auto;
    letter-spacing: .3px;
}

.brm-profile-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.brm-profile-name {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--brm-sidebar-text-strong);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.brm-profile-role {
    font-size: 10.5px;
    color: var(--brm-sidebar-text);
    white-space: nowrap;
}

.brm-collapse-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--brm-sidebar-text);
    cursor: pointer;
    flex: 0 0 auto;
    transition: background .15s ease, color .15s ease;
}

.brm-collapse-btn:hover {
    background: var(--brm-sidebar-hover);
    color: var(--brm-sidebar-text-strong);
}

/* Daraltılmış durum (260 → 76) */
body.brm-panel.brm-collapsed .brm-sidebar {
    width: var(--brm-sidebar-w-sm);
}

body.brm-panel.brm-collapsed .brm-brand-text,
body.brm-panel.brm-collapsed .brm-nav-text,
body.brm-panel.brm-collapsed .brm-nav-group,
body.brm-panel.brm-collapsed .brm-profile-info {
    display: none;
}

body.brm-panel.brm-collapsed .brm-brand {
    justify-content: center;
    padding: 0;
}

body.brm-panel.brm-collapsed .brm-nav-group {
    height: 12px;
    padding: 10px 0 2px;
}

body.brm-panel.brm-collapsed .brm-nav-item {
    justify-content: center;
    padding: 10px 0;
}

body.brm-panel.brm-collapsed .brm-nav-item.active::before {
    left: auto;
    right: 4px;
}

body.brm-panel.brm-collapsed .brm-sidebar-foot {
    flex-direction: column;
    padding: 10px 8px;
}

body.brm-panel.brm-collapsed .brm-profile-pill {
    padding: 4px;
}

/* --------------------------------------------------------------------------
   5. Topbar
   -------------------------------------------------------------------------- */
.brm-topbar {
    position: fixed;
    top: 0;
    right: 0;
    left: var(--brm-sidebar-w);
    height: var(--brm-topbar-h);
    z-index: 9990;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 18px;
    background: var(--brm-surface);
    border-bottom: 1px solid var(--brm-border);
    box-shadow: var(--brm-shadow);
    transition: left .2s ease;
}

body.brm-panel.brm-collapsed .brm-topbar {
    left: var(--brm-sidebar-w-sm);
}

.brm-hamburger {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--brm-text);
    cursor: pointer;
    flex: 0 0 auto;
}

.brm-hamburger:hover {
    background: var(--brm-surface-2);
}

.brm-search {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    max-width: 576px;
    height: 38px;
    padding: 0 12px;
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    color: var(--brm-text-3);
    transition: none;
}

.brm-search:focus-within {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}

.brm-search input {
    flex: 1 1 auto;
    min-width: 0;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    font-family: var(--brm-font-ui) !important;
    font-size: 13.5px !important;
    color: var(--brm-text) !important;
    height: 34px !important;
    padding: 0 !important;
}

.brm-search input::placeholder {
    color: var(--brm-text-3);
}

.brm-search kbd {
    font-family: var(--brm-font-mono);
    font-size: 10px;
    color: var(--brm-text-3);
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 5px;
    padding: 2px 6px;
    white-space: nowrap;
}

.brm-topbar-right {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

/* Tema toggle — 44x24 pill, 18px thumb, 20px kayma */
.brm-theme-toggle {
    position: relative;
    width: 44px;
    height: 24px;
    padding: 0;
    border: 1px solid #d1d5db;
    border-radius: 24px;
    background: var(--brm-surface-2);
    cursor: pointer;
    flex: 0 0 auto;
    transition: background .2s ease-in-out, border-color .2s ease-in-out;
}

.brm-panel-dark .brm-theme-toggle {
    background: var(--brm-surface-2);
    border-color: #2b3340;
}

.brm-theme-thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--brm-accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease-in-out;
}

.brm-panel-dark .brm-theme-thumb {
    transform: translateX(20px);
}

.brm-theme-thumb .brm-ic-sun,
.brm-theme-thumb .brm-ic-moon {
    position: absolute;
    width: 11px;
    height: 11px;
    transition: opacity .15s ease, transform .2s ease;
}

.brm-theme-thumb .brm-ic-moon {
    opacity: 0;
    transform: rotate(90deg) scale(.5);
}

.brm-panel-dark .brm-theme-thumb .brm-ic-sun {
    opacity: 0;
    transform: rotate(-90deg) scale(.5);
}

.brm-panel-dark .brm-theme-thumb .brm-ic-moon {
    opacity: 1;
    transform: rotate(0) scale(1);
}

/* İkon butonları */
.brm-icon-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--brm-text-2);
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

.brm-icon-btn:hover {
    background: var(--brm-surface-2);
    color: var(--brm-text);
}

.brm-bell-dot {
    position: absolute;
    top: 7px;
    right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #dc2626;
    border: 2px solid var(--brm-surface);
}

/* Profil çipi */
.brm-profile-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 10px 0 6px;
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    background: var(--brm-surface);
    color: var(--brm-text);
    cursor: pointer;
    font-family: var(--brm-font-ui);
    font-size: 13px;
    font-weight: 500;
    transition: background .15s ease, border-color .15s ease;
}

.brm-profile-chip:hover {
    background: var(--brm-surface-2);
    border-color: var(--brm-text-3);
}

.brm-profile-avatar-sm {
    width: 26px;
    height: 26px;
    font-size: 10px;
}

/* Gerçek profil fotoğrafı (hesabım/jnews profile_picture meta'sı) */
.brm-profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}

.brm-profile-chip-name {
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --------------------------------------------------------------------------
   6. Dropdown'lar
   -------------------------------------------------------------------------- */
.brm-dropdown {
    position: relative;
}

.brm-dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 220px;
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: var(--brm-radius);
    box-shadow: var(--brm-shadow-lg);
    padding: 6px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
    z-index: 9995;
}

.brm-dropdown.open .brm-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.brm-dropdown-head {
    padding: 10px 12px 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-bottom: 1px solid var(--brm-border);
    margin-bottom: 4px;
}

.brm-dropdown-head strong {
    font-size: 13px;
    color: var(--brm-text);
}

.brm-dropdown-head small {
    font-size: 11px;
    color: var(--brm-text-3);
}

.brm-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--brm-text-2);
    text-decoration: none;
    transition: background .12s ease, color .12s ease;
}

.brm-dropdown-item:hover {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    text-decoration: none;
}

.brm-dropdown-item.brm-dropdown-danger:hover {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}

/* Bildirim listesi (zil dropdown) */
.brm-bell-menu {
    width: 320px;
    max-width: calc(100vw - 32px);
}

.brm-notif-list {
    max-height: 320px;
    overflow-y: auto;
    padding: 2px;
}

.brm-notif-empty {
    padding: 18px 12px;
    text-align: center;
    font-size: 12.5px;
    color: var(--brm-text-3);
}

.brm-notif-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    cursor: pointer;
    transition: background .12s ease;
}

.brm-notif-item:hover {
    background: var(--brm-surface-2);
}

.brm-notif-item.brm-notif-unread {
    background: var(--brm-accent-soft);
}

.brm-notif-item.brm-notif-unread:hover {
    background: var(--brm-surface-2);
}

.brm-notif-icon {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: var(--brm-surface-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.brm-notif-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.brm-notif-title {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--brm-text);
    line-height: 1.35;
}

.brm-notif-msg {
    font-size: 11.5px;
    color: var(--brm-text-2);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.brm-notif-time {
    flex: 0 0 auto;
    font-size: 10.5px;
    color: var(--brm-text-3);
    white-space: nowrap;
    margin-top: 2px;
}

.brm-notif-actions {
    border-top: 1px solid var(--brm-border);
    margin-top: 4px;
    padding-top: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.brm-notif-markall {
    border: none;
    background: transparent;
    color: var(--brm-accent);
    font-family: var(--brm-font-ui);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 8px;
    transition: background .12s ease;
}

.brm-notif-markall:hover {
    background: var(--brm-accent-soft);
}

.brm-notif-viewall {
    font-size: 12px;
    padding: 8px 10px;
    white-space: nowrap;
}

.brm-dropdown-sep {
    height: 1px;
    background: var(--brm-border);
    margin: 6px 4px;
}

/* --------------------------------------------------------------------------
   9. Sidebar backdrop (mobil)
   -------------------------------------------------------------------------- */
.brm-sidebar-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / 0.45);
    z-index: 9990;
    opacity: 0;
    transition: opacity .2s ease;
}

/* ==========================================================================
   10. Responsive
   ========================================================================== */

/* Tablet: sidebar off-canvas, topbar tam genişlik */
@media (max-width: 1024px) {
    body.brm-panel .jeg_viewport {
        margin-left: 0 !important;
        padding-top: var(--brm-topbar-h);
    }

    /* Tablet: sidebar off-canvas iken savebar da sol kenara yaslanmalı */
    body.brm-panel .brm-savebar {
        left: 0 !important;
    }

    .brm-sidebar {
        transform: translateX(-100%);
        width: var(--brm-sidebar-w) !important;
        box-shadow: 8px 0 32px rgb(0 0 0 / 0.25);
    }

    body.brm-sidebar-open .brm-sidebar {
        transform: translateX(0);
    }

    body.brm-sidebar-open .brm-sidebar-backdrop {
        display: block;
        opacity: 1;
    }

    body.brm-panel.brm-collapsed .brm-sidebar {
        width: var(--brm-sidebar-w) !important;
    }

    body.brm-panel.brm-collapsed .brm-brand-text,
    body.brm-panel.brm-collapsed .brm-nav-text,
    body.brm-panel.brm-collapsed .brm-nav-group,
    body.brm-panel.brm-collapsed .brm-profile-info {
        display: initial;
    }

    body.brm-panel.brm-collapsed .brm-nav-group {
        height: auto;
        padding: 18px 12px 6px;
    }

    body.brm-panel.brm-collapsed .brm-nav-item {
        justify-content: flex-start;
        padding: 9px 12px;
        gap: 10px;
    }

    body.brm-panel.brm-collapsed .brm-sidebar-foot {
        flex-direction: row;
        padding: 12px;
    }

    body.brm-panel.brm-collapsed .brm-profile-pill {
        padding: 6px 8px;
    }

    .brm-topbar,
    body.brm-panel.brm-collapsed .brm-topbar {
        left: 0 !important;
    }

    .brm-hamburger {
        display: inline-flex;
        width: 42px;
        height: 42px;
    }

    .brm-hamburger svg {
        width: 24px;
        height: 24px;
    }

    /* Mobil: bildirim butonu da dokunma hedefi olarak büyür */
    .brm-icon-btn {
        width: 40px;
        height: 40px;
    }

    .brm-icon-btn svg {
        width: 22px;
        height: 22px;
    }

    /* Tablet: topbar kalabalığı — search esner, sağ blok sabit kalır */
    .brm-topbar {
        gap: 10px;
        padding: 0 12px;
    }

    .brm-search {
        flex: 1 1 40%;
        min-width: 0;
    }

    .brm-topbar-right {
        flex: 0 0 auto;
    }
}

/* Mobil: içerik boşluğu sadece topbar */
@media (max-width: 767px) {
    body.brm-panel .jeg_viewport {
        padding-top: var(--brm-topbar-h);
    }

    body.brm-panel .jeg_content {
        padding: 20px 16px 70px;
    }

    .brm-profile-chip-name {
        display: none;
    }

    .brm-search {
        max-width: none;
        flex: 1 1 auto;
        min-width: 0;
    }

    .brm-search kbd {
        display: none;
    }
}

/* Mobil: dropdown menüler viewport sağ kenarına sabitlenir — zil butonu
   sağda profil chip'in solunda kaldığı için right:0 menüyü ekran dışına
   taşırıp solda boşluk bırakıyordu. Viewport'a sabitleyerek taşma önlenir. */
@media (max-width: 767px) {
    .brm-dropdown-menu {
        position: fixed;
        top: calc(var(--brm-topbar-h) + 6px);
        right: 12px;
        left: auto;
        min-width: 0;
        width: min(320px, calc(100vw - 24px));
        max-width: none;
    }

    .brm-bell-menu {
        width: min(320px, calc(100vw - 24px));
    }
}

/* Küçük mobil: topbar öğeleri kompakt — profil chip daraltılır */
@media (max-width: 480px) {
    .brm-topbar {
        gap: 8px;
        padding: 0 10px;
    }

    .brm-topbar-right {
        gap: 4px;
    }

    .brm-profile-chip {
        gap: 5px;
        padding: 0 8px 0 4px;
        height: 34px;
    }

    .brm-profile-avatar-sm {
        width: 24px;
        height: 24px;
        font-size: 9px;
    }

    .brm-icon-btn {
        width: 40px;
        height: 40px;
    }

    .brm-icon-btn svg {
        width: 22px;
        height: 22px;
    }

    .brm-theme-toggle {
        transform: scale(.92);
        transform-origin: center;
    }
}

/* ==========================================================================
   11. Sayfa: Salonum (Dükkan Bilgileri) — Faz 1
   Eski bv2 formunu token'lı kart düzenine geçirir; HTML/JS'e dokunulmaz.
   Koyu mod otomatik (token'lar).
   ========================================================================== */
body.brm-panel .berberim-shop-box {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    padding: 0;
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
    max-width: 880px;
    margin: 0 auto;
    overflow: hidden;
}

/* Başlık */
body.brm-panel .bv2-header {
    padding: 26px 30px 4px;
    margin-bottom: 0;
    gap: 14px;
}

body.brm-panel .bv2-header-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 12px;
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

body.brm-panel .berberim-form-v2 .berberim-shop-box-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--brm-text);
    margin: 0;
    letter-spacing: -0.2px;
}

body.brm-panel .bv2-subtitle {
    color: var(--brm-text-2);
    font-size: 13.5px;
    margin: 2px 0 0;
}

/* Tüm Salonum bölümleri aynı genişlikte — shop-box (880px) ile hizalı */
body.brm-panel .brm-progress,
body.brm-panel .brm-linkbar,
body.brm-panel .berberim-shop-link-panel,
body.brm-panel #berberim-shop-form {
    box-sizing: border-box;
    width: 100%;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}

/* Bölümler arası tutarlı boşluk — 96px'lik eski değer galeri ile form arasında
   gereksiz büyük gap yapıyordu. Formdaki son kart zaten 18px alt boşluk verir,
   formun kendi margin'i 0 — tüm bölümler arası 18px tutarlı akış. Sabit kaydet
   barı temizliği entry-content'in padding-bottom'una taşındı. */
body.brm-panel #berberim-shop-form {
    margin-bottom: 0;
}

/* Form gövdesi — padding yok; brm-card'lar kendi genişliğini (880px) korusun */
body.brm-panel #berberim-shop-form {
    padding: 0;
}

/* Etiketler */
body.brm-panel #berberim-shop-form p label,
body.brm-panel #berberim-shop-form label {
    font-size: 13px;
    font-weight: 600;
    color: var(--brm-text-2);
    margin-bottom: 0;
}

body.brm-panel #berberim-shop-form p {
    margin: 0 0 14px;
}

body.brm-panel .bv2-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--brm-text-2);
    margin-bottom: 6px;
}

body.brm-panel .bv2-label svg {
    color: var(--brm-accent);
}

body.brm-panel .bv2-req {
    color: var(--brm-danger);
}

/* Girdiler — JNews global stillerini ezer */
body.brm-panel #berberim-shop-form input:not([type="submit"]):not([type="hidden"]):not([type="file"]),
body.brm-panel #berberim-shop-form select {
    width: 100%;
    height: 42px;
    padding: 0 13px;
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-size: 14px;
    font-weight: 400;
    line-height: 42px;
    box-shadow: none;
    margin: 0;
    transition: none;
}

/* Çok satırlı metin alanları — satır yüksekliği normal, textarea'ya özel */
body.brm-panel #berberim-shop-form textarea {
    width: 100%;
    height: auto;
    min-height: 84px;
    padding: 10px 13px;
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    box-shadow: none;
    margin: 0;
    resize: vertical;
    transition: none;
}

body.brm-panel #berberim-shop-form input:not([type="submit"]):not([type="hidden"]):not([type="file"]):focus,
body.brm-panel #berberim-shop-form select:focus,
body.brm-panel #berberim-shop-form textarea:focus {
    outline: none;
    border-color: var(--brm-accent);
    background: var(--brm-surface);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}

body.brm-panel #berberim-shop-form input::placeholder,
body.brm-panel #berberim-shop-form textarea::placeholder {
    color: var(--brm-text-3);
}

/* Select oku — JNews'in varsayılan ok ikonu yerine token'a uygun chevron */
body.brm-panel #berberim-shop-form select {
    padding-right: 32px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: 14px;
}

/* Chosen devre dışı — JNews tüm select'lere Chosen uygular, widget token'lara uymaz.
   JS destroy (panel.js) ana çözüm; bu kurallar güvenlik ağı:
   native select her zaman görünür, Chosen kabı gizli. */
body.brm-panel select {
    display: inline-block !important;
}
body.brm-panel .chosen-container {
    display: none !important;
}

/* IBAN — teknik değer, mono font (generic input kuralından yüksek özgüllük için !important) */
body.brm-panel #berberim-shop-form .field-iban input {
    font-family: var(--brm-font-mono) !important;
    letter-spacing: .4px;
}

body.brm-panel .bv2-iban-help {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: var(--brm-text-3);
    margin-top: 6px;
}

/* Bölüm başlıkları */
body.brm-panel .bv2-section-divider {
    margin: 24px 0 14px;
}

body.brm-panel .bv2-section-divider h3 {
    font-size: 14px;
    font-weight: 700;
    color: var(--brm-text);
    margin: 0;
}

body.brm-panel .bv2-section-icon {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.brm-panel .bv2-section-divider:hover .bv2-section-icon {
    transform: none;
    background: var(--brm-accent-soft);
}

/* Şehir / İlçe / Salon Türü / Telefon — 2'li grid (v2 demo) */
body.brm-panel .bv2-city-salon-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 0 0 4px;
}

body.brm-panel .bv2-city-salon-row p {
    margin: 0;
}

body.brm-panel .bv2-city-salon-row .field-city {
    grid-column: 1;
}
body.brm-panel .bv2-city-salon-row .field-ilce {
    grid-column: 2;
}
body.brm-panel .bv2-city-salon-row .field-salon-type {
    grid-column: 1;
}
body.brm-panel .bv2-city-salon-row .field-phone {
    grid-column: 2;
}
body.brm-panel .field-phone input {
    background: var(--brm-surface-2);
    color: var(--brm-text);
    cursor: not-allowed;
    opacity: .85;
}
@media (max-width: 640px) {
    body.brm-panel .bv2-city-salon-row {
        grid-template-columns: 1fr;
    }
    body.brm-panel .bv2-city-salon-row .field-city,
    body.brm-panel .bv2-city-salon-row .field-ilce,
    body.brm-panel .bv2-city-salon-row .field-salon-type,
    body.brm-panel .bv2-city-salon-row .field-phone {
        grid-column: 1;
    }
}

/* Adres + Hakkında */
body.brm-panel .field-address textarea {
    min-height: 74px;
}

body.brm-panel .field-salon-about textarea {
    min-height: 92px;
}

/* Çalışma saatleri */
body.brm-panel .field-hours {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 0;
}

body.brm-panel .field-hours label {
    display: block;
}

/* E-posta + Kuruluş Yılı */
body.brm-panel .bv2-contact-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 0 0 14px;
}

body.brm-panel .bv2-contact-row p {
    margin: 0;
}

/* Fotoğraf bölümü */
body.brm-panel .bv2-photo-section {
    grid-column: auto;
    background: var(--brm-surface-2);
    border: 1px dashed var(--brm-border);
    border-radius: 14px;
    padding: 18px;
    margin: 0 0 16px;
}

body.brm-panel .bv2-photo-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--brm-text-2);
    margin-bottom: 14px;
}

body.brm-panel .bv2-photo-label svg {
    color: var(--brm-accent);
}

body.brm-panel .bv2-photo-row {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}
body.brm-panel .bv2-photo-preview {
    flex: 0 0 auto;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    border: 1px solid var(--brm-border);
    box-shadow: var(--brm-shadow);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--brm-surface-2);
}
body.brm-panel .bv2-photo-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
body.brm-panel .bv2-photo-preview span {
    padding: 0 12px;
    text-align: center;
}

body.brm-panel .bv2-photo-actions .button,
body.brm-panel #berberim-shop-form .button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    border: 1px solid rgb(37 99 235 / 0.25);
    border-radius: 9px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: background .12s ease, color .12s ease, transform .12s ease;
    box-shadow: none;
    text-transform: none;
    letter-spacing: 0;
    font-family: var(--brm-font-ui);
}

body.brm-panel .bv2-photo-actions .button:hover,
body.brm-panel #berberim-shop-form .button:hover {
    background: var(--brm-accent);
    color: #fff;
    transform: translateY(-1px);
}

/* Fotoğraf Seç butonu — dar ekranda text taşmasın (nowrap + sınırlama) */
body.brm-panel .bv2-photo-actions .button {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 479px) {
    body.brm-panel .bv2-photo-actions .button {
        padding: 9px 14px;
        font-size: 13px;
    }
}

/* Kaydet butonu */
body.brm-panel .berberim-shop-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 22px !important;
}

body.brm-panel .berberim-shop-actions .bv2-submit-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--brm-accent);
    color: #fff;
    border: none;
    padding: 12px 28px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    box-shadow: 0 1px 2px rgb(37 99 235 / 0.35);
    transition: background .12s ease, transform .12s ease, box-shadow .15s ease;
}

body.brm-panel .berberim-shop-actions .bv2-submit-btn:hover {
    background: var(--brm-accent-2);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.35);
}

/* Galeri */
body.brm-panel .berberim-gallery-section {
    max-width: 880px;
    margin: 18px auto 0;
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
    padding: 24px 30px;
}

body.brm-panel .berberim-gallery-thumb {
    border-radius: 10px;
    border-color: var(--brm-border) !important;
    transition: transform .15s ease, box-shadow .15s ease;
}

body.brm-panel .berberim-gallery-thumb:hover {
    transform: translateY(-2px);
    box-shadow: var(--brm-shadow-lg);
}

/* Bölüm kaydet butonları — Galeri / Sosyal / Eve Hizmet / Konum
   JNews .button (line-height:40px; height:40px; padding:0 20px; background:#f70d28)
   ezilir: inline-flex + height:auto ile metin buton içinde dikey ortalanır. */
body.brm-panel #berberim-gallery-save,
body.brm-panel #berberim-social-save,
body.brm-panel #berberim-home-save,
body.brm-panel #berberim-location-save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    line-height: 1.4;
    background: var(--brm-accent);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px 22px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    font-size: 14px;
    cursor: pointer;
    box-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    transition: background .15s ease;
}

body.brm-panel #berberim-gallery-save:hover,
body.brm-panel #berberim-social-save:hover,
body.brm-panel #berberim-home-save:hover,
body.brm-panel #berberim-location-save:hover {
    background: var(--brm-accent-2);
}

/* Galeri kontrolleri — Fotoğraf Seç + Model adı + Kaydet yan yana (JNews .button ezilir) */
body.brm-panel .bv2-gallery-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 14px;
}
body.brm-panel .bv2-gallery-controls label.button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 10px 18px;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    font-family: var(--brm-font-ui);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
    box-shadow: none;
    text-shadow: none;
    text-transform: none;
    transition: border-color .15s ease, background .15s ease;
}
body.brm-panel .bv2-gallery-controls label.button:hover {
    border-color: var(--brm-accent);
    background: var(--brm-surface);
}
body.brm-panel .bv2-gallery-model-input-wrap {
    flex: 1 1 120px;
    min-width: 100px;
    max-width: 220px;
}
body.brm-panel .bv2-gallery-model-input-wrap input {
    width: 100%;
    height: 42px;
    padding: 0 13px;
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-size: 14px;
    box-shadow: none;
    margin: 0;
}
body.brm-panel .bv2-gallery-model-input-wrap input:focus {
    outline: none;
    border-color: var(--brm-accent);
    background: var(--brm-surface);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}
body.brm-panel .bv2-gallery-model-input-wrap input::placeholder {
    color: var(--brm-text-3);
}

/* Sosyal Medya — input'lar ve kaydet butonu token'lı (JNews default'u ezilir) */
body.brm-panel .berberim-social-section input[type="text"],
body.brm-panel .berberim-social-section input[type="url"] {
    width: 100%;
    height: 42px;
    padding: 0 13px;
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-size: 14px;
    box-shadow: none;
    margin: 0;
    transition: none;
}
body.brm-panel .berberim-social-section input[type="text"]:focus,
body.brm-panel .berberim-social-section input[type="url"]:focus {
    outline: none;
    border-color: var(--brm-accent);
    background: var(--brm-surface);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}
body.brm-panel .berberim-social-section input::placeholder {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-social-fields label {
    display: flex;
    align-items: center;
    gap: 10px;
}
body.brm-panel .bv2-social-fields label span {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
/* Bölüm aksiyon satırları — Kaydet butonlarını bulundukları box içinde ortala */
body.brm-panel .bv2-social-actions,
body.brm-panel .bv2-home-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
/* PHP'deki inline margin-left:10px, yeni gap ile çift boşluk yaratmasın */
body.brm-panel #berberim-social-msg,
body.brm-panel #berberim-home-msg {
    margin-left: 0;
}
/* Kaydet butonları yukarıda tek ortak kuralda birleştirildi
   (#berberim-social-save / #berberim-home-save / #berberim-gallery-save / #berberim-location-save) */

/* Eve Hizmet — ek ücret input'u + bölüm içi boşluklar */
body.brm-panel .berberim-home-section input[type="number"],
body.brm-panel .berberim-home-section input[type="text"] {
    width: 100%;
    max-width: 220px;
    height: 42px;
    padding: 0 13px;
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-size: 14px;
    box-shadow: none;
    margin: 0;
}
body.brm-panel .berberim-home-section input:focus {
    outline: none;
    border-color: var(--brm-accent);
    background: var(--brm-surface);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}
body.brm-panel .berberim-home-section .berberim-home-fields label span {
    color: var(--brm-text-2);
    font-size: 13px;
}

/* Salon Konumu — harita çerçevesi + Enlem/Boylam input'ları (PHP'deki inline
   stiller JNews light değerlerini zorluyor; dark modda token'lı görünüm için !important) */
body.brm-panel #berberim-location-map {
    border-color: var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
}
body.brm-panel #berberim-shop-lat,
body.brm-panel #berberim-shop-lng {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
    border-radius: 8px !important;
    font-family: var(--brm-font-ui) !important;
}

/* Salon Konumu (harita) */
body.brm-panel .bv2-staff-section {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--brm-border);
}

body.brm-panel .bv2-staff-section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--brm-text);
    margin-bottom: 12px;
}

body.brm-panel .bv2-staff-section-header svg {
    color: var(--brm-accent);
}

body.brm-panel .bv2-staff-chip {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    border-radius: 7px;
    padding: 4px 10px;
    font-family: var(--brm-font-mono);
    font-size: 12px;
}

/* Mobil */
@media (max-width: 767px) {
    body.brm-panel .bv2-header {
        padding: 18px 0 0;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    /* Buton başlığın altına — tam genişlik, ortalanmış */
    body.brm-panel .brm-pagehead-actions {
        margin-left: 0;
        width: 100%;
        padding-top: 0;
    }
    body.brm-panel .brm-pagehead-actions .brm-btn {
        width: 100%;
        justify-content: center;
        min-height: 42px;
    }

    /* Form kartları linkbar ile aynı hizada — mobilde yatay padding kalkar */
    body.brm-panel #berberim-shop-form {
        padding: 0 0 24px;
    }

    body.brm-panel .berberim-gallery-section {
        padding: 20px;
    }

    body.brm-panel .bv2-city-salon-row,
    body.brm-panel .field-hours,
    body.brm-panel .bv2-contact-row {
        grid-template-columns: 1fr;
    }

    body.brm-panel .berberim-shop-actions .bv2-submit-btn {
        width: 100%;
        justify-content: center;
    }

    body.brm-panel .bv2-photo-preview {
        width: 120px;
        height: 120px;
    }
}

/* --------------------------------------------------------------------------
   11b. Personel Görünümü — Salt Okunur Salon Bilgileri (.bv2-staff-view)
   Personel, salon bilgilerini salt okunur görür; base CSS light renkleri
   (beyaz kartlar, pastel ikonlar) token'lara bağlanır. Koyu mod otomatik.
   -------------------------------------------------------------------------- */
body.brm-panel .bv2-staff-view {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
    overflow: hidden;
    margin-bottom: 18px;
    max-width: 880px;
}

/* Header — gradyan teal kalır (iki temada da okunur); köşeler kartla uyumlu */
body.brm-panel .bv2-staff-header {
    border-radius: 16px 16px 0 0;
}

/* Link bar (salon linki) */
body.brm-panel .bv2-staff-link-bar {
    background: var(--brm-surface-2);
    border-left: 1px solid var(--brm-border);
    border-right: 1px solid var(--brm-border);
}
body.brm-panel .bv2-staff-link-bar svg,
body.brm-panel .bv2-staff-link-bar a {
    color: var(--brm-accent);
}

/* Bilgi kartları ızgarası */
body.brm-panel .bv2-staff-grid {
    background: var(--brm-surface-2);
    border-left: 1px solid var(--brm-border);
    border-right: 1px solid var(--brm-border);
}
body.brm-panel .bv2-staff-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
}
body.brm-panel .bv2-staff-card:hover {
    border-color: var(--brm-accent);
    box-shadow: var(--brm-shadow);
}

/* İkon kutuları — base'deki pastel tint'ler token'lı soft renge bağlanır */
body.brm-panel .bv2-staff-card-icon {
    background: var(--brm-accent-soft);
}
body.brm-panel .bv2-staff-card-icon svg {
    color: var(--brm-accent);
}
body.brm-panel .bv2-staff-icon-phone,
body.brm-panel .bv2-staff-icon-city,
body.brm-panel .bv2-staff-icon-type,
body.brm-panel .bv2-staff-icon-time,
body.brm-panel .bv2-staff-icon-email {
    background: var(--brm-accent-soft);
}
body.brm-panel .bv2-staff-icon-phone svg,
body.brm-panel .bv2-staff-icon-city svg,
body.brm-panel .bv2-staff-icon-type svg,
body.brm-panel .bv2-staff-icon-time svg,
body.brm-panel .bv2-staff-icon-email svg {
    color: var(--brm-accent);
}
/* IBAN ikonu inline stilleri ez (style attribute) */
body.brm-panel .bv2-staff-card-icon[style*="background:#ecfeff"] {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}

/* Metinler */
body.brm-panel .bv2-staff-card-label {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-staff-card-value {
    color: var(--brm-text);
}

/* Bölümler (adres, hizmetler, sosyal, galeri, konum) */
body.brm-panel .bv2-staff-section {
    background: var(--brm-surface);
    border-left: 1px solid var(--brm-border);
    border-right: 1px solid var(--brm-border);
}
body.brm-panel .bv2-staff-section + .bv2-staff-section {
    border-top: 1px solid var(--brm-border);
}
body.brm-panel .bv2-staff-section-header {
    color: var(--brm-text-2);
}
body.brm-panel .bv2-staff-section-header svg {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-staff-section-text {
    color: var(--brm-text);
}

/* Hizmet çipleri */
body.brm-panel .bv2-staff-chip {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    border: 1px solid rgb(37 99 235 / 0.2);
}

/* Sosyal medya etiketleri — beyaz karışımı koyu zeminde kutusuz görünmesin */
body.brm-panel .bv2-staff-social-tag {
    background: color-mix(in srgb, var(--social-color, #374151) 12%, var(--brm-surface));
    border: 1px solid color-mix(in srgb, var(--social-color, #374151) 25%, var(--brm-border));
}

/* Boş durum */
body.brm-panel .bv2-staff-empty {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
}
body.brm-panel .bv2-staff-empty p {
    color: var(--brm-text-2);
}

/* Butonlar (IBAN Kopyala, Haritada Yol Tarifi) — JNews .button ezilir */
body.brm-panel .bv2-staff-view .button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: auto;
    min-height: 40px;
    line-height: 1.4;
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    border: 1px solid rgb(37 99 235 / 0.25);
    border-radius: 9px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    box-shadow: none;
    text-transform: none;
    letter-spacing: 0;
    font-family: var(--brm-font-ui);
    transition: background .12s ease, color .12s ease, transform .12s ease;
}
body.brm-panel .bv2-staff-view .button:hover {
    background: var(--brm-accent);
    color: #fff;
    transform: translateY(-1px);
}
body.brm-panel .bv2-staff-view .button-small {
    min-height: 0;
}

/* Galeri kutuları inline border ez */
body.brm-panel .bv2-staff-view a[style*="border:1px solid #e5e7eb"] {
    border-color: var(--brm-border) !important;
}

/* Alt köşe yuvarlatma base'deki gibi kalsın */
body.brm-panel .bv2-staff-view > .bv2-staff-section:last-child,
body.brm-panel .bv2-staff-view > .bv2-staff-grid:last-child {
    border-bottom: 1px solid var(--brm-border);
}

/* ==========================================================================
   12. Sayfa: Ürünlerim — Faz 1
   Eski berberim-prod-v2 tasarımını token'lı panel kart düzenine geçirir;
   HTML/JS akışına dokunulmaz (shortcode + AJAX aynen çalışır).
   Koyu mod otomatik (token'lar).
   ========================================================================== */
body.brm-panel .berberim-products-box.berberim-prod-v2 {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--brm-shadow) !important;
    padding: 26px 30px !important;
    max-width: 880px;
    margin: 0 auto;
    overflow: hidden;
    animation: none;
}

/* Üst ince accent çizgisi — gradient yerine düz accent (koyu modda da görünür) */
body.brm-panel .berberim-products-box.berberim-prod-v2::before {
    height: 3px;
    background: linear-gradient(90deg, var(--brm-accent), var(--brm-accent-2), var(--brm-accent));
    animation: none;
}

/* Başlık — generic bv2-header override'ı zaten uygulanıyor; ürün başlığı rengi token'a */
body.brm-panel .berberim-prod-v2 .bv2-header-title {
    font-size: 21px;
    font-weight: 700;
    color: var(--brm-text);
    letter-spacing: -0.2px;
}

body.brm-panel .berberim-prod-v2 .bv2-header {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--brm-border);
}

/* Araç çubuğu + Ürün Ekle butonu */
body.brm-panel .berberim-prod-v2 .bv2-products-toolbar {
    display: flex;
    justify-content: center;
    margin: 14px 0 20px;
}

body.brm-panel .berberim-prod-v2 .bv2-product-form-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    min-width: 200px;
    background: var(--brm-accent) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 26px !important;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    box-shadow: 0 1px 2px rgb(37 99 235 / 0.35);
    transition: background .12s ease, transform .12s ease;
}

body.brm-panel .berberim-prod-v2 .bv2-product-form-toggle:hover {
    background: var(--brm-accent-2) !important;
    transform: translateY(-1px);
}

/* Form kartı */
body.brm-panel .berberim-prod-v2 .bv2-form-card {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    padding: 22px 24px;
    animation: none;
}

/* Bölüm ayırıcıları — generic override zaten var, ürün sayfası hizası */
body.brm-panel .berberim-prod-v2 .bv2-section-divider {
    margin: 22px 0 14px;
    border-bottom-color: var(--brm-border);
}

/* Girdiler */
body.brm-panel .berberim-prod-v2 .bv2-input,
body.brm-panel .berberim-prod-v2 .bv2-select,
body.brm-panel .berberim-prod-v2 .bv2-textarea {
    display: block;
    width: 100%;
    padding: 10px 13px;
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    background: var(--brm-surface);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: none;
    transition: none;
}

body.brm-panel .berberim-prod-v2 .bv2-textarea {
    min-height: 80px;
    line-height: 1.55;
    resize: vertical;
}

body.brm-panel .berberim-prod-v2 .bv2-input:focus,
body.brm-panel .berberim-prod-v2 .bv2-select:focus,
body.brm-panel .berberim-prod-v2 .bv2-textarea:focus {
    outline: none;
    border-color: var(--brm-accent);
    background: var(--brm-surface);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}

body.brm-panel .berberim-prod-v2 .bv2-input::placeholder,
body.brm-panel .berberim-prod-v2 .bv2-textarea::placeholder {
    color: var(--brm-text-3);
}

/* Select oku — token uyumlu chevron */
body.brm-panel .berberim-prod-v2 .bv2-select {
    padding-right: 32px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: 14px;
}

/* Fiyat / Stok / Kritik Stok — 3'lü grid */
body.brm-panel .berberim-prod-v2 .bv2-field-row-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
    margin-bottom: 16px;
}

body.brm-panel .berberim-prod-v2 .bv2-field-group {
    margin-bottom: 16px;
}

body.brm-panel .berberim-prod-v2 .bv2-field-help {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: var(--brm-text-3);
    margin-top: 6px;
}

/* Görünürlük toggle satırı */
body.brm-panel .berberim-prod-v2 .bv2-toggle-row {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    padding: 12px 16px;
}

body.brm-panel .berberim-prod-v2 .bv2-toggle-label {
    color: var(--brm-text);
}

body.brm-panel .berberim-prod-v2 .bv2-toggle-help {
    color: var(--brm-text-3);
}

/* Fotoğraf kartı */
body.brm-panel .berberim-prod-v2 .bv2-photo-upload-card {
    background: var(--brm-surface);
    border: 1.5px dashed var(--brm-border);
    border-radius: 14px;
    padding: 20px;
}

body.brm-panel .berberim-prod-v2 .bv2-photo-upload-card:hover {
    border-color: var(--brm-accent);
    background: var(--brm-surface);
}

body.brm-panel .berberim-prod-v2 .bv2-photo-placeholder {
    color: var(--brm-text-3);
}

body.brm-panel .berberim-prod-v2 .bv2-add-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    border: 1px solid rgb(37 99 235 / 0.25);
    border-radius: 9px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    transition: background .12s ease, color .12s ease;
}

body.brm-panel .berberim-prod-v2 .bv2-add-btn:hover {
    background: var(--brm-accent);
    color: #fff;
}

body.brm-panel .berberim-prod-v2 .bv2-btn-danger {
    color: var(--brm-danger) !important;
    border-color: rgb(220 38 38 / 0.25) !important;
    background: var(--brm-danger-soft) !important;
}

body.brm-panel .berberim-prod-v2 .bv2-btn-danger:hover {
    background: var(--brm-danger) !important;
    color: #fff !important;
}

/* Native dosya girişini gizle — tarayıcının beyaz "choose file" butonu panelde görünmez;
   tıklama placeholder/Resim Yükle üzerinden programatik tetikleniyor */
body.brm-panel .berberim-prod-v2 .berberim-hidden-file-input {
    display: none !important;
}

body.brm-panel .berberim-prod-v2 .berberim-product-photo-preview {
    max-width: 180px !important;
    max-height: 180px;
    min-width: 120px;
    min-height: 120px;
    border-radius: 12px;
    border: 1px solid var(--brm-border);
    background: var(--brm-surface-2);
    object-fit: cover;
}

/* Kaydet butonu */
body.brm-panel .berberim-prod-v2 .bv2-submit-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    background: var(--brm-accent) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 30px !important;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    box-shadow: 0 1px 2px rgb(37 99 235 / 0.35);
    transition: background .12s ease, transform .12s ease;
}

body.brm-panel .berberim-prod-v2 .bv2-submit-btn:hover {
    background: var(--brm-accent-2) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.35);
}

body.brm-panel .berberim-prod-v2 .bv2-submit-secondary {
    background: var(--brm-accent) !important;
    box-shadow: none !important;
}

body.brm-panel .berberim-prod-v2 .bv2-submit-secondary:hover {
    background: var(--brm-accent-2) !important;
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.35) !important;
}

/* ── Mevcut Ürünler (accordion) ── */
body.brm-panel .berberim-prod-v2 .berberim-products-list-box {
    margin-top: 6px;
}

/* Masaüstü: dengeli 3×2 ızgara — auto-fit belirli genişliklerde 5+1 dizilip
   son hücreyi tek başına alta düşürüyordu; sabit 3 kolon her genişlikte
   nizami kalır (Fotoğraf | Açıklama | Fiyat / Durum | Stok | Kritik Stok) */
body.brm-panel .berberim-prod-v2 .brm-kacc-grid {
    grid-template-columns: repeat(3, 1fr);
}

/* Fiyat rozeti — accent mavi (gelir/gider değil, ürün fiyatı) */
body.brm-panel .berberim-prod-v2 .brm-kacc-amount .brm-prod-price {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    padding: 3px 10px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 12.5px;
    white-space: nowrap;
}

/* Başlık içi küçük ürün resmi */
body.brm-panel .berberim-prod-v2 .brm-kacc-title {
    display: flex;
    align-items: center;
    gap: 9px;
}

body.brm-panel .berberim-prod-v2 .bv2-product-thumb {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 8px;
    border: 1px solid var(--brm-border);
    background: var(--brm-surface-2);
    object-fit: cover;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--brm-text-3);
}

body.brm-panel .berberim-prod-v2 .bv2-product-thumb-empty {
    background: var(--brm-surface-2);
}

body.brm-panel .berberim-prod-v2 .bv2-product-thumb-lg {
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 10px;
}

body.brm-panel .berberim-prod-v2 .brm-kacc-item:hover .bv2-product-thumb {
    border-color: var(--brm-accent);
}

/* Açıklama alt satırı — 1 satır kırp */
body.brm-panel .berberim-prod-v2 .brm-kacc-sub {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

/* Girdi hücrelerinde stok inputları — hücre genişliğinde */
body.brm-panel .berberim-prod-v2 .brm-kacc-cell .berberim-stock-input,
body.brm-panel .berberim-prod-v2 .brm-kacc-cell .berberim-critical-input {
    width: 100%;
    max-width: 130px;
    padding: 7px 10px;
    border: 1px solid var(--brm-border);
    border-radius: 8px;
    font-size: 13.5px;
    text-align: center;
    background: var(--brm-surface);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    box-shadow: none;
    outline: none;
}

body.brm-panel .berberim-prod-v2 .brm-kacc-cell .berberim-stock-input:focus,
body.brm-panel .berberim-prod-v2 .brm-kacc-cell .berberim-critical-input:focus {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}

/* Fiyat hücresi — accent vurgu */
body.brm-panel .berberim-prod-v2 .brm-prod-cell-price {
    color: var(--brm-accent) !important;
    font-weight: 700;
}

/* Durum hücresi — Görünen/Gizli rozeti */
body.brm-panel .berberim-prod-v2 .brm-kacc-cell .val.berberim-status-cell {
    display: inline-flex;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}

/* Aksiyon butonları */
body.brm-panel .berberim-prod-v2 .bv2-action-btn {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text-2) !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

body.brm-panel .berberim-prod-v2 .bv2-action-btn:hover {
    background: var(--brm-surface-2) !important;
    transform: translateY(-1px);
}

body.brm-panel .berberim-prod-v2 .bv2-action-edit {
    color: var(--brm-accent) !important;
    border-color: rgb(37 99 235 / 0.3) !important;
}

body.brm-panel .berberim-prod-v2 .bv2-action-edit:hover {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
}

body.brm-panel .berberim-prod-v2 .bv2-action-toggle {
    color: #818cf8 !important;
    border-color: rgb(129 140 248 / 0.35) !important;
}

body.brm-panel .berberim-prod-v2 .bv2-action-toggle:hover {
    background: rgb(129 140 248 / 0.12) !important;
    border-color: #818cf8 !important;
}

body.brm-panel .berberim-prod-v2 .bv2-action-delete {
    color: var(--brm-danger) !important;
    border-color: rgb(220 38 38 / 0.3) !important;
}

body.brm-panel .berberim-prod-v2 .bv2-action-delete:hover {
    background: var(--brm-danger-soft) !important;
    border-color: var(--brm-danger) !important;
}

/* Sayfalama */
body.brm-panel .berberim-prod-v2 .bv2-cust-pagination {
    display: flex;
    gap: 6px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 16px;
}

body.brm-panel .berberim-prod-v2 .bv2-cust-page-btn {
    min-width: 36px;
    text-align: center;
    padding: 7px 12px;
    border-radius: 9px;
    border: 1px solid var(--brm-border);
    background: var(--brm-surface);
    color: var(--brm-text-2);
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    font-family: var(--brm-font-ui);
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

body.brm-panel .berberim-prod-v2 .bv2-cust-page-btn:hover {
    border-color: var(--brm-accent);
    color: var(--brm-accent);
    background: var(--brm-accent-soft);
}

body.brm-panel .berberim-prod-v2 .bv2-cust-page-btn.is-current {
    background: var(--brm-accent);
    border-color: var(--brm-accent);
    color: #fff;
    cursor: default;
}

/* ── Sadece görüntüleme (staff readonly) ── */
body.brm-panel .berberim-prod-readonly .bv2-prod-empty {
    color: var(--brm-text-3);
    padding: 16px 20px;
    font-size: 13px;
}

body.brm-panel .berberim-prod-readonly .bv2-readonly-badge {
    background: rgb(245 158 11 / 0.14);
    color: #f59e0b;
    border: 1px solid rgb(245 158 11 / 0.3);
    border-radius: 9px;
    margin: 0 30px 16px;
}

body.brm-panel .berberim-prod-readonly .bv2-prod-readonly-grid {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    padding: 0 30px 20px;
}

body.brm-panel .berberim-prod-readonly .bv2-prod-readonly-card {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 12px;
    transition: box-shadow .15s ease, transform .12s ease, border-color .15s ease;
}

body.brm-panel .berberim-prod-readonly .bv2-prod-readonly-card:hover {
    box-shadow: var(--brm-shadow-lg);
    transform: translateY(-2px);
    border-color: var(--brm-accent);
}

body.brm-panel .berberim-prod-readonly .bv2-prod-readonly-img {
    background: var(--brm-surface);
}

body.brm-panel .berberim-prod-readonly .bv2-prod-no-img {
    background: var(--brm-surface);
}

body.brm-panel .berberim-prod-readonly .bv2-prod-readonly-name {
    color: var(--brm-text);
}

body.brm-panel .berberim-prod-readonly .bv2-prod-readonly-desc {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-prod-readonly .bv2-prod-readonly-stock,
body.brm-panel .berberim-prod-readonly .bv2-prod-readonly-vis {
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 600;
}

body.brm-panel .berberim-prod-readonly .bv2-stock-ok {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}

body.brm-panel .berberim-prod-readonly .bv2-stock-empty {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}

body.brm-panel .berberim-prod-readonly .bv2-vis-on {
    background: rgb(129 140 248 / 0.14);
    color: #818cf8;
}

body.brm-panel .berberim-prod-readonly .bv2-vis-off {
    background: var(--brm-surface);
    color: var(--brm-text-3);
}

body.brm-panel .berberim-prod-readonly .bv2-svc-readonly-price {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    border: 1px solid rgb(37 99 235 / 0.2);
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

body.brm-panel .berberim-prod-readonly .bv2-svc-readonly-summary {
    color: var(--brm-text-2);
}

/* ── Responsive ── */
@media (max-width: 719px) {
    body.brm-panel .berberim-products-box.berberim-prod-v2 {
        padding: 18px 16px !important;
    }

    body.brm-panel .berberim-prod-v2 .bv2-form-card {
        padding: 16px;
    }

    body.brm-panel .berberim-prod-v2 .bv2-field-row-3 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    body.brm-panel .berberim-prod-v2 .bv2-products-toolbar {
        margin: 8px 0 16px;
    }

    body.brm-panel .berberim-prod-v2 .bv2-product-form-toggle {
        width: 100%;
        min-width: 0;
    }

    body.brm-panel .berberim-prod-v2 .bv2-submit-btn {
        width: 100%;
    }

    /* Accordion — dar ekranda eylem butonları kendi satırına iner,
       başlık (ürün adı) tam genişliği alır */
    body.brm-panel .berberim-prod-v2 .brm-kacc-head-row {
        flex-wrap: wrap;
    }

    body.brm-panel .berberim-prod-v2 .brm-kacc-head-row .brm-kacc-head {
        flex: 1 1 100%;
    }

    body.brm-panel .berberim-prod-v2 .brm-kacc-head-actions {
        flex: 1 1 100%;
        justify-content: flex-end;
        padding: 0 12px 10px;
        flex-wrap: wrap;
    }

    body.brm-panel .berberim-prod-v2 .bv2-action-btn {
        padding: 8px 12px !important;
    }

    /* Accordion gövdesi — mobilde temiz tanım satırları: etiket solda, değer sağda */
    body.brm-panel .berberim-prod-v2 .brm-kacc-grid {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 10px 14px;
    }

    body.brm-panel .berberim-prod-v2 .brm-kacc-cell {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 8px 0;
        border-bottom: 1px dashed var(--brm-border);
    }

    body.brm-panel .berberim-prod-v2 .brm-kacc-cell:last-child {
        border-bottom: none;
        padding-bottom: 2px;
    }

    body.brm-panel .berberim-prod-v2 .brm-kacc-cell .lbl {
        margin-bottom: 0;
        flex: 0 0 auto;
        white-space: nowrap;
    }

    body.brm-panel .berberim-prod-v2 .brm-kacc-cell .val {
        text-align: right;
        margin-left: auto;
    }

    /* Açıklama — mobilde tam genişlik, üstte etiket altta metin */
    body.brm-panel .berberim-prod-v2 .brm-kacc-cell.brm-kacc-cell-full {
        display: block;
        border-bottom: none;
    }

    body.brm-panel .berberim-prod-v2 .brm-kacc-cell.brm-kacc-cell-full .lbl {
        margin-bottom: 2px;
    }

    body.brm-panel .berberim-prod-v2 .brm-kacc-cell.brm-kacc-cell-full .val {
        text-align: left;
        display: block;
        margin-left: 0;
        white-space: normal;
    }

    body.brm-panel .berberim-prod-readonly .bv2-prod-readonly-grid {
        grid-template-columns: 1fr;
        padding: 0 16px 16px;
    }

    body.brm-panel .berberim-prod-readonly .bv2-readonly-badge {
        margin: 0 16px 14px;
        font-size: 0.76rem;
    }
}

/* ==========================================================================
   13. Sayfa: Hizmetler — Faz 1
   Eski berberim-svc-v2 tasarımını token'lı panel kart düzenine geçirir;
   HTML/JS akışına dokunulmaz (sürükle-bırak, AJAX aynen çalışır).
   Koyu mod otomatik (token'lar).
   ========================================================================== */
body.brm-panel .berberim-services-box.berberim-svc-v2 {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--brm-shadow) !important;
    padding: 26px 30px !important;
    max-width: 880px;
    margin: 0 auto;
    overflow: hidden;
    animation: none;
}

/* Başlık */
body.brm-panel .berberim-svc-v2 .bv2-header {
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--brm-border);
}

body.brm-panel .berberim-svc-v2 .berberim-box-title {
    font-size: 21px;
    font-weight: 700;
    color: var(--brm-text);
    letter-spacing: -0.2px;
}

body.brm-panel .berberim-svc-v2 .berberim-slot-info-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid var(--brm-border);
    background: var(--brm-surface-2);
    color: var(--brm-accent);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 6px;
}

/* İpucu metni */
body.brm-panel .berberim-svc-v2 .bv2-hint-text {
    color: var(--brm-text-2);
    font-size: 13px;
    margin: 0 0 14px;
}

body.brm-panel .berberim-svc-v2 .bv2-hint-text svg {
    color: var(--brm-accent) !important;
}

/* Bölüm ayırıcı + başlıklar (generic override zaten var, hiza düzeltmesi) */
body.brm-panel .berberim-svc-v2 .bv2-section-divider {
    margin: 20px 0 14px;
    border-bottom-color: var(--brm-border);
}

body.brm-panel .berberim-svc-v2 .bv2-section-sep {
    background: var(--brm-border);
    height: 1px;
    border: none;
    margin: 8px 0;
}

/* Hizmet Ekle kartları */
body.brm-panel .berberim-svc-v2 .bv2-add-card {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 12px;
}

body.brm-panel .berberim-svc-v2 .bv2-add-card:hover {
    border-color: var(--brm-accent);
    box-shadow: none;
}

/* Hazır hizmetler seçimi — native select (Chosen panel.css'te gizli) */
body.brm-panel .berberim-svc-v2 .berberim-chosen-wrap {
    max-width: 760px;
}

body.brm-panel .berberim-svc-v2 .berberim-chosen-wrap select,
body.brm-panel .berberim-svc-v2 #berberim-master-services {
    width: 100%;
    height: 42px;
    padding: 0 32px 0 13px;
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    background: var(--brm-surface);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-size: 14px;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: 14px;
}

body.brm-panel .berberim-svc-v2 .berberim-chosen-wrap select:focus,
body.brm-panel .berberim-svc-v2 #berberim-master-services:focus {
    outline: none;
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}

/* Özel hizmet inputları */
body.brm-panel .berberim-svc-v2 .berberim-custom-fields input {
    padding: 9px 12px;
    border: 1px solid var(--brm-border);
    border-radius: 8px;
    font-size: 14px;
    background: var(--brm-surface);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    box-shadow: none;
    outline: none;
}

body.brm-panel .berberim-svc-v2 .berberim-custom-fields input:focus {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
    background: var(--brm-surface);
}

body.brm-panel .berberim-svc-v2 .berberim-custom-fields input::placeholder {
    color: var(--brm-text-3);
}

/* Seçenek satırı (Değişken / Seanslı pill'leri + seans inputları) — pill/chip görünümü */
body.brm-panel .berberim-svc-v2 .berberim-svc-options-row .berberim-svc-seans-pill input[type="checkbox"] {
    width: 14px;
    height: 14px;
    min-width: 14px;
    flex: 0 0 auto;
    margin: 0;
    cursor: pointer;
    accent-color: var(--brm-accent);
}
body.brm-panel .berberim-svc-v2 .berberim-svc-options-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

body.brm-panel .berberim-svc-v2 .berberim-svc-options-row label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 6px 12px;
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--brm-text-2);
    cursor: pointer;
    white-space: nowrap;
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

body.brm-panel .berberim-svc-v2 .berberim-svc-options-row label:hover {
    border-color: var(--brm-accent);
    color: var(--brm-accent);
}

body.brm-panel .berberim-svc-v2 .berberim-svc-options-row label:has(input:checked) {
    background: var(--brm-accent-soft);
    border-color: var(--brm-accent);
    color: var(--brm-accent);
}

body.brm-panel .berberim-svc-v2 .berberim-svc-options-row input[type="checkbox"] {
    width: 15px;
    height: 15px;
    accent-color: var(--brm-accent);
    cursor: pointer;
    margin: 0;
}

body.brm-panel .berberim-svc-v2 .berberim-svc-options-row input[type="number"],
body.brm-panel .berberim-svc-v2 .berberim-svc-options-row input.berberim-service-seans-count,
body.brm-panel .berberim-svc-v2 .berberim-svc-options-row input.berberim-service-seans-interval {
    width: 72px !important;
    min-width: 64px;
    padding: 6px 8px !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 999px !important;
    background: var(--brm-surface) !important;
    color: var(--brm-text) !important;
    font-family: var(--brm-font-ui);
    font-size: 12.5px !important;
    text-align: center;
    box-shadow: none !important;
    outline: none;
    box-sizing: border-box;
}

body.brm-panel .berberim-svc-v2 .berberim-svc-options-row input[type="number"]:focus,
body.brm-panel .berberim-svc-v2 .berberim-svc-options-row input.berberim-service-seans-count:focus,
body.brm-panel .berberim-svc-v2 .berberim-svc-options-row input.berberim-service-seans-interval:focus {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12) !important;
}

/* Yeni hizmet ekleme formundaki input'lar — sıralı hizalama */
body.brm-panel .berberim-svc-v2 .berberim-custom-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

body.brm-panel .berberim-svc-v2 .berberim-custom-fields .berberim-input-wide {
    flex: 0 0 auto;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 8px 12px;
}

body.brm-panel .berberim-svc-v2 .berberim-custom-fields .berberim-input-sm,
body.brm-panel .berberim-svc-v2 .berberim-custom-fields .berberim-input-xs {
    flex: 0 0 auto;
    width: 110px;
    height: 40px;
    box-sizing: border-box;
}

body.brm-panel .berberim-svc-v2 .berberim-custom-fields .berberim-input-xs {
    width: 90px;
}

/* Etiketli alanlar (bv2-cf-field) — placeholder yerine görünür etiket:
   "Fiyat:", "Süre (dk):", "Seans adedi:" gibi. Dar inputlarda placeholder
   kırpılıyordu; artık her inputun üstünde ne girileceği yazıyor. */
body.brm-panel .berberim-svc-v2 .bv2-cf-field {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--brm-text-2);
    background: transparent;
    border: none;
    border-radius: 0;
    white-space: normal;
    cursor: default;
}

/* Mini alanlar (Seans adedi / Kaç gün arayla) */
body.brm-panel .berberim-svc-v2 .bv2-cf-mini {
    width: 96px;
    flex: 0 0 auto;
}

body.brm-panel .berberim-svc-v2 .bv2-cf-mini input {
    width: 100% !important;
}

/* Seans adedi / Kaç gün arayla — "Seanslı hizmet" seçilince görünür */
body.brm-panel .berberim-svc-v2 .berberim-svc-seans-fields {
    display: inline-flex;
    align-items: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

/* base CSS'teki .berberim-custom-fields input min-width:120px kuralı mini
   seans inputlarını etiketten taşırıyordu — sıfırla */
body.brm-panel .berberim-svc-v2 .berberim-custom-fields .berberim-svc-seans-fields .bv2-cf-mini input,
body.brm-panel .berberim-svc-v2 .berberim-svc-seans-fields .bv2-cf-mini input {
    min-width: 0;
}

/* Satırlarda isim alanı esnek genişlik */
body.brm-panel .berberim-svc-v2 .berberim-service-row .bv2-row-name {
    flex: 1 1 200px;
    min-width: 140px;
}
body.brm-panel .berberim-svc-v2 .berberim-service-row .bv2-row-name input {
    height: 38px;
    width: 100%;
    flex: 0 0 auto;
    box-sizing: border-box;
}

/* Özel hizmet formunda isim alanı esnek genişlik */
body.brm-panel .berberim-svc-v2 .berberim-custom-fields .bv2-cf-grow {
    flex: 1 1 200px;
    min-width: 150px;
}

/* "+ Özel Ekle" butonu — kutu içinde tam satır, ortalanmış */
body.brm-panel .berberim-svc-v2 .berberim-custom-fields .bv2-add-btn {
    flex: 1 1 100%;
    justify-content: center;
    margin-top: 4px;
}

/* Mobil: etiketli alanlar tam genişlikte alt alta */
@media (max-width: 560px) {
    body.brm-panel .berberim-svc-v2 .bv2-cf-field {
        flex: 1 1 100% !important;
        min-width: 0 !important;
        width: 100%;
    }
    body.brm-panel .berberim-svc-v2 .berberim-custom-fields .bv2-add-btn {
        margin-top: 8px;
    }
    body.brm-panel .berberim-svc-v2 .berberim-svc-seans-fields {
        flex: 1 1 100% !important;
        width: 100%;
        align-items: stretch;
    }
    body.brm-panel .berberim-svc-v2 .berberim-svc-seans-fields .bv2-cf-field {
        flex: 1 1 45% !important;
        min-width: 0 !important;
        width: auto;
    }
}

/* Ekle butonları */
body.brm-panel .berberim-svc-v2 .bv2-add-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    border: 1px solid rgb(37 99 235 / 0.25);
    border-radius: 9px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    transition: background .12s ease, color .12s ease;
}

body.brm-panel .berberim-svc-v2 .bv2-add-btn:hover {
    background: var(--brm-accent);
    color: #fff;
}

/* Hizmetlerim başlığı */
body.brm-panel .berberim-svc-v2 .bv2-services-list-heading {
    max-width: 760px;
    margin: 18px auto 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--brm-text-2);
    text-align: left;
}

/* Hizmet satırları */
body.brm-panel .berberim-svc-v2 #berberim-services-rows {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    align-items: stretch;
    gap: 8px;
}

body.brm-panel .berberim-svc-v2 .berberim-service-row {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 12px;
    padding: 10px 14px;
    animation: none;
}

body.brm-panel .berberim-svc-v2 .berberim-service-row:hover {
    border-color: var(--brm-accent);
    box-shadow: var(--brm-shadow-lg);
    transform: translateY(-1px);
}

body.brm-panel .berberim-svc-v2 .berberim-service-row:focus-within {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}

body.brm-panel .berberim-svc-v2 .berberim-service-row + .berberim-service-row::before {
    background: transparent;
}

body.brm-panel .berberim-svc-v2 .berberim-drag-handle {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--brm-text-3);
    cursor: grab;
    padding: 0;
}

body.brm-panel .berberim-svc-v2 .berberim-drag-handle:hover {
    background: var(--brm-surface);
    color: var(--brm-accent);
}

body.brm-panel .berberim-svc-v2 .berberim-service-row input {
    padding: 9px 12px;
    border: 1px solid var(--brm-border);
    border-radius: 8px;
    background: var(--brm-surface);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-size: 14px;
    box-shadow: none;
    outline: none;
}

body.brm-panel .berberim-svc-v2 .berberim-service-row input:focus {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
    background: var(--brm-surface);
}

body.brm-panel .berberim-svc-v2 .berberim-service-row input::placeholder {
    color: var(--brm-text-3);
}

/* Kaldır butonu */
body.brm-panel .berberim-svc-v2 .berberim-remove-service {
    width: 34px;
    height: 34px;
    min-width: 34px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: var(--brm-surface) !important;
    border: 1px solid rgb(220 38 38 / 0.3) !important;
    border-radius: 8px !important;
    color: var(--brm-danger) !important;
    padding: 0 !important;
    cursor: pointer;
    transition: background .12s ease, border-color .12s ease;
}

body.brm-panel .berberim-svc-v2 .berberim-remove-service:hover {
    background: var(--brm-danger-soft) !important;
    border-color: var(--brm-danger) !important;
    transform: scale(1.08);
    box-shadow: none;
}

/* Kaydet butonu */
body.brm-panel .berberim-svc-v2 #berberim-save-services {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    background: var(--brm-accent) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 30px !important;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    box-shadow: 0 1px 2px rgb(37 99 235 / 0.35);
    transition: background .12s ease, transform .12s ease;
}

body.brm-panel .berberim-svc-v2 #berberim-save-services:hover {
    background: var(--brm-accent-2) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.35);
}

body.brm-panel .berberim-svc-v2 .berberim-save-services-msg {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
}

/* ── Sadece görüntüleme (staff readonly) ── */
body.brm-panel .berberim-svc-readonly .bv2-readonly-badge {
    background: rgb(245 158 11 / 0.14);
    color: #f59e0b;
    border: 1px solid rgb(245 158 11 / 0.3);
    border-radius: 9px;
    margin: 0 30px 16px;
}

body.brm-panel .berberim-svc-readonly .bv2-svc-readonly-list {
    padding: 0 30px 12px;
}

body.brm-panel .berberim-svc-readonly .bv2-svc-readonly-row {
    border-bottom: 1px solid var(--brm-border);
    padding: 12px 16px;
}

body.brm-panel .berberim-svc-readonly .bv2-svc-readonly-row:hover {
    background: var(--brm-surface-2);
}

body.brm-panel .berberim-svc-readonly .bv2-svc-readonly-num {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}

body.brm-panel .berberim-svc-readonly .bv2-svc-readonly-name {
    color: var(--brm-text);
}

body.brm-panel .berberim-svc-readonly .bv2-svc-readonly-price {
    background: var(--brm-success-soft);
    color: var(--brm-success);
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

body.brm-panel .berberim-svc-readonly .bv2-svc-readonly-dur {
    background: rgb(129 140 248 / 0.14);
    color: #818cf8;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
}

body.brm-panel .berberim-svc-readonly .bv2-svc-readonly-summary {
    color: var(--brm-text-2);
    border-top: 1px solid var(--brm-border);
    padding: 12px 20px 16px;
    font-size: 13px;
}

body.brm-panel .berberim-svc-readonly .bv2-svc-empty {
    color: var(--brm-text-3);
    padding: 16px 20px;
    font-size: 13px;
}

/* Slot bilgi modalı */
body.brm-panel .berberim-modal-overlay {
    background: rgb(15 18 26 / 0.6);
}

body.brm-panel .berberim-modal-content,
body.brm-panel .brm-slot-modal {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    box-shadow: var(--brm-shadow-lg);
    color: var(--brm-text);
    max-width: 480px;
    width: 90%;
}

body.brm-panel .brm-slot-modal > button[aria-label="Kapat"] {
    color: var(--brm-text-3) !important;
}

body.brm-panel .brm-slot-modal p[style*="#64748b"] {
    color: var(--brm-text-3) !important;
}

body.brm-panel .berberim-modal-content h4,
body.brm-panel .berberim-modal-content h3,
body.brm-panel .brm-slot-modal h4,
body.brm-panel .brm-slot-modal h3 {
    color: var(--brm-text);
}

body.brm-panel .berberim-modal-content p,
body.brm-panel .berberim-modal-content li,
body.brm-panel .brm-slot-modal p,
body.brm-panel .brm-slot-modal li {
    color: var(--brm-text-2);
}

/* ── Responsive ── */
@media (max-width: 719px) {
    body.brm-panel .berberim-services-box.berberim-svc-v2 {
        padding: 18px 16px !important;
    }

    body.brm-panel .berberim-svc-v2 .bv2-add-card {
        padding: 14px;
    }

    body.brm-panel .berberim-svc-v2 .berberim-custom-fields {
        flex-direction: column;
        align-items: stretch;
    }

    body.brm-panel .berberim-svc-v2 .berberim-custom-fields input {
        width: 100%;
        box-sizing: border-box;
    }

    body.brm-panel .berberim-svc-v2 .berberim-svc-options-row {
        width: 100%;
        justify-content: flex-start;
        gap: 8px;
    }

    body.brm-panel .berberim-svc-v2 .berberim-svc-options-row input[type="number"],
    body.brm-panel .berberim-svc-v2 .berberim-svc-options-row input.berberim-service-seans-count,
    body.brm-panel .berberim-svc-v2 .berberim-svc-options-row input.berberim-service-seans-interval {
        width: 72px !important;
        min-width: 64px;
        flex: 0 0 auto;
    }

    body.brm-panel .berberim-svc-v2 .berberim-service-row {
        padding: 12px;
        align-items: center;
        flex-wrap: wrap;
    }

    body.brm-panel .berberim-svc-v2 .berberim-service-row input {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Satır 1: sürükle + isim (yan yana, isim esneyen) */
    body.brm-panel .berberim-svc-v2 .berberim-service-row .berberim-drag-handle {
        order: -2;
    }

    body.brm-panel .berberim-svc-v2 .berberim-service-row .berberim-service-name {
        flex: 1 1 0;
        min-width: 120px;
        order: -1;
    }

    /* Satır 2: fiyat + süre yan yana */
    body.brm-panel .berberim-svc-v2 .berberim-service-row .berberim-service-price,
    body.brm-panel .berberim-svc-v2 .berberim-service-row .berberim-service-duration {
        flex: 1 1 40%;
        min-width: 90px;
    }

    /* Satır 3: seans/değişken pill'leri kendi satırı, sola hizalı */
    body.brm-panel .berberim-svc-v2 .berberim-service-row .berberim-svc-options-row {
        order: 1;
        width: 100%;
        justify-content: flex-start;
        margin-top: 4px;
        padding-top: 6px;
        border-top: 1px dashed var(--brm-border);
    }

    /* Satır 4: sil butonu sağ altta */
    body.brm-panel .berberim-svc-v2 .berberim-service-row .berberim-remove-service {
        order: 2;
        margin-left: auto;
    }

    body.brm-panel .berberim-svc-v2 #berberim-save-services {
        width: 100%;
    }

    body.brm-panel .berberim-svc-readonly .bv2-svc-readonly-list {
        padding: 0 16px 12px;
    }

    body.brm-panel .berberim-svc-readonly .bv2-readonly-badge {
        margin: 0 16px 14px;
        font-size: 0.76rem;
    }
}

/* ============================================================ */
/* 13b. Sayfa: Hizmetler — Paket Oluştur (yalnız panel modu)   */
/* ============================================================ */

/* -- Bölüm başlığı -- */
body.brm-panel .berberim-pkg-section .bv2-pkg-section-divider {
    border-top: 1px dashed var(--brm-border);
    margin-top: 26px;
    margin-bottom: 20px; /* başlık ile paket listesi arası nefes payı */
    padding-top: 22px;
    gap: 12px;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-section-divider h3 {
    margin: 0;
}

body.brm-panel .berberim-pkg-section .bv2-section-hint {
    color: var(--brm-text-3);
    margin: 0;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-list {
    margin-top: 4px;
}

/* Paket bölümü — dış box (hizmetler boxu) ile tam genişlik:
   base CSS'teki max-width:820px + padding:0 20px kartları daraltıyordu */
body.brm-panel .berberim-pkg-section {
    max-width: none;
    margin: 20px 0 0;
    padding: 0;
}

/* Modal — paket içeriği alanı (arama + seçili hizmetler) nizami boşluk */
body.brm-panel #bv2PkgModal .bv2-custp-field {
    gap: 8px;
}

body.brm-panel #bv2PkgModal .bv2-custp-field .bv2-pkg-selected-list {
    gap: 6px;
    margin-top: 4px !important;
}

body.brm-panel #bv2PkgModal .bv2-pkg-selected-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
}

body.brm-panel #bv2PkgModal .bv2-pkg-selected-tag .remove {
    margin-left: 2px;
}

/* Modal — hesap özeti ile paket içeriği arası nefes payı */
body.brm-panel #bv2PkgModal .bv2-pkg-calc-summary {
    margin-top: 6px;
}

/* -- Paket Ekle butonu -- */
body.brm-panel .berberim-pkg-section .bv2-pkg-add-btn {
    background: var(--brm-accent);
    color: #fff;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 18px;
    box-shadow: var(--brm-shadow-sm);
    transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-add-btn:hover {
    background: var(--brm-accent-2);
    box-shadow: var(--brm-shadow);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-empty {
    color: var(--brm-text-3);
    font-size: 13px;
    padding: 8px 0;
}

/* -- Paket kartları -- */
body.brm-panel .berberim-pkg-section .bv2-pkg-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-left: 3px solid var(--brm-accent);
    border-radius: 12px;
    margin-bottom: 10px;
    box-shadow: var(--brm-shadow);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-card-header {
    background: transparent;
    border-bottom: 1px solid var(--brm-border);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-header-left {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-card-body {
    padding: 12px 14px;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-badge {
    background: var(--brm-accent);
    color: #fff;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-name {
    color: var(--brm-text);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-price {
    color: var(--brm-success);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-duration {
    color: var(--brm-text-3);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-status {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 999px;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-active {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-passive {
    background: var(--brm-surface-2);
    color: var(--brm-text-3);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-desc {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-services-list {
    gap: 6px;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-svc-tag {
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 999px;
    border: 1px solid var(--brm-border);
}

/* -- Arama dropdown + seçili hizmet etiketleri -- */
body.brm-panel .berberim-pkg-section .bv2-pkg-svc-select-wrap .bv2-input {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-svc-dropdown {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 8px;
    box-shadow: var(--brm-shadow-lg);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-svc-dropdown-item {
    border-bottom: 1px solid var(--brm-border);
    color: var(--brm-text);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-svc-dropdown-item:hover {
    background: var(--brm-surface-2);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-svc-dropdown-item .svc-price {
    color: var(--brm-success);
    font-weight: 600;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-selected-list {
    gap: 6px;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-selected-tag {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 999px;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-selected-tag .remove {
    color: var(--brm-danger);
}

/* -- Hesap özeti (calc summary) -- */
body.brm-panel .berberim-pkg-section .bv2-pkg-calc-summary {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    padding: 12px;
    margin: 12px 0;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-calc-row {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: var(--brm-text-2);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-calc-row + .bv2-pkg-calc-row {
    margin-top: 4px;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-calc-hr {
    border: none;
    border-top: 1px solid var(--brm-border);
    margin: 8px 0;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-calc-total {
    font-weight: 600;
    color: var(--brm-text);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-price-input {
    padding: 4px 8px;
    border: 1px solid var(--brm-border);
    border-radius: 6px;
    font-size: 13px;
    text-align: right;
    background: var(--brm-surface);
    color: var(--brm-text);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-price-input:focus {
    outline: none;
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px var(--brm-accent-soft);
}

body.brm-panel .berberim-pkg-section .bv2-pkg-savings {
    margin-top: 6px;
    font-size: 12px;
    color: var(--brm-success);
    font-weight: 600;
}

/* -- Kart aksiyon butonları (Düzenle / Aktif-Pasif / Sil) -- */
body.brm-panel .berberim-pkg-section .bv2-action-btn {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text-2) !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

body.brm-panel .berberim-pkg-section .bv2-action-btn:hover {
    background: var(--brm-surface-2) !important;
    transform: translateY(-1px);
}

body.brm-panel .berberim-pkg-section .bv2-action-edit {
    color: var(--brm-accent) !important;
    border-color: rgb(37 99 235 / 0.3) !important;
}

body.brm-panel .berberim-pkg-section .bv2-action-edit:hover {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
}

body.brm-panel .berberim-pkg-section .bv2-action-delete {
    color: var(--brm-danger) !important;
    border-color: rgb(220 38 38 / 0.3) !important;
}

body.brm-panel .berberim-pkg-section .bv2-action-delete:hover {
    background: var(--brm-danger-soft) !important;
    border-color: var(--brm-danger) !important;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-toggle {
    color: var(--brm-indigo, #818cf8) !important;
    border-color: rgb(129 140 248 / 0.3) !important;
}

body.brm-panel .berberim-pkg-section .bv2-pkg-toggle:hover {
    background: rgb(129 140 248 / 0.12) !important;
    border-color: var(--brm-indigo, #818cf8) !important;
}

/* -- Paket modalı (yalnız #bv2PkgModal — müşteri modalına dokunma) -- */
body.brm-panel #bv2PkgModal .bv2-custp-modal {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow-lg);
}

body.brm-panel #bv2PkgModal .bv2-custp-modal-header {
    border-bottom: 1px solid var(--brm-border);
}

body.brm-panel #bv2PkgModal .bv2-custp-modal-header h3 {
    color: var(--brm-text);
}

body.brm-panel #bv2PkgModal .bv2-custp-modal-close {
    color: var(--brm-text-3);
}

body.brm-panel #bv2PkgModal .bv2-custp-field label {
    color: var(--brm-text-2);
}

body.brm-panel #bv2PkgModal .bv2-custp-field input,
body.brm-panel #bv2PkgModal .bv2-custp-field textarea {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text);
}

body.brm-panel #bv2PkgModal .bv2-custp-field input:focus,
body.brm-panel #bv2PkgModal .bv2-custp-field textarea:focus {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px var(--brm-accent-soft);
}

body.brm-panel #bv2PkgModal .bv2-custp-field-error {
    background: var(--brm-danger-soft);
    border: 1px solid rgb(220 38 38 / 0.3);
    color: var(--brm-danger);
}

body.brm-panel #bv2PkgModal .bv2-custp-btn-cancel {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
}

body.brm-panel #bv2PkgModal .bv2-custp-btn-cancel:hover {
    background: var(--brm-border);
}

body.brm-panel #bv2PkgModal .bv2-custp-btn-save {
    background: var(--brm-accent);
    color: #fff;
    box-shadow: var(--brm-shadow-sm);
}

body.brm-panel #bv2PkgModal .bv2-custp-btn-save:hover {
    background: var(--brm-accent-2);
}

/* -- Responsive -- */
@media (max-width: 640px) {
    body.brm-panel .berberim-pkg-section .bv2-pkg-calc-row {
        font-size: 12px !important;
    }

    body.brm-panel .berberim-pkg-section .bv2-pkg-price-input {
        width: 100px !important;
    }

    body.brm-panel .berberim-pkg-section .bv2-pkg-card-header {
        flex-direction: column;
        align-items: flex-start;
    }

    body.brm-panel .berberim-pkg-section .bv2-pkg-badge {
        align-self: flex-start;
    }

    body.brm-panel .berberim-pkg-section .bv2-pkg-card-actions {
        flex-direction: column;
        gap: 6px;
    }

    body.brm-panel .berberim-pkg-section .bv2-pkg-card-actions button {
        width: 100%;
        justify-content: center;
    }

    body.brm-panel #bv2PkgModal .bv2-custp-modal {
        max-width: 95% !important;
        margin: 10px auto;
    }
}

@media (max-width: 480px) {
    body.brm-panel .berberim-pkg-section .bv2-pkg-calc-row {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 4px;
    }

    body.brm-panel .berberim-pkg-section .bv2-pkg-price-input {
        width: 100% !important;
        max-width: 100%;
    }
}

/* ============================================================ */
/* 14. Sayfa: Davet Et Kazan (referral) — yalnız panel modu     */
/* ============================================================ */

body.brm-panel .brm-ref-wrap {
    max-width: 620px;
    margin: 0 auto;
    padding: 12px;
    display: grid;
    gap: 16px;
}

body.brm-panel .brm-ref-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    padding: 20px;
    box-shadow: var(--brm-shadow);
}

/* -- Hero -- */
body.brm-panel .brm-ref-hero {
    text-align: center;
    background: linear-gradient(135deg, #1a1a2e 0%, #2d2d5e 100%);
    color: #fff;
    border: none;
    padding: 28px 20px;
    position: relative;
    overflow: hidden;
}

body.brm-panel .brm-ref-hero::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 160px;
    height: 160px;
    background: radial-gradient(circle, rgb(99 102 241 / 0.35), transparent 70%);
    pointer-events: none;
}

body.brm-panel .brm-ref-hero-icon {
    font-size: 40px;
    margin-bottom: 8px;
}

body.brm-panel .brm-ref-hero-title {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

body.brm-panel .brm-ref-hero-desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #cbd5e1;
}

body.brm-panel .brm-ref-hero-desc strong {
    color: #fbbf24;
}

/* -- Kod kartı -- */
body.brm-panel .brm-ref-code-card {
    text-align: center;
}

body.brm-panel .brm-ref-code-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--brm-text-3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

body.brm-panel .brm-ref-code-value {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: 4px;
    color: var(--brm-text);
    background: var(--brm-surface-2);
    border: 2px dashed var(--brm-border);
    border-radius: 10px;
    padding: 12px 16px;
    display: inline-block;
    margin-bottom: 12px;
    font-family: 'Courier New', monospace;
    user-select: all;
}

body.brm-panel .brm-ref-code-hint {
    font-size: 12px;
    color: var(--brm-text-3);
    margin: 10px 0 0;
}

body.brm-panel .brm-ref-section-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--brm-text);
    margin: 0 0 14px;
}

body.brm-panel .brm-ref-form {
    display: grid;
    gap: 10px;
}

body.brm-panel .brm-ref-input-group {
    display: flex;
    gap: 8px;
}

body.brm-panel .brm-ref-input {
    flex: 1;
    padding: 12px 14px;
    border: 2px solid var(--brm-border);
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: border-color .15s ease, box-shadow .15s ease;
    background: var(--brm-surface-2);
    color: var(--brm-text);
}

body.brm-panel .brm-ref-input::placeholder {
    color: var(--brm-text-3);
    text-transform: none;
    letter-spacing: 0;
}

body.brm-panel .brm-ref-input:focus {
    outline: none;
    border-color: var(--brm-accent);
    background: var(--brm-surface);
    box-shadow: 0 0 0 3px var(--brm-accent-soft);
}

/* -- Butonlar -- */
body.brm-panel .brm-ref-btn {
    padding: 10px 18px;
    border: none;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s ease;
    white-space: nowrap;
}

body.brm-panel .brm-ref-btn:hover {
    transform: translateY(-1px);
}

body.brm-panel .brm-ref-btn:active {
    transform: translateY(0);
}

body.brm-panel .brm-ref-btn-primary {
    background: var(--brm-accent);
    color: #fff;
}

body.brm-panel .brm-ref-btn-primary:hover {
    background: var(--brm-accent-2);
}

body.brm-panel .brm-ref-btn-primary:disabled {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    cursor: not-allowed;
    transform: none;
}

body.brm-panel .brm-ref-btn-copy {
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
    border: 1px solid var(--brm-border);
}

body.brm-panel .brm-ref-btn-copy:hover {
    background: var(--brm-border);
}

body.brm-panel .brm-ref-btn-copy.copied {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}

/* -- Hata / başarı -- */
body.brm-panel .brm-ref-error {
    background: var(--brm-danger-soft);
    border: 1px solid rgb(220 38 38 / 0.3);
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 13px;
    color: var(--brm-danger);
    line-height: 1.5;
}

body.brm-panel .brm-ref-success {
    background: var(--brm-success-soft);
    border: 1px solid rgb(22 163 74 / 0.3);
    border-radius: 10px;
    padding: 14px;
    font-size: 14px;
    color: var(--brm-success);
    line-height: 1.6;
}

body.brm-panel .brm-ref-success-box {
    background: var(--brm-success-soft);
    border: 1px solid rgb(22 163 74 / 0.3);
    border-radius: 12px;
    padding: 18px;
    text-align: center;
}

body.brm-panel .brm-ref-success-icon {
    font-size: 32px;
    margin-bottom: 6px;
}

body.brm-panel .brm-ref-success-text {
    font-size: 16px;
    font-weight: 600;
    color: var(--brm-success);
    margin-bottom: 8px;
}

body.brm-panel .brm-ref-success-badge {
    display: inline-block;
    background: var(--brm-success-soft);
    color: var(--brm-success);
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid rgb(22 163 74 / 0.25);
}

/* -- İstatistikler -- */
body.brm-panel .brm-ref-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

body.brm-panel .brm-ref-stat {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    padding: 16px;
    text-align: center;
}

body.brm-panel .brm-ref-stat-num {
    display: block;
    font-size: 28px;
    font-weight: 800;
    color: var(--brm-accent);
    line-height: 1;
}

body.brm-panel .brm-ref-stat-label {
    display: block;
    font-size: 12px;
    color: var(--brm-text-3);
    margin-top: 4px;
}

/* -- Nasıl çalışır -- */
body.brm-panel .brm-ref-info-list {
    margin: 0;
    padding: 0 0 0 20px;
    display: grid;
    gap: 10px;
}

body.brm-panel .brm-ref-info-list li {
    font-size: 14px;
    color: var(--brm-text-2);
    line-height: 1.6;
}

body.brm-panel .brm-ref-info-list li strong {
    color: var(--brm-text);
}

body.brm-panel .brm-ref-info-card {
    background: var(--brm-surface-2);
}

body.brm-panel .brm-ref-share-desc {
    font-size: 13px;
    color: var(--brm-text-3);
    margin: 0 0 10px;
}

body.brm-panel .brm-ref-share-link-wrap {
    display: flex;
    gap: 8px;
}

body.brm-panel .brm-ref-share-input {
    flex: 1;
    padding: 10px 12px;
    border: 2px solid var(--brm-border);
    border-radius: 10px;
    font-size: 13px;
    color: var(--brm-text);
    background: var(--brm-surface-2);
    cursor: text;
}

body.brm-panel .brm-ref-share-input:focus {
    outline: none;
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px var(--brm-accent-soft);
}

/* -- Responsive -- */
@media (max-width: 480px) {
    body.brm-panel .brm-ref-input-group {
        flex-direction: column;
    }

    body.brm-panel .brm-ref-share-link-wrap {
        flex-direction: column;
    }

    body.brm-panel .brm-ref-code-value {
        font-size: 24px;
        letter-spacing: 2px;
    }

    body.brm-panel .brm-ref-stats {
        grid-template-columns: 1fr;
    }
}

/* ============================================================ */
/* 15. Sayfa: Entegrasyonlar (PayTR + Google Takvim)           */
/* ============================================================ */

body.brm-panel .brm-integrations-wrap {
    max-width: 760px;
}

body.brm-panel .brm-int-header h2 {
    color: var(--brm-text);
    margin: 0 0 4px;
    font-size: 22px;
    font-weight: 700;
}

body.brm-panel .brm-int-header p {
    color: var(--brm-text-2);
    font-size: 13px;
    margin: 0 0 18px;
}

/* -- Salon seçici -- */
body.brm-panel .brm-int-shop-select {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

body.brm-panel .brm-int-shop-select label {
    font-size: 13px;
    font-weight: 600;
    color: var(--brm-text-2);
}

body.brm-panel .brm-int-shop-select select {
    max-width: 300px;
    padding: 8px 12px;
    border: 1px solid var(--brm-border);
    border-radius: 8px;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    font-size: 13px;
}

body.brm-panel .brm-int-shop-select select:focus {
    outline: none;
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px var(--brm-accent-soft);
}

/* -- Sekmeler -- */
body.brm-panel .brm-int-tabs {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--brm-border);
    margin-bottom: 24px;
}

body.brm-panel .brm-int-tab {
    padding: 10px 20px;
    border: none;
    background: none;
    font-weight: 400;
    color: var(--brm-text-3);
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    font-size: 14px;
    transition: color .15s ease, border-color .15s ease;
    font-family: var(--brm-font-ui);
}

body.brm-panel .brm-int-tab:hover {
    color: var(--brm-text-2);
}

body.brm-panel .brm-int-tab.active {
    font-weight: 600;
    color: var(--brm-accent);
    border-bottom-color: var(--brm-accent);
}

/* -- Kartlar -- */
body.brm-panel .brm-int-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    padding: 24px;
    max-width: 600px;
    box-shadow: var(--brm-shadow);
}

body.brm-panel .brm-int-card-title {
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 700;
    color: var(--brm-text);
}

body.brm-panel .brm-int-card-desc {
    color: var(--brm-text-2);
    font-size: 13px;
    margin: 0 0 20px;
}

/* -- Form alanları -- */
body.brm-panel .brm-int-field {
    margin-bottom: 14px;
}

body.brm-panel .brm-int-label {
    display: block;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 4px;
    color: var(--brm-text-2);
}

body.brm-panel .brm-int-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--brm-border);
    border-radius: 8px;
    font-size: 14px;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    transition: border-color .15s ease, box-shadow .15s ease;
}

body.brm-panel .brm-int-input::placeholder {
    color: var(--brm-text-3);
}

body.brm-panel .brm-int-input:focus {
    outline: none;
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px var(--brm-accent-soft);
}

body.brm-panel .brm-int-check-row {
    margin-bottom: 20px;
}

body.brm-panel .brm-int-check-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: var(--brm-text);
}

body.brm-panel .brm-int-check-label input[type="checkbox"] {
    accent-color: var(--brm-accent);
    width: 16px;
    height: 16px;
}

body.brm-panel .brm-int-check-label span {
    font-weight: 600;
    font-size: 13px;
}

body.brm-panel .brm-int-check-hint {
    color: var(--brm-text-3) !important;
    font-size: 12px;
    font-weight: 400 !important;
}

/* -- Butonlar -- */
body.brm-panel .brm-int-actions {
    display: flex;
    gap: 10px;
}

body.brm-panel .brm-int-btn {
    font-family: var(--brm-font-ui);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, transform .15s ease, border-color .15s ease, box-shadow .15s ease;
    white-space: nowrap;
}

body.brm-panel .brm-int-btn-primary {
    padding: 10px 24px;
    background: var(--brm-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: var(--brm-shadow-sm);
}

body.brm-panel .brm-int-btn-primary:hover {
    background: var(--brm-accent-2);
    box-shadow: var(--brm-shadow);
}

body.brm-panel .brm-int-btn-primary:disabled {
    opacity: .7;
    cursor: not-allowed;
    transform: none;
}

body.brm-panel .brm-int-btn-secondary {
    padding: 10px 24px;
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
    border: 1px solid var(--brm-border);
    border-radius: 8px;
}

body.brm-panel .brm-int-btn-secondary:hover {
    background: var(--brm-border);
}

body.brm-panel .brm-int-btn-secondary:disabled {
    opacity: .7;
    cursor: not-allowed;
    transform: none;
}

/* -- Test sonucu -- */
body.brm-panel .brm-int-test-result {
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}

body.brm-panel .brm-int-test-result.brm-int-result-ok {
    background: var(--brm-success-soft);
    color: var(--brm-success);
    border: 1px solid rgb(22 163 74 / 0.3);
}

body.brm-panel .brm-int-test-result.brm-int-result-err {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
    border: 1px solid rgb(220 38 38 / 0.3);
}

/* -- Callback URL kutusu -- */
body.brm-panel .brm-int-callback {
    margin-top: 16px;
    padding: 14px 16px;
    background: var(--brm-accent-soft);
    border: 1px solid rgb(37 99 235 / 0.25);
    border-radius: 10px;
}

body.brm-panel .brm-int-callback-title {
    font-weight: 600;
    font-size: 13px;
    color: var(--brm-accent);
    margin-bottom: 4px;
}

body.brm-panel .brm-int-callback-desc {
    color: var(--brm-text-2);
    font-size: 12px;
    margin-bottom: 8px;
}

body.brm-panel .brm-int-callback-desc strong {
    color: var(--brm-text);
}

body.brm-panel .brm-int-callback-code {
    display: block;
    padding: 8px 12px;
    background: var(--brm-surface);
    border: 1px solid rgb(37 99 235 / 0.2);
    border-radius: 6px;
    font-size: 13px;
    color: var(--brm-accent);
    word-break: break-all;
    font-family: var(--brm-font-mono);
}

/* -- Aktif kutusu -- */
body.brm-panel .brm-int-active-box {
    margin-top: 16px;
    padding: 12px 16px;
    background: var(--brm-success-soft);
    border: 1px solid rgb(22 163 74 / 0.3);
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

body.brm-panel .brm-int-active-check {
    color: var(--brm-success);
    font-size: 16px;
}

body.brm-panel .brm-int-active-text {
    color: var(--brm-success);
    font-size: 13px;
    font-weight: 500;
}

/* -- Google Takvim -- */
body.brm-panel .brm-int-gcal-msg {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 14px;
}

body.brm-panel .brm-int-gcal-ok {
    background: var(--brm-success-soft);
    color: var(--brm-success);
    border: 1px solid rgb(22 163 74 / 0.3);
}

body.brm-panel .brm-int-gcal-err {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
    border: 1px solid rgb(220 38 38 / 0.3);
}

body.brm-panel .brm-int-gcal-status {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

body.brm-panel .brm-int-gcal-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

body.brm-panel .brm-int-gcal-dot-on {
    background: var(--brm-success);
    box-shadow: 0 0 0 3px var(--brm-success-soft);
}

body.brm-panel .brm-int-gcal-dot-warn {
    background: var(--brm-warn);
    box-shadow: 0 0 0 3px rgb(245 158 11 / 0.15);
}

body.brm-panel .brm-int-gcal-status-text {
    font-size: 15px;
    color: var(--brm-text);
}

body.brm-panel .brm-int-gcal-sync {
    margin-bottom: 20px;
}

body.brm-panel .brm-int-gcal-sync-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 15px;
    color: var(--brm-text);
}

body.brm-panel .brm-int-gcal-sync-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--brm-accent);
}

body.brm-panel .brm-int-gcal-sync-hint {
    margin: 8px 0 0 28px;
    font-size: 13px;
    color: var(--brm-text-3);
}

body.brm-panel .brm-int-gcal-disconnect {
    padding: 8px 20px;
    border: 1px solid rgb(220 38 38 / 0.3);
    border-radius: 8px;
    background: var(--brm-surface);
    color: var(--brm-danger);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    transition: background .15s ease, border-color .15s ease;
}

body.brm-panel .brm-int-gcal-disconnect:hover {
    background: var(--brm-danger-soft);
    border-color: var(--brm-danger);
}

body.brm-panel .brm-int-gcal-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 24px;
    background: #4285f4;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background .15s ease, box-shadow .15s ease;
}

body.brm-panel .brm-int-gcal-btn:hover {
    background: #3367d6;
    box-shadow: var(--brm-shadow);
}

body.brm-panel .brm-int-gcal-err-text {
    color: var(--brm-text-2);
    font-size: 14px;
    margin-bottom: 20px;
}

/* -- Responsive -- */
@media (max-width: 560px) {
    body.brm-panel .brm-int-tabs {
        overflow-x: auto;
    }

    body.brm-panel .brm-int-tab {
        padding: 10px 14px;
        font-size: 13px;
        white-space: nowrap;
    }

    body.brm-panel .brm-int-card {
        padding: 18px 16px;
    }

    body.brm-panel .brm-int-actions {
        flex-direction: column;
    }

    body.brm-panel .brm-int-actions .brm-int-btn {
        width: 100%;
        justify-content: center;
    }

    body.brm-panel .brm-int-shop-select {
        flex-direction: column;
        align-items: flex-start;
    }

    body.brm-panel .brm-int-shop-select select {
        max-width: 100%;
        width: 100%;
    }
}

/* ============================================================ */
/* 16. Sayfa: Bildirim Ayarları (brm-npref)                    */
/* ============================================================ */
body.brm-panel .brm-npref-wrap {
    max-width: 760px;
    margin: 0 auto;
    color: var(--brm-text);
}

body.brm-panel .brm-npref-header {
    margin-bottom: 22px;
}

body.brm-panel .brm-npref-header h2 {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 700;
    color: var(--brm-text);
    letter-spacing: -0.2px;
}

body.brm-panel .brm-npref-header p {
    margin: 0;
    font-size: 13px;
    color: var(--brm-text-2);
}

/* Üst "Tüm Bildirimler" anahtar chip */
body.brm-panel .brm-npref-master {
    margin-bottom: 20px;
}

body.brm-panel .brm-npref-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    background: var(--brm-surface);
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
    user-select: none;
}

body.brm-panel .brm-npref-chip:hover {
    border-color: var(--brm-accent-soft);
    background: var(--brm-surface-2);
}

body.brm-panel .brm-npref-chip.checked {
    border-color: var(--brm-accent);
    background: var(--brm-accent-soft);
}

body.brm-panel .brm-npref-chip input[type=checkbox] {
    width: 18px;
    height: 18px;
    accent-color: var(--brm-accent);
    cursor: pointer;
    flex-shrink: 0;
}

body.brm-panel .brm-npref-chip-label {
    display: flex;
    flex-direction: column;
    gap: 2px;
    cursor: pointer;
    line-height: 1.4;
}

body.brm-panel .brm-npref-chip-label strong {
    font-size: 13px;
    font-weight: 600;
    color: var(--brm-text);
}

body.brm-panel .brm-npref-chip-label small {
    font-size: 11px;
    color: var(--brm-text-2);
    font-weight: 400;
}

body.brm-panel .brm-npref-master-chip {
    border: 2px solid var(--brm-warning, #f59e0b) !important;
    background: var(--brm-warning-soft, rgb(245 158 11 / 0.12)) !important;
}

body.brm-panel .brm-npref-master-chip:hover {
    border-color: var(--brm-warning, #f59e0b) !important;
    background: var(--brm-warning-soft, rgb(245 158 11 / 0.18)) !important;
}

body.brm-panel .brm-npref-master-chip .brm-npref-chip-label strong {
    font-size: 14px;
}

body.brm-panel .brm-npref-master-chip svg {
    flex-shrink: 0;
}

/* Grup kartları */
body.brm-panel .brm-npref-group {
    margin-bottom: 20px;
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 12px;
    padding: 16px;
    box-shadow: var(--brm-shadow, 0 1px 2px rgb(0 0 0 / 0.04));
}

body.brm-panel .brm-npref-group-title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--brm-text);
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--brm-border);
}

body.brm-panel .brm-npref-group-title svg {
    flex-shrink: 0;
}

body.brm-panel .brm-npref-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

/* Aksiyonlar */
body.brm-panel .brm-npref-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
}

body.brm-panel .brm-npref-btn {
    padding: 10px 28px;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s ease;
    font-family: var(--brm-font-ui);
}

body.brm-panel .brm-npref-btn-primary {
    background: var(--brm-accent);
    color: #fff;
    box-shadow: 0 2px 4px rgb(59 130 246 / 0.2);
}

body.brm-panel .brm-npref-btn-primary:hover {
    background: var(--brm-accent-2);
    box-shadow: 0 4px 12px rgb(59 130 246 / 0.3);
    transform: translateY(-1px);
}

body.brm-panel .brm-npref-btn-primary:disabled {
    opacity: .5;
    cursor: default;
    transform: none;
    box-shadow: none;
}

body.brm-panel .brm-npref-saved {
    font-size: 13px;
    font-weight: 600;
    color: var(--brm-success);
}

body.brm-panel .brm-npref-saved.err {
    color: var(--brm-danger);
}

/* Mobil */
@media (max-width: 640px) {
    body.brm-panel .brm-npref-grid {
        grid-template-columns: 1fr;
    }

    body.brm-panel .brm-npref-group {
        padding: 14px 12px;
    }

    body.brm-panel .brm-npref-actions {
        flex-direction: column;
        align-items: stretch;
    }

    body.brm-panel .brm-npref-actions .brm-npref-btn {
        width: 100%;
        justify-content: center;
    }

    body.brm-panel .brm-npref-saved {
        text-align: center;
    }
}

/* ============================================================ */
/* 17. Sayfa: Geri Bildirimler (bv2-fbp)                       */
/* ============================================================ */
body.brm-panel .bv2-fbp-wrap {
    max-width: 820px;
    margin: 0 auto;
    padding: 0;
}

body.brm-panel .bv2-fbp-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

body.brm-panel .bv2-fbp-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

body.brm-panel .bv2-fbp-header-left svg {
    color: var(--brm-warn, #f59e0b);
    fill: var(--brm-warn, #f59e0b);
}

body.brm-panel .bv2-fbp-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    color: var(--brm-text);
    letter-spacing: -0.2px;
}

/* Özet kartı */
body.brm-panel .bv2-fbp-summary {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
    display: flex;
    gap: 32px;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: var(--brm-shadow, 0 1px 2px rgb(0 0 0 / 0.04));
}

body.brm-panel .bv2-fbp-avg {
    text-align: center;
    min-width: 120px;
}

body.brm-panel .bv2-fbp-avg-num {
    display: block;
    font-size: 42px;
    font-weight: 800;
    color: var(--brm-text);
    line-height: 1;
}

body.brm-panel .bv2-fbp-avg-stars {
    margin: 6px 0 4px;
}

body.brm-panel .bv2-fbp-avg-count {
    font-size: 13px;
    color: var(--brm-text-2);
}

body.brm-panel .bv2-fbp-star-filled {
    color: var(--brm-warn, #f59e0b);
}

body.brm-panel .bv2-fbp-star-half {
    color: var(--brm-warn, #f59e0b);
    opacity: 0.6;
}

body.brm-panel .bv2-fbp-star-empty {
    color: var(--brm-border);
    opacity: 0.85;
}

/* Bar grafik */
body.brm-panel .bv2-fbp-bar-wrap {
    flex: 1;
    min-width: 200px;
}

body.brm-panel .bv2-fbp-bar-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

body.brm-panel .bv2-fbp-bar-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--brm-text-2);
    min-width: 30px;
    text-align: right;
}

body.brm-panel .bv2-fbp-star-sm {
    color: var(--brm-warn, #f59e0b);
    font-size: 12px;
}

body.brm-panel .bv2-fbp-bar {
    flex: 1;
    height: 8px;
    background: var(--brm-surface-2);
    border-radius: 4px;
    overflow: hidden;
}

body.brm-panel .bv2-fbp-bar-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--brm-warn, #f59e0b), #fbbf24);
    border-radius: 4px;
    transition: width 0.4s ease;
}

body.brm-panel .bv2-fbp-bar-num {
    font-size: 12px;
    color: var(--brm-text-3);
    min-width: 20px;
}

/* Liste */
body.brm-panel .bv2-fbp-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body.brm-panel .bv2-fbp-loading,
body.brm-panel .bv2-fbp-empty {
    text-align: center;
    padding: 48px 20px;
    color: var(--brm-text-3);
    font-size: 15px;
}

body.brm-panel .bv2-fbp-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    padding: 16px 18px;
    transition: all 0.2s ease;
}

body.brm-panel .bv2-fbp-card:hover {
    border-color: var(--brm-accent-soft);
    box-shadow: 0 2px 12px rgb(99 102 241 / 0.08);
}

body.brm-panel .bv2-fbp-card-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

body.brm-panel .bv2-fbp-card-avatar {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 10px;
    background: var(--brm-accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
}

body.brm-panel .bv2-fbp-card-avatar.bv2-fbp-anon {
    background: var(--brm-text-3);
}

body.brm-panel .bv2-fbp-card-info {
    flex: 1;
    min-width: 0;
}

body.brm-panel .bv2-fbp-card-name {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: var(--brm-text);
}

body.brm-panel .bv2-fbp-card-date {
    display: block;
    font-size: 11px;
    color: var(--brm-text-3);
    margin-top: 1px;
}

body.brm-panel .bv2-fbp-card-rating {
    white-space: nowrap;
}

body.brm-panel .bv2-fbp-card-comment {
    margin: 0 0 6px;
    font-size: 13.5px;
    color: var(--brm-text-2);
    line-height: 1.6;
}

body.brm-panel .bv2-fbp-card-svc {
    display: inline-block;
    background: var(--brm-surface-2);
    color: var(--brm-accent);
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 6px;
}

/* PHP inline <style> provider pill (açık renk #f0f4f8/#334155) — token'lı */
body.brm-panel .bv2-fbp-card-provider {
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
}

body.brm-panel .bv2-fbp-del-btn {
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 15px;
    opacity: 0.45;
    transition: opacity .15s ease, background .15s ease;
    padding: 4px 8px;
    border-radius: 8px;
    line-height: 1;
    flex-shrink: 0;
}

body.brm-panel .bv2-fbp-del-btn:hover {
    opacity: 1;
    background: var(--brm-danger-soft);
}

/* Mobil */
@media (max-width: 640px) {
    body.brm-panel .bv2-fbp-summary {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    body.brm-panel .bv2-fbp-avg {
        min-width: auto;
    }

    body.brm-panel .bv2-fbp-bar-wrap {
        min-width: 100%;
    }

    body.brm-panel .bv2-fbp-title {
        font-size: 18px;
    }

    body.brm-panel .bv2-fbp-card {
        padding: 14px 14px;
    }
}

/* ════════════════════════════════════════════════════════════════════
   18. Sayfa: Randevularım (berberim-appt-v2) — sahip/personel randevu
   yönetimi. Tablo → accordion (brm-kacc). Base berberim.css'teki açık
   renkler token'a bağlanır; JS seçicileri (berberim-appt-*) korunur.
   ════════════════════════════════════════════════════════════════════ */

/* Sayfa kabı (base: beyaz gradyan) */
body.brm-panel .berberim-appt-v2 {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    box-shadow: var(--brm-shadow-lg);
}

/* Header + bölüm başlığı — box kenarına bitişik kalmamaları için soldan nefes payı.
   Base mobil medya sorguları panel padding'ini eziyor; !important garantiler. */
body.brm-panel .berberim-appt-v2 .bv2-header {
    padding: 26px 30px 4px !important;
    gap: 14px;
}

body.brm-panel .berberim-appt-v2 .bv2-header-icon {
    display: inline-flex;
    margin-left: 0;
    flex-shrink: 0;
}

body.brm-panel .berberim-appt-v2 .bv2-section-divider {
    margin: 24px 30px 14px !important;
}

body.brm-panel .berberim-appt-v2 .bv2-add-appt-launch-wrap {
    margin: 10px 30px 16px !important;
}

body.brm-panel .berberim-appt-v2 .bv2-appt-list-box {
    padding: 0 0 28px !important;
}

body.brm-panel .berberim-appt-v2 .bv2-header-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--brm-text);
    margin: 0;
}

body.brm-panel .berberim-appt-v2 .bv2-badge-count {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    border: 1px solid rgb(37 99 235 / 0.25);
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 700;
    margin-left: 8px;
}

/* Randevu Ekle / Hepsini Onayla / Filtre toggle */
body.brm-panel .berberim-appt-v2 .bv2-add-appt-launch-wrap {
    gap: 8px;
    flex-wrap: wrap;
}

body.brm-panel .berberim-appt-v2 .bv2-add-appt-launch {
    background: var(--brm-accent) !important;
    border: 1px solid var(--brm-accent) !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-weight: 700;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    transition: background .12s ease, transform .12s ease, box-shadow .12s ease;
}

body.brm-panel .berberim-appt-v2 .bv2-add-appt-launch:hover {
    background: var(--brm-accent-2) !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgb(37 99 235 / 0.3);
}

body.brm-panel .berberim-appt-v2 .bv2-approve-all-btn {
    background: var(--brm-success) !important;
    border-color: var(--brm-success) !important;
}

body.brm-panel .berberim-appt-v2 .bv2-approve-all-btn:hover {
    background: #15803d !important;
    border-color: #15803d !important;
    box-shadow: 0 3px 10px rgb(22 163 74 / 0.3);
}

/* Filtreler */
body.brm-panel .berberim-appt-v2 .bv2-appt-filters-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    box-shadow: var(--brm-shadow);
}

body.brm-panel .berberim-appt-v2 .bv2-filter-label {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-appt-v2 .bv2-filter-label svg {
    color: var(--brm-accent);
}

body.brm-panel .berberim-appt-v2 .bv2-appt-filters-card .bv2-input,
body.brm-panel .berberim-appt-v2 .bv2-appt-filters-card .bv2-select {
    background: var(--brm-surface-2) !important;
    border: 1.5px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
    border-radius: 9px;
    font-family: var(--brm-font-ui);
    font-size: 13px;
}

body.brm-panel .berberim-appt-v2 .bv2-appt-filters-card .bv2-input:focus,
body.brm-panel .berberim-appt-v2 .bv2-appt-filters-card .bv2-select:focus {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.15) !important;
    outline: none;
}

body.brm-panel .berberim-appt-v2 .bv2-date-sep {
    color: var(--brm-text-3);
}

body.brm-panel .berberim-appt-v2 .bv2-filter-btn {
    background: var(--brm-accent) !important;
    border: 1px solid var(--brm-accent) !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    transition: background .12s ease;
}

body.brm-panel .berberim-appt-v2 .bv2-filter-btn:hover {
    background: var(--brm-accent-2) !important;
}

body.brm-panel .berberim-appt-v2 .bv2-export-btn {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text-2) !important;
    border-radius: 10px;
    font-family: var(--brm-font-ui);
    box-shadow: none !important;
    white-space: normal;
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

/* Filtre aksiyonları — dar ekranda butonlar sarılsın, taşmasın */
body.brm-panel .berberim-appt-v2 .bv2-filter-actions {
    flex-wrap: wrap;
    gap: 6px;
}

body.brm-panel .berberim-appt-v2 .bv2-filter-actions .bv2-filter-btn,
body.brm-panel .berberim-appt-v2 .bv2-filter-actions .bv2-export-btn {
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
}

body.brm-panel .berberim-appt-v2 .bv2-export-btn:hover {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
    box-shadow: none !important;
}

/* Accordion — başlık içi detaylar */
body.brm-panel .berberim-appt-v2 .brm-kacc-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.brm-panel .berberim-appt-v2 .brm-kacc-title .bv2-cell-phone {
    color: var(--brm-accent);
    text-decoration: none;
    font-weight: 600;
    margin-left: 4px;
}

body.brm-panel .berberim-appt-v2 .brm-kacc-title .bv2-cell-phone:hover {
    text-decoration: underline;
}

body.brm-panel .berberim-appt-v2 .brm-kacc-amount {
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

body.brm-panel .berberim-appt-v2 .berberim-appt-status {
    display: inline-flex;
}

body.brm-panel .berberim-appt-v2 .brm-kacc-price {
    color: var(--brm-text);
    font-weight: 700;
    font-size: 13.5px;
}

/* Durum rozetleri */
body.brm-panel .berberim-appt-v2 .bv2-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
    white-space: nowrap;
}

body.brm-panel .berberim-appt-v2 .bv2-status-pending {
    background: rgb(245 158 11 / 0.14);
    color: var(--brm-warn);
}

body.brm-panel .berberim-appt-v2 .bv2-status-approved {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}

body.brm-panel .berberim-appt-v2 .bv2-status-rejected {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}

/* Chip'ler */
body.brm-panel .berberim-appt-v2 .bv2-chip {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
}

body.brm-panel .berberim-appt-v2 .bv2-chip-service {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}

body.brm-panel .berberim-appt-v2 .bv2-chip-time {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}

body.brm-panel .berberim-appt-v2 .bv2-chip-discount {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}

body.brm-panel .berberim-appt-v2 .bv2-chip-coupon {
    background: rgb(245 158 11 / 0.14);
    color: var(--brm-warn);
}

body.brm-panel .berberim-appt-v2 .bv2-chip-gift {
    background: var(--brm-danger-soft);
    color: #db2777;
}

body.brm-panel .berberim-appt-v2 .bv2-badge-variable {
    background: rgb(245 158 11 / 0.14);
    color: var(--brm-warn);
    border-radius: 999px;
    padding: 1px 8px;
    font-size: 10px;
    font-weight: 700;
    margin-left: 4px;
}

/* Accordion gövdesi — ürünler + not aynı hücrede yan yana */
body.brm-panel .berberim-appt-v2 .bv2-appt-prodnote-val {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

body.brm-panel .berberim-appt-v2 .bv2-appt-products {
    font-size: 12.5px;
    color: var(--brm-text-2);
}

body.brm-panel .berberim-appt-v2 .bv2-appt-products-note {
    font-size: 11.5px;
    color: var(--brm-text-3);
    font-style: italic;
    margin-top: 2px;
    width: 100%;
}

/* Not toggle'ı ürünlerin sağında, ayrı bir satıra düşmeden */
body.brm-panel .berberim-appt-v2 .bv2-note-details {
    flex: 0 0 auto;
    min-width: 90px;
}

body.brm-panel .berberim-appt-v2 .bv2-note-details[open] {
    flex: 1 1 100%;
}

body.brm-panel .berberim-appt-v2 .bv2-note-toggle {
    color: var(--brm-accent);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
    list-style: none;
    transition: background .12s ease;
}

body.brm-panel .berberim-appt-v2 .bv2-note-toggle:hover {
    background: var(--brm-accent-soft);
}

body.brm-panel .berberim-appt-v2 .bv2-note-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

body.brm-panel .berberim-appt-v2 .bv2-note-input {
    width: 100%;
    min-height: 60px;
    padding: 10px 12px;
    border: 1.5px solid var(--brm-border);
    border-radius: 10px;
    background: var(--brm-surface);
    color: var(--brm-text);
    font-size: 13px;
    font-family: var(--brm-font-ui);
    resize: vertical;
    box-sizing: border-box;
    transition: border-color .2s, box-shadow .2s;
}

body.brm-panel .berberim-appt-v2 .bv2-note-input:focus {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.15);
    outline: none;
}

body.brm-panel .berberim-appt-v2 .bv2-notes-log {
    margin-top: 6px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--brm-border);
    background: var(--brm-surface);
    color: var(--brm-text-2);
    font-size: 12px;
    white-space: pre-wrap;
    max-height: 100px;
    overflow-y: auto;
}

body.brm-panel .berberim-appt-v2 .bv2-notes-log:empty {
    display: none;
}

/* Başlık aksiyonları (Onayla / İptal) */
body.brm-panel .berberim-appt-v2 .brm-kacc-head-actions .bv2-action-btn {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text-2) !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    transition: background .12s ease, border-color .12s ease, color .12s ease, transform .12s ease;
}

body.brm-panel .berberim-appt-v2 .brm-kacc-head-actions .bv2-action-btn:hover {
    background: var(--brm-surface-2) !important;
    transform: translateY(-1px);
}

body.brm-panel .berberim-appt-v2 .brm-kacc-head-actions .bv2-action-approve {
    color: var(--brm-success) !important;
    border-color: rgb(22 163 74 / 0.35) !important;
}

body.brm-panel .berberim-appt-v2 .brm-kacc-head-actions .bv2-action-approve:hover {
    background: var(--brm-success-soft) !important;
    border-color: var(--brm-success) !important;
}

body.brm-panel .berberim-appt-v2 .brm-kacc-head-actions .bv2-action-delete {
    color: var(--brm-danger) !important;
    border-color: rgb(220 38 38 / 0.3) !important;
}

body.brm-panel .berberim-appt-v2 .brm-kacc-head-actions .bv2-action-delete:hover {
    background: var(--brm-danger-soft) !important;
    border-color: var(--brm-danger) !important;
}

/* JS onay sonrası buton durumu (className komple değişiyor) */
body.brm-panel .berberim-appt-v2 .bv2-action-approved {
    background: var(--brm-success-soft) !important;
    color: var(--brm-success) !important;
    border-color: var(--brm-success) !important;
}

/* Not kaydet butonu */
body.brm-panel .berberim-appt-v2 .bv2-note-body .bv2-action-btn {
    align-self: flex-end;
    background: var(--brm-accent) !important;
    border: 1px solid var(--brm-accent) !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: background .12s ease;
}

body.brm-panel .berberim-appt-v2 .bv2-note-body .bv2-action-btn:hover {
    background: var(--brm-accent-2) !important;
}

/* Boş durum */
body.brm-panel .berberim-appt-v2 .bv2-empty-state p {
    color: var(--brm-text-3);
}

body.brm-panel .berberim-appt-v2 .bv2-empty-state svg {
    color: var(--brm-text-3);
}

/* Sayfalama */
body.brm-panel .berberim-appt-v2 .bv2-cust-pagination {
    display: flex;
    gap: 6px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 16px;
}

body.brm-panel .berberim-appt-v2 .bv2-cust-page-btn {
    min-width: 36px;
    text-align: center;
    padding: 7px 12px;
    border-radius: 9px;
    border: 1px solid var(--brm-border);
    background: var(--brm-surface);
    color: var(--brm-text-2);
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    font-family: var(--brm-font-ui);
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

body.brm-panel .berberim-appt-v2 .bv2-cust-page-btn:hover {
    background: var(--brm-surface-2);
    border-color: var(--brm-accent);
    color: var(--brm-accent);
}

body.brm-panel .berberim-appt-v2 .bv2-cust-page-btn.is-current {
    background: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
    color: #fff !important;
}

/* ── Randevu Ekle modalı ── */
body.brm-panel .bv2-add-appt-modal {
    background: rgb(2 6 23 / 0.62);
}

body.brm-panel .bv2-add-appt-dialog {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow-lg);
}

body.brm-panel .bv2-add-appt-dialog::before {
    background: linear-gradient(90deg, var(--brm-accent), var(--brm-accent-2));
}

body.brm-panel .bv2-add-appt-close {
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
}

body.brm-panel .bv2-add-appt-close:hover {
    background: var(--brm-border);
    color: var(--brm-text);
}

body.brm-panel .bv2-add-appt-head-icon {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    box-shadow: inset 0 0 0 1px rgb(37 99 235 / 0.25);
}

body.brm-panel .bv2-add-appt-title {
    color: var(--brm-text);
}

body.brm-panel .bv2-add-appt-subtitle {
    color: var(--brm-text-3);
}

body.brm-panel .bv2-add-appt-form label {
    color: var(--brm-text-2);
    font-weight: 600;
    font-size: 12.5px;
}

body.brm-panel .bv2-add-appt-form .bv2-input,
body.brm-panel .bv2-add-appt-form .bv2-select {
    background: var(--brm-surface-2) !important;
    border: 1.5px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
    border-radius: 9px;
    padding: 9px 12px;
    font-size: 13.5px;
    font-family: var(--brm-font-ui);
    width: 100%;
    box-sizing: border-box;
}

body.brm-panel .bv2-add-appt-form .bv2-input:focus,
body.brm-panel .bv2-add-appt-form .bv2-select:focus {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.15) !important;
    outline: none;
}

body.brm-panel .bv2-add-appt-form .bv2-input::placeholder {
    color: var(--brm-text-3);
}

/* Hizmet çoklu seçim */
body.brm-panel .bv2-add-appt-form .bv2-add-service-toggle {
    background: var(--brm-surface-2) !important;
    border: 1.5px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
    border-radius: 9px;
    font-family: var(--brm-font-ui);
}

body.brm-panel .bv2-add-appt-form .bv2-add-service-list {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    box-shadow: var(--brm-shadow-lg);
}

body.brm-panel .bv2-add-appt-form .bv2-add-service-item {
    color: var(--brm-text-2);
}

body.brm-panel .bv2-add-appt-form .bv2-add-service-item:hover {
    background: var(--brm-surface-2);
}

body.brm-panel .bv2-add-appt-form .bv2-add-service-item input {
    accent-color: var(--brm-accent);
}

body.brm-panel .bv2-add-appt-form .bv2-add-service-count {
    color: var(--brm-text-3);
}

/* Hazır müşteri arama */
body.brm-panel .bv2-add-appt-form .bv2-add-customer-search-header,
body.brm-panel .bv2-add-appt-form .bv2-add-customer-search-divider span {
    color: var(--brm-text-3);
    font-size: 12px;
    font-weight: 600;
}

body.brm-panel .bv2-add-appt-form .bv2-add-customer-results {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    box-shadow: var(--brm-shadow-lg);
}

body.brm-panel .bv2-add-appt-form .bv2-add-customer-result-item {
    color: var(--brm-text-2);
}

body.brm-panel .bv2-add-appt-form .bv2-add-customer-result-item:hover {
    background: var(--brm-surface-2);
}

body.brm-panel .bv2-add-appt-form .bv2-add-customer-result-name {
    color: var(--brm-text);
    font-weight: 600;
}

body.brm-panel .bv2-add-appt-form .bv2-add-customer-result-phone {
    color: var(--brm-text-3);
    font-size: 12px;
}

body.brm-panel .bv2-add-appt-form .bv2-add-customer-result-empty {
    color: var(--brm-text-3);
}

body.brm-panel .bv2-add-appt-form .bv2-add-price-row {
    color: var(--brm-text-2);
    background: var(--brm-accent-soft);
    border: 1px solid rgb(37 99 235 / 0.25);
}

body.brm-panel .bv2-add-appt-form .bv2-add-price-row #berberim-add-appt-service-price {
    color: var(--brm-accent);
    font-weight: 700;
}

body.brm-panel .bv2-add-appt-form .bv2-add-actions .bv2-submit-btn {
    background: var(--brm-accent) !important;
    border: 1px solid var(--brm-accent) !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-weight: 700;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    transition: background .12s ease;
}

body.brm-panel .bv2-add-appt-form .bv2-add-actions .bv2-submit-btn:hover {
    background: var(--brm-accent-2) !important;
}

/* Tarih/saat inputları native — dark'ta takvim ikonu görünürlüğü */
body.brm-panel.brm-panel-dark .berberim-appt-v2 .bv2-input,
body.brm-panel.brm-panel-dark .berberim-appt-v2 .bv2-select,
body.brm-panel.brm-panel-dark .bv2-add-appt-form .bv2-input,
body.brm-panel.brm-panel-dark .bv2-add-appt-form .bv2-select {
    color-scheme: dark;
}

/* Mobil */
@media (max-width: 640px) {
    body.brm-panel .berberim-appt-v2 .brm-kacc-head-row {
        flex-wrap: wrap;
    }

    body.brm-panel .berberim-appt-v2 .brm-kacc-head-row .brm-kacc-head {
        flex: 1 1 100%;
    }

    body.brm-panel .berberim-appt-v2 .brm-kacc-head-actions .bv2-action-btn {
        padding: 8px 12px !important;
    }

    /* Kapalı accordion mobil düzeni: isim/telefon + alt metin üst satır (chevron sağda),
       durum rozeti + tutar + İptal/Onayla butonları alt satırda yanyana */
    body.brm-panel .berberim-appt-v2 .brm-kacc-head {
        flex-wrap: nowrap;
    }

    body.brm-panel .berberim-appt-v2 .brm-kacc-head .brm-kacc-main {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    body.brm-panel .berberim-appt-v2 .brm-kacc-head .brm-kacc-chev {
        flex: 0 0 auto;
        align-self: center;
        margin-left: 6px;
    }

    /* Amount artık head-actions içinde, başlıkta değil */
    body.brm-panel .berberim-appt-v2 .brm-kacc-head .brm-kacc-amount {
        display: none;
    }

    /* Head-actions: amount + butonlar yanyana */
    body.brm-panel .berberim-appt-v2 .brm-kacc-head-actions {
        flex: 1 1 100%;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        padding: 0 14px 10px;
    }

    body.brm-panel .berberim-appt-v2 .brm-kacc-head-actions .brm-kacc-amount {
        display: inline-flex;
        flex: 0 0 auto;
        flex-wrap: nowrap;
        gap: 6px;
        justify-content: flex-start;
        order: 0;
    }

    body.brm-panel .berberim-appt-v2 .brm-kacc-head-actions .bv2-action-btn {
        flex: 0 0 auto;
        padding: 5px 10px !important;
        font-size: 11px !important;
    }

    body.brm-panel .berberim-appt-v2 .brm-kacc-head-actions .bv2-action-approve {
        order: 2;
    }

    body.brm-panel .berberim-appt-v2 .brm-kacc-head-actions .bv2-action-delete {
        order: 1;
    }

    body.brm-panel .berberim-appt-v2 .brm-kacc-title,
    body.brm-panel .berberim-appt-v2 .brm-kacc-sub {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.brm-panel .berberim-appt-v2 .brm-kacc-grid {
        grid-template-columns: 1fr;
    }

    body.brm-panel .berberim-appt-v2 .bv2-appt-filters-card {
        grid-template-columns: 1fr;
        justify-items: stretch;
        padding: 16px;
    }

    body.brm-panel .berberim-appt-v2 .bv2-filter-group {
        max-width: none;
        align-items: stretch;
        text-align: left;
    }

    body.brm-panel .berberim-appt-v2 .bv2-filter-label {
        justify-content: flex-start;
        text-align: left;
    }

    body.brm-panel .berberim-appt-v2 .bv2-date-range {
        max-width: none;
    }

    body.brm-panel .berberim-appt-v2 .bv2-filter-actions {
        flex-direction: column;
        align-items: stretch;
    }

    body.brm-panel .berberim-appt-v2 .bv2-filter-actions .bv2-submit-btn,
    body.brm-panel .berberim-appt-v2 .bv2-filter-actions .bv2-export-btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    body.brm-panel .bv2-add-appt-form .bv2-add-appt-grid {
        grid-template-columns: 1fr;
    }
}

/* ════════════════════════════════════════════════════════════════════
   19. Sayfa: Müşterilerim (bv2-custp / bv2-topcust / bv2-bday)
   Müşteri kartları → accordion (brm-kacc). Menu dropdown + data-phone
   korunur; JS selectors (bv2-custp-menu-*, bv2-custp-btn-*) aynen.
   ════════════════════════════════════════════════════════════════════ */

/* ── En Çok Gelen Müşteriler ── */
body.brm-panel .bv2-topcust-wrap {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    box-shadow: var(--brm-shadow-lg);
}

body.brm-panel .bv2-topcust-title-wrap h3 {
    color: var(--brm-text);
}

body.brm-panel .bv2-topcust-toggle-wrap {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
}

body.brm-panel .bv2-topcust-toggle-wrap label {
    color: var(--brm-text-2);
}

/* Aç/kapa başlığı — belirgin toggle: hover vurgusu + chevron rozeti */
body.brm-panel .bv2-collapsible-header {
    border-radius: 10px;
    margin: 0 6px;
    padding: 12px 10px;
    transition: background .15s ease;
}

body.brm-panel .bv2-collapsible-header:hover {
    background: var(--brm-surface-2);
}

body.brm-panel .bv2-topcust-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
}

body.brm-panel .bv2-collapse-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-left: auto;
    border-radius: 8px;
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
    font-size: 10px;
    line-height: 1;
    transition: transform .25s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

body.brm-panel .bv2-collapsible-header:hover .bv2-collapse-chevron {
    background: var(--brm-accent-soft);
    border-color: var(--brm-accent);
    color: var(--brm-accent);
}

body.brm-panel .bv2-collapsible-header.collapsed .bv2-collapse-chevron {
    transform: rotate(-90deg);
}

body.brm-panel .bv2-collapsible-header .bv2-topcust-toggle-wrap {
    flex: 0 0 auto;
    margin-left: 12px;
}

body.brm-panel .bv2-topcust-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    box-shadow: var(--brm-shadow);
}

body.brm-panel .bv2-topcust-card:hover {
    border-color: var(--brm-accent);
    box-shadow: 0 8px 20px rgb(37 99 235 / 0.12);
}

body.brm-panel .bv2-topcust-name {
    color: var(--brm-text);
}

body.brm-panel .bv2-topcust-phone {
    color: var(--brm-text-3);
}

body.brm-panel .bv2-topcust-metric {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
}

body.brm-panel .bv2-topcust-metric span {
    color: var(--brm-text-3);
}

body.brm-panel .bv2-topcust-metric strong {
    color: var(--brm-text);
}

body.brm-panel .bv2-topcust-empty {
    color: var(--brm-text-3);
    border: 1px dashed var(--brm-border);
    background: var(--brm-surface);
}

/* ── Doğum Günü (amber tonlu — dark'ta koyu amber) ── */
body.brm-panel .bv2-bday-wrap {
    background:
        radial-gradient(
            120% 120% at 10% 0%,
            rgb(245 158 11 / 0.14) 0%,
            rgb(245 158 11 / 0.05) 45%,
            var(--brm-surface) 100%
        ),
        repeating-linear-gradient(
            135deg,
            rgb(250 204 21 / 0.05) 0 6px,
            rgb(250 204 21 / 0.01) 6px 12px
        );
    border: 1px solid rgb(245 158 11 / 0.3);
    box-shadow: 0 14px 36px rgb(0 0 0 / 0.18);
}

body.brm-panel .bv2-bday-header h3 {
    color: var(--brm-warn);
}

body.brm-panel .bv2-bday-count {
    background: rgb(245 158 11 / 0.14);
    color: var(--brm-warn);
    border: 1px solid rgb(245 158 11 / 0.4);
}

body.brm-panel .bv2-bday-empty {
    color: var(--brm-warn);
    background: rgb(245 158 11 / 0.08);
    border: 1px dashed rgb(245 158 11 / 0.4);
}

body.brm-panel .bv2-bday-item {
    background: var(--brm-surface);
    border: 1px solid rgb(245 158 11 / 0.3);
    color: var(--brm-warn);
    box-shadow: 0 8px 18px rgb(0 0 0 / 0.2);
}

body.brm-panel .bv2-bday-item:hover {
    border-color: rgb(245 158 11 / 0.6);
    box-shadow: 0 12px 24px rgb(0 0 0 / 0.28);
}

body.brm-panel .bv2-bday-name {
    color: var(--brm-text);
}

/* ── Müşteriler başlık / arama ── */
body.brm-panel .bv2-custp-title {
    color: var(--brm-text);
}

body.brm-panel .bv2-custp-count {
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
}

body.brm-panel .bv2-custp-provider-filter {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text);
}

body.brm-panel .bv2-custp-provider-filter:focus {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.15);
}

body.brm-panel .bv2-custp-search-box {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 12px;
    height: 40px;
}

body.brm-panel .bv2-custp-search-box:focus-within {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
    background: var(--brm-surface);
}

body.brm-panel .bv2-custp-search-box svg {
    color: var(--brm-text-3);
}

body.brm-panel .bv2-custp-search-box input {
    color: var(--brm-text);
    height: 100%;
    width: 100%;
    min-width: 0;
    padding: 0 8px;
    font-size: 14px;
    font-family: var(--brm-font-ui);
    background: transparent;
    border: none;
    outline: none;
    box-sizing: border-box;
}

body.brm-panel .bv2-custp-search-box input::placeholder {
    color: var(--brm-text-3);
}

body.brm-panel .bv2-custp-loading,
body.brm-panel .bv2-custp-empty {
    color: var(--brm-text-3);
}

/* ── Müşteri kartları (brm-kacc accordion) ── */
/* overflow:visible — ⋮ menu dropdown'ı kart dışına taşabilir */
body.brm-panel .brm-kacc-item.bv2-custp-card {
    overflow: visible;
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    box-shadow: var(--brm-shadow);
}

body.brm-panel .brm-kacc-item.bv2-custp-card:hover {
    border-color: var(--brm-accent);
}

body.brm-panel .brm-kacc-item.bv2-custp-card .brm-kacc-body {
    border-radius: 0 0 14px 14px;
}

body.brm-panel .brm-kacc-item.bv2-custp-approved {
    border-color: rgb(37 99 235 / 0.35);
    background: linear-gradient(135deg, var(--brm-accent-soft), var(--brm-surface));
}

body.brm-panel .brm-kacc-item.bv2-custp-blocked {
    border-color: rgb(220 38 38 / 0.35);
    background: linear-gradient(135deg, var(--brm-danger-soft), var(--brm-surface));
    opacity: 0.9;
}

body.brm-panel .brm-kacc-item.bv2-custp-blocked .bv2-custp-name {
    text-decoration: line-through;
    color: var(--brm-text-3);
}

body.brm-panel .brm-kacc-item.bv2-custp-card .brm-kacc-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

body.brm-panel .brm-kacc-item.bv2-custp-card .bv2-custp-avatar {
    flex: 0 0 auto;
}

body.brm-panel .brm-kacc-item.bv2-custp-card .bv2-custp-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--brm-text);
    font-weight: 600;
    font-size: 14px;
}

body.brm-panel .brm-kacc-item.bv2-custp-card .brm-kacc-sub {
    color: var(--brm-text-3);
}

body.brm-panel .brm-kacc-item.bv2-custp-card .brm-kacc-amount {
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

body.brm-panel .brm-custp-count {
    font-size: 12px;
    font-weight: 600;
    color: var(--brm-text-3);
    white-space: nowrap;
}

body.brm-panel .bv2-custp-badge {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2));
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
    white-space: nowrap;
}

body.brm-panel .bv2-custp-badge-blocked {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
}

/* Hizmet chip'leri */
body.brm-panel .brm-kacc-item.bv2-custp-card .bv2-custp-svc {
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
    border: 1px solid var(--brm-border);
    font-size: 11px;
    padding: 3px 9px;
    border-radius: 999px;
    white-space: nowrap;
}

body.brm-panel .brm-kacc-item.bv2-custp-card .bv2-custp-svc-more {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    border-color: rgb(37 99 235 / 0.25);
    font-weight: 600;
}

/* ⋮ menu butonu + dropdown */
body.brm-panel .brm-kacc-head-actions .bv2-custp-menu-btn {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
    font-size: 20px;
    line-height: 1;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    cursor: pointer;
    letter-spacing: 0;
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

body.brm-panel .brm-kacc-head-actions .bv2-custp-menu-btn:hover {
    background: var(--brm-accent-soft);
    border-color: var(--brm-accent);
    color: var(--brm-accent);
}

body.brm-panel .bv2-custp-menu-dropdown {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgb(0 0 0 / 0.28);
    max-height: min(420px, 60vh);
    overflow-y: auto;
}

body.brm-panel .bv2-custp-menu-item {
    color: var(--brm-text);
}

body.brm-panel .bv2-custp-menu-item:hover {
    background: var(--brm-surface-2);
}

body.brm-panel .bv2-custp-menu-item.bv2-custp-btn-approve,
body.brm-panel .bv2-custp-menu-item.bv2-custp-btn-unblock {
    color: var(--brm-success);
}

body.brm-panel .bv2-custp-menu-item.bv2-custp-btn-unapprove,
body.brm-panel .bv2-custp-menu-item.bv2-custp-btn-block,
body.brm-panel .bv2-custp-menu-item.bv2-custp-menu-delete {
    color: var(--brm-danger);
}

body.brm-panel .bv2-custp-menu-divider {
    background: var(--brm-border);
}

/* Sayfalama (JS artık sınıf tabanlı) */
body.brm-panel .bv2-custp-pagination {
    display: flex;
    gap: 6px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 18px;
}

body.brm-panel .bv2-custp-page-btn {
    min-width: 38px;
    text-align: center;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid var(--brm-border);
    background: var(--brm-surface);
    color: var(--brm-text-2);
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    font-family: var(--brm-font-ui);
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

body.brm-panel .bv2-custp-page-btn:hover {
    background: var(--brm-surface-2);
    border-color: var(--brm-accent);
    color: var(--brm-accent);
}

body.brm-panel .bv2-custp-page-btn.is-current {
    background: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
    color: #fff !important;
}

body.brm-panel .bv2-custp-page-btn.is-disabled {
    opacity: 0.5;
    pointer-events: none;
}

body.brm-panel .bv2-custp-page-ellipsis {
    align-self: center;
    color: var(--brm-text-3);
    padding: 0 2px;
}

/* ── Modallar ── */
body.brm-panel .bv2-custp-modal {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    box-shadow: 0 20px 60px rgb(0 0 0 / 0.4);
}

body.brm-panel .bv2-custp-modal-header {
    border-bottom: 1px solid var(--brm-border);
}

body.brm-panel .bv2-custp-modal-header h3 {
    color: var(--brm-text);
}

body.brm-panel .bv2-custp-modal-close {
    color: var(--brm-text-3);
}

body.brm-panel .bv2-custp-modal-close:hover {
    color: var(--brm-danger);
}

body.brm-panel .bv2-custp-modal-item strong {
    color: var(--brm-text);
}

body.brm-panel .bv2-custp-modal-item p {
    color: var(--brm-text-2);
}

body.brm-panel .bv2-custp-announce-info {
    background: rgb(245 158 11 / 0.12) !important;
    border: 1px solid rgb(245 158 11 / 0.35) !important;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 16px;
    font-size: 13px;
    color: var(--brm-warn) !important;
    line-height: 1.5;
}

body.brm-panel .bv2-custp-field label {
    color: var(--brm-text-2);
}

body.brm-panel .bv2-custp-field input,
body.brm-panel .bv2-custp-field textarea {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text);
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--brm-font-ui);
}

body.brm-panel .bv2-custp-field input:focus,
body.brm-panel .bv2-custp-field textarea:focus {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.15);
    outline: none;
}

body.brm-panel .bv2-custp-field input::placeholder,
body.brm-panel .bv2-custp-field textarea::placeholder {
    color: var(--brm-text-3);
}

body.brm-panel .bv2-custp-field-error {
    color: var(--brm-danger);
    background: var(--brm-danger-soft);
    border: 1px solid rgb(220 38 38 / 0.3);
    border-radius: 8px;
    padding: 8px 12px;
}

body.brm-panel .bv2-custp-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 4px;
}

body.brm-panel .bv2-custp-btn-cancel {
    padding: 8px 18px;
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    background: var(--brm-surface);
    color: var(--brm-text-2);
    font-size: 13px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    transition: background .12s ease;
}

body.brm-panel .bv2-custp-btn-cancel:hover {
    background: var(--brm-surface-2);
}

body.brm-panel .bv2-custp-btn-save {
    padding: 8px 20px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2));
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    transition: filter .12s ease;
}

body.brm-panel .bv2-custp-btn-save:hover {
    filter: brightness(1.08);
}

/* Tarih inputu native — dark'ta takvim ikonu görünürlüğü */
body.brm-panel.brm-panel-dark .bv2-custp-field input[type='date'] {
    color-scheme: dark;
}

/* ── Grid — karışık yükseklikteki satırlarda kartlar eşit gerilmesin ── */
body.brm-panel .bv2-custp-grid {
    align-items: start;
}

body.brm-panel .brm-kacc-item.bv2-custp-card:hover {
    box-shadow: 0 4px 16px rgb(37 99 235 / 0.08);
}

/* ── Bilgi düzenleme modalı: select + özel durum chip'leri ── */
body.brm-panel .bv2-custp-field select {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text);
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: var(--brm-font-ui);
    width: 100%;
    box-sizing: border-box;
}

body.brm-panel .bv2-custp-field select:focus {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.15);
    outline: none;
}

body.brm-panel.brm-panel-dark .bv2-custp-field select {
    color-scheme: dark;
}

body.brm-panel .bv2-custp-chip {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
}

body.brm-panel .bv2-custp-chip:hover {
    background: var(--brm-surface-2);
    border-color: var(--brm-accent);
    color: var(--brm-text);
}

body.brm-panel .bv2-custp-chip:has(input:checked) {
    background: var(--brm-danger-soft);
    border-color: var(--brm-danger);
    color: var(--brm-danger);
}

/* ── ⋮ menüden açılan detay popupları (cari/seans/taksit/randevu/…) ──
   JS içerikleri inline açık renkler üretir; attribute selector ile
   yalnızca o öğeleri token'a bağlarız (JS'e dokunulmaz). */
body.brm-panel .bv2-custp-modal-body [style*="#94a3b8"],
body.brm-panel .bv2-custp-modal-body [style*="#8b8b9e"] {
    color: var(--brm-text-3) !important;
}

body.brm-panel .bv2-custp-modal-body [style*="#64748b"],
body.brm-panel .bv2-custp-modal-body [style*="#475569"],
body.brm-panel .bv2-custp-modal-body [style*="#374151"],
body.brm-panel .bv2-custp-modal-body [style*="#334155"],
body.brm-panel .bv2-custp-modal-body [style*="#5f6f82"] {
    color: var(--brm-text-2) !important;
}

body.brm-panel .bv2-custp-modal-body [style*="#1e293b"],
body.brm-panel .bv2-custp-modal-body [style*="#1f1f2e"] {
    color: var(--brm-text) !important;
}

/* Beyaz kart kutuları + kenarlıklar */
body.brm-panel .bv2-custp-modal-body [style*="background:#fff"] {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}

body.brm-panel .bv2-custp-modal-body [style*="background:#f1f5f9"] {
    background: var(--brm-surface-2) !important;
}

body.brm-panel .bv2-custp-modal-body [style*="background:#dcfce7"] {
    background: var(--brm-success-soft) !important;
}

body.brm-panel .bv2-custp-modal-body [style*="background:#fef3c7"] {
    background: rgb(245 158 11 / 0.14) !important;
}

body.brm-panel .bv2-custp-modal-body [style*="background:#fee2e2"],
body.brm-panel .bv2-custp-modal-body [style*="background:#fef2f2"] {
    background: var(--brm-danger-soft) !important;
}

body.brm-panel .bv2-custp-modal-body [style*="background:#dbeafe"] {
    background: var(--brm-accent-soft) !important;
}

body.brm-panel .bv2-custp-modal-body [style*="#e2e8f0"],
body.brm-panel .bv2-custp-modal-body [style*="#cbd5e1"],
body.brm-panel .bv2-custp-modal-body [style*="#d1d5db"],
body.brm-panel .bv2-custp-modal-body [style*="#f1f5f9"],
body.brm-panel .bv2-custp-modal-body [style*="#eee"] {
    border-color: var(--brm-border) !important;
}

/* Popup tabloları (cari hareket / taksit / randevu) — mobilde kart görünümü */
body.brm-panel .bv2-custp-appt-table th {
    color: var(--brm-text-2);
    border-bottom: 2px solid var(--brm-border);
}

body.brm-panel .bv2-custp-appt-table td {
    color: var(--brm-text-2);
    border-bottom: 1px solid var(--brm-border);
}

body.brm-panel .bv2-custp-appt-table tbody tr:hover {
    background: var(--brm-surface-2);
}

/* Popup içindeki accordion (brm-kacc) — cari/taksit/randevu detayları */
body.brm-panel .bv2-custp-modal-body .brm-kacc-item {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 12px;
    box-shadow: var(--brm-shadow);
    overflow: visible;
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-item:hover {
    border-color: var(--brm-accent);
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-head {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: transparent;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    text-align: left;
    font-family: var(--brm-font-ui);
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-head:hover {
    background: var(--brm-surface-2);
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-main {
    flex: 1 1 auto;
    min-width: 0;
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-title {
    display: block;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--brm-text);
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-sub {
    display: block;
    font-size: 11.5px;
    color: var(--brm-text-3);
    margin-top: 1px;
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-amount {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-price {
    font-size: 13px;
    font-weight: 700;
    color: var(--brm-text);
    white-space: nowrap;
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-chev {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
    transition: transform .2s ease;
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-item.open .brm-kacc-chev {
    transform: rotate(180deg);
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-body {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: max-height .28s ease, visibility 0s linear .28s;
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-item.open .brm-kacc-body {
    max-height: 600px;
    visibility: visible;
    transition: max-height .28s ease, visibility 0s;
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-inner {
    overflow: hidden;
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px 16px;
    padding: 12px 14px 14px;
    border-top: 1px solid var(--brm-border);
    background: var(--brm-surface-2);
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-cell .lbl {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--brm-text-3);
    margin-bottom: 2px;
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-cell .val {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--brm-text);
    word-break: break-word;
}

body.brm-panel .bv2-custp-modal-body .brm-kacc-cell-full {
    grid-column: 1 / -1;
}

/* Popup accordion mobil — tek sütun */
@media (max-width: 480px) {
    body.brm-panel .bv2-custp-modal-body .brm-kacc-grid {
        grid-template-columns: 1fr;
    }
}

body.brm-panel .bv2-custp-appt-status {
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
}

body.brm-panel .bv2-custp-appt-status-completed {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}

body.brm-panel .bv2-custp-appt-status-cancelled,
body.brm-panel .bv2-custp-appt-status-rejected {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}

body.brm-panel .bv2-custp-appt-status-overdue {
    background: rgb(245 158 11 / 0.14);
    color: var(--brm-warn);
}

/* ── Bakım Kimliği modalı (inline beyaz kartlar → token) ── */
body.brm-panel #custpBakimBody > div {
    font-family: var(--brm-font-ui) !important;
    color: var(--brm-text) !important;
}

body.brm-panel #custpBakimBody [style*="background:#fff"] {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: var(--brm-shadow) !important;
}

body.brm-panel #custpBakimBody [style*="border-bottom:1px solid #eee"] {
    border-bottom-color: var(--brm-border) !important;
}

body.brm-panel #custpBakimBody [style*="border-bottom:1px solid #f3f0f7"] {
    border-bottom-color: var(--brm-border) !important;
}

body.brm-panel #custpBakimBody h3 {
    color: var(--brm-text) !important;
}

body.brm-panel #custpBakimBody [style*="color:#8b8b9e"] {
    color: var(--brm-text-3) !important;
}

body.brm-panel #custpBakimBody [style*="color:#d9469e"],
body.brm-panel #custpBakimBody [style*="color:#a31d6b"] {
    color: var(--brm-accent) !important;
}

body.brm-panel #custpBakimBody [style*="background:#fdf2f8"] {
    background: var(--brm-accent-soft) !important;
}

body.brm-panel #custpBakimBody [style*="background:#f3f0f7"] {
    background: var(--brm-surface-2) !important;
}

/* ── Randevu Ekle modalı (inline açık renkli input/select/textarea) ── */
body.brm-panel #custpAddApptModal label {
    color: var(--brm-text-2) !important;
}

body.brm-panel #custpAddApptModal input,
body.brm-panel #custpAddApptModal select,
body.brm-panel #custpAddApptModal textarea {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
    border-radius: 10px;
    font-family: var(--brm-font-ui);
    box-shadow: none;
}

body.brm-panel #custpAddApptModal input:focus,
body.brm-panel #custpAddApptModal select:focus,
body.brm-panel #custpAddApptModal textarea:focus {
    outline: none;
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.15);
}

body.brm-panel #custpAddApptModal input[readonly] {
    background: var(--brm-surface) !important;
    opacity: .85;
}

body.brm-panel #custpAddApptModal [style*="border-top:1px solid #e5e7eb"] {
    border-top-color: var(--brm-border) !important;
}

body.brm-panel.brm-panel-dark #custpAddApptModal input[type="date"],
body.brm-panel.brm-panel-dark #custpAddApptModal select {
    color-scheme: dark;
}

/* ── Kalıcı makyaj / Cilt / Epilasyon formları (inline açık renkler) ── */
body.brm-panel #custpPermamakeupBody label,
body.brm-panel #custpSkinBody label,
body.brm-panel #custpEpilationBody label {
    color: var(--brm-text-2) !important;
}

body.brm-panel #custpPermamakeupBody h4,
body.brm-panel #custpSkinBody h4,
body.brm-panel #custpEpilationBody h4 {
    color: var(--brm-accent) !important;
    border-bottom-color: rgb(37 99 235 / 0.35) !important;
}

body.brm-panel #custpPermamakeupBody select,
body.brm-panel #custpSkinBody select,
body.brm-panel #custpEpilationBody select,
body.brm-panel #custpPermamakeupBody textarea,
body.brm-panel #custpSkinBody textarea,
body.brm-panel #custpEpilationBody textarea,
body.brm-panel #custpPermamakeupBody input[type="text"],
body.brm-panel #custpSkinBody input[type="text"],
body.brm-panel #custpEpilationBody input[type="text"] {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
    border-radius: 8px;
    font-family: var(--brm-font-ui);
    box-shadow: none;
}

body.brm-panel #custpPermamakeupBody select:focus,
body.brm-panel #custpSkinBody select:focus,
body.brm-panel #custpEpilationBody select:focus,
body.brm-panel #custpPermamakeupBody textarea:focus,
body.brm-panel #custpSkinBody textarea:focus,
body.brm-panel #custpEpilationBody textarea:focus {
    outline: none;
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.15);
}

body.brm-panel #custpPermamakeupBody input[type="radio"],
body.brm-panel #custpSkinBody input[type="radio"],
body.brm-panel #custpEpilationBody input[type="radio"],
body.brm-panel #custpPermamakeupBody input[type="checkbox"],
body.brm-panel #custpSkinBody input[type="checkbox"],
body.brm-panel #custpEpilationBody input[type="checkbox"] {
    accent-color: var(--brm-accent);
}

body.brm-panel #custpPermamakeupBody [style*="background:#f8fafc"] {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}

body.brm-panel #custpPermamakeupBody [style*="border:1px solid #e2e8f0"] {
    border-color: var(--brm-border) !important;
}

body.brm-panel.brm-panel-dark #custpPermamakeupBody select,
body.brm-panel.brm-panel-dark #custpSkinBody select,
body.brm-panel.brm-panel-dark #custpEpilationBody select {
    color-scheme: dark;
}

/* ── Global modern scrollbar — panel içindeki tüm scrollable alanlar ──
   Modallar, bildirim penceresi, dropdown menüler, not log'ları vb.
   klasik kalın scrollbar yerine ince yuvarlak thumb kullanır.
   Firefox: scrollbar-width/color · WebKit: ::-webkit-scrollbar */
body.brm-panel * {
    scrollbar-width: thin;
    scrollbar-color: var(--brm-border) transparent;
}

/* Sayfa (viewport) scrollbar'ı — panel modunda klasik kalın yerine modern ince.
   panel.css sadece panel modunda yüklendiği için tema/genel site etkilenmez. */
body.brm-panel {
    scrollbar-width: thin;
    scrollbar-color: var(--brm-border) transparent;
}

body.brm-panel::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.brm-panel::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    background: transparent;
}

body.brm-panel::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background: var(--brm-border);
    border-radius: 999px;
}

body.brm-panel::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:hover {
    background: var(--brm-text-3);
}

body.brm-panel::-webkit-scrollbar-corner,
html::-webkit-scrollbar-corner {
    background: transparent;
}

body.brm-panel *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

body.brm-panel *::-webkit-scrollbar-track {
    background: transparent;
}

body.brm-panel *::-webkit-scrollbar-thumb {
    background: var(--brm-border);
    border-radius: 999px;
}

body.brm-panel *::-webkit-scrollbar-thumb:hover {
    background: var(--brm-text-3);
}

body.brm-panel *::-webkit-scrollbar-corner {
    background: transparent;
}

/* ── ⋮ menü scrollbar — modern ince ── */
body.brm-panel .bv2-custp-menu-dropdown {
    scrollbar-width: thin;
    scrollbar-color: var(--brm-border) transparent;
}

body.brm-panel .bv2-custp-menu-dropdown::-webkit-scrollbar {
    width: 6px;
}

body.brm-panel .bv2-custp-menu-dropdown::-webkit-scrollbar-track {
    background: transparent;
}

body.brm-panel .bv2-custp-menu-dropdown::-webkit-scrollbar-thumb {
    background: var(--brm-border);
    border-radius: 999px;
}

body.brm-panel .bv2-custp-menu-dropdown::-webkit-scrollbar-thumb:hover {
    background: var(--brm-text-3);
}

/* ── Mobil ── */
@media (max-width: 640px) {
    body.brm-panel .bv2-custp-grid {
        grid-template-columns: 1fr;
    }

    body.brm-panel .brm-kacc-item.bv2-custp-card .brm-kacc-head-row {
        flex-wrap: wrap;
    }

    body.brm-panel .brm-kacc-item.bv2-custp-card .brm-kacc-head-row .brm-kacc-head {
        flex: 1 1 100%;
    }

    body.brm-panel .brm-kacc-item.bv2-custp-card .brm-kacc-head-row .brm-kacc-title {
        white-space: nowrap;
    }

    body.brm-panel .brm-kacc-item.bv2-custp-card .brm-kacc-sub {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    /* Üst satır: isim + telefon + chevron (head). Alt satır: durum + randevu sayısı + ⋮ (head-actions) */
    body.brm-panel .brm-kacc-item.bv2-custp-card .brm-kacc-head-actions {
        flex: 1 1 100%;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        padding: 0 14px 12px;
        justify-content: flex-start;
    }

    body.brm-panel .brm-kacc-item.bv2-custp-card .brm-kacc-head-actions .brm-kacc-amount {
        flex: 0 0 auto;
        flex-wrap: nowrap;
        gap: 6px;
        justify-content: flex-start;
    }

    body.brm-panel .brm-kacc-item.bv2-custp-card .brm-kacc-head-actions .bv2-custp-menu {
        margin-left: auto;
    }

    body.brm-panel .bv2-custp-header-right {
        width: 100%;
        flex-wrap: wrap;
    }

    /* Arama kutusu: ebeveyn mobilde column olunca `flex:1 1 100%` flex-basis'i
       dikey eksene uygulayıp kutuyu 17px'e çökertiyordu → auto basis + sabit yükseklik */
    body.brm-panel .bv2-custp-search-box {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        height: 40px;
        box-sizing: border-box;
    }

    body.brm-panel .bv2-topcust-grid,
    body.brm-panel .bv2-bday-list {
        grid-template-columns: 1fr;
    }
}

/* ============================================================ */
/* 20. Sayfa: Takvim (berberim-calendar-v2 / bv2-cal)            */
/* ============================================================ */

/* ── Google Calendar bağlantı çubuğu (PHP inline stiller attribute-selector ile ezilir).
   DİKKAT: PHP'de çubuk .berberim-calendar-v2 KABININ DIŞINDA render edilir → selector
   container-scope OLMAZ, doğrudan body.brm-panel altında eşleşmelidir. */
body.brm-panel .berberim-gcal-bar[style*="background:#fff"] {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: var(--brm-shadow);
    border-radius: 12px;
}
body.brm-panel .berberim-gcal-bar span[style*="color:#334155"] {
    color: var(--brm-text) !important;
}
body.brm-panel .berberim-gcal-bar span[style*="color:#16a34a"],
body.brm-panel .berberim-gcal-bar span[style*="color:#22c55e"] {
    color: var(--brm-success) !important;
}
body.brm-panel .berberim-gcal-bar span[style*="color:#64748b"],
body.brm-panel .berberim-gcal-bar label[style*="color:#64748b"] {
    color: var(--brm-text-2) !important;
}
body.brm-panel .berberim-gcal-bar span[style*="color:#f59e0b"] {
    color: var(--brm-warn) !important;
}
body.brm-panel .berberim-gcal-bar button[style*="background:#fff"] {
    background: var(--brm-surface) !important;
    border-color: rgb(220 38 38 / 0.3) !important;
    color: var(--brm-danger) !important;
    border-radius: 8px;
}
body.brm-panel .berberim-gcal-bar button[style*="background:#4285f4"] {
    background: #4285f4 !important;
    border-radius: 8px;
}
body.brm-panel .berberim-gcal-bar span[style*="background:#94a3b8"] {
    background: var(--brm-text-3) !important;
    border-radius: 8px;
}
body.brm-panel .berberim-gcal-bar span[style*="background:#22c55e"] {
    background: var(--brm-success) !important;
}
body.brm-panel .berberim-gcal-bar label input[type="checkbox"] {
    accent-color: var(--brm-accent);
}
body.brm-panel.brm-panel-dark .berberim-gcal-bar {
    flex-wrap: wrap;
}

/* ── Sayfa kabı + header ── */
body.brm-panel .berberim-calendar-v2 {
    color: var(--brm-text);
}
body.brm-panel .berberim-calendar-v2 .bv2-shimmer-bar {
    background: var(--brm-surface);
    border-color: var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-header {
    background: transparent;
    padding: 26px 30px 4px;
}
body.brm-panel .berberim-calendar-v2 .bv2-header-title {
    color: var(--brm-text);
}

/* ── Kontrol çubuğu ── */
body.brm-panel .berberim-calendar-v2 .bv2-cal-controls {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    box-shadow: var(--brm-shadow);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-controls .bv2-label {
    color: var(--brm-text-2);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-controls .bv2-label svg {
    stroke: var(--brm-accent);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-controls .bv2-select {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    color: var(--brm-text);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-controls .bv2-select:focus {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.18);
}

/* ── Gezinme ── */
body.brm-panel .berberim-calendar-v2 .bv2-cal-nav-btn {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    color: var(--brm-text-2);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-nav-btn:hover {
    background: var(--brm-accent-soft);
    border-color: var(--brm-accent);
    color: var(--brm-accent);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-title {
    color: var(--brm-text);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-today-btn {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2));
    color: #fff;
}
body.brm-panel .berberim-calendar-v2 #bcal-add-appt.bv2-submit-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2));
    box-shadow: 0 2px 8px rgb(37 99 235 / 0.3);
    transition: transform 0.15s, box-shadow 0.2s;
}
body.brm-panel .berberim-calendar-v2 #bcal-add-appt.bv2-submit-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.4);
}

/* ── Yükleme & hata ── */
body.brm-panel .berberim-calendar-v2 .bv2-cal-spinner {
    border-color: var(--brm-surface-2);
    border-top-color: var(--brm-accent);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-error {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    color: var(--brm-text-3);
}

/* ── Aylık / haftalık grid ── */
body.brm-panel .berberim-calendar-v2 .bv2-cal-grid {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    box-shadow: var(--brm-shadow);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-hdr {
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
    border-bottom-color: var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-hdr-weekend {
    color: var(--brm-accent);
    background: var(--brm-accent-soft);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-day {
    border-color: var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-day:hover {
    background: var(--brm-surface-2);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-today {
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-other {
    background: var(--brm-surface-2);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-day-num {
    color: var(--brm-text);
}
body.brm-panel .berberim-calendar-v2 .bv2-today-num {
    background: var(--brm-accent);
    color: #fff !important;
}
body.brm-panel .berberim-calendar-v2 .bv2-badge-appt {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}
body.brm-panel .berberim-calendar-v2 .bv2-badge-note {
    background: rgb(245 158 11 / 0.16);
    color: var(--brm-warn);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-add-note {
    background: rgb(37 99 235 / 0.14);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-add-note:hover {
    background: rgb(37 99 235 / 0.24);
}

/* ── Randevu öğeleri (status renkleri) ── */
body.brm-panel .berberim-calendar-v2 .bv2-cal-st-pending {
    background: var(--brm-accent-soft);
    border-left-color: var(--brm-accent);
    color: var(--brm-accent);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-st-pending .bv2-cal-appt-status svg {
    stroke: var(--brm-accent);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-st-approved,
body.brm-panel .berberim-calendar-v2 .bv2-cal-st-confirmed {
    background: var(--brm-success-soft);
    border-left-color: var(--brm-success);
    color: var(--brm-success);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-st-approved .bv2-cal-appt-status svg,
body.brm-panel .berberim-calendar-v2 .bv2-cal-st-confirmed .bv2-cal-appt-status svg {
    stroke: var(--brm-success);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-st-cancelled,
body.brm-panel .berberim-calendar-v2 .bv2-cal-st-rejected {
    background: var(--brm-danger-soft);
    border-left-color: var(--brm-danger);
    color: var(--brm-danger);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-st-cancelled .bv2-cal-appt-status svg,
body.brm-panel .berberim-calendar-v2 .bv2-cal-st-rejected .bv2-cal-appt-status svg {
    stroke: var(--brm-danger);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-appt-variable .bv2-cal-appt-time {
    color: var(--brm-warn) !important;
}

/* ── Notlar ── */
body.brm-panel .berberim-calendar-v2 .bv2-cal-note {
    background: rgb(245 158 11 / 0.14);
    border-left-color: var(--brm-warn);
    color: var(--brm-warn);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-note > svg {
    stroke: var(--brm-warn);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-note-btn svg {
    stroke: var(--brm-text-3);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-note-btn:hover {
    background: var(--brm-surface-2);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-note-btn:hover svg {
    stroke: var(--brm-text);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-note-del:hover {
    background: var(--brm-danger-soft);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-note-del:hover svg {
    stroke: var(--brm-danger);
}

/* ── Renk lejantı ── */
body.brm-panel .berberim-calendar-v2 .bv2-cal-legend {
    color: var(--brm-text-2);
    border-bottom-color: var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-legend-title {
    color: var(--brm-text);
}

/* ── Günlük görünüm (timeline) ── */
body.brm-panel .berberim-calendar-v2 .bv2-cal-dayview {
    background: var(--brm-surface);
    border-color: var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-header {
    background: var(--brm-surface-2);
    border-bottom-color: var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-date {
    color: var(--brm-text);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-count {
    color: var(--brm-text-2);
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-times {
    background: var(--brm-surface-2);
    border-right-color: var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-hour-label {
    color: var(--brm-text-3);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-half-hour {
    border-bottom-color: var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-half-line {
    border-bottom-color: var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-appt.bv2-cal-st-pending {
    background: rgb(37 99 235 / 0.2);
    color: var(--brm-accent);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-appt.bv2-cal-st-approved,
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-appt.bv2-cal-st-confirmed {
    background: rgb(22 163 74 / 0.18);
    color: var(--brm-success);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-appt.bv2-cal-st-cancelled,
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-appt.bv2-cal-st-rejected {
    background: rgb(220 38 38 / 0.16);
    color: var(--brm-danger);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-appt.bv2-cal-st-completed {
    background: rgb(22 163 74 / 0.18);
    color: var(--brm-success);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-dv-appt-variable .bv2-cal-dv-appt-time {
    color: var(--brm-warn) !important;
}

/* ── Modallar ── */
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal {
    background: var(--brm-surface);
    box-shadow: 0 16px 48px rgb(0 0 0 / 0.45);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-header {
    background: var(--brm-surface-2);
    border-bottom-color: var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-icon {
    background: rgb(37 99 235 / 0.14);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-icon svg {
    stroke: var(--brm-accent);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-header h3 {
    color: var(--brm-text);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-close {
    background: var(--brm-surface);
    color: var(--brm-text-2);
    border: 1px solid var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-close:hover {
    background: var(--brm-surface-2);
    color: var(--brm-text);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal .bv2-input,
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal .bv2-select,
body.brm-panel .berberim-calendar-v2 #bcal-add-form .bv2-input,
body.brm-panel .berberim-calendar-v2 #bcal-add-form .bv2-select {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    color: var(--brm-text);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal .bv2-input::placeholder {
    color: var(--brm-text-3);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal .bv2-input:focus,
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal .bv2-select:focus {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.18);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal .bv2-submit-btn {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2));
    color: #fff;
}

/* Quick-add modal — PHP inline stiller (attribute-selector) */
body.brm-panel .berberim-calendar-v2 #bcal-add-form label[style*="color:#374151"],
body.brm-panel .berberim-calendar-v2 #bcal-add-form label[style*="color:#334155"] {
    color: var(--brm-text-2) !important;
}
body.brm-panel .berberim-calendar-v2 #bcal-add-form label[style*="color:#374151"] span,
body.brm-panel .berberim-calendar-v2 #bcal-add-form label[style*="color:#334155"] span {
    color: var(--brm-danger) !important;
}
body.brm-panel .berberim-calendar-v2 #bcal-cust-results[style*="background:#fff"] {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 4px 12px rgb(0 0 0 / 0.3);
}
body.brm-panel .berberim-calendar-v2 #bcal-cust-selected[style*="background:#f0fdf4"] {
    background: var(--brm-success-soft) !important;
    border-color: var(--brm-success) !important;
}
body.brm-panel .berberim-calendar-v2 #bcal-cust-selected span {
    color: var(--brm-text) !important;
}
body.brm-panel .berberim-calendar-v2 .bcal-cust-item[style*="border-bottom:1px solid #f1f5f9"] {
    border-bottom-color: var(--brm-border) !important;
    color: var(--brm-text);
}
body.brm-panel .berberim-calendar-v2 .bcal-cust-item:hover {
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .berberim-calendar-v2 .bcal-cust-item span[style*="color:#94a3b8"] {
    color: var(--brm-text-3) !important;
}
body.brm-panel .berberim-calendar-v2 #bcal-cust-results div[style*="color:#94a3b8"] {
    color: var(--brm-text-3) !important;
}
body.brm-panel .berberim-calendar-v2 #bcal-add-form input,
body.brm-panel .berberim-calendar-v2 #bcal-add-form select,
body.brm-panel .berberim-calendar-v2 #bcal-add-form textarea {
    color-scheme: dark;
}

/* ── Randevu detay modalı ── */
body.brm-panel .berberim-calendar-v2 .bv2-appt-info-row {
    border-bottom-color: var(--brm-border);
}
body.brm-panel .berberim-calendar-v2 .bv2-appt-info-label {
    color: var(--brm-text-3);
}
body.brm-panel .berberim-calendar-v2 .bv2-appt-info-value {
    color: var(--brm-text);
}
/* Notlar satırı (JS inline flex-direction:column): base `flex:0 0 80px`
   kolon düzende dikey flex-basis'e dönüşüp etiketi 63px'e şişiriyor,
   textarea'yı aşağı itiyordu → dikey basis kapatılır */
body.brm-panel .berberim-calendar-v2 .bv2-appt-info-row[style*="column"] .bv2-appt-info-label {
    flex: 0 0 auto;
    width: auto;
    height: auto;
}

/* Not alanı + kaydet + durum butonları (JS render — sınıf bazlı güçlendirme) */
body.brm-panel .berberim-calendar-v2 .bv2-appt-info-row textarea.bv2-input {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
    border-radius: 10px;
    padding: 10px 12px;
    font-family: var(--brm-font-ui);
    color-scheme: light;
}
body.brm-panel.brm-panel-dark .berberim-calendar-v2 .bv2-appt-info-row textarea.bv2-input {
    color-scheme: dark;
}
body.brm-panel .berberim-calendar-v2 .bv2-appt-info-row #bcal-save-notes-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2));
    cursor: pointer;
}
/* Randevu detay modalı: notlar ile aksiyon butonları arasındaki gereksiz gap'i kaldır.
   Base CSS'teki .bv2-cal-modal-actions margin-top:16px en büyük gap kaynağıydı — sıfırlandı. */
body.brm-panel .berberim-calendar-v2 .bv2-cal-appt-detail {
    padding-bottom: 0 !important;
}

body.brm-panel .berberim-calendar-v2 .bcal-note-msg {
    color: var(--brm-danger);
    font-size: 12px;
}
body.brm-panel .berberim-calendar-v2 .bcal-note-msg:empty {
    display: none;
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 0;
    padding: 6px 16px 16px;
    flex-wrap: wrap;
}
/* Mobil: durum butonları (Onayla/Reddet/İptal Et) tam genişlikte alt alta */
@media (max-width: 520px) {
    body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-actions {
        flex-direction: column;
        align-items: stretch;
    }
    body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-actions .bv2-appt-status-btn {
        width: 100%;
        justify-content: center;
    }
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-actions .bv2-appt-status-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    border-radius: 10px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-actions .bv2-appt-btn-approve {
    background: var(--brm-success);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-actions .bv2-appt-btn-approve:hover {
    background: #15803d;
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-actions .bv2-appt-btn-reject,
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-actions .bv2-appt-btn-cancel {
    background: var(--brm-danger);
}
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-actions .bv2-appt-btn-reject:hover,
body.brm-panel .berberim-calendar-v2 .bv2-cal-modal-actions .bv2-appt-btn-cancel:hover {
    background: #b91c1c;
}
body.brm-panel .berberim-calendar-v2 .bcal-appt-loading,
body.brm-panel .berberim-calendar-v2 .bcal-appt-error {
    color: var(--brm-text-3);
}
body.brm-panel .berberim-calendar-v2 .bv2-appt-tag-pending {
    background: rgb(245 158 11 / 0.16);
    color: var(--brm-warn);
}
body.brm-panel .berberim-calendar-v2 .bv2-appt-tag-approved,
body.brm-panel .berberim-calendar-v2 .bv2-appt-tag-confirmed {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}
body.brm-panel .berberim-calendar-v2 .bv2-appt-tag-completed {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}
body.brm-panel .berberim-calendar-v2 .bv2-appt-tag-cancelled,
body.brm-panel .berberim-calendar-v2 .bv2-appt-tag-rejected {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}

/* ── Toast ── */
body.brm-panel .berberim-calendar-v2 .bv2-cal-toast,
body.brm-panel .bv2-cal-toast {
    color: #fff;
}
body.brm-panel .berberim-calendar-v2 .bv2-toast-ok,
body.brm-panel .bv2-toast-ok {
    background: #16a34a;
}
body.brm-panel .berberim-calendar-v2 .bv2-toast-err,
body.brm-panel .bv2-toast-err {
    background: #dc2626;
}

/* ── Mobil ── */
@media (max-width: 900px) {
    body.brm-panel .berberim-calendar-v2 .bv2-cal-controls {
        flex-direction: column;
        align-items: stretch;
        padding: 14px 16px;
    }
    body.brm-panel .berberim-calendar-v2 .bv2-cal-controls-left {
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    body.brm-panel .berberim-calendar-v2 .bv2-cal-filter {
        width: min(340px, 100%);
        min-width: 0;
    }
    body.brm-panel .berberim-calendar-v2 .bv2-cal-nav {
        justify-content: center;
    }
}
@media (max-width: 640px) {
    body.brm-panel .berberim-calendar-v2 .bv2-cal-controls-left {
        flex-direction: column;
        align-items: stretch;
    }
    body.brm-panel .berberim-calendar-v2 .bv2-cal-filter {
        width: 100%;
        max-width: none;
        min-width: 0;
    }
    body.brm-panel .berberim-calendar-v2 .bv2-cal-nav {
        width: 100%;
        flex-wrap: wrap;
    }
    body.brm-panel .berberim-calendar-v2 .bv2-cal-title {
        flex: 1;
        min-width: 90px;
        order: -1;
        width: 100%;
    }
    body.brm-panel .berberim-calendar-v2 #bcal-add-form div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
    body.brm-panel .berberim-calendar-v2 .bv2-cal-day {
        min-height: 64px;
        padding: 3px;
    }
    body.brm-panel .berberim-calendar-v2 .bv2-cal-appt-svc {
        display: none;
    }
}

/* ============================================================ */
/* 21. Sayfa: İstatistikler (berberim-stats-v2 / bv2-stats)     */
/* ============================================================ */

body.brm-panel .berberim-stats-v2 {
    color: var(--brm-text);
}
body.brm-panel .berberim-stats-v2 .bv2-shimmer-bar {
    background: var(--brm-surface);
    border-color: var(--brm-border);
}

/* ── Header (genel bv2-header override'ını aynı desene çek) ── */
body.brm-panel .berberim-stats-v2 .bv2-header {
    background: transparent;
    color: var(--brm-text);
    padding: 26px 30px 4px;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
body.brm-panel .berberim-stats-v2 .bv2-header-icon {
    background: var(--brm-accent-soft);
    box-shadow: none;
}
body.brm-panel .berberim-stats-v2 .bv2-header-icon svg {
    stroke: var(--brm-accent);
}
body.brm-panel .berberim-stats-v2 .bv2-header-title {
    color: var(--brm-text);
    font-size: 1.35rem;
}
body.brm-panel .berberim-stats-v2 .bv2-subtitle {
    color: var(--brm-text-2);
    opacity: 1;
}
body.brm-panel .berberim-stats-v2 .berberim-stats-container {
    margin-top: 16px;
}

/* ── Section divider ── */
body.brm-panel .berberim-stats-v2 .bv2-section-divider {
    border-bottom-color: var(--brm-border);
}
body.brm-panel .berberim-stats-v2 .bv2-section-divider h3 {
    color: var(--brm-text);
}
body.brm-panel .berberim-stats-v2 .bv2-section-icon {
    background: var(--brm-accent-soft);
}
body.brm-panel .berberim-stats-v2 .bv2-section-icon svg {
    stroke: var(--brm-accent);
}

/* ── KPI kartları ── */
body.brm-panel .bv2-stats-kpi-card {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    box-shadow: var(--brm-shadow);
}
body.brm-panel .bv2-stats-kpi-card:hover {
    box-shadow: var(--brm-shadow-lg);
    border-color: var(--brm-accent);
}
body.brm-panel .bv2-stats-kpi-label {
    color: var(--brm-text-2);
}
body.brm-panel .bv2-stats-kpi-value {
    color: var(--brm-text);
}
body.brm-panel .bv2-stats-kpi-sub {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-stats-kpi-icon {
    background: var(--brm-surface-2);
}
body.brm-panel .bv2-kpi-orange .bv2-stats-kpi-icon {
    background: rgb(255 134 52 / 0.14);
}
body.brm-panel .bv2-kpi-green .bv2-stats-kpi-icon {
    background: rgb(22 163 74 / 0.14);
}
body.brm-panel .bv2-kpi-indigo .bv2-stats-kpi-icon {
    background: rgb(99 102 241 / 0.16);
}
body.brm-panel .bv2-kpi-purple .bv2-stats-kpi-icon {
    background: rgb(139 92 246 / 0.16);
}
body.brm-panel .bv2-pct-up {
    color: var(--brm-success);
}
body.brm-panel .bv2-pct-down {
    color: var(--brm-danger);
}

/* ── Period select ── */
body.brm-panel .bv2-stats-period-select {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    color: var(--brm-text);
    color-scheme: dark;
}
body.brm-panel .bv2-stats-period-select:focus {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.16);
}

/* ── Listeler ── */
body.brm-panel .bv2-stats-list-card {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    box-shadow: var(--brm-shadow);
}
body.brm-panel .bv2-stats-list-card:hover {
    box-shadow: var(--brm-shadow-lg);
}
body.brm-panel .bv2-stats-list-header {
    border-bottom-color: var(--brm-border);
}
body.brm-panel .bv2-stats-list-header h4 {
    color: var(--brm-text);
}
body.brm-panel .bv2-stats-list-header svg {
    stroke: var(--brm-accent);
}
body.brm-panel .bv2-stats-list-item:hover {
    background: var(--brm-surface-2);
}
body.brm-panel .bv2-stats-rank {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-rank-first {
    color: var(--brm-accent);
}
body.brm-panel .bv2-stats-item-name {
    color: var(--brm-text);
}
body.brm-panel .bv2-stats-item-count {
    color: var(--brm-text-2);
    background: var(--brm-surface-2);
}
body.brm-panel .bv2-stats-no-data {
    color: var(--brm-text-3);
}

/* ── Chart kartları ── */
body.brm-panel .bv2-stats-chart-card {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    box-shadow: var(--brm-shadow);
}
body.brm-panel .bv2-stats-chart-card:hover {
    box-shadow: var(--brm-shadow-lg);
}
body.brm-panel .bv2-stats-chart-header {
    border-bottom-color: var(--brm-border);
}
body.brm-panel .bv2-stats-chart-header svg {
    stroke: var(--brm-accent);
}
body.brm-panel .bv2-stats-chart-header span {
    color: var(--brm-text);
}
body.brm-panel .bv2-stats-chart-body canvas {
    filter: brightness(1.05);
}

/* ── Revenue fallback ── */
body.brm-panel .bv2-stats-rev-item {
    background: var(--brm-surface-2);
}
body.brm-panel .bv2-stats-rev-item svg {
    stroke: var(--brm-accent);
}
body.brm-panel .bv2-stats-rev-label {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-stats-rev-item strong {
    color: var(--brm-text);
}

/* ── Error state ── */
body.brm-panel .bv2-stats-error {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-stats-error svg {
    stroke: var(--brm-border);
}

/* ── Heatmap (tüm temalarda güvenli kısımlar) ── */
body.brm-panel .bv2-heatmap-tabs {
    background: var(--brm-surface-2);
}
body.brm-panel .bv2-heatmap-tab {
    color: var(--brm-text-2);
}
body.brm-panel .bv2-heatmap-tab:hover {
    background: var(--brm-surface);
    color: var(--brm-text);
}
body.brm-panel .bv2-heatmap-tab-active {
    background: var(--brm-surface);
    color: var(--brm-accent);
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.12);
}
body.brm-panel .bv2-heatmap-card {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    box-shadow: var(--brm-shadow);
}
body.brm-panel .bv2-heatmap-title {
    color: var(--brm-text);
}
body.brm-panel .bv2-heatmap-day-label {
    color: var(--brm-text-2);
}
body.brm-panel .bv2-heatmap-hour-label {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-heatmap-legend {
    border-top-color: var(--brm-border);
}
body.brm-panel .bv2-heatmap-legend-label {
    color: var(--brm-text-3);
}

/* Heatmap dark mod: cell kenarlığı + sayı rengi + koyu palet (yalnız dark) */
body.brm-panel.brm-panel-dark .bv2-heatmap-cell {
    border-color: rgb(255 255 255 / 0.06);
}
body.brm-panel.brm-panel-dark .bv2-heatmap-count {
    color: rgb(255 255 255 / 0.8);
}
body.brm-panel.brm-panel-dark .bv2-heatmap-wrap {
    --hm-empty: var(--brm-surface-2);
    --hm-low: #3a2f14;
    --hm-mid: #8a6410;
    --hm-high: #c2701a;
    --hm-peak: #b3322e;
}

/* ── Ext bölümler (paket satış / seans / personel prim / kasa / cari / taksit) ── */
/* PHP inline style:background:var(--berberim-contrast) — attribute selector + !important ile ezilir */
body.brm-panel .bv2-pkg-sales-outer[style*="background:var(--berberim-contrast)"],
body.brm-panel .bv2-session-reports-outer[style*="background:var(--berberim-contrast)"] {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    border-radius: 14px;
    box-shadow: var(--brm-shadow);
}
body.brm-panel .bv2-ext-kpi-card {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
}
body.brm-panel .bv2-ext-kpi-label {
    color: var(--brm-text-2);
}
body.brm-panel .bv2-ext-kpi-value {
    color: var(--brm-text);
}
body.brm-panel .bv2-ext-kpi-value.red {
    color: var(--brm-danger);
}
body.brm-panel .bv2-ext-kpi-value.green {
    color: var(--brm-success);
}
body.brm-panel .bv2-ext-kpi-value.blue {
    color: var(--brm-accent);
}
body.brm-panel .bv2-ext-kpi-value.orange {
    color: var(--brm-warn);
}
body.brm-panel .bv2-ext-kpi-value.purple {
    color: #8b5cf6;
}
body.brm-panel .bv2-ext-card {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    box-shadow: var(--brm-shadow);
}
body.brm-panel .bv2-ext-avatar {
    background: linear-gradient(135deg, var(--brm-accent-soft), var(--brm-surface-2));
    color: var(--brm-accent);
}
body.brm-panel .bv2-ext-name {
    color: var(--brm-text);
}
body.brm-panel .bv2-ext-sub {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-ext-stat {
    background: var(--brm-surface-2);
}
body.brm-panel .bv2-ext-stat-label {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-ext-stat-val {
    color: var(--brm-text);
}
body.brm-panel .bv2-ext-stat-val.green {
    color: var(--brm-success);
}
body.brm-panel .bv2-ext-stat-val.purple {
    color: #8b5cf6;
}
body.brm-panel .bv2-ext-sales-card {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    box-shadow: var(--brm-shadow);
}
body.brm-panel .bv2-ext-progress {
    background: var(--brm-surface-2);
}
body.brm-panel .bv2-ext-sales-meta {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-ext-chart-wrap {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    box-shadow: var(--brm-shadow);
}
body.brm-panel .bv2-ext-chart-header {
    border-bottom-color: var(--brm-border);
    color: var(--brm-text-2);
}
body.brm-panel .bv2-ext-chart-header svg {
    stroke: var(--brm-accent);
}
body.brm-panel .bv2-ext-cari-item {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
}
body.brm-panel .bv2-ext-cari-item-name {
    color: var(--brm-text);
}
body.brm-panel .bv2-ext-cari-item-meta {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-ext-cari-item-debt {
    color: var(--brm-danger);
}

/* ── Premium blur bölümleri (birçok sayfada PHP berberim_premium_blur_wrap) ── */
body.brm-panel .brm-premium-blur-overlay {
    background: rgb(11 14 20 / 0.55);
}
body.brm-panel .brm-premium-overlay-inner {
    background: var(--brm-surface);
    box-shadow: 0 8px 32px rgb(0 0 0 / 0.4);
}
body.brm-panel .brm-premium-title {
    color: var(--brm-text);
}
body.brm-panel .brm-premium-desc {
    color: var(--brm-text-2);
}
/* berberim_premium_block_html — PHP inline beyaz gradyan kutu (kasa/paytr/personel) */
body.brm-panel div[style*="background:linear-gradient(135deg,#f0fdf4"] {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: var(--brm-shadow) !important;
}
body.brm-panel div[style*="background:linear-gradient(135deg,#f0fdf4"] h2 {
    color: var(--brm-text) !important;
}
body.brm-panel div[style*="background:linear-gradient(135deg,#f0fdf4"] p {
    color: var(--brm-text-2) !important;
}
body.brm-panel div[style*="background:linear-gradient(135deg,#d9fbe7"] {
    background: var(--brm-accent-soft) !important;
    box-shadow: none !important;
}

/* PHP inline script içi açık renkler (Yükleniyor… / hata mesajları) */
body.brm-panel .berberim-stats-v2 p[style*="color:#94a3b8"],
body.brm-panel .berberim-stats-v2 div[style*="color:#94a3b8"] {
    color: var(--brm-text-3) !important;
}
body.brm-panel .berberim-stats-v2 p[style*="color:#dc2626"] {
    color: var(--brm-danger) !important;
}

/* brm-table / brm-badge paket satış tablosunda token'lı (kasa bloğundan gelir) */
body.brm-panel .berberim-stats-v2 .brm-badge-green {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}
body.brm-panel .berberim-stats-v2 .brm-badge-gray {
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
}

/* ── Responsive ── */
@media (max-width: 900px) {
    body.brm-panel .berberim-stats-v2 .bv2-stats-kpi-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.brm-panel .berberim-stats-v2 .bv2-stats-charts-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 760px) {
    body.brm-panel .berberim-stats-v2 .bv2-header {
        padding: 20px 18px 4px;
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
    body.brm-panel .berberim-stats-v2 .bv2-stats-kpi-row {
        grid-template-columns: 1fr;
    }
    body.brm-panel .berberim-stats-v2 .bv2-stats-lists-row {
        grid-template-columns: 1fr;
    }
    body.brm-panel .bv2-ext-kpi-card {
        min-width: calc(50% - 6px);
    }
}

/* ============================================================ */
/* 22. Sayfa: Personeller (berberim-prov-v2 / çalışan yönetimi) */
/* Tablo → accordion (brm-kacc). PHP'deki inline açık renkler   */
/* token'a bağlanır; JS seçicileri (berberim-provider-*) korunur. */
/* ============================================================ */

/* Sayfa kabı (base: beyaz gradyan) */
body.brm-panel .berberim-prov-v2 {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    box-shadow: var(--brm-shadow-lg);
}

body.brm-panel .berberim-prov-v2 .bv2-header {
    background: transparent;
    border-bottom-color: var(--brm-border);
    padding: 26px 30px 4px;
    margin-bottom: 0;
    box-shadow: none;
}

body.brm-panel .berberim-prov-v2 .bv2-header-title,
body.brm-panel .berberim-prov-v2 .bv2-form-head-title {
    color: var(--brm-text);
}

body.brm-panel .berberim-prov-v2 .bv2-subtitle {
    color: var(--brm-text-2);
}

/* Personel listesi — dış boxa yapışmasın, soldan/sağdan nefes payı */
/* Başlık (Personel Listesi) header hizasına otursun — ikon kutuya yapışmasın */
body.brm-panel .berberim-prov-v2 .bv2-section-divider {
    margin-left: 30px;
    margin-right: 30px;
}
body.brm-panel .berberim-prov-v2 .berberim-providers-table-wrap {
    padding: 2px 0 20px;
}
body.brm-panel .berberim-prov-v2 .brm-kacc-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Form bölümleri — accordion (bv2-section-toggle) */
body.brm-panel .berberim-prov-v2 .bv2-section-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    border: 1px solid var(--brm-border);
    background: var(--brm-surface-2);
    border-radius: 12px;
    padding: 12px 14px;
    margin: 14px 0 10px;
    transition: border-color .15s ease, background .15s ease;
}
body.brm-panel .berberim-prov-v2 .bv2-section-toggle:hover {
    border-color: var(--brm-accent);
    background: var(--brm-accent-soft);
}
body.brm-panel .berberim-prov-v2 .bv2-section-toggle .bv2-section-icon {
    color: var(--brm-accent);
}
body.brm-panel .berberim-prov-v2 .bv2-section-toggle h3 {
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
}
body.brm-panel .berberim-prov-v2 .bv2-section-chev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
    font-size: 10px;
    line-height: 1;
    transition: transform .25s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
body.brm-panel .berberim-prov-v2 .bv2-section-toggle:hover .bv2-section-chev {
    background: var(--brm-accent-soft);
    border-color: var(--brm-accent);
    color: var(--brm-accent);
}
body.brm-panel .berberim-prov-v2 .bv2-section-toggle.collapsed .bv2-section-chev {
    transform: rotate(-90deg);
}
body.brm-panel .berberim-prov-v2 .bv2-section-toggle-body {
    overflow: hidden;
    transition: max-height .28s ease;
}
body.brm-panel .berberim-prov-v2 .bv2-section-toggle-body.collapsed {
    max-height: 0 !important;
}

/* Form düzeni — buton ve alan aralarına gap (base'de bitişik) */
body.brm-panel .berberim-prov-v2 .bv2-btn-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 10px 0;
}
body.brm-panel .berberim-prov-v2 .bv2-field-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
body.brm-panel .berberim-prov-v2 .bv2-time-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
body.brm-panel .berberim-prov-v2 .bv2-time-pair {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
body.brm-panel .berberim-prov-v2 .bv2-submit-wrap {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
    flex-wrap: wrap;
}
body.brm-panel .berberim-prov-v2 .bv2-form-card {
    padding: 18px;
}
body.brm-panel .berberim-prov-v2 .bv2-field-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px;
}
body.brm-panel .berberim-prov-v2 .bv2-working-hours-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
body.brm-panel .berberim-prov-v2 .berberim-working-day-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 10px 12px;
}
body.brm-panel .berberim-prov-v2 .berberim-off-work-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
body.brm-panel .berberim-prov-v2 .berberim-services-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 10px 0;
}

@media (max-width: 719px) {
    body.brm-panel .berberim-prov-v2 .bv2-field-row-2,
    body.brm-panel .berberim-prov-v2 .bv2-time-grid {
        grid-template-columns: 1fr;
    }
    body.brm-panel .berberim-prov-v2 .berberim-providers-table-wrap {
        padding: 2px 0 16px;
    }
}

/* Çalışan Ekle butonu (toolbar) */
body.brm-panel .berberim-prov-v2 .bv2-provider-form-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--brm-accent) !important;
    border: 1px solid var(--brm-accent) !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    transition: background .12s ease, transform .12s ease, box-shadow .12s ease;
}

body.brm-panel .berberim-prov-v2 .bv2-provider-form-toggle:hover {
    background: var(--brm-accent-2) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.35);
}

/* Form kartı */
body.brm-panel .berberim-prov-v2 .bv2-form-card {
    background: var(--brm-surface);
    border: 1.5px solid var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
}

/* Input / select / textarea */
body.brm-panel .berberim-prov-v2 .bv2-input,
body.brm-panel .berberim-prov-v2 .bv2-select {
    background: var(--brm-surface-2) !important;
    border: 1.5px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
    border-radius: 10px;
    font-family: var(--brm-font-ui);
}

body.brm-panel .berberim-prov-v2 .bv2-input:focus,
body.brm-panel .berberim-prov-v2 .bv2-select:focus {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.15) !important;
    background: var(--brm-surface-2) !important;
    outline: none;
}

body.brm-panel .berberim-prov-v2 .bv2-input::placeholder {
    color: var(--brm-text-3);
}

body.brm-panel .berberim-prov-v2 .bv2-input[type="time"],
body.brm-panel .berberim-prov-v2 .bv2-time {
    color-scheme: dark;
}

body.brm-panel .berberim-prov-v2 .berberim-provider-photo-placeholder {
    border: 3px dashed var(--brm-border);
    background: var(--brm-surface-2);
    border-radius: 50%;
    width: 110px;
    height: 110px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.brm-panel .berberim-prov-v2 .berberim-provider-photo-placeholder:hover {
    border-color: var(--brm-accent);
    background: var(--brm-accent-soft);
}

body.brm-panel .berberim-prov-v2 .bv2-camera-icon {
    color: var(--brm-text-3);
}

body.brm-panel .berberim-prov-v2 .bv2-label {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-prov-v2 .bv2-label svg {
    color: var(--brm-accent);
}

/* Yetki chip'leri — PHP inline stillerini (beyaz chip, açık bg) ezer */
body.brm-panel .berberim-prov-v2 .bv2-prov-perms {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 10px;
    padding: 14px;
}

body.brm-panel .berberim-prov-v2 .bv2-prov-perms p[style*="color:#6b7280"] {
    color: var(--brm-text-2) !important;
}

body.brm-panel .berberim-prov-v2 .bv2-perm-group-title {
    color: var(--brm-text-2) !important;
    border-bottom-color: var(--brm-border) !important;
}

body.brm-panel .berberim-prov-v2 .bv2-perm-chip {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
}

body.brm-panel .berberim-prov-v2 .bv2-perm-chip:hover {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}

body.brm-panel .berberim-prov-v2 .bv2-perm-chip:has(.bv2-perm-cb:checked) {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}

body.brm-panel .berberim-prov-v2 .bv2-perm-master {
    border: 2px solid var(--brm-warn) !important;
    background: rgb(245 158 11 / 0.12) !important;
}

body.brm-panel .berberim-prov-v2 .bv2-perm-master:has(.bv2-perm-cb:checked) {
    border-color: #d97706 !important;
    background: rgb(245 158 11 / 0.2) !important;
}

body.brm-panel .berberim-prov-v2 .bv2-perm-cb {
    accent-color: var(--brm-accent);
}

/* Çalışma saatleri satırları */
body.brm-panel .berberim-prov-v2 .berberim-working-day-row {
    background: var(--brm-surface-2);
    border: 1.5px solid var(--brm-border);
    border-radius: 10px;
}

body.brm-panel .berberim-prov-v2 .berberim-working-day-row:hover {
    border-color: rgb(37 99 235 / 0.35);
}

body.brm-panel .berberim-prov-v2 .berberim-working-day-row:focus-within {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}

body.brm-panel .berberim-prov-v2 .berberim-working-day-row input[type="time"] {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    color: var(--brm-text);
    border-radius: 8px;
    padding: 6px 8px;
    color-scheme: dark;
}

body.brm-panel .berberim-prov-v2 .berberim-day-label {
    color: var(--brm-text);
}

body.brm-panel .berberim-prov-v2 .berberim-time-sep,
body.brm-panel .berberim-prov-v2 .berberim-working-day-hint {
    color: var(--brm-text-3);
}

body.brm-panel .berberim-prov-v2 .berberim-closed-label {
    color: var(--brm-text-2);
}

/* Mola saatleri (off-work) */
body.brm-panel .berberim-prov-v2 .berberim-off-work-row {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    padding: 10px 12px;
}

body.brm-panel .berberim-prov-v2 .berberim-off-work-help {
    color: var(--brm-text-2);
}

/* Hizmet select + pill'ler */
body.brm-panel .berberim-prov-v2 .berberim-services-select {
    color-scheme: dark;
}

body.brm-panel .berberim-prov-v2 .berberim-service-pill {
    background: var(--brm-accent-soft) !important;
    border: 1px solid rgb(37 99 235 / 0.25);
    color: var(--brm-accent) !important;
}

body.brm-panel .berberim-prov-v2 .bv2-btn-danger {
    color: var(--brm-danger) !important;
    border-color: rgb(220 38 38 / 0.25) !important;
    background: var(--brm-danger-soft) !important;
}

body.brm-panel .berberim-prov-v2 .bv2-btn-danger:hover {
    background: var(--brm-danger) !important;
    color: #fff !important;
}

body.brm-panel .berberim-prov-v2 .bv2-add-btn {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    border: 1px solid rgb(37 99 235 / 0.25);
    border-radius: 9px;
    padding: 9px 16px;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    transition: background .12s ease, color .12s ease;
}

body.brm-panel .berberim-prov-v2 .bv2-add-btn:hover {
    background: var(--brm-accent);
    color: #fff;
}

/* Kaydet butonu */
body.brm-panel .berberim-prov-v2 .bv2-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--brm-accent) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    box-shadow: 0 1px 2px rgb(37 99 235 / 0.35);
    transition: background .12s ease, transform .12s ease;
}

body.brm-panel .berberim-prov-v2 .bv2-submit-btn:hover {
    background: var(--brm-accent-2) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.35);
}

body.brm-panel .berberim-prov-v2 .bv2-submit-btn--secondary {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text-2) !important;
    box-shadow: none !important;
}

body.brm-panel .berberim-prov-v2 .bv2-submit-btn--secondary:hover {
    background: var(--brm-surface) !important;
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}

/* ── Accordion listesi (PHP'de üretilen brm-kacc) ── */
body.brm-panel .berberim-prov-v2 .brm-kacc-item {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    box-shadow: var(--brm-shadow);
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-item:hover {
    border-color: rgb(37 99 235 / 0.35);
}

body.brm-panel .berberim-prov-v2 .brm-kacc-item.open {
    border-color: rgb(37 99 235 / 0.5);
    box-shadow: 0 2px 14px rgb(37 99 235 / 0.1);
}

body.brm-panel .berberim-prov-v2 .brm-kacc-head-row:hover,
body.brm-panel .berberim-prov-v2 .brm-kacc-item.open .brm-kacc-head-row {
    background: var(--brm-surface-2);
}

body.brm-panel .berberim-prov-v2 .brm-kacc-head {
    font-family: var(--brm-font-ui);
    color: var(--brm-text);
}

body.brm-panel .berberim-prov-v2 .brm-kacc-title {
    color: var(--brm-text);
}

body.brm-panel .berberim-prov-v2 .brm-kacc-title .bv2-owner-badge {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    border-radius: 999px;
    padding: 2px 9px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
    display: inline-block;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-sub {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-prov-v2 .brm-kacc-amount {
    color: var(--brm-text-2);
}

/* YETKILI rozeti (PHP inline açık renkleri ezilir) */
body.brm-panel .berberim-prov-v2 .berberim-yetkili-badge {
    display: inline-block;
    font-size: 10px;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgb(245 158 11 / 0.14);
    color: var(--brm-warn);
    border: 1px solid rgb(245 158 11 / 0.3);
    font-weight: 700;
    letter-spacing: .3px;
    white-space: nowrap;
}

/* Chevron (PHP inline #f1f5f9 kutusu) */
body.brm-panel .berberim-prov-v2 .brm-kacc-chev {
    background: var(--brm-surface-2);
    color: var(--brm-text-3);
}

body.brm-panel .berberim-prov-v2 .brm-kacc-head:hover .brm-kacc-chev,
body.brm-panel .berberim-prov-v2 .brm-kacc-item.open .brm-kacc-chev {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}

/* Gövde */
body.brm-panel .berberim-prov-v2 .brm-kacc-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .28s ease;
    visibility: hidden;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-item.open .brm-kacc-body {
    visibility: visible;
    transition: max-height .28s ease, visibility 0s;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-inner {
    padding: 4px 14px 14px;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    padding: 10px 12px;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-cell-label {
    color: var(--brm-text-3);
}

body.brm-panel .berberim-prov-v2 .brm-kacc-cell-value {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-prov-v2 .brm-kacc-cell-value strong {
    color: var(--brm-text);
}

/* Avatar (başlık içi) */
body.brm-panel .berberim-prov-v2 .berberim-provider-thumb {
    border-color: var(--brm-border);
}

body.brm-panel .berberim-prov-v2 .berberim-provider-thumb-placeholder {
    background: linear-gradient(135deg, var(--brm-surface-2), var(--brm-border));
    color: var(--brm-accent);
}

/* Hizmet listesi (gövde içi) */
body.brm-panel .berberim-prov-v2 .berberim-provider-services .berberim-service-row {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 8px;
    padding: 6px 10px;
}

body.brm-panel .berberim-prov-v2 .berberim-provider-services .berberim-service-name {
    color: var(--brm-text);
}

body.brm-panel .berberim-prov-v2 .berberim-provider-services .berberim-service-price {
    color: var(--brm-accent);
}

body.brm-panel .berberim-prov-v2 .berberim-no-services {
    color: var(--brm-text-3);
}

body.brm-panel .berberim-prov-v2 .berberim-provider-desc {
    color: var(--brm-text-3);
    font-size: 11.5px;
    line-height: 1.4;
    display: block;
    margin-top: 2px;
}

/* Aksiyon butonları (başlık sağında) */
body.brm-panel .berberim-prov-v2 .brm-kacc-head-actions .bv2-action-btn {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 8px !important;
    font-family: var(--brm-font-ui);
    transition: background .12s ease, border-color .12s ease, color .12s ease, transform .12s ease;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-head-actions .bv2-action-edit {
    color: var(--brm-accent) !important;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-head-actions .bv2-action-edit:hover {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-head-actions .bv2-action-delete {
    color: var(--brm-danger) !important;
    border-color: rgb(220 38 38 / 0.25) !important;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-head-actions .bv2-action-delete:hover {
    background: var(--brm-danger-soft) !important;
    border-color: var(--brm-danger) !important;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-head-actions .bv2-action-cal {
    color: #818cf8 !important;
    border-color: rgb(99 102 241 / 0.3) !important;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-head-actions .bv2-action-cal:hover {
    background: rgb(99 102 241 / 0.12) !important;
    border-color: #818cf8 !important;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-head-actions .bv2-action-invite {
    color: var(--brm-success) !important;
    border-color: rgb(22 163 74 / 0.3) !important;
}

body.brm-panel .berberim-prov-v2 .brm-kacc-head-actions .bv2-action-invite:hover {
    background: var(--brm-success-soft) !important;
    border-color: var(--brm-success) !important;
}

/* Takvim satırı (accordion gövdesi altında) */
body.brm-panel .berberim-prov-v2 .berberim-provider-calendar-row {
    padding: 4px 14px 14px;
}

body.brm-panel .berberim-prov-v2 .berberim-provider-calendar {
    background: var(--brm-surface-2);
    border: 1.5px solid var(--brm-border);
    border-radius: 12px;
    padding: 16px;
}

body.brm-panel .berberim-prov-v2 .berberim-provider-calendar-title {
    color: var(--brm-text);
}

body.brm-panel .berberim-prov-v2 .berberim-provider-calendar-nav {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    color: var(--brm-text) !important;
}

body.brm-panel .berberim-prov-v2 .berberim-provider-calendar-nav:hover {
    background: var(--brm-accent-soft);
    border-color: rgb(37 99 235 / 0.4);
    color: var(--brm-accent) !important;
}

body.brm-panel .berberim-prov-v2 .berberim-calendar-weekday {
    color: var(--brm-text-3);
}

body.brm-panel .berberim-prov-v2 .berberim-calendar-day {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 8px;
}

body.brm-panel .berberim-prov-v2 .berberim-calendar-day-num {
    color: var(--brm-text);
}

body.brm-panel .berberim-prov-v2 .berberim-calendar-slot-item {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-prov-v2 .berberim-calendar-error {
    color: var(--brm-danger);
}

/* Boş durum */
body.brm-panel .berberim-prov-v2 .bv2-empty-state p {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-prov-v2 .bv2-empty-state .bv2-empty-icon {
    color: var(--brm-text-3);
}

/* Bölüm ayırıcılar */
body.brm-panel .berberim-prov-v2 .bv2-section-divider h3 {
    color: var(--brm-text);
}

body.brm-panel .berberim-prov-v2 .bv2-section-divider .bv2-section-icon {
    color: var(--brm-accent);
}

/* Responsive: mobilde aksiyonlar başlık altına iner */
@media (max-width: 719px) {
    body.brm-panel .berberim-prov-v2 .brm-kacc-head-actions {
        padding: 0 12px 12px !important;
    }

    body.brm-panel .berberim-prov-v2 .brm-kacc-head-actions .bv2-action-btn {
        flex: 1 1 auto;
        justify-content: center;
    }

    body.brm-panel .berberim-prov-v2 .brm-kacc-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================ */
/* 23. Sayfa: Personel Prim Hesaplama (brm-prim-wrap)          */
/* Sayfa PHP inline CSS ile (brm-prim-*). Açık renkler token'a  */
/* bağlanır; JS fonksiyonları (brmPrim*) korunur.               */
/* ============================================================ */

/* Sayfa girişi */
body.brm-panel .brm-prim-wrap {
    max-width: 960px;
    margin: 0 auto;
}

body.brm-panel .brm-prim-intro h2 {
    color: var(--brm-text);
}

body.brm-panel .brm-prim-intro p {
    color: var(--brm-text-2);
}

/* Kartlar */
body.brm-panel .brm-prim-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    box-shadow: var(--brm-shadow);
}

body.brm-panel .brm-prim-card h3 {
    color: var(--brm-text);
}

/* Hero kartı (seçilen personel) */
body.brm-panel .brm-prim-hero {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
}

body.brm-panel .brm-prim-hero-photo {
    background: linear-gradient(135deg, var(--brm-success-soft), var(--brm-surface-2));
    color: var(--brm-success);
    box-shadow: 0 10px 24px rgb(22 163 74 / 0.14);
}

body.brm-panel .brm-prim-hero-kicker {
    color: var(--brm-accent);
}

body.brm-panel .brm-prim-hero-title {
    color: var(--brm-text);
}

body.brm-panel .brm-prim-hero-subtitle {
    color: var(--brm-text-2);
}

body.brm-panel .brm-prim-pill {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}

/* KPI kartları */
body.brm-panel .brm-prim-kpi {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
}

body.brm-panel .brm-prim-kpi .label {
    color: var(--brm-text-3);
}

body.brm-panel .brm-prim-kpi .value {
    color: var(--brm-text);
}

body.brm-panel .brm-prim-kpi .hint {
    color: var(--brm-text-2);
}

/* Form alanları (input/select) — PHP inline border ezilir */
body.brm-panel .brm-prim-field label {
    color: var(--brm-text-2);
}

body.brm-panel .brm-prim-field input,
body.brm-panel .brm-prim-field select,
body.brm-panel #brmPrimStaff {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
    border-radius: 10px !important;
    font-family: var(--brm-font-ui);
}

body.brm-panel .brm-prim-field input:focus,
body.brm-panel .brm-prim-field select:focus,
body.brm-panel #brmPrimStaff:focus {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 2px rgb(37 99 235 / 0.15) !important;
    outline: none;
}

body.brm-panel .brm-prim-field input[type="date"] {
    color-scheme: dark;
}

/* Debug satırı + alt yazılar */
body.brm-panel #brmPrimDebugLine,
body.brm-panel #brmPrimResultSub {
    color: var(--brm-text-2) !important;
}

/* Dönem butonları */
body.brm-panel .brm-period-btn {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
    transition: border-color .12s ease, color .12s ease, background .12s ease;
}

body.brm-panel .brm-period-btn:hover {
    border-color: var(--brm-accent);
    color: var(--brm-accent);
    background: var(--brm-accent-soft);
}

/* Genel butonlar */
body.brm-panel .brm-btn {
    font-family: var(--brm-font-ui);
}

body.brm-panel .brm-btn-primary {
    background: var(--brm-accent) !important;
    color: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgb(37 99 235 / 0.35);
    transition: background .12s ease, transform .12s ease;
}

body.brm-panel .brm-btn-primary:hover {
    background: var(--brm-accent-2) !important;
    transform: translateY(-1px);
}

body.brm-panel .brm-btn-secondary {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
    border-radius: 10px;
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

body.brm-panel .brm-btn-secondary:hover {
    background: var(--brm-surface);
    border-color: var(--brm-accent);
    color: var(--brm-accent);
}

body.brm-panel .brm-btn-danger {
    background: var(--brm-danger-soft) !important;
    color: var(--brm-danger) !important;
    border: 1px solid rgb(220 38 38 / 0.25) !important;
    border-radius: 8px;
    transition: background .12s ease, border-color .12s ease;
}

body.brm-panel .brm-btn-danger:hover {
    background: var(--brm-danger) !important;
    color: #fff !important;
    border-color: var(--brm-danger) !important;
}

/* Sonuç kutusu (HESAPLA çıktısı) */
body.brm-panel .brm-prim-result {
    background: linear-gradient(135deg, var(--brm-success-soft), var(--brm-surface-2));
    border: 2px solid rgb(22 163 74 / 0.4);
    border-radius: 14px;
}

body.brm-panel .brm-prim-result-badge {
    background: rgb(22 163 74 / 0.16);
    color: var(--brm-success);
}

body.brm-panel .brm-prim-result-tile {
    background: var(--brm-surface);
    border: 1px solid rgb(22 163 74 / 0.3);
}

body.brm-panel .brm-prim-result-tile .label {
    color: var(--brm-success);
}

body.brm-panel .brm-prim-result-tile .value {
    color: var(--brm-text);
}

body.brm-panel .brm-prim-result .item {
    border-bottom-color: var(--brm-border);
}

body.brm-panel .brm-prim-result .label {
    color: var(--brm-text-2);
}

body.brm-panel .brm-prim-result .value {
    color: var(--brm-text);
}

body.brm-panel .brm-prim-result .grand {
    border-top-color: rgb(22 163 74 / 0.4);
}

body.brm-panel .brm-prim-result .grand .value {
    color: var(--brm-success);
}

/* Maaş özeti grid (JS render) */
body.brm-panel .brm-prim-overview-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
    transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}

body.brm-panel .brm-prim-overview-card:hover {
    border-color: rgb(37 99 235 / 0.4);
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.1);
    transform: translateY(-1px);
}

body.brm-panel .brm-prim-overview-avatar {
    background: linear-gradient(135deg, var(--brm-success-soft), var(--brm-surface-2));
    color: var(--brm-success);
}

body.brm-panel .brm-prim-overview-name {
    color: var(--brm-text);
}

body.brm-panel .brm-prim-overview-meta {
    color: var(--brm-text-3);
}

body.brm-panel .brm-prim-overview-money {
    color: var(--brm-text-2);
}

body.brm-panel .brm-prim-overview-money strong {
    color: var(--brm-text);
}

/* Geçmiş hesaplamalar — accordion (JS brm-kacc olarak render eder) */
body.brm-panel .brm-prim-history-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.brm-panel .brm-prim-history-list .brm-kacc-item {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    box-shadow: var(--brm-shadow);
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease;
}

body.brm-panel .brm-prim-history-list .brm-kacc-item:hover {
    border-color: rgb(37 99 235 / 0.35);
}

body.brm-panel .brm-prim-history-list .brm-kacc-item.open {
    border-color: rgb(37 99 235 / 0.5);
    box-shadow: 0 2px 14px rgb(37 99 235 / 0.1);
}

body.brm-panel .brm-prim-history-list .brm-kacc-head-row:hover,
body.brm-panel .brm-prim-history-list .brm-kacc-item.open .brm-kacc-head-row {
    background: var(--brm-surface-2);
}

body.brm-panel .brm-prim-history-list .brm-kacc-head {
    font-family: var(--brm-font-ui);
    color: var(--brm-text);
}

body.brm-panel .brm-prim-history-list .brm-kacc-title {
    color: var(--brm-text);
}

body.brm-panel .brm-prim-history-list .brm-kacc-sub {
    color: var(--brm-text-2);
}

body.brm-panel .brm-prim-history-list .brm-kacc-amount {
    color: var(--brm-text);
    font-weight: 700;
}

body.brm-panel .brm-prim-history-list .brm-kacc-chev {
    background: var(--brm-surface-2);
    color: var(--brm-text-3);
}

body.brm-panel .brm-prim-history-list .brm-kacc-head:hover .brm-kacc-chev,
body.brm-panel .brm-prim-history-list .brm-kacc-item.open .brm-kacc-chev {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}

body.brm-panel .brm-prim-history-list .brm-kacc-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .28s ease;
    visibility: hidden;
}

body.brm-panel .brm-prim-history-list .brm-kacc-item.open .brm-kacc-body {
    visibility: visible;
    transition: max-height .28s ease, visibility 0s;
}

body.brm-panel .brm-prim-history-list .brm-kacc-inner {
    padding: 4px 14px 14px;
}

body.brm-panel .brm-prim-history-list .brm-kacc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

body.brm-panel .brm-prim-history-list .brm-kacc-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    padding: 10px 12px;
}

body.brm-panel .brm-prim-history-list .brm-kacc-cell-label {
    color: var(--brm-text-3);
}

body.brm-panel .brm-prim-history-list .brm-kacc-cell-value {
    color: var(--brm-text);
}

body.brm-panel .brm-prim-history-list .brm-kacc-cell-full {
    grid-column: 1 / -1;
}

body.brm-panel .brm-prim-history-list .brm-kacc-cell-action {
    align-items: flex-end;
}

body.brm-panel .brm-prim-history-list .brm-kacc-cell-action .brm-btn-danger {
    margin-top: 4px;
}

/* Toast */
body.brm-panel .brm-toast2.ok {
    background: rgb(22 163 74 / 0.18);
    color: var(--brm-success);
    border: 1px solid rgb(22 163 74 / 0.35);
}

body.brm-panel .brm-toast2.err {
    background: rgb(220 38 38 / 0.18);
    color: var(--brm-danger);
    border: 1px solid rgb(220 38 38 / 0.35);
}

/* Boş durum (JS inline #94a3b8) */
body.brm-panel .brm-prim-history-list div[style*="color:#94a3b8"],
body.brm-panel .brm-prim-overview-grid div[style*="color:#94a3b8"] {
    color: var(--brm-text-3) !important;
}

/* Responsive */
@media (max-width: 640px) {
    body.brm-panel .brm-prim-history-list .brm-kacc-grid {
        grid-template-columns: 1fr !important;
    }

    body.brm-panel .brm-prim-overview-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================ */
/* 24. Sayfa: Personel İzinleri (berberim-leaves-v2)           */
/* İzin kayıt tablosu → accordion (brm-kacc). Base açık        */
/* renkler token'a bağlanır; JS seçicileri (berberim-leave-*)   */
/* korunur.                                                     */
/* ============================================================ */

/* Sayfa kabı + header */
body.brm-panel .berberim-leaves-v2 .bv2-header {
    border-bottom-color: var(--brm-border);
}

body.brm-panel .berberim-leaves-v2 .bv2-header-title {
    color: var(--brm-text);
}

body.brm-panel .berberim-leaves-v2 .bv2-subtitle {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-leaves-v2 .bv2-badge-count {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
    border: 1px solid rgb(37 99 235 / 0.25);
}

body.brm-panel .berberim-leaves-v2 .bv2-section-divider h3 {
    color: var(--brm-text);
}

body.brm-panel .berberim-leaves-v2 .bv2-section-divider .bv2-section-icon {
    color: var(--brm-accent);
}

/* Yeni İzin Ekle butonu */
body.brm-panel .berberim-leaves-v2 .bv2-leave-form-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--brm-accent) !important;
    border: 1px solid var(--brm-accent) !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    transition: background .12s ease, transform .12s ease, box-shadow .12s ease;
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-form-toggle:hover {
    background: var(--brm-accent-2) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.35);
}

/* Form kartı */
body.brm-panel .berberim-leaves-v2 .bv2-form-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    box-shadow: var(--brm-shadow);
}

body.brm-panel .berberim-leaves-v2 .bv2-form-card.bv2-editing {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}

body.brm-panel .berberim-leaves-v2 .bv2-label {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-leaves-v2 .bv2-label svg {
    stroke: var(--brm-accent);
}

body.brm-panel .berberim-leaves-v2 .bv2-optional {
    color: var(--brm-text-3);
}

body.brm-panel .berberim-leaves-v2 .bv2-input,
body.brm-panel .berberim-leaves-v2 .bv2-select {
    background: var(--brm-surface-2) !important;
    border: 1.5px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
    border-radius: 10px;
    font-family: var(--brm-font-ui);
}

body.brm-panel .berberim-leaves-v2 .bv2-input:focus,
body.brm-panel .berberim-leaves-v2 .bv2-select:focus {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.15) !important;
}

body.brm-panel .berberim-leaves-v2 .bv2-input[type="date"],
body.brm-panel .berberim-leaves-v2 .bv2-input[type="number"] {
    color-scheme: dark;
}

/* Kaydet butonu */
body.brm-panel .berberim-leaves-v2 .bv2-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: var(--brm-accent) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    box-shadow: 0 1px 2px rgb(37 99 235 / 0.35);
    transition: background .12s ease, transform .12s ease;
}

body.brm-panel .berberim-leaves-v2 .bv2-submit-btn:hover {
    background: var(--brm-accent-2) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.35);
}

body.brm-panel .berberim-leaves-v2 .bv2-btn-danger {
    background: var(--brm-surface-2) !important;
    border: 1px solid rgb(220 38 38 / 0.25) !important;
    color: var(--brm-danger) !important;
    border-radius: 10px;
    font-family: var(--brm-font-ui);
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

body.brm-panel .berberim-leaves-v2 .bv2-btn-danger:hover {
    background: var(--brm-danger-soft) !important;
    border-color: var(--brm-danger) !important;
}

body.brm-panel .berberim-leaves-v2 .berberim-leave-msg {
    color: var(--brm-text-2);
}

/* Rapor kartı + filtre */
body.brm-panel .berberim-leaves-v2 .bv2-leave-report-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    box-shadow: var(--brm-shadow);
}

body.brm-panel .berberim-leaves-v2 .bv2-filter-btn {
    background: var(--brm-accent) !important;
    border: none !important;
}

body.brm-panel .berberim-leaves-v2 .bv2-filter-btn:hover {
    background: var(--brm-accent-2) !important;
}

/* Rapor özet kartları */
body.brm-panel .berberim-leaves-v2 .bv2-leave-summary-grid {
    border-top-color: var(--brm-border);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-summary-card {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-summary-card:hover {
    transform: translateY(-2px);
    border-color: rgb(37 99 235 / 0.35);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-summary-avatar {
    background: var(--brm-accent-soft);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-summary-avatar svg {
    stroke: var(--brm-accent);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-summary-name {
    color: var(--brm-text);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-summary-total {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-no-report {
    color: var(--brm-text-3);
    border-top-color: var(--brm-border);
}

/* İzin Kayıtları listesi sarmalayıcısı — base'te #fff, token'a bağla */
body.brm-panel .berberim-leaves-v2 .bv2-leave-table-wrap {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 14px;
    box-shadow: var(--brm-shadow);
    padding: 16px;
}
body.brm-panel .berberim-leaves-v2 .bv2-leave-table-wrap .brm-kacc-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
body.brm-panel .berberim-leaves-v2 .bv2-leave-report-card .bv2-leave-report-form {
    gap: 14px;
}

/* İzin rozetleri (base açık renkleri token'a) */
body.brm-panel .berberim-leaves-v2 .bv2-leave-green {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-red {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-amber {
    background: rgb(245 158 11 / 0.14);
    color: var(--brm-warn);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-gray {
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
    border: 1px solid var(--brm-border);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-blue {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}

/* Chip + tarih + not */
body.brm-panel .berberim-leaves-v2 .bv2-chip {
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
    border: 1px solid var(--brm-border);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-dates {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-dates svg {
    stroke: var(--brm-text-3);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-date-start {
    color: var(--brm-text);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-date-end {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-note {
    color: var(--brm-text-2);
}

/* Accordion listesi (PHP'de üretilen brm-kacc) */
body.brm-panel .berberim-leaves-v2 .brm-kacc-item {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    box-shadow: var(--brm-shadow);
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease;
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-item:hover {
    border-color: rgb(37 99 235 / 0.35);
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-item.open {
    border-color: rgb(37 99 235 / 0.5);
    box-shadow: 0 2px 14px rgb(37 99 235 / 0.1);
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-head-row:hover,
body.brm-panel .berberim-leaves-v2 .brm-kacc-item.open .brm-kacc-head-row {
    background: var(--brm-surface-2);
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-head {
    font-family: var(--brm-font-ui);
    color: var(--brm-text);
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-title {
    color: var(--brm-text);
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-sub {
    color: var(--brm-text-2);
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-amount {
    color: var(--brm-text);
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-chev {
    background: var(--brm-surface-2);
    color: var(--brm-text-3);
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-head:hover .brm-kacc-chev,
body.brm-panel .berberim-leaves-v2 .brm-kacc-item.open .brm-kacc-chev {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .28s ease;
    visibility: hidden;
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-item.open .brm-kacc-body {
    visibility: visible;
    transition: max-height .28s ease, visibility 0s;
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-inner {
    padding: 4px 14px 14px;
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    padding: 10px 12px;
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-cell-label {
    color: var(--brm-text-3);
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-cell-value {
    color: var(--brm-text);
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-cell-full {
    grid-column: 1 / -1;
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-avatar-sm {
    background: var(--brm-accent-soft);
}

body.brm-panel .berberim-leaves-v2 .bv2-leave-avatar-sm svg {
    stroke: var(--brm-accent);
}

/* Aksiyon butonları */
body.brm-panel .berberim-leaves-v2 .brm-kacc-head-actions .bv2-action-btn {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 8px !important;
    font-family: var(--brm-font-ui);
    transition: background .12s ease, border-color .12s ease, color .12s ease, transform .12s ease;
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-head-actions .bv2-action-edit {
    color: #818cf8 !important;
    border-color: rgb(99 102 241 / 0.3) !important;
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-head-actions .bv2-action-edit:hover {
    background: rgb(99 102 241 / 0.12) !important;
    border-color: #818cf8 !important;
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-head-actions .bv2-action-delete {
    color: var(--brm-danger) !important;
    border-color: rgb(220 38 38 / 0.25) !important;
}

body.brm-panel .berberim-leaves-v2 .brm-kacc-head-actions .bv2-action-delete:hover {
    background: var(--brm-danger-soft) !important;
    border-color: var(--brm-danger) !important;
}

/* Boş durum */
body.brm-panel .berberim-leaves-v2 .bv2-empty-state {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    box-shadow: var(--brm-shadow);
}

body.brm-panel .berberim-leaves-v2 .bv2-empty-state p {
    color: var(--brm-text-2);
}

/* Toast */
body.brm-panel .bv2-leave-toast.bv2-toast-ok {
    background: linear-gradient(135deg, #10b981, #059669);
}

body.brm-panel .bv2-leave-toast.bv2-toast-err {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

/* Responsive */
@media (max-width: 719px) {
    body.brm-panel .berberim-leaves-v2 .brm-kacc-head-actions {
        padding: 0 12px 12px !important;
    }

    body.brm-panel .berberim-leaves-v2 .brm-kacc-head-actions .bv2-action-btn {
        flex: 1 1 auto;
        justify-content: center;
    }

    body.brm-panel .berberim-leaves-v2 .brm-kacc-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================ */
/* 25. Sayfa: Akademi (berberim-akademi-root / dashboard-root)  */
/* ============================================================ */
body.brm-panel .berberim-akademi-root,
body.brm-panel .berberim-akademi-dashboard-root {
    --ak-primary: var(--brm-accent);
    --ak-primary-dark: var(--brm-accent);
    --ak-bg: transparent;
    --ak-card-bg: var(--brm-surface);
    --ak-border: var(--brm-border);
    --ak-text: var(--brm-text);
    --ak-muted: var(--brm-text-2);
    font-family: var(--brm-font-ui);
    color: var(--brm-text);
}

/* Arama + filtreler */
body.brm-panel .berberim-akademi-root .ak-filter-row input[type="search"],
body.brm-panel .berberim-akademi-dashboard-root .ak-filter-row input[type="search"] {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-akademi-root .ak-filter-row input[type="search"]::placeholder,
body.brm-panel .berberim-akademi-dashboard-root .ak-filter-row input[type="search"]::placeholder {
    color: var(--brm-text-3);
}
body.brm-panel .berberim-akademi-root .ak-filter-row select,
body.brm-panel .berberim-akademi-root .ak-filters select,
body.brm-panel .berberim-akademi-root select[id^="ak-"],
body.brm-panel .berberim-akademi-dashboard-root select[id^="ak-"] {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 8px;
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    padding: 6px 8px;
}
body.brm-panel .berberim-akademi-root .ak-filters label,
body.brm-panel .berberim-akademi-root div[style*="display: flex"] label,
body.brm-panel .berberim-akademi-dashboard-root div[style*="display: flex"] label {
    color: var(--brm-text-2) !important;
    font-family: var(--brm-font-ui) !important;
}

/* Kart grid */
body.brm-panel .berberim-akademi-root .ak-grid {
    gap: 16px;
}

/* Eğitim kartı */
body.brm-panel .berberim-akademi-root .ak-card {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
body.brm-panel .berberim-akademi-root .ak-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.18) !important;
    border-color: rgb(129 140 248 / 0.45) !important;
}
body.brm-panel .berberim-akademi-root .ak-card .ak-cover {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .berberim-akademi-root .ak-card .ak-body {
    padding: 14px;
}
body.brm-panel .berberim-akademi-root .ak-card .ak-title {
    color: var(--brm-text);
    font-weight: 700;
    font-size: 14px;
}
body.brm-panel .berberim-akademi-root .ak-card .ak-meta {
    color: var(--brm-text-2);
    font-size: 12px;
}
body.brm-panel .berberim-akademi-root .ak-badge {
    font-weight: 700;
    color: #fff !important;
    border-radius: 999px;
    padding: 3px 9px;
    font-size: 11px;
}
body.brm-panel .berberim-akademi-root .ak-badge.baslangic { background: #06b6d4 !important; }
body.brm-panel .berberim-akademi-root .ak-badge.orta { background: #f59e0b !important; }
body.brm-panel .berberim-akademi-root .ak-badge.ileri { background: #ef4444 !important; }
body.brm-panel .berberim-akademi-root .ak-progress {
    height: 8px;
    background: var(--brm-surface-3, var(--brm-surface-2)) !important;
    border-radius: 8px;
}
body.brm-panel .berberim-akademi-root .ak-progress > i {
    background: linear-gradient(90deg, var(--brm-accent), #1e40af) !important;
    border-radius: 8px;
}
body.brm-panel .berberim-akademi-root .ak-progress.completed > i,
body.brm-panel .berberim-akademi-root .ak-progress.completed i {
    background: #10b981 !important;
}
body.brm-panel .berberim-akademi-root .ak-completed {
    background: #10b981 !important;
    color: #fff !important;
}
body.brm-panel .berberim-akademi-root .brm-empty {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text-2) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    text-align: center;
}

/* Pagination */
body.brm-panel .berberim-akademi-root .ak-pagination button {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
    border-radius: 8px !important;
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-akademi-root .ak-pagination button:hover:not(:disabled) {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .berberim-akademi-root .ak-pagination span {
    color: var(--brm-text-2) !important;
    font-family: var(--brm-font-ui);
}

/* Modal */
body.brm-panel .ak-modal {
    background: rgb(8 10 14 / 0.65) !important;
    backdrop-filter: blur(8px);
    z-index: 99999;
}
body.brm-panel .ak-modal .ak-modal-panel {
    background: var(--brm-surface) !important;
    color: var(--brm-text) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 70px rgb(0 0 0 / 0.35) !important;
}
body.brm-panel .ak-modal .ak-modal-title {
    color: var(--brm-text) !important;
    font-family: var(--brm-font-ui);
}
body.brm-panel .ak-modal .ak-modal-excerpt {
    color: var(--brm-text-2) !important;
    font-family: var(--brm-font-ui);
}
body.brm-panel .ak-modal .ak-modal-actions {
    border-top-color: var(--brm-border) !important;
}
body.brm-panel .ak-modal .ak-progress-text {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ak-modal .ak-modal-close {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .ak-modal .ak-modal-close:hover {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .ak-modal .ak-video {
    border: 1px solid var(--brm-border) !important;
    background: #000 !important;
}
body.brm-panel .ak-btn {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
    font-family: var(--brm-font-ui);
    box-shadow: none !important;
}
body.brm-panel .ak-btn:hover {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
    box-shadow: 0 6px 20px rgb(129 140 248 / 0.25) !important;
}
body.brm-panel .ak-btn:disabled {
    opacity: .6;
}
body.brm-panel .ak-completed-badge {
    background: #10b981 !important;
    color: #fff !important;
    font-family: var(--brm-font-ui);
}

/* ═══ DASHBOARD (/akademi) ═══ */
body.brm-panel .berberim-akademi-dashboard-root .ak-summary-row h3 {
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
}

/* Personal view */
body.brm-panel .berberim-akademi-dashboard-root .ak-personal-header h2 {
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-akademi-dashboard-root .ak-personal-header p {
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-akademi-dashboard-root .ak-avatar {
    border-color: var(--brm-border) !important;
}
body.brm-panel .berberim-akademi-dashboard-root .ak-summary-cards .ak-stat {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 16px !important;
}
body.brm-panel .berberim-akademi-dashboard-root .ak-stat:hover {
    box-shadow: 0 10px 28px rgb(0 0 0 / 0.15) !important;
    border-color: rgb(129 140 248 / 0.4) !important;
}
body.brm-panel .berberim-akademi-dashboard-root .ak-stat-value {
    color: var(--brm-text) !important;
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-akademi-dashboard-root .ak-stat-label {
    color: var(--brm-text-2) !important;
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-akademi-dashboard-root .ak-last-training {
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-akademi-dashboard-root .ak-last-training strong {
    color: var(--brm-text);
}

/* Continue watching */
body.brm-panel .berberim-akademi-dashboard-root .ak-continue-card {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 12px !important;
}
body.brm-panel .berberim-akademi-dashboard-root .ak-continue-card:hover {
    border-color: rgb(16 185 129 / 0.5) !important;
    box-shadow: 0 4px 16px rgb(16 185 129 / 0.12) !important;
}
body.brm-panel .berberim-akademi-dashboard-root .ak-continue-title {
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-akademi-dashboard-root .ak-continue-meta {
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}

/* Team (owner) view */
body.brm-panel .berberim-akademi-dashboard-root .ak-owner-summary {
    background: linear-gradient(135deg, #151a24 0%, #1c2330 100%) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 16px !important;
    color: #fff !important;
}
body.brm-panel.brm-panel-dark .berberim-akademi-dashboard-root .ak-owner-summary {
    background: linear-gradient(135deg, #10131a 0%, #1a2130 100%) !important;
}
body.brm-panel .berberim-akademi-dashboard-root .ak-owner-summary .ak-big-number,
body.brm-panel .berberim-akademi-dashboard-root .ak-owner-summary .ak-big-label,
body.brm-panel .berberim-akademi-dashboard-root .ak-owner-summary .ak-small-stat {
    color: #fff !important;
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-akademi-dashboard-root .ak-staff-card {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgb(0 0 0 / 0.07) !important;
}
body.brm-panel .berberim-akademi-dashboard-root .ak-staff-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgb(129 140 248 / 0.4) !important;
}
body.brm-panel .berberim-akademi-dashboard-root .ak-staff-name {
    color: var(--brm-text) !important;
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-akademi-dashboard-root .ak-staff-stats {
    color: var(--brm-text-2) !important;
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-akademi-dashboard-root .ak-staff-stats .ak-progress {
    background: var(--brm-surface-3, var(--brm-surface-2)) !important;
}
body.brm-panel .berberim-akademi-dashboard-root .ak-staff-stats .ak-progress i {
    background: #10b981 !important;
}
body.brm-panel .berberim-akademi-dashboard-root .ak-rate {
    color: var(--brm-text) !important;
}
body.brm-panel .berberim-akademi-dashboard-root .ak-last {
    color: var(--brm-text-2) !important;
    font-family: var(--brm-font-ui);
}

/* Responsive */
@media (max-width: 719px) {
    body.brm-panel .berberim-akademi-root .ak-grid {
        grid-template-columns: 1fr !important;
    }
    body.brm-panel .berberim-akademi-dashboard-root .ak-summary-cards {
        grid-template-columns: 1fr 1fr !important;
    }
    body.brm-panel .berberim-akademi-dashboard-root .ak-owner-summary {
        flex-direction: column;
        align-items: flex-start;
    }
    body.brm-panel .berberim-akademi-dashboard-root .ak-small-stats {
        gap: 16px;
        flex-wrap: wrap;
    }
    body.brm-panel .berberim-akademi-root .ak-filter-row,
    body.brm-panel .berberim-akademi-dashboard-root .ak-filter-row {
        flex-direction: column;
        align-items: stretch;
    }
    body.brm-panel .berberim-akademi-root .ak-filters div[style*="display: flex"],
    body.brm-panel .berberim-akademi-dashboard-root .ak-filters div[style*="display: flex"] {
        flex-wrap: wrap;
    }
}

/* ============================================================ */
/* 26. Sayfa: Eğitim Videoları (brm-tv-root)                    */
/* ============================================================ */
body.brm-panel .brm-tv-root {
    --tv-primary: var(--brm-accent);
    --tv-primary-dark: var(--brm-accent);
    --tv-primary-light: var(--brm-accent-soft);
    --tv-success: #10b981;
    --tv-bg: transparent;
    --tv-card-bg: var(--brm-surface);
    --tv-border: var(--brm-border);
    --tv-text: var(--brm-text);
    --tv-muted: var(--brm-text-2);
    --tv-radius: 14px;
    font-family: var(--brm-font-ui);
    color: var(--brm-text);
}
body.brm-panel .brm-tv-header h1 {
    color: var(--brm-text) !important;
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-tv-header p {
    color: var(--brm-text-2) !important;
}

/* Kategori butonları */
body.brm-panel .brm-tv-cat-btn {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text-2) !important;
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-tv-cat-btn:hover {
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .brm-tv-cat-btn.active {
    background: var(--brm-accent) !important;
    color: #fff !important;
    border-color: var(--brm-accent) !important;
}

/* Video kartları */
body.brm-panel .brm-tv-card {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 14px !important;
}
body.brm-panel .brm-tv-card:hover {
    border-color: rgb(129 140 248 / 0.45) !important;
}
body.brm-panel .brm-tv-card-title {
    color: var(--brm-text) !important;
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-tv-card-category {
    color: var(--brm-accent) !important;
}
body.brm-panel .brm-tv-card-desc,
body.brm-panel .brm-tv-card-duration {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-tv-thumb {
    background: var(--brm-surface-3, var(--brm-surface-2)) !important;
}
body.brm-panel .brm-tv-duration-badge {
    background: rgb(10 14 20 / 0.8) !important;
    color: #fff !important;
}

/* Modal */
body.brm-panel .brm-tv-modal {
    background: rgb(8 10 14 / 0.65) !important;
    backdrop-filter: blur(8px);
    z-index: 99999;
}
body.brm-panel .brm-tv-modal-panel {
    background: var(--brm-surface) !important;
    box-shadow: 0 24px 70px rgb(0 0 0 / 0.35) !important;
}
body.brm-panel .brm-tv-modal-header h2 {
    color: var(--brm-text) !important;
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-tv-modal-body p,
body.brm-panel .brm-tv-modal-duration {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-tv-modal-category {
    color: var(--brm-accent) !important;
}
body.brm-panel .brm-tv-modal-close {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-tv-modal-close:hover {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .brm-tv-loading,
body.brm-panel .brm-tv-empty {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-tv-spinner {
    border-color: var(--brm-border) !important;
    border-top-color: var(--brm-accent) !important;
}

/* ============================================================ */
/* 27. Sayfa: Bildirimlerim (bv2-notif-page)                    */
/* ============================================================ */
body.brm-panel .bv2-notif-page {
    max-width: 760px;
    margin: 24px auto;
    font-family: var(--brm-font-ui);
    color: var(--brm-text);
}

/* Staff notifications toggle kartı */
body.brm-panel .bv2-notif-staff-card {
    background: var(--brm-accent-soft) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 14px;
    padding: 16px 18px;
    margin-bottom: 18px;
}
body.brm-panel .bv2-notif-staff-icon {
    background: var(--brm-surface) !important;
    color: var(--brm-accent) !important;
    box-shadow: none !important;
}
body.brm-panel .bv2-notif-staff-title {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-notif-staff-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-notif-staff-toggle .bv2-notif-toggle-slider {
    background: var(--brm-switch-track) !important;
}
body.brm-panel .bv2-notif-staff-toggle input:checked + .bv2-notif-toggle-slider {
    background: var(--brm-accent) !important;
}
body.brm-panel .bv2-notif-staff-toggle .bv2-notif-toggle-slider::before {
    background: #fff !important;
}

/* Header — mor gradyan yerine accent token'lı kart başlığı */
body.brm-panel .bv2-notif-header {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    border-radius: 14px 14px 0 0;
    padding: 18px 22px;
}
body.brm-panel .bv2-notif-header svg {
    color: #fff;
}
body.brm-panel .bv2-notif-title {
    color: #fff !important;
}
body.brm-panel .bv2-notif-subtitle {
    color: rgb(255 255 255 / 0.85) !important;
    opacity: 1 !important;
}
body.brm-panel .bv2-notif-mark-all {
    background: rgb(255 255 255 / 0.16) !important;
    border: 1px solid rgb(255 255 255 / 0.28) !important;
    color: #fff !important;
    border-radius: 10px;
    font-family: var(--brm-font-ui);
}
body.brm-panel .bv2-notif-mark-all:hover {
    background: rgb(255 255 255 / 0.28) !important;
}

/* Filtreler */
body.brm-panel .bv2-notif-filters {
    background: var(--brm-surface) !important;
    border-left: 1px solid var(--brm-border) !important;
    border-right: 1px solid var(--brm-border) !important;
}
body.brm-panel .bv2-notif-filter-btn {
    color: var(--brm-text-2) !important;
    border-bottom-color: transparent;
}
body.brm-panel .bv2-notif-filter-btn:hover {
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-notif-filter-btn.bv2-nf-active {
    color: var(--brm-accent) !important;
    border-bottom-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .bv2-notif-filter-badge {
    background: var(--brm-danger) !important;
    color: #fff !important;
}

/* Liste */
body.brm-panel .bv2-notif-list {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-top: 0;
    border-radius: 0 0 14px 14px;
}
body.brm-panel .bv2-notif-item {
    border-bottom: 1px solid var(--brm-border) !important;
}
body.brm-panel .bv2-notif-item:hover {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .bv2-notif-unread {
    background: var(--brm-accent-soft) !important;
    border-left: 3px solid var(--brm-accent) !important;
}
body.brm-panel .bv2-notif-unread:hover {
    background: var(--brm-surface-2) !important;
}

/* Tip ikon daireleri — soft token'lar */
body.brm-panel .bv2-nt-new .bv2-notif-icon {
    background: var(--brm-success-soft) !important;
    color: var(--brm-success) !important;
}
body.brm-panel .bv2-nt-status .bv2-notif-icon {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-nt-cancel .bv2-notif-icon {
    background: var(--brm-danger-soft) !important;
    color: var(--brm-danger) !important;
}
body.brm-panel .bv2-nt-reminder .bv2-notif-icon {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-nt-info .bv2-notif-icon {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}

/* İçerik */
body.brm-panel .bv2-notif-item-title {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-notif-item-msg {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-notif-item-time {
    color: var(--brm-text-3) !important;
}

/* Okundu butonu */
body.brm-panel .bv2-notif-read-btn {
    border: 1px solid var(--brm-border) !important;
    background: var(--brm-surface) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-notif-read-btn:hover {
    background: var(--brm-accent) !important;
    color: #fff !important;
    border-color: var(--brm-accent) !important;
}

/* Boş durum */
body.brm-panel .bv2-notif-empty {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-top: 0;
    border-radius: 0 0 14px 14px;
}
body.brm-panel .bv2-notif-empty-icon {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-notif-empty h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-notif-empty p {
    color: var(--brm-text-3) !important;
}

/* Pagination */
body.brm-panel .bv2-notif-pagination {
    gap: 6px;
    padding: 18px 0 6px;
}
body.brm-panel .bv2-notif-page-btn {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
    border-radius: 8px;
    font-family: var(--brm-font-ui);
}
body.brm-panel .bv2-notif-page-btn:hover {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-notif-page-btn.bv2-np-active {
    background: var(--brm-accent) !important;
    color: #fff !important;
}

/* Mobil: header kompakt */
@media (max-width: 560px) {
    body.brm-panel .bv2-notif-header {
        flex-wrap: wrap;
        gap: 10px;
    }
    body.brm-panel .bv2-notif-mark-all {
        width: 100%;
        justify-content: center;
    }
    body.brm-panel .bv2-notif-item {
        padding: 14px 14px;
        gap: 12px;
    }
    body.brm-panel .bv2-notif-icon {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }
}

/* ============================================================ */
/* 28. Sayfa: Hesabım (jnews /account/*)                        */
/* ============================================================ */
/* jnews'in KENDİ hesap sistemi (/account/, /account/edit-account/,
   /account/change-password/) panel kabuğuyla sarılır. Sol menü korunur;
   form akışları (jnews form_handler: hesap düzenleme, şifre, hesap silme)
   değişmez — yalnızca görünüm token'lara bağlanır. */

body.brm-panel .jeg_account_page .jeg_account_left {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    padding: 20px 16px;
    box-shadow: var(--brm-shadow);
}
body.brm-panel .jeg_account_page .jeg_author_name {
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
}
body.brm-panel .jeg_account_page .jeg_account_nav {
    margin: 25px 0;
}
body.brm-panel .jeg_account_page .jeg_account_nav li a {
    display: block;
    padding: 7px 10px;
    border-radius: 8px;
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
    transition: background .15s ease, color .15s ease;
}
body.brm-panel .jeg_account_page .jeg_account_nav li a:hover {
    background: var(--brm-surface-2);
    color: var(--brm-text);
}

/* Sağ içerik (form) */
body.brm-panel .jeg_account_page .jeg_account_right {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    padding: 26px 28px;
    box-shadow: var(--brm-shadow);
}
body.brm-panel .jeg_account_page .jeg_account_title {
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    border-bottom: 2px solid var(--brm-border);
}

/* Form elemanları */
body.brm-panel .jeg_account_page .form-group label {
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}
body.brm-panel .jeg_account_page .form-control,
body.brm-panel .jeg_account_page select#dname {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text);
    border-radius: 8px;
    height: 40px;
    font-family: var(--brm-font-ui);
    color-scheme: light;
}
body.brm-panel.brm-panel-dark .jeg_account_page .form-control,
body.brm-panel.brm-panel-dark .jeg_account_page select#dname {
    color-scheme: dark;
}
body.brm-panel .jeg_account_page .form-control:focus,
body.brm-panel .jeg_account_page select#dname:focus {
    outline: none;
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px var(--brm-accent-soft);
}
body.brm-panel .jeg_account_page input[type="submit"],
body.brm-panel .jeg_account_page .button-danger {
    /* JNews .button / input[type=submit] (height:40px; line-height:40px;
       text-transform:uppercase) burada ezilir — metin buton dışına taşmasın */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 44px;
    line-height: 1.4;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none;
    text-shadow: none;
    vertical-align: middle;
}
body.brm-panel .jeg_account_page input[type="submit"] {
    background: var(--brm-accent);
    border: 1px solid var(--brm-accent);
    color: #fff;
    border-radius: 8px;
    padding: 11px 24px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    cursor: pointer;
    transition: background .15s ease;
}
body.brm-panel .jeg_account_page input[type="submit"]:hover {
    background: var(--brm-accent-2);
}
body.brm-panel .jeg_account_page .button-danger {
    border-radius: 8px;
    font-family: var(--brm-font-ui);
    background: var(--brm-danger);
    border: 1px solid var(--brm-danger);
    color: #fff;
    padding: 11px 20px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease;
}
body.brm-panel .jeg_account_page .button-danger:hover {
    background: var(--brm-danger-2, #b91c1c);
}

/* Doğum tarihi salt okunur — inline background:#f5f5f5 geliyor */
body.brm-panel .jeg_account_page input[readonly][disabled] {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-3);
    cursor: not-allowed;
}

/* Mesaj kutuları (başarı / hata) */
body.brm-panel .jeg_account_page .alert-success {
    background: var(--brm-success-soft);
    border: 1px solid var(--brm-success);
    color: var(--brm-success);
}
body.brm-panel .jeg_account_page .alert-error {
    background: var(--brm-danger-soft);
    border: 1px solid var(--brm-danger);
    color: var(--brm-danger);
}

/* ============================================================ */
/* 29. Sayfa: Fiyatlandırma / Ödeme (brm-pay-page)              */
/* ============================================================ */
body.brm-panel .brm-pay-page {
    max-width: 980px;
    margin: 24px auto;
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-pay-page .btn {
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-pay-page .btn-secondary {
    color: var(--brm-text) !important;
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .brm-pay-page .btn-secondary:hover {
    color: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .brm-pay-page .btn-primary {
    background: linear-gradient(180deg, var(--brm-accent), var(--brm-accent-2)) !important;
}

body.brm-panel .brm-pay-page .section-lead {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page .pricing-note {
    border-color: var(--brm-border) !important;
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}

/* Fiyatlandırma kartları */
body.brm-panel .brm-pay-page .price-card {
    border: 1px solid var(--brm-border) !important;
    background: var(--brm-surface) !important;
}
body.brm-panel .brm-pay-page .price-card.popular {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
    box-shadow: 0 14px 26px rgb(0 0 0 / 0.22) !important;
}
body.brm-panel .brm-pay-page .badge {
    border: 1px solid var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page .price-card h3,
body.brm-panel .brm-pay-page .payment-intro h3,
body.brm-panel .brm-pay-page .payment-card h4 {
    color: var(--brm-text) !important;
    font-family: var(--brm-font-ui) !important;
}
body.brm-panel .brm-pay-page .price-main {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-pay-page .price-sub {
    color: var(--brm-text-3) !important;
}
body.brm-panel .brm-pay-page .price-meta {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page .price-old,
body.brm-panel .brm-pay-page .price-old del {
    color: var(--brm-danger) !important;
    text-decoration-color: var(--brm-danger) !important;
}

/* Dönem toggle */
body.brm-panel .brm-pay-page .period-toggle {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .brm-pay-page .period-btn {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page .period-btn.active {
    background: var(--brm-surface) !important;
    color: var(--brm-accent) !important;
    box-shadow: none !important;
}
body.brm-panel .brm-pay-page .period-btn:hover {
    color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}

/* Demo banner + ödeme bölümü */
body.brm-panel .brm-pay-page .demo-banner {
    border-color: var(--brm-border) !important;
    background: var(--brm-accent-soft) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .brm-pay-page .demo-banner a {
    color: var(--brm-accent) !important;
}
body.brm-panel .brm-pay-page .payment-intro,
body.brm-panel .brm-pay-page .payment-card {
    border: 1px solid var(--brm-border) !important;
    background: var(--brm-surface) !important;
}
body.brm-panel .brm-pay-page .payment-intro p,
body.brm-panel .brm-pay-page .beta-notice,
body.brm-panel .brm-pay-page .payment-steps {
    color: var(--brm-text-2) !important;
}
/* Aktivasyon notu (base'te #f3faf8 açık zemin + koyu yeşil link — dark'ta beyaz kutu)
   zemin + kenarlık + link rengi token'a bağlanır */
body.brm-panel .brm-pay-page .activation-request-note {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page .activation-request-note a {
    color: var(--brm-accent) !important;
}
body.brm-panel .brm-pay-page .activation-request-note a:hover {
    color: var(--brm-accent-2) !important;
}
/* JS-render başarı/bekleme ekranı başlıkları (inline koyu yeşil/amber) */
body.brm-panel .brm-pay-page #brm-pay-pending h4 {
    color: var(--brm-success) !important;
}
body.brm-panel .brm-pay-page #brm-pay-timeout h4 {
    color: var(--brm-warn) !important;
}
body.brm-panel .brm-pay-page .selected-plan {
    border-color: var(--brm-border) !important;
    background: var(--brm-accent-soft) !important;
    color: var(--brm-text) !important;
}

/* Ödeme formu */
body.brm-panel .brm-pay-page .payment-form label {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page .payment-form input,
body.brm-panel .brm-pay-page .payment-form select {
    border: 1px solid var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
    color: var(--brm-text) !important;
    color-scheme: light;
}
body.brm-panel.brm-panel-dark .brm-pay-page .payment-form input,
body.brm-panel.brm-panel-dark .brm-pay-page .payment-form select {
    color-scheme: dark;
}
body.brm-panel .brm-pay-page .payment-form input:focus,
body.brm-panel .brm-pay-page .payment-form select:focus {
    outline: none;
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px var(--brm-accent-soft);
}
body.brm-panel .brm-pay-page .payment-form input[readonly],
body.brm-panel .brm-pay-page .payment-form select[disabled] {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text-3) !important;
}
body.brm-panel .brm-pay-page .payment-form input::placeholder {
    color: var(--brm-text-3);
}

/* Yasal onay kutusu */
body.brm-panel .brm-pay-page .legal-checkbox {
    border-color: var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page .legal-checkbox:hover {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .brm-pay-page .legal-checkbox .brm-checkbox-visual {
    border-color: var(--brm-border) !important;
    background: var(--brm-surface) !important;
}
body.brm-panel .brm-pay-page .legal-checkbox.checked .brm-checkbox-visual {
    background: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .brm-pay-page .legal-checkbox a {
    color: var(--brm-accent) !important;
}
body.brm-panel .brm-pay-page .legal-error {
    color: var(--brm-danger) !important;
}

/* Giriş gerekiyor / üyelik aktif kartları (inline stiller base'te) */
body.brm-panel .brm-pay-page #brm-login-required > div,
body.brm-panel .brm-pay-page #brm-membership-active > div {
    border: 1px solid var(--brm-border) !important;
    background: var(--brm-surface) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .brm-pay-page #brm-login-required h3,
body.brm-panel .brm-pay-page #brm-membership-active h3 {
    color: var(--brm-text) !important;
    font-family: var(--brm-font-ui) !important;
}
body.brm-panel .brm-pay-page #brm-login-required p,
body.brm-panel .brm-pay-page #brm-membership-active p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page #brm-membership-details {
    border-color: var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .brm-pay-page #brm-membership-details span[style*="color:#4d6963"],
body.brm-panel .brm-pay-page #brm-paytr-modal-body p[style*="color:#4d6963"] {
    color: var(--brm-text-3) !important;
}
body.brm-panel .brm-pay-page #brm-membership-details span[style*="color:#0d7b6f"] {
    color: var(--brm-success) !important;
}

/* Özellik / hero kartları (base'te beyaz gradyan — token'a bağla) */
body.brm-panel .brm-pay-page .feature-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .brm-pay-page .feature-card h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-pay-page .feature-card p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page .hero-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 12px 26px rgb(0 0 0 / 0.25) !important;
}
body.brm-panel .brm-pay-page .hero-card h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-pay-page .hero-list {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page .hero-list li {
    border-color: var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
}

/* Ana bölüm kutuları (base'te section = #ffffff beyaz) */
body.brm-panel .brm-pay-page section {
    border-color: var(--brm-border) !important;
    background: var(--brm-surface) !important;
    box-shadow: 0 10px 24px rgb(0 0 0 / 0.18) !important;
}
body.brm-panel .brm-pay-page section h2 {
    color: var(--brm-text) !important;
}

/* Eyebrow rozeti (base'te koyu yeşil metin — dark'ta okunmaz) */
body.brm-panel .brm-pay-page .eyebrow {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}

/* Yasal onay — JS checked durumda inline #f0faf7 / #8fc1b6 set eder,
   !important ile ezilir */
body.brm-panel .brm-pay-page .legal-checkbox.checked {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}

/* PayTR iFrame modalı — base'te beyaz iç kutu */
body.brm-panel .brm-pay-page #brm-paytr-modal {
    background: rgb(0 0 0 / 0.6) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
body.brm-panel .brm-pay-page #brm-paytr-modal-inner {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    box-shadow: 0 24px 60px rgb(0 0 0 / 0.5) !important;
}
body.brm-panel .brm-pay-page #brm-paytr-modal-header {
    border-bottom-color: var(--brm-border) !important;
}
body.brm-panel .brm-pay-page #brm-paytr-modal-header h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-pay-page #brm-paytr-modal-close {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page #brm-paytr-modal-close:hover {
    background: var(--brm-surface) !important;
}
/* PayTR iFrame içi başlık (ifade korunur — yalnız açık zemin kalmasın) */
body.brm-panel .brm-pay-page #brm-paytr-iframe-wrap iframe {
    background: var(--brm-surface);
}
/* JS ile render edilen sipariş özeti satırları (inline #f8fcfb beyaz) */
body.brm-panel .brm-pay-page #brm-pay-success div[style*="background:#f8fcfb"],
body.brm-panel .brm-pay-page #brm-pay-fail div[style*="background:#f8fcfb"],
body.brm-panel .brm-pay-page #brm-paytr-modal-body div[style*="background:#f8fcfb"] {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .brm-pay-page #brm-pay-success div[style*="background:#f8fcfb"] span[style*="color:#4d6963"],
body.brm-panel .brm-pay-page #brm-pay-fail div[style*="background:#f8fcfb"] span[style*="color:#4d6963"],
body.brm-panel .brm-pay-page #brm-paytr-modal-body div[style*="background:#f8fcfb"] span[style*="color:#4d6963"] {
    color: var(--brm-text-3) !important;
}
/* Hata kutusu (inline #fef2f2 açık kırmızı) */
body.brm-panel .brm-pay-page #brm-paytr-error,
body.brm-panel .brm-pay-page #brm-pay-fail div[style*="background:#fef2f2"] {
    background: var(--brm-danger-soft) !important;
    border-color: var(--brm-danger) !important;
    color: var(--brm-danger) !important;
}
/* Başarı / hata ekranı başlıkları ve metinleri */
body.brm-panel .brm-pay-page #brm-pay-success h4,
body.brm-panel .brm-pay-page #brm-pay-fail h4 {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-pay-page #brm-pay-success p[style*="color:#4d6963"],
body.brm-panel .brm-pay-page #brm-pay-fail p[style*="color:#4d6963"] {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page #brm-paytr-modal-header h3 {
    color: var(--brm-text) !important;
    font-family: var(--brm-font-ui) !important;
}
body.brm-panel .brm-pay-page #brm-paytr-modal-close {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-page #brm-paytr-modal-close:hover {
    background: var(--brm-danger-soft) !important;
    color: var(--brm-danger) !important;
}

/* Mobil: ödeme wrap + pricing grid tek sütun */
@media (max-width: 1060px) {
    body.brm-panel .brm-pay-page .payment-wrap {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 680px) {
    body.brm-panel .brm-pay-page .pricing-grid {
        grid-template-columns: 1fr !important;
    }
    body.brm-panel .brm-pay-page .feature-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================ */
/* 30. Sayfa: Blog (kf-blog-wrap — kuaforum-mobil-blog plugin)  */
/* ============================================================ */
body.brm-panel .kf-blog-wrap {
    color: var(--brm-text);
    background: var(--brm-surface);
}
body.brm-panel .kf-blog-wrap a {
    color: var(--brm-accent);
}
body.brm-panel .kf-blog-wrap a:hover {
    opacity: 1;
    color: var(--brm-accent-2);
}

/* --- Kategori hero (üst menü) ---
   Arkaplan admin'den gelir (kuaforum_blog_menu_settings: görsel/gradyan/renk —
   inline style ile). Panel override'ı inline arkaplanı EZMEZ; kategori metinleri
   koyu yapılır ki açık renkli fotoğraf/gradyan üzerinde iki temada da okunur.
   Not: Kullanıcı hero'da kendi fotoğrafını kullanır; bu kural onu korur. */
body.brm-panel .kf-category-hero {
    border-radius: 16px;
    margin: 16px auto 0;
    max-width: 1100px;
}
/* İnline arkaplan yoksa (demo/boş ayar) hafif açık zemin — koyu metin okunur */
body.brm-panel .kf-category-hero:not([style*="background"]) {
    background: #eef2f7;
}
body.brm-panel .kf-category-hero-inner {
    background: transparent !important;
}
/* Okuma ilerleme çubuğu panel topbar'ı kaplamasın (single'da fixed) */
body.brm-panel .kf-progress-bar {
    display: none !important;
}
body.brm-panel .kf-category-link {
    color: #111827 !important;
    text-shadow: none !important;
}
body.brm-panel .kf-category-link:hover {
    opacity: 0.75;
}
body.brm-panel .kf-category-item.current > .kf-category-link {
    opacity: 1;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
    text-decoration-color: #111827;
}
body.brm-panel .kf-category-arrow {
    color: #374151;
}
body.brm-panel .kf-cat-back {
    color: #111827 !important;
}
body.brm-panel .kf-sub-menu {
    background: var(--brm-surface) !important;
    box-shadow: 0 12px 32px rgb(0 0 0 / 0.35) !important;
    border: 1px solid var(--brm-border);
}
body.brm-panel .kf-sub-link {
    color: var(--brm-text) !important;
}
body.brm-panel .kf-sub-link:hover {
    background: var(--brm-surface-2) !important;
    opacity: 1;
}
body.brm-panel .kf-archive-cat-label {
    color: var(--brm-text-3);
}

/* --- Arşiv / grid --- */
body.brm-panel .kf-blog-archive {
    background: transparent !important;
}
body.brm-panel .kf-blog-card-img img,
body.brm-panel .kf-blog-card-noimg {
    background: var(--brm-surface-2);
}
body.brm-panel .kf-blog-card-title,
body.brm-panel .kf-blog-card-title a {
    color: var(--brm-text) !important;
}
body.brm-panel .kf-blog-card-excerpt {
    color: var(--brm-text-2) !important;
}
body.brm-panel .kf-blog-card-btn {
    color: var(--brm-accent) !important;
    border-bottom-color: var(--brm-accent) !important;
}
body.brm-panel .kf-blog-card-btn:hover {
    opacity: 0.8;
}

/* --- Pagination --- */
body.brm-panel .kf-blog-pagination a,
body.brm-panel .kf-blog-pagination span {
    color: var(--brm-text-2) !important;
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    margin: 0 2px;
}
body.brm-panel .kf-blog-pagination a:hover {
    color: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
    opacity: 1;
    background: var(--brm-accent-soft);
}
body.brm-panel .kf-blog-pagination .current {
    color: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft);
    text-decoration: none;
}

/* --- Tek yazı (single) --- */
body.brm-panel .kf-blog-single {
    color: var(--brm-text);
}
body.brm-panel .kf-breadcrumbs {
    color: var(--brm-text-3) !important;
    border-bottom-color: var(--brm-border) !important;
}
body.brm-panel .kf-breadcrumbs a {
    color: var(--brm-text-3) !important;
}
body.brm-panel .kf-breadcrumbs a:hover {
    color: var(--brm-accent) !important;
}
body.brm-panel .kf-blog-categories a {
    color: var(--brm-text-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .kf-blog-categories a:hover {
    color: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .kf-blog-title {
    color: var(--brm-text) !important;
}
body.brm-panel .kf-blog-meta {
    color: var(--brm-text-3) !important;
}

/* --- TOC --- */
body.brm-panel .kf-toc {
    border-color: var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
}
body.brm-panel .kf-toc:hover {
    box-shadow: 0 4px 24px rgb(0 0 0 / 0.25);
}
body.brm-panel .kf-toc-title {
    color: var(--brm-text) !important;
}
body.brm-panel .kf-toc-icon {
    color: var(--brm-accent);
}
body.brm-panel .kf-toc-item + .kf-toc-item {
    border-top-color: var(--brm-border) !important;
}
body.brm-panel .kf-toc-link {
    color: var(--brm-text-2) !important;
}
body.brm-panel .kf-toc-link:hover {
    color: var(--brm-text) !important;
    background: var(--brm-surface) !important;
}
body.brm-panel .kf-toc-link.kf-toc-active {
    color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .kf-toc-marker {
    color: var(--brm-accent) !important;
}
body.brm-panel .kf-toc-item-h3 .kf-toc-link {
    color: var(--brm-text-3) !important;
}
body.brm-panel .kf-toc-item-h3 .kf-toc-marker {
    color: var(--brm-text-3) !important;
}

/* --- İçerik --- */
body.brm-panel .kf-blog-content {
    color: var(--brm-text) !important;
}
body.brm-panel .kf-blog-content h2,
body.brm-panel .kf-blog-content h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .kf-blog-content blockquote {
    border-left-color: var(--brm-accent) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .kf-blog-content a {
    color: var(--brm-accent) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* --- Backlinks / Author / Related / Share --- */
body.brm-panel .kf-backlinks {
    border-top-color: var(--brm-border) !important;
}
body.brm-panel .kf-backlinks-title,
body.brm-panel .kf-related-title,
body.brm-panel .kf-share-label {
    color: var(--brm-text) !important;
}
body.brm-panel .kf-backlink-item {
    border-color: var(--brm-border) !important;
    background: var(--brm-surface);
}
body.brm-panel .kf-backlink-item:hover {
    border-color: var(--brm-accent) !important;
}
body.brm-panel .kf-backlink-item a {
    color: var(--brm-text) !important;
}
body.brm-panel .kf-author-bio {
    border-color: var(--brm-border) !important;
    background: var(--brm-surface-2);
}
body.brm-panel .kf-author-info h4 {
    color: var(--brm-text) !important;
}
body.brm-panel .kf-author-info p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .kf-related {
    border-top-color: var(--brm-border) !important;
}
body.brm-panel .kf-related-card-body h4 a {
    color: var(--brm-text) !important;
}
body.brm-panel .kf-related-card-body .kf-related-date {
    color: var(--brm-text-3) !important;
}
body.brm-panel .kf-social-share {
    border-top-color: var(--brm-border) !important;
}

/* --- Yorumlar --- */
body.brm-panel .kf-comments-wrap {
    border-top-color: var(--brm-border) !important;
}
body.brm-panel .kf-comments-wrap .comment-list .comment-body,
body.brm-panel .kf-comments-wrap .comment-list .comment-metadata {
    color: var(--brm-text-2) !important;
}

/* --- Banner (ahc-*) — dark modda beyaz zeminli kısımlar --- */
body.brm-panel .ahc-banner-text,
body.brm-panel .ahc-banner-title,
body.brm-panel .ahc-banner-subtitle {
    color: #fff !important;
}

/* ============================================================ */
/* 31. Sayfa: Yuz Analizi (ahc-main — AI Hair Consultant)       */
/* ============================================================ */
body.brm-panel .ahc-main {
    color: var(--brm-text);
    background: var(--brm-surface);
}

/* --- HERO --- */
body.brm-panel .ahc-hero {
    background: linear-gradient(180deg, var(--brm-accent-soft) 0%, var(--brm-surface) 100%) !important;
}
body.brm-panel .ahc-hero-title {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-gradient {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
body.brm-panel .ahc-hero-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-hero-badge {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .ahc-badge-dot {
    background: var(--brm-accent) !important;
}
/* Hero görsel kartı + floating rozet (base'te beyaz zemin) */
body.brm-panel .ahc-hero-card {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    box-shadow: 0 18px 40px rgb(0 0 0 / 0.22) !important;
}
body.brm-panel .ahc-hero-image {
    background: var(--brm-surface) !important;
}
body.brm-panel .ahc-hero-floating {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    box-shadow: 0 8px 24px rgb(0 0 0 / 0.18) !important;
}
body.brm-panel .ahc-floating-title {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-btn-primary {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel .ahc-btn-secondary {
    border-color: var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-btn-secondary:hover {
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}

/* --- Hizli analiz (upload + sonuc) --- */
body.brm-panel .ahc-section-title,
body.brm-panel .ahc-section-title-center {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-section-desc,
body.brm-panel .ahc-section-desc-center {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-upload-card {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .ahc-upload-card:hover {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .ahc-upload-title {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-upload-sub {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-upload-legal {
    color: var(--brm-text-3) !important;
}
body.brm-panel .ahc-preview {
    background: var(--brm-surface-2) !important;
    box-shadow: 0 10px 30px rgb(0 0 0 / 0.25);
}
body.brm-panel .ahc-btn-reset {
    background: var(--brm-surface) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-btn-reset:hover {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text) !important;
}

/* --- Sonuc paneli --- */
body.brm-panel .ahc-analysis-right {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border);
    box-shadow: 0 10px 30px rgb(0 0 0 / 0.22);
}
body.brm-panel .ahc-result-header {
    border-bottom-color: var(--brm-border) !important;
}
body.brm-panel .ahc-result-badge {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel .ahc-result-header h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-result-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-result-placeholder {
    color: var(--brm-text-3) !important;
}
/* JS ile enjekte edilen sonuç kartları (analiz sonrası) */
body.brm-panel .ahc-result-item {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-result-item h4 {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-result-item p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-result-cta {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
}
body.brm-panel .ahc-result-cta h4 {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-result-cta a {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel .ahc-modal-rec {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-modal-img-wrap {
    background: var(--brm-surface-2) !important;
}

/* --- Manuel secim formu --- */
body.brm-panel .ahc-manual-section {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .ahc-form-title {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-form-label,
body.brm-panel .ahc-form-label-text {
    color: var(--brm-text-3) !important;
}
body.brm-panel .ahc-form-badge {
    background: var(--brm-danger-soft) !important;
    color: var(--brm-danger) !important;
}
body.brm-panel .ahc-face-card-content,
body.brm-panel .ahc-radio-card-content {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .ahc-face-card input[type="radio"]:checked + .ahc-face-card-content,
body.brm-panel .ahc-radio-card input[type="radio"]:checked + .ahc-radio-card-content {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
    box-shadow: 0 2px 10px rgb(37 99 235 / 0.18) !important;
}
body.brm-panel .ahc-face-card:hover .ahc-face-card-content,
body.brm-panel .ahc-radio-card:hover .ahc-radio-card-content {
    border-color: var(--brm-accent) !important;
}
body.brm-panel .ahc-face-name,
body.brm-panel .ahc-radio-title {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-face-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-radio-card input[type="radio"]:checked + .ahc-radio-card-content .ahc-radio-title {
    color: var(--brm-accent) !important;
}
body.brm-panel .ahc-form-row > .ahc-form-group:nth-child(1):not(:only-child) {
    border-right-color: var(--brm-border) !important;
}
@media (max-width: 768px) {
    body.brm-panel .ahc-form-row > .ahc-form-group:nth-child(1):not(:only-child) {
        border-bottom-color: var(--brm-border) !important;
    }
}
body.brm-panel .ahc-select {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
    color-scheme: light;
}
body.brm-panel.brm-panel-dark .ahc-select {
    color-scheme: dark;
}
body.brm-panel .ahc-select:hover,
body.brm-panel .ahc-select:focus {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
    box-shadow: 0 0 0 3px var(--brm-accent-soft);
}
body.brm-panel .ahc-select-wrapper::after {
    border-color: var(--brm-accent) !important;
}
body.brm-panel .ahc-btn-submit {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgb(37 99 235 / 0.3) !important;
}
body.brm-panel .ahc-btn-submit:hover {
    box-shadow: 0 8px 20px rgb(37 99 235 / 0.4) !important;
}

/* --- Nasil calisir (koyu tema kart) --- */
/* Light modda base'in kasıtlı koyu kart tasarımı korunur (#1a1a1a + beyaz metin);
   dark modda panel yüzeyine remap edilir. */
body.brm-panel .ahc-how {
    background: var(--brm-surface) !important;
}
body.brm-panel .ahc-how-icon {
    color: var(--brm-accent) !important;
}
body.brm-panel .ahc-how-step-marker {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel.brm-panel-dark .ahc-how-card {
    background: var(--brm-surface-2) !important;
}
body.brm-panel.brm-panel-dark .ahc-how-title {
    color: var(--brm-text) !important;
}
body.brm-panel.brm-panel-dark .ahc-how-label {
    color: var(--brm-text-3) !important;
}
body.brm-panel.brm-panel-dark .ahc-how-step-content h3 {
    color: var(--brm-text) !important;
}
body.brm-panel.brm-panel-dark .ahc-how-step-content p {
    color: var(--brm-text-2) !important;
}
/* Light modda koyu kart korunur (base tasarımı) — genel heading kuralının
   (content-inner h2 → var(--brm-text)) koyu kart üzerine koyu metin vermesini engelle */
body.brm-panel:not(.brm-panel-dark) .ahc-how-title {
    color: #fff !important;
}
body.brm-panel:not(.brm-panel-dark) .ahc-how-step-content h3 {
    color: #fff !important;
}
body.brm-panel:not(.brm-panel-dark) .ahc-how-step-content p {
    color: rgb(255 255 255 / 0.75) !important;
}
body.brm-panel:not(.brm-panel-dark) .ahc-how-label {
    color: rgb(255 255 255 / 0.55) !important;
}

/* --- Yuz tipleri rehberi --- */
body.brm-panel .ahc-guide {
    background: var(--brm-surface) !important;
}
body.brm-panel .ahc-guide-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .ahc-guide-card:hover {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 10px 30px rgb(0 0 0 / 0.2);
}
body.brm-panel .ahc-guide-card h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-guide-card p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-guide-btn {
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .ahc-guide-btn:hover {
    background: var(--brm-accent) !important;
    color: #fff !important;
}
/* 'Modelleri İncele' ile enjekte edilen model kartları */
body.brm-panel .ahc-guide-models .ahc-model-card,
body.brm-panel .ahc-guide-models > div {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
}

/* --- Modal + loading --- */
body.brm-panel .ahc-modal {
    background: var(--brm-surface) !important;
}
body.brm-panel .ahc-modal-title {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-modal-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-modal-btn {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel .ahc-loading-box {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border);
}
body.brm-panel .ahc-loading-text {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-loading-spinner {
    border-top-color: var(--brm-accent) !important;
}

/* --- Yuz Analizi: mobil düzen düzeltmeleri ---
   Base tasarım mobilde iç içe daralan kutular üretiyordu
   (container 333 → manual-section 285 → kartlar), içerik ortalı/küçük
   kalıyor ve form hücreleri tek kolona düşüyordu. Aşağıda panel modunda
   tablet/telefonda nizami, tam genişlik, sol/sağ hizalı düzen garanti edilir. */
@media (max-width: 768px) {
    /* Manuel seçim kutusu: dış container'a yaslan, iç padding'i küçült */
    body.brm-panel .ahc-manual-section {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 20px 16px !important;
        border-radius: 16px !important;
    }
    /* Form başlığı satırı: mobilde alt alta */
    body.brm-panel .ahc-form-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
        margin-bottom: 20px !important;
    }
    body.brm-panel .ahc-form-badge {
        align-self: flex-start !important;
    }
    /* Yüz kartları + radio kartları: 2 kolon, taşma yok */
    body.brm-panel .ahc-face-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    body.brm-panel .ahc-face-card-content {
        padding: 16px 10px !important;
    }
    body.brm-panel .ahc-radio-grid.three-col {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    body.brm-panel .ahc-radio-card-content {
        padding: 14px 10px !important;
        min-height: 56px !important;
    }
    /* Cinsiyet / saç uzunluğu form satırı: tam genişlik, sağa kayma yok */
    body.brm-panel .ahc-form-row {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        margin-bottom: 24px !important;
    }
    body.brm-panel .ahc-form-row > .ahc-form-group:nth-child(1):not(:only-child) {
        border-right: none !important;
        border-bottom: 1px solid var(--brm-border) !important;
        padding-right: 0 !important;
        padding-bottom: 20px !important;
    }
    body.brm-panel .ahc-form-row > .ahc-form-group:last-child:nth-child(2) {
        padding-left: 0 !important;
    }
    /* Stil tercihi dropdown: sola hizalı tam genişlik */
    body.brm-panel .ahc-form-row--centered {
        justify-content: flex-start !important;
        margin-bottom: 24px !important;
    }
    body.brm-panel .ahc-form-group--narrow {
        max-width: 100% !important;
    }
    /* Nasıl çalışır kartı: dış container ile aynı genişlik */
    body.brm-panel .ahc-how-card {
        max-width: 100% !important;
        padding: 24px 18px !important;
    }
    /* Analiz bölümü (upload + sonuç): tam genişlik, ortalanmış */
    body.brm-panel .ahc-analysis-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
}
@media (max-width: 480px) {
    body.brm-panel .ahc-manual-section {
        padding: 16px 12px !important;
    }
    body.brm-panel .ahc-face-grid,
    body.brm-panel .ahc-radio-grid.three-col {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }
}

/* ============================================================ */
/* 31b. Sayfa: Randevu Al — Salon Listesi (bv2-shops-page)      */
/* ============================================================ */
/* Salonların listelendiği sayfa — base CSS'teki beyaz kutuları
   panel token'larına bağla (dark/light otomatik). */
body.brm-panel .bv2-shops-page {
    --berberim-primary: var(--brm-accent);
    --berberim-primary-dark: var(--brm-accent-2);
    --berberim-primary-rgb: 37, 99, 235;
    --berberim-border: var(--brm-border);
    --berberim-text: var(--brm-text);
    --berberim-muted: var(--brm-text-2);
    color: var(--brm-text);
}
/* Toolbar (arama + filtreler) */
body.brm-panel .bv2-shops-toolbar {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 2px 12px rgb(0 0 0 / 0.18) !important;
}
body.brm-panel .bv2-shops-search-wrap {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    border-radius: 12px !important;
}
body.brm-panel .bv2-shops-search-wrap:focus-within {
    background: var(--brm-surface) !important;
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.18) !important;
}
body.brm-panel .bv2-shops-search-wrap svg {
    stroke: var(--brm-text-3) !important;
}
/* JNews input:not([type=submit]) (height:40px; padding:7px 14px; border-radius:0)
   arama çubuğunu eziyor — burada kesin olarak yeniden tanımlanır */
body.brm-panel .bv2-shops-search {
    color: var(--brm-text) !important;
    height: auto !important;
    line-height: 1.4 !important;
    padding: 11px 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0.92rem !important;
    width: auto !important;
}
body.brm-panel .bv2-shops-search::placeholder {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-shops-search:focus {
    outline: none !important;
    box-shadow: none !important;
}
/* Filtre çipleri */
body.brm-panel .bv2-shops-chip {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-shops-chip svg {
    stroke: var(--brm-text-3) !important;
}
body.brm-panel .bv2-shops-chip:hover {
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
    background: var(--brm-surface) !important;
}
body.brm-panel .bv2-shops-chip.bv2-chip-active {
    background: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
    color: #fff !important;
}
body.brm-panel .bv2-shops-chip.bv2-chip-active svg {
    stroke: #fff !important;
}
/* Şehir select */
body.brm-panel .bv2-shops-city-select {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-shops-city-select:focus {
    border-color: var(--brm-accent) !important;
}
body.brm-panel .bv2-shops-count-wrap span {
    color: var(--brm-text-2) !important;
}
/* Boş durum / sonuç bulunamadı — beyaz zemin token'lara bağlanır */
body.brm-panel .bv2-shops-empty,
body.brm-panel .bv2-shops-no-results {
    color: var(--brm-text-3) !important;
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--brm-shadow) !important;
}
body.brm-panel .bv2-shops-empty svg,
body.brm-panel .bv2-shops-no-results svg {
    stroke: var(--brm-text-3) !important;
}
body.brm-panel .bv2-shops-empty h3,
body.brm-panel .bv2-shops-no-results h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-shops-empty p,
body.brm-panel .bv2-shops-no-results p {
    color: var(--brm-text-3) !important;
}
/* Eve Kuaför Çağır satırı (toolbar içi) */
body.brm-panel .bv2-shops-home-row {
    border-top-color: var(--brm-border) !important;
}
body.brm-panel .bv2-shops-home-row .bv2-home-cagir-btn {
    margin-top: 12px !important;
}
/* Eve hizmet paneli — inline stilleri de kapsar */
body.brm-panel .bv2-home-panel {
    padding: 0 0 22px !important;
}
body.brm-panel .bv2-home-panel-inner {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 0.25) !important;
}
body.brm-panel .bv2-home-panel-text {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-home-input-row select,
body.brm-panel .bv2-home-input-row input {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text) !important;
    border-color: var(--brm-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
body.brm-panel .bv2-home-input-row select:focus,
body.brm-panel .bv2-home-input-row input:focus {
    border-color: var(--brm-accent) !important;
    outline: none !important;
}
body.brm-panel .bv2-home-clear-btn {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-home-clear-btn:hover {
    background: var(--brm-surface) !important;
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
/* Kartlar */
body.brm-panel .bv2-shop-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 2px 12px rgb(0 0 0 / 0.2) !important;
}
body.brm-panel .bv2-shop-card:hover {
    box-shadow: 0 12px 36px rgb(0 0 0 / 0.32) !important;
}
body.brm-panel .bv2-shop-photo {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .bv2-shop-photo-placeholder {
    background: linear-gradient(135deg, var(--brm-surface-2), var(--brm-border)) !important;
}
body.brm-panel .bv2-shop-photo-placeholder svg {
    stroke: var(--brm-text-3) !important;
}
body.brm-panel .bv2-shop-name {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-shop-name:hover {
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-shop-meta-row {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-shop-meta-row svg {
    stroke: var(--brm-text-3) !important;
}
/* Aksiyon butonları */
body.brm-panel .bv2-shop-detail-btn {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-shop-detail-btn:hover {
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
/* 'content-inner a' accent kuralı buton metnini ezmesin — beyaz kalsın */
body.brm-panel .bv2-shop-book-btn,
body.brm-panel .bv2-shops-locate-btn,
body.brm-panel .bv2-home-search-btn,
body.brm-panel .bv2-freq-repeat-btn {
    color: #fff !important;
}
body.brm-panel .bv2-home-cagir-btn {
    color: #fff !important;
}
body.brm-panel .bv2-home-locate-btn {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
/* Tekrar Hoş Geldiniz (freq) bölümü */
body.brm-panel .bv2-freq-inner {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 4px 20px rgb(0 0 0 / 0.2) !important;
}
body.brm-panel .bv2-freq-header {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-freq-header svg {
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-freq-card {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-freq-card:hover {
    box-shadow: 0 4px 16px rgb(0 0 0 / 0.3) !important;
}
body.brm-panel .bv2-freq-card-photo {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .bv2-freq-card-photo-placeholder {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-freq-card-name,
body.brm-panel .bv2-freq-card-detail {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-freq-card-city {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-freq-card-sub {
    color: var(--brm-text-2) !important;
}

/* ============================================================ */
/* 32. Sayfa: Randevu Al (bv2-sd-page + bv2-wizard)             */
/* ============================================================ */
/* Base berberim.css `--berberim-*` değişkenlerini panel token'larına bağla.
   --berberim-primary (turuncu #ff8c42) dahil — wizard butonları/stepper accent olsun. */
body.brm-panel .bv2-sd-page,
body.brm-panel .bv2-wizard {
    --berberim-primary: var(--brm-accent);
    --berberim-primary-dark: var(--brm-accent-2);
    --berberim-primary-rgb: 37, 99, 235;
    --berberim-contrast: var(--brm-surface);
    --berberim-bg-1: var(--brm-surface);
    --berberim-bg-2: var(--brm-surface-2);
    --berberim-bg-3: var(--brm-surface-2);
    --berberim-border: var(--brm-border);
    --berberim-text: var(--brm-text);
    --berberim-text-muted: var(--brm-text-2);
    --berberim-muted: var(--brm-text-2);
    color: var(--brm-text);
}

/* --- Salon detayı (bv2-sd) --- */
body.brm-panel .bv2-sd-page {
    color: var(--brm-text);
}
body.brm-panel .bv2-sd-error-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 2px 12px rgb(0 0 0 / 0.18);
}
body.brm-panel .bv2-sd-error-card h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-sd-error-card p {
    color: var(--brm-text-3) !important;
}
/* Hero: base zaten koyu gradyan + beyaz yazı — accent gradyana çek */
body.brm-panel .bv2-sd-hero-bg {
    background: linear-gradient(135deg, var(--brm-accent-2) 0%, var(--brm-accent) 50%, var(--brm-accent-2) 100%) !important;
}
body.brm-panel .bv2-sd-name {
    color: #fff !important;
    text-shadow: 0 2px 8px rgb(0 0 0 / 0.35);
}
body.brm-panel .bv2-sd-about {
    color: rgb(255 255 255 / 0.85) !important;
}
body.brm-panel .bv2-sd-type-badge,
body.brm-panel .bv2-sd-home-badge,
body.brm-panel .bv2-sd-founded-badge,
body.brm-panel .bv2-sd-hours-pill {
    background: rgb(255 255 255 / 0.16) !important;
    color: #fff !important;
    border: 1px solid rgb(255 255 255 / 0.25);
}
body.brm-panel .bv2-sd-photo-placeholder {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-sd-cta-btn {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgb(37 99 235 / 0.35) !important;
}
body.brm-panel .bv2-sd-cta-btn:hover {
    box-shadow: 0 6px 24px rgb(37 99 235 / 0.45) !important;
}
/* Bilgi strip — dış box kaldırıldı (info kutularının kendi boxu yeterli) */
body.brm-panel .bv2-sd-info-strip {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
body.brm-panel .bv2-sd-info-chip {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    box-shadow: var(--brm-shadow) !important;
}
body.brm-panel .bv2-sd-chip-label {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-sd-chip-value {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-sd-chip-icon {
    color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .bv2-sd-iban {
    color: var(--brm-text-2) !important;
}
/* Aksiyon butonları (marka renkleri korunur, yazı beyaz) */
body.brm-panel .bv2-sd-action-btn {
    color: #fff !important;
}
/* Bölümler */
body.brm-panel .bv2-sd-section {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
}
/* Bölüm başlığı altındaki beyaz çizgi kaldırıldı */
body.brm-panel .bv2-sd-section-header {
    border-bottom: none !important;
    padding-bottom: 8px !important;
}
body.brm-panel .bv2-sd-section-header h2 {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-sd-section-count {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-sd-empty-state {
    color: var(--brm-text-3) !important;
    border-color: var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
}
/* Hizmet kartları */
body.brm-panel .bv2-sd-service-card {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
}
body.brm-panel .bv2-sd-svc-name {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-sd-svc-price {
    background: var(--brm-accent-soft) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-sd-svc-duration {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-sd-pkg-badge {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-sd-pkg-details {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-sd-pkg-details-header {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-sd-pkg-detail-name {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-sd-pkg-detail-price,
body.brm-panel .bv2-sd-pkg-detail-total {
    color: var(--brm-text-2) !important;
}
/* Ekip kartları */
body.brm-panel .bv2-sd-team-card {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
}
body.brm-panel .bv2-sd-team-name {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-sd-team-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-sd-team-initials {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel .bv2-sd-pill {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
/* Galeri */
body.brm-panel .bv2-sd-gallery-model-meta {
    background: linear-gradient(180deg, transparent, rgb(0 0 0 / 0.7)) !important;
    color: #fff !important;
}
body.brm-panel .bv2-sd-lightbox {
    background: rgb(0 0 0 / 0.8) !important;
}
body.brm-panel .bv2-sd-lb-counter {
    color: var(--brm-text-2) !important;
}
/* Sadakat (inline stiller base'te) */
body.brm-panel .bv2-sd-loyalty {
    background: var(--brm-success-soft) !important;
    border-color: var(--brm-success) !important;
    color: var(--brm-success) !important;
}
/* Top müşteriler */
body.brm-panel .bv2-sd-top-customer-item {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
}
body.brm-panel .bv2-sd-top-customer-item-leader {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .bv2-sd-top-customer-rank {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel .bv2-sd-top-customer-identity h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-sd-top-customer-count {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-sd-top-customers-empty {
    background: var(--brm-surface-2) !important;
    border: 1px dashed var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-sd-map-address {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-sd-loading {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-sd-spinner {
    border-top-color: var(--brm-accent) !important;
}
/* Benzer salonlar (inline <style> base'te #fff) */
body.brm-panel .bv2-sd-similar-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-sd-similar-card:hover {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 8px 20px rgb(0 0 0 / 0.22) !important;
}
body.brm-panel .bv2-sd-similar-photo {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .bv2-sd-similar-body h4 {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-sd-similar-body span {
    color: var(--brm-text-3) !important;
}

/* --- Randevu wizardı (bv2-wizard) --- */
body.brm-panel .bv2-wizard {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
}
body.brm-panel .bv2-wz-header {
    background: linear-gradient(135deg, var(--brm-accent-2), var(--brm-accent)) !important;
}
body.brm-panel .bv2-wz-hdr-title {
    color: #fff !important;
}
body.brm-panel .bv2-wz-hdr-sub {
    color: rgb(255 255 255 / 0.85) !important;
}
body.brm-panel .bv2-wz-hdr-ico {
    background: rgb(255 255 255 / 0.18) !important;
    color: #fff !important;
}
/* Adım göstergesi */
body.brm-panel .bv2-wz-stepper {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-wz-si {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-wz-si .bv2-si-num {
    background: var(--brm-surface) !important;
    border: 2px solid var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-wz-si.bv2-si-active .bv2-si-num {
    background: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
    color: #fff !important;
}
body.brm-panel .bv2-wz-si.bv2-si-done .bv2-si-num {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-wz-si.bv2-si-active .bv2-si-txt {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-wz-si-line {
    background: var(--brm-border) !important;
}
body.brm-panel .bv2-wz-prog {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .bv2-wz-prog .berberim-progress-fill {
    background: linear-gradient(90deg, var(--brm-accent), var(--brm-accent-2)) !important;
}
body.brm-panel .bv2-wz-prog-lbl {
    color: var(--brm-text-2) !important;
}
/* Adımlar */
body.brm-panel .bv2-wz-step-hdr h4 {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-wz-step-sub {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-wz-step-ico {
    color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .bv2-wz-field {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-wz-field input,
body.brm-panel .bv2-wz-field select,
body.brm-panel .bv2-wz-field textarea,
body.brm-panel .bv2-wizard select[name="provider_id"],
body.brm-panel .bv2-wizard input[type="text"],
body.brm-panel .bv2-wizard input[type="tel"],
body.brm-panel .bv2-wizard input[type="email"],
body.brm-panel .bv2-wizard input[type="number"],
body.brm-panel .bv2-wizard textarea {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
    color-scheme: light;
}
body.brm-panel.brm-panel-dark .bv2-wz-field input,
body.brm-panel.brm-panel-dark .bv2-wz-field select,
body.brm-panel.brm-panel-dark .bv2-wz-field textarea,
body.brm-panel.brm-panel-dark .bv2-wizard select,
body.brm-panel.brm-panel-dark .bv2-wizard input,
body.brm-panel.brm-panel-dark .bv2-wizard textarea {
    color-scheme: dark;
}
body.brm-panel .bv2-wz-field input:focus,
body.brm-panel .bv2-wz-field select:focus,
body.brm-panel .bv2-wz-field textarea:focus,
body.brm-panel .bv2-wizard select:focus,
body.brm-panel .bv2-wizard input:focus,
body.brm-panel .bv2-wizard textarea:focus {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px var(--brm-accent-soft) !important;
}
body.brm-panel .bv2-wz-field label {
    color: var(--brm-text-2) !important;
}
/* Personel / hizmet / ürün kartları */
body.brm-panel .bv2-wizard .berberim-provider-card,
body.brm-panel .bv2-wizard .berberim-service-card,
body.brm-panel .bv2-wizard .berberim-product-card {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-wizard .berberim-provider-card:hover,
body.brm-panel .bv2-wizard .berberim-service-card:hover,
body.brm-panel .bv2-wizard .berberim-product-card:hover {
    border-color: var(--brm-accent) !important;
}
body.brm-panel .bv2-wizard .berberim-provider-card.selected,
body.brm-panel .bv2-wizard .berberim-service-card.selected,
body.brm-panel .bv2-wizard .berberim-product-card.selected {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .bv2-wizard .berberim-provider-name,
body.brm-panel .bv2-wizard .berberim-service-name,
body.brm-panel .bv2-wizard .berberim-product-name {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-wizard .berberim-service-price,
body.brm-panel .bv2-wizard .berberim-product-price {
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-wizard .berberim-service-desc,
body.brm-panel .bv2-wizard .berberim-product-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-wizard .berberim-provider-svc-count {
    background: var(--brm-surface) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-wizard .berberim-provider-photo-placeholder {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel .bv2-wizard .berberim-provider-photo img {
    border-color: var(--brm-border) !important;
}
/* Tarih + saat */
body.brm-panel .bv2-date-btn {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-date-btn:hover {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .bv2-date-btn.active {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent) !important;
}
body.brm-panel .bv2-date-btn.active .bv2-date-day,
body.brm-panel .bv2-date-btn.active .bv2-date-num,
body.brm-panel .bv2-date-btn.active .bv2-date-mo {
    color: #fff !important;
}
body.brm-panel .bv2-date-day {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-date-num {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-date-mo {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-wz-hours,
body.brm-panel .berberim-working-hours {
    color: var(--brm-text-2) !important;
}
body.brm-panel .berberim-times-list button {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .berberim-times-list button:hover,
body.brm-panel .berberim-times-list button.selected {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-wz-slot-loading {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-wz-closed {
    color: var(--brm-danger) !important;
}
/* Toplam + kupon */
body.brm-panel .bv2-wz-total-bar {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-wz-total-label {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-wz-total-amount {
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-wz-discount {
    color: var(--brm-success) !important;
}
body.brm-panel .bv2-wz-coupon-bar {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-wz-coupon-input {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-wz-coupon-apply {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel .bv2-wz-coupon-msg {
    color: var(--brm-success) !important;
}
/* Navigasyon + gönder */
body.brm-panel .bv2-wz-nav {
    border-top-color: var(--brm-border) !important;
}
body.brm-panel .bv2-wz-prev {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-wz-prev:hover {
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-wz-next,
body.brm-panel .bv2-wz-submit {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
/* Onay */
body.brm-panel .bv2-wz-review {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-wz-review h4 {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-wz-review p {
    color: var(--brm-text-2) !important;
}
/* Onay adımındaki özet satırları (div + strong) */
body.brm-panel .bv2-wz-review div {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-wz-review strong {
    color: var(--brm-text) !important;
}
/* Adım 2 — hizmet kartı içi (JS render edilen bv2-svc-*) */
body.brm-panel .bv2-wizard .bv2-svc-check {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-wizard .bv2-svc-cb:checked ~ .bv2-svc-check {
    background: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .bv2-wizard .bv2-svc-cb:checked ~ .bv2-svc-info .bv2-svc-name {
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-wizard .bv2-svc-name {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-wizard .bv2-svc-dur {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-wizard .bv2-svc-price {
    color: var(--brm-accent) !important;
    border-left-color: var(--brm-border) !important;
}
/* Adım 2 — hizmet KUTUSU (bv2-svc-label) — base #fff zemini ezilir */
body.brm-panel .bv2-wizard .bv2-svc-label {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-wizard .bv2-svc-label:hover {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-accent) !important;
}
/* Seanslı / Değişken rozetleri */
body.brm-panel .bv2-wizard .bv2-svc-seans {
    background: rgb(124 58 237 / 0.14) !important;
    color: #7c3aed !important;
}
body.brm-panel.brm-panel-dark .bv2-wizard .bv2-svc-seans {
    color: #b79bff !important;
}
body.brm-panel .bv2-wizard .bv2-svc-dur-variable {
    color: #f59e0b !important;
}
/* Paket kartı (light amber zemin) */
body.brm-panel .bv2-wizard .bv2-svc-card-pkg {
    background: rgb(245 158 11 / 0.10) !important;
    border-left-color: #f59e0b !important;
}
body.brm-panel .bv2-wizard .bv2-svc-card-pkg:hover {
    background: rgb(245 158 11 / 0.16) !important;
}
body.brm-panel.brm-panel-dark .bv2-wizard .bv2-svc-card-pkg .bv2-svc-name {
    color: #fbbf24 !important;
}
/* Boş durum */
body.brm-panel .bv2-wizard .bv2-svc-empty {
    color: var(--brm-text-3) !important;
}
/* Adım 3 — çalışma saatleri bilgi kutuları */
body.brm-panel .bv2-wz-hours-default,
body.brm-panel .bv2-wz-hr {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-wz-hours-default svg {
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-wz-hr-d {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-wz-hr-v {
    color: var(--brm-text-2) !important;
}
/* Adım 3 — kapalı (off) tarih butonları */
body.brm-panel .berberim-date-off,
body.brm-panel .bv2-date-btn.berberim-date-off {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-date-off-label {
    color: var(--brm-danger) !important;
}
/* Adım 7 — kupon toplamı + değişken süre uyarısı (inline stiller ezilir) */
body.brm-panel .bv2-wz-coupon-total {
    border-top-color: var(--brm-border) !important;
}
body.brm-panel .bv2-wz-coupon-total span {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-wz-coupon-total .berberim-total-price {
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-wz-variable-warning {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .berberim-total-price {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-wz-empty {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-wz-msg {
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
/* Tekrar randevu + seans banner (inline stiller base'te) */
body.brm-panel .bv2-wz-repeat {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .bv2-repeat-icon {
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-repeat-text strong {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-repeat-text span {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-repeat-btn {
    background: var(--brm-surface) !important;
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
/* Giriş kapısı (auth gate) */
body.brm-panel .bv2-wz-auth-gate {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
}
body.brm-panel .bv2-auth-icon {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-auth-title {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-auth-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-auth-login {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel .bv2-auth-register {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-auth-note {
    color: var(--brm-text-3) !important;
}

/* ============================================================ */
/* 33. Sayfa: Randevularım (Müşteri - bv2-cust-appts)          */
/* ============================================================ */
/* Base berberim.css `--berberim-*` değişkenlerini panel token'larına bağla.
   Header/butonlar base'te --berberim-primary kullandığı için otomatik accent olur. */
body.brm-panel .bv2-cust-appts {
    --berberim-primary: var(--brm-accent);
    --berberim-primary-dark: var(--brm-accent-2);
    --berberim-primary-rgb: 37, 99, 235;
    color: var(--brm-text);
}
/* Header: accent gradyan (base --berberim-primary'dan gelir) + beyaz yazı */
body.brm-panel .bv2-cust-header {
    box-shadow: 0 4px 16px rgb(37 99 235 / 0.3);
}
body.brm-panel .bv2-cust-count {
    background: rgb(255 255 255 / 0.2) !important;
    color: #fff !important;
}
/* Empty state */
body.brm-panel .bv2-cust-empty {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-cust-empty h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-cust-empty p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-cust-empty-icon {
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .bv2-cust-empty-icon svg {
    color: var(--brm-accent) !important;
}
/* Liste */
body.brm-panel .bv2-cust-list {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
/* Kart */
body.brm-panel .bv2-cust-card {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bv2-cust-card:hover {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 8px 28px rgb(0 0 0 / 0.22) !important;
}
body.brm-panel .bv2-cust-card-top {
    background: var(--brm-surface) !important;
    border-bottom-color: var(--brm-border) !important;
}
body.brm-panel .bv2-cust-card-shop {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-cust-card-shop svg {
    color: var(--brm-accent) !important;
}
/* Status rozetleri — token'lı soft renkler */
body.brm-panel .bv2-cs-pending {
    background: var(--brm-warning-soft, rgb(245 158 11 / 0.14)) !important;
    color: var(--brm-warning, #f59e0b) !important;
}
body.brm-panel .bv2-cs-approved {
    background: var(--brm-success-soft) !important;
    color: var(--brm-success) !important;
}
body.brm-panel .bv2-cs-rejected {
    background: var(--brm-danger-soft) !important;
    color: var(--brm-danger) !important;
}
/* Bilgi satırları */
body.brm-panel .bv2-cust-info-icon {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
}
body.brm-panel .bv2-cust-info-icon svg {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-cust-info-label {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bv2-cust-info-value {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-cust-info-value strong {
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-cust-price {
    color: var(--brm-success) !important;
}
body.brm-panel .bv2-cust-datetime .bv2-cust-info-icon {
    background: var(--brm-accent-soft) !important;
    border-color: transparent !important;
}
body.brm-panel .bv2-cust-datetime .bv2-cust-info-icon svg {
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-badge-variable {
    background: var(--brm-warning-soft, rgb(245 158 11 / 0.14)) !important;
    color: var(--brm-warning, #f59e0b) !important;
}
/* Aksiyonlar */
body.brm-panel .bv2-cust-card-actions {
    background: var(--brm-surface) !important;
    border-top-color: var(--brm-border) !important;
}
body.brm-panel .bv2-cust-btn-cancel {
    background: var(--brm-danger-soft) !important;
    color: var(--brm-danger) !important;
}
body.brm-panel .bv2-cust-btn-cancel:hover {
    background: var(--brm-danger) !important;
    color: #fff !important;
}
body.brm-panel .bv2-cust-btn-edit {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-cust-btn-edit:hover {
    background: var(--brm-accent) !important;
    color: #fff !important;
}
body.brm-panel .bv2-cust-btn-pay,
body.brm-panel .bv2-cust-btn-tip,
body.brm-panel .bv2-cust-btn-feedback,
body.brm-panel .bv2-cust-btn-game {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .bv2-cust-btn-pay:hover,
body.brm-panel .bv2-cust-btn-tip:hover,
body.brm-panel .bv2-cust-btn-feedback:hover,
body.brm-panel .bv2-cust-btn-game:hover {
    background: var(--brm-accent) !important;
    color: #fff !important;
}
body.brm-panel .bv2-cust-btn-paid,
body.brm-panel .bv2-cust-btn-rated,
body.brm-panel .bv2-cust-btn-tip-paid,
body.brm-panel .bv2-cust-btn-game-played {
    background: var(--brm-success-soft) !important;
    color: var(--brm-success) !important;
    cursor: default !important;
}
body.brm-panel .bv2-cust-past-badge {
    color: var(--brm-text-3) !important;
}
/* Pagination (inline stiller base'te #fff/#1a1a2e) */
body.brm-panel .bv2-cust-pagination .bv2-cust-page-btn {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-cust-pagination .bv2-cust-page-btn:hover {
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
/* Modal (onay / düzenle / bahşiş / ödeme) */
body.brm-panel .bv2-cust-modal {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    box-shadow: 0 24px 60px rgb(0 0 0 / 0.45) !important;
}
body.brm-panel .bv2-cust-modal-title {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-cust-modal-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-modal-btn-no {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-modal-btn-no:hover {
    background: var(--brm-border) !important;
}
body.brm-panel .bv2-modal-btn-yes {
    background: var(--brm-danger) !important;
    color: #fff !important;
}
body.brm-panel .bv2-modal-btn-yes:hover {
    background: var(--brm-danger) !important;
    box-shadow: 0 6px 18px rgb(220 38 38 / 0.3) !important;
}
body.brm-panel .bv2-modal-btn-save {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel .bv2-modal-icon-cancel {
    background: var(--brm-danger-soft) !important;
}
body.brm-panel .bv2-modal-icon-cancel svg {
    color: var(--brm-danger) !important;
}
body.brm-panel .bv2-modal-icon-edit {
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .bv2-modal-icon-edit svg {
    color: var(--brm-accent) !important;
}
/* Düzenleme formu */
body.brm-panel .bv2-cust-edit-form input,
body.brm-panel .bv2-cust-edit-form select,
body.brm-panel .bv2-cust-edit-form textarea {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-cust-edit-form input:focus {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px var(--brm-accent-soft) !important;
}
body.brm-panel .bv2-cust-edit-row label {
    color: var(--brm-text-2) !important;
}
/* Bahşiş preset (inline <style> base'te #fff/#334155) */
body.brm-panel .bv2-tip-preset {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-tip-preset:hover {
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .bv2-tip-preset.active {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent) !important;
    color: #fff !important;
}
/* Ödeme modalı inline renkleri (#1a1a2e/#64748b/#f8fafc) */
body.brm-panel #bv2PayAmount {
    color: var(--brm-text) !important;
}
body.brm-panel #bv2PayIframeWrap {
    background: var(--brm-surface-2) !important;
}
body.brm-panel #bv2PaySpinner div[style*="color:#64748b"],
body.brm-panel #bv2PayStatus {
    color: var(--brm-text-2) !important;
}
/* Toast'lar zaten gradyan — koyu metin yok, dokunma */

/* ============================================================ */
/* 34. Sayfa: BT Temsilcisi Paneli (bt-panel)                   */
/* ============================================================ */
/* Tüm stiller PHP içinde inline <style> ile gelir — override'lar !important ile ezer. */
body.brm-panel .bt-panel {
    color: var(--brm-text);
}
body.brm-panel .bt-panel-head h2 {
    color: var(--brm-text) !important;
}
body.brm-panel .bt-panel-head p {
    color: var(--brm-text-2) !important;
}
/* İstatistik kartları */
body.brm-panel .bt-stat-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: var(--brm-shadow);
}
body.brm-panel .bt-stat-number {
    color: var(--brm-text) !important;
}
body.brm-panel .bt-stat-label {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bt-stat-total .bt-stat-number {
    color: var(--brm-accent) !important;
}
body.brm-panel .bt-stat-active .bt-stat-number {
    color: var(--brm-success) !important;
}
body.brm-panel .bt-stat-passive .bt-stat-number {
    color: var(--brm-danger) !important;
}
/* Sekmeler */
body.brm-panel .bt-tab-nav {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border);
}
body.brm-panel .bt-tab-link {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bt-tab-link:hover {
    color: var(--brm-text) !important;
}
body.brm-panel .bt-tab-link.bt-active {
    background: var(--brm-surface) !important;
    color: var(--brm-accent) !important;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.15);
}
/* Kartlar */
body.brm-panel .bt-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bt-card h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .bt-card p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bt-card-empty {
    color: var(--brm-text-2) !important;
}
/* Davet kodu kartı */
body.brm-panel .bt-code-box {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bt-code-text {
    color: var(--brm-text) !important;
}
body.brm-panel .bt-code-copy {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel .bt-code-copy:hover {
    background: var(--brm-accent-2) !important;
}
body.brm-panel .bt-code-hint {
    color: var(--brm-text-3) !important;
}
/* Accordion liste (Getirdiğim Salonlar) */
body.brm-panel .bt-acc-item {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .bt-acc-item:hover {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 4px 14px rgb(0 0 0 / 0.16);
}
body.brm-panel .bt-acc-item.open {
    border-color: var(--brm-accent) !important;
}
body.brm-panel .bt-acc-name {
    color: var(--brm-text) !important;
}
body.brm-panel .bt-acc-sub {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bt-acc-chev {
    color: var(--brm-text-3) !important;
}
body.brm-panel .bt-acc-item.open .bt-acc-body {
    max-height: 480px !important;
    border-top-color: var(--brm-border) !important;
}
body.brm-panel .bt-acc-row span {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bt-acc-row strong {
    color: var(--brm-text) !important;
}
/* Durum rozetleri */
body.brm-panel .bt-badge-active {
    background: var(--brm-success-soft) !important;
    color: var(--brm-success) !important;
}
body.brm-panel .bt-badge-passive {
    background: var(--brm-danger-soft) !important;
    color: var(--brm-danger) !important;
}

/* ============================================================ */
/* 35. Sayfa: Info Sayfaları (hakkımızda/SSS/iletişim/satış ortaklığı) */
/* ============================================================ */
/* landingpages/*.html ortak şablonu — CSS değişkenleri token'lara bağlanır,
   sabit renkli bölümler (hero/card/cta/btn/footer) ayrıca override edilir. */
body.brm-panel .container {
    --bg: var(--brm-bg);
    --bg-soft: var(--brm-surface);
    --ink: var(--brm-text);
    --muted: var(--brm-text-2);
    --primary: var(--brm-accent);
    --primary-2: var(--brm-accent-2);
    --accent: var(--brm-accent);
    --accent-2: var(--brm-accent-2);
    --line: var(--brm-border);
    --card: var(--brm-surface);
    --shadow: 0 20px 42px rgb(0 0 0 / 0.3);
    --shadow-sm: 0 8px 20px rgb(0 0 0 / 0.18);
    color: var(--brm-text);
}
/* Doküman arkaplan desenini gizle (panel zaten kendi zeminini verir) */
body.brm-panel .texture {
    display: none !important;
}
/* Hero */
body.brm-panel .hero {
    background: linear-gradient(140deg, var(--brm-surface) 0%, var(--brm-surface-2) 52%, var(--brm-accent-soft) 100%) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .hero h1 {
    color: var(--brm-text) !important;
}
body.brm-panel .hero p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .eyebrow {
    color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .eyebrow-dot {
    background: var(--brm-accent) !important;
    box-shadow: 0 0 0 5px var(--brm-accent-soft) !important;
}
/* Bölümler */
body.brm-panel .section {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 10px 24px rgb(0 0 0 / 0.14) !important;
}
body.brm-panel .section h2 {
    color: var(--brm-text) !important;
}
body.brm-panel .lead {
    color: var(--brm-text-2) !important;
}
/* Değer kartları */
body.brm-panel .value-card {
    background: linear-gradient(180deg, var(--brm-surface-2) 0%, var(--brm-surface) 100%) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .value-card h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .value-card p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .value-icon {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .feature-list {
    color: var(--brm-text-2) !important;
}
/* SSS */
body.brm-panel .faq-item {
    background: linear-gradient(180deg, var(--brm-surface-2) 0%, var(--brm-surface) 100%) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .faq-item h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .faq-item p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .faq-badge {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
/* CTA kutusu */
body.brm-panel .cta-box {
    background: linear-gradient(140deg, var(--brm-accent-soft) 0%, var(--brm-surface-2) 100%) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .cta-box h2 {
    color: var(--brm-text) !important;
}
body.brm-panel .cta-box p {
    color: var(--brm-text-2) !important;
}
/* Butonlar */
body.brm-panel .btn-primary {
    background: linear-gradient(180deg, var(--brm-accent) 0%, var(--brm-accent-2) 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgb(37 99 235 / 0.26) !important;
}
body.brm-panel .btn-primary:hover,
body.brm-panel .btn-primary:focus-visible {
    background: var(--brm-accent-2) !important;
    color: #fff !important;
}
body.brm-panel .btn-ghost {
    color: var(--brm-text) !important;
    border-color: var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
}
body.brm-panel .btn-ghost:hover,
body.brm-panel .btn-ghost:focus-visible {
    color: var(--brm-text) !important;
    background: var(--brm-surface) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .btn-secondary {
    background: linear-gradient(180deg, var(--brm-accent) 0%, var(--brm-accent-2) 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgb(37 99 235 / 0.26) !important;
}
body.brm-panel .btn-secondary:hover,
body.brm-panel .btn-secondary:focus-visible {
    background: var(--brm-accent-2) !important;
    color: #fff !important;
}
/* Footer */
body.brm-panel footer {
    border-top-color: var(--brm-border) !important;
    background: var(--brm-surface) !important;
}
body.brm-panel .footer-inner {
    color: var(--brm-text-3) !important;
}
body.brm-panel .footer-links a {
    color: var(--brm-text-2) !important;
    border-color: var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
}
body.brm-panel .footer-links a:hover,
body.brm-panel .footer-links a:focus-visible {
    color: var(--brm-accent) !important;
    background: var(--brm-surface) !important;
}
/* İletişim sayfası ekleri (iletisime-geç.html) */
body.brm-panel .contact-table th {
    color: var(--brm-accent) !important;
    background: var(--brm-surface-2) !important;
    border-bottom-color: var(--brm-border) !important;
}
body.brm-panel .contact-table td {
    color: var(--brm-text-2) !important;
    border-bottom-color: var(--brm-border) !important;
}
body.brm-panel .contact-table a {
    color: var(--brm-accent) !important;
}
body.brm-panel .tip-box {
    border-color: var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .tip-box strong {
    color: var(--brm-accent) !important;
}
body.brm-panel .info-card {
    background: linear-gradient(180deg, var(--brm-surface-2) 0%, var(--brm-surface) 100%) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .info-card h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .info-card li {
    color: var(--brm-text-2) !important;
}
body.brm-panel .info-icon {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
/* Anasayfa landing (landingpagepublic.html) ekleri — bu sayfa sabit beyaz/açık
   renkli bölümler içerir (indir butonları, özellik kartları, adım kartları,
   CTA, arama girişi, salon görseli placeholder); hepsi token'lara bağlanır. */
/* Hero başlığı (h1) — landing HTML'inde renk tanımsız olduğu için JNews
   override'ları h1'i eziyor; panel modunda ID'li güçlü kural garantiler. */
body.brm-panel .hero h1,
body.brm-panel h1#hero-title {
    color: var(--brm-text) !important;
    font-size: clamp(34px, 6vw, 66px) !important;
    line-height: 1.03 !important;
    max-width: 13ch !important;
    text-align: center !important;
    margin: 0 !important;
    opacity: 1 !important;
}
/* İndir butonları (Google Play / App Store) */
body.brm-panel .app-btn {
    background: var(--brm-surface-2) !important;
    border: 1px solid var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .app-btn:visited,
body.brm-panel .app-btn:hover {
    color: var(--brm-text) !important;
    background: var(--brm-surface) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .app-btn svg {
    fill: var(--brm-text) !important;
}
/* Çerçeveli buton (hero'da 'Hesabına Giriş Yap' vs.) */
body.brm-panel .btn-outline {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .btn-outline:hover,
body.brm-panel .btn-outline:focus-visible {
    background: var(--brm-surface) !important;
    color: var(--brm-text) !important;
    border-color: var(--brm-accent) !important;
}
/* Özellik kartları ('Müşteriler İçin Öne Çıkanlar') */
body.brm-panel .feature {
    background: linear-gradient(180deg, var(--brm-surface-2) 0%, var(--brm-surface) 100%) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .feature h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .feature p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .feature-icon {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
/* Adım kartları ('Üç Adımda Farkı Gör') */
body.brm-panel .step-card {
    background: linear-gradient(180deg, var(--brm-surface-2) 0%, var(--brm-surface) 100%) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .step-card h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .step-card p {
    color: var(--brm-text-2) !important;
}
/* Salon sahibi CTA kutusu */
body.brm-panel .business-cta {
    background: linear-gradient(140deg, var(--brm-accent-soft) 0%, var(--brm-surface-2) 100%) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .business-cta h2 {
    color: var(--brm-text) !important;
}
body.brm-panel .business-cta p {
    color: var(--brm-text-2) !important;
}
/* Arama girişi (hero) */
body.brm-panel .search-row input {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .search-row input::placeholder {
    color: var(--brm-text-3) !important;
}
body.brm-panel .search-row input:focus {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px var(--brm-accent-soft) !important;
    background: var(--brm-surface-2) !important;
}
/* Salon görseli placeholder (sonuç kartları) */
body.brm-panel .salon-card-img-placeholder {
    background: linear-gradient(135deg, var(--brm-surface-2) 0%, var(--brm-surface) 100%) !important;
    color: var(--brm-text-3) !important;
}
body.brm-panel .salon-card-img {
    background: var(--brm-surface-2) !important;
}
/* Salon sonuç kartı */
body.brm-panel .salon-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .salon-card-body h4 {
    color: var(--brm-text) !important;
}
/* Landing'in kendi toast'ı (.container dışında, doğrudan body altında —
   bu yüzden --primary token bağı .container üzerinden işlemez; açıkça bağla). */
body.brm-panel .brm-toast {
    background: var(--brm-accent) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgb(37 99 235 / 0.3) !important;
}
body.brm-panel .brm-toast.err {
    background: var(--brm-danger) !important;
}

/* ============================================================ */
/* 36. Sayfa: Salon Daveti Kabul Et (bv2-claim-*)               */
/* ============================================================ */
/* Base beyaz kart / mor buton — panel token'larına çekilir. */
body.brm-panel .bv2-claim-card {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    box-shadow: 0 4px 24px rgb(0 0 0 / 0.25) !important;
}
body.brm-panel .bv2-claim-card--info {
    border-top-color: var(--brm-warn) !important;
}
body.brm-panel .bv2-claim-card--success {
    border-top-color: var(--brm-success) !important;
}
/* İkonlar */
body.brm-panel .bv2-claim-icon--lock {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-claim-icon--owner {
    background: var(--brm-warning-soft, rgb(245 158 11 / 0.14)) !important;
    color: var(--brm-warning, #f59e0b) !important;
}
body.brm-panel .bv2-claim-icon--check {
    background: var(--brm-success-soft) !important;
    color: var(--brm-success) !important;
}
body.brm-panel .bv2-claim-icon--invite {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
/* Metin */
body.brm-panel .bv2-claim-title {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-claim-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-claim-desc strong {
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-claim-meta {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .bv2-claim-meta-item {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-claim-meta-item svg {
    color: var(--brm-text-3) !important;
}
/* Butonlar */
body.brm-panel .bv2-claim-btn--primary {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgb(37 99 235 / 0.25) !important;
}
body.brm-panel .bv2-claim-btn--secondary {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .bv2-claim-btn--secondary:hover {
    background: var(--brm-border) !important;
}
/* Form */
body.brm-panel .bv2-claim-label {
    color: var(--brm-text-2) !important;
}
body.brm-panel .bv2-claim-input {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
    color-scheme: light;
}
body.brm-panel.brm-panel-dark .bv2-claim-input {
    color-scheme: dark;
}
body.brm-panel .bv2-claim-input:focus {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px var(--brm-accent-soft) !important;
    background: var(--brm-surface-2) !important;
}
/* Sonuç mesajı (AJAX) */
body.brm-panel .bv2-claim-result--success {
    background: var(--brm-success-soft) !important;
    color: var(--brm-success) !important;
}
body.brm-panel .bv2-claim-result--error {
    background: var(--brm-danger-soft) !important;
    color: var(--brm-danger) !important;
}

/* ============================================================ */
/* 36b. Sayfa: Satış Ortaklığı (satis-ortakligi.html)          */
/* ============================================================ */
/* Sayfa kendi değişkenlerini (--white/--dark/--gray) kullanır;
   panel modunda token'lara bağlanır. Marka renkleri (cyan/orange)
   gradient'ler korunur — koyu zeminde de canlı dururlar. */
body.brm-panel .hero-container {
    --white: var(--brm-surface);
    --dark: var(--brm-text);
    --gray: var(--brm-text-2);
    --gray-light: var(--brm-border);
    --light: var(--brm-surface-2);
    --shadow: rgb(0 0 0 / 0.3);
    --shadow-strong: rgb(0 0 0 / 0.4);
    color: var(--brm-text);
}
/* Hero istatistikleri */
body.brm-panel .stat-item {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 10px 30px rgb(0 0 0 / 0.25) !important;
}
body.brm-panel .stat-label {
    color: var(--brm-text-2) !important;
}
body.brm-panel .cta-button-outline {
    background: var(--brm-surface-2) !important;
    color: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
    box-shadow: 0 10px 30px rgb(0 0 0 / 0.2) !important;
}
body.brm-panel .cta-button-outline:hover {
    background: var(--brm-accent) !important;
    color: #fff !important;
}
/* Açık gradyanlı bölümler */
body.brm-panel .section-light {
    background: linear-gradient(180deg, var(--brm-surface-2) 0%, var(--brm-surface) 100%) !important;
}
body.brm-panel .calculator {
    background: linear-gradient(135deg, var(--brm-surface-2) 0%, var(--brm-surface) 100%) !important;
    color: var(--brm-text) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 20px 60px rgb(0 0 0 / 0.3) !important;
}
body.brm-panel .calculator h3,
body.brm-panel .slider-label {
    color: var(--brm-text) !important;
}
body.brm-panel .calculator-subtitle {
    color: var(--brm-text-2) !important;
}
body.brm-panel .slider-value {
    color: var(--brm-accent) !important;
}
/* Kazanç hesaplama slider'ı — JNews/genel form kuralları ezmesin;
   tam genişlik + token'lı iz, her iki temada okunur. */
body.brm-panel #hesapla input[type="range"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    height: 8px;
    border-radius: 10px;
    background: linear-gradient(90deg, var(--brm-accent-soft), var(--brm-accent)) !important;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}
body.brm-panel #hesapla input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 8px;
    border-radius: 10px;
    background: linear-gradient(90deg, var(--brm-accent-soft), var(--brm-accent));
}
body.brm-panel #hesapla input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 28px;
    height: 28px;
    margin-top: -10px;
    background: var(--brm-surface) !important;
    border: 3px solid var(--brm-accent) !important;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 4px 15px rgb(0 0 0 / 0.4);
    transition: all 0.2s ease;
}
body.brm-panel #hesapla input[type="range"]::-webkit-slider-thumb:hover {
    transform: scale(1.2);
    background: var(--brm-surface-2) !important;
}
body.brm-panel #hesapla input[type="range"]::-moz-range-track {
    width: 100%;
    height: 8px;
    border-radius: 10px;
    background: linear-gradient(90deg, var(--brm-accent-soft), var(--brm-accent));
}
body.brm-panel #hesapla input[type="range"]::-moz-range-thumb {
    width: 28px;
    height: 28px;
    background: var(--brm-surface) !important;
    border: 3px solid var(--brm-accent) !important;
    border-radius: 50%;
    cursor: pointer;
}
body.brm-panel .final-cta {
    background: linear-gradient(135deg, var(--brm-surface-2) 0%, var(--brm-surface) 50%, var(--brm-surface-2) 100%) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .final-cta h2 {
    color: var(--brm-text) !important;
}
body.brm-panel .final-cta p {
    color: var(--brm-text-2) !important;
}
/* Adım / özellik / kimler / sonuç / karşılaştırma kartları */
body.brm-panel .step-card,
body.brm-panel .result-card,
body.brm-panel .feature-card,
body.brm-panel .who-card,
body.brm-panel .comparison,
body.brm-panel .contact-item {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 10px 40px rgb(0 0 0 / 0.22) !important;
}
body.brm-panel .section-title {
    color: var(--brm-text) !important;
}
body.brm-panel .section-subtitle {
    color: var(--brm-text-2) !important;
}
body.brm-panel .step-card h3,
body.brm-panel .feature-card h3,
body.brm-panel .who-card h4,
body.brm-panel .contact-item {
    color: var(--brm-text) !important;
}
body.brm-panel .comparison {
    color: var(--brm-text) !important;
}
body.brm-panel .comparison-row {
    border-bottom-color: var(--brm-border) !important;
}
body.brm-panel .faq-icon {
    color: var(--brm-accent) !important;
}
body.brm-panel .step-card p,
body.brm-panel .feature-card p,
body.brm-panel .who-card p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .result-label {
    color: var(--brm-text-2) !important;
}
body.brm-panel .comparison-row:hover,
body.brm-panel .faq-question:hover {
    background: var(--brm-surface-2) !important;
}
/* SSS */
body.brm-panel .faq-question {
    color: var(--brm-text) !important;
}
body.brm-panel .faq-answer {
    color: var(--brm-text-2) !important;
}
body.brm-panel .faq-icon {
    color: var(--brm-accent) !important;
}

/* ============================================================ */
/* 37. Sayfa: Yüz Analizi (aihairstyler — ahc-*)               */
/* ============================================================ */
/* AI Hair Consultant kendi style.css'inde beyaz zemin + açık
   gradyanlar kullanır — panel modunda tamamen token'lara çekilir. */
body.brm-panel .ahc-main {
    background: var(--brm-bg) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-hero {
    background: linear-gradient(180deg, var(--brm-surface-2) 0%, var(--brm-bg) 100%) !important;
}
body.brm-panel .ahc-hero-title {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-hero-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-btn-secondary {
    background: var(--brm-surface) !important;
    color: var(--brm-text) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .ahc-btn-secondary:hover {
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .ahc-hero-card,
body.brm-panel .ahc-hero-floating {
    background: var(--brm-surface) !important;
    box-shadow: 0 20px 60px rgb(0 0 0 / 0.35) !important;
}
body.brm-panel .ahc-floating-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-quick-analysis {
    background: linear-gradient(180deg, var(--brm-bg) 0%, var(--brm-surface-2) 100%) !important;
}
body.brm-panel .ahc-section-title,
body.brm-panel .ahc-section-title-center {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-section-desc,
body.brm-panel .ahc-section-desc-center {
    color: var(--brm-text-2) !important;
}
/* Yükleme kartı */
body.brm-panel .ahc-upload-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .ahc-upload-card:hover {
    border-color: var(--brm-accent) !important;
    background: var(--brm-surface-2) !important;
}
body.brm-panel .ahc-upload-sub {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-upload-legal {
    color: var(--brm-text-3) !important;
}
body.brm-panel .ahc-preview {
    background: var(--brm-surface) !important;
    box-shadow: 0 10px 30px rgb(0 0 0 / 0.2) !important;
}
body.brm-panel .ahc-btn-reset {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-btn-reset:hover {
    background: var(--brm-border) !important;
}
/* Sonuç paneli */
body.brm-panel .ahc-analysis-right {
    background: var(--brm-surface) !important;
    box-shadow: 0 10px 30px rgb(0 0 0 / 0.2) !important;
}
body.brm-panel .ahc-result-header {
    border-bottom-color: var(--brm-border) !important;
}
body.brm-panel .ahc-result-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-result-placeholder {
    color: var(--brm-text-3) !important;
}
body.brm-panel .ahc-result-item {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .ahc-result-item-title {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-result-item-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-result-img {
    background: var(--brm-surface-2) !important;
}
/* Manuel seçim formu */
body.brm-panel .ahc-manual-section {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .ahc-form-label,
body.brm-panel .ahc-form-label-text {
    color: var(--brm-text-3) !important;
}
body.brm-panel .ahc-form-title {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-form-badge {
    background: var(--brm-danger-soft) !important;
    color: var(--brm-danger) !important;
}
body.brm-panel .ahc-face-card-content,
body.brm-panel .ahc-radio-card-content {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .ahc-face-name,
body.brm-panel .ahc-radio-title {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-face-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-face-card input[type="radio"]:checked + .ahc-face-card-content,
body.brm-panel .ahc-radio-card input[type="radio"]:checked + .ahc-radio-card-content {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.25) !important;
}
body.brm-panel .ahc-face-card input[type="radio"]:checked + .ahc-face-card-content .ahc-face-name,
body.brm-panel .ahc-radio-card input[type="radio"]:checked + .ahc-radio-card-content .ahc-radio-title {
    color: var(--brm-accent) !important;
}
body.brm-panel .ahc-form-row > .ahc-form-group:nth-child(1):not(:only-child) {
    border-right-color: var(--brm-border) !important;
}
@media (max-width: 768px) {
    body.brm-panel .ahc-form-row > .ahc-form-group:nth-child(1):not(:only-child) {
        border-bottom-color: var(--brm-border) !important;
        border-right-color: transparent !important;
    }
}
/* Select'ler */
body.brm-panel .ahc-select,
body.brm-panel .ahc-select--styled {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
    color-scheme: dark;
}
body.brm-panel .ahc-select:hover,
body.brm-panel .ahc-select:focus,
body.brm-panel .ahc-select--styled:hover {
    border-color: var(--brm-accent) !important;
    background: var(--brm-surface-2) !important;
}
/* Modal */
body.brm-panel .ahc-modal,
body.brm-panel .ahc-pref-box,
body.brm-panel .ahc-loading-box {
    background: var(--brm-surface) !important;
    box-shadow: 0 24px 80px rgb(0 0 0 / 0.5) !important;
}
body.brm-panel .ahc-modal-title,
body.brm-panel .ahc-pref-header h3,
body.brm-panel .ahc-loading-text {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-modal-desc,
body.brm-panel .ahc-pref-header p,
body.brm-panel .ahc-pref-label {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-modal-rec-item {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-modal-rec-item .rec-icon {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .ahc-pref-close {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-pref-close:hover {
    background: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-pref-opt,
body.brm-panel .ahc-pref-gender-opt,
body.brm-panel .ahc-pref-style-opt {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .ahc-pref-opt:hover,
body.brm-panel .ahc-pref-gender-opt:hover,
body.brm-panel .ahc-pref-style-opt:hover {
    border-color: var(--brm-accent) !important;
    background: var(--brm-surface-2) !important;
}
body.brm-panel .ahc-pref-opt span,
body.brm-panel .ahc-pref-gender-label,
body.brm-panel .ahc-pref-style-label {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-pref-opt--active,
body.brm-panel .ahc-pref-opt:has(input:checked),
body.brm-panel .ahc-pref-gender-opt:has(input:checked),
body.brm-panel .ahc-pref-style-opt:has(input:checked) {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
    box-shadow: 0 0 0 1px var(--brm-accent) !important;
}
/* Öneri kartları */
body.brm-panel .ahc-rec-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.2) !important;
}
body.brm-panel .ahc-rec-card-title {
    color: var(--brm-text) !important;
}
body.brm-panel .ahc-rec-card-desc {
    color: var(--brm-text-2) !important;
}
body.brm-panel .ahc-rec-card-badge {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .ahc-rec-card--celeb {
    background: linear-gradient(135deg, var(--brm-surface-2) 0%, var(--brm-surface) 100%) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .ahc-rec-card--celeb .ahc-rec-card-title {
    color: var(--brm-accent) !important;
}
body.brm-panel .ahc-rec-card--celeb .ahc-rec-card-badge {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .ahc-rec-card-img-wrap {
    background: var(--brm-surface-2) !important;
}
/* Nasıl çalışır — dış zemin panel token'ı; iç kart zaten koyu */
body.brm-panel .ahc-how {
    background: var(--brm-surface-2) !important;
}
/* Rehber kartları */
body.brm-panel .ahc-guide-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .ahc-guide-card:hover {
    border-color: var(--brm-accent) !important;
    box-shadow: 0 10px 30px rgb(0 0 0 / 0.25) !important;
}
body.brm-panel .ahc-guide-card h3 {
    color: var(--brm-accent) !important;
}
body.brm-panel .ahc-guide-card p {
    color: var(--brm-text-2) !important;
}
/* Rehber accordion */
body.brm-panel .ahc-guide-btn {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .ahc-guide-btn:hover {
    border-color: var(--brm-accent) !important;
    background: var(--brm-surface-2) !important;
}
body.brm-panel .ahc-guide-btn--active,
body.brm-panel .ahc-guide-btn--active:hover {
    background: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
    color: #fff !important;
}
body.brm-panel .ahc-guide-models--open {
    border-top-color: var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
}
body.brm-panel .ahc-guide-divider {
    background: var(--brm-border) !important;
}
body.brm-panel .ahc-guide-gender-label {
    color: var(--brm-text-3) !important;
}
body.brm-panel .ahc-guide-model-img {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .ahc-guide-model-name {
    color: var(--brm-text) !important;
}

/* ============================================================ */
/* 38. Sayfa: Müşteri Paneli (kf_islemlerim — brm-dash-*)      */
/* ============================================================ */
/* Müşteri paneli tüm stillerini inline <style> ile taşır —
   override'lar !important ile ezer. Tablolar accordion'a
   çevrildi (brm-kacc-*) — onlar da burada token'lara bağlanır. */
body.brm-panel .brm-dash-wrap {
    color: var(--brm-text);
}
body.brm-panel .brm-dash-greeting {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-dash-sub {
    color: var(--brm-text-2) !important;
}
/* Özet kartları */
body.brm-panel .brm-dash-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.25) !important;
}
body.brm-panel .brm-dash-card-icon {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .brm-dash-card-value {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-dash-card-label {
    color: var(--brm-text-2) !important;
}
/* Sekmeler */
body.brm-panel .brm-dash-tabs {
    border-bottom-color: var(--brm-border) !important;
}
body.brm-panel .brm-dash-tab {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-dash-tab:hover {
    color: var(--brm-text) !important;
}
/* Aktif sekme — belirgin gösterge: hangi sekmede olduğun net olsun */
body.brm-panel .brm-dash-tab.active {
    background: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
    color: #fff !important;
}
body.brm-panel .brm-dash-tab.active:hover {
    background: var(--brm-accent-2) !important;
    color: #fff !important;
}
/* Bölüm başlıkları / boş durumlar */
body.brm-panel .brm-dash-section-title {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-dash-empty {
    color: var(--brm-text-3) !important;
}
body.brm-panel .brm-dash-loading {
    color: var(--brm-text-3) !important;
}
/* Tablo (seans geçmişi modalı vb.) */
body.brm-panel .brm-dash-table th {
    background: var(--brm-surface-2) !important;
    border-bottom-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-dash-table td {
    border-bottom-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .brm-dash-table tr:hover td {
    background: var(--brm-surface-2) !important;
}
/* Durum rozetleri */
body.brm-panel .brm-dash-badge-green {
    background: var(--brm-success-soft) !important;
    color: var(--brm-success) !important;
}
body.brm-panel .brm-dash-badge-blue {
    background: var(--brm-info-soft, rgb(59 130 246 / 0.16)) !important;
    color: #60a5fa !important;
}
body.brm-panel .brm-dash-badge-yellow {
    background: rgb(245 158 11 / 0.16) !important;
    color: #fbbf24 !important;
}
body.brm-panel .brm-dash-badge-red {
    background: var(--brm-danger-soft) !important;
    color: var(--brm-danger) !important;
}
body.brm-panel .brm-dash-badge-gray {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
/* Taksit ilerleme noktaları */
body.brm-panel .brm-dash-inst-dot {
    background: var(--brm-border) !important;
}
body.brm-panel .brm-dash-inst-count {
    color: var(--brm-text-3) !important;
}
/* 3-nokta menü */
body.brm-panel .brm-menu-trigger {
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
    background: var(--brm-surface) !important;
}
body.brm-panel .brm-menu-trigger:hover {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .brm-menu-trigger.active {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .brm-menu-dropdown {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 8px 24px rgb(0 0 0 / 0.4) !important;
}
body.brm-panel .brm-menu-item {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-menu-item:hover {
    background: var(--brm-surface-2) !important;
    color: var(--brm-accent) !important;
}
/* Accordion (kasa/ürün deseniyle aynı) */
body.brm-panel .brm-dash-wrap .brm-kacc-item {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.3) !important;
    /* 3-nokta dropdown'ı item sınırının dışına taşıyor; kırpılmasın */
    overflow: visible !important;
}
body.brm-panel .brm-dash-wrap .brm-kacc-inner {
    border-radius: 0 0 14px 14px;
}
body.brm-panel .brm-dash-wrap .brm-kacc-head-row:hover {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .brm-dash-wrap .brm-kacc-title {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-dash-wrap .brm-kacc-sub {
    color: var(--brm-text-3) !important;
}
body.brm-panel .brm-dash-wrap .brm-kacc-price {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-dash-wrap .brm-kacc-debt {
    color: var(--brm-danger) !important;
}
body.brm-panel .brm-dash-wrap .brm-kacc-chev {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-dash-wrap .brm-kacc-head-row:hover .brm-kacc-chev {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .brm-dash-wrap .brm-kacc-grid {
    border-top-color: var(--brm-border) !important;
    background: var(--brm-surface-2) !important;
}
body.brm-panel .brm-dash-wrap .brm-kacc-cell .lbl {
    color: var(--brm-text-3) !important;
}
body.brm-panel .brm-dash-wrap .brm-kacc-cell .val {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-dash-wrap .brm-kacc-cell .val .brm-dash-badge {
    display: inline-block;
}
/* Seans kartları */
body.brm-panel .brm-session-card {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .brm-session-card-icon {
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .brm-session-card-icon svg {
    color: var(--brm-accent) !important;
}
body.brm-panel .brm-session-card-title {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-session-card-shop {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-session-stat-label {
    color: var(--brm-text-3) !important;
}
body.brm-panel .brm-session-stat-value {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-session-btn-outline {
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-session-btn-outline:hover {
    background: var(--brm-surface-2) !important;
}
/* 'Randevu Al' birincil butonu — her iki temada da okunur kalsın */
body.brm-panel .brm-session-btn-primary {
    background: var(--brm-accent) !important;
    border: 1px solid var(--brm-accent) !important;
    color: #fff !important;
}
body.brm-panel .brm-session-btn-primary:hover {
    background: var(--brm-accent-2) !important;
    border-color: var(--brm-accent-2) !important;
    color: #fff !important;
}
/* Modal (seans geçmişi / puan ver) */
body.brm-panel .brm-modal-content {
    background: var(--brm-surface) !important;
    box-shadow: 0 20px 60px rgb(0 0 0 / 0.5) !important;
}
body.brm-panel .brm-modal-header {
    border-bottom-color: var(--brm-border) !important;
}
body.brm-panel .brm-modal-header h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-modal-close {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-modal-close:hover {
    background: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel #brmFbStars {
    color: var(--brm-accent) !important;
}
body.brm-panel #brmFbLabel {
    color: var(--brm-text-2) !important;
}
body.brm-panel #brmFbComment {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel #brmFbSubmit {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
/* Ödeme modalı (taksit / borç / bahşiş) */
body.brm-panel .brm-pay-modal {
    background: var(--brm-surface) !important;
    box-shadow: 0 20px 60px rgb(0 0 0 / 0.5) !important;
}
body.brm-panel .brm-pay-modal h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-pay-modal .pay-amount .lbl,
body.brm-panel .brm-pay-modal .pay-status {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pay-modal .pay-amount .num {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-pay-modal .iframe-wrap {
    background: var(--brm-surface-2) !important;
}
body.brm-panel #brmApptTipCustom {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel #brmDebtPayInput {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .brm-tip-preset {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .brm-tip-preset:hover {
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
    background: var(--brm-surface-2) !important;
}
body.brm-panel .brm-tip-preset.active {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent) !important;
    color: #fff !important;
}
/* Borç özeti */
body.brm-panel .brm-dash-debt-total {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-dash-debt-na {
    color: var(--brm-text-3) !important;
}
/* ─── Bakım Kimliğim sekmesi (berberim-passport pane) ─── */
body.brm-panel .brm-pp-wrap {
    --brm-pp-card-bg: var(--brm-surface);
    --brm-pp-bg: var(--brm-bg);
    --brm-pp-text: var(--brm-text);
    --brm-pp-text-dim: var(--brm-text-2);
    --brm-pp-border: var(--brm-border);
    --brm-pp-primary-light: rgb(217 70 158 / 0.16);
    --brm-pp-shadow: 0 2px 12px rgb(0 0 0 / 0.3);
    color: var(--brm-text);
}
body.brm-panel .brm-pp-header,
body.brm-panel .brm-pp-section {
    background: var(--brm-surface) !important;
    box-shadow: 0 2px 12px rgb(0 0 0 / 0.3) !important;
}
body.brm-panel .brm-pp-field {
    border-bottom-color: var(--brm-border) !important;
}
body.brm-panel .brm-pp-ring-bg {
    stroke: var(--brm-border) !important;
}
body.brm-panel .brm-pp-form-row input[type="text"],
body.brm-panel .brm-pp-form-row input[type="date"],
body.brm-panel .brm-pp-form-row select,
body.brm-panel .brm-pp-form-row textarea,
body.brm-panel .brm-pp-wrap input[readonly] {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text) !important;
    color-scheme: dark;
}
body.brm-panel .brm-pp-btn-cancel {
    background: var(--brm-surface-2) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pp-btn-cancel:hover {
    background: var(--brm-border) !important;
}
body.brm-panel .brm-pp-cb {
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pp-cb:has(input:checked) {
    background: var(--brm-accent-soft) !important;
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .brm-pp-toggle-slider {
    background: var(--brm-border) !important;
}
body.brm-panel .brm-pp-photo-item {
    background: var(--brm-surface-2) !important;
}
body.brm-panel .brm-pp-avatar-edit {
    border-color: var(--brm-border) !important;
    background: var(--brm-surface) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-pp-tag {
    background: rgb(217 70 158 / 0.16) !important;
    color: #f0a6d4 !important;
}
body.brm-panel .brm-pp-hair-summary {
    color: #ec9cc8 !important;
}
body.brm-panel .brm-pp-edit-btn,
body.brm-panel .brm-pp-photo-add {
    border-color: var(--brm-border) !important;
    color: var(--brm-accent) !important;
    background: var(--brm-surface) !important;
}
body.brm-panel .brm-pp-edit-btn:hover,
body.brm-panel .brm-pp-photo-add:hover {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-accent) !important;
}
/* ─── Ayarlar sekmesi (müşteri bildirim tercihleri) ─── */
body.brm-panel .brm-cust-pref-wrap h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-cust-pref-wrap p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-cust-pref-chip {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .brm-cust-pref-chip:hover {
    border-color: var(--brm-accent) !important;
    background: var(--brm-surface-2) !important;
}
body.brm-panel .brm-cust-pref-chip.checked {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent-soft) !important;
}
body.brm-panel .brm-cust-pref-chip input[type=checkbox] {
    accent-color: var(--brm-accent);
}
body.brm-panel .brm-cust-pref-chip-label strong {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-cust-pref-chip-label small {
    color: var(--brm-text-3) !important;
}
body.brm-panel .brm-cust-pref-save {
    background: linear-gradient(135deg, var(--brm-accent), var(--brm-accent-2)) !important;
    color: #fff !important;
}
body.brm-panel .brm-cust-pref-save:hover {
    background: var(--brm-accent-2) !important;
}
body.brm-panel .brm-cust-pref-saved {
    color: var(--brm-success) !important;
}

/* ============================================================ */
/* Faz 1.5 — Salonum progressive disclosure (yalnız panel modu) */
/* ============================================================ */

/* -- İlerleme kartı (v2: track + meta) -- */
body.brm-panel .brm-progress {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    padding: 14px 18px;
    margin-bottom: 18px;
    box-shadow: var(--brm-shadow);
}
body.brm-panel .brm-progress-track {
    height: 6px;
    border-radius: 999px;
    background: var(--brm-surface-2);
    overflow: hidden;
}
body.brm-panel .brm-progress-fill {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--brm-accent), #60a5fa);
    transition: width .4s ease;
}
body.brm-panel .brm-progress-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
    font-size: 12.5px;
    color: var(--brm-text-2);
    flex-wrap: wrap;
}
body.brm-panel .brm-progress-count strong {
    color: var(--brm-text);
}
body.brm-panel .brm-progress-hint {
    color: var(--brm-accent);
    font-weight: 500;
}
body.brm-panel .brm-progress-hint.brm-progress-done {
    color: var(--brm-success);
}

/* -- Accordion bölümler (galeri / sosyal / eve hizmet / konum) -- */
body.brm-panel .brm-acc-item .bv2-section-divider {
    cursor: pointer;
    user-select: none;
    position: relative;
    border-radius: var(--brm-radius-sm);
    padding-right: 44px;
    transition: background .15s ease;
}
body.brm-panel .brm-acc-item .bv2-section-divider:hover {
    background: var(--brm-surface-2);
}
body.brm-panel .brm-acc-chip {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-radius: 999px;
    padding: 2px 9px;
    background: var(--brm-success-soft);
    color: var(--brm-success);
    border: 1px solid #bbf7d0;
    margin-left: 4px;
}
body.brm-panel .brm-acc-item .bv2-section-divider::after {
    content: '';
    position: absolute;
    right: 18px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--brm-text-3);
    border-bottom: 2px solid var(--brm-text-3);
    transform: translateY(-70%) rotate(45deg);
    transition: transform .2s ease;
}
body.brm-panel .brm-acc-item.brm-acc-collapsed .bv2-section-divider::after {
    transform: translateY(-30%) rotate(-45deg);
}
/* Kapalı accordion: başlık dışındaki her şey gizlenir (içerik korunur).
   NOT: eski `> *:not(.bv2-section-divider)` kuralı buraya denk gelip .brm-card-head
   başlıklarını da gizliyordu (Hakkında & İletişim / Gelişmiş Ayarlar 2px'lik çizgiye
   düşüyordu). Doğru kural aşağıda: .brm-card-head'i hariç tutar. */

/* -- Sticky kaydet barı (uzun sayfada kaydet hep görünür) -- */
body.brm-panel .berberim-shop-actions {
    position: sticky;
    bottom: 14px;
    margin-top: 20px;
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: var(--brm-radius);
    padding: 12px 16px;
    box-shadow: var(--brm-shadow-lg);
    z-index: 5;
}

/* ============================================================ */
/* Faz 1.5 v2 — Salonum kart düzeni (demo: _salonum-v2)         */
/* Her bölüm ayrı kart; sabit kaydet barı; durum chip'i         */
/* ============================================================ */

@keyframes brm-pulse-dot {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* -- Shop-box: şeffaf kabuk — içindeki bölümler kendi kartlarına bölünür -- */
body.brm-panel .berberim-shop-box.berberim-form-v2 {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    padding-bottom: 0; /* boşluk form'a taşındı — burada header ile progress arasında gereksiz gap yapıyordu */
}

/* -- Sayfa başlığı (demo pagehead) -- */
body.brm-panel .bv2-header {
    padding: 4px 0 14px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 0;
    border-bottom: 0;
}

/* JNews'in h2 başlık çizgilerini sıfırla — 'Salonum' üstündeki turuncu line kaynağı */
body.brm-panel .berberim-shop-box-title,
body.brm-panel .entry-content h2,
body.brm-panel .content-inner h2 {
    border-top: 0 !important;
    border-bottom: 0 !important;
}
body.brm-panel .berberim-shop-box-title::before,
body.brm-panel .berberim-shop-box-title::after,
body.brm-panel .bv2-header::before,
body.brm-panel .bv2-header::after,
body.brm-panel .berberim-shop-box::before,
body.brm-panel .berberim-shop-box::after {
    content: none !important;
    display: none !important;
}

/* Kaydet butonu — sağa yaslanır, box'a yapışmaz (sağ kenardan 6px içeride) */
body.brm-panel .brm-pagehead-actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: auto;
    padding-top: 6px;
}
body.brm-panel .bv2-header-icon {
    display: none;
}
body.brm-panel .berberim-shop-box-title {
    font-size: 24px !important;
    font-weight: 600 !important;
    letter-spacing: -0.2px;
    margin: 0 !important;
}
body.brm-panel .bv2-subtitle {
    font-size: 13.5px !important;
    color: var(--brm-text-2) !important;
    margin: 4px 0 0 !important;
    line-height: 1.55;
}

/* -- Durum chip'i (Yayında / Taslak) -- */
body.brm-panel .brm-status-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 999px;
    vertical-align: 3px;
    margin-left: 8px;
    white-space: nowrap;
}
body.brm-panel .brm-status-live {
    background: rgb(22 163 74 / 0.12);
    color: var(--brm-success);
    border: 1px solid rgb(22 163 74 / 0.25);
}
body.brm-panel .brm-status-draft {
    background: rgb(245 158 11 / 0.12);
    color: var(--brm-warn);
    border: 1px solid rgb(245 158 11 / 0.3);
}
body.brm-panel .brm-status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    animation: brm-pulse-dot 1.8s ease-in-out infinite;
}

/* -- Kartlar -- */
body.brm-panel .brm-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
    overflow: hidden;
    margin-bottom: 18px;
}
body.brm-panel .brm-card-head {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--brm-border);
    position: relative; /* chevron (::after) konumlandırması için */
}
body.brm-panel .brm-card-icon {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgb(37 99 235 / 0.1);
    color: var(--brm-accent);
}
/* İkon koruması: sunucu/minifier SVG özniteliklerini (stroke/fill) bozsa bile
   çizim CSS'ten zorla gelir; JNews darkmode'un svg{fill:...!important} kuralı da ezilir. */
body.brm-panel .brm-card-icon svg,
body.brm-panel .bv2-section-icon svg {
    width: 18px;
    height: 18px;
    display: block;
    flex: 0 0 auto;
    fill: none !important;
    stroke: var(--brm-accent, #2563eb);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
body.brm-panel .brm-card-head-text {
    flex: 1 1 auto;
    min-width: 0;
}
body.brm-panel .brm-card-head-text h3 {
    font-size: 14.5px;
    font-weight: 600;
    margin: 0;
    color: var(--brm-text);
}
body.brm-panel .brm-card-head-text p {
    font-size: 12px;
    color: var(--brm-text-2);
    margin: 2px 0 0;
    line-height: 1.45;
}
body.brm-panel .brm-card-body {
    padding: 20px;
}

/* -- Dış bölümler ayrı kart olur (galeri/sosyal/eve/konum) -- */
body.brm-panel .berberim-gallery-section,
body.brm-panel .berberim-social-section,
body.brm-panel .berberim-home-section,
body.brm-panel .berberim-location-section {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--brm-shadow) !important;
    margin-bottom: 18px !important;
    margin-top: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    /* Genişlik hizası: form/kartlarla aynı 880px — berberim.css'teki galeri
       `margin: 8px 8px 0` ve diğer bölümlerdeki max-width eksikliği yüzünden
       bu bölümler formdan daha geniş görünüyordu */
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 880px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* -- Accordion başlıkları (kart head görünümü + chevron) -- */
body.brm-panel .brm-acc-item .bv2-section-divider {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 !important;
    padding: 16px 46px 16px 20px !important;
    border-bottom: 1px solid var(--brm-border) !important;
    border-radius: 0 !important;
    cursor: pointer;
    position: relative;
    user-select: none;
    transition: background .15s ease;
}
body.brm-panel .brm-acc-item .bv2-section-divider:hover,
body.brm-panel .brm-acc-item .brm-card-head:hover {
    background: var(--brm-surface-2);
}
body.brm-panel .brm-acc-item .bv2-section-icon,
body.brm-panel .brm-acc-item .brm-card-head .brm-card-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgb(37 99 235 / 0.1);
    color: var(--brm-accent);
}
body.brm-panel .brm-acc-item .bv2-section-divider h3 {
    font-size: 14.5px;
    font-weight: 600;
    margin: 0;
    color: var(--brm-text);
}
body.brm-panel .brm-acc-item .brm-card-head {
    padding-right: 46px; /* chevron için yer */
}
body.brm-panel .brm-acc-item .bv2-section-divider .bv2-section-hint {
    margin-left: auto;
    font-size: 11.5px;
    font-weight: 500;
    color: var(--brm-text-3);
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    padding: 3px 9px;
    border-radius: 999px;
}
body.brm-panel .brm-acc-item .bv2-section-divider::after,
body.brm-panel .brm-acc-item .brm-card-head::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--brm-text-3);
    border-bottom: 2px solid var(--brm-text-3);
    transform: translateY(-70%) rotate(45deg);
    transition: transform .2s ease;
}
body.brm-panel .brm-acc-item.brm-acc-collapsed .bv2-section-divider::after,
body.brm-panel .brm-acc-item.brm-acc-collapsed .brm-card-head::after {
    transform: translateY(-30%) rotate(-45deg);
}
/* Kapalı accordion: başlık dışındaki her şey gizlenir (içerik korunur) */
body.brm-panel .brm-acc-item.brm-acc-collapsed > *:not(.bv2-section-divider):not(.brm-card-head) {
    display: none !important;
}
/* Accordion gövde içeriği boşluğu (kart gövdesi hariç — kendi padding'ine sahip) */
body.brm-panel .brm-acc-item > :not(.bv2-section-divider):not(.brm-card-head):not(.brm-card-body):not(script) {
    margin: 20px;
}

/* ============================================================ */
/* Faz 1.5 v3 — Çalışma Saatleri (günlük) + kaydet banner'ı     */
/* ============================================================ */

/* -- Her gün aynı toggle -- */
body.brm-panel .brm-same-toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--brm-border);
    border-radius: 12px;
    background: var(--brm-surface-2);
    margin-bottom: 18px;
}
body.brm-panel .brm-same-label {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--brm-text);
}
body.brm-panel .brm-same-hint {
    margin-left: auto;
    font-size: 12px;
    color: var(--brm-text-2);
}
body.brm-panel .brm-toggle {
    position: relative;
    flex: 0 0 auto;
    cursor: pointer;
}
body.brm-panel .brm-toggle input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
body.brm-panel .brm-toggle .brm-toggle-track {
    display: block;
    width: 44px;
    height: 24px;
    border-radius: 999px;
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    transition: background .2s ease, border-color .2s ease;
    position: relative;
}
body.brm-panel .brm-toggle .brm-toggle-track::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--brm-text-3);
    transition: transform .2s ease, background .2s ease;
}
body.brm-panel .brm-toggle input:checked + .brm-toggle-track {
    background: var(--brm-accent);
    border-color: var(--brm-accent);
}
body.brm-panel .brm-toggle input:checked + .brm-toggle-track::after {
    transform: translateX(20px);
    background: #fff;
}

/* -- Her gün aynı görünümü: tek çift + 7 gün özeti -- */
body.brm-panel .brm-same-pair {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
body.brm-panel .brm-same-pair label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--brm-text);
}
body.brm-panel #berberim-shop-form .brm-same-pair select {
    width: 130px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-size: 14px;
}
body.brm-panel .brm-same-sep {
    padding-bottom: 12px;
    color: var(--brm-text-3);
    font-size: 14px;
}
body.brm-panel .brm-day-list {
    border-top: 1px dashed var(--brm-border);
}
body.brm-panel .brm-day-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 2px;
    border-bottom: 1px dashed var(--brm-border);
    font-size: 13px;
}
body.brm-panel .brm-day-row:last-child {
    border-bottom: 0;
}
body.brm-panel .brm-day-row .brm-hour-day {
    font-weight: 500;
    color: var(--brm-text);
}
body.brm-panel .brm-day-row .brm-hour-value {
    color: var(--brm-text-2);
    font-variant-numeric: tabular-nums;
}

/* -- Günlük editör -- */
body.brm-panel .brm-day-editor {
    border-top: 1px dashed var(--brm-border);
}
body.brm-panel .brm-hour-row {
    display: grid;
    grid-template-columns: 110px 1fr auto 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px dashed var(--brm-border);
}
body.brm-panel .brm-hour-row:last-child {
    border-bottom: 0;
}
body.brm-panel .brm-hour-day {
    font-size: 13px;
    font-weight: 500;
    color: var(--brm-text);
}
body.brm-panel .brm-hour-sep {
    color: var(--brm-text-3);
    font-size: 13px;
}
body.brm-panel #berberim-shop-form .brm-hour-row select {
    height: 36px;
    padding: 0 10px;
    border: 1px solid var(--brm-border);
    border-radius: 8px;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-size: 13px;
}
body.brm-panel .brm-hour-off {
    border: 1px solid var(--brm-border);
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
    font-size: 12px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    line-height: 1.4;
    cursor: pointer;
    padding: 6px 14px;
    border-radius: 8px;
    transition: color .15s ease, background .15s ease, border-color .15s ease;
    white-space: nowrap;
}
body.brm-panel .brm-hour-off:hover {
    border-color: rgb(220 38 38 / 0.45);
    color: var(--brm-danger);
    background: var(--brm-danger-soft);
}
/* Kapalı satırda "Açık Yap" — olumlu aksiyon, yeşil ton */
body.brm-panel .brm-hour-row-closed .brm-hour-off {
    border-color: rgb(22 163 74 / 0.4);
    color: var(--brm-success);
    background: var(--brm-success-soft);
}
body.brm-panel .brm-hour-row-closed .brm-hour-off:hover {
    border-color: rgb(22 163 74 / 0.6);
    background: rgb(22 163 74 / 0.14);
}
body.brm-panel .brm-hour-row-closed .brm-hour-day {
    color: var(--brm-text-3);
}
body.brm-panel .brm-hour-row-closed select {
    opacity: .5;
}

@media (max-width: 767px) {
    body.brm-panel .brm-hour-row {
        grid-template-columns: 90px 1fr auto 1fr;
    }
    body.brm-panel .brm-hour-row .brm-hour-off {
        grid-column: 2 / -1;
        justify-self: start;
    }
    /* Açılış/Kapanış mobilde yan yana eşit genişlik, arada "—" çubuğu hizalı */
    body.brm-panel .brm-same-pair label {
        flex: 1;
        min-width: 0;
    }
    body.brm-panel #berberim-shop-form .brm-same-pair select {
        width: 100%;
    }
    body.brm-panel .brm-same-hint {
        display: none;
    }
    body.brm-panel .brm-pagehead-actions {
        margin-left: 0;
    }
}

/* Sosyal medya ikonları — fill="#000" (X, TikTok) dark modda siyah zeminde görünmez;
   presentation attribute CSS ile ezilerek açık renge çevrilir (light moda dokunulmaz) */
body.brm-panel.brm-panel-dark .berberim-social-section svg[fill="#000"] {
    fill: var(--brm-text-2);
}

/* -- Salon linkim — yatay ince blok (v2 demo: linkbar) -- */
body.brm-panel .brm-linkbar {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 12px;
    box-shadow: var(--brm-shadow);
    padding: 9px 12px;
    margin-bottom: 18px;
    min-height: 50px;
}
body.brm-panel .brm-linkbar-icon {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgb(37 99 235 / 0.1);
    color: var(--brm-accent);
}
body.brm-panel .brm-linkbar-label {
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 600;
    color: var(--brm-text);
    white-space: nowrap;
    margin-right: auto;
}
body.brm-panel .brm-linkbar input.berberim-shop-link {
    flex: 1 1 140px;
    min-width: 90px;
    height: 34px;
    padding: 0 11px;
    border: 1px solid var(--brm-border);
    border-radius: 9px;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-size: 12.5px;
    box-shadow: none;
}
/* Linkbar butonları — JNews/berberim.css çakışmasını ez (dark + light) */
body.brm-panel .brm-linkbar button,
body.brm-panel .brm-linkbar a.berberim-view-link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 34px;
    padding: 0 11px;
    border-radius: 9px;
    border: 1px solid var(--brm-border);
    background: var(--brm-surface-2) !important;
    color: var(--brm-text) !important;
    font-size: 12.5px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: none;
    text-transform: none;
    letter-spacing: 0;
    transition: background .12s ease, border-color .15s ease, transform .12s ease;
    white-space: nowrap;
}
body.brm-panel .brm-linkbar button:hover,
body.brm-panel .brm-linkbar a.berberim-view-link-btn:hover {
    background: var(--brm-surface) !important;
    border-color: var(--brm-accent);
    color: var(--brm-accent) !important;
    transform: translateY(-1px);
}
@media (max-width: 700px) {
    body.brm-panel .brm-linkbar input.berberim-shop-link {
        flex-basis: 100%;
        order: 3;
    }
    body.brm-panel .brm-linkbar-label {
        flex: 0 1 auto;
        margin-right: 0;
    }
}

/* -- Link paneli (kart — panel dışı / eski görünüm) -- */
body.brm-panel .berberim-shop-link-panel {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
    padding: 16px 20px;
    margin-bottom: 18px;
}
body.brm-panel .berberim-shop-link-panel input.berberim-shop-link {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    color: var(--brm-text);
}

/* -- Kaydet: eski form içi buton panel modunda gizli; üst sabit + alt banner -- */
body.brm-panel .berberim-shop-actions {
    display: none !important;
}

/* -- Üst sabit kaydet butonu (pagehead) — başlık satırında sağda -- */
body.brm-panel .brm-pagehead-actions .brm-btn {
    white-space: nowrap;
}
/* Başlık metni kapsayıcısı — butona yer açmak için esner */
body.brm-panel .bv2-header > div:nth-child(2) {
    flex: 1 1 auto;
    min-width: 0;
}

/* -- Butonlar (demo sv2-btn) -- */
body.brm-panel .brm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 600;
    font-family: var(--brm-font-ui);
    border: 1px solid var(--brm-border);
    background: var(--brm-surface);
    color: var(--brm-text);
    cursor: pointer;
    transition: background .12s ease, transform .12s ease, box-shadow .15s ease, border-color .15s ease;
    white-space: nowrap;
}
body.brm-panel .brm-btn:hover {
    transform: translateY(-1px);
    box-shadow: var(--brm-shadow-lg);
}
body.brm-panel .brm-btn-primary {
    background: var(--brm-accent);
    border-color: var(--brm-accent);
    color: #fff;
    box-shadow: 0 1px 2px rgb(37 99 235 / 0.35);
}
body.brm-panel .brm-btn-primary:hover {
    background: #1d4ed8;
}

/* -- Alt sabit kaydet bannerı (değişiklik olunca görünür) -- */
body.brm-panel .brm-savebar {
    position: fixed;
    bottom: 0;
    left: var(--brm-sidebar-w);
    right: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 24px;
    background: var(--brm-surface);
    border-top: 1px solid var(--brm-border);
    box-shadow: 0 -4px 20px rgb(0 0 0 / 0.08);
    transform: translateY(100%);
    transition: transform .25s ease;
}
body.brm-panel .brm-savebar.brm-savebar-show {
    transform: translateY(0);
}
body.brm-panel .brm-savebar-text {
    font-size: 12.5px;
    color: var(--brm-text-2);
}
body.brm-panel .brm-savebar-text strong {
    color: var(--brm-text);
}
body.brm-panel.brm-collapsed .brm-savebar {
    left: var(--brm-sidebar-w-sm);
}

/* -- Koyu mod sertleştirme (PHP inline beyaz/ışık arkaplanlar) -- */
body.brm-panel #berberim-shop-lat,
body.brm-panel #berberim-shop-lng {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel #berberim-location-map {
    border-color: var(--brm-border) !important;
}
body.brm-panel .berberim-location-section label {
    color: var(--brm-text-2);
}
body.brm-panel .berberim-home-fields input {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}
body.brm-panel .berberim-home-fields label span {
    color: var(--brm-text-2);
}
body.brm-panel .berberim-switch-label {
    color: var(--brm-text);
}
body.brm-panel .berberim-gallery-thumb {
    border-color: var(--brm-border) !important;
}
body.brm-panel [style*="#e9ecef"] {
    background: var(--brm-surface-2) !important;
}
body.brm-panel #berberim-gallery-bar,
body.brm-panel #berberim-gsc-bar {
    background: var(--brm-success) !important;
}
body.brm-panel .berberim-switch-ui {
    width: 46px;
    height: 26px;
    background: var(--brm-switch-track) !important;
    border: 1px solid var(--brm-border) !important;
    border-radius: 999px !important;
    position: relative !important;
    display: inline-block !important;
    box-sizing: border-box;
    cursor: pointer;
    /* NOT: background'ta transition yok — tema değişiminde değer 'takılı' kalabiliyor
       (input'larda yaşanan bug'ın aynısı). Knob kayması (transform) yumuşak kalır. */
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.06);
}
body.brm-panel .berberim-switch-ui::after {
    left: 3px !important;
    top: 3px !important;
    width: 18px !important;
    height: 18px !important;
    background: #fff !important;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.3);
    transition: transform .18s ease;
}
body.brm-panel .berberim-switch-ui.active {
    background: var(--brm-accent) !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .berberim-switch-ui.active::after {
    transform: translateX(20px) !important;
}
body.brm-panel .berberim-switch-ui:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.35);
}
body.brm-panel .bv2-social-fields label span {
    color: var(--brm-text-2);
}

/* ============================================================ */
/* Salon Randevu Ayarları ([berberim_owner_settings] shortcode) */
/* ============================================================ */
body.brm-panel .berberim-owner-settings-box {
    max-width: 880px;
    width: 100%;
    box-sizing: border-box;
    /* Üst margin üstteki bölümün alt margin'iyle birleşir (collapse) → 18px ritmi korunur */
    margin: 18px auto;
    padding: 24px 30px;
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
}
body.brm-panel .berberim-owner-settings-header {
    margin: 0 0 16px;
    gap: 12px;
}
body.brm-panel .berberim-owner-settings-header svg {
    width: 20px;
    height: 20px;
    color: var(--brm-accent);
}
body.brm-panel .berberim-owner-settings-header h4 {
    margin: 0;
    font-size: 15.5px;
    color: var(--brm-text);
}
body.brm-panel .berberim-owner-shop-meta {
    color: var(--brm-text-2);
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 14px;
}
/* İç kutular — box görünümü kalkar, düz satır + ayırma çizgisi (berberim.css light sabitleri ezilir) */
body.brm-panel .berberim-owner-settings-box .berberim-owner-auto-box,
body.brm-panel .berberim-owner-settings-box .berberim-owner-slotmode-box,
body.brm-panel .berberim-owner-settings-box .berberim-owner-loyalty-box,
body.brm-panel .berberim-owner-settings-box .berberim-owner-game-box,
body.brm-panel .berberim-owner-settings-box .berberim-owner-reminder-box,
body.brm-panel .berberim-owner-birthday-box {
    width: 100%;
    box-sizing: border-box;
    margin: 0 !important; /* PHP inline margin-top:12/14px ezilir — boşluk padding'ten gelir */
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 16px 0;
    border-bottom: 1px solid var(--brm-border);
}
/* Auto-accept satırındaki mavi tint kaldırılır (diğer satırlarla aynı görünüm).
   DİKKAT: border-color:transparent YAZILMAZ — tüm kenar renklerini ezer, alt ayırma çizgisini görünmez yapar */
body.brm-panel .berberim-owner-settings-box .berberim-owner-auto-box {
    background: transparent;
}
/* Son bölümde (doğum günü) alt çizgi olmasın */
body.brm-panel .berberim-owner-settings-box .berberim-owner-birthday-box {
    border-bottom: none;
}
body.brm-panel .berberim-owner-auto-text,
body.brm-panel .berberim-owner-settings-box .berberim-owner-reminder-text {
    color: var(--brm-text);
    font-size: 14px;
}
body.brm-panel .berberim-owner-settings-box label {
    color: var(--brm-text);
    font-size: 13.5px;
}
body.brm-panel .berberim-owner-settings-box .berberim-owner-reminder-row {
    width: 100%;
}
/* Sayı input'ları (loyalty % / kaç randevu / kupon gün) */
body.brm-panel .berberim-owner-settings-box input[type="number"] {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 8px;
    color: var(--brm-text);
    height: 34px;
    padding: 0 10px;
    font-family: var(--brm-font-ui);
    font-size: 13.5px;
    box-shadow: none;
    margin: 0;
}
body.brm-panel .berberim-owner-settings-box input[type="number"]:focus {
    outline: none;
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}
/* Kupon + doğum günü */
body.brm-panel .berberim-owner-settings-box .berberim-owner-coupon-box {
    border-top-color: var(--brm-border);
}
body.brm-panel .berberim-owner-birthday-box textarea {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-size: 14px;
    box-shadow: none;
}
body.brm-panel .berberim-owner-birthday-box textarea:focus {
    outline: none;
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}
body.brm-panel .berberim-owner-hint {
    color: var(--brm-text-3);
    font-size: 12px;
}
body.brm-panel .berberim-owner-birthday-title {
    color: var(--brm-text);
}
body.brm-panel .berberim-owner-settings-box input[type="radio"] {
    accent-color: var(--brm-accent);
}
/* Kaydet butonu — bölüm kaydet butonlarıyla tutarlı accent mavi */
body.brm-panel .berberim-owner-settings-save {
    display: block;
    margin: 18px auto 0;
    padding: 11px 28px;
    background: var(--brm-accent);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-family: var(--brm-font-ui);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    box-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    transition: background .15s ease;
}
body.brm-panel .berberim-owner-settings-save:hover {
    background: var(--brm-accent-2);
}
body.brm-panel .berberim-owner-settings-box p {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}

/* -- Accordion: başlık toggle + chevron -- */
body.brm-panel .berberim-owner-settings-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 0;
    margin: 0 0 14px;
    background: transparent;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    cursor: pointer;
    text-align: left;
    font-family: var(--brm-font-ui);
}

body.brm-panel .berberim-owner-settings-toggle:hover .berberim-owner-settings-header {
    color: var(--brm-accent);
}

/* Tıklandığında çıkan tarayıcı/tema varsayılan focus halkası (turuncu çizgi) ezilir;
   klavye odaklaması için temaya uygun accent halka bırakılır */
body.brm-panel .berberim-owner-settings-toggle:focus {
    outline: none;
    box-shadow: none;
}
body.brm-panel .berberim-owner-settings-toggle:focus-visible {
    outline: 2px solid var(--brm-accent);
    outline-offset: 3px;
    border-radius: 10px;
}

body.brm-panel .berberim-owner-settings-toggle .berberim-owner-settings-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    transition: color .15s ease;
}

body.brm-panel .berberim-owner-settings-toggle .berberim-owner-settings-head-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

body.brm-panel .berberim-owner-settings-toggle .berberim-owner-settings-header h4 {
    margin: 0;
    font-size: 15.5px;
    color: var(--brm-text);
}

body.brm-panel .berberim-owner-settings-toggle .berberim-owner-shop-meta {
    margin: 0;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--brm-text-3);
}

body.brm-panel .berberim-owner-settings-chev {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
    transition: transform .2s ease, background .15s ease, color .15s ease;
}

body.brm-panel .berberim-owner-settings-box.collapsed .berberim-owner-settings-chev {
    transform: rotate(-90deg);
}

body.brm-panel .berberim-owner-settings-toggle:hover .berberim-owner-settings-chev {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}

body.brm-panel .berberim-owner-settings-box.collapsed .berberim-owner-settings-body {
    display: none;
}

/* Accordion açıkken başlığın altına ayraç */
body.brm-panel .berberim-owner-settings-box:not(.collapsed) .berberim-owner-settings-toggle {
    border-bottom: 1px solid var(--brm-border);
    padding-bottom: 14px;
}

/* ============================================================ */
/* Üyelik Bilgisi ([berberim_delete_shop] membership paneli)    */
/* ============================================================ */
body.brm-panel .berberim-membership-bottom {
    max-width: 880px;
    width: 100%;
    box-sizing: border-box;
    margin: 18px auto;
}
/* width/max-width/margin ezmeleri zaten berberim.css'te (!important) mevcut —
   burada yalnızca yeni görsel değerler verilir (dedike sınıf, seçici kısa) */
body.brm-panel .berberim-membership-box {
    padding: 24px 30px;
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
}
body.brm-panel .berberim-membership-bottom .berberim-membership-title {
    color: var(--brm-text);
    margin: 0 0 8px;
}
body.brm-panel .berberim-membership-message {
    color: var(--brm-text-2);
    line-height: 1.6;
}
body.brm-panel .berberim-membership-details strong {
    color: var(--brm-text);
}
body.brm-panel .berberim-membership-details div {
    color: var(--brm-text-2);
}

/* ============================================================ */
/* Tehlikeli Bölge (salon silme)                                 */
/* ============================================================ */
/* Danger box panel.css'te kendi kendine yeterli (berberim.css yükleme sırasına
   bağımlı değil) — light'ta #fff8f8, dark'ta kırmızı-tint yüzey */
body.brm-panel .berberim-danger-box {
    max-width: 880px;
    width: 100%;
    box-sizing: border-box;
    margin: 18px auto;
    padding: 16px 20px;
    background: #fff8f8;
    border: 1px dashed rgb(224 75 75 / 0.35);
    border-radius: 12px;
    color: var(--brm-text);
}
body.brm-panel .berberim-danger-title {
    color: #d32f2f;
    font-weight: 800;
    font-size: 15px;
    margin-bottom: 2px;
}
body.brm-panel .berberim-danger-sub {
    color: #b74b4b;
    font-size: 13px;
    opacity: 0.9;
}
body.brm-panel .berberim-delete-action {
    background: transparent;
    border: 0;
    color: #d32f2f;
    font-weight: 800;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    font-family: var(--brm-font-ui);
}
body.brm-panel .berberim-delete-action:hover {
    background: rgb(224 75 75 / 0.06);
}
body.brm-panel.brm-panel-dark .berberim-danger-box {
    background: rgb(220 38 38 / 0.12);
    border-color: rgb(239 68 68 / 0.4);
}
body.brm-panel.brm-panel-dark .berberim-danger-sub {
    color: rgb(252 165 165);
}
body.brm-panel.brm-panel-dark .berberim-delete-action:hover {
    background: rgb(239 68 68 / 0.14);
}

/* ============================================================ */
/* Modallar — Slug Özelleştir + QR (dark/light token'lı)        */
/* ============================================================ */
body.brm-panel .bv2-slug-modal {
    position: fixed;
    inset: 0;
    z-index: 100200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    box-sizing: border-box;
    background: rgb(15 23 42 / 0.45);
    backdrop-filter: blur(3px);
}
body.brm-panel .bv2-slug-backdrop {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    background: transparent;
    border: 0;
}
body.brm-panel .bv2-slug-dialog {
    position: relative;
    width: min(520px, 100%);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 16px;
    box-shadow: 0 16px 40px rgb(2 6 23 / 0.35);
}
body.brm-panel .bv2-slug-header {
    padding: 24px 26px 0;
    text-align: left;
}
body.brm-panel .bv2-slug-icon {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}
body.brm-panel .bv2-slug-header h3 {
    margin: 14px 0 4px;
    font-size: 17px;
    font-weight: 700;
    color: var(--brm-text);
}
body.brm-panel .bv2-slug-desc {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--brm-text-2);
}
body.brm-panel .bv2-slug-body {
    padding: 18px 26px;
}
body.brm-panel .bv2-slug-current {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 14px;
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
}
body.brm-panel .bv2-slug-current-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--brm-text-3);
}
body.brm-panel .bv2-slug-current-url {
    font-family: var(--brm-font-mono);
    font-size: 13px;
    color: var(--brm-text);
    word-break: break-all;
}
body.brm-panel .bv2-slug-field {
    margin-top: 16px;
}
body.brm-panel .bv2-slug-label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--brm-text);
}
body.brm-panel .bv2-slug-input-wrap {
    display: flex;
    align-items: center;
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
body.brm-panel .bv2-slug-input-wrap:focus-within {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}
body.brm-panel .bv2-slug-url-base,
body.brm-panel .bv2-slug-url-trail {
    font-family: var(--brm-font-mono);
    font-size: 13.5px;
    color: var(--brm-text-3);
    user-select: none;
}
body.brm-panel .bv2-slug-url-base {
    padding: 0 10px;
}
body.brm-panel .bv2-slug-url-trail {
    padding: 0 12px 0 2px;
}
body.brm-panel .bv2-slug-input-wrap input {
    flex: 1 1 auto;
    min-width: 0;
    background: transparent;
    border: none;
    color: var(--brm-text);
    font-family: var(--brm-font-mono);
    font-size: 14px;
    padding: 11px 0;
    outline: none;
    box-shadow: none;
    height: auto;
}
body.brm-panel .bv2-slug-hint {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--brm-text-3);
}
body.brm-panel .bv2-slug-hint svg {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--brm-text-3);
}
body.brm-panel .bv2-slug-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 26px 22px;
    border-top: 1px solid var(--brm-border);
}
body.brm-panel .bv2-slug-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: auto;
    line-height: 1.4;
    padding: 10px 20px;
    border-radius: 10px;
    font-family: var(--brm-font-ui);
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none;
    transition: background .15s ease, border-color .15s ease;
}
body.brm-panel .bv2-slug-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
body.brm-panel .bv2-slug-btn-outline {
    background: transparent;
    color: var(--brm-text);
    border: 1px solid var(--brm-border);
}
/* PHP'deki inline <style> 'İptal' butonunu absolute daire yapıyor
   (berberim-slug-modal-close); panel'de normal footer butonuna çevir */
body.brm-panel .berberim-slug-modal-close {
    position: static;
    width: auto;
    height: auto;
    border-radius: 10px;
    padding: 10px 20px;
}
body.brm-panel .bv2-slug-btn-outline:hover {
    border-color: var(--brm-accent);
    background: var(--brm-surface-2);
}
body.brm-panel .bv2-slug-btn-primary {
    background: var(--brm-accent);
    color: #fff;
    border: none;
}
body.brm-panel .bv2-slug-btn-primary:hover {
    background: var(--brm-accent-2);
}

/* QR modal — berberim.css'teki light sabitler token'larla ezilir */
body.brm-panel .bv2-qr-modal {
    background: rgb(15 23 42 / 0.45);
}
body.brm-panel .bv2-qr-dialog {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    box-shadow: 0 16px 40px rgb(2 6 23 / 0.35);
}
body.brm-panel .bv2-qr-close {
    background: var(--brm-surface-2);
    color: var(--brm-text);
}
body.brm-panel .bv2-qr-title {
    color: var(--brm-text);
}
body.brm-panel .bv2-qr-subtitle,
body.brm-panel .bv2-qr-link-preview {
    color: var(--brm-text-2);
}
body.brm-panel .bv2-qr-code-box {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
}
body.brm-panel .bv2-qr-note {
    color: var(--brm-text-3);
}
body.brm-panel .bv2-qr-actions .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    line-height: 1.4;
    padding: 9px 18px;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    font-family: var(--brm-font-ui);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none;
    transition: border-color .15s ease, background .15s ease;
}
body.brm-panel .bv2-qr-actions .button:hover {
    border-color: var(--brm-accent);
    background: var(--brm-surface);
}

/* -- Mobil -- */
@media (max-width: 767px) {
    body.brm-panel .brm-savebar,
    body.brm-panel.brm-collapsed .brm-savebar {
        left: 0;
        padding: 10px 16px;
    }
    body.brm-panel .brm-savebar-text {
        display: none;
    }
    body.brm-panel .brm-card-head {
        flex-wrap: wrap;
    }
}

/* --------------------------------------------------------------------------
   99. Erişim engellendi (berberim_access_denied_notice) — panel tasarımı
   Base stiller açık pastel kutuydu; panel içinde token'lı modern kart
   tasarımı veriyoruz (her iki tema otomatik — JNews'e dokunulmaz).
   -------------------------------------------------------------------------- */
body.brm-panel .berberim-access-denied {
    position: relative;
    max-width: 560px;
    width: calc(100% - 40px);
    margin: 40px auto;
    padding: 44px 32px 36px;
    border: 1px solid var(--brm-border);
    border-radius: var(--brm-radius);
    background: var(--brm-surface);
    color: var(--brm-text);
    box-shadow: var(--brm-shadow);
    overflow: hidden;
}
/* Üstte ince tip renk şeridi */
body.brm-panel .berberim-access-denied::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: var(--brm-danger);
}

/* İkon — yumuşak tip renkli kutu */
body.brm-panel .berberim-access-denied-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 18px;
    border-radius: 16px;
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}
body.brm-panel .berberim-access-denied-icon svg {
    width: 26px;
    height: 26px;
}

body.brm-panel .berberim-access-denied-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--brm-text);
}
body.brm-panel .berberim-access-denied-text,
body.brm-panel .berberim-access-denied-note {
    font-size: 14px;
    line-height: 1.65;
    color: var(--brm-text-2);
    opacity: 1;
    max-width: 400px;
}
body.brm-panel .berberim-access-denied-actions {
    margin-top: 24px;
}

/* Butonlar — JNews mirası ezilir */
body.brm-panel .berberim-access-denied-btn {
    height: auto;
    min-height: 42px;
    padding: 0 22px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0;
    font-family: var(--brm-font-ui);
}
/* .content-inner a (accent) mirasına karşı — buton metni her zaman beyaz */
body.brm-panel .berberim-access-denied-btn--primary,
body.brm-panel .berberim-access-denied-btn--primary:hover,
body.brm-panel .berberim-access-denied-btn--primary:visited {
    background: var(--brm-danger);
    color: #ffffff !important;
    border: none;
}
body.brm-panel .berberim-access-denied-btn--primary:hover {
    background: #b91c1c;
}
body.brm-panel .berberim-access-denied-btn--secondary {
    background: transparent;
    color: var(--brm-text-2);
    border: 1px solid var(--brm-border);
    opacity: 1;
}
body.brm-panel .berberim-access-denied-btn--secondary:hover {
    color: var(--brm-text);
    border-color: var(--brm-text-3);
    text-decoration: none;
}

/* Varyantlar — tip renkleri token'lı (iki temada da okunur) */
body.brm-panel .berberim-access-denied--warning::before {
    background: var(--brm-warn);
}
body.brm-panel .berberim-access-denied--info::before {
    background: var(--brm-accent);
}
body.brm-panel .berberim-access-denied--warning .berberim-access-denied-icon {
    background: rgb(245 158 11 / 0.14);
    color: var(--brm-warn);
}
body.brm-panel .berberim-access-denied--info .berberim-access-denied-icon {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}
body.brm-panel .berberim-access-denied--warning .berberim-access-denied-btn--primary {
    background: var(--brm-warn);
}
body.brm-panel .berberim-access-denied--warning .berberim-access-denied-btn--primary:hover {
    background: #d97706;
}
body.brm-panel .berberim-access-denied--info .berberim-access-denied-btn--primary {
    background: var(--brm-accent);
}
body.brm-panel .berberim-access-denied--info .berberim-access-denied-btn--primary:hover {
    background: var(--brm-accent-2);
}

/* ════════════════════════════════════════════════════════════════════
   Kasa / Muhasebe (berberim_kasa + KDV / Vergi / Personel / Fatura)
   Render'lar inline <style> bloklarında sabit açık renkler taşıyor —
   dark modda box içlerinin bembeyaz kalmasının sebebi bu. Aşağıdaki
   kurallar body.brm-panel kapsamında tüm kasa sınıflarını token'lara
   bağlar (hem light hem dark otomatik uyumlu) ve salonum ritmiyle
   aynı genişlik/mesafe kullanır.
   ════════════════════════════════════════════════════════════════════ */

/* Kapsayıcılar — salonum kart genişliği ritmi */
body.brm-panel .brm-kasa-wrap,
body.brm-panel .brm-kdv-wrap,
body.brm-panel .brm-vergi-wrap,
body.brm-panel .brm-personel-wrap,
body.brm-panel .brm-z-wrap {
    max-width: 880px;
    margin: 18px auto;
}

/* Personel maliyet — personel kartları dış box ile aynı genişlikte olsun
   (box içinde box kalksın), iç elementlere az gap verilsin */
body.brm-panel .brm-personel-card {
    padding: 0 !important;
}

/* --- Ortak kartlar: box içleri token'lı (dark'ta bembeyaz kalmıyor) --- */
body.brm-panel .brm-kasa-card,
body.brm-panel .brm-kdv-card,
body.brm-panel .brm-vergi-card,
body.brm-panel .brm-vergi-hatirlatici-item,
body.brm-panel .brm-personel-card,
body.brm-panel .brm-personel-employee,
body.brm-panel .brm-z-card {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
    color: var(--brm-text);
}
body.brm-panel .brm-kdv-card h3,
body.brm-panel .brm-vergi-card h3,
body.brm-panel .brm-personel-card h3,
body.brm-panel .brm-z-card h3 {
    color: var(--brm-text);
}

/* Personel maliyet: iç içe box'ları kaldır — employee/ozet/save-bar da
   aynı yüzeyde görünsün, border kenarları kaldırılır. ayrımı padding
   ve margin ile sağlanır. */
body.brm-panel .brm-personel-employee {
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 8px 6px 12px;
}
body.brm-panel .brm-personel-employee h4 {
    margin: 0 0 10px;
    padding: 0 2px;
}
body.brm-panel .brm-personel-employee .brm-personel-row {
    padding: 6px 2px;
}
body.brm-panel .brm-personel-ozet-item {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    border-radius: 10px;
    padding: 10px;
}
body.brm-panel .brm-personel-save-bar {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    border-radius: 12px;
    padding: 14px;
}
body.brm-panel .brm-personel-ozet-item .val {
    color: var(--brm-text);
}
body.brm-panel .brm-personel-ozet-item .lbl {
    color: var(--brm-text-3);
}
body.brm-panel .brm-personel-total {
    color: var(--brm-accent);
    border-top-color: var(--brm-border);
}

/* Kasa özet kartı mikro-etiketi (GELİR/GİDER vb.) — muted kalsın */
body.brm-panel .brm-kasa-card .label {
    color: var(--brm-text-3);
}

/* --- Ana Kasa sekmeleri --- */
body.brm-panel .brm-kasa-tabs {
    border-bottom-color: var(--brm-border);
}
body.brm-panel .brm-kasa-tab {
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-kasa-tab:hover {
    background: var(--brm-surface-2);
    color: var(--brm-text);
}
body.brm-panel .brm-kasa-tab.active {
    background: var(--brm-accent);
    color: #fff;
}

/* --- Özet kartları (günlük bakiye vb.) --- */
body.brm-panel .brm-kasa-card .value {
    color: var(--brm-text);
}
body.brm-panel .brm-kasa-card.income .value { color: var(--brm-success); }
body.brm-panel .brm-kasa-card.expense .value { color: var(--brm-danger); }
body.brm-panel .brm-kasa-card.balance .value { color: var(--brm-accent); }
body.brm-panel .brm-kasa-card.cash .value { color: #ca8a04; }
body.brm-panel .brm-kasa-card.card .value { color: #8b5cf6; }
body.brm-panel .brm-kasa-card.vergi .value { color: #d97706; }

/* --- Tablolar: ortak premium tasarım (Z raporu + personel prim) ---
   Excel tarzı düz tablo yerine: tint'li başlık satırı, ince ayraçlar,
   hover vurgusu, sağa hizalı sayı kolonları + Gelir/Gider pill'leri.
   Dark ve light token'larla birebir çalışır; mobilde yatay kayar. */
body.brm-panel .brm-z-table,
body.brm-panel .brm-personel-prim-table {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--brm-font-ui);
    font-size: 13px;
}
body.brm-panel .brm-z-table th,
body.brm-panel .brm-personel-prim-table th {
    text-align: left;
    padding: 10px 12px;
    background: var(--brm-surface-2);
    border-bottom: 1px solid var(--brm-border);
    color: var(--brm-text-3);
    font-size: 10.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}
body.brm-panel .brm-z-table td,
body.brm-panel .brm-personel-prim-table td {
    padding: 10px 12px;
    border-bottom: 1px solid var(--brm-border);
    color: var(--brm-text);
    white-space: nowrap;
}
body.brm-panel .brm-z-table tbody tr:last-child td,
body.brm-panel .brm-personel-prim-table tbody tr:last-child td {
    border-bottom: none;
}
body.brm-panel .brm-z-table tbody tr:hover td,
body.brm-panel .brm-personel-prim-table tbody tr:hover td {
    background: var(--brm-surface-2);
}
/* Sağa hizalı sayı/aksiyon kolonları — tabular-nums ile rakamlar sabit genişlikte. */
body.brm-panel .brm-z-table th:last-child,
body.brm-panel .brm-z-table td:last-child,
body.brm-panel .brm-personel-prim-table th:last-child,
body.brm-panel .brm-personel-prim-table td:last-child {
    text-align: right;
    font-variant-numeric: tabular-nums;
}
/* Prim takibi satırlarındaki 10px not metinleri (%15 × ...TL) — sınıfa
   taşındı; koyu zeminde okunur kalsın (text-2, eski #94a3b8'den daha açık). */
body.brm-panel .brm-kacc-cell .brm-prim-note {
    color: var(--brm-text-2);
    font-size: 10px;
}
/* Gelir / Gider pill'leri (Tür kolonu) */
body.brm-panel .brm-z-table .brm-inc,
body.brm-panel .brm-z-table .brm-exp,
body.brm-panel .brm-personel-prim-table .brm-inc,
body.brm-panel .brm-personel-prim-table .brm-exp {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
}
body.brm-panel .brm-z-table .brm-inc,
body.brm-panel .brm-personel-prim-table .brm-inc {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}
body.brm-panel .brm-z-table .brm-exp,
body.brm-panel .brm-personel-prim-table .brm-exp {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}
/* Tablo sarmalayıcıları: çerçeve + köşe + mobilde yatay kaydırma */
body.brm-panel .brm-z-wrap div:has(> table),
body.brm-panel .brm-personel-prim-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--brm-border);
    border-radius: 12px;
}
/* Mobilde tablolar minimum genişlikte kayar — kolonlar sıkışmaz;
   personel-prim PHP'de table-layout:fixed ile gelir — mobilde auto'ya alınır */
@media (max-width: 767px) {
    body.brm-panel .brm-z-table,
    body.brm-panel .brm-personel-prim-table {
        min-width: 620px;
    }
    body.brm-panel .brm-personel-prim-table {
        table-layout: auto;
    }
}

/* --- Kasa butonları (inline style'daki yeşil gradient ezilir → accent) --- */
body.brm-panel .brm-kasa-wrap .brm-btn-primary {
    background: var(--brm-accent);
    border: none;
    color: #fff;
    box-shadow: 0 1px 2px rgb(37 99 235 / 0.35);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-kasa-wrap .brm-btn-primary:hover {
    background: var(--brm-accent-2);
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.35);
}
body.brm-panel .brm-kasa-wrap .brm-btn-secondary,
body.brm-panel .brm-kasa-wrap .brm-btn-info {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-kasa-wrap .brm-btn-secondary:hover,
body.brm-panel .brm-kasa-wrap .brm-btn-info:hover {
    background: var(--brm-surface-2);
    color: var(--brm-text);
}
body.brm-panel .brm-kasa-wrap .brm-btn-danger {
    background: var(--brm-danger-soft);
    border: 1px solid rgb(220 38 38 / 0.3);
    color: var(--brm-danger);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-kasa-wrap .brm-btn-danger:hover {
    background: rgb(220 38 38 / 0.12);
    color: var(--brm-danger);
}
body.brm-panel .brm-kasa-wrap .brm-btn {
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-kasa-wrap .brm-btn-active {
    box-shadow: inset 0 0 0 2px var(--brm-surface), 0 0 0 2px var(--brm-accent);
}

/* --- KDV / Vergi / Personel aksiyon butonları (brm-act-btn) --- */
body.brm-panel .brm-act-btn {
    font-family: var(--brm-font-ui);
    text-decoration: none;
}
body.brm-panel .brm-act-btn-primary {
    background: var(--brm-accent);
    color: #fff;
    border: none;
    box-shadow: 0 2px 8px rgb(37 99 235 / 0.3);
}
body.brm-panel .brm-act-btn-primary:hover {
    background: var(--brm-accent-2);
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.35);
}
body.brm-panel .brm-act-btn-secondary {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
}
body.brm-panel .brm-act-btn-secondary:hover {
    background: var(--brm-surface-2);
    color: var(--brm-text);
}
body.brm-panel .brm-act-btn-info {
    background: var(--brm-surface-2);
    border: 1px solid rgb(37 99 235 / 0.25);
    color: var(--brm-accent);
}
body.brm-panel .brm-act-btn-info:hover {
    background: rgb(37 99 235 / 0.1);
    color: var(--brm-accent);
}

/* --- KDV formu --- */
body.brm-panel .brm-kdv-row {
    border-bottom-color: var(--brm-border);
}
body.brm-panel .brm-kdv-row label,
body.brm-panel .brm-vergi-hesap-row label,
body.brm-panel .brm-personel-row label {
    color: var(--brm-text-2);
}
/* Maliyet sekmesindeki hesaplanan TL değerleri (span) — kasa.php inline
   #1e293b koyu lacivert geliyor; koyu zeminde görünmez kalmasın. */
body.brm-panel .brm-personel-row span {
    color: var(--brm-text);
}
body.brm-panel .brm-kdv-input,
body.brm-panel .brm-vergi-hesap-row input,
body.brm-panel .brm-personel-row input,
body.brm-panel .brm-vergi-takvim-item input,
body.brm-panel .brm-vergi-takvim-item select,
body.brm-panel .brm-z-period input[type="date"] {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    border-radius: 8px;
}
body.brm-panel .brm-kdv-input:focus,
body.brm-panel .brm-vergi-hesap-row input:focus,
body.brm-panel .brm-personel-row input:focus,
body.brm-panel .brm-vergi-takvim-item input:focus {
    outline: none;
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}
body.brm-panel .brm-kdv-tutar,
body.brm-panel .brm-vergi-hesap-row span {
    color: var(--brm-text);
}
body.brm-panel .brm-kdv-total,
body.brm-panel .brm-vergi-hesap-total {
    border-top-color: var(--brm-border);
    color: var(--brm-text);
}
body.brm-panel .brm-kdv-note,
body.brm-panel .brm-kdv-tarih {
    color: var(--brm-text-3);
}
/* Ödenecek KDV / vergi özet kutusu — accent mavi (marka yeşili yerine panel tutarlılığı) */
body.brm-panel .brm-kdv-odenek,
body.brm-panel .brm-vergi-hesap-box {
    background: var(--brm-accent);
    color: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 14px rgb(37 99 235 / 0.25);
}

/* --- Vergi alt sekmeleri + takvim + öneri + hatırlatıcı --- */
body.brm-panel .brm-vergi-subtabs,
body.brm-panel .brm-personel-subtabs {
    border-bottom-color: var(--brm-border);
}
body.brm-panel .brm-vergi-subtab,
body.brm-panel .brm-personel-subtab {
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-vergi-subtab:hover,
body.brm-panel .brm-personel-subtab:hover {
    color: var(--brm-text);
    background: var(--brm-surface-2);
}
body.brm-panel .brm-vergi-subtab.active,
body.brm-panel .brm-personel-subtab.active {
    background: var(--brm-accent);
    color: #fff;
}
body.brm-panel .brm-vergi-takvim-item {
    border-bottom-color: var(--brm-border);
}
body.brm-panel .brm-vergi-takvim-item .info .title {
    color: var(--brm-text);
}
body.brm-panel .brm-vergi-takvim-item .info .desc {
    color: var(--brm-text-3);
}
body.brm-panel .brm-vergi-takvim-item .date {
    color: var(--brm-accent);
}
body.brm-panel .brm-vergi-oneri {
    background: var(--brm-warning-soft, rgb(234 88 12 / 0.12));
    border-color: rgb(245 158 11 / 0.4);
    color: var(--brm-text-2);
}
body.brm-panel .brm-vergi-hatirlatici-item .tag.red {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}
body.brm-panel .brm-vergi-hatirlatici-item .tag.amber {
    background: rgb(245 158 11 / 0.15);
    color: #d97706;
}
body.brm-panel .brm-vergi-hatirlatici-item .tag.blue {
    background: rgb(37 99 235 / 0.14);
    color: var(--brm-accent);
}
body.brm-panel .brm-vergi-hatirlatici-item .text {
    color: var(--brm-text);
}

/* --- Personel --- */
body.brm-panel .brm-personel-employee {
    background: transparent;
    border-radius: 0;
}
body.brm-panel .brm-personel-employee h4 {
    color: var(--brm-text);
}
body.brm-panel .brm-personel-row {
    border-bottom-color: var(--brm-border);
    padding: 6px 2px;
}
body.brm-panel .brm-personel-ozet-item,
body.brm-panel .brm-z-summary-item {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    border-radius: 12px;
}
body.brm-panel .brm-personel-ozet-item .lbl,
body.brm-panel .brm-z-summary-item .lbl {
    color: var(--brm-text-3);
}
body.brm-panel .brm-personel-ozet-item .val,
body.brm-panel .brm-z-summary-item .val {
    color: var(--brm-text);
}
body.brm-panel .brm-z-summary-item .val.green { color: var(--brm-success); }
body.brm-panel .brm-z-summary-item .val.red { color: var(--brm-danger); }
body.brm-panel .brm-personel-save-bar {
    background: var(--brm-surface);
    border-color: var(--brm-border);
}
/* Personel prim tablosu — yukarıdaki ortak premium tasarımı devralır;
   satır arası renk vurgusu (maaş/prim kolonları) token'a bağlanır */
body.brm-panel .brm-personel-prim-table td:nth-child(2),
body.brm-panel .brm-personel-prim-table td:nth-child(6) {
    color: var(--brm-accent);
    font-weight: 700;
}
body.brm-panel .brm-personel-total {
    color: var(--brm-text);
}
body.brm-panel .brm-personel-card .lbl,
body.brm-panel .brm-personel-card .add,
body.brm-panel .brm-personel-card .remove {
    color: var(--brm-text-2);
}

/* --- Z Raporu (fatura) --- */
body.brm-panel .brm-z-period .brm-btn {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-z-period .brm-btn:hover {
    background: var(--brm-surface);
}
body.brm-panel .brm-z-period .brm-btn.active {
    background: var(--brm-accent);
    border-color: var(--brm-accent);
    color: #fff;
}
body.brm-panel .brm-z-action-bar {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    border-radius: 12px;
}
body.brm-panel .brm-z-loading {
    color: var(--brm-text-3);
}
body.brm-panel .brm-z-loading .spinner {
    border-color: var(--brm-border);
    border-top-color: var(--brm-accent);
}

/* --- Modal (ekleme/düzenleme) --- */
body.brm-panel .brm-modal {
    background: var(--brm-surface);
    border-radius: 16px;
    box-shadow: var(--brm-shadow-lg);
    color: var(--brm-text);
}
body.brm-panel .brm-modal h3 {
    color: var(--brm-text);
}
body.brm-panel .brm-modal label {
    color: var(--brm-text-2);
}
body.brm-panel .brm-modal input,
body.brm-panel .brm-modal select,
body.brm-panel .brm-modal textarea {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    border-radius: 8px;
}
body.brm-panel .brm-modal input:focus,
body.brm-panel .brm-modal select:focus,
body.brm-panel .brm-modal textarea:focus {
    outline: none;
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}

/* --- Pagination + toast --- */
body.brm-panel .brm-pagination button {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-pagination button:hover:not(:disabled) {
    background: var(--brm-surface-2);
}
body.brm-panel .brm-pagination button.active {
    background: var(--brm-accent);
    border-color: var(--brm-accent);
    color: #fff;
}
body.brm-panel .brm-pagination .info {
    color: var(--brm-text-3);
}
body.brm-panel .brm-toast2.ok {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}
body.brm-panel .brm-toast2.err {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}
body.brm-panel .brm-toast2.err {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}

/* --- Yardımcı renk sınıfları (vergi takvimi) --- */
body.brm-panel .brm-vergi-wrap .amber { color: #d97706; }
body.brm-panel .brm-vergi-wrap .blue { color: var(--brm-accent); }
body.brm-panel .brm-vergi-wrap .red { color: var(--brm-danger); }
body.brm-panel .brm-vergi-wrap .green { color: var(--brm-success); }

/* --- Responsive: 767px altında kart içi satırlar alt alta --- */
@media (max-width: 767px) {
    body.brm-panel .brm-kdv-row,
    body.brm-panel .brm-vergi-hesap-row,
    body.brm-panel .brm-personel-row {
        flex-wrap: wrap;
    }
    body.brm-panel .brm-kdv-row input,
    body.brm-panel .brm-vergi-hesap-row input,
    body.brm-panel .brm-personel-row input {
        width: 100%;
    }
    body.brm-panel .brm-kdv-row .brm-kdv-tutar,
    body.brm-panel .brm-vergi-hesap-row span {
        width: 100%;
        text-align: left;
        padding-left: 2px;
    }
    body.brm-panel .brm-kasa-summary {
        flex-direction: column;
    }
    body.brm-panel .brm-z-summary {
        grid-template-columns: repeat(2, 1fr);
    }
    body.brm-panel .brm-modal {
        width: 100%;
    }
}

/* ════════════════════════════════════════════════════════════════════
   Cari + Taksit + Vergi + Personel — kalan inline light değerlerin
   panel koyu modda da token'lara oturması (banner istatistik kartları,
   müşteri ara, kaydet barı, hatırlatıcı tercihleri, belgeler).
   ════════════════════════════════════════════════════════════════════ */

/* --- Cari: banner istatistik kartları (Toplam Alacak / Borçlu / Toplam Müşteri) --- */
body.brm-panel .brm-cari-card {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
    color: var(--brm-text);
}
body.brm-panel .brm-cari-card .label {
    color: var(--brm-text-3);
}
body.brm-panel .brm-cari-card .value {
    color: var(--brm-accent);
}
body.brm-panel .brm-cari-card.debt .value {
    color: var(--brm-danger);
}
/* Müşteri ara input — inline border/arka planı ezer */
body.brm-panel #brmCariSearch {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
    border-radius: 8px;
    font-family: var(--brm-font-ui);
}
body.brm-panel #brmCariSearch::placeholder {
    color: var(--brm-text-3);
}
body.brm-panel #brmCariSearch:focus {
    outline: none;
    border-color: var(--brm-accent) !important;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}
/* Cari sekmeler */
body.brm-panel .brm-cari-tabs {
    border-bottom-color: var(--brm-border);
}
body.brm-panel .brm-cari-tab {
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-cari-tab:hover {
    background: var(--brm-surface-2);
    color: var(--brm-text);
}
body.brm-panel .brm-cari-tab.active {
    background: var(--brm-accent);
    color: #fff;
}
/* Cari tablo */
body.brm-panel .brm-cari-table th {
    border-bottom-color: var(--brm-border);
    color: var(--brm-text-3);
}
body.brm-panel .brm-cari-table td {
    border-bottom-color: var(--brm-border);
    color: var(--brm-text);
}
body.brm-panel .brm-cari-table tr:hover td {
    background: var(--brm-surface-2);
}
/* Cari ikincil buton (Detay) */
body.brm-panel .brm-cari-wrap .brm-btn-secondary {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-cari-wrap .brm-btn-secondary:hover {
    background: var(--brm-surface);
    color: var(--brm-text);
}
/* Cari başarı (Tahsilat) + tehlikeli (Değiştir/İptal) butonları —
   inline açık yeşil/kırmızı hover'ları dark modda bembeyaz kalıyordu */
body.brm-panel .brm-cari-wrap .brm-btn-success {
    background: var(--brm-success-soft);
    border: 1px solid rgb(22 163 74 / 0.3);
    color: var(--brm-success);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-cari-wrap .brm-btn-success:hover {
    background: rgb(22 163 74 / 0.14);
    color: var(--brm-success);
}
body.brm-panel .brm-cari-wrap .brm-btn-danger {
    background: var(--brm-danger-soft);
    border: 1px solid rgb(220 38 38 / 0.3);
    color: var(--brm-danger);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-cari-wrap .brm-btn-danger:hover {
    background: rgb(220 38 38 / 0.12);
    color: var(--brm-danger);
}
/* Cari detay + müşteri arama sonuçları */
body.brm-panel .brm-cari-detail {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
    color: var(--brm-text);
}
body.brm-panel .brm-cari-detail td {
    border-bottom-color: var(--brm-border);
    color: var(--brm-text);
}
body.brm-panel .brm-cari-search-results {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    box-shadow: var(--brm-shadow-lg);
}
body.brm-panel .brm-cari-search-results .item {
    border-bottom-color: var(--brm-border);
    color: var(--brm-text);
}
body.brm-panel .brm-cari-search-results .item:hover {
    background: var(--brm-accent-soft);
}
body.brm-panel .brm-cari-search-results .item .phone,
body.brm-panel .brm-cari-search-hint {
    color: var(--brm-text-3);
}
body.brm-panel .brm-cari-selected {
    background: var(--brm-accent-soft);
    border-color: rgb(37 99 235 / 0.3);
    color: var(--brm-text);
}
/* Cari modal içi müşteri arama input'u (inline border'ı ezer) */
body.brm-panel .brm-modal .brm-cari-search-wrap input {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text) !important;
}

/* --- Taksit: banner istatistik kartları (4'lü) --- */
body.brm-panel .brm-summary-card {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
    color: var(--brm-text);
}
body.brm-panel .brm-summary-card .label {
    color: var(--brm-text-3);
}
body.brm-panel .brm-summary-card .value {
    color: var(--brm-accent);
}
body.brm-panel .brm-summary-card.alert .value {
    color: var(--brm-danger);
}
/* Taksit sekmeler + kartlar */
body.brm-panel .brm-taksit-tabs {
    border-bottom-color: var(--brm-border);
}
body.brm-panel .brm-taksit-tab {
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}
body.brm-panel .brm-taksit-tab:hover {
    background: var(--brm-surface-2);
    color: var(--brm-text);
}
body.brm-panel .brm-taksit-tab.active {
    background: var(--brm-accent);
    color: #fff;
}
body.brm-panel .brm-card {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow);
    color: var(--brm-text);
}
body.brm-panel .brm-card h3,
body.brm-panel .brm-detail-item .dv {
    color: var(--brm-text);
}
body.brm-panel .brm-detail-item .dl {
    color: var(--brm-text-3);
}
body.brm-panel .brm-field label {
    color: var(--brm-text-2);
}
body.brm-panel .brm-field input,
body.brm-panel .brm-field select,
body.brm-panel .brm-field textarea,
body.brm-panel .brm-item-select select,
body.brm-panel .brm-item-select input {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    border-radius: 8px;
}
body.brm-panel .brm-field input:focus,
body.brm-panel .brm-field select:focus,
body.brm-panel .brm-item-select select:focus {
    outline: none;
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px rgb(37 99 235 / 0.12);
}
body.brm-panel .brm-table th {
    border-bottom-color: var(--brm-border);
    color: var(--brm-text-3);
}
body.brm-panel .brm-table td {
    border-bottom-color: var(--brm-border);
    color: var(--brm-text);
}
body.brm-panel .brm-table tr:hover td {
    background: var(--brm-surface-2);
}
body.brm-panel .brm-installment-plan th {
    border-bottom-color: var(--brm-border);
    color: var(--brm-text-3);
}
body.brm-panel .brm-installment-plan td {
    border-bottom-color: var(--brm-border);
    color: var(--brm-text);
}
body.brm-panel .brm-search-results {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    box-shadow: var(--brm-shadow-lg);
}
body.brm-panel .brm-search-results .item {
    border-bottom-color: var(--brm-border);
    color: var(--brm-text);
}
body.brm-panel .brm-search-results .item:hover {
    background: var(--brm-accent-soft);
}
body.brm-panel .brm-search-hint {
    color: var(--brm-text-3);
}
body.brm-panel .brm-selected-customer {
    background: var(--brm-accent-soft);
    border-color: rgb(37 99 235 / 0.3);
    color: var(--brm-text);
}
body.brm-panel .brm-selected-item {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    color: var(--brm-text);
}
body.brm-panel .brm-total-display {
    color: var(--brm-accent) !important;
}
/* Taksit/Kasa durum rozetleri — açık pastel zeminler yerine tema token'ları */
body.brm-panel .brm-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}
body.brm-panel .brm-badge-active {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}
body.brm-panel .brm-badge-completed,
body.brm-panel .brm-badge-paid {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}
body.brm-panel .brm-badge-overdue {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}
body.brm-panel .brm-badge-cancelled {
    background: var(--brm-surface-2);
    color: var(--brm-text-3);
}
body.brm-panel .brm-badge-pending,
body.brm-panel .brm-badge-partial {
    background: var(--brm-warning-soft, rgb(245 158 11 / 0.14));
    color: var(--brm-warning, #b45309);
}

/* --- Vergi: kaydet barı (beyaz toast görünümü) + dönem notu + tercihler --- */
body.brm-panel .brm-vergi-save-bar {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    border-radius: 14px;
    box-shadow: var(--brm-shadow);
}
body.brm-panel .brm-vergi-donem-note {
    background: var(--brm-surface-2);
    color: var(--brm-text-2);
}
body.brm-panel .brm-vergi-hesap-sub {
    border-top-color: var(--brm-border);
}
body.brm-panel .brm-vergi-hatirlat .brm-vergi-card label {
    color: var(--brm-text);
}
body.brm-panel .brm-vergi-wrap input[type="checkbox"] {
    accent-color: var(--brm-accent) !important;
}

/* --- Personel: belgeler kartı + ayırıcılar + brüt/toplam vurguları --- */
body.brm-panel .brm-personel-divider {
    border-top-color: var(--brm-border);
}
body.brm-panel .brm-personel-employee span[id$="_brut"],
body.brm-panel .brm-personel-employee span[id$="_toplam"] {
    color: var(--brm-accent) !important;
}


/* ════════════════════════════════════════════════════════════════════
   Kasa sayfası tabloları → accordion (brm-kacc)
   Yapısal stiller panel.css'te (demo da gömülü kullanır); kasa.php
   inline style'ındaki açık renkleri token'la ezer. Excel görünümü yerine
   mobil dostu açılır kartlar: başlık solda, tutar sağda, chevron en sağda.
   ════════════════════════════════════════════════════════════════════ */
body.brm-panel .brm-kacc-list { display:flex; flex-direction:column; gap:8px; }
body.brm-panel .brm-kacc-item {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--brm-shadow);
}
body.brm-panel .brm-kacc-head {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: var(--brm-font-ui);
    color: inherit;
}
/* Başlık satırı: toggle buton + sağdaki eylemler (Sil/Tahsilat vb.) tek satırda */
body.brm-panel .brm-kacc-head-row {
    display: flex;
    align-items: stretch;
}
body.brm-panel .brm-kacc-head-row:hover {
    background: var(--brm-surface-2);
}
body.brm-panel .brm-kacc-item.open .brm-kacc-head-row {
    background: var(--brm-surface-2);
}
body.brm-panel .brm-kacc-head-row .brm-kacc-head {
    flex: 1 1 auto;
    min-width: 0;
}
body.brm-panel .brm-kacc-head:hover {
    background: transparent;
}
body.brm-panel .brm-kacc-item.open .brm-kacc-head {
    background: transparent;
}
body.brm-panel .brm-kacc-head-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px 0 4px;
}
body.brm-panel .brm-kacc-main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
body.brm-panel .brm-kacc-title {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--brm-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.brm-panel .brm-kacc-sub {
    font-size: 11.5px;
    color: var(--brm-text-3);
}
body.brm-panel .brm-kacc-amount {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    font-size: 13.5px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--brm-text);
}
body.brm-panel .brm-kacc-amount .brm-inc,
body.brm-panel .brm-kacc-amount .brm-exp {
    padding: 3px 10px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 12.5px;
}
body.brm-panel .brm-kacc-amount .brm-inc {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}
body.brm-panel .brm-kacc-amount .brm-exp {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
}
body.brm-panel .brm-kacc-closing {
    color: var(--brm-accent);
}
body.brm-panel .brm-kacc-chev {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: var(--brm-surface-2);
    color: var(--brm-text-3);
    transition: transform .2s ease, background .15s ease;
}
body.brm-panel .brm-kacc-item.open .brm-kacc-chev {
    transform: rotate(180deg);
}
body.brm-panel .brm-kacc-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .28s ease, visibility 0s linear .28s;
    visibility: hidden;
}
body.brm-panel .brm-kacc-item.open .brm-kacc-body {
    max-height: 600px;
    visibility: visible;
    transition: max-height .28s ease, visibility 0s;
}
body.brm-panel .brm-kacc-inner {
    overflow: hidden;
}
body.brm-panel .brm-kacc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px 16px;
    padding: 14px;
    border-top: 1px solid var(--brm-border);
    background: var(--brm-surface);
}
body.brm-panel .brm-kacc-cell .lbl {
    display: block;
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--brm-text-3);
    margin-bottom: 2px;
}
body.brm-panel .brm-kacc-cell .val {
    font-size: 13px;
    font-weight: 600;
    color: var(--brm-text);
    word-break: break-word;
}
body.brm-panel .brm-kacc-cell .val .brm-inc,
body.brm-panel .brm-kacc-item .brm-inc {
    color: var(--brm-success);
}
body.brm-panel .brm-kacc-cell .val .brm-exp,
body.brm-panel .brm-kacc-item .brm-exp {
    color: var(--brm-danger);
}
body.brm-panel .brm-kacc-head-actions .brm-btn {
    white-space: nowrap;
}

/* JNews temasının butonlara verdiği turuncu focus halkasını kasa/muhasebe sayfasında kaldır */
body.brm-panel .brm-btn:focus,
body.brm-panel .brm-btn:focus-visible,
body.brm-panel .brm-act-btn:focus,
body.brm-panel .brm-act-btn:focus-visible,
body.brm-panel .brm-kacc-head:focus,
body.brm-panel .brm-kacc-head:focus-visible,
body.brm-panel .brm-kasa-tab:focus,
body.brm-panel .brm-kasa-tab:focus-visible,
body.brm-panel .brm-cari-tab:focus,
body.brm-panel .brm-cari-tab:focus-visible,
body.brm-panel .brm-taksit-tab:focus,
body.brm-panel .brm-taksit-tab:focus-visible,
body.brm-panel .brm-vergi-subtab:focus,
body.brm-panel .brm-vergi-subtab:focus-visible,
body.brm-panel .brm-personel-subtab:focus,
body.brm-panel .brm-personel-subtab:focus-visible,
body.brm-panel .brm-pagination button:focus,
body.brm-panel .brm-pagination button:focus-visible,
body.brm-panel .brm-z-period .brm-btn:focus-visible {
    outline: none;
    box-shadow: none;
}
body.brm-panel .brm-kacc-empty {
    padding: 26px;
    text-align: center;
    font-size: 13px;
    color: var(--brm-text-3);
    background: var(--brm-surface);
    border: 1px dashed var(--brm-border);
    border-radius: 14px;
}

/* --- Günlük Hareket Raporu (brmKasaDailyMovements) — inline #fff kartların token'a bağlanması --- */
body.brm-panel .brm-mov-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 12px;
    padding: 20px;
}
body.brm-panel .brm-mov-label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--brm-text-2);
    margin-bottom: 4px;
}
body.brm-panel .brm-mov-date-input {
    width: 100%;
    padding: 10px 12px;
    border: 1.5px solid var(--brm-border);
    border-radius: 10px;
    font-size: 14px;
    box-sizing: border-box;
    background: var(--brm-surface-2);
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    color-scheme: light;
}
body.brm-panel.brm-panel-dark .brm-mov-date-input {
    color-scheme: dark;
}
body.brm-panel .brm-mov-count {
    font-size: 12px;
    color: var(--brm-text-3);
}
body.brm-panel .brm-mov-income {
    color: var(--brm-success);
    font-weight: 700;
}
body.brm-panel .brm-mov-expense {
    color: var(--brm-danger);
    font-weight: 700;
}
body.brm-panel .brm-hr {
    border: none;
    border-top: 1px solid var(--brm-border);
    margin: 20px 0;
}
@media (max-width: 600px) {
    body.brm-panel .brm-kacc-title { white-space: normal; }
    body.brm-panel .brm-kacc-amount { flex-shrink: 0; }
    /* Dar ekranda eylem butonları (Tahsilat/Detay/Sil/İptal) kendi satırına iner;
       başlık (isim) tam genişliği alır — aksi halde isim 0px'e çöküyor, tutar/chevron kayıyor */
    body.brm-panel .brm-kacc-head-row { flex-wrap: wrap; }
    body.brm-panel .brm-kacc-head-row .brm-kacc-head { flex: 1 1 100%; }
    body.brm-panel .brm-kacc-head-actions {
        flex: 1 1 100%;
        justify-content: flex-end;
        padding: 0 12px 10px;
    }
}

/* ============================================================ */
/* 39. Sayfa: Hediye Çekleri (brm-gift-*)                       */
/* ============================================================ */
body.brm-panel .brm-gift-wrap {
    color: var(--brm-text);
}
body.brm-panel .brm-gift-section {
    background: var(--brm-surface) !important;
    border: 1px solid var(--brm-border) !important;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.25) !important;
}
body.brm-panel .brm-gift-section h2 {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-gift-step h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-gift-step p {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-gift-amount-btn {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-gift-amount-btn:hover {
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .brm-gift-amount-btn.active {
    border-color: var(--brm-accent) !important;
    background: var(--brm-accent) !important;
    color: #fff !important;
}
body.brm-panel .brm-gift-pay-btn {
    background: var(--brm-accent) !important;
    color: #fff !important;
    border: none !important;
}
body.brm-panel .brm-gift-cert-card {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .brm-gift-cert-info {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-gift-cert-amount {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-gift-cert-code,
body.brm-panel .brm-gift-success .brm-gift-big-code {
    background: var(--brm-accent-soft) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .brm-gift-cert-code:hover,
body.brm-panel .brm-gift-success .brm-gift-big-code:hover {
    background: var(--brm-border) !important;
}
body.brm-panel .brm-gift-expiry {
    color: var(--brm-text-3) !important;
}
body.brm-panel .brm-gift-wrap div[style*="text-align:center;font-size:13px;color:#94a3b8"] {
    color: var(--brm-text-3) !important;
}
body.brm-panel .brm-gift-wrap p[style*="text-align:center;color:#64748b"] {
    color: var(--brm-text-2) !important;
}

/* ============================================================ */
/* 40. Sayfa: Mağaza / Toptan (brm-wp-*, brm-mkt-*, brm-cart-*) */
/* ============================================================ */
/* Sekmeler */
body.brm-panel .brm-wp-tab,
body.brm-panel .brm-mkt-tab {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-wp-tab:hover,
body.brm-panel .brm-mkt-tab:hover {
    border-color: var(--brm-accent) !important;
    color: var(--brm-accent) !important;
}
body.brm-panel .brm-wp-tab-active,
body.brm-panel .brm-mkt-tab-active {
    background: var(--brm-accent) !important;
    color: #fff !important;
    border-color: var(--brm-accent) !important;
}
body.brm-panel .brm-wp-tab-active:hover,
body.brm-panel .brm-mkt-tab-active:hover {
    background: var(--brm-accent-2) !important;
    color: #fff !important;
    border-color: var(--brm-accent-2) !important;
}
/* Tablolar */
body.brm-panel .brm-wp-table th {
    color: var(--brm-text-2) !important;
}
body.brm-panel .brm-wp-table td {
    color: var(--brm-text) !important;
}
body.brm-panel .brm-wp-table td[style*="color:#16a34a"] {
    color: var(--brm-success) !important;
}
body.brm-panel .brm-wp-table td[style*="color:#dc2626"] {
    color: var(--brm-danger) !important;
}
/* Ürün kartları / sepet / satır kutuları (inline style) */
body.brm-panel .brm-wp-panel div[style*="border:1px solid #dde4ee;border-radius:12px"],
body.brm-panel .brm-mkt-panel div[style*="border:1px solid #dde4ee;border-radius:12px"] {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .brm-wp-panel div[style*="background:#f9fbff;padding:10px 14px;border-bottom:1px solid #dde4ee"] {
    background: var(--brm-surface-2) !important;
    border-bottom-color: var(--brm-border) !important;
}
body.brm-panel div[style*="display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #dde"] {
    border-color: var(--brm-border) !important;
}
/* Sepet/modal (inline beyaz zemin) */
body.brm-panel div[style*="background:#fff;border-radius:14px;width:90%;max-width:520px"] {
    background: var(--brm-surface) !important;
}
/* Inline metin renkleri */
body.brm-panel [style*="color:#5f6f82"] {
    color: var(--brm-text-2) !important;
}
body.brm-panel [style*="color:#2c394a"] {
    color: var(--brm-text) !important;
}
body.brm-panel [style*="color:#9aa9bb"] {
    color: var(--brm-text-3) !important;
}
/* Butonlar */
body.brm-panel .berberim-btn-primary {
    background: var(--brm-accent) !important;
    color: #fff !important;
}
body.brm-panel .berberim-btn-primary:hover {
    background: var(--brm-accent-2) !important;
    color: #fff !important;
}

/* ============================================================ */
/* 41. Sayfa: Google Takvim Bağlantısı (berberim-google-calendar-settings) */
/* ============================================================ */
body.brm-panel .berberim-google-calendar-settings h3 {
    color: var(--brm-text) !important;
}
body.brm-panel .berberim-google-calendar-settings div[style*="background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px"] {
    background: var(--brm-surface) !important;
    border-color: var(--brm-border) !important;
}
body.brm-panel .berberim-google-calendar-settings span[style*="color:#334155"],
body.brm-panel .berberim-google-calendar-settings label[style*="color:#334155"] {
    color: var(--brm-text) !important;
}
body.brm-panel .berberim-google-calendar-settings p[style*="color:#64748b"] {
    color: var(--brm-text-2) !important;
}
body.brm-panel .berberim-google-calendar-settings p[style*="color:#991b1b"] {
    color: var(--brm-danger) !important;
}
body.brm-panel .berberim-google-calendar-settings button[style*="border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#ef4444"] {
    background: var(--brm-surface-2) !important;
    border-color: var(--brm-border) !important;
    color: var(--brm-danger) !important;
}
/* Başarı / hata durum kutuları */
body.brm-panel .berberim-google-calendar-settings div[style*="background:#dcfce7;color:#166534;border:1px solid #bbf7d0"] {
    background: var(--brm-success-soft) !important;
    color: var(--brm-success) !important;
    border-color: transparent !important;
}
body.brm-panel .berberim-google-calendar-settings div[style*="background:#fee2e2;color:#991b1b;border:1px solid #fecaca"] {
    background: var(--brm-danger-soft) !important;
    color: var(--brm-danger) !important;
    border-color: transparent !important;
}

/* --------------------------------------------------------------------------
   40. Sayfa: Giriş / Kayıt / Şifremi Unuttum (berberim-register breg-*)
   Panel kabuğu girişsiz ziyaretçilere de açıldığı için bu stiller
   body.brm-panel kapsamında — halka açık sayfalar etkilenmez.
   -------------------------------------------------------------------------- */

/* Girişsiz shell: topbar butonları */
body.brm-panel .brm-auth-top-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: var(--brm-radius-sm);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    transition: all .2s ease;
}
body.brm-panel .brm-auth-top-btn--primary {
    background: var(--brm-accent);
    color: #ffffff;
}
body.brm-panel .brm-auth-top-btn--primary:hover {
    background: var(--brm-accent-2);
    color: #ffffff;
}
body.brm-panel .brm-auth-top-btn--ghost {
    border-color: var(--brm-border);
    color: var(--brm-text-2);
    background: transparent;
}
body.brm-panel .brm-auth-top-btn--ghost:hover {
    color: var(--brm-text);
    background: var(--brm-surface-2);
}

/* Auth form kabı — üst boşluk minimal: topbar altından hemen başlar */
body.brm-panel .breg-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 16px 20px 72px;
    margin-top: 0;
    min-height: calc(100vh - var(--brm-topbar-h));
    overflow-x: hidden;
    background: transparent;
    font-family: var(--brm-font-ui);
}

/* Auth sayfaları: JNews içerik boşluğu da sıfırlanır — form topbar'a yakın başlar */
body.brm-panel.brm-auth-page .jeg_content {
    padding-top: 0;
}
body.brm-panel .breg-card,
body.brm-panel .breg-state-card {
    width: 100%;
    max-width: 520px;
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: 16px;
    box-shadow: var(--brm-shadow-lg);
    padding: 32px 28px 28px;
}

/* Başlık */
body.brm-panel .breg-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: var(--brm-accent-soft);
    font-size: 26px;
    margin-bottom: 14px;
}
body.brm-panel .breg-header h2 {
    color: var(--brm-text);
    font-family: var(--brm-font-ui);
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -0.3px;
}
body.brm-panel .breg-subtitle {
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
}

/* Etiketler + inputlar */
body.brm-panel .breg-field label {
    color: var(--brm-text-2);
    font-family: var(--brm-font-ui);
    text-transform: none;
    letter-spacing: .2px;
    font-size: 12.5px;
}
body.brm-panel .breg-field input[type="text"],
body.brm-panel .breg-field input[type="email"],
body.brm-panel .breg-field input[type="tel"],
body.brm-panel .breg-field input[type="password"],
body.brm-panel .breg-field input[type="date"] {
    background: var(--brm-surface-2);
    border: 1px solid var(--brm-border);
    border-radius: 10px;
    color: var(--brm-text);
    padding: 12px 14px;
    font-size: 14px;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
body.brm-panel .breg-field input::placeholder {
    color: var(--brm-text-3);
}
body.brm-panel .breg-field input:focus {
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px var(--brm-accent-soft);
    background: var(--brm-surface);
}

/* Butonlar */
body.brm-panel .breg-btn-primary {
    background: var(--brm-accent);
    border-color: transparent;
    color: #ffffff;
    box-shadow: none;
}
body.brm-panel .breg-btn-primary:hover {
    background: var(--brm-accent-2);
    color: #ffffff;
    box-shadow: none;
    transform: none;
}
body.brm-panel .breg-btn-primary:active {
    transform: none;
}
body.brm-panel .breg-btn-outline {
    border-color: var(--brm-accent);
    color: var(--brm-accent);
    background: transparent;
}
body.brm-panel .breg-btn-outline:hover {
    background: var(--brm-accent-soft);
    color: var(--brm-accent-2);
}

/* Bildirim / hata kutuları */
body.brm-panel .breg-errors {
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 20px;
    background: var(--brm-danger-soft);
    border: 1px solid transparent;
}
body.brm-panel .breg-error-item {
    color: var(--brm-danger);
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
}
body.brm-panel .breg-notice {
    border-radius: 12px;
    border: 1px solid var(--brm-border);
    background: var(--brm-surface-2);
    box-shadow: none;
}
body.brm-panel .breg-notice-error {
    background: var(--brm-danger-soft);
    border-color: transparent;
}
body.brm-panel .breg-notice-error .breg-notice-item {
    color: var(--brm-danger);
}
body.brm-panel .breg-notice-success {
    background: var(--brm-success-soft);
    border-color: transparent;
}
body.brm-panel .breg-notice-success .breg-notice-item {
    color: var(--brm-success);
}
body.brm-panel .breg-notice-info {
    background: var(--brm-accent-soft);
    border-color: transparent;
}
body.brm-panel .breg-notice-info .breg-notice-item {
    color: var(--brm-accent);
}
body.brm-panel .breg-notice-warning {
    background: #fffbeb;
    border-color: #fcd34d;
}
body.brm-panel .breg-notice-warning .breg-notice-item {
    color: var(--brm-warn);
}
body.brm-panel.brm-panel-dark .breg-notice-warning {
    background: #241d0e;
    border-color: transparent;
}
body.brm-panel.brm-panel-dark .breg-notice-warning .breg-notice-item {
    color: #fbbf24;
}

/* Checkbox + onay metni */
body.brm-panel .breg-checkbox-label {
    color: var(--brm-text-2);
}
body.brm-panel .breg-checkbox-label input[type="checkbox"] {
    accent-color: var(--brm-accent);
}
body.brm-panel .breg-legal-consent {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    color: var(--brm-text-2);
}
body.brm-panel .breg-legal-consent a {
    color: var(--brm-accent);
}

/* Kayıt rol kartları */
body.brm-panel .breg-role-inner {
    background: var(--brm-surface);
    border: 1.5px solid var(--brm-border);
    border-radius: 12px;
}
body.brm-panel .breg-role-card:hover .breg-role-inner {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
}
body.brm-panel .breg-role-selected .breg-role-inner {
    background: var(--brm-accent-soft);
    border-color: var(--brm-accent);
    box-shadow: 0 0 0 3px var(--brm-accent-soft);
}
body.brm-panel .breg-role-icon {
    background: var(--brm-accent-soft);
    box-shadow: none;
}
body.brm-panel .breg-role-label {
    color: var(--brm-text);
}
body.brm-panel .breg-role-sublabel {
    background: var(--brm-accent);
    color: #ffffff;
}
body.brm-panel .breg-role-desc {
    color: var(--brm-text-2);
}
body.brm-panel .breg-role-check {
    background: var(--brm-surface);
    border-color: var(--brm-border);
}
body.brm-panel .breg-role-selected .breg-role-check {
    background: var(--brm-accent);
    border-color: var(--brm-accent);
}

/* Adım başlıkları + geri */
body.brm-panel .breg-step-title {
    color: var(--brm-text);
}
body.brm-panel .breg-back-btn {
    color: var(--brm-accent);
}
body.brm-panel .breg-back-btn:hover {
    color: var(--brm-accent-2);
}
body.brm-panel .breg-strength-bar {
    background: var(--brm-border);
}

/* Durum kartları */
body.brm-panel .breg-state-card {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    box-shadow: var(--brm-shadow-lg);
}
body.brm-panel .breg-state-card-success {
    border-color: var(--brm-border);
}
body.brm-panel .breg-state-title {
    color: var(--brm-text);
}
body.brm-panel .breg-state-text {
    color: var(--brm-text-2);
}
/* 'Oturum açık' rozeti — base'de hiç stil yok, ham metin gibi duruyordu */
body.brm-panel .breg-state-badge {
    display: inline-block;
    background: var(--brm-accent-soft);
    border: 1px solid var(--brm-accent);
    color: var(--brm-accent);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding: 5px 14px;
    border-radius: 999px;
    margin-bottom: 14px;
}

/* Alt bağlantılar */
body.brm-panel .breg-login-footer {
    border-top-color: var(--brm-border);
}
body.brm-panel .breg-footer-link {
    color: var(--brm-accent);
}
body.brm-panel .breg-footer-link:hover {
    color: var(--brm-accent-2);
}
body.brm-panel .breg-footer-divider {
    color: var(--brm-border);
}

/* Sosyal giriş butonları */
body.brm-panel .breg-btn-google,
body.brm-panel .breg-btn-apple {
    background: var(--brm-surface);
    border-color: var(--brm-border);
    color: var(--brm-text);
}
body.brm-panel .breg-btn-google:hover,
body.brm-panel .breg-btn-apple:hover {
    background: var(--brm-surface-2);
    border-color: var(--brm-border);
    box-shadow: none;
    transform: none;
}
body.brm-panel .breg-social-divider {
    color: var(--brm-text-3);
}
body.brm-panel .breg-social-divider::before,
body.brm-panel .breg-social-divider::after {
    background: var(--brm-border);
}

/* Şifre göster/gizle */
body.brm-panel .breg-toggle-pass {
    color: var(--brm-text-3);
}
body.brm-panel .breg-toggle-pass:hover {
    color: var(--brm-text);
}

/* Mobil: kart içeriği taşmasın */
@media (max-width: 590px) {
    body.brm-panel .breg-wrap {
        padding: 28px 14px 56px;
    }
    body.brm-panel .breg-card,
    body.brm-panel .breg-state-card {
        padding: 24px 18px 22px;
        border-radius: 14px;
    }
    body.brm-panel .brm-auth-top-btn--ghost {
        display: none;
    }
}

/* --------------------------------------------------------------------------
   42. Sayfa: Genel Bakış (Dashboard — bv2-dash-*)
   [berberim_dashboard] shortcode'u — gerçek verilerle işletme/personel özeti.
   -------------------------------------------------------------------------- */
body.brm-panel .bv2-dash-root {
    font-family: var(--brm-font-ui);
    color: var(--brm-text);
    max-width: 1080px;
    margin: 0 auto;
}

body.brm-panel .bv2-dash-error {
    background: var(--brm-danger-soft);
    color: var(--brm-danger);
    border: 1px solid var(--brm-border);
    border-radius: var(--brm-radius-sm);
    padding: 12px 16px;
    font-size: 13.5px;
    font-weight: 600;
    margin-bottom: 16px;
}

/* Stat kartları */
body.brm-panel .bv2-dash-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 16px;
}
body.brm-panel .bv2-dash-stat {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: var(--brm-radius);
    padding: 16px;
    box-shadow: var(--brm-shadow);
    transition: box-shadow .2s ease, transform .15s ease;
}
body.brm-panel .bv2-dash-stat:hover {
    box-shadow: var(--brm-shadow-lg);
    transform: translateY(-2px);
}
body.brm-panel .bv2-dash-stat-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
body.brm-panel .bv2-dash-stat-ic {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    flex: none;
}
body.brm-panel .bv2-dash-stat-ic svg {
    width: 19px;
    height: 19px;
}
body.brm-panel .bv2-dash-stat-ic.tint-blue {
    background: var(--brm-accent-soft);
    color: var(--brm-accent);
}
body.brm-panel .bv2-dash-stat-ic.tint-green {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}
body.brm-panel .bv2-dash-stat-ic.tint-amber {
    background: var(--brm-amber-soft, #fffbeb);
    color: var(--brm-amber, #d97706);
}
body.brm-panel .bv2-dash-stat-ic.tint-violet {
    background: var(--brm-indigo-soft, #eef2ff);
    color: var(--brm-indigo, #818cf8);
}
body.brm-panel .bv2-dash-stat-label {
    color: var(--brm-text-2);
    font-size: 12.5px;
    font-weight: 500;
    margin-top: 13px;
}
body.brm-panel .bv2-dash-stat-value {
    font-family: var(--brm-font-mono);
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -.03em;
    margin-top: 3px;
    color: var(--brm-text);
}
body.brm-panel .bv2-dash-trend {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
    white-space: nowrap;
}
body.brm-panel .bv2-dash-trend.trend-up {
    background: var(--brm-success-soft);
    color: var(--brm-success);
}
body.brm-panel .bv2-dash-trend.trend-amber {
    background: var(--brm-amber-soft, #fffbeb);
    color: var(--brm-amber, #d97706);
}
body.brm-panel .bv2-dash-stat-sub {
    color: var(--brm-text-3);
    font-size: 11.5px;
    margin-top: 7px;
    line-height: 1.45;
}

/* Ana grid: grafik + yan panel */
body.brm-panel .bv2-dash-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 14px;
    align-items: start;
}

/* Genel kart */
body.brm-panel .bv2-dash-card {
    background: var(--brm-surface);
    border: 1px solid var(--brm-border);
    border-radius: var(--brm-radius);
    padding: 18px;
    box-shadow: var(--brm-shadow);
    margin-bottom: 14px;
}
body.brm-panel .bv2-dash-card-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}
body.brm-panel .bv2-dash-card-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--brm-text);
}
body.brm-panel .bv2-dash-card-sub {
    font-size: 12px;
    color: var(--brm-text-3);
    margin-top: 2px;
}
body.brm-panel .bv2-dash-legend {
    display: flex;
    gap: 14px;
    font-size: 12px;
    color: var(--brm-text-2);
    align-items: center;
    flex-wrap: wrap;
}
body.brm-panel .bv2-dash-dot {
    width: 8px;
    height: 8px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: 1px;
}
body.brm-panel .bv2-dash-dot.dot-blue {
    background: var(--brm-accent);
}
body.brm-panel .bv2-dash-dot.dot-green {
    background: var(--brm-success);
}

/* Grafik */
body.brm-panel .bv2-dash-chart-cols {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    height: 190px;
}
body.brm-panel .bv2-dash-chart-col {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;
}
body.brm-panel .bv2-dash-bar {
    width: 100%;
    max-width: 22px;
    border-radius: 4px 4px 0 0;
    min-height: 2px;
    transition: height .8s cubic-bezier(.22, 1, .36, 1);
}
body.brm-panel .bv2-dash-bar.bar-blue {
    background: var(--brm-accent);
}
body.brm-panel .bv2-dash-bar.bar-green {
    background: var(--brm-success);
}
body.brm-panel .bv2-dash-bar:hover {
    filter: brightness(1.15);
}
body.brm-panel .bv2-dash-chart-x {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}
body.brm-panel .bv2-dash-chart-x span {
    flex: 1;
    text-align: center;
    font-size: 11px;
    color: var(--brm-text-3);
}
body.brm-panel .bv2-dash-empty {
    color: var(--brm-text-3);
    font-size: 13px;
    padding: 12px 0;
}

/* İşletme özeti satırları */
body.brm-panel .bv2-dash-biz-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 11px 0;
}
body.brm-panel .bv2-dash-biz-row + .bv2-dash-biz-row {
    border-top: 1px solid var(--brm-border);
}
body.brm-panel .bv2-dash-biz-label {
    font-size: 13px;
    color: var(--brm-text-2);
}
body.brm-panel .bv2-dash-biz-value {
    font-family: var(--brm-font-mono);
    font-size: 14px;
    font-weight: 600;
    color: var(--brm-text);
    text-align: right;
}

/* Son aktivite */
body.brm-panel .bv2-dash-activity-card {
    margin-bottom: 0;
}
body.brm-panel .bv2-dash-activity {
    display: flex;
    gap: 12px;
    padding: 11px 0;
    align-items: flex-start;
}
body.brm-panel .bv2-dash-activity:first-child {
    padding-top: 2px;
}
body.brm-panel .bv2-dash-activity + .bv2-dash-activity {
    border-top: 1px solid var(--brm-border);
}
body.brm-panel .bv2-dash-a-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 6px;
    flex: none;
}
body.brm-panel .bv2-dash-a-dot.dot-green {
    background: var(--brm-success);
}
body.brm-panel .bv2-dash-a-dot.dot-blue {
    background: var(--brm-accent);
}
body.brm-panel .bv2-dash-a-dot.dot-indigo {
    background: var(--brm-indigo, #818cf8);
}
body.brm-panel .bv2-dash-a-text {
    flex: 1;
    font-size: 13px;
    color: var(--brm-text);
    line-height: 1.5;
    min-width: 0;
}
body.brm-panel .bv2-dash-a-text b {
    font-weight: 600;
}
body.brm-panel .bv2-dash-a-text small {
    display: block;
    color: var(--brm-text-3);
    font-size: 11.5px;
    margin-top: 2px;
}
body.brm-panel .bv2-dash-a-time {
    font-family: var(--brm-font-mono);
    font-size: 10.5px;
    color: var(--brm-text-3);
    white-space: nowrap;
    margin-top: 5px;
}

/* Responsive */
@media (max-width: 1120px) {
    body.brm-panel .bv2-dash-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 900px) {
    body.brm-panel .bv2-dash-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 560px) {
    body.brm-panel .bv2-dash-stats {
        grid-template-columns: 1fr;
    }
    body.brm-panel .bv2-dash-card {
        padding: 14px;
    }
    body.brm-panel .bv2-dash-chart-cols {
        height: 160px;
        gap: 6px;
    }
    body.brm-panel .bv2-dash-chart-x {
        gap: 6px;
    }
}

/* Dashboard: amber/mor tint'ler — dark modda koyu zemin + açık renk */
body.brm-panel.brm-panel-dark .bv2-dash-stat-ic.tint-amber {
    background: #2a2115;
    color: #fbbf24;
}
body.brm-panel.brm-panel-dark .bv2-dash-stat-ic.tint-violet {
    background: #1e1a33;
    color: #a78bfa;
}
body.brm-panel.brm-panel-dark .bv2-dash-trend.trend-amber {
    background: #2a2115;
    color: #fbbf24;
}