/* Tough Notify — brand overrides for the ntfy web app (injected by Apache; MUI class names). */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/brand/fonts/inter.woff2") format("woff2"); }
:root {
  --page:#f9f9f7; --surface:#fcfcfb; --ink:#0b0b0b; --ink-2:#52514e; --muted:#898781; --grid:#e1e0d9; --border:rgba(11,11,11,.10);
  --accent:#2a78d6; --accent-soft:rgba(42,120,214,.12); --shadow:0 1px 2px rgba(11,11,11,.04), 0 4px 16px rgba(11,11,11,.05);
}
html[data-theme="dark"] {
  --page:#0d0d0d; --surface:#1a1a19; --ink:#ffffff; --ink-2:#c3c2b7; --muted:#898781; --grid:#2c2c2a; --border:rgba(255,255,255,.10);
  --accent:#3987e5; --accent-soft:rgba(57,135,229,.16); --shadow:0 1px 2px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.3);
}
body, .MuiTypography-root, .MuiButton-root, .MuiInputBase-root, .MuiMenuItem-root, .MuiListItemText-primary, .MuiChip-label, .MuiTab-root, .MuiFormLabel-root, .MuiTableCell-root, .MuiSelect-select {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
body { background: var(--page) !important; color: var(--ink) !important; -webkit-font-smoothing: antialiased; }
a, a:visited { color: var(--accent) !important; }
/* app bar + drawer */
.MuiAppBar-root { background: var(--surface) !important; color: var(--ink) !important; box-shadow: none !important; border-bottom: 1px solid var(--grid); }
.MuiAppBar-root .MuiTypography-root { font-weight: 600 !important; letter-spacing: -.01em; }
.MuiAppBar-root .MuiIconButton-root, .MuiAppBar-root .MuiSvgIcon-root { color: var(--ink-2) !important; }
.MuiDrawer-paper { background: var(--surface) !important; border-color: var(--grid) !important; color: var(--ink) !important; }
.MuiDrawer-paper .MuiListItemIcon-root, .MuiDrawer-paper .MuiSvgIcon-root { color: var(--ink-2) !important; }
.MuiListItemButton-root { border-radius: 10px; margin: 2px 8px; }
.MuiListItemButton-root.Mui-selected, .MuiListItemButton-root.Mui-selected:hover { background: var(--accent-soft) !important; }
.MuiListItemButton-root.Mui-selected .MuiListItemText-primary, .MuiListItemButton-root.Mui-selected .MuiSvgIcon-root { color: var(--accent) !important; }
.MuiDivider-root { border-color: var(--grid) !important; }
/* surfaces */
.MuiPaper-root { background-color: var(--surface) !important; color: var(--ink) !important; background-image: none !important; }
.MuiCard-root { border: 1px solid var(--border) !important; border-radius: 14px !important; box-shadow: var(--shadow) !important; }
.MuiDialog-paper, .MuiMenu-paper, .MuiPopover-paper { border: 1px solid var(--border) !important; border-radius: 14px !important; box-shadow: var(--shadow) !important; }
.MuiTypography-colorTextSecondary, .MuiTypography-root.MuiTypography-body2, .MuiFormHelperText-root { color: var(--ink-2) !important; }
.MuiTableCell-root { border-color: var(--grid) !important; color: var(--ink) !important; }
.MuiTableCell-head { color: var(--muted) !important; font-size: .74rem !important; text-transform: uppercase; letter-spacing: .05em; }
/* primary colour → accent */
.MuiButton-containedPrimary, .MuiFab-primary { background: var(--accent) !important; color: #fff !important; box-shadow: none !important; font-weight: 600 !important; text-transform: none !important; border-radius: 9px !important; }
.MuiButton-containedPrimary:hover, .MuiFab-primary:hover { filter: brightness(.92); }
.MuiButton-textPrimary, .MuiButton-outlinedPrimary, .MuiIconButton-colorPrimary, .MuiTypography-colorPrimary, .MuiLink-root { color: var(--accent) !important; text-transform: none !important; font-weight: 600 !important; }
.MuiButton-outlinedPrimary { border-color: var(--accent) !important; border-radius: 9px !important; }
.MuiButton-root { text-transform: none !important; border-radius: 9px !important; }
.MuiSwitch-colorPrimary.Mui-checked { color: var(--accent) !important; }
.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track { background-color: var(--accent) !important; }
.MuiCheckbox-colorPrimary.Mui-checked, .MuiRadio-colorPrimary.Mui-checked { color: var(--accent) !important; }
.MuiCircularProgress-colorPrimary, .MuiTab-textColorPrimary.Mui-selected { color: var(--accent) !important; }
.MuiTabs-indicator, .MuiLinearProgress-barColorPrimary { background-color: var(--accent) !important; }
.MuiLinearProgress-colorPrimary { background-color: var(--accent-soft) !important; }
.MuiChip-colorPrimary, .MuiBadge-colorPrimary { background-color: var(--accent) !important; color: #fff !important; }
.MuiOutlinedInput-root { border-radius: 9px !important; background: var(--page); }
.MuiOutlinedInput-notchedOutline { border-color: var(--grid) !important; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: var(--accent) !important; border-width: 1px !important; }
.MuiInputLabel-root.Mui-focused { color: var(--accent) !important; }
.MuiInputBase-input { color: var(--ink) !important; }
.MuiSnackbarContent-root { background: var(--ink) !important; color: var(--page) !important; border-radius: 10px !important; }
.MuiTooltip-tooltip { background: var(--ink) !important; color: var(--page) !important; font-family: "Inter", system-ui, sans-serif !important; }
svg circle[fill="#338574"] { fill: var(--accent); }
/* logo in the app bar */
img[src="/static/images/ntfy.png"], img[src$="/static/images/ntfy.png"] { border-radius: 8px; }

/* --- v2: elements styled inline by the app (sx) --- */
.MuiAppBar-root .MuiToolbar-root { background: var(--surface) !important; color: var(--ink) !important; border-bottom: 1px solid var(--grid); }
.MuiAppBar-root .MuiToolbar-root .MuiIconButton-root, .MuiAppBar-root .MuiToolbar-root .MuiButton-root, .MuiAppBar-root .MuiToolbar-root .MuiSvgIcon-root { color: var(--ink-2) !important; }
.MuiAppBar-root .MuiToolbar-root .MuiButton-root { color: var(--accent) !important; }
.MuiAppBar-root .MuiToolbar-root img { content: url("/brand/logo.svg"); height: 28px !important; width: 28px; border-radius: 7px; }
.MuiAppBar-root .MuiToolbar-root .MuiTypography-h6 { font-weight: 700 !important; letter-spacing: -.01em; font-size: 1.05rem !important; }
#main { background-color: var(--page) !important; }
.MuiDrawer-paper .MuiAlert-root, .MuiDrawer-paper [class*="MuiAlert"] { background: var(--accent-soft) !important; color: var(--ink) !important; }
img[src*="ntfy-filled"] { opacity: .55; }