/* Force site-matching canvas and surface tones */
body, [class*="MuiBox-root"], #root {
    background-color: #0B0D0C !important;
}

/* Recolor pink send button to fluorescent green (#CCFF00) */
button[id*="submit"],
button[aria-label="Send message"],
button[type="submit"],
.MuiIconButton-colorPrimary,
button:has(svg path[d*="M2.01 21L23 12 2.01 3"]) {
    background-color: #CCFF00 !important;
    color: #0B0D0C !important;
}

/* Hover effect */
button[id*="submit"]:hover,
button[aria-label="Send message"]:hover,
button[type="submit"]:hover {
    background-color: #B8E600 !important;
}

/* SVG icon inside send button to dark obsidian */
button[id*="submit"] svg,
button[aria-label="Send message"] svg,
button[type="submit"] svg {
    fill: #0B0D0C !important;
    color: #0B0D0C !important;
}

/* Focus and active accent highlights */
input:focus, textarea:focus {
    border-color: #CCFF00 !important;
    box-shadow: 0 0 0 1px #CCFF00 !important;
}

/* Selection highlight */
::selection {
    background: #CCFF00 !important;
    color: #0B0D0C !important;
}

/* Hide the Readme button/link in the top-right header */
button[aria-label="Readme"],
a[href*="readme"],
button:has(svg path[d*="M19 3H5c-1.1"]),
header a:has(span:contains("Readme")),
header button:has(span:contains("Readme")) {
    display: none !important;
}

/* Fallback: target by text content via attribute or class */
header [id*="readme"],
header [class*="readme"] {
    display: none !important;
}

/* Hide the Theme Toggle (moon/sun mode switch) */
button[aria-label*="theme" i],
button[aria-label*="mode" i],
button[id*="theme-toggle"],
header button:has(svg[data-testid*="Dark"]),
header button:has(svg[data-testid*="Light"]),
header button:has(svg path[d*="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-3.03 0-5.5-2.47-5.5-5.5 0-1.82.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z"]) {
    display: none !important;
}

/* Force remove any header elements containing 'Readme' */
header button:has(svg),
header button:not(:first-child),
header a,
header [id*="readme" i],
header button:has(p:not(:empty)) {
    display: none !important;
}

/* Tame autofocus flashing outline on the input composer */
input:focus, 
textarea:focus,
[class*="MuiInputBase-root"]:focus,
[class*="MuiInputBase-root"].Mui-focused,
div:has(> textarea:focus) {
    outline: none !important;
    box-shadow: none !important;
    border-color: rgba(204, 255, 0, 0.4) !important;
}