body{padding-top:60px!important}
 #quick-logout{position:fixed;inset:0 0 auto 0;z-index:10000;box-sizing:border-box;min-height:54px;padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:12px;background:#102331;color:#fff;border-bottom:1px solid #617b8c;box-shadow:0 2px 8px #0005;font:600 14px/1.3 system-ui,sans-serif}
 #quick-logout span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #quick-logout button,#quick-logout a{display:inline-flex;align-items:center;text-decoration:none;box-sizing:border-box;flex:none;margin:0;min-height:42px;padding:8px 18px;border:1px solid #ffdc71;border-radius:8px;background:#f6d361;color:#102331;font:700 15px/1.3 system-ui,sans-serif;cursor:pointer}
 #quick-logout button:hover,#quick-logout a:hover{background:#ffe598}#quick-logout button:focus-visible,#quick-logout a:focus-visible{outline:3px solid #fff;outline-offset:2px}

 #quick-logout .quick-actions{display:flex;flex:none;align-items:center;gap:8px}
 #quick-logout a.quick-register{background:#183c50;color:#fff;border-color:#8bb9cd}
 #quick-logout a.quick-register:hover{background:#24536b}
 @media(max-width:520px){#quick-logout{gap:6px}#quick-logout>span{display:none}#quick-logout .quick-actions{margin-left:auto}#quick-logout button,#quick-logout a{padding:8px 12px;font-size:14px}}
 
#quick-logout#quick-logout{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
#quick-logout>span{grid-column:1;grid-row:1}#quick-logout .quick-actions{grid-column:3;grid-row:1;justify-self:end}
#quick-logout .quick-report{grid-column:2;grid-row:1;background:#183c50;color:#fff;border-color:#8bb9cd;width:auto}
#problem-report{box-sizing:border-box;width:min(560px,calc(100% - 28px));max-height:85vh;overflow:auto;padding:24px;border:1px solid #83a4b8;border-radius:14px;background:#102331;color:#fff;font:16px/1.5 system-ui,sans-serif;box-shadow:0 15px 70px #0009}
#problem-report::backdrop{background:#000a}#problem-report form{margin:0;padding:0;display:block}
#problem-report h2{margin:0 0 12px;font-size:24px;color:#fff;letter-spacing:normal;text-align:left}
#problem-report p{margin:12px 0;color:#dfebf2;text-align:left;font-size:16px}
#problem-report label{display:block;color:#fff;margin:12px 0 6px}
#problem-report textarea{box-sizing:border-box;display:block;width:100%;padding:12px;background:#081723;color:#fff;border:1px solid #8ab1c8;border-radius:8px;font:inherit;resize:vertical}
#problem-report .report-hint{font-size:13px}#problem-report .report-status{font-weight:600}
#problem-report .report-actions{display:flex;justify-content:flex-end;gap:12px}
#problem-report button{width:auto;padding:10px 18px;margin:0;min-height:44px;border:1px solid #8bb9cd;border-radius:8px;background:#183c50;color:#fff;font:700 15px system-ui;cursor:pointer}
#problem-report .report-send{background:#f6d361;color:#102331}#problem-report button:disabled{opacity:.6;cursor:wait}
#problem-report button:focus-visible,#problem-report textarea:focus-visible{outline:3px solid #7dd7fa;outline-offset:2px}
@media(max-width:760px){body:has(#quick-logout){padding-top:112px!important}#quick-logout#quick-logout{grid-template-columns:1fr;gap:6px}#quick-logout>span{display:none}#quick-logout .quick-actions{grid-column:1;grid-row:1}#quick-logout .quick-report{grid-column:1;grid-row:2;justify-self:center;padding:6px 14px;min-height:36px}}

#problem-report [hidden]{display:none!important}
/* Personal navigation shared by directory, account and login pages. */
#quick-logout.has-personal>span{visibility:hidden}
#quick-logout .personal-header{display:flex;align-items:center;gap:6px;min-width:0}
#quick-logout .personal-header a{min-height:44px;background:#183c50;border-color:#8bb9cd;color:#fff;padding:8px 12px}
#quick-logout .personal-header .personal-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px;min-width:0;flex:0 1 auto;line-height:26px;color:#74e09a}
#quick-logout .personal-header .personal-name.role-admin{color:#ff9292}
#quick-logout .personal-header .personal-name.role-moderator{color:#83bcff}
#quick-logout .personal-header .personal-verified{color:#74e09a}
#quick-logout .personal-mail,#quick-logout .personal-settings{position:relative;justify-content:center;font-size:23px!important;min-width:44px}
#quick-logout .unread-badge{position:absolute;top:-5px;right:-4px;min-width:18px;padding:2px 4px;border-radius:12px;background:#f6d361;color:#102331;font:700 11px/16px system-ui;text-align:center}
#quick-logout .unread-badge[hidden]{display:none}
@media(max-width:1100px){body:has(#quick-logout.has-personal){padding-top:112px!important}#quick-logout.has-personal#quick-logout{grid-template-columns:minmax(0,1fr)}#quick-logout.has-personal>span{display:none}#quick-logout.has-personal .quick-actions{grid-column:1;grid-row:1;max-width:100%;min-width:0}#quick-logout.has-personal .quick-report{grid-column:1;grid-row:2;justify-self:center;min-height:36px}}
@media(max-width:520px){#quick-logout.has-personal .quick-actions{width:100%;gap:6px;justify-content:flex-end}#quick-logout .personal-header{flex:1;justify-content:flex-end;gap:5px}#quick-logout .personal-header .personal-name{max-width:150px;flex:1;padding:8px 6px;font-size:13px}#quick-logout .personal-header .personal-mail,#quick-logout .personal-header .personal-settings{padding:8px;flex:none}#quick-logout.has-personal .quick-actions>button{padding:8px;font-size:13px}}

#quick-logout .quick-invite{grid-column:1;grid-row:1;justify-self:start;background:#183c50;color:#fff;border-color:#8bb9cd}#quick-logout:has(.quick-invite)>span{display:none}
@media(max-width:1100px){#quick-logout.has-personal:has(.quick-invite){grid-template-columns:1fr 1fr!important}#quick-logout.has-personal:has(.quick-invite) .quick-actions{grid-column:1 / -1;grid-row:1}#quick-logout.has-personal:has(.quick-invite) .quick-invite{grid-column:1;grid-row:2;min-height:36px;padding:6px 10px;font-size:13px}#quick-logout.has-personal:has(.quick-invite) .quick-report{grid-column:2;grid-row:2;justify-self:end;font-size:13px}}