/* Account screens only. Public content, navigation and editor layout are untouched. */
:is(#profileMount,#usersMount,.auth-card,.security-dialog){--account-gap:24px;color:var(--ink);font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
#page-profil .editor-shell,#page-benutzerverwaltung .editor-shell{max-width:960px;padding-inline:clamp(16px,4vw,32px)}
:is(#page-profil,#page-benutzerverwaltung) h1{font:500 clamp(2rem,4vw,2.65rem)/1.15 Georgia,serif;margin:12px 0 28px}
#editorAccessStatus.auth-card{width:100%;max-width:500px;margin:0 auto 32px;padding:clamp(24px,4vw,36px);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;font-weight:400}
.auth-card>strong{display:block;font:500 1.85rem/1.2 Georgia,serif;color:var(--navy);margin-bottom:14px}
.auth-card>p{margin:0 0 24px;color:var(--muted);font-size:.94rem}
.auth-card .account-hint{font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin:22px 0 0}
.auth-card details{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.auth-card summary{cursor:pointer;font-weight:600;color:var(--blue)}
.auth-card pre,.auth-card code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
#editorAccessStatus.account-session{padding:14px 18px;background:#edf2f5;border:1px solid var(--line);border-radius:8px;color:var(--navy);margin-bottom:24px}
#profileMount{padding:0;border:0;background:transparent;box-shadow:none}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) .account-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:600px;margin:22px 0 0}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) .field{display:block;min-width:0;margin:0}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) label{display:block;margin:0;color:var(--ink);font-size:.9rem;font-weight:600}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) :is(input:not([type=checkbox]),select,textarea){display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:46px;margin-top:7px;padding:11px 13px;border:1px solid #b8c2cb;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:1rem;line-height:1.4}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) input[type=file]{font-size:.88rem;padding:10px}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) input[type=file]::file-selector-button{border:0;background:#edf1f4;color:var(--navy);padding:8px 10px;border-radius:4px;margin-right:12px;cursor:pointer}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) button{width:fit-content;max-width:100%;min-height:44px;padding:10px 18px;border-radius:6px;font-size:.9rem;line-height:1.4;white-space:normal}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) .primary{background:var(--navy);color:white;border:1px solid var(--navy)}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) .secondary{background:#edf1f4;color:var(--navy);border:1px solid #d5dce2}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) button:disabled{opacity:.5;cursor:not-allowed}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) :is(input,textarea,select,button,summary):focus-visible{outline:3px solid #88652e;outline-offset:3px}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) .account-feedback{font-size:.9rem;margin:12px 0 0;color:var(--blue);white-space:pre-line}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) .account-feedback:empty{display:none}
:is(#profileMount,#usersMount,.auth-card,.security-dialog) .account-feedback[data-tone=error]{color:#9a2929;background:#fff0ee;border-left:3px solid #a33c3c;padding:12px 14px;border-radius:3px}
.account-help-links{display:flex;flex-wrap:wrap;column-gap:18px;row-gap:4px;margin-top:18px}
.auth-card .account-help-links button{border:0;background:transparent;padding:5px 0;min-height:44px;color:var(--blue);font-weight:500;text-decoration:underline;text-underline-offset:3px}
#profileMount .profile-section,#usersMount .account-user-card,#usersMount .account-create-card{margin:0 0 24px;padding:clamp(22px,4vw,32px);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 18px #17263b08;min-width:0}
#profileMount .profile-section h2,#usersMount .account-admin>h2{font:500 1.5rem/1.25 Georgia,serif;color:var(--navy);margin:0 0 12px}
#profileMount .profile-section>p,#usersMount .account-intro,#usersMount .account-create-card>p{max-width:66ch;font-size:.92rem;color:var(--muted);margin:0 0 16px}
#profileMount .profile-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:20px 0}
#profileMount .profile-avatar[hidden]{display:none}
#profileMount .profile-section>input[type=file]{max-width:600px;margin:20px 0 12px}
#profileMount .profile-message:empty{display:none}
#usersMount .account-admin{padding:0}
#usersMount :is(.account-user-card,.account-create-card) h3{font:600 1.1rem/1.3 system-ui,sans-serif;margin:0 0 12px;color:var(--navy)}
#usersMount .account-user-card>p{font-size:.9rem;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line);margin:0 0 18px}
#usersMount .account-user-card>label{max-width:600px;margin-top:20px}
#usersMount .account-user-card>button{display:block;margin-top:12px}
#usersMount .account-create-card>button{margin-top:18px}
#usersMount form[hidden]{display:none}
#usersMount .account-invitation{padding:20px;border:1px solid #c5d1db;border-radius:8px;background:#edf2f5;margin:24px 0}
#usersMount .account-invitation textarea{min-height:110px;overflow-wrap:anywhere}
.security-dialog{width:min(500px,calc(100% - 32px));margin:auto;padding:clamp(24px,5vw,36px);border:1px solid var(--line);border-radius:var(--radius)}
.security-dialog h2{font:500 1.7rem/1.2 Georgia,serif;margin:0 0 14px}
.security-dialog p{font-size:.92rem;color:var(--muted)}
.security-dialog .form-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:6px}
#profileMount .recovery-code-card{margin-top:24px;padding:clamp(16px,3vw,24px);background:#f4f6f8;border:1px solid #ccd5de;border-radius:8px}
#profileMount .recovery-code-card h3{margin:0 0 14px;font:600 1.15rem/1.35 system-ui,sans-serif}
#profileMount .recovery-code-card p{font-size:.9rem}
#profileMount textarea.recovery-code-list{height:auto;min-height:calc(10 * 1.9em + 28px);font:clamp(.78rem,2.7vw,.95rem)/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow-x:auto;resize:vertical;user-select:text;margin:20px 0;letter-spacing:.02em}
#profileMount label.recovery-acknowledgement{display:flex;align-items:flex-start;gap:12px;margin:24px 0 18px;font-size:.9rem;font-weight:500;cursor:pointer}
#profileMount .recovery-acknowledgement input{width:20px;height:20px;min-width:20px;margin:3px 0 0;accent-color:var(--navy)}
@media(max-width:600px){
 :is(#page-profil,#page-benutzerverwaltung) .editor-shell{padding-inline:16px}
 :is(#profileMount,#usersMount) .profile-section,#usersMount .account-user-card,#usersMount .account-create-card{padding:20px}
 #editorAccessStatus.auth-card{padding:24px 20px}
 #profileMount .recovery-code-card{padding:14px}
 #profileMount textarea.recovery-code-list{font-size:.78rem;padding:10px;letter-spacing:0}
 .security-dialog .form-actions button{flex:1 1 120px}
}
/* Unified, revision-checked user editing. */
#usersMount .account-user-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;margin:24px 0}
#usersMount .account-user-list .account-user-card{margin:0;padding:22px}
#usersMount .account-user-editor{border-color:#b9c7d2}
#usersMount .profile-avatar{width:96px;height:96px;object-fit:cover;border-radius:50%;margin:16px 0}
#usersMount .profile-avatar[hidden]{display:none}
#usersMount .account-name-hint,.auth-card .account-name-hint{display:block;margin-top:7px;color:var(--muted);font-size:.8rem;font-weight:400}
#usersMount button[data-state=dirty],#usersMount button[data-state=error]{background:#a33c3c;border-color:#a33c3c;color:white}
#usersMount button[data-state=saved]{background:#287447;border-color:#287447;color:white}
#usersMount .account-invitation{min-width:0}
#usersMount .account-user-editor h4{font-size:1rem;margin-top:24px}

#usersMount .account-name-hint[data-tone=error],.auth-card .account-name-hint[data-tone=error]{color:#9a2929}

#refreshData{transition:background-color .15s ease,color .15s ease}
@media(hover:hover){#refreshData:not(:disabled):hover{background:#cfdae3;color:#17263b}}
#refreshData:focus-visible{background:#cfdae3;color:#17263b;outline:3px solid #24415d;outline-offset:3px}
#refreshData:not(:disabled):active{background:#bacad7}

#postForm.validation-attempted :is(input,textarea,select):invalid{border-color:#a33c3c;box-shadow:0 0 0 1px #a33c3c}
#postForm.validation-attempted :is(input,textarea,select):invalid:focus{outline:2px solid #a33c3c;outline-offset:2px}

#postForm .commercial-field{min-width:0}
#postForm .commercial-field .field-label{font-size:.8rem;font-weight:700;color:#4c5964}
#postForm .commercial-field .checkline{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;padding:8px 0;margin:0;cursor:pointer}
#postForm .commercial-field .checkline input[type=checkbox]{flex:0 0 20px;width:20px;min-width:20px;max-width:20px;height:20px;margin:0;padding:0;accent-color:var(--navy)}
#postForm .commercial-field .checkline span{flex:1;min-width:0;line-height:1.5;overflow-wrap:break-word}
#postForm .commercial-field .checkline input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

/* Filters follow the width of the editorial list rather than the viewport. */
.editor-posts-panel{min-width:0;container-type:inline-size}
.editor-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:16px;align-items:end}
.editor-filters .field{min-width:0}
.editor-filters .field input,.editor-filters .field select{width:100%;min-width:0;max-width:100%;min-height:44px}
.editor-filters .editor-filter-search,.editor-filters #resetAdminFilters{grid-column:1/-1}
.editor-filters #resetAdminFilters{min-height:44px;white-space:normal}
@container(min-width:400px){.editor-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}