/* LogoDestekWeb/wwwroot/css/lds.css — panele özgü küçük ekler (liste/form standardı EFYazilim.WebOrtak'tan gelir).
   Marka renkleri: --lds-p / --lds-a (layout'ta iş ortağı renginden). */
:root { --lds-p: #2e74ff; --lds-a: #2fb573; }

/* ═══ Menü (03.10.2026): sol menü yok — ana sitedeki menü v2 gibi "Uygulamalar" ızgarası (launcher) ═══ */
body.lds-menusuz .app { display: block; }
body.lds-menusuz .side { display: none !important; }
body.lds-kilit { overflow: hidden; }
.lds-iletisim { display: flex; flex-direction: column; gap: 4px; padding: 8px 14px 4px; font-size: 12px; }
.lds-iletisim a { color: var(--muted); text-decoration: none; }
.lds-iletisim a:hover { color: var(--text); }
.lds-marka-harf { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; background: var(--lds-p); color: #fff; font-weight: 800; font-size: 18px; }

/* Üst bar: Uygulamalar düğmesi + bulunulan yer (grup › sayfa) */
.lds-apps-btn { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-right: 12px; border-radius: 12px;
    border: 1px solid var(--border, rgba(255,255,255,.12)); background: var(--card2, rgba(255,255,255,.05)); color: var(--text); font-size: 19px; cursor: pointer; transition: border-color .12s, color .12s; }
.lds-apps-btn:hover, body.lds-kilit .lds-apps-btn { border-color: var(--lds-p); color: var(--lds-p); }
.lds-crumb { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 13.5px; color: var(--text); }
.lds-crumb .sep { font-size: 11px; color: var(--muted); }
.lds-crumb b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lds-crumb-grup { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--g, #2e74ff) 35%, transparent);
    background: color-mix(in srgb, var(--g, #2e74ff) 12%, transparent); color: var(--text); font-size: 12.5px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.lds-crumb-grup i { color: var(--g, #2e74ff); }
.lds-crumb-grup:hover { border-color: var(--g, #2e74ff); }

/* Launcher katmanı (üst barın altında, tam opak) */
.lds-launcher { position: fixed; left: 0; right: 0; bottom: 0; top: var(--efy-topbar-h, 72px); z-index: 1040; display: none; overflow: auto; background: #0d1526; }
:root[data-theme="light"] .lds-launcher { background: #eef2f9; }
.lds-launcher.open { display: block; animation: ldsLauncherAc .14s ease-out; }
@keyframes ldsLauncherAc { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.lzl-ic { max-width: 1680px; margin: 0 auto; padding: 18px 22px 48px; }
.lzl-head { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.lzl-title { font-size: 17px; font-weight: 900; color: var(--text); display: flex; align-items: center; gap: 9px; white-space: nowrap; }
.lzl-title i { color: var(--lds-p); }
.lzl-kim { flex: 1; min-width: 0; font-size: 12.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lzl-kapat { flex: none; width: 40px; height: 40px; border-radius: 11px; border: 1px solid var(--border, rgba(255,255,255,.12)); background: var(--card2, rgba(255,255,255,.05)); color: var(--text); font-size: 17px; cursor: pointer; }
.lzl-kapat:hover { border-color: rgba(220,38,38,.5); color: #dc2626; }
.lzl-iletisim { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: 26px; padding: 12px 16px; border-radius: 12px; border: 1px dashed var(--border); font-size: 13px; color: var(--text); }
.lzl-iletisim a { color: var(--lds-p); text-decoration: none; }
@media (max-width: 991.98px) {
    .lds-launcher { top: 0; z-index: 1300; }
    .lzl-ic { padding: 14px 14px 40px; }
    .lzl-kim { display: none; }
}

/* Menü (launcher + ana sayfa) — gruplar yan yana kart, ekranlar kompakt satır; geniş ekranda tek bakışta sığar */
.lds-izgara [hidden] { display: none !important; }
.lzg-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 2px 0 14px; }
.lzg-ara { position: relative; flex: 0 1 440px; min-width: 240px; }
.lzg-ara i { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--muted); pointer-events: none; font-size: 14px; }
.lzg-ara input { width: 100%; height: 40px; padding: 0 12px 0 36px; border-radius: 11px; border: 1px solid var(--border, rgba(255,255,255,.12)); background: var(--card2, rgba(255,255,255,.05)); color: var(--text); font-size: 14px; outline: none; }
.lzg-ara input:focus { border-color: var(--lds-p); box-shadow: 0 0 0 3px color-mix(in srgb, var(--lds-p) 18%, transparent); }
.lzg-hizli { display: flex; align-items: center; gap: 8px; flex: 1 1 300px; min-width: 0; flex-wrap: wrap; }
.lzg-hizli-h { font-size: 10.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; }
.lzg-hizli-h i { color: #f5a623; }
.lzg-hizli-row { display: flex; flex-wrap: wrap; gap: 6px; }
.lzg-chip { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--border, rgba(255,255,255,.10)); background: var(--card2, rgba(255,255,255,.05));
    color: var(--text); text-decoration: none; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.lzg-chip i { color: var(--lds-p); }
.lzg-chip:hover { border-color: var(--lds-p); color: var(--text); }

/* auto-fit: gruplar satıra sığdığı kadar yan yana ve tüm genişliği paylaşır (1366'da EF'nin 5 grubu tek satır); tek grup çok genişlemesin diye kart en fazla 460px */
.lzg-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(228px, 1fr)); gap: 12px; align-items: stretch; }
.lzg-kartlar > .lzg-grup { max-width: 460px; }
.lzg-grup { display: flex; flex-direction: column; border-radius: 16px; border: 1px solid var(--border, rgba(255,255,255,.10)); background: var(--card-bg, #131d35);
    border-top: 3px solid var(--g); padding: 12px 10px 10px; min-width: 0; }
.lzg-gh { display: flex; align-items: center; gap: 9px; padding: 0 4px 9px; margin-bottom: 4px; border-bottom: 1px solid var(--border, rgba(255,255,255,.08)); }
.lzg-gh .gi { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; font-size: 15px; color: var(--g); background: color-mix(in srgb, var(--g) 16%, transparent); flex: none; }
.lzg-gh b { font-size: 14.5px; font-weight: 800; color: var(--text); }
.lzg-gh small { margin-left: auto; font-size: 11px; font-weight: 800; color: var(--muted); padding: 1px 8px; border-radius: 999px; background: var(--card2, rgba(255,255,255,.06)); }
.lzg-grid { display: flex; flex-direction: column; gap: 2px; }
.lzg-tile { position: relative; display: flex; align-items: center; gap: 11px; padding: 8px 8px; border-radius: 11px; color: var(--text); text-decoration: none;
    border: 1px solid transparent; transition: background .12s, border-color .12s; min-width: 0; }
a.lzg-tile:hover { background: color-mix(in srgb, var(--g) 10%, transparent); border-color: color-mix(in srgb, var(--g) 30%, transparent); color: var(--text); }
.lzg-tile .ic { flex: none; width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; font-size: 17px; color: #fff;
    background: linear-gradient(135deg, var(--g), color-mix(in srgb, var(--g) 60%, #0f172a)); }
.lzg-tile .mt { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.lzg-tile .lbl { font-size: 13.5px; font-weight: 750; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lzg-tile .ack { font-size: 11.5px; line-height: 1.3; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lzg-tile.on { background: color-mix(in srgb, var(--g) 14%, transparent); border-color: color-mix(in srgb, var(--g) 45%, transparent); }
.lzg-tile.on .lbl::after { content: " · buradasınız"; font-size: 10.5px; font-weight: 700; color: var(--g); }
.lzg-tile.yakinda { opacity: .5; cursor: default; }
.lzg-rozet { flex: none; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: #ea580c; color: #fff; font-size: 11.5px; font-weight: 800; display: grid; place-items: center; }
.lzg-star { flex: none; font-size: 13px; line-height: 1; padding: 4px; color: var(--muted); opacity: 0; cursor: pointer; transition: opacity .12s, color .12s; }
.lzg-tile:hover .lzg-star { opacity: .6; }
.lzg-star:hover { opacity: 1 !important; color: var(--lds-p); }
.lzg-star.on { opacity: 1; color: #f5a623; }
@media (hover: none) { .lzg-star { opacity: .45; } }
.lzg-bos { text-align: center; color: var(--muted); padding: 40px 0; }
.lzg-bos i { display: block; font-size: 26px; opacity: .4; margin-bottom: 6px; }
@media (max-width: 560px) {
    .lzg-kartlar { grid-template-columns: 1fr; gap: 10px; }
    .lzg-ara { flex-basis: 100%; }
}

/* Ana sayfa */
.lds-sayfa { padding: 18px 8px; }
/* Ana sayfa başlığı: solda karşılama, sağda özet sayaçlar */
.lds-hos { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
.lds-ozet { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.lds-ozet-k { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px 7px 10px; border-radius: 12px; border: 1px solid var(--border, rgba(255,255,255,.10));
    background: var(--card2, rgba(255,255,255,.04)); color: var(--text); text-decoration: none; font-size: 12px; line-height: 1; white-space: nowrap; transition: border-color .12s, transform .12s; }
.lds-ozet-k:hover { border-color: var(--lds-p); color: var(--text); transform: translateY(-1px); }
.lds-ozet-k i { font-size: 14px; color: var(--lds-p); }
.lds-ozet-k b { font-size: 16px; font-weight: 900; font-variant-numeric: tabular-nums; }
.lds-ozet-k span { color: var(--muted); font-weight: 600; }
.lds-ozet-k.uyari { border-color: rgba(245,158,11,.45); background: rgba(245,158,11,.10); }
.lds-ozet-k.uyari i, .lds-ozet-k.uyari b { color: #d97706; }
:root:not([data-theme="light"]) .lds-ozet-k.uyari i, :root:not([data-theme="light"]) .lds-ozet-k.uyari b { color: #fbbf24; }
.lds-ozet-k.sifir { opacity: .62; }
.lds-ozet-k.sifir i { color: var(--muted); }
@media (max-width: 560px) { .lds-ozet { justify-content: flex-start; } .lds-ozet-k { padding: 6px 10px; } }
.lds-hos h2 { font-size: 20px; font-weight: 800; margin: 0; color: var(--text); }
.lds-hos .lds-alt { color: var(--muted); font-size: 13px; margin-top: 4px; }
.lds-ana-izgara { margin-top: 14px; }
.lds-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; margin-top: 18px; }
a.lds-mini { text-decoration: none; transition: border-color .12s, transform .08s; }
a.lds-mini:hover { border-color: var(--lds-p); color: var(--text); }
.lds-mini { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 16px; border-radius: 14px; background: var(--card-bg); border: 1px solid var(--border); color: var(--text); }
.lds-mini i { font-size: 22px; color: var(--lds-p); }
.lds-mini b { font-size: 14.5px; }
.lds-mini span { font-size: 12.5px; color: var(--muted); }
.lds-mini em { position: absolute; top: 12px; right: 12px; font-style: normal; font-size: 10.5px; font-weight: 800; padding: 2px 8px; border-radius: 999px; background: var(--card2); color: var(--muted); }
.lds-iletisim-kart { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; padding: 12px 16px; border-radius: 12px; border: 1px dashed var(--border); color: var(--text); font-size: 13px; }
.lds-iletisim-kart a { color: var(--lds-p); text-decoration: none; }

/* Giriş / firma seçimi (nötr) */
.lds-giris-body { min-height: 100vh; background: var(--bg0); color: var(--text); font-family: "Segoe UI", system-ui, -apple-system, Arial, sans-serif; }
.lds-giris { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px 16px; }
.lds-kart { width: 100%; max-width: 420px; background: var(--card-bg); border: 1px solid var(--border); border-radius: 18px; padding: 26px 24px; box-shadow: var(--shadow); }
.lds-kart-bas { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 18px; }
.lds-kart-bas h1 { font-size: 20px; font-weight: 800; margin: 0 0 4px; }
.lds-kart-bas p { margin: 0; color: var(--muted); font-size: 13px; }
.lds-kilit { flex: none; width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; background: rgba(46,116,255,.12); color: #2e74ff; }
.lds-kilit.uyari { background: rgba(234,88,12,.12); color: #ea580c; }
.lds-alan { display: block; margin-bottom: 12px; }
.lds-alan span { display: block; font-size: 12px; font-weight: 700; color: var(--muted); margin-bottom: 6px; }
.lds-in { width: 100%; box-sizing: border-box; padding: 11px 12px; border-radius: 11px; border: 1px solid var(--border); background: var(--input-bg); color: var(--text); font-size: 15px; outline: none; }
.lds-in:focus { border-color: #2e74ff; box-shadow: 0 0 0 3px rgba(46,116,255,.15); }
.lds-onay { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); margin: 4px 0 16px; }
.lds-btn { display: block; width: 100%; box-sizing: border-box; text-align: center; padding: 12px; border-radius: 12px; border: none; background: linear-gradient(100deg, #2e74ff, #2fb573); color: #fff; font-weight: 800; font-size: 15px; cursor: pointer; text-decoration: none; }
.lds-btn.ikincil { background: var(--card2); color: var(--text); border: 1px solid var(--border); margin-top: 8px; }
.lds-hata, .lds-uyari { padding: 10px 12px; border-radius: 10px; font-size: 13px; font-weight: 600; margin-bottom: 12px; }
.lds-hata { background: rgba(220,38,38,.12); color: #dc2626; }
.lds-uyari { background: rgba(234,88,12,.12); color: #c2410c; }
.lds-not { margin-top: 14px; font-size: 12px; color: var(--muted); text-align: center; }
/* SMS ile giriş (04.10.2026) */
.lds-bilgi { padding: 10px 12px; border-radius: 10px; font-size: 13px; font-weight: 600; margin-bottom: 12px; background: rgba(47,181,115,.12); color: #15803d; }
.lds-in.lds-kod { font-size: 22px; letter-spacing: 8px; text-align: center; font-weight: 800; }
.lds-numara { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border-radius: 11px; background: var(--card2); border: 1px solid var(--border); font-weight: 700; margin-bottom: 12px; }
.lds-satir { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--muted); margin: -4px 0 8px; }
.lds-link { background: none; border: none; padding: 0; color: #2e74ff; font-weight: 700; font-size: 12px; cursor: pointer; }
.lds-link:disabled { color: var(--muted); cursor: default; }
.lds-firmalar { display: flex; flex-direction: column; gap: 8px; max-height: 60vh; overflow: auto; }
.lds-firmalar form { margin: 0; }
.lds-firma { width: 100%; text-align: left; display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--border); background: var(--card2); color: var(--text); cursor: pointer; }
.lds-firma:hover { border-color: #2e74ff; }
.lds-firma.secili { border-color: #2fb573; }
.lds-firma small { color: var(--muted); font-size: 12px; }