/* EMSHCLOUD Müşteri Paneli — Bootstrap üzeri marka katmanı (yerel) */
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url('/assets/site/fonts/Inter-Regular.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:500;font-display:swap;src:url('/assets/site/fonts/Inter-Medium.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url('/assets/site/fonts/Inter-SemiBold.woff2') format('woff2');}
@font-face{font-family:'Inter';font-weight:700;font-display:swap;src:url('/assets/site/fonts/Inter-Bold.woff2') format('woff2');}

:root{
  --brand:#2f6bff;--brand-600:#1f57e6;--teal:#12c2b6;
  --ink:#0a1533;--muted:#5a6a8c;--line:#e4eaf6;--bg:#f4f7ff;
  --bs-primary:#2f6bff;
}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--brand)}
.text-brand{color:var(--brand)!important}
.btn-primary{--bs-btn-bg:#2f6bff;--bs-btn-border-color:#2f6bff;--bs-btn-hover-bg:#1f57e6;--bs-btn-hover-border-color:#1f57e6;--bs-btn-active-bg:#1745bd}
.btn-outline-primary{--bs-btn-color:#2f6bff;--bs-btn-border-color:#2f6bff;--bs-btn-hover-bg:#2f6bff;--bs-btn-active-bg:#2f6bff}
.text-bg-primary{background:#2f6bff!important}
.badge.text-bg-brand{background:#2f6bff;color:#fff}
a.text-decoration-none:hover{text-decoration:underline!important}

/* Layout */
.d-flex.panel-wrap{min-height:100vh}
.yanmenu{width:260px;background:#0a1533;color:#c7d2ea;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:20}
.yanmenu-logo{display:flex;align-items:center;gap:10px;padding:20px 20px;color:#fff;font-weight:700;font-size:1.15rem;letter-spacing:-.02em;border-bottom:1px solid rgba(255,255,255,.08)}
.yanmenu-logo .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(120deg,#2f6bff,#12c2b6);display:grid;place-items:center;color:#fff}
.yanmenu-logo .mark i{font-size:1.1rem}
.yanmenu .nav{padding:14px 12px;gap:2px;flex-direction:column;flex-wrap:nowrap}
.yanmenu-grup{color:#6b7ba1;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;padding:14px 12px 6px;font-weight:600}
.yanmenu .nav-link{color:#b8c4e0;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:11px;font-weight:500;font-size:.95rem;transition:.15s}
.yanmenu .nav-link i{font-size:1.05rem;width:20px;text-align:center}
.yanmenu .nav-link:hover{background:rgba(255,255,255,.07);color:#fff}
.yanmenu .nav-link.active{background:linear-gradient(120deg,#2f6bff,#1f57e6);color:#fff;box-shadow:0 8px 18px rgba(47,107,255,.35)}
.icerik{flex:1;min-width:0;display:flex;flex-direction:column}
.ustcubuk{background:#fff;border-bottom:1px solid var(--line);padding:12px 22px;position:sticky;top:0;z-index:10}
.ustcubuk .who{font-weight:600}
main.panel-main{padding:24px 22px;flex:1}
.altcubuk{border-top:1px solid var(--line);color:var(--muted);padding:14px 22px;font-size:.85rem}

/* Cards & stat */
.card{border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px rgba(16,32,72,.04)}
.card-header{background:#fff;font-weight:600}
.stat-card .ikon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;font-size:1.4rem}
.page-title{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin:0}
.hero-hosgeldin{background:linear-gradient(120deg,#0a1533,#173a6b);color:#fff;border-radius:16px;padding:26px 28px;position:relative;overflow:hidden}
.hero-hosgeldin::after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(47,107,255,.5),transparent 70%)}
.hero-hosgeldin h2{position:relative;z-index:1}

/* Login */
.giris-sayfa{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.giris-yan{background:linear-gradient(160deg,#0a1533,#173a6b);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.giris-yan::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 50% at 80% 20%,rgba(47,107,255,.5),transparent 60%),radial-gradient(40% 40% at 10% 90%,rgba(18,194,182,.4),transparent 60%)}
.giris-yan>*{position:relative;z-index:1}
.giris-yan .brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:1.4rem;margin-bottom:30px}
.giris-yan .brand .mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(120deg,#2f6bff,#12c2b6);display:grid;place-items:center}
.giris-yan h1{font-size:2rem;letter-spacing:-.02em}
.giris-yan p{color:#c4d1ee;max-width:420px}
.giris-yan .liste{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.giris-yan .liste li{display:flex;align-items:center;gap:10px;color:#d4def3}
.giris-yan .liste i{color:#4fe6da}
.giris-form{display:flex;align-items:center;justify-content:center;padding:40px}
.giris-kutu{width:100%;max-width:400px}
.giris-kutu h2{font-weight:700;letter-spacing:-.02em}
.giris-kutu .form-control{padding:12px 14px}
@media(max-width:860px){.giris-sayfa{grid-template-columns:1fr}.giris-yan{display:none}}

/* Mobil sidebar */
.menu-ac{display:none}
@media(max-width:920px){
  .yanmenu{position:fixed;left:-280px;transition:.25s;box-shadow:0 0 40px rgba(0,0,0,.3)}
  .yanmenu.acik{left:0}
  .menu-ac{display:inline-flex}
  .yanmenu-backdrop{display:none;position:fixed;inset:0;background:rgba(10,21,51,.5);z-index:15}
  .yanmenu-backdrop.acik{display:block}
}