/* ITQAN Education Dues 4.8 — responsive finishing pass. Hosting assets only.
   No authentication, Firestore, records, calculations, or printing changes. */
:root{--itq-v48-focus:#1585da}
html{-webkit-text-size-adjust:100%}
button,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid color-mix(in srgb,var(--itq-v48-focus) 43%,transparent)!important;
  outline-offset:2px!important;
}
#groupCards .itq-group-table,
#groupDetail .records-table{font-variant-numeric:tabular-nums}
#groupCards .itq-group-table tbody tr:nth-child(even) td,
#groupDetail .records-table tbody tr:nth-child(even) td{
  background-color:#f5f9fd;
}
#groupCards .itq-group-table tbody tr:hover td,
#groupDetail .records-table tbody tr:hover td{
  background-color:#eaf4fd;
}
#groupCards .itq-group-table .itq-open-group:focus-visible,
#groupDetail .record-actions button:focus-visible{
  outline-offset:-2px!important;
}
#groupDetail .records-table .td-name strong{overflow-wrap:anywhere}
#groupDetail .itq-total-cell{font-weight:900}
#groupHubRoot .group-active-bar select,
#groupsPanel input[type="search"]{
  accent-color:var(--itq-v48-focus);
}
@media(max-width:900px){
  .workspace{min-width:0!important;max-width:100vw!important}
  #appCard .search-box input,
  #groupsPanel input[type="search"],
  .date-triplet input,
  #employeeCard .itq-date-grid input{font-size:16px!important}
  .date-triplet input,
  #employeeCard .itq-date-grid input{
    min-height:54px!important;
    font-variant-numeric:tabular-nums;
    font-weight:750;
    text-align:center;
  }
  .date-triplet label span,
  #employeeCard .itq-date-grid label span{
    display:block;
    font-weight:800;
    letter-spacing:0;
    color:#516c84;
  }
  #groupCards .itq-group-table{border-collapse:separate;border-spacing:0}
  #groupCards .itq-group-table th,
  #groupDetail .records-table th{line-height:1.5!important}
  #groupDetail .records-table .itq-row-actions button,
  #groupCards .itq-open-group{
    touch-action:manipulation;
    font-weight:850;
  }
  body.itq-logged-in .mobile-bottom-nav.itq-v46-dock{
    z-index:78!important;
    transition:opacity .15s ease,visibility .15s ease!important;
    isolation:isolate;
  }
  /* iOS visual viewport can move a fixed dock above the software keyboard.
     Hide it only while entering data, then restore it at the safe-area bottom. */
  body.itq-logged-in.itq-v48-keyboard .mobile-bottom-nav.itq-mobile-dock.itq-v46-dock,
  body.itq-logged-in:has(input:focus,textarea:focus,select:focus,[contenteditable="true"]:focus) .mobile-bottom-nav.itq-mobile-dock.itq-v46-dock{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }
  body.itq-v48-keyboard .main{
    scroll-padding-bottom:18px;
  }
  .itq-v47-shortcuts-filter input{
    min-width:0;
    font-size:16px!important;
  }
}
@media(max-width:380px){
  #groupDetail .records-table .td-name strong{font-size:10.5px!important;line-height:1.5}
  #groupDetail .records-table .itq-row-actions button{min-height:30px!important}
  #employeeCard .itq-date-grid{column-gap:5px!important}
}
@media(prefers-reduced-motion:reduce){
  body.itq-logged-in .mobile-bottom-nav.itq-v46-dock{transition:none!important}
}
@media print{
  .mobile-bottom-nav{display:none!important}
}