@CHARSET "UTF-8";
/*
 * xAdmin Modern Theme - Ueberschreibungen fuer View-eigene <style>-Bloecke
 *
 * 59 Views bringen ihr Styling direkt im Template mit. Weil ein <style>-Block
 * im Dokument nach den Stylesheets steht, gewinnt er bei gleicher Spezifitaet.
 * Der Prefix "body.xtheme-modern" hebt die Spezifitaet um eine Klasse an und
 * setzt sich damit durch, ohne dass die Templates angefasst werden muessen.
 *
 * Grundsatz: Nur Farben, Rahmen und Typografie werden ersetzt. Floats,
 * Breiten und Abstaende bleiben so, wie die View sie meint - sonst kippen
 * Layouts, die hier niemand nachstellen kann.
 */

/* ------------------------------------------------- Fieldset-Formularfamilie
 *
 * Gemeinsamer Block in 11 Views:
 *   flights/oneways/{item,itemview,compile}, flights/legs/item,
 *   flights/roundtrip/{massdelete,massdeleteprepare},
 *   flights/flighttocs/masschange,
 *   default/tpl/{configuration,exportcsv,importcsv,masschange}
 *
 * Legacy zeichnet das Formular als graues Blech (#C0C0C0) mit weissen
 * Feldbloecken. Hier wird daraus eine Flaeche im Theme.
 */

body.xtheme-modern #mainform {
    background: transparent;
    min-width: 0;
}

body.xtheme-modern #mainform form,
body.xtheme-modern .x-content-card form {
    background: transparent;
}

body.xtheme-modern #mainform div {
    background: var(--x-surface);
}

body.xtheme-modern #mainform p {
    margin: 4px 0;
}

body.xtheme-modern fieldset div {
    background: var(--x-surface);
}

body.xtheme-modern fieldset legend {
    color: var(--x-text-muted);
    font-weight: 600;
}

body.xtheme-modern fieldset div label {
    color: var(--x-text-muted);
}

/* Grauer Platzhalterblock in der Labelspalte - im Theme nur noch Abstand. */
body.xtheme-modern .field_label {
    background: transparent;
    color: var(--x-text-muted);
    font-size: 12px;
    font-weight: 600;
}

/* Nur die Oneway-Views: geschachteltes Fieldset mit grauer Legendenspalte. */
body.xtheme-modern #mainform .xform fieldset legend {
    background: var(--x-surface-alt);
    border-radius: var(--x-radius-sm);
    color: var(--x-text-muted);
}

body.xtheme-modern #info {
    background: var(--x-surface-alt);
    color: var(--x-text);
}

/* ------------------------------------------------------- Wiederkehrendes */

/* Mehrere Views setzen Formularfelder ueber Attributselektoren zurueck. */
body.xtheme-modern input[readonly=readonly],
body.xtheme-modern select[readonly=readonly],
body.xtheme-modern textarea[readonly=readonly],
body.xtheme-modern input.readonly,
body.xtheme-modern select.readonly,
body.xtheme-modern textarea.readonly {
    background-color: var(--x-surface-sunk);
    border: 1px solid var(--x-border);
    color: var(--x-text-muted);
}

/* Fehlermarkierung an Formularlabels (tpl/masschange). */
body.xtheme-modern [id$="result_count-label"] {
    background-color: var(--x-danger-soft);
    border: 1px solid var(--x-danger);
    border-radius: var(--x-radius-sm);
    color: var(--x-danger);
}

body.xtheme-modern [id$="result_count-label"] label {
    color: var(--x-danger);
}