/* A quieter desktop frame. Phone home and bottom navigation keep their layout. */
@media screen and (min-width:721px){
 .shell .nav{gap:0;padding:10px 0}
 .shell-primary-links,.shell-more-links,.shell-settings-link{display:flex;flex-direction:column;min-width:0}
 .shell .nav button{min-height:44px;gap:10px;padding:10px 12px;line-height:1.4}
 .shell .nav .nav-icon{width:20px;height:20px;flex:none}
 .shell .nav .nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .shell-more-navigation{flex:none;min-width:0;margin:7px 0 0;padding:7px 0 0;border:0;border-top:1px solid #ffffff14;border-radius:0;background:transparent}
 .shell-more-navigation>summary{display:flex;align-items:center;gap:10px;min-height:44px;box-sizing:border-box;padding:10px 12px;color:#bfc3ca;cursor:pointer;font-size:13px;line-height:1.4;list-style:none}
 .shell-more-navigation>summary::-webkit-details-marker{display:none}
 .shell-more-navigation>summary::after{content:'';margin-left:auto;width:12px;height:12px;background:#99a5aa;mask:url('/static/assets/icons/caret-down.svg') center/contain no-repeat;-webkit-mask:url('/static/assets/icons/caret-down.svg') center/contain no-repeat}
 .shell-more-navigation[open]>summary::after{transform:rotate(180deg)}
 .shell-more-navigation>summary:hover{background:#34484a;color:#fff}
 .shell-more-navigation>summary:focus-visible,.shell-account>summary:focus-visible{outline:2px solid #1bbbd0;outline-offset:-3px}
 .shell .shell-more-links>button{padding-left:20px}
 .shell-settings-link{margin-top:auto;padding-top:8px;border-top:1px solid #ffffff14}
 .shell .topbar{flex-wrap:nowrap;gap:12px;min-height:58px;padding-block:7px}
 .shell .topbar .shell-heading{flex:0 1 auto;min-width:0;max-width:36%;gap:8px}
 .shell .topbar .shell-heading>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .shell .topbar .shell-heading #toggle-main-nav{flex:none;min-width:40px;min-height:44px}
 .shell .topbar .shell-patient-search{flex:1 1 240px;min-width:140px;max-width:390px;border-radius:6px;background:#f8f9fb;border-color:#e9ecef}
 .shell .topbar .shell-patient-search input{min-height:42px}
 .shell .topbar .shell-patient-search button{min-width:40px;min-height:42px}
 .shell .topbar .shell-tools{flex:0 0 auto;flex-wrap:nowrap;gap:8px;min-width:0}
 .shell .topbar #shell-new-patient{min-height:44px;white-space:nowrap;border-radius:6px;background:#00a6c4;border-color:#00a6c4;color:white}
 .shell-account{position:relative;min-width:0;max-width:190px;margin:0;border:0;border-radius:0;padding:0;background:transparent}
 .shell-account>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 8px;box-sizing:border-box;cursor:pointer;list-style:none;border-radius:6px;color:#52626e;font-size:13px}
 .shell-account>summary::-webkit-details-marker{display:none}
 .shell-account>summary::after{content:'';width:12px;height:12px;flex:none;background:#8b969e;mask:url('/static/assets/icons/caret-down.svg') center/contain no-repeat;-webkit-mask:url('/static/assets/icons/caret-down.svg') center/contain no-repeat}
 .shell-account>summary:hover,.shell-account[open]>summary{background:#f2f7f9}
 .shell-account>summary>.nav-icon{width:22px;height:22px;color:#7b8e99}
 .shell-account-name{max-width:110px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .shell-account-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:50;box-sizing:border-box;width:236px;padding:6px;background:#fff;border:1px solid #e4e8ec;border-radius:10px;box-shadow:0 8px 28px #2237461a;text-align:left;color:#41525e}
 .shell-account-meta{display:flex;flex-direction:column;gap:5px;padding:10px 10px 12px;margin-bottom:4px;border-bottom:1px solid #edf0f3}
 .shell-account-meta>strong{font-size:14px;overflow-wrap:anywhere;font-weight:600}
 .shell-account-meta>span{font-size:12px;color:#8b969e;overflow-wrap:anywhere}
 .shell .topbar .shell-account-panel>button{display:flex;align-items:center;gap:9px;min-height:44px;width:100%;padding:10px;border:0;border-radius:6px;background:#fff;box-shadow:none;text-align:left;color:#52626e;font-size:13px}
 .shell .topbar .shell-account-panel>button:hover{background:#f3f8fa;color:#00859c}
 .shell-account-panel>button>.nav-icon{width:18px;height:18px;flex:none;color:#7b8e99}
 .shell-account-panel>button>small{margin-left:auto;font-size:10px;color:#9aa4ac;white-space:nowrap}
 .shell .topbar .shell-account-panel>#logout{margin-top:3px;border-top:1px solid #f0f2f4;border-radius:0 0 6px 6px}
 .shell.nav-collapsed .shell-more-navigation>summary{justify-content:center;padding-inline:0}
 .shell.nav-collapsed .shell-more-navigation>summary::after{display:none}
 .shell.nav-collapsed .shell-more-links>button{padding-left:0}
 .shell .patient-management-nav{gap:0;margin:0 0 10px;padding:0;border:0;border-bottom:1px solid #e6ecef;border-radius:0;background:transparent}
 .shell .patient-management-nav>strong{display:none}
 .shell .patient-management-nav>button{min-height:44px;padding:10px 16px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#7a8790}
 .shell .patient-management-nav>button.active{border-bottom-color:#00a6c4;background:transparent;color:#008aa3}
 .shell .patient-management-nav .nav-icon{display:none}
}
@media screen and (min-width:721px) and (max-width:1000px){
 .shell .topbar{gap:8px}
 .shell .topbar .shell-heading{max-width:30%}
 .shell .topbar .shell-heading>strong{font-size:14px}
 .shell .topbar .shell-tools{gap:4px}
 .shell .topbar #shell-new-patient{padding-inline:9px;font-size:12px}
 .shell-account{max-width:110px}
 .shell-account-name{max-width:62px}
 .shell-account>summary{gap:5px;padding-inline:5px}
}
@media screen and (min-width:721px) and (max-width:800px){
 .shell .topbar .shell-heading{max-width:24%}
 .shell .topbar .shell-patient-search{min-width:100px;flex-basis:100px}
 .shell .topbar .shell-patient-search input{padding-inline:7px;font-size:12px}
 .shell .topbar #shell-new-patient{padding-inline:7px}
 .shell-account{max-width:96px}
 .shell-account-name{max-width:48px}
}
@media print{.shell-more-navigation,.shell-account{display:none!important}}

@media screen and (min-width:721px){
 .shell .topbar #shell-new-patient{display:inline-flex;align-items:center;justify-content:center;gap:6px}
 .shell .topbar #shell-new-patient>.nav-icon{display:inline-block;width:16px;height:16px}
 .shell .topbar .shell-account-panel>#open-record-search{display:flex}
}

@media screen and (min-width:721px){
 #view>.pagehead+#global-list>.card>.pagehead>h2{display:none}
 #view>.pagehead+#global-list>.card>.pagehead{justify-content:flex-end;gap:8px}
}