/* Global Purvey — Filament admin overrides */

/* ── Tam genişlik içerik ── */
.fi-main-ctn.fi-width-full {
    max-width: none;
    width: 100%;
}

.fi-main-ctn.fi-width-full .fi-page-main {
    width: 100%;
}

/* ── Yapışkan kaydet çubuğu ── */
.fi-resource-create-record-page .fi-form-actions,
.fi-resource-edit-record-page .fi-form-actions {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

/* Uzun formlarda içerik yapışkan çubuğun altında kalmasın */
.fi-resource-create-record-page .fi-page-main,
.fi-resource-edit-record-page .fi-page-main {
    padding-bottom: 5.5rem;
}

/* Yapışkan modda tıklanabilirlik: form içeriğinin üstünde kalsın */
.fi-sc-actions.fi-sticky .fi-ac {
    position: fixed !important;
    z-index: 100 !important;
    pointer-events: auto !important;
    bottom: 0 !important;
    inset-inline-start: 0;
    inset-inline-end: 0;
}

/* Filament'in hesapladığı genişlik/hizayı bozma — tam genişlik sadece görsel */
@media (min-width: 1024px) {
    .fi-body-has-navigation:not(.fi-body-has-top-navigation) .fi-sc-actions.fi-sticky .fi-ac {
        inset-inline-start: var(--sidebar-width, 0px);
        width: calc(100% - var(--sidebar-width, 0px)) !important;
        max-width: none !important;
    }
}

/* ── Form: tam genişlik yatay sekmeler (ürün + firma) ── */
.gp-product-form-tabs,
.gp-company-form-tabs {
    width: 100%;
}

.gp-product-form-tabs .fi-tabs-panel,
.gp-company-form-tabs .fi-tabs-panel,
.gp-product-form-tabs .fi-tabs-panel > .fi-sc,
.gp-company-form-tabs .fi-tabs-panel > .fi-sc {
    width: 100%;
}

.gp-product-form-tabs .fi-section,
.gp-company-form-tabs .fi-section {
    width: 100%;
}

/* ── Üst durum çubuğu ── */
.gp-product-status .fi-section-content-ctn,
.gp-company-status .fi-section-content-ctn {
    gap: 1rem;
}

.gp-company-status .fi-fo-toggle-buttons {
    flex-wrap: wrap;
}

/* Upload önizleme — koyu logolar görünsün */
.fi-fo-file-upload .filepond--image-preview-wrapper,
.fi-fo-file-upload .filepond--item-panel {
    background-color: #f3f4f6 !important;
    background-image:
        linear-gradient(45deg, #d1d5db 25%, transparent 25%),
        linear-gradient(-45deg, #d1d5db 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #d1d5db 75%),
        linear-gradient(-45deg, transparent 75%, #d1d5db 75%) !important;
    background-size: 12px 12px !important;
    background-position: 0 0, 0 6px, 6px -6px, -6px 0 !important;
}

.dark .fi-fo-file-upload .filepond--image-preview-wrapper,
.dark .fi-fo-file-upload .filepond--item-panel {
    background-color: #374151 !important;
    background-image:
        linear-gradient(45deg, #4b5563 25%, transparent 25%),
        linear-gradient(-45deg, #4b5563 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #4b5563 75%),
        linear-gradient(-45deg, transparent 75%, #4b5563 75%) !important;
}

/* ── Slug prefix hizası ── */
.fi-input-wrp .fi-input-wrp-prefix {
    align-items: center;
}

/* ── Tablo: görsel sütunu ── */
.gp-table-logo-col,
.gp-table-cover-col {
    width: 3.5rem !important;
    max-width: 3.5rem !important;
}

.gp-table-logo-col img,
.gp-table-cover-col img {
    width: 2.75rem !important;
    height: 2.75rem !important;
    object-fit: contain;
    border-radius: 0.5rem;
    border: 1px solid rgb(229 231 235);
    background-color: rgb(243 244 246);
    background-image:
        linear-gradient(45deg, rgb(209 213 219) 25%, transparent 25%),
        linear-gradient(-45deg, rgb(209 213 219) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgb(209 213 219) 75%),
        linear-gradient(-45deg, transparent 75%, rgb(209 213 219) 75%);
    background-size: 8px 8px;
    background-position: 0 0, 0 4px, 4px -4px, -4px 0;
}

.dark .gp-table-logo-col img,
.dark .gp-table-cover-col img {
    border-color: rgb(55 65 81);
    background-color: rgb(31 41 55);
    background-image:
        linear-gradient(45deg, rgb(55 65 81) 25%, transparent 25%),
        linear-gradient(-45deg, rgb(55 65 81) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgb(55 65 81) 75%),
        linear-gradient(-45deg, transparent 75%, rgb(55 65 81) 75%);
}

.gp-table-name-col {
    min-width: 12rem;
}

.fi-ta-row .fi-ta-cell {
    vertical-align: middle;
}

.fi-ta-actions-cell {
    width: 3rem;
}