/* SNABYTEK CRM 0.7.7 READABLE UI
   Comprehensive desktop typography pass.
   No browser zoom, no global app scaling.
   The old module styles contain many 6.5–9px fonts; this layer deliberately
   overrides them across ALL modules so small labels no longer slip through.
*/

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

/* REAL BASELINE: no desktop UI text below ~13px */
@media(min-width:721px){
  .sidebar *,
  .topbar *,
  .content *{
    font-size:13px !important;
  }

  /* Brand / navigation hierarchy */
  .brand-copy strong{font-size:18px !important}
  .brand-copy span{font-size:12px !important}
  .nav-label{font-size:11px !important;letter-spacing:.13em !important}
  .nav-item{height:47px !important}
  .nav-item b{font-size:15px !important}
  .nav-item em{font-size:11px !important}
  .new-chip{font-size:10px !important}
  .live-state b{font-size:12px !important}
  .live-state small{font-size:11px !important}
  .version{font-size:10px !important}

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

  /* Page hierarchy */
  .page-kicker{font-size:11px !important}
  .page-head h2{font-size:34px !important}
  .page-head p{font-size:15px !important;line-height:1.5 !important}
  .panel-head h3{font-size:15px !important}
  .panel-head small{font-size:12px !important}
  .page-loader{font-size:14px !important}

  /* Buttons / inputs */
  .btn{font-size:14px !important;min-height:42px !important}
  .btn.sm{font-size:13px !important;min-height:36px !important}
  .input,.select,
  .field input,.field select,.field textarea{
    font-size:14px !important;
  }
  .segmented button{font-size:12px !important}
  .ui-scale-control{display:none !important}

  /* Metrics */
  .metric label{font-size:12px !important}
  .metric strong{font-size:28px !important}
  .metric small{font-size:12px !important}
  .mini-stat label{font-size:12px !important}
  .mini-stat b{font-size:20px !important}

  /* Generic chips / badges / metadata */
  .badge{font-size:12px !important;min-height:26px !important;padding:0 9px !important}
  .cell-sub{font-size:12px !important;line-height:1.4 !important}
  .status-select{font-size:12px !important}
  .list-main b{font-size:14px !important}
  .list-main small{font-size:12px !important}
  .list-side{font-size:12px !important}

  /* Main tables */
  .data-table{font-size:14px !important}
  .data-table th{
    font-size:11.5px !important;
    padding:12px 13px !important;
  }
  .data-table td{
    font-size:14px !important;
    padding:12px 13px !important;
  }
  .data-table td strong{font-size:14.5px !important}
  .table-empty{font-size:13px !important}
  .table-empty b{font-size:15px !important}

  /* Dashboard workflow: no tiny 6–8px copy and no aggressive ellipsis */
  .workflow-strip{gap:9px !important;padding:11px !important}
  .workflow-stage{
    min-width:190px !important;
    max-width:230px !important;
    padding:10px 12px !important;
  }
  .stage-count{
    width:34px !important;height:34px !important;
    font-size:13px !important;
  }
  .stage-name{
    font-size:13px !important;
    line-height:1.3 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  .stage-role{
    font-size:11.5px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  .automation-copy h3{font-size:17px !important}
  .automation-copy p{font-size:12.5px !important}
  .automation-chip{font-size:12px !important;min-height:34px !important}

  /* Right-hand task / communication lists */
  .dense-list .list-row{padding:10px 3px !important}
  .dense-list .list-main b{font-size:13.5px !important;line-height:1.3 !important}
  .dense-list .list-main small{font-size:11.5px !important}
  .dense-list .list-side{font-size:11.5px !important}

  /* Calendar: readable instead of 7–8px */
  .calendar-grid{
    gap:12px !important;
  }
  .day{
    min-height:165px !important;
    padding:12px !important;
  }
  .day header{
    font-size:12.5px !important;
    margin-bottom:9px !important;
  }
  .event{
    font-size:13px !important;
    line-height:1.35 !important;
    padding:9px !important;
    margin:7px 0 !important;
  }
  .event b{font-size:13px !important}
  .day > span{font-size:11.5px !important}

  /* Modal / drawer / details */
  .modal-head h3{font-size:17px !important}
  .drawer-title .eyebrow2{font-size:10px !important}
  .drawer-title h2{font-size:28px !important}
  .drawer-title p{font-size:13px !important}
  .detail-cell label{font-size:10.5px !important}
  .detail-cell b{font-size:13.5px !important}
  .tabs button{font-size:12px !important}
  .quick-link b{font-size:13px !important}
  .quick-link small{font-size:11.5px !important}
  .search-box input{font-size:16px !important}
  .search-result b{font-size:14px !important}
  .search-result small{font-size:12px !important}
  .search-result-type{font-size:10px !important}
  .toast{font-size:13px !important}

  /* Gantt remains compact but readable */
  .gantt-row.header{font-size:11px !important}
  .gantt-label b{font-size:13px !important}
  .gantt-label small{font-size:11px !important}
  .gantt-bar{font-size:11px !important;min-height:24px !important;padding:5px 6px !important}
}

/* Important: half-screen desktop must NOT fall back to tiny typography */
@media(max-width:1300px) and (min-width:721px){
  .sidebar *,
  .topbar *,
  .content *{
    font-size:13px !important;
  }
  .page-head h2{font-size:32px !important}
  .nav-item b{font-size:15px !important}
  .data-table{font-size:14px !important}
  .data-table td{font-size:14px !important}
  .data-table td strong{font-size:14.5px !important}
  .workflow-stage{min-width:185px !important}
  .stage-name{font-size:13px !important}
  .stage-role{font-size:11.5px !important}
  .day header{font-size:12.5px !important}
  .event{font-size:13px !important}
}