/*
 * Copyright © 2026
 * Alvaton Holdings
 * Anthony Liberto
 * File: organization-chooser-modal.css
 * Project: AlVaTest
 * All rights reserved
 *
 * This source code is proprietary and confidential.
 * Redistribution or modification is prohibited without prior written consent.
 *
 */

.organization-chooser-modal {
    width: min(520px, 92vw);
    color: #222;
    background: #fff;
    /*background: #f9f9f9;*/
    border: 1px solid #ddd;
}

.organization-chooser-modal h2,
.organization-chooser-modal label,
.organization-chooser-modal button,
.organization-chooser-modal select {
    color: #222;
}

.organization-chooser-modal select {
    background: #fff;
}

.organization-chooser-modal-actions {
    margin-top: 1rem;
    justify-content: flex-end;
}

/* This modal never scrolls, so the global sticky-footer divider/shadow (common.css's
   ".modal .modal-actions", two class selectors) just reads as a mismatched shade against the
   identically-white dialog body. Flatten it — needs the same two-class specificity to actually
   win over that rule; a single ".organization-chooser-modal-actions" selector loses the
   specificity tiebreak regardless of stylesheet load order. */
.organization-chooser-modal .organization-chooser-modal-actions {
    border-top: none;
    box-shadow: none;
}

.organization-chooser-modal .result {
    margin-top: 0.75rem;
}

.organization-chooser-modal [hidden] {
    display: none !important;
}