/* Shared readable status text; palette identity and instrument geometry stay intact. */
html[data-palette] :is(.issue-line.good,.all-ok-message){color:var(--status-green-text,var(--green))}
html[data-palette] :is(.issue-line.warn,.attention-value.attention,.context-alert strong){color:var(--status-amber-text,var(--amber))}
html[data-palette] :is(.issue-line.danger,.attention-value.critical){color:var(--status-red-text,var(--red))}
html[data-palette] :is(.badge.ok,.btn-success,.severity-option.active[data-value="leve"]){color:var(--status-green-text,var(--green));background:color-mix(in srgb,var(--green) 9%,var(--surface));border-color:color-mix(in srgb,var(--green) 35%,var(--border))}
html[data-palette] :is(.badge.attention,.btn-amber,.severity-option.active[data-value="media"]){color:var(--status-amber-text,var(--amber));background:color-mix(in srgb,var(--amber) 9%,var(--surface));border-color:color-mix(in srgb,var(--amber) 35%,var(--border))}
html[data-palette] :is(.badge.critical,.btn-danger,.severity-option.active[data-value="grave"]){color:var(--status-red-text,var(--red));background:color-mix(in srgb,var(--red) 9%,var(--surface));border-color:color-mix(in srgb,var(--red) 35%,var(--border))}
html[data-palette] :is(.badge.verify,.badge.recurrence){color:var(--status-purple-text,var(--purple));background:color-mix(in srgb,var(--purple) 9%,var(--surface));border-color:color-mix(in srgb,var(--purple) 35%,var(--border))}
.dashboard-period-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dashboard-period-caption,.dashboard-scope-note{font-size:var(--ui-label,14px);line-height:1.5;color:var(--text-secondary)}
.dashboard-scope-note{margin:0 0 10px}
.score-rules{margin:0 0 18px;padding:12px 16px;border:1px solid var(--border);background:var(--surface);border-radius:10px;color:var(--text-secondary);font-size:var(--ui-label,14px);line-height:1.6}
.score-rules summary{cursor:pointer;color:var(--text-main);font-weight:600}
.score-rules p{margin:10px 0 0;max-width:100ch}
.saved-evidence{margin:18px 0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.saved-evidence img{display:block;max-width:100%;max-height:360px;object-fit:contain;margin:auto;border-radius:6px}
.saved-evidence figcaption{margin-top:10px;color:var(--text-secondary);font-size:var(--ui-label,14px);overflow-wrap:anywhere}
#notifications{position:relative}
.notification-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border-radius:10px;color:var(--on-accent);background:var(--accent);font-size:10px;font-weight:700;line-height:1}
.notification-list{display:grid;gap:10px}
.notification-item{display:flex;flex-direction:column;align-items:flex-start;gap:9px;width:100%;padding:16px;text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised);color:var(--text-main);font:inherit;cursor:pointer;overflow-wrap:anywhere}
.notification-item>span:not(.badge){color:var(--text-secondary);font-size:var(--ui-label,14px);line-height:1.5}
.notification-item strong{display:flex;align-items:center;gap:6px;color:var(--text-main);font-size:var(--ui-label,14px)}
.notification-item:hover{border-color:var(--border-active)}
.notification-item:focus-visible,.score-rules summary:focus-visible{outline:2px solid var(--border-active);outline-offset:3px}
@media(max-width:600px){.dashboard-period-control{gap:6px}.dashboard-period-caption{width:100%}.score-rules{padding:12px}.notification-item{padding:12px}.saved-evidence img{max-height:240px}}

/* Compact dashboard help and a counter anchored to the bell, never below it. */
#notifications.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:0;overflow:visible}
#notifications.icon-btn>svg{display:block;flex:none;width:19px;height:19px}
#notifications.icon-btn>.notification-count{position:absolute;inset:-3px -4px auto auto;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border:2px solid var(--bg-secondary);border-radius:999px;background:var(--accent);color:var(--on-accent);font:700 9px/1 var(--ui-font,Arial,sans-serif);pointer-events:none}
.dashboard-actions>.dashboard-help{min-height:34px;padding:7px 10px;font-size:12px;gap:6px;align-self:center;color:var(--text-secondary)}
.dashboard-period-caption{font-size:12px;font-weight:600;letter-spacing:.02em}
.score-help-list{display:grid;gap:16px;margin:0;font-size:14px;line-height:1.55}
.score-help-list dt{font-weight:600;color:var(--text-main);margin-bottom:5px}
.score-help-list dd{margin:0;color:var(--text-secondary)}
@media(max-width:760px){.dashboard-actions>.dashboard-help{flex:0 0 auto}.score-help-list{gap:14px}}

.dashboard-period-control .calendar-field{margin:0;width:290px;max-width:100%}
.dashboard-period-control .calendar-field label{font-size:12px;line-height:1.4;color:var(--text-secondary)}
.dashboard-period-control .calendar-trigger{min-height:38px;font-size:13px}
@media(max-width:600px){.dashboard-period-control{width:100%}.dashboard-period-control .calendar-field{width:100%}}

/* Compact format shared by all date and date-range calendars. */
.dashboard-period-control .calendar-field{width:240px}
.calendar-field .calendar-trigger{min-height:34px;padding:7px 10px;font-size:12px;border-radius:8px;gap:8px}
.calendar-field .calendar-trigger .icon svg{width:16px;height:16px}
.calendar-popover.calendar-compact{padding:8px;border-radius:10px;font-size:12px}
.calendar-compact .calendar-range-head{gap:4px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)}
.calendar-compact .calendar-range-head button{padding:6px;border-radius:7px}
.calendar-compact .calendar-range-head small{font-size:9px;margin-bottom:2px;letter-spacing:.02em}
.calendar-compact .calendar-range-head strong{font-size:11px;white-space:nowrap}
.calendar-compact .calendar-hint{margin:6px 0;font-size:11px;gap:4px}
.calendar-compact .calendar-month{grid-template-columns:26px minmax(0,1fr) 26px;gap:4px;margin:6px 0}
.calendar-compact .calendar-month strong{font-size:12px}
.calendar-compact .calendar-month button{height:26px;font-size:20px;border-radius:6px;padding:0}
.calendar-compact .calendar-week{font-size:10px;margin-bottom:4px;gap:3px}
.calendar-compact .calendar-days{gap:3px}
.calendar-popover.calendar-compact .calendar-day{height:26px;min-height:26px;font-size:12px;border-radius:6px;padding:0}
.calendar-compact .calendar-bottom{margin-top:6px;padding-top:5px;gap:6px}
.calendar-compact .calendar-bottom button{font-size:11px;padding:4px 2px}
@media(max-width:600px){.dashboard-period-control .calendar-field{width:240px;max-width:100%}}
@media(pointer:coarse){.calendar-popover.calendar-compact .calendar-day{height:32px;min-height:32px}}

html[data-font] .calendar-field .calendar-trigger{font-size:12px;line-height:1.4}
.compact-deadline-time{font-variant-numeric:tabular-nums}
@media(pointer:coarse){.calendar-field .calendar-trigger{min-height:40px}}

/* Give global history process names more room than the date range. */
@media(min-width:1201px){
  [data-history-browser=""] .history-filter-grid{
    grid-template-columns:minmax(160px,1fr) 220px minmax(240px,1.35fr) minmax(150px,.8fr) auto;
  }
}

/* Process comparison: full names, actual period averages and neutral palette bars. */
.process-comparison{max-height:270px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;padding-right:6px}
.process-comparison:focus-visible{outline:2px solid var(--border-active);outline-offset:3px}
.process-comparison-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.process-comparison-row{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(80px,1fr) 46px;gap:12px;align-items:center}
.process-comparison-label{min-width:0;display:grid;gap:3px}
.process-comparison-label strong{font-size:12px;color:var(--text-main);line-height:1.4;overflow-wrap:anywhere}
.process-comparison-label span{font-size:11px;color:var(--text-secondary);line-height:1.4}
.process-comparison-track{height:10px;background:var(--chart-grid);border-radius:3px;overflow:hidden}
.process-comparison-track>span{height:100%;display:block;background:var(--accent);border-radius:3px}
.process-comparison-value{font-size:13px;color:var(--text-main);text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:420px){.process-comparison-row{grid-template-columns:minmax(110px,1.2fr) minmax(48px,1fr) 40px;gap:8px}}

/* Assessment scope and freshness stay separate from quality percentages. */
.assessment-context{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin:7px 0 10px;font-size:12px;line-height:1.45;color:var(--text-secondary)}
.assessment-context>span:first-child{flex-basis:100%}
.assessment-partial{font-weight:650;color:var(--text-main)}
.assessment-warning{color:var(--status-amber-text)!important;display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px}
.dashboard-assessment-context{border-top:1px solid var(--border);margin:10px 16px 12px;padding-top:10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;font-size:12px;line-height:1.45;color:var(--text-secondary)}
.dashboard-assessment-context .link-btn{font-size:12px;white-space:normal}
.dist-row .assessment-context{margin:5px 0 0;font-size:11px}
.indicator-validity{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;font-size:12px;line-height:1.45;margin:10px 0;color:var(--text-secondary)}
.indicator-validity strong{font-size:12px;font-weight:650}
.indicator-validity>span{flex-basis:100%}
.indicator-validity .link-btn{font-size:12px}
@media(max-width:600px){.dashboard-assessment-context{margin:8px 12px 12px;text-align:center}.assessment-context{font-size:12px}}

.div-detail-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.div-detail-section h4{font-size:14px;line-height:1.4;color:var(--text-main);margin:0 0 12px}
.div-readable-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.div-readable-details>div{padding:12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;min-width:0}
.div-readable-details dt{font-size:12px;color:var(--text-secondary);margin-bottom:5px}
.div-readable-details dd{font-size:14px;font-weight:550;line-height:1.5;color:var(--text-main);margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.attention-open{font-size:11px;margin-top:4px;align-self:flex-start}
@media(max-width:600px){.div-readable-details{grid-template-columns:1fr}}

/* Bounded history pages and consistent finishing for working screens. */
.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid var(--border)}
.history-pagination[hidden]{display:none}
.history-pagination>span{font-size:var(--ui-label,14px);color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center}
html[data-font] :is(.content,.modal) :is(.timeline-date,.last-check,.history-result-count,.process-comparison-label span,.assessment-context,.attention-open,.indicator-validity,.settings-contact-status){font-size:max(12px,var(--ui-meta,12px));line-height:1.5}
html[data-font] :is(.content,.modal) :is(.timeline-title,.settings-option-row strong){font-size:var(--ui-label,14px);font-weight:650;line-height:1.45}
html[data-font] .timeline-text{line-height:1.6;overflow-wrap:anywhere}
.history-browser .timeline{gap:18px}
.history-browser .timeline-item{padding-bottom:10px}
.history-browser .timeline-title{margin-top:4px}
.history-browser .timeline-text{margin-top:5px}
.history-result-count{margin:14px 0;color:var(--text-secondary)}
.report-grid{align-items:stretch}
.report-card{padding:20px;gap:4px}
.report-card>.btn{margin-top:auto;align-self:flex-start}
.settings-option-row,.settings-contact-row{padding:20px 22px;gap:16px}
.settings-option-row>div,.settings-contact-row>div{min-width:0}
html[data-font] .settings-option-row p{font-size:var(--ui-label,14px);line-height:1.55}
:is(.process-toolbar-actions,.detail-actions,.div-actions,.conference-card-actions,.profile-photo-buttons){align-items:center;gap:8px;flex-wrap:wrap}
.chart-box svg text{font-size:13px}
@media(max-width:640px){.history-pagination{padding:14px 16px;gap:8px;flex-wrap:wrap}.history-pagination>span{flex:1}.history-pagination .btn{min-height:40px}.settings-option-row,.settings-contact-row{padding:18px}.report-card{padding:18px}}
@media(max-width:360px){.history-pagination>span{order:-1;flex-basis:100%}.history-pagination .btn{flex:1;justify-content:center}}

.revision-history{margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}
.revision-history summary{cursor:pointer;font-size:14px;font-weight:650;color:var(--text-main)}
.revision-entry{display:grid;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary)}
.revision-entry>strong{color:var(--text-main)}
.revision-change{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.revision-change>strong{grid-column:1/-1;color:var(--text-main);font-size:13px}
.revision-change>div{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.revision-change p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-main);font-size:13px;line-height:1.5}
@media(max-width:600px){.revision-change{grid-template-columns:1fr}.revision-change>strong{grid-column:1}}

/* Raised process modules: luminous inner frame, glass face and metallic rim. */
html[data-palette] .process-grid .process-card{
 --card-light:var(--brand-jewel,var(--accent));
 --card-shadow:rgb(0 0 0 / .28);
 padding:26px;isolation:isolate;border-radius:22px;
 border:1px solid color-mix(in srgb,var(--text-secondary) 38%,var(--surface));
 background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,white) 0%,var(--surface) 42%,color-mix(in srgb,var(--surface) 88%,black) 100%);
 box-shadow:inset 0 1px 1px rgb(255 255 255 / .24),inset 1px 0 1px rgb(255 255 255 / .1),inset 0 -4px 5px rgb(0 0 0 / .22),0 5px 0 color-mix(in srgb,var(--surface) 65%,black),0 12px 20px var(--card-shadow);
 transition:transform .22s ease,box-shadow .22s ease;
}
html[data-palette] .process-grid .process-card::before{
 content:"";position:absolute;inset:8px;width:auto;height:auto;border-radius:16px;
 border:1px solid color-mix(in srgb,var(--card-light) 68%,var(--text-secondary));
 background:none;opacity:1;pointer-events:none;z-index:0;
 box-shadow:inset 0 0 9px color-mix(in srgb,var(--card-light) 9%,transparent),0 0 7px color-mix(in srgb,var(--card-light) 18%,transparent);
}
html[data-palette] .process-grid .process-card::after{
 content:"";position:absolute;inset:10px;border-radius:15px;pointer-events:none;z-index:0;opacity:.16;
 background:url("assets/process-circuit.svg") right top/54px 180px no-repeat,url("assets/process-circuit.svg") left bottom/54px 180px no-repeat;
}
html[data-palette] .process-grid .process-card>*{position:relative;z-index:1}
html[data-palette] .process-grid .process-symbol{
 width:48px;height:48px;flex-basis:48px;border-radius:50%;color:var(--text-main);
 border:1px solid color-mix(in srgb,var(--card-light) 55%,var(--text-secondary));
 background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 80%,var(--text-secondary)),var(--surface) 58%,color-mix(in srgb,var(--surface) 84%,black));
 box-shadow:inset 0 1px 2px rgb(255 255 255 / .3),inset 0 -3px 5px rgb(0 0 0 / .2),0 3px 5px var(--card-shadow),0 0 0 3px color-mix(in srgb,var(--card-light) 9%,transparent);
}
html[data-palette] .process-grid .process-step{
 border:1px solid var(--border-strong);border-radius:6px;padding:3px 6px;background:var(--surface-soft);color:var(--text-secondary);
}
html[data-palette] .process-grid .health-bar{
 height:8px;border:1px solid var(--border-strong);box-shadow:inset 0 2px 3px rgb(0 0 0 / .25);background:var(--surface-raised);
}
html[data-palette] .process-grid .process-owners{border-top:1px solid var(--border-strong)}
html[data-palette] .process-grid .process-footer .link-btn{
 padding:8px 12px;border:1px solid var(--border-strong);border-radius:8px;background:linear-gradient(160deg,var(--surface-raised),var(--surface));color:var(--text-main);
 box-shadow:inset 0 1px 0 rgb(255 255 255 / .13),0 2px 3px var(--card-shadow);text-decoration:none;
}
html[data-palette] .process-grid .process-footer .link-btn:hover{border-color:var(--card-light)}
html[data-palette] .process-grid .process-card:focus-within{outline:2px solid var(--border-active);outline-offset:4px}
html[data-palette="creation"] .process-grid .process-card{--card-light:#2877AD;--card-shadow:rgb(27 55 82 / .16);background:linear-gradient(145deg,#FFFFFF 15%,#F6F9FC 65%,#EAF0F6);box-shadow:inset 0 1px 1px white,inset 0 -3px 4px rgb(46 68 92 / .1),0 5px 0 #CBD5E0,0 12px 20px var(--card-shadow)}
html[data-palette="creation"] .process-grid .process-card::after{opacity:.12}
@media(hover:hover) and (pointer:fine){
 html[data-palette] .process-grid .process-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px 1px rgb(255 255 255 / .28),inset 0 -4px 5px rgb(0 0 0 / .16),0 6px 0 color-mix(in srgb,var(--surface) 65%,black),0 16px 26px var(--card-shadow)}
 html[data-palette="creation"] .process-grid .process-card:hover{box-shadow:inset 0 1px 1px white,inset 0 -3px 4px rgb(46 68 92 / .1),0 6px 0 #CBD5E0,0 16px 26px var(--card-shadow)}
}
@media(hover:none){html[data-palette] .process-grid .process-card:hover{transform:none}}
@media(max-width:600px){html[data-palette] .process-grid .process-card{padding:24px;border-radius:20px}.process-grid{gap:22px}}
@media(prefers-reduced-motion:reduce){html[data-palette] .process-grid .process-card{transition:none}html[data-palette] .process-grid .process-card:hover{transform:none}}

/* Conference modules: brushed metal rim, restrained jewel lighting, inset readouts. */
html[data-palette] :is(.conference-module,.conference-stat){
 --conference-light:var(--brand-jewel,var(--border-active));--conference-shadow:rgb(0 0 0 / .24);--conference-status:var(--status-amber-text,var(--amber));
 position:relative;isolation:isolate;overflow:hidden;border-radius:20px;
 border:1px solid color-mix(in srgb,var(--text-secondary) 42%,var(--surface));
 background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,white),var(--surface) 48%,color-mix(in srgb,var(--surface) 92%,black));
 box-shadow:inset 0 1px 1px rgb(255 255 255 / .26),inset 1px 0 1px rgb(255 255 255 / .12),inset 0 -3px 4px rgb(0 0 0 / .22),0 4px 0 color-mix(in srgb,var(--surface) 65%,black),0 10px 18px var(--conference-shadow);
}
html[data-palette] :is(.conference-module,.conference-stat)[data-conference-status="late"]{--conference-status:var(--status-red-text,var(--red))}
html[data-palette] :is(.conference-module,.conference-stat)[data-conference-status="progress"]{--conference-status:#559CE0}
html[data-palette] :is(.conference-module,.conference-stat)[data-conference-status="scheduled"]{--conference-status:var(--text-secondary)}
html[data-palette] .conference-stat[data-conference-status="done"]{--conference-status:var(--status-green-text,var(--green))}
html[data-palette] :is(.conference-module,.conference-stat)::before{
 content:"";position:absolute;inset:7px;border-radius:14px;border:1px solid color-mix(in srgb,var(--conference-light) 45%,var(--border));
 box-shadow:0 0 5px color-mix(in srgb,var(--conference-light) 12%,transparent);pointer-events:none;z-index:0;
}
html[data-palette] .conference-module::after{
 content:"";position:absolute;top:18px;bottom:18px;left:7px;width:2px;border-radius:3px;background:var(--conference-status);opacity:.85;pointer-events:none;z-index:0;
}
html[data-palette] :is(.conference-module,.conference-stat)>*{position:relative;z-index:1}
.conference-card-grid{align-items:stretch;gap:20px}
html[data-palette] .conference-module{padding:24px;gap:14px;height:100%;min-width:0;transition:transform .2s ease}
.conference-module-head{display:flex;align-items:center;gap:12px;min-width:0}
.conference-module-head>div:last-child{min-width:0}
.conference-module-head h3{font-size:16px;line-height:1.4;font-weight:650;margin:3px 0 0;color:var(--text-main);overflow-wrap:anywhere}
.conference-category{font-size:12px;line-height:1.4;color:var(--text-secondary)}
html[data-palette] .conference-metal-icon{
 width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;color:var(--text-main);
 border:1px solid color-mix(in srgb,var(--conference-light) 45%,var(--text-secondary));
 background:linear-gradient(140deg,color-mix(in srgb,var(--surface) 72%,var(--text-secondary)),var(--surface) 58%,color-mix(in srgb,var(--surface) 80%,black));
 box-shadow:inset 0 1px 2px rgb(255 255 255 / .32),inset 0 -2px 3px rgb(0 0 0 / .25),0 3px 4px var(--conference-shadow),0 0 0 3px color-mix(in srgb,var(--conference-light) 8%,transparent);
}
html[data-palette] .conference-module .div-meta{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}
html[data-palette] .conference-module .badge{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:12px;line-height:1.4}
.conference-deadline{padding:12px 14px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface-soft);box-shadow:inset 0 2px 3px rgb(0 0 0 / .1)}
.conference-fact-label{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--text-secondary);margin-bottom:5px}
html[data-palette] .conference-deadline strong{font-size:15px;line-height:1.4;color:var(--text-main)}
.conference-deadline-note{margin-top:4px;font-size:12px;line-height:1.4;color:var(--text-secondary)}
.conference-deadline.is-late .conference-deadline-note{color:var(--status-red-text);font-weight:650}
.conference-module-facts{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.conference-module-facts dt{font-size:12px;line-height:1.4;color:var(--text-secondary);margin-bottom:4px}
.conference-module-facts dd{margin:0;font-size:14px;line-height:1.5;color:var(--text-main);overflow-wrap:anywhere}
.conference-module-progress{display:grid;gap:8px}
.conference-progress-caption{display:flex;gap:10px;align-items:center;justify-content:space-between}
html[data-palette] .conference-module .conference-progress-caption span{margin:0;font-size:12px;line-height:1.4;color:var(--text-secondary)}
html[data-palette] .conference-module .conference-progress-caption strong{font-size:13px;color:var(--text-main);font-variant-numeric:tabular-nums}
.conference-progress-track{height:12px;padding:2px;border-radius:5px;border:1px solid var(--border-strong);background:var(--surface-input);box-shadow:inset 0 2px 3px rgb(0 0 0 / .28),0 1px 0 rgb(255 255 255 / .12);overflow:hidden}
.conference-progress-track>div{height:100%;border-radius:2px;background:linear-gradient(180deg,var(--accent-highlight),var(--accent) 55%,var(--accent-depth));box-shadow:inset 0 1px 0 rgb(255 255 255 / .4)}
.conference-progress-empty,.conference-reference{font-size:12px;line-height:1.5;color:var(--text-secondary)}
html[data-palette] .conference-module .conference-card-actions{padding-top:14px;border-top:1px solid var(--border);margin-top:auto;gap:8px;align-items:stretch}
html[data-palette] .conference-module .conference-card-actions .btn{min-height:40px;font-size:13px;border-radius:8px;box-shadow:inset 0 1px 0 rgb(255 255 255 / .14),0 2px 3px var(--conference-shadow)}
html[data-palette] .conference-summary .conference-stat{padding:22px 78px 22px 24px;min-height:118px;gap:8px}
html[data-palette] .conference-summary .conference-stat>strong{font-size:30px;line-height:1.1;color:var(--text-main);font-variant-numeric:tabular-nums}
html[data-palette] .conference-summary .conference-stat>span{font-size:13px;line-height:1.45;color:var(--text-secondary)}
html[data-palette] .conference-summary .conference-stat-icon{position:absolute;right:22px;top:24px;width:38px;height:38px;color:var(--conference-status)}
html[data-palette] .conference-stat::after{content:"";position:absolute;left:24px;right:24px;bottom:8px;height:2px;background:var(--conference-status);opacity:.6;pointer-events:none}
html[data-palette="creation"] :is(.conference-module,.conference-stat){--conference-light:#2877AD;--conference-shadow:rgb(27 55 82 / .14);background:linear-gradient(145deg,#FFFFFF 20%,#F7FAFC 70%,#EAF0F6);box-shadow:inset 0 1px 1px white,inset 0 -3px 4px rgb(46 68 92 / .09),0 4px 0 #CBD5E0,0 10px 18px var(--conference-shadow)}
html[data-palette] .conference-module:focus-within{outline:2px solid var(--border-active);outline-offset:3px}
@media(hover:hover) and (pointer:fine){html[data-palette] .conference-module:hover{transform:translateY(-3px)}}
@media(hover:none){html[data-palette] .conference-module:hover{transform:none}}
@media(max-width:640px){html[data-palette] .conference-summary .conference-stat{padding:20px 62px 20px 20px}html[data-palette] .conference-summary .conference-stat-icon{right:16px;top:20px;width:32px;height:32px}.conference-card-grid{gap:18px}html[data-palette] .conference-module{padding:22px}}
@media(max-width:380px){html[data-palette] .conference-summary .conference-stat{padding:18px;min-height:132px}html[data-palette] .conference-summary .conference-stat-icon{width:26px;height:26px;top:16px;right:14px}.conference-summary .conference-stat-icon svg{width:16px;height:16px}html[data-palette] .conference-summary .conference-stat>span{max-width:120px}.conference-module-facts{grid-template-columns:1fr}html[data-palette] .conference-module .conference-card-actions .btn{flex:1}}
@media(prefers-reduced-motion:reduce){html[data-palette] .conference-module{transition:none}html[data-palette] .conference-module:hover{transform:none}}

/* Record actions keep their own compact height instead of stretching with the grid row. */
html[data-palette] .conference-record-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}
html[data-palette] .conference-record-card>[data-conference-record]{
 align-self:center;justify-self:end;height:auto;min-height:40px;width:auto;
 padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
 border:1px solid var(--border-strong);border-radius:9px;color:var(--text-main);
 background:linear-gradient(150deg,var(--surface-raised),var(--surface));
 box-shadow:inset 0 1px 0 rgb(255 255 255 / .16),0 2px 3px rgb(0 0 0 / .14);
 font-size:13px;line-height:1.4;white-space:nowrap;
}
html[data-palette] .conference-record-card>[data-conference-record]:hover{border-color:var(--brand-jewel,var(--border-active))}
@media(max-width:836px){html[data-palette] .conference-record-card{grid-template-columns:minmax(0,1fr)}html[data-palette] .conference-record-card>[data-conference-record]{justify-self:start}}

/* Visão SF shared finish: raised feature cards, restrained metal working panels.
   Dial geometry, SVG readouts, motion and instrument-zone surfaces stay dedicated. */
html[data-palette]{
 --sf-radius:20px;--sf-control-radius:10px;
 --sf-edge-hi:color-mix(in srgb,var(--text-secondary) 52%,var(--surface));
 --sf-edge-mid:var(--border-strong);--sf-edge-low:color-mix(in srgb,var(--border) 75%,var(--surface));
 --sf-face:linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,white),var(--surface) 62%,color-mix(in srgb,var(--surface) 97%,black));
 --sf-metal:linear-gradient(135deg,var(--sf-edge-hi),var(--sf-edge-mid) 28%,var(--sf-edge-low) 60%,var(--sf-edge-mid));
 --sf-panel-shadow:inset 0 1px 0 rgb(255 255 255 / .12),inset 0 -2px 3px rgb(0 0 0 / .1),0 5px 14px rgb(0 0 0 / .13);
 --sf-button-shadow:inset 0 1px 0 rgb(255 255 255 / .18),inset 0 -1px 1px rgb(0 0 0 / .1),0 2px 3px rgb(0 0 0 / .12);
 --sf-light:var(--brand-jewel,var(--border-active));
}
html[data-palette="creation"]{
 --sf-face:linear-gradient(145deg,#FFFFFF 30%,#F8FAFC 75%,#F0F4F8);
 --sf-panel-shadow:inset 0 1px 0 white,inset 0 -2px 3px rgb(46 68 92 / .05),0 5px 14px rgb(27 55 82 / .08);
 --sf-light:#2877AD;
}
html[data-palette] .content :is(.panel,.indicator-card,.check-item,.report-card,.kpi-card):not(.instrument-zone):not(.instrument-panel):not(.instrument-cluster):not(.tech-instruments):not(.conference-stat){
 border:1px solid transparent;border-radius:var(--sf-radius);
 background:var(--sf-face) padding-box,var(--sf-metal) border-box;
 box-shadow:var(--sf-panel-shadow);color:var(--text-main);
}
html[data-palette] .content :is(.panel-head,.settings-content-head){border-bottom-color:var(--border)}
html[data-palette] .content :is(.panel-head,.settings-content-head) :is(.panel-title,h3){color:var(--text-main)}
html[data-palette] .content :is(.div-card,.indicator-card,.report-card){
 box-shadow:inset 0 1px 0 rgb(255 255 255 / .17),inset 0 -2px 3px rgb(0 0 0 / .1),0 3px 0 color-mix(in srgb,var(--surface) 82%,black),0 8px 16px rgb(0 0 0 / .13);
}
html[data-palette="creation"] .content :is(.div-card,.indicator-card,.report-card){box-shadow:inset 0 1px 0 white,0 3px 0 #D9E1EA,0 8px 16px rgb(27 55 82 / .08)}
html[data-palette] .process-grid .process-card{border-radius:var(--sf-radius)}
html[data-palette] .content :is(.report-icon,.empty-icon){
 display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
 border:1px solid var(--sf-edge-mid);color:var(--text-main);
 background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 75%,var(--text-secondary)),var(--surface) 65%,color-mix(in srgb,var(--surface) 88%,black));
 box-shadow:inset 0 1px 2px rgb(255 255 255 / .25),0 2px 3px rgb(0 0 0 / .15),0 0 0 3px color-mix(in srgb,var(--sf-light) 8%,transparent);
}
html[data-palette] .content .report-icon{margin-bottom:14px}
html[data-palette] .content .empty-icon{margin:0 auto 14px}
html[data-palette] .content :is(.indicator-actions,.report-card>.btn){border-radius:var(--sf-control-radius)}
html[data-palette] :is(.content,.modal) .btn{border-radius:var(--sf-control-radius);box-shadow:var(--sf-button-shadow);transition:border-color .16s ease,box-shadow .16s ease}
html[data-palette] :is(.content,.modal) .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-amber):not(.btn-ghost){background:linear-gradient(150deg,var(--surface-raised),var(--surface));border-color:var(--border-strong);color:var(--text-main)}
html[data-palette] :is(.content,.modal) .btn-ghost{box-shadow:none}
html[data-palette] :is(.content,.modal) .btn:hover:not(:disabled){border-color:var(--sf-light);box-shadow:inset 0 1px 0 rgb(255 255 255 / .22),0 2px 5px rgb(0 0 0 / .16)}
html[data-palette] :is(.content,.modal) .btn:active:not(:disabled){box-shadow:inset 0 2px 3px rgb(0 0 0 / .2)}
html[data-palette] :is(.content,.modal) :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--border-active);outline-offset:3px}
html[data-palette] :is(.content,.modal) :is(.input,.select,.textarea,.filter-input,.calendar-trigger){border-radius:var(--sf-control-radius);box-shadow:inset 0 1px 2px rgb(0 0 0 / .1)}
html[data-palette] :is(.content,.modal) :is(.btn-danger,.btn-amber,.btn-success):hover:not(:disabled){border-color:currentColor}
html[data-palette] .content :is(.tabs,.hub-tabs,.settings-menu){gap:6px}
html[data-palette] .content :is(.tab,.hub-tabs button,.settings-menu-item){border-radius:var(--sf-control-radius)}
html[data-palette] .content :is(.tab.active,.hub-tabs button.active,.settings-menu-item.active){
 box-shadow:inset 0 1px 0 rgb(255 255 255 / .14),inset 0 -2px 0 var(--sf-light),0 2px 4px rgb(0 0 0 / .1);
}
html[data-palette] .content :is(.settings-user-row,.settings-contact-row,.settings-option-row){border-bottom-color:var(--border)}
html[data-palette] .content :is(.settings-user-row,.settings-contact-row):hover{background:var(--surface-soft)}
html[data-palette] .modal{border:1px solid var(--sf-edge-mid);border-radius:var(--sf-radius);box-shadow:inset 0 1px 0 rgb(255 255 255 / .15),var(--shadow-modal)}
html[data-palette] .modal-head{border-bottom:1px solid var(--border)}
html[data-palette] .modal-footer{border-top:1px solid var(--border-strong)}
html[data-font] .content :is(.process-name,.indicator-name,.div-title,.report-card h3,.check-item-title,.conference-module-head h3){font-size:calc(var(--ui-label) + 2px);font-weight:650;line-height:1.4;letter-spacing:-.015em}
html[data-font] .content .panel-title{font-size:calc(var(--ui-label) + 2px);font-weight:650;line-height:1.4;letter-spacing:0;text-transform:none}
html[data-font] .content :is(.page-intro h2,.settings-category-head h2){font-size:calc(var(--ui-body) + 9px);font-weight:650;line-height:1.35}
html[data-font] .content :is(.indicator-facts dd,.settings-option-row p,.report-card p,.div-sub){font-size:var(--ui-label);line-height:1.55}
html[data-font] .content :is(.indicator-facts dt,.conference-category,.conference-fact-label,.conference-deadline-note,.conference-module-facts dt,.conference-reference,.conference-progress-caption span){font-size:var(--ui-meta);line-height:1.5}
html[data-font] .content :is(.kpi-value,.summary-card>strong,.hub-stat>strong){font-size:calc(var(--ui-body) + 15px);font-variant-numeric:tabular-nums;color:var(--text-main)}
html[data-palette] .content .div-card{align-items:center}
html[data-palette] .content .div-card:not(.conference-record-card)>.btn{align-self:center;justify-self:end;height:auto;min-height:40px}
.report-grid,.indicator-grid{align-items:stretch}
@media(max-width:760px){html[data-palette] .content .div-card:not(.conference-record-card)>.btn{justify-self:start}html[data-font] .content :is(.page-intro h2,.settings-category-head h2){font-size:calc(var(--ui-body) + 7px)}}
@media(prefers-reduced-motion:reduce){html[data-palette] :is(.content,.modal) .btn{transition:none}}

/* Only the dashboard process overview: clear groups, existing segmented bars. */
.process-overview-panel .panel-body{display:grid;gap:16px}
.process-overview-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.process-overview-summary>div{display:grid;gap:4px;min-width:0}
.process-overview-summary>div+div{border-left:1px solid var(--border);padding-left:16px}
.process-overview-summary strong{font-size:30px;line-height:1.15;font-weight:650;color:var(--text-main);font-variant-numeric:tabular-nums}
html[data-font] .process-overview-summary span{font-size:var(--ui-meta);line-height:1.5;color:var(--text-secondary)}
.process-overview-summary .has-recurrence strong{color:var(--status-amber-text)}
.process-overview-list{display:grid;gap:16px}
.process-overview-row{display:grid;gap:8px;min-width:0;padding-bottom:16px;border-bottom:1px solid var(--border)}
.process-overview-row:last-child{padding-bottom:0;border-bottom:0}
.process-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
html[data-font] .process-overview-heading .link-btn{font-size:var(--ui-label);font-weight:600;color:var(--text-main);line-height:1.4;min-height:30px;text-align:left;text-decoration:none;white-space:normal;min-width:0}
.process-overview-heading .link-btn .icon{opacity:.6;flex-shrink:0}
.process-overview-heading>strong{font-size:18px;font-weight:650;color:var(--text-main);font-variant-numeric:tabular-nums;flex-shrink:0}
.process-overview-panel .process-overview-row .dist-track{margin:0;height:12px;gap:3px}
html[data-font] .process-overview-coverage{font-size:var(--ui-meta);line-height:1.5;color:var(--text-secondary)}
.process-overview-flags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
html[data-font] .process-overview-flags .badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;font-size:var(--ui-meta);line-height:1.4}
html[data-font] :is(.process-overview-note,.process-overview-clear){margin:0;font-size:var(--ui-meta);line-height:1.5;color:var(--text-secondary)}
.process-overview-alert{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid var(--status-amber-text);border-left-width:3px;border-radius:10px;background:var(--surface-soft);color:var(--status-amber-text)}
.process-overview-alert>strong{font-size:var(--ui-label);line-height:1.4;font-weight:600}
.process-overview-alert>.link-btn{font-size:var(--ui-meta);margin-left:auto;min-height:30px;text-decoration:none}
@media(max-width:420px){.process-overview-summary{gap:12px}.process-overview-summary>div+div{padding-left:12px}.process-overview-heading>strong{font-size:16px}.process-overview-alert>.link-btn{margin-left:0}}

/* Steel housing around the existing process segments, matching gauge rims. */
.process-overview-panel .process-overview-meter-frame{
  --overview-steel-hi:#E0E2E7;
  --overview-steel-mid:#747C89;
  --overview-steel-low:#202129;
  min-width:0;
  box-sizing:border-box;
  padding:3px 5px;
  border:2px solid transparent;
  border-radius:4px;
  background:linear-gradient(var(--surface-soft),var(--surface-soft)) padding-box,
    linear-gradient(160deg,var(--overview-steel-hi) 0%,var(--overview-steel-mid) 22%,var(--overview-steel-low) 48%,var(--overview-steel-mid) 75%,var(--overview-steel-hi) 100%) border-box;
  box-shadow:0 1px 0 #FFFFFF20,inset 0 1px 2px #00000060,0 2px 3px #00000026;
}
html[data-palette="creation"] .process-overview-panel .process-overview-meter-frame{
  --overview-steel-hi:#F5F7FA;
  --overview-steel-mid:#8D9BAB;
  --overview-steel-low:#2C3C50;
  box-shadow:0 1px 0 #FFFFFFD9,inset 0 1px 2px #273D5438,0 2px 3px #273D541F;
}

/* Fit five process rows without shrinking readable labels or adding a scroll area. */
.process-overview-panel .panel-body{gap:10px}
.process-overview-panel .process-overview-summary{gap:12px;padding-bottom:10px}
.process-overview-panel .process-overview-summary strong{font-size:26px}
.process-overview-panel .process-overview-summary>div+div{padding-left:12px}
.process-overview-panel .process-overview-list{gap:10px}
.process-overview-panel .process-overview-row{gap:6px;padding-bottom:10px}
.process-overview-panel .process-overview-row:last-child{padding-bottom:0}
html[data-font] .process-overview-panel .process-overview-heading .link-btn{min-height:24px}
.process-overview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;min-width:0}
.process-overview-meta .process-overview-flags{display:inline-flex;flex-wrap:wrap;gap:5px}
html[data-font] .process-overview-meta .process-overview-flags .badge{padding:2px 6px}
.process-overview-panel .process-overview-alert{padding:8px 10px}

/* Independent compact side panel: no gauge sizing or instrument changes. */
.dashboard-grid>.process-overview-panel{align-self:start}
.process-overview-panel .panel-body{gap:8px}
.process-overview-panel .process-overview-summary{padding-bottom:8px}
.process-overview-panel .process-overview-list{gap:8px}
.process-overview-panel .process-overview-row{padding-bottom:8px;gap:5px}
.process-overview-panel .process-overview-row:last-child{padding-bottom:0}
.process-overview-meta{gap:3px 8px}
.process-overview-warning{display:inline-flex;align-items:center;gap:4px;color:var(--status-amber-text)}
.process-overview-warning::before{content:'·';padding-right:3px;color:var(--text-secondary)}
html[data-font] .process-overview-demo-name{font-size:var(--ui-label);line-height:1.4;font-weight:600;color:var(--text-main)}
html[data-font] .process-overview-demo-toggle{font-size:var(--ui-meta);line-height:1.4;min-height:30px;text-decoration:none;white-space:nowrap}
.process-overview-demo-caption{margin-left:auto;font-size:var(--ui-meta);color:var(--text-secondary)}
.process-overview-panel .process-overview-alert{padding:6px 10px;gap:6px}

/* Dashboard priority modules share the raised process/conference finish. */
html[data-palette] .content .attention-grid .dashboard-priority-module{
 position:relative;isolation:isolate;overflow:hidden;
 border:1px solid color-mix(in srgb,var(--text-secondary) 42%,var(--surface));
 border-radius:20px;
 background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,white),var(--surface) 48%,color-mix(in srgb,var(--surface) 92%,black));
 box-shadow:inset 0 1px 1px #FFFFFF40,inset 1px 0 1px #FFFFFF1F,inset 0 -3px 4px #00000038,0 4px 0 color-mix(in srgb,var(--surface) 65%,black),0 10px 18px #00000026;
}
html[data-palette] .content .dashboard-priority-module::before{
 content:'';position:absolute;inset:7px;border-radius:14px;pointer-events:none;z-index:0;
 border:1px solid color-mix(in srgb,var(--sf-light) 45%,var(--text-secondary));
 box-shadow:0 0 5px color-mix(in srgb,var(--sf-light) 12%,transparent);
}
html[data-palette] .content .dashboard-priority-module::after{
 content:'';position:absolute;inset:10px;border-radius:12px;pointer-events:none;z-index:0;opacity:.1;
 background:url('assets/process-circuit.svg') right bottom/42px 140px no-repeat;
}
html[data-palette] .content .dashboard-priority-module>.panel-head{padding:20px 22px 8px;justify-content:flex-start;align-items:center;gap:12px}
html[data-palette] .content .dashboard-priority-module>.panel-body{padding:8px 22px 22px}
/* Reserve a full column for priority labels, including long problem titles. */
.dashboard-priority-module .attention-item{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;gap:12px}
.dashboard-priority-module .attention-copy{min-width:0;overflow:hidden}
.dashboard-priority-module .attention-value{justify-self:end;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.dashboard-priority-symbol{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;color:var(--text-main);
 border:1px solid var(--sf-edge-hi);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 75%,var(--text-secondary)),var(--surface) 65%);
 box-shadow:inset 0 1px 2px #FFFFFF40,inset 0 -2px 3px #00000033,0 2px 3px #00000026;
}
html[data-palette="creation"] .content .attention-grid .dashboard-priority-module{background:var(--sf-face);box-shadow:inset 0 1px 0 white,0 4px 0 #D9E1EA,0 10px 18px #1B375214}
/* Steel housings reuse the process overview rim, without changing gauge geometry. */
.rhythm-meter-frame,.comparison-meter-frame{
 --meter-steel-hi:#E0E2E7;--meter-steel-mid:#747C89;--meter-steel-low:#202129;
 min-width:0;box-sizing:border-box;border:2px solid transparent;border-radius:4px;padding:3px 5px;
 background:linear-gradient(var(--surface-soft),var(--surface-soft)) padding-box,linear-gradient(160deg,var(--meter-steel-hi),var(--meter-steel-mid) 22%,var(--meter-steel-low) 48%,var(--meter-steel-mid) 75%,var(--meter-steel-hi)) border-box;
 box-shadow:0 1px 0 #FFFFFF20,inset 0 1px 2px #00000060,0 2px 3px #00000026;
}
html[data-palette="creation"] :is(.rhythm-meter-frame,.comparison-meter-frame){--meter-steel-hi:#F5F7FA;--meter-steel-mid:#8D9BAB;--meter-steel-low:#2C3C50;box-shadow:0 1px 0 #FFFFFFD9,inset 0 1px 2px #273D5438,0 2px 3px #273D541F}
.rhythm-meter-frame .rhythm-track{height:18px}
.comparison-segment-track{display:flex;gap:2px;height:12px;transform:skewX(-18deg)}
.comparison-segment{flex:1;min-width:0;border:1px solid color-mix(in srgb,var(--text-secondary) 28%,var(--surface));background:color-mix(in srgb,var(--sf-light) 9%,var(--surface))}
html[data-palette] .content .comparison-segment.on{background:linear-gradient(180deg,#F5F6F8,#A6ADB9);border-color:#D5D8DF;box-shadow:inset 0 1px 0 #FFFFFF70}
html[data-palette="creation"] .content .comparison-segment.on{background:linear-gradient(180deg,#637D97,#273D54);border-color:#3D5771}
.comparison-meter-frame.is-unrated .comparison-segment{opacity:.45}
.process-comparison-list{gap:14px}
.process-comparison-row{grid-template-columns:minmax(130px,1.2fr) minmax(80px,1fr) 46px}
@media(max-width:899px){.rhythm-meter-frame{grid-area:track}.rhythm-meter-frame .rhythm-track{height:19px}}
@media(max-width:420px){.process-comparison-row{grid-template-columns:minmax(100px,1.2fr) minmax(60px,1fr) 40px;gap:8px}.comparison-segment-track{gap:1px}}

/* Independent critical signal; preserves the approved dashboard instruments. */
.dashboard-assessment-context .assessment-critical { display:inline-flex;align-items:center;gap:6px;color:var(--danger, #ef5b67);font-weight:600;line-height:1.5; }
.dashboard-assessment-context .assessment-critical svg { flex-shrink:0; }

[data-gauge-detail]{cursor:pointer;}
[data-gauge-detail]:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px;}
.gauge-detail-item>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.gauge-detail-item .div-actions{justify-content:flex-start;flex-wrap:wrap;}
.gauge-detail-summary{color:var(--text-main);line-height:1.5;}

/* Full-width trend above a responsive grid of vertical metallic meters. */
.dashboard-grid>.chart-grid{grid-template-columns:minmax(0,1fr)!important;}
.evolution-wide .chart-svg-desktop{width:100%;height:auto!important;min-height:0;max-height:none;}
.comparison-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:22px 14px;list-style:none;margin:0;padding:4px 0;}
.comparison-column{min-width:0;display:grid;grid-template-rows:24px 125px auto;justify-items:center;gap:9px;text-align:center;}
.comparison-column-value{color:var(--text-main);font-size:16px;font-variant-numeric:tabular-nums;}
.comparison-column .comparison-meter-frame{width:34px;height:125px;box-sizing:border-box;}
.comparison-column .comparison-segment-track{display:flex;flex-direction:column-reverse;height:100%;gap:2px;transform:none;}
.comparison-column .comparison-segment{width:100%;min-height:0;box-sizing:border-box;}
.comparison-column-label{display:grid;gap:5px;line-height:1.4;overflow-wrap:anywhere;}
.comparison-column-label strong{color:var(--text-main);font-size:13px;}
.comparison-column-label span{color:var(--text-secondary);font-size:12px;}
@media(max-width:600px){.comparison-columns{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:20px 10px;}.comparison-column{grid-template-rows:24px 110px auto;}.comparison-column .comparison-meter-frame{height:110px;width:30px;}}

/* Uniform inset keeps conference tab selection centered in its frame. */
html[data-palette] .content .segmented.hub-tabs{
 align-items:center;padding:6px;gap:6px;box-sizing:border-box;
}
html[data-font] .content .segmented.hub-tabs>button{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;margin:0;padding:10px 14px;line-height:1.4;
}
/* Preserve the WhatsApp symbol's square proportions and breathing room. */
.btn[data-wa]{gap:9px;white-space:nowrap;flex-shrink:0;}
.btn[data-wa]>svg.icon{
 width:22px;height:22px;min-width:22px;flex:0 0 22px;
 aspect-ratio:1;stroke-width:1.6;
}

/* Quick occurrence registration: context first, investigation later. */
.quick-div-context{grid-column:1/-1;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--text-main);font-size:var(--ui-label);font-weight:600;line-height:1.4}
.quick-div-context span{color:var(--text-secondary);padding-inline:5px}
.quick-div-modal .dynamic-fields{padding:0;border:0;background:transparent;animation:none}
.quick-div-modal .evidence-input{padding:12px}
.quick-div-modal .evidence-content>div>span{display:none}
.quick-div-modal .evidence-actions{margin-top:8px}
.quick-div-modal .evidence-icon{width:32px;height:32px}
.quick-div-modal .severity-segments{grid-template-columns:repeat(3,minmax(0,1fr))}
.quick-div-modal .textarea#fDescription{min-height:72px;resize:vertical}
.quick-div-more{grid-column:1/-1;border-top:1px solid var(--border);padding-top:8px}
.quick-div-more>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:10px;cursor:pointer;color:var(--text-main);font-size:var(--ui-label);font-weight:600}
.quick-div-more>summary::before{content:'+';font-size:20px;font-weight:400}
.quick-div-more[open]>summary::before{content:'−'}
.quick-div-more>summary>span{margin-left:auto;color:var(--text-secondary);font-size:var(--ui-meta);font-weight:400}
.quick-div-more>.form-grid{margin-top:10px}
.quick-div-warning{border:1px solid var(--status-amber-text);border-radius:9px;padding:9px 12px;color:var(--text-main);background:var(--surface-soft);font-size:var(--ui-meta)}
.quick-div-warning>summary{cursor:pointer;color:var(--status-amber-text);min-height:32px;line-height:1.4}
.quick-div-warning .icon{vertical-align:middle;margin-right:4px}
.quick-div-warning p{margin:8px 0;line-height:1.4}
.quick-div-warning ul{margin:0;padding-left:18px;display:grid;gap:6px;line-height:1.4}
@media(max-width:760px){.quick-div-modal .form-grid{gap:10px}.quick-div-modal .evidence-content strong{font-size:13px}.quick-div-modal .evidence-actions .btn{font-size:12px}.quick-div-context{padding:9px 10px}}