/* =====================================================================
   Duru UI — CRM ortak tasarım dosyası
   ---------------------------------------------------------------------
   Harici bağımlılık yok (font, ikon fontu, framework). Eski/yavaş
   istemcilerde de tek küçük, önbelleğe alınan bir dosya.

   Kullanım: <link rel="stylesheet" href="/assets/duru/duru-ui.css?v=10">
   Renk/ölçü değiştirmek için sadece :root içindeki token'lara dokunun.
   Bileşenler: .du-btn .du-field/.du-input .du-card .du-alert .du-badge
   Panel: .du-topbar .du-page-head .du-segment .du-table(-card, .du-stack-sm) .du-footer
   Sayfa iskeletleri: .du-auth (giriş ekranı)
   ===================================================================== */

:root {
    /* Marka (logo gradyanı: mavi -> turkuaz) */
    --du-brand-1: #2563eb;
    --du-brand-2: #14b8c4;
    --du-brand-grad: linear-gradient(135deg, #1e40af 0%, #2563eb 45%, #14b8c4 100%);
    --du-primary: #1d4ed8;
    --du-primary-hover: #1e40af;
    --du-primary-active: #1e3a8a;
    --du-primary-soft: #eaf1ff;
    --du-focus-ring: 0 0 0 3px rgba(37, 99, 235, .22);

    /* Yüzey ve metin */
    /* 2026-10-20: eski/soluk monitörlerde okunabilsin diye griler koyulaştırıldı
       (ikincil metin >= 7:1, üçüncül >= 5,5:1 kontrast; çizgiler belirgin). */
    --du-bg: #edf1f7;
    --du-surface: #ffffff;
    --du-surface-2: #f3f6fa;
    --du-border: #b9c3d1;
    --du-border-strong: #aeb9c9;
    /* Satır ayırıcı yarı saydam: beyaz satırda açık gri, renkli (temalı) satırda
       o rengin koyusu olur; renkli satırlar arasında beyaz şerit görünmez. */
    --du-line: rgba(15, 23, 42, .16);
    --du-text: #0a0f1a;
    --du-text-2: #1f2937;
    --du-text-3: #3b4554;

    /* Durum renkleri */
    --du-danger: #b91c1c;   --du-danger-bg: #fef2f2;  --du-danger-bd: #fecaca;
    --du-warning: #a16207;  --du-warning-bg: #fffbeb; --du-warning-bd: #fde68a;
    --du-info: #1d4ed8;     --du-info-bg: #eff6ff;    --du-info-bd: #bfdbfe;
    --du-success: #15803d;  --du-success-bg: #f0fdf4; --du-success-bd: #bbf7d0;

    /* Ölçüler */
    --du-radius-lg: 18px;
    --du-radius: 12px;
    --du-radius-sm: 8px;
    --du-control-h: 48px;     /* dokunmatik hedef >= 44px */
    --du-shadow: 0 1px 2px rgba(15, 23, 42, .08), 0 6px 18px rgba(15, 23, 42, .08);
    --du-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    font-family: var(--du-font);
    font-size: 15px;
    line-height: 1.5;
    color: var(--du-text);
    background: var(--du-bg);
}
svg.du-ico { width: 18px; height: 18px; flex: 0 0 auto; }

/* ---------- Form alanı ---------- */
.du-field { margin-bottom: 18px; }
.du-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--du-text-2);
    margin-bottom: 7px;
}
.du-input-wrap { position: relative; display: flex; align-items: center; }
.du-input-wrap > .du-ico {
    position: absolute; left: 14px;
    color: var(--du-text-3); pointer-events: none;
}
.du-input {
    width: 100%;
    height: var(--du-control-h);
    padding: 0 14px;
    font: inherit;
    font-size: 16px; /* iOS'ta odaklanınca zoom yapmasın */
    color: var(--du-text);
    background: var(--du-surface-2);
    border: 1.5px solid var(--du-border);
    border-radius: var(--du-radius);
    outline: none;
    -webkit-appearance: none;
    transition: border-color .15s, background-color .15s, box-shadow .15s;
}
.du-input-wrap > .du-ico ~ .du-input,
.du-input-wrap > .du-input.has-icon { padding-left: 44px; }
.du-input.has-action { padding-right: 48px; }
.du-input::placeholder { color: var(--du-text-3); }
.du-input:hover { border-color: var(--du-border-strong); }
.du-input:focus { border-color: var(--du-primary); background: var(--du-surface); box-shadow: var(--du-focus-ring); }
.du-input-wrap:focus-within > .du-ico { color: var(--du-primary); }
.du-input-action {
    position: absolute; right: 4px;
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    background: none; border: 0; border-radius: var(--du-radius-sm);
    color: var(--du-text-3); cursor: pointer;
}
.du-input-action:hover { color: var(--du-primary); background: var(--du-primary-soft); }
.du-hint { font-size: 12.5px; margin-top: 6px; color: var(--du-text-3); }
.du-hint.is-warning { color: var(--du-warning); }

/* ---------- Buton ---------- */
.du-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    height: var(--du-control-h);
    padding: 0 20px;
    font: inherit; font-size: 15px; font-weight: 600;
    color: var(--du-text);
    background: var(--du-surface);
    border: 1.5px solid var(--du-border);
    border-radius: var(--du-radius);
    cursor: pointer;
    text-decoration: none;
    transition: background-color .15s, border-color .15s, box-shadow .15s;
}
.du-btn:focus-visible { outline: none; box-shadow: var(--du-focus-ring); }
.du-btn-primary { color: #fff; background: var(--du-primary); border-color: var(--du-primary); }
.du-btn-primary:hover { background: var(--du-primary-hover); border-color: var(--du-primary-hover); }
.du-btn-primary:active { background: var(--du-primary-active); }
.du-btn-block { width: 100%; }
.du-btn[disabled], .du-btn.is-loading { opacity: .75; cursor: progress; }
.du-spinner {
    width: 18px; height: 18px;
    border: 2px solid rgba(255, 255, 255, .45); border-top-color: #fff;
    border-radius: 50%;
    animation: du-spin .7s linear infinite;
}
@keyframes du-spin { to { transform: rotate(360deg); } }

/* ---------- Kart ---------- */
.du-card {
    background: var(--du-surface);
    border: 1px solid var(--du-border);
    border-radius: var(--du-radius-lg);
    box-shadow: var(--du-shadow);
}

/* ---------- Uyarı ---------- */
.du-alert {
    display: flex; gap: 10px; align-items: flex-start;
    padding: 12px 14px; margin-bottom: 20px;
    font-size: 13.5px; line-height: 1.55;
    border: 1px solid; border-radius: var(--du-radius);
}
.du-alert strong { display: block; margin-bottom: 2px; }
.du-alert > .du-ico { margin-top: 1px; }
.du-alert-danger  { color: var(--du-danger);  background: var(--du-danger-bg);  border-color: var(--du-danger-bd); }
.du-alert-warning { color: var(--du-warning); background: var(--du-warning-bg); border-color: var(--du-warning-bd); }
.du-alert-info    { color: var(--du-info);    background: var(--du-info-bg);    border-color: var(--du-info-bd); }
.du-alert-success { color: var(--du-success); background: var(--du-success-bg); border-color: var(--du-success-bd); }

/* ---------- Rozet ---------- */
.du-badge {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 11px;
    font-size: 12px; font-weight: 500;
    color: var(--du-text-2); background: var(--du-surface-2);
    border: 1px solid var(--du-border); border-radius: 999px;
}
.du-badge .du-ico { width: 13px; height: 13px; }

/* =====================================================================
   Giriş ekranı iskeleti (.du-auth)
   Masaüstü: solda marka paneli, sağda form. Mobil: üstte marka şeridi.
   ===================================================================== */
.du-auth { min-height: 100vh; display: flex; }

.du-auth-brand {
    position: relative; overflow: hidden;
    flex: 1 1 50%;
    display: flex; flex-direction: column; justify-content: space-between;
    padding: 48px 56px;
    color: #fff;
    background: var(--du-brand-grad);
}
/* Dekor halkaları — statik, animasyonsuz */
.du-auth-brand::before, .du-auth-brand::after {
    content: ""; position: absolute; border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .16); pointer-events: none;
}
.du-auth-brand::before { width: 520px; height: 520px; right: -180px; bottom: -200px; }
.du-auth-brand::after  { width: 340px; height: 340px; right: -90px;  bottom: -110px; background: rgba(255, 255, 255, .05); }

.du-auth-logo { display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 700; }
.du-auth-logo img { width: 40px; height: 40px; padding: 6px; background: #fff; border-radius: 12px; }
.du-auth-pitch { position: relative; max-width: 420px; }
.du-auth-pitch h2 { margin: 0 0 12px; font-size: 32px; line-height: 1.2; letter-spacing: -.5px; }
.du-auth-pitch p { margin: 0; font-size: 15.5px; color: rgba(255, 255, 255, .82); }
.du-auth-points { list-style: none; margin: 28px 0 0; padding: 0; }
.du-auth-points li { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 14.5px; color: rgba(255, 255, 255, .92); }
.du-auth-points .du-ico { width: 20px; height: 20px; padding: 3px; background: rgba(255, 255, 255, .18); border-radius: 50%; }
.du-auth-copy { position: relative; font-size: 12.5px; color: rgba(255, 255, 255, .7); }

.du-auth-main {
    flex: 1 1 50%;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 40px 24px;
}
.du-auth-form { width: 100%; max-width: 400px; }
.du-auth-head { margin-bottom: 26px; }
.du-auth-head h1 { margin: 0 0 6px; font-size: 26px; letter-spacing: -.4px; }
.du-auth-head p { margin: 0; color: var(--du-text-2); font-size: 14.5px; }
.du-auth-meta {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px;
    margin-top: 22px; padding-top: 18px;
    border-top: 1px solid var(--du-border);
    font-size: 12.5px; color: var(--du-text-3);
}
.du-auth-mobile-logo { display: none; }

/* Tablet: marka paneli daralır */
@media (max-width: 1024px) {
    .du-auth-brand { flex-basis: 42%; padding: 40px; }
    .du-auth-pitch h2 { font-size: 26px; }
}

/* Mobil: tek kolon, üstte gradyan şerit + kart */
@media (max-width: 760px) {
    .du-auth { flex-direction: column; background: var(--du-bg); }
    .du-auth-brand { display: none; }
    .du-auth-main {
        justify-content: flex-start;
        padding: 0 16px 28px;
        background: var(--du-brand-grad) no-repeat;
        background-size: 100% 210px;
    }
    .du-auth-mobile-logo {
        display: flex; align-items: center; justify-content: center; gap: 10px;
        height: 120px;
        color: #fff; font-size: 18px; font-weight: 700;
    }
    .du-auth-mobile-logo img { width: 38px; height: 38px; padding: 5px; background: #fff; border-radius: 11px; }
    .du-auth-form {
        padding: 26px 20px 22px;
        background: var(--du-surface);
        border: 1px solid var(--du-border);
        border-radius: var(--du-radius-lg);
        box-shadow: var(--du-shadow);
    }
    .du-auth-head { margin-bottom: 20px; }
    .du-auth-head h1 { font-size: 22px; }
}

/* =====================================================================
   Panel sayfaları
   ===================================================================== */

/* ---------- Üst çubuk ---------- */
.du-topbar {
    display: flex; justify-content: space-between; align-items: center; gap: 12px;
    padding: 4px 0 14px;
}
.du-topbar-brand {
    display: flex; align-items: center; gap: 10px;
    font-size: 18px; font-weight: 700; color: var(--du-text); text-decoration: none;
}
.du-topbar-brand:hover { color: var(--du-text); }
.du-topbar-brand img { width: 30px; height: 30px; }
.du-topbar-user {
    display: flex; align-items: center; gap: 10px;
    font-size: 14px; color: var(--du-text-2); text-decoration: none;
}
.du-topbar-user:hover { color: var(--du-primary); }
.du-topbar-user small { display: block; font-size: 12px; color: var(--du-text-3); line-height: 1.2; }
.du-topbar-user b { display: block; font-weight: 600; color: var(--du-text); line-height: 1.3; }
.du-avatar {
    width: 34px; height: 34px; flex: 0 0 auto;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 700; color: #fff;
    background: var(--du-brand-grad); border-radius: 50%;
}

/* ---------- Sayfa başlığı ---------- */
.du-page-head {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px;
    margin: 18px 0 16px;
}
.du-page-title { display: flex; align-items: center; gap: 12px; margin: 0; }
.du-page-title h1 { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -.3px; color: var(--du-text); }
.du-page-title p { margin: 2px 0 0; font-size: 13.5px; color: var(--du-text-2); }
.du-page-ico {
    width: 42px; height: 42px; flex: 0 0 auto;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; color: var(--du-primary);
    background: var(--du-primary-soft); border-radius: var(--du-radius);
}

/* ---------- Sekme anahtarı (ör. Tümü / Benimkiler) ---------- */
.du-segment {
    display: inline-flex; padding: 4px; gap: 4px;
    background: var(--du-surface); border: 1px solid var(--du-border); border-radius: var(--du-radius);
}
.du-segment a {
    display: inline-flex; align-items: center; gap: 7px;
    height: 36px; padding: 0 14px;
    font-size: 14px; font-weight: 600; color: var(--du-text-2); text-decoration: none;
    border-radius: var(--du-radius-sm);
}
.du-segment a:hover { color: var(--du-primary); background: var(--du-surface-2); }
.du-segment a.is-active { color: #fff; background: var(--du-primary); }

/* ---------- Tablo ---------- */
.du-table-card {
    background: var(--du-surface);
    border: 1px solid var(--du-border);
    border-radius: var(--du-radius-lg);
    box-shadow: var(--du-shadow);
    overflow: hidden;
}
.du-table { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; font-size: 14px; color: var(--du-text); }
/* Bootstrap .table hücre arka planını/gölgesini nötrle */
.du-table > :not(caption) > * > * { background-color: transparent; box-shadow: none; }
.du-table thead th {
    padding: 11px 12px;
    font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase;
    color: var(--du-text-2); background: var(--du-surface-2);
    border-bottom: 1px solid var(--du-border);
    text-align: left; vertical-align: middle;
}
.du-table tbody td { padding: 12px; border-bottom: 1px solid var(--du-line); vertical-align: middle; }
.du-table tbody tr:last-child > td { border-bottom: 0; }
.du-table tbody tr:hover > td { background-color: #f7faff; }

/* Mobilde satırları karta çevir: her <td data-label="..."> bir satır olur */
@media (max-width: 760px) {
    .du-table-card.du-stack-sm { background: transparent; border: 0; box-shadow: none; overflow: visible; }
    .du-stack-sm .du-table { table-layout: auto !important; }
    .du-stack-sm .du-table thead { display: none; }
    .du-stack-sm .du-table,
    .du-stack-sm .du-table tbody,
    .du-stack-sm .du-table tr { display: block; width: 100% !important; }
    .du-stack-sm .du-table tbody tr {
        margin-bottom: 12px; padding: 4px 14px;
        background: var(--du-surface);
        border: 1px solid var(--du-border); border-radius: var(--du-radius-lg);
        box-shadow: var(--du-shadow);
    }
    .du-stack-sm .du-table tbody td {
        display: grid; grid-template-columns: 84px minmax(0, 1fr); column-gap: 12px; row-gap: 6px;
        width: 100% !important; padding: 8px 0; text-align: left !important;
        border-bottom: 1px solid var(--du-line);
    }
    /* İçerik kendi genişliğinde kalsın (rozetler satır boyu uzamasın) */
    .du-stack-sm .du-table tbody td > * { grid-column: 2; justify-self: start; max-width: 100%; }
    .du-stack-sm .du-table tbody td::before {
        content: attr(data-label);
        grid-column: 1; grid-row: 1 / span 4;
        padding-top: 3px;
        font-size: 11.5px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase;
        color: var(--du-text-3);
    }
    .du-stack-sm .du-table tbody td:not([data-label]) { display: block; }
    .du-stack-sm .du-table tbody td:not([data-label])::before { display: none; }
    .du-stack-sm .du-table tbody tr:hover > td { background-color: transparent; }
    .du-stack-sm .du-table tbody td:last-child { border-bottom: 0; }
}

/* ---------- Sipariş listesi satırı (havuz, müşteri sorgula) ---------- */
.ms-no { font-size: 14px; font-weight: 700; color: var(--du-primary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ms-no.copyId { cursor: pointer; }
.ms-no.copyId:hover { text-decoration: underline; }
.ms-alt { margin-top: 2px; font-size: 13px; color: var(--du-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-alt i { margin-right: 4px; font-size: 11px; }
.ms-ad { font-weight: 600; color: var(--du-text); line-height: 1.3; overflow-wrap: anywhere; }
.ms-adres {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    font-size: 13.5px; line-height: 1.45; color: var(--du-text-2);
}
.ms-tutar { font-weight: 700; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ms-temsilci { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; color: var(--du-text-2); white-space: nowrap; }
.ms-avatar {
    display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex: 0 0 auto;
    font-size: 11px; font-weight: 700; color: var(--du-text-2); background: rgba(15, 23, 42, .07); border-radius: 50%;
}
.ms-kargo { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--du-text); white-space: nowrap; }
.ms-kargo small {
    padding: 0 5px; font-size: 10.5px; font-weight: 700; line-height: 16px; color: var(--du-text-2);
    border: 1px solid rgba(15, 23, 42, .18); border-radius: 4px;
}
.ms-nokta { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #94a3b8; }
.k-aras .ms-nokta { background: #dc2626; }
.k-surat .ms-nokta { background: #2563eb; }
.k-mng .ms-nokta { background: #f59e0b; }
.k-merkur .ms-nokta { background: #0891b2; }
.k-kurye .ms-nokta { background: #7c3aed; }
.k-kendi .ms-nokta { background: #16a34a; }
.ms-islem { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.ms-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 34px; padding: 0 12px;
    font: inherit; font-size: 13.5px; font-weight: 600; text-decoration: none; white-space: nowrap; cursor: pointer;
    border: 1.5px solid transparent; border-radius: var(--du-radius-sm);
}
.ms-gor { color: #fff; background: var(--du-primary); border-color: var(--du-primary); }
.ms-gor:hover { color: #fff; background: var(--du-primary-hover); border-color: var(--du-primary-hover); }
.ms-ikon { width: 34px; padding: 0; color: var(--du-text-2); background: #fff; border-color: var(--du-border); }
.ms-ikon:hover { color: var(--du-primary); border-color: #c7d9fd; background: var(--du-primary-soft); }
.ms-ikon.ms-sil:hover { color: #dc2626; border-color: #fecaca; background: #fef2f2; }
.ms-ikon.ms-ara-btn { color: #16a34a; }
.ms-ikon.ms-ara-btn:hover { color: #15803d; border-color: #86efac; background: #f0fdf4; }
.ms-ikon.ms-kucuk { width: 30px; height: 30px; font-size: 12.5px; }

/* ---------- Son açılan sipariş satırı ----------
   Detay penceresi kapanınca kullanıcı hangi satıra baktığını kaybetmesin. */
tr.du-son-acilan { outline: 2px solid var(--du-primary); outline-offset: -2px; }
tr.du-son-acilan.du-parla > td { animation: du-parla 1.6s ease-out 1; }
@keyframes du-parla {
    0%, 35% { background-color: #dbeafe; }
    100% { background-color: transparent; }
}
@media (prefers-reduced-motion: reduce) { tr.du-son-acilan.du-parla > td { animation: none; } }

/* ---------- Tam ekran detay penceresi (sayfa gibi) ----------
   Arkadaki liste hiç görünmez; solda "listeye dön", sağda "Kapat". */
.du-tam .modal-content { height: 100%; border: 0; border-radius: 0 !important; box-shadow: none; }
.du-tam .modal-header {
    display: flex; align-items: center; gap: 12px;
    /* Butonlar ekran kenarına değil, alttaki içeriğin (1200px kap) hizasına gelsin */
    padding: 10px max(16px, calc((100% - 1200px) / 2 + 20px)) !important;
    background: var(--du-surface) !important;
    border-bottom: 1px solid var(--du-border);
    box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
}
.du-tam .modal-title { flex: 1 1 auto; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.du-tam .modal-body { display: flex; flex: 1 1 auto; padding: 0; overflow: hidden; background: var(--du-bg); }
.du-tam .modal-body > iframe { display: block; flex: 1 1 auto; width: 100%; height: 100% !important; border: 0 !important; border-radius: 0; }
.du-modal-geri {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
    width: 38px; height: 38px;
    font-size: 16px; color: var(--du-text);
    background: var(--du-surface-2); border: 1.5px solid var(--du-border); border-radius: var(--du-radius-sm);
    cursor: pointer;
}
.du-modal-geri:hover { color: var(--du-primary); border-color: #c7d9fd; background: var(--du-primary-soft); }
.du-modal-geri:focus-visible { outline: none; box-shadow: var(--du-focus-ring); }

/* ---------- Modal kapatma butonu ----------
   Bootstrap'ın küçük gri "×"i fark edilmiyordu; yazılı, belirgin buton.
   Kullanım: <button type="button" class="du-modal-kapat" data-bs-dismiss="modal">
               <i class="fas fa-times"></i><span>Kapat</span></button> */
.du-modal-kapat {
    display: inline-flex; align-items: center; gap: 7px;
    flex: 0 0 auto;
    height: 38px; margin-left: auto; padding: 0 14px;
    font: inherit; font-size: 14px; font-weight: 600;
    color: var(--du-text); background: var(--du-surface);
    border: 1.5px solid var(--du-border-strong); border-radius: var(--du-radius-sm);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .06);
    cursor: pointer;
}
.du-modal-kapat:hover { color: #b91c1c; background: #fef2f2; border-color: #fecaca; }
.du-modal-kapat:focus-visible { outline: none; box-shadow: var(--du-focus-ring); }
.du-modal-kapat i { font-size: 15px; }
@media (max-width: 760px) {
    .du-modal-kapat { height: 42px; padding: 0 14px; font-size: 15px; }
}

/* ---------- Alt bilgi ---------- */
.du-footer { padding: 18px 0 24px; text-align: center; font-size: 12.5px; color: var(--du-text-3); }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition: none !important; animation-duration: .01ms !important; }
}

/* Bootstrap'in soluk yardımcı metinleri de aynı okunur griye */
.text-muted, .text-secondary { color: var(--du-text-3) !important; }

/* =====================================================================
   OKUNURLUK (2026-10-21): eski / soluk monitörler için renk kontrastı.
   Sayfaların kendi <style> bloklarındaki pastel renkleri ezmek için
   seçiciler "html body" ile güçlendirildi. Hedef: metinde >= 7:1.
   ===================================================================== */
html body .ms-no { color: #1e3a8a; }
html body .d-teslim { color: #14532d; background: #d1fadf; border-color: #86efac; }
html body .d-tasima { color: #0c4a6e; background: #d6eefc; border-color: #7dd3fc; }
html body .d-iade   { color: #7f1d1d; background: #fde2e2; border-color: #fca5a5; }
html body .d-bos    { color: #1f2937; background: #eef1f5; border-color: #b9c3d1; }
html body .d-diger  { color: #111827; background: #e2e8f0; border-color: #94a3b8; }
html body .ms-not   { color: #0c4a6e; background: #d6eefc; }
html body .ms-yeni  { color: #4c1d95; background: #e9e3fd; }
html body .ms-kargo small { color: #1f2937; border-color: #94a3b8; }

/* Renkli (temalı) satırlarda bütün metinler koyu: pastel zeminde gri/mavi kayboluyor */
html body tr[class*="status-"] .ms-no { color: #0b1d4d; }
html body tr[class*="status-"] .ms-alt,
html body tr[class*="status-"] .ms-adres,
html body tr[class*="status-"] .ms-temsilci,
html body tr[class*="status-"] .ms-alt i { color: #111827; }
html body tr[class*="status-"] .ms-avatar { color: #111827; background: rgba(255, 255, 255, .7); }

/* Bootstrap'in soluk gri parçaları */
html body .btn-outline-secondary { color: #1f2937; border-color: #94a3b8; }
html body .btn-outline-secondary:hover { color: #fff; background: #374151; border-color: #374151; }
html body .btn-link.text-secondary { color: var(--du-text-2) !important; }
html body .form-control::placeholder { color: #4b5563; opacity: 1; }
html body .ms-tema.t-acil { color: #fff; background: #b91c1c; border-color: #b91c1c; }
html body .status-badge.new { color: #14532d; background: #d1fadf; }
html body .status-badge.teyit-ok { color: #164e63; background: #cff7fc; }