/* WONDORA palette from the existing WordPress theme and original tool marks.
   Petrol #103f49 · Teal #1d6d78 · Aqua #75a8a9 · Gold #d9ae51.
   Aqua/gold are accents; text uses darker companions on light backgrounds. */
:root{--brand-petrol:#103f49;--brand-teal:#1d6d78;--brand-aqua:#75a8a9;--brand-gold:#d9ae51}
@media screen{
html:not([data-theme=dark]){--canvas:#edf3f2;--ink:#173a40;--muted:#49666b;--line:#ceddda;--green:#1d6d78;--surface:#fff;--surface-soft:#e7f0ee;--teal:#1d6d78;--wph-muted:#49666b;--wph-text:#173a40;--wph-bg:#edf3f2;--wph-gold:#d9ae51}
html[data-theme=dark]{--canvas:#0e2429;--bg:#0e2429;--ink:#e6f1ef;--muted:#b0c8c8;--line:#39565c;--surface:#17343b;--surface-soft:#214149;--wph-bg:#0e2429;--wph-card:#17343b;--wph-text:#e6f1ef;--wph-muted:#b0c8c8;--wph-line:#39565c;--tool-accent:#9bc7c6;--tool-tint:#25494e;--tool-line:#47666b}
.hub-monogram{background:var(--brand-petrol)}.dashboard-hero{background:var(--brand-petrol);box-shadow:0 12px 35px #103f4912}.dashboard-hero .eyebrow{color:#b5d3d1}.dashboard-hero h1 em{color:#e4c583}.dashboard-hero p:not(.eyebrow){color:#d7e8e5}.hero-button{background:var(--brand-gold);color:var(--brand-petrol)}.hero-button:hover{background:#e6c57e;color:var(--brand-petrol)}.hero-overview{background:transparent;border-color:#75a8a955}.hero-overview a{background:#ffffff08}.hero-overview span{color:#e0ece9}
html[data-theme=dark] .dashboard-hero{background:var(--brand-petrol);border-color:#42646a}html[data-theme=dark] .dashboard-hero h1 em{color:#e4c583}
.tool-teal{--card-accent:#103f49;--card-tint:#dcefed}.tool-blue{--card-accent:#1d6d78;--card-tint:#e5f1ef}.tool-purple{--card-accent:#d9ae51;--card-tint:#fff2d8}.tool-orange{--card-accent:#75a8a9;--card-tint:#edf3f2}.tool-card-arrow{color:var(--brand-teal)}html[data-theme=dark] .tool-card-arrow{color:#c4dedd}html[data-theme=dark] .tool-teal{--card-accent:#75a8a9}
.dashboard-tools .tool-card{background:linear-gradient(160deg,var(--card-tint),#fff 68%)}html[data-theme=dark] .dashboard-tools .tool-card{background:linear-gradient(155deg,color-mix(in srgb,var(--card-accent) 12%,#17343b),#17343b 75%)}
html body[data-tool=pricescape],html .projecthub-page{--tool-accent:#1d6d78;--tool-tint:#e5f1ef;--tool-line:#c5dad6}
html body[data-tool=roi-calculator]{--tool-accent:#76551e;--tool-tint:#fff2d8;--tool-line:#dfceaa;background:var(--canvas)!important}
html body[data-tool=flow-planner]{--tool-accent:#245e64;--tool-tint:#e5efee;--tool-line:#c5d9d7;background:var(--canvas)!important}
html[data-theme=dark] body[data-tool=pricescape],html[data-theme=dark] .projecthub-page{--tool-accent:#9bc7c6;--tool-tint:#25494e;--tool-line:#47666b}
html[data-theme=dark] body[data-tool=roi-calculator]{--tool-accent:#e4c583;--tool-tint:#443e2c;--tool-line:#746445}
html[data-theme=dark] body[data-tool=flow-planner]{--tool-accent:#b0cecb;--tool-tint:#29474a;--tool-line:#4a696b}
.projecthub-page #wondora-projecthub{background:var(--canvas)}.projecthub-page .wph-panel>header{background:linear-gradient(110deg,#edf5f3,#fff 85%)}html[data-theme=dark] .projecthub-page .wph-panel>header{background:var(--surface)}
/* Readable hierarchy: primary content 14–16px, supporting text at least 12px. */
.page-heading p:not(.eyebrow),.section-heading p,.tool-card>p:not(.tool-tag){font-size:14px;line-height:1.65}.eyebrow,.tool-tag,.launcher-label,.quiet-label{font-size:11px;line-height:1.5;letter-spacing:1px}.dashboard-tools .tool-tag{font-size:11px}.tool-open,.text-link,.context-popover small,.launcher-tools small,.save-indicator,.row-date{font-size:12px}.context-popover a,.context-menu summary,.button,.global-links>a,.project-row strong,.task-preview strong{font-size:14px}.project-row small,.task-preview small,.hero-overview span{font-size:13px;line-height:1.55}.approval-preview>div>small:first-child{font-size:11px;color:#72531c;letter-spacing:.6px}.attention-badge{font-size:12px}.hero-link{font-size:14px}.tool-card h3{font-size:20px}.page-footer{font-size:12px;color:var(--muted)}
:where(input,textarea)::placeholder{color:var(--muted);opacity:1}.context-popover small,.project-context-title,.launcher-label,.launcher-tools small,.launcher-account small,.launcher-admin small,.page-heading p,.section-heading p,.global-links>a{color:var(--muted)}
.tool-sidebar .nav-step-label,.tool-sidebar .stage-name{font-size:14px!important;line-height:1.45}.tool-sidebar .flow-mode-hint{font-size:13px!important;color:var(--muted)!important}.tool-sidebar .phase-number{color:var(--muted);font-size:12px}.tool-sidebar .tool-sidebar-body [data-phase]{font-size:13px!important}.tool-sidebar .ph-sections b{font-size:12px}.sidebar-tooltip{font-size:13px}.tool-sidebar .price-sections button{height:auto!important;min-height:42px!important}.tool-sidebar .flow-settings-toggle{font-size:13px!important}
.wph-panel p,.wph-panel-body,.wph-modal p{font-size:14px;line-height:1.6}.wph-panel :is(th,td),.wph-work-table :is(th,td){font-size:13px;line-height:1.5}.wph-panel th{letter-spacing:.5px}.wph-table small,.wph-contact-card small,.wph-work-activity small,.wph-work-setting-list small,.wph-work-kpis span,.wph-gantt-title small{font-size:12px;line-height:1.5}.wph-field>span,.wph-field small,.wph-check,.wph-toolbar label,.wph-parent-period-note span{font-size:13px;line-height:1.5}.wph-status,.wph-work-status,.wph-work-tag,.wph-work-person,.wph-project-feature,.wph-project-notice,.wph-change-badges span{font-size:12px;line-height:1.4}.wph-btn,.wph-work-settings-tabs button,.wph-inline-anchor-active{font-size:14px}.wph-gantt-date-label,.wph-gantt-zoom-controls b{font-size:12px}.wph-work-kpis b{font-size:26px}.wph-contact-card p,.wph-contact-card a{overflow-wrap:anywhere}.wph-entry-expired,.wph-entry-superseded,.wph-status.superseded{color:var(--muted)}
body[data-tool] :is(label,.formHint,.hint,.subtle,.methodNote,.dataCheckHint){font-size:13px;line-height:1.5;color:var(--muted)}body[data-tool] :is(input,select,textarea){font-size:14px;min-height:40px}body[data-tool] input[type=checkbox],body[data-tool] input[type=radio]{min-height:0}
body[data-tool] :is(.panel p,.roiLine,.flowMetrics span,.roiOverview span,.qualitySummary span,.qualitySummary small,.toolDataCheck small,.flowClock span,.flowClock small,.qualityCategory li,.qualityCategory header small,.qualityInterpretation>p:not(.eyebrow),.scenarioResilience,.diagnosisIssues p,.priceRow,.roomLabels,.financeRow,.yearRow,.benchmarkEntry,.benchmarkRatingGrid label>small,.qualityQuick span,.ticketMixOutcome span,.toolDisclaimer){font-size:12px;line-height:1.55}
body[data-tool] :is(.toolActions button,.toolContent>footer button){font-size:13px!important;min-height:42px!important}body[data-tool] :is(.qualityMethod p,.qualityCategory li span,.demandSourceGrid span,.traceGrid span){font-size:12px}
body[data-tool] :is(.labels,.priceLabels,.roomLabels,.financeLabels,.yearLabels){font-size:12px;letter-spacing:.4px}body[data-tool] .roiLine span{font-size:13px}body[data-tool] .scenarioResilience{font-weight:500}
/* Feedback remains distinguishable by words and symbols as well as colour. */
html:not([data-theme=dark]) :is(.wph-status.approved,.wph-status.published,.wph-action-icon.approve,.roomRow .ok){color:#245b43;background:#e3f0e7}html:not([data-theme=dark]) .wph-action-icon.reject{color:#8c352c;background:#fce6e1}
:focus-visible{outline:3px solid #1d6d78!important;outline-offset:3px!important}html[data-theme=dark] :focus-visible{outline-color:#e4c583!important}
@media(max-width:700px){.global-links>a{font-size:13px}.global-links{gap:12px}.context-menu summary{font-size:13px}.project-context-title{font-size:12px}.dashboard-hero p:not(.eyebrow){font-size:14px}.hero-overview span{font-size:12px}.hero-overview a{padding:14px 9px}.project-row small,.task-preview small{font-size:13px}.tool-card h3{font-size:19px}.tool-card>p:not(.tool-tag){font-size:14px}.wph-toolbar input,.wph-toolbar select,.wph-field input,.wph-field select,.wph-field textarea,body[data-tool] :is(input,select,textarea){font-size:16px!important}.wph-gantt-title b{font-size:13px}.tool-sidebar.is-expanded .nav-step-label{font-size:14px!important}}
@media(max-width:420px){.dashboard-tools .tool-grid{grid-template-columns:1fr;gap:12px}.dashboard-tools .tool-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:5px 14px;padding:18px;min-height:0}.dashboard-tools .tool-card-top{grid-column:1;grid-row:1 / span 3;margin:0}.dashboard-tools .tool-card-arrow{display:none}.dashboard-tools .tool-card :is(.tool-tag,h3,p:not(.tool-tag)){grid-column:2}.dashboard-tools .tool-tag{font-size:11px;letter-spacing:.6px}.dashboard-tools .tool-card h3{font-size:19px;margin:0}.dashboard-tools .tool-card>p:not(.tool-tag){font-size:14px;margin:0}.dashboard-tools .tool-open{display:none}.hero-overview{grid-template-columns:1fr}.hero-overview a{flex-direction:row;align-items:center;gap:16px;padding:12px 16px}.hero-overview strong{min-width:38px}.hero-overview span{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
}
@media screen{
.project-row small,.task-preview small,.row-date,.row-arrow,.project-card .tool-tag,.project-card-footer,.project-card-footer span,.filters label>span,.filter-search>span,.tabs a,.task-row a,.due-date,.helptext,.chevron,.panel>.eyebrow{color:var(--muted)}.tabs a[aria-current]{color:var(--ink);border-color:var(--brand-teal)}
.badge{color:#245b43;background:#e3f0e7;font-size:12px}.project-card p,.project-card-footer,.filters label>span,.task-row a,.due-date,.helptext{font-size:13px;line-height:1.5}.wph-task-quick-create label>span,.wph-automation-status.off{color:var(--muted);font-size:12px}
html:not([data-theme=dark]){--good:#245b43}html:not([data-theme=dark]) :is(.wph-status.draft,.wph-table-sort i){color:#3d5960}.attrIcon{color:#76551e}
.wph-role{background:color-mix(in srgb,var(--role-color,#75a8a9) 18%,var(--surface));color:var(--ink)}.wph-tag{background:color-mix(in srgb,var(--tag-color,#d9ae51) 18%,var(--surface));color:var(--ink)}.wph-editable-chip{background:color-mix(in srgb,var(--chip-color,#75a8a9) 18%,var(--surface));color:var(--ink)}
html[data-theme=dark] :is(.wph-role,.wph-tag,.wph-editable-chip){color:var(--ink)}html[data-theme=dark] .wph-outbox-summary span{color:#f0d399}html[data-theme=dark] .wph-gantt-new-root-label i{background:#1d6d78;color:white}
body[data-tool] .demandCalculation{background:#103f49;color:#fff}body[data-tool] .demandCalculation small{color:#c4dedc}body[data-tool] .demandCalculation>i{color:#e4c583}body[data-tool] .demandResult b{color:#e4c583}
html[data-theme=dark] .sensitivityOutcome span{background:var(--surface-soft)}html[data-theme=dark] :is(.deleteBenchmark,.sensitivityOutcome.loss>strong,.yearRow.negativeYear strong,.qualityCategory .textButton,.diagnosis-kritisch b,.roomRow>button){color:#ffb6a5}html[data-theme=dark] :is(.diagnosis-warnung,.diagnosis-hinweis) b{color:#edcf8a}html[data-theme=dark] .addAttractionInline{background:#1d6d78;color:#fff}
}
@media screen{
.helptext{color:var(--muted)!important}.wph-table-sort.active i{background:var(--brand-teal)!important;color:#fff!important}
html :is(.button.primary,.wph-btn.primary,.wph-btn.active),html body[data-tool] :is(button.primary,.addAttractionInline){background:var(--brand-teal)!important;color:#fff!important;border-color:var(--brand-teal)!important}
}
@media screen{body[data-tool] small,body[data-tool] footer span,body[data-tool] footer span b{font-size:12px!important}}
@media screen{
.dashboard-tools .tool-card>p:not(.tool-tag){font-size:14px!important;color:var(--muted)!important}
body[data-tool] .qualityDial>div{display:flex;flex-direction:column;justify-content:center;width:148px;height:148px;border-radius:50%;background:var(--surface)}
body[data-tool] .flowGroupToken{background:var(--brand-teal)!important}body[data-tool] .flowGroupToken>small{color:#fff!important}
body[data-tool] .flowGroupToken.inTransit{background:var(--brand-gold)!important}body[data-tool] .flowGroupToken.inTransit :is(b,small){color:var(--brand-petrol)!important}
}
@media screen{
html :is(input,textarea)::placeholder{color:var(--muted)!important;opacity:1!important}
html[data-theme=dark] .wph-role-selection{background:var(--surface-soft);border-color:var(--line)}
}
@media screen{
html:not([data-theme=dark]) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){border-color:#718b8c!important}
html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){border-color:#6f9496!important}
}
@media screen{
html:not([data-theme=dark]) .qualityCategory li span{color:#76551e}
html[data-theme=dark] .qualityCategory li span{color:#e4c583}
html[data-theme=dark] .automaticVisitorValue{background:var(--surface-soft);border-color:var(--line)}
}
@media screen{html[data-theme=dark] .automaticVisitorValue :is(span,small){color:var(--muted)}}

.badge.mail-status-failed{color:#933e2f;background:#fff0eb}.badge.mail-status-cancelled{color:var(--muted);background:var(--surface-soft)}

/* Keep the project/tool separator readable in both themes. */
.context-divider{color:var(--muted)}
html[data-theme=dark] body[data-tool] p.ok[role=status]{background:#254337;color:#b2ebc7;border-color:#466b52}