/* Charte Datastratege : canal (bleu), laiton, patine */
:root { --ds-canal-900:#06253C; --ds-canal-700:#0A3D62; --ds-canal-500:#1B6FA0; --ds-canal-100:#D6E4EE; --ds-laiton:#A9762F; --ds-patine:#3E7A6B; }
#layout-menu, .task-login #layout-content, body.task-login { background: var(--ds-canal-900) !important; }
#layout > .menu, #layout-menu { background: var(--ds-canal-900) !important; }
.task-login #login-form { border-top: 4px solid var(--ds-laiton); border-radius: 10px; }
.task-login #logo, .task-login .logo-img { max-height: 72px; }
html.dark-mode .btn.btn-primary, .btn.btn-primary, button.btn-primary { background: var(--ds-canal-700) !important; border-color: var(--ds-canal-700) !important; color: #fff !important; }
.btn.btn-primary:hover, button.btn-primary:hover { background: var(--ds-canal-500) !important; border-color: var(--ds-canal-500) !important; }
a { color: var(--ds-canal-500); }
#layout-sidebar .listing li.selected > a, #folderlist-content li.selected > a { border-left: 3px solid var(--ds-laiton); }
#ds-signature { position: fixed; right: 12px; bottom: 6px; z-index: 50; font-size: 11px; color: #8aa3b3; background: rgba(6,37,60,.78); padding: 2px 8px; border-radius: 10px; }
#ds-signature a { color: #E8D5B5; text-decoration: none; }