/*
  Dashboard + profile fallback lock.
  Goal: keep panel visuals close to Figma even when isolated CSS is stale/missing.
*/

.oc-panel-shell .panel-module-host--portal .portal-dashboard-v2,
.oc-panel-shell .panel-module-host--management .management-dashboard-v2,
.oc-panel-shell .panel-content .oc-dashboard-layout {
  display: grid !important;
  gap: 24px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.oc-panel-shell .panel-module-host--portal .portal-dashboard-v2__kpis,
.oc-panel-shell .panel-module-host--management .management-dashboard-v2__kpis,
.oc-panel-shell .panel-content .oc-dashboard-layout :is(.portal-dashboard-v2__kpis, .management-dashboard-v2__kpis) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__kpi-card, .management-dashboard-v2__kpi-card, .oc-dashboard-kpi-card) {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  min-height: 160px !important;
  padding: 24px !important;
  border: 1px solid #eff2f5 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__kpi-head, .management-dashboard-v2__kpi-head, .oc-dashboard-kpi-card__head) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__kpi-icon, .management-dashboard-v2__kpi-icon, .oc-dashboard-kpi-card__icon) {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #e1f0ff !important;
  color: #3699ff !important;
  flex: 0 0 auto !important;
}

/* Prevent default SVG size (300x150) regressions in dashboard blocks. */
.oc-panel-shell .panel-content :is(
  .portal-dashboard-v2__kpi-icon > svg,
  .portal-dashboard-v2__kpi-icon .one-svg,
  .management-dashboard-v2__kpi-icon > svg,
  .management-dashboard-v2__kpi-icon .one-svg,
  .oc-dashboard-kpi-card__icon > svg,
  .oc-dashboard-kpi-card__icon .one-svg,
  .portal-dashboard-v2__approval-icon > svg,
  .portal-dashboard-v2__approval-icon .one-svg,
  .management-dashboard-v2__approval-icon > svg,
  .management-dashboard-v2__approval-icon .one-svg
) {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  inline-size: 16px !important;
  block-size: 16px !important;
  max-inline-size: 16px !important;
  max-block-size: 16px !important;
  display: block !important;
  flex: 0 0 auto !important;
}

.oc-panel-shell .panel-content :is(
  .portal-dashboard-v2__kpi-head > svg,
  .portal-dashboard-v2__kpi-head > .one-svg,
  .management-dashboard-v2__kpi-head > svg,
  .management-dashboard-v2__kpi-head > .one-svg,
  .oc-dashboard-kpi-card__head > svg,
  .oc-dashboard-kpi-card__head > .one-svg
) {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  max-width: 12px !important;
  max-height: 12px !important;
  inline-size: 12px !important;
  block-size: 12px !important;
  max-inline-size: 12px !important;
  max-block-size: 12px !important;
  display: block !important;
  flex: 0 0 auto !important;
  transform: rotate(-32deg) !important;
  opacity: 0.82 !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__kpi-card, .management-dashboard-v2__kpi-card, .oc-dashboard-kpi-card) strong {
  margin: 0 !important;
  font-size: 1.875rem !important;
  line-height: 1.1 !important;
  letter-spacing: -0.015em !important;
  color: #172142 !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__kpi-card, .management-dashboard-v2__kpi-card, .oc-dashboard-kpi-card) p {
  margin: 0 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #7e8299 !important;
}

.oc-panel-shell .panel-module-host--management .management-dashboard-v2__kpis {
  gap: 20px !important;
}

.oc-panel-shell .panel-module-host--management .management-dashboard-v2__kpi-card {
  padding: 20px !important;
  min-height: 140px !important;
}

.oc-panel-shell .panel-module-host--management .management-dashboard-v2__kpi-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 10px !important;
}

.oc-panel-shell .panel-module-host--management .management-dashboard-v2__kpi-card strong {
  font-size: 1.5rem !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__kpi-card, .management-dashboard-v2__kpi-card, .oc-dashboard-kpi-card) small {
  margin: 0 !important;
  font-size: 0.72rem !important;
  color: #637596 !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__body-grid, .management-dashboard-v2__body-grid) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.oc-panel-shell .panel-module-host--management .management-dashboard-v2__body-grid {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
  gap: 20px !important;
}

.oc-panel-shell .panel-content :is(
  .portal-dashboard-v2__storage,
  .portal-dashboard-v2__recent-events,
  .management-dashboard-v2__storage-card,
  .management-dashboard-v2__activity-card,
  .oc-dashboard-storage-card,
  .oc-dashboard-feed-card,
  .portal-dashboard-v2__approval-alert,
  .management-dashboard-v2__approval-alert,
  .one-dashboard-approval-alert
) {
  border: 1px solid #eff2f5 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__storage, .portal-dashboard-v2__recent-events, .management-dashboard-v2__storage-card, .management-dashboard-v2__activity-card, .oc-dashboard-storage-card, .oc-dashboard-feed-card) {
  min-height: 280px !important;
  padding: 24px !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__approval-alert, .management-dashboard-v2__approval-alert, .one-dashboard-approval-alert) {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 96px !important;
  padding: 24px !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__card-header, .management-dashboard-v2__card-header, .one-dashboard-card-header) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__card-title, .management-dashboard-v2__card-title, .one-dashboard-card-header__title) {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #172142 !important;
  font-size: 1rem !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__section-icon, .management-dashboard-v2__section-icon, .one-dashboard-card-header__icon) {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  inline-size: 20px !important;
  block-size: 20px !important;
  color: #3699ff !important;
  flex: 0 0 auto !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__recent-list, .management-dashboard-v2__activity-list, .oc-dashboard-feed-card__list) {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 12px !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__recent-item, .management-dashboard-v2__activity-item, .one-dashboard-list-item) {
  min-height: 64px !important;
  border: 1px solid #eff2f5 !important;
  border-radius: 12px !important;
  padding: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  text-decoration: none !important;
  color: inherit !important;
  background: #ffffff !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__recent-main, .management-dashboard-v2__activity-main, .one-dashboard-list-item__main) {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__recent-main strong, .management-dashboard-v2__activity-main strong, .one-dashboard-list-item__main strong) {
  margin: 0 !important;
  color: #172142 !important;
  font-size: 0.875rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.oc-panel-shell .panel-content :is(.portal-dashboard-v2__recent-main small, .management-dashboard-v2__activity-main small, .one-dashboard-list-item__main small) {
  margin: 0 !important;
  font-size: 0.75rem !important;
  color: #7e8299 !important;
}

/* Generic OneDashboard fallback (for cases where scoped CSS is stale or missing). */
.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-dashboard-header, .portal-dashboard-v2__header, .management-dashboard-v2__header) h2 {
  margin: 0 !important;
  font-size: clamp(1.92rem, 2.14vw, 2.34rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  color: #172142 !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-dashboard-header, .portal-dashboard-v2__header, .management-dashboard-v2__header) p {
  margin: 0.34rem 0 0 !important;
  font-size: 0.9rem !important;
  color: #637596 !important;
  line-height: 1.45 !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(
  .oc-dashboard-kpi-card__icon,
  .portal-dashboard-v2__kpi-icon,
  .management-dashboard-v2__kpi-icon,
  .one-dashboard-approval-alert__icon,
  .portal-dashboard-v2__approval-icon,
  .management-dashboard-v2__approval-icon
) :is(svg, .one-svg) {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  inline-size: 16px !important;
  block-size: 16px !important;
  max-inline-size: 16px !important;
  max-block-size: 16px !important;
  display: block !important;
  flex: 0 0 auto !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(
  .oc-dashboard-kpi-card__head,
  .portal-dashboard-v2__kpi-head,
  .management-dashboard-v2__kpi-head
) :is(.oc-dashboard-kpi-card__trend, .portal-dashboard-v2__kpi-trend, .management-dashboard-v2__kpi-trend, svg, .one-svg) {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  max-width: 12px !important;
  max-height: 12px !important;
  inline-size: 12px !important;
  block-size: 12px !important;
  max-inline-size: 12px !important;
  max-block-size: 12px !important;
  display: block !important;
  flex: 0 0 auto !important;
  transform: rotate(-32deg) !important;
  opacity: 0.82 !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(
  .oc-dashboard-kpi-card,
  .portal-dashboard-v2__kpi-card,
  .management-dashboard-v2__kpi-card
) {
  min-height: 150px !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(
  .oc-dashboard-storage-card__caption,
  .portal-dashboard-v2__storage-caption,
  .management-dashboard-v2__storage-caption
) {
  margin: 0.12rem 0 0 !important;
  color: #637596 !important;
  font-size: 0.79rem !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(
  .oc-dashboard-progress,
  .portal-dashboard-v2__progress,
  .management-dashboard-v2__progress
) {
  width: 100% !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: #dce8f8 !important;
  overflow: hidden !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(
  .oc-dashboard-progress,
  .portal-dashboard-v2__progress,
  .management-dashboard-v2__progress
) > span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #4a9dff, #2f7ef0) !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(
  .oc-dashboard-storage-card__metrics,
  .portal-dashboard-v2__storage-kpis,
  .management-dashboard-v2__storage-kpis
) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.54rem !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(
  .oc-dashboard-storage-card__metrics,
  .portal-dashboard-v2__storage-kpis,
  .management-dashboard-v2__storage-kpis
) > * {
  border: 1px solid #d7e5f7 !important;
  border-radius: 10px !important;
  padding: 0.54rem 0.62rem !important;
  background: #f8fbff !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(
  .oc-dashboard-storage-card__metrics,
  .portal-dashboard-v2__storage-kpis,
  .management-dashboard-v2__storage-kpis
) > * small {
  margin: 0 !important;
  color: #637596 !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(
  .oc-dashboard-storage-card__metrics,
  .portal-dashboard-v2__storage-kpis,
  .management-dashboard-v2__storage-kpis
) > * strong {
  margin: 0.18rem 0 0 !important;
  display: block !important;
  color: #172142 !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-dashboard-breakdown-item, .portal-dashboard-v2__storage-breakdown li) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.6rem !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-dashboard-breakdown-item__label, .portal-dashboard-v2__breakdown-label) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.42rem !important;
  color: #637596 !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-dashboard-breakdown-item__dot, .portal-dashboard-v2__breakdown-dot) {
  width: 0.42rem !important;
  height: 0.42rem !important;
  border-radius: 999px !important;
  display: inline-block !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-dashboard-breakdown-item strong, .portal-dashboard-v2__storage-breakdown strong) {
  color: #172142 !important;
  font-size: 0.82rem !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-dashboard-approval-alert__text, .portal-dashboard-v2__approval-text, .management-dashboard-v2__approval-text) h3 {
  margin: 0 !important;
  color: #172142 !important;
  font-size: 0.92rem !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-dashboard-approval-alert__text, .portal-dashboard-v2__approval-text, .management-dashboard-v2__approval-text) p {
  margin: 0.18rem 0 0 !important;
  color: #637596 !important;
  font-size: 0.78rem !important;
  line-height: 1.4 !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-dashboard-approval-alert__action, .portal-dashboard-v2__approval-action, .management-dashboard-v2__approval-action) {
  margin-top: 0.54rem !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-status-badge, .oc-status-badge) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.2rem 0.58rem !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
  border: 1px solid transparent !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-status-badge--warning, .oc-status-badge.tone-warning) {
  color: #9b5e15 !important;
  border-color: #f7d9b7 !important;
  background: #fff5e8 !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-status-badge--success, .oc-status-badge.tone-success) {
  color: #0f6b47 !important;
  border-color: #b8efd8 !important;
  background: #e9fdf3 !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-status-badge--info, .oc-status-badge.tone-info) {
  color: #1f4f8b !important;
  border-color: #c5daf4 !important;
  background: #eaf3ff !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-status-badge--danger, .oc-status-badge.tone-danger) {
  color: #9a2431 !important;
  border-color: #f4c7cd !important;
  background: #fff2f3 !important;
}

.oc-panel-shell .panel-content .oc-dashboard-layout :is(.one-status-badge--neutral, .oc-status-badge.tone-neutral) {
  color: #495970 !important;
  border-color: #d7deea !important;
  background: #f3f6fb !important;
}

/* Profile popover lock */
.oc-panel-shell .panel-topbar .panel-profile-popover {
  width: min(320px, calc(100vw - 20px)) !important;
  border: 1px solid #dbe7f5 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 36px rgb(15 23 42 / 0.18), 0 4px 12px rgb(15 23 42 / 0.08) !important;
  overflow: hidden !important;
}

.oc-panel-shell .panel-topbar .panel-profile-header {
  padding: 14px 16px 12px !important;
  border-bottom: 1px solid #e5ecf7 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}

.oc-panel-shell .panel-topbar .panel-profile-menu {
  padding: 8px 0 10px !important;
}

.oc-panel-shell .panel-topbar .panel-profile-menu__item {
  width: 100% !important;
  min-height: 54px !important;
  padding: 10px 16px !important;
  border-radius: 0 !important;
}

.oc-panel-shell .panel-topbar .panel-profile-menu__item--logout {
  width: 100% !important;
  margin: 0 !important;
  min-height: 54px !important;
  border: 0 !important;
  border-top: 1px solid var(--border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 10px 14px !important;
}

.oc-panel-shell .panel-topbar .panel-profile-menu__icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.oc-panel-shell .panel-topbar .panel-profile-menu__icon .one-svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
}

@media (max-width: 1199.98px) {
  .oc-panel-shell .panel-module-host--portal .portal-dashboard-v2__kpis,
  .oc-panel-shell .panel-module-host--management .management-dashboard-v2__kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .oc-panel-shell .panel-module-host--portal .portal-dashboard-v2__body-grid,
  .oc-panel-shell .panel-module-host--management .management-dashboard-v2__body-grid {
    grid-template-columns: 1fr !important;
  }

  .oc-panel-shell .panel-content .oc-dashboard-layout :is(
    .oc-dashboard-storage-card__metrics,
    .portal-dashboard-v2__storage-kpis,
    .management-dashboard-v2__storage-kpis
  ) {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767.98px) {
  .oc-panel-shell .panel-module-host--portal .portal-dashboard-v2__kpis,
  .oc-panel-shell .panel-module-host--management .management-dashboard-v2__kpis {
    grid-template-columns: 1fr !important;
  }

  .oc-panel-shell .panel-content :is(.portal-dashboard-v2__approval-alert, .management-dashboard-v2__approval-alert, .one-dashboard-approval-alert) {
    grid-template-columns: 1fr !important;
  }
}

/* Theme-safe lock */
.oc-panel-shell {
  --oc-panel-dashboard-surface: var(--card);
  --oc-panel-dashboard-surface-soft: color-mix(in srgb, var(--accent) 56%, var(--card) 44%);
  --oc-panel-dashboard-border: color-mix(in srgb, var(--border) 84%, var(--primary) 16%);
  --oc-panel-dashboard-text-strong: var(--text-dark);
  --oc-panel-dashboard-text-muted: var(--text-gray-500);
  --oc-panel-dashboard-text-body: var(--text-gray-600);
  --oc-panel-dashboard-icon-bg: color-mix(in srgb, var(--primary-light) 72%, var(--card) 28%);
  --oc-panel-dashboard-icon-fg: var(--primary);
  --oc-panel-dashboard-progress-track: color-mix(in srgb, var(--border) 70%, var(--accent) 30%);
  --oc-panel-dashboard-progress-fill-start: var(--primary);
  --oc-panel-dashboard-progress-fill-end: var(--primary-dark);
}

.oc-panel-shell .panel-content :is(
  .portal-dashboard-v2__kpi-card,
  .management-dashboard-v2__kpi-card,
  .oc-dashboard-kpi-card,
  .portal-dashboard-v2__storage,
  .portal-dashboard-v2__recent-events,
  .management-dashboard-v2__storage-card,
  .management-dashboard-v2__activity-card,
  .oc-dashboard-storage-card,
  .oc-dashboard-feed-card,
  .portal-dashboard-v2__approval-alert,
  .management-dashboard-v2__approval-alert,
  .one-dashboard-approval-alert,
  .portal-dashboard-v2__recent-item,
  .management-dashboard-v2__activity-item,
  .one-dashboard-list-item
) {
  border-color: var(--oc-panel-dashboard-border) !important;
  background: var(--oc-panel-dashboard-surface) !important;
}

.oc-panel-shell .panel-content :is(
  .portal-dashboard-v2__kpi-card strong,
  .management-dashboard-v2__kpi-card strong,
  .oc-dashboard-kpi-card strong,
  .portal-dashboard-v2__card-title,
  .management-dashboard-v2__card-title,
  .one-dashboard-card-header__title,
  .portal-dashboard-v2__recent-main strong,
  .management-dashboard-v2__activity-main strong,
  .one-dashboard-list-item__main strong,
  .one-dashboard-header h2,
  .portal-dashboard-v2__header h2,
  .management-dashboard-v2__header h2
) {
  color: var(--oc-panel-dashboard-text-strong) !important;
}

.oc-panel-shell .panel-content :is(
  .portal-dashboard-v2__kpi-card p,
  .management-dashboard-v2__kpi-card p,
  .oc-dashboard-kpi-card p,
  .portal-dashboard-v2__recent-main small,
  .management-dashboard-v2__activity-main small,
  .one-dashboard-list-item__main small,
  .one-dashboard-header p,
  .portal-dashboard-v2__header p,
  .management-dashboard-v2__header p,
  .oc-dashboard-storage-card__caption,
  .portal-dashboard-v2__storage-caption,
  .management-dashboard-v2__storage-caption
) {
  color: var(--oc-panel-dashboard-text-body) !important;
}

.oc-panel-shell .panel-content :is(
  .portal-dashboard-v2__kpi-icon,
  .management-dashboard-v2__kpi-icon,
  .oc-dashboard-kpi-card__icon
) {
  background: var(--oc-panel-dashboard-icon-bg) !important;
  color: var(--oc-panel-dashboard-icon-fg) !important;
}

.oc-panel-shell .panel-content :is(
  .oc-dashboard-progress,
  .portal-dashboard-v2__progress,
  .management-dashboard-v2__progress
) {
  background: var(--oc-panel-dashboard-progress-track) !important;
}

.oc-panel-shell .panel-content :is(
  .oc-dashboard-progress,
  .portal-dashboard-v2__progress,
  .management-dashboard-v2__progress
) > span {
  background: linear-gradient(90deg, var(--oc-panel-dashboard-progress-fill-start), var(--oc-panel-dashboard-progress-fill-end)) !important;
}

.oc-panel-shell .panel-topbar .panel-profile-popover {
  border-color: var(--border) !important;
  background: var(--card) !important;
}

.oc-panel-shell .panel-topbar .panel-profile-header {
  border-bottom-color: var(--border) !important;
  background: linear-gradient(180deg, var(--card) 0%, color-mix(in srgb, var(--primary) 6%, var(--card) 94%) 100%) !important;
}

.oc-panel-shell .panel-topbar .panel-profile-menu__item--logout {
  width: 100% !important;
  margin: 0 !important;
  min-height: 54px !important;
  border: 1px solid color-mix(in srgb, var(--border) 90%, var(--destructive) 10%) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, var(--accent) 4%) 0%, color-mix(in srgb, var(--card) 92%, var(--accent) 8%) 100%) !important;
  padding: 11px 13px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.52) !important;
}

.oc-panel-shell .panel-topbar .panel-profile-menu__item--logout:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--card) 94%, var(--destructive-light) 6%) 0%, color-mix(in srgb, var(--card) 86%, var(--destructive-light) 14%) 100%) !important;
  border-color: color-mix(in srgb, var(--border) 74%, var(--destructive) 26%) !important;
}

.oc-panel-shell .panel-topbar .panel-profile-footer .panel-profile-menu__item--logout,
.oc-panel-shell .panel-topbar .panel-profile-footer .panel-profile-menu__item--logout:hover {
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
}

.oc-panel-shell .panel-topbar .panel-profile-footer .panel-profile-menu__item--logout:hover {
  background: color-mix(in srgb, var(--destructive-light) 16%, var(--card) 84%) !important;
}

.oc-panel-shell .panel-topbar .panel-profile-footer .panel-profile-footer__button.btn-bad {
  border-color: color-mix(in srgb, var(--destructive) 22%, var(--border) 78%) !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--destructive-light) 76%, #ffffff 24%) 0%, color-mix(in srgb, var(--destructive-light) 88%, #ffffff 12%) 100%) !important;
  color: color-mix(in srgb, var(--destructive) 86%, var(--text-dark) 14%) !important;
}

.oc-panel-shell .panel-topbar .panel-profile-footer .panel-profile-footer__button.btn-bad:hover {
  border-color: color-mix(in srgb, var(--destructive) 34%, var(--border) 66%) !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--destructive-light) 88%, #ffffff 12%) 0%, color-mix(in srgb, var(--destructive-light) 96%, #ffffff 4%) 100%) !important;
  color: var(--destructive) !important;
}