/* /Components/Evaluator/EvaluatorExecutive.razor.rz.scp.css */
.ev-defs[b-91hj18e5to] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--kendo-spacing-3, 12px) var(--kendo-spacing-4, 16px);
    align-items: baseline;
    margin: 0;
}

.ev-defs dd[b-91hj18e5to] {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--text-color);
}

.ev-defs-pill[b-91hj18e5to] {
    padding: 2px 10px;
    font-size: 12px;
}

@media (max-width: 767px) {
    .ev-defs[b-91hj18e5to] { grid-template-columns: 1fr; }
}
/* /Components/Evaluator/EvaluatorTechnical.razor.rz.scp.css */
.ev-pane[b-8kawkk963p] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-6, 24px);
    padding: var(--kendo-spacing-6, 24px) 0;
}

/* Nine sections do not fit one line on a narrow screen; let the tabs wrap instead of scroll. */
[b-8kawkk963p] .ev-technical > .k-tabstrip-items-wrapper .k-tabstrip-items { flex-wrap: wrap; }
/* /Components/Evaluator/EvaluatorView.razor.rz.scp.css */
.ev-wrap[b-iv39c1bwjs] {
    background: var(--kendo-color-surface, #F7F9FA);
    font-family: var(--kendo-font-family, 'Lato', 'Segoe UI', Verdana, sans-serif);
    min-height: 100%;
    /* One box for the page, as .rv-wrap does on the report. Every child is the full width of
       it, so none of them can drift by a few pixels on its own centring maths. */
    max-width: 1240px;
    margin: 0 auto;
    padding: var(--kendo-spacing-6, 24px);
}

/* The scan report's layout and card, so the two screens read as one journey. Values match
   .rv-wrap in ReportView and .rv-wrap .card-static in app.css; change them together. */
.ev-crumbs[b-iv39c1bwjs] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2, 8px);
    font-size: 14px;
}

.ev-crumbs a[b-iv39c1bwjs] {
    display: inline-flex;
    align-items: center;
    gap: var(--kendo-spacing-1, 4px);
    color: var(--text-light-color);
    text-decoration: none;
}

.ev-crumbs a:hover[b-iv39c1bwjs] { color: var(--kendo-color-primary); }
.ev-crumb-sep[b-iv39c1bwjs] { color: var(--rule-strong, #B9CCD6); }
.ev-crumb-here[b-iv39c1bwjs] { font-weight: 600; overflow-wrap: anywhere; }

/* The same box .ev-content uses, so the card's edges line up with the tabs under it. The
   24px is that block's horizontal padding; keeping the card outside it left it wider on
   both sides. */
.ev-head[b-iv39c1bwjs] {
    margin: var(--kendo-spacing-5, 20px) 0 var(--kendo-spacing-6, 24px);
    padding: var(--kendo-spacing-8, 32px);
    border-color: var(--rule, #DBE5EA);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(22, 50, 63, 0.04), 0 2px 8px rgba(22, 50, 63, 0.05);
}

.ev-head-top[b-iv39c1bwjs] {
    display: flex;
    gap: var(--kendo-spacing-4, 16px);
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ev-head-meta[b-iv39c1bwjs] { display: flex; flex-direction: column; gap: var(--kendo-spacing-1, 4px); min-width: 0; }

.ev-title-row[b-iv39c1bwjs] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-3, 12px);
    flex-wrap: wrap;
}

.ev-title[b-iv39c1bwjs] {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.01em;
    overflow-wrap: anywhere;
}

/* The same badge the table shows for this stage — #187A4F for the same reason
   app.css's .cbt-pill-ok carries it: white text on #1F8A5B was 4.3:1. */
.ev-pill[b-iv39c1bwjs] {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 99px;
    background: #187A4F;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.ev-actions[b-iv39c1bwjs] { display: flex; align-items: center; gap: var(--kendo-spacing-2, 8px); flex-wrap: wrap; }

/* Square boxes holding an icon and nothing else. Telerik renders an empty text span after the
   icon even with no label, and its width is what pushes the glyph off centre. */
/* Icon-only, but the same height as the buttons beside them: zeroing the padding to centre
   the glyph also collapsed the box, leaving two short boxes in a row of tall ones. */
.ev-actions[b-iv39c1bwjs]  .ev-icon-btn.k-button {
    width: 44px;
    height: 32px;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.ev-actions[b-iv39c1bwjs]  .ev-icon-btn.k-button .k-button-text { display: none; }
.ev-actions[b-iv39c1bwjs]  .ev-icon-btn.k-button .k-button-icon { margin: 0; }

/* The tab row carries the way back to the scan, because that is where the reader is choosing
   a reading of this codebase. */
.ev-tabs[b-iv39c1bwjs] { position: relative; }

.ev-scan-link[b-iv39c1bwjs] {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--kendo-color-primary, #016489);
    text-decoration: none;
}

.ev-scan-link:hover[b-iv39c1bwjs] { text-decoration: underline; }

@media (max-width: 860px) {
    .ev-scan-link[b-iv39c1bwjs] { position: static; display: block; margin-bottom: var(--kendo-spacing-3, 12px); }
}

.ev-route[b-iv39c1bwjs] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2, 8px);
    flex-wrap: wrap;
    margin: var(--kendo-spacing-1, 4px) 0 0;
    font-size: 15px;
    color: var(--text-color);
}

.ev-stamp[b-iv39c1bwjs] { margin: 0; font-size: 13px; color: var(--text-light-color); }

.ev-content[b-iv39c1bwjs] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-6, 24px);
}

.ev-executive[b-iv39c1bwjs] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-6, 24px);
    padding: var(--kendo-spacing-6, 24px) 0;
}

.ev-loading[b-iv39c1bwjs] { position: relative; min-height: 240px; }

.ev-error[b-iv39c1bwjs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--kendo-spacing-3, 12px);
    text-align: center;
    color: var(--kendo-color-error);
}

.ev-error .ev-lede[b-iv39c1bwjs] { color: var(--text-color); }

.ev-partial[b-iv39c1bwjs] {
    display: flex;
    align-items: flex-start;
    gap: var(--kendo-spacing-2, 8px);
    padding: var(--kendo-spacing-3, 12px);
    border-radius: var(--kendo-border-radius-md, 4px);
    background: var(--velo-amber-bg);
    border: 1px solid var(--velo-amber-line);
    color: var(--velo-amber-ink);
    font-size: 13px;
    line-height: 1.45;
}

.ev-partial span[b-iv39c1bwjs] { color: var(--text-color); }

@media (max-width: 767px) {
    .ev-content[b-iv39c1bwjs] { padding: 0 var(--kendo-spacing-3, 12px) var(--kendo-spacing-6, 24px); }
}

/* The report's shared vocabulary of styles. Every section renders inside this view, so
   they are scoped to it with ::deep rather than added to the app-wide stylesheet. */
[b-iv39c1bwjs] .ev-section { display: flex; flex-direction: column; gap: var(--kendo-spacing-4, 16px); }
[b-iv39c1bwjs] .ev-section + .ev-section { margin-top: var(--kendo-spacing-6, 24px); }

[b-iv39c1bwjs] .ev-h2 { margin: 0; font-size: 24px; font-weight: 400; color: var(--text-color); }
[b-iv39c1bwjs] .ev-h3 { margin: 0; font-size: 18px; font-weight: 500; color: var(--text-color); }
[b-iv39c1bwjs] .ev-h4 { margin: 0; font-size: 15px; font-weight: 600; color: var(--text-color); }

[b-iv39c1bwjs] .ev-lede { margin: 0; font-size: 14px; line-height: 1.6; color: var(--text-light-color); max-width: 72ch; }
[b-iv39c1bwjs] .ev-muted { color: var(--text-light-color); }
[b-iv39c1bwjs] .ev-empty { margin: 0; font-size: 13px; font-style: italic; color: var(--text-light-color); }

/* A pipeline description under a label, in the cell it explains. */
[b-iv39c1bwjs] .ev-why { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: var(--text-light-color); }

[b-iv39c1bwjs] .ev-note {
  padding: var(--kendo-spacing-3, 12px) var(--kendo-spacing-4, 16px);
  border-radius: var(--kendo-border-radius-md, 4px);
  background: var(--velo-wash);
  border: 1px solid var(--rule);
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-color);
}

[b-iv39c1bwjs] .ev-stats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: var(--kendo-spacing-4, 16px);
}

[b-iv39c1bwjs] .ev-code {
  font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace;
  font-size: 12.5px;
  overflow-wrap: anywhere;
}

[b-iv39c1bwjs] .ev-chips { display: flex; flex-wrap: wrap; gap: var(--kendo-spacing-1, 4px); }
[b-iv39c1bwjs] .ev-chip {
  display: inline-flex;
  gap: var(--kendo-spacing-1, 4px);
  padding: 2px 8px;
  border-radius: 9999px;
  border: 1px solid var(--rule-strong);
  font-size: 12px;
  color: var(--text-color);
  white-space: nowrap;
}

/* The tone of a figure, never its only signal: every toned value also carries a word. */
[b-iv39c1bwjs] .ev-tone-ok { color: var(--velo-green-ink); }
[b-iv39c1bwjs] .ev-tone-warn { color: var(--velo-amber-ink); }
[b-iv39c1bwjs] .ev-tone-bad { color: var(--risk-high-color); }
[b-iv39c1bwjs] .ev-tone-info { color: var(--kendo-color-primary); }
[b-iv39c1bwjs] .ev-tone-muted { color: var(--text-light-color); }

/* One tint per layer of the generated solution, drawn from the palette. */
[b-iv39c1bwjs] .ev-layer-ui { --ev-tint: var(--kendo-color-primary); }
[b-iv39c1bwjs] .ev-layer-application { --ev-tint: var(--velo-green-ink); }
[b-iv39c1bwjs] .ev-layer-domain { --ev-tint: var(--velo-amber-ink); }
[b-iv39c1bwjs] .ev-layer-infrastructure { --ev-tint: var(--kendo-color-tertiary); }
[b-iv39c1bwjs] .ev-layer-crosscutting { --ev-tint: var(--kendo-color-secondary); }
[b-iv39c1bwjs] .ev-layer-compat { --ev-tint: var(--velo-agent); }
[b-iv39c1bwjs] .ev-layer-test { --ev-tint: var(--text-light-color); }
[b-iv39c1bwjs] .ev-layer-config,
[b-iv39c1bwjs] .ev-layer-doc,
[b-iv39c1bwjs] .ev-layer-other { --ev-tint: var(--risk-low-color); }

.ev-download-error[b-iv39c1bwjs] {
    display: flex;
    align-items: flex-start;
    gap: var(--kendo-spacing-2, 8px);
    margin-bottom: var(--kendo-spacing-4, 16px);
    padding: var(--kendo-spacing-3, 12px);
    border-radius: var(--kendo-border-radius-md, 4px);
    background: color-mix(in srgb, var(--kendo-color-error, #E54360) 8%, white);
    border: 1px solid color-mix(in srgb, var(--kendo-color-error, #E54360) 25%, white);
    color: var(--kendo-color-error, #E54360);
    font-size: 13px;
    line-height: 1.45;
}

.ev-download-error span[b-iv39c1bwjs] { color: var(--text-color, #453F3E); }

/* Folder tabs, as on the scan report: the open one is part of the panel below it, carrying the
   accent on its top edge and no line along its bottom. Direct children only — the engineer view
   has its own tab strip inside this one, and it is not a set of folders. */
.ev-tabs[b-iv39c1bwjs]  > .k-tabstrip > .k-tabstrip-items-wrapper {
    border-bottom: 1px solid var(--rule, #DBE5EA);
}

.ev-tabs[b-iv39c1bwjs]  > .k-tabstrip > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-tabstrip-item {
    border: 1px solid transparent;
    border-radius: 10px 10px 0 0;
    margin-bottom: -1px;
    padding: 0;
    background: transparent;
    color: var(--text-light-color, #5C7681);
    font-size: 15px;
}

.ev-tabs[b-iv39c1bwjs]  > .k-tabstrip > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-tabstrip-item .k-link {
    padding: 12px 22px;
    font-weight: 600;
}

.ev-tabs[b-iv39c1bwjs]  > .k-tabstrip > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-tabstrip-item:hover {
    color: var(--text-color, #16323F);
}

.ev-tabs[b-iv39c1bwjs]  > .k-tabstrip > .k-tabstrip-items-wrapper > .k-tabstrip-items > .k-tabstrip-item.k-active {
    border-color: var(--rule, #DBE5EA);
    border-top: 2px solid var(--kendo-color-primary, #016489);
    border-bottom-color: var(--kendo-color-base-background, #ffffff);
    background: var(--kendo-color-base-background, #ffffff);
    color: var(--text-color, #16323F);
}

.ev-tabs[b-iv39c1bwjs]  > .k-tabstrip > .k-tabstrip-content {
    border: 1px solid var(--rule, #DBE5EA);
    border-top: 0;
    border-radius: 0 10px 10px 10px;
    background: var(--kendo-color-base-background, #ffffff);
}
/* /Components/Evaluator/Shared/EvalFacts.razor.rz.scp.css */
.ev-facts[b-co9lanegb0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--kendo-spacing-3, 12px) var(--kendo-spacing-6, 24px);
    margin: 0;
}

.ev-fact dt[b-co9lanegb0] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-light-color);
}

.ev-fact dd[b-co9lanegb0] {
    margin: 2px 0 0;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: var(--text-color);
}
/* /Components/Evaluator/Shared/EvalMeter.razor.rz.scp.css */
.ev-meter[b-f5klk4y5wg] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2, 8px);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.ev-meter-bar[b-f5klk4y5wg] {
    width: 90px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 9999px;
    background: var(--rule);
    overflow: hidden;
}

/* The fill takes the tone's colour as its background. */
.ev-meter-fill[b-f5klk4y5wg] {
    display: block;
    height: 100%;
    background: currentColor;
}

.ev-meter-of[b-f5klk4y5wg],
.ev-meter-none[b-f5klk4y5wg] {
    font-size: 12px;
    color: var(--text-light-color);
    white-space: nowrap;
}
/* /Components/Evaluator/Shared/EvalPill.razor.rz.scp.css */
/* Table cells carry several of these; the headline size of the shared badge crowds them. */
.ev-pill[b-mtk82tje4v] {
    padding: 2px 10px;
    font-size: 12px;
}
/* /Components/Evaluator/Shared/EvalStat.razor.rz.scp.css */
.ev-stat[b-m6vypn6s6p] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-1, 4px);
    padding: var(--kendo-spacing-4, 16px);
}

.ev-stat-label[b-m6vypn6s6p] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-light-color);
}

.ev-stat-value[b-m6vypn6s6p] {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}

.ev-stat:not(.ev-stat-lead) .ev-stat-value.ev-tone-info[b-m6vypn6s6p] { color: var(--text-color); }

.ev-stat-lead .ev-stat-value[b-m6vypn6s6p] { font-size: 30px; }

.ev-stat-value.ev-stat-long[b-m6vypn6s6p] { font-size: 19px; }

.ev-stat-meaning[b-m6vypn6s6p] {
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--text-light-color);
}
/* /Components/Evaluator/Tabs/ArchitectureTab.razor.rz.scp.css */
.ev-arch-card[b-2vp36b84oh] { padding: var(--kendo-spacing-4, 16px); overflow-x: auto; }

.ev-arch[b-2vp36b84oh] { display: block; width: 100%; min-width: 640px; height: auto; font-family: inherit; }

.ev-arch-hd[b-2vp36b84oh] { font-size: 14px; font-weight: 600; fill: var(--text-light-color); }
.ev-arch-title[b-2vp36b84oh] { font-size: 16px; font-weight: 600; fill: var(--text-color); }
.ev-arch-sub[b-2vp36b84oh] { font-size: 12.5px; fill: var(--text-light-color); }
.ev-arch-num[b-2vp36b84oh] { font-size: 20px; font-weight: 700; fill: var(--ev-tint, var(--risk-low-color)); }

.ev-arch-legacy[b-2vp36b84oh] { fill: var(--kendo-color-primary); }
.ev-arch-on[b-2vp36b84oh] { fill: var(--velo-header-foreground); }
.ev-arch-dim[b-2vp36b84oh] { fill-opacity: 0.75; }

.ev-arch-link[b-2vp36b84oh] { stroke: var(--rule-strong); stroke-width: 2; fill: none; }
.ev-arch-arrow[b-2vp36b84oh] { fill: var(--kendo-color-secondary); }

.ev-arch-band[b-2vp36b84oh] {
    fill: var(--ev-tint, var(--risk-low-color));
    fill-opacity: 0.11;
    stroke: var(--ev-tint, var(--risk-low-color));
    stroke-opacity: 0.45;
}

.ev-arch-edge[b-2vp36b84oh] { fill: var(--ev-tint, var(--risk-low-color)); }
.ev-arch-share[b-2vp36b84oh] { fill: var(--ev-tint, var(--risk-low-color)); fill-opacity: 0.55; }

.ev-arch-defs[b-2vp36b84oh] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--kendo-spacing-2, 8px) var(--kendo-spacing-4, 16px);
    margin: 0;
    font-size: 13.5px;
}

.ev-arch-defs dt[b-2vp36b84oh] { display: flex; align-items: center; gap: var(--kendo-spacing-2, 8px); font-weight: 600; color: var(--text-color); }
.ev-arch-defs dd[b-2vp36b84oh] { margin: 0; color: var(--text-light-color); }

.ev-arch-swatch[b-2vp36b84oh] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--ev-tint, var(--risk-low-color));
}

.ev-arch-sides[b-2vp36b84oh] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--kendo-spacing-4, 16px); }
.ev-arch-sides .card-static[b-2vp36b84oh] { display: flex; flex-direction: column; gap: var(--kendo-spacing-3, 12px); }
.ev-arch-note[b-2vp36b84oh] { margin: 0; font-size: 12.5px; color: var(--text-light-color); }

@media (max-width: 767px) {
    .ev-arch-sides[b-2vp36b84oh],
    .ev-arch-defs[b-2vp36b84oh] { grid-template-columns: 1fr; }
}
/* /Components/Evaluator/Tabs/FilesTab.razor.rz.scp.css */
.ev-files-layer[b-kex643zyz1] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-3, 12px);
    padding: var(--kendo-spacing-2, 8px) var(--kendo-spacing-3, 12px);
    border-left: 4px solid var(--ev-tint, var(--risk-low-color));
}

.ev-files-layer + .ev-files-layer[b-kex643zyz1] { margin-top: var(--kendo-spacing-2, 8px); }

[b-kex643zyz1] .ev-files-toggle.k-button {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: var(--kendo-spacing-2, 8px);
    color: var(--text-color);
}

.ev-files-swatch[b-kex643zyz1] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--ev-tint, var(--risk-low-color));
}
/* /Components/Evaluator/Tabs/MigrationMapTab.razor.rz.scp.css */
.ev-map-search[b-wqd4jcu42p] { display: flex; flex-direction: column; gap: var(--kendo-spacing-2, 8px); max-width: 480px; }
.ev-map-search-label[b-wqd4jcu42p] { font-size: 13px; font-weight: 500; color: var(--text-color); }

.ev-map[b-wqd4jcu42p] { display: flex; flex-direction: column; gap: var(--kendo-spacing-2, 8px); }

.ev-map-row[b-wqd4jcu42p] {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) auto 2fr;
    align-items: center;
    gap: var(--kendo-spacing-4, 16px);
    padding: var(--kendo-spacing-3, 12px) var(--kendo-spacing-4, 16px);
}

.ev-map-from[b-wqd4jcu42p] { display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.ev-map-from .ev-muted[b-wqd4jcu42p] { font-size: 12px; }
.ev-map-arrow[b-wqd4jcu42p] { color: var(--kendo-color-secondary); }

/* Tinted by the layer the files landed in, so the row reads as a picture of the split. */
.ev-map-role[b-wqd4jcu42p] {
    color: var(--ev-tint, var(--risk-low-color));
    border-color: var(--ev-tint, var(--risk-low-color));
    background: color-mix(in srgb, var(--ev-tint, var(--risk-low-color)) 8%, transparent);
}

.ev-map-objects[b-wqd4jcu42p] { display: flex; flex-direction: column; gap: var(--kendo-spacing-2, 8px); }
.ev-map-object[b-wqd4jcu42p] { padding: var(--kendo-spacing-2, 8px) var(--kendo-spacing-3, 12px); }

[b-wqd4jcu42p] .ev-map-toggle.k-button {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: var(--kendo-spacing-2, 8px);
    text-align: left;
    color: var(--text-color);
}

.ev-map-body[b-wqd4jcu42p] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-4, 16px);
    padding: var(--kendo-spacing-4, 16px) var(--kendo-spacing-2, 8px) var(--kendo-spacing-2, 8px);
}

.ev-map-gap[b-wqd4jcu42p] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--kendo-spacing-2, 8px); margin: 0; font-size: 13.5px; }

@media (max-width: 767px) {
    .ev-map-row[b-wqd4jcu42p] { grid-template-columns: 1fr; }
    .ev-map-arrow[b-wqd4jcu42p] { display: none; }
}
/* /Components/Landing/GapSignInButton.razor.rz.scp.css */
/* El panel es una gaveta del propio botón, no un bloque suelto debajo: cuando está abierto
   los dos comparten el borde, así se lee como una sola pieza y no como un tercer control. */
.gap-signin.is-open[b-zpehx6jasb]  .gap-signin-trigger {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.gap-signin-panel[b-zpehx6jasb] {
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-2);
    margin-top: -1px; /* colapsa con el borde inferior del botón */
    padding: var(--kendo-spacing-3);
    border: 1px solid var(--kendo-color-border);
    border-top: none;
    border-bottom-left-radius: var(--kendo-border-radius-md);
    border-bottom-right-radius: var(--kendo-border-radius-md);
}
/* /Components/Scan/ScanSummaryCard.razor.rz.scp.css */
.ssc-head[b-e7g9jkd0ki] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--kendo-spacing-4, 16px);
    flex-wrap: wrap;
}

.ssc-title[b-e7g9jkd0ki] { margin: 0; font-size: 20px; font-weight: 600; }
.ssc-when[b-e7g9jkd0ki] { font-size: 13px; color: var(--text-light-color); margin: var(--kendo-spacing-1, 4px) 0 0; }

.ssc-docs[b-e7g9jkd0ki] { display: flex; gap: var(--kendo-spacing-2, 8px); flex-wrap: wrap; }

[b-e7g9jkd0ki] .ssc-doc { font-size: 13px; }
.ssc-doc .ssc-doc-name[b-e7g9jkd0ki] { font-weight: 600; }

/* The file type reads as a tag, so the label stays the document's name. */
.ssc-doc .ssc-doc-kind[b-e7g9jkd0ki] {
    padding: 1px 6px;
    border-radius: var(--kendo-border-radius-md, 4px);
    background: var(--kendo-color-base-subtle, #EDEBE9);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--text-light-color, #777373);
}

.ssc-failed[b-e7g9jkd0ki] { color: var(--kendo-color-error, #C2334C); font-size: 13px; margin: var(--kendo-spacing-2, 8px) 0 0 0; }

.ssc-embedded .ssc-glance[b-e7g9jkd0ki] { margin-top: var(--kendo-spacing-5, 20px); }

.ssc-glance[b-e7g9jkd0ki] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    margin-top: var(--kendo-spacing-6, 24px);
    padding-top: var(--kendo-spacing-6, 24px);
    border-top: 1px solid var(--rule, #DBE5EA);
}

/* Technologies first, and wider: it lists one entry per technology, the other column four figures. */
.ssc-glance-2[b-e7g9jkd0ki] { grid-template-columns: 1.55fr 1fr; }

.ssc-col[b-e7g9jkd0ki] { padding-inline: var(--kendo-spacing-6, 24px); border-right: 1px solid var(--rule, #DBE5EA); min-width: 0; }
.ssc-col:first-child[b-e7g9jkd0ki] { padding-left: 0; }
.ssc-col:last-child[b-e7g9jkd0ki] { border-right: 0; padding-right: 0; }

.ssc-col-title[b-e7g9jkd0ki] { margin: 0; font-size: 15px; font-weight: 700; color: var(--text-color, #16323F); }
.ssc-col-note[b-e7g9jkd0ki] { font-size: 12px; color: var(--text-light-color); margin: var(--kendo-spacing-1, 4px) 0 0; }

.ssc-facts[b-e7g9jkd0ki] {
    display: grid;
    gap: var(--kendo-spacing-4, 16px) var(--kendo-spacing-5, 20px);
    margin-top: var(--kendo-spacing-5, 20px);
}
.ssc-facts-1[b-e7g9jkd0ki] { grid-template-columns: minmax(0, 1fr); }
.ssc-facts-2[b-e7g9jkd0ki] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ssc-facts-3[b-e7g9jkd0ki] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ssc-value[b-e7g9jkd0ki] { font-size: 17px; font-weight: 700; line-height: 1.25; }
.ssc-label[b-e7g9jkd0ki] { font-size: 12px; color: var(--text-light-color); }

@media (max-width: 1024px) {
    .ssc-glance[b-e7g9jkd0ki], .ssc-glance-2[b-e7g9jkd0ki] { grid-template-columns: repeat(2, 1fr); row-gap: var(--kendo-spacing-6, 24px); }
    .ssc-col:nth-child(2n)[b-e7g9jkd0ki] { border-right: 0; padding-right: 0; }
    .ssc-col:nth-child(2n+1)[b-e7g9jkd0ki] { padding-left: 0; }
    .ssc-facts-3[b-e7g9jkd0ki] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .ssc-glance[b-e7g9jkd0ki], .ssc-glance-2[b-e7g9jkd0ki] { grid-template-columns: 1fr; }
    .ssc-col[b-e7g9jkd0ki] { border-right: 0; padding-inline: 0; }
    .ssc-facts-2[b-e7g9jkd0ki], .ssc-facts-3[b-e7g9jkd0ki] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Scan/TechnologyPanel.razor.rz.scp.css */
.tp[b-psoa9tdaan] { display: grid; gap: var(--kendo-spacing-5, 20px); }
.tp-pair[b-psoa9tdaan] { grid-template-columns: minmax(280px, 0.8fr) 1.2fr; }
.tp-card[b-psoa9tdaan] { min-width: 0; }

.tp-title[b-psoa9tdaan] { margin: 0; font-size: 17px; font-weight: 700; color: var(--text-color, #16323F); }
.tp-note[b-psoa9tdaan] { margin: var(--kendo-spacing-1, 4px) 0 0; font-size: 13px; color: var(--text-light-color); }

.tp-meter[b-psoa9tdaan] {
    display: flex; gap: 2px; height: 11px; overflow: hidden;
    margin: var(--kendo-spacing-5, 20px) 0 var(--kendo-spacing-2, 8px);
}
.tp-meter span[b-psoa9tdaan] { display: block; height: 100%; border-radius: 3px; }

.tp-swatch[b-psoa9tdaan] {
    display: inline-block; width: 10px; height: 10px; border-radius: 2px;
    margin-right: var(--kendo-spacing-2, 8px);
}
.tp-text[b-psoa9tdaan] { background: var(--velo-scan-text, #1A7FA8); }
.tp-binary[b-psoa9tdaan] { background: var(--velo-scan-binary, #C47A14); }
.tp-unknown[b-psoa9tdaan] { background: var(--velo-scan-unknown, #60707C); }

.tp-legend[b-psoa9tdaan] { margin: 0; }
.tp-legend-row[b-psoa9tdaan] {
    display: flex; align-items: center; justify-content: space-between;
    gap: var(--kendo-spacing-3, 12px);
    padding: var(--kendo-spacing-3, 12px) 0;
    border-bottom: 1px solid var(--rule, #DBE5EA);
    font-size: 14px;
}
.tp-legend-row:last-child[b-psoa9tdaan] { border-bottom: 0; }
.tp-legend dt[b-psoa9tdaan] { display: flex; align-items: center; margin: 0; }
.tp-legend dd[b-psoa9tdaan] { margin: 0; font-variant-numeric: tabular-nums; }
.tp-legend dd b[b-psoa9tdaan] { font-weight: 700; }
.tp-legend dd span[b-psoa9tdaan] { color: var(--text-light-color); }

[b-psoa9tdaan] .tp-grid { margin-top: var(--kendo-spacing-4, 16px); }
.tp-tech[b-psoa9tdaan] { font-weight: 600; }
.tp-primary[b-psoa9tdaan] {
    margin-left: var(--kendo-spacing-2, 8px);
    padding: 2px 6px; border-radius: var(--kendo-border-radius-sm, 4px);
    background: var(--velo-wash-strong, rgba(0, 100, 137, 0.11));
    color: var(--kendo-color-primary, #006489);
    font-size: 11px; font-weight: 700; white-space: nowrap;
}

.tp-bar[b-psoa9tdaan] { height: 8px; border-radius: 4px; background: var(--rule, #DBE5EA); overflow: hidden; }
.tp-bar i[b-psoa9tdaan] { display: block; height: 100%; min-width: 3px; background: var(--kendo-color-primary, #006489); }
.tp-bar-pct[b-psoa9tdaan] {
    display: block; margin-top: var(--kendo-spacing-1, 4px);
    font-size: 12px; color: var(--text-light-color); font-variant-numeric: tabular-nums;
}

@media (max-width: 1024px) {
    .tp-pair[b-psoa9tdaan] { grid-template-columns: 1fr; }
}