/* All values follow app theme tokens. No hardcoded navy panel in light/green/graphite screens. */
html{--mp56-bg:var(--t-bg);--mp56-panel:var(--t-surface);--mp56-panel2:var(--t-surface2);--mp56-fg:var(--t-text);--mp56-sub:var(--t-muted);--mp56-border:var(--t-line);--mp56-highlight:var(--t-accent);--mp56-highlight-ink:var(--t-accent-text)}
html #content :is(.admin-tabs,.admin-toolbar,.admin-actions,.org26,.org26-top,.org26-frame,.settings-grid,.settings-tile,.mp52-settings-hero){color:var(--mp56-fg)}
/* These global styles override legacy white buttons with white labels. */
html #content .admin-tabs button,html #content .mp2030-tabs button,html #content .org20-tabs button,html #content .org-tab,html #content .admin-toolbar button.secondary,
html #content .admin-actions button.secondary{background:var(--mp56-panel2)!important;color:var(--mp56-fg)!important;border:1px solid var(--mp56-border)!important}
html #content .admin-tabs button.selected,html #content .admin-tabs button.active,html #content [aria-selected="true"]{background:var(--mp56-highlight)!important;color:var(--mp56-highlight-ink)!important;border-color:var(--mp56-highlight)!important}
html #content :is(.admin-note,.admin-help,.admin-hint,.org-note,.org-help,.mp-info,.notice,.warning,.alert,.alert-info,.msg,.info-box){color:var(--mp56-fg)!important}
html #content :is(.admin-note,.admin-help,.admin-hint,.org-note,.org-help,.mp-info,.notice,.warning,.alert,.alert-info,.msg,.info-box):not(.mp52-settings-hero){border-color:var(--mp56-border)!important}
html #content :is(.admin-tabs,.admin-toolbar,.admin-panel,.perm-card,.admin-card,.org-form,.org26) :is(button,input,select,textarea){font:inherit}
html #content :is(.admin-tabs,.admin-toolbar,.admin-panel,.perm-card,.admin-card,.org-form,.org26) :is(input:not([type="checkbox"]),select,textarea){color:var(--mp56-fg)!important;background:var(--t-input)!important;border:1px solid var(--mp56-border)!important}
html #content :is(.admin-tabs,.admin-toolbar,.admin-panel,.perm-card,.admin-card,.org-form,.org26) :is(button,select){min-height:34px}
html #content .admin-tabs button:not(.selected){color:var(--mp56-fg)!important}
html #content .admin-toolbar .admin-note,html #content .admin-note{color:var(--mp56-sub)!important}
html #content .admin-tabs button:focus-visible,html #content button:focus-visible{outline:2px solid var(--mp56-highlight)!important;outline-offset:2px}
html #content .admin-tabs button{white-space:nowrap!important}
/* fix plaintext on pale notice panels, even when nested in dark theme */
html #content [style*="background: #fff"], html #content [style*="background:#fff"], html #content [style*="background: rgb(255"]{color:#182638!important}
html #content .admin-card [style*="background"],html #content .perm-card [style*="background"]{text-shadow:none}
html #content .mp52-settings-hero{background:linear-gradient(111deg,var(--mp56-panel),color-mix(in srgb,var(--mp56-panel2) 89%,var(--mp56-highlight)))!important;min-height:124px;padding:33px 37px!important}
html #content .mp52-settings-hero:before{content:"";position:absolute;inset:0 0 0 55%;pointer-events:none;opacity:.37;background:repeating-linear-gradient(105deg,transparent 0 21px,color-mix(in srgb,var(--mp56-highlight) 25%,transparent) 22px 23px,transparent 24px 48px);mask-image:linear-gradient(to right,transparent,#000)}
html #content .mp52-gear{opacity:.22;font-size:210px;right:7%;top:-42px;filter:drop-shadow(0 8px 13px color-mix(in srgb,var(--mp56-highlight) 24%,transparent))}
html #content .settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
html #content .settings-grid .settings-tile{position:relative;isolation:isolate;min-height:328px;padding:28px!important;background:linear-gradient(155deg,var(--mp56-panel),color-mix(in srgb,var(--mp56-panel2) 88%,var(--mp56-highlight)))!important;border:1px solid var(--mp56-border)!important;box-shadow:0 12px 28px #00000018!important;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:0}
html #content .settings-grid .settings-tile:before{content:"";position:absolute;z-index:-1;right:-14px;top:19px;width:140px;height:140px;opacity:.22;background:radial-gradient(circle at 40% 40%,var(--mp56-highlight),transparent 67%);pointer-events:none}
html #content .settings-grid .settings-tile:after{position:absolute;right:24px;top:48px;font-size:78px;font-weight:200;opacity:.15;color:var(--mp56-highlight);pointer-events:none;z-index:0}
html #content .settings-grid .settings-tile:nth-child(1):after{content:"♙"}
html #content .settings-grid .settings-tile:nth-child(4):after{content:"♧"}
html #content .settings-grid .settings-tile:nth-child(5):after{content:"♢"}
html #content .settings-grid .settings-tile h3{font-size:21px!important;margin:20px 0 10px!important;position:relative;z-index:1;color:var(--mp56-fg)!important}
html #content .settings-grid .settings-tile p{font-size:14px!important;line-height:1.55!important;color:var(--mp56-sub)!important;min-height:63px!important;margin:0!important;position:relative;z-index:1}
html #content .settings-grid .settings-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--mp56-highlight)!important;background:color-mix(in srgb,var(--mp56-highlight) 12%,var(--mp56-panel))!important;color:var(--mp56-highlight)!important;border-radius:13px;box-shadow:0 0 24px color-mix(in srgb,var(--mp56-highlight) 10%,transparent)}
html #content .mp52-setting-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto!important;padding:18px 0!important}
html #content .mp52-setting-meta span{padding:7px 10px!important;font-size:11px!important;background:var(--mp56-panel2)!important;color:var(--mp56-fg)!important;border:1px solid var(--mp56-border)!important;border-radius:20px!important}
html #content .mp52-setting-footer{width:100%;border-top:1px solid var(--mp56-border)!important;margin-top:0;min-height:50px}
html #content .mp52-setting-open{background:color-mix(in srgb,var(--mp56-highlight) 17%,var(--mp56-panel))!important;color:var(--mp56-fg)!important;border:1px solid var(--mp56-highlight)!important;border-radius:10px!important;padding:11px 20px!important;min-width:110px;display:flex;justify-content:space-between;gap:18px;box-shadow:inset 0 0 20px color-mix(in srgb,var(--mp56-highlight) 8%,transparent)}
html #content .mp52-setting-footer small{color:var(--mp56-sub)!important}
/* Organizational layout: clean sharp orthogonal lines and only the highest tiers boxed. */
html #content .org26-top{background:var(--mp56-panel)!important;border:1px solid var(--mp56-border)!important;color:var(--mp56-fg)!important}
html #content .org26-top h2{color:var(--mp56-fg)!important}
html #content .org26-top p{color:var(--mp56-sub)!important}
html #content .org26-frame{background:radial-gradient(ellipse at 50% 12%,color-mix(in srgb,var(--mp56-panel2) 75%,var(--mp56-bg)),var(--mp56-bg) 78%)!important;border:1px solid var(--mp56-border)!important;min-height:565px}
html #content .org26-person{background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;min-height:76px!important;padding:10px 7px!important;border-radius:11px!important;align-items:center!important;justify-content:flex-start!important}
html #content .org26-person:hover{background:var(--mp56-panel2)!important;border-color:var(--mp56-border)!important;box-shadow:none!important}
html #content .org26-person .org26-name{color:var(--mp56-fg)!important;font-size:13px!important;line-height:1.4!important}
html #content .org26-person .org26-job{color:var(--mp56-sub)!important;font-size:11px!important}
html #content .org26-avatar{min-width:44px;height:44px!important;border:2px solid var(--mp56-highlight)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mp56-highlight) 7%,transparent)}
html #content .org26-lines path{stroke:var(--mp56-sub)!important;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
html #content .org26-message,html #content .org26-detail{background:var(--mp56-panel)!important;border-color:var(--mp56-border)!important;color:var(--mp56-fg)!important}
html #content .org26-legend{color:var(--mp56-sub)!important}
/* Input and button native contrast; avoid unreadable empty white boxes. */
html #content :is(.admin-panel,.admin-card,.perm-card,.org-form,.org26,.mp5517-dashboard,.panel) :is(button:not(.primary):not(.selected),input,select,textarea){color:var(--mp56-fg)!important;background-color:var(--t-input)!important;border-color:var(--mp56-border)!important}
html #content :is(.admin-panel,.admin-card,.perm-card,.org-form,.org26,.panel) :is(button.primary,.selected){background:var(--mp56-highlight)!important;color:var(--mp56-highlight-ink)!important}
html #content .org26-person{background:transparent!important;border-color:transparent!important}
@media(max-width:1100px){html #content .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){html #content .settings-grid{grid-template-columns:1fr}}