<?php
// assets/style.css
body { font-family: 'Segoe UI', Arial, sans-serif; background: #f6f8fa; margin: 0; color: #222; }
header { background: #1a2233; color: #fff; padding: 1em 2em; }
header h1 { margin: 0; font-size: 2em; }
nav { margin-top: 0.5em; }
nav a { color: #fff; margin-right: 1.5em; text-decoration: none; font-weight: 500; }
nav a:hover { text-decoration: underline; }
.login-bg { background: linear-gradient(120deg, #1a2233 0%, #3a4a6a 100%); min-height: 100vh; }
.login-container { max-width: 340px; margin: 8vh auto; background: #fff; border-radius: 8px; box-shadow: 0 2px 16px #0002; padding: 2em 2em 1.5em; }
.login-container h1 { text-align: center; margin-bottom: 1.5em; }
.login-container input, .login-container button { width: 100%; padding: 0.8em; margin-bottom: 1em; border-radius: 4px; border: 1px solid #ccc; font-size: 1em; }
.login-container button { background: #1a2233; color: #fff; border: none; font-weight: 600; cursor: pointer; }
.login-container button:hover { background: #2a3350; }
.login-container .error { color: #c00; text-align: center; margin-top: -0.5em; margin-bottom: 1em; }
#dashboard-main { display: flex; gap: 2em; margin: 2em; }
#score-block { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px #0001; padding: 1.5em 2em; min-width: 260px; }
#score-block h2 { margin-top: 0; }
#score-block span.ok { color: #0a0; font-weight: bold; }
#score-block span.warn { color: #c00; font-weight: bold; }
table { border-collapse: collapse; width: 100%; background: #fff; margin: 1em 0; }
table th, table td { border: 1px solid #e0e0e0; padding: 0.7em 1em; text-align: left; }
table th { background: #f0f4fa; }
#automation-log, #live-monitor, #override-result { margin: 1em 0; background: #f9f9f9; border-radius: 6px; padding: 1em; min-height: 2em; }
form#manual-override-form { display: flex; gap: 1em; margin: 1em 0; }
form#manual-override-form input, form#manual-override-form select { padding: 0.5em; border-radius: 4px; border: 1px solid #ccc; }
form#manual-override-form button { background: #1a2233; color: #fff; border: none; border-radius: 4px; padding: 0.5em 1.2em; font-weight: 600; cursor: pointer; }
form#manual-override-form button:hover { background: #2a3350; }