/* =========================================================
   PAN CRM Workspace Theme v300 - 2026-09-22
   Hedef: 14" laptop odaklı, kompakt, kurumsal, düşük görsel gürültü.
   Mobil: bloklar 100% genişliğe düşer.
   ========================================================= */

:root {
    --pan300-bg: #eef2f5;
    --pan300-card: #ffffff;
    --pan300-card-soft: #f7f9fb;
    --pan300-line: #ccd6df;
    --pan300-line-soft: #e5ebf0;
    --pan300-text: #183042;
    --pan300-muted: #697a89;
    --pan300-navy: #153b52;
    --pan300-navy-2: #1d506c;
    --pan300-blue: #16759a;
    --pan300-orange: #ef7d22;
    --pan300-orange-dark: #d96712;
    --pan300-green: #198754;
    --pan300-danger: #c63f48;
    --pan300-radius: 7px;
    --pan300-shadow: 0 1px 3px rgba(25, 45, 60, .08);
    --pan300-topbar-h: 54px;
    --pan300-menu-h: 36px;
}

/* ---------- TYPOGRAPHY ---------- */
html,
body,
.fi-body,
.fi-layout,
.fi-main,
.fi-page,
.fi-page-content,
button,
input,
select,
textarea {
    font-family: "Segoe UI", Inter, Roboto, Arial, sans-serif !important;
    color: var(--pan300-text) !important;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body,
.fi-body,
.fi-main,
.fi-layout,
.fi-page,
.fi-page-content {
    background: var(--pan300-bg) !important;
}

/* Eski temadaki 850/900/950 ağırlıklarını normalleştir */
.fi-header-heading,
.fi-section-header-heading,
.fi-breadcrumbs,
.fi-ta-header-cell,
.fi-ta-header-cell-label,
.fi-fo-field-wrp-label,
.fi-fo-field-wrp-label span,
label,
.pancrm-v153-row-title span,
.pancrm-v153-eyebrow,
.pancrm-v153-title,
.pancrm-v153-hero-grid b,
.pancrm-main-menu a,
.pancrm-system-buttons a,
.fi-btn,
.fi-ac-btn-action {
    font-weight: 600 !important;
}

.fi-header-heading,
.fi-page-header h1 {
    font-size: 17px !important;
    line-height: 1.15 !important;
    letter-spacing: -.01em !important;
}

/* ---------- TOP SHELL ---------- */
.fi-topbar {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    height: var(--pan300-topbar-h) !important;
    min-height: var(--pan300-topbar-h) !important;
    background: #fff !important;
    border-bottom: 1px solid var(--pan300-line-soft) !important;
    box-shadow: 0 1px 4px rgba(20, 45, 60, .08) !important;
    z-index: 20000 !important;
}

.pancrm-top-shell {
    position: relative !important;
    z-index: 20010 !important;
}

.pancrm-logo-area {
    top: 0 !important;
    left: 14px !important;
    width: 150px !important;
    height: var(--pan300-topbar-h) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}
.pancrm-logo-area img {
    max-height: 42px !important;
    max-width: 142px !important;
}
.pancrm-logo-text-main {
    font-size: 21px !important;
    font-weight: 700 !important;
    letter-spacing: .015em !important;
    color: var(--pan300-navy) !important;
}
.pancrm-logo-text-sub {
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: .28em !important;
    color: var(--pan300-orange) !important;
}

.pancrm-system-buttons {
    top: 11px !important;
    right: 292px !important;
    gap: 4px !important;
}
.pancrm-system-buttons a,
.pancrm-task-top-link,
.pancrm-update-top-link {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 9px !important;
    border: 1px solid #d7e0e7 !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #314759 !important;
    font-size: 11px !important;
    box-shadow: none !important;
}
.pancrm-system-buttons a:hover {
    background: #f3f6f8 !important;
    border-color: #bccbd6 !important;
}
.pancrm-task-top-link.is-red {
    background: #fff2f3 !important;
    color: #ad303a !important;
    border-color: #f2c7cb !important;
}

/* Ana menü artık kurumsal lacivert; turuncu sadece vurgu */
.pancrm-main-menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--pan300-topbar-h) !important;
    height: var(--pan300-menu-h) !important;
    min-height: var(--pan300-menu-h) !important;
    background: var(--pan300-navy) !important;
    border: 0 !important;
    box-shadow: 0 2px 5px rgba(17, 45, 62, .16) !important;
    z-index: 19990 !important;
}
.pancrm-menu-item > a {
    height: var(--pan300-menu-h) !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 18px !important;
    color: #f6fafc !important;
    background: transparent !important;
    border-right: 1px solid rgba(255,255,255,.10) !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    text-shadow: none !important;
}
.pancrm-menu-item:hover > a,
.pancrm-menu-item:focus-within > a {
    background: var(--pan300-navy-2) !important;
    box-shadow: inset 0 -3px 0 var(--pan300-orange) !important;
}
.pancrm-submenu {
    top: var(--pan300-menu-h) !important;
    border-radius: 0 0 7px 7px !important;
    border: 1px solid #cbd7df !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(15, 35, 50, .14) !important;
    padding: 5px !important;
}
.pancrm-submenu a,
.pancrm-submenu-title {
    color: #294050 !important;
    background: #fff !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    min-height: 29px !important;
    border-radius: 5px !important;
}
.pancrm-submenu a:hover {
    background: #eef4f7 !important;
    color: #12384f !important;
}

/* ---------- PAGE / HEADER ---------- */
.fi-main,
.fi-main-ctn,
.fi-layout .fi-main,
.fi-body .fi-main {
    padding-top: 42px !important;
}

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

.fi-header,
.fi-page-header {
    margin: 0 0 8px !important;
    padding: 8px 10px !important;
    background: #fff !important;
    border: 1px solid var(--pan300-line) !important;
    border-radius: var(--pan300-radius) !important;
    box-shadow: var(--pan300-shadow) !important;
}
.fi-breadcrumbs {
    font-size: 10.5px !important;
    color: var(--pan300-muted) !important;
}
.fi-header-actions,
.fi-page-header-actions {
    gap: 5px !important;
}

/* ---------- GENERIC CARDS / SECTIONS ---------- */
.fi-section,
.fi-card,
.fi-ta,
.fi-ta-ctn,
.fi-in-section {
    border: 1px solid var(--pan300-line) !important;
    border-radius: var(--pan300-radius) !important;
    box-shadow: var(--pan300-shadow) !important;
    background: #fff !important;
}
.fi-section-header,
.fi-fo-section-header,
.fi-in-section-header {
    min-height: 32px !important;
    padding: 6px 9px !important;
    background: #f6f8fa !important;
    border-bottom: 1px solid var(--pan300-line-soft) !important;
}
.fi-section-header-heading,
.fi-fo-section-header-heading {
    color: #263f50 !important;
    font-size: 12px !important;
}
.fi-section-content,
.fi-section-content-ctn,
.fi-in-section-content {
    padding: 8px 10px !important;
    background: #fff !important;
}

/* ---------- FORMS ---------- */
.fi-fo-component-ctn,
.fi-grid {
    row-gap: 7px !important;
    column-gap: 8px !important;
}
.fi-fo-field-wrp {
    gap: 2px !important;
    margin: 0 !important;
}
.fi-fo-field-wrp-label,
.fi-fo-field-wrp-label span,
label {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    color: #415565 !important;
    letter-spacing: 0 !important;
}
.fi-fo-field-wrp-helper-text,
.fi-section-description {
    font-size: 10px !important;
    color: #7a8995 !important;
}

.fi-input-wrp,
.fi-fo-select.fi-input-wrp,
.fi-textarea,
.choices__inner {
    min-height: 32px !important;
    height: auto !important;
    border: 1px solid #b9c6d0 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: visible !important;
}
.fi-input,
.fi-input-wrp input,
.fi-input-wrp select,
.fi-input-wrp textarea,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
    min-height: 30px !important;
    color: #203847 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
textarea,
.fi-textarea,
.fi-input-wrp textarea {
    min-height: 64px !important;
}
.fi-input-wrp:focus-within,
.fi-fo-select.fi-input-wrp:focus-within,
.fi-textarea:focus-within {
    border-color: #6c9fb9 !important;
    box-shadow: 0 0 0 2px rgba(39, 120, 157, .12) !important;
}
input::placeholder,
textarea::placeholder {
    color: #9aa7b1 !important;
    opacity: 1 !important;
}

/* Filament searchable selects - no second inner border */
.fi-fo-select div.fi-select-input,
.fi-input-wrp div.fi-select-input,
.fi-select-input:not(select) {
    min-height: 0 !important;
    height: auto !important;
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}
.fi-fo-select .fi-select-input-btn,
.fi-input-wrp .fi-select-input-btn {
    min-height: 30px !important;
    height: 30px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 48px 0 8px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 11.5px !important;
    color: #203847 !important;
}
.fi-fo-select .fi-select-input-value-ctn,
.fi-input-wrp .fi-select-input-value-ctn {
    min-height: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
.fi-fo-select .fi-select-input-value-label,
.fi-input-wrp .fi-select-input-value-label,
.fi-fo-select .fi-select-input-placeholder,
.fi-input-wrp .fi-select-input-placeholder {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11.5px !important;
    line-height: 16px !important;
}
.fi-fo-select .fi-select-input-value-remove-btn,
.fi-input-wrp .fi-select-input-value-remove-btn {
    position: absolute !important;
    right: 25px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #708392 !important;
}
.fi-fo-select .fi-select-input-value-remove-btn svg,
.fi-input-wrp .fi-select-input-value-remove-btn svg {
    width: 14px !important;
    height: 14px !important;
}
.fi-select-input .fi-dropdown-panel {
    z-index: 22050 !important;
    border: 1px solid #c9d4dc !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 24px rgba(20, 45, 60, .13) !important;
}

/* ---------- BUTTONS ---------- */
.fi-btn,
.fi-ac-btn-action {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    box-shadow: none !important;
}
.fi-btn-color-primary,
.fi-btn.fi-color-primary,
.fi-ac-action.fi-color-primary {
    background: var(--pan300-blue) !important;
    color: #fff !important;
}
.fi-btn-color-warning,
.fi-btn.fi-color-warning {
    background: var(--pan300-orange) !important;
    color: #fff !important;
}
.fi-btn-color-success,
.fi-btn.fi-color-success {
    background: var(--pan300-green) !important;
    color: #fff !important;
}

/* ---------- TABLES ---------- */
.fi-ta-header,
.fi-ta-toolbar {
    padding: 5px 7px !important;
    min-height: 38px !important;
}
.fi-ta-search-field .fi-input-wrp,
.fi-ta-search-field input,
.fi-ta-header .fi-input-wrp {
    height: 30px !important;
    min-height: 30px !important;
}
.fi-ta-table thead th,
.fi-ta-header-cell {
    padding: 6px 7px !important;
    background: #edf2f5 !important;
    border-bottom: 1px solid #cbd6de !important;
    color: #3e5363 !important;
    font-size: 10.5px !important;
}
.fi-ta-table tbody td {
    padding: 7px 7px !important;
    font-size: 11.5px !important;
    border-color: #e5ebef !important;
}
.fi-ta-row:nth-child(even) .fi-ta-cell {
    background: #fbfcfd !important;
}
.fi-ta-row:hover .fi-ta-cell {
    background: #f2f7f9 !important;
}
.fi-ta-footer {
    min-height: 38px !important;
    padding: 5px 8px !important;
}

/* =========================================================
   CUSTOMER CARD v300 - actual structure redesign
   ========================================================= */
.fi-page:has(.pancrm-v300-customer-shell) .fi-page-content,
.fi-page:has(.pancrm-v300-customer-shell) .fi-main > div,
.fi-page:has(.pancrm-v300-customer-shell) .fi-main-ctn > div {
    width: calc(100vw - 30px) !important;
    max-width: none !important;
}

.pancrm-v300-customer-shell {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}
.pancrm-v300-customer-shell > .fi-section-header,
.pancrm-v300-customer-shell .fi-section-header {
    display: none !important;
}
.pancrm-v300-customer-shell > .fi-section-content-ctn,
.pancrm-v300-customer-shell .fi-section-content,
.pancrm-v300-customer-shell > div:last-child {
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
}

/* Slim customer summary */
.pancrm-v153-hero {
    min-height: 52px !important;
    display: grid !important;
    grid-template-columns: minmax(260px, .8fr) minmax(640px, 2.2fr) !important;
    gap: 7px !important;
    padding: 7px !important;
    margin: 0 0 7px !important;
    border: 1px solid #c7d4dd !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: var(--pan300-shadow) !important;
}
.pancrm-v153-hero-left {
    display: flex !important;
    justify-content: center !important;
    padding: 6px 9px !important;
    border: 0 !important;
    border-right: 1px solid #e2e8ed !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.pancrm-v153-eyebrow {
    font-size: 9px !important;
    color: #7c8b97 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
.pancrm-v153-title {
    margin: 1px 0 0 !important;
    color: #17384d !important;
    font-size: 17px !important;
    line-height: 1.12 !important;
}
.pancrm-v153-subtitle {
    margin-top: 2px !important;
    color: #788692 !important;
    font-size: 9.5px !important;
}
.pancrm-v153-hero-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0,1fr)) !important;
    gap: 4px !important;
}
.pancrm-v153-hero-grid span,
.pancrm-v153-hero-grid span:nth-child(n) {
    min-height: 38px !important;
    padding: 5px 7px !important;
    border: 1px solid #e0e7ec !important;
    border-radius: 5px !important;
    background: #f9fbfc !important;
    box-shadow: none !important;
    color: #244052 !important;
}
.pancrm-v153-hero-grid b {
    margin-bottom: 2px !important;
    color: #7b8994 !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
}

.pancrm-v300-dashboard-grid {
    gap: 7px !important;
    align-items: stretch !important;
}

/* Group = compact table/card */
.pancrm-v300-group {
    align-content: start !important;
    row-gap: 6px !important;
    column-gap: 7px !important;
    padding: 7px 8px 8px !important;
    border: 1px solid #ccd6de !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: var(--pan300-shadow) !important;
}
.pancrm-v300-group .pancrm-v153-row-title {
    height: 26px !important;
    min-height: 26px !important;
    margin: -7px -8px 1px !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #dce4e9 !important;
    border-radius: 7px 7px 0 0 !important;
    background: #f2f5f7 !important;
    box-shadow: inset 3px 0 0 var(--pan300-orange) !important;
}
.pancrm-v300-group .pancrm-v153-row-title span {
    color: #294355 !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
}
.pancrm-v300-group .pancrm-v153-row-title small {
    color: #84919b !important;
    font-size: 8.8px !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}

/* Customer fields even denser than generic forms */
.pancrm-v300-customer-shell .fi-fo-field-wrp {
    gap: 2px !important;
}
.pancrm-v300-customer-shell label,
.pancrm-v300-customer-shell .fi-fo-field-wrp-label span {
    font-size: 9.5px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
    color: #526575 !important;
}
.pancrm-v300-customer-shell .fi-input-wrp,
.pancrm-v300-customer-shell .fi-fo-select.fi-input-wrp,
.pancrm-v300-customer-shell input,
.pancrm-v300-customer-shell select,
.pancrm-v300-customer-shell textarea,
.pancrm-v300-customer-shell [role="combobox"] {
    min-height: 30px !important;
    border-radius: 5px !important;
    background: #fff !important;
    box-shadow: none !important;
}
.pancrm-v300-customer-shell .fi-fo-select .fi-select-input-btn,
.pancrm-v300-customer-shell .fi-fo-select .fi-select-input-value-ctn {
    min-height: 28px !important;
    height: 28px !important;
}
.pancrm-v300-customer-shell textarea {
    min-height: 58px !important;
}
.pancrm-v300-customer-shell input[name="title"],
.pancrm-v300-customer-shell input[name="email"],
.pancrm-v300-customer-shell input[name="website"],
.pancrm-v300-customer-shell input[name="phone"],
.pancrm-v300-customer-shell input[name="mobile"],
.pancrm-v300-customer-shell input[name="company_gsm"],
.pancrm-v300-customer-shell input[name="tax_number"] {
    background: #fff !important;
    font-family: "Segoe UI", Inter, Roboto, Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Relation manager tabs: compact desktop bar */
.fi-page:has(.pancrm-v300-customer-shell) .fi-tabs {
    min-height: 34px !important;
    border-radius: 7px !important;
    box-shadow: var(--pan300-shadow) !important;
}
.fi-page:has(.pancrm-v300-customer-shell) .fi-tabs-item {
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 10.5px !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1280px) {
    .pancrm-system-buttons {
        right: 230px !important;
    }
    .pancrm-menu-item > a {
        padding: 0 13px !important;
    }
    .pancrm-v153-hero {
        grid-template-columns: 260px 1fr !important;
    }
    .pancrm-v153-hero-grid {
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }
}

@media (max-width: 1000px) {
    .pancrm-v300-dashboard-grid > .pancrm-v300-group {
        grid-column: span 12 / span 12 !important;
    }
    .pancrm-v153-hero {
        grid-template-columns: 1fr !important;
    }
    .pancrm-v153-hero-left {
        border-right: 0 !important;
        border-bottom: 1px solid #e2e8ed !important;
    }
    .pancrm-system-buttons {
        display: none !important;
    }
}

@media (max-width: 760px) {
    :root {
        --pan300-topbar-h: 52px;
        --pan300-menu-h: 34px;
    }
    .fi-page,
    .fi-page-content,
    .fi-main > div,
    .fi-main-ctn > div {
        width: calc(100vw - 16px) !important;
    }
    .pancrm-main-menu {
        overflow-x: auto !important;
        overflow-y: visible !important;
        white-space: nowrap !important;
    }
    .pancrm-menu-item > a {
        padding: 0 12px !important;
        font-size: 10.5px !important;
    }
    .pancrm-v153-hero-grid {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
    .pancrm-v300-group .pancrm-v153-row-title small {
        display: none !important;
    }
    .pancrm-v300-group [class*="fi-grid-col"] {
        grid-column: span 12 / span 12 !important;
    }
}