/* Clinic portal: calm density, split views, charts. */
.cl-page { padding-bottom: var(--s-6); }
.split .master .mhead { padding: var(--s-4); border-bottom: var(--rule); display: grid; gap: var(--s-3); background: var(--surface); position: sticky; top: 64px; z-index: 2; }
.split .master .list { overflow-y: auto; }
.split .detail { padding: var(--s-6) var(--s-7); }
.split .detail h2 { font-size: var(--t-28); }
.cl-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: var(--s-7); align-items: start; }
@media (max-width: 1100px) { .cl-grid { grid-template-columns: minmax(0, 1fr); } .split .detail { padding: var(--s-5); } }
.sumlist { list-style: none; padding: 0; }
.sumlist li { padding: var(--s-3) 0; border-bottom: var(--rule); }
.sumlist li:last-child { border-bottom: 0; }
.sumlist details summary { cursor: pointer; font-size: var(--t-13); font-weight: 700; color: var(--primary); list-style: none; display: inline-flex; gap: 4px; align-items: center; margin-top: 4px; }
.sumlist details summary::-webkit-details-marker { display: none; }
.sumlist .srcs { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.chart-head { padding: var(--s-6) 0 var(--s-4); display: flex; gap: var(--s-4); align-items: center; flex-wrap: wrap; }
.chart-head h1 { font-size: var(--fs-h2); }
.chart-head .actions { margin-left: auto; display: flex; gap: var(--s-2); flex-wrap: wrap; }
.inbox-item { display: grid; grid-template-columns: auto 1fr auto; gap: var(--s-3); padding: var(--s-3) var(--s-4); border-bottom: var(--rule); cursor: pointer; align-items: start; }
.inbox-item:hover { background: var(--surface-2); }
.inbox-item b { display: block; }
.inbox-item p { font-size: var(--t-13); color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.rtmbar { display: grid; grid-template-columns: repeat(30, 1fr); gap: 1px; width: 150px; position: relative; }
.rtmbar i { height: 12px; background: var(--surface-3); display: block; }
.rtmbar i.on { background: var(--primary); }
.rtmbar i.mark { box-shadow: inset 0 0 0 1.5px var(--ink); }