/* Bicimlendirmenin tamami MudBlazor'dan geliyor. Buraya yalnizca MudBlazor'un
   karsiligi olmayan seyler yazilir. */

html, body {
    height: 100%;
}

/* Blazor'un kendi hata cubugu; MudBlazor kapsamiyor. */
#blazor-error-ui {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    display: none;
    padding: 0.75rem 1.25rem;
    background: #b71c1c;
    color: #fff;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    float: right;
    padding: 0 .5rem;
}

/* Sag-tik menusu. Popover sayfa kapsaminin disina cizildigi icin bu kural
   sayfanin .razor.css'inde degil burada. Varsayilan menu yazisi kalin
   duruyordu; inceltildi. */
.sag-menu .mud-menu-item .mud-typography,
.sag-menu .mud-list-item-text .mud-typography {
    font-weight: 400;
    font-size: .84rem;
}

/* Sayfa ustu eylem dugmeleri: filtre dugmeleriyle ayni olcek.
   MudButton'in Class'i dogrudan button ogesine indigi icin global kural
   yetiyor; ::deep gerekmiyor. */
.dugme-sade {
    font-size: 12px;
    text-transform: none;
    height: 30px;
}

/* Takvim popover'i: varsayilani iri duruyordu. Gun hucreleri ve basliklar
   grid ile ayni olceğe cekildi. Popover sayfa kapsaminin disinda; kural
   burada. */
.mud-picker-popover .mud-picker-calendar-header,
.mud-picker-popover .mud-button-month,
.mud-picker-popover .mud-button-year {
    font-size: 13px;
}

.mud-picker-popover .mud-day {
    font-size: 12px;
    width: 30px;
    height: 30px;
    margin: 1px;
}

/* Gun basliklari (Pzt..Paz) gunlerle ayni adimda: 30px + 1px marj = 32px.
   MudBlazor 9.9'da sinif adi mud-day-label (eski kural
   mud-picker-calendar-day-title'i hedefliyordu, hic uygulanmiyordu). */
.mud-picker-popover .mud-picker-calendar-header-day .mud-day-label {
    font-size: 11px;
    width: 30px;
    margin: 0 1px;
}

/* MudBlazor gunleri hafta satiri olarak degil, 310px'lik TEK sarilan kutuda
   diziyor; 7'de kirilmasi gun genisligine bagli (36px + 4px marj). Gunleri
   32px'e kucultunce satira 9 gun sigiyor, gunler yanlis haftaya kayiyordu
   (16 Eylul Carsamba "Cmt" altinda; Metin, 16.09.2026). Kutu tam 7 gun
   genisliginde: 7 x 32px. */
.mud-picker-popover .mud-picker-calendar {
    width: 224px;
    margin: 0 auto;
}

/* FocusOnNavigate sayfa acilisinda h1'e odak verir (erisilebilirlik icin
   kaliyor); tarayicinin odak cercevesi basligi metin kutusu gibi
   gosteriyordu (giris ekrani vakasi, 08.09.2026). Varsayilan Blazor
   sablonundaki cozumun aynisi: baslikta cerceve cizilmez. */
h1:focus {
    outline: none;
}

/* =====================================================================
   KABUK: ust kart + ikon serit + icerik karti (Sidebar.zip sablonundan)
   Kurallar global cunku NavLink'in urettigi <a> scoped CSS kapsam
   damgasi almiyor. Renkler MudBlazor paletinden okunur ki karanlik
   mod kendiliginden calissin; tek sabit vurgu rengi bordo.
   ===================================================================== */
:root {
    --kabuk-vurgu: #A61E2E;

    /* Grid kolon basliklarinin stili. Tek yerden degisir ve C# derlemesi
       GEREKMEZ: bu dosya statik, tarayici yenilemesi yeter.
       Acik varyant (3. secenek): acik zemin + koyu yazi + bordo alt cizgi.
       Koyu varyanta donus: zemin var(--mud-palette-dark),
       yazi var(--mud-palette-dark-text), cizgi none. */
    --rota-baslik-zemin: var(--mud-palette-background);
    --rota-baslik-yazi: var(--mud-palette-text-primary);
    --rota-baslik-cizgi: 2px solid var(--kabuk-vurgu);

    /* Icerik kartinin zemini: "kirli beyaz" (Metin, 30.08.2026). Kartlar
       (MudPaper) beyaz kalinca uzerinde yuzer, kontrollerin yeri belli olur.
       Palet karisimi oldugu icin karanlik modda da kendiliginden tutar. */
    --rota-icerik-zemin: color-mix(in srgb, var(--mud-palette-surface) 55%, var(--mud-palette-background));
    --kabuk-vurgu-acik: #B82234;
    --kabuk-serit-gen: 52px;
    --kabuk-mobil-serit: 14px;
    --kabuk-ust-yuk: 48px;
    --kabuk-kose: 10px;
    --kabuk-golge: 0 1px 4px rgba(26, 35, 50, .08);
}

.kabuk {
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-height: 100vh;
    padding: .45rem;
    gap: .45rem;
    background: var(--mud-palette-background);
}

/* ---- ust kart ---- */
.ust-kart {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    height: var(--kabuk-ust-yuk);
    padding: 0 1rem;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: var(--kabuk-kose);
    box-shadow: var(--kabuk-golge);
}

.marka {
    display: flex;
    align-items: baseline;
    gap: .6rem;
    flex-shrink: 0;
}

.marka-rota {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--kabuk-vurgu);
}

.marka-firma {
    font-size: .72rem;
    letter-spacing: 1px;
    color: var(--mud-palette-text-secondary);
}

.ust-bosluk {
    flex: 1;
}

/* ---- govde ---- */
.govde {
    display: flex;
    flex-direction: row;
    gap: .45rem;
    flex: 1;
    min-height: 0;
}

/* ---- ikon serit ---- */
.yan-serit {
    width: var(--kabuk-serit-gen);
    flex-shrink: 0;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: var(--kabuk-kose);
    box-shadow: var(--kabuk-golge);
    padding: .4rem .35rem;
    overflow: visible;
}

.serit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    height: 100%;
}

.serit-cizgi {
    display: block;
    width: 28px;
    height: 1px;
    background: var(--mud-palette-divider);
    margin: .15rem 0;
}

.serit-dugme {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
    text-decoration: none;
    transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

.serit-dugme:hover {
    background: var(--mud-palette-table-hover);
}

.serit-dugme:focus-visible {
    outline: 2px solid var(--kabuk-vurgu);
    outline-offset: 2px;
}

.serit-dugme .mud-icon-root {
    width: 19px;
    height: 19px;
    font-size: 19px;
}

/* Aktif sayfa / aktif grup: bordo */
.serit-dugme.active {
    background: linear-gradient(135deg, var(--kabuk-vurgu-acik), var(--kabuk-vurgu));
    color: #fff;
    box-shadow: 0 2px 8px rgba(166, 30, 46, .35);
}

/* ---- flyout ---- */
.serit-grup {
    position: relative;
}

.serit-acilir {
    display: none;
    position: absolute;
    left: calc(100% + .45rem);
    top: 0;
    flex-direction: column;
    min-width: 185px;
    padding: .35rem;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(26, 35, 50, .16);
    z-index: 200;
}

.serit-grup:hover .serit-acilir,
.serit-grup:focus-within .serit-acilir {
    display: flex;
}

/* Ikon ile flyout arasindaki bosluk icin gorunmez kopru: fare o
   araliktan yavas gecerken :hover kopup menu kapanmasin. */
.serit-acilir::before {
    content: "";
    position: absolute;
    left: -.5rem;
    top: 0;
    bottom: 0;
    width: .5rem;
}

.serit-acilir-baslik {
    padding: .3rem .55rem .35rem;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.serit-acilir-oge {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .4rem .55rem;
    border-radius: 6px;
    color: var(--mud-palette-text-primary);
    font-size: .875rem;
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s ease;
}

.serit-acilir-oge:hover {
    background: var(--mud-palette-table-hover);
}

.serit-acilir-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 6px;
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-secondary);
}

.serit-acilir-ikon .mud-icon-root {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.serit-acilir-oge.active {
    background: rgba(166, 30, 46, .08);
    color: var(--kabuk-vurgu);
    font-weight: 500;
}

.serit-acilir-oge.active .serit-acilir-ikon {
    background: linear-gradient(135deg, var(--kabuk-vurgu-acik), var(--kabuk-vurgu));
    color: #fff;
}

/* ---- icerik karti ---- */
.icerik-kart {
    flex: 1;
    min-width: 0;
    overflow: auto;
    background: var(--mud-palette-surface);       /* color-mix bilmeyen tarayiciya yedek */
    background: var(--rota-icerik-zemin);
    border: 1px solid var(--mud-palette-divider);
    border-radius: var(--kabuk-kose);
    box-shadow: var(--kabuk-golge);
    padding: 1rem 1.25rem;
}

/* ---- mobil: dar serit, dokununca acilir ---- */
@media (max-width: 991px) {
    .kabuk {
        padding: 0;
        gap: 0;
    }

    .ust-kart {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-top: none;
    }

    .govde {
        padding-top: var(--kabuk-ust-yuk);
        padding-left: var(--kabuk-mobil-serit);
        gap: 0;
    }

    .yan-serit {
        position: fixed;
        top: var(--kabuk-ust-yuk);
        left: 0;
        bottom: 0;
        width: var(--kabuk-mobil-serit);
        border-radius: 0;
        border-left: none;
        border-top: none;
        border-bottom: none;
        z-index: 90;
        padding: .4rem 0;
        overflow: hidden;
        transition: width .2s ease;
    }

    /* Dar seritte ince dikey cizgi ipucu */
    .yan-serit::before {
        content: "";
        position: absolute;
        top: .5rem;
        bottom: .5rem;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        border-radius: 1px;
        background: var(--mud-palette-divider);
        pointer-events: none;
        transition: opacity .2s ease;
    }

    /* Acik/kapali yalniz .acik ile (menu dugmesi, 13.10.2026): :focus-within
       dokunulan baglanti odakta kaldikca seridi sayfa degisince de acik tutuyordu. */
    .yan-serit.acik {
        width: var(--kabuk-serit-gen);
        padding: .4rem .35rem;
        overflow: visible;
    }

    .yan-serit.acik::before {
        opacity: 0;
    }

    .yan-serit .serit {
        opacity: 0;
        transition: opacity .15s ease;
    }

    .yan-serit.acik .serit {
        opacity: 1;
    }

    .icerik-kart {
        border-radius: 0;
        border: none;
        box-shadow: none;
    }
}

/* =====================================================================
   GIRIS SAYFASI: iki panelli kart. Sol marka (bordo), sag form.
   MudThemeProvider bu duzende yok; renkler dogrudan (acik tema).
   ===================================================================== */
.giris-zemin {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: linear-gradient(155deg, #EEF1F5 0%, #E3E7ED 55%, #DDD3D5 100%);
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.giris-panel {
    display: flex;
    width: 780px;
    max-width: 100%;
    min-height: 460px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 18px 50px rgba(26, 35, 50, .18);
}

/* ---- sol: marka paneli ---- */
.giris-sol {
    position: relative;
    flex: 0 0 44%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.4rem 2.2rem;
    background: linear-gradient(160deg, #B82234 0%, #A61E2E 45%, #6E1520 100%);
    color: #fff;
    overflow: hidden;
}

/* dekor: kose halkalari */
.giris-sol::before,
.giris-sol::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .12);
    pointer-events: none;
}

.giris-sol::before { width: 260px; height: 260px; right: -110px; top: -110px; }
.giris-sol::after  { width: 180px; height: 180px; left: -70px; bottom: -70px; }

.giris-sol-marka {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.giris-sol-rota {
    font-size: 2.1rem;
    font-weight: 800;
    letter-spacing: 5px;
}

.giris-sol-firma {
    font-size: .8rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: .75;
}

.giris-sol-slogan {
    margin: 0;
    font-size: .9rem;
    line-height: 1.55;
    opacity: .85;
}

/* ---- sag: form paneli ---- */
.giris-sag {
    flex: 1;
    padding: 2.4rem 2.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.giris-baslik {
    margin: 0 0 1.2rem;
    font-size: 1.35rem;
    font-weight: 600;
    color: #1D2430;
}

.giris-hata,
.giris-bilgi {
    margin-bottom: 1rem;
    padding: .55rem .8rem;
    border-radius: 8px;
    font-size: .85rem;
}

.giris-hata {
    border: 1px solid rgba(166, 30, 46, .35);
    background: rgba(166, 30, 46, .06);
    color: var(--kabuk-vurgu);
}

.giris-bilgi {
    border: 1px solid rgba(46, 125, 50, .35);
    background: rgba(46, 125, 50, .07);
    color: #2E7D32;
}

.giris-metin {
    margin: 0 0 1rem;
    font-size: .9rem;
    line-height: 1.6;
    color: #1D2430;
}

.giris-etiket {
    display: block;
    margin: .75rem 0 .3rem;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .3px;
    color: #5A6472;
}

.giris-girdi {
    width: 100%;
    padding: .55rem .7rem;
    border: 1px solid #C9CFD8;
    border-radius: 8px;
    font-size: .95rem;
    font-family: inherit;
    background: #fff;
    color: #1D2430;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.giris-girdi:focus {
    outline: none;
    border-color: var(--kabuk-vurgu);
    box-shadow: 0 0 0 3px rgba(166, 30, 46, .14);
}

.giris-secenekler {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .9rem;
}

.giris-hatirla {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .84rem;
    color: #1D2430;
    cursor: pointer;
    user-select: none;
}

.giris-hatirla input {
    width: 16px;
    height: 16px;
    accent-color: var(--kabuk-vurgu);
    cursor: pointer;
}

.giris-baglanti {
    font-size: .84rem;
    color: var(--kabuk-vurgu);
    text-decoration: none;
}

.giris-baglanti:hover {
    text-decoration: underline;
}

.giris-dugme {
    width: 100%;
    margin-top: 1.2rem;
    padding: .6rem;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--kabuk-vurgu-acik), var(--kabuk-vurgu));
    color: #fff;
    font-size: .95rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(166, 30, 46, .30);
    transition: filter .15s ease;
}

.giris-dugme:hover {
    filter: brightness(1.07);
}

.giris-dugme:disabled {
    filter: grayscale(.4);
    opacity: .7;
    cursor: default;
}

.giris-alt {
    margin-top: 1.1rem;
    text-align: center;
}

/* ---- mobil: paneller alt alta, marka ince bant ---- */
@media (max-width: 640px) {
    .giris-panel {
        flex-direction: column;
        min-height: 0;
    }

    .giris-sol {
        flex: none;
        padding: 1.2rem 1.4rem;
    }

    .giris-sol-slogan { display: none; }
    .giris-sol-rota { font-size: 1.4rem; }

    .giris-sag { padding: 1.6rem 1.4rem 1.8rem; }
}

/* Ust karttaki kullanici bolumu */
.ust-kullanici {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.ust-kullanici-ad {
    font-size: .8rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.cikis-dugme {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-secondary);
    cursor: pointer;
}

.cikis-dugme:hover {
    background: rgba(166, 30, 46, .10);
    color: var(--kabuk-vurgu);
}

.cikis-dugme svg {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Mobil menu dugmesi (13.10.2026): masaustunde serit hep acik, gizli. */
.mobil-menu-dugme {
    display: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-right: 6px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-primary);
    cursor: pointer;
}

.mobil-menu-dugme svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
}

@media (max-width: 991px) {
    .mobil-menu-dugme { display: inline-flex; }
}

/* ---------------------------------------------------------------------
   Detay ekranlarinin ust seridi (geri ok + baslik + Kaydet): yapiskan.
   Negatif kenarliklar .icerik-kart'in 1rem/1.25rem dolgusunu yutar ki
   serit kartin kenarina dayansin ve kayan icerik ustunden gorunmesin. */
.sayfa-serit {
    position: sticky;
    top: -1rem;
    z-index: 20;
    background: var(--mud-palette-surface);       /* color-mix yedegi */
    background: var(--rota-icerik-zemin);         /* zeminle ayni: serit gorunmez, cizgisi kaydirinca is gorur */
    margin: -1rem -1.25rem 12px;
    padding: .6rem 1.25rem .5rem;
    border-bottom: 1px solid var(--mud-palette-divider);
}

/* ---------------------------------------------------------------------
   Personel yetki tablosu: MudSimpleTable oldugu icin .tablo kurallari
   (mud-table-head/-body siniflari) tutmaz; ayni gorunum burada duz
   th/td uzerinden verilir. Olcek ve renkler ortak degiskenlerden. */
.yetki-tablo { max-width: 900px; }

/* Secici bilerek uzun: MudBlazor'un ".mud-simple-table table thead tr th"
   kurali kisa halini (".yetki-tablo th") ozgullukte eziyordu --
   .tablo'daki 3-sinif dersinin MudSimpleTable karsiligi. */
.yetki-tablo table thead tr th,
.yetki-tablo table tbody tr td {
    font-size: 12px;
    padding: 2px 8px !important;
    text-align: center;
}

.yetki-tablo table thead tr th {
    background-color: var(--rota-baslik-zemin);
    color: var(--rota-baslik-yazi);
    border-bottom: var(--rota-baslik-cizgi) !important;
    font-weight: 600;
}

/* Islem adi genis ve solda; bes bayrak kolonu dar -- kutular adin
   dibinde dursun, goz yarim ekran yol gitmesin. */
.yetki-tablo th:first-child { width: 38%; min-width: 200px; }
.yetki-tablo th:not(:first-child) { width: 84px; }
.yetki-tablo table tbody tr td:first-child { text-align: left; }

/* Tumu kolonu tekil bayraklardan kesikli cizgiyle ayrilsin */
.yetki-tablo th:nth-child(2), .yetki-tablo td:nth-child(2) {
    border-right: 1px dashed var(--mud-palette-divider);
}

/* Cizgili satir + uzerine gelince vurgu: satir sasirmayi onler */
.yetki-tablo tbody tr:nth-child(even):not(.yetki-grup) {
    background: var(--mud-palette-table-striped);
}
.yetki-tablo tbody tr:not(.yetki-grup):hover {
    background: var(--mud-palette-table-hover);
}

/* MENU / RAPOR / WEB ara basliklari */
.yetki-tablo .yetki-grup td {
    text-align: left;
    background: var(--rota-baslik-zemin);
    color: var(--kabuk-vurgu);
    font-weight: 600;
    letter-spacing: .3px;
    padding: 5px 8px 3px !important;
}

/* Yalin onay kutusu: 15px, bordo aksan, halkasiz -- masaustu yogunlugu */
.yetki-kutu {
    width: 15px;
    height: 15px;
    accent-color: var(--kabuk-vurgu);
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
}

/* Kilitli kutusu (Ic Nakliye duzenle seridi): yalin, kirmizi aksan.
   Material halini yetki gridiyle ayni gerekceyle biraktik: kaba. */
.kilit-yalin {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--mud-palette-error);
    cursor: pointer;
    user-select: none;
}

.kilit-yalin input {
    width: 15px;
    height: 15px;
    accent-color: var(--mud-palette-error);
    cursor: pointer;
    margin: 0;
}

.kilit-yalin.pasif,
.kilit-yalin.pasif input { opacity: .55; cursor: default; }

/* =====================================================================
   KART BASLIGI: kart adi ust kenara oturur, yarisi disarida yarisi
   iceride (Metin, 30.08.2026) -- fieldset "legend" havasi. Baslik
   kartin icinde satir yemez, yer kazandirir.
   Kullanim: MudPaper Class="... kart-basli" + icine
   <div class="kart-baslik">Ad</div> (ilk cocuk olarak).
   ===================================================================== */
.kart-basli {
    position: relative;
    overflow: visible;
}

.kart-baslik {
    position: absolute;
    top: -9px;
    left: 12px;
    z-index: 1;
    background: var(--kart-zemin, var(--mud-palette-surface));   /* kartla ayni zemin: kenari "yariyor" hissi */
    color: var(--mud-palette-primary);        /* acikta bordo, karanlikta acik bordo */
    padding: 0 8px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .6px;
    text-transform: uppercase;
    line-height: 18px;
    border-radius: 4px;
}

/* Gelir / gider kartlari: belli belirsiz yesil / kirmizi zemin (Metin,
   13.10.2026: "kullaniciyi rahatsiz etmesin"). Kart zeminine karisim:
   karanlik modda da ayni hafiflikte kalir. Kart basligi da ayni zemini alir. */
.mud-paper.kart-gelir {
    --kart-zemin: color-mix(in srgb, var(--mud-palette-surface) 97%, #2E7D32);
    background-color: var(--kart-zemin);
}
.mud-paper.kart-gider {
    --kart-zemin: color-mix(in srgb, var(--mud-palette-surface) 97%, #C62828);
    background-color: var(--kart-zemin);
}

/* =====================================================================
   ORTAK FORM: MudBlazor girdileri (40px boy, 16px yazi, 16px etiket)
   masaustu ROTA olcegine gore iri duruyordu (Metin, 29.08.2026).
   Icerik kartindaki tum outlined alanlar sikilastirildi: 13px yazi,
   7x10 dolgu, ~31px boy. Giris sayfasi .icerik-kart disinda, etkilenmez.
   Etiket donusumlerini MudBlazor kendi yazdigi icin dinlenme + buzulme
   konumlarinin IKISI de burada yeniden verildi (kucuk boya gore).
   ===================================================================== */
/* Secici 4 sinifli: MudBlazor dikey dolguyu ayri, daha ozgul bir kuralla
   basiyor. line-height da sart: 19px'lik deger tipografiden miras
   geliyordu, yazi 13px olsa da kutuyu 40px'te tutuyordu. */
.icerik-kart .mud-input.mud-input-outlined .mud-input-slot.mud-input-root-outlined {
    font-size: 13px;
    line-height: 1.25;
    padding: 7px 10px;
}

.icerik-kart .mud-input-control-input-container > label.mud-input-label-inputcontrol {
    font-size: 13px;
    transform: translate(11px, 7px) scale(1);
}

.icerik-kart .mud-input-control-input-container > .mud-input.mud-shrink ~ label.mud-input-label-inputcontrol,
.icerik-kart .mud-input-control-input-container > .mud-input:focus-within ~ label.mud-input-label-inputcontrol {
    transform: translate(11px, -6.5px) scale(.75);
}

/* buyutec gibi bas/son susleri kucuk kutuya oranli kalsin */
.icerik-kart .mud-input-adornment .mud-icon-root {
    font-size: 20px;
}

/* =====================================================================
   ORTAK TABLO (.tablo): tum liste ekranlarinin ayni gorunmesi icin.
   Onceden Ic Nakliye'nin sayfaya ozel CSS'indeydi; Personel eklenince
   ortaklastirildi. Sayfaya ozel olanlar (frozen kolon, kirp, sag)
   kendi .razor.css dosyalarinda durur.
   ===================================================================== */
.tablo .mud-table-head .mud-table-cell {
    background-color: var(--rota-baslik-zemin);
    color: var(--rota-baslik-yazi);
    border-bottom: var(--rota-baslik-cizgi);
    text-align: center;
}

.tablo .mud-table-head .mud-table-cell .mud-table-sort-label {
    justify-content: center;
    color: var(--rota-baslik-yazi);
}

.tablo .mud-table-head .mud-table-cell .mud-table-sort-label-icon {
    color: var(--rota-baslik-yazi);
}

/* Grid yazisi 12px: masaustu Infragistics yogunluguna yakin
   (Metin'in istegi, 25.08.2026). Secici 3 sinifli: MudBlazor'un
   .mud-table-root .mud-table-body .mud-table-cell kurali (3 sinif)
   2 sinifli halini ozgullukte eziyordu. */
.tablo .mud-table-head .mud-table-cell,
.tablo .mud-table-body .mud-table-cell {
    font-size: 12px;
}

/* Hucre dolgusu ve tek satir: MudBlazor'un yogun (dense) varsayilani
   bile bizim olcege gore bol (16/24px). Once Ic Nakliye'nin sayfa
   CSS'indeydi; Personel satirlari iri kalinca ortaklasti (08.09.2026).
   Secici 3 sinifli: MudBlazor'un dense kuralini ozgullukte gecsin. */
.tablo .mud-table-root .mud-table-cell {
    white-space: nowrap;
    padding: 4px 8px;
}

/* Durum rozeti: MudChip yerine hafif etiket; satiri buyutmez
   (Personel listesi, 08.09.2026). Baska listelerde de kullanilir. */
.durum-rozet {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-secondary);
}

.durum-rozet.aktif {
    background: rgba(76, 175, 80, .14);
    color: #2E7D32;
}

/* Secili satir turuncu -- TUM arama listelerinin ortak kurali
   (once Ic Nakliye'nin sayfa CSS'indeydi; Personel de isteyince
   ortaklasti, 08.09.2026). Yari saydam: cizgili/hover zeminlerin ve
   iki temanin ustunde calisir. !important: striped/hover kurallarini
   ezmek icin sart. */
.tablo tr.secili .mud-table-cell {
    background-color: rgba(255, 152, 0, .30) !important;
}

/* =====================================================================
   PANO (ana sayfa, 08.09.2026): tiklanabilir sayi kartlari. Kart adi
   yuzen baslikta (kart-baslik), sayi buyuk ve bordo, uyari kirmizi.
   ===================================================================== */
.pano .pano-bolum {
    display: block;
    margin: 18px 0 10px;
    color: var(--mud-palette-text-secondary);
}

.pano .pano-bolum:first-child { margin-top: 4px; }

.pano-kart {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Bes sutun (09.09.2026): tasima tipi basina bir kart, ayni satirlar. Dar
   ekranda sutunlar 2-3'lu sarar. */
.pano-sutunlar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-top: 8px;
}

.pano-sutun {
    display: flex;
    flex-direction: column;
}

.pano-satir {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 5px 6px;
    border-bottom: 1px dashed var(--mud-palette-divider);
    border-radius: 4px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    text-decoration: none;
}

.pano-satir b {
    font-size: 18px;
    font-weight: 700;
    color: var(--mud-palette-primary);
}

.pano-satir.uyari b { color: var(--mud-palette-error); }
.pano-satir.pasif { cursor: default; opacity: .8; }
.pano-satir.pasif b { color: var(--mud-palette-text-primary); }
a.pano-satir:hover { background: var(--mud-palette-action-default-hover); color: var(--mud-palette-text-primary); }

.pano-ayrac { height: 6px; }

.pano-para {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 3px 6px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

.pano-para b { font-size: 13px; font-weight: 600; color: var(--mud-palette-text-primary); }
.pano-para.fark { border-top: 1px solid var(--mud-palette-divider); margin-top: 2px; padding-top: 5px; }
.pano-para.fark b { color: var(--mud-palette-success); }
.pano-para.fark b.eksi { color: var(--mud-palette-error); }

.pano-not { margin-top: auto; padding-top: 8px; font-size: 11px; text-align: right; opacity: .55; }

.pano-sayi-baglanti { text-decoration: none; }
.pano-tablo tr.pano-tiklanir { cursor: pointer; }
.pano-tablo tr.pano-tiklanir:hover td { background: var(--mud-palette-action-default-hover); }

.pano-kagit {
    transition: transform .12s ease, box-shadow .12s ease;
}

.pano-kart:hover .pano-kagit {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(26, 35, 50, .14);
}

.pano-sayi {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--mud-palette-primary);
    margin: 6px 0 2px;
}

.pano-sayi.uyari { color: var(--mud-palette-error); }

.pano-aciklama {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.pano-tablo table thead tr th,
.pano-tablo table tbody tr td {
    font-size: 12px;
    padding: 3px 8px !important;
}

.pano-tablo table thead tr th {
    background-color: var(--rota-baslik-zemin);
    color: var(--rota-baslik-yazi);
    border-bottom: var(--rota-baslik-cizgi) !important;
    text-align: left;
    font-weight: 600;
}

/* ---------- TARIH ARALIGI (Ortak/TarihAraligi) ----------
   Kisayollar takvimin altinda, MudBlazor'un eylem alaninda (PickerActions):
   Bugun / Bu hafta / Bu ay / Gecen ay. Dugme seklinde, tabana yayilmis dort
   esit parca (Metin, 08.09.2026). */
.mud-picker-actions.tarih-eylem {
    display: flex;
    padding: 2px 12px 10px;
}

.tarih-kisayol {
    display: flex;
    flex: 1;
    gap: 6px;
}

.tarih-kisayol button {
    flex: 1;
    height: 28px;
    padding: 0 6px;
    font: inherit;
    font-size: 12px;
    color: var(--mud-palette-primary);
    background: transparent;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: 6px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.tarih-kisayol button:hover {
    background: var(--mud-palette-action-default-hover);
    border-color: var(--mud-palette-primary);
}

.tarih-kisayol button:focus-visible {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 1px;
}

/* Aralik kutusunun icindeki iki tarih alani 12px'te; ayrac da ayni. */
.tarih-araligi .mud-range-input-separator {
    padding: 0 4px;
}

/* Takvimde surukleyerek secim onizlemesi (js/rota.js rotaTarihSuruklemeKur).
   Sadece TarihAraligi gunleri (.rota-gun); metin secimi kapali ki
   surukleme gunleri "secmesin". */
.mud-picker-calendar-day.rota-gun {
    user-select: none;
}

.mud-picker-calendar-day.rota-surukle {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
    border-radius: 0;
}

/* Filtre paneli: MudBlazor acilan panelin sarmalayicisina overflow-y:auto
   verir (MaxHeight icin). Chrome bu sarmalayicida 14px'lik hayalet tasma
   hesaplayip panel boyunda bir kaydirma cubugu cikariyordu; icerik aslinda
   tam sigiyor (Metin, 08.09.2026). MaxHeight kullanmiyoruz; cubuk kapali. */
/* overflow-y tek basina yetmez: overflow-x hidden kaldikca tarayici
   visible'i auto sayar. Iki eksen birden visible. */
.filtre-paneli .mud-collapse-entered .mud-collapse-wrapper {
    overflow: visible;
}

/* Aralik icindeki gunler: MudBlazor secilen gunleri 40px'e genisletip
   marjini sifirliyor (bant bitisik dursun diye); bizim 30px'lik gunlerin
   yaninda hucreler seciince buyuyordu (Metin, 08.09.2026). Ayni adim
   korunur: 30px gun + 1px marj = 32px; bant yine bitisik. */
.mud-picker-popover .mud-picker-calendar .mud-day.mud-range {
    width: 32px;
    height: 30px;
    margin: 0;
}

/* Acilir menude bir oge tiklandiktan sonra (js/rota.js) fare cekilene kadar
   kapali kalir; hover/focus-within kurallarini ezer. */
.serit-grup.kapandi .serit-acilir {
    display: none !important;
}

/* Acilir menude ayirici cizgi (Operasyon altinda Teklifler, 09.09.2026). */
.serit-acilir-cizgi {
    height: 1px;
    margin: .3rem .5rem;
    background: var(--mud-palette-divider);
}

/* ---- Evrak paneli (Components/Ortak/EvrakPaneli.razor, 09.09.2026) ----
   Ic / Dis-Public bolum secici, satir eylemleri ve surukle-birak seridi. */
.evrak-ust { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.evrak-sekme { display: inline-flex; border: 1px solid var(--mud-palette-lines-default); border-radius: 6px; overflow: hidden; }
.evrak-sekme button {
    background: transparent; border: 0; padding: 3px 10px; font: inherit; font-size: 12px;
    color: var(--mud-palette-text-primary); cursor: pointer;
}
.evrak-sekme button + button { border-left: 1px solid var(--mud-palette-lines-default); }
.evrak-sekme button.secili { background: var(--kabuk-vurgu); color: #fff; }
.evrak-satir {
    display: flex; align-items: center; gap: 8px; padding: 1px 0; min-height: 30px;
    border-bottom: 1px solid var(--mud-palette-divider);
}
.evrak-satir .evrak-eylem { opacity: .5; }
.evrak-satir:hover .evrak-eylem { opacity: 1; }
.evrak-ad-giris {
    flex: 1; font: inherit; font-size: .84rem; padding: 2px 6px; border-radius: 4px;
    border: 1px solid var(--kabuk-vurgu); background: var(--mud-palette-surface); color: inherit;
}
.evrak-yukleme { position: relative; margin-top: 8px; }
.evrak-birak {
    position: relative; padding: 8px 12px; border-radius: 6px;
    border: 1.5px dashed var(--mud-palette-lines-default);
    display: flex; align-items: center; gap: 8px; font-size: 12px; opacity: .75; cursor: pointer;
}
.evrak-birak.aktif {
    border-color: var(--kabuk-vurgu); opacity: 1;
    background: color-mix(in srgb, var(--kabuk-vurgu) 8%, transparent);
}

/* Fatura Olustur (14.09.2026): engeli olan, secilemeyen satir. */
.liste-grid tr.soluk td { color: var(--mud-palette-text-secondary); }

/* Gelir/gider satir duzenleyicisi: Ic Nakliye, Kara, Kurye (15.09.2026).
   Alan genislikleri sayfa CSS'lerinde sabit (~840px). Ekrani buyutulmus ya da
   penceresi dar kullanicida gider karti bundan dar kaliyor, satirin sonu
   (evrak tarihi + sil) alta kiriliyordu. Kart yeterince genisse satir kirilmaz,
   alanlar asgari genisliklerine kadar orantili daralir (degerler kesilmeden);
   daha dar kartta (telefon) eskisi gibi alta kirilir. Asgari toplam: Ic Nakliye
   gideri ~630px, tedarikci alani olan Kara/Kurye gideri (.firmali) ~700px.
   Sayfa CSS'i "flex: none" veriyor, bu yuzden !important. */
.satir-sikisir { container-type: inline-size; }

@container (min-width: 640px) {
    .satir-sikisir .satir { flex-wrap: nowrap !important; }
    .satir-sikisir .satir > * { flex-shrink: 1 !important; min-width: 0; }
    .satir-sikisir .satir > :first-child { min-width: 90px !important; }
    .satir-sikisir .satir .s-tutar   { min-width: 66px; }
    .satir-sikisir .satir .s-oran    { min-width: 44px; }
    .satir-sikisir .satir .s-kdv     { min-width: 60px; }
    .satir-sikisir .satir .s-toplam  { min-width: 70px; }
    /* PB: secim kutusunun oku ~24px yiyor; 52px'te "USD" "U..." diye kesiliyordu
       (hava gider karti, 12.10.2026). Uc harf + ok 76px'e sigiyor. */
    .satir-sikisir .satir > :nth-child(6) { min-width: 76px; }
    .satir-sikisir .satir .s-firma   { min-width: 62px; }
    .satir-sikisir .satir .s-evrakno { min-width: 56px; }
    /* Tarih kutusunda temizle ve takvim simgeleri + ic bosluk 77px yiyor;
       gg/AA/yyyy yazisi 86px ister. 100px kalinca tarih "28/0" diye
       kesiliyordu, 138px'de de son hane kirpikti (Kara ekibi, 28.09.2026):
       kutu once 168px'e cikar, sikisinca 168px'in altina inmez. */
    .satir-sikisir .satir .mud-picker { min-width: 168px; }
    .satir-sikisir .satir > .mud-icon-button { flex-shrink: 0 !important; }
    .satir-sikisir .satir input { min-width: 0; }
}

/* Gider satirindaki evrak tarihi yarim kolonluk kartta alta kiriliyordu
   (Kara ekibi, 21.09.2026). Asil cozum kartin genisligi (gelir/gider
   kartlari 1920'den dar ekranda tam genislikte, bkz. Duzenle.razor);
   buradaki olculer yalniz dar kartta satirin daha gec kirilmasini saglar.
   Esik alanlarin en dar hallerinin toplami (626px + bosluklar). */
@container (max-width: 665px) {
    .satir-sikisir.firmali .satir { flex-wrap: wrap !important; }
}

/* Sag tik menusu (16.09.2026). MudBlazor menuyu, baglandigi ogenin ANA ogesinin
   olcusune bakarak yerlestiriyor (mudpopoverHelper.placePopover -> isInViewport).
   Tetikleyicisi olmayan MudMenu'nun koku 0x0 ve sayfa akisinin en altinda kaliyor;
   liste uzadikca o nokta ekranin disina dusuyor ve menu hic yerlestirilmiyordu
   (-9999px'te kaliyor; "sag tik bazen calisiyor" sikayeti). Koku 1x1 sabit kutu
   yapmak yetiyor: menu imlecin yanina cikiyor. */
.sag-menu-kok {
    position: fixed;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* =====================================================================
   HAVA HAWB PENCERESI (16.09.2026): basim alanlari. Pencere MudDialog
   saglayicisinda cizildigi icin kurallar sayfa CSS'inde degil burada.
   ===================================================================== */
.hawb-pencere .mud-dialog-content {
    max-height: 78vh;
    overflow-y: auto;
}

.hawb-pencere .mud-input,
.hawb-pencere .mud-input-label {
    font-size: 12px;
}

.hawb-pencere .mud-input-control {
    margin-top: 6px;
    margin-bottom: 0;
}

.hawb-pencere .dar-alan { width: 64px; flex: none; }

/* Bacak satiri: To | By + ucus no | tarih */
.hawb-pencere .hawb-bacak {
    display: grid;
    grid-template-columns: minmax(60px, 1fr) minmax(120px, 3fr) minmax(110px, 1.4fr);
    gap: 6px;
    align-items: center;
}

.hawb-pencere .hawb-bacak.baslik {
    margin-top: 8px;
    font-size: 11px;
    color: var(--mud-palette-text-secondary);
}

/* Ucret satiri: sabit genislikli kutular, dar ekranda alta kayar. */
.hawb-pencere .hawb-ucret {
    display: flex;
    flex-wrap: nowrap;      /* kutular daralir, satir kirilmaz */
    gap: 6px;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px dashed var(--mud-palette-divider);
}

.hawb-pencere .hawb-ucret > * { flex: 1 1 84px; width: auto; min-width: 0; }
.hawb-pencere .hawb-ucret > .mud-autocomplete,
.hawb-pencere .hawb-ucret > :nth-child(6) { flex: 1.6 1 150px; }
.hawb-pencere .hawb-ucret > .hawb-no {
    flex: 0 0 18px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

/* DG kutusu ve olcu (cetvel) dugmesi kendi genisliginde kalir; sayi kutulari
   dar ekranda daralir ki satir kirilip dugme alta kaymasin (Metin, 22.09.2026). */
.hawb-pencere .hawb-ucret > .hawb-dg,
.hawb-pencere .hawb-ucret > .mud-icon-button { flex: 0 0 auto; }

.hawb-pencere .hawb-tur {
    width: 14px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

.hawb-pencere .hawb-toplam th,
.hawb-pencere .hawb-toplam td {
    font-size: 12px;
    padding: 2px 8px;
}

.hawb-pencere .hawb-toplam tr.toplam td {
    font-weight: 700;
    border-top: 2px solid var(--mud-palette-divider);
}

.hawb-pencere .sag { text-align: right; }

/* =====================================================================
   FIRMA SECME KUTUSU (Ortak/CariSecici, 21.09.2026): kutu + yeni cari
   dugmesi yan yana; kutu kalan yeri alir, dugme sabit kalir.
   ===================================================================== */
.cari-secici {
    display: flex;
    align-items: center;
    gap: 2px;
}

.cari-secici > :first-child {
    flex: 1;
    min-width: 0;
}

.cari-secici > .mud-button-root {
    flex: none;
}

/* Benzer adli cari uyarisi (Ortak/BenzerCariUyarisi, 13.10.2026). */
.benzer-cari {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 4px 0 8px;
    padding: 8px 10px;
    border: 1px solid var(--mud-palette-warning);
    border-radius: 6px;
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, #FF9800);
    font-size: 12.5px;
}
.benzer-cari-icerik { flex: 1; min-width: 0; }
.benzer-cari-baslik { font-weight: 600; margin-bottom: 2px; }
.benzer-cari-satir { display: flex; align-items: center; gap: 8px; min-height: 26px; }
.benzer-cari-satir > span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Gelir satirinin fatura firmasi (Ortak/GelirFirmaAlani, coklu fatura
   13.10.2026). Bos firma kirmizi (dosya faturalanmaz), dosyanin fatura
   firmasindan farkli firma turuncu cerceve. */
.satir > .gelir-firma { width: 240px; flex: none; }
.satir-sikisir .satir > .gelir-firma { min-width: 150px; }
.gelir-firma.firmasiz .mud-input-outlined-border { border-color: var(--mud-palette-error) !important; }
.gelir-firma.farkli .mud-input-outlined-border {
    border-color: var(--mud-palette-warning) !important;
    border-width: 2px !important;
}

/* Faturalanmis gelir satirinin fatura numarasi (makbuz simgesinin yaninda). */
.satir .fatura-no {
    font-size: 11px;
    color: var(--mud-palette-success);
    white-space: nowrap;
}

/* Yeni cari penceresi (Ortak/CariPenceresi): alan olcusu formlarla ayni,
   uzun ekranlarda pencere kendi icinde kayar. */
.cari-pencere .mud-dialog-content {
    max-height: 72vh;
    overflow-y: auto;
}

.cari-pencere .mud-input,
.cari-pencere .mud-input-label {
    font-size: 12px;
}

.cari-pencere .mud-input-control {
    margin-top: 6px;
    margin-bottom: 0;
}

.cari-pencere .dar-alan { width: 64px; flex: none; }

/* Olcu penceresi (masaustu frmHavaDims, 22.09.2026): dar pencere, ustte
   hacim / cWeight ozeti, altinda PCS-L-W-H izgarasi. */
.olcu-pencere .olcu-ozet {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    padding: 6px 10px;
    margin-bottom: 8px;
    border-radius: 6px;
    background: var(--mud-palette-background-grey);
}

.olcu-pencere .olcu-ozet span {
    font-size: 11px;
    opacity: .7;
    margin-right: 4px;
}

.olcu-pencere .olcu-ozet b { font-size: 14px; }
.olcu-pencere .olcu-brut { opacity: .75; }
.olcu-pencere .olcu-not { display: block; margin: -4px 0 8px 2px; }

.olcu-pencere .olcu-baslik,
.olcu-pencere .olcu-satir {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 34px;
    gap: 4px;
    align-items: center;
}

.olcu-pencere .olcu-baslik span {
    font-size: 11px;
    opacity: .7;
    padding-left: 10px;
}

.olcu-pencere .olcu-satir { margin-bottom: 4px; }
.olcu-pencere .olcu-eksik .mud-input-outlined-border { border-color: var(--mud-palette-warning); }
.olcu-pencere .olcu-yapistir { margin-top: 6px; }

/* SweetAlert2 kutulari MudBlazor pencerelerinin ustunde kalmali (Metin,
   22.09.2026): hazir z-index 1060, MudBlazor'un pencere/ortu katmani ise
   1400-1401. Pencere icinden acilan onay sorusu (ornegin HAWB'de Vazgec)
   pencerenin ardinda kaliyor, gorunmedigi icin ekran kilitlenmis gibi
   duruyordu. Bildirim balonlari da ayni katmani kullanir. */
.swal2-container {
    z-index: 1550;
}

/* Tablo hucresindeki menu dugmesi yanindaki simge dugmesiyle ayni hizada
   dursun (Metin, 22.09.2026): MudBlazor menuyu yazinin taban cizgisine
   oturtuyor, simge dugmesi ise ortalaniyor; ikisi 7 px kayik duruyordu. */
td .mud-menu {
    vertical-align: middle;
}

/* eAWB penceresi: gidecek Cargo-IMP mesaji oldugu gibi gorunsun. */
.eawb-pencere .eawb-mesaj {
    font-family: Consolas, "Courier New", monospace;
    font-size: 12px;
    line-height: 1.35;
    white-space: pre;
    overflow-x: auto;
    margin: 0;
    padding: 8px 10px;
    border-radius: 6px;
    background: var(--mud-palette-background-grey);
}

.eawb-pencere .eawb-sorun {
    margin: 4px 0 6px;
    padding-left: 18px;
}

/* AWB stok: toplu uretim onizlemesi tek satirda, numaralar duz yaziyla. */
.stok-pencere .stok-onizleme {
    font-family: Consolas, "Courier New", monospace;
    font-size: 12px;
    margin-top: 4px;
    opacity: .85;
}

/* Havayolu durum mesaji penceresi (28.09.2026): ham Cargo-IMP metni satir
   sonlariyla birlikte okunur, uzun FNA cevaplari icin kaydirilir. */
.durum-ozet {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 18px;
    font-size: 12px;
    margin-bottom: 10px;
}

.durum-ozet b {
    font-weight: 600;
    margin-right: 4px;
    opacity: .7;
}

.durum-metin {
    margin: 0;
    padding: 10px 12px;
    max-height: 55vh;
    overflow: auto;
    font-family: Consolas, "Courier New", monospace;
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    background-color: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
}