/* Administrative Orders — Kendo UI grid/filters widget. Ported verbatim from the DNN module's
   inline <style> block (class names kept as .ao-* since they're already page-specific and not
   reused elsewhere on the site). */
.ao-module { font-family: inherit; }

.ao-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
    margin-bottom: 16px;
}

.ao-filter-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ao-filter-group label {
    font-weight: 600;
    font-size: 0.875rem;
}

.ao-filter-group-inline {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ao-keyword-row {
    display: flex;
    gap: 6px;
    align-items: center;
}

.ao-keyword-row input[type="text"] {
    width: 260px;
}

#ao-error {
    color: #c0392b;
    padding: 8px;
    margin-bottom: 12px;
    border: 1px solid #e74c3c;
    border-radius: 4px;
    background: #fdf2f2;
}

.k-dropdownlist {
    height: 33px;
    width: 250px;
}

label#ao-category-dd_label {
    font-size: 15px;
}

/* Make the rescinded column text red (source oddity: no grid column ever uses this class —
   see the doc comment in AdministrativeOrders.cshtml). Kept in case a Rescinded column is
   added later. */
.ao-rescinded-yes {
    color: #c0392b;
    font-weight: 600;
}

@media (max-width: 600px) {
    .ao-keyword-row input[type="text"] {
        width: 160px;
    }
}