/* 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;
    }
}

/* Administrative Orders Assistant (/General-Information/Administrative-Orders-Assistant):
   the embedded aochat.jud11.flcourts.org frame. Tall enough to be usable on a laptop, capped
   so it does not run away on a large monitor. */
.ao-chat-frame {
    border: 0;
    display: block;
    height: clamp(700px, 82vh, 950px);
    width: 100%;
}