/* Irzaverse skin for Healthchecks v4.4, NERV Terminal UI Kit v3.0, 2026-09-14.
   Injected by nginx sub_filter on </head>. Upstream theme variables remapped to kit tokens (dark only, the profile
   theme switch no longer matters), ground with the glyph honeycomb, fonts, scanlines, square corners, chamfered
   panels and buttons. Fonts and tiles are shared with the SearXNG skin under /brand/ (/var/www/searxng-brand/). */
@font-face { font-family: "EVA-Matisse"; src: url("/brand/fonts/EVA-Matisse_Standard-latin.woff2") format("woff2"); font-weight: 800; font-display: swap; }
@font-face { font-family: "04b03"; src: url("/brand/fonts/04B_03__.TTF") format("truetype"); font-display: block; }

:root, body.dark {
  color-scheme: dark;
  --iz-surface-0: #05070D; --iz-surface-1: #0E1420; --iz-surface-2: #090D16; --iz-surface-3: #141C2B;
  --iz-ink-strong: #E6ECF5; --iz-ink: #A7B3C6; --iz-ink-muted: #7C8799;
  --iz-line: rgba(166,182,204,.28); --iz-line-groove: rgba(166,182,204,.18); --iz-line-bright: rgba(230,236,245,.45);
  --iz-accent: #E3B341; --iz-accent-bright: #FFD873; --iz-accent-soft: rgba(227,179,65,.16); --iz-accent-ink: #1A1200;
  --iz-terminal: #5FD3C8; --iz-success: #4FD1A1; --iz-danger: #FF4A2D; --iz-danger-soft: rgba(255,74,45,.16);
  --iz-panel: linear-gradient(180deg, #101827, #0C1220);
  --iz-accent-fill: linear-gradient(180deg, #F2C65A, #C9961F);
  --iz-chamfer-lg: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  --iz-chamfer-sm: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
  --iz-mono: "JetBrains Mono", "IBM Plex Mono", "Cascadia Mono", Consolas, monospace;

  --account-warning-bg: var(--iz-accent);
  --alert-no-data-bg: var(--iz-surface-1); --alert-no-data-border: var(--iz-line); --alert-no-data-color: var(--iz-ink);
  --alert-success-bg: rgba(79,209,161,.14); --alert-success-border: var(--iz-success); --alert-success-color: var(--iz-ink-strong);
  --body-bg: transparent;
  --border-color: var(--iz-line); --border-muted: var(--iz-line-groove);
  --breadcrumb-active-color: var(--iz-ink-muted); --breadcrumb-bg: transparent;
  --btn-active-bg: var(--iz-surface-3); --btn-active-border: var(--iz-accent); --btn-active-color: var(--iz-ink-strong);
  --btn-default-bg: transparent; --btn-default-border: var(--iz-line); --btn-default-color: var(--iz-ink-strong);
  --btn-remove-bg: transparent; --btn-remove-color: var(--iz-danger); --btn-remove-hover: var(--iz-danger-soft);
  --channel-off-color: var(--iz-surface-3); --channel-off-inside-color: var(--iz-ink-muted);
  --cheatsheet-example-bg: var(--iz-surface-2); --cheatsheet-dotted-color: var(--iz-ink-muted);
  --close-color: var(--iz-ink-strong);
  --debug-warning-bg: var(--iz-danger-soft);
  --dropdown-bg: var(--iz-surface-1); --dropdown-link-hover-bg: var(--iz-surface-3);
  --get-started-bg: var(--iz-surface-1);
  --input-bg-disabled: var(--iz-surface-1); --input-border: var(--iz-line-groove); --input-color: var(--iz-ink-strong);
  --input-group-addon-bg: var(--iz-surface-1);
  --jumbotron-bg: var(--iz-surface-1);
  --label-ign-bg: var(--iz-surface-3); --label-ign-color: var(--iz-ink); --label-start-color: var(--iz-ink);
  --link-color: var(--iz-accent); --link-hover-color: var(--iz-accent-bright);
  --log-flip-bg: var(--iz-surface-3);
  --modal-content-bg: var(--iz-surface-1);
  --nav-link-hover-bg: transparent;
  --panel-bg: var(--iz-surface-1); --panel-default-heading-bg: transparent; --panel-success-bg: rgba(79,209,161,.14);
  --pre-bg: var(--iz-surface-2); --ts-tag-bg: var(--iz-surface-3);
  --small-text-color: var(--iz-ink-strong);
  --state-info-bg: var(--iz-surface-1); --state-info-border: var(--iz-line); --state-info-color: var(--iz-ink);
  --status-new-color: var(--iz-ink-muted);
  --table-bg-hover: var(--iz-surface-3);
  --tag-bg: var(--iz-surface-2); --tag-color: var(--iz-ink);
  --tag-checked-bg: var(--iz-accent-soft); --tag-checked-border: var(--iz-accent); --tag-checked-color: var(--iz-accent-bright); --tag-checked-shadow: transparent;
  --tag-up-bg: var(--iz-surface-2); --tag-up-border: var(--iz-line); --tag-up-color: var(--iz-ink);
  --text-color: var(--iz-ink); --text-muted: var(--iz-ink-muted);
  --text-success: var(--iz-success); --text-warning: var(--iz-accent); --text-danger: var(--iz-danger);
  --log-new-row-bg: var(--iz-accent-soft); --log-new-row-border: var(--iz-accent);
}

/* Ground (kit §2): vignette on html, glyph honeycomb on body::before, scanlines above everything. */
html { background: radial-gradient(ellipse at 50% 40%, #0A1020 0%, #05070D 70%) !important; background-attachment: fixed !important; }
body { background: transparent !important; color: var(--iz-ink); font-family: Inter, "Helvetica Neue", Arial, sans-serif !important; font-size: 15px; }
body::before { content: ""; position: fixed; top: -96px; left: -56px; right: -56px; bottom: -96px; z-index: -1; pointer-events: none;
  opacity: .07; background: url(/brand/hex.svg) repeat; background-size: 55.4256px 96px; animation: iz-drift 55.4256s linear infinite; }
@keyframes iz-drift { to { transform: translate(55.4256px, 96px); } }
html::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 9999;
  background: repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0 2px, rgba(0,0,0,.14) 2px 3px); mix-blend-mode: multiply; }
@media (max-width: 50em) { body::before { display: none; } html::after { background: repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0 2px, rgba(0,0,0,.08) 2px 3px); } }
@media (prefers-reduced-motion: reduce) { body::before { animation: none; } html::after { background: none; } }

/* Geometry (rule 05): radius 0 everywhere Bootstrap rounds. */
.btn, .form-control, .input-group-addon, .input-group-btn > .btn, .panel, .panel-heading, .modal-content, .dropdown-menu, .label, .alert, .well,
.nav-pills > li > a, .nav-tabs > li > a, pre, code, kbd, .tooltip-inner, .popover, .badge, .list-group-item, .progress, .progress-bar,
.hc-dialog, .jumbotron, .breadcrumb, .thumbnail, .img-rounded, .btn-group > .btn, .checkbox-container .checkmark, .ts-wrapper .ts-control,
.ts-dropdown, .noUi-target, .noUi-handle, .noUi-connect, #my-checks-tags .btn, .filter-btn { border-radius: 0 !important; }

/* Type (kit §3) */
h1, h2, .page-header h1 { font-family: "EVA-Matisse", "Yu Mincho", serif; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; color: var(--iz-ink-strong); }
h1 { font-size: 36px; line-height: 1.05; }
h2 { font-size: 26px; line-height: 1.1; text-transform: none; }
h3, h4, h5 { font-family: Inter, "Helvetica Neue", Arial, sans-serif; font-weight: 600; color: var(--iz-ink-strong); }
h3 { font-size: 20px; }
code, pre, kbd, .my-checks-url, #checks-table .last-ping, #checks-table .timeout-grace, .timeout-grace, #details-schedule, .details-block code,
#log-container, .ping-details-body, .cron-preview, #cron-preview, #oncalendar-preview, .highlight, .label-tag, .checks-subline, .period-input, .grace-input {
  font-family: var(--iz-mono) !important; font-variant-numeric: tabular-nums; }
code { color: var(--iz-terminal); background: var(--iz-surface-2); border: 1px solid var(--iz-line-groove); }
pre { color: var(--iz-ink-strong); background: var(--iz-surface-2); border: 1px solid var(--iz-line-groove); }
.text-muted, small, .help-block { color: var(--iz-ink-muted); }
a { color: var(--iz-accent); } a:hover, a:focus { color: var(--iz-accent-bright); }

/* Status strip (kit §6 navigation): transparent bar, hairline beneath, mono uppercase sections, gold inset on the active one. */
.navbar-default { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--iz-line) !important; border-radius: 0; margin-bottom: 32px; }
.navbar-default .navbar-nav > li > a { font-family: var(--iz-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--iz-ink-muted) !important; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: var(--iz-ink-strong) !important; background: transparent !important; }
@media (min-width: 768px) {
  .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li > a:hover { border-bottom: 0 !important; padding-bottom: 15px !important; }
  .navbar-default .navbar-nav > li.active > a { color: var(--iz-ink-strong) !important; background: transparent !important; box-shadow: inset 0 -2px 0 var(--iz-accent); }
  #project-menu > .dropdown > a:hover { padding-bottom: 30px; border-bottom: 0; }
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: transparent !important; color: var(--iz-ink-strong) !important; }
#project-menu > .dropdown > a { font-family: Inter, "Helvetica Neue", Arial, sans-serif; font-weight: 600; font-size: 16px; color: var(--iz-ink-strong); display: flex; align-items: center; gap: 12px; }
#project-menu > .dropdown > a::before { content: ""; flex: none; width: 36px; height: 36px; background: url(/brand/eye.svg) center / contain no-repeat; }
#logo { content: url(/brand/eye.svg); height: 44px; max-height: 44px; margin-top: -12px; }
.navbar-brand { color: var(--iz-ink-strong) !important; }
.navbar-default .navbar-toggle { border-color: var(--iz-line); } .navbar-default .navbar-toggle .icon-bar { background: var(--iz-ink); }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: var(--iz-surface-3); }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: var(--iz-ink); }
.dropdown-menu { background: var(--iz-surface-1); border: 1px solid var(--iz-line); border-top-color: var(--iz-line-bright); box-shadow: none; }
.dropdown-menu > li > a { color: var(--iz-ink); } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: var(--iz-surface-3); color: var(--iz-ink-strong); }
.dropdown-menu .divider { background: var(--iz-line-groove); } .dropdown-menu .dropdown-header, .dropdown-menu .header { color: var(--iz-ink-muted); font-family: var(--iz-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover { background: var(--iz-accent-soft); color: var(--iz-accent-bright); }

/* Buttons (kit §6): primary gold fill with dark type, secondary hairline outline, destructive red fill; all chamfered 4px. */
.btn { font-family: Inter, "Helvetica Neue", Arial, sans-serif; font-weight: 600; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; box-shadow: none !important; text-shadow: none !important; background-image: none; transition: background-color .1s cubic-bezier(.2,.8,.2,1), color .1s cubic-bezier(.2,.8,.2,1); }
.btn:not(.btn-xs):not(.btn-sm):not(.btn-link) { clip-path: var(--iz-chamfer-sm); }
.btn-primary, .btn-primary:focus { background: var(--iz-accent-fill) !important; color: var(--iz-accent-ink) !important; border-color: transparent !important; }
.btn-primary:hover { background: var(--iz-accent-bright) !important; color: var(--iz-accent-ink) !important; }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: #C9961F !important; color: var(--iz-accent-ink) !important; }
.btn-default, .btn-default:focus { background: transparent !important; color: var(--iz-ink-strong) !important; border: 1px solid var(--iz-line) !important; }
.btn-default:hover { border-color: var(--iz-accent) !important; color: var(--iz-ink-strong) !important; background: transparent !important; }
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background: var(--iz-surface-3) !important; border-color: var(--iz-accent) !important; color: var(--iz-ink-strong) !important; }
.btn-danger, .btn-danger:focus { background: var(--iz-danger) !important; color: var(--iz-ink-strong) !important; border-color: transparent !important; }
.btn-danger:hover { background: #FF6A52 !important; }
.btn-success, .btn-info, .btn-warning { background: transparent !important; color: var(--iz-ink-strong) !important; border: 1px solid var(--iz-line) !important; }
.btn-link { color: var(--iz-accent); text-transform: none; letter-spacing: 0; font-weight: 400; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { background: transparent !important; color: var(--iz-ink-muted) !important; border: 1px solid var(--iz-line) !important; opacity: 1; }
.btn-remove { color: var(--iz-danger) !important; }
#my-checks-tags .btn, .filter-btn { font-family: var(--iz-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; font-weight: 500; }
#my-checks-tags .btn.up { color: var(--iz-ink); }
#my-checks-tags .btn.checked, #my-checks-tags .btn.checked:hover { background: var(--iz-accent-soft) !important; border-color: var(--iz-accent) !important; color: var(--iz-accent-bright) !important; }

/* Inputs (kit §6): recessed well, groove hairline, gold caret, reticle on focus. */
.form-control, .ts-wrapper .ts-control, select { background: var(--iz-surface-2) !important; color: var(--iz-ink-strong) !important; border: 1px solid var(--iz-line-groove) !important; box-shadow: none !important; caret-color: var(--iz-accent); }
.form-control:focus, .ts-wrapper.focus .ts-control, select:focus, .btn:focus, .btn:focus-visible, a:focus-visible, .checkbox-container input:focus ~ .checkmark, .radio-container input:focus ~ .radiomark {
  outline: none !important; border-color: var(--iz-accent) !important; box-shadow: 0 0 0 3px rgba(227,179,65,.18) !important; }
.form-control::placeholder { color: var(--iz-ink-muted); }
.input-group-addon { background: var(--iz-surface-1); border: 1px solid var(--iz-line-groove); color: var(--iz-ink-muted); font-family: var(--iz-mono); font-size: 12px; }
.control-label, label { color: var(--iz-ink); font-weight: 600; }
.checkbox-container .checkmark, .radio-container .radiomark { background: var(--iz-surface-2); border: 1px solid var(--iz-line); }
.checkbox-container input:checked ~ .checkmark, .radio-container input:checked ~ .radiomark { background: var(--iz-accent); border-color: var(--iz-accent); }

/* Panels and modals (kit §5): panel gradient, hairline frame, lit top edge, 8px chamfer, no shadow. */
.panel, .modal-content, .hc-dialog, .well, .jumbotron, .alert, .settings-block, .details-block, .list-group-item { background: var(--iz-panel) !important; border: 1px solid var(--iz-line) !important; border-top-color: var(--iz-line-bright) !important; box-shadow: none !important; }
.panel, .modal-content, .hc-dialog { clip-path: var(--iz-chamfer-lg); }
.panel-heading { background: transparent !important; border-bottom: 1px solid var(--iz-line) !important; color: var(--iz-ink-muted); font-family: var(--iz-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.panel-title { font-size: 12px; font-family: inherit; }
.panel-body, .modal-body { color: var(--iz-ink); }
.modal-header, .modal-footer { border-color: var(--iz-line); }
.modal-header h4, .modal-header h3 { font-family: "EVA-Matisse", "Yu Mincho", serif; font-weight: 800; font-size: 22px; text-transform: uppercase; letter-spacing: .03em; color: var(--iz-ink-strong); }
.modal-backdrop, .modal-backdrop.in { background: #05070D; opacity: .72; }
.close { color: var(--iz-ink-strong); opacity: .6; text-shadow: none; } .close:hover { color: var(--iz-accent-bright); opacity: 1; }
.alert-danger { border-color: var(--iz-danger) !important; background: var(--iz-danger-soft) !important; color: var(--iz-ink-strong); }
.alert-danger::before { content: ""; display: block; height: 8px; margin: -15px -15px 12px; background: repeating-linear-gradient(135deg, #E3B341 0 12px, #05070D 12px 24px); }
.alert-success { border-color: var(--iz-success) !important; }
.alert-info, .alert-warning { border-color: var(--iz-line) !important; color: var(--iz-ink); }

/* Tables (kit §6): hairline rows, mono uppercase header, hover band, no vertical rules. */
.table > thead > tr > th, .table > tbody > tr > th, .table > tr > th, #checks-table th { font-family: var(--iz-mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--iz-ink-muted); border-bottom: 1px solid var(--iz-line) !important; border-top: 0 !important; }
.table > tbody > tr > td, .table > tr > td { border-top: 1px solid rgba(166,182,204,.14) !important; vertical-align: middle; }
.table-hover > tbody > tr:hover, #checks-table tr:hover td { background: var(--iz-surface-3); }
#checks-table th a, #checks-table th a.active { color: var(--iz-ink-muted); } #checks-table th a:hover { color: var(--iz-ink-strong); }
#url-style-switcher a.active { color: var(--iz-accent-bright); }
.my-checks-name { color: var(--iz-ink-strong); font-weight: 600; }
.my-checks-url, .last-ping, .timeout-grace { color: var(--iz-ink); font-size: 13px; }
.checks-subline { color: var(--iz-ink-muted); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.label-tag, .label { font-family: var(--iz-mono); font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; background: var(--iz-surface-2); color: var(--iz-ink); border: 1px solid var(--iz-line); padding: 2px 6px; clip-path: var(--iz-chamfer-sm); }
.label-tag.up, .label.label-success { border-color: var(--iz-success); color: var(--iz-ink-strong); }
.label.label-danger { border-color: var(--iz-danger); color: var(--iz-ink-strong); background: var(--iz-danger-soft); }
.label.label-warning { border-color: var(--iz-accent); color: var(--iz-accent-bright); background: var(--iz-accent-soft); }

/* Status blips (kit §6 status): success, gold for late, red for down; unlit states in ink-muted. */
.status.ic-up, #current-status-icon.ic-up, .icon-up, .text-success { color: var(--iz-success) !important; }
.status.ic-grace, .icon-grace, .text-warning { color: var(--iz-accent) !important; }
.status.ic-down, .icon-down, .text-danger { color: var(--iz-danger) !important; }
.status.ic-new, .status.ic-paused, .status.ic-dots { color: var(--iz-ink-muted) !important; }
.status.ic-up, .status.ic-grace, .status.ic-down { text-shadow: 0 0 6px currentColor; }
@media (prefers-reduced-motion: no-preference) { #current-status-icon.ic-up, #current-status-icon.ic-grace, #current-status-icon.ic-down { animation: iz-blip 2s ease-in-out infinite; } }
@keyframes iz-blip { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }

/* Pills, tabs and tom-select (integrations/settings pages) */
.nav-pills > li > a, .nav-tabs > li > a { font-family: var(--iz-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--iz-ink-muted); border: 0; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-tabs > li.active > a { background: transparent !important; color: var(--iz-ink-strong) !important; box-shadow: inset 0 -2px 0 var(--iz-accent); border: 0 !important; }
.nav-pills > li > a:hover, .nav-tabs > li > a:hover { background: transparent; color: var(--iz-ink-strong); }
.nav-tabs { border-bottom: 1px solid var(--iz-line); }
.ts-dropdown { background: var(--iz-surface-1); border: 1px solid var(--iz-line); color: var(--iz-ink); box-shadow: none; }
.ts-dropdown .active { background: var(--iz-surface-3); color: var(--iz-ink-strong); }
.noUi-target { background: var(--iz-surface-2); border: 1px solid var(--iz-line-groove); box-shadow: none; }
.noUi-connect { background: var(--iz-accent); }
.noUi-handle { background: var(--iz-surface-1); border: 1px solid var(--iz-accent); box-shadow: none; }
.noUi-handle::before, .noUi-handle::after { background: var(--iz-line); }
.noUi-pips, .noUi-value { color: var(--iz-ink-muted); font-family: var(--iz-mono); font-size: 11px; }
.noUi-marker { background: var(--iz-line); }
hr { border-top: 1px solid var(--iz-line); }
.tooltip-inner { background: var(--iz-surface-1); color: var(--iz-ink-strong); border: 1px solid var(--iz-line); font-family: var(--iz-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.tooltip.top .tooltip-arrow { border-top-color: var(--iz-line); } .tooltip.bottom .tooltip-arrow { border-bottom-color: var(--iz-line); }
[data-tooltip]::after { background: var(--iz-surface-1); color: var(--iz-ink-strong); border: 1px solid var(--iz-line); box-shadow: none; border-radius: 0; font-family: var(--iz-mono); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }

/* Docs pages: syntax highlighting on the kit's three colours. */
.highlight { background: var(--iz-surface-2) !important; }
.highlight .k, .highlight .kn, .highlight .kd { color: var(--iz-accent); } .highlight .s, .highlight .s1, .highlight .s2 { color: var(--iz-terminal); }
.highlight .c1, .highlight .c { color: var(--iz-ink-muted); } .highlight .n, .highlight .nx, .highlight .p, .highlight .o { color: var(--iz-ink); }
.highlight .nb, .highlight .nn { color: var(--iz-ink-strong); }

/* Footer (kit §3 pixel section): 8px 04b03 caption, the same size as the search page footer. */
.footer { border-top: 1px solid var(--iz-line-groove); color: var(--iz-terminal); }
.footer ul { font-family: "04b03", monospace; font-size: 8px; line-height: 2; text-transform: uppercase; letter-spacing: 0; -webkit-font-smoothing: none; }
.footer a { color: var(--iz-terminal); text-decoration: underline; }
.footer li { color: var(--iz-terminal); }

/* Login page: card as a level-2 panel, display title. */
.page-login h1 { font-size: 28px; text-align: center; margin: 24px 0 32px; }
.page-login #login-form { padding: 24px; background: var(--iz-panel); border: 1px solid var(--iz-line); border-top-color: var(--iz-line-bright); clip-path: var(--iz-chamfer-lg); }
.page-login #login-form p { color: var(--iz-ink); }
.page-login #login-form .form-control { margin-bottom: 12px; }

/* Integrations page (2026-09-14): the "Add more" list is a catalogue, not ten primary actions. Titles drop to H3 (Inter 600 18px),
   the buttons become hairline secondaries at 12px with no forced width, and the list is capped at 780px so the button sits
   beside its service instead of at the far edge. */
.add-integration { max-width: 780px; }
.add-integration li { padding: 10px 0; }
.add-integration h2 { font-family: Inter, "Helvetica Neue", Arial, sans-serif; font-weight: 600; font-size: 18px; text-transform: none; letter-spacing: 0; line-height: 1.2; margin-bottom: 4px; }
.add-integration p { color: var(--iz-ink-muted); margin-bottom: 0; }
.add-integration a.btn, .add-integration a.btn:focus { width: auto; height: 32px; line-height: 30px; margin-top: -16px; padding: 0 14px; font-size: 12px; letter-spacing: .06em;
  background: transparent !important; color: var(--iz-ink-strong) !important; border: 1px solid var(--iz-line) !important; clip-path: none; }
.add-integration a.btn:hover { border-color: var(--iz-accent) !important; color: var(--iz-accent-bright) !important; }
.add-integration li:hover { background: var(--iz-surface-3); }
.ai-title { font-size: 26px; margin: 48px 0 16px; }

/* 2026-09-14, round two: gold panel edges everywhere (the silver lit edge read as off-white), opaque panels behind the checks
   table, integrations table and catalogue, details columns, badges and docs, and the catalogue buttons pushed right with
   room reserved so long descriptions never run under them. */
.panel, .modal-content, .hc-dialog, .well, .jumbotron, .settings-block, .details-block, .list-group-item, .page-login #login-form,
.iz-panel { border-top-color: rgba(227,179,65,.55) !important; border-left: 2px solid var(--iz-accent) !important; }
.iz-panel, #checks-table, .channels-table, .add-integration, #events, .page-badges .container > .row > div, .docs-content, .page-docs .col-sm-3 {
  background: var(--iz-panel) !important; border: 1px solid var(--iz-line); border-top-color: rgba(227,179,65,.55) !important; border-left: 2px solid var(--iz-accent) !important; }
#checks-table, .channels-table { margin-top: 24px; }
#checks-table th, #checks-table td, .channels-table th, .channels-table td { padding-left: 16px; padding-right: 16px; }
#checks-table tr:first-child th { padding-top: 16px; }
.channels-table .icon-cell img { margin-left: 0; }
.add-integration { max-width: 960px; padding: 8px 0; }
.add-integration .icon { left: 20px; }
.add-integration h2, .add-integration p { margin-left: 80px; margin-right: 200px; }
.add-integration a.btn, .add-integration a.btn:focus { right: 24px; }
.ai-title { margin-top: 48px; }
#events { padding: 16px 20px; }
.docs-content, .page-docs .col-sm-3 { padding: 24px; }
.page-badges .container > .row > div { padding: 24px; }

/* 2026-09-14, round three: one button style site-wide, the hairline secondary from the integrations catalogue. Only
   destructive buttons (btn-danger, btn-remove) keep their red signal; they stay hairline too but with red text and edge. */
.btn:not(.btn-link):not(.btn-danger):not(.btn-remove), .btn:not(.btn-link):not(.btn-danger):not(.btn-remove):focus,
.btn-primary, .btn-primary:focus, .btn-success, .btn-info, .btn-warning, .btn-default, .btn-default:focus, .btn.active {
  background: transparent !important; color: var(--iz-ink-strong) !important; border: 1px solid var(--iz-line) !important; clip-path: none !important;
  font-size: 12px; letter-spacing: .06em; height: auto; min-height: 32px; line-height: 30px; padding: 0 14px; }
.btn:not(.btn-link):not(.btn-danger):not(.btn-remove):hover, .btn-primary:hover, .btn-default:hover { border-color: var(--iz-accent) !important; color: var(--iz-accent-bright) !important; background: transparent !important; }
.btn:not(.btn-link):not(.btn-danger):not(.btn-remove):active, .btn.active:not(.btn-danger), .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-primary { background: var(--iz-accent-soft) !important; border-color: var(--iz-accent) !important; color: var(--iz-accent-bright) !important; }
.btn-lg, .btn-lg:focus { min-height: 40px; line-height: 38px; font-size: 13px; padding: 0 20px; }
.btn-sm, .btn-sm:focus { min-height: 28px; line-height: 26px; font-size: 11px; padding: 0 10px; }
.btn-xs, .btn-xs:focus { min-height: 22px; line-height: 20px; font-size: 11px; padding: 0 8px; }
.btn-danger, .btn-danger:focus, .btn-remove, .btn-remove:focus { background: transparent !important; color: var(--iz-danger) !important; border: 1px solid rgba(255,74,45,.55) !important; clip-path: none !important; font-size: 12px; letter-spacing: .06em; min-height: 32px; line-height: 30px; padding: 0 14px; }
.btn-danger:hover, .btn-remove:hover { background: var(--iz-danger-soft) !important; border-color: var(--iz-danger) !important; color: #FF8A75 !important; }
.btn.disabled, .btn[disabled] { color: var(--iz-ink-muted) !important; border-color: var(--iz-line-groove) !important; }
.input-group-btn > .btn { min-height: 34px; line-height: 32px; }
#my-checks-tags .btn, .filter-btn { min-height: 24px; line-height: 22px; padding: 0 8px; }
.btn-block { width: 100%; }