/* Planner UI v2: exact header status and aligned controls */
#syncStatus.syncOk3400::before,#syncStatus::before{content:none!important;display:none!important}
#brandBtn .brandPersonalSign,#brandBtn .brandMark::after{display:none!important}
.topbar .brandText small#syncStatus{font:500 11px/1.3 "Segoe UI",system-ui,sans-serif!important;letter-spacing:0!important}
@media(min-width:951px){
 html body .topbar .topActions .workspacePicker,html body .topbar .topActions .desktopViewControl{height:38px!important;min-height:38px!important}
 html body .topbar .topActions .workspacePicker select,html body .topbar .topActions #viewLayoutBtn{
 box-sizing:border-box!important;height:38px!important;min-height:38px!important;
 border:1px solid #d4dfd6!important;border-left:1px solid #d4dfd6!important;
 border-radius:11px!important;background:var(--paper-control,#fff)!important;
 box-shadow:0 1px 2px rgba(24,40,30,.05)!important;color:#27372c!important;
 font-size:13px!important;font-weight:650!important;line-height:1!important;
 }
 html body .topbar .topActions .workspacePicker select{padding:0 33px 0 12px!important;width:145px!important;max-width:145px!important}
 html body .topbar .topActions #viewLayoutBtn{padding:0 12px!important;min-width:92px!important;justify-content:center!important}
 html body .topbar .topActions .workspacePicker select:hover,html body .topbar .topActions #viewLayoutBtn:hover{background:#fff!important;border-color:#b2c8b6!important}
}
/* Settings v2 hierarchy: native form remains intact, one visual list */
#modalBody.uiSettingsRootV3{display:flex!important;flex-direction:column!important;gap:8px!important}
#modalBody.uiSettingsRootV3>form.uiSettingsFormV3{display:block!important;order:99!important;flex:none!important;margin:0!important;padding:0!important}
#modalBody.uiSettingsRootV3>:is(.settingsIdentity,.settingsWorkspacePill){flex:none!important}
#modalBody.uiSettingsRootV3>.settingsIdentity{margin:0!important;padding:13px 14px!important;border:1px solid #d9e4dc!important;border-radius:14px!important;background:#fff!important}
#modalBody.uiSettingsRootV3>.settingsWorkspacePill{margin:-3px 2px 3px!important;padding:0 7px!important;font-size:12px!important;color:#65746a!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3{
 display:block!important;min-height:0!important;width:100%!important;max-width:100%!important;
 box-sizing:border-box!important;margin:0!important;padding:0!important;
 border:1px solid #dbe5dd!important;border-radius:13px!important;
 box-shadow:none!important;background:#fff!important;overflow:hidden!important
}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3>summary{
 display:flex!important;align-items:center!important;position:relative!important;
 min-height:61px!important;height:auto!important;box-sizing:border-box!important;
 padding:12px 43px 12px 15px!important;margin:0!important;
 background:#fff!important;border:0!important;border-radius:0!important;
 cursor:pointer!important;list-style:none!important
}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3>summary::-webkit-details-marker{display:none}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3>summary span{display:grid!important;gap:3px!important;min-width:0}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3>summary b{font-size:15px!important;font-weight:700!important;line-height:1.2!important;color:#27372e!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3>summary small{font-size:12px!important;font-weight:400!important;line-height:1.2!important;color:#718078!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3>summary::after{content:"⌄"!important;display:block!important;position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;font:600 20px/1 "Segoe UI",Arial,sans-serif!important;color:#647469!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3[open]>summary::after{transform:translateY(-50%) rotate(180deg)!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3>summary:hover{background:#f6faf7!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3>summary:focus-visible{outline:2px solid var(--ui-accent,#388453)!important;outline-offset:-3px!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3>.uiSettingsCategoryPanel{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;padding:6px 11px 12px!important;border-top:1px solid #e7eee8!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3>.uiSettingsCategoryPanel>*{margin:0!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3 .settingsAccordion{border:1px solid #e3eae4!important;border-radius:10px!important;box-shadow:none!important;overflow:hidden!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3 .settingsAccordion>summary{padding:10px 12px!important;min-height:50px!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3 .settingsAccordion .settingsAccordionText>b{font-size:14px!important;font-weight:600!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3 :is(#myPlannerSettingsCard,#scenarioSettingsCard331,#surfaceStyleSettingsCard,#fontStyleSettingsCard,#pageTurnSettingsCard){border-radius:10px!important;box-shadow:none!important;margin:0!important}
#modalBody.uiSettingsRootV3 .uiSettingsFormV3>.formActions{order:90!important;display:flex!important;justify-content:flex-end!important;gap:9px!important;margin:7px 0 2px!important;padding:12px 4px!important;border-top:1px solid #e5eae5!important;background:transparent!important}
#modalBody.uiSettingsRootV3 .uiSettingsFormV3>.formActions .primaryButton{min-width:138px!important;min-height:40px!important;border-radius:11px!important}
#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3[data-group="platform"]>summary{background:#f4f8f5!important}
@media(max-width:760px){
 #modalBody.uiSettingsRootV3{gap:7px!important}
 #modalBody.uiSettingsRootV3 .uiSettingsCategoryV3>summary{min-height:59px!important;padding:10px 41px 10px 13px!important}
 #modalBody.uiSettingsRootV3 .uiSettingsCategoryV3>.uiSettingsCategoryPanel{padding:6px 8px 10px!important}
 #modalBody.uiSettingsRootV3 .uiSettingsFormV3>.formActions .primaryButton{min-width:112px!important}
}

#modalBody.uiSettingsRootV3 .uiSettingsCategoryV3{flex:0 0 auto!important}
#modalBody.uiSettingsRootV3>.uiSettingsFormV3>.formActions{justify-content:flex-end!important;margin:6px 0!important;padding:10px 2px!important}