/* Phone layout: navigation is a dismissible drawer, never a collapsed rail. */
.mobile-close,.mobile-backdrop,.attachment-label-short{display:none}
@media(max-width:720px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body,#app{font-size:14px}
 body.mobile-navigation-open{overflow:hidden}
 .main,.main.collapsed{margin-left:0;width:100%;min-width:0;transition:none}
 .sidebar,.sidebar.collapsed{width:min(280px,calc(100vw - 52px));transform:translateX(-100%);visibility:hidden;pointer-events:none;z-index:40;overflow-y:auto;transition:none}
 .sidebar.mobile-open{transform:translateX(0);visibility:visible;pointer-events:auto}
 .sidebar .brand,.sidebar .nav,.sidebar .section,.sidebar .sidebar-bottom{flex-shrink:0}
 .sidebar .brand{height:66px;padding:0 14px;gap:10px}
 .sidebar .brand img{width:32px;height:32px}
 .sidebar .brand-text{font-size:16px}
 .mobile-close{display:grid;place-items:center;flex:none;margin-left:auto;width:44px;height:44px;background:transparent;color:#426575;border-radius:9px;font-size:28px}
 .mobile-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100%;padding:0;background:#132b3c66;z-index:35}
 .topbar{height:52px;padding:0 10px;gap:6px}
 .mobile-toggle{width:44px;height:44px;min-width:44px;min-height:44px}
 .topbar .language-control{max-width:44%;min-width:0;gap:3px;padding:2px 5px;font-size:12px}
 .topbar .language-control select{min-width:0;max-width:100%;font-size:12px;padding:4px 2px}
 .topbar .role-pill{min-width:0;flex:0 1 auto;max-width:48%;font-size:10px;padding:5px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .content{padding:20px 12px 36px}
 .page-title{font-size:21px}
 .page-title-row,.actions,.session-row{flex-wrap:wrap}
 .panel{padding:14px;min-width:0}
 .case-layout{padding:6px 10px 24px}
 .case-center{min-width:0}
 .case-header{top:52px;padding:4px 0}
 .case-header-inner{padding:8px;gap:8px;min-width:0}
 .patient-line,.patient-line>div{min-width:0}
 .patient-line{gap:6px}
 .patient-name{font-size:13px;overflow-wrap:anywhere}
 .patient-meta{font-size:11px;overflow-wrap:anywhere;line-height:1.5}
 .patient-avatar{width:26px;height:26px;flex:none;font-size:17px}
 .case-header-inner>div:last-child{flex-shrink:0}
 .case-status{font-size:10px;padding:4px 6px;white-space:nowrap}
 .msg>div{width:100%;min-width:0}
 .bubble{width:100%;max-width:100%;font-size:14px;line-height:1.7;padding:12px;overflow-wrap:anywhere}
 .msg.user .bubble{width:fit-content;max-width:92%;margin-left:auto}
 .bubble h1{font-size:19px}.bubble h2{font-size:17px}.bubble h3{font-size:15px}.bubble h4{font-size:14px}
 .bubble img,.bubble video{max-width:100%;height:auto}
 .bubble pre{max-width:100%;overflow:auto}
 .bubble .md-table{display:block;width:100%;max-width:100%;overflow-x:auto}
 .bubble .md-table th,.bubble .md-table td{min-width:6rem;padding:7px;font-size:12px}
 .clinical-review-note{font-size:12px;padding:7px 9px}
 .report-tools{gap:6px;flex-wrap:wrap}
 .report-tools button{font-size:12px;min-height:40px;padding:7px 9px}
 .report-directory{font-size:13px;padding:10px}
 .report-directory nav button{font-size:12px;min-height:36px;padding:5px 7px;white-space:normal;text-align:left;overflow-wrap:anywhere}
 .report-section{scroll-margin-top:150px}
 .report-section>summary{font-size:14px}
 .report-subsection{margin-left:8px;padding-left:8px}
 .report-subsection>summary{font-size:13px}
 .chat-composer{bottom:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));border-radius:14px;margin-top:8px}
 .chat-composer textarea{display:block;height:54px;min-height:54px;max-height:120px;font-size:16px;line-height:1.5;padding:3px}
 .chat-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;align-items:center}
 .chat-actions>div{display:contents}
 .chat-actions .attach-label{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;min-height:42px;font-size:13px;padding:7px 8px;white-space:nowrap}
 .attachment-label-full{display:none}.attachment-label-short{display:inline}
 .chat-actions .clear-files{grid-column:2;grid-row:1;min-height:42px;font-size:12px;padding:7px 8px}
 .chat-actions:has(#chatFileName:empty) .clear-files{display:none}
 .chat-actions .primary{grid-column:3;grid-row:1;min-width:62px;width:auto;min-height:42px;font-size:14px;padding:8px 12px}
 .chat-actions .file-name{grid-column:1/-1;grid-row:2;margin:0;overflow-wrap:anywhere;font-size:11px}
 .chat-actions .file-name:empty{display:none}
 .chat-actions .charge-note{grid-column:1/-1;grid-row:3;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
 .field input,.field select,.field textarea,.history-toolbar input{font-size:16px}
 .session-row>div,.form-grid>*{min-width:0;overflow-wrap:anywhere}
 .toast{left:12px;right:12px;bottom:12px;overflow-wrap:anywhere}
}