/* Theme packs from /themes. One choice restyles the whole shell. */

[data-skin="dashcode"] {
  --mino-primary: #4669FA;
  --mino-primary-hover: #3658e6;
  --mino-primary-active: #2c49c7;
  --mino-primary-soft: rgba(70, 105, 250, 0.14);
  --bs-primary: #4669FA;
  --if-accent: #4669FA;
  --if-navy: #0f172a;
}
[data-skin="inspinia"],
[data-theme="dark"][data-skin="inspinia"] {
  --mino-primary: #1ab394;
  --mino-primary-hover: #18a689;
  --mino-primary-active: #14967c;
  --mino-primary-soft: rgba(26, 179, 148, 0.16);
  --mino-primary-rgb: 26, 179, 148;
  --bs-primary: #1ab394;
  --bs-body-color: #676a6c;
  --bs-body-bg: #f3f3f4;
  --if-accent: #1ab394;
  --if-navy: #2f4050;
  --mino-body-bg: #f3f3f4;
  --mino-surface: #ffffff;
  --mino-surface-2: #f5f5f6;
  --mino-surface-hover: #f3f3f4;
  --mino-text: #676a6c;
  --mino-text-secondary: #676a6c;
  --mino-text-muted: #888888;
  --mino-heading: #2f4050;
  --mino-border: #e7eaec;
  --mino-border-strong: #e5e6e7;
  --mino-input-bg: #ffffff;
  --mino-input-border: #e5e6e7;
  --mino-font: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}
[data-skin="vuexy"] {
  --mino-primary: #7367f0;
  --mino-primary-hover: #5e50ee;
  --mino-primary-active: #4839eb;
  --mino-primary-soft: rgba(115, 103, 240, 0.16);
  --bs-primary: #7367f0;
  --if-accent: #7367f0;
  --if-navy: #283046;
}
[data-skin="store"] {
  --mino-primary: #008060;
  --mino-primary-hover: #006e52;
  --mino-primary-active: #005c45;
  --mino-primary-soft: rgba(0, 128, 96, 0.16);
  --bs-primary: #008060;
  --if-accent: #008060;
  --if-navy: #1a1a1a;
}

[data-skin="dashcode"] body,
[data-skin="dashcode"] .mino-content,
[data-skin="dashcode"] .mino-main { background: #f1f5f9; font-family: Inter, "Plus Jakarta Sans", sans-serif; }
[data-skin="dashcode"] .mino-sidebar { background: #fff; border-right: 1px solid #e2e8f0; color: #0f172a; }
[data-skin="dashcode"] .mino-sidebar__brand-text,
[data-skin="dashcode"] .mino-sidebar__brand-text span,
[data-skin="dashcode"] .mino-nav-link { color: #334155; }
[data-skin="dashcode"] .mino-nav-link i.nav-icon,
[data-skin="dashcode"] .mino-nav-link .nav-arrow { color: #64748b; }
[data-skin="dashcode"] .mino-nav-link:hover { background: #f1f5f9; color: #0f172a; }
[data-skin="dashcode"] .mino-nav-link.active,
[data-skin="dashcode"] .mino-nav-link.active:hover { background: #4669FA; color: #fff; }
[data-skin="dashcode"] .mino-nav-submenu .mino-nav-link { color: #475569; }
[data-skin="dashcode"] .mino-nav-submenu .mino-nav-link.active { background: rgba(70, 105, 250, 0.12); color: #4669FA; }
[data-skin="dashcode"] .mino-navbar { background: #fff; }

[data-skin="inspinia"] {
  --mino-radius: 1px;
  --mino-radius-sm: 1px;
  --mino-radius-lg: 0;
  --mino-radius-xl: 0;
  --mino-radius-pill: 3px;
  --mino-primary: #1ab394;
  --mino-primary-hover: #18a689;
  --mino-heading: #676a6c;
  --mino-font: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  --bs-border-radius: 1px;
  --bs-border-radius-sm: 1px;
  --bs-border-radius-lg: 1px;
  --bs-primary: #1ab394;
}
[data-skin="inspinia"] {
  --mino-radius: 1px;
  --mino-radius-sm: 1px;
  --mino-radius-lg: 0;
  --mino-radius-xl: 0;
  --mino-radius-pill: 3px;
  --mino-primary: #1ab394;
  --mino-primary-hover: #18a689;
  --mino-heading: #676a6c;
  --mino-font: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  --bs-border-radius: 1px;
  --bs-border-radius-sm: 1px;
  --bs-border-radius-lg: 1px;
  --bs-primary: #1ab394;
}
[data-skin="inspinia"] body,
[data-theme="dark"][data-skin="inspinia"] body,
[data-skin="inspinia"] .mino-content,
[data-skin="inspinia"] .mino-main,
[data-theme="dark"][data-skin="inspinia"] .mino-content,
[data-theme="dark"][data-skin="inspinia"] .mino-main {
  background: #f3f3f4;
  color: #676a6c;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}
[data-skin="inspinia"] .btn {
  border-radius: 3px;
  height: auto;
  min-height: 34px;
  padding: 6px 12px;
  font-family: inherit;
}
[data-skin="inspinia"] .btn-primary:hover { transform: none; box-shadow: none; }
[data-skin="inspinia"] .mino-page-title {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  color: #676a6c;
}
[data-skin="inspinia"] .btn {
  border-radius: 3px;
  height: auto;
  min-height: 34px;
  padding: 6px 12px;
  font-family: inherit;
}
[data-skin="inspinia"] .btn-primary:hover { transform: none; box-shadow: none; }
[data-skin="inspinia"] .mino-page-title {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  color: #676a6c;
}
[data-skin="inspinia"] h1,
[data-skin="inspinia"] h2,
[data-skin="inspinia"] h3,
[data-skin="inspinia"] .page-title,
[data-skin="inspinia"] .mino-card-title,
[data-skin="inspinia"] .sf-step h3,
[data-skin="inspinia"] .form-label,
[data-skin="inspinia"] label { color: #676a6c; }
[data-skin="inspinia"] .mino-navbar,
[data-theme="dark"][data-skin="inspinia"] .mino-navbar {
  background: #fff;
  border-bottom: 1px solid #e7eaec;
  color: #676a6c;
}
[data-skin="inspinia"] .mino-sidebar,
[data-theme="dark"][data-skin="inspinia"] .mino-sidebar { background: #2f4050; color: #a7b1c2; }
[data-skin="inspinia"] .mino-sidebar__brand { background: #2f4050; border-bottom-color: #293846; }
[data-skin="inspinia"] .mino-sidebar__brand-text,
[data-skin="inspinia"] .mino-sidebar__brand-text span { color: #fff; }
[data-skin="inspinia"] .mino-nav-link { color: #a7b1c2; border-radius: 0; }
[data-skin="inspinia"] .mino-nav-link i.nav-icon,
[data-skin="inspinia"] .mino-nav-link .nav-arrow { color: #a7b1c2; }
[data-skin="inspinia"] .mino-nav-link:hover { background: #293846; color: #fff; }
[data-skin="inspinia"] .mino-nav-link.active,
[data-skin="inspinia"] .mino-nav-link.active:hover {
  background: #293846;
  color: #fff;
  box-shadow: inset 4px 0 0 #1ab394;
}
[data-skin="inspinia"] .mino-nav-submenu { background: #293846; }
[data-skin="inspinia"] .mino-nav-submenu .mino-nav-link { color: #a7b1c2; }
[data-skin="inspinia"] .mino-nav-submenu .mino-nav-link.active,
[data-skin="inspinia"] .mino-nav-submenu .mino-nav-link.active:hover { background: transparent; color: #fff; box-shadow: none; }
[data-skin="inspinia"] .mino-card,
[data-skin="inspinia"] .ibox,
[data-skin="inspinia"] .sf-step,
[data-skin="inspinia"] .mino-table-wrap,
[data-skin="inspinia"] .stat-card,
[data-theme="dark"][data-skin="inspinia"] .dk-panel,
[data-theme="dark"][data-skin="inspinia"] .dk-mini article {
  background: #fff;
  color: #676a6c;
  border: none;
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
[data-skin="inspinia"] .mino-card:hover,
[data-skin="inspinia"] .stat-card:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
[data-skin="inspinia"] .ibox { margin-bottom: 20px; }
[data-skin="inspinia"] .ibox-title,
[data-skin="inspinia"] .mino-card-header {
  background: #fff;
  border-bottom: 1px solid #e7eaec;
  border-top: 3px solid #e7eaec;
  margin: 0;
  padding: 14px 15px 8px;
  min-height: 48px;
}
[data-skin="inspinia"] .ibox-title h5,
[data-skin="inspinia"] .ibox-title h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
  color: #676a6c;
}
[data-skin="inspinia"] .ibox-content,
[data-skin="inspinia"] .mino-card-body { padding: 20px 15px 15px; }
[data-skin="inspinia"] .sf-n {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #1ab394;
  color: #fff;
  display: inline-grid;
  place-items: center;
  font-size: 12px;
  font-weight: 600;
}
[data-skin="inspinia"] .sf-doc {
  border: 1px solid #e7eaec;
  background: #fafafa;
  min-height: 140px;
  padding: 12px;
  text-align: center;
  display: block;
  color: #676a6c;
}
[data-skin="inspinia"] .sf-doc strong { display: block; margin-bottom: 8px; font-size: 13px; }
[data-skin="inspinia"] .sf-doc img { max-width: 100%; max-height: 90px; margin-top: 8px; }
[data-skin="inspinia"] .sf-summary div { background: #f3f3f4; border: 1px solid #e7eaec; padding: 12px; }
[data-skin="inspinia"] .sf-summary span { display: block; color: #888; font-size: 11px; text-transform: uppercase; }
[data-skin="inspinia"] .sf-summary strong { font-size: 16px; color: #2f4050; }
[data-skin="inspinia"] .mino-auth {
  background: #f3f3f4;
  justify-content: center;
}
[data-skin="inspinia"] .mino-auth__visual { display: none !important; }
[data-skin="inspinia"] .mino-auth__form-panel {
  background: transparent;
  align-items: center;
  max-width: 420px;
  margin: 0 auto;
  padding: 80px 16px;
}
[data-skin="inspinia"] .mino-auth__form-wrap {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  padding: 30px 25px;
}
[data-skin="inspinia"] .mino-auth__welcome h2 { font-size: 22px; color: #676a6c; }
[data-skin="inspinia"] .mino-auth__theme-toggle { display: none; }
[data-skin="inspinia"] .form-control,
[data-skin="inspinia"] .form-select,
[data-skin="inspinia"] .select2-container--default .select2-selection--single,
[data-theme="dark"][data-skin="inspinia"] .form-control,
[data-theme="dark"][data-skin="inspinia"] .form-select {
  background: #fff;
  color: #676a6c;
  border-color: #e5e6e7;
  border-radius: 1px;
}
[data-skin="inspinia"] .form-control::placeholder { color: #aaa; }
[data-skin="inspinia"] .mino-table thead th { background: #f5f5f6; color: #676a6c; }
[data-skin="inspinia"] .mino-table td { color: #676a6c; }
[data-skin="inspinia"] .btn-primary,
[data-skin="inspinia"] .btn-primary:hover { background: #1ab394; border-color: #1ab394; color: #fff; }
[data-skin="inspinia"] .btn-white { background: #fff; border: 1px solid #e7eaec; color: #676a6c; }
[data-skin="inspinia"] .sf-doc { background: #fff; color: #676a6c; border-color: #e5e6e7; }
[data-skin="inspinia"] .sf-summary div { background: #f3f3f4; color: #676a6c; }
[data-skin="inspinia"] .sf-n { background: #1ab394; }
[data-skin="inspinia"] .dk-head h2,
[data-theme="dark"][data-skin="inspinia"] .dk-head h2 { color: #2f4050; }
[data-skin="inspinia"] .dk-hero__card,
[data-skin="inspinia"] .dk-hero__card strong,
[data-skin="inspinia"] .dk-hero__card span { color: #fff; }

[data-skin="vuexy"] .mino-content,
[data-skin="vuexy"] .mino-main { background: #f8f7fa; }
[data-skin="vuexy"] .mino-sidebar,
[data-theme="dark"][data-skin="vuexy"] .mino-sidebar { background: #283046; }
[data-skin="vuexy"] .mino-nav-link.active,
[data-skin="vuexy"] .mino-nav-link.active:hover { background: #7367f0; }
[data-skin="vuexy"] .btn-primary { background: #7367f0; border-color: #7367f0; }

[data-skin="store"] .mino-content,
[data-skin="store"] .mino-main { background: #f6f6f7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
[data-skin="store"] .mino-sidebar,
[data-theme="dark"][data-skin="store"] .mino-sidebar { background: #1a1a1a; }
[data-skin="store"] .mino-nav-link.active,
[data-skin="store"] .mino-nav-link.active:hover { background: #008060; }
[data-skin="store"] .btn-primary { background: #008060; border-color: #008060; }

[data-theme="dark"][data-skin="dashcode"] .mino-sidebar { background: #0f172a; color: #e2e8f0; }
[data-theme="dark"][data-skin="dashcode"] .mino-nav-link { color: #cbd5e1; }
[data-theme="dark"][data-skin="dashcode"] .mino-content,
[data-theme="dark"][data-skin="dashcode"] .mino-main,
[data-theme="dark"][data-skin="vuexy"] .mino-content,
[data-theme="dark"][data-skin="vuexy"] .mino-main,
[data-theme="dark"][data-skin="store"] .mino-content,
[data-theme="dark"][data-skin="store"] .mino-main { background: #0b1220; }