/*
 * Farben von KDG-Server fuer Adminer (pgadmin.kdg-server.de) - im Container /var/www/html/adminer.css.
 * Adminer laedt die Datei zusaetzlich zu seinem eigenen Stil. Sie enthaelt "prefers-color-scheme: dark",
 * daran erkennt Adminer, dass sie fuer hell UND dunkel gilt, und bindet sie ohne media-Einschraenkung
 * ein. Die Werte sind die von internal/web/dateien/status.css (Tinte #0b1628, Bernstein #f5b53d,
 * Akzent #1f4fd8). Adminers eingebaute Variablen: --bg, --fg, --dim, --lit.
 */

html { --bg: #ffffff; --fg: #0e1726; --dim: #f6f7f9; --lit: #e8eefb; }

body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

/* Kopfzeile: Tinte mit Bernstein-Strich, wie das Zeichen. */
h1 { background: #0b1628; color: #eef3fb; border-bottom: 3px solid #f5b53d; font-style: normal; }
#h1, #h1:visited, #h1:hover { color: #eef3fb; font-style: normal; font-weight: 600; text-decoration: none; }
#h1 img { vertical-align: -7px; border-radius: 6px; margin-right: .15em; }
.version { display: none; }   /* die Adminer-Versionsnummer neben dem Namen */

a, a:visited { color: #1f4fd8; }
a:link:hover, a:visited:hover { color: #0b1628; text-decoration: underline; }

#breadcrumb { background: #f6f7f9; }
#menu p, #logins, #tables { border-color: #e1e6ed; }

input[type=submit], input[type=button], button {
    background: #1f4fd8; color: #ffffff; border: 1px solid #1f4fd8; border-radius: 6px;
    padding: .4em 1em; cursor: pointer;
}
input[type=submit]:hover, input[type=button]:hover, button:hover { background: #0b1628; border-color: #0b1628; }
input[type=text], input[type=password], input[type=number], input[type=search], select, textarea {
    border: 1px solid #c5cdd8; border-radius: 6px; padding: .3em .45em; background: #ffffff; color: #0e1726;
}
input:focus, select:focus, textarea:focus { outline: 2px solid #1f4fd8; outline-offset: 1px; }

.error { background: #fbe9ea; color: #a3161c; border-left: 4px solid #a3161c; padding: .5em .8em; }
.message { background: #e7f4ec; color: #0f6b3c; border-left: 4px solid #0f6b3c; padding: .5em .8em; }

@media (prefers-color-scheme: dark) {
    html { --bg: #070c16; --fg: #e8eef8; --dim: #111b2d; --lit: #16223a; }
    h1 { background: #0b1628; color: #eef3fb; }
    #h1, #h1:visited, #h1:hover { color: #eef3fb; }
    a, a:visited { color: #86a8ff; }
    a:link:hover, a:visited:hover { color: #e8eef8; }
    #breadcrumb { background: #111b2d; }
    #menu p, #logins, #tables { border-color: #22314a; }
    input[type=submit], input[type=button], button { background: #86a8ff; color: #070c16; border-color: #86a8ff; }
    input[type=submit]:hover, input[type=button]:hover, button:hover { background: #e8eef8; border-color: #e8eef8; }
    input[type=text], input[type=password], input[type=number], input[type=search], select, textarea {
        border-color: #30425f; background: #111b2d; color: #e8eef8;
    }
    .error { background: #3a1416; color: #f59a9a; border-left-color: #f59a9a; }
    .message { background: #10301f; color: #5fd39b; border-left-color: #5fd39b; }
}