XFEServerManager

/* Minecraft-inspired workbench skin. Original CSS/SVG art, no external fonts or game downloads.
   Deliberately target application chrome, not player-authored menu canvases or rich-text spans. */
:root {
  --bg: #161c18;
  --bg-raised: #1d241f;
  --surface: #2c332b;
  --surface-raised: #394035;
  --surface-hover: #424c39;
  --border: #485141;
  --border-strong: #65725a;
  --text: #f1eddf;
  --text-secondary: #c5cbbb;
  --text-dim: #9faa96;
  --text-muted: #aeb9a3;
  --accent: #a6d86c;
  --accent-strong: #d1ef92;
  --accent-ink: #17230e;
  --cyan: #85d8db;
  --warning: #edc878;
  --danger: #ff9b8b;
  --success: #a6d86c;
  --sidebar-width: 246px;
  --radius: 2px;
  --radius-small: 2px;
  --mc-outline: #0c110d;
  --mc-highlight: #66705b;
  --mc-gold: #dfbd75;
  --mc-stone: url('./assets/mc-stone.svg');
  --mc-wood: url('./assets/mc-planks.svg');
  --mc-raised: inset 2px 2px 0 rgb(220 231 196 / .14), inset -2px -2px 0 rgb(0 0 0 / .35), 0 2px 0 #0c110d;
  --mc-inset: inset 2px 2px 0 #0c110d, inset -1px -1px 0 #56604b;
  --shadow: 0 6px 0 rgb(0 0 0 / .35), 0 20px 60px rgb(0 0 0 / .35);
  --mc-heading-font: "Cascadia Mono", "Consolas", "Microsoft YaHei", "PingFang SC", monospace;
}

body { background: var(--bg); }
.app-shell {
  background: linear-gradient(rgb(16 24 18 / .56), rgb(14 20 16 / .75)), var(--mc-stone);
  background-size: auto, 96px 96px;
}
::selection { color: #faffee; background: #4f7236; }
:where(button, a, input, select, textarea, summary, [tabindex], [contenteditable="true"]):focus-visible {
  outline: 2px solid var(--mc-gold); outline-offset: 3px;
}
:where(.sidebar__navigation, .galaxy-pane, .galaxy-catalog-list, .trigger-node-dialog__body,
  .content-list, .variable-browser__results, .table-shell) { scrollbar-color: #75835d #151c17; scrollbar-width: thin; }

/* Inventory-side navigation and a restrained game HUD. */
.sidebar {
  padding: 20px 14px 14px; background: linear-gradient(rgb(30 37 28 / .9), rgb(23 30 24 / .96)), var(--mc-stone);
  border-right: 3px solid var(--mc-outline); box-shadow: inset -2px 0 0 #45503a;
}
.brand { gap: 12px; padding: 0 2px 20px; }
.brand strong { color: #f3e6bf; font-size: 14px; text-shadow: 2px 2px 0 #0b100c; }
.brand small { color: #adb89d; font-size: 11px; }
.brand__mark--minecraft { width: 42px; height: 42px; display: grid; grid-template-columns: 1fr; gap: 0; place-items: center; padding: 3px; border: 2px solid #0c130c; border-radius: 0; background: #303d25; box-shadow: var(--mc-raised); }
.minecraft-icon { flex: none; image-rendering: pixelated; vertical-align: middle; filter: drop-shadow(0 2px 0 rgb(0 0 0 / .3)); }
.connection-pill { position: relative; flex-wrap: wrap; gap: 7px; margin: 0 0 20px; padding: 11px 12px; font-size: 12px; border: 2px solid var(--mc-outline); border-radius: 1px; background: #192219; box-shadow: var(--mc-inset); }
.connection-pill__dot, .topbar__pulse { border-radius: 0; width: 6px; height: 6px; }
.connection-pill--online .connection-pill__dot, .topbar__pulse { box-shadow: 0 0 0 2px #344826; }
.experience-meter { display: block; flex-basis: 100%; height: 7px; margin-top: 5px; border: 1px solid #0b110c; background: #111810; box-shadow: 0 1px 0 #4b573b; }
.experience-meter__fill { display: block; height: 100%; background: repeating-linear-gradient(90deg, #a8cf58 0 11px, #618b35 11px 13px); box-shadow: inset 0 1px 0 #d7e59a; }
.experience-meter[data-connected="false"] .experience-meter__fill { width: 0; }
.connection-pill--offline .experience-meter__fill { background: #b46c56; box-shadow: none; }
.connection-pill--degraded .experience-meter__fill, .connection-pill--connecting .experience-meter__fill { background: #c39a4a; }
.nav-section + .nav-section { margin-top: 20px; }
.nav-section__label { margin: 0 7px 10px; font-size: 11px; letter-spacing: .08em; color: #a9b78e; }
.nav-section nav { gap: 5px; }
.nav-link { grid-template-columns: 30px minmax(0, 1fr) 12px; gap: 10px; min-height: 44px; padding: 5px 8px; border-radius: 1px; font-size: 13px; border: 1px solid transparent; transition: background 100ms, border-color 100ms; }
.nav-link:hover { background: #303b2c; border-color: #4d5d40; }
.nav-link--active { color: #e6f4c6; background: #35472a; border-color: #809a57; box-shadow: inset 3px 0 0 #b8d67d, inset 0 1px 0 rgb(200 221 162 / .15), 0 2px 0 #10180e; }
.mc-nav-slot { display: grid; place-items: center; width: 30px; height: 30px; background: #161d17; border: 1px solid #0c130e; box-shadow: inset 1px 1px 0 #0a100b, inset -1px -1px 0 #5c6b4b; }
.nav-link--active .mc-nav-slot { background: #293720; box-shadow: inset 1px 1px 0 #13200f, inset -1px -1px 0 #77904d; }
.sidebar__footer { padding-top: 16px; border-top: 2px solid #0f170f; box-shadow: 0 -1px 0 #465139; }
.actor__avatar, .player-avatar { border-radius: 0; color: #e4d5b1; border: 2px solid #10180f; background: #584733; box-shadow: inset 2px 2px 0 #816747, inset -2px -2px 0 #332b20; font-family: var(--mc-heading-font); }
.actor strong { font-size: 12px; } .actor small { font-size: 11px; }
.topbar { height: 62px; padding: 0 26px; gap: 24px; background: linear-gradient(rgb(35 41 31 / .83), rgb(32 38 29 / .93)), var(--mc-wood); border-bottom: 3px solid #0c130d; box-shadow: inset 0 -1px 0 #657052; backdrop-filter: none; }
.topbar__breadcrumb { display: flex; align-items: center; gap: 9px; min-width: 0; }
.topbar__breadcrumb-label { color: #acb29a; font-size: 12px; white-space: nowrap; }
.topbar__page { display: flex; align-items: center; gap: 8px; color: #eee2bd; font-size: 13px; white-space: nowrap; }
.topbar__server { margin-left: auto; white-space: nowrap; font-size: 12px; }
.topbar__server[data-connection="offline"] .topbar__pulse { background: var(--danger); box-shadow: 0 0 0 2px #583326; }
.topbar__server[data-connection="degraded"] .topbar__pulse,
.topbar__server[data-connection="connecting"] .topbar__pulse { background: var(--warning); box-shadow: 0 0 0 2px #4e452a; }
.topbar__actions { margin-left: 0; }
.main-content { padding-top: 26px; }
.main-content--triggers, .main-content--content { width: 100%; max-width: none; padding: 20px 24px 40px; }
.page { animation: none; }
.page-header { padding-bottom: 18px; border-bottom: 2px solid #384432; box-shadow: 0 2px 0 #0d150f; }
.page-header h1 { color: #f1e5c3; font-family: var(--mc-heading-font); font-size: clamp(26px, 2.4vw, 36px); font-weight: 800; letter-spacing: .01em; line-height: 1.25; text-shadow: 2px 3px 0 #0a100a; }
.page-header p { max-width: 850px; color: #b9c3ac; font-size: 13px; line-height: 1.7; }
.page-header__eyebrow { display: inline-flex; gap: 8px; align-items: center; padding: 4px 7px; margin-bottom: 9px; background: #273522; border: 1px solid #5e7942; box-shadow: 2px 2px 0 #0c150b; color: #bcdf87; font-size: 10px; letter-spacing: .12em; }
.page-header__eyebrow::before { content: ""; width: 5px; height: 5px; background: #b3d567; box-shadow: 2px 2px 0 #50662d; }

/* Bevelled stone controls. Dimensions retain the established editor layout. */
.panel { padding: 20px; background: linear-gradient(rgb(43 51 40 / .93), rgb(33 42 32 / .95)), var(--mc-stone); border: 2px solid var(--mc-outline); border-radius: 2px; box-shadow: var(--mc-raised); }
.panel__header { min-height: 28px; padding-bottom: 13px; margin-bottom: 17px; border-bottom: 1px solid #525e45; }
.panel__header h2 { color: #e4ddc5; font-size: 14px; letter-spacing: .015em; }
.panel__header h2 > svg { color: var(--mc-gold); }
.panel-description { color: var(--text-dim); font-size: 12px; line-height: 1.65; }
.button, .language-button { min-height: 36px; padding: 8px 12px; border: 2px solid var(--mc-outline); border-radius: 1px; background: #46503d; color: #eee9da; box-shadow: var(--mc-raised); font-size: 12px; font-weight: 650; text-shadow: 1px 1px 0 #172013; transition: background 90ms, border-color 90ms; }
.button--primary { background: #507431; color: #f5ffdf; border-color: #15210f; box-shadow: inset 2px 2px 0 #9cbc68, inset -2px -2px 0 #3c5828, 0 2px 0 #0d150b; }
.button--secondary { background: #505846; box-shadow: inset 2px 2px 0 #778269, inset -2px -2px 0 #30392b, 0 2px 0 #0c110d; }
.button--ghost { background: #2e392b; color: #d0d6c2; }
.button--danger { background: #934f3f; color: #fff0e4; border-color: #301912; box-shadow: inset 2px 2px 0 #c98165, inset -2px -2px 0 #653228, 0 2px 0 #0d100b; }
.button:hover:not(:disabled), .language-button:hover:not(:disabled) { transform: none; filter: none; border-color: #c4cda7; background-color: #596b44; color: #f6f8e8; }
.button--primary:hover:not(:disabled) { background-color: #527735; }
.button--danger:hover:not(:disabled) { background-color: #a05847; border-color: #f0b29a; }
.button:active:not(:disabled), .language-button:active:not(:disabled) { transform: translateY(1px); box-shadow: inset 2px 2px 0 rgb(0 0 0 / .35), inset -1px -1px 0 rgb(255 255 255 / .15); }
.button:disabled, .language-button:disabled { opacity: .52; filter: grayscale(.7); text-shadow: none; }
.input { min-height: 40px; color: #edeede; background: #141d16; border: 2px solid #0c140e; border-radius: 1px; box-shadow: inset 1px 1px 0 #080e09, inset -1px -1px 0 #62704e; font-size: 13px; }
.input::placeholder { color: #96a289; }
.input:focus { border-color: #9bad76; box-shadow: inset 1px 1px 0 #080e09; }
.input:disabled, .input[readonly] { color: #abb39f; background-color: #232c22; }
.input[aria-invalid="true"] { border-color: var(--danger); }
select option { color: var(--text); background: #263023; }
.field__label { font-size: 12px; color: #d1d7c3; letter-spacing: 0; }
.field__hint { font-size: 11px; color: #a8b29a; line-height: 1.65; }
.search-box { border: 2px solid #0c140e; border-radius: 1px; background: #141d16; box-shadow: var(--mc-inset); }
.search-box .input { box-shadow: none; }
input[type="checkbox"], input[type="radio"], input[type="range"] { accent-color: var(--accent); }
.badge { border-radius: 1px; padding: 4px 7px; color: #d0d5c1; border: 1px solid #677359; background: #35402e; box-shadow: 1px 1px 0 #10170d; font-size: 10px; }
.badge--good { color: #d1ef9d; background: #314924; border-color: #76994c; }
.badge--warn { color: #f3d78f; background: #514529; border-color: #a5894b; }
.badge--danger { color: #ffd3ba; background: #5b362a; border-color: #b47b5c; }
.badge--info { color: #bdebf0; background: #2e4547; border-color: #6a999a; }
.segmented, .tabs, .player-manage-tabs { border-radius: 1px; }
.segmented { padding: 4px; background: #151e15; border: 2px solid #0d140d; box-shadow: var(--mc-inset); }
.segmented button, .player-manage-tabs button, .content-kind-filter button { border-radius: 1px; font-size: 12px; }
.segmented button.is-active, .player-manage-tabs button.is-active, .content-kind-filter button[aria-pressed="true"] { color: #eaf3cd; background: #4f6536; border-color: #869a60; box-shadow: inset 1px 1px 0 #7a9058, 0 2px 0 #17200f; }
code, kbd { color: #c9d99e; }
.keyboard-hint kbd { border-radius: 1px; background: #172015; border-color: #65734f; box-shadow: 0 2px 0 #091108; }

/* Ledger, inventory and progress surfaces shared by the rest of the console. */
.metric-card { position: relative; padding: 18px 16px; border: 2px solid #11180f; background: #2d3827; box-shadow: var(--mc-raised); }
.metric-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: repeating-linear-gradient(90deg, #91b953 0 14px, #608c37 14px 18px); }
.metric-card--warn::before { background: #c7a450; } .metric-card--danger::before { background: #c27d64; }
.metric-card__label { font-size: 11px; color: #bfcaac; }
.metric-card__value { color: #f0e9d3; font-family: var(--mc-heading-font); letter-spacing: 0; font-size: clamp(24px, 2vw, 32px); }
.metric-card__value small, .metric-card__detail { font-size: 11px; }
.definition-list dt, .definition-list dd, table, .location-cell { font-size: 12px; }
th { color: #d6d2b5; background: #35402e; font-size: 11px; padding: 11px 12px; border-bottom: 2px solid #111a0f; }
td { border-color: #46523c; padding: 13px 12px; }
tbody tr:hover { background: rgb(183 209 135 / .06); }
.table-subline, .player-cell small { color: #abb79b; font-size: 11px; }
.feature-switch, .configuration-flags label, .switch-row, .preview-metrics > div,
  .content-assets > div, .content-behavior, .content-feedback, .content-release-banner,
  .confirm-box, .feature-unavailable, .offline-banner, .bootstrap-note, .recovery-codes { border-radius: 1px; }
.feature-switch strong, .configuration-flags label { font-size: 12px; }
.feature-switch small { font-size: 11px; }
.inventory-slot { border-radius: 0; border: 2px solid #11180e; background: #343e2d; box-shadow: var(--mc-inset); }
.inventory-slot:hover { border-color: #c2d198; }
.resource-state, .empty-state p, .empty-state strong { font-size: 12px; line-height: 1.65; }
.empty-state__icon { border-radius: 1px; border: 2px solid #10180f; background: #34402a; box-shadow: var(--mc-raised); color: #b8cd84; }
.form-error, .error-text, .form-success, .confirm-box strong, .confirm-box p { font-size: 12px; }

/* The redstone workbench: clear nodes and branch rails, no loss of working area. */
.trigger-sidebar, .galaxy-pane, .menus-list, .menu-inspector {
  border: 2px solid #0c130c; border-radius: 1px; background: #242e21; box-shadow: var(--mc-raised);
}
.trigger-sidebar__heading, .trigger-sidebar__subheading { background: linear-gradient(rgb(58 54 38 / .86), rgb(48 47 32 / .94)), var(--mc-wood); border-bottom: 2px solid #131b0f; color: #ddd2ac; }
.trigger-group-item { border-bottom-color: #47533b; }
.trigger-group-item.is-active, .trigger-list button.is-active { background: #36482b; box-shadow: inset 3px 0 0 #d7ba77; border-color: #819657; }
.trigger-list button { border-radius: 1px; border-color: #46593a; background: #1a251a; }
.galaxy-pane { padding: 13px; }
.galaxy-pane__heading { padding-bottom: 12px; border-bottom: 2px solid #0c160d; box-shadow: 0 1px 0 #4b5a3c; margin-bottom: 13px; }
.galaxy-pane__heading strong, .galaxy-tree__title strong { color: #e5d6ab; }
.galaxy-tree { background: #19241c; }
.galaxy-tree__section { border-color: #4b5940; }
.galaxy-tree__title { padding: 3px 0 7px; }
.galaxy-tree__node { border-radius: 1px; border: 1px solid #536043; background: #293624; box-shadow: inset 1px 1px 0 rgb(217 230 186 / .08), 0 2px 0 #0d160d; }
.galaxy-tree__node:hover { background: #35452c; border-color: #a5b57e; }
.galaxy-tree__node.is-active { background: #3b4c2c; border-color: #d0b871; box-shadow: inset 3px 0 0 #dfbd75, inset 0 1px 0 #8b9864, 0 2px 0 #0a130b; }
.galaxy-tree__node--statement[data-statement-kind="IF"] > .badge,
.galaxy-tree__node--statement[data-statement-kind="SWITCH"] > .badge { color: #f2d38b; background: #514627; border-color: #a58a4d; }
.galaxy-tree__node--statement[data-statement-kind="ACTION"] > .badge { color: #efd1b3; background: #583b2d; border-color: #a8744d; }
.galaxy-tree__node--statement[data-statement-kind="REPEAT"] > .badge,
.galaxy-tree__node--statement[data-statement-kind="WHILE"] > .badge { color: #bfdfe5; background: #30494b; border-color: #658b90; }
.galaxy-tree__branch { border-left-color: #a3774e; border-left-style: solid; }
.galaxy-tree__branch-label { color: #d2ba87; border-radius: 0; }
.galaxy-tree__branch::before { border-top-color: #a3774e; }
.galaxy-tree__branch-label.is-active { color: #f2daa4; background: #41432a; border-color: #b4935b; }
.galaxy-tree__empty-branch { color: #a9b198; }
.galaxy-statement__toggle { border-radius: 1px; color: #c9b578; }
.galaxy-catalog-list > button { padding: 11px 10px; border: 1px solid #526044; border-radius: 1px; background: #2e3b29; box-shadow: inset 1px 1px 0 #4b5b3c, 0 2px 0 #10190e; }
.galaxy-catalog-list > button:hover:not(:disabled) { border-color: #afbd85; background: #3f4f31; }
.galaxy-catalog-list__description { line-height: 1.65; }
.galaxy-inspector { background: #2c3525; }
.galaxy-expression { border: 2px solid #131c0e; border-radius: 1px; background: #202b1d; box-shadow: inset 1px 1px 0 #4b5e38; padding: 12px; }
.galaxy-expression > strong { color: #c7df91; }
.trigger-node-dialog .galaxy-context-help,
.trigger-node-dialog .galaxy-expression__help { font-size: 12px; line-height: 1.65; }
.trigger-node-dialog .galaxy-context-help strong { font-size: 13px; }
.trigger-node-dialog .galaxy-context-help code { font-size: 11px; }
.galaxy-expression__argument { border-left-color: #7e8b56; }
.galaxy-json { border-radius: 0; border-color: #576449; }
.galaxy-json > summary { color: #c5ba91; }
.galaxy-budget { border-top: 3px solid #647f36; padding-top: 12px; color: #bbc99b; }
.trigger-step { border-radius: 1px; background: #263221; border-color: #526443; }
.trigger-step-number { border-radius: 0; background: #526d35; color: #ecf5ce; border: 1px solid #8da763; box-shadow: 2px 2px 0 #162111; }
.trigger-action-card, .trigger-action-condition, .trigger-condition-row, .trigger-settings-inline { border-radius: 1px; }
.trigger-page--focused > .page-header { background: #1b271b; padding-inline: 14px; }
.content-page { --accent-soft: rgb(170 207 115 / .09); }
.content-release-banner { border: 2px solid #10190e; border-left: 5px solid #adca71; background: #34422b; box-shadow: var(--mc-raised); }
.content-list > button { border: 1px solid #5d6b49; border-radius: 1px; background: #263320; box-shadow: inset 1px 1px 0 #4d5d3b, 0 2px 0 #10180b; }
.content-list > button[aria-pressed="true"] { border-color: #dac07b; background: #435532; }
.content-behavior { background: #263321; border-color: #62794c; border-left: 4px solid #b5995a; }
.menu-control-palette button { border-radius: 1px; background: #2e3b29; border-color: #526044; box-shadow: var(--mc-raised); }
/* Preview controls retain their in-game accent, independent of editor chrome. */
.menu-canvas { --accent: #71e6a1; --accent-strong: #9ff5bd; --accent-ink: #092316; }

/* Dialogs resemble an opened inventory. Rich message body styles remain authored content. */
.modal, .trigger-node-dialog, .variable-browser, .command-catalog { border: 3px solid #10170d; border-radius: 2px; background: #2b3526; box-shadow: inset 2px 2px 0 #748060, inset -2px -2px 0 #151f11, 0 8px 0 rgb(0 0 0 / .4), 0 24px 70px rgb(0 0 0 / .55); }
.modal__header, .trigger-node-dialog__header, .variable-browser__header, .command-catalog__header {
  background: linear-gradient(rgb(64 61 43 / .91), rgb(50 52 34 / .95)), var(--mc-wood); color: #eee0b6; border-bottom: 2px solid #10190c;
}
.trigger-node-dialog__header h2, .modal__header h2 { font-family: var(--mc-heading-font); text-shadow: 2px 2px 0 #172010; }
.trigger-node-dialog__body { background: #293524; }
.trigger-node-dialog__footer { background: #242f1f; border-top: 2px solid #111c0e; box-shadow: inset 0 1px 0 #536440; }
.trigger-node-dialog__close { border-radius: 0; background: #526041; border: 2px solid #172111; box-shadow: var(--mc-raised); }
.trigger-node-dialog .galaxy-expression { background: #1e2b1d; }
.rich-text-editor { border-radius: 1px; border-color: #526641; }
.rich-text-preview { background: #111b13; border: 2px solid #091209; border-radius: 1px; box-shadow: inset -1px -1px 0 #5c7247; }
.rich-text-canvas, .rich-text-preview__prefix { text-shadow: none; }
.rich-text-selection-toolbar, .rich-text-sender { border-color: #596c46; background: #293522; }
.rich-text-toolbar button, .rich-text-style-buttons button { border-radius: 1px; }
.variable-browser__categories { background: #1b291b; border-color: #506443; }
.variable-browser__categories > button { border-radius: 1px; }
.variable-browser__item { border-radius: 1px; background: #263820; border: 1px solid #63794d; box-shadow: var(--mc-raised); }
.variable-browser__item:hover { background: #3b4e2b; border-color: #adbf82; }
.variable-browser__format-help { border-radius: 1px; background: #343c27; border-color: #a28f55; }
.toast { border-radius: 1px; border: 2px solid #111a0d; box-shadow: var(--mc-raised); }

/* A quiet block landscape on login only; decorations never claim real server state. */
.login-page { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(#192b26, #38452f 70%, #182316); }
.login-page__landscape { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.login-page__terrain { position: absolute; left: 0; bottom: 0; width: 100%; }
.login-page__terrain--far { height: 55%; background: #3f543b; opacity: .35; clip-path: polygon(0 40%, 6% 40%, 6% 22%, 18% 22%, 18% 48%, 35% 48%, 35% 9%, 46% 9%, 46% 25%, 62% 25%, 62% 42%, 76% 42%, 76% 0, 89% 0, 89% 29%, 100% 29%, 100% 100%, 0 100%); }
.login-page__terrain--near { height: 42%; background: linear-gradient(#4e6039 0 7px, transparent 7px), var(--mc-stone); clip-path: polygon(0 25%, 10% 25%, 10% 0, 21% 0, 21% 30%, 30% 30%, 30% 45%, 43% 45%, 43% 20%, 54% 20%, 54% 37%, 66% 37%, 66% 9%, 77% 9%, 77% 28%, 88% 28%, 88% 48%, 100% 48%, 100% 100%, 0 100%); opacity: .7; }
.login-page__sun { position: absolute; width: 68px; height: 68px; top: 13%; right: 18%; background: #cfce9b; box-shadow: 0 0 0 10px rgb(231 232 179 / .035), 0 0 0 24px rgb(231 232 179 / .02); }
.login-card { width: min(470px, 100%); padding: 36px; border: 3px solid #111c10; border-radius: 2px; background: linear-gradient(rgb(43 55 36 / .96), rgb(30 43 28 / .97)), var(--mc-stone); box-shadow: inset 2px 2px 0 #76885a, inset -2px -2px 0 #16250f, 0 8px 0 rgb(0 0 0 / .3), 0 24px 65px rgb(0 0 0 / .4); }
.login-brand { color: #e6d6a6; font-family: var(--mc-heading-font); font-size: 16px; }
.login-brand .brand__mark--minecraft { width: 42px; height: 42px; }
.login-icon { border-radius: 1px; background: #344c29; border-color: #829b53; box-shadow: var(--mc-raised); }
.login-card h1 { color: #f2e4bc; font-family: var(--mc-heading-font); text-shadow: 2px 2px 0 #10200d; }
.login-card > p { color: #b9c6a5; font-size: 13px; line-height: 1.7; }
.auth-mode-toggle { font-size: 12px; }
.login-language { z-index: 2; }

@media (max-width: 1180px) {
  .topbar__breadcrumb-label { display: none; }
  .topbar { gap: 14px; }
}
@media (max-width: 880px) {
  .topbar { padding-inline: 16px; }
  .topbar__server { margin-left: auto; }
  .topbar__actions { gap: 6px; }
  .main-content--triggers, .main-content--content { padding: 18px 14px 32px; }
  .page-header { gap: 16px; flex-wrap: wrap; }
}
@media (max-width: 600px) {
  .topbar { gap: 9px; height: 58px; }
  .topbar__breadcrumb { display: none; }
  .topbar__server { margin-left: 0; font-size: 11px; }
  .topbar__actions { margin-left: auto; }
  .topbar .button, .topbar .language-button { padding: 6px 8px; font-size: 11px; }
  .panel { padding: 14px; }
  .page-header h1 { font-size: 26px; }
  .main-content { padding: 20px 14px 36px; }
  .main-content--triggers, .main-content--content { padding: 14px 10px 28px; }
  .trigger-node-dialog__header, .trigger-node-dialog__body, .trigger-node-dialog__footer { padding: 14px; }
  .login-card { padding: 26px 20px; }
  .login-page__sun { right: 8%; top: 8%; }
}
@media (prefers-reduced-motion: reduce) {
  .button:active:not(:disabled), .language-button:active:not(:disabled) { transform: none; }
}
@media (forced-colors: active) {
  .panel, .sidebar, .galaxy-pane, .input, .button, .nav-link, .modal, .trigger-node-dialog { border-color: CanvasText; box-shadow: none; }
  .nav-link--active, .galaxy-tree__node.is-active { outline: 2px solid Highlight; }
}