/* Artwork and readable labels for the neutral jewels. */
.infinity-gem:is(.gem-creation,.gem-void){background-image:url('assets/creation-void-gems.webp');background-size:200% 100%;width:66px;height:66px}
.infinity-gem.gem-creation{background-position:0% 50%}
.infinity-gem.gem-void{background-position:100% 50%}
.infinity-gem.gem-large:is(.gem-creation,.gem-void){width:114px;height:114px}
html[data-palette="creation"] .dashboard-grid :is(.panel-sub,.kpi-label,.kpi-foot,.rhythm-label span,.attention-item>div>span){font-size:max(.875rem,var(--ui-label));line-height:1.5}
html[data-palette="creation"] .dashboard-grid :is(.badge,.chart-legend,.timeline-date,.gauge-target-caption){font-size:max(.8125rem,var(--ui-meta));line-height:1.45}
html[data-palette="creation"] .dashboard-grid .badge{border-radius:6px;padding:5px 9px;font-weight:600;letter-spacing:0;white-space:normal}
html[data-palette="creation"] .instrument-zone .tech-gauge p{font-size:max(.875rem,var(--ui-label))!important;line-height:1.5}
html[data-palette="creation"] .rhythm-panel .rhythm-label strong{font-size:max(.875rem,var(--ui-label));letter-spacing:0}
html[data-palette="creation"] .chart-box svg text{font-size:13px}
html[data-palette="creation"] .attention-item{gap:12px}
html[data-palette="creation"] .attention-item .badge{flex-shrink:0}

/* Positive process messages need a dark green on the white Criação cards. */
html[data-palette="creation"] .issue-line.good{color:var(--green)}
html[data-palette="creation"] .issue-line.good .icon{color:inherit}