/* WIFAQ_DASHBOARD_BALANCED_V4_20261006 */

/*
 * Balanced dashboard:
 * - enough information to be useful
 * - no giant welcome hero
 * - no duplicated full navigation
 * - compact management summary
 * - focused daily work + limited shortcuts
 */

#wifaqDynamicDashboard {
  gap: 12px !important;
}

/* Compact context header: useful, but not a hero. */
#wifaqDynamicDashboard .wdd2-header {
  min-height: 56px !important;
  padding: 9px 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  overflow: hidden !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 2px 9px rgba(15, 23, 42, .035) !important;
}

#wifaqDynamicDashboard .wdd2-header::before {
  display: block !important;
  width: 3px !important;
  background: linear-gradient(180deg, #173f73, #c8a15d) !important;
}

#wifaqDynamicDashboard .wdd2-welcome {
  display: block !important;
  min-width: 0 !important;
}

#wifaqDynamicDashboard .wdd2-eyebrow {
  display: none !important;
}

#wifaqDynamicDashboard .wdd2-welcome h2 {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  color: #173f73 !important;
}

#wifaqDynamicDashboard .wdd2-welcome p {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin: 2px 0 0 !important;
  font-size: 9px !important;
  color: #7b8798 !important;
}

#wifaqDynamicDashboard .wdd2-header-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-width: 48% !important;
  margin: 0 !important;
}

#wifaqDynamicDashboard .wdd2-header-meta > span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 4px 8px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #526174 !important;
  font-size: 8px !important;
  font-weight: 700 !important;
}

#wifaqDynamicDashboard .wdd2-header-meta .wdd2-meta-primary {
  border-color: #d7e4f1 !important;
  background: #eef5fb !important;
  color: #173f73 !important;
}

#wifaqDynamicDashboard .wdd2-refresh {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border: 1px solid #dbe4ec !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #173f73 !important;
  box-shadow: none !important;
}

/* Six compact KPI cards: richer than V3, still one clean strip. */
#wifaqDynamicDashboard .wdd2-kpis {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

#wifaqDynamicDashboard .wdd2-kpi:nth-child(n+5) {
  display: flex !important;
}

#wifaqDynamicDashboard .wdd2-kpi {
  min-height: 76px !important;
  padding: 9px 10px !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .035) !important;
}

#wifaqDynamicDashboard .wdd2-kpi:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 14px rgba(15, 23, 42, .055) !important;
}

#wifaqDynamicDashboard .wdd2-kpi-icon {
  width: 31px !important;
  height: 31px !important;
  margin-inline-end: 8px !important;
  border-radius: 9px !important;
}

#wifaqDynamicDashboard .wdd2-kpi-icon svg {
  width: 15px !important;
  height: 15px !important;
}

#wifaqDynamicDashboard .wdd2-kpi-label {
  font-size: 9px !important;
}

#wifaqDynamicDashboard .wdd2-kpi strong {
  margin-top: 1px !important;
  font-size: 20px !important;
}

#wifaqDynamicDashboard .wdd2-kpi small {
  margin-top: 2px !important;
  font-size: 8px !important;
}

/* Bring back the system summary as one thin information rail. */
#wifaqDynamicDashboard .wdd2-admin-strip {
  display: grid !important;
  grid-template-columns: minmax(180px, 1.2fr) repeat(3, minmax(100px, .62fr)) !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border: 1px solid #e4e9ef !important;
  border-radius: 11px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .025) !important;
}

#wifaqDynamicDashboard .wdd2-admin-title,
#wifaqDynamicDashboard .wdd2-admin-strip > a {
  min-height: 48px !important;
  padding: 7px 11px !important;
}

#wifaqDynamicDashboard .wdd2-admin-title {
  gap: 8px !important;
  background: #fafbfd !important;
}

#wifaqDynamicDashboard .wdd2-inline-icon {
  width: 29px !important;
  height: 29px !important;
  border-radius: 8px !important;
}

#wifaqDynamicDashboard .wdd2-admin-title strong {
  font-size: 10px !important;
}

#wifaqDynamicDashboard .wdd2-admin-title small {
  font-size: 8px !important;
}

#wifaqDynamicDashboard .wdd2-admin-strip > a span {
  font-size: 8px !important;
}

#wifaqDynamicDashboard .wdd2-admin-strip > a strong {
  font-size: 16px !important;
}

/* Main area: work first, shortcuts secondary. */
#wifaqDynamicDashboard .wdd2-workspace {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 290px !important;
  gap: 12px !important;
  align-items: start !important;
}

#wifaqDynamicDashboard .wdd2-operations {
  width: 100% !important;
}

#wifaqDynamicDashboard .wdd2-card {
  border-radius: 13px !important;
  box-shadow: 0 3px 12px rgba(15, 23, 42, .035) !important;
}

#wifaqDynamicDashboard .wdd2-card-header {
  min-height: 47px !important;
  padding: 8px 11px !important;
}

#wifaqDynamicDashboard .wdd2-card-header > div > strong {
  font-size: 12px !important;
}

#wifaqDynamicDashboard .wdd2-card-header > div > small {
  margin-top: 2px !important;
  font-size: 8px !important;
}

#wifaqDynamicDashboard .wdd2-card-header > a {
  font-size: 8px !important;
}

#wifaqDynamicDashboard .wdd2-stream-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#wifaqDynamicDashboard .wdd2-stream > header {
  min-height: 44px !important;
  padding: 7px 9px !important;
}

#wifaqDynamicDashboard .wdd2-stream-icon {
  width: 27px !important;
  height: 27px !important;
}

#wifaqDynamicDashboard .wdd2-stream-heading strong {
  font-size: 10px !important;
}

#wifaqDynamicDashboard .wdd2-stream-heading small {
  font-size: 8px !important;
}

#wifaqDynamicDashboard .wdd2-row {
  min-height: 48px !important;
  padding: 7px 9px !important;
}

#wifaqDynamicDashboard .wdd2-row-main strong {
  font-size: 10px !important;
}

#wifaqDynamicDashboard .wdd2-row-main small,
#wifaqDynamicDashboard .wdd2-date {
  font-size: 8px !important;
}

#wifaqDynamicDashboard .wdd2-empty,
#wifaqDynamicDashboard .wdd2-empty-large {
  min-height: 150px !important;
}

/* Restore Quick Access, but cap it to six useful entries. */
#wifaqDynamicDashboard .wdd2-quick-card {
  display: block !important;
  position: sticky !important;
  top: 76px !important;
}

#wifaqDynamicDashboard .wdd2-quick-grid {
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  padding: 9px !important;
}

#wifaqDynamicDashboard .wdd2-quick:nth-child(n+7) {
  display: none !important;
}

#wifaqDynamicDashboard .wdd2-quick {
  grid-template-columns: 27px minmax(0, 1fr) 13px !important;
  min-height: 42px !important;
  padding: 6px 8px !important;
  border-radius: 9px !important;
  background: #fbfcfe !important;
}

#wifaqDynamicDashboard .wdd2-quick > span {
  width: 27px !important;
  height: 27px !important;
  border-radius: 8px !important;
}

#wifaqDynamicDashboard .wdd2-quick > strong {
  font-size: 9px !important;
}

#wifaqDynamicDashboard .wdd2-footer {
  padding: 0 3px !important;
  font-size: 8px !important;
}

@media (max-width: 1350px) {
  #wifaqDynamicDashboard .wdd2-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #wifaqDynamicDashboard .wdd2-workspace {
    grid-template-columns: minmax(0, 1fr) 260px !important;
  }
}

@media (max-width: 1050px) {
  #wifaqDynamicDashboard .wdd2-workspace {
    grid-template-columns: 1fr !important;
  }

  #wifaqDynamicDashboard .wdd2-quick-card {
    position: static !important;
  }

  #wifaqDynamicDashboard .wdd2-quick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  #wifaqDynamicDashboard .wdd2-stream-grid {
    grid-template-columns: 1fr !important;
  }

  #wifaqDynamicDashboard .wdd2-stream {
    border-inline-start: 0 !important;
    border-top: 1px solid #edf0f4 !important;
  }

  #wifaqDynamicDashboard .wdd2-stream:first-child {
    border-top: 0 !important;
  }

  #wifaqDynamicDashboard .wdd2-admin-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #wifaqDynamicDashboard .wdd2-admin-title {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 650px) {
  #wifaqDynamicDashboard .wdd2-header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  #wifaqDynamicDashboard .wdd2-header-meta {
    width: 100% !important;
    max-width: none !important;
    justify-content: flex-start !important;
  }

  #wifaqDynamicDashboard .wdd2-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #wifaqDynamicDashboard .wdd2-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 420px) {
  #wifaqDynamicDashboard .wdd2-admin-strip,
  #wifaqDynamicDashboard .wdd2-quick-grid {
    grid-template-columns: 1fr !important;
  }
}