/* sanden.hosting für Roundcube Elastic (Claude 2, 08.11.2026) */
@font-face { font-family: "Space Grotesk"; src: url("sg.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
html, body, input, select, textarea, button, .btn, .popover, .ui-widget, .menu a, .listing li { font-family: "Space Grotesk", system-ui, sans-serif !important; }

/* Akzent: Signal-Orange, Text darauf dunkel (Kontrast 6,6:1) */
.btn-primary, .btn.btn-primary, .button.mainaction, button.mainaction, input.mainaction,
.formbuttons .btn-primary, .ui-dialog .ui-dialog-buttonpane .btn-primary, .ui-button.mainaction {
  background-color: #ff5c29 !important; border-color: #ff5c29 !important; color: #0b0e14 !important; font-weight: 600;
}
.btn-primary:hover, .button.mainaction:hover, button.mainaction:hover { background-color: #e94e1d !important; border-color: #e94e1d !important; }
a, a:visited, .link, .btn-link { color: #c2410c; }
html.dark-mode a, html.dark-mode .btn-link { color: #ff8a5c; }
.form-control:focus, input:focus, select:focus, textarea:focus, .custom-select:focus {
  border-color: #ff5c29 !important; box-shadow: 0 0 0 .2rem rgba(255, 92, 41, .25) !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before { background-color: #ff5c29 !important; border-color: #ff5c29 !important; }

/* Auswahl in Listen und Menü */
.listing li.selected, table.listing tr.selected td, .listing li.selected > a,
#layout-menu .menu a.selected, #layout-sidebar .listing li.selected > a { background-color: #fff0ea !important; color: #0b0e14 !important; }
html.dark-mode .listing li.selected, html.dark-mode table.listing tr.selected td,
html.dark-mode #layout-menu .menu a.selected { background-color: #2a1a14 !important; color: #edeae0 !important; }
.listing li.selected, table.listing tr.selected td:first-child { box-shadow: inset 3px 0 0 #ff5c29; }
table.messagelist tr.unread .subject a, table.messagelist tr.unread span.subject { font-weight: 700; }
.unreadcount, .badge-primary { background-color: #ff5c29 !important; color: #0b0e14 !important; }
#layout-menu .menu a.selected:before, #layout-menu .menu a:hover:before { color: #ff5c29 !important; }

/* Seitenleiste im Hausstil (dunkel) */
#layout-menu { background-color: #0b0e14 !important; }
#layout-menu .menu a, #layout-menu .menu a:before { color: #a9a89c !important; }
#layout-menu .menu a:hover { color: #edeae0 !important; background-color: #11151d !important; }
#layout-menu .menu a.selected { background-color: #11151d !important; color: #edeae0 !important; box-shadow: inset 3px 0 0 #ff5c29; }
#layout-menu #logo { content: url("logo-dunkel.svg"); }

/* Anmeldeseite */
body.task-login { background: #0b0e14 !important; }
body.task-login #layout-content { background: transparent !important; }
body.task-login #login-form { background: #ffffff; border-radius: 4px; padding: 2.5rem 2.25rem 2rem; max-width: 26rem; box-shadow: none; border: 1px solid #1e2430; }
body.task-login #layout-content > *, body.task-login .box-shadow { box-shadow: none !important; }
html.dark-mode body.task-login #login-form { background: #11151d; border: 1px solid #1e2430; }
body.task-login #logo { content: url("logo-dunkel.svg"); max-height: 44px; margin-bottom: 2rem; }
body.task-login #login-footer, body.task-login #login-footer a { color: #86847a !important; }
body.task-login #login-form .formbuttons .btn-primary { width: 100%; padding: .7rem; font-size: 1rem; }
#layout-menu .popover-header { background-color: #0b0e14 !important; border-bottom: 1px solid #1e2430; }
#layout-menu .special-buttons { background-color: #070910 !important; border-top: 1px solid #1e2430; }
#layout-menu #logo { padding: .35rem .3rem; }
#taskmenu a .inner { letter-spacing: -.03em; font-size: .78rem; }