/* Beheerd door Hostwerk (modules/80-roundcube.sh). Lettertype en inlogscherm in de stijl van het panel. */
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/SchibstedGrotesk.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/SchibstedGrotesk-Italic.woff2) format('woff2')}
.popover,body,button,input,optgroup,select,textarea,div.tox,div.tox :not(.svg){font-family:'Schibsted Grotesk',Roboto,sans-serif}

/* Inlogscherm: egaal in de kleur van het inlogpaneel van Hostwerk (ook in donkere modus), formulier als kaart. */
body.task-login,html.dark-mode body.task-login{background:#13263d}
body.task-login #layout-content,html.dark-mode body.task-login #layout-content{background:transparent}
body.task-login #layout-content::before{content:'';position:fixed;inset:0;pointer-events:none;
  background:radial-gradient(circle at 80% 14%,rgba(240,168,58,.9) 0 26px,transparent 27px),
             radial-gradient(circle at 12% 34%,rgba(47,111,196,.35) 0 90px,transparent 91px),
             radial-gradient(circle at 92% 82%,rgba(255,255,255,.05) 0 160px,transparent 161px),
             radial-gradient(circle at 6% 96%,rgba(47,111,196,.18) 0 120px,transparent 121px)}
body.task-login #layout-content>*{position:relative}
body.task-login #login-form{background:#fff;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.28);padding:28px 32px 20px;max-width:420px;margin-left:auto;margin-right:auto}
body.task-login #login-footer,body.task-login #login-footer a{color:#5b6b80}
body.task-login .btn.mainaction,body.task-login #rcmloginsubmit{border-radius:8px;font-weight:600}
html.dark-mode body.task-login #login-form{background:#172235;box-shadow:0 16px 40px rgba(0,0,0,.4)}
html.dark-mode body.task-login #login-footer,html.dark-mode body.task-login #login-footer a{color:#9aa8bb}

/* Accent zoals in het panel: oranje focusring. */
:focus-visible{outline:2px solid #f0a83a;outline-offset:1px}