:root{
  --elsa-canvas:#e9eaeb;
  --elsa-surface:#ffffff;
  --elsa-surface-soft:#f5f6f7;
  --elsa-toolbar:#d8dade;
  --elsa-toolbar-light:#eef0f2;
  --elsa-ink:#2a2a2a;
  --elsa-muted:#6f6f6f;
  --elsa-border:#c5c8cc;
  --elsa-border-dark:#969ba1;
  --elsa-accent:#565656;
  --elsa-accent-hover:#3f3f3f;
  --elsa-focus:#858b93;
}

html,body{background:var(--elsa-canvas)!important;color:var(--elsa-ink)!important}
body.portal-page,body.workspace-embedded,body.vis-auth-screen,
.portal-body,.workspace-shell,.workspace-content,.vis-empty-workspace{
  background-color:var(--elsa-canvas)!important;
}

html body .system-title,html body .vis-auth-header{
  color:#f7f7f7!important;
  background:linear-gradient(#565656,#3d3d3d)!important;
  border-color:#2e2e2e!important;
  box-shadow:inset 0 1px #737373!important;
}
html body .system-title>.vis-home-link,
html body .vis-auth-header>.vis-auth-brand{
  color:#fff!important;border-color:#767676!important;text-shadow:0 1px #1e1e1e!important;
}
html body .system-title>.vis-home-link:hover,
html body .vis-auth-header>.vis-auth-brand:hover{color:#fff!important;text-decoration:none!important}
html body .system-title .vis-beta-mark,
html body .vis-auth-header .vis-beta-mark{
  color:#cecece!important;opacity:1!important;text-shadow:none!important;
}
html body .vis-auth-header>span{color:#dbdbdb!important}

html body .account-nav,html body .toolbar,html body .workspace-toolbar,
html body .portal-toolbar,html body .elsa-toolbar{
  background:linear-gradient(var(--elsa-toolbar-light),var(--elsa-toolbar))!important;
  border-color:var(--elsa-border-dark)!important;
  color:var(--elsa-ink)!important;
}
html body .toolbar a,html body .toolbar button,
html body .workspace-toolbar a,html body .workspace-toolbar button,
html body .account-nav a,html body .account-nav button{
  color:var(--elsa-ink)!important;
}

html body .classic-button,html body button.classic-button,
html body input[type=submit],html body input[type=button]{
  color:#313131!important;
  background:linear-gradient(#f9f9f9,#d9d9d9)!important;
  border-color:#a7a7a7!important;
  box-shadow:inset 0 1px #fff!important;
}
html body .classic-button:hover,html body button.classic-button:hover,
html body input[type=submit]:hover,html body input[type=button]:hover{
  color:#212121!important;background:linear-gradient(#fff,#cccccc)!important;border-color:#7e7e7e!important;
}
html body .classic-button:active,html body button.classic-button:active{
  background:#cbcbcb!important;box-shadow:inset 0 1px 2px #878787!important;
}
html body .classic-button.vis-primary,html body .vis-primary,
html body .login-submit,html body button[type=submit].primary{
  color:#fff!important;background:linear-gradient(#676767,#4b4b4b)!important;border-color:#3e3e3e!important;
}
html body .classic-button.vis-primary:hover,html body .vis-primary:hover,
html body .login-submit:hover,html body button[type=submit].primary:hover{
  color:#fff!important;background:linear-gradient(#5a5a5a,#393939)!important;border-color:#313131!important;
}

html body a{color:#565656}
html body a:hover{color:#2d2d2d}
html body a:focus-visible,html body button:focus-visible,html body input:focus-visible,
html body select:focus-visible,html body textarea:focus-visible{
  outline:2px solid var(--elsa-focus)!important;outline-offset:2px!important;
}
html body input:not([type=checkbox]):not([type=radio]),html body select,html body textarea{
  color:var(--elsa-ink)!important;background:#fff!important;border-color:#b6b6b6!important;
}
html body input:not([type=checkbox]):not([type=radio]):focus,html body select:focus,html body textarea:focus{
  border-color:#828282!important;box-shadow:0 0 0 3px rgba(120,126,134,.14)!important;
}

html body .panel,html body .card,html body .window,html body .modal-card,
html body dialog,html body .vis-auth-card,html body .login-dialog,
html body .vehicle-identification,html body .identification-card,
html body .news-item,html body .notification-item{
  background:var(--elsa-surface)!important;border-color:var(--elsa-border)!important;color:var(--elsa-ink)!important;
}
html body .panel-header,html body .window-title,html body .dialog-title,
html body .login-dialog-caption,html body .section-header{
  color:#2c2c2c!important;background:linear-gradient(#eceeef,#d7dadd)!important;border-color:#a7a7a7!important;
}
html body table{background:#fff!important;border-color:var(--elsa-border)!important}
html body th{color:#313131!important;background:#e3e5e7!important;border-color:var(--elsa-border)!important}
html body td{border-color:#d2d2d2!important}
html body tr:nth-child(even) td{background:#f6f7f8!important}
html body tr:hover td{background:#eef0f2!important}

html body .tree-pane,html body .sidebar,html body .document-tree{
  background:#f5f6f7!important;border-color:var(--elsa-border)!important;color:var(--elsa-ink)!important;
}
html body .tree-pane .active,html body .tree-pane [aria-current=true],
html body .document-tree .active,html body .document-tree [aria-current=true]{
  color:#fff!important;background:#646464!important;
}
html body .muted,html body .small-note,html body .auth-intro,
html body .vis-auth-description,html body .vis-auth-eyebrow{color:var(--elsa-muted)!important}
html body .auth-footer{border-color:#d0d0d0!important;color:var(--elsa-muted)!important}

@media(max-width:700px){
  html body .system-title,html body .vis-auth-header{background:#474747!important}
}
html body.vis-auth-screen h1,
html body.vis-auth-screen .auth-form>label,
html body.vis-auth-screen .vis-password-heading,
html body.vis-auth-screen .vis-password-heading label,
html body.vis-auth-screen .vis-auth-card>p{color:var(--elsa-ink)!important}
html body.vis-auth-screen .vis-password-heading a,
html body.vis-auth-screen #vis-password-toggle{color:var(--elsa-muted)!important}
html body.vis-auth-screen .vis-password-heading a:hover,
html body.vis-auth-screen #vis-password-toggle:hover{color:var(--elsa-ink)!important;background-color:var(--elsa-surface-soft)!important}
html body.vis-auth-screen .auth-form input::placeholder{color:var(--elsa-muted)!important}
html body[class] .system-title>a.vis-home-link>small.vis-beta-mark,
html body[class] .vis-auth-header>a.vis-auth-brand>small.vis-beta-mark{color:#d32f2f!important;opacity:1!important}
html body.portal-page.guest-home-page .system-title>.vis-header-login{color:var(--elsa-ink)!important}

/* notifications-toolbar-dividers-v1 */
html body .account-nav .nav-category-divider{border-left:1px solid #000!important;border-right:0!important;background:none!important;box-shadow:none!important;width:1px!important;min-width:1px!important;flex-basis:1px!important}

html body .nf-list details>summary{list-style:none!important;display:flex!important}
html body .nf-list details>summary::marker{content:""!important}
html body .nf-list details>summary::-webkit-details-marker{display:none!important}
html body .nf-list details>summary::before{content:none!important;display:none!important}

/* Классическая синяя шапка окна. */
html body .system-title,html body .vis-auth-header{
 color:#fff!important;background:linear-gradient(90deg,#0a246a 0%,#214f96 55%,#3a6ea5 100%)!important;
 border-color:#08215c!important;box-shadow:inset 0 1px #6a89bb!important;
}
html body .system-title>.vis-home-link,html body .vis-auth-header>.vis-auth-brand{color:#fff!important;border-color:#829ac7!important;text-shadow:0 1px #08215c!important}
html body .vis-auth-header>span{color:#e4ebf7!important}
html body[class] .system-title>a.vis-home-link>small.vis-beta-mark,html body[class] .vis-auth-header>a.vis-auth-brand>small.vis-beta-mark{color:#ff7474!important}

html body[class] .system-title>a.vis-home-link>small.vis-beta-mark,html body[class] .vis-auth-header>a.vis-auth-brand>small.vis-beta-mark{color:#ff3434!important;opacity:1!important;font-weight:700!important;text-shadow:0 0 1px #fff!important}

/* Compact, crisp logo status. */
html body[class] a.vis-home-link>.vis-logo-status,html body[class] a.vis-auth-brand>.vis-logo-status{display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:1px!important;margin:0 0 0 4px!important;letter-spacing:0!important;align-self:center!important;text-shadow:none!important;transform:none!important}
html body[class] .vis-logo-status>.vis-online-mark{font:700 10px/11px Arial,sans-serif!important;color:inherit!important;opacity:1!important;text-shadow:none!important}
html body[class] a .vis-logo-status>small.vis-beta-mark{display:block!important;align-self:auto!important;margin:0!important;padding:0!important;font:700 10px/11px Arial,sans-serif!important;letter-spacing:0!important;color:#ff7474!important;opacity:1!important;text-shadow:none!important;filter:none!important;transform:none!important;vertical-align:baseline!important}

/* Restrained styling for the existing authentication forms. */
html body.vis-auth-screen .vis-auth-card{width:320px!important;padding:22px!important;background:#fff!important;border:1px solid #c5cdd5!important;border-top:3px solid #315b87!important;border-radius:6px!important;box-shadow:0 4px 16px #20354d0d!important}
html body.vis-auth-screen h1{font:700 18px/1.35 Arial,sans-serif!important;margin-bottom:19px!important;color:#26384b!important}
html body.vis-auth-screen .auth-form{gap:12px!important}
html body.vis-auth-screen .auth-form input:not([type=hidden]){height:35px!important;min-height:35px!important;padding:6px 9px!important;border:1px solid #bdc7d1!important;border-radius:4px!important;background:#fbfcfd!important;box-shadow:none!important;font-size:14px!important}
html body.vis-auth-screen .vis-password-control input{padding-right:68px!important}
html body.vis-auth-screen .auth-form input:focus{outline:2px solid #365f8a22!important;outline-offset:1px!important;border-color:#52799f!important;background:#fff!important;box-shadow:none!important}
html body.vis-auth-screen .classic-button{min-height:32px!important;padding:5px 13px!important;border-radius:4px!important;background:#f4f6f8!important;border:1px solid #bdc7d1!important;box-shadow:none!important;font:600 12px/20px Arial,sans-serif!important}
html body.vis-auth-screen .auth-form button[type=submit],html body.vis-auth-screen .classic-button.vis-primary{color:#fff!important;background:#315b87!important;border-color:#315b87!important}
html body.vis-auth-screen .auth-form button[type=submit]:hover,html body.vis-auth-screen .classic-button.vis-primary:hover{background:#274c74!important}
html body.vis-auth-screen .classic-button:focus-visible{outline:2px solid #52799f!important;outline-offset:3px!important}
html body.vis-auth-screen .vis-auth-actions{gap:10px!important;margin-top:6px!important}
html body.vis-auth-screen .vis-auth-actions .classic-button{flex:1!important}
html body.vis-auth-screen .auth-footer{border-color:#e0e5ea!important;margin-top:18px!important;padding-top:14px!important}
html body .login-dialog{border:1px solid #bdc7d1!important;border-radius:6px!important;background:#fff!important;box-shadow:0 10px 35px #1e344529!important}
html body .login-dialog .login-dialog-caption{background:#eef2f6!important;color:#526578!important;border-color:#d7dfe7!important;padding:8px 12px!important}
html body .login-dialog .login-dialog-body{padding:22px!important}
html body .login-dialog .auth-form input{border-radius:4px!important;border-color:#bdc7d1!important;background:#fbfcfd!important;box-shadow:none!important}
html body .login-dialog .auth-form input:focus{border-color:#52799f!important;outline:2px solid #365f8a22!important}
html body .login-dialog .auth-form button[type=submit]{background:#315b87!important;border:1px solid #315b87!important;border-radius:4px!important;color:#fff!important;box-shadow:none!important}
@media(max-width:480px){html body.vis-auth-screen .auth-form input:not([type=hidden]),html body .login-dialog .auth-form input{font-size:16px!important;min-height:36px!important}}

/* One primary action; secondary navigation below it. */
html body.vis-auth-screen .vis-auth-card{width:330px!important;padding:24px!important;border:1px solid #ced5dc!important;border-radius:5px!important;box-shadow:0 3px 12px #20354d0a!important}
html body.vis-auth-screen h1{text-align:left!important;margin:0 0 18px!important;font-size:20px!important}
html body.vis-auth-screen .auth-intro,html body.vis-auth-screen .vis-auth-description{text-align:left!important}
html body.vis-auth-screen .auth-form{gap:13px!important}
html body.vis-auth-screen .auth-form>button[type=submit]{width:100%!important;justify-self:stretch!important;min-height:36px!important;margin:7px 0 0!important}
html body.vis-auth-screen .vis-auth-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin:7px 0 0!important}
html body.vis-auth-screen .vis-auth-actions>button[type=submit]{order:0!important;flex:none!important;width:100%!important;min-height:36px!important}
html body.vis-auth-screen .vis-auth-actions>a.classic-button{order:1!important;flex:none!important;width:auto!important;align-self:center!important;min-height:30px!important;padding:4px 8px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#315b87!important;font-weight:400!important}
html body.vis-auth-screen .auth-footer{flex-direction:row!important;align-items:center!important;gap:4px!important}
html body.vis-auth-screen .auth-footer>a.classic-button{width:auto!important;min-height:30px!important;padding:4px 5px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#315b87!important;font-weight:400!important}
html body.vis-auth-screen .auth-footer>a:hover,html body.vis-auth-screen .vis-auth-actions>a:hover{text-decoration:underline!important}
html body .login-dialog .auth-form>button[type=submit]{width:100%!important;min-height:36px!important}
html body .login-dialog .auth-footer a.classic-button{border:0!important;background:transparent!important;box-shadow:none!important;color:#315b87!important;font-weight:400!important}