/* XyziHub Control — Dark Forest. Loaded after legacy inline styles on every /admin HTML page. */
:root {
  color-scheme: dark;
  --xyzi-ink: #e8f7ee;
  --xyzi-muted: #a2bdae;
  --xyzi-faint: #748d80;
  --xyzi-base: #071810;
  --xyzi-surface: #10291d;
  --xyzi-raised: #163527;
  --xyzi-edge: #2d5841;
  --xyzi-accent: #67e5a0;
  --xyzi-accent-deep: #1e925b;
  --xyzi-warning: #f1c77c;
  --xyzi-danger: #f6a5a1;
}
* { -webkit-tap-highlight-color: transparent; }
html { background: var(--xyzi-base); color-scheme: dark !important; }
body.xyzi-theme {
  /* Dashboard uses older CSS custom properties: remap them globally as well. */
  --background: #071810;
  --surface: #123121;
  --surface-soft: #173a28;
  --border: #315c43;
  --border-strong: #498461;
  --text: #e8f7ee;
  --muted: #a2bdae;
  --blue: #7ce9a3;
  --blue-soft: #224732;
  --green: #62d992;
  --green-soft: #193e2b;
  --orange: #e6bc7e;
  --orange-soft: #49391f;
  --red: #e9a39f;
  --shadow: 0 11px 34px #0004;
  color: var(--xyzi-ink) !important;
  background:
    radial-gradient(ellipse 70% 48% at 0% -8%, rgba(24, 111, 69, .34), transparent 85%),
    radial-gradient(ellipse 60% 38% at 100% 4%, rgba(28, 80, 51, .40), transparent 82%),
    linear-gradient(165deg, #091f17, #061610 50%, #091a14) !important;
  min-height: 100vh;
  letter-spacing: .003em;
  -webkit-font-smoothing: antialiased;
}
body.xyzi-theme header {
  position: relative;
  z-index: 2;
  color: var(--xyzi-ink) !important;
  background: linear-gradient(105deg, rgba(9, 41, 27, .98), rgba(12, 33, 26, .97)) !important;
  border-bottom: 1px solid #376348 !important;
  box-shadow: 0 12px 40px #0004, inset 0 -1px #7aedac10 !important;
}
body.xyzi-theme header .brand,
body.xyzi-theme .brand {
  color: #adf7bd !important;
  font-weight: 850;
  letter-spacing: -.025em;
  text-decoration: none;
  text-shadow: 0 0 25px #48e88a38;
}
body.xyzi-theme main:not(.card) { width: min(1160px, calc(100% - 28px)); max-width: 1160px; margin-inline: auto; }
body.xyzi-theme main.card { width: min(420px, calc(100% - 32px)) !important; max-width: 420px !important; margin: auto !important; padding: 32px !important; }
body.xyzi-theme h1,
body.xyzi-theme h2,
body.xyzi-theme h3,
body.xyzi-theme h4,
body.xyzi-theme strong { color: var(--xyzi-ink); }
body.xyzi-theme h1 { letter-spacing: -.037em; font-weight: 830; font-size: clamp(25px, 4vw, 37px); line-height: 1.16; }
body.xyzi-theme h2 { letter-spacing: -.022em; }
body.xyzi-theme p,
body.xyzi-theme dt,
body.xyzi-theme dd,
body.xyzi-theme label,
body.xyzi-theme small,
body.xyzi-theme li { color: #d0e3d7; }
body.xyzi-theme .hint,
body.xyzi-theme .muted,
body.xyzi-theme .meta,
body.xyzi-theme .username,
body.xyzi-theme .description,
body.xyzi-theme .uuid,
body.xyzi-theme .device-id,
body.xyzi-theme .breadcrumbs,
body.xyzi-theme .breadcrumb,
body.xyzi-theme .user-list-meta { color: var(--xyzi-muted) !important; }
body.xyzi-theme .hint,
body.xyzi-theme .muted,
body.xyzi-theme .meta { line-height: 1.55; }
body.xyzi-theme a { color: #a8f4c3; text-underline-offset: 3px; }
body.xyzi-theme a:hover { color: #d2ffe1; }
body.xyzi-theme a:focus-visible,
body.xyzi-theme button:focus-visible,
body.xyzi-theme input:focus-visible,
body.xyzi-theme select:focus-visible,
body.xyzi-theme textarea:focus-visible,
body.xyzi-theme summary:focus-visible {
  outline: 2px solid var(--xyzi-accent) !important;
  outline-offset: 3px;
}
body.xyzi-theme .card,
body.xyzi-theme .detail,
body.xyzi-theme .operator-block,
body.xyzi-theme .panel,
body.xyzi-theme .user-card,
body.xyzi-theme .node-card,
body.xyzi-theme .user-mini-panel,
body.xyzi-theme .empty {
  color: var(--xyzi-ink) !important;
  background: linear-gradient(147deg, rgba(24, 57, 39, .97), rgba(13, 36, 26, .98)) !important;
  border: 1px solid var(--xyzi-edge) !important;
  border-radius: 17px !important;
  box-shadow: 0 10px 36px #0003, inset 0 1px #c3f8d610 !important;
}
body.xyzi-theme .card:hover,
body.xyzi-theme .user-card:hover,
body.xyzi-theme .node-card:hover { border-color: #4c8361 !important; }
body.xyzi-theme .grid { gap: 13px; align-items: start; }
body.xyzi-theme .row { gap: 12px; }
body.xyzi-theme .protocol,
body.xyzi-theme .operation,
body.xyzi-theme .protocol-row,
body.xyzi-theme .access-node,
body.xyzi-theme .choice,
body.xyzi-theme .access-protocol-choice,
body.xyzi-theme .field,
body.xyzi-theme .item {
  border-color: #345a45 !important;
  background-color: rgba(6, 25, 16, .44) !important;
  color: var(--xyzi-ink) !important;
  border-radius: 11px;
}
body.xyzi-theme .protocol:hover,
body.xyzi-theme .choice:hover { border-color: #5a9d70 !important; }
body.xyzi-theme input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.xyzi-theme select,
body.xyzi-theme textarea {
  background: #0a2418 !important;
  border: 1px solid #3c6650 !important;
  border-radius: 11px !important;
  color: #edf9f0 !important;
  box-shadow: inset 0 2px 8px #0002;
}
body.xyzi-theme input::placeholder,
body.xyzi-theme textarea::placeholder { color: #829f8d !important; }
body.xyzi-theme select option { color: #e4f4e9; background: #10291d; }
body.xyzi-theme input[type="checkbox"],
body.xyzi-theme input[type="radio"] { accent-color: #5cdb93; }
body.xyzi-theme button,
body.xyzi-theme .button,
body.xyzi-theme a.button,
body.xyzi-theme .edit-link {
  min-height: 40px;
  background: linear-gradient(145deg, #266b47, #1b4d35) !important;
  color: #eaffef !important;
  border: 1px solid #499768 !important;
  border-radius: 11px !important;
  box-shadow: 0 3px 14px #0003, inset 0 1px #b3efc421 !important;
  font-weight: 720;
  text-decoration: none;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
body.xyzi-theme .edit-link { display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; width: fit-content; }
body.xyzi-theme button:hover,
body.xyzi-theme .button:hover,
body.xyzi-theme .edit-link:hover { background: #297c4d !important; border-color: #7ceaaa !important; transform: translateY(-1px); }
body.xyzi-theme button:disabled { opacity: .50; cursor: not-allowed; transform: none; }
body.xyzi-theme button.danger,
body.xyzi-theme .danger,
body.xyzi-theme .danger-action { background: #562b2e !important; color: #ffd9d7 !important; border-color: #985858 !important; }
body.xyzi-theme button.secondary,
body.xyzi-theme .secondary,
body.xyzi-theme header button { background: #173d2a !important; color: #c7efd4 !important; border-color: #3b6a4e !important; }
body.xyzi-theme .status,
body.xyzi-theme .pill,
body.xyzi-theme .badge,
body.xyzi-theme .status-pill {
  background: #183f2c !important;
  color: #b1f7c8 !important;
  border: 1px solid #428c60 !important;
  border-radius: 999px !important;
}
body.xyzi-theme .page-notice,
body.xyzi-theme .ok { background: #133f2c !important; border: 1px solid #368853 !important; color: #c0f8d1 !important; border-radius: 12px; }
body.xyzi-theme .error,
body.xyzi-theme .page-error { background: #492929 !important; border: 1px solid #a15a56 !important; color: #ffe0dc !important; border-radius: 12px; }
body.xyzi-theme .warning { background: #3b3620 !important; border: 1px solid #8b7940 !important; color: #ffe9ae !important; border-radius: 12px; }
body.xyzi-theme hr,
body.xyzi-theme table,
body.xyzi-theme th,
body.xyzi-theme td,
body.xyzi-theme dl > div { border-color: #2b513b !important; }
body.xyzi-theme table { background: #0c261a !important; border-radius: 10px; }
body.xyzi-theme tr:nth-child(even) { background: #1a3828 !important; }
body.xyzi-theme th { background: #244a32 !important; color: #def6e5 !important; }
body.xyzi-theme pre,
body.xyzi-theme code { background: #082016; color: #a6f1c3; border-color: #2f6244; }
body.xyzi-theme .brand-mark,
body.xyzi-theme .action-icon { background: #255337 !important; color: #b0f4c7 !important; border-color: #3c8055 !important; box-shadow: inset 0 1px #cbffe11c; }
body.xyzi-theme .dashboard-section,
body.xyzi-theme .system-card,
body.xyzi-theme .attention-card-compact,
body.xyzi-theme .action-card {
  background: linear-gradient(142deg, #1b402c, #102c1e) !important;
  border-color: #366448 !important;
  box-shadow: 0 11px 32px #0003, inset 0 1px #d2ffe414 !important;
  color: #eaf9ef !important;
}
body.xyzi-theme .action-card { transition: border-color .18s ease, transform .18s ease; }
body.xyzi-theme .action-card:hover { border-color: #79cf96 !important; transform: translateY(-2px); }
body.xyzi-theme .attention-card-compact { border-left: 3px solid #6ed894 !important; }
body.xyzi-theme .attention-head,
body.xyzi-theme .system-head { color: #e7f9ed !important; }
body.xyzi-theme .user-list-item {
  color: var(--xyzi-ink) !important;
  background: linear-gradient(115deg, #153525, #0d271d) !important;
  border: 1px solid #315d43 !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 20px #0002;
  text-decoration: none;
  transition: border-color .18s ease, transform .18s ease;
}
body.xyzi-theme .user-list-item:hover { border-color: #76dba0 !important; transform: translateY(-2px); }
body.xyzi-theme .user-list-item strong { color: #eafff0; }
body.xyzi-theme .user-mini-panel { margin-block: 3px; background: #133322 !important; }
body.xyzi-theme .user-mini-panel[open] { border-color: #67c68a !important; background: #1a3b28 !important; }
body.xyzi-theme .user-mini-panel > summary { color: #e5f6ea; }
body.xyzi-theme .user-mini-panel > summary span { color: #9ec9ab !important; }
body.xyzi-theme .user-status-options { background: #123422 !important; border-color: #447e56 !important; box-shadow: 0 18px 32px #0007 !important; }
body.xyzi-theme .user-status-menu[data-status="SUSPENDED"] > summary { color: #ffdeaa !important; background: #514020 !important; border-color: #a78740 !important; }
body.xyzi-theme .user-status-menu[data-status="DISABLED"] > summary { color: #ffc1bb !important; background: #512d2b !important; border-color: #b65d5d !important; }
body.xyzi-theme .user-status-menu[data-status="PENDING"] > summary { color: #d1d4ff !important; background: #2a344a !important; border-color: #586b9a !important; }
/* Fixed-position control area remains visible without covering mobile content. */
body.xyzi-theme .xyzi-global-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 13px;
  padding: 12px 15px;
  margin: 0 0 25px;
  border: 1px solid #315c42;
  border-radius: 17px;
  background: linear-gradient(105deg, rgba(24, 66, 42, .94), rgba(14, 44, 32, .91));
  box-shadow: 0 8px 30px #0003, inset 0 1px #bfffd316;
}
body.xyzi-theme .xyzi-toolbar-title { display: flex; align-items: center; gap: 10px; min-width: 0; }
body.xyzi-theme .xyzi-toolbar-title strong { color: #edfff1; max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.xyzi-theme .xyzi-go-back { white-space: nowrap; display: inline-flex; align-items: center; gap: 7px; text-decoration: none; padding: 8px 13px; border-radius: 10px; border: 1px solid #467f57; background: #1a4830; color: #d7fbe1; font-weight: 740; min-height: 40px; }
body.xyzi-theme .xyzi-go-back:hover { background: #245d3c; }
body.xyzi-theme .xyzi-toolbar-links { display: flex; align-items: center; gap: 5px; overflow-x: auto; max-width: 100%; scrollbar-width: thin; }
body.xyzi-theme .xyzi-toolbar-links a { white-space: nowrap; padding: 9px 11px; font-size: 13px; font-weight: 730; text-decoration: none; border-radius: 10px; color: #abd8b8; border: 1px solid transparent; }
body.xyzi-theme .xyzi-toolbar-links a[aria-current="page"] { color: #062519; background: #83e5a2; border-color: #a5ffba; }
body.xyzi-theme .xyzi-toolbar-links a:hover:not([aria-current="page"]) { background: #265338; color: #d9ffe5; }
body.xyzi-theme.xyzi-has-toolbar .page-nav .back-button { display: none !important; }
body.xyzi-theme .xyzi-disclosure {
  display: block;
  min-width: 0;
  margin: 0 0 13px;
  border: 1px solid #315f44;
  border-radius: 17px;
  overflow: clip;
  background: linear-gradient(133deg, #173c29, #0e2c20);
  box-shadow: 0 8px 22px #0003;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body.xyzi-theme .xyzi-disclosure:nth-child(3n + 1) { border-top: 2px solid #34895c; }
body.xyzi-theme .xyzi-disclosure:nth-child(3n + 2) { border-top: 2px solid #4eaf82; }
body.xyzi-theme .xyzi-disclosure:nth-child(3n) { border-top: 2px solid #799d59; }
body.xyzi-theme.xyzi-has-toolbar header > a[href="/admin/users"] { display: none; }
body.xyzi-theme ::-webkit-scrollbar { width: 9px; height: 6px; }
body.xyzi-theme ::-webkit-scrollbar-thumb { background: #3c7151; border-radius: 999px; }
body.xyzi-theme ::-webkit-scrollbar-track { background: #0b251a; }
body.xyzi-theme .xyzi-disclosure:hover { border-color: #65af7b; }
body.xyzi-theme .xyzi-disclosure[open] { border-color: #76c992; box-shadow: 0 10px 34px #0005, 0 0 0 1px #8cf2ac1e; }
body.xyzi-theme .xyzi-disclosure > .xyzi-card-summary {
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  color: #e9faef;
  padding: 13px 16px;
  min-height: 52px;
  list-style: none;
  font-size: 15px;
  font-weight: 790;
  letter-spacing: -.01em;
  user-select: none;
}
body.xyzi-theme .xyzi-card-summary::-webkit-details-marker { display: none; }
body.xyzi-theme .xyzi-card-summary::after { content: "+"; font-size: 23px; font-weight: 400; line-height: 1; color: #8cf2ac; }
body.xyzi-theme .xyzi-disclosure[open] > .xyzi-card-summary::after { content: "−"; }
body.xyzi-theme .xyzi-disclosure[open] > .xyzi-card-summary { border-bottom: 1px solid #386249; background: #1a452e; }
body.xyzi-theme .xyzi-disclosure > .card,
body.xyzi-theme .xyzi-disclosure > .operator-block {
  width: 100%;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 0 15px 15px !important;
  box-shadow: none !important;
}
body.xyzi-theme .xyzi-disclosure > .card > h2:first-child,
body.xyzi-theme .xyzi-disclosure > .card > .card-head:first-child > h2,
body.xyzi-theme .xyzi-disclosure > .card > .row:first-child h2:first-child { color: #b6f3c6; }
body.xyzi-theme form { color: #e1f2e7; }
body.xyzi-theme .xyzi-card-summary:focus-visible { outline-offset: -4px; }
@media (max-width: 750px) {
  body.xyzi-theme main:not(.card) { width: calc(100% - 22px) !important; padding: 0 0 36px !important; margin: 22px auto !important; }
  body.xyzi-theme main.card { width: min(420px, calc(100% - 32px)) !important; padding: 25px !important; }
  body.xyzi-theme header { padding: 15px 12px !important; }
  body.xyzi-theme .xyzi-global-toolbar { margin-bottom: 17px; padding: 11px; }
  body.xyzi-theme .xyzi-toolbar-links { width: 100%; padding-bottom: 2px; }
  body.xyzi-theme .card,
  body.xyzi-theme .user-card,
  body.xyzi-theme .detail { padding: 13px !important; }
  body.xyzi-theme .xyzi-disclosure > .card { padding: 13px !important; }
  body.xyzi-theme .xyzi-disclosure > .xyzi-card-summary { padding: 12px; }
  body.xyzi-theme button,
  body.xyzi-theme .button { min-height: 44px; }
  body.xyzi-theme .grid { grid-template-columns: minmax(0, 1fr) !important; }
  body.xyzi-theme .user-list-item { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  body.xyzi-theme *,
  body.xyzi-theme *::before,
  body.xyzi-theme *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Deep Forest v2: final high-specificity layer over independent legacy templates. */
/* Dark depth, not brightness: retain contrast primarily through typography. */
:root {
  color-scheme: dark !important;
  --xyzi-ink: #e1eee4;
  --xyzi-muted: #94ad9a;
  --xyzi-faint: #728e7c;
  --xyzi-base: #030e09;
  --xyzi-surface: #081b12;
  --xyzi-raised: #0d2619;
  --xyzi-edge: #244632;
  --xyzi-accent: #3e9560;
  --xyzi-accent-deep: #205538;
}
html { background: #030e09 !important; color-scheme: dark !important; }
body.xyzi-theme {
  color-scheme: dark !important;
  --background: #030e09; --surface: #081b12; --surface-soft: #0d2619;
  --border: #244632; --border-strong: #355f44; --text: #e1eee4;
  --muted: #94ad9a; --blue: #5dbe82; --blue-soft: #113320;
  --green: #4fa572; --green-soft: #0e2d1d; --shadow: 0 14px 35px #0009;
  background:
    radial-gradient(ellipse 80% 38% at 8% -9%, rgba(19, 56, 34, .20), transparent 85%),
    linear-gradient(170deg, #04110a, #030e09 48%, #020b07) !important;
  color: #e1eee4 !important;
}
body.xyzi-theme header {
  background: linear-gradient(105deg, #07190f, #051209) !important;
  border-color: #1d3829 !important;
  box-shadow: 0 10px 25px #0006 !important;
}
body.xyzi-theme .brand,
body.xyzi-theme header .brand {
  color: #c2dfca !important;
  text-shadow: none !important;
}
body.xyzi-theme :is(h1,h2,h3,h4,strong) { color: #e4f0e6; }
body.xyzi-theme :is(p,dt,dd,label,small,li) { color: #c1d4c6; }
body.xyzi-theme :is(.hint,.muted,.meta,.username,.description,.uuid,.device-id,.breadcrumbs,.breadcrumb,.user-list-meta) {
  color: #94ad9a !important;
}
body.xyzi-theme a { color: #b0dbc0; }
body.xyzi-theme a:hover { color: #d8f2df; }
body.xyzi-theme .xyzi-global-toolbar {
  background: linear-gradient(120deg, #0b2518, #071a11) !important;
  border-color: #234633 !important;
  box-shadow: 0 10px 26px #0007, inset 0 1px #b6d6bf0b !important;
  padding: 10px 11px !important;
  gap: 7px !important;
}
body.xyzi-theme .xyzi-toolbar-title { gap: 8px; }
body.xyzi-theme .xyzi-toolbar-title strong {
  color: #e1eee4 !important;
  font-size: clamp(14px, 3.7vw, 18px);
}
body.xyzi-theme .xyzi-go-back,
body.xyzi-theme :is(.back-button,a.create-link,a.primary-link,a.button,.button,.edit-link) {
  background: linear-gradient(145deg, #153c28, #0f291c) !important;
  border: 1px solid #31583e !important;
  box-shadow: 0 3px 10px #0005, inset 0 1px #cee8d30d !important;
  color: #e0ede2 !important;
  text-decoration: none !important;
  border-radius: 10px !important;
  font-weight: 735 !important;
}
body.xyzi-theme :is(.back-button,a.create-link,a.primary-link,a.button,.button,.edit-link):hover {
  background: #1d4930 !important;
  border-color: #427d54 !important;
  color: #edfaef !important;
}
body.xyzi-theme :is(button,input[type="submit"],input[type="button"],.button,.edit-link,a.create-link) {
  min-height: 42px;
  background: linear-gradient(145deg, #17442c, #102d20) !important;
  border: 1px solid #345f43 !important;
  color: #e0ede4 !important;
  box-shadow: 0 3px 10px #0005, inset 0 1px #b9dabe0e !important;
  font-weight: 730;
}
body.xyzi-theme :is(button,input[type="submit"],input[type="button"],.button):hover {
  background: #1d5233 !important;
  border-color: #4b8b61 !important;
}
body.xyzi-theme :is(button,input[type="submit"],input[type="button"]):active { transform: translateY(0) !important; background: #153c27 !important; }
body.xyzi-theme :is(button,input[type="submit"],input[type="button"]):disabled {
  background: #102319 !important; color: #789786 !important;
  border-color: #233b2c !important; cursor: not-allowed;
}
body.xyzi-theme :is(button.danger,.danger-action,button[data-danger]) {
  background: #3c2022 !important; border-color: #834849 !important;
  color: #ffd7d2 !important;
}
body.xyzi-theme a.create-link {
  display: inline-flex;
  align-items: center;
  margin: 0 10px 14px 0 !important;
  padding: 11px 15px !important;
  width: fit-content;
  max-width: 100%;
  overflow-wrap: anywhere;
}
body.xyzi-theme :is(.card,.detail,.operator-block,.panel,.user-card,.node-card,.user-mini-panel,.empty,
  .dashboard-section,.system-card,.attention-card-compact,.action-card) {
  color: #e1eee4 !important;
  background: linear-gradient(140deg, #0a2015, #07170f) !important;
  border-color: #233d2d !important;
  box-shadow: 0 12px 30px #0007, inset 0 1px #cee7d408 !important;
}
body.xyzi-theme :is(.card,.user-card,.node-card,.action-card):hover { border-color: #335944 !important; }
body.xyzi-theme :is(.brand-mark,.action-icon,.dashboard-icon,.stat-icon) {
  background: #0d2a1b !important;
  border-color: #26533a !important;
  color: #74bc8d !important;
  box-shadow: none !important;
}
body.xyzi-theme :is(.protocol,.operation,.protocol-row,.access-node,.choice,.access-protocol-choice,.field,.item,
 .user-mini-body .protocol,.subscription-ready,.subscription-wait,.user-status-options) {
  background: #071a10 !important;
  border-color: #223f2d !important;
  color: #dbe9df !important;
  box-shadow: none !important;
}
body.xyzi-theme :is(.user-list-item,.user-list-item:hover) {
  background: linear-gradient(115deg, #0b2216, #07180f) !important;
  border-color: #274834 !important;
  box-shadow: 0 6px 18px #0006 !important;
}
body.xyzi-theme .user-list-item:hover { border-color: #457858 !important; }
body.xyzi-theme .user-mini-panel { background: #091f14 !important; border-color: #294734 !important; }
body.xyzi-theme .user-mini-panel[open] { background: #0e281a !important; border-color: #356748 !important; }
body.xyzi-theme .user-mini-panel > summary span { color: #9bb5a3 !important; }
body.xyzi-theme .xyzi-disclosure {
  background: linear-gradient(135deg, #0a2115, #071a10) !important;
  border: 1px solid #274634 !important;
  box-shadow: 0 8px 24px #0007 !important;
}
body.xyzi-theme .xyzi-disclosure:nth-child(n) { border-top: 1px solid #274634 !important; }
body.xyzi-theme .xyzi-disclosure[open] {
  background: #0a2015 !important;
  border-color: #386b49 !important;
  box-shadow: 0 9px 28px #0008, 0 0 0 1px #9dc8a512 !important;
}
body.xyzi-theme .xyzi-disclosure[open] > .xyzi-card-summary {
  background: #0d281a !important;
  border-bottom-color: #284b36 !important;
}
body.xyzi-theme .xyzi-card-summary::after { color: #6fb58b; }
body.xyzi-theme :is(.status,.pill,.badge,.status-pill) {
  background: #102a1b !important;
  border-color: #326647 !important;
  color: #a4d5b4 !important;
}
body.xyzi-theme .xyzi-toolbar-links { gap: 2px; }
body.xyzi-theme .xyzi-toolbar-links a {
  color: #a2baa8 !important;
  font-size: 12px;
  padding: 8px 9px;
  border: 1px solid transparent;
}
body.xyzi-theme .xyzi-toolbar-links a[aria-current="page"] {
  color: #dcefe1 !important;
  background: #1b4b30 !important;
  border-color: #34694b !important;
  box-shadow: inset 0 1px #b4d9ba10;
}
body.xyzi-theme .xyzi-toolbar-links a:hover:not([aria-current="page"]) {
  background: #102b1c !important; color: #e1eee5 !important;
}
body.xyzi-theme .xyzi-go-back { min-height: 38px; padding: 7px 12px; }
body.xyzi-theme :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,textarea,fieldset,dialog,[role="listbox"],[role="menu"]) {
  color-scheme: dark !important;
  background: #07180f !important;
  border-color: #294b36 !important;
  color: #e1ede4 !important;
}
body.xyzi-theme select { appearance: auto; -webkit-appearance: auto; }
body.xyzi-theme :is(select option,select optgroup) {
  color-scheme: dark !important;
  background: #0a2216 !important;
  color: #e3efe6 !important;
}
body.xyzi-theme :is(input:focus,select:focus,textarea:focus) { border-color: #478963 !important; }
body.xyzi-theme :is(input[type="checkbox"],input[type="radio"]) {
  accent-color: #42885b !important;
  color-scheme: dark !important;
}
/* Accessible in-page replacement for OS-controlled light Android select sheets. */
body.xyzi-theme .xyzi-profile-picker {
  border: 1px solid #32533e !important;
  border-radius: 13px;
  background: #081c12 !important;
  min-width: 0;
  overflow: clip;
}
body.xyzi-theme .xyzi-profile-picker > summary {
  padding: 13px 15px;
  min-height: 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: #e4f0e6 !important;
  background: #102b1c !important;
  list-style: none;
  font-weight: 750;
}
body.xyzi-theme .xyzi-profile-picker > summary::-webkit-details-marker { display: none; }
body.xyzi-theme .xyzi-profile-chevron { color: #82b697; font-size: 20px; }
body.xyzi-theme .xyzi-profile-picker[open] .xyzi-profile-chevron { transform: rotate(180deg); }
body.xyzi-theme .xyzi-profile-options {
  display: grid;
  margin: 0;
  padding: 5px;
  border: 0 !important;
  border-top: 1px solid #274935 !important;
  border-radius: 0 !important;
  background: #06180f !important;
}
body.xyzi-theme .xyzi-profile-options legend { color: #97b49f !important; font-size: 13px; padding: 9px 11px 3px; }
body.xyzi-theme .xyzi-profile-choice {
  position: relative;
  padding: 11px 13px;
  display: flex !important;
  align-items: center;
  gap: 11px;
  cursor: pointer;
  min-height: 47px;
  border: 1px solid transparent !important;
  border-radius: 9px;
  background: #091c12 !important;
  color: #ddece1 !important;
}
body.xyzi-theme .xyzi-profile-choice + .xyzi-profile-choice { margin-top: 3px; }
body.xyzi-theme .xyzi-profile-choice:hover { background: #143220 !important; }
body.xyzi-theme .xyzi-profile-choice:has(input:checked) {
  background: #153b26 !important;
  border-color: #417955 !important;
  color: #eaf5ec !important;
}
body.xyzi-theme .xyzi-profile-choice input[type="radio"] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  accent-color: #5da975 !important;
  margin: 0;
}
body.xyzi-theme .xyzi-profile-choice span { color: inherit !important; }
body.xyzi-theme .xyzi-profile-choice:has(input:focus-visible) {
  outline: 2px solid #5a956b !important; outline-offset: -2px;
}
body.xyzi-theme .warning { background: #242015 !important; border-color: #6b5934 !important; color: #f1dcac !important; }
body.xyzi-theme .error { background: #311c1c !important; border-color: #704043 !important; color: #f4c4c0 !important; }
body.xyzi-theme :is(th,td,table,hr) { border-color: #264531 !important; }
body.xyzi-theme th { background: #143020 !important; }
body.xyzi-theme tr:nth-child(even) { background: #091b11 !important; }
body.xyzi-theme ::-webkit-scrollbar-thumb { background: #2a553b; }
body.xyzi-theme ::-webkit-scrollbar-track { background: #06130b; }
@media (max-width: 660px) {
  body.xyzi-theme .xyzi-global-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px !important;
    padding: 9px !important;
    border-radius: 13px !important;
    margin: 0 0 18px !important;
  }
  body.xyzi-theme .xyzi-toolbar-title { justify-content: flex-start; min-width: 0; }
  body.xyzi-theme .xyzi-toolbar-links {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr));
    width: 100% !important;
    max-width: none !important;
    gap: 4px !important;
    overflow: visible !important;
  }
  body.xyzi-theme .xyzi-toolbar-links a {
    text-align: center;
    padding: 8px 3px !important;
    white-space: normal !important;
    line-height: 1.2;
    font-size: clamp(11px, 3.2vw, 13px) !important;
    min-width: 0;
  }
  body.xyzi-theme .xyzi-go-back { font-size: 14px; }
  body.xyzi-theme main:not(.card) { margin: 14px auto !important; }
  body.xyzi-theme a.create-link { font-size: 14px; min-height: 40px; }
}

/* Forest Polish v3: remove double-backed dashboard cards and unify mobile spacing. */
body.xyzi-theme { font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; font-size: 15px; line-height: 1.54; }
body.xyzi-theme :is(button,input,select,textarea,summary) { font-family: inherit !important; }
body.xyzi-theme h1 { font-size: clamp(24px,5vw,34px) !important; line-height:1.22; }
body.xyzi-theme h2 { font-size: clamp(17px,4.1vw,20px) !important; line-height:1.3; }
body.xyzi-theme h3 { font-size: 16px !important; line-height:1.4; }
body.xyzi-theme :is(.dashboard-section:not(.system-card),.dashboard-section:not(.system-card):hover) {
 background:transparent !important; border:0 !important; outline:0 !important; box-shadow:none !important;
 padding:0 !important; margin:0 0 12px !important; border-radius:0 !important; overflow:visible !important;
}
body.xyzi-theme .dashboard-section:not(.system-card) > :is(.attention-card,.attention-card-compact,.attention-card-ok,.attention-card-warning,.attention-card-alert) {
 background:#07190f !important; border:1px solid #1d3b29 !important; border-radius:16px !important;
 overflow:hidden !important; box-shadow:0 8px 20px #0006 !important; margin:0 !important;
}
body.xyzi-theme :is(.attention-card,.attention-card-compact,.attention-card-ok,.attention-card-warning,.attention-card-alert) > .attention-head {
 background:#0b2116 !important; padding:13px 15px !important; border-radius:15px 15px 0 0 !important;
}
body.xyzi-theme .attention-empty { padding:15px 17px !important; background:#07190f !important; color:#a4bbaa !important; }
body.xyzi-theme .attention-badge { background:#1c4b2f !important; color:#cce8d3 !important; }
body.xyzi-theme .attention-symbol { background:#133421 !important; color:#90caa5 !important; }
body.xyzi-theme .quick-actions { margin:10px 0 0 !important; gap:12px !important; }
body.xyzi-theme .action-card { background:#081b12 !important; border-color:#213d2a !important; box-shadow:0 6px 19px #0005 !important; }
body.xyzi-theme .system-card { margin:12px 0 18px !important; background:#091e13 !important; border:1px solid #244431 !important; border-radius:16px !important; padding:17px !important; }
body.xyzi-theme .system-card .system-grid { margin-top:13px !important; }
body.xyzi-theme .xyzi-disclosure:has(> .system-card) { margin-top:12px !important; }
body.xyzi-theme .xyzi-disclosure > .system-card { padding:16px !important; margin:0 !important; border:0 !important; }
body.xyzi-theme .xyzi-disclosure > .operator-block { padding:16px 18px 19px !important; margin:0 !important; border-top:0 !important; }
body.xyzi-theme .xyzi-disclosure > .operator-block > :is(p,form,div,ul) { margin-inline:0; }
body.xyzi-theme .operator-block { padding-inline:15px !important; }
body.xyzi-theme .operator-block :is(form,section,.row) { min-width:0; }
body.xyzi-theme .operator-block :is(p,small,.muted,dt,dd) { line-height:1.52; overflow-wrap:anywhere; }
body.xyzi-theme .operator-block :is(input,select,textarea) { max-width:100%; min-width:0; }
body.xyzi-theme .xyzi-group-header { margin:0 0 20px !important; align-items:center !important; gap:18px !important; }
body.xyzi-theme .xyzi-group-header .button { margin:8px 0 0 !important; flex:0 0 auto; }
body.xyzi-theme .xyzi-group-editor { font-size:15px !important; line-height:1.58 !important; padding:18px !important; }
body.xyzi-theme .xyzi-group-editor :is(label,p,input,textarea,select) { font-size:15px !important; }
body.xyzi-theme .xyzi-group-editor :is(h2,h3) { margin:23px 0 12px !important; }
body.xyzi-theme .xyzi-group-editor .choice { padding:12px 14px !important; margin:8px 0 !important; }
body.xyzi-theme .xyzi-group-editor button[type=submit] { margin-top:18px !important; }
body.xyzi-theme .user-mini-body .xyzi-device-list { display:grid !important; gap:11px !important; width:100%; }
body.xyzi-theme .xyzi-device-row {
 display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:10px 13px !important;
 align-items:center !important; min-width:0; padding:13px 14px !important; background:#07190f !important;
 border:1px solid #294734 !important; border-radius:12px !important;
}
body.xyzi-theme .xyzi-device-identity { display:grid; gap:4px; min-width:0; overflow-wrap:anywhere; }
body.xyzi-theme .xyzi-device-identity strong { font-size:15px; line-height:1.3; }
body.xyzi-theme .xyzi-device-identity small { font-size:12px; color:#9caf9f !important; line-height:1.45; overflow-wrap:anywhere; }
body.xyzi-theme .xyzi-device-action { margin:0 !important; justify-self:end; align-self:center; white-space:nowrap; }
body.xyzi-theme .xyzi-device-add { margin:14px 0 16px !important; display:inline-flex !important; }
body.xyzi-theme .xyzi-device-list + .xyzi-device-add { margin-top:14px !important; }
body.xyzi-theme .xyzi-protocol-picker { display:block; margin:9px 0 12px; border:1px solid #31513c !important; border-radius:12px; background:#081b11 !important; color:#d9e8dd; overflow:hidden; }
body.xyzi-theme .xyzi-protocol-picker > summary { list-style:none; cursor:pointer; padding:12px 14px; display:flex; gap:12px; justify-content:space-between; align-items:center; background:#102b1b !important; color:#e3eee5 !important; font-weight:700; min-height:45px; }
body.xyzi-theme .xyzi-protocol-picker > summary::-webkit-details-marker { display:none; }
body.xyzi-theme .xyzi-protocol-picker > summary::after { content:'⌄'; font-size:18px; color:#8fbaa0; }
body.xyzi-theme .xyzi-protocol-picker[open] > summary::after { content:'⌃'; }
body.xyzi-theme .xyzi-protocol-picker-options { display:grid; gap:3px; margin:0; padding:6px; border:0 !important; background:#06170e !important; min-width:0; max-height:280px; overflow-y:auto; }
body.xyzi-theme .xyzi-protocol-option { display:flex !important; gap:10px; align-items:center; padding:10px 12px !important; margin:0 !important; border:1px solid transparent; border-radius:9px; background:#0a2014 !important; color:#e0ede4 !important; cursor:pointer; line-height:1.45; overflow-wrap:anywhere; }
body.xyzi-theme .xyzi-protocol-option:hover { background:#14321f !important; }
body.xyzi-theme .xyzi-protocol-option:has(input:checked) { border-color:#427954 !important; background:#153624 !important; }
body.xyzi-theme .xyzi-protocol-option input { flex:0 0 auto; margin:0; accent-color:#61a77b; width:17px; height:17px; }
body.xyzi-theme .xyzi-protocol-option:has(input:focus-visible) { outline:2px solid #5e9670; outline-offset:-2px; }
body.xyzi-theme select.xyzi-native-select-hidden { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; opacity:0 !important; pointer-events:none !important; border:0 !important; overflow:hidden !important; }
body.xyzi-theme .page-nav { border:0 !important; padding:0 !important; margin-bottom:14px !important; background:transparent !important; }
body.xyzi-theme .page-nav .breadcrumbs { font-family:inherit !important; font-size:14px !important; line-height:1.5 !important; }
@media(max-width:650px) {
 body.xyzi-theme .xyzi-device-row { grid-template-columns:minmax(0,1fr) !important; gap:11px !important; }
 body.xyzi-theme .xyzi-device-action { justify-self:start !important; }
 body.xyzi-theme .xyzi-group-header { display:grid !important; justify-content:start !important; gap:10px !important; margin-bottom:20px !important; }
 body.xyzi-theme .xyzi-group-header .button { margin:0 0 7px !important; width:fit-content; }
 body.xyzi-theme .xyzi-disclosure > .operator-block { padding:15px 14px 18px !important; }
}

/* Deep Forest v4. Authoritative surfaces, typography, controls and spacing.
 * Intentional RGB near-black: the page is ~#010503, cards ~#040e08.
 * Text remains accessible instead of reducing foreground contrast. */
:root {
  color-scheme: dark !important;
  --xyzi-base: #010503;
  --xyzi-surface: #040e08;
  --xyzi-raised: #07170d;
  --xyzi-edge: #1a3522;
  --xyzi-ink: #dce9de;
  --xyzi-muted: #91a798;
  --xyzi-accent: #367e4f;
}
html { background:#010503 !important; color-scheme:dark !important; }
body.xyzi-theme {
  --background:#010503; --surface:#040e08; --surface-soft:#07170d;
  --border:#19311e; --border-strong:#2a4c33; --text:#dce9de;
  --muted:#93a99a; --blue:#548e68; --blue-soft:#0a1b10;
  --green:#437f54; --green-soft:#071d0e; --shadow:0 7px 18px #0008;
  color-scheme:dark !important;
  color:#dce9de !important;
  background:radial-gradient(ellipse 68% 35% at 15% -5%, #0b1a10 0%, transparent 75%),
             linear-gradient(170deg,#010704,#010503 70%,#010402) !important;
}
body.xyzi-theme header {
  background:#020b05 !important; border-color:#14291a !important;
  box-shadow:0 5px 17px #0009 !important;
}
body.xyzi-theme :is(.xyzi-global-toolbar,.dashboard-card,.card,.detail,
 .user-card,.node-card,.user-mini-panel,.xyzi-disclosure,.operator-block,
 .dashboard-section.system-card,.action-card,.attention-card,.attention-card-compact) {
  background:#040e08 !important;
  border-color:#193220 !important;
  box-shadow:0 7px 19px #0008, inset 0 1px #bbdac007 !important;
  color:#dce9de !important;
}
body.xyzi-theme .xyzi-global-toolbar {
  background:#05130a !important; border-radius:14px !important;
}
body.xyzi-theme :is(.dashboard-card,.action-card,.user-card,.node-card,.card,
 .xyzi-disclosure,.attention-card,.attention-card-compact) { border-radius:14px !important; }
body.xyzi-theme :is(.dashboard-card,.action-card,.user-card,.node-card,.card,
 .xyzi-disclosure):hover { border-color:#315039 !important; }
body.xyzi-theme .xyzi-disclosure[open] { border-color:#31563c !important; }
body.xyzi-theme .xyzi-disclosure[open] > .xyzi-card-summary {
  background:#081c10 !important; border-bottom-color:#1c3925 !important;
}
body.xyzi-theme :is(.user-mini-panel,.user-mini-panel[open],.xyzi-device-row,
 .xyzi-profile-picker,.xyzi-protocol-picker,.protocol,.operation,.protocol-row) {
  background:#05150b !important; border-color:#1a3623 !important;
}
body.xyzi-theme :is(.action-icon,.metric-icon,.brand-mark,.dashboard-icon,.stat-icon) {
  background:#0b2213 !important; border-color:#1d3b27 !important;
  color:#83b792 !important; box-shadow:none !important;
}
body.xyzi-theme :is(button,input[type=submit],input[type=button],.button,
 .edit-link,.xyzi-go-back,a.create-link,.xyzi-toolbar-links a[aria-current=page]) {
  background:#0b2817 !important;
  color:#d7ebda !important;
  border:1px solid #254931 !important;
  border-radius:10px !important;
  box-shadow:inset 0 1px #d0efd609,0 3px 8px #0009 !important;
}
body.xyzi-theme :is(button,input[type=submit],.button,.edit-link,a.create-link):hover {
  background:#123a20 !important; border-color:#426b4a !important;
}
body.xyzi-theme :is(button,input[type=submit],.button):active { background:#0b2817 !important; }
body.xyzi-theme :is(.xyzi-profile-picker > summary,.xyzi-protocol-picker > summary) {
  background:#0b2313 !important; color:#dce9de !important;
}
body.xyzi-theme :is(.xyzi-profile-options,.xyzi-protocol-picker-options) {
  background:#030d07 !important; border-color:#1b3824 !important;
}
body.xyzi-theme :is(.xyzi-profile-choice,.xyzi-protocol-option) {
  background:#07180d !important; color:#dce9de !important;
}
body.xyzi-theme :is(.xyzi-profile-choice,.xyzi-protocol-option):has(input:checked) {
  background:#102c19 !important; border-color:#356343 !important;
}

/* One form design across legacy standalone pages and modern cards. Untyped
 * inputs must be targeted: legacy Add Server uses <input> with no type.
 * Leave checkbox, radio, hidden, submit and specialized code inputs intact. */
body.xyzi-theme main form :is(
  input:not([type]),input[type="text"],input[type="email"],input[type="url"],
  input[type="tel"],input[type="password"],input[type="search"],
  input[type="number"],input[type="date"],input[type="datetime-local"],
  textarea,select:not(.xyzi-native-select-hidden)
) {
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:47px !important;
  padding:11px 13px !important;
  margin:8px 0 12px !important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:16px !important;
  line-height:1.45 !important;
  font-weight:450 !important;
  background:#041008 !important;
  color:#e1ece3 !important;
  border:1px solid #25432f !important;
  border-radius:9px !important;
  box-shadow:inset 0 1px 4px #0009 !important;
  appearance:auto; -webkit-appearance:auto;
}
body.xyzi-theme main form textarea { min-height:112px !important; resize:vertical; }
body.xyzi-theme main form :is(input,textarea)::placeholder {
  color:#819c89 !important; opacity:1;
}
body.xyzi-theme main form :is(input,select,textarea):focus-visible {
  outline:2px solid #408b56 !important; outline-offset:1px !important;
  border-color:#46865c !important;
}
body.xyzi-theme main form label { font-size:15px !important; line-height:1.5 !important; }
body.xyzi-theme main form p:has(> label > input),
body.xyzi-theme main form p:has(> label > textarea) { margin:0 0 19px !important; }
body.xyzi-theme main form p > label { display:block !important; margin:0 !important; }
body.xyzi-theme main form label > :is(input,select,textarea) { display:block !important; }
body.xyzi-theme main form :is(fieldset,legend) { border-color:#1e3b29 !important; }
body.xyzi-theme .xyzi-group-editor { padding:19px !important; }
body.xyzi-theme :is(.xyzi-group-editor,.xyzi-group-editor form) {
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:15px !important;
}

/* Dashboard: last metric must never touch or visually merge into attention.
 * Extra margin belongs to the overview section AND attention, not card shadows. */
body.xyzi-theme main .overview-grid {
  align-items:stretch !important;
  grid-auto-rows:minmax(134px,auto) !important;
  row-gap:14px !important;
  margin-bottom:30px !important;
  overflow:visible !important;
}
body.xyzi-theme main .overview-grid .dashboard-card {
  min-height:134px !important;
  height:auto !important;
  box-sizing:border-box !important;
  padding:15px 12px !important;
}
body.xyzi-theme main .overview-grid .metric-copy {
  min-width:0 !important; overflow-wrap:anywhere !important;
}
body.xyzi-theme main .overview-grid .metric-caption {
  overflow-wrap:anywhere !important; line-height:1.36 !important;
}
body.xyzi-theme main > section.dashboard-section[aria-labelledby="attention-title"] {
  margin:30px 0 24px !important;
  clear:both !important;
}
body.xyzi-theme main > section.dashboard-section[aria-labelledby="actions-title"] {
  margin:24px 0 27px !important;
}
body.xyzi-theme main .quick-actions { margin:13px 0 21px !important; }
body.xyzi-theme main .xyzi-disclosure:has(> .system-card) {
  margin-top:27px !important;
}
body.xyzi-theme main .attention-head { background:#07180d !important; }
body.xyzi-theme main .attention-empty { background:#040e08 !important; }
@media(max-width:650px) {
  body.xyzi-theme main .overview-grid {
    gap:14px !important; margin-bottom:32px !important;
  }
  body.xyzi-theme main .overview-grid .dashboard-card {
    min-height:142px !important; padding:15px 11px !important;
  }
  body.xyzi-theme main > section.dashboard-section[aria-labelledby="attention-title"] {
    margin-top:32px !important;
  }
}

/* Legacy group editor has higher-specificity input selectors: resolve that
 * conflict explicitly so every field uses the same actual computed style. */
body.xyzi-theme main .xyzi-group-editor form :is(
 input:not([type]),input[type="text"],input[type="number"],
 select:not(.xyzi-native-select-hidden),textarea
) {
 background:#041008 !important;
 color:#e1ece3 !important;
 border:1px solid #25432f !important;
 border-radius:9px !important;
 font-size:16px !important;
 min-height:47px !important;
 width:100% !important;
}
body.xyzi-theme main form textarea:not([hidden]),
body.xyzi-theme main .xyzi-group-editor form textarea {
 min-height:112px !important;
 height:auto !important;
 padding:12px 13px !important;
}

/* V4 specificity reconciliation: :is() inherits the MOST specific branch.
 * Prior legacy body.xyzi-theme :is(input:not(...):not(...):not(...),...)
 * had 4 attribute/class selectors and overrode new fields. Match that exact
 * specificity plus main/form instead of stacking another weak color rule. */
body.xyzi-theme main form :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select:not(.xyzi-native-select-hidden),textarea
) {
  background:#041008 !important;
  color:#e1ece3 !important;
  border:1px solid #25432f !important;
  border-radius:9px !important;
  font-size:16px !important;
  box-shadow:inset 0 1px 4px #0009 !important;
  min-height:47px !important;
}
body.xyzi-theme main form textarea:not([disabled]):not([readonly]):not([hidden]) {
  min-height:112px !important;
  height:auto !important;
}

/* The dashboard legacy section selector previously collapsed the gap to 13px.
 * Separate notification and action sections with a deliberate mobile rhythm. */
body.xyzi-theme main > section.dashboard-section[aria-labelledby="actions-title"] {
  margin-top:40px !important;
}

/* Legacy :is(...:hover) has class specificity (0,4,1);
 * match above it rather than relying on source order. */
body.xyzi-theme main > section.dashboard-section:not(.system-card):not([hidden])[aria-labelledby="actions-title"] {
  margin-top:28px !important;
}
body.xyzi-theme main > section.dashboard-section:not(.system-card):not([hidden])[aria-labelledby="attention-title"] {
  margin-bottom:22px !important;
}