Voer de visuele audit door: fundament, donkere werkstand, kaart en schil
Achttien bevindingen uit de audit, met de metingen erbij in de betreffende
CSS-secties.
Fundament. Dertien tokens werden op 87 plaatsen aangeroepen zonder ooit
gedefinieerd te zijn; in de browser gaf getPropertyValue('--gi-text') een lege
string terug, dus die kleurregels vielen terug op overerving. Vorm en hoogte
zijn terug naar de schaal: radius via token van 17% naar 81%, unieke schaduwen
van 115 naar 71, losse kleurwaarden van 928 naar 352.
Typografie. De stylesheets declareerden negen gewichten terwijl er per familie
twee gezichten geladen werden, en font-synthesis-weight: none verbiedt
namaakvet. Alles van 650 tot 850 kwam dus als 600 op het scherm: 138 van de 148
declaraties rendereden identiek. Nu vier stappen die alle vier ook geladen
worden, en Manrope draagt de koppen zoals op de landingspagina.
Donkere werkstand. De werkbank staat tegen luchtbeelden aan; een lichte schil
daarnaast laat de kaart altijd verliezen. De landingspagina blijft licht.
Kaart. De ondergrond wordt ontkleurd en gedempt zodat alleen de eigen data nog
kleur draagt, en de symbologie staat niet langer als losse hexwaarden in
GeoMap. De zes zwevende vlakken zijn er drie: statuskaart, staprail en
resultaatchip bleken al één component te zijn die de opmaak over drie hoeken
van de kaart uiteentrok.
Schil. Eén kopbalk in plaats van drie (215px chroom naar 100px), het raster van
AI-vragen zonder botsingen, kapitalen op één niveau in plaats van 57
declaraties, en het leverancierslogo uit de navigatiebalk.
Van 47 echte !important naar 1, gemeten door telkens twee productiebuilds op
berekende stijlen te vergelijken. Contrast: nul tekstelementen onder AA op zes
werkbladen, in beide werkstanden.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Jens
+135
-135
@@ -60,14 +60,14 @@ body {
|
||||
|
||||
.workbench-shell button {
|
||||
border-color: var(--line-strong);
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
box-shadow: none;
|
||||
transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
|
||||
}
|
||||
|
||||
.workbench-shell button:hover:not(:disabled) {
|
||||
border-color: #8fa3ae;
|
||||
background: #f8fafb;
|
||||
border-color: var(--gi-line);
|
||||
background: var(--gi-info-soft);
|
||||
box-shadow: 0 0 0 3px rgba(40, 105, 168, 0.08);
|
||||
}
|
||||
|
||||
@@ -87,7 +87,7 @@ body {
|
||||
.workbench-shell select,
|
||||
.workbench-shell textarea {
|
||||
border-color: var(--line-strong);
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -96,9 +96,9 @@ body {
|
||||
.workbench-shell .context-bar span,
|
||||
.workbench-shell .status-tile-topline > span:first-child,
|
||||
.workbench-shell .inspector-field > span {
|
||||
color: #6b7782;
|
||||
color: var(--gi-ink-600);
|
||||
font-size: 0.69rem;
|
||||
font-weight: 750;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@@ -115,7 +115,7 @@ body {
|
||||
align-items: center;
|
||||
border-bottom: 1px solid var(--line);
|
||||
padding: 0.65rem 1.25rem;
|
||||
background: rgba(255, 255, 255, 0.98);
|
||||
background: var(--gi-surface);
|
||||
box-shadow: 0 1px 0 rgba(23, 33, 43, 0.03);
|
||||
backdrop-filter: blur(14px);
|
||||
}
|
||||
@@ -133,11 +133,11 @@ body {
|
||||
height: 2.25rem;
|
||||
flex: 0 0 2.25rem;
|
||||
place-items: center;
|
||||
border-radius: 7px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
background: #123238;
|
||||
color: #ffffff;
|
||||
font-size: 0.78rem;
|
||||
font-weight: 850;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.brand-block h1 {
|
||||
@@ -160,8 +160,8 @@ body {
|
||||
gap: 0;
|
||||
justify-content: stretch;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 7px;
|
||||
background: #f8fafb;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
background: var(--gi-info-soft);
|
||||
}
|
||||
|
||||
.context-bar > div {
|
||||
@@ -188,7 +188,7 @@ body {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin-top: 0.16rem;
|
||||
color: #27343f;
|
||||
color: var(--gi-ink-800);
|
||||
font-size: 0.78rem;
|
||||
line-height: 1.2;
|
||||
text-overflow: ellipsis;
|
||||
@@ -208,7 +208,7 @@ body {
|
||||
overflow: auto;
|
||||
border-right: 1px solid var(--line);
|
||||
padding: 0.9rem 0.7rem;
|
||||
background: #f8fafb;
|
||||
background: var(--gi-info-soft);
|
||||
}
|
||||
|
||||
.workbench-sidebar nav {
|
||||
@@ -233,16 +233,16 @@ body {
|
||||
width: 100%;
|
||||
min-height: 2.7rem;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 6px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
padding: 0.52rem 0.65rem;
|
||||
background: transparent;
|
||||
color: #34424d;
|
||||
color: var(--gi-ink-800);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.nav-item span {
|
||||
font-size: 0.86rem;
|
||||
font-weight: 700;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.nav-item small {
|
||||
@@ -250,7 +250,7 @@ body {
|
||||
}
|
||||
|
||||
.nav-item-active {
|
||||
border-color: #c8ded9;
|
||||
border-color: var(--gi-brand-50);
|
||||
background: var(--accent-soft);
|
||||
color: var(--accent-strong);
|
||||
box-shadow: inset 3px 0 0 var(--accent);
|
||||
@@ -259,9 +259,9 @@ body {
|
||||
.nav-item-active small {
|
||||
display: block;
|
||||
margin-top: 0.18rem;
|
||||
color: #50746e;
|
||||
color: var(--gi-ink-600);
|
||||
font-size: 0.69rem;
|
||||
font-weight: 550;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
@@ -271,7 +271,7 @@ body {
|
||||
}
|
||||
|
||||
.workbench-sidebar .nav-item-active {
|
||||
border-color: #c8ded9;
|
||||
border-color: var(--gi-brand-50);
|
||||
background: var(--accent-soft);
|
||||
}
|
||||
|
||||
@@ -359,8 +359,8 @@ body {
|
||||
border: 0;
|
||||
border-left: 1px solid var(--line);
|
||||
padding: 1rem;
|
||||
background: #ffffff;
|
||||
box-shadow: -18px 0 44px rgba(28, 42, 53, 0.16);
|
||||
background: var(--gi-surface);
|
||||
box-shadow: var(--gi-shadow-lg);
|
||||
}
|
||||
|
||||
.inspector-header {
|
||||
@@ -374,7 +374,7 @@ body {
|
||||
margin: -1rem -1rem 0.8rem;
|
||||
border-bottom: 1px solid var(--line);
|
||||
padding: 1rem;
|
||||
background: rgba(255, 255, 255, 0.98);
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.inspector-header h2 {
|
||||
@@ -409,7 +409,7 @@ body {
|
||||
}
|
||||
|
||||
.inspector-tab-active {
|
||||
border-color: #b6d6d0;
|
||||
border-color: var(--gi-brand-50);
|
||||
background: var(--accent-soft);
|
||||
color: var(--accent-strong);
|
||||
}
|
||||
@@ -448,8 +448,8 @@ body {
|
||||
.handoff-action-card,
|
||||
.system-provider-card {
|
||||
border-color: var(--line);
|
||||
border-radius: 7px;
|
||||
background: #ffffff;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
background: var(--gi-surface);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -469,10 +469,10 @@ body {
|
||||
.status-pill,
|
||||
.status-badge,
|
||||
.workflow-step-status {
|
||||
border-radius: 999px;
|
||||
background: #edf2f4;
|
||||
color: #4e5d68;
|
||||
font-weight: 700;
|
||||
border-radius: var(--gi-radius-pill);
|
||||
background: var(--gi-info-soft);
|
||||
color: var(--gi-ink-600);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.data-panel-form-block,
|
||||
@@ -488,23 +488,23 @@ body {
|
||||
|
||||
.table-scroll {
|
||||
border-color: var(--line);
|
||||
border-radius: 6px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
}
|
||||
|
||||
table thead th {
|
||||
background: #f4f7f8;
|
||||
color: #53616d;
|
||||
background: var(--gi-info-soft);
|
||||
color: var(--gi-ink-600);
|
||||
}
|
||||
|
||||
table tbody tr:hover {
|
||||
background: #f7fafb;
|
||||
background: var(--gi-info-soft);
|
||||
}
|
||||
|
||||
.error,
|
||||
.warning-message,
|
||||
.success-message,
|
||||
.demo-message {
|
||||
border-radius: 6px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
}
|
||||
|
||||
/* Data workspace */
|
||||
@@ -512,9 +512,9 @@ table tbody tr:hover {
|
||||
details.data-panel-form-block {
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
padding: 0;
|
||||
background: #f8fafb;
|
||||
background: var(--gi-info-soft);
|
||||
}
|
||||
|
||||
details.data-panel-form-block > summary {
|
||||
@@ -524,9 +524,9 @@ details.data-panel-form-block > summary {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0.65rem 0.75rem;
|
||||
color: #33424d;
|
||||
color: var(--gi-ink-800);
|
||||
font-size: 0.8rem;
|
||||
font-weight: 750;
|
||||
font-weight: 600;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
@@ -542,7 +542,7 @@ details.data-panel-form-block > summary::after {
|
||||
|
||||
details.data-panel-form-block[open] > summary {
|
||||
border-bottom: 1px solid var(--line);
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
details.data-panel-form-block[open] > summary::after {
|
||||
@@ -560,7 +560,7 @@ details.data-panel-form-block > form {
|
||||
|
||||
.workspace-grid-data .data-selection-summary {
|
||||
border-left: 3px solid var(--accent);
|
||||
background: #f7faf9;
|
||||
background: var(--gi-brand-50);
|
||||
}
|
||||
|
||||
.workspace-grid-data .data-panel-list-block {
|
||||
@@ -576,26 +576,26 @@ details.data-panel-form-block > form {
|
||||
gap: 0.55rem;
|
||||
padding: 0.65rem;
|
||||
border-bottom: 1px solid var(--line);
|
||||
background: #f8fafb;
|
||||
background: var(--gi-info-soft);
|
||||
}
|
||||
|
||||
.catalog-browser-toolbar-datasets {
|
||||
margin-bottom: 0.65rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
}
|
||||
|
||||
.catalog-search-field {
|
||||
display: grid;
|
||||
gap: 0.3rem;
|
||||
color: #53616d;
|
||||
color: var(--gi-ink-600);
|
||||
font-size: 0.74rem;
|
||||
font-weight: 750;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.catalog-search-field input {
|
||||
margin: 0;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.catalog-pagination {
|
||||
@@ -662,9 +662,9 @@ details.data-panel-form-block > form {
|
||||
details.ai-lab-model-surface {
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
padding: 0;
|
||||
background: #f8fafb;
|
||||
background: var(--gi-info-soft);
|
||||
}
|
||||
|
||||
details.ai-lab-model-surface > summary {
|
||||
@@ -675,9 +675,9 @@ details.ai-lab-model-surface > summary {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0.65rem 0.75rem;
|
||||
color: #33424d;
|
||||
color: var(--gi-ink-800);
|
||||
font-size: 0.8rem;
|
||||
font-weight: 750;
|
||||
font-weight: 600;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
@@ -699,13 +699,13 @@ details.ai-lab-model-surface > summary strong {
|
||||
margin-left: auto;
|
||||
color: var(--muted);
|
||||
font-size: 0.72rem;
|
||||
font-weight: 650;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.ai-lab-disclosure-body {
|
||||
border-top: 1px solid var(--line);
|
||||
padding: 0.75rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.ai-lab-shell .lab-block,
|
||||
@@ -714,8 +714,8 @@ details.ai-lab-model-surface > summary strong {
|
||||
.ai-lab-shell .ai-lab-qa-surface,
|
||||
.ai-lab-shell > .ai-lab-model-surface[aria-label="Local model asset selection"] {
|
||||
border-color: var(--line);
|
||||
border-radius: 6px;
|
||||
background: #ffffff;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
background: var(--gi-surface);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@@ -773,9 +773,9 @@ details.ai-lab-model-surface > summary strong {
|
||||
.workbench-status-strip {
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 7px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
padding: 0;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.status-strip-header {
|
||||
@@ -786,7 +786,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
margin: 0;
|
||||
border-bottom: 1px solid var(--line);
|
||||
padding: 1.1rem 1.2rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.status-strip-header h2 {
|
||||
@@ -821,7 +821,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
margin-top: 0.25rem;
|
||||
color: var(--muted);
|
||||
font-size: 0.72rem;
|
||||
font-weight: 650;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.status-strip-grid {
|
||||
@@ -838,7 +838,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
border-right: 1px solid var(--line);
|
||||
border-radius: 0;
|
||||
padding: 0.75rem 0.8rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.status-tile:last-child {
|
||||
@@ -861,7 +861,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
margin-top: 0.4rem;
|
||||
color: #23313b;
|
||||
color: var(--gi-ink-800);
|
||||
font-size: 0.87rem;
|
||||
line-height: 1.25;
|
||||
-webkit-box-orient: vertical;
|
||||
@@ -882,12 +882,12 @@ details.ai-lab-model-surface > summary strong {
|
||||
.source-freshness-panel {
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 7px;
|
||||
background: #ffffff;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.source-freshness-header {
|
||||
display: flex !important;
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@@ -925,7 +925,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
border-top: 1px solid var(--line);
|
||||
border-bottom: 1px solid var(--line);
|
||||
background: #f8fafb;
|
||||
background: var(--gi-info-soft);
|
||||
}
|
||||
|
||||
.source-freshness-summary span {
|
||||
@@ -942,7 +942,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
.source-freshness-summary strong {
|
||||
display: block;
|
||||
margin-bottom: 0.15rem;
|
||||
color: #24333d;
|
||||
color: var(--gi-ink-800);
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
@@ -985,7 +985,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
}
|
||||
|
||||
.source-freshness-main strong {
|
||||
color: #23313b;
|
||||
color: var(--gi-ink-800);
|
||||
font-size: 0.86rem;
|
||||
}
|
||||
|
||||
@@ -1002,8 +1002,8 @@ details.ai-lab-model-surface > summary strong {
|
||||
|
||||
.source-freshness-status {
|
||||
flex: 0 0 auto;
|
||||
color: #33424d !important;
|
||||
font-weight: 750;
|
||||
color: var(--gi-ink-800);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.source-freshness-meta {
|
||||
@@ -1026,7 +1026,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
|
||||
.source-catalog-section {
|
||||
border-top: 1px solid var(--line);
|
||||
background: #fbfcfd;
|
||||
background: var(--gi-info-soft);
|
||||
}
|
||||
|
||||
.source-catalog-heading {
|
||||
@@ -1043,7 +1043,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
}
|
||||
|
||||
.source-catalog-heading strong {
|
||||
color: #23313b;
|
||||
color: var(--gi-ink-800);
|
||||
font-size: 0.84rem;
|
||||
}
|
||||
|
||||
@@ -1055,7 +1055,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
|
||||
.source-catalog-heading > span {
|
||||
flex: 0 0 auto;
|
||||
font-weight: 700;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.source-catalog-empty {
|
||||
@@ -1105,7 +1105,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
|
||||
.grb-refresh-plan {
|
||||
border-top: 1px solid var(--line);
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.grb-refresh-plan-heading {
|
||||
@@ -1123,7 +1123,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
}
|
||||
|
||||
.grb-refresh-plan-heading strong {
|
||||
color: #23313b;
|
||||
color: var(--gi-ink-800);
|
||||
font-size: 0.84rem;
|
||||
}
|
||||
|
||||
@@ -1134,7 +1134,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
|
||||
.grb-refresh-plan-heading > span {
|
||||
flex: 0 0 auto;
|
||||
font-weight: 750;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.grb-refresh-layer-list {
|
||||
@@ -1181,9 +1181,9 @@ details.ai-lab-model-surface > summary strong {
|
||||
}
|
||||
|
||||
.grb-refresh-layer > div:first-child span {
|
||||
color: #4d5c66;
|
||||
color: var(--gi-ink-600);
|
||||
font-size: 0.72rem;
|
||||
font-weight: 750;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.grb-refresh-layer p {
|
||||
@@ -1198,9 +1198,9 @@ details.ai-lab-model-surface > summary strong {
|
||||
gap: 1rem;
|
||||
justify-content: space-between;
|
||||
padding: 0.72rem 1rem;
|
||||
color: #33424d;
|
||||
color: var(--gi-ink-800);
|
||||
font-size: 0.78rem;
|
||||
font-weight: 700;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.source-freshness-list {
|
||||
@@ -1274,7 +1274,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
border: 1px solid var(--line);
|
||||
border-left: 1px solid var(--line);
|
||||
padding: 1rem 1.1rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.workflow-guidance-panel .panel-title-row {
|
||||
@@ -1295,23 +1295,23 @@ details.ai-lab-model-surface > summary strong {
|
||||
min-width: 0;
|
||||
min-height: 5rem;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 6px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
padding: 0.65rem;
|
||||
background: #f5f7f8;
|
||||
background: var(--gi-surface);
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.workflow-guidance-step:hover:not(:disabled) {
|
||||
border-color: #bdcbd2;
|
||||
background: #f0f4f5;
|
||||
border-color: var(--gi-line);
|
||||
background: var(--gi-surface-soft);
|
||||
}
|
||||
|
||||
.workflow-guidance-step-ready {
|
||||
background: #f0f7f4;
|
||||
background: var(--gi-brand-50);
|
||||
}
|
||||
|
||||
.workflow-guidance-step-active {
|
||||
border-color: #91c5ba;
|
||||
border-color: var(--gi-brand-50);
|
||||
background: var(--accent-soft);
|
||||
}
|
||||
|
||||
@@ -1334,7 +1334,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
border: 1px solid var(--line);
|
||||
border-left: 1px solid var(--line);
|
||||
padding: 0.8rem 1rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.overview-action-copy h2 {
|
||||
@@ -1380,7 +1380,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
order: 1;
|
||||
border: 1px solid var(--line);
|
||||
padding: 0.75rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.map-workspace-shell .map-toolbar {
|
||||
@@ -1398,9 +1398,9 @@ details.ai-lab-model-surface > summary strong {
|
||||
.layer-control-card {
|
||||
min-height: 3.9rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
padding: 0.45rem 0.55rem;
|
||||
background: #f8fafb;
|
||||
background: var(--gi-info-soft);
|
||||
}
|
||||
|
||||
.map-status {
|
||||
@@ -1411,9 +1411,9 @@ details.ai-lab-model-surface > summary strong {
|
||||
min-height: auto;
|
||||
align-content: center;
|
||||
border-left: 3px solid var(--accent);
|
||||
border-radius: 4px;
|
||||
border-radius: var(--gi-radius-xs);
|
||||
padding: 0.45rem 0.65rem;
|
||||
background: #f3f8f7;
|
||||
background: var(--gi-brand-50);
|
||||
}
|
||||
|
||||
.map-status strong {
|
||||
@@ -1445,8 +1445,8 @@ details.ai-lab-model-surface > summary strong {
|
||||
.detection-qa-diagnostic span {
|
||||
color: var(--muted);
|
||||
font-size: 0.68rem;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.detection-qa-diagnostic strong {
|
||||
@@ -1461,15 +1461,15 @@ details.ai-lab-model-surface > summary strong {
|
||||
|
||||
.detection-qa-diagnostic-caution {
|
||||
border-left-color: var(--warning);
|
||||
background: #fff8eb;
|
||||
background: var(--gi-warn-soft);
|
||||
}
|
||||
|
||||
.basemap-policy-notice {
|
||||
margin-bottom: 0.65rem;
|
||||
border: 0;
|
||||
border-radius: 5px;
|
||||
border-radius: var(--gi-radius-xs);
|
||||
padding: 0.45rem 0.6rem;
|
||||
background: #f3f6f8;
|
||||
background: var(--gi-info-soft);
|
||||
}
|
||||
|
||||
.basemap-policy-notice strong,
|
||||
@@ -1480,11 +1480,11 @@ details.ai-lab-model-surface > summary strong {
|
||||
.map-frame-surface {
|
||||
order: 2;
|
||||
overflow: hidden;
|
||||
border: 1px solid #aebac2;
|
||||
border-radius: 7px;
|
||||
border: 1px solid var(--gi-line);
|
||||
border-radius: var(--gi-radius-sm);
|
||||
padding: 0;
|
||||
background: #e9eff1;
|
||||
box-shadow: 0 7px 22px rgba(29, 43, 54, 0.09);
|
||||
background: var(--gi-info-soft);
|
||||
box-shadow: var(--gi-shadow-md);
|
||||
}
|
||||
|
||||
.map-frame-surface .map-container,
|
||||
@@ -1499,8 +1499,8 @@ details.ai-lab-model-surface > summary strong {
|
||||
.map-advanced-tools {
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 7px;
|
||||
background: #ffffff;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.map-layer-details {
|
||||
@@ -1524,9 +1524,9 @@ details.ai-lab-model-surface > summary strong {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0.7rem 0.85rem;
|
||||
color: #263540;
|
||||
color: var(--gi-ink-800);
|
||||
font-size: 0.82rem;
|
||||
font-weight: 750;
|
||||
font-weight: 600;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
@@ -1597,8 +1597,8 @@ details.ai-lab-model-surface > summary strong {
|
||||
|
||||
.map-empty-state {
|
||||
margin: 0;
|
||||
border: 1px dashed #afbdc5;
|
||||
background: #f8fafb;
|
||||
border: 1px dashed var(--gi-line);
|
||||
background: var(--gi-info-soft);
|
||||
}
|
||||
|
||||
.map-inspection-surface {
|
||||
@@ -1613,9 +1613,9 @@ details.ai-lab-model-surface > summary strong {
|
||||
|
||||
.gis-test-run-surface {
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 7px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
padding: 1rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.gis-test-run-grid,
|
||||
@@ -1635,7 +1635,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
border-right: 1px solid var(--line);
|
||||
border-bottom: 1px solid var(--line);
|
||||
border-radius: 0;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.map-advanced-tools-body > div:nth-child(2n) {
|
||||
@@ -1644,8 +1644,8 @@ details.ai-lab-model-surface > summary strong {
|
||||
|
||||
.qa-evidence-map-status {
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 7px;
|
||||
background: #ffffff;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
/* Responsive shell */
|
||||
@@ -1736,7 +1736,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
border: 0;
|
||||
border-bottom: 1px solid var(--line);
|
||||
padding: 0.45rem 0.65rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.workbench-sidebar nav {
|
||||
@@ -1953,9 +1953,9 @@ details.ai-lab-model-surface > summary strong {
|
||||
display: grid;
|
||||
gap: 0.2rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
padding: 0.65rem 0.7rem;
|
||||
background: #f7faf9;
|
||||
background: var(--gi-brand-50);
|
||||
}
|
||||
|
||||
.geo-loaded-scope span,
|
||||
@@ -1974,7 +1974,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
gap: 0.8rem;
|
||||
border-top: 1px solid var(--line);
|
||||
padding: 0.8rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.technical-management-body > .compact-form {
|
||||
@@ -1992,8 +1992,8 @@ details.ai-lab-model-surface > summary strong {
|
||||
.export-history-disclosure {
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
background: #f8fafb;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
background: var(--gi-info-soft);
|
||||
}
|
||||
|
||||
.technical-run-list > summary,
|
||||
@@ -2012,9 +2012,9 @@ details.ai-lab-model-surface > summary strong {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0.62rem 0.75rem;
|
||||
color: #33424d;
|
||||
color: var(--gi-ink-800);
|
||||
font-size: 0.8rem;
|
||||
font-weight: 750;
|
||||
font-weight: 600;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
@@ -2063,7 +2063,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
overflow: auto;
|
||||
border-top: 1px solid var(--line);
|
||||
padding: 0.65rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.quality-advanced-disclosure {
|
||||
@@ -2083,8 +2083,8 @@ details.ai-lab-model-surface > summary strong {
|
||||
margin: -0.25rem 0 0.65rem;
|
||||
border-left: 3px solid #b37a2d;
|
||||
padding: 0.45rem 0.65rem;
|
||||
background: #fffbeb;
|
||||
color: #6f4b18;
|
||||
background: var(--gi-warn-soft);
|
||||
color: var(--gi-warn);
|
||||
}
|
||||
|
||||
.quality-advanced-disclosure > summary strong {
|
||||
@@ -2138,7 +2138,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
overflow: auto;
|
||||
padding: 0.5rem;
|
||||
list-style: none;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.dataset-history-list li {
|
||||
@@ -2183,13 +2183,13 @@ details.ai-lab-model-surface > summary strong {
|
||||
min-width: 0;
|
||||
gap: 0.25rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
padding: 0.75rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.ai-user-summary-card-primary {
|
||||
border-color: #bfd8d2;
|
||||
border-color: var(--gi-brand-50);
|
||||
background: var(--accent-soft);
|
||||
}
|
||||
|
||||
@@ -2263,7 +2263,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
gap: 0.75rem;
|
||||
border-top: 1px solid var(--line);
|
||||
padding: 0.75rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.export-history-body > div:first-child {
|
||||
@@ -2321,15 +2321,15 @@ details.ai-lab-model-surface > summary strong {
|
||||
|
||||
.workflow-guidance-steps .workflow-guidance-step {
|
||||
border-color: transparent;
|
||||
background: #f5f7f8;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.workflow-guidance-steps .workflow-guidance-step-ready {
|
||||
background: #f0f7f4;
|
||||
background: var(--gi-brand-50);
|
||||
}
|
||||
|
||||
.workflow-guidance-steps .workflow-guidance-step-active {
|
||||
border-color: #91c5ba;
|
||||
border-color: var(--gi-brand-50);
|
||||
background: var(--accent-soft);
|
||||
}
|
||||
}
|
||||
@@ -2349,7 +2349,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
width: fit-content;
|
||||
cursor: pointer;
|
||||
color: var(--muted);
|
||||
font-weight: 750;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.technical-inline-details[open] > summary {
|
||||
@@ -2429,7 +2429,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
min-width: 0;
|
||||
gap: 0.15rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
padding: 0.55rem;
|
||||
background: var(--panel-soft);
|
||||
}
|
||||
@@ -2449,7 +2449,7 @@ details.ai-lab-model-surface > summary strong {
|
||||
|
||||
.geo-image-quality-context {
|
||||
margin: 0;
|
||||
border-left: 2px solid #91c5ba;
|
||||
border-left: 2px solid var(--gi-brand-50);
|
||||
padding-left: 0.55rem;
|
||||
color: var(--muted);
|
||||
font-size: 0.7rem;
|
||||
@@ -2500,9 +2500,9 @@ details.ai-lab-model-surface > summary strong {
|
||||
display: grid;
|
||||
gap: 0.6rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
border-radius: var(--gi-radius-sm);
|
||||
padding: 0.7rem;
|
||||
background: #ffffff;
|
||||
background: var(--gi-surface);
|
||||
}
|
||||
|
||||
.detection-review-item-heading {
|
||||
|
||||
Reference in New Issue
Block a user