/* gkazmi-ui-global.css */

/* GKAZMI_BADGE_ICONS_20260907 */
.sidebar .nav-link > i,
.sidebar a.nav-link > i.fas,
.sidebar a.nav-link > i.far,
.sidebar a.nav-link > i.fab {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin-right: 10px;
  background: #eef2ff;
  color: #4f46e5;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
.sidebar a[href*="dashboard"] > i { background:#dbeafe; color:#2563eb; }
.sidebar a[href*="manage_users"] > i,
.sidebar a[href*="/users"] > i { background:#ffe4e6; color:#e11d48; }
.sidebar a[href*="role"] > i { background:#dcfce7; color:#16a34a; }
.sidebar a[href*="website_settings"] > i,
.sidebar a[href*="settings"] > i { background:#ede9fe; color:#7c3aed; }
.sidebar a[href*="cronjobs"] > i,
.sidebar a[href*="history"] > i { background:#ffedd5; color:#ea580c; }
.sidebar a[href*="manually"] > i { background:#dbeafe; color:#2563eb; }
.sidebar a[href*="communication"] > i { background:#ffedd5; color:#ea580c; }
.sidebar a[href*="notification"] > i { background:#fce7f3; color:#db2777; }
.sidebar a[href*="api"] > i { background:#dbeafe; color:#2563eb; }
.sidebar a[href*="security"] > i { background:#e0e7ff; color:#4f46e5; }
.sidebar a[href*="audit"] > i { background:#e0f2fe; color:#0284c7; }
.sidebar a[href*="reseller"] > i { background:#ffedd5; color:#c2410c; }
.sidebar a[href*="package"] > i,
.sidebar a[href*="pricing"] > i { background:#fef9c3; color:#ca8a04; }
.sidebar a[href*="cloudflare"] > i { background:#e0f2fe; color:#0369a1; }
.sidebar a[href*="gkazmi_ai"] > i { background:#f3e8ff; color:#7e22ce; }
.sidebar a[href*="bulk"] > i { background:#e2e8f0; color:#334155; }
.sidebar .nav-link.active > i {
  box-shadow: 0 0 0 3px rgba(99,102,241,.12);
}

.gkazmi-page-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
}
.gkazmi-page-header-icon,
.gkazmi-hero-icon,
.mu-stat-icon,
.gkazmi-stat-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background: #eff6ff;
  color: #2563eb;
  box-shadow: 0 8px 18px rgba(37,99,235,.12);
}
.gkazmi-page-header[data-gkazmi-header-tone="pink"] .gkazmi-page-header-icon { background:#ffe4e6; color:#e11d48; }
.gkazmi-page-header[data-gkazmi-header-tone="green"] .gkazmi-page-header-icon { background:#dcfce7; color:#16a34a; }
.gkazmi-page-header[data-gkazmi-header-tone="orange"] .gkazmi-page-header-icon { background:#ffedd5; color:#ea580c; }
.gkazmi-page-header[data-gkazmi-header-tone="purple"] .gkazmi-page-header-icon,
.gkazmi-page-header[data-gkazmi-header-tone="violet"] .gkazmi-page-header-icon { background:#ede9fe; color:#7c3aed; }
.gkazmi-page-header[data-gkazmi-header-tone="indigo"] .gkazmi-page-header-icon { background:#e0e7ff; color:#4f46e5; }
.gkazmi-page-header[data-gkazmi-header-tone="cyan"] .gkazmi-page-header-icon { background:#cffafe; color:#0891b2; }
.gkazmi-page-header[data-gkazmi-header-tone="teal"] .gkazmi-page-header-icon { background:#ccfbf1; color:#0f766e; }
.gkazmi-page-header[data-gkazmi-header-tone="blue"] .gkazmi-page-header-icon { background:#dbeafe; color:#2563eb; }

/* GKAZMI_METRIC_CARDS_20260907 */
.gkazmi-metric,
.gkazmi-metric-card,
[class*="gkazmi-metric-"] {
  min-width: 0;
}
.gkazmi-metrics,
.gkazmi-metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1100px) {
  .gkazmi-metrics,
  .gkazmi-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.gkazmi-metric,
.gkazmi-metric-card {
  display: flex !important;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #eef2ff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}
.gkazmi-metric > i,
.gkazmi-metric-card > i,
.gkazmi-metric-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 18px !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.10);
}
.gkazmi-metric:nth-child(1) > i,
.gkazmi-metric-card:nth-child(1) > i,
.gkazmi-metric-card:nth-child(1) .gkazmi-metric-icon { background:#2563eb !important; color:#fff !important; }
.gkazmi-metric:nth-child(2) > i,
.gkazmi-metric-card:nth-child(2) > i,
.gkazmi-metric-card:nth-child(2) .gkazmi-metric-icon { background:#e11d48 !important; color:#fff !important; }
.gkazmi-metric:nth-child(3) > i,
.gkazmi-metric-card:nth-child(3) > i,
.gkazmi-metric-card:nth-child(3) .gkazmi-metric-icon { background:#f59e0b !important; color:#fff !important; }
.gkazmi-metric:nth-child(4) > i,
.gkazmi-metric-card:nth-child(4) > i,
.gkazmi-metric-card:nth-child(4) .gkazmi-metric-icon { background:#16a34a !important; color:#fff !important; }
.gkazmi-metric-label {
  display: block;
  font-size: 12px;
  color: #64748b;
  margin-bottom: 2px;
}
.gkazmi-metric-value {
  display: block;
  font-size: 18px;
  font-weight: 800;
  color: #0f172a;
}

/* GKAZMI_SOLID_STAT_ICONS_20260907 */
.gkazmi-metric-icon,
.mu-stat-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12) !important;
}
.gkazmi-metric-icon i,
.mu-stat-icon i {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 18px !important;
  color: #fff !important;
}
.gkazmi-metric-icon.is-blue,
.mu-stat-icon.bg-primary-subtle { background:#2563eb !important; color:#fff !important; }
.gkazmi-metric-icon.is-red { background:#e11d48 !important; color:#fff !important; }
.gkazmi-metric-icon.is-orange,
.mu-stat-icon.bg-warning-subtle,
.mu-stat-icon.bg-info-subtle { background:#f59e0b !important; color:#fff !important; }
.gkazmi-metric-icon.is-green,
.mu-stat-icon.bg-success-subtle { background:#16a34a !important; color:#fff !important; }
.gkazmi-metric-icon.is-purple,
.mu-stat-icon.bg-danger-subtle { background:#7c3aed !important; color:#fff !important; }

/* GKAZMI_ICON_GLYPH_VISIBLE */
.gkazmi-metric-icon i,
.gkazmi-metric-icon i::before,
.mu-stat-icon i,
.mu-stat-icon i::before {
  color: #fff !important;
  opacity: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 18px !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
}

/* Manage Resellers: solid metric tiles + actions */
.gkazmi-page-manage-resellers .mu-stat-icon,
.gkazmi-page-manage-resellers .mr-stat-icon,
.gkazmi-page-manage-resellers [class*="stat-icon"] {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  box-shadow: none !important;
}
.gkazmi-page-manage-resellers .mu-stat-icon i,
.gkazmi-page-manage-resellers .mr-stat-icon i,
.gkazmi-page-manage-resellers [class*="stat-icon"] i {
  color: #fff !important;
  font-size: 16px !important;
}
.gkazmi-page-manage-resellers .mu-stat-card:nth-child(1) [class*="stat-icon"],
.gkazmi-page-manage-resellers .mr-stat-card:nth-child(1) [class*="stat-icon"] { background: #f97316 !important; color: #fff !important; }
.gkazmi-page-manage-resellers .mu-stat-card:nth-child(2) [class*="stat-icon"],
.gkazmi-page-manage-resellers .mr-stat-card:nth-child(2) [class*="stat-icon"] { background: #2563eb !important; color: #fff !important; }
.gkazmi-page-manage-resellers .mu-stat-card:nth-child(3) [class*="stat-icon"],
.gkazmi-page-manage-resellers .mr-stat-card:nth-child(3) [class*="stat-icon"] { background: #7c3aed !important; color: #fff !important; }
.gkazmi-page-manage-resellers .mu-stat-card:nth-child(4) [class*="stat-icon"],
.gkazmi-page-manage-resellers .mr-stat-card:nth-child(4) [class*="stat-icon"] { background: #db2777 !important; color: #fff !important; }

.gkazmi-page-manage-resellers td[data-label="Logo"] img,
.gkazmi-page-manage-resellers .mr-logo img {
  width: 36px; height: 36px; object-fit: cover; border-radius: 8px;
  border: 1px solid #e2e8f0; background: #fff;
}
.gkazmi-page-manage-resellers .btn-edit,
.gkazmi-page-manage-resellers a[title*="Edit"],
.gkazmi-page-manage-resellers button[title*="Edit"] {
  background: #2563eb !important; color: #fff !important; border: 0 !important;
}
.gkazmi-page-manage-resellers .btn-delete,
.gkazmi-page-manage-resellers a[title*="Delete"],
.gkazmi-page-manage-resellers button[title*="Delete"] {
  background: #e11d48 !important; color: #fff !important; border: 0 !important;
}

.mr-stat-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  color: #fff !important;
}
.mr-stat-icon i,
.mr-stat-icon i::before { color: #fff !important; font-size: 16px !important; }
.mr-stat-partners { background: #f97316 !important; }
.mr-stat-resellers { background: #2563eb !important; }
.mr-stat-distributors { background: #7c3aed !important; }
.mr-stat-countries { background: #db2777 !important; }
.logo-preview { width: 36px; height: 36px; object-fit: cover; border-radius: 8px; border: 1px solid #e2e8f0; }
.mr-logo-fallback {
  width: 36px; height: 36px; border-radius: 8px;
  display: inline-flex; align-items: center; justify-content: center;
  background: #e2e8f0; color: #64748b;
}

.gkazmi-route-manage-resellers .gkazmi-icon-action.btn-outline-primary {
  background: #2563eb !important;
  color: #fff !important;
  border: 0 !important;
}
.gkazmi-route-manage-resellers .gkazmi-icon-action.btn-outline-danger {
  background: #e11d48 !important;
  color: #fff !important;
  border: 0 !important;
}
.gkazmi-route-manage-resellers .gkazmi-icon-action i,
.gkazmi-route-manage-resellers .gkazmi-icon-action i::before {
  color: #fff !important;
}

/* manage resellers solid metric tiles */
body.gkazmi-route-manage-resellers .mr-stats .mr-stat-icon,
body.gkazmi-route-manage-resellers .mr-stats .mr-stat-icon.gkazmi-icon-tile {
  width:42px !important;height:42px !important;border-radius:12px !important;
  display:grid !important;place-items:center !important;
  background-image:none !important;box-shadow:none !important;border:0 !important;
}
body.gkazmi-route-manage-resellers .mr-stats .mr-stat-card:nth-child(1) .mr-stat-icon { background:#f97316 !important; }
body.gkazmi-route-manage-resellers .mr-stats .mr-stat-card:nth-child(2) .mr-stat-icon { background:#2563eb !important; }
body.gkazmi-route-manage-resellers .mr-stats .mr-stat-card:nth-child(3) .mr-stat-icon { background:#7c3aed !important; }
body.gkazmi-route-manage-resellers .mr-stats .mr-stat-card:nth-child(4) .mr-stat-icon { background:#db2777 !important; }
body.gkazmi-route-manage-resellers .mr-stats .mr-stat-icon i,
body.gkazmi-route-manage-resellers .mr-stats .mr-stat-icon i::before {
  color:#fff !important;
}