/* 2.9.0 One look, taken from the Today and Dispatch headers (sunrise sky, Solar Gain navy titles, a gold edge) and
   carried into dialogs, fields and tables. Deliberately small: the type and spacing scale itself now renders at its
   designed size (styles.css body fix), so this file only lines up the pieces that still looked like different apps. */
:root {
  --sg-sky-a: #fff3d6; --sg-sky-b: #ffeccc; --sg-sky-c: #e9f0ff;   /* the header sky, lighter for small surfaces */
  --sg-focus: rgb(36 61 144 / .2);
}

/* dialogs: the header sky as the title band, a navy title, a thin gold edge */
.modal-head { background: linear-gradient(100deg, var(--sg-sky-a) 0%, var(--sg-sky-b) 45%, var(--sg-sky-c) 100%) !important; box-shadow: inset 0 -2px 0 rgb(252 181 55 / .55) !important; }
.modal-head::after { display: none; }
.modal-head h3 { color: #243D90; font-size: 17px; font-weight: 720; letter-spacing: -.012em; margin: 0; }
.modal-head .icon-btn { width: 32px; height: 32px; display: inline-grid; place-items: center; border-radius: 50%; color: #243D90; background: rgb(255 255 255 / .6); font-size: 20px; padding: 0; }
.modal-head .icon-btn:hover { background: #fff; }
body.fd-phone .modal-head { background: linear-gradient(100deg, var(--sg-sky-a) 0%, var(--sg-sky-b) 45%, var(--sg-sky-c) 100%) !important; }

/* fields: one focus treatment everywhere (navy edge + soft ring), never a browser default glow */
:is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea):focus-visible { outline: none; border-color: #243D90 !important; box-shadow: 0 0 0 3px var(--sg-focus) !important; }
::placeholder { color: rgb(16 22 43 / .5); }

/* tables: header cells read like the header eyebrow line (small caps style, navy-grey, never below 11px) */
th { font-size: max(11px, .6875rem); letter-spacing: .04em; color: rgb(36 61 144 / .78); }

/* 2.9.0 kept views (ticket-workspace.js) stay hidden even where a module sets display on its children */
.sg-ws-view[hidden] { display: none !important; }
.rec-kept[hidden] { display: none !important; }
