/* MMG Fibu – globale Styles (kein CSS in Templates!) */
body{font-family:system-ui,sans-serif;margin:0;color:#1e293b;background:#f8fafc;}
nav{background:#0f172a;color:#fff;padding:10px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
nav a{color:#cbd5e1;text-decoration:none;font-size:13px;}
nav a:hover{color:#fff;}
nav .here{color:#fff;font-weight:700;}
.wrap{max-width:1100px;margin:20px auto;padding:0 16px;}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:16px;}
table{width:100%;border-collapse:collapse;font-size:13px;}
th{text-align:left;color:#64748b;font-weight:600;padding:8px;border-bottom:2px solid #e2e8f0;}
td{padding:8px;border-bottom:1px solid #f1f5f9;}
.btn{background:#1d4ed8;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:13px;}
.btn-ghost{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:13px;}
.input{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-size:13px;}
.badge{display:inline-block;padding:2px 8px;border-radius:8px;font-size:11px;}
.ok{background:#f0fdf4;color:#16a34a;} .warn{background:#fffbeb;color:#92400e;} .err{background:#fef2f2;color:#dc2626;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;}
.kpi{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;}
.kpi b{font-size:22px;display:block;}
.kpi span{font-size:12px;color:#64748b;}
/* Utilities (statt Inline-Styles) */
.toolbar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center;}
td.num,th.num{text-align:right;}
.muted{color:#94a3b8;}
.warn-text{font-size:12px;color:#92400e;}
.note{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:8px 12px;font-size:12px;color:#92400e;}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}
.mt{margin-top:12px;} .mt0{margin-top:0;}
.dim{opacity:.5;}
.f-inline{display:inline;}
.w110{width:110px;} .grow{flex:1;}
h3.card-t{margin-top:0;font-size:15px;font-weight:600;margin-bottom:12px;}
.small{font-size:12px;} .tiny{font-size:11px;}
.right{justify-content:flex-end;}
.link{text-decoration:none;}
.input.max{width:100%;}
.span2{grid-column:span 2;}
.row{display:flex;gap:8px;align-items:center;}
.note{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:12px;font-size:12px;color:#92400e;}
.bcheck{font-weight:700;}
.hidden{display:none !important;}
.eb-row{margin-bottom:6px;}
.btn-ghost.here{font-weight:700;border-color:#1d4ed8;}
/* Login */
.login-wrap{display:flex;align-items:center;justify-content:center;min-height:90vh;}
.login-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:24px;width:320px;}
.login-box h2{margin-top:0;}
.login-box .input{width:100%;box-sizing:border-box;margin-bottom:10px;font-size:14px;}
.login-box .btn{width:100%;padding:10px;font-size:14px;}
.login-err{background:#fef2f2;color:#dc2626;padding:10px;border-radius:8px;margin-bottom:10px;font-size:13px;}
.pw-wrap{position:relative;display:block;}
.pw-wrap .input{padding-right:36px;}
.pw-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;color:#64748b;padding:4px;}
.pw-eye .eye-closed{display:none;}
.pw-eye.off .eye-open{display:none;}
.pw-eye.off .eye-closed{display:inline;}