/* Shared type scale: main information 16px, supporting text at least 14px. */
:root{font-size:16px;--muted:#65768d}
body{line-height:1.6}
#app p,#modal p{color:#61728b}
#app .dash-flow > .card-head > div > p{color:#dc3545}
#app small,#modal small{color:#61758f;line-height:1.6}
#app .card-head h2{font-size:19px}
#app .btn,#app .text-btn,#modal .btn,#modal .text-btn{font-size:15px;line-height:1.5}
#app .tab{font-size:16px}
#app .field label,#modal .field label{font-size:15px;color:#506681}
#app input:not([type=checkbox]):not([type=radio]),#app select,#app textarea,
#modal input:not([type=checkbox]):not([type=radio]),#modal select,#modal textarea{font-size:16px;line-height:1.5}
#app td{font-size:16px;line-height:1.6}
#app th{font-size:14px;color:#536b88}
#app .todo strong,#app .repair-item strong{font-size:16px}
#app .stat-top{font-size:15px}
#app .stat-bottom,#app .stat-value em{font-size:14px}
#app .badge{line-height:1.5;white-space:normal}
#app .setting-row strong{font-size:17px}
#app .setting-row small{font-size:14px}
#app .settings-list{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}
#app .settings-list>.set-pane{min-width:0;max-width:100%}
#app .settings-actions{flex-wrap:wrap}
#app .building-title h3{font-size:17px}
#app .employee-head h3{font-size:16px}
#app .employee-meta strong{font-size:15px}
#app .employee-account code{font-size:14px}
#modal .summary-row,#modal .summary-row>strong{font-size:16px;line-height:1.7}
#modal .rd-section .summary-row>span:first-child{font-size:14px;color:#61758f}
#modal .room-section-tabs button,#modal .room-acts .btn,#modal .rd-actions .btn{font-size:15px;line-height:1.5}
#modal .rd-section h3{font-size:17px}
#modal .rd-hero .summary-row>span:first-child{font-size:14px}
#modal .rd-extra summary,#modal .room-exit-zone summary{font-size:15px}
.breadcrumb,.today{font-size:14px}
.tv-side p,.tv-log,.tv-card,.bubble,.tv-bill{font-size:15px}
.tv-side h3,.rich-menu.tv-menu .tenant-menu-label{font-size:14px}
.tvb-total b{font-size:20px}
@media(min-width:701px){
 #app .desktop-table-bar{font-size:14px;color:#60748f}
 #app .desktop-table-bar b{font-size:16px}
 #app .desktop-list th,#app .desktop-sort{font-size:14px;color:#536c8a;height:48px}
 #app .desktop-list td{font-size:16px;line-height:1.6;padding:12px 14px!important}
 #app .desktop-list td small{font-size:14px;color:#61758f}
 #app .desktop-list .room-no{font-size:19px}
 #app .desktop-list .amount{font-size:17px}
 #app .desktop-list .badge{font-size:14px;padding:5px 9px}
 #app .desktop-list .btn,#app .desktop-list .text-btn,#app .desktop-list .status-select{font-size:14px;min-height:40px;padding:8px 12px}
 #app .desktop-filter-toolbar label>span{font-size:14px;color:#586f8b}
 #app .desktop-filter-toolbar input,#app .desktop-filter-toolbar select{font-size:16px;height:44px}
 .desktop-filter-result,.desktop-filter-clear,.desktop-filter-toolbar .desktop-extra-filter>.btn{font-size:14px}
 .desktop-filter-actions{height:44px}.desktop-filter-clear{min-height:44px}
 .desktop-room-location,.desktop-room-counter{font-size:14px;color:#61758f}
 .desktop-room-step{font-size:14px;min-height:40px}
 #modal .desktop-room-nav{flex-wrap:wrap}
 #app .type-table input,#app .type-table select{min-width:80px}
}
@media(max-width:700px){
 #app .page-heading .actions{flex-wrap:wrap;max-width:100%}
 #app .page-heading .actions .btn{white-space:normal}
}
@media(max-width:600px){
 #app>.filters{flex-wrap:wrap;overflow:visible;margin-left:0;margin-right:0;padding:0;gap:8px;max-width:100%}
 #app>.filters>.btn{flex:1 1 95px;white-space:normal;padding:10px 8px}
 #app>.filters>select{flex:1 1 100%;width:100%!important;min-width:0;margin-left:0!important}
 #app table.stack td{font-size:15px;line-height:1.6;min-width:0}
 #app table.stack td[data-label]::before{font-size:14px;color:#61758f;letter-spacing:0}
 #app table.stack td small{font-size:14px}
 #app table.stack .btn,#app table.stack .text-btn,#app .mobile-row-toggle{font-size:14px;min-height:44px}
 #app table.stack .badge{font-size:14px}
 #app table.room-directory.stack td.type-cell{font-size:15px;color:#536e90}
 #app table.room-directory.stack td:nth-child(4),#app table.room-directory.stack td:nth-child(6){font-size:16px}
 #app table.room-directory.stack .room-no{font-size:21px}
 #app table.room-directory.stack .mobile-room-floor{font-size:14px;margin-left:6px;color:#61758f}
 #app .mobile-detail-line{font-size:15px;grid-template-columns:minmax(85px,1fr) minmax(0,1.4fr);gap:8px}
 #app .mobile-room-detail>strong{font-size:16px}
 #app .mobile-fold-toggle{font-size:16px}
 #app .mh-title>div>span,#app .mh-period{font-size:14px;letter-spacing:0}
 #app .mh-title{flex-wrap:wrap}
 #app .mh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .mh-stats button:nth-child(2){grid-column:1/-1;order:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:14px}
 #app .mh-stats button:nth-child(2) strong{grid-column:2;grid-row:1/3;font-size:26px;margin:0}
 #app .mh-stats span,#app .mh-stats em,#app .mh-stats small{font-size:14px}
 #app .mh-stats strong{font-size:25px;white-space:normal}
 #app .mh-menu{gap:10px 6px}
 #app .mh-menu button{font-size:14px;white-space:normal;line-height:1.5}
 #app .mh-tasks h2,#app .mh-tasks .todo strong{font-size:16px}
 #app .mh-tasks .mh-more{font-size:14px}
 #app[data-view=dashboard]>.dash-tabs .tab:first-child{font-size:0}
 #app[data-view=dashboard]>.dash-tabs .tab:first-child:after{font-size:16px}
 #app .stats-5 .stat-top{font-size:14px}
 #app .stats-5 .stat-bottom{font-size:14px;opacity:1}
 #app[data-view=repairs] table.stack .repair-room-card td:nth-child(3){font-size:16px!important}
 #app[data-view=repairs] .repair-room-card .status-select{font-size:16px}
 #app[data-view=leaves] .staff-table.stack td:first-child{font-size:16px}
 #app[data-view=settings] .setting-row small,#app[data-view=settings] .amen-sum{font-size:14px}
 #app[data-view=settings] .unit-input>span{font-size:14px}
 #modal .rd-section .summary-row{font-size:15px}
 #modal .rd-section .summary-row>span:first-child{flex-basis:105px;font-size:14px}
 #modal .room-acts .btn,#modal .rd-actions .btn{white-space:normal;padding:10px 8px}
 .mnav button{font-size:12px;line-height:1.4}
 .mnav{height:74px}
 .mh-menu button>span{width:55px;height:55px}
}