/* OpenEMR workspace — patient-chart styles (loaded after the shell's inline styles; chart-only rules). */
tr.sel td { background: #e0f2fe; }
.spacer { flex: 1; }
.m-PATCH { background: #9333ea; }
button.warnb { background: #b45309; }
.msg.warnm { background: #fef9c3; color: #854d0e; }
#main table.kv { width: auto; min-width: 50%; }
#main textarea { font-family: inherit; font-size: .88rem; }
#logDlg { max-width: 60rem; }
/* chart tabs */
.tabs { display: flex; gap: .2rem; border-bottom: 1px solid #e2e8f0; margin-bottom: .6rem; flex-wrap: wrap; }
.tabs a { padding: .32rem .62rem; border-radius: 6px 6px 0 0; font-size: .84rem; color: #334155; }
.tabs a.on { background: #fff; border: 1px solid #e2e8f0; border-bottom-color: #fff; margin-bottom: -1px; color: #0369a1; font-weight: 600; }
/* typed forms */
.fld label .k { font-family: ui-monospace, Menlo, monospace; color: #94a3b8; font-size: .7rem; margin-left: .25rem; }
.fld.wide { grid-column: 1 / -1; }
.formcard { border: 1px solid #bae6fd; background: #f8fdff; }
/* "API" disclosure on every action: exact method + path */
details.api { display: inline-block; font-size: .72rem; vertical-align: middle; }
details.api > summary { list-style: none; cursor: pointer; color: #64748b; border: 1px solid #cbd5e1; border-radius: 4px; padding: 0 .3rem; font-family: ui-monospace, Menlo, monospace; display: inline-block; }
details.api > summary::-webkit-details-marker { display: none; }
details.api[open] > summary { background: #0f172a; color: #e2e8f0; border-color: #0f172a; }
details.api > div { margin-top: .25rem; padding: .35rem .5rem; background: #f1f5f9; border-radius: 6px; font-size: .76rem; max-width: 52rem; }
details.api.block { display: block; margin: .3rem 0; }
.act { display: inline-flex; gap: .25rem; align-items: center; margin: 0 .35rem .25rem 0; }
.bug { border-left: 4px solid #b91c1c; }
/* patient list + chart */
.pthead { display: flex; gap: 1.2rem; align-items: baseline; flex-wrap: wrap; }
.pthead h2 { margin: 0; font-size: 1.25rem; }
.pthead .facts span { margin-right: 1rem; font-size: .86rem; }
.pager { display: flex; gap: .5rem; align-items: center; margin-top: .5rem; }
.split { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: .8rem; align-items: start; }
.split:has(> .detailslot:empty) { grid-template-columns: 1fr; }
@media (max-width: 1200px) { .split { grid-template-columns: 1fr; } }