.converter-preview {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: rgba(15, 23, 42, .48);
  box-shadow: 0 14px 34px rgba(2, 6, 23, .2);
}

.preview-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  grid-template-areas: "heading switch actions";
  align-items: center;
  gap: 1rem;
  height: 124px;
  min-height: 124px;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid var(--border);
}

.preview-toolbar-heading { grid-area: heading; min-width: 0; }

.preview-title {
  color: var(--text);
  font-size: 1.05rem;
  font-weight: 750;
}

.preview-toolbar-actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  flex: 0 0 auto;
  min-width: 0;
  flex-wrap: wrap;
}
.preview-toolbar-actions #openFullEditorBtn {
  transform: translateY(-6px);
}
.preview-toolbar-actions .btn,.preview-layout-control .form-select,.full-editor-header-actions .btn { min-height: 38px; }
.preview-layout-control { display: flex; align-items: center; gap: .45rem; }
.preview-layout-control label { margin: 0; color: #aebbd0; font-size: .76rem; font-weight: 700; }
.preview-layout-control select { width: auto; min-width: 190px; border-color: #52637a; background-color: #151f30; color: #e7eef9; }
.preview-layout-summary { display: inline-flex; align-items: center; gap: .35rem; max-width: 240px; padding: .2rem .25rem; border-radius: 6px; color: #aebbd0; font-size: .76rem; line-height: 1.4; text-align: left; white-space: nowrap; }
.preview-layout-summary-label { flex: 0 0 auto; font-weight: 750; }
.preview-layout-summary-count { color: #e7eef9; font-weight: 700; }
.preview-layout-summary-info { margin-left: .08rem; color: #67b7ff; font-size: .78rem; }
.preview-layout-summary:focus-visible { outline: 2px solid rgba(96,165,250,.75); outline-offset: 2px; }
.change-layouts-list { display: grid; gap: .8rem; }
.change-layout-row { display: grid; gap: .35rem; padding: .8rem; border: 1px solid #40516a; border-radius: 10px; background: #151f30; }
.change-layout-row > label { color: #e7eef9; font-size: .82rem; font-weight: 750; }
.change-layout-row select { border-color: #52637a; background-color: #101827; color: #e7eef9; }
html[data-theme="light"] .preview-layout-control label, html[data-theme="light"] .preview-layout-summary { color: #607089; }
html[data-theme="light"] .preview-layout-summary-count { color: #172033; }
html[data-theme="light"] .preview-layout-control select { border-color: #c3cedd; background-color: #fff; color: #172033; }
html[data-theme="light"] .change-layout-row { border-color: #d6deea; background: #f7f9fc; }
html[data-theme="light"] .change-layout-row > label { color: #172033; }
html[data-theme="light"] .change-layout-row select { border-color: #c3cedd; background-color: #fff; color: #172033; }
.converter-download { position: relative; }
.converter-download-trigger { display: inline-flex; align-items: center; justify-content: center; min-width: 132px; }
.converter-download-menu { position: absolute; z-index: 40; bottom: calc(100% + .5rem); left: 0; width: 260px; overflow: hidden; border: 1px solid #40516a; border-radius: 11px; background: #151f30; box-shadow: 0 18px 48px rgba(0,0,0,.42); }
.converter-download-menu[hidden] { display: none !important; }
.converter-download-menu [role="menuitem"] { display: flex; align-items: center; gap: .7rem; width: 100%; padding: .72rem .85rem; border: 0; border-bottom: 1px solid #2b3a50; background: transparent; color: #e7eef9; text-align: left; }
.converter-download-menu [role="menuitem"]:hover, .converter-download-menu [role="menuitem"]:focus-visible { outline: 0; background: #223149; }
.converter-download-menu [role="menuitem"] > i { color: #67b7ff; font-size: 1rem; }
.converter-download-menu [role="menuitem"] span { display: flex; align-items: baseline; gap: .35rem; }
.converter-download-menu [role="menuitem"] strong { font-size: .82rem; }
.converter-download-menu [role="menuitem"] small { color: #94a6bf; font-size: .72rem; }
.converter-download-info { padding: .65rem .85rem; background: #101827; color: #aebbd0; font-size: .72rem; line-height: 1.4; }
html[data-theme="light"] .converter-download-menu { border-color: #cbd5e1; background: #fff; box-shadow: 0 18px 48px rgba(15,23,42,.18); }
html[data-theme="light"] .converter-download-menu [role="menuitem"] { border-bottom-color: #e1e7ef; color: #172033; }
html[data-theme="light"] .converter-download-menu [role="menuitem"]:hover, html[data-theme="light"] .converter-download-menu [role="menuitem"]:focus-visible { background: #edf4ff; }
html[data-theme="light"] .converter-download-menu [role="menuitem"] small { color: #607089; }
html[data-theme="light"] .converter-download-info { background: #f4f7fb; color: #607089; }
.editor-download .converter-download-menu { top: calc(100% + .5rem); right: 0; bottom: auto; left: auto; }
.validation-download .converter-download-trigger { min-width: 218px; }
.validation-download .converter-download-menu { width: 218px; }
.editor-empty-checkbox { display: inline-flex; align-items: center; gap: .5rem; margin: 0; padding: .32rem .15rem; color: #dce6f5; font-size: .78rem; font-weight: 650; cursor: pointer; white-space: nowrap; }
.editor-empty-checkbox .form-check-input { flex: 0 0 auto; width: 1rem; height: 1rem; margin: 0; cursor: pointer; }
.editor-empty-checkbox:focus-within { border-radius: 5px; outline: 2px solid rgba(96,165,250,.65); outline-offset: 3px; }
.editor-filter-status { display: inline-flex; align-items: center; gap: .55rem; min-height: 30px; padding: .28rem .45rem .28rem .65rem; border: 1px solid #40516a; border-radius: 8px; background: #151f30; color: #b9c7da; font-size: .72rem; white-space: nowrap; }
.editor-filter-status[hidden] { display: none !important; }
.editor-filter-status button { padding: .12rem .35rem; border: 0; border-left: 1px solid #40516a; background: transparent; color: #77bfff; font: inherit; font-weight: 750; cursor: pointer; }
.editor-filter-status button:hover, .editor-filter-status button:focus-visible { color: #b8dcff; text-decoration: underline; outline: 0; }
.editor-column-menu-button.active { color: #7cc7ff !important; background: rgba(56,189,248,.13) !important; }
.editor-column-menu-button.active .bi-funnel-fill { color: #38bdf8; }
.editor-column-menu-button > i + i { margin-left: .16rem; }
html[data-theme="light"] .editor-empty-checkbox { color: #25344c; }
html[data-theme="light"] .editor-filter-status { border-color: #cbd5e1; background: #f7f9fc; color: #53647d; }
html[data-theme="light"] .editor-filter-status button { border-left-color: #cbd5e1; color: #1769c2; }
.editor-validation { --validation-height: 300px; position: relative; z-index: 45; border-top: 1px solid #314158; background: #101827; }
.editor-validation-bar { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 38px; padding: .45rem .85rem; border: 0; background: #101827; color: #c5d2e5; font-size: .76rem; text-align: left; }
.editor-validation-bar > span { display: inline-flex; align-items: center; gap: .45rem; }
.editor-validation-bar strong { color: #eef5ff; }
.editor-validation-bar .bi-shield-check { color: #4cc9a4; }
#editorValidationReview { color: #76bdff; font-weight: 700; }
.editor-validation-panel { position: absolute; right: 0; bottom: 38px; left: 0; display: grid; grid-template-rows: auto auto minmax(0,1fr) auto auto; height: var(--validation-height); min-height: 190px; border-top: 1px solid #52637a; background: #101827; box-shadow: 0 -18px 45px rgba(0,0,0,.38); }
.editor-validation-panel[hidden] { display: none !important; }
.editor-validation-resize { position: absolute; z-index: 2; top: -5px; right: 0; left: 0; height: 10px; cursor: ns-resize; }
.editor-validation-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem .9rem; border-bottom: 1px solid #314158; }
.editor-validation-header h2 { margin: 0; color: #f4f8ff; font-size: 1rem; }
.editor-validation-title-row { display: flex; align-items: center; gap: .5rem; }
.editor-validation-beta { display: inline-flex; align-items: center; min-height: 18px; padding: .08rem .42rem; border: 1px solid rgba(56,189,248,.55); border-radius: 999px; background: rgba(14,165,233,.14); color: #7dd3fc; font-size: .61rem; font-weight: 850; letter-spacing: .08em; line-height: 1; }
.editor-validation-header p { margin: .15rem 0 0; color: #9eacc1; font-size: .8rem; }
.editor-validation-header .editor-validation-unsupported-note { color: #b9c9dd; }
.editor-validation-header .editor-validation-unsupported-note strong { color: #eef5ff; }
.editor-validation-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .45rem; }
.editor-validation-filters { display: flex; align-items: center; gap: .35rem; padding: .55rem .9rem; border-bottom: 1px solid #314158; overflow-x: auto; }
.editor-validation-filters > button { padding: .27rem .52rem; border: 1px solid #40516a; border-radius: 999px; background: transparent; color: #b9c7da; font-size: .7rem; white-space: nowrap; }
.editor-validation-filters > button.active { border-color: #4faeff; background: rgba(59,130,246,.18); color: #ddecff; }
.editor-validation-filters select { width: auto; min-width: 190px; margin-left: auto; border-color: #40516a; background-color: #151f30; color: #e7eef9; }
.editor-validation-filters label { display: flex; align-items: center; gap: .35rem; color: #b9c7da; font-size: .78rem; white-space: nowrap; }
.editor-validation-table-wrap { overflow: auto; }
.editor-validation-table { width: 100%; border-collapse: collapse; color: #d7e2f1; font-size: .78rem; }
.editor-validation-table th { position: sticky; z-index: 1; top: 0; padding: .45rem .55rem; border-bottom: 1px solid #40516a; background: #151f30; color: #aebdd2; text-align: left; }
.editor-validation-table td { max-width: 260px; padding: .42rem .55rem; border-bottom: 1px solid #27364b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.editor-validation-table tr { cursor: pointer; }
.editor-validation-table tr:hover td { background: rgba(65,105,160,.12); }
.editor-validation-table .validation-error td:first-child { color: #fb7185; font-weight: 800; text-transform: capitalize; }
.editor-validation-table .validation-warning td:first-child { color: #fbbf24; font-weight: 800; text-transform: capitalize; }
.validation-empty { padding: 1.2rem !important; color: #9eacc1; text-align: center; }
.editor-validation-details { display: flex; align-items: flex-start; gap: .8rem; padding: .55rem .9rem; border-top: 1px solid #314158; color: #cbd8e9; font-size: .79rem; }
.editor-validation-details > strong { color: #f1f6ff; white-space: nowrap; }
.editor-validation-details p { margin: 0; }
.editor-validation-details dl { display: grid; grid-template-columns: max-content minmax(0,1fr); gap: .1rem .4rem; min-width: 0; margin: 0 0 0 auto; }
.editor-validation-details dt { color: #8fa2bd; }.editor-validation-details dd { margin: 0; }
@media (max-width: 760px){
  .editor-validation-details { flex-wrap: wrap; }
  .editor-validation-details dl { flex-basis: 100%; margin-left: 0; }
}
.editor-validation-acknowledgment-note { margin: 0; padding: .55rem .9rem; border-top: 1px solid #314158; background: rgba(56,189,248,.06); color: #b9c9dd; font-size: .78rem; }
.editor-validation-acknowledgment-note .editor-validation-inline-link {
  display: inline;
  min-height: 0;
  margin: 0 0 0 .18rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #7db7ff;
  font: inherit;
  font-weight: 700;
  line-height: inherit;
  text-decoration: underline;
  text-underline-offset: .16em;
  box-shadow: none;
}
.editor-validation-acknowledgment-note .editor-validation-inline-link:hover { color: #abd2ff; }
.editor-validation-acknowledgment-note .editor-validation-inline-link:focus-visible {
  border-radius: 3px;
  outline: 2px solid #7dd3fc;
  outline-offset: 3px;
}
.editor-validation-disclaimer { margin: 0; padding: .48rem .9rem; border-top: 1px solid #314158; color: #8fa2bd; font-size: .75rem; }
.editor-cell-validation-error { box-shadow: inset 0 0 0 1px rgba(244,63,94,.7); }
.editor-cell-validation-warning { box-shadow: inset 0 0 0 1px rgba(245,158,11,.7); }
.editor-cell-validation-marker { position: absolute; top: 2px; right: 2px; display: grid; width: 14px; height: 14px; place-items: center; border-radius: 50%; background: #ef4444; color: #fff; font-size: 9px; font-weight: 900; pointer-events: auto; }
.editor-cell-validation-warning .editor-cell-validation-marker { background: #d97706; }
.validation-pulse { animation: validation-pulse 1.35s ease-out; }
@keyframes validation-pulse { 0%,35% { box-shadow: inset 0 0 0 3px #38bdf8, 0 0 0 5px rgba(56,189,248,.24); } 100% { box-shadow: none; } }
.editor-issue-target-row { background: rgba(56,189,248,.1) !important; box-shadow: inset 0 1px 0 rgba(125,211,252,.5),inset 0 -1px 0 rgba(125,211,252,.5); }
.editor-issue-target-cell { z-index: 3 !important; outline: 3px solid #38bdf8; outline-offset: -3px; background: rgba(14,165,233,.18) !important; }
.editor-issue-navigation-notice { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin: .45rem .75rem; padding: .5rem .65rem; border: 1px solid #3f6f9e; border-radius: 8px; background: #12243a; color: #d8ebff; font-size: .78rem; }
html[data-theme="light"] .editor-issue-target-row { background: #eaf5ff !important; }
html[data-theme="light"] .editor-issue-target-cell { background: #d9efff !important; outline-color: #1674c8; }
html[data-theme="light"] .editor-issue-navigation-notice { border-color: #8eb9df; background: #eef7ff; color: #244b70; }
@media (prefers-reduced-motion: reduce){.validation-pulse{animation:none;}}
html[data-theme="light"] .editor-validation,html[data-theme="light"] .editor-validation-bar,html[data-theme="light"] .editor-validation-panel { background: #fff; color: #334155; }
html[data-theme="light"] .editor-validation { border-color: #cbd5e1; }html[data-theme="light"] .editor-validation-bar strong,html[data-theme="light"] .editor-validation-header h2 { color: #172033; }
html[data-theme="light"] .editor-validation-header,html[data-theme="light"] .editor-validation-filters,html[data-theme="light"] .editor-validation-details,html[data-theme="light"] .editor-validation-acknowledgment-note,html[data-theme="light"] .editor-validation-disclaimer { border-color: #d7e0eb; }
html[data-theme="light"] .editor-validation-filters select,html[data-theme="light"] .editor-validation-table th { border-color: #cbd5e1; background-color: #f3f6fa; color: #334155; }
html[data-theme="light"] .editor-validation-table { color: #26364d; }html[data-theme="light"] .editor-validation-table td { border-color: #e2e8f0; }
html[data-theme="light"] .editor-validation-header p { color: #52647c; }
html[data-theme="light"] .editor-validation-header .editor-validation-unsupported-note { color: #425771; }
html[data-theme="light"] .editor-validation-header .editor-validation-unsupported-note strong { color: #172033; }
html[data-theme="light"] .editor-validation-beta { border-color: #63a9e8; background: #e4f2ff; color: #125c9e; }
html[data-theme="light"] .editor-validation-filters > button { border-color: #aebed1; color: #4b5f79; }
html[data-theme="light"] .editor-validation-filters > button.active { border-color: #3488e5; background: #deedff; color: #114f91; }
html[data-theme="light"] .editor-validation-filters label { color: #425771; }
html[data-theme="light"] .editor-validation-filters input[type="checkbox"] { border-color: #91a4ba; }
html[data-theme="light"] .editor-validation-details { color: #33475f; }
html[data-theme="light"] .editor-validation-details > strong { color: #172033; }
html[data-theme="light"] .editor-validation-details dt { color: #52647c; }
html[data-theme="light"] .editor-validation-details dd { color: #263a52; }
html[data-theme="light"] .editor-validation-acknowledgment-note { background: #f2f8ff; color: #3d5875; }
html[data-theme="light"] .editor-validation-acknowledgment-note .editor-validation-inline-link { color: #175fac; }
html[data-theme="light"] .editor-validation-acknowledgment-note .editor-validation-inline-link:hover { color: #0f4783; }
html[data-theme="light"] .editor-validation-disclaimer { color: #52647c; }
html[data-theme="light"] .editor-validation-table tr:hover td { background: #edf4fd; }
html[data-theme="light"] #editorValidationReview { color: #1769c2; }
.segmented-view-control { grid-area: switch; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-self: center; min-height: 42px; padding: 3px; border: 1px solid #40516a; border-radius: 10px; background: #101827; }
.segmented-view-control-results { width: 190px; }
.segmented-view-control-workspace { width: 230px; }
.segmented-view-control button { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 34px; padding: .45rem 1rem; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #aebdd1; font-size: .9rem; font-weight: 700; line-height: 1; white-space: nowrap; }
.segmented-view-control button:not(.active):hover { border-color: #40516a; background: #182438; color: #e2ebf7; }
.segmented-view-control button.active { border-color: #6da7ff; background: #2b65d9; color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16),0 2px 8px rgba(37,99,235,.28); }
.segmented-view-control button:focus-visible { outline: 3px solid #7dd3fc; outline-offset: 2px; }
.segmented-view-control button:disabled { opacity: .45; cursor: not-allowed; }
.results-summary,.full-analysis { background: #0d1626; color: #dce7f5; }
.full-analysis { overflow: auto; }
.results-summary { min-height: 300px; max-height: none; overflow: visible; padding: 1rem; border-top: 1px solid #314158; }
.summary-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; }
.summary-metric { display: flex; min-width: 0; min-height: 94px; flex-direction: column; align-items: flex-start; justify-content: center; padding: .8rem .9rem; border: 1px solid #33445c; border-radius: 10px; background: #151f30; color: #dce7f5; text-align: left; }
button.summary-metric { cursor: pointer; }button.summary-metric:hover,button.summary-metric:focus-visible { border-color: #4ba3ef; background: #192941; outline: 0; }
.summary-metric > span { color: #9fb0c8; font-size: .72rem; font-weight: 700; }
.summary-metric > strong { margin-top: .2rem; color: #f5f9ff; font-size: 1.25rem; line-height: 1.2; overflow-wrap: anywhere; }
.summary-metric > small { margin-top: .28rem; color: #8fa2bd; font-size: .68rem; }
.summary-details,.full-analysis-sections { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; margin-top: .8rem; }
.summary-details-999 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.summary-details-270 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.summary-details-271 { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
.summary-details-271 > * { height: auto; align-self: start; }
.summary-metrics-834 { grid-template-columns: repeat(12,minmax(0,1fr)); }
.summary-metrics-834 > * { grid-column: span 3; }
.summary-metrics-834 > :nth-child(n+5) { grid-column: span 4; }
.summary-related-heading-834 { margin: 1rem 0 .5rem; font-size: .95rem; }
.summary-secondary-metrics-834 { grid-template-columns: repeat(6,minmax(0,1fr)); }
.summary-secondary-metrics-834 .summary-metric strong { font-size: 1.05rem; }
.summary-details-834 { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
.summary-details-834 > * { height: auto; align-self: start; }
.analysis-834-shell { display: grid; grid-template-columns: minmax(11rem,14rem) minmax(0,1fr); align-items: start; gap: 1rem; }
.analysis-834-content { min-width: 0; }
.analysis-834-nav { position: sticky; top: .75rem; z-index: 2; display: flex; align-items: stretch; flex-direction: column; gap: .5rem; padding: .75rem; border: 1px solid var(--preview-border); border-radius: .7rem; background: #101b2e; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.analysis-834-nav strong { white-space: nowrap; }
.analysis-834-nav select { width: 100%; }
.analysis-834-occurrence-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: .8rem; }
[id^="analysis-834-"] { scroll-margin-top: 1rem; }
.summary-signals-271 > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: .8rem; }
.summary-service-270 { width: 100%; display: grid; grid-template-columns: 2.75rem minmax(0,1fr) auto; align-items: center; gap: .55rem; padding: .42rem 0; border: 0; border-bottom: 1px solid #2c3b51; background: transparent; color: #bdcbe0; text-align: left; }
.summary-service-270:hover,.summary-service-270:focus-visible { color: #fff; background: #19263a; }
.summary-service-270 strong { color: #68c7ff; }.summary-service-270 small { color: #9fb0c8; }
.inquiry-270-disclaimer { border-left: 3px solid #2f7fc4; padding: .55rem .7rem; background: rgba(47,127,196,.1); border-radius: 0 7px 7px 0; }
.analysis-table-note { margin: .65rem 0 0; color: #9fb0c8; font-size: .74rem; }
.summary-special-heading { margin-bottom: .8rem; }
.summary-special-heading h2 { margin: 0; color: #f5f9ff; font-size: 1rem; }
.acknowledgment-disclaimer { margin: .3rem 0 .8rem; max-width: 900px; color: #9fb0c8; font-size: .76rem; line-height: 1.5; }
.summary-issue-row { display: grid; grid-template-columns: minmax(70px,auto) minmax(0,1fr) auto; align-items: center; gap: .6rem; padding: .42rem 0; border-bottom: 1px solid #2c3b51; }
.summary-issue-row:last-child { border-bottom: 0; }
.summary-issue-row strong { color: #e7eef9; font-size: .75rem; }
.summary-issue-row span,.summary-issue-row small { color: #aebbd0; font-size: .7rem; }
.summary-breakdown { min-width: 0; padding: .75rem; border: 1px solid #33445c; border-radius: 10px; background: #151f30; }
.summary-breakdown h3 { margin: 0 0 .55rem; color: #edf4ff; font-size: .82rem; }
.summary-breakdown p { margin: .25rem 0; color: #8fa2bd; font-size: .72rem; }
.summary-breakdown-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; width: 100%; padding: .34rem .15rem; border: 0; border-top: 1px solid #27364b; background: transparent; color: #bdcbe0; font-size: .72rem; text-align: left; }
.compact-277ca-reason { display: grid; gap: .18rem; padding: .45rem .15rem; border-top: 1px solid #27364b; }
.compact-277ca-reason strong { color: #edf4ff; font-size: .75rem; }
.compact-277ca-reason span { overflow: hidden; color: #bdcbe0; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.compact-277ca-reason span:focus-visible { border-radius: 3px; outline: 2px solid #7dd3fc; outline-offset: 2px; }
.compact-277ca-reason small { color: #8fa2bd; font-size: .68rem; }
button.summary-breakdown-row { cursor: pointer; }button.summary-breakdown-row:hover,button.summary-breakdown-row:focus-visible { color: #7cc7ff; outline: 0; }
.summary-breakdown-row span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.summary-breakdown-row strong { color: #eef5ff; }
.summary-empty { display: grid; min-height: 240px; place-items: center; color: #9fb0c8; text-align: center; }
.summary-edited-note { margin: .7rem 0 0; color: #78c8ae; font-size: .72rem; }
.summary-context { display: flex; flex-wrap: wrap; gap: .4rem 1.25rem; margin-top: .75rem; }
.summary-range { margin: 0; color: #aab8cc; font-size: .78rem; }
.summary-range strong { color: #edf4ff; }
[data-theme="light"] .summary-range { color: #52647d; }
[data-theme="light"] .summary-range strong { color: #16233a; }
.full-analysis { min-height: 0; padding: 1rem; }
.full-analysis-heading { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: .8rem; }
.full-analysis-heading h2 { margin: 0; color: #f5f9ff; font-size: 1.15rem; }.full-analysis-heading p { margin: .2rem 0 0; color: #9fb0c8; font-size: .75rem; }
.full-analysis-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
.analysis-edit-count { color: #8dd8bd; font-size: .72rem; font-weight: 750; white-space: nowrap; }
.analysis-scope { display: flex; align-items: center; gap: .45rem; color: #9fb0c8; font-size: .72rem; font-weight: 700; }
.analysis-scope select { width: auto; min-width: 12rem; }
.analysis-section > h3 { margin: 0 0 .65rem; color: #edf4ff; font-size: .88rem; }
.analysis-overview { margin-bottom: 1rem; }
.analysis-supporting { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; margin-bottom: 1rem; }
.analysis-support-card { display: flex; min-width: 0; min-height: 112px; flex-direction: column; justify-content: center; padding: .85rem; border: 1px solid #33445c; border-radius: 10px; background: #151f30; }
.analysis-support-card > strong { color: #f5f9ff; font-size: 1rem; }
.analysis-support-card > small { margin-top: .35rem; color: #9fb0c8; }
.analysis-support-card ul { margin: 0; padding-left: 1.05rem; color: #bdcbe0; font-size: .72rem; }
.analysis-support-action > button { align-self: flex-start; padding: .4rem .55rem; border: 1px solid #4c607c; border-radius: 7px; background: transparent; color: #dce7f5; font-weight: 750; }
.analysis-support-action > button:hover,.analysis-support-action > button:focus-visible { border-color: #4ba3ef; background: #192941; outline: 2px solid #7dd3fc; outline-offset: 2px; }
.analysis-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; margin-bottom: .8rem; align-items: start; }
.analysis-panel-section { margin-bottom: .8rem; }
.analysis-panel-grid { display: grid; gap: .8rem; align-items: start; }
.analysis-panel-grid-2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.analysis-panel-grid-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.analysis-panel-section > .analysis-table-card + .analysis-panel-grid { margin-top: .8rem; }
.analysis-primary-metrics-271 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.analysis-primary-metrics-271 .summary-metric { min-height: 82px; }
.analysis-secondary-metrics-271 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .55rem; margin: .65rem 0 0; }
.analysis-secondary-metric-271 { min-width: 0; padding: .55rem .65rem; border: 1px solid #33445c; border-radius: 8px; background: #121c2c; }
.analysis-secondary-metric-271 dt { color: #9fb0c8; font-size: .68rem; font-weight: 700; }
.analysis-secondary-metric-271 dd { margin: .18rem 0 0; color: #f5f9ff; font-size: .92rem; font-weight: 800; }
.analysis-compact-metrics-271 { grid-template-columns: repeat(auto-fit,minmax(11rem,1fr)); }
.analysis-compact-metrics-271 .summary-metric { min-height: 76px; }
.analysis-table-card { min-width: 0; padding: .8rem; border: 1px solid #33445c; border-radius: 10px; background: #151f30; }
.full-analysis > .analysis-table-card { margin-bottom: .8rem; }
.analysis-table-wrap { overflow-x: auto; }
.analysis-table { width: 100%; border-collapse: collapse; color: #bdcbe0; font-size: .72rem; }
.analysis-table th,.analysis-table td { padding: .48rem .5rem; border-bottom: 1px solid #2c3b51; text-align: right; white-space: nowrap; }
.analysis-table th:first-child,.analysis-table td:first-child { text-align: left; }
.analysis-table thead th { color: #9fb0c8; font-size: .66rem; letter-spacing: .01em; }
.analysis-row-action { display: inline-flex; align-items: center; gap: .35rem; max-width: 15rem; padding: .22rem .35rem; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #8fd3ff; font: inherit; font-weight: 750; text-align: left; }
.analysis-row-action::after { content: "›"; font-size: 1rem; line-height: .7; }
.analysis-row-action:hover,.analysis-row-action:focus-visible { border-color: #4ba3ef; background: #192941; outline: 2px solid #7dd3fc; outline-offset: 1px; }
.analysis-view-all { margin-top: .65rem; padding: .32rem .55rem; border: 1px solid #4c607c; border-radius: 6px; background: transparent; color: #8fd3ff; font-size: .7rem; font-weight: 750; }
.analysis-view-all:hover,.analysis-view-all:focus-visible { border-color: #4ba3ef; outline: 2px solid #7dd3fc; outline-offset: 2px; }
.analysis-table-empty { margin: .25rem 0; color: #9fb0c8; font-size: .74rem; }
html[data-theme="light"] .segmented-view-control { border-color: #bdc9d8; background: #eef3f8; }
html[data-theme="light"] .segmented-view-control button { color: #50627a; }
html[data-theme="light"] .segmented-view-control button:not(.active):hover { border-color: #aebed1; background: #fff; color: #24364e; }
html[data-theme="light"] .segmented-view-control button.active { color: #fff; }
html[data-theme="light"] .results-summary,html[data-theme="light"] .full-analysis { background: #f8fafc; color: #24354d; }
html[data-theme="light"] .analysis-834-nav { border-color: #cbd5e1; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.1); }
html[data-theme="light"] .summary-metric,html[data-theme="light"] .summary-breakdown { border-color: #d2dce8; background: #fff; color: #26384f; }
html[data-theme="light"] .summary-metric > span,html[data-theme="light"] .summary-metric > small,html[data-theme="light"] .summary-breakdown p,html[data-theme="light"] .full-analysis-heading p { color: #607089; }
html[data-theme="light"] .summary-metric > strong,html[data-theme="light"] .summary-breakdown h3,html[data-theme="light"] .summary-breakdown-row strong,html[data-theme="light"] .full-analysis-heading h2 { color: #172033; }
html[data-theme="light"] .summary-special-heading h2,html[data-theme="light"] .summary-issue-row strong { color: #172033; }
html[data-theme="light"] .acknowledgment-disclaimer,html[data-theme="light"] .summary-issue-row span,html[data-theme="light"] .summary-issue-row small { color: #52647c; }
html[data-theme="light"] .summary-issue-row { border-color: #e2e8f0; }
html[data-theme="light"] .summary-breakdown-row { border-color: #e2e8f0; color: #415570; }
html[data-theme="light"] .compact-277ca-reason { border-color: #e2e8f0; }
html[data-theme="light"] .compact-277ca-reason strong { color: #172033; }
html[data-theme="light"] .compact-277ca-reason span { color: #415570; }
html[data-theme="light"] .compact-277ca-reason small { color: #607089; }
html[data-theme="light"] .analysis-section > h3,html[data-theme="light"] .analysis-support-card > strong { color: #172033; }
html[data-theme="light"] .analysis-support-card,html[data-theme="light"] .analysis-table-card { border-color: #d2dce8; background: #fff; }
html[data-theme="light"] .analysis-secondary-metric-271 { border-color: #d2dce8; background: #fff; }
html[data-theme="light"] .analysis-secondary-metric-271 dt { color: #52647d; }
html[data-theme="light"] .analysis-secondary-metric-271 dd { color: #172033; }
html[data-theme="light"] .analysis-support-card ul,html[data-theme="light"] .analysis-table { color: #415570; }
html[data-theme="light"] .analysis-table th,html[data-theme="light"] .analysis-table td { border-color: #e2e8f0; }
html[data-theme="light"] .analysis-table thead th,html[data-theme="light"] .analysis-scope { color: #607089; }
html[data-theme="light"] .analysis-support-action > button,html[data-theme="light"] .analysis-view-all { border-color: #aebed1; color: #1769c2; }
html[data-theme="light"] .full-analysis-heading p,
html[data-theme="light"] .summary-metric > span,
html[data-theme="light"] .summary-metric > small,
html[data-theme="light"] .analysis-support-card > small,
html[data-theme="light"] .analysis-table-empty { color: #475569; }
html[data-theme="light"] .analysis-row-action { color: #075985; }
html[data-theme="light"] .analysis-row-action:hover,
html[data-theme="light"] .analysis-row-action:focus-visible { border-color: #2f7fc4; background: #e8f2ff; color: #064b74; }
html[data-theme="light"] .analysis-table thead th { color: #334155; }
html[data-theme="light"] .summary-service-270 { border-color: #e2e8f0; color: #415570; }
html[data-theme="light"] .summary-service-270:hover,html[data-theme="light"] .summary-service-270:focus-visible { color: #172033; background: #eef5fd; }
html[data-theme="light"] .summary-service-270 strong { color: #075985; }
html[data-theme="light"] .summary-service-270 small,html[data-theme="light"] .analysis-table-note { color: #607089; }
html[data-theme="light"] .inquiry-270-disclaimer { background: #eaf4ff; color: #415570; }
html[data-theme="light"] .analysis-scope { color: #3f5068; }
html[data-theme="light"] .analysis-support-action > button { border-color: #8fa3ba; color: #075985; }
html[data-theme="light"] .full-editor-footer,
html[data-theme="light"] .editor-security-note { color: #475569; }
@media (max-width: 1100px){.analysis-supporting { grid-template-columns: repeat(2,minmax(0,1fr)); }.analysis-detail-grid { grid-template-columns: 1fr; }.analysis-panel-grid-3 { grid-template-columns: repeat(2,minmax(0,1fr)); }.analysis-panel-grid-3 > :last-child { grid-column: 1 / -1; }.analysis-secondary-metrics-271,.summary-secondary-metrics-834 { grid-template-columns: repeat(3,minmax(0,1fr)); }}
@media (max-width: 900px){.summary-metrics,.full-analysis-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.summary-metrics-834 { grid-template-columns: repeat(2,minmax(0,1fr)); }.summary-metrics-834 > *,.summary-metrics-834 > :nth-child(n+5) { grid-column: span 1; }.summary-metrics-834 > :last-child { grid-column: 1 / -1; }.summary-details,.full-analysis-sections { grid-template-columns: repeat(2,minmax(0,1fr)); }}
@media (max-width: 760px){.analysis-panel-grid-2,.analysis-panel-grid-3,.analysis-secondary-metrics-271 { grid-template-columns: 1fr; }.analysis-panel-grid-3 > :last-child { grid-column: auto; }}
@media (max-width: 900px){.analysis-834-shell { grid-template-columns: 1fr; }.analysis-834-nav { position: static; }.analysis-834-nav strong { white-space: normal; }}
@media (max-width: 600px){.summary-metrics,.full-analysis-metrics,.summary-metrics-834,.summary-details,.summary-details-999,.summary-details-270,.summary-details-271,.summary-details-834,.summary-secondary-metrics-834,.analysis-834-occurrence-metrics,.full-analysis-sections,.analysis-supporting { grid-template-columns: 1fr; }.summary-metrics-834 > *,.summary-metrics-834 > :nth-child(n+5),.summary-metrics-834 > :last-child { grid-column: 1; }.summary-signals-271 > div { grid-template-columns: 1fr; }.results-view-switch { order: -1; }.full-analysis-heading { flex-direction: column; gap: .65rem; }.analysis-scope,.analysis-scope select { width: 100%; }.summary-issue-row { grid-template-columns: 1fr; gap: .15rem; }.summary-service-270 { grid-template-columns: 2.5rem minmax(0,1fr); }.summary-service-270 small { grid-column: 2; }}

.preview-empty-toggle {
  display: inline-grid;
  grid-template-columns: 2.25rem max-content;
  align-items: start;
  gap: .6rem;
  min-height: 1.25rem;
  margin: 0;
  padding-left: 0;
  white-space: nowrap;
}

.preview-empty-toggle .form-check-input {
  width: 2.25rem !important;
  height: 1.25rem !important;
  float: none;
  margin: 0 !important;
}
.preview-empty-toggle .form-check-label {
  display: block;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 650;
  line-height: 1.25rem;
  cursor: pointer;
}

.preview-toolbar-actions #resetPreviewBtn {
  flex: 0 0 auto;
  margin-left: auto;
}

.preview-meta,
.preview-note {
  color: var(--muted);
  font-size: .88rem;
}

.preview-tabs {
  display: flex;
  gap: .35rem;
  overflow-x: auto;
  padding: .65rem .75rem 0;
  scrollbar-width: thin;
}

.preview-tab {
  flex: 0 0 auto;
  padding: .5rem .8rem;
  border: 1px solid var(--border);
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  background: rgba(255, 255, 255, .035);
  color: var(--muted);
  font-size: .88rem;
  font-weight: 650;
  cursor: pointer;
}

.preview-tab:hover { color: var(--text); }

.preview-tab.active {
  background: rgba(96, 165, 250, .16);
  color: var(--text);
  border-color: rgba(96, 165, 250, .48);
}

.preview-tab:focus-visible {
  outline: 3px solid rgba(96, 165, 250, .5);
  outline-offset: -2px;
}

.preview-grid-wrap {
  position: relative;
  max-height: 520px;
  overflow: auto;
  border-top: 1px solid var(--border);
  background: rgba(2, 6, 23, .24);
  scrollbar-color: rgba(148, 163, 184, .55) transparent;
}

.preview-grid {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--text);
  font-size: .82rem;
  font-variant-numeric: tabular-nums;
}

.preview-grid th,
.preview-grid td {
  min-width: 150px;
  max-width: 310px;
  height: 34px;
  padding: .42rem .55rem;
  overflow: hidden;
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: rgba(15, 23, 42, .7);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preview-grid thead th {
  position: sticky;
  z-index: 3;
  top: 0;
  background: #1e293b;
  color: #eaf2ff;
  font-weight: 750;
  box-shadow: inset 0 -1px 0 rgba(148, 163, 184, .35);
}

.preview-grid .preview-row-number {
  position: sticky;
  z-index: 2;
  left: 0;
  min-width: 54px;
  width: 54px;
  max-width: 54px;
  background: #1e293b;
  color: #aebddd;
  text-align: center;
  user-select: none;
}

.preview-grid thead .preview-row-number { z-index: 4; }

.preview-grid td[contenteditable="true"] {
  cursor: text;
  outline: none;
}

.preview-grid td[contenteditable="true"]:hover { background: rgba(30, 64, 175, .16); }

.preview-grid td[contenteditable="true"]:focus {
  position: relative;
  z-index: 1;
  overflow: visible;
  background: #172554;
  box-shadow: inset 0 0 0 2px #60a5fa;
  text-overflow: clip;
}

.preview-grid td.preview-edited {
  background: rgba(245, 158, 11, .13);
  box-shadow: inset 3px 0 0 #f59e0b;
}

.preview-note {
  padding: .72rem 1rem;
  border-top: 1px solid var(--border);
}

html[data-theme="light"] .converter-preview {
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .11);
}

html[data-theme="light"] .preview-tab { background: #edf2f7; color: #52637a; }
html[data-theme="light"] .preview-tab.active {
  background: #dbeafe;
  color: #173a70;
  border-color: #8eb5ee;
}

html[data-theme="light"] .preview-grid-wrap { background: #f8fafc; }
html[data-theme="light"] .preview-grid { color: #172033 !important; }
html[data-theme="light"] .preview-grid th,
html[data-theme="light"] .preview-grid td {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #172033 !important;
}
html[data-theme="light"] .preview-grid thead th,
html[data-theme="light"] .preview-grid .preview-row-number {
  background: #e2e8f0 !important;
  color: #334155 !important;
}
html[data-theme="light"] .preview-grid td[contenteditable="true"]:hover { background: #eff6ff !important; }
html[data-theme="light"] .preview-grid td[contenteditable="true"]:focus {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 2px #2563eb !important;
}
html[data-theme="light"] .preview-grid td.preview-edited {
  background: #fff7e6 !important;
  box-shadow: inset 3px 0 0 #d97706 !important;
}

/* Full-screen editor ------------------------------------------------------ */
body.full-editor-open { overflow: hidden !important; }

.full-editor {
  position: fixed;
  z-index: 1080;
  inset: 0;
  padding: 12px;
  background: rgba(2, 6, 23, .82);
  backdrop-filter: blur(8px);
}

.full-editor[hidden] { display: none !important; }

.full-editor-shell {
  position: relative;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 16px;
  background: #0f172a;
  color: #e5eefb;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .55);
}

.full-editor-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  grid-template-areas: "heading switch actions";
  align-items: center;
  gap: 1rem;
  min-height: 70px;
  padding: .8rem 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, .25);
}

.full-editor-heading { grid-area: heading; min-width: 0; }
.full-editor-title { font-size: 1.08rem; font-weight: 800; }
.full-editor-meta { margin-top: .12rem; color: #b8c6dd; font-size: .82rem; }
.full-editor-header-actions { grid-area: actions; display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: .45rem; flex-wrap: wrap; }

.full-editor-tabs {
  display: flex;
  gap: .35rem;
  min-height: 42px;
  overflow-x: auto;
  padding: .5rem .75rem 0;
  border-bottom: 1px solid rgba(148, 163, 184, .25);
}

.full-editor-tab {
  flex: 0 0 auto;
  padding: .42rem .72rem;
  border: 1px solid rgba(148, 163, 184, .3);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: rgba(255, 255, 255, .035);
  color: #b8c6dd;
  font-size: .82rem;
  font-weight: 700;
  cursor: pointer;
}

.full-editor-tab.active { background: #1e3a5f; border-color: #4f83bd; color: #fff; }
.full-editor-tab:focus-visible { outline: 3px solid rgba(96, 165, 250, .55); outline-offset: -2px; }

.full-editor-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .65rem .8rem;
  border-bottom: 1px solid rgba(148, 163, 184, .25);
  background: rgba(15, 23, 42, .96);
}

.editor-search-wrap {
  position: relative;
  flex: 1 1 420px;
  max-width: 680px;
}

.editor-search-wrap > i {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: .72rem;
  transform: translateY(-50%);
  color: #93a4bd;
}

.editor-search-wrap .form-control { padding-left: 2.15rem !important; }

.editor-empty-toggle {
  display: inline-grid;
  grid-template-columns: 2.25rem max-content;
  align-items: start;
  gap: .58rem;
  min-height: 1.25rem;
  margin: 0;
  padding-left: 0;
  white-space: nowrap;
}

.editor-empty-toggle .form-check-input { width: 2.25rem !important; height: 1.25rem !important; float: none; margin: 0 !important; }
.editor-empty-toggle .form-check-label { display: block; color: #c5d1e3; font-size: .84rem; font-weight: 650; line-height: 1.25rem; cursor: pointer; }
.editor-layout-selector { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .45rem; margin-left: auto; color: #a9bad1; font-size: .75rem; font-weight: 750; white-space: nowrap; }
.editor-layout-selector[hidden] { display: none !important; }
.editor-layout-selector .form-select { width: auto; min-width: 150px; padding-top: .3rem; padding-bottom: .3rem; font-size: .78rem; }
.editor-manage-layouts-btn { flex: 0 0 auto; white-space: nowrap; }
.editor-manage-layouts-btn[hidden] { display: none !important; }
.editor-saved-layout-state { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .35rem; }
.editor-saved-layout-state[hidden] { display: none !important; }
.editor-layout-modified-badge { padding: .2rem .42rem; border-radius: 999px; background: rgba(245, 158, 11, .16); color: #fcd071; font-size: .66rem; font-weight: 800; text-transform: uppercase; }
.editor-saved-layout-state button { padding: .2rem .32rem; border: 0; background: transparent; color: #9bdcf7; font-size: .68rem; font-weight: 700; white-space: nowrap; }
.editor-saved-layout-state button:hover { color: #fff; text-decoration: underline; }
.editor-customize-columns-btn { flex: 0 0 auto; white-space: nowrap; }
.editor-security-note { color: #a9bad1; font-size: .8rem; white-space: nowrap; }

.full-editor-viewport {
  position: relative;
  min-height: 0;
  overflow: auto;
  outline: none;
  background: #0b1220;
  scrollbar-color: #52637a #111827;
}

.full-editor-viewport:focus-visible { box-shadow: inset 0 0 0 2px #3b82f6; }
.full-editor-spacer { position: relative; min-width: 100%; min-height: 100%; pointer-events: none; }
.full-editor-layer { position: absolute; z-index: 1; inset: 0 auto auto 0; }

.editor-cell {
  position: absolute;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 .52rem;
  border-right: 1px solid #334155;
  border-bottom: 1px solid #334155;
  background: #111827;
  color: #e5eefb;
  font-size: .8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.editor-cell-header {
  z-index: 4;
  background: #253349;
  color: #f1f5f9;
  font-weight: 750;
  box-shadow: inset 0 -1px 0 #52637a;
}

.editor-cell-header-help { cursor: help; }
.editor-cell-header-help:focus-visible { outline: 2px solid #60a5fa; outline-offset: -3px; }
.editor-header-info { flex: 0 0 auto; margin-left: auto; padding-left: .45rem; color: #7dd3fc; font-size: .75rem; }
.editor-header-lock {
  display: inline-flex;
  align-items: center;
  gap: .22rem;
  flex: 0 0 auto;
  margin-left: auto;
  padding: .12rem .36rem;
  border: 1px solid rgba(125, 211, 252, .35);
  border-radius: 999px;
  color: #9bdcf7;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .02em;
}
.editor-header-lock + .editor-header-info { margin-left: .3rem; }
.editor-column-menu-button {
  display: grid;
  flex: 0 0 1.45rem;
  width: 1.45rem;
  height: 1.45rem;
  margin-right: .2rem;
  margin-left: .3rem;
  padding: 0;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: #aebbd0;
  font-size: .72rem;
}
.editor-column-menu-button:hover,
.editor-column-menu-button:focus-visible { border-color: #71839c; background: rgba(148, 163, 184, .16); color: #fff; outline: none; }
.editor-column-menu-button.active { border-color: #38bdf8; background: rgba(56, 189, 248, .16); color: #7dd3fc; }
.editor-column-resize-handle {
  position: absolute;
  z-index: 8;
  top: 0;
  right: -4px;
  width: 9px;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
}
.editor-column-resize-handle::after {
  position: absolute;
  top: 20%;
  bottom: 20%;
  left: 4px;
  width: 2px;
  border-radius: 2px;
  background: transparent;
  content: '';
}
.editor-column-resize-handle:hover::after { background: #38bdf8; }
body.editor-column-resizing,
body.editor-column-resizing * { cursor: col-resize !important; user-select: none !important; }
body.editor-column-resizing .editor-column-resize-handle::after { background: #38bdf8; }
.editor-cell.editor-cell-locked { background: #182234; color: #aebbd0; }
.editor-cell-locked .editor-cell-input { cursor: not-allowed; }

.preview-header-lock { margin-left: .42rem; color: #7dd3fc; font-size: .72rem; }
.preview-cell-locked { background: rgba(148, 163, 184, .08) !important; color: #aebbd0 !important; cursor: not-allowed; }

.editor-column-tooltip {
  position: fixed;
  z-index: 1105;
  width: min(390px, calc(100vw - 20px));
  padding: .9rem 1rem;
  border: 1px solid #52637a;
  border-radius: 10px;
  background: #172235;
  color: #e8eff9;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .42);
  pointer-events: none;
  animation: editor-tooltip-in .12s ease-out;
}
.editor-column-tooltip[hidden] { display: none !important; }
.editor-column-tooltip-name { margin-bottom: .65rem; color: #fff; font-size: .94rem; font-weight: 800; overflow-wrap: anywhere; }
.editor-column-tooltip-source { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: .6rem; }
.editor-column-tooltip-source > span {
  padding: .18rem .42rem;
  border-radius: 4px;
  background: rgba(56, 189, 248, .13);
  color: #7dd3fc;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.editor-column-tooltip-source code { color: #fcd88d; font-family: inherit; font-size: .83rem; font-weight: 750; line-height: 1.45; overflow-wrap: anywhere; }
.editor-column-tooltip p { margin: .7rem 0 0; color: #c4d0e0; font-size: .9rem; line-height: 1.55; }

.editor-column-menu {
  position: fixed;
  z-index: 1106;
  width: min(330px, calc(100vw - 20px));
  padding: .9rem;
  border: 1px solid #52637a;
  border-radius: 11px;
  background: #172235;
  color: #e8eff9;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .46);
}
.editor-column-menu[hidden] { display: none !important; }
.editor-column-menu-head { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; margin-bottom: .8rem; }
.editor-column-menu-head > div { display: grid; gap: .15rem; min-width: 0; }
.editor-column-menu-head span { color: #93a4bd; font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.editor-column-menu-head strong { color: #fff; font-size: .92rem; overflow-wrap: anywhere; }
.editor-column-menu-head button {
  display: grid; flex: 0 0 1.8rem; width: 1.8rem; height: 1.8rem; padding: 0; place-items: center;
  border: 0; border-radius: 6px; background: transparent; color: #aebbd0;
}
.editor-column-menu-head button:hover { background: rgba(148, 163, 184, .14); color: #fff; }
.editor-column-sort-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-bottom: .85rem; }
.editor-column-sort-actions .btn.active { border-color: #38bdf8 !important; background: rgba(56, 189, 248, .16) !important; color: #7dd3fc !important; }
.editor-column-filter-label { display: block; margin-bottom: .35rem; color: #bdc9da; font-size: .76rem; font-weight: 700; }
.editor-column-menu .form-select { margin-bottom: .5rem; }
.editor-column-menu-actions { display: flex; justify-content: space-between; gap: .6rem; margin-top: .75rem; }
.editor-clear-all-filters {
  width: 100%; margin-top: .75rem; padding: .45rem; border: 0; border-top: 1px solid #334155;
  background: transparent; color: #9fb0c7; font-size: .75rem; font-weight: 650;
}
.editor-clear-all-filters:hover { color: #7dd3fc; }

@keyframes editor-tooltip-in {
  from { opacity: 0; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}

.editor-row-number {
  z-index: 3;
  justify-content: center;
  padding: 0;
  background: #253349;
  color: #b8c6dd;
  font-variant-numeric: tabular-nums;
  user-select: none;
}

.editor-corner { z-index: 5; }

.editor-cell-input {
  z-index: 2;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 0 !important;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  font: inherit;
  text-overflow: ellipsis;
}

.editor-cell-input:focus { background: transparent !important; border: 0 !important; box-shadow: none !important; }

.editor-cell:focus-within { z-index: 6; background: #172554; box-shadow: inset 0 0 0 2px #60a5fa; }
.editor-cell.editor-cell-edited { background: #33270e; box-shadow: inset 3px 0 0 #f59e0b; }
.editor-cell.editor-cell-jump { animation: editor-cell-jump 1.5s ease-out; }

@keyframes editor-cell-jump {
  0%, 45% { box-shadow: inset 0 0 0 3px #38bdf8, 0 0 0 3px rgba(56, 189, 248, .3); }
  100% { box-shadow: inset 0 0 0 2px #60a5fa; }
}

.editor-review-trigger { display: inline-flex; align-items: center; gap: .15rem; }
.editor-review-count {
  min-width: 1.35rem;
  margin-left: .28rem;
  padding: .05rem .38rem;
  border-radius: 999px;
  background: #f59e0b;
  color: #111827;
  font-size: .7rem;
  font-weight: 800;
  line-height: 1.25rem;
  text-align: center;
}

.editor-review-backdrop {
  position: absolute;
  z-index: 20;
  inset: 0;
  background: rgba(2, 6, 23, .58);
  backdrop-filter: blur(2px);
}

.editor-review-panel {
  position: absolute;
  z-index: 21;
  top: 0;
  right: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(480px, 100%);
  height: 100%;
  border-left: 1px solid #40516a;
  background: #101827;
  color: #e7eef9;
  box-shadow: -18px 0 50px rgba(0, 0, 0, .38);
  animation: editor-review-in .18s ease-out;
}

.editor-review-panel[hidden],
.editor-review-backdrop[hidden] { display: none !important; }

@keyframes editor-review-in {
  from { opacity: .7; transform: translateX(24px); }
  to { opacity: 1; transform: translateX(0); }
}

.editor-review-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.15rem 1rem;
  border-bottom: 1px solid #334155;
}

.editor-review-header h2 { margin: 0; color: #f8fafc; font-size: 1.08rem; font-weight: 760; }
.editor-review-header p { margin: .25rem 0 0; color: #9fb0c7; font-size: .82rem; }
.editor-review-close {
  display: grid;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #b9c7da;
}
.editor-review-close:hover { background: rgba(148, 163, 184, .14); color: #fff; }
.editor-review-close:focus-visible { outline: 2px solid #60a5fa; outline-offset: 2px; }

.editor-review-list { overflow-y: auto; scrollbar-color: #52637a #111827; }
.editor-review-item { padding: 1rem 1.15rem; border-bottom: 1px solid #293548; }
.editor-review-location { margin-bottom: .7rem; color: #f8fafc; font-size: .84rem; font-weight: 750; overflow-wrap: anywhere; }
.editor-review-value { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: .65rem; align-items: center; margin-top: .5rem; font-size: .9rem; }
.editor-review-value > span { color: #aab8cc; font-size: .86rem; font-weight: 750; }
.editor-review-value code {
  display: block;
  overflow-wrap: anywhere;
  padding: .32rem .45rem;
  border-radius: 4px;
  background: rgba(148, 163, 184, .09);
  color: #e5edf8;
  font-size: .9rem;
  line-height: 1.4;
  font-family: inherit;
  white-space: pre-wrap;
}
.editor-review-new-input {
  width: 100%;
  min-width: 0;
  padding: .42rem .55rem !important;
  border: 1px solid #60738e !important;
  border-radius: 6px !important;
  outline: 0;
  background: rgba(245, 158, 11, .1) !important;
  color: #fff0c7 !important;
  box-shadow: none !important;
  font: inherit;
  font-size: .9rem !important;
  line-height: 1.4;
}
.editor-review-new-input:hover { border-color: #8fa1b8 !important; }
.editor-review-new-input:focus { border-color: #60a5fa !important; box-shadow: 0 0 0 3px rgba(96, 165, 250, .2) !important; }
.editor-review-item-actions { display: flex; justify-content: space-between; gap: .75rem; margin-top: .9rem; }
.editor-review-footer { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .85rem 1.15rem; border-top: 1px solid #334155; }
.editor-review-empty { display: grid; justify-items: center; gap: .4rem; padding: 3rem 1rem; color: #9fb0c7; text-align: center; }
.editor-review-empty i { margin-bottom: .25rem; color: #34d399; font-size: 2rem; }
.editor-review-empty strong { color: #e7eef9; }
.editor-review-empty span { font-size: .82rem; }

.editor-layout-backdrop { position: absolute; z-index: 50; inset: 0; background: rgba(2, 6, 23, .58); backdrop-filter: blur(2px); }
.editor-layout-panel { position: absolute; z-index: 51; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; width: min(560px, 100%); min-height: 0; overflow: hidden; border-left: 1px solid #40516a; background: #101827; color: #e7eef9; box-shadow: -18px 0 50px rgba(0, 0, 0, .38); animation: editor-review-in .18s ease-out; }
.editor-layout-panel[hidden], .editor-layout-backdrop[hidden] { display: none !important; }
.editor-layout-header { display: flex; flex: 0 0 auto; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.15rem 1rem; border-bottom: 1px solid #334155; }
.editor-layout-heading { flex: 1 1 auto; min-width: 0; }
.editor-layout-header h2 { margin: 0; color: #f8fafc; font-size: 1.08rem; font-weight: 760; }
.editor-layout-header p { margin: .25rem 0 0; color: #9fb0c7; font-size: .82rem; }
.editor-layout-search { position: relative; display: block; margin-top: .75rem; max-width: 390px; }
.editor-layout-search > i { position: absolute; z-index: 2; top: 50%; left: .65rem; transform: translateY(-50%); color: #8fa1b8; font-size: .8rem; }
.editor-layout-search input { width: 100%; height: 2.15rem; padding: .38rem .65rem .38rem 2rem !important; border: 1px solid #52637a !important; border-radius: 7px !important; outline: 0; background: #0f172a !important; color: #e7eef9 !important; box-shadow: none !important; font-size: .8rem !important; }
.editor-layout-search input:focus { border-color: #60a5fa !important; box-shadow: 0 0 0 3px rgba(96, 165, 250, .16) !important; }
.editor-layout-empty-toggle { display: flex !important; align-items: center !important; justify-content: flex-start; gap: .55rem; width: 100%; max-width: 390px; margin: .65rem 0 0 !important; padding: 0 !important; }
.editor-layout-empty-toggle .form-check-input { position: static !important; flex: 0 0 2.15rem; float: none !important; width: 2.15rem !important; height: 1.2rem !important; margin: 0 !important; transform: none !important; }
.editor-layout-empty-toggle .form-check-label { display: block; margin: 0; color: #b8c6d9; font-size: .76rem; font-weight: 700; line-height: 1.2rem; cursor: pointer; white-space: nowrap; }
.editor-layout-close { display: grid; flex: 0 0 2rem; width: 2rem; height: 2rem; padding: 0; place-items: center; border: 0; border-radius: 7px; background: transparent; color: #b9c7da; }
.editor-layout-close:hover { background: rgba(148, 163, 184, .14); color: #fff; }
.editor-layout-list { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; padding: .65rem; scrollbar-color: #52637a #111827; }
.editor-layout-search-empty { display: grid; justify-items: center; gap: .4rem; padding: 3rem 1rem; color: #9fb0c7; text-align: center; }
.editor-layout-search-empty i { color: #60a5fa; font-size: 1.6rem; }
.editor-layout-search-empty strong { color: #e7eef9; }
.editor-layout-search-empty span { font-size: .78rem; }
.editor-layout-validation { flex: 0 0 auto; margin: .7rem .7rem 0; padding: .65rem .75rem; border: 1px solid rgba(248, 113, 113, .55); border-radius: 7px; background: rgba(127, 29, 29, .2); color: #fecaca; font-size: .78rem; font-weight: 700; }
.editor-layout-validation[hidden] { display: none !important; }
.editor-layout-item { display: grid; grid-template-columns: 1.6rem 1.6rem minmax(0, 1fr); align-items: start; gap: .5rem; margin-bottom: .5rem; padding: .72rem; border: 1px solid #334155; border-radius: 9px; background: #151f30; }
.editor-layout-item.invalid { border-color: #ef4444; background: rgba(127, 29, 29, .12); box-shadow: inset 3px 0 0 #ef4444; }
.editor-layout-item.drag-over { border-color: #38bdf8; box-shadow: inset 0 3px 0 #38bdf8; }
.editor-layout-item.dragging { opacity: .38; border-style: dashed; }
.editor-layout-item.excluded { opacity: .62; }
.editor-layout-drag { display: grid; height: 2rem; place-items: center; color: #8293aa; cursor: grab; font-size: 1.15rem; }
.editor-layout-drag:active { cursor: grabbing; }
.editor-layout-drag-ghost {
  position: fixed;
  z-index: 9999;
  top: -1000px;
  left: -1000px;
  display: grid;
  grid-template-columns: 1.4rem 1.6rem minmax(0, 1fr);
  align-items: center;
  gap: .5rem;
  width: min(420px, calc(100vw - 30px));
  padding: .72rem .8rem;
  border: 1px solid #38bdf8;
  border-radius: 9px;
  background: #172235;
  color: #e7eef9;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .46);
  pointer-events: none;
}
.editor-layout-drag-ghost > i { color: #8fa1b8; font-size: 1.1rem; }
.editor-layout-drag-ghost-check { display: grid; width: 1.25rem; height: 1.25rem; place-items: center; border-radius: 4px; background: #2563eb; color: #fff; font-size: .75rem; font-weight: 800; }
.editor-layout-drag-ghost > div { display: grid; gap: .2rem; min-width: 0; }
.editor-layout-drag-ghost strong { color: #fff; font-size: .85rem; overflow-wrap: anywhere; }
.editor-layout-drag-ghost strong i { margin-left: .25rem; color: #9bdcf7; font-size: .7rem; }
.editor-layout-drag-ghost > div > span { color: #aab8cc; font-size: .72rem; overflow-wrap: anywhere; }
.editor-layout-item > .form-check-input { float: none; margin: .42rem 0 0 !important; }
.editor-layout-details { min-width: 0; }
.editor-layout-original { display: flex; align-items: center; gap: .5rem; color: #f2f6fc; font-size: .86rem; font-weight: 750; overflow-wrap: anywhere; }
.editor-layout-original > span { display: inline-flex; align-items: center; gap: .22rem; padding: .1rem .35rem; border: 1px solid #52718d; border-radius: 999px; color: #9bdcf7; font-size: .6rem; text-transform: uppercase; }
.editor-layout-export { display: grid; grid-template-columns: auto minmax(0, 1fr) 1.8rem; align-items: center; gap: .45rem; margin-top: .48rem; }
.editor-layout-export > span { color: #93a4bd; font-size: .72rem; white-space: nowrap; }
.editor-layout-export input { width: 100%; min-width: 0; padding: .28rem .42rem !important; border: 1px solid #52637a !important; border-radius: 5px !important; background: #0f172a !important; color: #e7eef9 !important; font-size: .78rem !important; }
.editor-layout-export input:focus { border-color: #60a5fa !important; outline: 0; box-shadow: 0 0 0 2px rgba(96, 165, 250, .18) !important; }
.editor-layout-export input[aria-invalid="true"] { border-color: #ef4444 !important; }
.editor-layout-field-error { margin-top: .4rem; color: #fca5a5; font-size: .72rem; font-weight: 700; line-height: 1.35; }
.editor-layout-item-reset { display: grid; width: 1.8rem; height: 1.8rem; padding: 0; place-items: center; border: 0; border-radius: 5px; background: transparent; color: #9fb0c7; }
.editor-layout-item-reset:hover:not(:disabled) { background: rgba(148, 163, 184, .14); color: #fff; }
.editor-layout-item-reset:disabled { opacity: .3; }
.editor-layout-footer { position: relative; z-index: 2; display: flex; flex: 0 0 auto; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .85rem 1.15rem; border-top: 1px solid #334155; background: #101827; box-shadow: 0 -8px 22px rgba(0, 0, 0, .16); }
.editor-layout-footer-actions { display: grid; gap: .5rem; min-width: 210px; }
.editor-layout-footer-primary { display: grid; grid-template-columns: 1fr 1.25fr; gap: .5rem; }
.editor-layout-save { width: 100%; }

.modal-content.editor-save-layout-modal { border: 1px solid #40516a !important; background: #101827 !important; color: #e7eef9 !important; }
.modal-content.auth-workflow-modal {
  overflow: hidden;
  border: 1px solid #40516a !important;
  border-radius: 16px;
  background: #101827 !important;
  color: #e7eef9 !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .58);
}
.auth-workflow-modal .modal-header,
.auth-workflow-modal .modal-body,
.auth-workflow-modal .modal-footer { background: #101827; color: #e7eef9; }
.auth-workflow-modal .modal-header,
.auth-workflow-modal .modal-footer { border-color: #334155; }
.auth-workflow-modal .modal-title { color: #f8fafc; font-weight: 800; }
.auth-workflow-modal .modal-header .text-secondary,
.auth-workflow-modal .form-text { color: #9fb0c7 !important; }
.auth-workflow-modal .btn-close { filter: invert(1) grayscale(1); opacity: .82; }
.auth-workflow-modal .form-label { color: #e7eef9; font-weight: 700; }
.auth-workflow-modal .form-control {
  min-height: 46px;
  border: 1px solid #40516a;
  border-radius: 10px;
  background: #0b1322;
  color: #eef5ff;
}
.auth-workflow-modal .form-control:focus {
  border-color: #60a5fa;
  background: #0d1729;
  color: #fff;
  box-shadow: 0 0 0 .2rem rgba(96, 165, 250, .2);
}
.auth-workflow-modal .input-group .form-control { border-radius: 10px 0 0 10px; }
.auth-workflow-modal #authWorkflowPasswordToggle {
  min-width: 48px;
  border-color: #40516a;
  border-radius: 0 10px 10px 0;
  background: #172337;
  color: #d8e6f7;
  box-shadow: none;
}
.auth-workflow-modal #authWorkflowSwitch {
  display: inline;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #7db7ff;
  appearance: none;
  font-weight: 700;
  line-height: inherit;
  text-align: left;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
.auth-workflow-modal #authWorkflowSwitch:hover,
.auth-workflow-modal #authWorkflowSwitch:focus-visible {
  border: 0 !important;
  background: transparent !important;
  color: #a9d1ff;
  box-shadow: none !important;
  text-decoration: underline;
}
.auth-workflow-modal input:-webkit-autofill,
.auth-workflow-modal input:-webkit-autofill:hover,
.auth-workflow-modal input:-webkit-autofill:focus {
  -webkit-text-fill-color: #eef5ff;
  -webkit-box-shadow: 0 0 0 1000px #16243a inset;
  caret-color: #eef5ff;
  transition: background-color 9999s ease-out;
}
.validation-download-heading { display: flex; align-items: center; gap: .8rem; }
.validation-download-icon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(251,191,36,.42); border-radius: 12px; background: rgba(245,158,11,.12); color: #fbbf24; font-size: 1.15rem; }
.validation-download-modal #validationDownloadDescription { margin: 0 0 .9rem; color: #d8e4f3; line-height: 1.5; }
.validation-download-breakdown { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
.validation-download-stat { padding: .75rem .85rem; border: 1px solid #40516a; border-radius: 10px; background: #151f30; }
.validation-download-stat span { display: block; color: #9fb0c7; font-size: .75rem; font-weight: 700; }
.validation-download-stat strong { display: block; margin-top: .2rem; color: #f8fafc; font-size: 1.2rem; }
.validation-download-note { display: flex; align-items: flex-start; gap: .45rem; margin: .9rem 0 0; color: #9fb0c7; font-size: .82rem; line-height: 1.45; }
.validation-download-note i { margin-top: .12rem; color: #7cc7ff; }
.validation-report-privacy-heading { display: flex; align-items: center; gap: .8rem; }
.validation-report-privacy-icon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(56,189,248,.38); border-radius: 12px; background: rgba(14,165,233,.1); color: #7dd3fc; font-size: 1.15rem; }
.validation-report-privacy-modal #validationReportPrivacyDescription { margin: 0 0 1rem; color: #d8e4f3; line-height: 1.55; }
.validation-report-local-note { display: flex; align-items: flex-start; gap: .7rem; padding: .8rem .9rem; border: 1px solid #40516a; border-radius: 10px; background: #151f30; }
.validation-report-local-note > i { margin-top: .08rem; color: #7dd3fc; font-size: 1.05rem; }
.validation-report-local-note div { display: grid; gap: .2rem; }
.validation-report-local-note strong { color: #f8fafc; font-size: .86rem; }
.validation-report-local-note span { color: #9fb0c7; font-size: .8rem; line-height: 1.45; }
#validationDownloadModal, #validationReportPrivacyModal { z-index: 1120; }
.validation-warning-notice { position: fixed; z-index: 1090; right: 1.25rem; bottom: 1.25rem; display: flex; align-items: center; gap: 1rem; max-width: min(440px,calc(100vw - 2rem)); margin: 0; border-color: #8a681e; background: #2b2415; color: #f8e6ae; box-shadow: 0 16px 45px rgba(0,0,0,.35); }
.validation-warning-notice button { padding: 0; border: 0; background: transparent; color: #8fc5ff; font-weight: 800; white-space: nowrap; }
.validation-warning-notice button:hover,.validation-warning-notice button:focus-visible { color: #bedcff; text-decoration: underline; outline: 2px solid #7dd3fc; outline-offset: 3px; }
.editor-save-layout-modal .modal-header, .editor-save-layout-modal .modal-body, .editor-save-layout-modal .modal-footer { background: #101827 !important; color: #e7eef9 !important; }
.editor-save-layout-modal .modal-title, .editor-manage-layouts-modal .modal-title { color: #f8fafc !important; }
#saveLayoutModal { z-index: 1120; }
#manageLayoutsModal { z-index: 1120; }
body.full-editor-open .modal-backdrop { z-index: 1110; }
.editor-save-layout-modal .modal-header, .editor-save-layout-modal .modal-footer { border-color: #334155; }
.editor-save-layout-modal .modal-header p { margin-top: .22rem; color: #9fb0c7; font-size: .8rem; }
.editor-save-layout-modal .btn-close { filter: invert(1) grayscale(1); }
.editor-layout-compatibility { display: flex; align-items: flex-start; gap: .5rem; margin-top: .75rem; padding: .65rem .7rem; border: 1px solid rgba(52, 211, 153, .3); border-radius: 7px; background: rgba(16, 185, 129, .08); color: #b8eedc; font-size: .78rem; }
.editor-layout-compatibility i { color: #34d399; }
.modal-content.editor-manage-layouts-modal { position: relative; overflow: hidden; border: 1px solid #40516a !important; background: #101827 !important; color: #e7eef9 !important; }
.editor-manage-layouts-modal .modal-header, .editor-manage-layouts-modal .modal-body, .editor-manage-layouts-modal .modal-footer { background: #101827 !important; color: #e7eef9 !important; }
.editor-manage-layouts-modal .modal-header, .editor-manage-layouts-modal .modal-footer { border-color: #334155; }
.editor-manage-layouts-modal .modal-header p { margin-top: .22rem; color: #9fb0c7; font-size: .8rem; }
.editor-manage-layouts-modal .btn-close { filter: invert(1) grayscale(1); }
.editor-manage-layouts-list { display: grid; gap: .7rem; }
.editor-manage-layout-card { padding: .9rem; border: 1px solid #334155; border-radius: 10px; background: #151f30; }
.editor-manage-layout-heading { display: grid; gap: .55rem; }
.editor-manage-layout-heading > div:first-child { display: flex; align-items: center; gap: .55rem; min-width: 0; }
.editor-manage-layout-heading strong { color: #f8fafc; font-size: .92rem; overflow-wrap: anywhere; }
.editor-manage-default-badge { display: inline-flex; align-items: center; gap: .25rem; padding: .15rem .4rem; border-radius: 999px; background: rgba(245, 158, 11, .15); color: #fcd071; font-size: .62rem; font-weight: 800; text-transform: uppercase; }
.editor-manage-layout-meta { display: flex; flex-wrap: wrap; gap: .45rem 1rem; color: #9fb0c7; font-size: .74rem; }
.editor-manage-layout-meta span { display: inline-flex; align-items: center; gap: .35rem; }
.editor-manage-layout-meta i { color: #7dd3fc; }
.editor-manage-layout-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .8rem; padding-top: .75rem; border-top: 1px solid #293548; }
.editor-manage-rename { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .45rem; margin-top: .8rem; padding-top: .75rem; border-top: 1px solid #293548; }
.editor-manage-rename[hidden] { display: none !important; }
.editor-manage-layouts-empty, .editor-manage-layouts-loading { display: grid; justify-items: center; gap: .45rem; padding: 3rem 1rem; color: #9fb0c7; text-align: center; }
.editor-manage-layouts-loading { display: flex; justify-content: center; align-items: center; gap: .55rem; }
.editor-manage-layouts-empty i { color: #60a5fa; font-size: 1.8rem; }
.editor-manage-layouts-empty strong { color: #e7eef9; }
.editor-manage-layouts-empty span { font-size: .8rem; }
.editor-delete-confirm { position: absolute; z-index: 12; inset: 0; display: grid; place-items: center; padding: 1.25rem; background: rgba(2, 6, 23, .76); backdrop-filter: blur(4px); }
.editor-delete-confirm[hidden] { display: none !important; }
.editor-delete-confirm-card { width: min(430px, 100%); padding: 1.4rem; border: 1px solid #52637a; border-radius: 13px; background: #151f30; color: #e7eef9; box-shadow: 0 24px 65px rgba(0, 0, 0, .5); text-align: center; }
.editor-delete-confirm-icon { display: grid; width: 3rem; height: 3rem; margin: 0 auto .85rem; place-items: center; border-radius: 50%; background: rgba(239, 68, 68, .14); color: #f87171; font-size: 1.25rem; }
.editor-delete-confirm-card h3 { margin: 0; color: #f8fafc; font-size: 1.08rem; font-weight: 800; }
.editor-delete-confirm-card p { margin: .65rem 0 0; color: #aebbd0; font-size: .82rem; line-height: 1.55; }
.editor-delete-confirm-card p strong { color: #f8fafc; overflow-wrap: anywhere; }
.editor-delete-confirm-actions { display: grid; grid-template-columns: 1fr 1.25fr; gap: .65rem; margin-top: 1.2rem; }

.full-editor-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .55rem .8rem;
  border-top: 1px solid rgba(148, 163, 184, .25);
  color: #aebbd0;
  font-size: .78rem;
}
.full-editor-footer-notes { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; min-width: 0; }
.editor-performance-note { white-space: nowrap; }

html[data-theme="light"] .full-editor { background: rgba(15, 23, 42, .56); }
html[data-theme="light"] .full-editor-shell { background: #f8fafc; color: #172033; border-color: #aab8ca; }
html[data-theme="light"] .full-editor-header,
html[data-theme="light"] .full-editor-tabs,
html[data-theme="light"] .full-editor-controls,
html[data-theme="light"] .full-editor-footer { border-color: #cbd5e1; }
html[data-theme="light"] .full-editor-meta,
html[data-theme="light"] .editor-security-note,
html[data-theme="light"] .full-editor-footer { color: #52637a; }
html[data-theme="light"] .full-editor-tab { background: #edf2f7; border-color: #bdc9d8; color: #52637a; }
html[data-theme="light"] .full-editor-tab.active { background: #dbeafe; border-color: #8eb5ee; color: #173a70; }
html[data-theme="light"] .full-editor-controls { background: #f1f5f9; }
html[data-theme="light"] .editor-empty-toggle .form-check-label { color: #334155; }
html[data-theme="light"] .editor-layout-selector { color: #52637a; }
html[data-theme="light"] .editor-layout-modified-badge { background: #fff3d6; color: #854d0e; }
html[data-theme="light"] .editor-saved-layout-state button { color: #075985; }
html[data-theme="light"] .full-editor-viewport { background: #e8edf4; scrollbar-color: #94a3b8 #e2e8f0; }
html[data-theme="light"] .editor-cell { background: #fff; border-color: #cbd5e1; color: #172033; }
html[data-theme="light"] .editor-cell-header,
html[data-theme="light"] .editor-row-number { background: #e2e8f0; color: #334155; }
html[data-theme="light"] .editor-header-info { color: #0369a1; }
html[data-theme="light"] .editor-header-lock { border-color: #93c5d8; color: #075985; }
html[data-theme="light"] .editor-column-menu-button { color: #52637a; }
html[data-theme="light"] .editor-column-menu-button:hover,
html[data-theme="light"] .editor-column-menu-button:focus-visible { border-color: #94a3b8; background: #f1f5f9; color: #172033; }
html[data-theme="light"] .editor-column-menu-button.active { border-color: #0284c7; background: #e0f2fe; color: #075985; }
html[data-theme="light"] .editor-column-resize-handle:hover::after,
html[data-theme="light"] body.editor-column-resizing .editor-column-resize-handle::after { background: #0284c7; }
html[data-theme="light"] .editor-cell.editor-cell-locked { background: #edf2f7; color: #64748b; }
html[data-theme="light"] .preview-header-lock { color: #075985; }
html[data-theme="light"] .preview-cell-locked { background: #f1f5f9 !important; color: #64748b !important; }
html[data-theme="light"] .editor-column-tooltip { border-color: #b6c3d3; background: #fff; color: #172033; box-shadow: 0 14px 38px rgba(15, 23, 42, .2); }
html[data-theme="light"] .editor-column-tooltip-name { color: #172033; }
html[data-theme="light"] .editor-column-tooltip-source > span { background: #e0f2fe; color: #075985; }
html[data-theme="light"] .editor-column-tooltip-source code { color: #854d0e; }
html[data-theme="light"] .editor-column-tooltip p { color: #52637a; }
html[data-theme="light"] .editor-column-menu { border-color: #b6c3d3; background: #fff; color: #172033; box-shadow: 0 16px 42px rgba(15, 23, 42, .2); }
html[data-theme="light"] .editor-column-menu-head span,
html[data-theme="light"] .editor-column-filter-label { color: #607089; }
html[data-theme="light"] .editor-column-menu-head strong { color: #172033; }
html[data-theme="light"] .editor-column-menu-head button { color: #52637a; }
html[data-theme="light"] .editor-column-menu-head button:hover { background: #edf2f7; color: #172033; }
html[data-theme="light"] .editor-column-sort-actions .btn.active { border-color: #0284c7 !important; background: #e0f2fe !important; color: #075985 !important; }
html[data-theme="light"] .editor-clear-all-filters { border-color: #d8e0ea; color: #607089; }
html[data-theme="light"] .editor-clear-all-filters:hover { color: #075985; }
html[data-theme="light"] .editor-cell:focus-within { background: #fff; box-shadow: inset 0 0 0 2px #2563eb; }
html[data-theme="light"] .editor-cell.editor-cell-edited { background: #fff7e6; box-shadow: inset 3px 0 0 #d97706; }
html[data-theme="light"] .editor-review-backdrop { background: rgba(15, 23, 42, .32); }
html[data-theme="light"] .editor-review-panel { border-color: #cbd5e1; background: #fff; color: #172033; box-shadow: -18px 0 50px rgba(15, 23, 42, .18); }
html[data-theme="light"] .editor-review-header,
html[data-theme="light"] .editor-review-footer { border-color: #d8e0ea; }
html[data-theme="light"] .editor-review-header h2,
html[data-theme="light"] .editor-review-location,
html[data-theme="light"] .editor-review-empty strong { color: #172033; }
html[data-theme="light"] .editor-review-header p,
html[data-theme="light"] .editor-review-value > span,
html[data-theme="light"] .editor-review-empty { color: #607089; }
html[data-theme="light"] .editor-review-close { color: #52637a; }
html[data-theme="light"] .editor-review-close:hover { background: #edf2f7; color: #172033; }
html[data-theme="light"] .editor-review-item { border-color: #e2e8f0; }
html[data-theme="light"] .editor-review-value code { background: #f1f5f9; color: #26364d; }
html[data-theme="light"] .editor-review-new-input { border-color: #aab8ca !important; background: #fff7e6 !important; color: #563400 !important; }
html[data-theme="light"] .editor-review-new-input:hover { border-color: #7e90aa !important; }
html[data-theme="light"] .editor-review-new-input:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .16) !important; }
html[data-theme="light"] .editor-layout-backdrop { background: rgba(15, 23, 42, .32); }
html[data-theme="light"] .editor-layout-panel { border-color: #cbd5e1; background: #fff; color: #172033; box-shadow: -18px 0 50px rgba(15, 23, 42, .18); }
html[data-theme="light"] .editor-layout-header, html[data-theme="light"] .editor-layout-footer { border-color: #d8e0ea; }
html[data-theme="light"] .editor-layout-footer { background: #fff; box-shadow: 0 -8px 22px rgba(15, 23, 42, .08); }
html[data-theme="light"] .editor-layout-header h2, html[data-theme="light"] .editor-layout-original { color: #172033; }
html[data-theme="light"] .editor-layout-header p, html[data-theme="light"] .editor-layout-export > span { color: #607089; }
html[data-theme="light"] .editor-layout-search input { border-color: #b6c3d3 !important; background: #fff !important; color: #172033 !important; }
html[data-theme="light"] .editor-layout-search input:focus { border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .14) !important; }
html[data-theme="light"] .editor-layout-empty-toggle .form-check-label { color: #52637a; }
html[data-theme="light"] .editor-layout-search-empty { color: #607089; }
html[data-theme="light"] .editor-layout-search-empty strong { color: #172033; }
html[data-theme="light"] .editor-layout-close { color: #52637a; }
html[data-theme="light"] .editor-layout-item { border-color: #d8e0ea; background: #f8fafc; }
html[data-theme="light"] .editor-layout-validation { border-color: #fca5a5; background: #fff1f2; color: #991b1b; }
html[data-theme="light"] .editor-layout-item.invalid { border-color: #dc2626; background: #fff7f7; box-shadow: inset 3px 0 0 #dc2626; }
html[data-theme="light"] .editor-layout-field-error { color: #b91c1c; }
html[data-theme="light"] .editor-layout-drag-ghost { border-color: #0284c7; background: #fff; color: #172033; box-shadow: 0 14px 36px rgba(15, 23, 42, .24); }
html[data-theme="light"] .editor-layout-drag-ghost strong { color: #172033; }
html[data-theme="light"] .editor-layout-drag-ghost > div > span { color: #607089; }
html[data-theme="light"] .editor-layout-original > span { border-color: #93c5d8; color: #075985; }
html[data-theme="light"] .editor-layout-export input { border-color: #b6c3d3 !important; background: #fff !important; color: #172033 !important; }
html[data-theme="light"] .modal-content.editor-save-layout-modal { border-color: #cbd5e1 !important; background: #fff !important; color: #172033 !important; }
html[data-theme="light"] .modal-content.auth-workflow-modal { border-color: #cbd5e1 !important; background: #fff !important; color: #172033 !important; box-shadow: 0 20px 55px rgba(15,23,42,.18); }
html[data-theme="light"] .auth-workflow-modal .modal-header,
html[data-theme="light"] .auth-workflow-modal .modal-body,
html[data-theme="light"] .auth-workflow-modal .modal-footer { border-color: #d8e0ea; background: #fff; color: #172033; }
html[data-theme="light"] .auth-workflow-modal .modal-title,
html[data-theme="light"] .auth-workflow-modal .form-label { color: #172033; }
html[data-theme="light"] .auth-workflow-modal .modal-header .text-secondary,
html[data-theme="light"] .auth-workflow-modal .form-text { color: #607089 !important; }
html[data-theme="light"] .auth-workflow-modal .btn-close { filter: none; }
html[data-theme="light"] .auth-workflow-modal .form-control { border-color: #aebdce; background: #fff; color: #172033; }
html[data-theme="light"] .auth-workflow-modal .form-control:focus { border-color: #4785d1; background: #fff; color: #172033; }
html[data-theme="light"] .auth-workflow-modal #authWorkflowPasswordToggle { border-color: #aebdce; background: #eef3f8; color: #26364d; }
html[data-theme="light"] .auth-workflow-modal #authWorkflowSwitch { color: #175fac; }
html[data-theme="light"] .auth-workflow-modal input:-webkit-autofill,
html[data-theme="light"] .auth-workflow-modal input:-webkit-autofill:hover,
html[data-theme="light"] .auth-workflow-modal input:-webkit-autofill:focus {
  -webkit-text-fill-color: #172033;
  -webkit-box-shadow: 0 0 0 1000px #eaf2fb inset;
  caret-color: #172033;
}
html[data-theme="light"] .validation-download-modal #validationDownloadDescription { color: #33475f; }
html[data-theme="light"] .validation-download-stat { border-color: #cbd5e1; background: #f5f8fc; }
html[data-theme="light"] .validation-download-stat span,
html[data-theme="light"] .validation-download-note { color: #607089; }
html[data-theme="light"] .validation-download-stat strong { color: #172033; }
html[data-theme="light"] .validation-report-privacy-modal #validationReportPrivacyDescription { color: #33475f; }
html[data-theme="light"] .validation-report-local-note { border-color: #cbd5e1; background: #f5f8fc; }
html[data-theme="light"] .validation-report-local-note strong { color: #172033; }
html[data-theme="light"] .validation-report-local-note span { color: #607089; }
html[data-theme="light"] .validation-report-privacy-icon { border-color: #9dc8ed; background: #edf7ff; color: #1767aa; }
html[data-theme="light"] .validation-warning-notice { border-color: #e2c46d; background: #fff9e8; color: #654d13; box-shadow: 0 16px 38px rgba(15,23,42,.18); }
html[data-theme="light"] .validation-warning-notice button { color: #175fac; }
@media(max-width:520px){.validation-download-breakdown{grid-template-columns:1fr}}
html[data-theme="light"] .editor-save-layout-modal .modal-header, html[data-theme="light"] .editor-save-layout-modal .modal-body, html[data-theme="light"] .editor-save-layout-modal .modal-footer { background: #fff !important; color: #172033 !important; }
html[data-theme="light"] .editor-save-layout-modal .modal-title, html[data-theme="light"] .editor-manage-layouts-modal .modal-title { color: #172033 !important; }
html[data-theme="light"] .editor-save-layout-modal .modal-header, html[data-theme="light"] .editor-save-layout-modal .modal-footer { border-color: #d8e0ea; }
html[data-theme="light"] .editor-save-layout-modal .modal-header p { color: #607089; }
html[data-theme="light"] .editor-save-layout-modal .btn-close { filter: none; }
html[data-theme="light"] .editor-layout-compatibility { border-color: #a7e3cc; background: #ecfdf5; color: #166534; }
html[data-theme="light"] .modal-content.editor-manage-layouts-modal { border-color: #cbd5e1 !important; background: #fff !important; color: #172033 !important; }
html[data-theme="light"] .editor-manage-layouts-modal .modal-header, html[data-theme="light"] .editor-manage-layouts-modal .modal-body, html[data-theme="light"] .editor-manage-layouts-modal .modal-footer { background: #fff !important; color: #172033 !important; }
html[data-theme="light"] .editor-manage-layouts-modal .modal-header, html[data-theme="light"] .editor-manage-layouts-modal .modal-footer { border-color: #d8e0ea; }
html[data-theme="light"] .editor-manage-layouts-modal .modal-header p { color: #607089; }
html[data-theme="light"] .editor-manage-layouts-modal .btn-close { filter: none; }
html[data-theme="light"] .editor-manage-layout-card { border-color: #d8e0ea; background: #f8fafc; }
html[data-theme="light"] .editor-manage-layout-heading strong, html[data-theme="light"] .editor-manage-layouts-empty strong { color: #172033; }
html[data-theme="light"] .editor-manage-layout-meta, html[data-theme="light"] .editor-manage-layouts-empty, html[data-theme="light"] .editor-manage-layouts-loading { color: #607089; }
html[data-theme="light"] .editor-manage-default-badge { background: #fff3d6; color: #854d0e; }
html[data-theme="light"] .editor-manage-layout-actions, html[data-theme="light"] .editor-manage-rename { border-color: #d8e0ea; }
html[data-theme="light"] .editor-delete-confirm { background: rgba(15, 23, 42, .38); }
html[data-theme="light"] .editor-delete-confirm-card { border-color: #cbd5e1; background: #fff; color: #172033; box-shadow: 0 24px 65px rgba(15, 23, 42, .24); }
html[data-theme="light"] .editor-delete-confirm-card h3, html[data-theme="light"] .editor-delete-confirm-card p strong { color: #172033; }
html[data-theme="light"] .editor-delete-confirm-card p { color: #607089; }

@media (max-width: 900px) {
  .full-editor { padding: 0; }
  .full-editor-shell { border: 0; border-radius: 0; }
  .full-editor-header { grid-template-columns: minmax(0,1fr); grid-template-areas: "heading" "switch" "actions"; align-items: stretch; }
  .full-editor-header .segmented-view-control { width: 100%; max-width: 360px; }
  .full-editor-header-actions { justify-content: flex-start; }
  .full-editor-controls { align-items: flex-start; flex-wrap: wrap; }
  .editor-search-wrap { flex-basis: 100%; max-width: none; }
  .editor-customize-columns-btn { margin-left: 0; }
  .editor-layout-selector { margin-left: 0; }
  .editor-manage-layouts-btn { margin-left: 0; }
  .editor-performance-note { display: none; }
  .preview-toolbar { grid-template-columns: minmax(0,1fr); grid-template-areas: "heading" "switch" "actions"; align-items: stretch; height: auto; min-height: 78px; }
  .preview-toolbar .segmented-view-control { width: 100%; max-width: 360px; }
  .preview-toolbar-actions { justify-content: flex-start; margin-left: 0; }
  .preview-toolbar-actions #openFullEditorBtn { transform: none; }
}

@media (max-width: 520px) {
  .editor-action-label { display: none; }
  .full-editor-header-actions .btn { padding-left: .6rem !important; padding-right: .6rem !important; }
  .editor-review-footer { align-items: stretch; flex-direction: column; }
  .editor-review-footer .btn { width: 100%; }
  .editor-layout-footer { align-items: stretch; flex-direction: column; }
  .editor-layout-footer-actions { width: 100%; }
  .editor-layout-footer > .btn { width: 100%; }
  .editor-manage-rename { grid-template-columns: 1fr 1fr; }
  .editor-manage-rename input { grid-column: 1 / -1; }
}

@media (max-width: 575.98px) {
  .preview-toolbar { padding-left: .8rem; padding-right: .8rem; }
  .preview-toolbar-actions { align-items: stretch; gap: .65rem; width: 100%; }
  .preview-layout-control { align-items: stretch; flex-direction: column; width: 100%; }
  .preview-layout-control select,.preview-layout-control .btn,.preview-toolbar-actions > .btn { width: 100%; }
  .preview-grid-wrap { max-height: 440px; }
}
.public-validation-results {
  padding: 1.25rem;
  border: 1px solid rgba(96, 165, 250, .38);
  border-radius: 16px;
  background: rgba(8, 17, 31, .72);
  box-shadow: 0 14px 34px rgba(2, 6, 23, .22);
}
.public-validation-results:focus-visible { outline: 3px solid #7dd3fc; outline-offset: 4px; }
.public-validation-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.public-validation-header h2 { margin: .15rem 0 .25rem; font-size: 1.45rem; }
.public-validation-header p { margin: 0; color: #c8d5e6; }
.public-validation-kicker { color: #67e8f9; font-size: .76rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.public-validation-counts { display: flex; flex-wrap: wrap; gap: .55rem; }
.public-validation-count { min-width: 94px; padding: .55rem .7rem; border-radius: 10px; font-size: .8rem; font-weight: 800; text-align: center; }
.public-validation-count strong { display: block; font-size: 1.2rem; line-height: 1.1; }
.public-validation-count.error { background: rgba(244,63,94,.15); color: #fecdd3; }
.public-validation-count.warning { background: rgba(245,158,11,.15); color: #fde68a; }
.public-validation-notice { display: flex; gap: .65rem; margin-top: 1rem; padding: .85rem; border: 1px solid rgba(56,189,248,.28); border-radius: 10px; background: rgba(14,165,233,.08); color: #cceaff; }
.public-validation-issues { display: grid; gap: .65rem; margin-top: 1rem; }
.public-validation-issue { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: .8rem; padding: .9rem; border: 1px solid rgba(148,163,184,.24); border-radius: 11px; background: rgba(15,23,42,.66); }
.public-validation-severity { height: max-content; padding: .23rem .45rem; border-radius: 999px; font-size: .73rem; font-weight: 850; text-align: center; text-transform: capitalize; }
.public-validation-severity.error, .public-validation-severity.fatal { background: rgba(244,63,94,.18); color: #fda4af; }
.public-validation-severity.warning { background: rgba(245,158,11,.18); color: #fcd34d; }
.public-validation-issue h3 { margin: 0; font-size: .98rem; }
.public-validation-issue p { margin: .3rem 0 0; color: #c2cfdf; font-size: .9rem; line-height: 1.55; }
.public-validation-context { display: flex; flex-wrap: wrap; gap: .4rem .7rem; margin-top: .45rem; color: #9fc5ea; font-size: .78rem; }
.public-validation-empty { margin: 0; padding: 1rem; border: 1px solid rgba(94,234,212,.3); border-radius: 10px; background: rgba(16,185,129,.08); color: #c7f3e5; }
.public-validation-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(148,163,184,.2); }
.public-validation-footer p { max-width: 640px; margin: 0; color: #aebdd1; font-size: .83rem; line-height: 1.5; }
.public-validation-footer > div { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; }
html[data-theme="light"] .public-validation-results { border-color: #a9c9ea; background: #fff; color: #172033; }
html[data-theme="light"] .public-validation-header p, html[data-theme="light"] .public-validation-issue p, html[data-theme="light"] .public-validation-footer p { color: #52647c; }
html[data-theme="light"] .public-validation-kicker, html[data-theme="light"] .public-validation-context { color: #1769c2; }
html[data-theme="light"] .public-validation-issue { border-color: #d2dce8; background: #f7f9fc; }
html[data-theme="light"] .public-validation-notice { color: #295979; background: #edf7ff; }
html[data-theme="light"] .public-validation-empty { color: #17624d; background: #eaf9f3; }
@media (max-width: 700px) {
  .public-validation-header, .public-validation-footer { align-items: stretch; flex-direction: column; }
  .public-validation-counts { width: 100%; }
  .public-validation-count { flex: 1; }
  .public-validation-issue { grid-template-columns: 1fr; gap: .5rem; }
}