/* Approved personal pages: original controls, account dialogs and handlers. */
.personal-page-open #captureForm,.personal-page-open .app>.hint{display:none}
:root[data-app-theme] body.personal-page-open:not(.zen-mode){background:var(--study-field,var(--bg))}
.personal-page .personal-embedded{position:static;inset:auto;width:100%;padding:0;background:transparent;backdrop-filter:none;z-index:auto}
.personal-page .personal-embedded>.modalbox{width:100%;max-width:none;max-height:none;margin:0;box-shadow:none;background:transparent;border:0;padding:0}
#view-settings .personal-embedded>.modalbox{overscroll-behavior-y:auto}
#view-settings #settingsModal>.modalbox,#personalAccountSection #accountModal>.modalbox,#view-checkin #dayLogModal>.modalbox{background:transparent}
#personalAccountSection #accountModal>.modalbox{border-radius:0}
#view-settings #settingsModal>.modalbox>.modalhead,#personalAccountSection #accountModal>.modalbox>.modalhead,.personal-embedded>.modalbox>.modalhead>.close{display:none}
#view-settings .settings-list{grid-template-columns:minmax(0,1fr);gap:16px}
#view-settings .settings-section{padding:18px;border-radius:20px;background:var(--theme-card,var(--panel));box-shadow:var(--card-shadow)}
.personal-settings-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px}
.personal-settings-title{font-size:1.5rem;line-height:1.2;margin:0;font-weight:750}
.settings-help-trigger{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted)}
.settings-help-trigger span{display:grid;place-items:center;width:26px;height:26px;border:1px solid currentColor;border-radius:50%;font-size:.9rem;line-height:1;font-weight:700}
.settings-help-trigger:hover,.settings-help-trigger:focus-visible{color:var(--ink)}
.settings-help-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.personal-settings-title::after{content:'';display:block;width:44px;height:1px;background:var(--line);margin-top:18px}
#view-settings h3{font-size:1.05rem;margin:0 0 14px}
#personalAccountSection>#settingsAccountSummary,#personalAccountSection>#kontoDetailsToggle,#personalAccountSection>#kontoDetails{display:none}
#personalAccountSection .accountbox{gap:14px}
#personalAccountSection #accountModal .accountbox{background:transparent}
#accountModal .accountbox{background:transparent;min-width:0}
#personalAccountSection #accountStatusBox{display:block;overflow-wrap:anywhere;padding:0;border:0;background:transparent}
#personalAccountSection #accountVersion{margin:0}
#personalAccountSection #authLoggedIn{display:flex;flex-direction:column;gap:14px}
#personalAccountSection .account-session-actions{display:flex;flex-wrap:wrap;gap:8px}
#personalAccountSection .account-session-actions button{width:auto;flex:0 1 auto;min-height:44px}
.personal-profile{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.personal-profile .field{min-width:0;margin:0;align-content:start}
.personal-profile input{width:100%;min-width:0}
#personalAccountSection .account-danger-zone{border:0;margin:0;padding:0}
#personalAccountSection .account-danger-zone>summary{display:none}
#personalAccountSection #accountDeleteBtn{border:0;background:transparent;color:var(--muted);padding:0;min-height:44px}
#personalAccountSection #accountDataBox{order:5;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 0 0;margin:0}
#personalAccountSection #accountDataBox>summary{min-height:44px;cursor:pointer}
#personalAccountSection #accountDataBox .account-data-content{padding:8px 0 0}
#personalAccountSection .backup-actions{display:flex;flex-wrap:wrap;gap:8px}
#view-checkin #dayLogModal .modalhead{margin:0 0 14px;background:transparent}
#view-checkin .loglist{gap:12px}
#view-checkin .logitem{padding:14px;border-radius:16px;background:var(--theme-card,var(--panel));box-shadow:var(--card-shadow)}
#view-checkin [data-day-log-more]{display:block;width:auto;min-height:44px;margin:4px auto;padding:8px 16px}
#view-checkin [data-day-log-more] span{display:none}
@media (max-width:900px), (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:500px){
 .personal-page-open .app{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}
 .personal-profile{grid-template-columns:1fr}
 :root[data-app-theme] body:not(.zen-mode) #todayCheckBtn{background:transparent;border-color:transparent;box-shadow:none;width:44px;min-width:44px;min-height:44px}
}

.personal-name-row{display:flex;align-items:center;gap:8px;min-width:0}.personal-name-row input{flex:1;min-width:0}.personal-name-row button{flex:none}.personal-profile .field{min-width:0}

#view-checkin [data-day-log-more]{box-shadow:none}