/* Planner typography and common settings controls */
body.myFontModern{--font-sans:"Segoe UI",Arial,sans-serif;font-family:var(--font-sans)!important}
body.myFontFriendly{--font-sans:"Trebuchet MS","Segoe UI",sans-serif;font-family:var(--font-sans)!important}
body.myFontClassic{--font-sans:Georgia,"Times New Roman",serif;font-family:var(--font-sans)!important}
body:is(.myFontModern,.myFontFriendly,.myFontClassic) :is(.app,.topbar,.workspace,.mainPane,.sidebar,.planPane,.modal,.modalBody,.taskTitle,.treeTitle,.titleBlock,.taskRow,.calendarDay){font-family:var(--font-sans)!important}
body:is(.myFontModern,.myFontFriendly) :is(button,input,select,textarea,.quickNav button,.topbar button,.topbar select){font-family:var(--font-sans)!important}
body.myFontClassic :is(.taskTitle,.treeTitle,.titleBlock h1){font-family:Georgia,serif!important}
#brandBtn .brandPersonalSign{display:none!important}
#syncStatus{font-family:inherit!important;line-height:1.3!important}
.topActions .workspacePicker,.topActions .desktopViewControl{height:38px!important;min-height:38px!important;align-items:center!important}
.topActions .workspacePicker select,.topActions #viewLayoutBtn{box-sizing:border-box!important;height:38px!important;min-height:38px!important;border:1px solid #d0ded2!important;border-radius:11px!important;background:var(--paper-control,#fff)!important;color:var(--ink,#263328)!important;font-size:13px!important;font-weight:650!important;box-shadow:0 1px 3px #19351d0a!important}
.topActions .workspacePicker select{padding:0 34px 0 13px!important}.topActions #viewLayoutBtn{padding:0 12px!important;line-height:1!important}
.topActions :is(.workspacePicker select,#viewLayoutBtn):focus-visible{outline:2px solid var(--ui-accent,#388453)!important;outline-offset:2px!important}
#modalBody:has(#settingsForm) .uiSettingsCategory{border:1px solid #dce5df;border-radius:14px;overflow:hidden;margin:7px 0;background:#fff}
#modalBody:has(#settingsForm) .uiSettingsCategory>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;min-height:58px;padding:11px 15px;background:#fff}
#modalBody:has(#settingsForm) .uiSettingsCategory>summary::-webkit-details-marker{display:none}
#modalBody:has(#settingsForm) .uiSettingsCategory>summary span{display:grid;gap:3px}
#modalBody:has(#settingsForm) .uiSettingsCategory>summary b{font-size:15px;font-weight:700}
#modalBody:has(#settingsForm) .uiSettingsCategory>summary small{font-size:12px;color:#758377}
#modalBody:has(#settingsForm) .uiSettingsCategory>summary:after{content:"⌄";font-size:21px;color:#6b7b6d}
#modalBody:has(#settingsForm) .uiSettingsCategory[open]>summary:after{transform:rotate(180deg)}
#modalBody:has(#settingsForm) .uiSettingsCategoryPanel{display:grid;gap:6px;padding:7px 10px 10px;min-width:0}
#modalBody:has(#settingsForm) .uiSettingsCategoryPanel> :is(details,section,div){margin:0!important;max-width:100%;min-width:0}
#modalBody:has(#settingsForm) label:is(.checkLabel,.integrationToggle) input[type=checkbox]{appearance:none!important;position:relative!important;width:40px!important;height:23px!important;min-width:40px!important;border:1px solid #bfcbc0!important;border-radius:99px!important;background:#d5ded6!important;margin:0!important;cursor:pointer}
#modalBody:has(#settingsForm) label:is(.checkLabel,.integrationToggle) input[type=checkbox]::before{content:""!important;position:absolute!important;left:2px!important;top:2px!important;width:17px!important;height:17px!important;border-radius:50%!important;background:white!important;transition:transform .14s}
#modalBody:has(#settingsForm) label:is(.checkLabel,.integrationToggle) input[type=checkbox]:checked{background:var(--ui-accent,#388453)!important}
#modalBody:has(#settingsForm) label:is(.checkLabel,.integrationToggle) input[type=checkbox]:checked::before{transform:translateX(17px)}
@media(max-width:760px){#modalBody:has(#settingsForm) .uiSettingsCategory>summary{min-height:55px;padding:10px 12px}}