/* Public status page (/status). Light theme by default, dark theme under
   [data-bs-theme="dark"] (the page layout's theme toggle). Tones: ok, info,
   warn, danger. */
/* The public layout lays a bare <section> out as inline-flex; this page is a block. */
.page-layout .sf-status, .sf-status { display: block; width: 100%; max-width: 880px; margin: 0 auto; padding: 5.5rem 1rem 3rem; box-sizing: border-box; color: #111318; font-family: 'Geist', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; }
/* Long words and links in incident texts wrap instead of widening the page on phones. */
.sf-status { overflow-wrap: anywhere; }
.sf-status__head { position: relative; text-align: center; margin-bottom: 1.6rem; padding: 0 2.6rem; }
/* The link of this page, as an icon in the top corner. */
.sf-copylink { position: absolute; top: -.2rem; right: 0; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d1d5db; border-radius: 999px; background: #fff; color: #374151; font-size: 1.15rem; cursor: pointer; transition: border-color .15s ease, color .15s ease, background .15s ease; }
.sf-copylink:hover { border-color: #111827; color: #111827; }
.sf-copylink.is-done { border-color: #15803d; background: #f0fdf4; color: #15803d; }
.sf-copylink__toast { position: absolute; top: 100%; right: 0; margin-top: .35rem; padding: .25rem .55rem; border-radius: 8px; background: #111827; color: #fff; font-size: .75rem; font-weight: 600; white-space: nowrap; }
.sf-status__kicker { margin: 0 0 .35rem; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: #6b7280; }
.sf-status__title { margin: 0; font-size: clamp(1.9rem, 4vw, 2.6rem); font-weight: 500; letter-spacing: -.02em; }
.sf-status__sub { margin: .5rem 0 0; color: #5b6473; font-size: 1rem; }

/* Manufacturer → product picker. */
.sf-picker { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .6rem .75rem; margin: 0 0 1.1rem; padding: .85rem .9rem; border: 1px solid #e5e7eb; border-radius: 14px; background: #fff; }
.sf-picker__field { display: flex; flex-direction: column; gap: .3rem; flex: 1 1 220px; min-width: 0; margin: 0; }
.sf-picker__label { font-size: .72rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6b7280; }
.sf-picker__control { position: relative; display: block; }
.sf-picker__control select { appearance: none; -webkit-appearance: none; width: 100%; padding: .55rem 2.2rem .55rem .8rem; border: 1px solid #d1d5db; border-radius: 10px; background: #f9fafb; color: #111827; font: inherit; font-size: .95rem; font-weight: 500; line-height: 1.3; cursor: pointer; }
.sf-picker__control select:focus { outline: 2px solid #1d4ed8; outline-offset: 1px; border-color: #1d4ed8; }
.sf-picker__control .ti { position: absolute; right: .7rem; top: 50%; transform: translateY(-50%); pointer-events: none; color: #6b7280; }
.sf-picker__go { align-self: flex-end; padding: .55rem .9rem; border-radius: 10px; border: 1px solid #111827; background: #111827; color: #fff; font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; }
.sf-picker--js .sf-picker__go { display: none; }
.sf-picker__all { align-self: center; display: inline-flex; align-items: center; gap: .25rem; font-size: .85rem; color: #1d4ed8; text-decoration: none; white-space: nowrap; }
.sf-picker__all:hover { text-decoration: underline; }
.sf-component__link { color: inherit; text-decoration: none; }
.sf-component__link:hover { text-decoration: underline; color: inherit; }
.sf-component__last { display: block; font-size: .8rem; color: #6b7280; margin-top: .15rem; }
.sf-component__last strong { font-weight: 600; }
.sf-status__banner { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; padding: 1rem 1.15rem; border-radius: 14px; border: 1px solid #e5e7eb; background: #fff; margin-bottom: 1.8rem; }
.sf-status__banner-dot { width: 12px; height: 12px; border-radius: 50%; background: currentColor; flex: 0 0 auto; }
.sf-status__banner-text { font-size: 1.1rem; font-weight: 600; flex: 1 1 auto; min-width: 0; }
.sf-status__banner-when { font-size: .85rem; color: #6b7280; white-space: nowrap; }
.sf-status__banner--ok { color: #15803d; border-color: #bbf7d0; background: #f0fdf4; }
.sf-status__banner--info { color: #1d4ed8; border-color: #bfdbfe; background: #eff6ff; }
.sf-status__banner--warn { color: #b45309; border-color: #fde68a; background: #fffbeb; }
.sf-status__banner--danger { color: #b91c1c; border-color: #fecaca; background: #fef2f2; }
.sf-status__banner .sf-status__banner-when { color: inherit; opacity: .8; }

/* Summary per scope (own services vs providers) under the banner. */
.sf-scopes { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: .75rem; margin: -1rem 0 1.8rem; }
.sf-scope-card { display: flex; align-items: center; gap: .75rem; padding: .85rem 1rem; border: 1px solid #e5e7eb; border-radius: 14px; background: #fff; color: inherit; text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease; }
.sf-scope-card:hover { text-decoration: none; color: inherit; border-color: #9ca3af; box-shadow: 0 1px 3px rgba(17, 24, 39, .06); }
.sf-scope-card__dot { width: 12px; height: 12px; border-radius: 50%; flex: 0 0 auto; background: #15803d; box-shadow: 0 0 0 4px rgba(21, 128, 61, .14); }
.sf-scope-card--info .sf-scope-card__dot { background: #1d4ed8; box-shadow: 0 0 0 4px rgba(29, 78, 216, .14); }
.sf-scope-card--warn .sf-scope-card__dot { background: #d97706; box-shadow: 0 0 0 4px rgba(217, 119, 6, .16); }
.sf-scope-card--danger .sf-scope-card__dot { background: #dc2626; box-shadow: 0 0 0 4px rgba(220, 38, 38, .16); animation: sf-pulse 1.6s ease-in-out infinite; }
.sf-scope-card__txt { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.sf-scope-card__name { font-size: .8rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #6b7280; }
.sf-scope-card__state { font-size: .98rem; font-weight: 600; color: #111318; }
.sf-scope-card__ic { font-size: 1.3rem; color: #15803d; }
.sf-scope-card--info .sf-scope-card__ic { color: #1d4ed8; }
.sf-scope-card--warn .sf-scope-card__ic { color: #b45309; }
.sf-scope-card--danger .sf-scope-card__ic { color: #b91c1c; }
@keyframes sf-pulse { 0%, 100% { box-shadow: 0 0 0 4px rgba(220, 38, 38, .16); } 50% { box-shadow: 0 0 0 7px rgba(220, 38, 38, .08); } }

/* One block per scope inside "Servicios". */
.sf-scope { margin: 0 0 1.8rem; scroll-margin-top: 5rem; }
.sf-scope__head { display: flex; align-items: center; justify-content: space-between; gap: .5rem 1rem; flex-wrap: wrap; margin: 0 0 .7rem; padding: 0 .15rem; }
.sf-scope__name { margin: 0; font-size: 1.05rem; font-weight: 600; color: #111318; display: flex; align-items: center; gap: .4rem; }
.sf-scope__name .ti { color: #6b7280; }
.sf-scope__state { white-space: nowrap; }

.sf-status__section { margin-bottom: 2.2rem; }
/* The product's own page: its card leads. */
.sf-components--card { list-style: none; margin: 0; padding: 0; border: 1px solid #e5e7eb; border-radius: 14px; background: #fff; overflow: hidden; }
.sf-product { margin-bottom: 1.6rem; }
/* The short version of the incidents, in the page's language. */
.sf-brief { margin-bottom: 1.2rem; }
.sf-brief__item { border: 1px solid #e5e7eb; border-left-width: 4px; border-radius: 14px; background: #fff; padding: .9rem 1.1rem; margin-bottom: .75rem; }
.sf-brief__item--minor { border-left-color: #f59e0b; }
.sf-brief__item--major { border-left-color: #ea580c; }
.sf-brief__item--critical { border-left-color: #dc2626; }
.sf-brief__item--none { border-left-color: #94a3b8; }
.sf-brief__head { margin: 0 0 .35rem; display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .5rem; font-size: .95rem; line-height: 1.35; }
.sf-brief__since { color: #6b7280; font-size: .85rem; }
.sf-brief__text { margin: 0; font-size: 1rem; line-height: 1.6; color: #1f2937; }
.sf-brief__last { border: 1px solid #e5e7eb; border-radius: 14px; background: #f8fafc; padding: .9rem 1.1rem; }
.sf-brief__h3 { margin: 0 0 .35rem; font-size: .78rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6b7280; }
.sf-brief__when { margin: .5rem 0 0; font-size: .82rem; color: #6b7280; }
.sf-brief__when a { color: #1d4ed8; }
/* A folded block (the full incidents, the older history). */
.sf-more { margin: 0 0 2.2rem; }
.sf-more__sum { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem 1rem; border: 1px solid #d1d5db; border-radius: 12px; background: #fff; font-size: .92rem; font-weight: 600; color: #111318; cursor: pointer; list-style: none; }
.sf-more__sum::-webkit-details-marker { display: none; }
.sf-more__sum:hover { border-color: #111827; }
.sf-more__sum .ti { transition: transform .15s ease; color: #6b7280; }
.sf-more[open] > .sf-more__sum { margin-bottom: 1rem; }
.sf-more[open] > .sf-more__sum .ti { transform: rotate(180deg); }
.sf-more--history { margin-top: .4rem; margin-bottom: 0; }
.sf-status__h2 { font-size: 1.05rem; font-weight: 600; letter-spacing: .01em; margin: 0 0 .8rem; color: #111318; }
.sf-status__empty { color: #6b7280; font-size: .95rem; margin: 0; }

.sf-group { border: 1px solid #e5e7eb; border-radius: 14px; background: #fff; margin-bottom: 1rem; overflow: hidden; }
.sf-group__name { margin: 0; padding: .7rem 1.1rem; font-size: .8rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6b7280; background: #f8fafc; border-bottom: 1px solid #eef2f6; }
.sf-components { list-style: none; margin: 0; padding: 0; }
.sf-component { padding: .85rem 1.1rem; border-bottom: 1px solid #eef2f6; }
.sf-component:last-child { border-bottom: 0; }
.sf-component__head { display: flex; flex-direction: column; min-width: 0; grid-area: head; }
.sf-component__meta { display: flex; flex-direction: column; min-width: 0; grid-area: meta; }
.sf-component__vendor { font-size: .7rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6b7280; margin-bottom: .1rem; }
.sf-component__vendor a { color: inherit; text-decoration: none; }
.sf-component__vendor a:hover { color: #1d4ed8; text-decoration: none; }
.sf-component__name { font-weight: 500; font-size: 1rem; }
.sf-component__desc { font-size: .85rem; color: #6b7280; }
.sf-state { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; font-weight: 600; white-space: nowrap; flex: 0 0 auto; }
/* A state as a soft pill, so it reads on its own next to a wrapped name. */
.sf-component__state, .sf-child__state { padding: .3rem .65rem; border-radius: 999px; background: #f1f5f9; line-height: 1.2; }
.sf-component__state.sf-state--ok, .sf-child__state.sf-state--ok { background: #f0fdf4; }
.sf-component__state.sf-state--info, .sf-child__state.sf-state--info { background: #eff6ff; }
.sf-component__state.sf-state--warn, .sf-child__state.sf-state--warn { background: #fffbeb; }
.sf-component__state.sf-state--danger, .sf-child__state.sf-state--danger { background: #fef2f2; }
.sf-state__dot { width: 9px; height: 9px; border-radius: 50%; background: currentColor; }
.sf-state--ok { color: #15803d; }
.sf-state--info { color: #1d4ed8; }
.sf-state--warn { color: #b45309; }
.sf-state--danger { color: #b91c1c; }

.sf-incident { border: 1px solid #e5e7eb; border-left-width: 4px; border-radius: 14px; background: #fff; padding: 1rem 1.15rem; margin-bottom: 1rem; }
.sf-incident--minor { border-left-color: #f59e0b; }
.sf-incident--major { border-left-color: #ea580c; }
.sf-incident--critical { border-left-color: #dc2626; }
.sf-incident--none { border-left-color: #94a3b8; }
.sf-incident__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: .6rem; }
.sf-incident__title { margin: 0 0 .35rem; font-size: 1.1rem; font-weight: 600; line-height: 1.3; }
.sf-incident__meta { margin: 0; display: flex; flex-wrap: wrap; gap: .5rem .8rem; align-items: center; font-size: .85rem; color: #5b6473; }
.sf-incident__comps { font-size: .85rem; color: #5b6473; margin: 0 0 .5rem; }
.sf-incident__state { font-size: .8rem; font-weight: 600; padding: .25rem .6rem; border-radius: 999px; background: #f1f5f9; color: #334155; white-space: nowrap; }
.sf-incident__src { margin: .6rem 0 0; font-size: .85rem; }
.sf-incident__src a { color: #1d4ed8; }
.sf-pill { display: inline-flex; align-items: center; font-size: .74rem; font-weight: 600; padding: .15rem .5rem; border-radius: 6px; background: #f1f5f9; color: #334155; }
.sf-pill--minor { background: #fef3c7; color: #92400e; }
.sf-pill--major { background: #ffedd5; color: #9a3412; }
.sf-pill--critical { background: #fee2e2; color: #991b1b; }

.sf-updates { list-style: none; margin: 0; padding: 0; border-left: 2px solid #e5e7eb; margin-left: .35rem; }
.sf-update { position: relative; padding: .2rem 0 .9rem 1rem; }
.sf-update::before { content: ''; position: absolute; left: -6px; top: .55rem; width: 10px; height: 10px; border-radius: 50%; background: #cbd5e1; }
.sf-update:first-child::before { background: #1d4ed8; }
.sf-update:last-child { padding-bottom: .2rem; }
.sf-update__row { display: flex; gap: .6rem; align-items: baseline; flex-wrap: wrap; }
.sf-update__status { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #334155; }
.sf-update__when { font-size: .8rem; color: #6b7280; }
.sf-update__msg { margin: .2rem 0 0; font-size: .95rem; line-height: 1.55; white-space: pre-line; }

.sf-past { border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; margin-bottom: .6rem; padding: 0 1rem; }
.sf-past__sum { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .8rem 0; cursor: pointer; list-style: none; }
.sf-past__sum::-webkit-details-marker { display: none; }
.sf-past__title { font-weight: 500; }
.sf-past__meta { font-size: .82rem; color: #6b7280; white-space: nowrap; }
.sf-past[open] .sf-past__sum { border-bottom: 1px solid #eef2f6; margin-bottom: .8rem; }
.sf-past .sf-updates { margin-bottom: 1rem; }

.sf-status__foot { margin-top: 2rem; font-size: .82rem; color: #6b7280; text-align: center; }
.sf-status__foot a { color: inherit; }

@media (max-width: 640px) {
  /* The public layout keeps ~48px of gutters on a phone; take some back so
     the rows have room. */
  .page-layout .sf-status, .sf-status { padding: 4.5rem .75rem 3rem; margin-left: -1.25rem; margin-right: -1.25rem; width: auto; max-width: none; }
  .sf-status__head { padding: 0 2.2rem; }
  .sf-status__banner-when { white-space: normal; width: 100%; }
  .sf-more__sum { font-size: .88rem; }
  .sf-incident__head { flex-direction: column; }
  .sf-past__sum { flex-direction: column; align-items: flex-start; gap: .3rem; }
  .sf-past__meta { white-space: normal; }
}

[data-bs-theme="dark"] .sf-status { color: #fafafa; }
[data-bs-theme="dark"] .sf-status__h2, [data-bs-theme="dark"] .sf-component__name, [data-bs-theme="dark"] .sf-past__title { color: #fafafa; }
[data-bs-theme="dark"] .sf-status__sub, [data-bs-theme="dark"] .sf-status__kicker, [data-bs-theme="dark"] .sf-component__desc, [data-bs-theme="dark"] .sf-update__when, [data-bs-theme="dark"] .sf-past__meta, [data-bs-theme="dark"] .sf-incident__meta, [data-bs-theme="dark"] .sf-incident__comps, [data-bs-theme="dark"] .sf-status__foot, [data-bs-theme="dark"] .sf-status__empty { color: #a1a1aa; }
[data-bs-theme="dark"] .sf-group, [data-bs-theme="dark"] .sf-incident, [data-bs-theme="dark"] .sf-past, [data-bs-theme="dark"] .sf-status__banner { background: #000; border-color: #2a2a2a; }
[data-bs-theme="dark"] .sf-group__name { background: #0a0a0a; border-color: #1c1c1c; color: #a1a1aa; }
[data-bs-theme="dark"] .sf-component, [data-bs-theme="dark"] .sf-past[open] .sf-past__sum { border-color: #1c1c1c; }
[data-bs-theme="dark"] .sf-updates { border-color: #2a2a2a; }
[data-bs-theme="dark"] .sf-update::before { background: #3f3f46; }
[data-bs-theme="dark"] .sf-update__status, [data-bs-theme="dark"] .sf-incident__state, [data-bs-theme="dark"] .sf-pill { background: #171717; color: #e4e4e7; }
[data-bs-theme="dark"] .sf-update__status { background: transparent; }
[data-bs-theme="dark"] .sf-status__banner--ok { color: #4ade80; background: #052e16; border-color: #14532d; }
[data-bs-theme="dark"] .sf-status__banner--info { color: #93c5fd; background: #172554; border-color: #1e3a8a; }
[data-bs-theme="dark"] .sf-status__banner--warn { color: #fcd34d; background: #451a03; border-color: #78350f; }
[data-bs-theme="dark"] .sf-status__banner--danger { color: #fca5a5; background: #450a0a; border-color: #7f1d1d; }
[data-bs-theme="dark"] .sf-state--ok { color: #4ade80; }
[data-bs-theme="dark"] .sf-state--info { color: #93c5fd; }
[data-bs-theme="dark"] .sf-state--warn { color: #fcd34d; }
[data-bs-theme="dark"] .sf-state--danger { color: #fca5a5; }
[data-bs-theme="dark"] .sf-pill--minor { background: #451a03; color: #fcd34d; }
[data-bs-theme="dark"] .sf-pill--major { background: #431407; color: #fdba74; }
[data-bs-theme="dark"] .sf-pill--critical { background: #450a0a; color: #fca5a5; }
[data-bs-theme="dark"] .sf-incident__src a { color: #93c5fd; }

/* ── Product tree, legend and availability bars ───────────────────────────── */
.sf-status__banner-ic { font-size: 1.35rem; flex: 0 0 auto; }
.sf-status__h2row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: .8rem; }
.sf-status__h2row .sf-status__h2 { margin: 0; }
.sf-component { display: block; }
/* Desktop: name | bars | state, the details under them at full width. Phone
   (and the product's own page): name and state on one line, the details and
   the bars under. */
.sf-component__row { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(150px, 1fr) auto; grid-template-areas: "head uptime state" "meta meta meta"; align-items: center; gap: .3rem 1rem; }
.sf-status--single .sf-component__row { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "head state" "meta meta" "uptime uptime"; align-items: start; }
.sf-status--single .sf-component { padding: 1.1rem 1.25rem; }
.sf-status--single .sf-component__name { font-size: 1.25rem; }
.sf-status--single .sf-component__uptime { width: 100%; align-items: flex-start; margin-top: .4rem; }
.sf-status--single .sf-component__meta { margin-top: .2rem; }
.sf-component__state { grid-area: state; justify-self: end; }
.sf-component__uptime { grid-area: uptime; }
.sf-state i { font-size: 1.05rem; }
.sf-state .sf-state__dot { display: none; }
.sf-component__toggle { appearance: none; border: 1px solid #e5e7eb; background: #f8fafc; color: #475569; font: inherit; font-size: .74rem; font-weight: 600; border-radius: 999px; padding: .1rem .55rem; margin-left: .5rem; cursor: pointer; display: inline-flex; align-items: center; gap: .25rem; vertical-align: middle; }
.sf-component__toggle i { transition: transform .15s ease; }
.sf-component__toggle[aria-expanded="true"] i { transform: rotate(180deg); }
.sf-children { list-style: none; margin: .7rem 0 0; padding: .2rem 0 0 .9rem; border-left: 2px solid #eef2f6; }
.sf-child { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "name pct state"; align-items: center; gap: .15rem .75rem; padding: .5rem 0; font-size: .92rem; border-bottom: 1px solid #f1f5f9; }
.sf-child:last-child { border-bottom: 0; }
.sf-child__name { grid-area: name; min-width: 0; overflow-wrap: anywhere; }
.sf-child__pct { grid-area: pct; }
.sf-child__state { grid-area: state; justify-self: end; }
.sf-uptime { display: flex; flex-direction: column; align-items: flex-end; gap: .2rem; min-width: 0; }
.sf-uptime__bars { display: flex; gap: 2px; width: 100%; min-width: 0; overflow: hidden; }
.sf-uptime__day { display: block; flex: 1 1 0; min-width: 1px; max-width: 3px; height: 22px; border-radius: 2px; background: #22c55e; }
.sf-uptime__day--ok { background: #22c55e; }
.sf-uptime__day--info { background: #60a5fa; }
.sf-uptime__day--warn { background: #f59e0b; }
.sf-uptime__day--danger { background: #ef4444; }
.sf-uptime__pct { font-size: .74rem; color: #6b7280; white-space: nowrap; }
.sf-incident__comps i { font-size: .9rem; vertical-align: -1px; }
@media (max-width: 760px) {
  .sf-component__row { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "head state" "meta meta" "uptime uptime"; align-items: start; }
  .sf-component__state, .sf-child__state { margin-top: .2rem; white-space: normal; text-align: left; max-width: 150px; font-size: .78rem; line-height: 1.15; align-items: flex-start; }
  .sf-component__state .ti, .sf-child__state .ti { margin-top: .05rem; }
  .sf-component__uptime { width: 100%; align-items: flex-start; }
  .sf-uptime__bars { gap: 1px; }
  .sf-uptime__day { max-width: 2px; }
  .sf-child { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name state" "pct state"; }
  .sf-picker { padding: .75rem; }
}
[data-bs-theme="dark"] .sf-component__toggle { background: #171717; border-color: #2a2a2a; color: #a1a1aa; }
[data-bs-theme="dark"] .sf-children { border-color: #2a2a2a; }
[data-bs-theme="dark"] .sf-uptime__pct { color: #a1a1aa; }
[data-bs-theme="dark"] .sf-uptime__day--ok { background: #16a34a; }
[data-bs-theme="dark"] .sf-uptime__day--info { background: #3b82f6; }
[data-bs-theme="dark"] .sf-uptime__day--warn { background: #d97706; }
[data-bs-theme="dark"] .sf-uptime__day--danger { background: #dc2626; }

[data-bs-theme="dark"] .sf-picker { background: #000; border-color: #2a2a2a; }
[data-bs-theme="dark"] .sf-picker__label, [data-bs-theme="dark"] .sf-picker__control .ti, [data-bs-theme="dark"] .sf-component__vendor { color: #a1a1aa; }
[data-bs-theme="dark"] .sf-picker__control select { background: #141416; border-color: #3f3f46; color: #fafafa; }
[data-bs-theme="dark"] .sf-picker__go { background: #fafafa; border-color: #fafafa; color: #111; }
[data-bs-theme="dark"] .sf-picker__all, [data-bs-theme="dark"] .sf-component__vendor a:hover { color: #93c5fd; }
[data-bs-theme="dark"] .sf-component__state, [data-bs-theme="dark"] .sf-child__state { background: #18181b; }
[data-bs-theme="dark"] .sf-component__state.sf-state--ok, [data-bs-theme="dark"] .sf-child__state.sf-state--ok { background: #052e16; }
[data-bs-theme="dark"] .sf-component__state.sf-state--info, [data-bs-theme="dark"] .sf-child__state.sf-state--info { background: #172554; }
[data-bs-theme="dark"] .sf-component__state.sf-state--warn, [data-bs-theme="dark"] .sf-child__state.sf-state--warn { background: #451a03; }
[data-bs-theme="dark"] .sf-component__state.sf-state--danger, [data-bs-theme="dark"] .sf-child__state.sf-state--danger { background: #450a0a; }
[data-bs-theme="dark"] .sf-child { border-color: #1c1c1c; }
[data-bs-theme="dark"] .sf-copylink { background: #000; border-color: #3f3f46; color: #e4e4e7; }
[data-bs-theme="dark"] .sf-copylink:hover { border-color: #fafafa; color: #fafafa; }
[data-bs-theme="dark"] .sf-copylink.is-done { background: #052e16; border-color: #14532d; color: #4ade80; }
[data-bs-theme="dark"] .sf-copylink__toast { background: #fafafa; color: #111; }
[data-bs-theme="dark"] .sf-components--card, [data-bs-theme="dark"] .sf-brief__item, [data-bs-theme="dark"] .sf-more__sum { background: #000; border-color: #2a2a2a; }
[data-bs-theme="dark"] .sf-brief__item--minor { border-left-color: #f59e0b; }
[data-bs-theme="dark"] .sf-brief__item--major { border-left-color: #ea580c; }
[data-bs-theme="dark"] .sf-brief__item--critical { border-left-color: #dc2626; }
[data-bs-theme="dark"] .sf-brief__last { background: #0a0a0a; border-color: #2a2a2a; }
[data-bs-theme="dark"] .sf-brief__text { color: #e4e4e7; }
[data-bs-theme="dark"] .sf-brief__since, [data-bs-theme="dark"] .sf-brief__h3, [data-bs-theme="dark"] .sf-brief__when, [data-bs-theme="dark"] .sf-scope__name .ti { color: #a1a1aa; }
[data-bs-theme="dark"] .sf-brief__when a { color: #93c5fd; }
[data-bs-theme="dark"] .sf-more__sum { color: #fafafa; }
[data-bs-theme="dark"] .sf-more__sum:hover { border-color: #fafafa; }
[data-bs-theme="dark"] .sf-scope__name { color: #fafafa; }