:root{--wu-ink:#30382d;--wu-ink-2:#485242;--wu-paper:#f7f9fc;--wu-panel:#ffffff;--wu-line:#e7e8ed;--wu-muted:#667085;--wu-text:#344054;--wu-accent:#a88753;--wu-accent-soft:#efe7d9;--wu-blue:#485242;--wu-green:#15803d}
html,body{background:var(--wu-paper);color:var(--wu-ink)}
body{font-family:Roboto,Arial,sans-serif}
#layout{background:var(--wu-paper)}
#taskmenu{background:var(--wu-ink)!important;border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 28px rgba(25,27,38,.08)}
#taskmenu a,#taskmenu button{color:#fff!important}
#taskmenu a:hover,#taskmenu button:hover,#taskmenu a.selected{background:rgba(37,99,235,.15)!important;color:#fff!important}
#taskmenu a.selected:before,#taskmenu .selected .inner{color:var(--wu-accent)!important}
#layout-sidebar,#layout-list,#layout-content{background:var(--wu-panel)}
#layout-sidebar{border-right:1px solid var(--wu-line)}
#layout-list{border-right:1px solid var(--wu-line)}
#layout-sidebar .header,#layout-list .header,#layout-content .header,.toolbar{background:#fff!important;border-color:var(--wu-line)!important}
.toolbar a.button,.toolbar button,.menu.toolbar a,.menu.toolbar button{color:var(--wu-ink)!important;border-radius:10px}
.toolbar a.button:hover,.toolbar button:hover,.menu.toolbar a:hover,.menu.toolbar button:hover{background:var(--wu-accent-soft)!important;color:var(--wu-ink)!important}
.folderlist li a{border-radius:10px;margin:2px 8px;color:var(--wu-text)!important}
.folderlist li a:hover{background:#f6f6f1!important;color:var(--wu-ink)!important}
.folderlist li.selected>a{background:var(--wu-accent-soft)!important;color:var(--wu-ink)!important;font-weight:700}
.listing li,.listing tbody tr{border-color:var(--wu-line)!important}
.listing li:hover,.listing tbody tr:hover{background:#fbfcfe!important}
.listing li.selected,.listing tbody tr.selected{background:var(--wu-accent-soft)!important;color:var(--wu-ink)!important}
#messagelist .subject span.subject{font-weight:600;color:var(--wu-ink)}
#messagelist .unread .subject span.subject{font-weight:800}
.searchbar,.searchbox input,.form-control,input,select,textarea{border-radius:12px!important;border-color:#d8dee8!important;box-shadow:none!important}
.searchbar:focus-within,.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--wu-accent)!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}
.btn-primary,.button.mainaction,input.button.mainaction{background:var(--wu-ink)!important;border-color:var(--wu-ink)!important;color:#fff!important;border-radius:12px!important;font-weight:700}
.btn-primary:hover,.button.mainaction:hover,input.button.mainaction:hover{background:var(--wu-accent)!important;border-color:var(--wu-accent)!important;color:var(--wu-ink)!important}
a{color:var(--wu-blue)}
#message-header{background:#fff;border-bottom:1px solid var(--wu-line)}
#message-header .subject{color:var(--wu-ink);font-weight:800}
.message-part{background:#fff}
.popover,.dropdown-menu,.menu{border:1px solid var(--wu-line)!important;border-radius:14px!important;box-shadow:0 16px 40px rgba(25,27,38,.14)!important}
.popupmenu a:hover,.dropdown-menu a:hover{background:var(--wu-accent-soft)!important}
#login-form{max-width:430px;margin:auto;background:#fff;border:1px solid var(--wu-line);border-radius:24px;padding:34px;box-shadow:0 20px 60px rgba(25,27,38,.10)}
.task-login #layout-content{background:linear-gradient(135deg,#f7f9fc 0%,#fff 55%,#efe7d9 100%)}
.task-login #logo{width:112px!important;height:auto!important;margin:0 auto 24px!important;display:block}
.task-login #login-form .formbuttons{margin-top:20px}
.task-login #login-footer{margin-top:24px;color:var(--wu-muted)}
.wu-login-intro{text-align:center;margin:-8px 0 22px;color:var(--wu-muted);font-size:14px;line-height:1.5}
.wu-reset-link{text-align:center;margin:16px 0 0}
.wu-reset-link a{font-weight:700;color:var(--wu-ink);text-decoration:none}
.wu-reset-link a:hover{color:var(--wu-accent)}
html.dark-mode body,html.dark-mode #layout{background:#060b14;color:#f7f9fc}
html.dark-mode #layout-sidebar,html.dark-mode #layout-list,html.dark-mode #layout-content,html.dark-mode .toolbar,html.dark-mode #message-header,html.dark-mode .message-part{background:#30382d!important;color:#f7f9fc!important;border-color:#263940!important}
html.dark-mode .folderlist li.selected>a,html.dark-mode .listing li.selected,html.dark-mode .listing tbody tr.selected{background:rgba(37,99,235,.18)!important;color:#fff!important}
html.dark-mode .folderlist li a,html.dark-mode .toolbar a.button,html.dark-mode .toolbar button{color:#f7f9fc!important}
@media(max-width:768px){#login-form{margin:20px 14px;padding:26px 22px}.task-login #logo{width:96px!important}}

.task-login #logo{top:0!important;position:relative!important;max-height:none!important}
#layout-menu .popover-header #logo{width:160px!important;height:auto!important;max-height:44px!important;object-fit:contain;margin:8px 12px}
#layout-menu .popover-header{background:#fff!important;border-bottom:1px solid var(--wu-line)!important;min-height:60px}
html.dark-mode #layout-menu .popover-header{background:#30382d!important;border-color:#263940!important}
html.dark-mode #layout-menu .popover-header #logo{filter:brightness(0) invert(1);opacity:.95}

/* Militaire Horloges login controls */
.task-login #login-form input.form-control{height:52px;border:1px solid #d8dee8!important;border-radius:12px!important;background:#fff!important;color:#30382d!important;box-shadow:none!important;font-size:17px;padding:0 16px!important}
.task-login #login-form input.form-control:focus{border-color:#a88753!important;box-shadow:0 0 0 3px rgba(37,99,235,.14)!important;outline:0!important}
.task-login #login-form .input-group-text,.task-login #login-form .input-group-prepend span{background:#f7f9fc!important;border-color:#d8dee8!important;color:#30382d!important;border-radius:12px 0 0 12px!important}
.task-login #login-form .btn-primary,.task-login #login-form input.button.mainaction,.task-login #login-form button.mainaction{height:52px!important;border:0!important;border-radius:12px!important;background:#30382d!important;color:#fff!important;font-weight:800!important;letter-spacing:.02em!important;box-shadow:0 8px 20px rgba(25,27,38,.14)!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important}
.task-login #login-form .btn-primary:hover,.task-login #login-form input.button.mainaction:hover,.task-login #login-form button.mainaction:hover{background:#a88753!important;color:#30382d!important;transform:translateY(-1px);box-shadow:0 10px 24px rgba(37,99,235,.2)!important}
.task-login #login-form a{color:#30382d!important}
.task-login #login-form a:hover{color:#a88753!important}
.task-login #login-footer{font-size:14px!important}

/* Militaire Horloges full mailbox interface */
@media screen and (min-width:1025px){#layout-menu{width:92px!important}#taskmenu a{width:92px!important}}
#layout-menu{background:#30382d!important;border:0!important;box-shadow:10px 0 32px rgba(25,27,38,.08)!important}
#layout-menu .popover-header{height:76px!important;min-height:76px!important;line-height:76px!important;background:#30382d!important;border:0!important}
#layout-menu .popover-header #logo{width:52px!important;max-width:52px!important;height:52px!important;max-height:52px!important;padding:0!important;margin:12px auto!important;filter:none!important;opacity:1!important}
#taskmenu{background:#30382d!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#taskmenu a{position:relative;color:#f7f9fc!important;border:0!important;transition:background .15s ease,color .15s ease!important}
#taskmenu a:hover,#taskmenu a:focus{background:rgba(255,255,255,.06)!important;color:#fff!important}
#taskmenu a.selected{background:rgba(37,99,235,.14)!important;color:#fff!important}
#taskmenu a.selected:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:#a88753}
#taskmenu .action-buttons{display:block;padding:8px 7px 6px}
#taskmenu .action-buttons a{background:#a88753!important;color:#30382d!important;border-radius:13px!important;margin:0 auto 7px!important;width:calc(100% - 8px)!important;box-shadow:0 7px 18px rgba(37,99,235,.18)!important}
#taskmenu .action-buttons a:hover{background:#b99b6b!important;color:#30382d!important;transform:translateY(-1px)}
#taskmenu .special-buttons{background:#30382d!important}
#taskmenu a.logout{color:#93C5FD!important}
#layout-sidebar,#layout-list,#layout-content{background:#fff!important}
#layout-sidebar{border-right:1px solid #e6eaf0!important}
#layout-list{border-right:1px solid #e6eaf0!important}
#layout-sidebar>.header,#layout-list>.header,#layout-content>.header{background:#fbfcfe!important;border-color:#e6eaf0!important;box-shadow:none!important}
#layout-sidebar>.header{font-weight:800;color:#30382d!important}
#layout-sidebar>.header a,#layout-list>.header a,#layout-content>.header a{color:#30382d!important}
ul.treelist li.selected>div>a,ul.treelist li.selected>a{background:#efe7d9!important;color:#30382d!important;font-weight:800!important;box-shadow:inset 4px 0 0 #a88753}
ul.treelist li>div>a:hover,ul.treelist li>a:hover{background:#f7f9fc!important;color:#30382d!important}
.folderlist li a:before{color:#344054!important}.folderlist li.selected>a:before,.folderlist li.selected>div>a:before{color:#a88753!important}
#layout-list .searchbar{background:#fff!important;border-bottom:1px solid #e6eaf0!important}
#layout-list .searchbar input{background:#fff!important;color:#30382d!important}
.listing tbody td,.listing li{border-bottom-color:#edf0f4!important}
.listing li.selected,.listing tr.selected td{background:#F1F5FF!important;color:#30382d!important}
.listing li.selected,.listing tr.selected td:first-child{box-shadow:inset 3px 0 0 #a88753}
.listing li:hover,.listing tbody tr:hover{background:#fbfcfe!important}
#messagelist .unread td,#messagelist .unread .subject{font-weight:800!important;color:#30382d!important}
#messagelist .date{color:#667085!important}
.toolbar{background:#fbfcfe!important;border-color:#e6eaf0!important}
.toolbar a.button,.toolbar button{color:#30382d!important}
.toolbar a.button:hover,.toolbar button:hover{background:#efe7d9!important;color:#30382d!important}
.toolbar a.button:before,.toolbar button:before{color:inherit!important}
#layout-content>.header{min-height:64px!important}
#layout-content .iframe-wrapper,#layout-content>.content{background:#fff!important}
#layout-content:has(.iframe-wrapper:empty){background:#fbfcfe!important}
#message-header{background:#fbfcfe!important;border-bottom:1px solid #e6eaf0!important}
#message-header .subject{color:#30382d!important}
#messagestack .alert{border-radius:12px!important}
.floating-action-buttons a.button{background:#a88753!important;color:#30382d!important}
@media screen and (max-width:1024px){#layout-menu .popover-header #logo{width:38px!important;height:38px!important;margin:10px auto!important}#taskmenu .action-buttons{padding:5px 2px}#taskmenu .action-buttons a{border-radius:10px!important;width:38px!important}}

/* Militaire Horloges settings, security and forms */
body.task-settings .listing li.selected,
body.task-settings .listing tr.selected td,
body.task-settings ul.treelist li.selected > a,
body.task-settings ul.treelist li.selected > div > a{background:#F1F5FF!important;color:#30382d!important;border-left:3px solid #a88753!important}
body.task-settings .listing li:hover,
body.task-settings ul.treelist li>a:hover{background:#fbfcfe!important;color:#30382d!important}
body.task-settings .btn-primary,
body.task-settings button.btn-primary,
body.task-settings input.btn-primary,
body.task-settings .button.mainaction,
body.task-settings button.mainaction,
body.task-settings input.button.mainaction{background:#30382d!important;border-color:#30382d!important;color:#fff!important;border-radius:10px!important;font-weight:800!important;box-shadow:none!important}
body.task-settings .btn-primary:hover,
body.task-settings button.btn-primary:hover,
body.task-settings input.btn-primary:hover,
body.task-settings .button.mainaction:hover,
body.task-settings button.mainaction:hover,
body.task-settings input.button.mainaction:hover{background:#a88753!important;border-color:#a88753!important;color:#30382d!important}
body.task-settings .custom-control-input:checked~.custom-control-label:before,
body.task-settings .custom-switch .custom-control-input:checked~.custom-control-label:before{background-color:#a88753!important;border-color:#a88753!important}
body.task-settings .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 3px rgba(37,99,235,.15)!important;border-color:#a88753!important}
body.task-settings .custom-switch .custom-control-label:before{background:#e7e8ed!important;border-color:#d6d7dc!important}
body.task-settings .custom-switch .custom-control-input:checked~.custom-control-label:after{background:#fff!important}
body.task-settings .form-control:focus,
body.task-settings .custom-select:focus{border-color:#a88753!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}
body.task-settings .boxwarning{background:#fff5e3!important;border:1px solid #efcf8b!important;border-left:4px solid #a88753!important;color:#344054!important;border-radius:10px!important}
body.task-settings .boxwarning a{color:#30382d!important;font-weight:700!important}
body.task-settings h2,body.task-settings h3{color:#30382d!important}
body.task-settings .footer .button,body.task-settings .formbuttons .button{border-radius:10px!important}
body.task-settings .success,body.task-settings .boxsuccess{background:#e9f8ef!important;border-color:#b9e8cb!important;color:#15803d!important}

/* Militaire Horloges brand lock: remove Roundcube/Bootstrap blue accents */
:root{--wu-blue:#a88753!important}
a,a:visited{color:#1D4ED8!important}
a:hover,a:focus{color:#a88753!important}
#rcmloginsubmit,
.task-login #rcmloginsubmit,
.task-login #login-form button#rcmloginsubmit,
.task-login #login-form .button.mainaction.submit{
  background:#a88753!important;
  background-image:none!important;
  border:1px solid #a88753!important;
  color:#30382d!important;
  box-shadow:0 10px 26px rgba(37,99,235,.28)!important;
}
#rcmloginsubmit:hover,#rcmloginsubmit:focus,
.task-login #login-form button#rcmloginsubmit:hover,
.task-login #login-form button#rcmloginsubmit:focus{
  background:#b99b6b!important;
  border-color:#b99b6b!important;
  color:#30382d!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.20),0 12px 30px rgba(37,99,235,.24)!important;
}
.task-login #login-form a,.task-login #login-form a:visited{color:#1D4ED8!important}
.task-login #login-form a:hover,.task-login #login-form a:focus{color:#30382d!important}
.btn-primary,.btn-primary:active,.btn-primary.active,
.button.mainaction,input.button.mainaction,button.mainaction,
.floating-action-buttons a.button{
  background-color:#a88753!important;
  background-image:none!important;
  border-color:#a88753!important;
  color:#30382d!important;
}
.btn-primary:hover,.btn-primary:focus,
.button.mainaction:hover,input.button.mainaction:hover,button.mainaction:hover{
  background-color:#b99b6b!important;
  border-color:#b99b6b!important;
  color:#30382d!important;
}
.nav-link.active,.nav-tabs .nav-link.active,.dropdown-item.active,.dropdown-item:active,
.listing li.selected,.listing tbody tr.selected,.listing tr.selected td,
ul.treelist li.selected>a,ul.treelist li.selected>div>a{
  background-color:#efe7d9!important;
  color:#30382d!important;
  border-color:#a88753!important;
}
.custom-control-input:checked~.custom-control-label:before,
.custom-checkbox .custom-control-input:checked~.custom-control-label:before,
.custom-radio .custom-control-input:checked~.custom-control-label:before{
  background-color:#a88753!important;
  border-color:#a88753!important;
}
.form-control:focus,input:focus,select:focus,textarea:focus{
  border-color:#a88753!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.14)!important;
}

/* Militaire Horloges Mail full interface brand lock 2026-11-01 */
html:not(.dark-mode) #layout-menu,
html:not(.dark-mode) #taskmenu,
html:not(.dark-mode) #taskmenu .special-buttons {
  background:#30382d!important;
  border-color:#30382d!important;
}
#taskmenu a,
#taskmenu a:before,
#taskmenu span.inner {
  color:#f7f9fc!important;
}
#taskmenu a.compose,
#taskmenu .action-buttons a.compose {
  background:#a88753!important;
  color:#30382d!important;
  border-radius:12px!important;
  margin:8px 7px!important;
  width:calc(100% - 14px)!important;
}
#taskmenu a.compose:before,
#taskmenu a.compose span.inner,
#taskmenu .action-buttons a.compose:before,
#taskmenu .action-buttons a.compose span.inner {
  color:#30382d!important;
}
#taskmenu a.compose:hover,
#taskmenu .action-buttons a.compose:hover {
  background:#b99b6b!important;
  color:#30382d!important;
}
#taskmenu a.selected:not(.compose) {
  background:rgba(37,99,235,.18)!important;
  color:#93C5FD!important;
  box-shadow:inset 4px 0 0 #a88753!important;
}
#taskmenu a.selected:not(.compose):before,
#taskmenu a.selected:not(.compose) span.inner {
  color:#93C5FD!important;
}
#taskmenu a.about,
#taskmenu a.theme {
  color:#f7f9fc!important;
}
#taskmenu a.about:hover,
#taskmenu a.theme:hover {
  background:rgba(37,99,235,.12)!important;
  color:#93C5FD!important;
}
#layout-sidebar ul.treelist li.selected,
#layout-sidebar ul.treelist li.selected > a,
#layout-sidebar ul.treelist li.selected > div > a,
#layout-sidebar .folderlist li.selected,
#layout-sidebar .folderlist li.selected > a {
  background:#efe7d9!important;
  color:#30382d!important;
}
#layout-sidebar ul.treelist li.selected > a,
#layout-sidebar ul.treelist li.selected > div > a,
#layout-sidebar .folderlist li.selected > a {
  box-shadow:inset 4px 0 0 #a88753!important;
  font-weight:800!important;
}
#layout-sidebar .folderlist li.selected > a:before,
#layout-sidebar ul.treelist li.selected > a:before,
#layout-sidebar ul.treelist li.selected > div > a:before {
  color:#a88753!important;
}
#layout-sidebar .folderlist li > a:hover,
#layout-sidebar ul.treelist li > a:hover,
#layout-sidebar ul.treelist li > div > a:hover {
  background:#F1F5FF!important;
  color:#30382d!important;
}
#layout-list .listing tr.selected td,
#layout-list .listing li.selected,
#messagelist tr.selected td {
  background:#F1F5FF!important;
  color:#30382d!important;
}
#messagelist tr.selected td:first-child,
#layout-list .listing tr.selected td:first-child {
  box-shadow:inset 3px 0 0 #a88753!important;
}
#layout-list .searchbar a.selected,
.searchbar a.selected,
.menu.toolbar a.selected {
  color:#a88753!important;
}
.toolbar a.button.active,
.toolbar a.button:hover,
.toolbar button:hover,
.toolbar .button.selected {
  background:#efe7d9!important;
  color:#30382d!important;
}
.toolbar a.button.active:before,
.toolbar a.button:hover:before,
.toolbar .button.selected:before {
  color:#a88753!important;
}
a:not(.button):not(.disabled) { color:#9b7227; }
a:not(.button):not(.disabled):hover { color:#6f4f18; }
.floating-action-buttons a.button,
.floating-action-buttons a.button.compose {
  background:#a88753!important;
  color:#30382d!important;
}
.badge-primary,.bg-primary { background-color:#a88753!important;color:#30382d!important; }
.text-primary { color:#9b7227!important; }
.border-primary { border-color:#a88753!important; }
.custom-control-input:checked~.custom-control-label:before,
.custom-checkbox .custom-control-input:checked~.custom-control-label:before,
.custom-radio .custom-control-input:checked~.custom-control-label:before {
  background-color:#a88753!important;
  border-color:#a88753!important;
}
.page-item.active .page-link {
  background:#a88753!important;
  border-color:#a88753!important;
  color:#30382d!important;
}
#layout-content:empty,
#layout-content .iframe-wrapper:empty {
  background:#fbfcfe!important;
}

/* Militaire Horloges identity lock */
#layout-menu .popover-header #logo{object-fit:contain!important;border-radius:12px!important}
#taskmenu a.about .inner{font-size:0!important}
#taskmenu a.about .inner:after{content:"Over Militaire Horloges";font-size:13px!important}
.task-login #logo{object-fit:contain!important;border-radius:22px!important}
#layout-content:empty:after,.iframe-wrapper:empty:after{content:none!important;background:none!important}


/* Militaire Horloges password reset action 2026-11-01 */
.wu-reset-link a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #dbe6f5;border-radius:12px;background:#fff;color:#30382d!important;font-weight:800;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.wu-reset-link a:hover,.wu-reset-link a:focus{background:#efe7d9;border-color:#a88753;color:#1D4ED8!important;transform:translateY(-1px)}

/* Militaire Horloges Mail login refinement */
.task-login #layout-content{
  min-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px 16px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)!important;
}
.task-login #logo{
  width:78px!important;
  max-width:78px!important;
  height:78px!important;
  max-height:78px!important;
  margin:0 auto 16px!important;
  top:0!important;
  position:relative!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(37,99,235,.14)!important;
}
#login-form{
  top:0!important;
  width:min(100%,420px)!important;
  max-width:420px!important;
  margin:0 auto!important;
  padding:28px 28px 24px!important;
  background:#fff!important;
  border:1px solid #e3eaf4!important;
  border-radius:22px!important;
  box-shadow:0 20px 55px rgba(16,35,59,.10)!important;
}
.wu-login-intro{
  margin:0 0 18px!important;
  color:#5d6b80!important;
  font-size:14px!important;
  font-weight:500!important;
  text-align:center!important;
}
.task-login #login-form .input-group{margin-bottom:12px!important}
.task-login #login-form input.form-control{
  height:52px!important;
  border-color:#d8e2ef!important;
  border-radius:0 13px 13px 0!important;
  font-size:16px!important;
}
.task-login #login-form .input-group-text,
.task-login #login-form .input-group-prepend span{
  width:52px!important;
  min-width:52px!important;
  justify-content:center!important;
  border-color:#d8e2ef!important;
  border-radius:13px 0 0 13px!important;
  background:#f7faff!important;
}
.task-login #rcmloginsubmit,
.task-login #login-form button#rcmloginsubmit,
.task-login #login-form .button.mainaction.submit{
  height:52px!important;
  margin-top:10px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#a88753 0%,#1D4ED8 100%)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(37,99,235,.22)!important;
  font-size:16px!important;
}
.wu-reset-link{margin:14px 0 0!important;text-align:center!important}
.wu-reset-link a{
  min-height:40px!important;
  padding:0 16px!important;
  border:1px solid #dbe5f2!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:14px!important;
}
#login-footer,
#login-footer>div{
  margin-top:14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:#6b778c!important;
  box-shadow:none!important;
  text-align:center!important;
}
#login-footer ul,#login-footer li{list-style:none!important;margin:0!important;padding:0!important}
#login-footer li::before{content:none!important;display:none!important}
#login-footer a{font-size:13px!important;text-decoration:none!important}
@media(max-width:768px){
  .task-login #layout-content{padding:18px 12px!important}
  .task-login #logo{width:68px!important;max-width:68px!important;height:68px!important;max-height:68px!important;margin-bottom:12px!important;border-radius:16px!important}
  #login-form{width:100%!important;max-width:390px!important;padding:24px 18px 20px!important;border-radius:19px!important}
}