/* lmg-shared/auth.css — iç sistem login + profil (nötr, panel token'larıyla uyumlu) */
.lmg-login{--acc:#0fb5c9;--acc2:#34d0e0;position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:var(--bg,#060708);padding:24px;font-family:'General Sans',system-ui,sans-serif;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:44px 44px,44px 44px}
html[data-theme="light"] .lmg-login{background-image:linear-gradient(rgba(10,20,30,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(10,20,30,.045) 1px,transparent 1px)}
.lmg-login-card{position:relative;z-index:1;width:100%;max-width:390px;background:var(--surface,#16181d);border:1px solid var(--line,rgba(255,255,255,.1));border-radius:18px;padding:32px}
.lmg-login-card .lmg-logo{height:30px;width:auto;display:block;margin:0 0 14px}
html[data-theme="light"] .lmg-login-card .lmg-logo{filter:invert(1) brightness(.12)}
.lmg-login-card .sub{font-size:12.5px;color:var(--text3,#7c858f);margin-bottom:22px;letter-spacing:.02em}
.lmg-login-card label{display:block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text3,#7c858f);margin:14px 0 6px}
.lmg-login-card input{width:100%;padding:12px 13px;border:1px solid var(--line2,rgba(255,255,255,.17));border-radius:10px;background:var(--bg2,#0e1014);color:var(--text,#f4f6f8);font-size:14px;box-sizing:border-box}
.lmg-login-card input:focus{outline:none;border-color:var(--acc,#6366f1)}
.lmg-login-card button.go{width:100%;margin-top:20px;padding:13px;border:1px solid transparent;border-radius:10px;background:linear-gradient(135deg,var(--acc2,#34d0e0),var(--acc,#0fb5c9));color:#062b20;font-weight:700;font-size:14px;cursor:pointer;transition:.18s;box-shadow:0 4px 14px -7px var(--acc,#0fb5c9)}
.lmg-login-card button.go:hover{box-shadow:0 7px 20px -9px var(--acc,#0fb5c9);filter:brightness(1.04);transform:translateY(-1px)}
.lmg-login-card button.go:active{transform:translateY(0)}
.lmg-login-card button.go:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
/* login dil anahtarı TR · EN */
.lmg-lang{position:absolute;top:16px;right:16px;display:flex;gap:2px;background:var(--bg2,#0e1014);border:1px solid var(--line,rgba(255,255,255,.1));border-radius:9px;padding:2px;z-index:2}
.lmg-lang button{border:0;background:none;color:var(--text3,#7c858f);font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 9px;border-radius:7px;cursor:pointer;font-family:inherit;transition:.14s}
.lmg-lang button.on{background:linear-gradient(135deg,var(--acc2,#34d0e0),var(--acc,#0fb5c9));color:#062b20}
.lmg-lang button:not(.on):hover{color:var(--text,#f4f6f8)}
.lmg-login-card .err{color:#e07a7a;font-size:12px;margin-top:12px;display:none}
/* login ek fonksiyonlar: şifre göster · beni hatırla · şifremi unuttum */
.lmg-login-card .lmg-pwrap{position:relative}
.lmg-login-card .lmg-pwrap input{padding-right:42px}
.lmg-login-card .lmg-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:none;color:var(--text3,#7c858f);cursor:pointer;display:grid;place-items:center;padding:0}
.lmg-login-card .lmg-eye svg{width:18px;height:18px}
.lmg-login-card .lmg-eye.on{color:var(--acc,#6366f1)}
.lmg-login-card .lmg-lrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}
.lmg-login-card .lmg-rem{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--text2,#c4ccd4);text-transform:none;letter-spacing:0;margin:0;cursor:pointer}
.lmg-login-card .lmg-rem input{width:15px;height:15px;accent-color:var(--acc,#6366f1);cursor:pointer;margin:0}
.lmg-login-card .lmg-forgot{font-size:12px;color:var(--acc2,#8b5cf6);cursor:pointer;text-decoration:none;white-space:nowrap}
.lmg-login-card .lmg-forgot:hover{text-decoration:underline}
.lmg-login-card .lmg-hint{display:none;margin-top:12px;font-size:11.5px;line-height:1.55;color:var(--text2,#c4ccd4);background:var(--bg2,#0e1014);border:1px solid var(--line,rgba(255,255,255,.1));border-radius:9px;padding:10px 12px}
.lmg-login-card .lmg-hint.show{display:block}
.lmg-login-card .err.show{display:block}
.lmg-avatars{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:4px}
.lmg-avatars .av{aspect-ratio:1;border-radius:50%;cursor:pointer;border:2px solid transparent;overflow:hidden;background:var(--bg2,#0e1014);transition:.12s}
.lmg-avatars .av:hover{transform:scale(1.06)}
.lmg-avatars .av.sel{border-color:var(--acc,#6366f1);box-shadow:0 0 0 3px rgba(99,102,241,.25)}
.lmg-avatars .av svg{width:100%;height:100%;display:block}
/* topbar profil */
.lmg-prof{display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px 8px 4px 4px;border-radius:11px;transition:.12s}
.lmg-prof:hover{background:var(--bg2,#0e1014)}
.lmg-prof .av{width:30px;height:30px;border-radius:50%;overflow:hidden;flex:none}
.lmg-prof .av svg{width:100%;height:100%;display:block}
.lmg-prof .meta{line-height:1.15}
.lmg-prof .nm{font-size:12.5px;font-weight:600;color:var(--text,#f4f6f8)}
.lmg-prof .rl{font-size:10px;color:var(--text3,#7c858f)}
.lmg-menu{position:fixed;z-index:10001;background:var(--surface,#16181d);border:1px solid var(--line,rgba(255,255,255,.12));border-radius:12px;padding:6px;min-width:170px;display:none;box-shadow:0 14px 44px rgba(0,0,0,.55)}
.lmg-menu.open{display:block}
.lmg-menu .mhd{padding:8px 11px 9px;border-bottom:1px solid var(--line,rgba(255,255,255,.08));margin-bottom:5px}
.lmg-menu .mhd .nm{font-size:13px;font-weight:600;color:var(--text,#f4f6f8)}
.lmg-menu .mhd .rl{font-size:11px;color:var(--text3,#7c858f)}
.lmg-menu button{display:block;width:100%;text-align:left;padding:9px 11px;border:0;background:none;color:var(--text2,#aab3bd);font-size:13px;border-radius:8px;cursor:pointer}
.lmg-menu button:hover{background:var(--bg2,#0e1014);color:var(--text,#f4f6f8)}
/* rol gizleme — temsilci admin-only öğeleri görmez */
body[data-role="temsilci"] [data-admin-only]{display:none!important}

/* ===== Marka yüklenme overlay'i ===== */
.lmg-loader{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;background:var(--bg,#0a0b0d);animation:lmgFade .25s ease}
.lmg-loader-in{display:flex;flex-direction:column;align-items:center;gap:20px}
.lmg-loader-in img{height:30px;width:auto;animation:lmgPulse 1.3s ease-in-out infinite}
html[data-theme="light"] .lmg-loader-in img{filter:invert(1) brightness(.12)}
.lmg-loader-bar{width:140px;height:3px;border-radius:3px;background:var(--line2,rgba(255,255,255,.14));overflow:hidden}
.lmg-loader-bar span{display:block;height:100%;width:40%;border-radius:3px;background:var(--acc,#6366f1);animation:lmgSlide 1.1s ease-in-out infinite}
@keyframes lmgFade{from{opacity:0}to{opacity:1}}
@keyframes lmgPulse{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}
@keyframes lmgSlide{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}

/* ===== Customize modal ===== */
.lmg-cust{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);animation:lmgFade .2s ease;padding:20px}
.lmg-cust-card{width:100%;max-width:420px;max-height:88vh;overflow:auto;background:var(--surface,#16181d);border:1px solid var(--line,rgba(255,255,255,.12));border-radius:18px;padding:24px}
.lmg-cust-card .ch{display:flex;align-items:center;justify-content:space-between;font-family:'Satoshi','General Sans',sans-serif;font-weight:700;letter-spacing:-.02em;font-size:18px;color:var(--text,#f4f6f8);margin-bottom:16px}
.lmg-cust-card .ch .x{background:none;border:0;color:var(--text3,#7c858f);font-size:22px;cursor:pointer;line-height:1}
.lmg-cust-card label{display:block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text3,#7c858f);margin:14px 0 7px}
.lmg-cust-card input{width:100%;padding:11px 13px;border:1px solid var(--line2,rgba(255,255,255,.17));border-radius:10px;background:var(--bg2,#0e1014);color:var(--text,#f4f6f8);font-size:14px;box-sizing:border-box}
.lmg-cust-card input:focus{outline:none;border-color:var(--acc,#6366f1)}
.lmg-cust-card .go{width:100%;margin-top:20px;padding:12px;border:0;border-radius:10px;background:var(--acc,#6366f1);color:#fff;font-weight:700;font-size:14px;cursor:pointer}

/* === Sidebar ikon hover glow + ufak dokunuşlar (tüm paneller ortak) === */
.nav a svg{transition:color .18s ease, filter .18s ease, transform .18s ease}
.nav a:hover svg{color:var(--acc2,var(--acc,#6366f1));filter:drop-shadow(0 0 6px color-mix(in srgb, var(--acc,#6366f1) 70%, transparent));transform:translateY(-1px)}
.nav a.active svg,.nav a[aria-current="page"] svg{color:var(--acc2,var(--acc,#6366f1))}
/* kart/buton mikro-etkileşim cilası */
.btn{transition:transform .12s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease}
.btn:active{transform:translateY(1px)}
.icon-btn{transition:transform .14s ease, border-color .18s ease, background .18s ease}
.icon-btn:hover{transform:translateY(-1px)}