.theme-vitmov-default {
  --q11-font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --q11-bg-primary: #ffffff;
  --q11-bg-secondary: #f8fafc;
  --q11-bg-tertiary: #f1f5f9;

  --q11-sidebar-logo-collapsed-size: 40px;
  --q11-sidebar-collapsed-width: 80px;
  --q11-sidebar-logo-full-width: 160px;
  --q11-sidebar-logo-full-height: 64px;

  --q11-text-primary: #0f172a;
  --q11-text-secondary: #475569;
  --q11-text-muted: #94a3b8;

  --q11-accent: #06b6d4;
  --q11-accent-hover: #0891b2;
  --q11-on-accent: #ffffff;
  --q11-sidebar-toggle-bg: var(--q11-bg-secondary);
  --q11-sidebar-toggle-bg-hover: var(--q11-bg-tertiary);
  --q11-sidebar-toggle-border: var(--q11-border);
  --q11-sidebar-toggle-color: var(--q11-accent);
  --q11-sidebar-toggle-color-hover: var(--q11-accent-hover);

  --q11-border: #e2e8f0;
  --q11-border-focus: #06b6d4;
  --q11-radius-control: var(--q11-radius-xl);
  --q11-list-table-bg: var(--q11-bg-secondary);
  --q11-list-table-header-bg: var(--q11-bg-tertiary);
  --q11-list-table-header-color: color-mix(in srgb, var(--q11-text-muted) 86%, var(--q11-text-primary) 14%);
  --q11-list-table-border: color-mix(in srgb, var(--q11-border) 62%, var(--q11-text-secondary) 38%);
  --q11-list-table-header-border: color-mix(
    in srgb,
    var(--q11-list-table-border) 72%,
    var(--q11-text-secondary) 28%
  );
  --q11-list-table-radius: var(--q11-radius-lg);
  --q11-list-table-row-radius: var(--q11-radius-control);
  --q11-list-table-shell-bg: transparent;
  --q11-list-table-shell-border: transparent;
  --q11-list-table-shell-radius: var(--q11-list-table-radius);
  --q11-list-table-shell-padding: 0;
  --q11-list-table-row-gap: 0;
  --q11-list-table-row-bg: var(--q11-bg-primary);
  --q11-list-table-row-hover-bg: var(
    --q11-bg-muted,
    color-mix(in srgb, var(--q11-bg-primary) 80%, var(--q11-bg-secondary))
  );
  --q11-list-table-header-font-size: 10px;
  --q11-list-table-header-font-weight: 800;
  --q11-list-table-header-text-transform: uppercase;
  --q11-list-table-header-letter-spacing: 0.12em;

  --q11-form-panel-bg: var(--q11-bg-primary);
  --q11-form-panel-border: var(--q11-border);
  --q11-form-panel-radius: var(--q11-radius-xl);
  --q11-modal-title-font-size: 2rem;
  --q11-modal-title-font-size-mobile: 1.6rem;
  --q11-modal-title-font-weight: 900;
  --q11-modal-subtitle-font-size: var(--q11-font-size-xs);
  --q11-modal-subtitle-font-weight: 900;
  --q11-form-control-bg: var(--q11-bg-primary);
  --q11-form-control-border: var(--q11-border);
  --q11-form-control-color: var(--q11-text-primary);
  --q11-form-control-placeholder: color-mix(in srgb, var(--q11-text-muted) 82%, transparent);
  --q11-form-label-color: var(--q11-text-muted);
  --q11-form-help-color: var(--q11-text-muted);
  --q11-form-help-font-size: 10px;
  --q11-form-help-font-weight: 900;
  --q11-form-help-letter-spacing: 0.12em;
  --q11-form-help-text-transform: uppercase;
  --q11-input-font-size: 12px;
  --q11-input-font-weight: 700;
  --q11-input-placeholder-font-size: 12px;
  --q11-input-placeholder-font-weight: 700;

  --q11-btn-radius: var(--q11-radius-md);
  --q11-btn-padding-block: var(--q11-space-sm);
  --q11-btn-padding-inline: var(--q11-space-md);
  --q11-btn-font-size: 10px;
  --q11-btn-font-weight: 900;
  --q11-btn-letter-spacing: 0.14em;
  --q11-btn-text-transform: uppercase;
  --q11-btn-primary-bg: var(--q11-accent);
  --q11-btn-primary-bg-hover: #0891b2;
  --q11-btn-primary-color: var(--q11-on-accent);
  --q11-btn-primary-border: var(--q11-accent);
  --q11-btn-primary-shadow: none;
  --q11-btn-secondary-bg: transparent;
  --q11-btn-secondary-color: #64748b;
  --q11-btn-secondary-border: var(--q11-border);
  --q11-btn-secondary-bg-hover: #f1f5f9;
  --q11-danger: #ef4444;
  --q11-warning: #f59e0b;
  --q11-danger-bg: #ef4444;
  --q11-danger-bg-hover: #dc2626;
  --q11-danger-color: #ffffff;
  --q11-btn-danger-bg: var(--q11-danger-bg);
  --q11-btn-danger-bg-hover: var(--q11-danger-bg-hover);
  --q11-btn-danger-color: var(--q11-danger-color);
  --q11-btn-danger-border: var(--q11-danger-bg);
  --q11-btn-danger-shadow: none;

  --q11-toggle-bg: #e2e8f0;
  --q11-toggle-border: color-mix(in srgb, #cbd5e1 85%, transparent);
  --q11-toggle-on-bg: #06b6d4;
  --q11-toggle-on-border: #06b6d4;
  --q11-toggle-knob-bg: #ffffff;
  --q11-form-valid-color: var(--q11-accent);
  --q11-form-error-color: var(--q11-danger);
  --q11-meta-icon-image: var(--q11-accent);
  --q11-meta-icon-blocked: var(--q11-warning);

  --q11-page-header-title-color: var(--q11-text-primary);
  --q11-page-header-subtitle-color: var(--q11-text-muted);
  --q11-page-header-dot-color: var(--q11-accent);
  --q11-page-header-bar-bg: linear-gradient(to bottom, var(--q11-accent), var(--q11-accent-hover));
  --q11-page-header-bar-shadow: 0 0 12px color-mix(in srgb, var(--q11-accent) 40%, transparent);
  --q11-page-header-back-bg: color-mix(in srgb, var(--q11-bg-secondary) 65%, transparent);
  --q11-page-header-back-bg-hover: var(--q11-bg-tertiary);
  --q11-page-header-back-border: var(--q11-border);
  --q11-page-header-back-color: var(--q11-accent);
  --q11-page-header-back-color-hover: var(--q11-text-primary);
  --q11-page-header-back-radius: var(--q11-radius-control);

  --q11-card-bg: #ffffff;
  --q11-card-shadow: 0 1px 3px rgba(6, 182, 212, 0.08);
  --q11-list-card-bg: var(--q11-card-bg);
  --q11-list-card-border: var(--q11-list-table-border, var(--q11-border));
  --q11-list-card-shadow: var(--q11-card-shadow);
  --q11-list-card-radius: var(--q11-list-table-radius);
  --q11-list-card-min-height: 140px;
  --q11-list-card-hover-bg: var(--q11-list-table-row-hover-bg);
  --q11-day-bar-bg: var(--q11-bg-secondary);
  --q11-day-bar-pill-color: var(--q11-text-muted);
  --q11-day-bar-pill-active-bg: color-mix(in srgb, var(--q11-bg-primary) 92%, var(--q11-accent) 8%);
  --q11-day-bar-pill-active-border: var(--q11-accent);
  --q11-day-bar-pill-active-color: var(--q11-accent);

  --q11-toast-success-bg: #d4edda;
  --q11-toast-success-color: #155724;
  --q11-toast-warning-bg: #fff3cd;
  --q11-toast-warning-color: #856404;
  --q11-toast-error-bg: #f8d7da;
  --q11-toast-error-color: #721c24;
  --q11-toast-info-bg: #cffafe;
  --q11-toast-info-color: #0c5460;
}

.theme-vitmov-default body {
  font-family: var(--q11-font-family);
}
.theme-vitmov-default ion-header.header-md {
  box-shadow: none;
}

.theme-vitmov-default .shell-header-breadcrumb-wrap ion-breadcrumbs ion-breadcrumb:last-of-type {
  background: color-mix(in srgb, var(--q11-accent) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--q11-accent) 10%, transparent);
  border-radius: 6px;
  padding: 4px 8px;
  color: var(--q11-accent);
}

.theme-vitmov-default ion-header ion-toolbar {
  --border-width: 0;
}

.theme-vitmov-default .shell-logo-img {
  height: 100%;
}
.theme-vitmov-default .shell-logo-box-full {
  width: var(--q11-sidebar-logo-full-width, 160px) !important;
  height: var(--q11-sidebar-logo-full-height, 64px) !important;
}
.theme-vitmov-default .shell-header-logo-mobile {
  margin-right: var(--q11-mobile-header-logo-margin-right, 8px);
}
.theme-vitmov-default .shell-header-logo-mobile q11-logo {
  height: 100%;
  width: 100%;
  max-width: 100%;
}

@media (max-width: 767px) {
  .theme-vitmov-default q11-shell-narrow ion-header ion-title {
    display: none !important;
  }
  .theme-vitmov-default ion-header ion-toolbar {
    --min-height: 56px;
  }
  .theme-vitmov-default ion-header .shell-header-logo-mobile {
    width: var(--q11-mobile-header-logo-width, 110px);
    min-width: var(--q11-mobile-header-logo-width, 110px);
    height: var(--q11-mobile-header-logo-height, 34px);
    margin-right: 8px;
    overflow: visible;
  }
  .theme-vitmov-default ion-header .shell-header-logo-mobile q11-logo {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }
  .theme-vitmov-default .master-console-trigger-text,
  .theme-vitmov-default .master-console-chevron {
    display: none !important;
  }
  .theme-vitmov-default .master-console-trigger {
    padding: 6px 10px;
  }
}

.theme-vitmov-default .shell-nav-link {
  color: var(--q11-accent);
}
.theme-vitmov-default .shell-nav-link:hover {
  color: var(--q11-accent-hover);
  background: color-mix(in srgb, var(--q11-accent) 10%, transparent);
}

.theme-vitmov-default .categories-page .icon-picker {
  position: relative;
}
.theme-vitmov-default .categories-page .icon-picker-trigger {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--q11-border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--q11-bg-secondary) 72%, transparent);
  color: var(--q11-text-primary);
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
}
.theme-vitmov-default .categories-page .icon-picker-current {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
}
.theme-vitmov-default .categories-page .icon-picker-current-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid color-mix(in srgb, var(--q11-accent) 24%, transparent);
  background: color-mix(in srgb, var(--q11-accent) 12%, transparent);
  color: var(--q11-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.theme-vitmov-default .categories-page .icon-picker-chevron {
  font-size: 14px;
  color: var(--q11-text-muted);
}
.theme-vitmov-default .categories-page .icon-picker-popover {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  border: 1px solid var(--q11-border);
  border-radius: 14px;
  background: var(--q11-bg-primary);
  box-shadow: 0 18px 44px rgba(2, 6, 23, 0.18);
  padding: 10px;
  z-index: 90;
}
.theme-vitmov-default .categories-page .icon-picker-search {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--q11-border);
  border-radius: 10px;
  background: color-mix(in srgb, var(--q11-bg-secondary) 65%, transparent);
  padding: 0 10px;
  margin-bottom: 8px;
}
.theme-vitmov-default .categories-page .icon-picker-search ion-icon {
  font-size: 14px;
  color: var(--q11-text-muted);
}
.theme-vitmov-default .categories-page .icon-picker-search input {
  width: 100%;
  height: 36px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--q11-text-primary);
}
.theme-vitmov-default .categories-page .icon-picker-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 6px;
  max-height: 220px;
  overflow: auto;
}
.theme-vitmov-default .categories-page .icon-picker-option {
  min-height: 34px;
  border: 1px solid var(--q11-border);
  border-radius: 9px;
  background: color-mix(in srgb, var(--q11-bg-secondary) 60%, transparent);
  color: var(--q11-text-secondary);
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  cursor: pointer;
}
.theme-vitmov-default .categories-page .icon-picker-option:hover {
  border-color: color-mix(in srgb, var(--q11-accent) 45%, transparent);
  color: var(--q11-accent);
}
.theme-vitmov-default .categories-page .icon-picker-option-active {
  border-color: color-mix(in srgb, var(--q11-accent) 55%, transparent) !important;
  background: color-mix(in srgb, var(--q11-accent) 11%, transparent) !important;
  color: var(--q11-accent) !important;
}
.theme-vitmov-default .categories-page .icon-picker-empty {
  margin: 8px 4px 2px;
  color: var(--q11-text-muted);
  font-size: 11px;
}

.theme-vitmov-default .categories-page .i18n-table-wrap {
  border: 1px solid var(--q11-list-table-border, var(--q11-border));
  border-radius: var(--q11-list-table-radius, var(--q11-radius-lg));
  overflow: auto;
  background: var(--q11-list-table-bg, var(--q11-bg-secondary));
  padding: 6px;
}
.theme-vitmov-default .categories-page .i18n-table {
  width: 100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 0 8px;
  table-layout: fixed;
}
.theme-vitmov-default .categories-page .i18n-table th {
  text-align: left;
  color: var(--q11-list-table-header-color, var(--q11-text-muted));
  font-size: var(--q11-list-table-header-font-size, 10px);
  font-weight: var(--q11-list-table-header-font-weight, 800);
  letter-spacing: var(--q11-list-table-header-letter-spacing, 0.12em);
  text-transform: var(--q11-list-table-header-text-transform, uppercase);
  background: var(--q11-list-table-header-bg, var(--q11-bg-tertiary));
  border-bottom: 1px solid
    var(--q11-list-table-header-border, var(--q11-list-table-border, var(--q11-border)));
  padding: 0 10px 4px;
}
.theme-vitmov-default .categories-page .i18n-table th:nth-child(1) {
  width: 22%;
}
.theme-vitmov-default .categories-page .i18n-table th:nth-child(2) {
  width: 33%;
}
.theme-vitmov-default .categories-page .i18n-table th:nth-child(3) {
  width: 45%;
}
.theme-vitmov-default .categories-page .i18n-table td {
  padding: 0 10px;
  vertical-align: top;
}
.theme-vitmov-default .categories-page .i18n-lang-cell {
  height: 42px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.theme-vitmov-default .categories-page .i18n-flag {
  margin-right: 7px;
}
.theme-vitmov-default .categories-page .i18n-lang-cell strong {
  color: var(--q11-text-secondary);
  font-size: 12px;
  font-weight: 700;
}
.theme-vitmov-default .categories-page .i18n-table td input,
.theme-vitmov-default .categories-page .i18n-table td textarea {
  width: 100%;
  border: 1px solid var(--q11-form-control-border, var(--q11-border)) !important;
  border-radius: var(--q11-radius-control);
  background: var(--q11-form-control-bg, var(--q11-bg-primary)) !important;
  color: var(--q11-form-control-color, var(--q11-text-primary)) !important;
  padding: 10px 11px;
  outline: 0;
  font: inherit;
}
.theme-vitmov-default .categories-page .i18n-table td input::placeholder,
.theme-vitmov-default .categories-page .i18n-table td textarea::placeholder {
  color: var(--q11-text-muted);
}
.theme-vitmov-default .categories-page .i18n-table td textarea {
  min-height: 84px;
  resize: vertical;
}