/* SNABYTEK CRM 0.7.4 BIG FONT
   Goal: larger readable typography, NOT browser/app zoom.
*/
:root{
  --ui-scale:1 !important;
  --sidebar:250px;
  --topbar:72px;
}

html,body{
  font-size:16px;
}

.app-shell{
  zoom:1 !important;
}

/* Sidebar */
.brand-copy strong{font-size:17px !important}
.brand-copy span{font-size:11px !important}
.nav-label{font-size:10px !important}
.nav-item{height:44px !important}
.nav-item b{font-size:14px !important}
.nav-item em{font-size:10px !important}
.new-chip{font-size:9px !important}
.live-state b{font-size:11px !important}
.live-state small{font-size:9px !important}
.version{font-size:8.5px !important}

/* Topbar */
.eyebrow{font-size:9px !important}
.topbar h1{font-size:17px !important}
.global-search>span:nth-child(2){font-size:13px !important}
.global-search kbd{font-size:9px !important}
.online-pill{font-size:11px !important}
.profile b{font-size:10px !important}
.profile small{font-size:9px !important}

/* Page headers */
.page-head h2{font-size:32px !important}
.page-head p{font-size:14px !important; line-height:1.45}
.page-loader{font-size:13px !important}

/* Buttons / controls */
.btn{font-size:13px !important; min-height:40px}
.btn.sm{font-size:12px !important; min-height:34px}
.input,.select{font-size:13px !important; height:40px}
.segmented button{font-size:11px !important}
.ui-scale-control{display:none !important}

/* Panels and dashboard cards */
.panel-head h3{font-size:14px !important}
.panel-head small{font-size:11px !important; line-height:1.35}
.metric label{font-size:11px !important}
.metric strong{font-size:26px !important}
.metric small{font-size:10px !important}
.badge{font-size:10.5px !important; min-height:24px}

/* Tables */
.data-table{font-size:13px !important}
.data-table th{
  font-size:10.5px !important;
  padding:11px 12px !important;
}
.data-table td{
  font-size:13px !important;
  padding:11px 12px !important;
}
.data-table td strong{font-size:13.5px !important}
.cell-sub{font-size:10.5px !important; line-height:1.35}
.status-select{font-size:11px !important}
.table-empty{font-size:12px !important}
.table-empty b{font-size:14px !important}

/* Lists / cards */
.list-main b{font-size:13px !important}
.list-main small{font-size:10.5px !important; line-height:1.35}
.list-side{font-size:10.5px !important}
.mini-stat label{font-size:10px !important}
.mini-stat b{font-size:18px !important}

/* Forms */
.field label{font-size:10px !important}
.field input,.field select,.field textarea{font-size:13px !important}
.modal-head h3{font-size:16px !important}
.drawer-title .eyebrow2{font-size:9px !important}
.drawer-title h2{font-size:26px !important}
.drawer-title p{font-size:12px !important}
.detail-cell label{font-size:9px !important}
.detail-cell b{font-size:12.5px !important}
.tabs button{font-size:11px !important}
.quick-link b{font-size:12px !important}
.quick-link small{font-size:10px !important}
.empty-state h3{font-size:16px !important}
.empty-state p{font-size:12px !important}
.search-box input{font-size:15px !important}
.search-result b{font-size:13px !important}
.search-result small{font-size:10.5px !important}
.search-result-type{font-size:9px !important}
.toast{font-size:12px !important}

/* Keep it usable on narrower desktop windows */
@media(max-width:1300px) and (min-width:721px){
  :root{--sidebar:220px}
  .nav-item b{font-size:13px !important}
  .data-table{font-size:12px !important}
  .data-table td{font-size:12px !important}
  .data-table td strong{font-size:12.5px !important}
  .cell-sub{font-size:10px !important}
}

@media(max-width:720px){
  html,body{font-size:15px}
}