/* Visible input styling — cdmc-card forms previously had white-on-white
   inputs with only a faint default border. */
.cdmc-card input.form-control,
.cdmc-card textarea.form-control,
.cdmc-card select.form-select,
.cdmc-card input[type="file"].form-control {
    background-color: #f4f6f8;
    border: 1px solid #ced4da;
}
.cdmc-card input.form-control:focus,
.cdmc-card textarea.form-control:focus,
.cdmc-card select.form-select:focus {
    background-color: #fff;
    border-color: #2d6bb8;
    box-shadow: 0 0 0 0.2rem rgba(45, 107, 184, 0.15);
}

/* Grey box around the publish/submit controls, matching the audio-slot boxes */
.form-actions-box {
    background: #f4f6f8;
    border: 1px solid #e2e6ea;
    border-radius: 8px;
    padding: 16px;
    margin-top: 8px;
}

/* Page banner headings were inheriting a dark heading color from elsewhere
   in the theme instead of the white set on the banner container itself. */
.page-banner h1,
.page-banner h2,
.page-banner h3 {
    color: #fff !important;
}

/* On mobile/tablet the theme's own stylesheet paints the header (and the
   collapsed hamburger menu holding the nav tabs) in its dark olive theme
   color instead of the site's blue brand color. Force the whole header —
   bar plus the expanded tabs section — to the same blue used on the page
   banners, but ONLY on the member-gated pages (Meetings/notices.html,
   Messages/messages.html, Admin/admin.html — marked with body.member-page).
   The public marketing pages (index.html, login.html) keep the theme's
   original mobile header styling untouched. */
@media only screen and (max-width: 991.98px) {
    body.member-page header.transparent-header,
    body.member-page header.transparent-header.nav-on-banner,
    body.member-page .full-header,
    body.member-page .transparent-header,
    body.member-page .transparent-header-modern {
        background-color: #1a3c6e !important;
    }
    body.member-page header.transparent-header .navbar-collapse,
    body.member-page header.transparent-header .navbar-nav,
    body.member-page header.transparent-header .navbar-nav .nav-link {
        background-color: transparent;
    }
    body.member-page header.transparent-header .navbar-toggler-icon {
        filter: invert(1) grayscale(100%) brightness(200%);
    }
}

/* Link-URL "go to" + "copy link" row shown on notices/messages that have one */
.entry-link-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}
.entry-link-row .btn-copy-link.copied {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}