@import url('/assets/css/fonts.css');
:root{--bg:#f5f6f8;--ink:#101216;--muted:#6b7280;--card:#fff;--shadow:0 10px 30px rgba(0,0,0,.08)}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font-family:'Myriad Pro',-apple-system,system-ui,Segoe UI,Roboto,Arial,sans-serif}
.container{max-width:1200px;margin:0 auto;padding:24px}
.container.narrow{max-width:760px}
.center{text-align:center} .muted{color:var(--muted)}
.hero{height:180px;background:url('/assets/images/Lion_Daily_Header.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.hero-logo{height:120px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}
.topnav{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;box-shadow:var(--shadow)}
.topnav .brand{font-weight:800}
.btn-out{background:#111;color:#fff;border:0;padding:8px 12px;border-radius:10px}
.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background:#1c1c21;color:#fff;padding:20px 14px} 
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0}
.card{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:18px}
.card.dark{background:#1f1f23;color:#fff}
.card.blue{background:#4aa3df;color:#fff}
.card.red{background:#d34a4a;color:#fff}
.card .label{font-weight:600;opacity:.9}
.card .value{font-size:28px;font-weight:800;margin-top:8px}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table th,.table td{padding:10px 12px;background:#fff}
.table th{font-size:12px;text-transform:uppercase;color:#666}
.link{background:none;border:0;color:#0a63ff;text-decoration:underline;cursor:pointer}
.flash{background:#111;color:#fff;padding:10px 12px;border-radius:10px;margin:12px 0;text-align:center}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid2 .full{grid-column:1/-1}
input,button{padding:10px 12px;border-radius:10px;border:1px solid #d4d7dd}
button{background:#111;color:#fff;border:0;font-weight:700}
.login-wrapper{max-width:680px;margin:30px auto;background:#fff;padding:24px;border-radius:18px;box-shadow:var(--shadow);text-align:center}
.foot{padding:30px;text-align:center;color:#dfdfdf;background-color:#fff}
.sidebar + .container{margin-left:260px}

/* ===== Login – Feinschliff gemäß Vorgabe ===== */
.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#fff}
.login-title{font-weight:200;letter-spacing:1px;text-align:center;margin:60px 0 8px;font-size:32px}
.login-hero{position:relative;width:100%;height:340px;overflow:hidden}
.login-hero img{width:100%;height:100%;object-fit:cover;border-radius:0px}
.phrase-card{margin-top:36px;width:520px;max-width:92vw;background:#fff;padding:28px 24px;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,0)}
.phrase-title{font-weight:300;text-align:center;color:#111;margin-bottom:14px;letter-spacing:.3px}
.phrase-login{display:grid;gap:12px}
.phrase-login input{height:46px;border-radius:12px;border:1px solid #d4d7dd;background:#fff;text-align:center;font-size:18px;outline:none;transition:box-shadow .15s ease,border-color .15s ease}
.phrase-login input:focus{border-color:#aeb4c2;box-shadow:0 0 0 3px rgba(17,24,39,.06)}
.phrase-login .btn-login{height:44px;border-radius:12px;background:#fff;color:#000;font-weight:300;cursor:pointer;border:1px solid #d4d7dd}


/* === Print patch: remove background images when printing === */
@media print {
  * { background-image: none !important; }
  .hero { background: none !important; }
  .login-hero img { display: none !important; }
}