.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(500px,1.1fr)}.login-brand{background:#063d52;color:#fff;padding:64px 10%;display:flex;flex-direction:column;justify-content:center}.login-logo{width:180px;height:130px;overflow:hidden;margin-bottom:48px}.login-logo img{width:100%}.login-eyebrow{color:#a1d4d6;letter-spacing:.16em;font-size:.7rem;margin-bottom:18px}.login-brand h1{font-size:2.35rem;line-height:1.22;letter-spacing:-.035em}.login-brand p{color:#b7d4dd;max-width:380px;line-height:1.7}.login-mode{border:1px solid #377084;border-radius:20px;padding:7px 12px;align-self:flex-start;font-size:.75rem;margin-top:28px}.login-panel{max-width:680px;width:100%;margin:auto;padding:44px 48px}.login-panel h2{font-size:1.85rem;margin-bottom:12px}.role-options{display:grid;gap:10px;border:0;padding:0;margin:25px 0}.role-option{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px;cursor:pointer}.role-option:has(input:checked){border-color:#087c66;background:#f0f9f6;box-shadow:0 0 0 1px #087c66}.role-option input{width:18px;height:18px;min-height:18px;accent-color:#087c66}.role-avatar{width:38px;height:38px;flex:0 0 38px;background:#e8f0f3;color:#24596a;border-radius:9px;display:grid;place-items:center;font-weight:700}.role-option strong{display:block;font-size:.95rem}.role-option small{display:block;color:var(--muted);font-size:.77rem;font-weight:400;margin-top:3px}.login-submit{width:100%}.login-note{font-size:.75rem;color:var(--muted);line-height:1.6;margin-top:18px}.role-empty{max-width:700px;padding:32px}.role-empty .role-avatar{margin-bottom:20px}.role-identity{font-weight:600;font-size:.8rem}.electric-clock{background:#e9f3f4;border:1px solid #c6dfe2;border-radius:9px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.electric-clock strong,.electric-clock small{display:block}.electric-clock strong{font-variant-numeric:tabular-nums;font-size:1.4rem;color:#18556a}.electric-clock small{font-size:.75rem;color:var(--muted)}.electric-clock .eyebrow{margin:0;display:block;font-size:.65rem}.electric-clock .button{font-size:.78rem;min-height:36px;padding:7px 11px}.inspection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:28px}.inspection-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:9px;min-width:0}.inspection-card .panel-title{align-items:flex-start;gap:7px;margin-bottom:12px}.inspection-card h3{font-size:1rem;margin:0}.inspection-card .status{font-size:.7rem;white-space:normal}.inspection-card p{font-size:.8rem}.inspection-time{color:var(--muted);line-height:1.7}.inspection-card .button{font-size:.78rem;min-height:38px;padding:8px 12px}.inspection-card .actions{gap:7px}.electric-fault{color:#a3342c;background:#fff4f2;border-color:#e8b8b3}.inspection-alert{border-top:3px solid #b93c38}.inspection-reading{font-size:1.45rem;font-weight:700;color:#087c66;padding:12px 0}.inspection-reading small{display:block;color:var(--muted);font-size:.73rem;font-weight:400}.reading-fault{color:#ae302b}.inspection-complete{border-top:1px solid var(--line);padding-top:12px}.inspection-complete strong,.inspection-complete small{display:block;font-size:.8rem}.inspection-complete small{color:var(--muted);margin:3px 0 10px}.frequency-form{display:grid;grid-template-columns:minmax(70px,1fr) auto;gap:8px;align-items:start}.frequency-form input{width:100%;min-height:39px}.frequency-form .form-error{grid-column:1/-1;margin:0}.frequency-form .form-error:empty{display:none}.drive-reference strong{font-size:1.1rem}.drive-reference span{display:block;font-size:.73rem;color:var(--muted);margin-top:4px}#navElectricCount{margin-left:6px;color:#ffb3a8;font-size:.75rem}
@media(max-width:1180px){.inspection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-layout{grid-template-columns:.7fr 1.3fr}.login-brand{padding:40px 30px}.login-brand h1{font-size:1.9rem}.login-panel{padding:36px 30px}.electric-clock{flex-wrap:wrap}}@media(max-width:760px){.login-layout{display:block}.login-brand{padding:22px}.login-logo{width:120px;height:85px;margin-bottom:15px}.login-brand h1{font-size:1.5rem;margin-bottom:6px}.login-brand h1 br{display:none}.login-brand p,.login-mode{display:none}.login-eyebrow{margin-bottom:8px}.login-panel{padding:26px 20px}.login-panel h2{font-size:1.5rem}.role-option{padding:12px;gap:10px}.role-option .role-avatar{display:none}.inspection-grid{grid-template-columns:1fr}.electric-clock{padding:14px}.electric-clock strong{font-size:1.2rem}.electric-clock .actions{gap:6px}.role-identity{font-size:.75rem}}
