/* iTECH CRM production readiness pass · 2026-10-07
   Final geometry fixes validated after a full owner-level browser audit. */

/* Counts stay readable without stretching or clipping header controls. */
#notificationCount,#reminderCount,.request-nav-count{
  box-sizing:border-box!important;
  min-width:18px!important;
  max-width:36px!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  line-height:18px!important;
}

/* Action groups must give their labels room instead of collapsing to icon slivers. */
.avito-head>.actions,#crmAiSiteAudit .actions,.crm-ai-learning-actions,
.system-monitor-head>.actions,.control-plane-head>.actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
}
#avitoRefresh,#aiRunSiteAudit,#crmAiRebuild,#crmAiClearMemory,
#systemMonitorRefresh,#systemMonitorDiagnose,#identityIndexRebuild,#identityQualityOpen,
#controlPlaneRefresh,#controlPlaneDiagnose{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
}

/* Print overlay must always sit above the sticky order header. */
.print-modal{
  z-index:100000!important;
  isolation:isolate!important;
}
.print-dialog,.print-close{pointer-events:auto!important}

/* Wide analytics works as a table. Phones/tablets get readable client cards. */
@media(max-width:760px){
  .analytics-client-table{
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    display:grid!important;
    gap:10px!important;
  }
  .analytics-client-row.head{display:none!important}
  .analytics-client-row{
    box-sizing:border-box!important;
    min-width:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 10px!important;
    margin:0!important;
    padding:12px!important;
    border:1px solid #27476f!important;
    border-radius:13px!important;
    background:#081a32!important;
  }
  .analytics-client-row>div:first-child{
    grid-column:1/-1!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    padding-bottom:8px!important;
    border-bottom:1px solid rgba(148,163,184,.15)!important;
  }
  .analytics-client-row>strong,
  .analytics-client-row>span{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    align-items:center!important;
    font-size:12px!important;
    text-align:right!important;
    overflow-wrap:anywhere!important;
  }
  .analytics-client-row>strong::before,
  .analytics-client-row>span::before{
    color:#8098b6!important;
    font-size:9px!important;
    font-weight:800!important;
    text-align:left!important;
    text-transform:uppercase!important;
  }
  .analytics-client-row>strong:nth-child(2)::before{content:"Ремонты"}
  .analytics-client-row>strong:nth-child(3)::before{content:"Заявки"}
  .analytics-client-row>span:nth-child(4)::before{content:"Розница / B2B"}
  .analytics-client-row>span:nth-child(5)::before{content:"Оборот"}
  .analytics-client-row>span:nth-child(6)::before{content:"Валовая"}
  .analytics-client-row>span:nth-child(7)::before{content:"Чистая"}
  .analytics-client-row>a{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
}

/* Header controls can wrap gracefully on compact desktop/tablet widths. */
@media(min-width:769px) and (max-width:1180px){
  .top-actions{gap:6px!important}
  #quickB2BCrm{
    flex:0 0 auto!important;
    max-width:120px!important;
    white-space:normal!important;
    line-height:1.15!important;
    padding-inline:8px!important;
  }
}

/* Mobile action bars and menus remain tappable even for long Russian labels. */
@media(max-width:600px){
  .avito-head>.actions,#crmAiSiteAudit .actions,.crm-ai-learning-actions,
  .system-monitor-head>.actions,.control-plane-head>.actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  #avitoRefresh,#aiRunSiteAudit,#crmAiRebuild,#crmAiClearMemory,
  #systemMonitorRefresh,#systemMonitorDiagnose,#identityIndexRebuild,#identityQualityOpen,
  #controlPlaneRefresh,#controlPlaneDiagnose{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
  }
}

/* Dialogs and enhanced menus should never become unreachable vertically. */
.ui-details-panel,.ui-select-portal,.crm-column-dialog,.manual-link-dialog{
  max-height:calc(100dvh - 24px)!important;
}
.ui-details-panel,.ui-select-portal{
  overscroll-behavior:contain!important;
}
