/*
 * Sneat client area: "cloud" page family - the module service workspace frame (every module that emits
 * data-hg-cloud-workspace="1") and the AWS Lightsail, Microsoft Azure, Google Cloud and Scaleway panels.
 *
 * Frame contract (includes/service-workspace-frame.tpl): one content column. .hg-cloud-layout is a vertical stack;
 * the module's rail (<aside class="hg-cloud-rail sn-ws-rail">) is a stack above the module panel holding the Sneat
 * service header card (#sn-ws-summary, always first), whatever the module put there, and the WHMCS link lists as
 * nav-pills (nav.hg-cloud-native-menu, always last). Spacing is Sneat's 1.5rem everywhere.
 *
 * Module stylesheets are linked inside <body> (after this file), so every rule here is stronger than theirs:
 *   frame     body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws …                       (4 ids)
 *   panels    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell / #az-shell.az-shell /
 *             #gc-shell.gc-shell / .sn-ws .scaleway-panel …                                                 (5 ids)
 *   tokens    body.hg-sneat .sn-root #ls-app.ls-shell { --ls-*: var(--snb-*) } (the --snb-* palette follows
 *             html[data-bs-theme="dark"]; plain colours, so Lightsail's canvas charts read them too).
 * Generic Bootstrap components (card, btn, badge, nav-pills, form-control, alert, list-group) come from sneat-base.css.
 */

/* ============================================================== frame */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws { min-width: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws [data-hg-cloud-workspace="1"] {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .hg-cloud-layout {
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    gap: 1.5rem;
    grid-template-columns: none !important;
    margin: 0;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .hg-cloud-layout > :is(.hg-cloud-rail, .hg-cloud-main) { width: 100%; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .hg-cloud-rail.sn-ws-rail {
    display: flex !important;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-rail > * { margin-top: 0; margin-bottom: 0; }
/* the provider brand rows repeat what the panel's own identity row says */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-rail > :is(.ls-rail-brand, .az-rail-brand, .ov-rail-brand) { display: none !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-rail > .sn-ws-summary { order: -2; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-rail > .sn-ws-nav { order: 99; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .hg-cloud-main {
    grid-row: auto !important;
    min-width: 0;
    margin: 0;
    padding: 0 !important;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .hg-cloud-content { margin: 0; padding: 0; border: 0; background: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .hg-cloud-primary-pane { padding: 0; border: 0; background: none; box-shadow: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .hg-cloud-content > .tab-pane:not(.hg-cloud-primary-pane) {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .hg-cloud-hook-output { margin: 0 0 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .hg-cloud-hook-output:empty { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-usage { margin: 0 0 1.5rem; }

/* ---------------------------------------------------------------- service header card */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary { margin: 0; overflow: hidden; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__avatar .avatar-initial { font-size: 1.625rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__avatar .icon-base { width: 1.75rem; height: 1.75rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__id { flex: 1 1 16rem; min-width: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__title { display: flex; align-items: center; flex-wrap: wrap; gap: .375rem .75rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__title h5 {
    margin: 0;
    font-size: 1.125rem !important;
    line-height: 1.37 !important;
    overflow-wrap: anywhere;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__sub {
    display: block;
    margin-top: .25rem;
    color: var(--snb-body) !important;
    font-size: .8125rem !important;
    overflow-wrap: anywhere;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
    margin-inline-start: auto;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-actions .btn .icon-base { width: 1.0625rem; height: 1.0625rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-actions .loading { margin-inline-end: .125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__billing { border-top: 1px solid var(--snb-border); border-radius: 0 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem 1.5rem;
    margin: 0;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-fact {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: .75rem;
    align-items: center;
    min-width: 0;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-fact__icon {
    display: grid;
    place-items: center;
    grid-row: 1 / span 2;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: var(--snb-radius);
    background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary));
    color: var(--snb-secondary);
}
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-fact__icon { background: color-mix(in sRGB, var(--snb-paper) 80%, var(--snb-secondary)); color: #b2b2c4; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-fact__icon .icon-base { width: 1.25rem; height: 1.25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-fact dt {
    align-self: end;
    margin: 0;
    color: var(--snb-body);
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.4;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-fact dd {
    align-self: start;
    margin: 0;
    color: var(--snb-heading);
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-fact--danger { grid-column: 1 / -1; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-fact--danger .sn-ws-fact__icon { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger)); color: var(--snb-danger); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-fact--danger dd { color: var(--snb-danger); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__more {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.5rem;
    padding: 1rem 1.5rem !important;
    border-top: 1px solid var(--snb-border) !important;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-more { min-width: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-more[open] { flex-basis: 100%; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-more > summary {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem 0;
    color: var(--snb-heading);
    font-size: .9375rem;
    font-weight: 500;
    list-style: none;
    cursor: pointer;
    user-select: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-more > summary::-webkit-details-marker { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-more > summary:hover { color: var(--snb-primary-text); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-more > summary .icon-base { width: 1.125rem; height: 1.125rem; color: var(--snb-body); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-more__chev { transition: transform .15s ease; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-more[open] .sn-ws-more__chev { transform: rotate(180deg); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-options {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: .875rem 1.5rem;
    margin: .75rem 0 0;
    padding: 1rem 1.25rem;
    border-radius: var(--snb-radius);
    background: var(--snb-hover);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-options > div { min-width: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-options dt { margin: 0; color: var(--snb-body); font-size: .8125rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-options dd { margin: .125rem 0 0; color: var(--snb-heading); font-size: .9375rem; font-weight: 500; overflow-wrap: anywhere; }

/* ---------------------------------------------------------------- WHMCS link lists (nav-pills) and sidebar cards */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-nav {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: auto;
    margin: 0 !important;
    padding: 0;
    float: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-nav .sn-pills { flex-wrap: wrap; margin: 0; padding: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-nav .sn-pills .nav-link { display: inline-flex; align-items: center; gap: .375rem; white-space: nowrap; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-nav .sn-ws-panel { margin: 0; }
@media (max-width: 767.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-nav .sn-pills { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-nav .sn-pills::-webkit-scrollbar { display: none; }
}

/* ---------------------------------------------------------------- native panes */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-pane { margin: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-pane .card-subtitle { color: var(--snb-body) !important; font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-list { margin-top: 1rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-list:empty { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-list__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    padding: 1rem 1.5rem !important;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-list__body { flex: 1 1 14rem; min-width: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-list__body h6 { font-size: .9375rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-list__text,
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-list__meta { display: block; margin-top: .125rem; color: var(--snb-body); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-list__meta { color: var(--snb-muted); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-list__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-password__strength > br { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-password__strength .progress { margin: .75rem 0 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-password__strength .alert { margin: 0; font-size: .8125rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-password .generate-password { white-space: nowrap; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-password .generate-password .icon-base { width: 1.125rem; height: 1.125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-password__actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem; }
@media (max-width: 575.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__head { align-items: flex-start; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__avatar { width: 2.75rem; height: 2.75rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__id { flex-basis: calc(100% - 4rem); }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-actions { justify-content: flex-start; width: 100%; margin: 0; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-actions > .btn { flex: 0 1 auto; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-fact { grid-template-columns: minmax(0, 1fr); }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-fact__icon { display: none; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-list__item { padding: 1rem 1.25rem !important; }
}

/* ============================================================== AWS Lightsail (#ls-app) */
body.hg-sneat .sn-root #ls-app.ls-shell {
    --ls-primary: var(--snb-primary-text);
    --ls-primary-2: var(--snb-primary-hover);
    --ls-primary-soft: var(--snb-primary-label);
    --ls-success: var(--snb-success);
    --ls-success-soft: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success));
    --ls-danger: var(--snb-danger);
    --ls-danger-soft: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger));
    --ls-warning: var(--snb-warning);
    --ls-bg: var(--snb-body-bg);
    --ls-card: var(--snb-paper);
    --ls-card-2: var(--snb-hover);
    --ls-text: var(--snb-heading);
    --ls-muted: var(--snb-body);
    --ls-border: var(--snb-border);
    --ls-input: transparent;
    --ls-shadow: var(--snb-shadow);
    --ls-ring: rgba(var(--snb-primary-rgb), .25);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell { margin: 0; color: var(--snb-body); font-size: .9375rem; line-height: 1.375; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell code {
    color: var(--snb-heading);
    background: transparent;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
}

/* identity + power: one Sneat card, power buttons on the identity row */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    margin: 0 0 1.5rem;
    padding: 1.5rem;
    border: 0;
    border-radius: var(--snb-radius);
    background: var(--snb-paper);
    box-shadow: var(--snb-shadow);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top__hero {
    flex: 1 1 22rem;
    flex-wrap: nowrap;
    gap: 1rem;
    min-width: 0;
    padding: 0;
    background: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top__mark {
    flex: 0 0 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    border-radius: var(--snb-radius);
    background: var(--snb-hover);
    box-shadow: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top__mark .ls-brand-mark { width: 1.625rem; height: 1.625rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top__id { flex: 1 1 auto; min-width: 0; }
/* the plan name and the provider eyebrow are the service header card's title; the row shows the server itself */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-top__eyebrow, .ls-top__title, .ls-top__label) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top__sub {
    gap: .375rem;
    margin: 0;
    color: var(--snb-heading);
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.4;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top__dot { color: var(--snb-muted); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top__state { flex: 0 0 auto; gap: .5rem; margin-inline-start: auto; padding: 0; width: auto; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top .ls-state {
    position: static;
    gap: 0;
    margin: 0;
    padding: .4235em .77em;
    border: 0;
    border-radius: var(--snb-radius-sm);
    background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary));
    color: var(--snb-secondary);
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1;
    backdrop-filter: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top .ls-state--running { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)); color: var(--snb-success); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top :is(.ls-state--pending, .ls-state--starting, .ls-state--stopping, .ls-state--rebooting) { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning)); color: var(--snb-warning); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top .ls-state__dot { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top__toolbar { display: block; flex: 0 1 auto; padding: 0; border: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-power { display: flex; flex-wrap: wrap; gap: .75rem; }

/* buttons: Sneat solid / label variants */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-power__btn, .ls-btn) {
    --cl-c: var(--snb-primary);
    --cl-text: var(--snb-primary-text);
    --cl-label: var(--snb-primary-label);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: .4812rem 1.25rem;
    border: 1px solid transparent;
    border-radius: var(--snb-radius);
    background: var(--cl-label);
    color: var(--cl-text);
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.375;
    box-shadow: none;
    transform: none;
    transition: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-power__btn, .ls-btn):hover:not(:disabled) { border-color: transparent; background: var(--cl-c); color: #fff; transform: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-power__btn, .ls-btn) i { color: inherit; font-size: .875rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-power__btn:not(.is-go):not(.is-stop) {
    --cl-c: var(--snb-secondary);
    --cl-text: var(--snb-secondary);
    --cl-label: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary));
}
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-power__btn:not(.is-go):not(.is-stop) { --cl-text: #b2b2c4; --cl-label: color-mix(in sRGB, var(--snb-paper) 80%, var(--snb-secondary)); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-power__btn.is-stop, .ls-btn--danger, .ls-fw-remove, .ls-snapshot-delete, .ls-auto-snapshot-delete) {
    --cl-c: var(--snb-danger);
    --cl-text: var(--snb-danger);
    --cl-label: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger));
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-btn--success {
    --cl-c: var(--snb-success);
    --cl-text: var(--snb-success);
    --cl-label: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success));
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-power__btn.is-go, .ls-btn--primary, .ls-btn--terminal) {
    border-color: var(--snb-primary);
    background: var(--snb-primary);
    color: #fff;
    box-shadow: 0 .125rem .25rem 0 rgba(var(--snb-primary-rgb), .4);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-power__btn.is-go, .ls-btn--primary, .ls-btn--terminal):hover:not(:disabled) { border-color: var(--snb-primary-hover); background: var(--snb-primary-hover); color: #fff; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-power__btn, .ls-btn):disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-power__btn.is-go:disabled { border-color: transparent; background: var(--snb-primary-label); color: var(--snb-primary-text); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-btn--compact { padding: .317rem .75rem; border-radius: var(--snb-radius-sm); font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-iconbtn, .ls-copy) {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.375rem;
    height: 2.375rem;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 50rem;
    background: transparent;
    color: var(--snb-secondary);
    box-shadow: none;
    transform: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-iconbtn, .ls-copy):hover:not(:disabled) { border: 0; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary)); color: var(--snb-secondary); transform: none; }
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-iconbtn, .ls-copy) { color: #b2b2c4; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-copy { width: 2rem; height: 2rem; border-radius: var(--snb-radius); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-copy.ls-btn { width: auto; height: auto; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-btn, .ls-iconbtn, .ls-copy, .ls-power__btn, .ls-tab):focus-visible { outline: 2px solid var(--snb-primary-text); outline-offset: 2px; }

/* resource tiles: Sneat statistics cards */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource-grid { gap: 1.5rem; margin: 0 0 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource {
    --ls-resource-accent: var(--snb-primary-text);
    min-height: 0;
    padding: 1.5rem;
    border: 0;
    border-radius: var(--snb-radius);
    background: var(--snb-paper);
    box-shadow: var(--snb-shadow);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource--ram { --ls-resource-accent: var(--snb-info); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource--disk { --ls-resource-accent: var(--snb-success); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource--plan { --ls-resource-accent: var(--snb-warning); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource::before,
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource::after { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource__head {
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
    color: var(--snb-body);
    font-size: .9375rem;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource__icon {
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--snb-radius);
    background: color-mix(in sRGB, var(--snb-paper) 84%, var(--ls-resource-accent));
    box-shadow: none;
}
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource__icon { background: color-mix(in sRGB, var(--snb-paper) 80%, var(--ls-resource-accent)); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource__value { gap: .375rem; margin-top: .25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource__value strong {
    color: var(--snb-heading);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.37;
    letter-spacing: normal;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource__value--plan strong { font-size: 1.125rem; white-space: normal; overflow-wrap: anywhere; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource__value small { color: var(--snb-body); font-size: .8125rem; font-weight: 400; letter-spacing: normal; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource__meta { margin-top: .125rem; color: var(--snb-muted); font-family: inherit; font-size: .8125rem; font-weight: 400; white-space: normal; overflow-wrap: anywhere; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell #ls-bundle-id { font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace !important; font-size: .75rem; }

/* tabs: Sneat nav-pills */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-tabs {
    flex-wrap: wrap;
    gap: .25rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    overflow: visible;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-tab {
    flex: 0 0 auto;
    gap: .5rem;
    min-height: 0;
    padding: .5435rem 1.375rem;
    border: 0;
    border-radius: var(--snb-radius);
    background: transparent;
    color: var(--snb-heading);
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.375;
    box-shadow: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-tab:hover:not(.is-active) { background: rgba(var(--snb-primary-rgb), .16); color: var(--snb-primary-text); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-tab.is-active { background: var(--snb-primary); color: #fff; box-shadow: 0 .125rem .25rem 0 rgba(var(--snb-primary-rgb), .4); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-tab i { font-size: .875rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-tabpanel { margin-top: 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-tabpanel:not([hidden]) { gap: 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-pair, .ls-stack) { gap: 1.5rem; }

/* cards */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-card, .ls-empty) {
    margin-top: 0;
    padding: 1.5rem;
    border: 0;
    border-radius: var(--snb-radius);
    background: var(--snb-paper);
    box-shadow: var(--snb-shadow);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-card__head { gap: .75rem; margin: 0 0 1.25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-card__head h3,
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-modal__head h3, .ls-empty h3) {
    margin: 0;
    color: var(--snb-heading) !important;
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    line-height: 1.37 !important;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-card__head .ls-card__icon { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-card__meta, .ls-kv__tag, .ls-status-pill, .ls-traffic__pct, .ls-access-console__eyebrow, .ls-operation-item__status, .ls-connect-card__head > em) {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    margin: 0;
    padding: .4235em .77em;
    border: 0;
    border-radius: var(--snb-radius-sm);
    background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary));
    color: var(--snb-secondary) !important;
    font-family: inherit !important;
    font-size: .8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: normal;
    white-space: nowrap;
}
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-card__meta, .ls-operation-item__status) { color: #b2b2c4 !important; background: color-mix(in sRGB, var(--snb-paper) 80%, var(--snb-secondary)); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-card :is(.ls-kv__tag, .ls-traffic__pct, .ls-access-console__eyebrow) { background: var(--snb-primary-label); color: var(--snb-primary-text) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-kv__tag { margin-inline-start: .5rem; font-size: .75rem; vertical-align: middle; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-status-pill.is-positive, .ls-connect-card__head em, .ls-operation-item__status.is-succeeded, .ls-operation-item__status.is-completed) { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)); color: var(--snb-success) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-status-pill.is-negative, .ls-operation-item__status.is-failed) { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger)); color: var(--snb-danger) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-operation-item__status.is-started { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning)); color: var(--snb-warning) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-traffic__pct { margin-inline-start: auto; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-card__help, .ls-card--access p, .ls-traffic__note, .ls-inline-status, .ls-empty p, .ls-empty-note) { color: var(--snb-body); font-size: .875rem; line-height: 1.5; }

/* connection: every value is a read-only field (label above, value + copy button inside) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-connect-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-connect-card { padding: 0; border: 0; border-radius: 0; background: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-connect-card__head {
    gap: .5rem;
    margin: 0 0 .25rem;
    color: var(--snb-heading);
    font-size: .8125rem;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-connect-card__head > span { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-connect-card__head strong { font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-connect-card__head em { margin-inline-start: auto; padding: .3em .6em; font-size: .6875rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-conn__fields { gap: 1rem 1.5rem; margin: 1rem 0 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-conn__field { gap: .25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-conn__label { color: var(--snb-heading); font-size: .8125rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-conn__value, .ls-connect-card__value) {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: calc(1.375em + 1.086rem + 2px);
    padding: .1875rem .1875rem .1875rem .9375rem;
    border: 1px solid var(--snb-input-border);
    border-radius: var(--snb-radius);
    background: transparent;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-conn__value, .ls-connect-card__value) code {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--snb-heading);
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: normal;
    white-space: normal;
    overflow-wrap: anywhere;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-connect-card__value .ls-copy { margin-inline-start: auto; background: transparent; box-shadow: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-note, .ls-traffic__pending, .ls-sensitive-warning) {
    display: block;
    margin: 1.25rem 0 0;
    padding: .75rem 1rem;
    border: 0;
    border-radius: var(--snb-radius);
    background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-primary));
    color: var(--snb-primary-text);
    font-size: .875rem;
    line-height: 1.5;
}
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-note, .ls-traffic__pending) { background: color-mix(in sRGB, var(--snb-paper) 80%, #c98ae0); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-note::before { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-traffic__pending a { color: inherit !important; font-weight: 500; text-decoration: underline !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-sensitive-warning { display: flex; gap: .5rem; margin: 0; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning)); color: var(--snb-warning); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-sensitive-warning i { color: inherit; }

/* traffic */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-traffic__meter { gap: .75rem; margin: 0 0 .5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-traffic__nums { align-items: center; gap: .5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-traffic__nums strong { color: var(--snb-heading); font-size: 1.5rem; font-weight: 500; line-height: 1.37; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-traffic__nums span { color: var(--snb-body); font-size: .9375rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-meter { height: .5rem; border: 0; border-radius: 50rem; background: var(--snb-track); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-meter > span { border-radius: 50rem; background: var(--snb-primary); box-shadow: 0 2px 4px 0 rgba(var(--snb-primary-rgb), .4); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-meter.is-warn > span { background: var(--snb-warning); box-shadow: 0 2px 4px 0 rgba(var(--snb-warning-rgb), .4); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-meter.is-full > span { background: var(--snb-danger); box-shadow: 0 2px 4px 0 rgba(var(--snb-danger-rgb), .4); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-traffic__kv { column-gap: 1.5rem; margin: .5rem 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-traffic__buy {
    gap: .75rem;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--snb-border);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-traffic__label { color: var(--snb-heading); font-size: .9375rem; font-weight: 500; }

/* form controls: Sneat form-control / form-select */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-traffic__select, .ls-fw-row input, .ls-fw-row select, .ls-field input, .ls-field select, .ls-key-block textarea) {
    min-height: calc(1.375em + 1.086rem + 2px);
    padding: .543rem .9375rem;
    border: 1px solid var(--snb-input-border);
    border-radius: var(--snb-radius);
    background-color: transparent;
    color: var(--snb-heading);
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.375;
    box-shadow: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-traffic__select, .ls-fw-row select, .ls-field select) {
    padding-inline-end: 2.625rem;
    appearance: none;
    -webkit-appearance: none;
    background-image: var(--snb-select-img);
    background-repeat: no-repeat;
    background-position: right .9375rem center;
    background-size: 22px 24px;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-traffic__select, .ls-fw-row select, .ls-field select) option { background-color: var(--snb-paper); color: var(--snb-heading); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-traffic__select, .ls-fw-row input, .ls-fw-row select, .ls-field input, .ls-field select, .ls-key-block textarea):focus {
    border-color: var(--snb-primary);
    outline: 0;
    box-shadow: inset 0 0 0 1px var(--snb-primary), 0 .125rem .25rem 0 rgba(var(--snb-primary-rgb), .4);
}
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-traffic__select, .ls-fw-row input, .ls-fw-row select, .ls-field input, .ls-field select, .ls-key-block textarea):focus { border-color: #c98ae0; box-shadow: inset 0 0 0 1px #c98ae0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-key-block textarea { font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace !important; font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-field > span, .ls-key-block label) { margin-bottom: .25rem; color: var(--snb-heading) !important; font-size: .8125rem !important; font-weight: 400 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-check { gap: .5rem; color: var(--snb-heading) !important; font-size: .9375rem !important; font-weight: 400 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-check input { width: 1.2em; height: 1.2em; accent-color: var(--snb-primary); }

/* key/value lists */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-kv { gap: .25rem 1rem; min-height: 0; padding: .75rem 0; border-bottom: 1px solid var(--snb-border); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-kv dt { color: var(--snb-body); font-size: .9375rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-kv dd { color: var(--snb-heading); font-size: .9375rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-kv dd code { font-size: .8125rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-kv dd small { color: var(--snb-muted); font-size: .8125rem; font-weight: 400; }
@media (min-width: 641px) { body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-traffic__kv .ls-kv:nth-last-child(2):nth-child(odd) { border-bottom: 0; } }

/* monitoring */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-health-grid { gap: 1.5rem; margin: 0 0 1.5rem; padding: 0 0 1.5rem; border-block: 0; border-bottom: 1px solid var(--snb-border); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-health-stat { padding: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-health-stat span { margin-bottom: .25rem; color: var(--snb-body); font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-health-stat span i { color: var(--snb-primary-text); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-health-stat strong { color: var(--snb-heading); font-size: 1.125rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-health-stat.is-unavailable strong { color: var(--snb-muted); font-weight: 400; font-size: .9375rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-health-stat.is-healthy strong { color: var(--snb-success); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-health-stat.is-warning strong { color: var(--snb-warning); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-chart-grid { gap: 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-chart-panel { padding: 0; border: 0; border-radius: 0; background: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-chart-panel__head, .ls-network-values) { min-height: 0; margin-bottom: .75rem; padding: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-chart-panel__head > span, .ls-network-values > div > span) { color: var(--snb-body); font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-chart-panel__head strong, .ls-network-values strong) { color: var(--snb-heading); font-size: 1.375rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-legend__dot { background: #8b5cf6; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-legend__dot--out { background: #16a085; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-metric-status, .ls-metric-time) { color: var(--snb-muted); font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-operation-item { padding: .875rem 0; border-bottom: 1px solid var(--snb-border); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-operation-item strong { color: var(--snb-heading); font-size: .9375rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-operation-item__meta { color: var(--snb-muted); font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-operation-item__marker { border-color: var(--snb-paper); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-diagnostic-result { padding: .75rem 1rem; border: 0; border-radius: var(--snb-radius); background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary)); color: var(--snb-heading); font-size: .875rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-diagnostic-result.is-ok { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)); color: var(--snb-success); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-diagnostic-result.is-warning { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning)); color: var(--snb-warning); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-diagnostic-result.is-error { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger)); color: var(--snb-danger); }

/* firewall: a Sneat table of editable rows */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-fw-head, .ls-fw-row) { gap: .75rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-head {
    margin: 0 -1.5rem;
    padding: .75rem 1.5rem;
    border-block: 1px solid var(--snb-border);
    color: var(--snb-heading);
    font-size: .8125rem;
    font-weight: 500;
    letter-spacing: .2px;
    text-transform: uppercase;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-list { gap: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-row { padding: .75rem 0; border: 0; border-bottom: 1px solid var(--snb-border); border-radius: 0; background: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-row label { color: var(--snb-heading) !important; font-size: .8125rem !important; font-weight: 400 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-remove { width: 2.375rem; height: 2.375rem; padding: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-card__footer { margin-top: 1.5rem; }

/* access */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-card--access > .ls-card__help { margin: -.5rem 0 1.25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-actions { gap: .75rem; margin: 0 0 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-card--access .ls-btn { min-height: 0; padding-inline: 1.25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-console__lead { padding-bottom: 1rem; border-bottom: 1px solid var(--snb-border); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-console__lead small { color: var(--snb-body); font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-summary { column-gap: 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-summary > div { padding: .75rem 0; border-bottom: 1px solid var(--snb-border); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-summary dt { color: var(--snb-body); font-size: .8125rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-summary dd code { color: var(--snb-heading); font-size: .875rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-command { padding: 1rem 1.25rem; border: 0; border-radius: var(--snb-radius); background: var(--snb-hover); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-command__head > span { color: var(--snb-body); font-size: .8125rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-command > code { color: var(--snb-heading); font-size: .875rem; }

/* snapshots, advanced (feature-flagged per product) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-snapshot-row, .ls-auto-snapshot-row) { padding: .75rem 0; border: 0; border-bottom: 1px solid var(--snb-border); border-radius: 0; background: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-snapshot-row span, .ls-auto-snapshot-row span) { color: var(--snb-muted); font-size: .75rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-snapshot-row strong, .ls-auto-snapshot-row strong) { color: var(--snb-heading); font-size: .875rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-snapshot-delete, .ls-auto-snapshot-delete) { width: 2.375rem; height: 2.375rem; padding: 0; border-radius: var(--snb-radius); background: var(--cl-label); color: var(--cl-text); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-pair > .ls-card > .ls-card__footer { padding-top: 1.25rem; border-top: 1px solid var(--snb-border); }

/* empty / pending / error states */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-empty { gap: 1rem; margin: 0 0 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-empty__icon { flex: 0 0 2.5rem; width: 2.5rem; height: 2.5rem; border-radius: var(--snb-radius); background: var(--snb-primary-label); color: var(--snb-primary-text); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-empty--error .ls-empty__icon { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger)); color: var(--snb-danger); }

/* toast, modals, busy overlay */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-toast {
    margin: 0 auto 1rem;
    padding: .75rem 1rem;
    border-radius: var(--snb-radius);
    background: var(--snb-paper);
    color: var(--snb-heading);
    box-shadow: var(--snb-shadow-lg);
    font-size: .9375rem;
    font-weight: 500;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-toast--success { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)); color: var(--snb-success); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-toast--error { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger)); color: var(--snb-danger); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-modal__backdrop { background: rgba(34, 48, 62, .5); backdrop-filter: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-modal:not(.ls-terminal-modal) .ls-modal__panel {
    padding: 1.5rem;
    border: 0;
    border-radius: var(--snb-radius-lg);
    background: var(--snb-paper);
    color: var(--snb-body);
    box-shadow: var(--snb-modal-shadow);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-modal__head > div .ls-card__icon { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-grid > div { padding: .75rem 1rem; border: 0; border-radius: var(--snb-radius); background: var(--snb-hover); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-access-grid dt) { color: var(--snb-body); font-size: .8125rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-terminal-modal__panel { border-radius: var(--snb-radius-lg); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-terminal-footer .ls-btn { border-color: #40394d; background: #201c29; color: #e9e4ef; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-terminal-footer .ls-btn:hover:not(:disabled) { border-color: #62566f; background: #2a2435; color: #fff; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-terminal-modal [data-close-terminal].ls-iconbtn { border-radius: var(--snb-radius); background: #201c29; color: #e9e4ef; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-busy { background: rgba(34, 48, 62, .5); backdrop-filter: none; font-weight: 500; }

@media (min-width: 1200px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-kv-list { column-gap: 1.5rem; }
}
@media (max-width: 1199.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-connect-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-connect-grid { grid-template-columns: minmax(0, 1fr); }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-tab { padding-inline: 1rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-head { display: none; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-row { padding: 1rem 0; }
}
@media (max-width: 575.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top { padding: 1.25rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top__hero { flex-wrap: wrap; flex-basis: 100%; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top__id { flex: 1 1 calc(100% - 3.75rem); }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top__state { width: 100%; margin: 0; padding-inline-start: 3.75rem; justify-content: space-between; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-top__toolbar { flex: 1 1 100%; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-power { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-power__btn { flex-direction: row; min-height: 0; padding: .4812rem .5rem; font-size: .875rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-resource-grid { gap: 1rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-card, .ls-resource) { padding: 1.25rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-head { margin: 0 -1.25rem; padding: .75rem 1.25rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-traffic__buy { flex-direction: column; align-items: stretch; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-modal:not(.ls-terminal-modal) .ls-modal__panel { border-radius: var(--snb-radius-lg) var(--snb-radius-lg) 0 0; }
}

/* ============================================================== Microsoft Azure (#az-shell) */
body.hg-sneat .sn-root #az-shell.az-shell {
    --az: var(--snb-primary-text);
    --az-2: var(--snb-primary-hover);
    --az-soft: var(--snb-primary-label);
    --az-ring: rgba(var(--snb-primary-rgb), .25);
    --az-ok: var(--snb-success);
    --az-ok-soft: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success));
    --az-warn: var(--snb-warning);
    --az-warn-soft: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning));
    --az-bad: var(--snb-danger);
    --az-bad-soft: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger));
    --az-bg: var(--snb-body-bg);
    --az-card: var(--snb-paper);
    --az-card-2: var(--snb-hover);
    --az-text: var(--snb-heading);
    --az-muted: var(--snb-body);
    --az-border: var(--snb-border);
    --az-line: var(--snb-border);
    --az-shadow: var(--snb-shadow);
    --az-shadow-lg: var(--snb-shadow);
    --res-cpu: var(--snb-primary-text);
    --res-ram: var(--snb-info);
    --res-disk: var(--snb-success);
    --res-plan: var(--snb-warning);
    --r-card: var(--snb-radius);
    --r-ctl: var(--snb-radius);
    --r-sm: var(--snb-radius-sm);
    --ctl-h: calc(1.375em + 1.086rem + 2px);
    --az-gap: 1.5rem;
}
html[data-bs-theme="dark"] body.hg-sneat .sn-root #az-shell.az-shell {
    --az-ok-soft: color-mix(in sRGB, var(--snb-paper) 80%, var(--snb-success));
    --az-warn-soft: color-mix(in sRGB, var(--snb-paper) 80%, var(--snb-warning));
    --az-bad-soft: color-mix(in sRGB, var(--snb-paper) 80%, var(--snb-danger));
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell { margin: 0; color: var(--snb-body); font-size: .9375rem; line-height: 1.375; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(code, .mono) { color: inherit; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important; font-size: .875rem; }

/* identity + power: one Sneat card */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-control-surface {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    margin: 0 0 1.5rem;
    padding: 1.5rem;
    border: 0;
    border-radius: var(--snb-radius);
    background: var(--snb-paper);
    box-shadow: var(--snb-shadow);
    overflow: visible;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-hero {
    flex: 1 1 22rem;
    flex-wrap: nowrap;
    gap: 1rem;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-mark { flex: 0 0 2.75rem; width: 2.75rem; height: 2.75rem; border: 0; border-radius: var(--snb-radius); background: var(--snb-hover); box-shadow: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-mark::after { width: 1.625rem; height: 1.625rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-hero__id { flex: 1 1 auto; min-width: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-eyebrow, .az-hero__title, .az-toolbar__label) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-hero__sub { gap: .375rem; color: var(--snb-heading); font-size: .9375rem; font-weight: 500; line-height: 1.4; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-hero__sub .az-dot { color: var(--snb-muted); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-hero__state { flex: 0 0 auto; gap: .5rem; width: auto; margin-inline-start: auto; padding: 0; justify-content: flex-start; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-toolbar { display: block; flex: 0 1 auto; padding: 0; border: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-toolbar .az-power { display: flex; flex-wrap: wrap; gap: .75rem; width: auto; }

/* badges */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-badge, .az-card__meta, .az-paid) {
    gap: .375rem;
    min-height: 0;
    padding: .4235em .77em;
    border: 0;
    border-radius: var(--snb-radius-sm);
    background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary));
    color: var(--snb-secondary);
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: normal;
}
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-badge:not(.on, .warn, .bad, .info), .az-card__meta) { background: color-mix(in sRGB, var(--snb-paper) 80%, var(--snb-secondary)); color: #b2b2c4; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-badge:not(.busy)::before { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-badge.on { background: var(--az-ok-soft); color: var(--snb-success); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-badge.warn, .az-paid) { background: var(--az-warn-soft); color: var(--snb-warning); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-badge.bad { background: var(--az-bad-soft); color: var(--snb-danger); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-badge.info { background: var(--snb-primary-label); color: var(--snb-primary-text); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell #az-state { min-height: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-paid { padding: .3em .6em; font-size: .75rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-kv .az-badge { margin-top: .25rem; font-size: .75rem; }

/* buttons */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-power__btn, .az-btn, .az-rowbtn) {
    --cl-c: var(--snb-primary);
    --cl-text: var(--snb-primary-text);
    --cl-label: var(--snb-primary-label);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: .4812rem 1.25rem;
    border: 1px solid transparent;
    border-radius: var(--snb-radius);
    background: var(--cl-label);
    color: var(--cl-text);
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.375;
    white-space: nowrap;
    box-shadow: none;
    transition: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-power__btn, .az-btn, .az-rowbtn):hover:not(:disabled) { border-color: transparent; background: var(--cl-c); color: #fff; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-rowbtn { min-width: 0; padding: .317rem .75rem; border-radius: var(--snb-radius-sm); font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-rowbtn, .az-power__btn:not(.is-go):not(.is-stop)) {
    --cl-c: var(--snb-secondary);
    --cl-text: var(--snb-secondary);
    --cl-label: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary));
}
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-rowbtn, .az-power__btn:not(.is-go):not(.is-stop)) { --cl-text: #b2b2c4; --cl-label: color-mix(in sRGB, var(--snb-paper) 80%, var(--snb-secondary)); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-power__btn.is-stop, .az-btn.danger, .az-rowbtn.danger) {
    --cl-c: var(--snb-danger);
    --cl-text: var(--snb-danger);
    --cl-label: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger));
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-power__btn.is-go, .az-btn--primary) {
    border-color: var(--snb-primary);
    background: var(--snb-primary);
    color: #fff;
    box-shadow: 0 .125rem .25rem 0 rgba(var(--snb-primary-rgb), .4);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-power__btn.is-go, .az-btn--primary):hover:not(:disabled) { border-color: var(--snb-primary-hover); background: var(--snb-primary-hover); color: #fff; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-power__btn, .az-btn, .az-rowbtn):disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-power__btn.is-go:disabled { border-color: transparent; background: var(--snb-primary-label); color: var(--snb-primary-text); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-power__ic { flex: 0 0 auto; width: 1.125rem; height: 1.125rem; background: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-power__tx strong { font-size: inherit; font-weight: 500; }
/* danger zone: the two actions keep their one-line explanation, as Sneat option cards */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-power--danger { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-power--danger .az-power__btn {
    justify-content: flex-start;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--snb-border);
    background: transparent;
    color: var(--snb-heading);
    text-align: start;
    white-space: normal;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-power--danger .az-power__btn:hover:not(:disabled) { border-color: var(--cl-c); background: var(--cl-label); color: var(--snb-heading); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-power--danger .az-power__ic { display: grid; place-items: center; flex: 0 0 2.5rem; width: 2.5rem; height: 2.5rem; border-radius: var(--snb-radius); background: var(--cl-label); color: var(--cl-text); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-power--danger .az-power__btn:not(.is-stop) { --cl-c: var(--snb-warning); --cl-text: var(--snb-warning); --cl-label: var(--az-warn-soft); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-power--danger .az-power__tx strong { color: var(--snb-heading); font-size: .9375rem; white-space: normal; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-power--danger .az-power__tx em { display: block; margin-top: .125rem; color: var(--snb-body); font-size: .8125rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-icon, .az-copy) {
    flex: 0 0 auto;
    width: 2.375rem;
    min-width: 0;
    height: 2.375rem;
    padding: 0;
    border: 0;
    border-radius: 50rem;
    background: transparent;
    color: var(--snb-secondary);
}
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-icon, .az-copy) { color: #b2b2c4; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-icon, .az-copy):hover { border: 0; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary)); color: var(--snb-secondary); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-copy { width: 2rem; height: 2rem; border-radius: var(--snb-radius); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-copy.done { background: var(--az-ok-soft); color: var(--snb-success); }

/* resource tiles: Sneat statistics cards */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-strip { gap: 1.5rem; margin: 0 0 1.5rem; padding: 0; border: 0; background: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res {
    min-height: 0;
    padding: 1.5rem;
    border: 0;
    border-radius: var(--snb-radius);
    background: var(--snb-paper);
    box-shadow: var(--snb-shadow);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res::after { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res__head { flex-direction: column; align-items: flex-start; gap: .75rem; color: var(--snb-body); font-size: .9375rem; font-weight: 400; letter-spacing: normal; text-transform: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res__head span { font-size: .9375rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res .az-resource-icon { flex: 0 0 auto; width: 2.5rem; height: 2.5rem; border-radius: var(--snb-radius); background: color-mix(in sRGB, var(--snb-paper) 84%, var(--res)); }
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res .az-resource-icon { background: color-mix(in sRGB, var(--snb-paper) 80%, var(--res)); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res__value { gap: .375rem; margin-top: .25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res__value b { color: var(--snb-heading); font-size: 1.5rem; font-weight: 500; line-height: 1.37; letter-spacing: normal; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res__value--plan b { font-size: 1.125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res__value small { color: var(--snb-body); font-size: .8125rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res__meta { margin-top: .125rem; padding: 0; color: var(--snb-muted); font-size: .8125rem; font-weight: 400; white-space: normal; overflow-wrap: anywhere; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res__meta.mono { font-size: .75rem; }

/* notes: Sneat alerts */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-note {
    display: block;
    margin: 1.25rem 0 0;
    padding: .75rem 1rem;
    border: 0;
    border-radius: var(--snb-radius);
    background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary));
    color: var(--snb-heading);
    font-size: .875rem;
    line-height: 1.5;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-note::before { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-note.info { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-primary)); color: var(--snb-primary-text); }
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-note.info { background: color-mix(in sRGB, var(--snb-paper) 80%, #c98ae0); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-note.warn { background: var(--az-warn-soft); color: var(--snb-warning); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-note.bad { background: var(--az-bad-soft); color: var(--snb-danger); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-note.ok { background: var(--az-ok-soft); color: var(--snb-success); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-note b { font-weight: 600; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .hg-cloud-primary-pane > .az-note { margin: 0 0 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-flash { margin: 0 0 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-flash:empty { display: none; }

/* tabs: Sneat nav-pills (radio-driven; wrap on wide screens, scroll on phones) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-tabs { margin-top: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-tabnav {
    flex-wrap: wrap;
    gap: .25rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    overflow: visible;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-tabnav > label {
    flex: 0 0 auto !important;
    gap: .5rem;
    min-width: 0;
    min-height: 0;
    margin: 0 !important;
    padding: .5435rem .875rem !important;
    border: 0;
    border-radius: var(--snb-radius);
    background: transparent;
    color: var(--snb-heading) !important;
    font-size: .9375rem !important;
    font-weight: 500 !important;
    line-height: 1.375;
    white-space: nowrap !important;
    text-align: start;
    box-shadow: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-tabnav > label:hover { background: rgba(var(--snb-primary-rgb), .16); color: var(--snb-primary-text) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(#az-tab-genel:checked ~ .az-tabnav > label[for="az-tab-genel"], #az-tab-yukselt:checked ~ .az-tabnav > label[for="az-tab-yukselt"], #az-tab-erisim:checked ~ .az-tabnav > label[for="az-tab-erisim"], #az-tab-disk:checked ~ .az-tabnav > label[for="az-tab-disk"], #az-tab-ag:checked ~ .az-tabnav > label[for="az-tab-ag"], #az-tab-izleme:checked ~ .az-tabnav > label[for="az-tab-izleme"], #az-tab-gelismis:checked ~ .az-tabnav > label[for="az-tab-gelismis"]) {
    background: var(--snb-primary);
    color: #fff !important;
    box-shadow: 0 .125rem .25rem 0 rgba(var(--snb-primary-rgb), .4);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-tabnav > label svg { width: 1.0625rem; height: 1.0625rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-panel { gap: 1.5rem; margin-top: 1.5rem; }

/* cards */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-card {
    border: 0;
    border-radius: var(--snb-radius);
    background: var(--snb-paper);
    box-shadow: var(--snb-shadow);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-card__head {
    flex-wrap: wrap;
    gap: .5rem .75rem;
    min-height: 0;
    padding: 1.5rem 1.5rem 0;
    border: 0;
    background: transparent;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-card__head h4 { color: var(--snb-heading) !important; font-size: 1.125rem !important; font-weight: 500 !important; line-height: 1.37; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-card__head .az-card__icon { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-card__body { padding: 1.25rem 1.5rem 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-card__foot { padding: 0 1.5rem 1.5rem; border: 0; background: transparent; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-card--danger { border: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-card--danger .az-card__head { background: transparent; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-card--danger .az-card__head h4 { color: var(--snb-danger) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-section-heading { min-height: 0; margin: 1.5rem 0 0; padding: 1.25rem 0 .75rem; border-top: 1px solid var(--snb-border); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-section-heading h4 { color: var(--snb-heading) !important; font-size: .9375rem !important; font-weight: 500 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-card__body > small, .az-field small, .az-foot-note, .az-count, .az-traffic__meta) { color: var(--snb-body); font-size: .8125rem; line-height: 1.5; }

/* key/value rows */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-kv { gap: .25rem 1rem; min-height: 0; padding: .75rem 0; border-bottom: 1px solid var(--snb-border); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-kv > .k { color: var(--snb-body); font-size: .9375rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-kv > .v { color: var(--snb-heading); font-size: .9375rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-kv > .v.mono { font-size: .8125rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-details { margin-top: .75rem; border-top: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-details > summary { min-height: 0; padding: .375rem 0 0; color: var(--snb-primary-text); font-size: .9375rem; font-weight: 500; }

/* connection: read-only fields */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-connection-body { gap: 1rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-addr-grid, .az-connection-fields) { gap: 1rem 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-addr { padding: 0; border: 0; border-radius: 0; background: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-addr__label, .az-connection-label) { gap: .375rem; color: var(--snb-heading); font-size: .8125rem; font-weight: 400; letter-spacing: normal; text-transform: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-addr__label svg { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-connection-field { gap: .25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-addr__row, .az-connection-value) {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: calc(1.375em + 1.086rem + 2px);
    margin: .25rem 0 0;
    padding: .1875rem .1875rem .1875rem .9375rem;
    border: 1px solid var(--snb-input-border);
    border-radius: var(--snb-radius);
    background: transparent;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-connection-value { margin: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-addr .az-addr__value, .az-connection-value > .mono, .az-connection-value > code) { color: var(--snb-heading); font-size: .875rem; font-weight: 400; line-height: 1.4; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-addr .az-copy { border: 0; background: transparent; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-connection-body > .az-note { margin: 0; }

/* forms */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-field { gap: .5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-field, .az-control) > :is(label, .az-field__label) { margin: 0; color: var(--snb-heading) !important; font-size: .8125rem !important; font-weight: 400 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-control { gap: .25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-input {
    height: auto;
    min-height: calc(1.375em + 1.086rem + 2px);
    padding: .543rem .9375rem;
    border: 1px solid var(--snb-input-border);
    border-radius: var(--snb-radius);
    background-color: transparent;
    color: var(--snb-heading);
    font-size: .9375rem;
    line-height: 1.375;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell select.az-input {
    padding-inline-end: 2.625rem;
    appearance: none;
    -webkit-appearance: none;
    background-image: var(--snb-select-img);
    background-repeat: no-repeat;
    background-position: right .9375rem center;
    background-size: 22px 24px;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell select.az-input option { background-color: var(--snb-paper); color: var(--snb-heading); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-input::placeholder { color: var(--snb-muted); opacity: 1; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-input:focus { border-color: var(--snb-primary); box-shadow: inset 0 0 0 1px var(--snb-primary), 0 .125rem .25rem 0 rgba(var(--snb-primary-rgb), .4); }
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-input:focus { border-color: #c98ae0; box-shadow: inset 0 0 0 1px #c98ae0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell textarea.az-input { min-height: 7rem; font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace !important; font-size: .875rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-input--xs { width: 4.5rem; text-align: center; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-credentials-grid .az-field + .az-field { padding-top: 1.5rem; border-top: 1px solid var(--snb-border); }

/* lazy lists: Sneat list rows */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-out { gap: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-snap, .az-fw, .az-item, .az-up, .az-order) {
    gap: .75rem 1rem;
    padding: .875rem 0;
    border: 0;
    border-bottom: 1px solid var(--snb-border);
    border-radius: 0;
    background: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-snap, .az-fw, .az-item, .az-up, .az-order):last-child { border-bottom: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-order + .az-order { margin-top: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-fw, .az-item) span { color: var(--snb-heading); font-size: .9375rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-snap small, .az-fw em, .az-metric em, .az-item em, .az-up__name em, .az-up__price em, .az-order em) { color: var(--snb-body); font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-up__name b, .az-order b) { color: var(--snb-heading); font-size: .9375rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-up__price { color: var(--snb-heading); font-size: .9375rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell :is(.az-up .az-btn, .az-order__acts .az-btn) { padding: .317rem .75rem; border-radius: var(--snb-radius-sm); font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-up-current { margin: 0 0 .5rem; padding: .75rem 1rem; border: 0; border-radius: var(--snb-radius); background: var(--snb-hover); color: var(--snb-body); font-size: .875rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-up-current b { color: var(--snb-heading); font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-up-list { gap: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-metric { gap: .5rem 1rem; padding: 1rem 1.25rem; border: 1px solid var(--snb-border); border-radius: var(--snb-radius); background: transparent; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-metric span { color: var(--snb-heading); font-size: .9375rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-out--charts { gap: 1rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-sparkline { color: var(--snb-primary-text); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-empty { padding: 1.5rem 1rem; border: 0; border-radius: var(--snb-radius); background: var(--snb-hover); color: var(--snb-body); font-size: .875rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-empty::before { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-skel-line { background: linear-gradient(100deg, var(--snb-hover) 30%, var(--snb-track) 50%, var(--snb-hover) 70%); background-size: 200% 100%; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-scroll { padding: 0 .25rem 0 0; border-block: 1px solid var(--snb-border); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-log { padding: 1rem 1.25rem; border: 0; border-radius: var(--snb-radius); background: var(--snb-hover); color: var(--snb-heading); font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-log--err { color: var(--snb-danger); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-metrics-toolbar { gap: .75rem; margin-bottom: 1.25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-metrics-toolbar label { color: var(--snb-heading) !important; font-size: .8125rem !important; font-weight: 400 !important; margin: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-traffic__num { color: var(--snb-heading); font-size: 1.5rem; font-weight: 500; line-height: 1.37; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-traffic__num small { color: var(--snb-body); font-size: .9375rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-price-line { color: var(--snb-heading); font-size: .9375rem; font-weight: 500; }

@media (max-width: 767.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-tabnav { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-tabnav > label { padding-inline: 1rem !important; }
}
@media (max-width: 575.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-control-surface { padding: 1.25rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-hero { flex-wrap: wrap; flex-basis: 100%; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-hero__id { flex: 1 1 calc(100% - 3.75rem); }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-hero__state { width: 100%; margin: 0; padding-inline-start: 3.75rem; justify-content: space-between; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-toolbar { flex: 1 1 100%; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-toolbar .az-power { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-toolbar .az-power__btn { flex-direction: row; gap: .25rem; min-height: 0; padding: .4812rem .5rem; font-size: .875rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-toolbar .az-power__ic { display: none; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-strip { gap: 1rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-res { padding: 1.25rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-card__head { padding: 1.25rem 1.25rem 0; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-card__body { padding: 1rem 1.25rem 1.25rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-card__foot { padding: 0 1.25rem 1.25rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-power--danger { grid-template-columns: minmax(0, 1fr); }
}

/* ============================================================== Google Cloud (#gc-shell) - no live service; reviewed from the template */
body.hg-sneat .sn-root #gc-shell.gc-shell {
    --gc: var(--snb-primary-text);
    --gc-2: var(--snb-primary-hover);
    --gc-soft: var(--snb-primary-label);
    --gc-ok: var(--snb-success);
    --gc-ok-soft: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success));
    --gc-warn: var(--snb-warning);
    --gc-warn-soft: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning));
    --gc-bad: var(--snb-danger);
    --gc-bad-soft: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger));
    --gc-card: var(--snb-paper);
    --gc-card-2: var(--snb-hover);
    --gc-text: var(--snb-heading);
    --gc-muted: var(--snb-body);
    --gc-border: var(--snb-border);
    --gc-shadow: var(--snb-shadow);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell { margin: 0; color: var(--snb-body); font-size: .9375rem; line-height: 1.375; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell :is(.gc-hero, .gc-card) {
    margin: 0;
    border: 0;
    border-radius: var(--snb-radius);
    background: var(--snb-paper);
    box-shadow: var(--snb-shadow);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-hero { gap: 1rem 1.25rem; padding: 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-mark { width: 2.75rem; height: 2.75rem; border: 0; border-radius: var(--snb-radius); background: var(--snb-hover); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-hero-main h3 { margin: 0 0 .125rem; color: var(--snb-heading) !important; font-size: 1.125rem !important; font-weight: 500 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-hero-sub { margin: 0; color: var(--snb-body); font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-hero-sub code { color: var(--snb-heading); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-badge {
    padding: .4235em .77em;
    border: 0;
    border-radius: var(--snb-radius-sm);
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-badge:not(.busy)::before { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-badge.off { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary)); color: var(--snb-secondary); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-stats { gap: 1.5rem; margin: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-stat { padding: 1.5rem; border: 0; border-radius: var(--snb-radius); background: var(--snb-paper); box-shadow: var(--snb-shadow); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-stat b { color: var(--snb-heading); font-size: 1.5rem; font-weight: 500; line-height: 1.37; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-stat span { margin-top: .125rem; color: var(--snb-body); font-size: .9375rem; letter-spacing: normal; text-transform: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-card > h4 {
    margin: 0;
    padding: 1.5rem 1.5rem 0;
    border: 0;
    background: transparent;
    color: var(--snb-heading) !important;
    font-size: 1.125rem !important;
    font-weight: 500 !important;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-card > .gc-body { padding: 1.25rem 1.5rem 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .hg-cloud-primary-pane { display: flex; flex-direction: column; gap: 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .hg-cloud-primary-pane:not(.active) { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-row { gap: .25rem 1rem; padding: .75rem 0; border-bottom: 1px solid var(--snb-border); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-row:last-child { border-bottom: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-row > dt { color: var(--snb-body); font-size: .9375rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-row > dd { color: var(--snb-heading); font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-row > dd.mono { font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace !important; font-size: .875rem; font-weight: 400; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-copy {
    margin-inline-start: .5rem;
    padding: .2rem .5rem;
    border: 0;
    border-radius: var(--snb-radius-sm);
    background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary));
    color: var(--snb-secondary);
    font-family: "Public Sans", sans-serif !important;
    font-size: .75rem;
    font-weight: 500;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-copy:hover { background: var(--snb-secondary); color: #fff; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-copy.done { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)); color: var(--snb-success); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-act {
    flex-direction: row;
    align-items: center;
    padding: .4812rem 1.25rem;
    border: 0;
    border-radius: var(--snb-radius);
    background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary));
    color: var(--snb-secondary);
    transform: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-act strong { color: inherit; font-size: .9375rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-act em { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-act:hover:not(:disabled) { background: var(--snb-secondary); color: #fff; transform: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-act[data-gc-action="start"] { background: var(--snb-primary); color: #fff; box-shadow: 0 .125rem .25rem 0 rgba(var(--snb-primary-rgb), .4); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-act[data-gc-action="start"]:hover:not(:disabled) { background: var(--snb-primary-hover); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-act.danger { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger)); color: var(--snb-danger); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-act.danger strong { color: inherit; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-act.danger:hover:not(:disabled) { background: var(--snb-danger); color: #fff; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-act:disabled { opacity: .45; box-shadow: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-note {
    display: block;
    margin: 1rem 0 0 !important;
    padding: .75rem 1rem;
    border: 0;
    border-radius: var(--snb-radius);
    font-size: .875rem;
    line-height: 1.5;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-note.info { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-primary)); color: var(--snb-primary-text); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-note.warn { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning)); color: var(--snb-warning); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-note.bad { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger)); color: var(--snb-danger); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-note.ok { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)); color: var(--snb-success); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .hg-cloud-primary-pane > .gc-note { margin: 0 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-flash { margin: 0; }
@media (max-width: 575.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-stats { gap: 1rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell :is(.gc-hero, .gc-stat) { padding: 1.25rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-card > h4 { padding: 1.25rem 1.25rem 0; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #gc-shell.gc-shell .gc-card > .gc-body { padding: 1rem 1.25rem 1.25rem; }
}

/* ============================================================== Scaleway Dedibox (.scaleway-panel) - no live service; reviewed from the template */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .scaleway-panel .scaleway-service-facts,
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .scaleway-panel .hg-cloud-primary-pane.active {
    padding: 1.5rem;
    border-radius: var(--snb-radius);
    background: var(--snb-paper);
    box-shadow: var(--snb-shadow);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .scaleway-panel :is(.scaleway-service-facts h4, .hg-cloud-primary-pane > h4) {
    margin: 0 0 1rem;
    color: var(--snb-heading) !important;
    font-size: 1.125rem !important;
    font-weight: 500 !important;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .scaleway-panel .hg-cloud-primary-pane > h4.mt-4 { margin-top: 1.5rem !important; padding-top: 1.5rem; border-top: 1px solid var(--snb-border); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .scaleway-panel .scaleway-service-facts .table { margin: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .scaleway-panel .scaleway-service-facts .table td { padding: .75rem 0; border-color: var(--snb-border); background: transparent; color: var(--snb-heading); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .scaleway-panel .scaleway-service-facts .table td:first-child { width: 40%; padding-inline-end: 1rem; color: var(--snb-body); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .scaleway-panel .scaleway-service-facts .table tr:last-child td { border-bottom: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .scaleway-panel .scaleway-service-facts > p { margin: 1rem 0 0; color: var(--snb-body) !important; font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .scaleway-panel .hg-cloud-primary-pane form { max-width: 40rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .scaleway-panel .hg-cloud-primary-pane .btn { margin-top: .25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .scaleway-panel .sn-ws-rail > .alert { margin: 0; }

/* legacy layers give .avatar a drop shadow; Sneat avatars are flat */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .avatar { box-shadow: none !important; }

/* list rows: no rule under the last row (two-column lists: under the last pair) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-kv-list > .az-kv:last-child,
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell :is(.ls-kv-list, .ls-traffic__kv) > .ls-kv:last-child,
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-summary > div:last-child { border-bottom: 0; }
@media (min-width: 1200px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-kv-list > .ls-kv:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
}
@media (min-width: 768px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-access-summary > div:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
}
@container azure-card (min-width: 640px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-kv-list--cols > .az-kv:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-kv-split { column-gap: 1.5rem; }
}
/* Azure: two selects + a button (data disk) - the selects share the row, the button sits under them */
@container azure-card (min-width: 400px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-field--row:has(> .az-control:nth-child(2)):has(> .az-btn:nth-child(3)) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-field--row:has(> .az-control:nth-child(2)):has(> .az-btn:nth-child(3)) > .az-btn { grid-column: 1 / -1; justify-self: start; width: auto; }
}
/* Azure metric charts: soft tiles instead of framed boxes */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-out--charts > .az-metric { border: 0; background: var(--snb-hover); }
/* Lightsail: row delete buttons are Sneat label-danger icon buttons; operations list without the browser indent */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-iconbtn:is(.ls-fw-remove, .ls-snapshot-delete, .ls-auto-snapshot-delete) {
    border-radius: var(--snb-radius);
    background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger));
    color: var(--snb-danger);
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-iconbtn:is(.ls-fw-remove, .ls-snapshot-delete, .ls-auto-snapshot-delete):hover:not(:disabled) { background: var(--snb-danger); color: #fff; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-operation-list { margin: 0; padding: 0; list-style: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-operation-item:first-child { padding-top: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-operation-item:last-child { padding-bottom: 0; border-bottom: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-diagnostic-facts { border-top-color: currentColor; border-top-color: color-mix(in sRGB, currentColor 20%, transparent); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-diagnostic-facts :is(dt, dd) { color: var(--snb-heading); font-size: .875rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-diagnostic-facts dt { color: var(--snb-body); }
/* Azure: seven tabs stay on one row in the narrower shells (1200-1399px) - the icons go first */
@container azure-main (max-width: 1000px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-tabnav > label svg { display: none; }
}
/* Azure: one field + its button (OS disk, snapshot label) - the field takes the room, the button keeps its label width */
@container azure-card (min-width: 400px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #az-shell.az-shell .az-field--row:has(> .az-control:first-child + .az-btn:last-child) { grid-template-columns: minmax(0, 1fr) auto; }
}
/* the service domain moves to its own line as a whole instead of breaking after "srv-" */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws .sn-ws-summary__sub > span[dir] { display: inline-block; max-width: 100%; }
/* Lightsail firewall on phones: protocol | from | to on one row, sources + delete on the next */
@media (max-width: 767.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-row { grid-template-columns: repeat(3, minmax(0, 1fr)) 2.375rem; align-items: end; padding: 1rem 0; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-row > .ls-fw-row__field:nth-child(3) { grid-column: 3 / 5; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-row > .ls-fw-row__sources { grid-column: 1 / 4; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-row > .ls-fw-remove { grid-column: 4; justify-self: end; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) #ls-app.ls-shell .ls-fw-row :is(input, select) { min-width: 0; }
}
/* the lone "Information" pill leads back from a native pane (Change Password …), so it shows only while one is open */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-ws:not(.sn-ws-native-open) .sn-ws-backlink { display: none !important; }