/* GRIDflow palette from gfomadmin/wwwroot/css_shared/g_root.css. */
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/Roboto-Regular.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/Roboto-Medium.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/Roboto-Bold.ttf') format('truetype'); }

:root {
    --gfpal-white: #fff; --gfpal-black: #000;
    --gfpal-red: #E02B20; --gfpal-green: #21A884; --gfpal-blue: #215AA8;
    --gfpal-bluevibrant: #0078D7; --gfpal-yellow: #FCD637; --gfpal-orange: #F05E2B;
    --gfpal-O1: #FFEDD5; --gfpal-M1: #ED2B51;
    --gfpal-BG1: #111629; --gfpal-BG2: #64748B; --gfpal-BG3: #BECEE4; --gfpal-BG4: #F2F4F8;
    --line: #bababa; --masthead-height: 40px; --nav-width: 250px; --buttonbar-height: 80px;
}
* { box-sizing: border-box; }
body { margin: 0; background: #f0f0f0; color: #222; font: 14px Roboto, Arial, sans-serif; }
a { color: var(--gfpal-bluevibrant); }
button, input, textarea, select { font: inherit; }
button, a, input, textarea, select { touch-action: manipulation; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .5; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--gfpal-bluevibrant); outline-offset: 2px; }
[hidden] { display: none !important; }
h1, h2 { font-weight: 700; }
h1 { font-size: 20px; margin: 0 0 8px; }
h2 { font-size: 16px; margin: 0 0 8px; }
p { line-height: 1.5; }
label { display: flex; flex-direction: column; gap: 4px; font-size: 10pt; font-weight: 400; color: #3e3e3e; }
/* Gray, borderless inputs from gfomadmin/r_form.css; keyboard focus stays visible. */
input, select, textarea { border: 0; border-radius: 0; background: #f2f2f2; color: #222; padding: 8px; min-width: 0; width: 100%; font-weight: 400; font-size: 14px; }
input::placeholder, textarea::placeholder { color: #777; }
input[readonly] { color: #666; }
select { cursor: pointer; }
textarea { resize: vertical; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #f2f2f2; border: 1px solid var(--line); padding: 12px; font: 12px/1.6 Consolas, monospace; }
code { font-family: Consolas, monospace; }
fieldset { border: 0; padding: 0; margin: 0 0 22px; min-width: 0; }
legend { width: 100%; color: var(--gfpal-bluevibrant); font-weight: 700; font-size: 14px; padding: 0 0 8px; margin-bottom: 15px; border-bottom: 2px solid var(--gfpal-bluevibrant); }