/* WebReports V13 - Shared Blue Theme */

:root {
    --wr-blue: #6685A3;
    --wr-blue-hover: #536F8B;
    --wr-panel: #E8F0F7;
    --wr-border: #C5D5E3;
    --wr-background: #F4F7F8;
    --wr-text: #000000;
}

/* General page appearance */
body {
    background: var(--wr-background) !important;
    color: var(--wr-text);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--wr-text) !important;
}

p, label, td, span {
    color: var(--wr-text);
}

/* Panels and cards */
.card, .stat-card, .section, .login-box {
    background: #FFFFFF;
    border: 1px solid var(--wr-border);
    border-radius: 10px;
}

.intro {
    background: linear-gradient(
        120deg,
        var(--wr-panel),
        #FFFFFF 75%
    ) !important;
    border-color: var(--wr-border) !important;
}

/* Navigation and action buttons */
.top-link,
.action-btn,
.button,
.tab button.active,
button[type="submit"] {
    background: var(--wr-blue) !important;
    color: #FFFFFF !important;
}

.top-link:hover,
.action-btn:hover,
.button:hover,
button[type="submit"]:hover {
    background: var(--wr-blue-hover) !important;
}

/* Table headings */
th {
    background: var(--wr-blue) !important;
    color: #FFFFFF !important;
}

/* Form fields */
input, select, textarea {
    border-color: var(--wr-border);
}

input:focus, select:focus, textarea:focus {
    outline-color: var(--wr-blue);
}

/* Links */
a {
    color: var(--wr-blue);
}

/* Preserve white text on coloured controls */
.top-link,
.action-btn,
.button,
.tab button.active,
button[type="submit"],
th {
    color: #FFFFFF !important;
}

/* Preserve destructive action colours */
.delete-btn,
button.delete-btn {
    background: #B00000 !important;
    color: #FFFFFF !important;
}

/* Do not override Quill report content or its toolbar */
.ql-editor {
    color: #000000;
    background: #FFFFFF;
}

/* V13 - Default Application Typography */

body,
button,
input,
select,
textarea,
label,
table {
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 11pt;
}

/* Report writing editors */
.ql-editor {
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 11pt !important;
}


/* WEBREPORTS SHARED NAVIGATION */
.top-bar {
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto 16px;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    background: #FFFFFF !important;
    border: 1px solid #C5D5E3 !important;
    border-radius: 8px;
    box-shadow: none;
    font-family: Tahoma, Arial, sans-serif;
}
.top-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.top-left strong {
    margin-right: 16px;
    color: #000000 !important;
    font-size: 18px;
    font-weight: bold !important;
}
.top-bar a,
.top-bar a:link,
.top-bar a:visited,
.top-bar a:hover,
.top-bar a:active {
    display: inline-block;
    padding: 8px 11px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #000000 !important;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold !important;
    text-decoration: none !important;
}
.top-bar a:hover {
    background: #E8F0F7 !important;
    border-color: #C5D5E3 !important;
}
.top-right {
    color: #000000 !important;
    font-family: Tahoma, Arial, sans-serif;
    font-weight: bold !important;
}