/* TIME ERP — Community hub (marketing_community.html) */
a.sidebar__item { color: inherit; text-decoration: none; }

.mcm-top-checkout {
  height: 32px; padding: 0 14px; border: none; border-radius: 4px;
  background: #25b7a7; color: #fff; font-size: 13px; font-weight: 600;
  cursor: pointer; white-space: nowrap; flex-shrink: 0;
}
.mcm-top-clock {
  font-size: 16px; font-weight: 600; color: #25B7A7;
  font-variant-numeric: tabular-nums; min-width: 46px; text-align: center;
}
.mcm-top-icon { color: #25B7A7 !important; }
.mcm-profile-caret { width: 14px; height: 14px; color: #94a3b8; flex-shrink: 0; }

.mcm-header { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.mcm-back {
  width: 28px; height: 28px; border-radius: 4px; background: #25B7A7; color: #fff;
  display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none; flex-shrink: 0;
}
.mcm-back svg { width: 16px; height: 16px; stroke: #fff; }
.mcm-back:hover { background: #1fa396; }
.mcm-crumb { font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, .65); }

.hub-page .mcm-header + .hub-intro { margin-top: 0; }

.hub-page .hub-grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;
}
.hub-page .hub-card {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; min-height: 160px; padding: 22px 14px 18px;
  background: #fff; border: 1px solid #e8edf2; border-radius: 16px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .06); text-align: center;
  text-decoration: none; color: inherit;
}
.hub-page .hub-card:hover {
  transform: translateY(-4px);
  border-color: rgba(37, 183, 167, .45);
  box-shadow: 0 8px 20px rgba(15, 23, 42, .1);
}
.hub-page .hub-card__art {
  width: 72px; height: 72px; border-radius: 20px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(160deg, #e8f8f6, #fff 70%);
  border: 1px solid #e8edf2;
}
.hub-page .hub-card__art img { width: 48px; height: 48px; object-fit: contain; }
.hub-page .hub-card:hover .hub-card__art {
  transform: translateY(-2px) scale(1.06);
  box-shadow: 0 10px 20px rgba(37, 183, 167, .2);
}
.hub-page .hub-card__title {
  font-size: 13px; font-weight: 600; letter-spacing: .04em;
  text-transform: uppercase; color: #0f3d38; line-height: 1.35;
}