:root{--clinic-header-height:72px}
#clinic-header{position:fixed;inset:0 0 auto;height:var(--clinic-header-height);z-index:360;display:flex;align-items:center;gap:20px;padding:12px 24px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 12px #0f172a05;font-family:'Segoe UI',sans-serif;color:#1e293b}
.clinic-header-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;text-decoration:none;color:#1e293b;font-size:19px;flex:none}.clinic-header-brand img{width:34px;height:34px;object-fit:contain}.clinic-header-brand span{color:#e0218a}
.clinic-header-search{position:relative;flex:1;max-width:600px;min-width:160px}.clinic-header-search input{width:100%;border:1px solid #dce5ee;background:#f8fafc;border-radius:10px;padding:11px 14px;font:14px 'Segoe UI',sans-serif;color:#1e293b}.clinic-header-search input:focus{outline:2px solid #99f6e4;border-color:#0d9488}.clinic-header-search input:disabled{opacity:.5;cursor:not-allowed}
#clinic-patient-results{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:65vh;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 14px 40px #0f172a22;padding:6px}#clinic-patient-results[hidden]{display:none}#clinic-patient-results button{display:block;text-align:left;width:100%;background:#fff;border:0;border-radius:8px;padding:12px;cursor:pointer;color:#1e293b;font:14px 'Segoe UI',sans-serif}#clinic-patient-results button:hover,#clinic-patient-results button:focus-visible{background:#f0fdfa;outline:2px solid #99f6e4}#clinic-patient-results small{display:block;color:#64748b;font-size:12px;margin-top:3px}#clinic-patient-results p{font-size:13px;color:#64748b;padding:12px}
.clinic-header-clock{font-size:12px;color:#64748b;white-space:nowrap;margin-left:auto}.clinic-header-bell{position:relative;border:1px solid #e2e8f0;border-radius:10px;width:42px;height:42px;background:#fff;cursor:pointer;flex:none;font-size:20px}.clinic-header-count{position:absolute;right:-6px;top:-6px;min-width:19px;height:19px;line-height:19px;border-radius:99px;background:#dc2626;color:#fff;font:700 11px/19px 'Segoe UI',sans-serif;padding:0 4px}.clinic-header-count[hidden]{display:none}.clinic-header-greeting{font-size:13px;font-weight:600;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.clinic-alert-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin-top:10px}.clinic-alert-row b{font-size:14px}.clinic-alert-row p{font-size:12px;color:#64748b;margin:4px 0 0}.clinic-alert-row>div{min-width:0;overflow-wrap:anywhere}
body.with-clinic-header main{padding-top:98px}body.with-clinic-header aside>.logo{display:none}body.with-clinic-header #nav-toggle{z-index:380}
@media(min-width:881px){body.with-clinic-header aside{top:var(--clinic-header-height);height:calc(100dvh - var(--clinic-header-height))}body.with-clinic-header #dalerts-panel{top:var(--clinic-header-height);height:calc(100dvh - var(--clinic-header-height))}}
@media(max-width:1100px){#clinic-header{gap:12px;padding-inline:16px}.clinic-header-clock{font-size:11px}.clinic-header-greeting{max-width:120px}}
@media(max-width:880px){:root{--clinic-header-height:132px}#clinic-header{display:grid;grid-template-columns:minmax(0,1fr) auto 42px;grid-template-rows:36px 38px 20px;gap:6px 12px;padding:10px 16px}.clinic-header-brand{margin-left:48px;font-size:16px}.clinic-header-brand img{width:26px;height:26px}.clinic-header-greeting{grid-column:2;grid-row:1;max-width:105px;text-align:right}.clinic-header-bell{grid-column:3;grid-row:1}.clinic-header-search{grid-column:1 / 4;grid-row:2;max-width:none}.clinic-header-clock{grid-column:1 / 4;grid-row:3;white-space:nowrap;width:auto;text-align:right;line-height:1.5}body.with-clinic-header main{padding-top:152px}body.with-clinic-header aside .logo{display:none}.clinic-alert-row{align-items:flex-start;flex-wrap:wrap}}
@media print{#clinic-header{display:none!important}}
.clinic-alert-row .clinic-alert-deadline{margin-top:4px;font-size:12px}
.clinic-alert-row .clinic-alert-deadline.is-expired{color:#dc2626;font-weight:600}
/* Sidebar (264px) + content inset (32px): search starts at the card edge. */
@media(min-width:1101px){#clinic-header .clinic-header-brand{flex:0 0 252px}}
@media(min-width:881px) and (max-width:1100px){#clinic-header .clinic-header-brand{flex:0 0 268px}}
