@import url("../vendor/bootstrap/dist/css/bootstrap.min-z0zQt-h.css");
@import url("../vendor/bootstrap-icons/font/bootstrap-icons.min-5BD67CJ.css");

/*
 * Epingle theme.
 *
 * A custom design layer on top of Bootstrap 5.3. Bootstrap ships the grid, utilities
 * and JS components; everything below re-skins it into something that does not look
 * like a stock Bootstrap page: a refined "ink + electric indigo" palette, a display
 * typeface for headings, soft depth, and bespoke components for the proofing workflow.
 *
 * Naming follows BEM without "__": elements use a single dash (.block-element),
 * modifiers use "--" (.block-element--modifier).
 */

@import "_variables-IJm640N.css";
@import "_base-Mhb6kGz.css";
@import "_brand-SckP39D.css";
@import "_buttons-cdxeNeK.css";
@import "_cards_panels-v_1y6xI.css";
@import "_stat_tiles-pvzg7uD.css";
@import "_app_shell-l1bmqam.css";
@import "_avatars-LSUVt2X.css";
@import "_status_badges-VDWEPtf.css";
@import "_project_cards-osABoo_.css";
@import "_forms-UlOBEfP.css";
@import "_auth-NThGiLG.css";
@import "_annotation_viewer-P0LZjir.css";
@import "_timeline_activity-cmHF6Bt.css";
@import "_notifications-XtuuH8g.css";
@import "_misc_utilities-fNlxKCf.css";
@import "_contact_form-bK6xUbs.css";
@import "_public_footer_legal_pages-eVwuXqM.css";
@import "_error_pages-3Ft1lBv.css";
@import "_cookie_banner-LRr1cpf.css";

/* Impersonation warning, shown while an admin is inside a member's session. */
.impersonation-bar {
    display: flex; align-items: center; justify-content: center;
    gap: .75rem; flex-wrap: wrap; text-align: center;
    padding: .55rem 1rem;
    background: var(--amber); color: #3a2a00;
    font-size: .88rem; font-weight: 600;
}
.impersonation-bar svg { flex: 0 0 auto; }
.impersonation-bar a { color: #3a2a00; text-decoration: underline; text-underline-offset: 2px; }