/* ==========================================================
   MG DEADLINE BUILD
   APPROVED SCREEN ONLY
   ========================================================== */

.app-shell {
    grid-template-columns:
        205px
        minmax(0, 1fr)
        300px !important;

    gap: 10px !important;
}

/* LEFT */

.gold-county-nav,
.gold-county-nav.d1r1-left-county-nav {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#county-buttons {
    display: flex !important;
    flex-direction: column !important;

    gap: 7px !important;

    visibility: visible !important;
    opacity: 1 !important;
}

#county-buttons .county-button {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* RIGHT */

.right-panel {
    display: flex !important;
    flex-direction: column !important;

    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;

    padding: 8px !important;
    gap: 10px !important;

    box-sizing: border-box !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    visibility: visible !important;
    opacity: 1 !important;

    background:
        linear-gradient(
            180deg,
            #04121e,
            #020a13
        ) !important;

    border:
        1px solid rgba(244,182,0,.38) !important;

    border-radius: 4px !important;
}

/*
 Hide old service-copy elements.
*/

.right-panel > h2,
.right-panel > h3,
.right-panel > p,
.right-panel > hr,
.right-panel > h4,
.right-panel > .services {
    display: none !important;
}

/*
 Explicitly show the two approved pieces.
*/

.right-panel > .d1r1-video-card,
.right-panel > .latest-city-panel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* FEATURED PROJECT */

.d1r1-video-card {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #01070d !important;

    border:
        1px solid rgba(244,182,0,.44) !important;

    border-radius: 4px !important;
}

.d1r1-video-heading {
    display: block !important;

    margin: 0 !important;
    padding: 10px 11px !important;

    color: #f4b600 !important;

    font-size: 11px !important;
    font-weight: 900 !important;

    letter-spacing: .13em !important;
    text-transform: uppercase !important;

    border-bottom:
        1px solid rgba(244,182,0,.30) !important;
}

#mg-deadline-video {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 9 / 16 !important;

    max-height: 430px !important;

    object-fit: cover !important;

    background: #000 !important;
}

/* CITY POST */

.right-panel > .latest-city-panel {
    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 11px !important;

    color: #fff !important;

    background: #03101a !important;

    border:
        1px solid rgba(244,182,0,.40) !important;

    border-radius: 4px !important;
}

.right-panel > .latest-city-panel h4 {
    color: #f4b600 !important;
}

/* Preserve genuine evidence gate. */

.right-panel >
.latest-city-panel.d1r1-no-real-post {
    display: none !important;
}

/* APPROVED REMOVALS */

.next-cities,
.feature-row {
    display: none !important;
}