/*
 * Console console branding for Apache Guacamole.
 */

:root {
    --console-primary: #1958b8;
    --console-primary-dark: #0f3d82;
    --console-accent: #00a4a6;
    --console-header-bg: #102a43;
    --console-text: #243b53;
    --console-muted: #627d98;
}

body {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--console-text);
}

.login-ui {
    background: linear-gradient(160deg, #102a43 0%, #1958b8 55%, #00a4a6 100%);
}

.login-ui .login-dialog {
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 18px 48px rgba(16, 42, 67, 0.35);
}

.login-ui .login-dialog .logo {
    width: 100%;
    height: 2.75em;
    background-image: none;
    background-size: auto;
}

.login-ui .login-dialog .logo::before {
    content: "Console";
    display: block;
    font-size: 1.85em;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--console-primary);
    text-align: center;
    line-height: 1.4;
}

.login-ui .login-dialog .login-fields input {
    font-family: inherit;
    border-color: #bcccdc;
}

.login-ui .login-dialog .login-fields input:focus {
    border-color: var(--console-primary);
    box-shadow: 0 0 0 2px rgba(25, 88, 184, 0.15);
}

.login-ui .login-dialog .warning {
    color: var(--console-muted);
    font-size: 0.8em;
    line-height: 1.4;
}

.header {
    background: var(--console-header-bg);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 2px 8px rgba(16, 42, 67, 0.25);
    color: #ffffff;
}

input[type="submit"],
button,
a.button {
    background-color: var(--console-primary);
    border: 1px solid var(--console-primary-dark);
    color: #ffffff;
    font-weight: 600;
    font-family: inherit;
}

input[type="submit"]:hover,
button:hover,
a.button:hover {
    background-color: var(--console-primary-dark);
    border-color: var(--console-primary-dark);
}

input[type="submit"]:active,
button:active,
a.button:active {
    background-color: #0c2f66;
    border-color: #0c2f66;
}

button.danger,
a.button.danger {
    background: #d64545;
    border-color: #b91c1c;
}

button.danger:hover,
a.button.danger:hover {
    background: #b91c1c;
    border-color: #991b1b;
}

.menu-content a.current,
.menu-content a:hover {
    color: var(--console-primary);
}

.section .connection-list .connection:hover {
    border-color: var(--console-accent);
}