/* TourAbi CI: Tinte #121212, Sonne #FFC905 aus dem Logo, warmes Papier. */
:root { --ta-ink: #121212; --ta-sun: #ffc905; --ta-paper: #f6f3ec; --ta-line: #e7e1d3; }
body, input, select, textarea, button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }

/* Anmeldung */
/* Das Logo hat einen weißen Hintergrund: Anmeldung deshalb auf Weiß */
body.task-login { background: #fff; }
body.task-login #layout-content { background: transparent; }
#login-form { background: #fff; border-radius: 18px; padding: 28px 32px 32px; box-shadow: 0 0 0 1px var(--ta-line), 0 12px 36px rgba(0,0,0,.07); max-width: 400px; }
#login-form #logo, body.task-login #logo { max-height: 150px; max-width: 200px; margin-bottom: 18px; }
#login-form input.form-control { border-radius: 10px; height: 46px; }
#login-form .formbuttons button, #login-form button.mainaction { background: var(--ta-ink); border-color: var(--ta-ink); color: #fff; border-radius: 10px; height: 46px; font-weight: 600; }
#login-form .formbuttons button:hover, #login-form button.mainaction:hover { background: #000; }
#login-footer { color: #7a7468; }

/* Hauptfenster */
#layout-menu { background: var(--ta-ink); }
#layout-menu .special-buttons a, #taskmenu a { color: #c9c5bb; }
#taskmenu a.selected, #taskmenu a:hover { color: var(--ta-ink); background: var(--ta-sun); }
#layout-menu #logo { max-height: 56px; background: #fff; border-radius: 10px; padding: 3px; }
a, .listing li a { color: #121212; }
.btn-primary, .button.mainaction, button.mainaction, .btn.mainaction { background-color: var(--ta-sun) !important; border-color: var(--ta-sun) !important; color: var(--ta-ink) !important; font-weight: 600; }
.listing li.selected, .listing tr.selected td, .listing li.selected > a { background: #fff4d6 !important; color: var(--ta-ink) !important; }
table.listing tr.focused td, .listing li.focused { box-shadow: inset 3px 0 0 var(--ta-sun); }
.badge-primary, .unreadcount { background: var(--ta-sun) !important; color: var(--ta-ink) !important; }
.form-control:focus { border-color: var(--ta-sun); box-shadow: 0 0 0 3px rgba(255,201,5,.3); }