/*
Datoden Login v186 — 2026-09-28 | WP-original i toppheader, ofärgad logotyp-hover och registrering Företag/Privat.
Datoden Login v184 — 2026-09-28 | Lokal provsession för gäster; synliga funktioner och tydlig inloggning utan databasändringar.
Login v183 — 2026-09-28 | Demoheader, aktiv app och verifierad schemaåtkomst; separata lagringsnycklar.
*/
@layer datoden-design,datoden-clickable-titles,datoden-light-buttons;
@import url("notifications.css?v=208");

/* Top-headerns ramfria komponentbas gäller också menyer som flyttas till body. */
.datoden-globalbar,
.datoden-globalbar :is(a,button),
.datoden-appswitch-menu,
.datoden-appswitch-menu :is(a,button),
.datoden-account-dropdown,
.datoden-account-dropdown :is(a,button){
  --sub-datoden-button-border-width:0px;
  border:0!important;
}

.datoden-globalbar,.datoden-appswitch-menu,.datoden-account-dropdown{font:13px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;}
.datoden-globalbar{height:42px;display:flex;align-items:center;gap:0;background:var(--datoden-bg-ffffff,#fff);color:#202124;position:relative;z-index:10000}
.datoden-globalbar a,.datoden-appswitch-btn{height:41px;display:flex;align-items:center;padding:0 14px;background:var(--datoden-bg-ffffff,#fff);color:#202124;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}
.datoden-brand{letter-spacing:.12em;font-weight:900!important}.datoden-global-spacer{flex:1 1 12px;min-width:8px}
.datoden-appswitch{position:relative;height:42px}.datoden-appswitch-menu{display:none;position:absolute;left:0;top:42px;min-width:190px;background:var(--datoden-bg-ffffff,#fff);box-shadow:0 8px 22px #0002}
.datoden-appswitch:hover .datoden-appswitch-menu,.datoden-appswitch:focus-within .datoden-appswitch-menu{display:block}
.datoden-globalbar a:not(.datoden-brand):hover,.datoden-appswitch-btn:hover{background:var(--datoden-bg-f2f2f0,#f2f2f0)}
.datoden-accountmenu{position:relative;height:42px}
.datoden-account-btn{height:41px!important;margin:0!important;padding:0 8px!important;background:var(--datoden-bg-ffffff,#fff)!important;color:#202124!important;font:inherit!important;font-weight:700!important;cursor:pointer!important}
.datoden-account-dropdown{position:absolute!important;right:0!important;left:auto!important;top:42px!important;width:230px!important;max-width:calc(100vw - 16px)!important;background:var(--datoden-bg-ffffff,#fff)!important;box-shadow:0 8px 22px #0002!important;z-index:2147483647!important}
.datoden-account-dropdown[hidden]{display:none!important}.datoden-account-dropdown:not([hidden]){display:block!important}
.datoden-account-dropdown a{height:auto!important;min-height:42px;justify-content:flex-start!important}
@media(max-width:650px){.datoden-globalbar a,.datoden-appswitch-btn,.datoden-account-btn{padding-left:9px!important;padding-right:9px!important}.datoden-account-btn{max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}

.datoden-accountmenu{overflow:visible!important}
.datoden-account-dropdown{box-sizing:border-box!important;transform:none!important}
.datoden-account-dropdown a{box-sizing:border-box!important;width:100%!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:500px){
 .datoden-account-dropdown{position:fixed!important;left:8px!important;right:8px!important;top:42px!important;width:auto!important;max-width:none!important}
}

.datoden-account-dropdown{
  padding:7px!important;
  background:var(--datoden-bg-ffffff,#fff)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
.datoden-account-dropdown a{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:44px!important;
  padding:0 12px!important;
  margin:0!important;
  background:var(--datoden-bg-ffffff,#fff)!important;
  color:#202124!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.2!important;
}
.datoden-account-dropdown a:hover{
  background:var(--datoden-bg-f0f1ef,#f0f1ef)!important;
  color:#202124!important;
}
.datoden-account-dropdown svg{
  width:19px!important;height:19px!important;flex:0 0 19px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
.datoden-account-dropdown .datoden-logout{
  margin-top:7px!important;
  padding-top:0!important;
  color:#a62a22!important;
}

.datoden-appswitch-menu{
  padding:7px!important;background:var(--datoden-bg-ffffff,#fff)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;z-index:2147483647!important;
}
.datoden-appswitch-menu a{
  display:flex!important;align-items:center!important;gap:11px!important;
  min-height:44px!important;height:auto!important;padding:0 12px!important;margin:0!important;
  background:var(--datoden-bg-ffffff,#fff)!important;color:#202124!important;text-decoration:none!important;
  font-size:13px!important;font-weight:650!important;line-height:1.2!important;
}
.datoden-appswitch-menu a:hover{background:var(--datoden-bg-f0f1ef,#f0f1ef)!important;color:#202124!important}
.datoden-appswitch-menu svg{
 width:19px!important;height:19px!important;flex:0 0 19px!important;fill:none!important;
 stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}

.datoden-current-label{font-size:12px;font-weight:500}
@media(max-width:760px){.datoden-current-label{display:none}}

:root{
 --datoden-bar-bg:var(--datoden-bg-ffffff,#ffffff);
 --datoden-brand-light-display:block;
 --datoden-brand-dark-display:none;
 --datoden-bar-text:#202124;
 --datoden-bar-muted:#62645f;
 --datoden-bar-border:var(--datoden-bg-dedfdd,#dedfdd);
 --datoden-bar-hover:var(--datoden-bg-f0f1ef,#f0f1ef);
 --datoden-bar-shadow:rgba(0,0,0,.18);
 --datoden-bar-danger:#a62a22;
 --datoden-bar-danger-hover:var(--datoden-bg-fbf0ef,#fbf0ef);
}
@media(prefers-color-scheme:dark){
 :root{
  --datoden-bar-bg:var(--datoden-bg-202124,#202124);
  --datoden-brand-light-display:none;
  --datoden-brand-dark-display:block;
  --datoden-bar-text:#f5f5f3;
  --datoden-bar-muted:#b8bab6;
  --datoden-bar-border:var(--datoden-bg-3d3f42,#3d3f42);
  --datoden-bar-hover:var(--datoden-bg-303235,#303235);
  --datoden-bar-shadow:rgba(0,0,0,.42);
  --datoden-bar-danger:#ff8b82;
  --datoden-bar-danger-hover:var(--datoden-bg-3a2929,#3a2929);
 }
}
.datoden-globalbar{
 width:100%!important;max-width:none!important;height:42px!important;padding:0!important;
 background:var(--datoden-bar-bg)!important;color:var(--datoden-bar-text)!important;
}
.datoden-globalbar-inner{
 width:100%!important;max-width:1400px!important;height:41px!important;margin:0 auto!important;
 padding:0 16px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;
}
.datoden-brand{
 flex:0 0 auto!important;width:auto!important;min-width:0!important;height:41px!important;padding:0 14px 0 0!important;margin:0!important;
 background:transparent!important;
 display:flex!important;align-items:center!important;
}
/* Logotypen följer valt Datoden-tema; OS-temat används bara i systemläge. */
.datoden-brand .datoden-brand-logo-light{display:var(--datoden-brand-light-display)!important}
.datoden-brand .datoden-brand-logo-dark{display:var(--datoden-brand-dark-display)!important}
.datoden-brand img{width:auto!important;height:24px!important;max-width:150px!important}
.datoden-globalbar a,.datoden-appswitch-btn,.datoden-account-btn{
 background:var(--datoden-bar-bg)!important;color:var(--datoden-bar-text)!important;
}
.datoden-globalbar a:not(.datoden-brand):hover,.datoden-appswitch-btn:hover,.datoden-account-btn:hover{
 background:var(--datoden-bar-hover)!important;color:var(--datoden-bar-text)!important;
}
.datoden-appswitch-menu,.datoden-account-dropdown{
 background:var(--datoden-bar-bg)!important;
 box-shadow:0 14px 34px var(--datoden-bar-shadow)!important;
}
.datoden-appswitch-menu a,.datoden-account-dropdown a{
 background:var(--datoden-bar-bg)!important;color:var(--datoden-bar-text)!important;
}
.datoden-appswitch-menu a:hover,.datoden-account-dropdown a:hover{
 background:var(--datoden-bar-hover)!important;color:var(--datoden-bar-text)!important;
}
.datoden-account-dropdown .datoden-logout{color:var(--datoden-bar-danger)!important;}
.datoden-account-dropdown .datoden-logout:hover{background:var(--datoden-bar-danger-hover)!important;color:var(--datoden-bar-danger)!important}
@media(max-width:600px){.datoden-globalbar-inner{padding-left:8px!important;padding-right:8px!important}.datoden-brand img{height:21px!important}}

.datoden-account-overlay{position:fixed!important;inset:0!important;display:none!important;align-items:flex-start!important;justify-content:center!important;z-index:2147483600!important;padding:70px 18px 18px!important;background:rgba(0,0,0,.52)!important;box-sizing:border-box!important}
.datoden-account-overlay.open{display:flex!important}
.datoden-account-page{font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;width:min(620px,100%)!important;max-height:calc(100vh - 90px)!important;overflow:auto!important;padding:24px!important;border:1px solid var(--datoden-bar-border,#ddd)!important;border-radius:12px!important;background:var(--datoden-bar-bg,#fff)!important;color:var(--datoden-bar-text,#222)!important;box-shadow:0 12px 36px rgba(0,0,0,.28)!important;box-sizing:border-box!important}
.datoden-account-page-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin-bottom:20px!important}
.datoden-account-page-head :is(h1,h2){margin:0!important;font-size:22px!important;font-family:inherit!important;line-height:1.3!important;letter-spacing:normal!important}
#datodenAccountContent label{display:block;font-weight:700;margin:12px 0 6px}
#datodenAccountContent input,#datodenAccountContent select{width:100%;box-sizing:border-box;padding:11px;border:1px solid var(--datoden-bar-border,#aaa);background:var(--datoden-bar-bg,#fff);color:var(--datoden-bar-text,#222);font:inherit}
#datodenAccountContent button{margin-top:14px}
.account-popup-section{padding:18px 0;border-top:1px solid var(--datoden-bar-border,#ddd)}.account-popup-section:first-child{padding-top:0;border-top:0}.account-popup-section h3{margin:0 0 10px;font-size:17px}.account-popup-copy{color:var(--datoden-bar-muted,#666);line-height:1.5}.status-ok{display:flex;gap:8px;align-items:center}.status-ok span{width:10px;height:10px;border-radius:50%;background:#18733b}

.account-collapsible{padding:0}
.account-collapsible>summary{
 list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:12px!important;cursor:pointer!important;
 user-select:none!important;
}
.account-collapsible>summary::-webkit-details-marker{display:none!important}

.account-collapsible-body{padding:0 0 18px!important}

.account-2fa-short{
 display:inline-flex!important;align-items:center!important;margin-left:7px!important;
 padding:2px 6px!important;border:1px solid var(--datoden-bar-border,#ddd)!important;
 font-size:10px!important;font-weight:800!important;line-height:1.2!important;
 color:var(--datoden-bar-muted,#666)!important;vertical-align:middle!important;
}




html.datoden-theme-light{
 --datoden-bar-bg:var(--datoden-bg-ffffff,#ffffff)!important;--datoden-bar-text:#202124!important;--datoden-bar-muted:#62645f!important;
 --datoden-bar-border:var(--datoden-bg-dedfdd,#dedfdd)!important;--datoden-bar-hover:var(--datoden-bg-f0f1ef,#f0f1ef)!important;--datoden-bar-shadow:rgba(0,0,0,.18)!important;
 --datoden-bar-danger:#a62a22!important;--datoden-bar-danger-hover:var(--datoden-bg-fbf0ef,#fbf0ef)!important;
}
html.datoden-theme-dark{
 --datoden-bar-bg:var(--datoden-bg-202124,#202124)!important;--datoden-bar-text:#f5f5f3!important;--datoden-bar-muted:#b8bab6!important;
 --datoden-bar-border:var(--datoden-bg-3d3f42,#3d3f42)!important;--datoden-bar-hover:var(--datoden-bg-303235,#303235)!important;--datoden-bar-shadow:rgba(0,0,0,.42)!important;
 --datoden-bar-danger:#ff8b82!important;--datoden-bar-danger-hover:var(--datoden-bg-3a2929,#3a2929)!important;
}




#datodenAccountContent .account-info-grid{
 display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;
 gap:14px 18px!important;align-items:center!important;
}
#datodenAccountContent .account-info-grid label{
 margin:0!important;font-weight:800!important;
}
#datodenAccountContent .account-info-grid input{
 margin:0!important;min-width:0!important;height:46px!important;
}
#datodenAccountContent .account-info-value{
 min-height:46px!important;display:flex!important;align-items:center!important;
 color:var(--datoden-bar-text,#222)!important;
}
#datodenAccountContent .account-collapsible>summary{
 max-width:100%!important;
}
#datodenAccountContent .account-collapsible-body{padding:4px 0 18px!important}
@media(max-width:620px){
 #datodenAccountContent .account-info-grid{grid-template-columns:1fr!important;gap:7px!important}
 #datodenAccountContent .account-info-grid label{margin-top:8px!important}
}

.datoden-administration-page{margin:0;padding:36px 18px;background:var(--datoden-bar-bg);color:var(--datoden-bar-text)}
.datoden-administration-page>main{margin-inline:auto}
.datoden-admin-copy{color:var(--datoden-bar-muted)!important;margin:0 0 16px!important}
.datoden-admin-invite{padding:14px!important;border:1px solid var(--datoden-bar-border)!important;border-radius:9px!important;margin-bottom:18px!important}

/* Bjud in: kontotyp på egen rad, följd av inbjudningsfälten. Samma layout från första visningen. */
.datoden-admin-invite-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  gap:8px!important;
  margin-top:10px!important;
}
.datoden-admin-invite-grid > :is(input,select,.datoden-select){
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.datoden-admin-invite-grid > [hidden]{display:none!important}
.datoden-admin-invite-grid:has(> #centralAdminInviteCompany[hidden]){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.datoden-admin-invite-grid > :is(#centralAdminInviteAccountType,.datoden-select:has(> #centralAdminInviteAccountType)){
  grid-column:1 / -1!important;
  grid-row:1!important;
  width:175px!important;
  max-width:100%!important;
}
.datoden-admin-invite-grid > :is(#centralAdminInviteCompany,#centralAdminInviteName,#centralAdminInviteEmail){
  grid-row:2!important;
  grid-column:auto!important;
}
@media(max-width:650px){
  .datoden-admin-invite-grid,
  .datoden-admin-invite-grid:has(> #centralAdminInviteCompany[hidden]){
    grid-template-columns:minmax(0,1fr)!important;
  }
  .datoden-admin-invite-grid > :is(#centralAdminInviteCompany,#centralAdminInviteName,#centralAdminInviteEmail){
    grid-row:auto!important;
    grid-column:1!important;
  }
}

.datoden-admin-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-top:10px!important}
.datoden-admin-tabs{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:0 0 10px!important}
.datoden-admin-tabs button{margin:0!important}.datoden-admin-tabs button.active{font-weight:800!important}
.datoden-admin-user{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:11px 0!important;border-bottom:1px solid var(--datoden-bar-border)!important}
.datoden-admin-user>div:first-child{display:grid!important}.datoden-admin-user small{color:var(--datoden-bar-muted)!important}
.datoden-admin-apps{display:flex!important;gap:7px!important;flex-wrap:wrap!important}.datoden-admin-apps label{display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important;font-weight:600!important}
.datoden-admin-permissions>div{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.datoden-admin-permissions article{padding:10px!important;border:1px solid var(--datoden-bar-border)!important;border-radius:8px!important}.datoden-admin-permissions p{margin:5px 0 0!important;color:var(--datoden-bar-muted)!important}
@media(max-width:650px){.datoden-admin-permissions>div{grid-template-columns:1fr!important}}

.datoden-admin-invite-apps{margin-top:12px!important}.datoden-admin-field-title{display:block!important;font-weight:700!important;margin-bottom:7px!important}
.datoden-admin-invite-app-row{display:grid!important;grid-template-columns:auto minmax(120px,1fr) minmax(150px,200px)!important;align-items:center!important;gap:8px!important;padding:7px 0!important;border-bottom:1px solid var(--datoden-bar-border)!important}
.datoden-admin-invite-app-row input{width:auto!important;margin:0!important}
.datoden-admin-user{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"info controls" "apps apps"!important}
.datoden-admin-presence{width:9px!important;height:9px!important;border-radius:50%!important;background:var(--datoden-bg-777777,#777)!important;flex:0 0 9px!important}.datoden-admin-presence.online{background:#2fbf71!important;box-shadow:0 0 0 3px rgba(47,191,113,.14)!important}
.datoden-admin-presence.idle{background:var(--datoden-brand-blue,var(--datoden-accent,#3953a4))!important;box-shadow:0 0 0 3px rgba(var(--datoden-accent-rgb,57,83,164),.14)!important}
.datoden-admin-last-seen{font-size:11px!important;opacity:.7!important}
.datoden-admin-apps{grid-area:apps!important;padding-left:18px!important;margin-top:3px!important}
@media(max-width:650px){.datoden-admin-user{grid-template-columns:1fr!important;grid-template-areas:"info" "controls" "apps"!important}.datoden-admin-invite-app-row{grid-template-columns:auto 1fr!important}.datoden-admin-invite-app-row select{grid-column:2}}

.datoden-admin-invite-app-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,210px)!important;align-items:center!important;gap:8px!important;padding:5px 0!important;border:0!important}
.datoden-admin-invite-app-row select{height:42px!important;width:100%!important}

.datoden-admin-apps{grid-area:apps!important;padding:0!important;margin:4px 0 0 18px!important;border-top:1px solid var(--datoden-bar-border)!important}
.datoden-admin-apps>summary{cursor:pointer!important;width:max-content!important;padding-block:9px!important;padding-right:0!important;font-weight:700!important}

@media(max-width:650px){.datoden-admin-invite-app-row,.datoden-admin-app-row{grid-template-columns:1fr!important}}

.datoden-admin-session{display:flex!important;align-items:center!important;gap:7px!important;margin-top:2px!important}
.datoden-admin-session .datoden-admin-last-seen{margin:0!important}

.datoden-admin-user{display:block!important;padding:0!important;border-bottom:1px solid var(--datoden-bar-border)!important}
.datoden-admin-user>summary{list-style:none!important;cursor:pointer!important;padding-block:12px!important;padding-right:0!important}
.datoden-admin-user>summary::-webkit-details-marker{display:none!important}
.datoden-admin-user-summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"title title" "session session"!important;gap:5px!important}
.datoden-admin-user-title{grid-area:title!important;display:flex!important;align-items:baseline!important;gap:9px!important}
.datoden-admin-user-role{font-size:12px!important;font-weight:700!important;color:var(--datoden-bar-muted)!important}
.datoden-admin-user-summary .datoden-admin-session{grid-area:session!important;margin:0!important}
.datoden-admin-user-body{padding:0 0 12px 16px!important}
.datoden-admin-user-email{display:block!important;color:var(--datoden-bar-muted)!important;margin-bottom:10px!important}
.datoden-admin-apps{display:block!important;margin:0!important;padding:0!important;border:0!important}
.datoden-admin-app-list{display:grid!important;gap:6px!important}
.datoden-admin-app-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,210px)!important;align-items:center!important;gap:8px!important}
.datoden-admin-app-row label{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;font-weight:600!important}
.datoden-admin-app-row input{width:auto!important;margin:0!important}
.datoden-admin-app-role{height:38px!important;width:100%!important}
@media(max-width:650px){.datoden-admin-app-row{grid-template-columns:1fr!important}.datoden-admin-user-title{align-items:flex-start!important;flex-direction:column!important;gap:2px!important}}

.datoden-admin-apps>summary{list-style:none!important;cursor:pointer!important}
.datoden-admin-apps>summary::-webkit-details-marker{display:none!important}
.datoden-admin-apps-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:9px 0!important;font-weight:700!important}

.datoden-admin-app-list{padding:2px 0 4px!important}

.datoden-admin-apps{width:100%!important}
.datoden-admin-apps-title{width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}

.datoden-admin-sort{display:flex!important;justify-content:flex-end!important;align-items:center!important;margin:0 0 8px!important}
.datoden-admin-sort label{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:12px!important;font-weight:700!important;color:var(--datoden-bar-muted)!important}
.datoden-admin-sort select{width:auto!important;min-width:170px!important;height:38px!important;margin:0!important;color:var(--datoden-bar-text)!important;background:var(--datoden-bar-bg)!important;border:1px solid var(--datoden-bar-border)!important}
@media(max-width:650px){.datoden-admin-sort{justify-content:stretch!important}.datoden-admin-sort label,.datoden-admin-sort select{width:100%!important}}

.datoden-admin-permissions{margin-top:18px!important;border-top:1px solid var(--datoden-bar-border)!important}
.datoden-admin-permissions>summary{list-style:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-block:13px!important;padding-right:0!important;font-size:16px!important;font-weight:800!important}
.datoden-admin-permissions>summary::-webkit-details-marker{display:none!important}

.datoden-admin-permissions>div{padding:0 0 4px!important}

.datoden-admin-user-body{padding-left:16px!important}
.datoden-admin-user-body>.datoden-admin-apps{
 width:calc(100% + 16px)!important;
 margin-left:-16px!important;
 margin-right:0!important;
 box-sizing:border-box!important;
}
.datoden-admin-user-body>.datoden-admin-apps>.datoden-admin-apps-title{
 width:100%!important;
 box-sizing:border-box!important;
 padding-left:16px!important;
 padding-right:2px!important;
}
.datoden-admin-user-body>.datoden-admin-apps>.datoden-admin-app-list{
 padding-left:16px!important;
 padding-right:0!important;
}

.datoden-admin-app-role-text{display:flex!important;align-items:center!important;min-height:38px!important;padding:0 12px!important;color:var(--datoden-bar-muted)!important;font-weight:600!important}

.datoden-admin-tabs button:first-child{font-weight:800!important}

.datoden-admin-company-context{display:grid!important;gap:14px!important}
.datoden-admin-context-tabs{order:0!important;margin:0!important}
.datoden-admin-context-body{display:grid!important;gap:14px!important}
.datoden-admin-context-body>.datoden-admin-sort{margin:0!important}
.datoden-admin-company-users{display:grid!important}

.datoden-admin-panel>.datoden-admin-invite{margin-bottom:18px!important}
.datoden-admin-company-context{margin-top:0!important}
.datoden-admin-context-tabs{margin:0 0 14px!important}

.datoden-admin-company-users>.datoden-admin-user:last-child{border-bottom:0!important}

.datoden-admin-app-row:has(input:disabled){opacity:.5!important}
.datoden-admin-app-row:has(input:disabled) .datoden-admin-app-role,
.datoden-admin-app-row:has(input:disabled) .datoden-admin-app-role-text{pointer-events:none!important}

:root{--datoden-interaction-blue:var(--datoden-brand-blue,var(--datoden-accent,#3953a4))}

/* Vallistor/fält får blå markeringskant och diskret blå bakgrund vid hover/focus. */
.datoden-account-overlay select,
.datoden-admin-panel select,
.datoden-account-overlay input,
.datoden-admin-panel input{
 transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
.datoden-account-overlay select:hover,
.datoden-admin-panel select:hover,
.datoden-account-overlay input:hover,
.datoden-admin-panel input:hover{
 border-color:var(--datoden-interaction-blue)!important;
}
.datoden-account-overlay select:focus,
.datoden-account-overlay select:focus-visible,
.datoden-admin-panel select:focus,
.datoden-admin-panel select:focus-visible,
.datoden-account-overlay input:focus,
.datoden-account-overlay input:focus-visible,
.datoden-admin-panel input:focus,
.datoden-admin-panel input:focus-visible{
 border-color:var(--datoden-interaction-blue)!important;
 box-shadow:0 0 0 2px color-mix(in srgb,var(--datoden-interaction-blue) 28%,transparent)!important;
 outline:none!important;
}

/* Checkbox/radio använder samma blå accent. */
.datoden-account-overlay input[type="checkbox"],
.datoden-account-overlay input[type="radio"],
.datoden-admin-panel input[type="checkbox"],
.datoden-admin-panel input[type="radio"]{
 accent-color:var(--datoden-interaction-blue)!important;
}

/* v94: fullständig gemensam blå interaktionsprofil. */
.datoden-account-overlay select option,
.datoden-admin-panel select option{
 background:var(--sub-datoden-control-bg)!important;
 color:var(--sub-datoden-control-text)!important;
}
.datoden-account-overlay select option:checked,
.datoden-account-overlay select option:hover,
.datoden-account-overlay select option:focus,
.datoden-admin-panel select option:checked,
.datoden-admin-panel select option:hover,
.datoden-admin-panel select option:focus{
 background:var(--datoden-interaction-blue)!important;
 background-color:var(--datoden-interaction-blue)!important;
 color:var(--datoden-on-accent,#fff)!important;
}

/* Täcker samtliga kvarvarande kontroller/menyalternativ med samma blå hover/focus. */
.datoden-globalbar a:not(.datoden-brand):hover,
.datoden-globalbar a:not(.datoden-brand):focus-visible,
.datoden-account-dropdown button:hover,
.datoden-account-dropdown button:focus-visible,
.datoden-account-overlay [role="button"]:hover,
.datoden-account-overlay [role="button"]:focus-visible,
.datoden-admin-panel [role="button"]:hover,
.datoden-admin-panel [role="button"]:focus-visible{
 background-color:var(--datoden-interaction-blue)!important;
 border-color:var(--datoden-interaction-blue)!important;
 color:#fff!important;
 outline:none!important;
}

.datoden-account-overlay select option:checked,
.datoden-account-overlay select option[selected],
.datoden-admin-panel select option:checked,
.datoden-admin-panel select option[selected]{
 background:var(--datoden-interaction-blue)!important;
 background-color:var(--datoden-interaction-blue)!important;
 color:var(--datoden-on-accent,#fff)!important;
 -webkit-text-fill-color:#fff!important;
}

/* Gemensam custom-vallista: browserns native popup ersätts så val/hover kan följa Datoden-profilen. */
/* Väljaren behåller data och change-händelser; endast den skapade knappen visas.
   Ingen 1px/opacity-döljning som kan skrivas över av vanliga fältregler. */
.datoden-select > select.datoden-native-select{display:none!important}
.datoden-select{position:relative!important;min-width:0!important;width:100%!important}
.datoden-select-button{width:100%!important;min-height:46px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:0 12px!important;background:var(--sub-datoden-control-bg)!important;border:1px solid var(--sub-datoden-control-border)!important;color:var(--sub-datoden-control-text)!important;text-align:left!important}
.datoden-select-button svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 18px!important}
.datoden-select-button:hover,.datoden-select-button:focus-visible{border-color:var(--datoden-interaction-blue)!important;box-shadow:0 0 0 1px var(--datoden-interaction-blue)!important;outline:none!important}
.datoden-select-menu{position:fixed!important;z-index:10020!important;left:var(--datoden-select-left,0px)!important;right:auto!important;top:var(--datoden-select-top,0px)!important;width:var(--datoden-select-width,auto)!important;max-height:var(--datoden-select-max-height,none)!important;overflow-y:auto!important;box-sizing:border-box!important;padding:5px!important;background:var(--sub-datoden-control-bg)!important;border:1px solid var(--sub-datoden-control-border)!important;border-radius:8px!important;box-shadow:0 8px 22px rgba(0,0,0,.3)!important}
.datoden-select[hidden],.datoden-select-menu[hidden]{display:none!important}
.datoden-select-option{display:block!important;width:100%!important;padding:7px 9px!important;margin:0!important;border:0!important;border-radius:4px!important;background:transparent!important;color:var(--sub-datoden-control-text)!important;text-align:left!important}
.datoden-select-option:hover,.datoden-select-option:focus-visible,.datoden-select-option.selected{background:var(--datoden-interaction-blue)!important;color:var(--datoden-on-accent,#fff)!important;outline:none!important}
.datoden-select-option:disabled{opacity:.45!important;pointer-events:none!important}

/* v97 — Enhetlig kontrollyta: samma bakgrund/text som vallistor, radius 6px. */
.datoden-account-overlay input:not([type="checkbox"]):not([type="radio"]),
.datoden-account-overlay textarea,
.datoden-admin-panel input:not([type="checkbox"]):not([type="radio"]),
.datoden-admin-panel textarea,
.datoden-select-button,
.datoden-select-option,
.datoden-admin-tabs button{
 background-color:var(--sub-datoden-control-bg)!important;
 color:var(--sub-datoden-control-text)!important;
 border-radius:6px!important;
}
.datoden-account-overlay select,
.datoden-admin-panel select,
.datoden-account-overlay input,
.datoden-admin-panel input,
.datoden-account-overlay textarea,
.datoden-admin-panel textarea,
.datoden-select,
.datoden-select-button,
.datoden-select-menu,
.datoden-select-option,
.datoden-admin-tabs button{
 border-radius:6px!important;
}

/* v98 — Samma border-color som vallistor på samtliga formulärkontroller. */
.datoden-account-overlay input:not([type="checkbox"]):not([type="radio"]),
.datoden-account-overlay textarea,
.datoden-admin-panel input:not([type="checkbox"]):not([type="radio"]),
.datoden-admin-panel textarea,
.datoden-select-button,
.datoden-admin-tabs button{
 border-color:var(--datoden-bar-border)!important;
}

/* v99 — Etikett + tillhörande kontroll centreras exakt vertikalt som gemensam komponentrad. */
.datoden-admin-sort,
.datoden-admin-sort label{
 align-items:center!important;
}
.datoden-admin-sort label{
 display:inline-flex!important;
 line-height:1!important;
}
.datoden-admin-sort .datoden-select,
.datoden-admin-sort .datoden-select-button{
 align-self:center!important;
}
.datoden-admin-sort .datoden-select-button{
 display:flex!important;
 align-items:center!important;
}
.datoden-admin-sort .datoden-select-button>span{
 display:flex!important;
 align-items:center!important;
 line-height:1!important;
}

/* v100 — Sortera-text och vallista delar exakt samma vertikala mittlinje. */
.datoden-admin-sort>label{
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:flex-end!important;
 gap:10px!important;
 min-height:42px!important;
 margin:0!important;
 line-height:normal!important;
}
.datoden-admin-sort>label>.datoden-select{
 display:flex!important;
 align-items:center!important;
 width:auto!important;
 min-width:170px!important;
 align-self:center!important;
}
.datoden-admin-sort>label>.datoden-select>.datoden-select-button{
 min-height:46px!important;
 height:auto!important;
 margin:0!important;
}

/* Klickbara rubriker är radytor, inte vanliga knappar.
   Gemensam källa för konto/admin, Text och bild samt kolumnrubriker.
   Sektionernas avgränsare och själva utfällningsanimationen ägs fortsatt av layouten. */
@layer datoden-clickable-titles {
  @media screen {
    :is(details:not(.datoden-read-more) > summary,.text-image-collapse-toggle,.sort-button,.datoden-clickable-title){
      box-sizing:border-box!important;
      border:0!important;
      border-radius:0!important;
      padding-left:12px!important;
      background:transparent!important;
      color:inherit!important;
      -webkit-text-fill-color:currentColor!important;
      box-shadow:none!important;
      text-decoration:none!important;
      outline:none!important;
      transition:background-color .14s ease!important;
    }
    :is(details:not(.datoden-read-more) > summary,.text-image-collapse-toggle,.sort-button,.datoden-clickable-title):not(:disabled):not([aria-disabled="true"]):hover{
      background-color:var(--sub-datoden-title-hover-bg)!important;
    }
    /* Tangentbordsfokus syns utan att lägga en bakgrund på en rad som inte hovras. */
    :is(details:not(.datoden-read-more) > summary,.text-image-collapse-toggle,.sort-button,.datoden-clickable-title):not(:disabled):not([aria-disabled="true"]):focus-visible{
      outline:2px solid var(--sub-datoden-interaction)!important;
      outline-offset:-2px!important;
    }
  }
  @media screen and (prefers-reduced-motion:reduce){
    :is(details:not(.datoden-read-more) > summary,.text-image-collapse-toggle,.sort-button,.datoden-clickable-title){
      transition:none!important;
    }
  }
}

/* v102 — Gemensam min-height 46px på enhetliga interaktiva objekt. */
.datoden-account-overlay input:not([type="checkbox"]):not([type="radio"]),
.datoden-account-overlay textarea,
.datoden-admin-panel input:not([type="checkbox"]):not([type="radio"]),
.datoden-admin-panel textarea,
.datoden-select,
.datoden-select-button,
.datoden-admin-tabs button,
.datoden-admin-panel details>summary,
.datoden-account-overlay details>summary,
.datoden-admin-user>summary,
.datoden-admin-apps>summary,
.datoden-admin-permissions>summary{
 min-height:46px!important;
}

/* Gemensamma Datoden-kontroller för rapport.datoden.se, schema.datoden.se och framtida underdomäner. */
:root{
  --sub-datoden-control-bg:var(--datoden-bg-343638,#343638);
  --sub-datoden-control-text:#f2f2f2;
  --sub-datoden-control-border:var(--datoden-bg-62686b,#62686b);
  --sub-datoden-control-radius:6px;
  --sub-datoden-control-height:46px;
  --sub-datoden-interaction:var(--datoden-brand-blue,var(--datoden-accent,#3953a4));
  --sub-datoden-button-bg:var(--datoden-bg-414345,#414345);
  --sub-datoden-button-text:#fff;
  --sub-datoden-button-hover:var(--datoden-bg-4a4d50,#4a4d50);
  --sub-datoden-title-hover-bg:var(--sub-datoden-button-bg);
}

@media(prefers-color-scheme:light){
  html:not([data-theme="dark"]):not(.datoden-theme-dark){
    --sub-datoden-control-bg:var(--datoden-bg-ffffff,#fff);
    --sub-datoden-control-text:#202124;
    --sub-datoden-control-border:var(--datoden-bg-b9c0c6,#b9c0c6);
    --sub-datoden-button-bg:var(--datoden-bg-f0f1f2,#f0f1f2);
    --sub-datoden-button-text:#222;
    --sub-datoden-button-hover:var(--datoden-bg-e2e4e6,#e2e4e6);
    --sub-datoden-title-hover-bg:var(--sub-datoden-button-hover);
  }
}
html[data-theme="light"],html.datoden-theme-light{
  --datoden-brand-light-display:block;
  --datoden-brand-dark-display:none;
  --sub-datoden-control-bg:var(--datoden-bg-ffffff,#fff);
  --sub-datoden-control-text:#202124;
  --sub-datoden-control-border:var(--datoden-bg-b9c0c6,#b9c0c6);
  --sub-datoden-button-bg:var(--datoden-bg-f0f1f2,#f0f1f2);
  --sub-datoden-button-text:#222;
  --sub-datoden-button-hover:var(--datoden-bg-e2e4e6,#e2e4e6);
  --sub-datoden-title-hover-bg:var(--sub-datoden-button-hover);
}
html[data-theme="dark"],html.datoden-theme-dark{
  --datoden-brand-light-display:none;
  --datoden-brand-dark-display:block;
  --sub-datoden-control-bg:var(--datoden-bg-343638,#343638);
  --sub-datoden-control-text:#f2f2f2;
  --sub-datoden-control-border:var(--datoden-bg-62686b,#62686b);
  --sub-datoden-button-bg:var(--datoden-bg-414345,#414345);
  --sub-datoden-button-text:#fff;
  --sub-datoden-button-hover:var(--datoden-bg-4a4d50,#4a4d50);
  --sub-datoden-title-hover-bg:var(--sub-datoden-button-bg);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
select,
textarea{
  border:1px solid var(--sub-datoden-control-border);
  border-radius:var(--sub-datoden-control-radius);
  background:var(--sub-datoden-control-bg);
  color:var(--sub-datoden-control-text);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
select{
  min-height:var(--sub-datoden-control-height);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):hover,
select:hover,
textarea:hover{
  border-color:var(--sub-datoden-interaction);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible{
  border-color:var(--sub-datoden-interaction);
  outline:none;
}

input[type="checkbox"],
input[type="radio"]{
  accent-color:var(--sub-datoden-interaction);
}
button:disabled{
  opacity:.55!important;
  cursor:not-allowed!important;
}

/* Gemensam utfällning: samma pil, rörelse och tangentbordsbeteende i alla kontosektioner. */
:root{
  --datoden-disclosure-duration:220ms;
  --datoden-disclosure-easing:cubic-bezier(.2,0,0,1);
}

.datoden-disclosure{
  box-sizing:border-box!important;
}
.datoden-disclosure > summary,
#datodenAccountContent .datoden-disclosure > summary{
  position:relative!important;
  box-sizing:border-box!important;
  padding-inline-end:44px!important;
  list-style:none!important;
}
.datoden-disclosure > summary::marker{content:""}
.datoden-disclosure > summary::-webkit-details-marker{display:none!important}
.datoden-disclosure > summary > .datoden-disclosure-icon{
  position:absolute!important;
  inset-inline-end:14px!important;
  top:50%!important;
  display:block!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
  fill:none!important;
  stroke:currentColor!important;
  pointer-events:none!important;
  transform:translateY(-50%) rotate(0deg)!important;
  transform-origin:center!important;
  transition:transform var(--datoden-disclosure-duration) var(--datoden-disclosure-easing)!important;
}
.datoden-disclosure[open]:not([data-disclosure-closing]) > summary > .datoden-disclosure-icon{
  transform:translateY(-50%) rotate(180deg)!important;
}
.datoden-disclosure[data-disclosure-moving]{overflow:hidden!important}
@media(prefers-reduced-motion:reduce){
  .datoden-disclosure > summary > .datoden-disclosure-icon{transition:none!important}
}

/* Gemensam Läs mer: textlänk, samma utfällningspil och rörelse som övriga sektioner. */
:root .datoden-read-more{margin:0;padding:0;border:0;background:transparent;min-width:0}
:root .datoden-read-more > summary,
#datodenAccountContent .datoden-read-more > summary{
 display:flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;
 min-height:var(--datoden-read-more-height,36px)!important;margin:0 0 0 var(--datoden-read-more-margin,0)!important;padding:4px 26px 4px 0!important;
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
 color:inherit!important;font:inherit!important;font-weight:400!important;text-decoration:none!important;cursor:pointer!important;
}
:root .datoden-read-more > summary:hover{background:transparent!important;text-decoration:underline!important;text-underline-offset:3px}
:root .datoden-read-more > summary:focus-visible{outline:2px solid var(--sub-datoden-interaction,var(--datoden-accent,#3953a4))!important;outline-offset:3px!important}
:root .datoden-read-more > summary > .datoden-disclosure-icon{inset-inline-end:0!important}
.datoden-read-more-body{line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap;padding-top:8px}
.datoden-read-more-body p{margin:8px 0 0}
.datoden-install-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:start}
.datoden-install-actions>.datoden-button{grid-area:1/1;justify-self:start;align-self:start;position:relative;z-index:1;text-decoration:none;max-width:100%;white-space:normal}
.datoden-install-actions>.datoden-read-more{grid-area:1/1/2/3;--datoden-read-more-margin:auto;--datoden-read-more-height:46px}
@media(max-width:520px){
 .datoden-install-actions{grid-template-columns:minmax(0,1fr);gap:2px}
 .datoden-install-actions>.datoden-read-more{grid-area:2/1}
 .datoden-install-actions>.datoden-read-more{--datoden-read-more-height:36px}
}
/* Gemensam tvålägesväxlare. Native radio ger fokus, piltangenter och skärmläsarstöd. */
.datoden-segmented-control{
 position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));isolation:isolate;
 width:100%;max-width:380px;min-width:0;box-sizing:border-box;margin:18px 0 0;padding:4px;
 border:1px solid var(--sub-datoden-control-border);border-radius:12px;
 background:var(--datoden-bar-hover);color:var(--sub-datoden-control-text);
}
.datoden-segmented-indicator{
 position:absolute;z-index:-1;inset:4px auto 4px 4px;width:calc(50% - 4px);box-sizing:border-box;
 border:1px solid var(--sub-datoden-interaction);border-radius:8px;
 background:var(--sub-datoden-control-bg);box-shadow:0 2px 6px var(--datoden-bar-shadow);
 opacity:0;transform:translateX(0);transition:transform 200ms ease,opacity 150ms ease;
}
.datoden-segmented-control[data-value]>.datoden-segmented-indicator{opacity:1}
.datoden-segmented-control[data-value="own"]>.datoden-segmented-indicator{transform:translateX(100%)}
#datodenAccountContent .datoden-segmented-option{
 position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;
 margin:0;padding:0;border:0;cursor:pointer;color:var(--datoden-bar-muted);text-align:center;
}
#datodenAccountContent .datoden-segmented-option>input{
 position:absolute;width:1px;height:1px;min-height:0;inset:50% auto auto 50%;margin:0;padding:0;border:0;
 clip-path:inset(50%);overflow:hidden;white-space:nowrap;
}
.datoden-segmented-option>span{display:block;padding:10px 8px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.datoden-segmented-option>input:checked+span{color:var(--sub-datoden-control-text);font-weight:700}
.datoden-segmented-option>input:focus-visible+span{outline:2px solid var(--sub-datoden-interaction);outline-offset:-2px;border-radius:8px}
.datoden-segmented-control:not(:disabled) .datoden-segmented-option:hover{color:var(--sub-datoden-control-text)}
.datoden-segmented-control:disabled .datoden-segmented-option{cursor:not-allowed}
.datoden-segmented-control[aria-busy="true"]{opacity:.65}
.datoden-database-status{margin:10px 0 0;font-size:13px}
.datoden-section-highlight{outline:2px solid var(--sub-datoden-interaction);outline-offset:6px;border-radius:6px;background:var(--datoden-bar-hover)}
[data-datoden-settings-section]{scroll-margin-block:24px}
[data-datoden-settings-section]:focus{outline:none}
[data-datoden-settings-section].datoden-section-highlight{outline:2px solid var(--sub-datoden-interaction)}
@media(prefers-reduced-motion:reduce){.datoden-segmented-indicator{transition:none}}

/* Gemensam Ändra-/ikonknapp. Apparna tillför endast placering och funktion. */
:root button.datoden-icon-button{
  align-self:center!important;
  flex:0 0 46px!important;
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  padding:0!important;
}
:root button.datoden-icon-button > svg{
  display:block!important;
  align-self:center!important;
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
  margin:0!important;
  color:inherit!important;
  stroke:currentColor!important;
}

/* Ikon i en ordinarie knapp följer knappens textfärg i båda teman. */
.datoden-button-icon{
  display:block!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  color:inherit!important;
  stroke:currentColor!important;
}

/* Gemensam Datoden-vallista: färg och textfyllnad följer samma tema och tillstånd. */
.app-select,
.checkbox-select{
  position:relative;
  color:var(--sub-datoden-control-text);
}
.app-select-trigger,
.checkbox-select-trigger{
  box-sizing:border-box;
  min-height:var(--sub-datoden-control-height)!important;
  border:1px solid var(--sub-datoden-control-border)!important;
  border-radius:var(--sub-datoden-control-radius)!important;
  background:var(--sub-datoden-control-bg)!important;
  color:var(--sub-datoden-control-text)!important;
  box-shadow:none!important;
  filter:none!important;
}
.app-select-trigger>span,
.checkbox-select-trigger>span{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}
.app-select-trigger:is(:hover,:focus,:focus-visible,:active),
.checkbox-select-trigger:is(:hover,:focus,:focus-visible,:active),
.app-select-trigger[aria-expanded="true"],
.checkbox-select-trigger[aria-expanded="true"]{
  background:var(--sub-datoden-control-bg)!important;
  color:var(--sub-datoden-control-text)!important;
  border-color:var(--sub-datoden-interaction)!important;
  outline:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.app-select-menu,
.checkbox-select-menu,
body>.app-select-menu.app-select-menu-portal{
  background:var(--sub-datoden-control-bg)!important;
  color:var(--sub-datoden-control-text)!important;
  border:1px solid var(--sub-datoden-control-border)!important;
  border-radius:var(--sub-datoden-control-radius)!important;
}
.app-select-option,
.checkbox-select-option,
body>.app-select-menu.app-select-menu-portal>.app-select-option{
  background:var(--sub-datoden-control-bg)!important;
  color:var(--sub-datoden-control-text)!important;
  -webkit-text-fill-color:currentColor!important;
  white-space:nowrap;
}
.app-select-option:is(:hover,:focus,.selected),
.checkbox-select-option:is(:hover,:focus,.selected),
body>.app-select-menu.app-select-menu-portal>.app-select-option:is(:hover,:focus,.selected){
  background:var(--sub-datoden-interaction)!important;
  color:var(--datoden-on-accent,#fff)!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Gemensam info-knapp: en enda visuell variant i alla Datoden-appar. */
:root button.function-info-icon,
.function-info-icon{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 30px!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:50%!important;
  background:transparent!important;
  color:inherit!important;
  line-height:1!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  cursor:pointer!important;
}
.function-info-icon svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
}
:root button.function-info-icon:hover,
:root button.function-info-icon:focus,
:root button.function-info-icon:focus-visible,
.function-info-icon:hover,
.function-info-icon:focus,
.function-info-icon:focus-visible{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  border-color:var(--sub-datoden-interaction)!important;
  border-radius:50%!important;
  background:var(--sub-datoden-interaction)!important;
  color:var(--datoden-on-accent,#fff)!important;
  outline:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.function-info-icon:hover svg,
.function-info-icon:hover svg *,
.function-info-icon:focus-visible svg,
.function-info-icon:focus-visible svg *{
  color:#fff!important;
  stroke:#fff!important;
}
.function-info-icon:hover svg circle[fill="currentColor"],
.function-info-icon:focus-visible svg circle[fill="currentColor"]{
  fill:#fff!important;
}

/* v115 — Lokal QR-kod för 2FA. */
.datoden-2fa-qr{width:max-content!important;max-width:100%!important;margin:14px 0!important;padding:10px!important;border:1px solid var(--datoden-bar-border,#d7d9dc)!important;border-radius:var(--sub-datoden-control-radius,6px)!important;background:var(--datoden-bg-ffffff,#fff)!important}.datoden-2fa-qr svg{display:block!important;max-width:220px!important;width:100%!important;height:auto!important}.datoden-2fa-manual{margin:10px 0 14px!important}.datoden-2fa-manual summary{cursor:pointer!important;font-weight:700!important}.datoden-2fa-manual code{display:block!important;margin-top:8px!important;word-break:break-all!important;user-select:all!important}

/* v135 — Mitt konto: jämn luft mellan huvudknappar; avgränsare visas endast för utfälld sektion. */
#datodenAccountContent .account-profile-section > form{
  padding-bottom:10px!important;
}
#datodenAccountContent .account-profile-section > form > button{
  margin-top:14px!important;
  margin-bottom:0!important;
  margin-left:0!important;
}
#datodenAccountContent .account-collapsible{
  margin-top:10px!important;
  border-top:0;
}
#datodenAccountContent .account-collapsible[open]{
  padding-top:10px;
  border-top:1px solid var(--datoden-bar-border,#ddd);
}
#datodenAccountContent .account-collapsible > summary{
  width:auto!important;
  margin:0!important;
  list-style:none!important;
  text-decoration:none!important;
}
#datodenAccountContent .account-collapsible > summary::-webkit-details-marker{
  display:none!important;
}

/* v140 — Administration: företagsväljaren visas som enhetliga flikar. */
.datoden-admin-context-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  align-items:flex-end!important;
}
.datoden-admin-context-tabs > button{
  box-sizing:border-box!important;
  height:26px!important;
  min-height:26px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid var(--datoden-bar-border,#4b4f54)!important;
  border-radius:7px 7px 0 0!important;
  background:var(--datoden-bg-343638,#343638)!important;
  color:#fff!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.datoden-admin-context-tabs > button:hover,
.datoden-admin-context-tabs > button:focus-visible{
  background:var(--datoden-bg-414345,#414345)!important;
  color:#fff!important;
  font-weight:400!important;
}
.datoden-admin-context-tabs > button.active,
.datoden-admin-context-tabs > button.active:hover,
.datoden-admin-context-tabs > button.active:focus-visible{
  background:var(--datoden-accent-2,#405db8)!important;
  border-color:var(--datoden-accent-2,#405db8)!important;
  color:var(--datoden-on-accent,#fff)!important;
  font-weight:400!important;
}


html[data-theme="light"] .datoden-admin-context-tabs > button.active,
html[data-theme="light"] .datoden-admin-context-tabs > button.active:hover,
html[data-theme="light"] .datoden-admin-context-tabs > button.active:focus-visible{
  background:var(--datoden-accent-2,#405db8)!important;
  border-color:var(--datoden-accent-2,#405db8)!important;
  color:var(--datoden-on-accent,#fff)!important;
}

/* v141 — Kompakta administrationsflikar; ingen fliktext får vara fet. */
.datoden-admin-context-tabs > button,
.datoden-admin-context-tabs > button *,
.datoden-admin-context-tabs > button:first-child,
.datoden-admin-context-tabs > button:first-child *{
  font-weight:400!important;
}

/* v142 — Administration: Bjud in har samma formulärgeometri oavsett vald företagsflik. */
/* v145 — Administration: klickbar och exakt centrerad sorteringsikon. */
.datoden-admin-company-context{position:relative!important;}
.datoden-admin-context-tabs{padding-right:42px!important;}
.datoden-admin-sort{position:absolute!important;top:0!important;right:0!important;width:30px!important;height:26px!important;margin:0!important;padding:0!important;}
.datoden-admin-sort-button{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:30px!important;height:26px!important;min-width:30px!important;min-height:26px!important;max-width:30px!important;max-height:26px!important;
  margin:0!important;padding:0!important;border:1px solid var(--datoden-bar-border,#4b4f54)!important;border-radius:5px!important;
  background:var(--datoden-bg-343638,#343638)!important;color:#fff!important;cursor:pointer!important;box-shadow:none!important;
}
.datoden-admin-sort-button>svg{display:block!important;width:15px!important;height:15px!important;margin:0!important;padding:0!important;flex:0 0 15px!important;}
.datoden-admin-sort-button:hover,.datoden-admin-sort-button:focus-visible{background:var(--datoden-bg-414345,#414345)!important;}



/* v150 — EN enda CSS-källa för samtliga stängknappar. */
:is(.datoden-close-button,.info-popover-close,.datoden-account-close,.account-close,.datoden-admin-close){
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  font-size:0!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:background-color .14s ease,color .14s ease!important;
}
:is(.datoden-close-button,.info-popover-close,.datoden-account-close,.account-close,.datoden-admin-close)::before{
  content:"×"!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-family:Arial,sans-serif!important;
  font-size:24px!important;
  font-weight:300!important;
  line-height:1!important;
  color:currentColor!important;
  transform:translateY(-1px)!important;
  pointer-events:none!important;
}
:is(.datoden-close-button,.info-popover-close,.datoden-account-close,.account-close,.datoden-admin-close)>svg{
  display:none!important;
}
:is(.datoden-close-button,.info-popover-close,.datoden-account-close,.account-close,.datoden-admin-close):hover,
:is(.datoden-close-button,.info-popover-close,.datoden-account-close,.account-close,.datoden-admin-close):focus-visible{
  background:var(--sub-datoden-interaction,var(--datoden-accent-2,#405db8))!important;
  color:var(--datoden-on-accent,#fff)!important;
}

/* Gemensam ljus knappdesign: Ångras normalläge och Text och bilds hover.
   Även textfält med datoden-field-surface delar denna palett och interaktionsstil.
   Form, storlek, ikon och funktion ligger kvar i respektive komponent.
   Valda flikar/listalternativ behåller sin valmarkering. */
@layer datoden-light-buttons {
  @media screen {
    /* Sammanhängande inställningsflikar behåller knappfärgerna men saknar ram. */
    .settings-tabs[role="tablist"]{
      --sub-datoden-button-border-width:0px;
    }
    /* Menyutlösare hör till toppraden, utan egen grå yta i normalläget. */
    .datoden-globalbar :is(.datoden-appswitch-btn,.datoden-account-btn){
      --sub-datoden-button-bg:transparent;
    }

    :root:is([data-theme="light"],.datoden-theme-light){
      --sub-datoden-button-bg:var(--datoden-bg-eef0f2,#eef0f2)!important;
      --sub-datoden-button-text:#202124!important;
      --sub-datoden-button-border:var(--datoden-bg-c8cdd2,#c8cdd2)!important;
      --sub-datoden-button-hover:var(--datoden-bg-e1e3e5,#e1e3e5)!important;
      --sub-datoden-button-hover-border:var(--datoden-accent,#3953a4)!important;
      --sub-datoden-button-disabled-bg:var(--datoden-bg-e2e4e6,#e2e4e6)!important;
      --sub-datoden-button-disabled-text:#777b80!important;
    }
    /* Kompakt textfält: samma textinset och 32px grundhöjd som rapportvallistor.
       Endast minhöjd anges så längre text fortsatt kan växa. */
    :root:is([data-theme="light"],.datoden-theme-light) .datoden-field-surface{
      padding:5px 7px!important;
      min-height:32px!important;
      line-height:20px!important;
    }
    :root:is([data-theme="light"],.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *)),
    :root:is([data-theme="light"],.datoden-theme-light) input[type="file"]::file-selector-button{
      box-sizing:border-box!important;
      background-color:var(--sub-datoden-button-bg)!important;
      background-image:none!important;
      border:var(--sub-datoden-button-border-width,1px) solid var(--sub-datoden-button-border)!important;
      color:var(--sub-datoden-button-text)!important;
      -webkit-text-fill-color:currentColor!important;
      box-shadow:none!important;
      text-shadow:none!important;
      filter:none!important;
      outline:none!important;
      transition:background-color .14s ease,border-color .14s ease,color .14s ease!important;
    }
    :root:is([data-theme="light"],.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *)):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible),
    :root:is([data-theme="light"],.datoden-theme-light) input[type="file"]:not(:disabled)::file-selector-button:hover,
    :root:is([data-theme="light"],.datoden-theme-light) input[type="file"]:not(:disabled):focus-visible::file-selector-button{
      background-color:var(--sub-datoden-button-hover)!important;
      border-color:var(--sub-datoden-button-hover-border)!important;
      color:var(--sub-datoden-button-text)!important;
    }
    :root:is([data-theme="light"],.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *)):is(:disabled,[aria-disabled="true"]),
    :root:is([data-theme="light"],.datoden-theme-light) input[type="file"]:disabled::file-selector-button{
      background-color:var(--sub-datoden-button-disabled-bg)!important;
      border-color:var(--sub-datoden-button-border)!important;
      color:var(--sub-datoden-button-disabled-text)!important;
      opacity:1!important;
    }
    :root:is([data-theme="light"],.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *)) :is(span,b,strong,i,em,u,svg,use),
    :root:is([data-theme="light"],.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *))::before,
    :root:is([data-theme="light"],.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *))::after{
      color:inherit!important;
      -webkit-text-fill-color:currentColor!important;
    }
    :root:is([data-theme="light"],.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *)) :is(svg,use,path[stroke],circle[stroke],line[stroke],polyline[stroke]){
      stroke:currentColor!important;
    }

  }
  @media screen and (prefers-color-scheme:light) {

    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light){
      --sub-datoden-button-bg:var(--datoden-bg-eef0f2,#eef0f2)!important;
      --sub-datoden-button-text:#202124!important;
      --sub-datoden-button-border:var(--datoden-bg-c8cdd2,#c8cdd2)!important;
      --sub-datoden-button-hover:var(--datoden-bg-e1e3e5,#e1e3e5)!important;
      --sub-datoden-button-hover-border:var(--datoden-accent,#3953a4)!important;
      --sub-datoden-button-disabled-bg:var(--datoden-bg-e2e4e6,#e2e4e6)!important;
      --sub-datoden-button-disabled-text:#777b80!important;
    }
    /* Kompakt textfält: samma textinset och 32px grundhöjd som rapportvallistor.
       Endast minhöjd anges så längre text fortsatt kan växa. */
    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light) .datoden-field-surface{
      padding:5px 7px!important;
      min-height:32px!important;
      line-height:20px!important;
    }
    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *)),
    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light) input[type="file"]::file-selector-button{
      box-sizing:border-box!important;
      background-color:var(--sub-datoden-button-bg)!important;
      background-image:none!important;
      border:var(--sub-datoden-button-border-width,1px) solid var(--sub-datoden-button-border)!important;
      color:var(--sub-datoden-button-text)!important;
      -webkit-text-fill-color:currentColor!important;
      box-shadow:none!important;
      text-shadow:none!important;
      filter:none!important;
      outline:none!important;
      transition:background-color .14s ease,border-color .14s ease,color .14s ease!important;
    }
    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *)):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible),
    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light) input[type="file"]:not(:disabled)::file-selector-button:hover,
    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light) input[type="file"]:not(:disabled):focus-visible::file-selector-button{
      background-color:var(--sub-datoden-button-hover)!important;
      border-color:var(--sub-datoden-button-hover-border)!important;
      color:var(--sub-datoden-button-text)!important;
    }
    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *)):is(:disabled,[aria-disabled="true"]),
    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light) input[type="file"]:disabled::file-selector-button{
      background-color:var(--sub-datoden-button-disabled-bg)!important;
      border-color:var(--sub-datoden-button-border)!important;
      color:var(--sub-datoden-button-disabled-text)!important;
      opacity:1!important;
    }
    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *)) :is(span,b,strong,i,em,u,svg,use),
    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *))::before,
    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *))::after{
      color:inherit!important;
      -webkit-text-fill-color:currentColor!important;
    }
    :root:not([data-theme="dark"]):not(.datoden-theme-dark):not([data-theme="light"]):not(.datoden-theme-light) :is(button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.datoden-button,.datoden-icon-button,.datoden-field-surface):not(:where(.active,.selected,[aria-selected="true"],[aria-pressed="true"],.sort-button,summary,.text-image-collapse-toggle,.datoden-clickable-title)):not(:where(.app-select-menu *,.checkbox-select-menu *,.datoden-select-menu *,[role="listbox"] *,.description-click-picker *)) :is(svg,use,path[stroke],circle[stroke],line[stroke],polyline[stroke]){
      stroke:currentColor!important;
    }

  }
}

/* v151 — EN central standard för vanliga knappar och Ändra-ikonknappar. */
.datoden-button,
.datoden-icon-button{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  margin:0!important;
  border:0!important;
  border-radius:7px!important;
  background:var(--datoden-bg-414345,#414345)!important;
  color:#fff!important;
  font:inherit!important;
  font-weight:400!important;
  line-height:1!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:background-color .14s ease,color .14s ease!important;
}
.datoden-button{padding:0 12px!important;gap:6px!important;text-decoration:none!important;}
.datoden-button[hidden],.datoden-icon-button[hidden]{display:none!important;}
.datoden-icon-button{
  width:40px!important;min-width:40px!important;max-width:40px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  padding:0!important;
}
.datoden-button:hover,.datoden-button:focus-visible,
.datoden-icon-button:hover,.datoden-icon-button:focus-visible{
  background:var(--sub-datoden-interaction,var(--datoden-accent-2,#405db8))!important;
  color:var(--datoden-on-accent,#fff)!important;
}
.datoden-button:disabled,.datoden-icon-button:disabled{opacity:.5!important;cursor:default!important;}
.datoden-button>svg,.datoden-icon-button>svg{
  display:block!important;width:18px!important;height:18px!important;margin:0!important;
  color:currentColor!important;fill:none!important;stroke:currentColor!important;
}

/* v152 — Samma centrala blå interaktion i Datodens nedfällbara listor. */
.datoden-select-menu [role="option"]:not([aria-disabled="true"]):hover,
.datoden-select-menu [role="option"]:not([aria-disabled="true"]):focus,
.datoden-select-menu [role="option"]:not([aria-disabled="true"]):focus-visible{
  background:var(--sub-datoden-interaction,var(--datoden-accent-2,#405db8))!important;
  color:var(--datoden-on-accent,#fff)!important;
  outline:0!important;
}

/* v153 — Centrala redigeringsverktyg använder samma ikonknappsbas. */
:is(.datoden-richtext-toolbar,.richtext-toolbar,.footer-editor-toolbar,.footer-new-toolbar) button{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:7px!important;
  background:var(--datoden-bg-414345,#414345)!important;color:#fff!important;font:inherit!important;font-weight:400!important;
  box-shadow:none!important;cursor:pointer!important;
  transition:background-color .14s ease,color .14s ease!important;
}
:is(.datoden-richtext-toolbar,.richtext-toolbar,.footer-editor-toolbar,.footer-new-toolbar) button:hover,
:is(.datoden-richtext-toolbar,.richtext-toolbar,.footer-editor-toolbar,.footer-new-toolbar) button:focus-visible{
  background:var(--sub-datoden-interaction,var(--datoden-accent-2,#405db8))!important;color:var(--datoden-on-accent,#fff)!important;
}

/* v154 — Mörkt/ljust läge för centrala redigeringsverktyg och informationskort. */
html[data-theme="dark"] :is(.datoden-richtext-toolbar,.richtext-toolbar,.footer-editor-toolbar,.footer-new-toolbar) button,
html.datoden-theme-dark :is(.datoden-richtext-toolbar,.richtext-toolbar,.footer-editor-toolbar,.footer-new-toolbar) button{
  background:var(--datoden-bg-414345,#414345)!important;
  color:#fff!important;
  border-color:var(--datoden-bg-55595d,#55595d)!important;
}
html[data-theme="dark"] :is(.datoden-richtext-toolbar,.richtext-toolbar,.footer-editor-toolbar,.footer-new-toolbar) button:hover,
html[data-theme="dark"] :is(.datoden-richtext-toolbar,.richtext-toolbar,.footer-editor-toolbar,.footer-new-toolbar) button:focus-visible,
html.datoden-theme-dark :is(.datoden-richtext-toolbar,.richtext-toolbar,.footer-editor-toolbar,.footer-new-toolbar) button:hover,
html.datoden-theme-dark :is(.datoden-richtext-toolbar,.richtext-toolbar,.footer-editor-toolbar,.footer-new-toolbar) button:focus-visible{
  background:var(--sub-datoden-interaction,var(--datoden-accent-2,#405db8))!important;
  color:var(--datoden-on-accent,#fff)!important;
}
html[data-theme="dark"] :is(.info-popover,.datoden-info-popover,.info-card,.datoden-info-card),
html.datoden-theme-dark :is(.info-popover,.datoden-info-popover,.info-card,.datoden-info-card){
  background:var(--datoden-bg-292b2d,#292b2d)!important;
  color:#f5f5f3!important;
  border-color:var(--datoden-bg-4b4f54,#4b4f54)!important;
}
html[data-theme="dark"] :is(.info-popover,.datoden-info-popover,.info-card,.datoden-info-card) :is(h1,h2,h3,h4,strong,p,span),
html.datoden-theme-dark :is(.info-popover,.datoden-info-popover,.info-card,.datoden-info-card) :is(h1,h2,h3,h4,strong,p,span){
  color:inherit!important;
}
@media(prefers-color-scheme:dark){
  html[data-theme="system"] :is(.datoden-richtext-toolbar,.richtext-toolbar,.footer-editor-toolbar,.footer-new-toolbar) button{
    background:var(--datoden-bg-414345,#414345)!important;color:#fff!important;border-color:var(--datoden-bg-55595d,#55595d)!important;
  }
  html[data-theme="system"] :is(.info-popover,.datoden-info-popover,.info-card,.datoden-info-card){
    background:var(--datoden-bg-292b2d,#292b2d)!important;color:#f5f5f3!important;border-color:var(--datoden-bg-4b4f54,#4b4f54)!important;
  }
}

/* v156 — Textglypher inuti centrala ikonknappar ärver alltid knappens färg. */
.datoden-icon-button :is(b,strong,i,em,u,span){color:inherit!important;}

/* v157 — Ljust tema: centrala knappar behåller standardytan; formulärkontroller är ljusa. */




/* v158 — Komplett ljust tema för centrala Datoden-kontroller. */



html[data-theme="light"] :is(.datoden-select-trigger,.datoden-admin-invite input,.datoden-admin-invite select,.datoden-admin-permissions select,.datoden-account-pane input,.datoden-account-pane select),
html.datoden-theme-light :is(.datoden-select-trigger,.datoden-admin-invite input,.datoden-admin-invite select,.datoden-admin-permissions select,.datoden-account-pane input,.datoden-account-pane select){
  background:var(--datoden-bg-ffffff,#fff)!important;color:#202124!important;border-color:var(--datoden-bg-b9c0c6,#b9c0c6)!important;
}
html[data-theme="light"] :is(.datoden-select-trigger,.datoden-admin-invite input,.datoden-admin-invite select,.datoden-admin-permissions select,.datoden-account-pane input,.datoden-account-pane select):disabled,
html.datoden-theme-light :is(.datoden-select-trigger,.datoden-admin-invite input,.datoden-admin-invite select,.datoden-admin-permissions select,.datoden-account-pane input,.datoden-account-pane select):disabled{
  background:var(--datoden-bg-eceeef,#eceeef)!important;color:#8b8e91!important;border-color:var(--datoden-bg-d1d5d8,#d1d5d8)!important;opacity:1!important;
}
html[data-theme="light"] .datoden-update-dropzone input[type="file"],
html.datoden-theme-light .datoden-update-dropzone input[type="file"]{
  background:var(--datoden-bg-ffffff,#fff)!important;color:#202124!important;border-color:var(--datoden-bg-b9c0c6,#b9c0c6)!important;
}
html[data-theme="light"] .datoden-update-dropzone input[type="file"]::file-selector-button,
html.datoden-theme-light .datoden-update-dropzone input[type="file"]::file-selector-button{
  background:var(--datoden-bg-eef0f2,#eef0f2)!important;color:#202124!important;border-right:1px solid var(--datoden-bg-c8cdd2,#c8cdd2)!important;
}
html[data-theme="light"] .datoden-update-dropzone input[type="file"]::file-selector-button:hover,
html.datoden-theme-light .datoden-update-dropzone input[type="file"]::file-selector-button:hover{
  background:var(--sub-datoden-interaction,var(--datoden-accent-2,#405db8))!important;color:var(--datoden-on-accent,#fff)!important;
}

/* v159 — Ljust tema: EN konsekvent kontrollpalett för konto/admin/settings. */
html[data-theme="light"] :is(
 .datoden-select-trigger,.datoden-select-menu,.datoden-select-option,
 .datoden-admin-invite input,.datoden-admin-invite select,
 .datoden-admin-permissions select,
 .datoden-account-pane input,.datoden-account-pane select,
 .datoden-account-content input,.datoden-account-content select
){
 color:#202124!important;
}
html[data-theme="light"] :is(
 .datoden-select-trigger,
 .datoden-admin-invite input,.datoden-admin-invite select,
 .datoden-account-pane input,.datoden-account-pane select,
 .datoden-account-content input,.datoden-account-content select
){
 background:var(--datoden-bg-ffffff,#fff)!important;border-color:var(--datoden-bg-b9c0c6,#b9c0c6)!important;
}
html[data-theme="light"] .datoden-select-menu{
 background:var(--datoden-bg-ffffff,#fff)!important;border-color:var(--datoden-bg-b9c0c6,#b9c0c6)!important;
}
html[data-theme="light"] .datoden-select-option:hover,
html[data-theme="light"] .datoden-select-option:focus,
html[data-theme="light"] .datoden-select-option[aria-selected="true"]{
 background:var(--sub-datoden-interaction,var(--datoden-accent-2,#405db8))!important;color:var(--datoden-on-accent,#fff)!important;
}
html[data-theme="light"] :is(
 .datoden-select-trigger[aria-disabled="true"],
 .datoden-admin-invite input:disabled,.datoden-admin-invite select:disabled,
 .datoden-admin-permissions select:disabled,
 .datoden-account-pane input:disabled,.datoden-account-pane input[readonly],
 .datoden-account-content input:disabled,.datoden-account-content input[readonly]
){
 background:var(--datoden-bg-eceeef,#eceeef)!important;color:#777!important;border-color:var(--datoden-bg-d0d4d7,#d0d4d7)!important;opacity:1!important;
}
/* Native theme selector must also have light popup options. */
html[data-theme="light"] #datodenThemeForm select,
html[data-theme="light"] #datodenThemeForm select option{
 background:var(--datoden-bg-ffffff,#fff)!important;color:#202124!important;
 color-scheme:light!important;
}

/* v160 — Ljust tema: alla konto/admin-formkontroller använder ljus yta, även readonly/disabled/2FA. */
html[data-theme="light"] :is(
 .datoden-account-overlay input,.datoden-account-overlay select,.datoden-account-overlay textarea,
 .datoden-admin-panel input,.datoden-admin-panel select,.datoden-admin-panel textarea,
 .datoden-admin-invite input,.datoden-admin-invite select
){
 background:var(--datoden-bg-ffffff,#fff)!important;color:#202124!important;border-color:var(--datoden-bg-b9c0c6,#b9c0c6)!important;
 color-scheme:light!important;opacity:1!important;
}
html[data-theme="light"] :is(
 .datoden-account-overlay input[readonly],.datoden-account-overlay input:disabled,
 .datoden-account-overlay select:disabled,
 .datoden-admin-panel input[readonly],.datoden-admin-panel input:disabled,.datoden-admin-panel select:disabled,
 .datoden-admin-invite input[readonly],.datoden-admin-invite input:disabled,.datoden-admin-invite select:disabled
){
 background:var(--datoden-bg-eceeef,#eceeef)!important;color:#777!important;border-color:var(--datoden-bg-d0d4d7,#d0d4d7)!important;opacity:1!important;
}


/* v161 — Ljust tema: central overlay får en enda ljus select/readonly-yta. */
html[data-theme="light"] .datoden-account-overlay .datoden-select,
html[data-theme="light"] .datoden-account-overlay .datoden-select-menu,
html[data-theme="light"] .datoden-account-overlay .datoden-select-option{
  color-scheme:light!important;
}
html[data-theme="light"] .datoden-account-overlay .datoden-select-menu{
  background:var(--datoden-bg-ffffff,#fff)!important;color:#202124!important;border-color:var(--datoden-bg-b9c0c6,#b9c0c6)!important;
}
html[data-theme="light"] .datoden-account-overlay .datoden-select-option{
  background:var(--datoden-bg-ffffff,#fff)!important;color:#202124!important;opacity:1!important;
}
html[data-theme="light"] .datoden-account-overlay .datoden-select-option:hover,
html[data-theme="light"] .datoden-account-overlay .datoden-select-option:focus,
html[data-theme="light"] .datoden-account-overlay .datoden-select-option[aria-selected="true"]{
  background:var(--sub-datoden-interaction,var(--datoden-accent-2,#405db8))!important;color:var(--datoden-on-accent,#fff)!important;
}
html[data-theme="light"] .datoden-account-overlay input[readonly],
html[data-theme="light"] .datoden-account-overlay input:disabled{
  background:var(--datoden-bg-eceeef,#eceeef)!important;color:#666!important;border:1px solid var(--datoden-bg-d0d4d7,#d0d4d7)!important;opacity:1!important;
}

/* v163 — Custom-select disabled följer samma kontrollpalett som övriga fält. */
.datoden-select-button:disabled{
  opacity:.55!important;
  cursor:not-allowed!important;
}
html[data-theme="light"] .datoden-select-button:disabled,
html.datoden-theme-light .datoden-select-button:disabled{
  background:var(--datoden-bg-eceeef,#eceeef)!important;
  color:#777!important;
  border-color:var(--datoden-bg-d0d4d7,#d0d4d7)!important;
  opacity:1!important;
}

/* Aktiv app i appväljaren; förklaringen ligger direkt efter kontrollen. */
.datoden-globalbar a{white-space:nowrap}
.datoden-globalbar .datoden-active-app-caption{flex:0 1 auto;white-space:nowrap;padding-inline:12px}
.datoden-guest-label{white-space:nowrap;font-size:12px;opacity:.8;margin-inline:10px}
@media(max-width:700px){.datoden-globalbar .datoden-active-app-caption{display:none}.datoden-guest-label{display:none}}

/* Inline symbol definitions never occupy layout space. */
.datoden-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}

/* Samma lokala demoindikator i båda apparna; länken är högerställd utan en separat knapp. */
.datoden-guest-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;max-width:100%;box-sizing:border-box;white-space:normal}
.datoden-guest-banner .datoden-guest-unlock{margin-inline-start:auto;text-align:right;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px}
.datoden-guest-banner .datoden-guest-unlock:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.datoden-guest-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
@media print{.datoden-globalbar,.datoden-guest-banner,.datoden-account-overlay{display:none!important}}

/* Datoden Login v200 — Gemensamma komponenter för Administration (inbjudningar, spärrar, ta bort), textåtgärder och den inbäddade uppdateringsrutan. */
body.datoden-embed{margin:0;padding:2px 2px 6px;background:transparent;color:var(--datoden-bar-text,#202124);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.datoden-text-action{font:inherit!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;width:auto!important;margin:0!important;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;flex:0 0 auto}
.datoden-text-action:hover{color:var(--datoden-interaction-blue,var(--datoden-accent,#3953a4))}
.datoden-text-action:focus-visible{outline:2px solid var(--datoden-interaction-blue,var(--datoden-accent,#3953a4));outline-offset:3px}
.datoden-text-action:disabled{opacity:.5;cursor:default;text-decoration:none}
.datoden-admin-invitations{margin-top:20px}
.datoden-admin-locks{margin:10px 0 4px}
.datoden-admin-invitation-row,.datoden-admin-lock-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--datoden-bar-border,#c8cdd2)}
.datoden-admin-lock-line{padding:8px 0;border-bottom:0}
.datoden-admin-invitation-info{min-width:0}
.datoden-admin-invitation-name{font-weight:650;overflow-wrap:anywhere}
.datoden-admin-invitation-meta,.datoden-admin-lock-info{display:block;color:var(--datoden-bar-muted,#62645f);overflow-wrap:anywhere}
.datoden-admin-remove{margin-top:14px}
.datoden-admin-lock-badge{color:var(--datoden-bar-danger,#a62a22)}
.datoden-update-frame{display:block;width:100%;height:340px;border:0;background:transparent}

/* v207: animerad laddningsikon bredvid text som berättar vad som pågår. */
.datoden-loading-inline{display:flex;align-items:center;gap:10px}
.datoden-loading-inline::before{content:"";flex:0 0 16px;width:16px;height:16px;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.75;animation:datoden-spin .8s linear infinite}
@keyframes datoden-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.datoden-loading-inline::before{animation-duration:2.4s}}

/* ======================================================================
   Datoden Login v208 — Ny design för toppheadern och alla popupmenyer
   (samma formspråk som datoden.se, Schema och Rapport): ljus glasyta,
   pillformade knappar, rundade kort och blå accent.
   ====================================================================== */
:root{--dd-brand:var(--datoden-accent,#3953a4);--dd-brand-dark:var(--datoden-accent-dark,#2f478f);--dd-soft:var(--datoden-accent-tint,#eef0f8);--dd-line:var(--datoden-bg-dfe3ee,#dfe3ee);--dd-ink:#141824;--dd-muted:#5b6479;--dd-surface:var(--datoden-bg-ffffff,#ffffff);--dd-shadow:0 18px 44px rgba(30,45,100,.16)}
html[data-theme="dark"],html.datoden-theme-dark{--dd-brand:var(--datoden-accent-light,#9cacdf);--dd-brand-dark:var(--datoden-accent-tint-2,#b7c3ea);--dd-soft:var(--datoden-bg-232a44,#232a44);--dd-line:var(--datoden-bg-2b3145,#2b3145);--dd-ink:#f3f4f8;--dd-muted:#aab1c3;--dd-surface:var(--datoden-bg-1a1e2b,#1a1e2b);--dd-shadow:0 22px 54px rgba(0,0,0,.5)}
@layer datoden-design{
/* Toppheader */
html body:not(#a) .datoden-globalbar{background:color-mix(in srgb,var(--dd-surface) 88%,transparent)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px)!important;backdrop-filter:saturate(1.4) blur(14px)!important;border-bottom:1px solid var(--dd-line)!important;box-shadow:none!important;color:var(--dd-ink)!important}
html body:not(#a) .datoden-globalbar-inner{gap:10px!important;min-height:46px!important}
html body:not(#a) .datoden-globalbar a,html body:not(#a) .datoden-globalbar button{color:var(--dd-ink)!important}
html body:not(#a) .datoden-globalbar .datoden-active-app-caption,html body:not(#a) .datoden-globalbar .datoden-current-label,html body:not(#a) .datoden-guest-label{color:var(--dd-muted)!important;font-weight:500!important;font-size:12.5px!important}
html body:not(#a) .datoden-globalbar .datoden-appswitch-btn,html body:not(#a) .datoden-globalbar .datoden-account-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid var(--dd-line)!important;border-radius:999px!important;background:var(--dd-surface)!important;padding:7px 15px!important;font-weight:700!important;font-size:13px!important;letter-spacing:0!important;box-shadow:none!important;transition:border-color .18s,background .18s,transform .18s!important}
html body:not(#a) .datoden-appswitch-btn:hover,html body:not(#a) .datoden-account-btn:hover,html body:not(#a) .datoden-appswitch-btn[aria-expanded="true"],html body:not(#a) .datoden-account-btn[aria-expanded="true"]{border-color:var(--dd-brand)!important;background:var(--dd-soft)!important;transform:translateY(-1px)!important}
html body:not(#a) .datoden-globalbar .datoden-brand,html body:not(#a) .datoden-globalbar .datoden-brand:hover{background:transparent!important}
html body:not(#a) .datoden-globalbar{min-height:46px!important}
/* Rullgardinsmenyer */
html body:not(#a) .datoden-appswitch-menu,html body:not(#a) .datoden-account-dropdown{background:var(--dd-surface)!important;border:1px solid var(--dd-line)!important;border-radius:16px!important;box-shadow:var(--dd-shadow)!important;padding:6px!important;min-width:210px!important;overflow:hidden!important;color:var(--dd-ink)!important}
html body:not(#a) .datoden-appswitch-menu a,html body:not(#a) .datoden-account-dropdown a,html body:not(#a) .datoden-account-dropdown button{display:flex!important;align-items:center!important;gap:10px!important;border-radius:10px!important;border:0!important;padding:10px 12px!important;font-weight:650!important;font-size:13.5px!important;text-decoration:none!important;background:transparent!important;color:var(--dd-ink)!important}
html body:not(#a) .datoden-appswitch-menu a:hover,html body:not(#a) .datoden-account-dropdown a:hover,html body:not(#a) .datoden-account-dropdown button:hover,html body:not(#a) .datoden-appswitch-menu a:focus-visible,html body:not(#a) .datoden-account-dropdown a:focus-visible{background:var(--dd-soft)!important;color:var(--dd-brand)!important}
html body:not(#a) .datoden-account-dropdown svg,html body:not(#a) .datoden-appswitch-menu svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;flex:none!important}
html body:not(#a) .datoden-account-dropdown .datoden-logout{margin-top:4px!important;border-top:1px solid var(--dd-line)!important;border-radius:0 0 10px 10px!important}
/* Popup (Mitt konto, Inställningar, Administration) */
html body:not(#a) .datoden-account-overlay{background:rgba(20,24,36,.52)!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}
html body:not(#a) .datoden-account-page{background:var(--dd-surface)!important;color:var(--dd-ink)!important;border:1px solid var(--dd-line)!important;border-radius:24px!important;box-shadow:0 34px 90px rgba(20,24,36,.38)!important}
html body:not(#a) .datoden-account-page-head{border-bottom:1px solid var(--dd-line)!important;padding-bottom:12px!important}
html body:not(#a) .datoden-account-page-head :is(h1,h2){font-weight:800!important;letter-spacing:-.02em!important}
html body:not(#a) .datoden-account-close{border-radius:50%!important;border:1px solid var(--dd-line)!important;background:var(--dd-surface)!important;color:var(--dd-ink)!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;transition:border-color .18s,background .18s!important}
html body:not(#a) .datoden-account-close:hover{border-color:var(--dd-brand)!important;background:var(--dd-soft)!important}
html body:not(#a) .account-popup-section h3{font-size:12px!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:var(--dd-brand)!important;font-weight:800!important}
html body:not(#a) .account-popup-section,html body:not(#a) #datodenAccountContent .account-popup-section{border-color:var(--dd-line)!important}
html body:not(#a) .account-popup-copy{color:var(--dd-muted)!important}
html body:not(#a) #datodenAccountContent :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea),html body:not(#a) .datoden-admin-panel :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:12px!important;border:1px solid var(--dd-line)!important;background:var(--dd-surface)!important;color:var(--dd-ink)!important;min-height:42px!important}
html body:not(#a) #datodenAccountContent :is(input,select,textarea):focus,html body:not(#a) .datoden-admin-panel :is(input,select,textarea):focus{border-color:var(--dd-brand)!important;outline:2px solid color-mix(in srgb,var(--dd-brand) 35%,transparent)!important;outline-offset:1px!important}
html body:not(#a) .datoden-account-page .datoden-button,html body:not(#a) .datoden-admin-panel .datoden-button,html body:not(#a) .datoden-account-page button.datoden-button{border-radius:12px!important;font-weight:750!important;border:1px solid var(--dd-brand)!important;background:var(--dd-brand)!important;color:var(--datoden-on-accent,#fff)!important;padding:10px 18px!important;text-decoration:none!important;transition:background .18s,transform .18s!important}
html[data-theme="dark"] body:not(#a) .datoden-account-page .datoden-button,html.datoden-theme-dark body:not(#a) .datoden-account-page .datoden-button{color:#0f1117!important}
html body:not(#a) .datoden-account-page .datoden-button:hover{background:var(--dd-brand-dark)!important;border-color:var(--dd-brand-dark)!important;transform:translateY(-1px)!important}
html body:not(#a) .datoden-disclosure>summary,html body:not(#a) .account-collapsible>summary{border-radius:14px!important;background:var(--dd-soft)!important;color:var(--dd-ink)!important;font-weight:750!important;border:0!important;padding:12px 16px!important}
html body:not(#a) .datoden-disclosure[open]>summary{border-radius:14px 14px 0 0!important}
html body:not(#a) .status-ok{border-radius:14px!important}
@media (max-width:700px){html body:not(#a) .datoden-appswitch-btn,html body:not(#a) .datoden-account-btn{padding:6px 12px!important}
html body:not(#a) .datoden-account-page{border-radius:20px!important}
}
html body:not(#a) .datoden-segmented-control{border:1px solid var(--dd-line)!important;border-radius:999px!important;background:var(--dd-soft)!important;padding:4px!important;box-shadow:none!important}
html body:not(#a) .datoden-segmented-indicator{border-radius:999px!important;background:var(--dd-brand)!important;border-color:var(--dd-brand)!important;box-shadow:0 8px 18px rgba(var(--datoden-accent-rgb,57,83,164),.28)!important}
html body:not(#a) .datoden-segmented-option>span{border-radius:999px!important;font-weight:700!important;color:var(--dd-muted)!important}
html body:not(#a) .datoden-segmented-option>input:checked+span{color:var(--datoden-on-accent,#fff)!important}
html[data-theme="dark"] body:not(#a) .datoden-segmented-option>input:checked+span,html.datoden-theme-dark body:not(#a) .datoden-segmented-option>input:checked+span{color:#0f1117!important}
html body:not(#a) .datoden-appswitch-menu a,html body:not(#a) .datoden-account-dropdown a{min-height:0!important;height:auto!important;line-height:1.3!important}
html body:not(#a) .datoden-account-dropdown .datoden-logout,html body:not(#a) .datoden-account-dropdown .datoden-logout svg{color:#b3261e!important}
html[data-theme="dark"] body:not(#a) .datoden-account-dropdown .datoden-logout,html[data-theme="dark"] body:not(#a) .datoden-account-dropdown .datoden-logout svg{color:#ff9b93!important}
}