/**
 * Ortak panel kabuğu — CRM (kiracı) ve platform (admin).
 * Filament 3 + Plus Jakarta Sans; Chatwoot / Intercom tarzı sakin kabuk.
 * Sidebar, topbar, giriş, tablolar ve sayfa iskeleti burada; sayfa özel stilleri sonda.
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
    --ps-font: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
    --ps-primary: #2c5282;
    --ps-primary-soft: color-mix(in srgb, #2c5282 12%, white);
    --ps-radius: 0.875rem;
    --ps-radius-sm: 0.65rem;
    --ps-border: #e4e4e7;
    --ps-muted: #71717a;
    --ps-text: #18181b;
    --ps-canvas: #eef4fa;
    --ps-surface: #ffffff;
    --ps-sidebar: #ffffff;
}

.dark {
    --ps-primary-soft: color-mix(in srgb, #2c5282 32%, #111113);
    --ps-border: #3f3f46;
    --ps-muted: #a1a1aa;
    --ps-text: #fafafa;
    --ps-canvas: #09090b;
    --ps-surface: #18181b;
    --ps-sidebar: #111113;
}

html.fi-body,
body.fi-body,
.fi-body,
.fi-simple-layout,
.fi-sidebar,
.fi-topbar,
.fi-main,
.fi-section,
.fi-ta-ctn,
.fi-fo-field-wrp,
.fi-header,
.fi-input,
.fi-select,
.fi-btn,
.fi-dropdown,
.fi-modal-window {
    font-family: var(--ps-font) !important;
}

/* —— Kanvas —— */
html.fi-body,
body.fi-body {
    background: var(--ps-canvas) !important;
    color: var(--ps-text);
    --font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
}

.fi-main-ctn,
.fi-main,
.fi-page {
    background-color: var(--ps-canvas) !important;
}

.dark .fi-main-ctn,
.dark .fi-main,
.dark .fi-page {
    background-color: var(--ps-canvas) !important;
}

/* —— Giriş / sade layout (CRM + platform) —— */
.fi-simple-layout {
    background:
        radial-gradient(1200px 480px at 12% -10%, color-mix(in srgb, var(--ps-primary) 16%, transparent), transparent 70%),
        var(--ps-canvas) !important;
}

.dark .fi-simple-layout {
    background:
        radial-gradient(1200px 480px at 12% -10%, color-mix(in srgb, var(--ps-primary) 28%, transparent), transparent 70%),
        var(--ps-canvas) !important;
}

.fi-simple-main {
    padding-block: 2.5rem;
    border-radius: 1.15rem !important;
    border: 1px solid var(--ps-border) !important;
    box-shadow: 0 12px 40px rgb(15 23 42 / 0.08) !important;
    background: var(--ps-surface) !important;
    font-family: var(--ps-font) !important;
}

.fi-logo {
    font-weight: 800;
    letter-spacing: -0.03em;
}

/* —— Sidebar —— */
.fi-sidebar {
    background: var(--ps-sidebar) !important;
    border-right: 1px solid var(--ps-border) !important;
    box-shadow: none !important;
}

.dark .fi-sidebar {
    background: var(--ps-sidebar) !important;
    border-right-color: var(--ps-border) !important;
}

.fi-sidebar-header {
    height: 3.75rem;
    padding-inline: 1rem !important;
    border-bottom: 1px solid var(--ps-border) !important;
    background: transparent !important;
}

.fi-sidebar-header .fi-logo,
.fi-sidebar-header .fi-logo-text {
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--ps-text) !important;
}

.fi-sidebar-nav {
    padding: 0.75rem 0.55rem 1.25rem !important;
}

.fi-sidebar-nav-groups > li > .fi-sidebar-group-label,
.fi-sidebar-group-label {
    letter-spacing: 0.1em !important;
    font-size: 0.65rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: var(--ps-muted) !important;
    opacity: 1 !important;
    padding-inline: 0.65rem !important;
    margin-top: 0.85rem !important;
}

html body.fi-body .fi-sidebar .fi-sidebar-item-button {
    border-radius: 0.5rem !important;
    margin-inline: 0.15rem;
    border-left: 3px solid transparent !important;
    min-height: 2.05rem;
}

html body.fi-body .fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button:hover {
    background: #f0f7ff !important;
}

html body.fi-body .fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background: #ebf8ff !important;
    border-left-color: #2c5282 !important;
    box-shadow: none;
}

html.dark body.fi-body .fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background: rgba(44, 82, 130, 0.35) !important;
    border-left-color: #93c5fd !important;
}

html body.fi-body .fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon,
html body.fi-body .fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button svg:not(.fi-crm-inbox-sidebar-ch-ico):not(.fi-crm-meta-comments-nav) {
    color: #4a80b5 !important;
}

html body.fi-body .fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-label {
    color: #3b72b4 !important;
    font-weight: 550;
}

html body.fi-body .fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
html body.fi-body .fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button svg:not(.fi-crm-inbox-sidebar-ch-ico):not(.fi-crm-meta-comments-nav) {
    color: var(--ps-primary) !important;
}

html body.fi-body .fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label {
    color: var(--ps-primary) !important;
    font-weight: 700;
}

html body.fi-body .fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-crm-sector-nav-icon {
    color: #64748b !important;
}

html body.fi-body .fi-sidebar .fi-sidebar-item.fi-active .fi-crm-sector-nav-icon {
    color: var(--ps-primary) !important;
}

html.dark body.fi-body .fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-icon,
html.dark body.fi-body .fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-button svg:not(.fi-crm-inbox-sidebar-ch-ico):not(.fi-crm-meta-comments-nav) {
    color: #a1a1aa !important;
}

html.dark body.fi-body .fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-sidebar-item-label {
    color: #e4e4e7 !important;
}

html.dark body.fi-body .fi-sidebar .fi-sidebar-item:not(.fi-active) .fi-crm-sector-nav-icon {
    color: #a1a1aa !important;
}

html.dark body.fi-body .fi-sidebar .fi-sidebar-item.fi-active .fi-crm-sector-nav-icon,
html.dark body.fi-body .fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
html.dark body.fi-body .fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-button svg:not(.fi-crm-inbox-sidebar-ch-ico):not(.fi-crm-meta-comments-nav),
html.dark body.fi-body .fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label {
    color: #e0f2fe !important;
}

html body.fi-body .fi-sidebar .fi-sidebar-item .fi-badge {
    background: color-mix(in srgb, var(--ps-primary) 12%, white) !important;
    color: var(--ps-primary) !important;
    box-shadow: none !important;
    font-weight: 700;
}

html.dark body.fi-body .fi-sidebar .fi-sidebar-item .fi-badge {
    background: color-mix(in srgb, var(--ps-primary) 28%, transparent) !important;
    color: #bfdbfe !important;
}

/* Şube seçici — standart select */
.ps-branch {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.35rem;
    margin: 0.2rem 0.45rem 0.9rem;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
}

.ps-branch-mark {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    flex-shrink: 0;
    border-radius: 0.7rem;
    background: var(--ps-primary);
    color: #fff;
}

.ps-branch-mark-ico {
    width: 1.05rem;
    height: 1.05rem;
}

.ps-branch-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ps-branch-kicker {
    display: block;
    margin: 0;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 0;
    text-transform: none !important;
    color: var(--ps-text) !important;
}

.ps-branch-select {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 2.4rem;
    margin: 0;
    padding: 0.45rem 2rem 0.45rem 0.7rem;
    border: 1px solid var(--ps-border);
    border-radius: 0.55rem;
    background-color: var(--ps-surface);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2371717a' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    background-size: 0.95rem;
    color: var(--ps-text);
    font-family: var(--ps-font) !important;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.35;
    appearance: none;
    cursor: pointer;
}

.ps-branch-select:hover {
    border-color: color-mix(in srgb, var(--ps-primary) 35%, var(--ps-border));
}

.ps-branch-select:focus {
    outline: none;
    border-color: var(--ps-primary);
    box-shadow: 0 0 0 3px var(--ps-primary-soft);
}

.dark .ps-branch-select {
    background-color: var(--ps-surface);
    border-color: var(--ps-border);
}

.ps-branch-office {
    margin: 0;
    font-size: 0.7rem;
    line-height: 1.35;
    color: var(--ps-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 1024px) {
    .fi-sidebar:not(.fi-sidebar-open) .ps-branch-body {
        display: none;
    }
    .fi-sidebar:not(.fi-sidebar-open) .ps-branch-mark {
        display: flex;
    }
    .fi-sidebar:not(.fi-sidebar-open) .ps-branch {
        align-items: center;
        margin-inline: 0.2rem;
        padding: 0.2rem 0;
    }
}

.ps-context-kicker {
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--ps-muted) !important;
}

/* —— Topbar / header —— */
.fi-topbar,
.fi-topbar nav,
.fi-topbar-nav {
    z-index: 30;
    overflow: visible !important;
}

.fi-topbar nav,
.fi-topbar > nav,
.fi-topbar-nav {
    box-shadow: 0 1px 0 rgb(44 82 130 / 0.08) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--ps-primary) 12%, var(--ps-border)) !important;
    background: color-mix(in srgb, #ffffff 92%, #e8f1fb) !important;
    height: 3.75rem !important;
    min-height: 3.75rem;
}

.dark .fi-topbar nav,
.dark .fi-topbar > nav,
.dark .fi-topbar-nav {
    border-bottom-color: var(--ps-border) !important;
    background: color-mix(in srgb, var(--ps-canvas) 82%, var(--ps-surface)) !important;
}

.fi-topbar-end {
    position: relative;
    z-index: 40;
    flex-shrink: 0;
    margin-inline-start: auto;
}

.fi-topbar .fi-global-search {
    width: 16rem;
    max-width: min(16rem, 46vw);
}

@media (min-width: 768px) {
    .fi-topbar .fi-global-search {
        width: 22rem;
        max-width: 22rem;
    }
}

@media (max-width: 639px) {
    .fi-topbar .fi-global-search {
        width: 8.75rem;
        max-width: 42vw;
    }
}

.fi-body .fi-topbar-open-sidebar-btn,
.fi-body .fi-topbar-close-sidebar-btn,
.fi-body .fi-topbar-database-notifications-btn,
.fi-body .fi-user-menu-trigger,
.fi-body .fi-theme-switcher button {
    color: var(--ps-primary) !important;
}

.dark .fi-body .fi-topbar-open-sidebar-btn,
.dark .fi-body .fi-topbar-close-sidebar-btn,
.dark .fi-body .fi-topbar-database-notifications-btn,
.dark .fi-body .fi-user-menu-trigger {
    color: #93c5fd !important;
}

.fi-global-search-field .fi-input-wrp {
    border-radius: 999px !important;
    background: var(--ps-canvas) !important;
    box-shadow: inset 0 0 0 1px var(--ps-border) !important;
}

.fi-global-search-field .fi-input {
    font-size: 0.875rem !important;
}

.fi-global-search-field .fi-input-wrp-icon {
    color: var(--ps-primary) !important;
}

.dark .fi-global-search-field .fi-input-wrp-icon {
    color: #93c5fd !important;
}

.fi-user-menu-trigger {
    border-radius: 999px !important;
}

/* —— Sayfa başlığı —— */
.fi-header {
    gap: 0.75rem;
}

.fi-header-heading {
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    color: var(--ps-text) !important;
}

.fi-header-subheading {
    color: var(--ps-muted) !important;
    font-size: 0.9rem !important;
}

.fi-page > section,
.fi-page-content {
    gap: 1.25rem;
}

/* —— Kartlar, bölümler, widget’lar —— */
.fi-section,
.fi-wi-widget .fi-section,
.fi-wi-stats-overview-stat,
.fi-ta-ctn,
.fi-fo-component-ctn .fi-section,
.fi-modal-window {
    border-radius: var(--ps-radius) !important;
}

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat {
    border-color: var(--ps-border) !important;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05) !important;
    background: var(--ps-surface) !important;
}

.dark .fi-section,
.dark .fi-ta-ctn,
.dark .fi-wi-stats-overview-stat {
    background: var(--ps-surface) !important;
    border-color: var(--ps-border) !important;
}

.fi-section-header-heading {
    font-weight: 800 !important;
    font-size: 0.92rem !important;
}

.fi-section-header-description {
    color: var(--ps-muted) !important;
}

.fi-wi-stats-overview-stat-label {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ps-muted) !important;
}

.fi-wi-stats-overview-stat-value {
    letter-spacing: -0.03em;
    font-weight: 800 !important;
}

/* —— Tablolar —— */
.fi-ta-header-cell {
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--ps-muted) !important;
    background: color-mix(in srgb, var(--ps-canvas) 70%, var(--ps-surface)) !important;
}

.fi-ta-row {
    border-color: color-mix(in srgb, var(--ps-border) 80%, transparent) !important;
}

.fi-ta-record:hover {
    background: color-mix(in srgb, var(--ps-primary) 5%, transparent) !important;
}

/* —— Formlar —— */
.fi-input,
.fi-select-input,
.fi-textarea,
.fi-fo-field-wrp-label span {
    font-family: var(--ps-font) !important;
}

.fi-input-wrp,
.fi-select-wrp,
.fi-textarea-wrp {
    border-radius: var(--ps-radius-sm) !important;
}

.fi-fo-field-wrp-label {
    font-weight: 650 !important;
}

.fi-tabs {
    background: #f4f4f5;
    border-radius: 0.9rem;
    padding: 0.28rem;
}

.dark .fi-tabs {
    background: #27272a;
}

.fi-tabs-item {
    border-radius: 0.7rem !important;
    font-weight: 650 !important;
}

.fi-btn {
    border-radius: var(--ps-radius-sm) !important;
    font-weight: 650 !important;
}

/* Dashboard sektör karoları — kabukla uyumlu yumuşak gölge */
.crm-ql-card {
    border-radius: var(--ps-radius) !important;
    border-color: var(--ps-border) !important;
}

.crm-ql-tile-solid {
    border-radius: var(--ps-radius) !important;
}

/* ============================================================
   Infobip kanal kartları
   ============================================================ */
.ib-int-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

@media (max-width: 767px) {
    .ib-int-cards { grid-template-columns: 1fr; }
}

.ib-int-card {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
    border-radius: 0.85rem;
    border: 1px solid var(--ps-border);
    background: var(--ps-surface);
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
}

.dark .ib-int-card {
    border-color: var(--ps-border);
    background: var(--ps-surface);
}

.ib-int-card.is-on {
    border-color: color-mix(in srgb, var(--ps-primary) 35%, var(--ps-border));
    background: color-mix(in srgb, var(--ps-primary) 8%, white);
}

.ib-int-card-label { font-weight: 700; font-size: 0.8125rem; flex: 1; }
.ib-int-card-state { font-size: 0.75rem; color: var(--ps-muted); }
.ib-int-card.is-on .ib-int-card-state { color: #166534; font-weight: 600; }

.ib-int-card--whatsapp.is-on { border-color: #25d366; }
.ib-int-card--facebook.is-on { border-color: #0084ff; }
.ib-int-card--instagram.is-on { border-color: #dd2a7b; }

.ib-int-card-top {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ib-int-card-icon {
    font-size: 1.15rem;
    width: 1.4rem;
    text-align: center;
}

.ib-int-card--whatsapp .ib-int-card-icon { color: #25d366; }
.ib-int-card--facebook .ib-int-card-icon { color: #0084ff; }
.ib-int-card--instagram .ib-int-card-icon { color: #dd2a7b; }

.ib-int-card-pill {
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
}

.ib-int-card-pill.on { background: #dcfce7; color: #166534; }
.ib-int-card-pill.off { background: #f4f4f5; color: #71717a; }
.dark .ib-int-card-pill.off { background: #27272a; color: #a1a1aa; }

.ib-int-card-hint {
    margin: 0.15rem 0 0;
    font-size: 0.78rem;
    line-height: 1.4;
    color: var(--ps-muted);
}

.ib-int-card--whatsapp { box-shadow: inset 3px 0 0 #25d366, 0 1px 2px rgb(15 23 42 / 0.04); }
.ib-int-card--facebook { box-shadow: inset 3px 0 0 #0084ff, 0 1px 2px rgb(15 23 42 / 0.04); }
.ib-int-card--instagram { box-shadow: inset 3px 0 0 #dd2a7b, 0 1px 2px rgb(15 23 42 / 0.04); }

/* ============================================================
   Sosyal medya operasyon + departman KPI
   ============================================================ */
.sm-ops { display: flex; flex-direction: column; gap: 1.25rem; }
.sm-ops-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    flex-wrap: wrap;
}
.sm-ops-kicker {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ps-primary);
}
.sm-ops-lead {
    margin: 0.35rem 0 0;
    max-width: 42rem;
    color: #52525b;
    font-size: 0.9rem;
    line-height: 1.55;
}
.dark .sm-ops-lead { color: #a1a1aa; }
.sm-ops-toolbar-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.sm-ops-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}
@media (max-width: 900px) {
    .sm-ops-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.sm-ops-stat {
    padding: 1rem 1.1rem;
    border-radius: 0.95rem;
    background: var(--ps-surface);
    border: 1px solid var(--ps-border);
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
}
.dark .sm-ops-stat { background: var(--ps-surface); border-color: var(--ps-border); }
.sm-ops-stat span { display: block; font-size: 0.72rem; font-weight: 600; color: var(--ps-muted); }
.sm-ops-stat strong { display: block; margin-top: 0.35rem; font-size: 1.5rem; letter-spacing: -0.03em; }
.sm-ops-channels {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}
@media (max-width: 900px) {
    .sm-ops-channels { grid-template-columns: 1fr; }
}
.sm-ops-channel {
    padding: 1rem 1.1rem;
    border-radius: 0.95rem;
    border: 1px solid var(--ps-border);
    background: var(--ps-surface);
}
.dark .sm-ops-channel { background: var(--ps-surface); border-color: var(--ps-border); }
.sm-ops-channel header { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; }
.sm-ops-channel-name { font-weight: 800; }
.sm-ops-channel p { margin: 0.45rem 0 0; font-size: 0.8rem; color: var(--ps-muted); }
.sm-ops-pill {
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
}
.sm-ops-pill.on { background: #dcfce7; color: #166534; }
.sm-ops-pill.off { background: #f4f4f5; color: #71717a; }
.sm-ops-channel--whatsapp.is-on { box-shadow: inset 3px 0 0 #25d366; }
.sm-ops-channel--facebook.is-on { box-shadow: inset 3px 0 0 #0084ff; }
.sm-ops-channel--instagram.is-on { box-shadow: inset 3px 0 0 #dd2a7b; }
.sm-ops-webhook {
    padding: 1rem;
    border-radius: 0.95rem;
    border: 1px dashed #d4d4d8;
}
.sm-ops-webhook > span { display: block; font-weight: 700; font-size: 0.8rem; margin-bottom: 0.5rem; }
.sm-ops-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 0.75rem;
}
@media (max-width: 900px) {
    .sm-ops-grid { grid-template-columns: 1fr; }
}
.sm-ops-panel {
    padding: 1rem 1.1rem;
    border-radius: 0.95rem;
    border: 1px solid var(--ps-border);
    background: var(--ps-surface);
}
.dark .sm-ops-panel { background: var(--ps-surface); border-color: var(--ps-border); }
.sm-ops-panel h3 { margin: 0 0 0.75rem; font-size: 0.9rem; font-weight: 800; }
.sm-ops-row {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.55rem 0;
    border-top: 1px solid #f4f4f5;
    text-decoration: none;
    color: inherit;
}
.dark .sm-ops-row { border-top-color: #27272a; }
.sm-ops-row-ch { font-size: 0.65rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ps-primary); }
.sm-ops-row-body { font-size: 0.82rem; }
.sm-ops-row-meta { font-size: 0.72rem; color: var(--ps-muted); }
.sm-ops-empty { color: #a1a1aa; font-size: 0.82rem; }
.sm-ops-form-save { margin-top: 1rem; }

/* ============================================================
   Genel ayarlar (kiracı) — aynı dil, sayfa iskeleti
   ============================================================ */
.ps-settings {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.ps-settings-hero {
    padding: 1.15rem 1.25rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--ps-primary) 10%, #fff) 0%, #fff 58%);
    border: 1px solid color-mix(in srgb, var(--ps-primary) 18%, var(--ps-border));
}

.dark .ps-settings-hero {
    background: linear-gradient(135deg, color-mix(in srgb, var(--ps-primary) 22%, #18181b) 0%, #18181b 70%);
    border-color: var(--ps-border);
}

.ps-settings-kicker {
    margin: 0;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ps-primary);
}

.ps-settings-lead {
    margin: 0.4rem 0 0;
    max-width: 40rem;
    color: #3f3f46;
    font-size: 0.95rem;
    line-height: 1.55;
}

.dark .ps-settings-lead { color: #d4d4d8; }

.ps-settings-tabs {
    display: inline-flex;
    gap: 0.25rem;
    padding: 0.28rem;
    border-radius: 0.9rem;
    background: #f4f4f5;
    width: max-content;
    max-width: 100%;
    flex-wrap: wrap;
}

.dark .ps-settings-tabs { background: #27272a; }

.ps-settings-tab {
    display: inline-flex;
    align-items: center;
    border: 0;
    border-radius: 0.7rem;
    padding: 0.55rem 0.95rem;
    font-size: 0.875rem;
    font-weight: 650;
    font-family: inherit;
    line-height: inherit;
    color: #52525b;
    text-decoration: none;
    background: transparent;
    cursor: pointer;
}

.ps-settings-tab:hover { color: #18181b; background: rgb(255 255 255 / 0.55); }
.ps-settings-tab.is-on {
    background: #fff;
    color: #18181b;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.08);
}

.dark .ps-settings-tab { color: #a1a1aa; }
.dark .ps-settings-tab.is-on { background: #3f3f46; color: #fafafa; }

.ps-settings-panel .fi-section {
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
}

.ps-settings-save {
    position: sticky;
    bottom: 0.75rem;
    z-index: 10;
    margin-top: 0.5rem;
    padding: 0.85rem 1rem;
    border-radius: 0.9rem;
    background: rgb(255 255 255 / 0.92);
    border: 1px solid var(--ps-border);
    backdrop-filter: blur(8px);
}

.dark .ps-settings-save {
    background: rgb(24 24 27 / 0.92);
    border-color: var(--ps-border);
}

html body.fi-body .fi-ta-content {
    overflow-x: auto;
}

html body.fi-body .fi-ta-header-cell {
    white-space: nowrap;
}

/*
 * Bildirim modalı topbar içinde. Kapalıyken tıklama yutmasın.
 * Açıkken (aria-hidden=false) tam ekran soluk + sağ panel.
 */
html body.fi-body .fi-topbar .fi-modal {
    pointer-events: none !important;
}

html body.fi-body .fi-topbar .fi-modal[aria-hidden='true'] {
    display: none !important;
    pointer-events: none !important;
}

html body.fi-body .fi-topbar .fi-modal[aria-hidden='false'] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 200 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: none !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: stretch;
    justify-content: flex-end;
    pointer-events: auto !important;
}

html body.fi-body .fi-topbar .fi-modal[aria-hidden='false'] .fi-modal-close-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: auto !important;
    height: auto !important;
    background: rgb(15 23 42 / 0.45) !important;
    pointer-events: auto !important;
    cursor: pointer;
}

html body.fi-body .fi-topbar .fi-modal-window {
    pointer-events: auto !important;
}

html body.fi-body .fi-topbar .fi-modal[aria-hidden='false'] .fi-modal-window {
    position: relative !important;
    z-index: 1 !important;
    height: 100% !important;
    max-height: 100dvh !important;
    width: min(28rem, 100vw) !important;
    margin-inline-start: auto !important;
    pointer-events: auto !important;
    box-shadow: -16px 0 48px rgb(15 23 42 / 0.18) !important;
}

.ps-settings-hub {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

@media (min-width: 640px) {
    .ps-settings-hub {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .ps-settings-hub {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.ps-settings-card {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 8.25rem;
    padding: 1.05rem 1.1rem 1.15rem;
    border-radius: 1rem;
    border: 1px solid var(--ps-border);
    background: var(--ps-surface);
    text-decoration: none;
    color: inherit;
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.ps-settings-card:hover {
    border-color: color-mix(in srgb, var(--ps-primary) 32%, var(--ps-border));
    box-shadow: 0 8px 22px rgb(44 82 130 / 0.1);
    transform: translateY(-1px);
}

.ps-settings-card-kicker {
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ps-primary);
}

.ps-settings-card-title {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--ps-text);
}

.ps-settings-card-help {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.45;
    color: var(--ps-muted);
}

html body.fi-body .fi-ta-row {
    transition: background-color 0.12s ease;
}

html body.fi-body .fi-empty-state-heading {
    font-weight: 800 !important;
    letter-spacing: -0.02em;
}

html body.fi-body .fi-empty-state-description {
    color: var(--ps-muted) !important;
}

html body.fi-body .fi-simple-page {
    max-width: 28rem;
}

html body.fi-body .fi-btn {
    font-weight: 650;
}

.sm-ops-stat {
    border-radius: 1rem;
    padding: 1rem 1.05rem;
    background: var(--ps-surface);
    border: 1px solid var(--ps-border);
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
}

.sm-ops-stat > span:first-child {
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ps-muted);
}

.ib-int-request {
    margin-top: 0.65rem;
    display: inline-flex;
    align-items: center;
    border: 0;
    border-radius: 0.65rem;
    padding: 0.4rem 0.7rem;
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    background: var(--ps-primary);
    cursor: pointer;
}

.ib-int-request:hover {
    filter: brightness(1.06);
}