html, body {
    font-size:13px;
    height: 100%;
    margin: 0;
    padding: 0;
    /* Android pull-down / overscroll engelle */
    overscroll-behavior: none;
    /* bounce hissini kapat */
    overscroll-behavior-y: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-optical-sizing: auto;
    font-variation-settings: "slnt" 0;
    font-variant-numeric: tabular-nums;
    --LAF-base-font-family:"Inter-LAF","Roboto",system-ui,"Google Sans";
    --LAF-base-font-size: 13px;
    --LAF-base-font-weight:500;
    --LAF-base-box-shadow: 2px 3px 10px 1px rgba(0, 0, 0, 0.20);
    --mud-palette-overlay-dark: rgba(0, 0, 0, 0.65);
    --mud-palette-overlay-light: rgba(0, 0, 0, 0.65);
}


@font-face {
    font-family: 'Inter-LAF';
    src: url('/fonts/InterVariable-LAF.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

/*dialoglar 24px padding veriyor*/
.laf-dialog-root .mud-dialog-content {
    padding: 0 !important;
    max-width: 95vw;
    max-height: 90vh;
    border-radius:0px;
}

.mud-dialog {
    animation: laf-dialog-slide-in 100ms ease-out !important;
}

@keyframes laf-dialog-slide-in {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mud-elevation-1 {
    box-shadow:0px 2px 1px -1px rgba(0,0,0,0.1),0px 1px 1px 0px rgba(0,0,0,0.05),0px 1px 3px 0px rgba(0,0,0,0.02) !important;
    /*    box-shadow:0 4px 4px rgba(0,0,0, 0.25) !important;
*/
    /*    box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 1px 3px 0px rgba(0, 0, 0, 0.01) !important;
*/
}

.mud-table-cell {
    padding: 6px 24px 6px 16px;
    padding-inline-start: 8px !important;
    padding-inline-end: 8px !important;
    font-weight: 500 !important;
    line-height:normal;
}

.mud-table-toolbar {
    padding-inline-start: 8px !important;
    padding-inline-end: 8px !important;
    height:57px !important;
}

/*:root {
    --mud-palette-primary: #227370 !important;*/ /* Turkuaz */
/*}*/
/*scrollbarlar için eklendi*/
/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: var(--mud-palette-gray-default); 
    border-radius: 8px;
    border: 2px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: var(--mud-palette-primary-lighten);
    }


    /*Grid,GridEditor*/

/* Grid kapsayıcı */
.laf-grid-resizable-table {
    width: 100%;
    overflow: hidden;
}

    /* Scroll sadece burada */
    .laf-grid-resizable-table .mud-table-container {
        overflow-x: auto;
        overflow-y: auto;
        width: 100%;
    }

    /* Table grid kadar geniş, grid büyümez */
    .laf-grid-resizable-table table {
        width: 100%;
        table-layout: fixed;
    }

/* Resize tutamağı */
.laf-grid-resize-handle {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
}

.laf-grid-resize-handle {
    touch-action: none;
}

.laf-grid-row-selected {
    background-color: rgba(34, 115, 112, 0.1) !important;
}

.laf-grid-resizable-table {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.laf-icon-button
{
    padding:6px !important;
    margin-left:12px !important;
}


.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: var(--LAF-base-font-size) !important;
    font-weight: 500 !important;
}
.mud-input > textarea.mud-input-root {
    font-size: var(--LAF-base-font-size) !important;
    font-weight: 500 !important;
}

.mud-input > input.mud-input-root {
    font-size: var(--LAF-base-font-size) !important;
    font-weight: 500 !important;
}

.mud-select .mud-select-input .mud-input-slot {
    font-size: var(--LAF-base-font-size) !important;
    font-weight: 500 !important;
}

.mud-button-label {
    font-size: var(--LAF-base-font-size) !important;
    letter-spacing:normal !important;
    font-weight:500 !important;
}

.mud-nav-link .mud-nav-link-text {
    font-size: var(--LAF-base-font-size) !important;
}

.mud-typography-body1{
    font-size: var(--LAF-base-font-size) !important;
}

/*ios'ta sağ tık prevent default için*/
.laf-grid-resizable-table, .laf-cell-text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/* Tarayıcının editorlerdeki default X butonunu gizleyen kısım */
.mud-input-input-control input::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none;
}

.mud-dialog{
    max-width:95vw !important;
    max-width:95dvw !important;
    max-height:90vh !important;
    max-height:90dvh !important;
   
}

.mud-dialog-title {
    padding:0px !important;
}

.mud-dialog-content{
    overflow:hidden !important;
}

.d-flex flex-row align-center gap-0{
    height:100%;
}

.mud-nav-group > .mud-nav-link > .mud-nav-link-text {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.mud-nav-link .mud-nav-link-text{
    font-weight:500 !important;
}

/* grid kolonlarının height'ı otomatik ayarlanmasın istiyoruz */
.mud-data-grid .mud-table-cell .column-header .sortable-column-header {
    line-height: normal;
    height: 34px;
    display: flex;
    align-items: center;
}


/* LAFDialog css leri burda */
.laf-dialog-title {
    cursor: move;
    user-select: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    background: var(--mud-palette-surface);
}

.laf-dialog-root.mud-dialog {
    display: flex;
    flex-direction: column;
    border: 2px solid var(--mud-palette-divider);
}

.laf-dialog-root .mud-dialog-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    border-radius: 0px !important;
}

.laf-dialog-root .mud-dialog-title,
.laf-dialog-root .mud-dialog-actions {
    flex: 0 0 auto;
}

/* Title yoksa title alanını tamamen kaldır */
.laf-dialog-no-title .mud-dialog-title {
    display: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
}

/* Action yoksa action bar alanını tamamen kaldır */
.laf-dialog-no-action .mud-dialog-actions {
    display: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
}


/* ── Google Maps InfoWindow ── */
.gm-ui-hover-effect {
    display: none !important;
}

.gm-style-iw-ch {
    display: none !important;
}

.gm-style-iw-d {
    overflow: hidden !important;
    padding: 0 !important;
}

.gm-style-iw {
    padding: 8px 12px !important;
}