@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap');

/* Base font — smaller, matching admin panel */
* { font-family: 'IBM Plex Mono', monospace !important; }
body { font-size: 13px !important; }

/* Background */
body, #root { background-color: #0a0a0a !important; }

/* Login card */
.MuiPaper-root.MuiPaper-elevation { background-color: #141414 !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 12px !important; box-shadow: 0 4px 24px rgba(0,0,0,0.5) !important; }

/* Inputs */
.MuiOutlinedInput-root { background-color: #1a1a1a !important; border-radius: 8px !important; }
.MuiOutlinedInput-notchedOutline { border-color: rgba(255,255,255,0.1) !important; }
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #f97316 !important; }
.MuiInputBase-input { font-size: 13px !important; }
.MuiFormLabel-root { font-size: 13px !important; }

/* Headings — smaller */
.MuiTypography-h5, .MuiTypography-h6 { font-size: 1rem !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; font-weight: 600 !important; }

/* Replace "LOGGA IN" title with "DRIFTVERK" */
#login-title, .MuiTypography-h5 { font-size: 0 !important; }
#login-title::after, .MuiTypography-h5:first-of-type::after { content: "DRIFTVERK"; font-size: 1rem !important; letter-spacing: 0.08em; font-weight: 600; }

/* Body text */
.MuiTypography-body1 { font-size: 13px !important; }
.MuiTypography-body2 { font-size: 12px !important; }

/* Primary buttons — orange */
.MuiButton-containedPrimary { background-color: #f97316 !important; color: white !important; border-radius: 8px !important; text-transform: uppercase !important; font-weight: 600 !important; letter-spacing: 0.08em !important; font-size: 13px !important; }
.MuiButton-containedPrimary:hover { background-color: #ea580c !important; }

/* All orange accent throughout */
a, .MuiLink-root { color: #f97316 !important; }
.MuiCheckbox-colorPrimary.Mui-checked { color: #f97316 !important; }
.MuiCircularProgress-colorPrimary { color: #f97316 !important; }
.MuiLinearProgress-colorPrimary { background-color: rgba(249,115,22,0.2) !important; }
.MuiLinearProgress-barColorPrimary { background-color: #f97316 !important; }
.MuiSwitch-colorPrimary.Mui-checked { color: #f97316 !important; }
.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track { background-color: #f97316 !important; }
.MuiTab-root.Mui-selected { color: #f97316 !important; }
.MuiTabs-indicator { background-color: #f97316 !important; }
.MuiIconButton-colorPrimary { color: #f97316 !important; }
.MuiFab-primary { background-color: #f97316 !important; }
.MuiFab-primary:hover { background-color: #ea580c !important; }

/* Reset password link — centered */
.MuiGrid-root a, .MuiLink-root { display: block !important; text-align: center !important; }

/* Powered by — dim, 50px gap above */
footer, .MuiTypography-caption { opacity: 0.3 !important; font-size: 11px !important; }
footer { margin-top: 50px !important; }