/* ITQAN Education Dues 4.9 — substantial sales.php-inspired visual refresh.
   Presentation only: calculations, Firebase Auth/Firestore, printing unchanged. */
:root{
  --v49-navy:#0c294c;--v49-navy-deep:#081c36;--v49-blue:#087dec;
  --v49-ink:#163452;--v49-border:#cfdfea;--v49-teal:#078d88;
}
html,body{background:#eef4fa!important}
.topbar,
body.itq-logged-in .topbar{
  background:linear-gradient(110deg,#0d2c52,#143c67 51%,#081e3a)!important;
  border-bottom:3px solid #1590ff!important;
  color:#fff!important;
  box-shadow:0 5px 18px #08213f25!important;
}
.topbar .brand strong,.topbar .brand small{color:#fff!important}
.topbar .brand strong{font-size:18px!important}
.topbar .brand small{color:#bcdcf5!important}
.topbar .header-date,.topbar .header-label{color:#c5e3f7!important}
.topbar .top-actions .itq-v47-header-action,
.topbar .profile-button,
.topbar #itqanSettingsBtn{background:#ffffff13!important;border:1px solid #ffffff36!important;color:#fff!important}
.topbar .itq-v46-brand-toggle{background:#eff6ff!important;border-radius:11px!important}
.topbar .itq-v46-brand-toggle .itq-original-mark{color:#0b7ef2!important}
.app-sidebar{
  background:linear-gradient(175deg,#103862,#0b2749 58%,#071a31)!important;
  border-left:1px solid #315f89!important;
}
.app-sidebar .nav-link.active,.app-sidebar .nav-link:hover{
  background:#1175d9!important;border:1px solid #69b5ff4a!important;color:#fff!important
}
.app-sidebar .sidebar-bottom{border-top:1px solid #6da3d22c}
.workspace{
  background:linear-gradient(180deg,#e6f1fb 0,#f1f6fb 280px,#eef4fa 100%)!important
}
#appCard .itq-v46-workspace-bar{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:16px!important;
  padding:20px 20px 17px!important;
  margin-bottom:15px!important;
  background:linear-gradient(122deg,#123e6f 0,#0b305b 51%,#0b2547 100%)!important;
  color:#fff!important;border:1px solid #3279ba!important;
  border-bottom:4px solid #067ded!important;
  border-radius:16px!important;
  box-shadow:0 13px 26px #0b335529!important
}
#itqanWorkspaceBar .itq-v46-page-heading{
  padding:0!important;display:flex!important;flex-wrap:wrap;
  column-gap:12px;row-gap:5px;align-items:center;
  min-height:44px
}
#itqanWorkspaceBar .itq-v46-page-heading h1{
  flex-basis:100%;margin:0!important;
  font-size:23px!important;line-height:1.45!important;
  letter-spacing:0!important;color:#fff!important;font-weight:950!important
}
#itqanWorkspaceBar .itq-v46-crumb{
  display:flex!important;align-items:center!important;
  font-size:11px!important;color:#afcee9!important;
}
#itqanWorkspaceBar .itq-v46-crumb svg{color:#81cbff!important}
#itqanWorkspaceBar .itq-v46-page-heading p{
  flex:1 1 100%;margin:0!important;
  font-size:12px!important;color:#c8e0f4!important;line-height:1.65!important
}
#itqanWorkspaceBar .itq-v49-signature{
  position:absolute;left:5px;top:3px;
  font-size:10px;display:inline-flex;gap:6px;align-items:center;
  border:1px solid #ffffff41;border-radius:20px;
  color:#ddf3ff;background:#ffffff14;padding:5px 10px;
  white-space:nowrap
}
#itqanWorkspaceBar .itq-v46-toolbar{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:9px!important;align-items:stretch!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  padding:0!important;margin:0!important;background:none!important;
}
#itqanWorkspaceBar .itq-v46-tool{
  min-width:0!important;min-height:66px!important;height:auto!important;
  flex-direction:column!important;justify-content:center!important;
  gap:7px!important;padding:8px 5px!important;border-radius:11px!important;
  border:1px solid #ffffff42!important;
  box-shadow:0 5px 11px #031c3470,inset 0 1px 0 #ffffff48!important;
  color:#fff!important;font-size:11px!important;font-weight:900!important;
  line-height:1.2!important;white-space:normal!important;
  transition:transform .12s ease,filter .12s ease!important
}
#itqanWorkspaceBar .itq-v46-tool .ui-icon{width:21px!important;height:21px!important;color:#fff!important;stroke-width:2.35!important}
#itqanWorkspaceBar .itq-v46-tool:hover{filter:brightness(1.11)!important;transform:translateY(-1px)}
#itqanWorkspaceBar [data-itq-v46="new"]{background:linear-gradient(140deg,#0cad61,#068b4b)!important;order:1}
#itqanWorkspaceBar [data-itq-v46="search"]{background:linear-gradient(140deg,#1597fa,#0865cf)!important;order:2}
#itqanWorkspaceBar [data-itq-v46="groups"]{background:linear-gradient(140deg,#8055df,#6136b8)!important;order:3}
#itqanWorkspaceBar [data-itq-v46="history"]{background:linear-gradient(140deg,#ed9628,#c66b0a)!important;order:4}
#itqanWorkspaceBar [data-itq-v46="excel"]{background:linear-gradient(140deg,#129d9f,#087986)!important;order:5}
#itqanWorkspaceBar [data-itq-v46="backup"]{background:linear-gradient(140deg,#425d7c,#273e5d)!important;order:6}
#itqanWorkspaceBar .itq-v47-shortcuts-trigger{
  background:#fbc45c!important;border-color:#ffda87!important;
  color:#422f0d!important;top:0!important;left:0!important;
  box-shadow:0 3px 7px #061b304a!important
}
#appCard .group-active-bar,#appCard .search-panel,
#appCard .employee-card,#appCard .stats-grid .stat-card{
  border:1px solid var(--v49-border)!important;border-radius:12px!important;
  box-shadow:0 5px 16px #1b466d13!important
}
#appCard .group-active-bar{
  border-right:4px solid #1376d2!important;background:#fff!important
}
#appCard .search-panel{
  border-right:4px solid #0c9796!important;background:#fff!important
}
#appCard .search-panel .search-box{
  border:1px solid #bfd5e6!important;border-radius:10px!important;
  background:#f7fbff!important;box-shadow:inset 0 1px 4px #2c698509!important
}
#appCard .search-panel #employeeSearch{
  color:#193955!important;font-weight:800!important
}
#appCard .stat-card strong{color:#113f70!important;font-weight:950!important}
#appCard .stats-grid .stat-card{border-top:3px solid #1b7bd6!important}
#appCard .stats-grid .stat-card:nth-child(2){border-top-color:#079a8e!important}
#appCard .stats-grid .stat-card:nth-child(3){border-top-color:#7d57d4!important}
#groupsPanel .itq-group-table thead th,
#groupsPanel .records-table thead th{
  background:linear-gradient(140deg,#144777,#0b2e54)!important;
  color:#fff!important;border-color:#2c5680!important;
  font-weight:950!important
}
#groupsPanel .itq-group-table td,#groupsPanel .records-table td{
  color:#183c5d;border-bottom-color:#d8e5f0!important
}
#groupsPanel .itq-group-table tbody tr:nth-child(even) td,
#groupsPanel .records-table tbody tr:nth-child(even) td{background:#f3f8fd!important}
#groupsPanel .itq-open-group{background:#e9f5ff!important;color:#0866c9!important}
#employeeCard .identity-grid>div{
  background:#eff7ff!important;border:1px solid #dcebf7!important;border-radius:10px!important
}
#employeeCard .date-first,#employeeCard .end-date-block{
  background:#f4f9ff!important;border:1px solid #d4e4f4!important;border-radius:12px!important
}
#employeeCard .itq-date-grid input,.date-triplet input{
  background:#fff!important;border:1px solid #aac9e4!important;
  border-radius:10px!important;color:#123d68!important;
  font-weight:900!important;text-align:center!important
}
#employeeCard .itq-date-grid input:focus,.date-triplet input:focus{
  border-color:#087ded!important;box-shadow:0 0 0 3px #087ded22!important
}
#loginCard{border-top:5px solid #087ded!important}
#loginCard .login-symbol{background:linear-gradient(145deg,#0a65c9,#0c345e)!important;color:white!important}
@media(max-width:900px){
  .topbar .brand strong{font-size:14px!important}
  #appCard .itq-v46-workspace-bar{
    padding:13px 11px 12px!important;gap:12px!important;
    margin-bottom:10px!important;border-radius:12px!important
  }
  #itqanWorkspaceBar .itq-v46-page-heading{
    min-height:61px!important;display:block!important;padding:0 0 0 39px!important
  }
  #itqanWorkspaceBar .itq-v46-crumb{font-size:10px!important}
  #itqanWorkspaceBar .itq-v46-page-heading h1{
    font-size:18px!important;margin:3px 0 1px!important
  }
  #itqanWorkspaceBar .itq-v46-page-heading p{
    display:block!important;font-size:10px!important;line-height:1.5!important
  }
  #itqanWorkspaceBar .itq-v49-signature{display:none!important}
  #itqanWorkspaceBar .itq-v46-toolbar{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important
  }
  #itqanWorkspaceBar .itq-v46-tool{
    min-height:53px!important;flex-direction:row!important;gap:6px!important;
    padding:7px 4px!important;font-size:10px!important;border-radius:9px!important
  }
  #itqanWorkspaceBar .itq-v46-tool .ui-icon{width:17px!important;height:17px!important}
  #appCard .group-active-bar{padding:12px!important}
  #appCard .search-panel{padding:14px 12px!important}
  #appCard .search-panel .search-box{min-height:51px!important}
  body.itq-logged-in .mobile-bottom-nav.itq-mobile-dock.itq-v46-dock{
    background:linear-gradient(145deg,#153d68,#0a274a)!important;
    border:1px solid #1a659f!important;border-top:2px solid #249cf7!important;
    box-shadow:0 6px 26px #061f3970!important;
    border-radius:15px!important
  }
  body.itq-logged-in .mobile-bottom-nav.itq-v46-dock button:not([data-action="new"]):not(.active){
    background:transparent!important;color:#d4e7f7!important;border-color:transparent!important
  }
  body.itq-logged-in .mobile-bottom-nav.itq-v46-dock button.active{
    background:linear-gradient(135deg,#1489f1,#075cb7)!important;
    border-color:#6dbcff!important;color:#fff!important;
    box-shadow:0 4px 8px #052c5160!important
  }
  body.itq-logged-in .mobile-bottom-nav.itq-v46-dock button[data-action="new"]{
    background:linear-gradient(145deg,#ffe08a,#dfa42f)!important;
    border-color:#edb94e!important;color:#3b2a10!important
  }
  body.itq-logged-in .mobile-bottom-nav.itq-v46-dock button{
    font-size:10px!important;font-weight:900!important
  }
  #groupsPanel .itq-group-table{font-size:11px!important}
  #groupDetail .records-table .itq-total-cell{font-size:10px!important;color:#086e78!important}
  #employeeCard .itq-date-grid input,.date-triplet input{
    min-height:52px!important;font-size:17px!important
  }
}
@media(max-width:370px){
  #itqanWorkspaceBar .itq-v46-tool{font-size:9px!important;gap:4px!important}
  #itqanWorkspaceBar .itq-v46-tool .ui-icon{width:16px!important;height:16px!important}
  #itqanWorkspaceBar .itq-v46-page-heading h1{font-size:16px!important}
}
:root[data-itqan-daynight="night"] body,
:root[data-itqan-daynight="night"] .workspace{background:#111f30!important}
:root[data-itqan-daynight="night"] #appCard .itq-v46-workspace-bar{
  background:linear-gradient(122deg,#153d6d,#0c2e56)!important
}
@media print{
  #itqanWorkspaceBar .itq-v46-toolbar,
  #itqanWorkspaceBar .itq-v49-signature{display:none!important}
}