:root {
  --mc-bg-app: #070b0f;
  --mc-bg-sidebar: #0d141b;
  --mc-bg-topbar: #101923;
  --mc-bg-panel: #111a23;
  --mc-bg-panel-hover: #162332;
  --mc-bg-table-head: #0b1219;
  --mc-bg-table-row: #101820;
  --mc-bg-table-row-hover: #172433;
  --mc-bg-input: #091119;
  --mc-bg-control: #162332;
  --mc-text-main: #e7edf3;
  --mc-text-secondary: #b7c3cf;
  --mc-text-muted: #8190a0;
  --mc-text-heading: #f6fafc;
  --mc-text-disabled: #65717e;
  --mc-border: #263747;
  --mc-border-muted: #1c2a36;
  --mc-border-strong: #3d5568;
  --mc-shadow: 0 10px 24px rgb(0 0 0 / 0.26);
  --mc-focus-ring: #71d06f;
  --mc-button-primary: #2f5f9e;
  --mc-button-neutral: #2a3847;
  --mc-button-success: #237a3d;
  --mc-button-danger: #a83333;
  --mc-button-info: #256d91;
  --mc-button-success-hover: #2d944c;
  --mc-button-danger-hover: #c44444;
  --mc-button-info-hover: #2f84af;
  --mc-button-primary-hover: #3a74bf;
  --mc-status-active: #5fbf68;
  --mc-status-active-bg: #11351f;
  --mc-status-active-text: #a8f0af;
  --mc-status-stopped: #ef6b6b;
  --mc-status-stopped-bg: #3b1619;
  --mc-status-stopped-text: #ffb4b4;
  --mc-status-warning: #d8aa3a;
  --mc-status-warning-bg: #362b12;
  --mc-status-warning-text: #f3d37d;
  --mc-status-info: #5c9fe8;
  --mc-status-info-bg: #112a46;
  --mc-status-neutral: #8fa3b8;
  --mc-status-neutral-bg: #1a2632;
  --mc-metric-ram: #58a6ff;
  --mc-metric-cpu: #74c365;
  --mc-metric-disk: #d8aa3a;
}

.mc-app-shell {
  min-height: 100vh;
  background: var(--mc-bg-app);
  color: var(--mc-text-main);
}

.mc-dashboard-shell {
  position: relative;
  isolation: isolate;
}

.mc-dashboard-shell::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgb(255 255 255 / 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 0.02) 1px, transparent 1px),
    linear-gradient(
      135deg,
      rgb(95 191 104 / 0.05) 0 12px,
      transparent 12px 48px
    ),
    linear-gradient(
      45deg,
      rgb(92 159 232 / 0.04) 0 10px,
      transparent 10px 44px
    ),
    repeating-linear-gradient(
      90deg,
      rgb(255 255 255 / 0.018) 0 2px,
      transparent 2px 32px
    );
  background-position:
    0 0,
    0 0,
    9px 13px,
    31px 7px,
    0 0;
  background-size:
    24px 24px,
    24px 24px,
    96px 96px,
    112px 112px,
    64px 64px;
  opacity: 0.16;
}

.mc-dashboard-shell > * {
  position: relative;
  z-index: 1;
}

.mc-page {
  color: var(--mc-text-main);
}

.mc-topbar,
.mc-panel {
  background: var(--mc-bg-panel);
  border: 1px solid var(--mc-border);
  border-radius: 0.75rem;
  box-shadow: var(--mc-shadow);
}

.mc-topbar {
  background: var(--mc-bg-topbar);
  border-bottom-color: var(--mc-border-strong);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.mc-topbar-content,
.mc-topbar-actions {
  min-width: 0;
}

.mc-topbar-user-identity {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-width: 0;
}

.mc-topbar-user-avatar {
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 auto;
  object-fit: cover;
  background: var(--mc-bg-panel);
  border: 1px solid var(--mc-border-muted);
}

.mc-topbar-user-text {
  display: flex;
  min-width: 0;
  flex-direction: column;
  line-height: 1.15;
}

.mc-topbar-user {
  color: var(--mc-text-heading);
  overflow-wrap: anywhere;
}

.mc-topbar-user-full-name {
  margin-top: 0.125rem;
  color: var(--mc-text-secondary);
  font-size: 0.78rem;
  overflow-wrap: anywhere;
}

.mc-topbar-password-expiry {
  margin-top: 0.125rem;
  color: var(--mc-text-muted);
  font-size: 0.78rem;
  overflow-wrap: anywhere;
}

.mc-topbar-password-expiry-urgent {
  color: var(--mc-status-stopped-text);
}

.mc-topbar-password-expiry-link {
  color: var(--mc-status-stopped-text);
  font-weight: 600;
  text-decoration: underline;
}

.mc-session-status {
  color: var(--mc-text-secondary);
}

.mc-banner {
  border: 1px solid var(--mc-border-muted);
}

.mc-banner-warning {
  background: var(--mc-status-warning-bg);
  color: var(--mc-status-warning-text);
  border-color: rgb(216 170 58 / 0.42);
}

.mc-header-notice {
  display: inline-flex;
  align-items: center;
  max-width: min(100%, 56rem);
  padding: 0.4rem 0.65rem;
  background: var(--mc-status-active-bg);
  color: var(--mc-text-heading);
  border-color: var(--mc-status-active);
  border-radius: 0.15rem;
  box-shadow: inset 0 0 0 1px rgb(95 191 104 / 0.18);
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.045em;
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-shadow: 1px 1px 0 rgb(0 0 0 / 0.36);
  white-space: normal;
}

.mc-workspace {
  gap: 1.75rem;
}

.mc-sidebar {
  background: var(--mc-bg-sidebar);
  border: 1px solid var(--mc-border);
  border-radius: 0.75rem;
  box-shadow: var(--mc-shadow);
  padding: 1rem;
}

.mc-nav {
  gap: 1.125rem;
}

.mc-nav-group + .mc-nav-group,
.mc-instance-selection {
  border-color: var(--mc-border);
}

.mc-nav-group-title {
  color: var(--mc-text-muted);
  letter-spacing: 0.08em;
}

.mc-nav-group-links {
  gap: 0.25rem;
}

.mc-nav-item {
  border-radius: 0.15rem;
  color: var(--mc-text-secondary);
  outline-offset: 2px;
  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    color 120ms ease;
}

.mc-nav-item-content {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  gap: 0.5rem;
}

.mc-nav-item-icon {
  width: 1.05rem;
  height: 1.05rem;
  flex: 0 0 auto;
  color: var(--mc-text-muted);
  fill: currentcolor;
  stroke: currentcolor;
  stroke-width: 1.6;
  stroke-linecap: square;
  stroke-linejoin: miter;
  transition: color 120ms ease;
}

.mc-nav-item-label {
  min-width: 0;
}

.mc-nav-item:hover {
  background: var(--mc-bg-panel-hover);
  color: var(--mc-text-main);
}

.mc-nav-item:hover .mc-nav-item-icon {
  color: var(--mc-text-secondary);
}

.mc-nav-item-active {
  background: var(--mc-status-active-bg);
  border-color: var(--mc-status-active);
  color: var(--mc-text-heading);
  box-shadow: inset 0 0 0 1px rgb(95 191 104 / 0.18);
}

.mc-nav-item-active .mc-nav-item-icon {
  color: var(--mc-status-active);
}

.mc-field {
  display: grid;
  gap: 0.35rem;
}

.mc-field-label {
  color: var(--mc-text-secondary);
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}

.mc-field-help {
  color: var(--mc-text-muted);
  font-size: 0.75rem;
}

.mc-field-error {
  color: var(--mc-status-stopped-text);
  font-size: 0.75rem;
}

.mc-input,
.mc-select,
.mc-textarea {
  background: var(--mc-bg-input);
  border: 1px solid var(--mc-border-strong);
  border-radius: 0.25rem;
  color: var(--mc-text-main);
  min-width: 0;
}

.mc-select {
  color-scheme: dark;
}

.mc-instance-selection .mc-select {
  background-color: var(--mc-bg-input);
  caret-color: var(--mc-text-main);
  color: var(--mc-text-main);
}

.mc-instance-selection .mc-select option,
.mc-instance-selection .mc-select optgroup {
  background-color: var(--mc-bg-panel);
  color: var(--mc-text-main);
}

.mc-input:focus,
.mc-select:focus,
.mc-textarea:focus {
  border-color: var(--mc-focus-ring);
  box-shadow: 0 0 0 2px rgb(113 208 111 / 0.22);
  outline: none;
}

.mc-input:disabled,
.mc-select:disabled,
.mc-textarea:disabled {
  color: var(--mc-text-disabled);
  cursor: not-allowed;
  opacity: 0.72;
}

.mc-instance-selection .mc-select:disabled {
  color: var(--mc-text-disabled);
}

.mc-instance-selection {
  background: #0a1219;
  border: 1px solid var(--mc-border);
  border-radius: 0.5rem;
  padding: 0.85rem;
}

.mc-content {
  color: var(--mc-text-main);
  min-width: 0;
}

.mc-panel-header,
.mc-panel-body,
.mc-panel-footer {
  min-width: 0;
}

.mc-panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.mc-panel-title {
  color: var(--mc-text-heading);
  font-weight: 800;
}

.mc-panel-body {
  color: var(--mc-text-main);
}

.mc-panel-footer {
  border-top: 1px solid var(--mc-border-muted);
  color: var(--mc-text-muted);
  margin-top: 1rem;
  padding-top: 1rem;
}

.mc-server-dashboard {
  overflow: hidden;
}

.mc-instance-overview {
  display: grid;
  gap: 1rem;
  --mc-instance-overview-info-panel-width: 25.8rem;
}

.mc-instance-header {
  margin-bottom: 0;
}

.mc-instance-identity {
  min-width: 0;
}

.mc-server-control-panel,
.mc-download-panel,
.mc-connect-panel,
.mc-instance-info-panel {
  background: var(--mc-bg-table-row);
  border: 1px solid var(--mc-border);
  border-radius: 0.5rem;
  padding: 1rem;
}

.mc-server-control-panel {
  border-left: 4px solid var(--mc-status-active);
}

.mc-server-control-actions {
  width: max-content;
  max-width: 100%;
}

.mc-transition-status {
  color: var(--mc-status-warning-text);
}

.mc-instance-summary-grid {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.mc-instance-summary-grid > .mc-instance-info-panel {
  flex: 0 1 var(--mc-instance-overview-info-panel-width);
  inline-size: var(--mc-instance-overview-info-panel-width);
  max-inline-size: 100%;
}

.mc-instance-info-list {
  display: grid;
  grid-template-columns: minmax(8rem, max-content) minmax(0, 1fr);
  gap: 0.5rem 0.9rem;
  margin: 0.75rem 0 0;
}

.mc-instance-info-label {
  color: var(--mc-text-muted);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mc-instance-info-value {
  color: var(--mc-text-main);
  min-width: 0;
  overflow-wrap: anywhere;
}

.mc-instance-state {
  border-left: 4px solid var(--mc-status-info);
}

.mc-connect-panel {
  border-left: 4px solid var(--mc-status-neutral);
}

.mc-connect-value {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

.mc-connect-value .mc-technical-value {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mc-technical-value {
  color: var(--mc-metric-ram);
  overflow-wrap: anywhere;
}

.mc-copy-button {
  padding: 0.15rem 0.4rem;
}

.mc-download-panel {
  border-left: 4px solid var(--mc-status-warning);
}

.mc-left-accent {
  border-left: 4px solid var(--mc-status-info);
}

.mc-download-list a {
  color: var(--mc-metric-ram);
}

.mc-chatlog-panel {
  background: var(--mc-bg-input);
  border: 1px solid var(--mc-border);
  color: var(--mc-text-secondary);
}

.mc-page-header {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-bottom: 1.25rem;
}

.mc-page-header-title-group {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  gap: 0.9rem;
}

.mc-page-header-accent {
  width: 1.15rem;
  height: 1.15rem;
  background:
    linear-gradient(
      90deg,
      transparent 35%,
      rgb(0 0 0 / 0.2) 35% 55%,
      transparent 55%
    ),
    var(--mc-status-active);
  box-shadow:
    0 0 0 4px var(--mc-status-active-bg),
    0 0 0 5px rgb(95 191 104 / 0.38);
}

.mc-page-header-icon-shell {
  display: inline-grid;
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 2.4rem;
  place-items: center;
  background:
    linear-gradient(135deg, rgb(255 255 255 / 0.035), transparent 48%),
    var(--mc-bg-table-row);
  border: 1px solid var(--mc-border);
  border-radius: 0.3rem;
  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.18);
}

.mc-page-header-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--mc-status-active);
  fill: currentcolor;
  stroke: currentcolor;
  stroke-width: 1.55;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.mc-page-header-copy {
  min-width: 0;
}

.mc-section-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
  gap: 0.75rem;
}

.mc-section-heading {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  gap: 0.55rem;
}

.mc-section-heading-icon-shell {
  display: inline-grid;
  width: 1.85rem;
  height: 1.85rem;
  flex: 0 0 1.85rem;
  place-items: center;
  background:
    linear-gradient(135deg, rgb(255 255 255 / 0.03), transparent 50%),
    var(--mc-bg-table-row);
  border: 1px solid var(--mc-border);
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.16);
}

.mc-section-heading-icon {
  width: 1rem;
  height: 1rem;
  color: var(--mc-text-secondary);
  fill: currentcolor;
  stroke: currentcolor;
  stroke-width: 1.5;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.mc-section-heading-copy {
  min-width: 0;
}

.mc-page-title {
  color: var(--mc-text-heading);
  line-height: 1;
  margin-bottom: 0.25rem;
}

.mc-page-subtitle {
  color: var(--mc-text-secondary);
  font-size: 0.95rem;
}

.mc-dashboard-metrics {
  display: grid;
  gap: 1rem;
}

.mc-dashboard-icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.mc-stat-grid,
.mc-metric-grid {
  display: grid;
  gap: 0.75rem;
}

.mc-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mc-dashboard-summary-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: stretch;
}

.mc-dashboard-summary-item {
  display: inline-flex;
  flex: 1 1 10rem;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  padding: 0.45rem 0.6rem;
  background: var(--mc-bg-table-row);
  border: 1px solid var(--mc-border);
  border-left: 4px solid var(--mc-status-neutral);
  border-radius: 0.35rem;
}

.mc-dashboard-summary-item--running,
.mc-dashboard-summary-item--players {
  border-left-color: var(--mc-status-active);
}

.mc-dashboard-summary-item--stopped {
  border-left-color: var(--mc-status-stopped);
}

.mc-dashboard-summary-label {
  color: var(--mc-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.mc-dashboard-summary-value {
  margin-left: auto;
  color: var(--mc-text-heading);
  font-size: 1.25rem;
  line-height: 1;
}

.mc-dashboard-resource-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.mc-dashboard-performance-link {
  font-size: 0.85rem;
}

.mc-metric-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mc-stat-card,
.mc-metric-panel {
  background: linear-gradient(
    180deg,
    var(--mc-bg-panel-hover),
    var(--mc-bg-table-row)
  );
  border: 1px solid var(--mc-border);
  border-left-width: 4px;
  border-radius: 0.35rem;
  padding: 0.8rem 0.9rem;
}

.mc-dashboard-resource-card {
  display: grid;
  gap: 0.65rem;
  min-width: 0;
}

.mc-dashboard-metric-header {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
}

.mc-dashboard-metric-icon-shell {
  display: inline-grid;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  place-items: center;
  color: var(--mc-status-info);
  background: var(--mc-bg-input);
  border: 1px solid var(--mc-border-muted);
  border-radius: 0.35rem;
}

.mc-stat-card--running .mc-dashboard-metric-icon-shell,
.mc-stat-card--players .mc-dashboard-metric-icon-shell,
.mc-metric-panel--ram .mc-dashboard-metric-icon-shell {
  color: var(--mc-status-active);
}

.mc-stat-card--stopped .mc-dashboard-metric-icon-shell {
  color: var(--mc-status-stopped);
}

.mc-metric-panel--disk .mc-dashboard-metric-icon-shell {
  color: var(--mc-status-warning);
}

.mc-dashboard-metric-icon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  fill: currentcolor;
  stroke: currentcolor;
  stroke-width: 1.5;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.mc-stat-card--neutral {
  border-left-color: var(--mc-status-neutral);
}

.mc-stat-card--running,
.mc-stat-card--players,
.mc-metric-panel--cpu {
  border-left-color: var(--mc-status-active);
}

.mc-stat-card--stopped {
  border-left-color: var(--mc-status-stopped);
}

.mc-metric-panel--ram {
  border-left-color: var(--mc-metric-ram);
}

.mc-metric-panel--disk {
  border-left-color: var(--mc-metric-disk);
}

.mc-stat-label,
.mc-metric-label {
  display: block;
  color: var(--mc-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.mc-stat-value {
  display: block;
  color: var(--mc-text-heading);
  font-size: 1.55rem;
  line-height: 1.15;
  margin-top: 0.2rem;
}

.mc-metric-value {
  display: block;
  color: var(--mc-text-heading);
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0.25rem;
}

.mc-resource-gauge {
  display: block;
  width: min(100%, 11rem);
  height: auto;
  justify-self: center;
  overflow: visible;
}

.mc-resource-gauge-track,
.mc-resource-gauge-ticks,
.mc-resource-gauge-value {
  fill: none;
  stroke-linecap: square;
  vector-effect: non-scaling-stroke;
}

.mc-resource-gauge-track {
  stroke: var(--mc-border-muted);
  stroke-width: 10;
}

.mc-resource-gauge-ticks {
  stroke: var(--mc-border-strong);
  stroke-width: 10;
  stroke-dasharray: 2 10;
  opacity: 0.5;
}

.mc-resource-gauge-value {
  stroke-width: 10;
}

.mc-resource-gauge-value--cpu {
  stroke: var(--mc-status-info);
}

.mc-resource-gauge-value--ram {
  stroke: var(--mc-status-active);
}

.mc-resource-gauge-value--storage {
  stroke: var(--mc-status-warning);
}

.mc-resource-gauge-reading {
  margin-top: -0.35rem;
  text-align: center;
  overflow-wrap: anywhere;
}

.mc-dashboard-freshness {
  margin-left: auto;
  color: var(--mc-text-muted);
  font-size: 0.85rem;
  white-space: nowrap;
}

.mc-dashboard-freshness--fresh {
  color: var(--mc-status-active-text);
}

.mc-dashboard-freshness--stale {
  color: var(--mc-status-warning-text);
}

.mc-dashboard-freshness--error {
  color: var(--mc-status-stopped-text);
}

.mc-dashboard-action-items {
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.85rem 0.95rem;
  background: var(--mc-bg-table-row);
  border: 1px solid var(--mc-border);
  border-radius: 0.5rem;
}

.mc-dashboard-action-items-list {
  display: grid;
  gap: 0.35rem;
}

.mc-dashboard-action-item {
  margin: 0;
  padding: 0.35rem 0.5rem;
  border-left: 3px solid var(--mc-status-neutral);
  border-radius: 0.25rem;
  background: var(--mc-bg-input);
  color: var(--mc-text-secondary);
}

.mc-dashboard-action-item--ok {
  border-left-color: var(--mc-status-active);
  color: var(--mc-status-active-text);
}

.mc-dashboard-action-item--info {
  border-left-color: var(--mc-status-info);
}

.mc-dashboard-action-item--warning {
  border-left-color: var(--mc-status-warning);
  color: var(--mc-status-warning-text);
}

.mc-dashboard-action-item--critical {
  border-left-color: var(--mc-status-stopped);
  color: var(--mc-status-stopped-text);
}

@media (prefers-reduced-motion: no-preference) {
  .mc-resource-gauge-value {
    transition: stroke-dashoffset 160ms ease-out;
  }
}

.mc-progress {
  display: block;
  height: 0.38rem;
  margin-top: 0.55rem;
  overflow: hidden;
  background: #070d13;
  border: 1px solid var(--mc-border);
  border-radius: 999px;
}

.mc-progress-fill {
  --mc-progress-value: 0%;
  display: block;
  width: var(--mc-progress-value);
  height: 100%;
  border-radius: inherit;
}

.mc-progress-fill--cpu {
  background: var(--mc-metric-cpu);
}

.mc-progress-fill--ram {
  background: var(--mc-metric-ram);
}

.mc-progress-fill--disk {
  background: var(--mc-metric-disk);
}

.mc-table-scroll {
  border: 1px solid var(--mc-border);
  border-radius: 0.5rem;
  background: var(--mc-bg-table-row);
}

.mc-table-scroll.mc-left-accent {
  border-left: 4px solid var(--mc-status-info);
}

.mc-server-dashboard-table-scroll {
  max-height: 40rem;
  overflow: auto;
}

.mc-table-shell {
  overflow-x: auto;
  border: 1px solid var(--mc-border);
  border-radius: 0.5rem;
  background: var(--mc-bg-table-row);
}

.mc-table,
.mc-instance-table {
  border-collapse: separate;
  border-spacing: 0;
}

.mc-table-head,
.mc-instance-table thead {
  background: var(--mc-bg-table-head);
}

.mc-server-dashboard-table-scroll .mc-instance-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--mc-bg-table-head);
}

.mc-table th,
.mc-instance-table th {
  color: var(--mc-text-secondary);
  font-size: 0.74rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.mc-table-cell,
.mc-instance-table td,
.mc-instance-table th {
  padding-left: 0.75rem;
}

.mc-instance-table-heading,
.mc-instance-name-content,
.mc-instance-action-content {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}

.mc-instance-table-heading-icon,
.mc-instance-row-icon,
.mc-instance-action-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 0.9rem;
  height: 0.9rem;
  color: var(--mc-status-info);
  fill: currentcolor;
  stroke: currentcolor;
  stroke-width: 1.5;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.mc-instance-row-icon {
  color: var(--mc-status-neutral);
}

.mc-instance-row--running .mc-instance-row-icon,
.mc-action-button--start .mc-instance-action-icon {
  color: var(--mc-status-active);
}

.mc-action-button--stop .mc-instance-action-icon {
  color: var(--mc-status-stopped);
}

.mc-action-button--restart .mc-instance-action-icon {
  color: var(--mc-status-warning);
}

.mc-table-row,
.mc-instance-row {
  background: var(--mc-bg-table-row);
}

.mc-table-row:hover,
.mc-instance-row:hover {
  background: var(--mc-bg-table-row-hover);
}

.mc-instance-row--clickable {
  cursor: pointer;
}

.mc-instance-row--clickable:focus-visible {
  outline: 2px solid var(--mc-status-info);
  outline-offset: -2px;
}

.mc-instance-name {
  color: var(--mc-text-heading);
  font-weight: 700;
}

.mc-instance-row--running .mc-instance-name {
  color: var(--mc-status-active);
}

.mc-instance-disclosure {
  display: inline-grid;
  flex: 0 0 auto;
  width: 1.35rem;
  height: 1.35rem;
  place-items: center;
  color: var(--mc-text-secondary);
  background: var(--mc-bg-input);
  border: 1px solid var(--mc-border-muted);
  border-radius: 0.25rem;
}

.mc-instance-disclosure:hover,
.mc-instance-disclosure:focus-visible {
  color: var(--mc-text-heading);
  border-color: var(--mc-status-info);
}

.mc-instance-detail-row {
  background: var(--mc-bg-panel);
}

.mc-instance-detail-cell {
  padding: 0.8rem 1rem;
  border-top: 1px solid var(--mc-border-muted);
}

.mc-instance-detail-grid {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0.35rem 1rem;
}

.mc-instance-detail-label {
  color: var(--mc-text-muted);
  font-weight: 700;
}

.mc-instance-detail-value,
.mc-instance-detail-message {
  color: var(--mc-text-secondary);
  overflow-wrap: anywhere;
}

.mc-instance-detail-link {
  color: var(--mc-status-info);
  font-weight: 700;
}

.mc-instance-detail-error {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  color: var(--mc-status-stopped-text);
}

.mc-instance-resource-meter {
  width: min(5rem, 100%);
}

.mc-instance-resource-meter-fill {
  --mc-instance-resource-value: 0%;
  width: var(--mc-instance-resource-value);
}

.mc-instance-resource-meter-fill--cpu {
  background: var(--mc-status-info);
}

.mc-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: max-content;
  border: 1px solid var(--mc-border);
  border-radius: 999px;
  padding: 0.14rem 0.5rem;
  font-size: 0.72rem;
  font-weight: 700;
}

.mc-status-badge::before {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  content: "";
}

.mc-status-badge--running {
  background: var(--mc-status-active-bg);
  border-color: rgb(95 191 104 / 0.5);
  color: var(--mc-status-active-text);
}

.mc-status-badge--running::before {
  background: var(--mc-status-active);
}

.mc-status-badge--stopped {
  background: var(--mc-status-stopped-bg);
  border-color: rgb(239 107 107 / 0.5);
  color: var(--mc-status-stopped-text);
}

.mc-status-badge--stopped::before {
  background: var(--mc-status-stopped);
}

.mc-status-badge--neutral {
  background: var(--mc-status-neutral-bg);
  border-color: var(--mc-border-strong);
  color: var(--mc-text-secondary);
}

.mc-status-badge--neutral::before {
  background: var(--mc-status-neutral);
}

.mc-status-badge-success {
  background: var(--mc-status-active-bg);
  border-color: rgb(95 191 104 / 0.5);
  color: var(--mc-status-active-text);
}

.mc-status-badge-success::before {
  background: var(--mc-status-active);
}

.mc-status-badge-error {
  background: var(--mc-status-stopped-bg);
  border-color: rgb(239 107 107 / 0.5);
  color: var(--mc-status-stopped-text);
}

.mc-status-badge-error::before {
  background: var(--mc-status-stopped);
}

.mc-status-badge-warning {
  background: rgb(234 179 8 / 0.14);
  border-color: rgb(234 179 8 / 0.5);
  color: #fde68a;
}

.mc-status-badge-warning::before {
  background: #facc15;
}

.mc-status-badge-info {
  background: rgb(37 109 145 / 0.24);
  border-color: rgb(47 132 175 / 0.55);
  color: #bae6fd;
}

.mc-status-badge-info::before {
  background: var(--mc-status-info);
}

.mc-inline-metric {
  display: grid;
  gap: 0.25rem;
  min-width: 4.5rem;
}

.mc-inline-progress {
  height: 0.25rem;
  margin-top: 0;
}

.mc-version {
  color: var(--mc-text-secondary);
  font-size: 0.82rem;
}

.mc-action-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.35rem;
  width: max-content;
}

.mc-button,
.mc-action-button {
  border: 1px solid rgb(255 255 255 / 0.08);
  border-radius: 0.25rem;
  width: auto;
  flex: 0 0 auto;
  font-weight: 700;
  line-height: 1.15;
  box-shadow: inset 0 -2px 0 rgb(0 0 0 / 0.22);
}

.mc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

.mc-action-button-content {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 0.4rem;
}

.mc-action-button-icon {
  display: inline-block;
  width: 0.95rem;
  height: 0.95rem;
  flex: 0 0 auto;
  color: currentcolor;
  fill: currentcolor;
  stroke: currentcolor;
  stroke-width: 1.6;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.mc-action-button-label {
  min-width: 0;
}

.mc-button-primary {
  background: var(--mc-button-primary);
}

.mc-button-neutral {
  background: var(--mc-button-neutral);
}

.mc-button-success {
  background: var(--mc-button-success);
}

.mc-button-danger {
  background: var(--mc-button-danger);
}

.mc-button-info {
  background: var(--mc-button-info);
}

.mc-action-button--start {
  background: var(--mc-button-success);
}

.mc-action-button--start:hover:not(:disabled) {
  background: var(--mc-button-success-hover);
}

.mc-action-button--stop {
  background: var(--mc-button-danger);
}

.mc-action-button--stop:hover:not(:disabled) {
  background: var(--mc-button-danger-hover);
}

.mc-action-button--restart {
  background: var(--mc-button-primary);
}

.mc-action-button--restart:hover:not(:disabled) {
  background: var(--mc-button-primary-hover);
}

.mc-button:disabled,
.mc-action-button:disabled {
  color: var(--mc-text-disabled);
  filter: saturate(0.35);
}

.mc-button:focus-visible,
.mc-action-button:focus-visible,
.mc-nav-item:focus-visible,
.mc-select:focus-visible {
  outline: 2px solid var(--mc-focus-ring);
  outline-offset: 2px;
}

.mc-notification,
.mc-notification-bar {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  border: 1px solid var(--mc-border-strong);
  background: var(--mc-bg-panel-hover);
  color: var(--mc-text-main);
  box-shadow: var(--mc-shadow);
}

.mc-notification-success {
  background: var(--mc-status-active-bg);
  border-color: rgb(95 191 104 / 0.58);
  color: var(--mc-status-active-text);
}

.mc-notification-error {
  background: var(--mc-status-stopped-bg);
  border-color: rgb(239 107 107 / 0.58);
  color: var(--mc-status-stopped-text);
}

.mc-notification-info {
  background: var(--mc-status-info-bg);
  border-color: rgb(92 159 232 / 0.58);
  color: var(--mc-text-main);
}

.mc-empty-state,
.mc-table-empty {
  color: var(--mc-text-muted);
}

.mc-player-management-page {
  display: grid;
  gap: 1rem;
}

.mc-player-management-panel {
  padding: 1rem;
}

.mc-player-management-form {
  align-items: end;
}

.mc-player-management-form .mc-field {
  max-width: 100%;
  min-width: 0;
}

.mc-player-management-form .mc-input,
.mc-player-management-form .mc-select {
  max-width: 100%;
}

.mc-player-management-message {
  color: var(--mc-text-secondary);
  min-height: 1.25rem;
}

.mc-player-management-list {
  min-width: 0;
}

.mc-player-management-card {
  background: var(--mc-bg-table-row);
  border: 1px solid var(--mc-border-muted);
  box-shadow: none;
}

.mc-player-management-card:hover {
  background: var(--mc-bg-table-row-hover);
}

.mc-player-management-name {
  color: var(--mc-text-heading);
  overflow-wrap: anywhere;
}

.mc-player-management-meta {
  color: var(--mc-text-muted);
  overflow-wrap: anywhere;
}

.mc-player-management-actions {
  align-items: flex-start;
}

.mc-mods-page {
  color: var(--mc-text-main);
}

.mc-mods-feature {
  display: grid;
  gap: 1rem;
}

.mc-mods-grid {
  display: grid;
  gap: 1rem;
}

.mc-mods-action-panel,
.mc-mods-list-panel {
  padding: 1rem;
}

.mc-mods-upload-form,
.mc-mods-import-form {
  flex-wrap: wrap;
}

.mc-mods-toggle {
  color: var(--mc-text-heading);
  text-align: left;
}

.mc-section-toggle-icon-shell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 1.6rem;
  margin-right: 0.35rem;
  color: var(--mc-status-active);
  background: transparent;
  border: 0;
  vertical-align: middle;
}

.mc-section-toggle-icon {
  display: inline-block;
  width: 1.05rem;
  height: 1.05rem;
  color: currentcolor;
  fill: currentcolor;
  stroke: currentcolor;
  stroke-width: 1.5;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.mc-mods-list {
  color: var(--mc-text-main);
}

.mc-mods-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
  overflow-wrap: anywhere;
}

.mc-mods-name {
  color: var(--mc-text-heading);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.mc-mods-empty,
.mc-mods-message {
  color: var(--mc-text-muted);
}

.mc-mods-result-list {
  overflow-wrap: anywhere;
}

.mc-mods-progress {
  border: 1px solid var(--mc-border-muted);
}

.mc-worlds-page {
  color: var(--mc-text-main);
}

.mc-worlds-feature,
.mc-worlds-upload-panel {
  padding: 1rem;
}

.mc-worlds-toggle {
  color: var(--mc-text-heading);
  text-align: left;
}

.mc-worlds-upload-form {
  flex-wrap: wrap;
}

.mc-worlds-list {
  color: var(--mc-text-main);
}

.mc-worlds-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
  overflow-wrap: anywhere;
}

.mc-worlds-name {
  color: var(--mc-text-heading);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.mc-worlds-status {
  margin-left: 0.35rem;
}

.mc-worlds-actions {
  flex-wrap: wrap;
}

.mc-worlds-selection-panel {
  background: var(--mc-bg-table-row);
  border-radius: 0.35rem;
  color: var(--mc-text-main);
  padding: 0.8rem;
  overflow-wrap: anywhere;
}

.mc-worlds-selection-row {
  color: var(--mc-text-secondary);
  overflow-wrap: anywhere;
}

.mc-worlds-empty,
.mc-worlds-message {
  color: var(--mc-text-muted);
}

.mc-backups-page {
  color: var(--mc-text-main);
}

.mc-backups-feature {
  display: grid;
  gap: 1rem;
}

.mc-backups-action-panel,
.mc-backups-history-panel,
.mc-backups-preflight {
  padding: 1rem;
}

.mc-backups-history {
  color: var(--mc-text-main);
}

.mc-backups-history table {
  color: var(--mc-text-main);
}

.mc-backups-history th {
  color: var(--mc-text-secondary);
}

.mc-backups-history td {
  color: var(--mc-text-main);
  overflow-wrap: anywhere;
}

.mc-backup-history-table {
  color: var(--mc-text-main);
}

.mc-backup-history-head {
  background: var(--mc-bg-table-head);
}

.mc-backup-history-head-cell {
  background: var(--mc-bg-table-head);
  border-block-end: 1px solid var(--mc-border-muted);
  color: var(--mc-text-secondary);
}

.mc-backup-history-row {
  background: var(--mc-bg-table-row);
  color: var(--mc-text-main);
}

.mc-backup-history-cell {
  color: var(--mc-text-main);
  overflow-wrap: anywhere;
}

.mc-backup-history-status {
  color: var(--mc-text-main);
}

.mc-backup-history-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  white-space: normal;
}

.mc-backup-history-message {
  overflow-wrap: anywhere;
}

.mc-backup-history-empty {
  overflow-wrap: anywhere;
}

.mc-backup-history-error {
  overflow-wrap: anywhere;
}

.mc-backups-selection {
  background: var(--mc-bg-table-row);
  border-radius: 0.35rem;
  color: var(--mc-text-main);
  padding: 0.8rem;
  overflow-wrap: anywhere;
}

.mc-backups-warning {
  color: var(--mc-text-secondary);
}

.mc-backups-message,
.mc-backups-empty {
  color: var(--mc-text-muted);
  overflow-wrap: anywhere;
}

.mc-backups-actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.mc-settings-page {
  color: var(--mc-text-main);
}

.mc-settings-feature {
  display: grid;
  gap: 1rem;
}

.mc-settings-editor-panel,
.mc-settings-backups-panel {
  padding: 1rem;
}

.mc-settings-editor {
  color: var(--mc-status-active-text);
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  line-height: 1.45;
  tab-size: 2;
}

.mc-settings-editor-actions,
.mc-settings-backup-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mc-settings-backups-list {
  color: var(--mc-text-main);
}

.mc-settings-backup-row {
  background: var(--mc-bg-table-row);
  border-color: var(--mc-border-muted);
  overflow-wrap: anywhere;
}

.mc-settings-backup-row:hover {
  background: var(--mc-bg-table-row-hover);
}

.mc-settings-backup-meta,
.mc-settings-message {
  color: var(--mc-text-secondary);
  overflow-wrap: anywhere;
}

.mc-settings-diff {
  background: var(--mc-bg-input);
  color: var(--mc-status-active-text);
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  line-height: 1.45;
}

.mc-logs-page {
  color: var(--mc-text-main);
}

.mc-logs-feature {
  color: var(--mc-text-main);
}

.mc-logs-panel {
  padding: 1rem;
}

.mc-logs-toolbar {
  align-items: flex-start;
}

.mc-logs-selector {
  color: var(--mc-text-main);
}

.mc-logs-viewer {
  background: var(--mc-bg-input);
  color: var(--mc-text-main);
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  line-height: 1.45;
  tab-size: 2;
  white-space: pre;
}

.mc-logs-output {
  color: var(--mc-text-main);
}

.mc-logs-message,
.mc-logs-empty,
.mc-logs-loading,
.mc-logs-error,
.mc-logs-meta {
  color: var(--mc-text-muted);
  overflow-wrap: anywhere;
}

.mc-console-page,
.mc-console-feature {
  color: var(--mc-text-main);
}

.mc-console-panel,
.mc-console-command-panel,
.mc-console-saved-panel {
  padding: 1rem;
}

.mc-console-command-form,
.mc-console-command-actions,
.mc-console-saved-actions {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mc-console-command-field {
  color: var(--mc-text-main);
  max-width: 100%;
  min-width: 0;
}

.mc-console-command-input {
  max-width: 100%;
}

.mc-console-output {
  background: var(--mc-bg-input);
  color: var(--mc-text-main);
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  line-height: 1.45;
  overflow: auto;
  tab-size: 2;
  white-space: pre;
}

.mc-console-response {
  color: var(--mc-status-active);
  min-height: 2.25rem;
}

.mc-console-log {
  color: var(--mc-text-main);
}

.mc-console-saved-list {
  background: var(--mc-bg-input);
  color: var(--mc-text-main);
}

.mc-console-saved-row {
  border-color: var(--mc-border-muted);
  overflow-wrap: anywhere;
}

.mc-console-saved-command {
  color: var(--mc-text-heading);
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  overflow-wrap: anywhere;
}

.mc-console-message,
.mc-console-empty,
.mc-console-loading,
.mc-console-error {
  color: var(--mc-text-muted);
  overflow-wrap: anywhere;
}

.mc-tasks-page,
.mc-tasks-feature {
  color: var(--mc-text-main);
}

.mc-tasks-feature {
  display: grid;
  gap: 1rem;
}

.mc-tasks-form-panel,
.mc-tasks-list-panel,
.mc-tasks-history-panel {
  padding: 1rem;
}

.mc-tasks-form-actions,
.mc-tasks-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mc-tasks-help {
  color: var(--mc-text-secondary);
}

.mc-tasks-help code,
.mc-tasks-command,
.mc-tasks-history-output {
  color: var(--mc-text-heading);
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.mc-tasks-list,
.mc-tasks-history {
  color: var(--mc-text-main);
  overflow: auto;
}

.mc-tasks-table,
.mc-tasks-history-table {
  border-color: var(--mc-border-muted);
}

.mc-execution-history-table {
  color: var(--mc-text-main);
}

.mc-execution-history-head {
  background: var(--mc-bg-table-head);
}

.mc-execution-history-head-cell {
  background: var(--mc-bg-table-head);
  border-block-end: 1px solid var(--mc-border-muted);
  color: var(--mc-text-secondary);
}

.mc-execution-history-cell {
  color: var(--mc-text-main);
  overflow-wrap: anywhere;
}

.mc-execution-history-row {
  background: var(--mc-bg-table-row);
  color: var(--mc-text-main);
}

.mc-execution-history-message {
  color: var(--mc-text-muted);
  overflow-wrap: anywhere;
}

.mc-execution-history-empty {
  color: var(--mc-text-muted);
  overflow-wrap: anywhere;
}

.mc-execution-history-loading {
  color: var(--mc-text-muted);
  overflow-wrap: anywhere;
}

.mc-execution-history-error {
  color: var(--mc-status-stopped-text);
  overflow-wrap: anywhere;
}

.mc-execution-history-status {
  color: var(--mc-text-main);
}

.mc-tasks-row,
.mc-tasks-history-row {
  border-color: var(--mc-border-muted);
}

.mc-tasks-row:hover,
.mc-tasks-history-row:hover {
  background: var(--mc-bg-table-row-hover);
}

.mc-tasks-status {
  color: var(--mc-text-main);
}

.mc-tasks-notification-group {
  color: var(--mc-text-main);
}

.mc-tasks-message,
.mc-tasks-empty,
.mc-tasks-loading,
.mc-tasks-error {
  overflow-wrap: anywhere;
}

.mc-tasks-empty,
.mc-tasks-loading {
  color: var(--mc-text-muted);
}

.mc-tasks-error {
  color: var(--mc-status-stopped-text);
}

.mc-users-page,
.mc-users-feature {
  color: var(--mc-text-main);
}

.mc-users-list-panel,
.mc-users-create-panel {
  padding: 1rem;
}

.mc-users-header .mc-page-title {
  margin-bottom: 0;
}

.mc-users-list {
  color: var(--mc-text-main);
}

.mc-users-row {
  background: var(--mc-bg-table-row);
  color: var(--mc-text-main);
}

.mc-users-name {
  color: var(--mc-text-heading);
  overflow-wrap: anywhere;
}

.mc-users-security,
.mc-users-roles,
.mc-users-actions,
.mc-users-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mc-users-role {
  background: var(--mc-bg-control);
  color: var(--mc-text-main);
}

.mc-users-generated-password {
  color: var(--mc-status-warning-text);
}

.mc-users-message-list {
  color: var(--mc-text-main);
}

.mc-users-message,
.mc-users-empty,
.mc-users-loading,
.mc-users-warning,
.mc-users-error {
  overflow-wrap: anywhere;
}

.mc-users-warning {
  color: var(--mc-status-warning-text);
}

.mc-users-error {
  color: var(--mc-status-stopped-text);
}

.mc-account-security-page {
  color: var(--mc-text-main);
}

.mc-account-security-panel {
  padding: 1rem;
}

.mc-account-security-header {
  margin-bottom: 1rem;
}

.mc-account-security-header .mc-page-title {
  margin-bottom: 0;
}

.mc-account-security-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mc-account-security-message,
.mc-account-security-warning,
.mc-account-security-error,
.mc-account-security-success {
  overflow-wrap: anywhere;
}

.mc-account-security-warning {
  color: var(--mc-status-warning-text);
}

.mc-account-security-error {
  color: var(--mc-status-stopped-text);
}

.mc-account-security-success {
  color: var(--mc-status-active-text);
}

.mc-account-security-qr {
  color: var(--mc-text-secondary);
}

.mc-account-security-qr-image {
  background: #fff;
  padding: 0.35rem;
}

.mc-account-security-secret,
.mc-account-security-code,
.mc-account-security-recovery {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  overflow-wrap: anywhere;
}

.mc-account-security-secret {
  color: var(--mc-status-warning-text);
}

.mc-instances-page,
.mc-instances-feature {
  color: var(--mc-text-main);
}

.mc-instances-header {
  margin-bottom: 0;
}

.mc-instances-header .mc-page-title {
  margin-bottom: 0;
}

.mc-instances-active-panel,
.mc-instances-archived-panel,
.mc-instances-quarantine-panel,
.mc-instances-purging-panel,
.mc-instances-deleted-panel,
.mc-instances-preflight-panel {
  padding: 1rem;
}

.mc-instances-list {
  color: var(--mc-text-main);
}

.mc-instances-row {
  background: var(--mc-bg-table-row);
  color: var(--mc-text-main);
  overflow-wrap: anywhere;
}

.mc-instances-row:hover {
  background: var(--mc-bg-table-row-hover);
}

.mc-instances-name {
  color: var(--mc-text-heading);
  overflow-wrap: anywhere;
}

.mc-instances-status,
.mc-instances-meta,
.mc-instances-preflight,
.mc-instances-message,
.mc-instances-empty,
.mc-instances-loading,
.mc-instances-warning,
.mc-instances-error,
.mc-instances-success {
  overflow-wrap: anywhere;
}

.mc-instances-meta,
.mc-instances-empty,
.mc-instances-loading {
  color: var(--mc-text-secondary);
}

.mc-instances-warning {
  color: var(--mc-status-warning-text);
}

.mc-instances-error {
  color: var(--mc-status-stopped-text);
}

.mc-instances-success {
  color: var(--mc-status-active-text);
}

.mc-instance-create-page {
  color: var(--mc-text-main);
}

.mc-instance-create-header .mc-page-title {
  margin-bottom: 0;
}

.mc-instance-create-section {
  padding: 1rem;
}

.mc-instance-create-grid {
  display: grid;
  gap: 1rem;
}

.mc-instance-create-field,
.mc-instance-create-message-list,
.mc-instance-create-actions {
  min-width: 0;
}

.mc-instance-create-field {
  overflow-wrap: anywhere;
}

.mc-instance-create-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mc-instance-create-message,
.mc-instance-create-warning,
.mc-instance-create-error,
.mc-instance-create-success,
.mc-instance-create-loading,
.mc-instance-create-output {
  overflow-wrap: anywhere;
}

.mc-instance-create-warning {
  color: var(--mc-status-warning-text);
}

.mc-instance-create-error {
  color: var(--mc-status-stopped-text);
}

.mc-instance-create-success {
  color: var(--mc-status-active-text);
}

.mc-instance-create-output {
  background: var(--mc-bg-input);
  color: var(--mc-text-secondary);
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  overflow: auto;
  white-space: pre-wrap;
}

.mc-auth-shell {
  background: var(--mc-bg-app);
}

.mc-auth-page {
  color: var(--mc-text-main);
}

.mc-auth-panel {
  padding: 1rem;
}

.mc-auth-header {
  justify-content: center;
  margin-bottom: 1.25rem;
}

.mc-auth-header .mc-page-title {
  margin-bottom: 0;
}

.mc-auth-form,
.mc-auth-field,
.mc-auth-actions,
.mc-auth-links {
  min-width: 0;
}

.mc-auth-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mc-auth-message,
.mc-auth-error,
.mc-auth-warning,
.mc-auth-success,
.mc-auth-session-message,
.mc-auth-links {
  overflow-wrap: anywhere;
}

.mc-auth-error {
  color: var(--mc-status-stopped-text);
}

.mc-auth-warning,
.mc-auth-session-message {
  color: var(--mc-status-warning-text);
}

.mc-auth-success {
  color: var(--mc-status-active-text);
}

.mc-auth-links a {
  color: var(--mc-metric-ram);
}

.mc-auth-code {
  color: var(--mc-text-main);
}

.mc-error-shell {
  background: var(--mc-bg-app);
}

.mc-error-page {
  color: var(--mc-text-main);
}

.mc-error-panel {
  padding: 1rem;
}

.mc-error-header {
  margin-bottom: 1rem;
}

.mc-error-header .mc-page-title {
  margin-bottom: 0;
}

.mc-error-title,
.mc-error-status {
  overflow-wrap: anywhere;
}

.mc-error-message,
.mc-error-detail,
.mc-error-actions,
.mc-error-link {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mc-error-detail {
  color: var(--mc-text-secondary);
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.mc-error-warning {
  color: var(--mc-status-warning-text);
}

.mc-error-access-denied,
.mc-error-server {
  color: var(--mc-status-stopped-text);
}

.mc-instance-access-page,
.mc-instance-access-feature {
  min-width: 0;
}

.mc-instance-access-header {
  margin-bottom: 0;
}

.mc-instance-access-header .mc-page-title {
  margin-bottom: 0;
}

.mc-instance-access-panel,
.mc-instance-access-grid,
.mc-instance-access-create,
.mc-instance-access-selected-group,
.mc-instance-access-control-group,
.mc-instance-access-direct-grants,
.mc-instance-access-visibility,
.mc-instance-access-effective-list,
.mc-instance-access-selector,
.mc-instance-access-actions {
  min-width: 0;
}

.mc-instance-access-list,
.mc-instance-access-matrix {
  min-width: 0;
  overflow-x: auto;
}

.mc-instance-access-row {
  color: var(--mc-text-main);
  min-width: 0;
  overflow-wrap: anywhere;
}

.mc-instance-access-row-selected {
  color: var(--mc-text-heading);
}

.mc-instance-access-name,
.mc-instance-access-identity {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mc-instance-access-identity {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.mc-instance-access-meta,
.mc-instance-access-message,
.mc-instance-access-empty,
.mc-instance-access-loading,
.mc-instance-access-warning,
.mc-instance-access-error,
.mc-instance-access-success {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mc-instance-access-meta,
.mc-instance-access-empty,
.mc-instance-access-loading {
  color: var(--mc-text-secondary);
}

.mc-instance-access-warning {
  color: var(--mc-status-warning-text);
}

.mc-instance-access-error {
  color: var(--mc-status-stopped-text);
}

.mc-instance-access-success {
  color: var(--mc-status-active-text);
}

.mc-instance-access-control {
  min-width: 0;
}

.mc-instance-access-checkbox {
  flex: 0 0 auto;
}

.mc-instance-access-control-label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mc-notice-page {
  background: var(--mc-bg-app);
  color: var(--mc-text-main);
}

.mc-notice-panel {
  min-width: 0;
}

.mc-notice-header {
  margin-bottom: 1rem;
}

.mc-notice-header .mc-page-title {
  margin-bottom: 0;
}

.mc-notice-title,
.mc-notice-message,
.mc-notice-message-list,
.mc-notice-form,
.mc-notice-editor,
.mc-notice-actions {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mc-notice-message-list {
  padding-left: 0;
  list-style: none;
}

.mc-notice-success {
  color: var(--mc-status-active-text);
}

.mc-notice-warning {
  color: var(--mc-status-warning-text);
}

.mc-notice-error {
  color: var(--mc-status-stopped-text);
}

.mc-notice-message-input {
  min-height: 9rem;
  overflow: auto;
  overflow-wrap: anywhere;
}

.mc-notice-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mc-installer-page {
  background: var(--mc-bg-app);
  color: var(--mc-text-main);
}

.mc-installer-feature,
.mc-installer-panel,
.mc-installer-config,
.mc-installer-status,
.mc-installer-artifact,
.mc-installer-artifact-list,
.mc-installer-artifact-row,
.mc-installer-artifact-action,
.mc-installer-actions {
  min-width: 0;
}

.mc-installer-header {
  margin-bottom: 1rem;
}

.mc-installer-header .mc-page-title {
  margin-bottom: 0;
}

.mc-installer-panel {
  padding: 1rem;
}

.mc-installer-message-list {
  padding-left: 0;
  list-style: none;
}

.mc-installer-message,
.mc-installer-empty,
.mc-installer-artifact-name,
.mc-installer-output {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mc-installer-success {
  color: var(--mc-status-active-text);
}

.mc-installer-warning {
  color: var(--mc-status-warning-text);
}

.mc-installer-error {
  color: var(--mc-status-stopped-text);
}

.mc-installer-artifact-row {
  gap: 0.75rem;
}

.mc-installer-artifact-name,
.mc-installer-output {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.mc-installer-output {
  overflow: auto;
}

.mc-installer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mc-instance-files-feature {
  display: grid;
  gap: 1rem;
}

.mc-instance-files-header {
  margin-bottom: 0;
}

.mc-instance-files-header .mc-page-title {
  margin-bottom: 0;
}

.mc-instance-files-panel,
.mc-instance-files-editor-panel,
.mc-instance-files-binary-panel,
.mc-instance-files-tree-panel,
.mc-instance-files-detail-panel {
  min-width: 0;
}

.mc-instance-files-panel {
  overflow: hidden;
}

.mc-instance-files-toolbar {
  margin-bottom: 0;
}

.mc-instance-files-actions {
  min-width: 0;
}

.mc-instance-files-upload-input {
  max-width: min(100%, 20rem);
}

.mc-instance-files-navigation,
.mc-instance-files-breadcrumbs,
.mc-instance-files-current-path,
.mc-instance-files-message,
.mc-instance-files-empty,
.mc-instance-files-loading,
.mc-instance-files-error,
.mc-instance-files-success,
.mc-instance-files-warning {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mc-instance-files-current-path,
.mc-instance-files-editor {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.mc-instance-files-breadcrumbs {
  overflow-x: auto;
}

.mc-instance-files-breadcrumb {
  color: var(--mc-metric-ram);
}

.mc-instance-files-tree-panel {
  background: var(--mc-bg-table-row);
}

.mc-instance-files-tree {
  overflow-x: auto;
}

.mc-instance-files-tree-row {
  min-width: max-content;
}

.mc-instance-files-detail-panel,
.mc-instance-files-list-shell {
  background: var(--mc-bg-table-row);
}

.mc-instance-files-list-header {
  color: var(--mc-text-secondary);
}

.mc-instance-files-list-body {
  background: var(--mc-bg-input);
}

.mc-instance-files-row {
  background: var(--mc-bg-table-row);
  color: var(--mc-text-main);
}

.mc-instance-files-row:hover {
  background: var(--mc-bg-table-row-hover);
}

.mc-instance-files-name {
  color: var(--mc-metric-ram);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  min-width: 0;
  overflow-wrap: anywhere;
}

.mc-instance-files-meta {
  color: var(--mc-text-muted);
}

.mc-instance-files-editor-panel,
.mc-instance-files-binary-panel {
  padding: 1rem;
}

.mc-instance-files-editor-header {
  margin-bottom: 0.5rem;
}

.mc-instance-files-editor {
  min-height: 20rem;
  overflow: auto;
  white-space: pre;
}

.mc-instance-files-warning {
  color: var(--mc-status-warning-text);
}

.mc-instance-files-error {
  color: var(--mc-status-stopped-text);
}

.mc-instance-files-success {
  color: var(--mc-status-active-text);
}

@media (max-width: 1080px) {
  .mc-stat-grid,
  .mc-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .mc-dashboard-shell::before {
    opacity: 0.11;
    background-size:
      28px 28px,
      28px 28px,
      112px 112px,
      128px 128px,
      72px 72px;
  }

  .mc-stat-grid,
  .mc-metric-grid,
  .mc-instance-summary-grid,
  .mc-instance-info-list {
    grid-template-columns: 1fr;
  }

  .mc-sidebar {
    padding: 0.8rem;
  }

  .mc-page-header {
    align-items: flex-start;
  }

  .mc-page-header-title-group {
    gap: 0.7rem;
  }

  .mc-page-header-icon-shell {
    width: 2.15rem;
    height: 2.15rem;
    flex-basis: 2.15rem;
  }

  .mc-page-header-icon {
    width: 1.1rem;
    height: 1.1rem;
  }

  .mc-header-notice {
    max-width: 100%;
    font-size: 0.72rem;
    letter-spacing: 0.035em;
  }

  .mc-section-heading {
    gap: 0.45rem;
  }

  .mc-section-heading-icon-shell {
    width: 1.65rem;
    height: 1.65rem;
    flex-basis: 1.65rem;
  }

  .mc-section-heading-icon {
    width: 0.85rem;
    height: 0.85rem;
  }

  .mc-connect-value,
  .mc-server-control-actions {
    flex-wrap: wrap;
    width: auto;
  }

  .mc-connect-value .mc-technical-value {
    white-space: normal;
  }
}

/* Admin user profile fields */
.mc-users-profile-summary {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-width: 0;
}

.mc-users-avatar {
  height: 4.5rem;
  flex: 0 0 auto;
  border: 2px solid var(--mc-border-strong);
  border-radius: 0.25rem;
  image-rendering: pixelated;
  object-fit: cover;
}

.mc-users-display-name,
.mc-users-lock-status {
  color: var(--mc-text-secondary);
  overflow-wrap: anywhere;
}

.mc-users-lock-status {
  margin-top: 0.2rem;
  font-size: 0.72rem;
}

.mc-users-profile-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.mc-users-profile-options {
  display: grid;
  align-content: start;
  gap: 0.5rem;
}

.mc-users-avatar-input {
  padding: 0.35rem;
}

/* Personal profile page */
.mc-profile-page {
  max-width: 72rem;
  margin: 0 auto;
}

.mc-profile-header {
  margin-bottom: 1rem;
}

.mc-profile-panel {
  padding: 1rem;
}

.mc-profile-layout {
  display: grid;
  grid-template-columns: 16rem minmax(0, 1fr);
  gap: 1.5rem;
}

.mc-profile-avatar-column {
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 0.75rem;
}

.mc-profile-avatar {
  width: 16rem;
  max-width: 100%;
  aspect-ratio: 1;
  border: 3px solid var(--mc-border-strong);
  border-radius: 0.25rem;
  image-rendering: pixelated;
  object-fit: cover;
}

.mc-profile-username {
  color: var(--mc-text-heading);
  overflow-wrap: anywhere;
}

.mc-profile-form,
.mc-profile-fields {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.mc-profile-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mc-profile-email-field,
.mc-profile-avatar-field,
.mc-profile-checkbox {
  grid-column: 1 / -1;
}

.mc-profile-form .mc-input {
  width: 100%;
  padding: 0.55rem 0.65rem;
}

.mc-profile-file {
  padding: 0.35rem;
}

.mc-profile-readonly {
  color: var(--mc-text-muted);
}

.mc-profile-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--mc-text-secondary);
}

.mc-profile-lock-notice {
  padding: 0.75rem;
  border: 1px solid rgb(216 170 58 / 0.55);
  border-radius: 0.25rem;
  background: var(--mc-status-warning-bg);
  color: var(--mc-status-warning-text);
  overflow-wrap: anywhere;
}

.mc-profile-actions {
  display: flex;
  justify-content: flex-end;
}

.mc-profile-message {
  border-radius: 0.25rem;
  overflow-wrap: anywhere;
}

@media (max-width: 700px) {
  .mc-profile-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .mc-profile-avatar {
    width: min(16rem, 100%);
  }

  .mc-profile-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .mc-users-profile-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}