/**
 * SOGo Theme CSS - Campus
 * 
 * This file imports:
 * 1. theme-default-base.css - Angular Material generated theme styles
 * 2. custom.css - Custom accessibility and branding overrides (INLINED)
 * 
 * NOTE: custom.css content is inlined below because SOGo does not resolve @import
 */

@import url('theme-default-base.css');

/* Custom accessibility and branding overrides - inlined from custom.css */

/* Toolbar background for login screen */
.sg-padded.md-hue-2 {
    background-color: rgb(0, 48, 91) !important;
}

md-toolbar.toolbar-main {
    background-color: rgb(0, 48, 91) !important;
}

md-toolbar.md-accent,
md-toolbar.md-accent.md-hue-1 {
    background-color: rgb(0, 48, 91) !important;
}

/* Mailbox content toolbar - white background */
md-toolbar.md-accent.md-hue-1:not(.toolbar-main) {
    background-color: rgb(255, 255, 255) !important;
}

/* Settings header/toplevel toolbar - dark blue background */
md-toolbar.md-tall {
    background-color: rgb(0, 48, 91) !important;
}

/* Editor toolbars - dark blue background */
md-toolbar._md._md-toolbar-transitions {
    background-color: rgb(0, 48, 91) !important;
}

/* Fallback: Catch any md-toolbar without theme classes */
md-toolbar._md:not(.toolbar-main):not(.md-accent):not(.md-tall):not(.daysView):not(.monthView) {
    background-color: rgb(0, 48, 91) !important;
}

/* Login screen focused input styles */
.sg-login md-input-container.md-input-focused label {
    color: rgba(255, 255, 255, 0.87) !important;
}

.sg-login md-input-container.md-input-focused .md-input {
    border-color: rgba(255, 255, 255, 0.87) !important;
}

.sg-login md-input-container.md-input-focused md-icon {
    color: rgba(255, 255, 255, 0.87) !important;
}

/* Prominent validation styling - red indicator line and error messages */
md-input-container.md-input-invalid .md-input {
    border-color: rgb(244, 67, 54) !important;
    border-width: 2px !important;
}

md-input-container.md-input-invalid label {
    color: rgb(244, 67, 54) !important;
    font-weight: 700 !important;
}

md-input-container.md-input-invalid .md-input-message-animation {
    color: rgb(244, 67, 54) !important;
    font-weight: 700 !important;
}

md-input-container.md-input-invalid .md-input-message-animation.ng-enter {
    color: rgb(244, 67, 54) !important;
    font-weight: 700 !important;
}

/* Fix for Login screen label contrast on error */
.sg-login md-input-container.md-input-invalid label {
    color: rgb(255, 110, 110) !important;
    font-weight: 700 !important;
}

.sg-login md-input-container.md-input-invalid .md-input-message-animation {
    color: rgb(255, 110, 110) !important;
    font-weight: 700 !important;
}

/* Fix for Top Navigation icons contrast */
.sg-toolbar-group-last .md-button md-icon {
    color: rgba(255, 255, 255, 1) !important;
    opacity: 1 !important;
}

.sg-toolbar-group-last .md-button[disabled] md-icon {
    color: rgba(255, 255, 255, 1) !important;
    opacity: 1 !important;
}

/* Make active module fully visible */
.sg-toolbar-group-last .md-button {
    opacity: 1 !important;
}

/* Accessibility fixes 2025-12-17 */

/* Login Screen: Labels should be white */
.sg-login md-input-container label {
    color: rgba(255, 255, 255, 1) !important;
}

.sg-login md-input-container label::after,
.sg-login md-input-container .md-required {
    color: rgba(255, 255, 255, 1) !important;
}

.sg-login md-input-container .md-placeholder {
    color: rgba(255, 255, 255, 1) !important;
}

.sg-login md-input-container label::after,
.sg-login md-input-container .md-required {
    color: rgba(255, 255, 255, 1) !important;
}

.sg-login md-input-container .md-placeholder {
    color: rgba(255, 255, 255, 1) !important;
}

/* Login Screen: Icons (Globe, Info, Stars) should be white */
.sg-login md-icon {
    color: rgba(255, 255, 255, 1) !important;
}

/* Login Screen: Error/Welcome message text should be white */
.sg-login .md-default-theme.md-accent.md-hue-1.md-fg,
.sg-login .md-fg,
.sg-login .md-fg.md-padding {
    color: rgba(255, 255, 255, 1) !important;
}

.sg-login md-select .md-select-value,
.sg-login md-select .md-select-placeholder,
.sg-login md-select .md-select-icon {
    color: rgba(255, 255, 255, 1) !important;
}

/* Settings: Warn buttons should have white text */
.md-button.md-warn.md-raised {
    color: rgba(255, 255, 255, 1) !important;
}

/* Calendar: Week/Month view headers (Weekdays, KW) */

/* White background for calendar headers - override md-toolbar._md fallback */
md-toolbar.monthView._md._md-toolbar-transitions,
md-toolbar.daysView._md._md-toolbar-transitions {
    background-color: rgb(255, 255, 255) !important;
}

/* Theme-colored text for calendar header labels */
md-toolbar.monthView .dayLabels,
md-toolbar.monthView .dayLabels div,
md-toolbar.daysView .dayLabels,
md-toolbar.daysView .dayLabels div {
    color: rgb(0, 48, 91) !important;
}

/* Calendar week number - fix parent overflow */
.sg-calendar-tile-week {
    overflow: visible !important;
}

/* Calendar week number - grey ellipse, theme-colored text - override md-bg class */
.sg-calendar-tile-week span,
.sg-calendar-tile-week span.md-bg,
.sg-calendar-tile-week span.md-hue-1 {
    border: none !important;
    border-radius: 8px !important;
    display: inline-block !important;
    width: 36px !important;
    height: 22px !important;
    max-width: 36px !important;
    min-width: 36px !important;
    text-align: center !important;
    line-height: 20px !important;
    font-size: 0.8em !important;
    background-color: rgba(0, 48, 91, 0.15) !important;
    color: rgb(0, 48, 91) !important;
    padding: 1px 0 !important;
}

/* Highlight the current day in the calendar */
.dayOfToday {
    background-color: rgba(0, 176, 192, 0.2) !important;
}