/* ClinicOS Shell 2 — Pre-Authorizations (Stage 5). Presentational only: markup, ids, handlers and js/preauth.js logic are untouched.
   Scoped to `html body.cos-shell-on #page-preauth`; classic shell is unaffected. Light is the reference; tokens: css/ds/tokens.css. */
html body.cos-shell-on #page-preauth { --c-line: var(--cos-color-border); --c-line-soft: var(--cos-color-border-subtle); font-family: var(--cos-font); color: var(--cos-color-text-primary); }
html body.cos-shell-on #page-preauth * { box-sizing: border-box; }
html body.cos-shell-on #page-preauth > .clinic-breadcrumb { display: none !important; }
html body.cos-shell-on #page-preauth .preauth-shell { max-width: 1160px !important; margin-left: auto !important; margin-right: auto !important; }

/* Header: editorial title block instead of a hero card */
html body.cos-shell-on #page-preauth .card.preauth-hero { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; overflow: visible; margin-bottom: var(--cos-space-4) !important; }
html body.cos-shell-on #page-preauth .preauth-hero .card-body { padding: var(--cos-space-2) 0 0 !important; align-items: flex-end !important; }
html body.cos-shell-on #page-preauth .preauth-hero .card-body > div:first-child > div:first-child { font: var(--cos-weight-semibold) 11px/1.3 var(--cos-font) !important; letter-spacing: .08em !important; color: var(--cos-color-text-muted) !important; }
html body.cos-shell-on #app #page-preauth .preauth-hero h2 { margin: var(--cos-space-1) 0 var(--cos-space-2) !important; font: var(--cos-weight-bold) 2rem/1.15 var(--cos-font) !important; letter-spacing: -.03em !important; color: var(--cos-color-text-primary) !important; }
html body.cos-shell-on #page-preauth .preauth-hero .card-body > div:first-child > div:last-child { font-size: 0.75rem !important; line-height: 1.5 !important; color: var(--cos-color-text-muted) !important; max-width: 78ch !important; }

/* Summary: one ruled strip, no icons, no coloured blocks */
html body.cos-shell-on #page-preauth #preauth-summary { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0 !important; margin: var(--cos-space-2) 0 var(--cos-space-6) !important; border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
html body.cos-shell-on #page-preauth #preauth-summary > * { min-height: 0 !important; padding: var(--cos-space-3) var(--cos-space-5) !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; text-align: left !important; display: block !important; }
html body.cos-shell-on #page-preauth #preauth-summary > *:first-child { padding-left: 0 !important; }
html body.cos-shell-on #page-preauth #preauth-summary > * + * { border-left: 1px solid var(--c-line-soft) !important; }
html body.cos-shell-on #page-preauth #preauth-summary .kpi-icon { display: none !important; }
html body.cos-shell-on #page-preauth #preauth-summary .kpi-value, html body.cos-shell-on #page-preauth #preauth-summary .kpi-label { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; }
html body.cos-shell-on #page-preauth #preauth-summary .kpi-value { font: var(--cos-weight-semibold) 1.5rem/1.15 var(--cos-font) !important; letter-spacing: -.02em; color: var(--cos-color-text-primary) !important; }
html body.cos-shell-on #page-preauth #preauth-summary .kpi-label { margin-top: 2px !important; font: var(--cos-weight-medium) 0.8125rem var(--cos-font) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--cos-color-text-muted) !important; }

/* Sections: rules and headings instead of cards */
html body.cos-shell-on #page-preauth .card { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; overflow: visible !important; }
html body.cos-shell-on #page-preauth .card > .card-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--cos-space-4); flex-wrap: wrap; padding: var(--cos-space-3) 0 !important; border: 0 !important; border-top: 1px solid var(--c-line) !important; background: none !important; }
html body.cos-shell-on #app #page-preauth .card-head h3 { margin: 0 !important; font: var(--cos-weight-semibold) 1.0625rem/1.3 var(--cos-font) !important; letter-spacing: -.01em !important; text-transform: none !important; color: var(--cos-color-text-primary) !important; }
html body.cos-shell-on #page-preauth .card-head > span { font-size: 0.75rem !important; color: var(--cos-color-text-muted) !important; }
html body.cos-shell-on #page-preauth .card > .card-body { padding-left: 0 !important; padding-right: 0 !important; }
html body.cos-shell-on #page-preauth .exec-control-bar { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 var(--cos-space-4) !important; gap: var(--cos-space-3) !important; background: none !important; }
html body.cos-shell-on #page-preauth .field label { font: var(--cos-weight-semibold) 11px/1.3 var(--cos-font); letter-spacing: .06em; text-transform: uppercase; color: var(--cos-color-text-muted); }
html body.cos-shell-on #page-preauth input, html body.cos-shell-on #page-preauth select, html body.cos-shell-on #page-preauth textarea { border-radius: var(--cos-radius-md); border: 1px solid var(--c-line); background: var(--cos-color-bg-surface); color: var(--cos-color-text-primary); font: 0.875rem var(--cos-font); }
html body.cos-shell-on #page-preauth input:not([type="checkbox"]):not([type="file"]), html body.cos-shell-on #page-preauth select { min-height: var(--cos-control-lg); padding: 0 var(--cos-space-3); }
html body.cos-shell-on #page-preauth textarea { padding: var(--cos-space-3); }
html body.cos-shell-on #page-preauth input:focus-visible, html body.cos-shell-on #page-preauth select:focus-visible, html body.cos-shell-on #page-preauth textarea:focus-visible, html body.cos-shell-on #page-preauth .btn:focus-visible { outline: 2px solid var(--cos-color-focus); outline-offset: 1px; }

/* Queue: whole-row treatment. The row is an information row; actions inside it stay explicit. */
html body.cos-shell-on #page-preauth #preauth-list { padding: 0 !important; }
html body.cos-shell-on #page-preauth .pa-row { grid-template-columns: minmax(130px, 1.2fr) minmax(120px, 1.1fr) minmax(90px, .8fr) minmax(80px, .7fr) minmax(80px, .7fr) 392px !important; gap: var(--cos-space-3) !important; padding: var(--cos-space-3) var(--cos-space-3) !important; margin: 0 calc(-1 * var(--cos-space-3)); border-bottom: 1px solid var(--c-line-soft) !important; border-radius: var(--cos-radius-md); font-size: 0.875rem; color: var(--cos-color-text-primary); transition: background-color var(--cos-duration-fast) var(--cos-ease); }
html body.cos-shell-on #page-preauth .pa-row:hover { background: color-mix(in srgb, var(--cos-color-brand-accent) 6%, var(--cos-color-bg-surface)); }
html body.cos-shell-on #page-preauth .pa-row strong { font-weight: var(--cos-weight-semibold); }
html body.cos-shell-on #page-preauth .pa-row [style*="font-size:11px"] { font-size: 0.75rem !important; color: var(--cos-color-text-muted) !important; margin-top: 2px; }
html body.cos-shell-on #page-preauth .pa-row > :last-child { justify-content: flex-end; flex-wrap: nowrap !important; white-space: nowrap; }
html body.cos-shell-on #page-preauth .pa-row .badge { padding: 2px 10px; border-radius: var(--cos-radius-pill); font: var(--cos-weight-semibold) 0.75rem/1.6 var(--cos-font); background: none; }
/* action hierarchy in each row: Send to Day Sheet primary, Open secondary, Delete quiet text */
html body.cos-shell-on #page-preauth .pa-row .btn-secondary { font-weight: var(--cos-weight-medium); }
html body.cos-shell-on #page-preauth .pa-row .btn-danger { border: 0; background: none; box-shadow: none; color: var(--cos-color-text-muted); font-weight: var(--cos-weight-medium); }
html body.cos-shell-on #page-preauth .pa-row .btn-danger:hover { color: var(--cos-color-danger); background: none; text-decoration: underline; text-underline-offset: 3px; }
html body.cos-shell-on #page-preauth .empty { padding: var(--cos-space-8) var(--cos-space-4) !important; font-size: 0.875rem; color: var(--cos-color-text-muted); }

/* Editor: same page, separated by a rule; notices quiet */
html body.cos-shell-on #page-preauth #preauth-editor { margin-top: var(--cos-space-6); }
html body.cos-shell-on #page-preauth .notice { border: 0 !important; border-radius: 0 !important; background: none !important; padding: 0 !important; font-size: 0.75rem !important; color: var(--cos-color-text-muted) !important; }
html body.cos-shell-on #page-preauth #pa-response-intake, html body.cos-shell-on #page-preauth #pa-email-panel .card { border-top: 1px solid var(--c-line) !important; }

@media (max-width: 1023px) {
  html body.cos-shell-on #page-preauth .preauth-shell { max-width: none !important; }
  html body.cos-shell-on #page-preauth #preauth-summary { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body.cos-shell-on #page-preauth #preauth-summary > *:nth-child(3) { padding-left: 0 !important; border-left: 0 !important; }
  html body.cos-shell-on #page-preauth #preauth-summary > *:nth-child(n+3) { border-top: 1px solid var(--c-line-soft); }
}
/* Intermediate widths (rail / narrow content): the queue row needs ~950px, so actions drop to a second row rather than clip. */
@media (max-width: 1365px) {
  html body.cos-shell-on #page-preauth .pa-row { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; row-gap: var(--cos-space-3) !important; }
  html body.cos-shell-on #page-preauth .pa-row > :last-child { grid-column: 1 / -1; justify-content: flex-start !important; flex-wrap: wrap !important; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) { html body.cos-shell-on #page-preauth .pa-row { transition: none; } }