/* The only stylesheet not ported from legacy (issue #31). */

/* Logging out is a POST, so it is a <form> in the menu rather than an <a>. These rules give the
   submit button the same box as div#nav's anchors (nav-horizontal.css). */

div#nav form.logout-form {
    margin: 0;
    padding: 0;
    /* forms.1.0.1.css shrinks every form to 0.9em; the menu row must not inherit that. */
    font: inherit;
}

div#nav button.logout-link {
    display: block;
    box-sizing: content-box;
    width: 90px;
    margin: 0;
    padding: 5px 15px 5px 15px;
    border: 0;
    border-radius: 0;
    background: #333;
    color: #FFFFFF;
    font: inherit;
    line-height: inherit;
    text-align: center;
    text-shadow: none;
    white-space: nowrap;
    cursor: pointer;
}

div#nav button.logout-link:hover,
div#nav button.logout-link:focus {
    background-color: #666;
    color: #FFFFFF;
}

/* The report screens' filter row on one line — fraværsrapporten and boligrapporten both carry
   .report-filter on the form and wrap each label+control pair in a .filter-field. bootstrap.css
   loads after forms.1.0.1.css and sets label{display:block} and input{width:206px}, which stacks
   each filter on its own line. Same flex pattern as #booking-toolbar in booking-scheduler.css. */
.report-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 20px;
    align-items: center;
}

.report-filter .filter-field {
    display: flex;
    gap: 6px;
    align-items: center;
}

.report-filter label {
    margin: 0;
}

.report-filter select,
.report-filter input[type="date"] {
    width: auto;
    margin: 0;
}

.report-filter .btn {
    margin: 0;
}