/* PAN CRM Global UI Redesign v149 - 2026-06-03
   Amaç: CRM genelinde büyük blok hissini azaltmak, formları sıkılaştırmak,
   üst menüyü inceltmek, tablo ve kartları daha profesyonel hale getirmek.
*/

:root {
    --pan-bg: #eef2f6;
    --pan-surface: #ffffff;
    --pan-surface-2: #f8fafc;
    --pan-surface-3: #f1f5f9;
    --pan-line: #d7dee8;
    --pan-line-soft: #e8edf3;
    --pan-text: #1f2937;
    --pan-muted: #64748b;
    --pan-primary: #1e9fd4;
    --pan-primary-2: #0f7fae;
    --pan-primary-soft: #e9f8ff;
    --pan-orange: #f58220;
    --pan-orange-2: #e96300;
    --pan-danger: #dc2626;
    --pan-success: #15803d;
    --pan-radius: 7px;
    --pan-shadow: 0 1px 3px rgba(15, 23, 42, .08);
    --pan-shadow-menu: 0 10px 24px rgba(15, 23, 42, .18);
    --pan-topbar-h: 68px;
    --pan-menu-h: 40px;
}

/* =========================================================
   GLOBAL LIGHT MODE
   ========================================================= */
html,
body,
.fi-body,
.fi-layout,
.fi-main,
.fi-page,
.fi-page-content,
.fi-panel,
.fi-simple-layout {
    background: var(--pan-bg) !important;
    color: var(--pan-text) !important;
    color-scheme: light !important;
}

.dark,
.dark body,
.dark .fi-body,
.dark .fi-layout,
.dark .fi-main,
.dark .fi-page,
.dark .fi-page-content {
    background: var(--pan-bg) !important;
    color: var(--pan-text) !important;
    color-scheme: light !important;
}

[class*="dark\:bg-gray"],
[class*="dark\:bg-slate"],
.dark [class*="dark\:bg-gray"],
.dark [class*="dark\:bg-slate"] {
    background-color: var(--pan-surface) !important;
}

[class*="dark\:text-gray"],
[class*="dark\:text-slate"],
[class*="dark\:text-white"],
.dark [class*="dark\:text-gray"],
.dark [class*="dark\:text-slate"],
.dark [class*="dark\:text-white"] {
    color: var(--pan-text) !important;
}

[class*="dark\:border-gray"],
[class*="dark\:border-slate"],
.dark [class*="dark\:border-gray"],
.dark [class*="dark\:border-slate"] {
    border-color: var(--pan-line) !important;
}

/* =========================================================
   TOPBAR / LOGO - daha ince, daha kurumsal
   ========================================================= */
.fi-topbar {
    min-height: var(--pan-topbar-h) !important;
    height: var(--pan-topbar-h) !important;
    background:
        linear-gradient(90deg, rgba(255,255,255,.42) 0 220px, transparent 221px),
        linear-gradient(180deg, #ffffff 0%, #f5f8fb 100%) !important;
    border-bottom: 1px solid var(--pan-line) !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .08) !important;
    z-index: 90 !important;
}

.fi-logo,
.fi-sidebar-header,
.fi-topbar .fi-logo {
    color: transparent !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.pancrm-logo-area {
    position: fixed;
    top: 0;
    left: 16px;
    z-index: 120;
    height: var(--pan-topbar-h);
    width: 210px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none !important;
    overflow: hidden;
}

.pancrm-logo-area img {
    max-height: 58px;
    max-width: 198px;
    object-fit: contain;
    display: block;
}

.pancrm-logo-text-main {
    display: none;
    color: #225f7a;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .02em;
}

.pancrm-logo-text-sub {
    display: none;
    position: absolute;
    left: 68px;
    top: 43px;
    color: var(--pan-orange-2);
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .34em;
}

.pancrm-logo-area.pancrm-logo-missing .pancrm-logo-text-main,
.pancrm-logo-area.pancrm-logo-missing .pancrm-logo-text-sub {
    display: block;
}

.fi-topbar nav,
.fi-topbar .fi-icon-btn,
.fi-topbar .fi-avatar,
.fi-topbar .fi-dropdown-trigger,
.fi-user-menu-trigger,
.fi-global-search-field {
    position: relative;
    z-index: 130 !important;
    color: var(--pan-text) !important;
}

.fi-topbar .fi-input,
.fi-topbar input {
    background: #ffffff !important;
    color: var(--pan-text) !important;
    border: 1px solid var(--pan-line) !important;
    min-height: 32px !important;
    height: 32px !important;
}

/* =========================================================
   SIDEBAR KAPALI - yatay CRM
   ========================================================= */
.fi-sidebar,
.fi-sidebar-nav,
.fi-sidebar-header {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.fi-layout {
    --sidebar-width: 0px !important;
}

.fi-main {
    margin-left: 0 !important;
    max-width: none !important;
    padding-top: calc(var(--pan-menu-h) + 10px) !important;
}

.fi-main-ctn {
    max-width: none !important;
}

/* =========================================================
   ANA MENÜ - daha ince, eski CRM hızında
   ========================================================= */
.pancrm-top-shell {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--pan-topbar-h);
    height: var(--pan-menu-h);
    z-index: 95;
    background: linear-gradient(180deg, #ff9d35 0%, var(--pan-orange) 48%, var(--pan-orange-2) 100%);
    border-bottom: 1px solid #cf5200;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 1px 4px rgba(15, 23, 42, .14);
    display: flex;
    align-items: stretch;
    padding-left: 0;
    padding-right: 10px;
}

.pancrm-main-menu {
    display: flex;
    align-items: stretch;
    height: var(--pan-menu-h);
    gap: 0;
    flex: 1;
    min-width: 0;
    overflow: visible;
}

.pancrm-menu-item {
    position: relative;
    display: flex;
    align-items: stretch;
}

.pancrm-menu-item > a {
    display: flex;
    align-items: center;
    height: var(--pan-menu-h);
    padding: 0 15px;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    border-left: 1px solid rgba(255,255,255,.18);
    border-right: 1px solid rgba(0,0,0,.12);
    text-shadow: 0 1px 0 rgba(0,0,0,.14);
    white-space: nowrap;
}

.pancrm-menu-item:first-child > a {
    border-left: 0;
}

.pancrm-menu-item:hover > a {
    background: #ffffff;
    color: #27313b !important;
    text-shadow: none;
}

.pancrm-submenu {
    display: none;
    position: absolute;
    left: 0;
    top: var(--pan-menu-h);
    min-width: 250px;
    max-width: 390px;
    background: #ffffff;
    border: 1px solid var(--pan-line);
    border-top: 0;
    box-shadow: var(--pan-shadow-menu);
    padding: 6px 0;
    z-index: 9998;
}

.pancrm-submenu-wide {
    min-width: 330px;
}

.pancrm-menu-item:hover .pancrm-submenu {
    display: block;
}

.pancrm-submenu a,
.pancrm-submenu-title {
    display: block;
    padding: 8px 13px;
    color: #30363d !important;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none !important;
    border-bottom: 1px solid var(--pan-line-soft);
    background: #ffffff;
}

.pancrm-submenu-title {
    color: var(--pan-orange-2) !important;
    background: #fff7ed !important;
    font-weight: 850 !important;
}

.pancrm-submenu a:last-child {
    border-bottom: 0;
}

.pancrm-submenu a:hover {
    background: var(--pan-primary-soft);
    color: var(--pan-primary-2) !important;
}

.pancrm-system-buttons {
    position: fixed;
    top: 18px;
    right: 350px;
    z-index: 132;
    display: flex;
    align-items: center;
    gap: 5px;
}

.pancrm-system-buttons a {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid var(--pan-line);
    color: #253041 !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: var(--pan-shadow);
}

.pancrm-system-buttons a:hover {
    background: var(--pan-primary-soft);
    color: var(--pan-primary-2) !important;
    border-color: #a6ddf5;
}

.pancrm-task-top-link.is-red {
    background: #fff1f2 !important;
    color: #b91c1c !important;
    border-color: #fecdd3 !important;
}

.pancrm-task-top-link.is-pink {
    background: #fdf2f8 !important;
    color: #be185d !important;
    border-color: #fbcfe8 !important;
}

/* =========================================================
   SAYFA BAŞLIĞI / İÇERİK
   ========================================================= */
.fi-page {
    gap: 8px !important;
}

.fi-page-content,
.fi-main > div,
.fi-main-ctn > div {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.fi-header {
    margin-top: 0 !important;
    padding: 9px 13px !important;
    background: #ffffff !important;
    border: 1px solid var(--pan-line) !important;
    border-radius: var(--pan-radius) !important;
    box-shadow: var(--pan-shadow) !important;
}

.fi-header-heading {
    color: var(--pan-text) !important;
    font-size: 19px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

.fi-breadcrumbs {
    margin-bottom: 2px !important;
    font-size: 12px !important;
}

.fi-header-actions,
.fi-ac {
    gap: 6px !important;
}

/* =========================================================
   KARTLAR / SECTIONS - büyük blok yerine ince fiş
   ========================================================= */
.fi-section,
.fi-wi-widget,
.fi-ta,
.fi-fo-section,
.fi-in-section,
.fi-modal-window,
.fi-dropdown-panel {
    background: #ffffff !important;
    color: var(--pan-text) !important;
    border: 1px solid var(--pan-line) !important;
    border-radius: var(--pan-radius) !important;
    box-shadow: var(--pan-shadow) !important;
}

.fi-section,
.fi-fo-section,
.fi-in-section {
    overflow: hidden !important;
}

.fi-section-header {
    background: #f8fafc !important;
    border-bottom: 1px solid var(--pan-line) !important;
    color: var(--pan-text) !important;
    padding: 8px 11px !important;
}

.fi-section-header-heading,
.fi-section-header h2,
.fi-section-header h3 {
    font-size: 14px !important;
    font-weight: 850 !important;
    color: var(--pan-text) !important;
}

.fi-section-content,
.fi-fo-section-content,
.fi-in-section-content {
    padding: 10px 12px !important;
}

/* Form satırları */
.fi-fo-component-ctn,
.fi-sc-component-ctn,
.fi-fo-grid,
.fi-grid {
    gap: 8px 12px !important;
}

.fi-fo-field-wrp {
    gap: 3px !important;
}

.fi-fo-field-wrp-label,
.fi-fo-field-wrp-label span,
.fi-input-wrp-label {
    color: #334155 !important;
    font-weight: 760 !important;
    font-size: 12px !important;
    margin-bottom: 1px !important;
    line-height: 1.15 !important;
}

.fi-fo-field-wrp-helper-text,
.fi-fo-field-wrp-hint,
.fi-fo-field-wrp-error-message {
    font-size: 11px !important;
    line-height: 1.2 !important;
}

.fi-input-wrp,
.fi-select-input-wrp,
.fi-textarea-wrp {
    border-radius: 5px !important;
}

.fi-input,
.fi-select-input,
.fi-textarea,
.fi-fo-field-wrp input,
.fi-fo-field-wrp select,
.fi-fo-field-wrp textarea {
    background: #ffffff !important;
    color: #111827 !important;
    border-radius: 5px !important;
    border-color: #cbd5e1 !important;
    min-height: 32px !important;
    height: 32px !important;
    font-size: 13px !important;
    box-shadow: inset 0 1px 1px rgba(15,23,42,.04) !important;
}

.fi-textarea,
.fi-fo-field-wrp textarea {
    min-height: 58px !important;
    height: auto !important;
}

.fi-input:focus,
.fi-select-input:focus,
.fi-textarea:focus,
.fi-fo-field-wrp input:focus,
.fi-fo-field-wrp select:focus,
.fi-fo-field-wrp textarea:focus {
    border-color: var(--pan-primary) !important;
    box-shadow: 0 0 0 2px rgba(30, 159, 212, .14) !important;
}

/* Checkbox / toggle alanları */
.fi-checkbox-input,
.fi-radio-input {
    width: 15px !important;
    height: 15px !important;
}

/* Repeater ve relation alanları */
.fi-fo-repeater-item,
.fi-fo-builder-item {
    border-radius: 6px !important;
    border: 1px solid var(--pan-line) !important;
    box-shadow: none !important;
}

/* =========================================================
   TABLOLAR - daha sıkı CRM listesi
   ========================================================= */
.fi-ta,
.fi-ta-header,
.fi-ta-content,
.fi-ta-table,
.fi-ta-table tbody,
.fi-ta-table tr,
.fi-ta-table td,
.fi-ta-table th,
.fi-ta-ctn,
.fi-ta-record,
.fi-ta-row,
.fi-ta-summary-row,
.fi-ta-pagination,
.fi-ta-empty-state,
.fi-ta-toolbar {
    background-color: #ffffff !important;
    color: var(--pan-text) !important;
}

.fi-ta-header,
.fi-ta-toolbar {
    border-bottom: 1px solid var(--pan-line) !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.fi-ta-table,
.fi-page table {
    width: 100%;
    border-collapse: collapse !important;
    font-size: 12.5px !important;
    color: var(--pan-text) !important;
    background: #ffffff !important;
}

.fi-ta-table thead,
.fi-page table thead tr,
.fi-ta-table thead tr,
.fi-ta-header-row {
    background: #f8fafc !important;
}

.fi-ta-table th,
.fi-page table th {
    background: #f8fafc !important;
    color: #334155 !important;
    font-weight: 850 !important;
    border-bottom: 1px solid var(--pan-line) !important;
    border-right: 1px solid #e5e7eb !important;
    white-space: nowrap !important;
    padding: 7px 8px !important;
}

.fi-ta-table td,
.fi-page table td {
    background: #ffffff !important;
    color: var(--pan-text) !important;
    border-bottom: 1px solid #edf1f5 !important;
    padding: 6px 8px !important;
    vertical-align: middle !important;
}

.fi-ta-row:nth-child(even) td,
.fi-page table tbody tr:nth-child(even) td {
    background: #fbfcfe !important;
}

.fi-ta-row:hover td,
.fi-page table tbody tr:hover td {
    background: #eef9ff !important;
}

.fi-ta-text,
.fi-ta-col-wrp {
    font-size: 12.5px !important;
}

.fi-pagination,
.fi-ta-pagination {
    font-size: 12px !important;
}

/* Filtre alanları */
.fi-ta-filters,
.fi-ta-filters-form,
.fi-ta-filter,
.fi-ta-filter-indicators {
    gap: 8px !important;
}

/* =========================================================
   BUTONLAR - küçük, net, hızlı
   ========================================================= */
.fi-btn {
    border-radius: 5px !important;
    font-weight: 820 !important;
    min-height: 30px !important;
    height: auto !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 12.5px !important;
    box-shadow: none !important;
}

.fi-btn-size-sm {
    min-height: 27px !important;
    font-size: 12px !important;
}

.fi-btn-color-primary,
.fi-ac-btn-action.fi-color-primary {
    background: linear-gradient(180deg, #22aee6, var(--pan-primary)) !important;
    color: #ffffff !important;
    border: 1px solid var(--pan-primary-2) !important;
}

.fi-btn-color-primary *,
.fi-btn-color-primary .fi-btn-label,
.fi-btn-color-primary svg,
.fi-ac-btn-action.fi-color-primary *,
.fi-ac-btn-action.fi-color-primary svg {
    color: #ffffff !important;
}

.fi-btn-color-gray,
.fi-btn.fi-color-gray {
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
    color: #30363d !important;
    border: 1px solid #cbd5e1 !important;
}

.fi-btn-color-gray *,
.fi-btn-color-gray .fi-btn-label,
.fi-btn-color-gray svg,
.fi-btn.fi-color-gray *,
.fi-btn.fi-color-gray svg {
    color: #30363d !important;
}

.fi-btn-color-danger,
.fi-btn.fi-color-danger {
    background: #dc2626 !important;
    color: #ffffff !important;
    border: 1px solid #b91c1c !important;
}

/* =========================================================
   DROPDOWN / MODAL TEMİZLİĞİ
   Not: Popup katmanını aşırı zorlamadan sadece okunurluk ve üstte kalma.
   ========================================================= */
.fi-dropdown-panel,
.fi-dropdown,
[data-floating-ui-portal] {
    z-index: 10000 !important;
}

.fi-modal {
    z-index: 10050 !important;
}

.fi-modal-window {
    z-index: 10060 !important;
    border-radius: 8px !important;
}

.fi-modal-header,
.fi-modal-footer {
    padding: 10px 14px !important;
}

.fi-modal-content {
    padding: 12px 14px !important;
}

/* =========================================================
   MÜŞTERİ / ÜRÜN / TEKLİF SAYFALARI İÇİN GENEL DOKUNUŞ
   ========================================================= */
.fi-page .rounded-xl {
    border-radius: var(--pan-radius) !important;
    border: 1px solid var(--pan-line) !important;
    background: #ffffff !important;
    color: var(--pan-text) !important;
    box-shadow: var(--pan-shadow) !important;
}

.fi-page .text-sm {
    line-height: 1.35 !important;
}

/* Relation manager / alt tablolar */
.fi-resource-relation-manager,
.fi-tabs,
.fi-tabs-item {
    font-size: 13px !important;
}

.fi-tabs {
    gap: 4px !important;
}

.fi-tabs-item {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

/* Dashboard kartları */
.fi-wi-widget {
    border-radius: 8px !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1500px) {
    .pancrm-system-buttons {
        right: 310px;
    }

    .pancrm-menu-item > a {
        padding: 0 12px;
        font-size: 12.5px;
    }
}

@media (max-width: 1300px) {
    .pancrm-system-buttons {
        display: none;
    }

    .pancrm-main-menu {
        overflow-x: auto;
        overflow-y: visible;
    }
}

@media (max-width: 1023px) {
    :root {
        --pan-topbar-h: 58px;
        --pan-menu-h: 38px;
    }

    .pancrm-logo-area {
        display: none;
    }

    .pancrm-menu-item > a {
        padding: 0 11px;
        font-size: 12px;
    }

    .pancrm-submenu {
        min-width: 230px;
    }

    .fi-main {
        padding-top: calc(var(--pan-menu-h) + 8px) !important;
    }

    .fi-page-content,
    .fi-main > div,
    .fi-main-ctn > div {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}


/* =========================================================
   PAN CRM v150 - MÜŞTERİ KARTI GELİŞTİRME
   Amaç: Müşteri / firma kartlarını büyük blok hissinden çıkarıp
   daha sıkı, hizalı ve profesyonel CRM fişi görünümüne yaklaştırmak.
   ========================================================= */

/* Müşteri formu sayfasında genel genişlik ve ritim */
.fi-page:has(.pancrm-customer-card-v150) .fi-page-content,
.fi-page:has(.pancrm-customer-card-v150) .fi-main > div,
.fi-page:has(.pancrm-customer-card-v150) .fi-main-ctn > div {
    padding-top: 8px !important;
}

.pancrm-customer-card-v150 {
    border: 1px solid #cfd8e3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .055) !important;
}

.pancrm-customer-card-v150 > .fi-section-header,
.pancrm-customer-card-v150 .fi-section-header {
    min-height: 38px !important;
    padding: 8px 12px !important;
    background: linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%) !important;
    border-bottom: 1px solid #d8e0ea !important;
}

.pancrm-customer-card-v150 .fi-section-header-heading,
.pancrm-customer-card-v150 .fi-section-header h2,
.pancrm-customer-card-v150 h2 {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    color: #1f2937 !important;
    letter-spacing: .01em !important;
}

.pancrm-customer-card-v150 .fi-section-content,
.pancrm-customer-card-v150 .fi-section-content-ctn,
.pancrm-customer-card-v150 > div:last-child {
    padding: 10px 12px 12px !important;
}

/* Alanları fiş mantığında sıkılaştır */
.pancrm-customer-card-v150 .fi-fo-field-wrp,
.pancrm-customer-card-v150 .fi-field-wrapper,
.pancrm-customer-card-v150 [data-field-wrapper] {
    margin: 0 !important;
}

.pancrm-customer-card-v150 .fi-fo-field-wrp-label,
.pancrm-customer-card-v150 label,
.pancrm-customer-card-v150 .fi-fo-field-wrp-label span {
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 750 !important;
    color: #4b5563 !important;
    margin-bottom: 3px !important;
}

.pancrm-customer-card-v150 .fi-input-wrp,
.pancrm-customer-card-v150 .fi-select-input,
.pancrm-customer-card-v150 input,
.pancrm-customer-card-v150 select,
.pancrm-customer-card-v150 textarea {
    min-height: 31px !important;
    border-radius: 6px !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    background: #ffffff !important;
}

.pancrm-customer-card-v150 input,
.pancrm-customer-card-v150 select {
    height: 31px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.pancrm-customer-card-v150 textarea {
    min-height: 54px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    resize: vertical !important;
}

.pancrm-customer-card-v150 .grid,
.pancrm-customer-card-v150 [class*="grid-cols"] {
    row-gap: 7px !important;
    column-gap: 8px !important;
}

/* Uzun alanlar daha okunaklı */
.pancrm-customer-card-v150 input[name="title"],
.pancrm-customer-card-v150 input[id*="title"],
.pancrm-customer-card-v150 input[name="email"],
.pancrm-customer-card-v150 input[name="website"] {
    font-weight: 650 !important;
}

/* Select kutularının da inputlarla aynı yükseklikte görünmesi */
.pancrm-customer-card-v150 .choices,
.pancrm-customer-card-v150 .choices__inner,
.pancrm-customer-card-v150 [role="combobox"] {
    min-height: 31px !important;
    font-size: 12.5px !important;
}

/* Müşteri detay/düzenleme üst aksiyonları daha derli toplu */
.fi-page:has(.pancrm-customer-card-v150) .fi-header-actions,
.fi-page:has(.pancrm-customer-card-v150) .fi-page-header-actions {
    gap: 6px !important;
}

.fi-page:has(.pancrm-customer-card-v150) .fi-header-actions .fi-btn,
.fi-page:has(.pancrm-customer-card-v150) .fi-page-header-actions .fi-btn {
    min-height: 30px !important;
    padding: 5px 10px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

/* Müşteri liste sayfası: tabloyu daha hızlı okunur yap */
.fi-resource-customers .fi-ta-table,
body:has(a[href*="/admin/customers"]) .fi-ta-table {
    font-size: 12.5px !important;
}

.fi-resource-customers .fi-ta-row,
body:has(a[href*="/admin/customers"]) .fi-ta-row {
    min-height: 34px !important;
}

.fi-resource-customers .fi-ta-cell,
.fi-resource-customers .fi-ta-header-cell {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* Relation manager sekmeleri müşteri kartında daha az yer kaplasın */
.fi-page:has(.pancrm-customer-card-v150) .fi-tabs {
    padding: 4px !important;
    gap: 3px !important;
}

.fi-page:has(.pancrm-customer-card-v150) .fi-tabs-item {
    padding: 6px 10px !important;
    font-size: 12px !important;
    border-radius: 7px !important;
}

@media (max-width: 1100px) {
    .pancrm-customer-card-v150 .grid,
    .pancrm-customer-card-v150 [class*="grid-cols"] {
        row-gap: 8px !important;
        column-gap: 8px !important;
    }
}


/* =========================================================
   PAN CRM Customer Card Professional Redesign v151
   Amaç: büyük blokları azaltmadan formu daha şık, düzenli ve okunabilir yapmak.
   Müşteri kartı tek formda kalır; inputlar arası mesafe azalır, satır hissi güçlenir.
   ========================================================= */

.pancrm-customer-card-v151 {
    --cc-bg: #ffffff;
    --cc-soft: #f8fafc;
    --cc-line: #d9e2ec;
    --cc-line-2: #edf1f6;
    --cc-text: #1e293b;
    --cc-muted: #64748b;
    --cc-accent: #f58220;
    --cc-accent-soft: #fff4e8;
    --cc-blue: #0f7fae;
    --cc-blue-soft: #ecf8ff;
    background: var(--cc-bg) !important;
    border: 1px solid var(--cc-line) !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05) !important;
    overflow: hidden !important;
}

.pancrm-customer-card-v151 > div:first-child,
.pancrm-customer-card-v151 .fi-section-header {
    min-height: 38px !important;
    padding: 9px 13px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%) !important;
    border-bottom: 1px solid var(--cc-line) !important;
}

.pancrm-customer-card-v151 .fi-section-header-heading,
.pancrm-customer-card-v151 h2,
.pancrm-customer-card-v151 h3 {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: var(--cc-text) !important;
    letter-spacing: .01em !important;
}

.pancrm-customer-card-v151 .fi-section-content,
.pancrm-customer-card-v151 > div:last-child {
    padding: 11px 13px 13px !important;
    background:
        linear-gradient(90deg, rgba(248, 250, 252, .75) 0 1px, transparent 1px),
        linear-gradient(180deg, #ffffff 0%, #ffffff 100%) !important;
    background-size: 6px 100%, auto !important;
}

.pancrm-customer-card-v151 .grid,
.pancrm-customer-card-v151 [class*="grid"] {
    gap: 7px 9px !important;
}

.pancrm-customer-card-v151 .fi-fo-field-wrp,
.pancrm-customer-card-v151 .fi-fieldset,
.pancrm-customer-card-v151 [data-field-wrapper] {
    margin: 0 !important;
}

/* Label/input hiyerarşisi */
.pancrm-customer-card-v151 .fi-fo-field-wrp-label,
.pancrm-customer-card-v151 label,
.pancrm-customer-card-v151 .fi-fo-field-wrp-label span {
    font-size: 11px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    color: #475569 !important;
    margin-bottom: 3px !important;
}

.pancrm-customer-card-v151 .fi-fo-field-wrp-helper-text,
.pancrm-customer-card-v151 .fi-fo-field-wrp-error-message {
    font-size: 10px !important;
    margin-top: 2px !important;
}

.pancrm-customer-card-v151 input,
.pancrm-customer-card-v151 select,
.pancrm-customer-card-v151 textarea,
.pancrm-customer-card-v151 .fi-input,
.pancrm-customer-card-v151 .fi-select-input,
.pancrm-customer-card-v151 .fi-textarea {
    min-height: 31px !important;
    height: 31px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    color: #111827 !important;
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    border-radius: 6px !important;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, .03) !important;
}

.pancrm-customer-card-v151 textarea,
.pancrm-customer-card-v151 .fi-textarea {
    height: auto !important;
    min-height: 58px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    resize: vertical !important;
}

.pancrm-customer-card-v151 input:focus,
.pancrm-customer-card-v151 select:focus,
.pancrm-customer-card-v151 textarea:focus,
.pancrm-customer-card-v151 .fi-input:focus,
.pancrm-customer-card-v151 .fi-select-input:focus,
.pancrm-customer-card-v151 .fi-textarea:focus,
.pancrm-customer-card-v151 [data-focus="true"] {
    border-color: var(--cc-blue) !important;
    box-shadow: 0 0 0 2px rgba(15, 127, 174, .12) !important;
}

.pancrm-customer-card-v151 input::placeholder,
.pancrm-customer-card-v151 textarea::placeholder {
    color: #94a3b8 !important;
    font-size: 11px !important;
}

/* Select / choices yapısını kompaktlaştır */
.pancrm-customer-card-v151 .fi-select,
.pancrm-customer-card-v151 .choices,
.pancrm-customer-card-v151 .choices__inner,
.pancrm-customer-card-v151 .ts-control {
    min-height: 31px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
}

.pancrm-customer-card-v151 .choices__inner,
.pancrm-customer-card-v151 .ts-control {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    border-color: #cbd5e1 !important;
}

/* Tek kart içinde satır düzeni hissi */
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(1),
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(2),
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(3) {
    padding-bottom: 2px !important;
}

.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(4),
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(9),
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(14),
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(19),
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(23),
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(28) {
    position: relative !important;
}

.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(4)::before,
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(9)::before,
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(14)::before,
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(19)::before,
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(23)::before,
.pancrm-customer-card-v151 .fi-fo-field-wrp:nth-child(28)::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    right: calc(-100vw + 100%);
    height: 1px;
    background: var(--cc-line-2);
    pointer-events: none;
}

/* Müşteri kartındaki kritik alanlar daha dengeli görünsün */
.pancrm-customer-card-v151 [name="title"],
.pancrm-customer-card-v151 input[name="title"] {
    font-weight: 700 !important;
    letter-spacing: .005em !important;
}

.pancrm-customer-card-v151 [name="customer_code"],
.pancrm-customer-card-v151 [name="tax_number"],
.pancrm-customer-card-v151 [name="phone"],
.pancrm-customer-card-v151 [name="mobile"],
.pancrm-customer-card-v151 [name="company_gsm"] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
    font-size: 12px !important;
}

/* Edit/View sayfası aksiyonları daha modern */
.fi-page .fi-header-actions,
.fi-page .fi-page-header-actions {
    gap: 6px !important;
}

.fi-page .fi-header-actions .fi-btn,
.fi-page .fi-page-header-actions .fi-btn,
.fi-page .fi-ac-btn-action,
.fi-page .fi-btn {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

/* Müşteri listesi kartları ve tablolar */
.fi-ta-table thead th,
.fi-ta-table tbody td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.fi-ta-table tbody tr:hover td {
    background: #fff7ed !important;
}

/* Geniş ekranlarda formu gereksiz yaymadan daha dengeli tut */
@media (min-width: 1280px) {
    .pancrm-customer-card-v151 .fi-section-content,
    .pancrm-customer-card-v151 > div:last-child {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

@media (max-width: 1024px) {
    .pancrm-customer-card-v151 .grid,
    .pancrm-customer-card-v151 [class*="grid"] {
        gap: 8px !important;
    }

    .pancrm-customer-card-v151 input,
    .pancrm-customer-card-v151 select,
    .pancrm-customer-card-v151 textarea,
    .pancrm-customer-card-v151 .fi-input,
    .pancrm-customer-card-v151 .fi-select-input {
        min-height: 34px !important;
        height: 34px !important;
    }
}


/* =========================================================
   PAN CRM Customer Card Summary Layout v152
   Amaç: Müşteri kartını tek uzun form görüntüsünden çıkarıp;
   üstte özet bandı + ince ayraçlı, okunabilir CRM formuna çevirmek.
   ========================================================= */
.pancrm-customer-card-v152 {
    border-radius: 12px !important;
    border: 1px solid #cfd9e6 !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .07) !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.pancrm-customer-card-v152 > div,
.pancrm-customer-card-v152 .fi-section-content,
.pancrm-customer-card-v152 [class*="fi-section-content"] {
    background: #ffffff !important;
    background-image: none !important;
}

.pancrm-customer-card-v152 .fi-section-header,
.pancrm-customer-card-v152 [class*="fi-section-header"] {
    min-height: 42px !important;
    padding: 11px 16px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%) !important;
    border-bottom: 1px solid #d9e2ec !important;
}

.pancrm-customer-card-v152 .fi-section-header-heading,
.pancrm-customer-card-v152 h2,
.pancrm-customer-card-v152 h3 {
    font-size: 14px !important;
    font-weight: 850 !important;
    color: #0f172a !important;
}

.pancrm-customer-card-v152 .fi-section-content {
    padding: 12px 14px 14px !important;
}

.pancrm-customer-card-v152 .grid,
.pancrm-customer-card-v152 [class*="grid-cols"] {
    row-gap: 9px !important;
    column-gap: 10px !important;
}

.pancrm-customer-summary-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    margin: 0 0 8px 0;
    border: 1px solid #d7e8f2;
    border-left: 4px solid #0f7fae;
    border-radius: 10px;
    background: linear-gradient(90deg, #f1fbff 0%, #ffffff 65%);
}

.pancrm-customer-summary-main {
    min-width: 260px;
}

.pancrm-customer-summary-title {
    color: #0f172a;
    font-size: 20px;
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -.02em;
    margin-bottom: 4px;
}

.pancrm-customer-summary-sub {
    color: #64748b;
    font-size: 11px;
    font-weight: 650;
}

.pancrm-customer-summary-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    align-items: center;
    max-width: 980px;
}

.pancrm-customer-summary-pills span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid #dbe5ef;
    border-radius: 999px;
    background: #ffffff;
    color: #334155;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.pancrm-customer-summary-pills span b {
    color: #0f7fae;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.pancrm-customer-row-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
    margin-bottom: -1px;
    padding: 7px 9px 6px;
    border-top: 1px solid #e5edf5;
    border-bottom: 1px solid #eef3f8;
    background: linear-gradient(90deg, #f8fafc 0%, #ffffff 100%);
}

.pancrm-customer-row-title strong {
    position: relative;
    padding-left: 10px;
    color: #0f172a;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
}

.pancrm-customer-row-title strong::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 13px;
    border-radius: 999px;
    background: #f58220;
}

.pancrm-customer-row-title span {
    color: #64748b;
    font-size: 11px;
    font-weight: 650;
}

.pancrm-customer-card-v152 .fi-fo-field-wrp-label,
.pancrm-customer-card-v152 label {
    margin-bottom: 3px !important;
    color: #111827 !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
}

.pancrm-customer-card-v152 input,
.pancrm-customer-card-v152 select,
.pancrm-customer-card-v152 textarea,
.pancrm-customer-card-v152 .fi-input,
.pancrm-customer-card-v152 .fi-select-input,
.pancrm-customer-card-v152 .fi-ta-textarea {
    min-height: 32px !important;
    height: 32px !important;
    border-radius: 7px !important;
    border-color: #d7dee8 !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 1px rgba(15, 23, 42, .03) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    color: #1f2937 !important;
}

.pancrm-customer-card-v152 textarea,
.pancrm-customer-card-v152 .fi-ta-textarea {
    min-height: 54px !important;
    height: auto !important;
    line-height: 1.25 !important;
}

.pancrm-customer-card-v152 input:focus,
.pancrm-customer-card-v152 textarea:focus,
.pancrm-customer-card-v152 [class*="fi-input-wrp"]:focus-within {
    border-color: #0f7fae !important;
    box-shadow: 0 0 0 2px rgba(15, 127, 174, .12) !important;
}

.pancrm-customer-card-v152 .fi-placeholder,
.pancrm-customer-card-v152 [class*="fi-placeholder"] {
    margin: 0 !important;
}

.pancrm-customer-card-v152 .fi-fo-field-wrp-helper-text,
.pancrm-customer-card-v152 [class*="helper"] {
    display: none !important;
}

.pancrm-customer-card-v152 [data-field-wrapper] {
    margin-top: 0 !important;
}

.pancrm-customer-card-v152 .fi-btn,
.pancrm-customer-card-v152 button,
.pancrm-customer-card-v152 a.fi-btn {
    min-height: 30px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

@media (max-width: 1200px) {
    .pancrm-customer-summary-card {
        flex-direction: column;
        align-items: stretch;
    }

    .pancrm-customer-summary-pills {
        justify-content: flex-start;
    }
}


/* =========================================================
   PAN CRM Modern Shell + Customer Dossier v153
   Amaç: kenarları kullanan, modern, hızlı ve daha okunur CRM görünümü.
   ========================================================= */
:root {
    --pan-v153-bg: #eaf0f6;
    --pan-v153-canvas: #f7fafc;
    --pan-v153-card: #ffffff;
    --pan-v153-card-2: #f8fafc;
    --pan-v153-line: #d9e2ec;
    --pan-v153-line-soft: #edf2f7;
    --pan-v153-text: #132434;
    --pan-v153-muted: #657789;
    --pan-v153-blue: #0f6f9e;
    --pan-v153-blue-2: #0a4f71;
    --pan-v153-orange: #f58220;
    --pan-v153-orange-2: #ec6f08;
    --pan-v153-shadow: 0 10px 28px rgba(15, 35, 55, .08);
    --pan-v153-radius: 12px;
}

html, body, .fi-body, .fi-layout, .fi-main, .fi-page, .fi-page-content {
    background:
        radial-gradient(circle at top left, rgba(15,111,158,.12), transparent 340px),
        linear-gradient(180deg, #eef4f9 0%, var(--pan-v153-bg) 100%) !important;
}

.fi-main {
    max-width: none !important;
}

.fi-main-ctn,
.fi-page,
.fi-page-content,
.fi-page > section,
.fi-page .fi-section,
.fi-page .fi-fo-component-ctn {
    max-width: none !important;
}

.fi-page {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.fi-page-content {
    padding: 10px 14px 18px !important;
}

.fi-section,
.fi-card,
.fi-ta-ctn,
.fi-in-section {
    border-radius: var(--pan-v153-radius) !important;
    border: 1px solid rgba(160, 176, 192, .55) !important;
    box-shadow: 0 8px 22px rgba(24, 39, 55, .06) !important;
    background: rgba(255,255,255,.96) !important;
}

.fi-section-header {
    min-height: 42px !important;
    padding: 10px 14px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f8fb 100%) !important;
    border-bottom: 1px solid var(--pan-v153-line) !important;
}

.fi-section-header-heading,
.fi-section-header h2,
.fi-section-header h3 {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--pan-v153-text) !important;
}

/* Üst yapı: daha dolu ama daha ince. */
.fi-topbar {
    height: 62px !important;
    min-height: 62px !important;
    background: rgba(255,255,255,.96) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(148, 163, 184, .40) !important;
}

.pancrm-logo-area {
    left: 12px !important;
    width: 185px !important;
    height: 62px !important;
}

.pancrm-logo-area img {
    max-height: 52px !important;
    max-width: 176px !important;
}

.pancrm-main-menu {
    left: 0 !important;
    right: 0 !important;
    top: 62px !important;
    height: 36px !important;
    padding-left: 0 !important;
    background: linear-gradient(90deg, #ff8a1d 0%, #f36f0a 100%) !important;
    box-shadow: 0 5px 14px rgba(210, 89, 0, .20) !important;
}

.pancrm-menu-item > a {
    height: 36px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.fi-topbar + *,
.fi-main-ctn {
    padding-top: 4px !important;
}

/* Formlar: daha profesyonel, yoğun bilgiye uygun. */
.fi-input-wrp,
.fi-select-input,
.fi-fo-textarea,
.fi-fo-field-wrp input,
.fi-fo-field-wrp textarea,
.fi-fo-field-wrp select {
    border-radius: 8px !important;
    min-height: 34px !important;
    font-size: 13px !important;
    background-color: #fff !important;
    border-color: #cfd8e3 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 2px rgba(15, 23, 42, .05) !important;
}

.fi-input-wrp:focus-within,
.fi-fo-field-wrp:focus-within .fi-input-wrp {
    border-color: var(--pan-v153-blue) !important;
    box-shadow: 0 0 0 3px rgba(15,111,158,.12), 0 1px 2px rgba(15,23,42,.07) !important;
}

.fi-fo-field-wrp-label,
.fi-fo-field-wrp-label span,
.fi-fo-field-wrp label {
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: #101d2d !important;
    margin-bottom: 3px !important;
}

.fi-fo-field-wrp {
    gap: 3px !important;
}

.fi-fo-component-ctn,
.fi-grid {
    gap: 8px !important;
}

/* Müşteri kartı: firma dosyası görünümü. */
.pancrm-v153-customer-shell {
    margin: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: var(--pan-v153-shadow) !important;
}

.pancrm-v153-customer-shell > .fi-section-content-ctn,
.pancrm-v153-customer-shell .fi-section-content {
    padding: 0 !important;
}

.pancrm-v153-customer-shell .fi-grid {
    padding: 10px 14px 14px !important;
}

.pancrm-v153-hero {
    margin: -10px -14px 8px !important;
    padding: 14px 16px !important;
    display: grid !important;
    grid-template-columns: minmax(360px, 1.25fr) minmax(520px, 1.75fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
    background:
        linear-gradient(135deg, rgba(10,79,113,.98) 0%, rgba(15,111,158,.95) 52%, rgba(245,130,32,.94) 100%) !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,.18) !important;
}

.pancrm-v153-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    padding: 3px 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
}

.pancrm-v153-title {
    font-size: 23px !important;
    line-height: 1.16 !important;
    font-weight: 900 !important;
    letter-spacing: -.02em !important;
    color: #fff !important;
}

.pancrm-v153-subtitle {
    margin-top: 5px !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
}

.pancrm-v153-hero-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
}

.pancrm-v153-hero-grid span {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    border-radius: 10px !important;
    padding: 7px 9px !important;
    background: rgba(255,255,255,.13) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    color: #fff !important;
    overflow: hidden !important;
}

.pancrm-v153-hero-grid b {
    font-size: 10px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    color: rgba(255,255,255,.66) !important;
}

.pancrm-v153-row-title {
    margin: 8px 0 2px !important;
    padding: 8px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    border-radius: 9px !important;
    border: 1px solid var(--pan-v153-line-soft) !important;
    background: linear-gradient(90deg, #f7fafc 0%, #fff 100%) !important;
    box-shadow: inset 3px 0 0 var(--pan-v153-orange) !important;
}

.pancrm-v153-row-title span {
    color: #12283a !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

.pancrm-v153-row-title small {
    color: var(--pan-v153-muted) !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
}

.pancrm-v153-contact-box {
    height: 100% !important;
    min-height: 70px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr auto !important;
    gap: 8px !important;
    align-items: stretch !important;
    padding: 8px !important;
    border-radius: 10px !important;
    background: #f8fbfd !important;
    border: 1px solid #dbe5ef !important;
}

.pancrm-v153-contact-box div {
    border-radius: 8px !important;
    background: #fff !important;
    border: 1px solid #e4ebf2 !important;
    padding: 7px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px !important;
}

.pancrm-v153-contact-box b {
    color: var(--pan-v153-muted) !important;
    font-size: 10.5px !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.pancrm-v153-contact-box span {
    color: var(--pan-v153-text) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.pancrm-v153-contact-box a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    border-radius: 8px !important;
    padding: 0 12px !important;
    background: var(--pan-v153-blue) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.pancrm-phone-input input,
.pancrm-phone-input .fi-input {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
    letter-spacing: .02em !important;
}

/* Tablolar ve listeler: kenarları kullan, satırlar daha hızlı okunur. */
.fi-ta-table {
    font-size: 12.5px !important;
}

.fi-ta-row,
.fi-ta-cell {
    min-height: 34px !important;
}

.fi-ta-header-cell {
    background: #f2f6fa !important;
    color: #163047 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
}

.fi-ta-cell {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.fi-btn,
.fi-icon-btn {
    border-radius: 8px !important;
    font-weight: 800 !important;
}

.fi-btn {
    min-height: 32px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

@media (max-width: 1180px) {
    .pancrm-v153-hero {
        grid-template-columns: 1fr !important;
    }
    .pancrm-v153-hero-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .pancrm-v153-contact-box {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   PAN CRM v154 - geniş ekran, renkli modern kabuk
   ========================================================= */
:root {
    --pan-v154-navy: #0f3d57;
    --pan-v154-blue: #1187b7;
    --pan-v154-cyan: #19b5d1;
    --pan-v154-orange: #f58220;
    --pan-v154-orange-dark: #df5f00;
    --pan-v154-green: #16a34a;
    --pan-v154-purple: #7c3aed;
    --pan-v154-pink: #db2777;
    --pan-v154-bg: #e9eff5;
    --pan-v154-card: #ffffff;
    --pan-v154-border: #cfd9e5;
    --pan-v154-soft-blue: #e9f7ff;
    --pan-v154-soft-orange: #fff4e8;
    --pan-v154-soft-green: #ecfdf3;
    --pan-v154-soft-purple: #f4f0ff;
}

html,
body,
.fi-body,
.fi-layout,
.fi-main,
.fi-page,
.fi-page-content {
    background:
        radial-gradient(circle at 0 110px, rgba(25, 181, 209, .18), transparent 300px),
        radial-gradient(circle at 100% 120px, rgba(245, 130, 32, .16), transparent 330px),
        linear-gradient(180deg, #f3f7fb 0%, var(--pan-v154-bg) 100%) !important;
}

.fi-main {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.fi-page,
.fi-page-content,
.fi-main > div,
.fi-main-ctn > div {
    max-width: 1820px !important;
    width: calc(100vw - 36px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.fi-page-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* üst kabuk: daha renkli ama daha temiz */
.fi-topbar {
    background:
        linear-gradient(90deg, rgba(15,61,87,.06) 0 235px, transparent 236px),
        linear-gradient(180deg, #ffffff 0%, #edf5fb 100%) !important;
    border-bottom: 1px solid rgba(15, 61, 87, .18) !important;
}

.pancrm-top-shell {
    height: 42px !important;
    background:
        linear-gradient(90deg, var(--pan-v154-navy) 0 215px, transparent 216px),
        linear-gradient(180deg, #ff9b31 0%, var(--pan-v154-orange) 48%, var(--pan-v154-orange-dark) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 4px 14px rgba(15,61,87,.20) !important;
}

.pancrm-main-menu > .pancrm-menu-item > a {
    min-width: 78px !important;
    justify-content: center !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    border-right: 1px solid rgba(255,255,255,.22) !important;
}

.pancrm-main-menu > .pancrm-menu-item:nth-child(1) > a { background: rgba(15,61,87,.10) !important; }
.pancrm-main-menu > .pancrm-menu-item:nth-child(2) > a { background: rgba(17,135,183,.10) !important; }
.pancrm-main-menu > .pancrm-menu-item:nth-child(3) > a { background: rgba(124,58,237,.08) !important; }
.pancrm-main-menu > .pancrm-menu-item:nth-child(4) > a { background: rgba(22,163,74,.09) !important; }
.pancrm-main-menu > .pancrm-menu-item:nth-child(5) > a { background: rgba(219,39,119,.08) !important; }

.fi-header,
.fi-page-header {
    margin-bottom: 8px !important;
}

.fi-header-heading,
.fi-page-header-heading {
    color: var(--pan-v154-navy) !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
}

/* genel kartlar: tam genişliği kullansın */
.fi-section,
.fi-card,
.fi-ta-ctn,
.fi-in-section {
    border: 1px solid rgba(15,61,87,.13) !important;
    box-shadow: 0 8px 22px rgba(15,61,87,.08) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.fi-section-header {
    background: linear-gradient(90deg, #ffffff 0%, #f3f8fc 55%, #fff7ef 100%) !important;
    border-bottom: 1px solid rgba(15,61,87,.12) !important;
}

.fi-section-header-heading {
    color: var(--pan-v154-navy) !important;
    font-weight: 950 !important;
}

/* müşteri kartı: kenarları kullanan modern dosya */
.fi-page:has(.pancrm-v153-customer-shell) .fi-page,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-content,
.fi-page:has(.pancrm-v153-customer-shell) .fi-main > div,
.fi-page:has(.pancrm-v153-customer-shell) .fi-main-ctn > div {
    max-width: 1840px !important;
    width: calc(100vw - 30px) !important;
}

.pancrm-v153-customer-shell {
    border: 1px solid rgba(15,61,87,.18) !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%) !important;
    box-shadow: 0 18px 40px rgba(15,61,87,.12) !important;
}

.pancrm-v153-customer-shell > .fi-section-header,
.pancrm-v153-customer-shell .fi-section-header {
    min-height: 44px !important;
    padding: 10px 16px !important;
    background:
        linear-gradient(90deg, rgba(15,61,87,.98) 0%, rgba(17,135,183,.94) 46%, rgba(245,130,32,.92) 100%) !important;
    border-bottom: 0 !important;
}

.pancrm-v153-customer-shell .fi-section-header-heading,
.pancrm-v153-customer-shell .fi-section-header h2 {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    letter-spacing: .01em !important;
}

.pancrm-v153-customer-shell .fi-section-content,
.pancrm-v153-customer-shell .fi-section-content-ctn,
.pancrm-v153-customer-shell > div:last-child {
    background:
        linear-gradient(90deg, rgba(15,61,87,.035) 0 1px, transparent 1px) 0 0 / 28px 28px,
        linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
    padding: 12px 14px 14px !important;
}

/* hero: firma kartının üstü daha güçlü, renkli ve hızlı okunur */
.pancrm-v153-hero {
    min-height: 96px !important;
    display: grid !important;
    grid-template-columns: minmax(360px, 1.15fr) minmax(760px, 1.85fr) !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(15,61,87,.18) !important;
    background:
        linear-gradient(110deg, rgba(15,61,87,.98) 0%, rgba(17,135,183,.92) 52%, rgba(245,130,32,.90) 100%) !important;
    box-shadow: 0 14px 28px rgba(15,61,87,.16) !important;
}

.pancrm-v153-hero-left {
    border-radius: 11px !important;
    padding: 12px 14px !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.pancrm-v153-eyebrow {
    color: rgba(255,255,255,.78) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

.pancrm-v153-title {
    color: #fff !important;
    font-size: 25px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
    margin-top: 3px !important;
}

.pancrm-v153-subtitle {
    color: rgba(255,255,255,.86) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin-top: 6px !important;
}

.pancrm-v153-hero-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.pancrm-v153-hero-grid span {
    min-height: 42px !important;
    border-radius: 10px !important;
    padding: 7px 10px !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    box-shadow: 0 6px 14px rgba(15,61,87,.12) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.pancrm-v153-hero-grid span:nth-child(3),
.pancrm-v153-hero-grid span:nth-child(4) {
    background: #fff7ed !important;
}

.pancrm-v153-hero-grid span:nth-child(5),
.pancrm-v153-hero-grid span:nth-child(6) {
    background: #ecfeff !important;
}

.pancrm-v153-hero-grid span:nth-child(7),
.pancrm-v153-hero-grid span:nth-child(8) {
    background: #f0fdf4 !important;
}

.pancrm-v153-hero-grid b {
    color: #64748b !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    margin-bottom: 4px !important;
}

.pancrm-v153-hero-grid span:not(:has(b)) {
    color: var(--pan-v154-navy) !important;
}

/* satır başlıkları büyük blok gibi değil, renkli ayraç gibi */
.pancrm-v153-row-title {
    margin: 10px 0 2px !important;
    padding: 7px 10px !important;
    border-radius: 9px !important;
    background: linear-gradient(90deg, #eff8ff 0%, #ffffff 58%, #fff5eb 100%) !important;
    border: 1px solid rgba(15,61,87,.12) !important;
    box-shadow: inset 4px 0 0 var(--pan-v154-orange) !important;
}

.pancrm-v153-row-title span {
    color: var(--pan-v154-navy) !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
}

.pancrm-v153-row-title small {
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* form alanları: hızlı, modern, fazla boşluksuz */
.pancrm-v153-customer-shell .fi-fo-field-wrp,
.pancrm-v153-customer-shell .fi-field-wrapper,
.pancrm-v153-customer-shell [data-field-wrapper] {
    margin-bottom: 2px !important;
}

.pancrm-v153-customer-shell label,
.pancrm-v153-customer-shell .fi-fo-field-wrp-label span {
    color: #102f46 !important;
    font-size: 11.5px !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
}

.pancrm-v153-customer-shell .fi-input-wrp,
.pancrm-v153-customer-shell .fi-select-input,
.pancrm-v153-customer-shell input,
.pancrm-v153-customer-shell select,
.pancrm-v153-customer-shell textarea,
.pancrm-v153-customer-shell [role="combobox"] {
    min-height: 34px !important;
    border-radius: 9px !important;
    border-color: #cbd7e3 !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 1px 4px rgba(15,61,87,.07) !important;
}

.pancrm-v153-customer-shell input:focus,
.pancrm-v153-customer-shell textarea:focus,
.pancrm-v153-customer-shell [role="combobox"]:focus-within {
    border-color: var(--pan-v154-blue) !important;
    box-shadow: 0 0 0 3px rgba(17,135,183,.14) !important;
}

.pancrm-v153-customer-shell textarea {
    min-height: 62px !important;
}

/* önemli teknik alanlara hafif renk ayrımı */
.pancrm-v153-customer-shell input[name="title"] {
    background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%) !important;
    font-weight: 800 !important;
    color: var(--pan-v154-navy) !important;
}

.pancrm-v153-customer-shell input[name="phone"],
.pancrm-v153-customer-shell input[name="mobile"],
.pancrm-v153-customer-shell input[name="company_gsm"],
.pancrm-v153-customer-shell input[name="tax_number"] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
    letter-spacing: .02em !important;
    background: #fbfdff !important;
}

/* kişiler kutusu */
.pancrm-v153-contact-box {
    min-height: 62px !important;
    border-radius: 12px !important;
    background: linear-gradient(90deg, #f0fdf4 0%, #eff8ff 100%) !important;
    border: 1px solid rgba(22,163,74,.20) !important;
    box-shadow: inset 4px 0 0 var(--pan-v154-green) !important;
}

.pancrm-v153-contact-box div {
    border-color: rgba(22,163,74,.18) !important;
}

.pancrm-v153-contact-box a {
    background: linear-gradient(180deg, var(--pan-v154-blue) 0%, #0b709a 100%) !important;
    box-shadow: 0 8px 16px rgba(17,135,183,.20) !important;
}

/* tablolar: geniş ekranda kenarlara yayılsın, renkli başlık */
.fi-ta-ctn {
    width: 100% !important;
}

.fi-ta-header-cell {
    background: linear-gradient(180deg, #f7fbff 0%, #eaf3fa 100%) !important;
    color: var(--pan-v154-navy) !important;
    border-bottom: 2px solid rgba(17,135,183,.18) !important;
}

.fi-ta-row:nth-child(even) .fi-ta-cell {
    background-color: rgba(17,135,183,.025) !important;
}

.fi-ta-row:hover .fi-ta-cell {
    background-color: #fff7ed !important;
}

/* aksiyon butonları daha canlı */
.fi-btn-color-primary,
.fi-ac-action.fi-color-primary,
.fi-btn.fi-color-primary {
    background: linear-gradient(180deg, var(--pan-v154-blue) 0%, #0b709a 100%) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 8px 16px rgba(17,135,183,.18) !important;
}

.fi-btn-color-warning,
.fi-btn.fi-color-warning {
    background: linear-gradient(180deg, #ff9b31 0%, var(--pan-v154-orange-dark) 100%) !important;
    color: #fff !important;
}

.fi-btn-color-success,
.fi-btn.fi-color-success {
    background: linear-gradient(180deg, #22c55e 0%, #15803d 100%) !important;
    color: #fff !important;
}

@media (max-width: 1320px) {
    .pancrm-v153-hero {
        grid-template-columns: 1fr !important;
    }
    .pancrm-v153-hero-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1600px) {
    .fi-main {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }
    .fi-page,
    .fi-page-content,
    .fi-main > div,
    .fi-main-ctn > div {
        width: calc(100vw - 44px) !important;
    }
    .pancrm-v153-hero-grid {
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    }
}


/* =========================================================
   PAN CRM v155 - Temiz, dengeli, geniş ekran düzeltmesi
   Not: v154'teki aşırı renkli/tek yana dayalı görünümü dengeler.
   Hedef: Sol/sağ eşit boşluk, belirgin input, sade renkler, düzgün tablolar.
   ========================================================= */
:root {
    --pan-v155-bg: #f2f5f8;
    --pan-v155-card: #ffffff;
    --pan-v155-card-soft: #f8fafc;
    --pan-v155-line: #cbd5e1;
    --pan-v155-line-soft: #e2e8f0;
    --pan-v155-text: #172033;
    --pan-v155-muted: #64748b;
    --pan-v155-primary: #175d7a;
    --pan-v155-primary-soft: #e8f4f8;
    --pan-v155-orange: #f58220;
    --pan-v155-orange-dark: #dd6507;
    --pan-v155-shadow: 0 2px 8px rgba(15, 23, 42, .07);
    --pan-v155-radius: 9px;
}

html,
body,
.fi-body,
.fi-layout,
.fi-main,
.fi-main-ctn,
.fi-page,
.fi-page-content {
    background: var(--pan-v155-bg) !important;
    color: var(--pan-v155-text) !important;
    background-image: none !important;
}

/* Geniş ekranı iki yana dengeli kullan. Sağ kenara dayama yok, solda gereksiz boşluk yok. */
.fi-main {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
}

.fi-main-ctn,
.fi-page,
.fi-page-content,
.fi-page > section,
.fi-main > div,
.fi-main-ctn > div {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.fi-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 10px !important;
}

.fi-page-content {
    padding: 10px 0 22px !important;
}

/* Üst bar daha sade. Renk patlaması yok; menü pan etiketi turuncusu ama düz. */
.fi-topbar {
    height: 60px !important;
    min-height: 60px !important;
    background: #ffffff !important;
    background-image: none !important;
    border-bottom: 1px solid var(--pan-v155-line) !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .08) !important;
    backdrop-filter: none !important;
}

.pancrm-logo-area {
    left: 18px !important;
    width: 185px !important;
    height: 60px !important;
}

.pancrm-logo-area img {
    max-width: 175px !important;
    max-height: 52px !important;
}

.pancrm-top-shell {
    top: 60px !important;
    height: 38px !important;
    background: var(--pan-v155-orange) !important;
    background-image: linear-gradient(180deg, #fb8d2d 0%, #ef7310 100%) !important;
    border-bottom: 1px solid #c85705 !important;
    box-shadow: 0 2px 5px rgba(15, 23, 42, .16) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pancrm-main-menu {
    height: 38px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pancrm-menu-item > a {
    height: 38px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    border-right: 1px solid rgba(255,255,255,.18) !important;
}

.pancrm-menu-item:hover > a {
    background: rgba(0,0,0,.12) !important;
}

.pancrm-system-buttons {
    right: 18px !important;
    top: 10px !important;
    gap: 7px !important;
}

.pancrm-system-buttons a,
.pancrm-task-top-link {
    border-radius: 999px !important;
    border: 1px solid var(--pan-v155-line) !important;
    background: #ffffff !important;
    color: var(--pan-v155-text) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .08) !important;
    font-size: 12px !important;
    height: 30px !important;
    padding: 0 11px !important;
}

.fi-main {
    padding-top: calc(38px + 10px) !important;
}

/* Sayfa başlığı */
.fi-header {
    border-radius: var(--pan-v155-radius) !important;
    border: 1px solid var(--pan-v155-line) !important;
    background: #ffffff !important;
    box-shadow: var(--pan-v155-shadow) !important;
    padding: 10px 14px !important;
}

.fi-header-heading {
    font-size: 18px !important;
    font-weight: 850 !important;
    color: var(--pan-v155-text) !important;
}

/* Kartlar: sade, net, iki yana dengeli. */
.fi-section,
.fi-card,
.fi-ta,
.fi-ta-ctn,
.fi-in-section,
.fi-fo-section,
.fi-wi-widget {
    background: var(--pan-v155-card) !important;
    border: 1px solid var(--pan-v155-line) !important;
    border-radius: var(--pan-v155-radius) !important;
    box-shadow: var(--pan-v155-shadow) !important;
    overflow: hidden !important;
}

.fi-section-header,
.fi-ta-header,
.fi-ta-toolbar {
    background: #f8fafc !important;
    background-image: none !important;
    border-bottom: 1px solid var(--pan-v155-line) !important;
    padding: 9px 13px !important;
    min-height: 0 !important;
}

.fi-section-header-heading,
.fi-section-header h2,
.fi-section-header h3 {
    color: var(--pan-v155-text) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}

.fi-section-content,
.fi-fo-section-content,
.fi-in-section-content,
.fi-section-content-ctn {
    padding: 11px 13px !important;
    background: #ffffff !important;
    background-image: none !important;
}

/* Veri giriş alanları: daha belirgin, temiz. */
.fi-fo-component-ctn,
.fi-sc-component-ctn,
.fi-grid,
.fi-fo-grid {
    gap: 9px 12px !important;
}

.fi-fo-field-wrp {
    gap: 4px !important;
}

.fi-fo-field-wrp-label,
.fi-fo-field-wrp-label span,
.fi-input-wrp-label,
.fi-fo-field-wrp label {
    color: #182235 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    margin-bottom: 2px !important;
}

.fi-input-wrp,
.fi-select-input-wrp,
.fi-textarea-wrp,
.fi-fo-field-wrp .fi-input-wrp,
.fi-fo-field-wrp .fi-select-input-wrp,
.fi-fo-field-wrp .fi-textarea-wrp {
    background: #ffffff !important;
    border: 1px solid #aeb9c8 !important;
    border-radius: 7px !important;
    box-shadow: inset 0 1px 1px rgba(15,23,42,.05), 0 1px 2px rgba(15,23,42,.05) !important;
}

.fi-input,
.fi-select-input,
.fi-textarea,
.fi-fo-field-wrp input,
.fi-fo-field-wrp select,
.fi-fo-field-wrp textarea {
    background: #ffffff !important;
    background-image: none !important;
    color: #111827 !important;
    min-height: 34px !important;
    height: 34px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-radius: 7px !important;
}

.fi-textarea,
.fi-fo-field-wrp textarea {
    min-height: 68px !important;
    height: auto !important;
}

.fi-input-wrp:focus-within,
.fi-select-input-wrp:focus-within,
.fi-textarea-wrp:focus-within,
.fi-fo-field-wrp:focus-within .fi-input-wrp {
    border-color: var(--pan-v155-primary) !important;
    box-shadow: 0 0 0 2px rgba(23, 93, 122, .16), 0 1px 3px rgba(15,23,42,.07) !important;
}

.fi-input::placeholder,
.fi-textarea::placeholder {
    color: #9aa6b5 !important;
}

/* Müşteri kartı: çizgili ve aşırı renkli arka planları temizle. */
.pancrm-customer-card-v150,
.pancrm-customer-card-v151,
.pancrm-customer-card-v152,
.pancrm-v153-customer-shell,
.pancrm-customer-card-single,
.pancrm-customer-card-sheet,
.pancrm-customer-card-compact {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid var(--pan-v155-line) !important;
    border-radius: var(--pan-v155-radius) !important;
    box-shadow: var(--pan-v155-shadow) !important;
}

.pancrm-customer-card-v150 .fi-section-content,
.pancrm-customer-card-v151 .fi-section-content,
.pancrm-customer-card-v152 .fi-section-content,
.pancrm-v153-customer-shell .fi-section-content,
.pancrm-customer-card-single .fi-section-content,
.pancrm-customer-card-sheet .fi-section-content,
.pancrm-customer-card-compact .fi-section-content {
    background: #ffffff !important;
    background-image: none !important;
}

.pancrm-v153-hero,
.pancrm-v152-summary,
.pancrm-customer-summary,
[class*="pancrm-v153-hero"],
[class*="pancrm-summary"] {
    background: #f8fafc !important;
    background-image: none !important;
    color: var(--pan-v155-text) !important;
    border: 1px solid var(--pan-v155-line-soft) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.pancrm-v153-hero *,
.pancrm-v152-summary *,
.pancrm-customer-summary *,
[class*="pancrm-summary"] * {
    color: var(--pan-v155-text) !important;
}

/* Tablolar: daha güzel, daha okunaklı, kurumsal. */
.fi-ta,
.fi-ta-ctn {
    border: 1px solid var(--pan-v155-line) !important;
    border-radius: var(--pan-v155-radius) !important;
    box-shadow: var(--pan-v155-shadow) !important;
    background: #ffffff !important;
}

.fi-ta-table,
.fi-page table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    font-size: 12.5px !important;
}

.fi-ta-table thead tr,
.fi-page table thead tr {
    background: #eef3f7 !important;
}

.fi-ta-table th,
.fi-page table th {
    background: #eef3f7 !important;
    color: #1f3347 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    border-bottom: 1px solid #bfcad7 !important;
    border-right: 1px solid #d7e0ea !important;
    padding: 8px 9px !important;
    white-space: nowrap !important;
}

.fi-ta-table td,
.fi-page table td {
    background: #ffffff !important;
    color: #182235 !important;
    border-bottom: 1px solid #e8edf3 !important;
    border-right: 1px solid #f0f3f7 !important;
    padding: 7px 9px !important;
    vertical-align: middle !important;
}

.fi-ta-table tbody tr:nth-child(even) td,
.fi-page table tbody tr:nth-child(even) td {
    background: #fbfdff !important;
}

.fi-ta-table tbody tr:hover td,
.fi-page table tbody tr:hover td {
    background: #eef7fb !important;
}

.fi-ta-text,
.fi-ta-col-wrp,
.fi-ta-text-item-label {
    color: #172033 !important;
}

.fi-ta-actions,
.fi-ac {
    gap: 5px !important;
}

/* Butonlar: daha net, daha az oyuncak gibi. */
.fi-btn,
.fi-ac-btn-action,
.fi-page .fi-btn,
.fi-page .fi-ac-btn-action {
    border-radius: 7px !important;
    min-height: 31px !important;
    padding: 0 11px !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.08) !important;
}

.fi-btn-color-primary,
.fi-ac-btn-action.fi-color-primary {
    background: var(--pan-v155-primary) !important;
    border-color: var(--pan-v155-primary) !important;
    color: #ffffff !important;
}

.fi-btn-color-gray,
.fi-color-gray {
    background: #ffffff !important;
    color: var(--pan-v155-text) !important;
    border-color: var(--pan-v155-line) !important;
}

/* Sayfa üst aksiyonları sağlıklı dursun. */
.fi-header-actions,
.fi-page-header-actions {
    gap: 7px !important;
    align-items: center !important;
}

/* Desktop'ta kenarları dengeli kullan, mobilde nefes bırak. */
@media (min-width: 1280px) {
    .fi-main {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .fi-page-content {
        padding-top: 12px !important;
    }
}

@media (min-width: 1700px) {
    .fi-main {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
}

@media (max-width: 1024px) {
    .fi-main {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .pancrm-system-buttons {
        display: none !important;
    }
}


/* =========================================================
   PAN CRM v156 - Toparlama: okunabilir renkler, dengeli kenar kullanımı,
   üst bar çakışma düzeltmesi, müşteri kartı renkli ama sade alanlar.
   ========================================================= */
:root {
    --pan-v156-bg: #eef3f8;
    --pan-v156-panel: #ffffff;
    --pan-v156-panel-soft: #f8fbff;
    --pan-v156-line: #b9c9da;
    --pan-v156-line-soft: #dce6f0;
    --pan-v156-text: #102033;
    --pan-v156-muted: #5f7188;
    --pan-v156-blue: #0f7fae;
    --pan-v156-blue-soft: #eaf7ff;
    --pan-v156-orange: #f58220;
    --pan-v156-orange-soft: #fff3e7;
    --pan-v156-green-soft: #edfdf4;
    --pan-v156-cyan-soft: #eafdff;
    --pan-v156-purple-soft: #f5f1ff;
    --pan-v156-yellow-soft: #fff9e6;
}

/* Kenarları dengeli kullan: sağa dayama yok, solda boşluk yok */
.fi-main > div,
.fi-main-ctn > div,
.fi-page-content {
    width: calc(100vw - 44px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fi-main {
    padding-left: 22px !important;
    padding-right: 22px !important;
}

/* Üst sistem butonları arama/kullanıcı alanına binmesin */
.pancrm-system-buttons {
    top: 10px !important;
    right: 360px !important;
    max-width: calc(100vw - 560px) !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    overflow: visible !important;
    flex-wrap: nowrap !important;
    z-index: 140 !important;
}

.pancrm-system-buttons a,
.pancrm-task-top-link {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    line-height: 30px !important;
    border-radius: 18px !important;
    white-space: nowrap !important;
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #b8c7d8 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .10) !important;
}

.pancrm-task-top-link.is-pink,
.pancrm-task-top-link.is-red {
    background: #fff1f7 !important;
    color: #be185d !important;
    border-color: #f9b5d5 !important;
}

.fi-topbar {
    min-height: 58px !important;
    overflow: visible !important;
}

.fi-topbar nav,
.fi-topbar .fi-topbar-end,
.fi-topbar .fi-global-search,
.fi-user-menu-trigger {
    z-index: 155 !important;
}

.pancrm-top-shell {
    top: 58px !important;
    height: 38px !important;
    z-index: 120 !important;
}

.fi-main {
    padding-top: 50px !important;
}

@media (max-width: 1450px) {
    .pancrm-system-buttons {
        position: static !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: 12px !important;
    }
}

/* Müşteri kartı: çizgili arka planı kaldır, temiz sayfa */
.pancrm-v153-customer-shell,
.pancrm-v153-customer-shell .fi-section,
.pancrm-v153-customer-shell .fi-section-content,
.pancrm-v153-customer-shell .fi-section-content-ctn,
.pancrm-v153-customer-shell > div:last-child {
    background: #ffffff !important;
    background-image: none !important;
}

.pancrm-v153-customer-shell {
    border: 1px solid #c7d6e6 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .08) !important;
}

/* Hero: okunabilir, beyaz değer yok */
.pancrm-v153-hero {
    min-height: 84px !important;
    grid-template-columns: minmax(360px, .9fr) minmax(680px, 2.1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
    border-radius: 12px !important;
    border: 1px solid #bdd4e8 !important;
    background: linear-gradient(110deg, #f7fbff 0%, #eef8ff 48%, #fff5eb 100%) !important;
    box-shadow: inset 4px 0 0 var(--pan-v156-blue), 0 2px 8px rgba(15, 23, 42, .07) !important;
}

.pancrm-v153-hero-left {
    background: #ffffff !important;
    border: 1px solid #d3e0ec !important;
    border-radius: 10px !important;
    padding: 10px 13px !important;
}

.pancrm-v153-eyebrow {
    color: var(--pan-v156-muted) !important;
}

.pancrm-v153-title {
    color: #0f2f46 !important;
    font-size: 22px !important;
}

.pancrm-v153-subtitle {
    color: #475569 !important;
}

.pancrm-v153-hero-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.pancrm-v153-hero-grid span {
    min-height: 44px !important;
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #d3e0ec !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .05) !important;
}

.pancrm-v153-hero-grid span:nth-child(1),
.pancrm-v153-hero-grid span:nth-child(2) {
    background: #f8fbff !important;
}

.pancrm-v153-hero-grid span:nth-child(3),
.pancrm-v153-hero-grid span:nth-child(4) {
    background: var(--pan-v156-orange-soft) !important;
}

.pancrm-v153-hero-grid span:nth-child(5),
.pancrm-v153-hero-grid span:nth-child(6) {
    background: var(--pan-v156-cyan-soft) !important;
}

.pancrm-v153-hero-grid b {
    color: #52667c !important;
    font-size: 10.5px !important;
    font-weight: 950 !important;
}

/* Kişiler özet bloğu v156'da kaldırıldı; eski CSS kalsa bile görünmesin */
.pancrm-v153-contact-box,
.pancrm-v153-contact-box * {
    display: none !important;
}

/* Form alanlarını renkli ama okunabilir yap */
.pancrm-v153-row-title {
    margin: 9px 0 3px !important;
    padding: 7px 10px !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, #eff8ff 0%, #ffffff 70%) !important;
    border: 1px solid #cfe0ef !important;
    box-shadow: inset 3px 0 0 var(--pan-v156-orange) !important;
}

.pancrm-v153-row-title span {
    color: #0f2f46 !important;
}

.pancrm-v153-row-title small {
    color: #66788f !important;
}

.pancrm-v153-customer-shell .fi-input-wrp,
.pancrm-v153-customer-shell .fi-select-input,
.pancrm-v153-customer-shell input,
.pancrm-v153-customer-shell select,
.pancrm-v153-customer-shell textarea,
.pancrm-v153-customer-shell [role="combobox"] {
    min-height: 34px !important;
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #b7c6d7 !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 3px rgba(15,23,42,.08) !important;
}

.pancrm-v153-customer-shell input::placeholder,
.pancrm-v153-customer-shell textarea::placeholder {
    color: #94a3b8 !important;
}

.pancrm-v153-customer-shell label,
.pancrm-v153-customer-shell .fi-fo-field-wrp-label span {
    color: #172033 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.pancrm-v153-customer-shell input[name="title"],
.pancrm-v153-customer-shell input[name="email"],
.pancrm-v153-customer-shell input[name="website"] {
    background: #f8fbff !important;
}

.pancrm-v153-customer-shell input[name="phone"],
.pancrm-v153-customer-shell input[name="mobile"],
.pancrm-v153-customer-shell input[name="company_gsm"],
.pancrm-v153-customer-shell input[name="tax_number"] {
    background: #fffdf7 !important;
}

.pancrm-v153-customer-shell textarea[name="address"],
.pancrm-v153-customer-shell textarea[name="notes"] {
    background: #fbfdff !important;
    min-height: 70px !important;
}

.pancrm-v153-customer-shell input:focus,
.pancrm-v153-customer-shell textarea:focus,
.pancrm-v153-customer-shell [role="combobox"]:focus-within,
.pancrm-v153-customer-shell .fi-input-wrp:focus-within {
    border-color: #1687b7 !important;
    box-shadow: 0 0 0 3px rgba(15, 127, 174, .15), 0 1px 4px rgba(15, 23, 42, .08) !important;
}

/* Tablolar: sade, okunaklı, satırları daha güzel */
.fi-ta-ctn,
.fi-ta-table {
    border-radius: 10px !important;
    border-color: #c8d6e5 !important;
    overflow: hidden !important;
}

.fi-ta-header-cell,
.fi-ta-header-cell * {
    background: #f1f6fb !important;
    color: #122033 !important;
    font-weight: 850 !important;
}

.fi-ta-row,
.fi-ta-row > * {
    background: #ffffff !important;
    border-color: #edf2f7 !important;
}

.fi-ta-row:nth-child(even) > * {
    background: #fbfdff !important;
}

.fi-ta-row:hover > * {
    background: #eff8ff !important;
}

.fi-ta-cell,
.fi-ta-header-cell {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* =========================================================
   PAN CRM v157 - Müşteri kartı: kesilme düzeltmesi,
   adres/notlar ayrı alanı, iptal butonu gri, daha dengeli kenar kullanımı.
   ========================================================= */
:root {
    --pan-v157-page-pad: 18px;
    --pan-v157-line: #c8d6e5;
    --pan-v157-soft: #f6f9fc;
    --pan-v157-text: #102033;
    --pan-v157-muted: #64748b;
}

/* Sayfayı sağa/sola eşit oturt; tablonun/kartın kenardan kesilmesini engelle. */
html,
body,
.fi-layout,
.fi-main,
.fi-main-ctn,
.fi-page,
.fi-page-content {
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

.fi-main {
    padding-left: var(--pan-v157-page-pad) !important;
    padding-right: var(--pan-v157-page-pad) !important;
}

.fi-main > div,
.fi-main-ctn > div,
.fi-page-content,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-content,
.fi-page:has(.pancrm-v153-customer-shell) .fi-main > div,
.fi-page:has(.pancrm-v153-customer-shell) .fi-main-ctn > div {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

.fi-page:has(.pancrm-v153-customer-shell) .fi-page {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.pancrm-v153-customer-shell,
.pancrm-v153-customer-shell *,
.pancrm-v153-hero,
.pancrm-v153-hero * {
    box-sizing: border-box !important;
}

.pancrm-v153-customer-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
}

.pancrm-v153-customer-shell .fi-section-content,
.pancrm-v153-customer-shell .fi-section-content-ctn,
.pancrm-v153-customer-shell > div:last-child {
    padding-left: 12px !important;
    padding-right: 12px !important;
    overflow: visible !important;
}

/* Üst firma özeti: min-width kaynaklı sağdan/ soldan kesilmeyi bitir. */
.pancrm-v153-hero {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(260px, .9fr) minmax(0, 2.1fr) !important;
    gap: 10px !important;
    overflow: visible !important;
}

.pancrm-v153-hero-left,
.pancrm-v153-hero-grid,
.pancrm-v153-hero-grid span {
    min-width: 0 !important;
    max-width: 100% !important;
}

.pancrm-v153-hero-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.pancrm-v153-hero-grid span {
    color: var(--pan-v157-text) !important;
}

.pancrm-v153-hero-grid span > b {
    color: #52667c !important;
}

/* Form alanları daha belirgin, adres-not alanı daha net. */
.pancrm-v153-customer-shell .fi-input-wrp,
.pancrm-v153-customer-shell .fi-select-input,
.pancrm-v153-customer-shell input,
.pancrm-v153-customer-shell select,
.pancrm-v153-customer-shell textarea,
.pancrm-v153-customer-shell [role="combobox"] {
    border: 1px solid #aebfd0 !important;
    background: #ffffff !important;
    color: var(--pan-v157-text) !important;
}

.pancrm-v153-customer-shell textarea[name="address"],
.pancrm-v153-customer-shell textarea[name="notes"],
.pancrm-v153-customer-shell .pancrm-address-notes-field textarea {
    min-height: 76px !important;
    background: #f8fbff !important;
    border-color: #a9bed2 !important;
}

/* Adres / Notlar başlığı ayrı tablo gibi dursun ama kaba blok olmasın. */
.pancrm-v153-row-title:has(span) {
    max-width: 100% !important;
}

/* Üst aksiyonlardaki İptal butonu beyaz değil açık gri görünsün. */
.fi-header-actions .fi-btn-color-gray,
.fi-page-header-actions .fi-btn-color-gray,
.fi-header-actions .fi-btn.fi-color-gray,
.fi-page-header-actions .fi-btn.fi-color-gray,
.fi-header-actions a.fi-color-gray,
.fi-page-header-actions a.fi-color-gray,
.fi-btn-color-gray,
.fi-btn.fi-color-gray {
    background: #eef2f6 !important;
    color: #172033 !important;
    border: 1px solid #c3cfdb !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08) !important;
}

.fi-header-actions .fi-btn-color-gray:hover,
.fi-page-header-actions .fi-btn-color-gray:hover,
.fi-header-actions .fi-btn.fi-color-gray:hover,
.fi-page-header-actions .fi-btn.fi-color-gray:hover,
.fi-header-actions a.fi-color-gray:hover,
.fi-page-header-actions a.fi-color-gray:hover,
.fi-btn-color-gray:hover,
.fi-btn.fi-color-gray:hover {
    background: #e2e8f0 !important;
    border-color: #aebdcc !important;
}

/* Tablo ve liste sayfalarında da sağdan kesilme olmasın. */
.fi-ta-ctn,
.fi-ta-table,
.fi-ta-content,
.fi-table,
.fi-page table {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 1280px) {
    .pancrm-v153-hero {
        grid-template-columns: 1fr !important;
    }

    .pancrm-v153-hero-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* =========================================================
   PAN CRM v158 - Müşteri kartı kesilme + üst kaydet düzeltmesi
   ========================================================= */

/* Müşteri kartı üst özet alanının üstten/kenardan kırpılmasını engelle */
.fi-page:has(.pancrm-v153-customer-shell) .fi-section,
.fi-page:has(.pancrm-v153-customer-shell) .fi-card,
.fi-page:has(.pancrm-v153-customer-shell) .fi-in-section,
.fi-page:has(.pancrm-v153-customer-shell) .pancrm-v153-customer-shell,
.fi-page:has(.pancrm-v153-customer-shell) .pancrm-v153-customer-shell > div,
.fi-page:has(.pancrm-v153-customer-shell) .pancrm-v153-customer-shell .fi-section-content,
.fi-page:has(.pancrm-v153-customer-shell) .pancrm-v153-customer-shell .fi-section-content-ctn {
    overflow: visible !important;
}

.pancrm-v153-customer-shell .fi-section-content,
.pancrm-v153-customer-shell .fi-section-content-ctn,
.pancrm-v153-customer-shell > div:last-child {
    padding-top: 18px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.pancrm-v153-hero {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-left-width: 4px !important;
    box-shadow: 0 8px 18px rgba(15,61,87,.10) !important;
}

/* Sol/sağ taşma ve kırpılma için müşteri sayfasını dengeli genişlet */
.fi-page:has(.pancrm-v153-customer-shell),
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-content,
.fi-page:has(.pancrm-v153-customer-shell) .fi-main > div,
.fi-page:has(.pancrm-v153-customer-shell) .fi-main-ctn > div {
    box-sizing: border-box !important;
    max-width: none !important;
    width: calc(100vw - 36px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (min-width: 1400px) {
    .fi-page:has(.pancrm-v153-customer-shell),
    .fi-page:has(.pancrm-v153-customer-shell) .fi-page-content,
    .fi-page:has(.pancrm-v153-customer-shell) .fi-main > div,
    .fi-page:has(.pancrm-v153-customer-shell) .fi-main-ctn > div {
        width: calc(100vw - 48px) !important;
    }
}

/* Üst aksiyonlardaki iptal butonu beyaz görünmesin */
.fi-page:has(.pancrm-v153-customer-shell) .fi-ac-action.fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) .fi-btn.fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) a.fi-btn.fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) button.fi-color-gray {
    background: linear-gradient(180deg, #f3f4f6 0%, #e5e7eb 100%) !important;
    color: #111827 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 3px 8px rgba(15,23,42,.08) !important;
}

.fi-page:has(.pancrm-v153-customer-shell) .fi-ac-action.fi-color-gray:hover,
.fi-page:has(.pancrm-v153-customer-shell) .fi-btn.fi-color-gray:hover {
    background: #e5e7eb !important;
}

/* =========================================================
   PAN CRM v159 - Üst bar opaklık + müşteri form düzeni
   ========================================================= */

/* Üst alan scroll sırasında şeffaf kalmasın; içerik menünün altından akmasın. */
:root {
    --pan-topbar-h: 68px;
    --pan-menu-h: 40px;
}

.fi-topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--pan-topbar-h) !important;
    min-height: var(--pan-topbar-h) !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid #d8e2ec !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .08) !important;
    z-index: 320 !important;
}

.fi-topbar::before,
.fi-topbar::after {
    background: #ffffff !important;
    opacity: 1 !important;
}

.pancrm-logo-area {
    z-index: 340 !important;
    background: #ffffff !important;
}

.pancrm-top-shell {
    position: fixed !important;
    top: var(--pan-topbar-h) !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--pan-menu-h) !important;
    z-index: 300 !important;
    background: linear-gradient(180deg, #ff912a 0%, #f58220 52%, #e96b08 100%) !important;
    border-top: 1px solid rgba(255,255,255,.35) !important;
    border-bottom: 1px solid #c95500 !important;
    box-shadow: 0 3px 9px rgba(15, 23, 42, .18) !important;
    overflow: visible !important;
}

.pancrm-main-menu {
    background: transparent !important;
    height: var(--pan-menu-h) !important;
}

.pancrm-system-buttons {
    z-index: 350 !important;
}

.fi-main {
    padding-top: calc(var(--pan-topbar-h) + var(--pan-menu-h) + 14px) !important;
}

.fi-page-content {
    padding-top: 10px !important;
}

/* Müşteri kartı ve özet bölümünün üstten kırpılmasını engelle. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-header,
.fi-page:has(.pancrm-v153-customer-shell) .fi-section,
.fi-page:has(.pancrm-v153-customer-shell) .fi-section-content,
.fi-page:has(.pancrm-v153-customer-shell) .fi-section-content-ctn,
.fi-page:has(.pancrm-v153-customer-shell) .pancrm-v153-customer-shell {
    overflow: visible !important;
}

.pancrm-v153-hero {
    margin-top: 0 !important;
    transform: none !important;
    overflow: visible !important;
}

/* Satış ve pazarlama satırını daha kompakt yap. */
.pancrm-v153-customer-shell .fi-fo-field-wrp:has([name="sector"]),
.pancrm-v153-customer-shell .fi-fo-field-wrp:has([name="source"]),
.pancrm-v153-customer-shell .fi-fo-field-wrp:has([name="epson_status"]),
.pancrm-v153-customer-shell .fi-fo-field-wrp:has([name="epson_offer_worked_at"]),
.pancrm-v153-customer-shell .fi-fo-field-wrp:has([name="owned_printer_models"]) {
    min-width: 0 !important;
}

/* Adres / Vergi / Notlar üçlü paneli */
.pancrm-address-tax-notes-grid {
    padding: 10px !important;
    border: 1px solid #d6e2ee !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
    gap: 10px !important;
}

.pancrm-address-side-column {
    padding: 10px !important;
    border: 1px solid #dbe5ef !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    align-content: start !important;
    gap: 7px !important;
}

.pancrm-address-tax-notes-grid textarea,
.pancrm-address-tax-notes-grid .fi-ta-textarea {
    min-height: 202px !important;
    height: 202px !important;
    line-height: 1.35 !important;
    resize: vertical !important;
}

.pancrm-address-tax-notes-grid .fi-fo-field-wrp-label,
.pancrm-address-tax-notes-grid label {
    color: #0f172a !important;
    font-weight: 850 !important;
}

/* Üstteki iptal butonu açık gri kalsın. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-header-actions .fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header-actions .fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) a.fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) button.fi-color-gray {
    background: #e5e7eb !important;
    color: #111827 !important;
    border-color: #cbd5e1 !important;
}

@media (max-width: 1300px) {
    .pancrm-address-tax-notes-grid {
        grid-template-columns: 1fr !important;
    }

    .pancrm-address-side-column,
    .pancrm-address-tax-notes-grid textarea,
    .pancrm-address-tax-notes-grid .fi-ta-textarea {
        min-height: auto !important;
        height: auto !important;
    }
}


/* =========================================================
   PAN CRM v160 - Müşteri kartı üst aksiyon ve hero kırpılma düzeltmesi
   ========================================================= */

/* Müşteri düzenleme sayfasında başlık/aksiyon alanı üst menünün altında net görünsün. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-header,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 260 !important;
    overflow: visible !important;
    min-height: 58px !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding: 10px 14px !important;
    background: #ffffff !important;
    border: 1px solid #cbd8e6 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .08) !important;
}

.fi-page:has(.pancrm-v153-customer-shell) .fi-header .fi-header-heading,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header .fi-header-heading,
.fi-page:has(.pancrm-v153-customer-shell) .fi-header-heading {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #111827 !important;
}

.fi-page:has(.pancrm-v153-customer-shell) .fi-header-actions,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header-actions,
.fi-page:has(.pancrm-v153-customer-shell) .fi-ac {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 270 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.fi-page:has(.pancrm-v153-customer-shell) .fi-header-actions .fi-btn,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header-actions .fi-btn,
.fi-page:has(.pancrm-v153-customer-shell) .fi-ac .fi-btn,
.fi-page:has(.pancrm-v153-customer-shell) .fi-ac-btn-action {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

/* Üstteki İptal butonu beyaz görünmesin. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-header-actions .fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header-actions .fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) .fi-ac .fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) a.fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) button.fi-color-gray {
    background: #e5e7eb !important;
    color: #111827 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 2px 6px rgba(15,23,42,.08) !important;
}

/* Üst firma dosyası kutusu kırpılmasın; ana section iç boşluğu yeterli olsun. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-section,
.fi-page:has(.pancrm-v153-customer-shell) .fi-section-content,
.fi-page:has(.pancrm-v153-customer-shell) .fi-section-content-ctn,
.fi-page:has(.pancrm-v153-customer-shell) .pancrm-v153-customer-shell,
.fi-page:has(.pancrm-v153-customer-shell) .pancrm-v153-customer-shell > div,
.fi-page:has(.pancrm-v153-customer-shell) .pancrm-v153-hero {
    overflow: visible !important;
}

.fi-page:has(.pancrm-v153-customer-shell) .pancrm-v153-customer-shell .fi-section-content,
.fi-page:has(.pancrm-v153-customer-shell) .pancrm-v153-customer-shell .fi-section-content-ctn,
.fi-page:has(.pancrm-v153-customer-shell) .pancrm-v153-customer-shell > div:last-child {
    padding-top: 26px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 18px !important;
}

.pancrm-v153-hero {
    margin-top: 8px !important;
    margin-bottom: 18px !important;
    transform: none !important;
    clip-path: none !important;
    overflow: visible !important;
}

/* Sabit üst menüden sonra içerik yeterli mesafeyle başlasın. */
.fi-main {
    padding-top: calc(var(--pan-topbar-h) + var(--pan-menu-h) + 18px) !important;
}

.fi-page:has(.pancrm-v153-customer-shell) .fi-page-content {
    padding-top: 14px !important;
}

@media (max-width: 1100px) {
    .fi-page:has(.pancrm-v153-customer-shell) .fi-header,
    .fi-page:has(.pancrm-v153-customer-shell) .fi-page-header {
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .fi-page:has(.pancrm-v153-customer-shell) .fi-header-actions,
    .fi-page:has(.pancrm-v153-customer-shell) .fi-page-header-actions,
    .fi-page:has(.pancrm-v153-customer-shell) .fi-ac {
        justify-content: flex-start !important;
    }
}


/* =========================================================
   PAN CRM v161 - Sabit üst menü altında kalan sayfa başlığı/aksiyon düzeltmesi
   ========================================================= */

/* Topbar ve turuncu menü yüksekliklerini gerçek görünüme göre sabitle.
   Önceki paketlerde içerik, turuncu menünün altında kalabiliyordu. */
:root {
    --pan-topbar-h: 76px !important;
    --pan-menu-h: 46px !important;
    --pan-fixed-header-total: 122px !important;
}

.fi-topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--pan-topbar-h) !important;
    min-height: var(--pan-topbar-h) !important;
    max-height: var(--pan-topbar-h) !important;
    background: #ffffff !important;
    z-index: 420 !important;
    overflow: visible !important;
}

.pancrm-top-shell {
    position: fixed !important;
    top: var(--pan-topbar-h) !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--pan-menu-h) !important;
    min-height: var(--pan-menu-h) !important;
    max-height: var(--pan-menu-h) !important;
    z-index: 400 !important;
    overflow: visible !important;
}

.pancrm-main-menu,
.pancrm-main-menu > ul,
.pancrm-main-menu > div {
    height: var(--pan-menu-h) !important;
    min-height: var(--pan-menu-h) !important;
}

/* Asıl düzeltme: içerik sabit iki üst barın altından başlasın.
   Böylece Düzenle/Kaydet/Sil butonları turuncu menünün altında kalmaz. */
.fi-main,
.fi-main-ctn,
.fi-layout .fi-main,
.fi-body .fi-main {
    padding-top: calc(var(--pan-fixed-header-total) + 34px) !important;
}

.fi-page,
.fi-page-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Sayfa başlığı ve aksiyonları doğal akışta kalsın; üst menünün altına sıkışmasın. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-header,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header,
.fi-header,
.fi-page-header {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    z-index: 30 !important;
    overflow: visible !important;
    clear: both !important;
}

.fi-page:has(.pancrm-v153-customer-shell) .fi-header-actions,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header-actions,
.fi-page:has(.pancrm-v153-customer-shell) .fi-ac {
    position: relative !important;
    z-index: 35 !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

/* Üst aksiyon butonları turuncu barın arkasında kalmasın diye alt/üst boşluk. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-header {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

/* Müşteri form kartı başlık alanından güvenli mesafeyle başlasın. */
.fi-page:has(.pancrm-v153-customer-shell) form,
.fi-page:has(.pancrm-v153-customer-shell) .fi-section:first-of-type {
    margin-top: 0 !important;
}

/* Ana menü ile sayfa içeriği çakışıyorsa menü sadece kendi katmanında kalsın,
   içerik üstüne gereksiz gölge/kapama yapmasın. */
.pancrm-top-shell::before,
.pancrm-top-shell::after {
    pointer-events: none !important;
}

/* İptal butonu açık gri görünümü korunsun. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-header-actions .fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header-actions .fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) a.fi-color-gray,
.fi-page:has(.pancrm-v153-customer-shell) button.fi-color-gray {
    background: #e5e7eb !important;
    color: #111827 !important;
    border: 1px solid #cbd5e1 !important;
}

@media (max-width: 1200px) {
    :root {
        --pan-topbar-h: 82px !important;
        --pan-menu-h: 46px !important;
        --pan-fixed-header-total: 128px !important;
    }

    .fi-main,
    .fi-main-ctn,
    .fi-layout .fi-main,
    .fi-body .fi-main {
        padding-top: calc(var(--pan-fixed-header-total) + 38px) !important;
    }
}


/* =========================================================
   PAN CRM v162 - Üst boşluk ve müşteri kartı sıkı yerleşim düzeltmesi
   ========================================================= */

/* v161 sonrası oluşan gereksiz geniş gri/boş alanı azalt.
   İçerik turuncu menünün altından başlar ama arada dev boşluk bırakmaz. */
:root {
    --pan-topbar-h: 76px !important;
    --pan-menu-h: 46px !important;
    --pan-fixed-header-total: 122px !important;
}

.fi-main,
.fi-main-ctn,
.fi-layout .fi-main,
.fi-body .fi-main {
    padding-top: calc(var(--pan-fixed-header-total) + 10px) !important;
}

.fi-page,
.fi-page-content,
.fi-main > div,
.fi-main-ctn > div {
    margin-top: 0 !important;
}

.fi-page-content {
    padding-top: 0 !important;
}

/* Sayfa başlığı/aksiyon kartı ile form arasındaki gereksiz mesafeyi küçült. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-header,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    min-height: auto !important;
}

.fi-page:has(.pancrm-v153-customer-shell) form,
.fi-page:has(.pancrm-v153-customer-shell) .fi-form,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-content > form,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-content > div {
    margin-top: 0 !important;
}

/* Müşteri formunu taşıyan ilk bölümdeki yukarıdan kırpılma için eklenen fazla boşluğu geri al. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-section:has(.pancrm-v153-customer-shell),
.fi-page:has(.pancrm-v153-customer-shell) .fi-card:has(.pancrm-v153-customer-shell),
.fi-page:has(.pancrm-v153-customer-shell) .fi-in-section:has(.pancrm-v153-customer-shell) {
    margin-top: 8px !important;
    padding-top: 0 !important;
    overflow: visible !important;
}

.fi-page:has(.pancrm-v153-customer-shell) .fi-section:has(.pancrm-v153-customer-shell) > .fi-section-content-ctn,
.fi-page:has(.pancrm-v153-customer-shell) .fi-section:has(.pancrm-v153-customer-shell) > .fi-section-content,
.fi-page:has(.pancrm-v153-customer-shell) .fi-card:has(.pancrm-v153-customer-shell) > .fi-section-content-ctn,
.fi-page:has(.pancrm-v153-customer-shell) .fi-card:has(.pancrm-v153-customer-shell) > .fi-section-content {
    padding-top: 12px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 14px !important;
    overflow: visible !important;
}

/* Eğer Filament form içinde component container ekstra gap veriyorsa onu da sıkılaştır. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-fo-component-ctn,
.fi-page:has(.pancrm-v153-customer-shell) .fi-grid,
.fi-page:has(.pancrm-v153-customer-shell) .fi-section-content > .fi-fo-component-ctn,
.fi-page:has(.pancrm-v153-customer-shell) .fi-section-content-ctn > .fi-fo-component-ctn {
    row-gap: 10px !important;
    column-gap: 12px !important;
}

/* Firma özeti kartı yukarıdan kırpılmadan ama abartılı boşluk bırakmadan başlasın. */
.pancrm-v153-hero {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    transform: none !important;
    overflow: visible !important;
}

.pancrm-v153-customer-shell,
.pancrm-v153-customer-shell .fi-section-content,
.pancrm-v153-customer-shell .fi-section-content-ctn,
.pancrm-v153-customer-shell > div:last-child {
    overflow: visible !important;
}

.pancrm-v153-customer-shell .fi-section-content,
.pancrm-v153-customer-shell .fi-section-content-ctn,
.pancrm-v153-customer-shell > div:last-child {
    padding-top: 12px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 14px !important;
}

/* Üst aksiyon butonları görünsün, turuncu menüyle çakışmasın ama fazla aşağı da itilmesin. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-header-actions,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header-actions,
.fi-page:has(.pancrm-v153-customer-shell) .fi-ac {
    z-index: 120 !important;
    position: relative !important;
    margin-top: 0 !important;
}

/* Genel sayfa kenarları dengeli; sağa veya sola yaslanma yok. */
.fi-main {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.fi-page:has(.pancrm-v153-customer-shell),
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-content,
.fi-page:has(.pancrm-v153-customer-shell) .fi-main > div,
.fi-page:has(.pancrm-v153-customer-shell) .fi-main-ctn > div {
    width: calc(100vw - 36px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 1200px) {
    :root {
        --pan-topbar-h: 82px !important;
        --pan-menu-h: 46px !important;
        --pan-fixed-header-total: 128px !important;
    }

    .fi-main,
    .fi-main-ctn,
    .fi-layout .fi-main,
    .fi-body .fi-main {
        padding-top: calc(var(--pan-fixed-header-total) + 10px) !important;
    }
}


/* =========================================================
   PAN CRM v163 - Üst boşlukları agresif sıkılaştırma
   Amaç: turuncu menü altındaki ve firma başlığı ile kart arasındaki
   gereksiz boşluğu belirgin şekilde azaltmak.
   ========================================================= */
:root {
    --pan-topbar-h: 76px !important;
    --pan-menu-h: 46px !important;
    --pan-fixed-header-total: 122px !important;
}

/* v161/v162 sonrası oluşan fazla gri alanı kaldır. */
.fi-main,
.fi-main-ctn,
.fi-layout .fi-main,
.fi-body .fi-main {
    padding-top: calc(var(--pan-fixed-header-total) - 46px) !important;
}

/* Sayfa genelinde üstten iten margin/paddingleri kıs. */
.fi-page,
.fi-page-content,
.fi-main > div,
.fi-main-ctn > div,
.fi-main .fi-page,
.fi-main .fi-page-content {
    margin-top: 0 !important;
}

.fi-page-content {
    padding-top: 0 !important;
    row-gap: 10px !important;
    gap: 10px !important;
}

/* Filament sayfa header kartı: daha kısa, daha az boşluk. */
.fi-header,
.fi-page-header,
.fi-page:has(.pancrm-v153-customer-shell) .fi-header,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    min-height: auto !important;
}

.fi-header + *,
.fi-page-header + *,
.fi-page-content > .fi-section:first-child,
.fi-page-content > form:first-child,
.fi-page-content > div:first-child,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-content > form,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-content > div,
.fi-page:has(.pancrm-v153-customer-shell) form > .fi-section:first-child,
.fi-page:has(.pancrm-v153-customer-shell) form > div:first-child {
    margin-top: 0 !important;
}

/* Başlık kartı ile müşteri kartı arasındaki büyük boşluğu kes. */
.fi-page:has(.pancrm-v153-customer-shell) .fi-section:has(.pancrm-v153-customer-shell),
.fi-page:has(.pancrm-v153-customer-shell) .fi-card:has(.pancrm-v153-customer-shell),
.fi-page:has(.pancrm-v153-customer-shell) .fi-in-section:has(.pancrm-v153-customer-shell) {
    margin-top: 6px !important;
    padding-top: 0 !important;
}

.fi-page:has(.pancrm-v153-customer-shell) .fi-section:has(.pancrm-v153-customer-shell) > .fi-section-content-ctn,
.fi-page:has(.pancrm-v153-customer-shell) .fi-section:has(.pancrm-v153-customer-shell) > .fi-section-content,
.fi-page:has(.pancrm-v153-customer-shell) .fi-card:has(.pancrm-v153-customer-shell) > .fi-section-content-ctn,
.fi-page:has(.pancrm-v153-customer-shell) .fi-card:has(.pancrm-v153-customer-shell) > .fi-section-content {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
}

/* Müşteri özet bloğunu yukarıda gereksiz boşluk bırakmadan başlat. */
.pancrm-v153-hero {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.pancrm-v153-customer-shell,
.pancrm-v153-customer-shell > div,
.pancrm-v153-customer-shell .fi-section-content,
.pancrm-v153-customer-shell .fi-section-content-ctn {
    margin-top: 0 !important;
}

.pancrm-v153-customer-shell .fi-section-content,
.pancrm-v153-customer-shell .fi-section-content-ctn,
.pancrm-v153-customer-shell > div:last-child {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
}

/* Header aksiyonları görünür kalsın ama menünün altında kalmasın. */
.fi-header-actions,
.fi-page-header-actions,
.fi-ac,
.fi-page:has(.pancrm-v153-customer-shell) .fi-header-actions,
.fi-page:has(.pancrm-v153-customer-shell) .fi-page-header-actions,
.fi-page:has(.pancrm-v153-customer-shell) .fi-ac {
    position: relative !important;
    z-index: 180 !important;
    margin-top: 0 !important;
}

/* Başlık kartının gölge/boşluk hissini azalt. */
.fi-header,
.fi-page-header {
    box-shadow: 0 8px 18px rgba(15,23,42,.05) !important;
}

@media (max-width: 1200px) {
    .fi-main,
    .fi-main-ctn,
    .fi-layout .fi-main,
    .fi-body .fi-main {
        padding-top: calc(var(--pan-fixed-header-total) - 38px) !important;
    }
}