    /* YENİ: Yükleniyor Durumu Stilleri */
    .menu-item.loading {
        background-color: #f0f0f0; 
        border-left: 5px solid var(--header-bg); 
        padding-left: 15px;
        pointer-events: none; /* Çift tıklamayı engeller */
    }
    .loading-text {
        display: block;
        font-size: 0.85rem;
        font-weight: normal;
        color: #888;
        margin-top: 5px;
        font-style: italic;
    }
    /* GLOBAL DEĞİŞKENLER */
    :root {
      --turuncu: #FF9900;       /* marka turuncusu (ikonla ayni) */
      --turuncu-koyu: #d95f08;  /* basili durum */
      --turuncu-silik: #ffe0b2; /* canli vurgu / secili gun / bilgi butonu */
      --turuncu-silik-koyu: #f2c489;
      --mavi-silik: #AEC6E0;    /* aksam tarifesi secili gun dolgusu */

      /* yazi olcegi: dengeli tipografi tek kaynaktan */
      --fs-baslik: 1.4rem;      /* sayfa basligi (ay-yil) ve kart basligi (hat adi) */
      --fs-bolum: 1rem;         /* bolum basliklari (HESAP, ARKADASLAR...) */
      --fs-btn: 1.2rem;         /* birincil buton */
      --fs-btn-kucuk: 1.05rem;  /* ikincil buton */
      --header-bg: var(--turuncu); 
      --border-color: #555555; 
      --bg-white: #ffffff;
      --bg-holiday: #dcedc8; 
      
      --color-day: var(--turuncu);   
      --color-night: #0d47a1; 
      --color-anne: #b71c1c;  
      
      --grid-cols: 55px 1fr 65px 50px; 
    }

    /* ==== ORTAK BILESENLER: butonlar (menu haric standart: turuncu zemin + siyah metin) ==== */
    .save-btn {
        background-color: var(--turuncu); color: #000; border: 2px solid #000;
        padding: 15px 30px; font-size: var(--fs-btn); font-weight: 900; cursor: pointer;
        width: 100%; text-transform: uppercase; letter-spacing: 1px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.2s;
    }
    .save-btn:active { background-color: var(--turuncu-koyu); transform: translateY(2px); }
    .save-btn:disabled { background-color: #888; border-color: #666; cursor: not-allowed; transform: none; }
    .ikincil-btn {
        background: var(--turuncu); color: #000; border: 2px solid #000;
        padding: 13px; font-size: var(--fs-btn-kucuk); font-weight: 900; cursor: pointer;
        width: 100%; text-transform: uppercase; margin-bottom: 8px;
    }
    .ikincil-btn:active { background: var(--turuncu-koyu); }
    input[type="checkbox"] { accent-color: var(--turuncu); }

    
    * { font-family: 'Roboto Condensed', sans-serif; box-sizing: border-box; }
    body { background: #fff; padding: 5px; margin: 0; user-select: none; -webkit-tap-highlight-color: transparent; }
    
    /* --- YENİ EKLENEN: MENÜ OVERLAY VE SIDEBAR STİLLERİ --- */
    
    /* Arka planı karartan katman */
    .menu-overlay {
        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.6); z-index: 100;
        visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s;
    }
    .menu-overlay.show { visibility: visible; opacity: 1; }

    /* Yandan açılan menü kutusu */
    .side-menu {
        position: fixed; top: 0; left: -260px; width: 250px; height: 100%;
        background: #fff; z-index: 101; transition: left 0.3s ease;
        box-shadow: 2px 0 10px rgba(0,0,0,0.3);
        display: flex; flex-direction: column;
    }
    .side-menu.open { left: 0; }
    
    .menu-header {
        background: var(--header-bg); padding: 20px 15px; 
        font-weight: 900; font-size: 1.4rem; color: #000;
        border-bottom: 3px solid #000; text-align: center;
    }
    
    .menu-item {
        padding: 15px 20px; text-decoration: none; color: #333; 
        font-weight: 700; font-size: 1.1rem; border-bottom: 1px solid #eee;
        transition: background-color 0.2s;
    }
    .menu-item:active, .menu-item.active { background-color: #f0f0f0; border-left: 5px solid var(--header-bg); padding-left: 15px;}
    
    /* --- TAKVİM STİLLERİ --- */
    .calendar-wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; }
    .month-container { width: 100%; max-width: 100%; margin-bottom: 20px;}
    
    /* (DÜZENLENDİ) Takvim Başlığı ve Buton Dizilimi */
    .calendar-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 10px; margin-bottom: 15px; background-color: #fff; border-bottom: 3px solid #000; }
    
    /* Sol, Orta ve Sağ bölümleri hizalamak için flex ayarları */
    .cal-head-left { flex: 1; display: flex; justify-content: flex-start; }
    .cal-head-center { flex: 2; text-align: center; }
    .cal-head-right { flex: 1; display: flex; justify-content: flex-end; gap: 5px; }

    .month-label { font-size: var(--fs-baslik); font-weight: 900; text-transform: uppercase; color: #000; }
    
    .nav-arrow { font-size: 24px; font-weight: 900; cursor: pointer; padding: 5px 15px; background: #fff; border: 2px solid #000; color: #000; line-height: 1; transition: all 0.1s ease; text-align: center;}
    .nav-arrow:active { background: #000; color: #fff; }
    
    /* Hamburger butonu genişliği sabitlendi ki X'e dönüşünce zıplamasın */
    .hamburger-btn { width: 46px; padding: 5px 0;}

    .weekdays-row { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; text-align: center; font-weight: 700; font-size: 0.9rem; color: #666; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
    .days-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
    
    /* GÜN KUTUCUKLARI (TICKET DESIGN) */
    .day-cell { 
        aspect-ratio: 1 / 0.85; display: flex; align-items: center; justify-content: center; 
        font-weight: 700; font-size: 24px; border-radius: 0; cursor: pointer; 
        background-color: var(--bg-white); border: 1px solid var(--border-color); color: #333; position: relative; overflow: hidden; 
    }
    .day-cell.is-holiday { background-color: var(--bg-holiday) !important; }
    .day-cell.selected-day { border: 3px solid #000 !important; z-index: 30; background-color: var(--turuncu-silik); }
    /* aksam tarifeli gun secilince dolgu silik mavi (kenar seridi ve ozel gun ucgeni etkilenmez) */
    .day-cell.selected-day:has(.strip-blue),
    .day-cell.selected-day:has(.strip-blue-dashed) { background-color: var(--mavi-silik); }
    
    .anne-triangle { position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 18px solid var(--color-anne); border-right: 18px solid transparent; z-index: 5; }
    .shift-strip { position: absolute; top: 0; bottom: 0; right: 0; width: 5px; z-index: 5; }
    .strip-orange { background-color: var(--color-day); }
    .strip-blue { background-color: var(--color-night); }
    .strip-orange-dashed { background-image: repeating-linear-gradient(to bottom, var(--color-day), var(--color-day) 4px, transparent 4px, transparent 8px); }
    .strip-blue-dashed { background-image: repeating-linear-gradient(to bottom, var(--color-night), var(--color-night) 4px, transparent 4px, transparent 8px); }
    .other-month { opacity: 0.25; filter: grayscale(100%); }

    /* DETAY KARTI BİLEŞENLERİ */
    #details-area { margin-top: 30px; display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; width: 100%; padding-bottom: 50px;}
    .detail-card { width: 100%; max-width: 500px; border: 2px solid #000; background: #fff; display: flex; flex-direction: column; }
    
    .card-header { background-color: var(--header-bg); padding: 10px 12px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 2px solid #000; min-height: 45px; }
    .header-left { justify-self: start; font-size: 1.3rem; font-weight: normal; color: #000; }
    .header-center { justify-self: center; font-size: var(--fs-baslik); font-weight: 900; color: #000; text-transform: uppercase; text-align: center; line-height: 1.1;}
    .header-right { justify-self: end; font-size: 1.0rem; font-weight: normal; font-style: italic; color: #000; text-align: right; }

    .grid-row { display: grid; grid-template-columns: var(--grid-cols); border-bottom: 1px solid #000; align-items: stretch; }
    .grid-row:last-child { border-bottom: none; }

    .drive-row { min-height: 45px; cursor: pointer; transition: background-color 0.2s; }
    .drive-row:active { background-color: #f0f0f0; } 
    
    .drive-code { background-color: var(--header-bg); color: #000; font-weight: 400; font-size: 1rem; display: flex; align-items: center; justify-content: center; border-right: 1px solid #000; line-height: 1; padding: 0 4px; }
    .drive-route { background-color: #fff; padding: 4px 8px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #000; overflow: hidden; }
    .route-main { font-weight: 800; font-size: 0.95rem; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .drive-time { background-color: var(--header-bg); color: #000; font-weight: 900; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; border-right: 1px solid #000; }
    .drive-dur { background-color: #fff; color: #000; font-weight: 700; font-size: 1rem; display: flex; align-items: center; justify-content: center; }

    .info-row { min-height: 32px; }
    .info-label { grid-column: 1 / 3; text-align: right; padding-right: 10px; font-style: italic; display: flex; align-items: center; justify-content: flex-end; font-size: 0.9rem; border-right: 1px solid transparent; }
    .info-time { display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 700; border-right: 1px solid transparent; }
    .info-dur { display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-style: italic; font-weight: normal; opacity: 0.8;}
    
    .row-dark { background-color: #222; color: #fff; }
    .row-dark .info-time, .row-dark .info-dur { border-left: 1px solid #444; }
    .row-light { background-color: #eee; color: #000; }
    .row-light .info-label { font-weight: 700; color: #444; }
    .row-light .info-time, .row-light .info-dur { border-left: 1px solid #ccc; }

    .intermediate-stops, .commute-options, .servis-options { display: none; }
    /* YENİ: canlı vardiya vurgusu (marka turuncusunun silik tonu) */
    .live-hi, .live-hi > div { background-color: var(--turuncu-silik) !important; }
    /* YENİ: dikkat çekici tam sarı saat metni (mesai başlangıcı — koyu zemin üzerinde) */
    .time-hi { color: #ffee00 !important; text-shadow: 0 0 2px rgba(0,0,0,0.7); }
    
    .row-stop { background-color: #fcfcfc; color: #555; font-size: 0.9rem; border-bottom: 1px solid #eee; }
    .row-stop .info-label { font-weight: normal; font-style: italic; color: #333; font-size: 0.85rem;} 
    .row-stop .info-time { font-weight: bold; color: #000; border-left: 1px solid #eee; font-size: 0.95rem;}
    .row-stop .info-dur { font-style: italic; font-size: 0.8rem; border-left: 1px solid #eee; }

    .row-commute { background-color: #e8eaf6; border-bottom: 1px solid #d0d0d0; min-height: 35px;}
    .commute-code { display: flex; align-items: center; justify-content: center; font-weight: bold; color: #333; font-size: 0.9rem; border-right: 1px solid #ccc; background-color: #d0d3e0; }
    .commute-route { display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; font-style: italic; font-size: 0.9rem; border-right: 1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .commute-time { display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.95rem; border-right: 1px solid #ccc; }
    .commute-arr { display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.95rem; }

    .loading-stops { text-align: center; padding: 10px; font-style: italic; color: #666; font-size: 0.8rem; border-bottom: 1px solid #000; }
    .error-stops { text-align: center; padding: 10px; color: red; font-size: 0.8rem; border-bottom: 1px solid #000; }
    .special-msg { padding: 30px; text-align: center; font-weight: 700; color: #555; background: #f9f9f9; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; }

    @media (max-width: 480px) {
        .detail-card { width: 100%; border-left: 2px solid #000; border-right: 2px solid #000; } 
    }
  /* GÖREV EDİTÖRÜ (ALT BÖLÜM) STİLLERİ */
    .vw-gorev #editor-area { margin-top: 20px; display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: 50px; }
    .vw-gorev .editor-msg { padding: 20px; text-align: center; font-weight: 700; color: #555; background: #f9f9f9; font-size: 1.1rem; border: 2px dashed #ccc; width: 100%; max-width: 500px; margin-bottom: 20px;}
    
    .vw-gorev .input-wrapper { display: none; flex-direction: column; width: 100%; max-width: 500px; align-items: center; gap: 15px;}
    
    .vw-gorev .task-input {
        width: 100%; padding: 15px; font-size: 2rem; font-weight: 900; text-align: center;
        border: 3px solid #000; border-radius: 0; outline: none; text-transform: uppercase;
        letter-spacing: 2px;
    }
    .vw-gorev .task-input:focus { border-color: var(--header-bg); }



    /* EDITOR ALT BÖLÜMÜ */
    .vw-ozelgun #editor-area { margin-top: 20px; display: flex; flex-direction: column; align-items: center; width: 100%; padding-bottom: 50px; }
    .vw-ozelgun .editor-msg { padding: 20px; text-align: center; font-weight: 700; color: #555; background: #f9f9f9; font-size: 1.1rem; border: 2px dashed #ccc; width: 100%; max-width: 500px; margin-bottom: 20px;}
    
    /* KAYDET BUTONU (Varsayılan gizli, değişiklik yapılınca açılır) */
    .vw-ozelgun .save-btn { display: none; max-width: 500px; }   /* degisiklik yapilinca JS acar */

    /* AYAR KARTLARI (orijinal dil: beyaz zemin, siyah cerceve, turuncu vurgu) */
    .vw-ayarlar .wrap { max-width: 500px; margin: 0 auto; padding-bottom: 50px; }
    .vw-ayarlar .bolum-baslik { font-weight: 900; font-size: var(--fs-bolum); text-transform: uppercase; color: #555; margin: 18px 2px 8px; border-bottom: 1px solid #eee; padding-bottom: 4px; }
    .vw-ayarlar .kart { border: 2px solid #000; margin-bottom: 10px; background: var(--bg-white); }
    .vw-ayarlar .satir { display: flex; align-items: center; gap: 10px; padding: 13px 12px; }
    .vw-ayarlar .ad { flex: 1; font-weight: 700; font-size: 1.05rem; }
    .vw-ayarlar .info-btn { width: 28px; height: 28px; border: 2px solid #000; background: var(--turuncu-silik); color: #000; font-weight: 900; cursor: pointer; flex: none; font-size: 0.95rem; }
    .vw-ayarlar .info-btn:active { background: var(--turuncu-silik-koyu); }
    .vw-ayarlar .aciklama { display: none; padding: 10px 12px 12px; color: #555; font-size: 0.9rem; line-height: 1.45; border-top: 2px dashed #ccc; background: #f9f9f9; }
    .vw-ayarlar .aciklama.acik { display: block; }
    .vw-ayarlar .dk { width: 60px; padding: 8px 4px; border: 2px solid #000; font-size: 1.1rem; font-weight: 700; text-align: center; }
    .vw-ayarlar .dk:disabled { opacity: .35; }
    .vw-ayarlar .dk-lab { font-size: .8rem; color: #888; }
    /* toggle */
    .vw-ayarlar .tg { position: relative; width: 48px; height: 28px; flex: none; }
    .vw-ayarlar .tg input { opacity: 0; width: 0; height: 0; }
    .vw-ayarlar .tg span { position: absolute; inset: 0; background: #ccc; border: 2px solid #000; transition: .15s; cursor: pointer; }
    .vw-ayarlar .tg span:before { content: ''; position: absolute; width: 18px; height: 18px; background: #fff; border: 2px solid #000; top: 1px; left: 1px; transition: .15s; }
    .vw-ayarlar .tg input:checked + span { background: var(--header-bg); }
    .vw-ayarlar .tg input:checked + span:before { transform: translateX(20px); }

    .vw-ayarlar .save-btn { margin-top: 6px; }
    .vw-ayarlar .editor-msg { padding: 14px; text-align: center; font-weight: 700; color: #555; background: #f9f9f9; font-size: 1rem; border: 2px dashed #ccc; margin-top: 10px; min-height: 1em; }
    /* parola degistirme popup'i */
    .vw-ayarlar .modal-arka { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1000; }
    .vw-ayarlar .modal-arka.acik { display: flex; align-items: center; justify-content: center; }
    .vw-ayarlar .modal-kutu { background: #fff; border: 2px solid #000; padding: 18px; width: calc(100% - 40px); max-width: 380px; }
    .vw-ayarlar .modal-baslik { font-weight: 900; font-size: 1.05rem; text-transform: uppercase; margin-bottom: 12px; }
    .vw-ayarlar .pass-satir { display: flex; gap: 8px; margin-bottom: 8px; }
    .vw-ayarlar .pass-satir input { flex: 1; min-width: 0; padding: 11px 10px; border: 2px solid #000; font-size: 1rem; font-weight: 700; }
    .vw-ayarlar .goz-btn { width: 46px; border: 2px solid #000; background: var(--turuncu); color: #000; font-weight: 900; font-size: 0.75rem; cursor: pointer; flex: none; }
    .vw-ayarlar .goz-btn.acik { background: var(--turuncu-koyu); }
    .vw-ayarlar .modal-msg { color: #d32f2f; font-weight: 700; font-size: 0.9rem; min-height: 1.2em; margin-bottom: 8px; }
  /* DURUM KARTI */
    .vw-testmodu .durum-kart { border: 2px solid #000; padding: 16px; text-align: center; }
    .vw-testmodu .durum-kart.aktif { background: #ffebee; border-color: #d32f2f; }
    .vw-testmodu .durum-kart.pasif { background: #f9f9f9; }
    .vw-testmodu .durum-etiket { font-weight: 900; font-size: 1rem; text-transform: uppercase; }
    .vw-testmodu .durum-kart.aktif .durum-etiket { color: #d32f2f; }
    .vw-testmodu .sanal-saat { font-size: 2.4rem; font-weight: 900; letter-spacing: 2px; margin-top: 6px; }
    .vw-testmodu .sanal-tarih { font-size: 1rem; color: #555; font-weight: 700; }

    /* SECICILER */
    .vw-testmodu .secici { display: flex; gap: 8px; margin-bottom: 10px; }
    .vw-testmodu .secici input { flex: 1; padding: 13px 10px; border: 2px solid #000; font-size: 1.15rem; font-weight: 700; background: #fff; }
    .vw-testmodu .hizli { display: flex; gap: 8px; margin-bottom: 10px; }
    .vw-testmodu .hizli button { flex: 1; padding: 10px 4px; border: 2px solid #000; background: var(--turuncu); color: #000; font-weight: 700; font-size: 0.9rem; cursor: pointer; }
    .vw-testmodu .hizli button:active { background: var(--turuncu-koyu); }

    .vw-testmodu .save-btn { margin-top: 4px; }
    .vw-testmodu .kapat-btn {
        background: var(--turuncu); color: #000; border: 2px solid #000;
        padding: 13px; font-size: 1.05rem; font-weight: 900; cursor: pointer;
        width: 100%; text-transform: uppercase; margin-top: 8px;
    }
    .vw-testmodu .kapat-btn:active { background: var(--turuncu-koyu); }
    .vw-testmodu .ikincil-btn { margin: 8px 0 0; }
    .vw-testmodu .editor-msg { padding: 12px; text-align: center; font-weight: 700; color: #555; background: #f9f9f9; font-size: 0.95rem; border: 2px dashed #ccc; margin-top: 10px; }
  

    .vw-testmodu .wrap { max-width: 500px; margin: 0 auto; padding-bottom: 50px; }
    .vw-testmodu .bolum-baslik { font-weight: 900; font-size: var(--fs-bolum); text-transform: uppercase; color: #555; margin: 18px 2px 8px; border-bottom: 1px solid #eee; padding-bottom: 4px; }
    .vw-ozelgun .day-cell:active, .vw-gorev .day-cell:active { background-color: #f0f0f0; }
    /* YENİ: mola devir satırları (mola'ya dokununca açılır) */
    .devir-row { display: none; background: #f5f5f5; border-bottom: 1px solid #000; padding: 8px 12px; font-weight: normal; font-style: italic; font-size: 0.9rem; color: #333; text-align: right; }
    .devir-row.acik { display: block; }
    /* KAHVE sayfasi */
    .kahve-wrap { max-width: 500px; margin: 0 auto; padding-bottom: 50px; }
    .kahve-select { width: 100%; padding: 13px 10px; border: 2px solid #000; font-size: 1.1rem; font-weight: 700; background: #fff; margin-bottom: 16px; font-family: 'Roboto Condensed', sans-serif; }
    .kahve-card { margin-bottom: 14px; }
    .kahve-row { display: grid; grid-template-columns: 1fr 65px 50px; border-bottom: 1px solid #000; align-items: stretch; min-height: 45px; }
    .kahve-row:last-child { border-bottom: none; }
    .kahve-not { padding: 20px; text-align: center; font-weight: 700; color: #555; background: #f9f9f9; border: 2px dashed #ccc; }
    /* arkadas listesi: "Secili" filtre butonu */
    .vw-ayarlar .filtre-btn { width: auto; flex: none; margin-bottom: 0; padding: 10px 14px; font-size: 0.95rem; }
    .vw-ayarlar .filtre-btn.acik { background: var(--turuncu-koyu); }

    /* ==== SURUS MODU ==== */
    .vw-surus .wrap { max-width: 500px; margin: 0 auto; padding-bottom: 60px; }
    .sm-canli { color: #999; font-size: 1.2rem; padding-right: 6px; }
    .sm-canli.acik { color: #2e7d32; animation: smNabiz 2s infinite; }
    @keyframes smNabiz { 50% { opacity: .35; } }
    @media (prefers-reduced-motion: reduce) { .sm-canli.acik { animation: none; } }
    .sm-rozet { border: 3px solid #000; text-align: center; padding: 22px 12px; margin-bottom: 12px; }
    .sm-rozet-ana { font-family: "Roboto Condensed", "Arial Narrow", sans-serif; font-weight: 900; font-size: 2.2rem; letter-spacing: 1px; }
    .sm-rozet-alt { margin-top: 4px; font-size: .95rem; color: #444; }
    .sm-rozet.bekliyor { background: #f4f4f4; color: #555; }
    .sm-rozet.zaman  { background: var(--turuncu-silik); }
    .sm-rozet.rotar1 { background: var(--turuncu); }
    .sm-rozet.rotar2 { background: #e05353; color: #fff; }
    .sm-rozet.rotar2 .sm-rozet-alt { color: #ffe2e2; }
    .sm-rozet.erken  { background: var(--mavi-silik); }
    .sm-rozet.uyari  { background: #fff; border-style: dashed; color: #b3261e; }
    .sm-sonraki { border: 2px solid #000; padding: 12px 14px; margin-bottom: 12px; background: #fff; }
    .sm-sonraki-ad { font-weight: 900; font-size: 1.25rem; }
    .sm-sonraki-detay { color: #444; margin-top: 2px; font-variant-numeric: tabular-nums; }
    .sm-serit { border: 2px solid #000; background: #fff; padding: 6px 0; margin-bottom: 12px;
                max-height: 320px; overflow-y: auto; }
    .sm-durak { display: flex; align-items: center; gap: 10px; padding: 6px 14px; font-weight: 700; }
    .sm-durak .sm-nokta { width: 12px; height: 12px; border-radius: 50%; background: var(--turuncu);
                          border: 2px solid #000; flex: none; }
    .sm-durak.gecti { opacity: .38; }
    .sm-durak.gecti .sm-nokta { background: #bbb; }
    .sm-durak.hedef .sm-ad { color: var(--turuncu-koyu); }
    .sm-durak .sm-ad { flex: 1; }
    .sm-durak .sm-saat { color: #666; font-weight: 600; font-variant-numeric: tabular-nums; }
    .sm-arac { padding: 0 14px 0 40px; color: var(--turuncu-koyu); font-weight: 900; font-size: .85rem; }
    .sm-sim { border: 2px dashed #b3261e; padding: 10px 14px; margin-top: 14px; }
    .sm-sim-satir { display: flex; align-items: center; gap: 10px; }
    .sm-sim-satir .dk { width: 70px; }
