/* EFYazilimAvmYonetimi/wwwroot/css/avm.css — giriş / firma seçimi / davet / hata sayfaları (04.10.2026).
   logodestek giriş kartıyla aynı düzen; renk vurgusu markadan (--marka). Davet kabul sayfası (EFYazilim.WebOrtak) da bu değişkenleri kullanır. */
:root { --bg:#0b1220; --card-bg:#111a2e; --card2:#16213a; --border:rgba(255,255,255,.10); --text:#e5e7eb; --muted:#94a3b8;
        --input-bg:#0d1628; --shadow:0 20px 60px rgba(0,0,0,.45); --marka:#2e74ff; }
:root[data-theme="light"] { --bg:#f4f7fc; --card-bg:#ffffff; --card2:#f3f6fb; --border:rgba(17,24,39,.12); --text:#111827; --muted:#6b7280;
        --input-bg:#ffffff; --shadow:0 12px 40px rgba(17,24,39,.10); }
* { box-sizing: border-box; }
body.avm-giris-body { margin:0; min-height:100vh; background:var(--bg); color:var(--text); font-family:"Segoe UI", system-ui, -apple-system, Arial, sans-serif; }
.avm-giris { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px 16px; gap:14px; }
.avm-alt-imza { font-size:12px; color:var(--muted); }

.avm-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); }
.avm-kart-bas { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.avm-kart-bas h1 { margin:0; font-size:19px; font-weight:800; }
.avm-kart-bas p { margin:2px 0 0; font-size:13px; color:var(--muted); }
.avm-logo { max-height:44px; max-width:150px; object-fit:contain; }
.avm-ikon { width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:var(--marka); color:#fff; font-size:20px; font-weight:800; flex:none; }

.avm-alan { display:block; margin-bottom:12px; }
.avm-alan span { display:block; font-size:12px; font-weight:700; color:var(--muted); margin-bottom:6px; }
.avm-in { width:100%; padding:11px 12px; border-radius:11px; border:1px solid var(--border); background:var(--input-bg); color:var(--text); font-size:15px; outline:none; }
.avm-in:focus { border-color:var(--marka); box-shadow:0 0 0 3px rgba(46,116,255,.15); }
.avm-in.avm-kod { font-size:22px; letter-spacing:8px; text-align:center; font-weight:800; }
.avm-onay { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--muted); margin:4px 0 16px; }
.avm-btn { display:block; width:100%; text-align:center; padding:12px; border-radius:12px; border:none; background:var(--marka); color:#fff; font-weight:800; font-size:15px; cursor:pointer; text-decoration:none; }
.avm-btn:disabled { opacity:.6; cursor:default; }
.avm-btn.ikincil { background:var(--card2); color:var(--text); border:1px solid var(--border); margin-top:8px; }
.avm-hata, .avm-uyari, .avm-bilgi { padding:10px 12px; border-radius:10px; font-size:13px; font-weight:600; margin-bottom:12px; }
.avm-hata { background:rgba(220,38,38,.12); color:#dc2626; }
.avm-uyari { background:rgba(234,88,12,.12); color:#c2410c; }
.avm-bilgi { background:rgba(47,181,115,.12); color:#15803d; }
.avm-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; }
.avm-satir { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:12px; color:var(--muted); margin:-4px 0 8px; }
.avm-link { background:none; border:none; padding:0; color:var(--marka); font-weight:700; font-size:12px; cursor:pointer; }
.avm-link:disabled { color:var(--muted); cursor:default; }
.avm-not { margin-top:14px; font-size:12px; color:var(--muted); text-align:center; }

.avm-firmalar { display:flex; flex-direction:column; gap:8px; max-height:60vh; overflow:auto; }
.avm-firmalar form { margin:0; }
.avm-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; }
.avm-firma:hover { border-color:var(--marka); }
.avm-firma.secili { border-color:#2fb573; }
.avm-firma small { color:var(--muted); font-size:12px; }