/* Matches the existing clinic workspace; the rail stays physically on the left. */
@font-face{font-family:Vazirmatn;src:url('/clinic/fonts/Vazirmatn-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/clinic/fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
html[lang=fa] body.portal-shell-active{font-family:Vazirmatn,Tahoma,sans-serif}
body.portal-shell-active{padding-left:264px}
.portal-sidebar{position:fixed;left:0;top:0;bottom:0;width:264px;height:100vh;height:100dvh;background:#12334a;color:#fff;display:flex;flex-direction:column;padding:28px 18px 20px;z-index:40;box-sizing:border-box;line-height:1.6}
.portal-sidebar-brand{display:flex;align-items:center;gap:12px;flex:none;padding:0 8px 26px;direction:ltr}
.portal-sidebar-brand img{flex:none;border-radius:12px;background:#9ee0d6}
.portal-sidebar-brand strong{display:block;font:700 27px/1.2 Arial,sans-serif;letter-spacing:1px}
.portal-sidebar-brand span{display:block;font:12px/1.8 Arial,sans-serif;letter-spacing:2px;color:#b9cbd8}
#portal-sidebar-title{flex:none;font-size:14px;font-weight:500;color:#acc2d2;margin:0;padding:0 10px 15px;line-height:1.7}
.portal-sidebar nav{display:grid;gap:7px;align-content:start;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7897aa transparent}
.portal-sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;text-align:start;border:0;border-radius:10px;padding:12px 13px;background:transparent;color:#d1dfea;font-size:14px;font-weight:500;line-height:1.7}
.portal-sidebar nav button:hover,.portal-sidebar nav button[aria-current=page]{background:#28516a;color:#fff}
.portal-sidebar nav svg{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.portal-sidebar nav span{overflow-wrap:anywhere}
.portal-sidebar button:focus-visible{outline:3px solid #9ee0d6;outline-offset:-3px}
.portal-sidebar-bottom{flex:none;border-top:1px solid #385365;padding:17px 10px 0;margin-top:18px;font-size:13px;color:#c0d2df;overflow-wrap:anywhere}
body.portal-shell-active>header{padding:16px 28px;gap:18px;min-height:80px;direction:ltr;flex-wrap:nowrap}
body.portal-shell-active>header .brand{font-size:22px}
body.portal-shell-active>header .brand img{width:36px;height:36px}
body.portal-shell-active #account{direction:inherit;gap:14px;flex-wrap:nowrap;font-size:14px}
html[lang=fa] body.portal-shell-active #account{direction:rtl}
body.portal-shell-active>main{margin:30px auto;max-width:1240px}
body.portal-shell-active>.site-credit{padding:16px}
@media(max-width:1100px) and (min-width:901px){body.portal-shell-active #account>span{max-width:210px}body.portal-shell-active>header .brand{display:none}}
@media(max-width:900px){
 body.portal-shell-active{padding-left:200px}
 .portal-sidebar{width:200px;padding:24px 12px 18px}
 .portal-sidebar-brand{gap:10px;padding:0 5px 23px}
 .portal-sidebar nav button{font-size:13px;padding:11px 9px;gap:10px}
 body.portal-shell-active>header{padding:12px 16px;gap:10px;flex-wrap:wrap}
 body.portal-shell-active>header .brand{display:none}
 body.portal-shell-active #language,body.portal-shell-active #patient-language{width:100px;min-height:44px;padding:7px 8px}
 body.portal-shell-active #account{width:auto;flex:1 1 auto;justify-content:flex-end}
 body.portal-shell-active #account>span{display:none}
 body.portal-shell-active .header-actions{width:100%;gap:8px;justify-content:space-between;flex-wrap:nowrap}
 body.portal-shell-active #language-label{display:none}
 body.portal-shell-active>main{padding:0 16px;margin:24px auto}
 body.portal-shell-active .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
 body.portal-shell-active .balances{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
 body.portal-shell-active .title-row{flex-wrap:wrap;gap:12px}
 body.portal-shell-active .card{padding:18px}
}
@media(max-width:600px){
 body.portal-shell-active{padding-left:148px}
 .portal-sidebar{width:148px;padding:22px 8px 16px}
 .portal-sidebar-brand{gap:7px;padding:0 3px 22px}
 .portal-sidebar-brand img{width:30px;height:30px;border-radius:9px}
 .portal-sidebar-brand strong{font-size:22px}
 .portal-sidebar-brand span{font-size:10px;letter-spacing:1px}
 #portal-sidebar-title{font-size:12px;padding:0 7px 14px}
 .portal-sidebar nav button{padding:10px 8px;font-size:12px;gap:8px;min-height:48px}
 .portal-sidebar nav svg{width:19px;height:19px}
 .portal-sidebar-bottom{font-size:12px;padding:14px 7px 0}
 body.portal-shell-active>header{padding:10px;gap:8px}
 body.portal-shell-active #language,body.portal-shell-active #patient-language{width:86px;font-size:12px}
 body.portal-shell-active #account button,body.portal-shell-active #patient-logout{font-size:12px;padding:8px 10px}
 body.portal-shell-active>main{padding:0 10px;margin:20px auto}
 body.portal-shell-active h1{font-size:23px;overflow-wrap:anywhere}
 body.portal-shell-active h2{font-size:18px;overflow-wrap:anywhere}
 body.portal-shell-active .card{padding:14px}
 body.portal-shell-active .actions{gap:8px}
 body.portal-shell-active .actions button{font-size:12px;padding:8px 10px}
 body.portal-shell-active .site-credit{padding:12px 8px}
 body.portal-shell-active p{overflow-wrap:anywhere}
}
@media print{.portal-sidebar{display:none!important}body.portal-shell-active{padding-left:0!important}}