/* 20.55.52: palette-driven visual components, no fixed light typography on light surfaces */
.mp52-hero{position:relative;overflow:hidden;border-radius:18px;padding:36px 38px;margin:0 0 25px;background:linear-gradient(115deg,var(--t-surface),var(--t-surface2));border:1px solid var(--t-line);color:var(--t-text)}
.mp52-hero:after{content:"";position:absolute;right:-5%;top:-85%;width:42%;aspect-ratio:1;border:1px solid var(--t-accent);border-radius:50%;box-shadow:0 0 0 44px color-mix(in srgb,var(--t-accent) 9%,transparent),0 0 0 90px color-mix(in srgb,var(--t-accent) 5%,transparent);opacity:.65;pointer-events:none}
.mp52-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--t-accent);position:relative;z-index:1}
.mp52-hero h2{font-size:clamp(27px,3vw,42px);margin:11px 0 7px;letter-spacing:-.035em;position:relative;z-index:1;color:var(--t-text)}
.mp52-hero p{color:var(--t-muted);margin:0;font-size:15px;position:relative;z-index:1}
#content .dashboard .modules .tile{min-height:168px;position:relative;text-align:left;display:grid;grid-template-columns:58px 1fr 25px;align-items:start;gap:13px;padding:21px;background:var(--t-surface);color:var(--t-text);border:1px solid var(--t-line);border-radius:15px;box-shadow:0 8px 20px #00000009;transition:transform .15s,border-color .15s,box-shadow .15s}
#content .dashboard .modules .tile:hover{transform:translateY(-3px);border-color:var(--t-accent);box-shadow:0 8px 22px #0000001a}
#content .dashboard .modules .tile .symbol{margin:0;background:var(--t-soft);color:var(--t-soft-text);border:1px solid var(--t-line);width:51px;height:51px;border-radius:12px}
#content .dashboard .modules .tile strong{display:block;margin:0 0 13px;font-size:14px;color:var(--t-text)}
#content .dashboard .modules .tile p{color:var(--t-muted);line-height:1.55;margin:0;font-size:12px}
.mp52-arrow{border:1px solid var(--t-line);border-radius:50%;display:grid;place-items:center;width:25px;height:25px;color:var(--t-accent);margin-top:12px}
.mp52-settings-hero{position:relative;overflow:hidden;border:1px solid var(--t-line);border-radius:16px;background:linear-gradient(110deg,var(--t-surface),var(--t-surface2));padding:32px 35px;color:var(--t-text)}
.mp52-settings-hero h2{margin:9px 0;font-size:clamp(24px,2.7vw,35px);color:var(--t-text)}
.mp52-settings-hero p{color:var(--t-muted);margin:0;font-size:13px;position:relative;z-index:1}
.mp52-gear{position:absolute;right:7%;top:-55px;font-size:210px;line-height:1;opacity:.12;color:var(--t-accent);pointer-events:none}
#content .settings-grid{gap:18px}
#content .settings-tile{min-height:280px;background:linear-gradient(145deg,var(--t-surface),var(--t-surface2));color:var(--t-text);border:1px solid var(--t-line);border-radius:16px;padding:23px}
#content .settings-tile:hover{border-color:var(--t-accent);box-shadow:0 6px 24px #00000020}
#content .settings-tile h3{color:var(--t-text);font-size:18px;font-weight:750}
#content .settings-tile p{color:var(--t-muted)!important;font-size:13px}
#content .settings-tile .settings-icon{background:var(--t-soft);color:var(--t-soft-text);border:1px solid var(--t-line)}
.mp52-setting-meta{font-size:11px;color:var(--t-muted);padding:10px 0;margin-top:auto}
.mp52-setting-meta span{background:var(--t-soft);border-radius:8px;padding:8px;display:inline-block;color:var(--t-soft-text)}
.mp52-setting-footer{border-top:1px solid var(--t-line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.mp52-setting-open{background:var(--t-accent);color:var(--t-accent-text);padding:9px 16px;border-radius:8px;font-size:13px;font-weight:750}
.mp52-setting-open b{margin-left:18px}.mp52-setting-footer small{color:var(--t-muted);font-size:10px;max-width:110px}
/* The organogram is never forced to the navy palette. All its surfaces inherit the selected theme. */
html .org26 .org26-top{background:linear-gradient(115deg,var(--t-surface),var(--t-surface2))!important;border-color:var(--t-line)!important}
html .org26 .org26-top h2,html .org26 .org26-top p{color:var(--t-text)!important}
html .org26 .org26-top p{color:var(--t-muted)!important}
html .org26 .org26-frame{background:var(--t-bg)!important;border-color:var(--t-line)!important}
html .org26 .org26-select{background:var(--t-input)!important;color:var(--t-text)!important;border-color:var(--t-line)!important}
html .org26 .org26-actions button{background:var(--t-surface2)!important;color:var(--t-text)!important;border-color:var(--t-line)!important}
html .org26 .org26-name,html .org26 .org26-job{color:var(--t-text)!important;text-shadow:none!important}
html .org26 .org26-mark,html .org26 .org26-legend{color:var(--t-muted)!important}
html .org26 .org26-message,html .org26 .org26-detail{background:var(--t-surface)!important;color:var(--t-text)!important;border-color:var(--t-line)!important}
html .org26 .org26-person:hover{outline-color:var(--t-accent)!important}
@media(max-width:800px){#content .dashboard .modules .tile{grid-template-columns:50px 1fr 25px}.mp52-hero{padding:25px}}