/* Login page (index.php) and Django-only screen helpers. Values from style.css / index.php. */
body.login{background:#F7F7F7;font-family:"Poppins",sans-serif;color:#000}
.login_wrapper{max-width:350px;margin:5% auto 0}
.form_wrapper_box{background:#fff;padding:50px;border-radius:4px;min-width:500px;box-shadow:0 0 18px 0 #0000001f;text-align:center}
.login-logo img{width:70px;margin-bottom:20px}
.google-login img{display:inline-block}
.form_design{text-align:left;margin-top:12px}
.form_design label{display:block;font-size:15px;font-weight:700;margin:0 0 6px}
.form_design .req{color:#e00;font-size:18px}
.form_design input[type=text],.form_design input[type=password]{display:block;width:100%;height:40px;border:1px solid #c8c8c8;border-radius:3px;padding:6px 12px;margin-bottom:20px;box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,.08) inset;font-family:inherit}
.form_design input:focus{border-color:#1155cc;outline:none}
.form_design input[type=submit]{display:block;width:100%;background:#1155cc;color:#fff;border:0;border-radius:3px;padding:8px 30px;font-size:16px;font-family:inherit}
.form_design input[type=submit]:hover{opacity:.9}
.forget-link{display:block;text-align:center;margin-top:16px;font-weight:700;font-size:16px;color:#1155cc}
.kpm-login{}
/* Screen helpers */
.screen-card{background:#fff;border-radius:6px;box-shadow:0 .5rem 1rem rgba(0,0,0,.08);padding:28px;margin-bottom:24px}
.screen-table{width:100%;border-collapse:collapse;font-size:13px}
.screen-table th{background:#15c;color:#fff;font-weight:600;padding:12px 10px;text-align:left}
.screen-table td{padding:12px 10px;border-bottom:1px solid #e5e7eb}
.badge-pill{display:inline-block;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600}
.badge-pill.ok{background:#f0fdf4;color:#16a34a}
.badge-pill.warn{background:#fffbeb;color:#d97706}
.badge-pill.info{background:#eff6ff;color:#2563eb}
.badge-pill.muted{background:#f3f4f6;color:#6b7280}
.placeholder-note{background:#fff7ed;border:1px dashed #fb923c;border-radius:6px;padding:14px;color:#9a3412}
.stat-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}
.placeholder-ok{background:#f0fdf4;border:1px solid #16a34a;border-radius:6px;padding:12px 14px;color:#166534}