.ref-calc-page .calc-display {
            position: relative;
            z-index: 7;
        }
        .ref-calc-page .ref-entry-side {
            flex: 0 0 1.85rem;
            width: 1.85rem;
            align-self: stretch;
            display: grid;
            grid-template-rows: 1fr 1fr;
            gap: 2px;
            min-height: 0;
        }
        .ref-calc-page .ref-sign-slot,
        .ref-calc-page .ref-decimals {
            position: relative;
            min-height: 0;
            min-width: 0;
            display: flex;
        }
        .ref-calc-page .ref-entry-side .sign-btn,
        .ref-calc-page .ref-decimals-btn,
        .ref-calc-page .ref-decimals-pop button {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            border: 1px solid #ccc;
            border-radius: 4px;
            background: #f8fafc;
            color: #334155;
            font-weight: 700;
            line-height: 1;
            cursor: pointer;
        }
        .ref-calc-page .ref-entry-side .sign-btn,
        .ref-calc-page .ref-decimals-btn {
            width: 100%;
            height: 100%;
            min-width: 0;
            min-height: 0;
            flex: 1 1 auto;
            font-size: 0.72rem;
        }
        .ref-calc-page .ref-decimals-pop button {
            width: 2rem;
            min-height: 2rem;
            font-size: 0.85rem;
            border-radius: 6px;
        }
        .ref-calc-page .ref-decimals-pop {
            position: absolute;
            top: calc(100% + 4px);
            right: 0;
            z-index: 6;
            display: flex;
            gap: 4px;
            padding: 4px;
            border: 1px solid var(--border, #ccc);
            border-radius: 8px;
            background: var(--surface, #fff);
        }
        .ref-calc-page .ref-decimals-pop[hidden] {
            display: none !important;
        }
        .ref-calc-page .ref-decimals-pop button[aria-current="true"] {
            background: #0d9488;
            color: #fff;
            border-color: #0d9488;
        }
        html.dark .ref-calc-page .ref-entry-side .sign-btn,
        html.dark .ref-calc-page .ref-decimals-btn,
        html.dark .ref-calc-page .ref-decimals-pop button {
            background: #1e293b;
            color: #e2e8f0;
            border-color: #475569;
        }
        html.dark .ref-calc-page .ref-decimals-pop {
            background: #0f172a;
            border-color: #334155;
        }
        html.dark .ref-calc-page .ref-decimals-pop button[aria-current="true"] {
            background: #0d9488;
            color: #fff;
            border-color: #0d9488;
        }
        .ref-calc-page #ref-loading[hidden] {
            display: none !important;
        }
        .ref-calc-page #ref-loading.ref-loading-failed {
            background: #fee2e2;
            border-color: #ef4444;
            color: #991b1b;
        }
        .ref-calc-page #ref-error-text {
            margin: 0 0 12px;
        }
        .ref-calc-page .calc-modes[aria-label="Refrigerant modes"] {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
        #air-primary-actions.ref-calc-key-actions #ref-pt-btn {
            grid-column: 3;
        }
        #air-primary-actions.ref-calc-key-actions #ref-pt-btn,
        #air-primary-actions.ref-calc-key-actions #ref-pt-btn:hover {
            min-height: 44px;
            padding: 0.35rem 0.15rem;
            font-size: 0.85rem;
            font-weight: 700;
            line-height: 1.1;
            white-space: nowrap;
            background: linear-gradient(180deg, var(--surface-raised, var(--surface)) 0%, var(--surface) 100%) !important;
            color: var(--text) !important;
            border: 1px solid var(--border);
            border-bottom-color: transparent;
            border-radius: 8px;
            box-shadow:
                0 3px 0 color-mix(in srgb, var(--text) 32%, var(--border)),
                0 5px 8px rgba(15, 23, 42, 0.16) !important;
            transform: none;
        }
        .ref-calc-page .calc-ops button[data-calc-key="equals"] { /* the word ENTER (Peter, 2026-10-08 7:47 PM) needs a smaller font than the = sign */
            font-size: 0.95rem;
            letter-spacing: 0.02em;
        }

/* Advisory public page: R-410A only, no Save, no other calculators. */
.ref-calc-page .calc-modes[aria-label="Calculators"] {
  grid-template-columns: 1fr 1fr;
}
.ref-calc-page .calc-modes .calc-unit-hold {
  grid-column: auto;
}
.ref-calc-page #air-primary-actions.ref-calc-key-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ref-calc-page #air-primary-actions.ref-calc-key-actions #ref-pt-btn {
  grid-column: auto;
}
.calc-top-bar .dark-mode-toggle {
  background: none;
  border: 0;
  color: #fff;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 2px 0;
  cursor: pointer;
}
.calc-top-bar .app-help-link {
  white-space: nowrap;
}

nav.calc-top-bar.app-top-bar {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas:
    "back title theme"
    "app app app";
  column-gap: 8px;
  row-gap: 0;
}

nav.calc-top-bar .app-top-bar-back {
  grid-area: back;
  justify-self: start;
}

nav.calc-top-bar .app-top-bar-title {
  grid-area: title;
  justify-self: center;
}

nav.calc-top-bar .dark-mode-toggle {
  grid-area: theme;
  justify-self: end;
}

nav.calc-top-bar .r410a-full-app {
  grid-area: app;
  justify-self: end;
}