
/* v20.55.55: one palette owns backgrounds AND typography across every module. */
html{--mp-safe-text:var(--t-text);--mp-safe-muted:var(--t-muted);--mp-safe-card:var(--t-surface);--mp-safe-subtle:var(--t-surface2)}
html .mp5517-dashboard{background:var(--t-bg)!important;color:var(--t-text)!important;border:1px solid var(--t-line)!important}
html .mp5517-dashboard .mp5517-toolbar h2,html .mp5517-dashboard h2,
html .mp5517-dashboard .mp50-panel h3,html .mp5517-dashboard .mp50-kpi-copy strong,
html .mp5517-dashboard .mp50-priority strong{color:var(--t-text)!important}
html .mp5517-dashboard .mp5517-toolbar p,html .mp5517-dashboard .mp5517-toolbar label,
html .mp5517-dashboard .mp50-panel p,html .mp5517-dashboard .mp50-panel small,
html .mp5517-dashboard .mp50-kpi-copy small{color:var(--t-muted)!important}
html .mp5517-dashboard :is(.mp50-kpi,.mp50-panel,.mp47-card,.mp47-metric,.mp5517-card){background:var(--t-surface)!important;color:var(--t-text)!important;border-color:var(--t-line)!important}
html .mp5517-dashboard :is(input,select,textarea){background:var(--t-input)!important;color:var(--t-text)!important;border:1px solid var(--t-line)!important}
html .mp5517-dashboard :is(.mp50-table th,.mp50-rank-head){background:var(--t-head)!important;color:var(--t-text)!important}
html .mp5517-dashboard .mp50-priority{background:var(--t-surface2)!important;color:var(--t-text)!important;border-color:var(--t-line)!important}
/* Settings landing and all internal tabs: eliminate fixed white cards and ghost-white labels. */
html #content .settings-grid .settings-tile,
html #content .admin-card,html #content .admin-panel,html #content .perm-card,
html #content .admin-table-wrap,html #content .stat,
html #content .lic-stat,html #content .lic-monitor-card,
html #content .org-form,html #content .panel,
html #content .mp-kpi,html #content .mp-report{
background:var(--t-surface)!important;color:var(--t-text)!important;border-color:var(--t-line)!important;color-scheme:inherit!important}
html #content :is(.settings-tile,.admin-card,.admin-panel,.perm-card,.admin-table-wrap,.stat,.lic-stat,.lic-monitor-card,.org-form,.panel,.mp-kpi,.mp-report) :is(h1,h2,h3,h4,h5,h6,strong,b,label,td,th){color:var(--t-text)!important}
html #content :is(.settings-tile,.admin-card,.admin-panel,.perm-card,.admin-table-wrap,.stat,.lic-stat,.lic-monitor-card,.org-form,.panel,.mp-kpi,.mp-report) :is(p,small,.admin-note,.mp-muted){color:var(--t-muted)!important}
html #content :is(.admin-card,.admin-panel,.perm-card,.admin-table-wrap,.org-form) :is(input:not([type="checkbox"]),select,textarea){color:var(--t-text)!important;background:var(--t-input)!important;border-color:var(--t-line)!important}
html #content :is(.admin-card,.admin-panel,.perm-card,.admin-table-wrap,.org-form) :is(button:not(.primary),.back){color:var(--t-text)!important;background:var(--t-surface2)!important;border-color:var(--t-line)!important}
html #content :is(.admin-card,.admin-panel,.perm-card,.admin-table-wrap,.org-form) :is(thead th,.org-table th){background:var(--t-head)!important;color:var(--t-text)!important}
html #content .mp52-setting-meta span{background:var(--t-soft)!important;color:var(--t-soft-text)!important}
html #content .settings-grid .settings-tile{background:linear-gradient(145deg,var(--t-surface),var(--t-surface2))!important}
/* Organic organizational chart: legible, spatially distinct people, visual hierarchy. */
html .org26 .org26-top{background:var(--t-surface)!important;color:var(--t-text)!important;border-color:var(--t-line)!important}
html .org26 .org26-frame{background:var(--t-bg)!important;border:1px solid var(--t-line)!important}
html .org26 .org26-person{width:194px!important;min-height:88px!important;padding:12px!important;border:1px solid var(--t-line)!important;border-radius:16px!important;background:var(--t-surface)!important;color:var(--t-text)!important;box-shadow:0 8px 22px #00000016!important;justify-content:flex-start!important;text-align:left!important;gap:9px!important;transition:box-shadow .15s,border-color .15s,transform .15s}
html .org26 .org26-person:hover{border-color:var(--t-accent)!important;box-shadow:0 9px 24px #00000027!important}
html .org26 .org26-person .org26-name{color:var(--t-text)!important;text-shadow:none!important;font-weight:800!important;font-size:12px!important}
html .org26 .org26-person .org26-job{color:var(--t-muted)!important;text-shadow:none!important;font-size:11px!important;line-height:1.35!important}
html .org26 .org26-avatar{border-color:var(--t-accent)!important}
html .org26 .org26-lines path{stroke:var(--t-muted)!important;opacity:.8}
html .org26 .org26-legend,html .org26 .org26-mark{color:var(--t-muted)!important}
/* In light palettes never let a fixed white title disappear into a pale surface. */
html:not([data-mp-theme="dark"]):not([data-mp-theme="graphite"]) #content .mp5517-dashboard :is(h2,h3,h4,label),
html:not([data-mp-theme="dark"]):not([data-mp-theme="graphite"]) #content .mp52-settings-hero :is(h2,p),
html:not([data-mp-theme="dark"]):not([data-mp-theme="graphite"]) #content .settings-tile :is(h3,p){color:var(--t-text)!important}
@media(max-width:850px){html .org26 .org26-person{padding:7px!important}}
