/* =====================================================
   PONY ADMIN OPS — TRUE FULL WIDTH CANVAS
===================================================== */

/* Kill theme centering, BUT DO NOT HIDE X OVERFLOW */
body.page-pony-admin-ops,
body.page-pony-admin-ops .site-content,
body.page-pony-admin-ops .content-area,
body.page-pony-admin-ops .content_wrap,
body.page-pony-admin-ops .content,
body.page-pony-admin-ops .content_inner,
body.page-pony-admin-ops article,
body.page-pony-admin-ops .post_content,
body.page-pony-admin-ops .container,
body.page-pony-admin-ops .wrap {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    /* IMPORTANT: allow horizontal scroll downstream */
    overflow-x: visible !important;
}

/* =====================================================
   MASTER ALIGNMENT FRAME
   Messenger + monitors MUST share this
===================================================== */

body.page-pony-admin-ops .entry-content {
    width: 100%;
    max-width: 100%;

    /* small intentional buffer */
    padding-left: 24px;
    padding-right: 24px;

    margin: 0;
}

/* =====================================================
   MESSENGER — TOP DOCKED
===================================================== */

.pao-messenger-top {
    position: sticky;
    top: 0;
    z-index: 50;

    width: 100%;
    min-height: 300px;

    background: #fff;
    border-bottom: 2px solid #ddd;
}

/* =====================================================
   MONITOR SCROLL CONTAINER (THIS IS KEY)
===================================================== */

.pao-monitor-wrap {
    width: 100%;

    /* THIS is where scrolling happens */
    overflow-x: auto;
    overflow-y: hidden;

    margin: 0;
    padding: 0;
}

.pao-monitor-viewport {
    width: max-content; /* allow iframe to define width */
    margin: 0;
    padding: 0;
}

/* =====================================================
   MONITOR IFRAMES
===================================================== */

.pao-monitor {
    display: block;

    /* native dashboard width */
    width: 1850px;
    min-width: 1850px;

    height: 420px;
    border: 0;

    margin: 0;
}

/* =====================================================
   🔥 HARD THEME CENTERING NEUTRALIZER (REQUIRED)
===================================================== */

body.page-pony-admin-ops .content_wrap,
body.page-pony-admin-ops .content_inner,
body.page-pony-admin-ops .content {
    max-width: none !important;
    width: 100% !important;

    /* THIS breaks the center lock */
    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: none !important;
}
/* =====================================================
   🔥 PONY ADMIN OPS — REAL THEME OVERRIDE (MATCH FIXED)
===================================================== */

body[class*="pony-admin-ops"] .content_wrap,
body[class*="pony-admin-ops"] .content_inner,
body[class*="pony-admin-ops"] .content,
body[class*="pony-admin-ops"] .container,
body[class*="pony-admin-ops"] .wrap {
    max-width: none !important;
    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    transform: none !important;
}

/* Unified horizontal frame */
body[class*="pony-admin-ops"] .entry-content {
    width: 100vw !important;
    max-width: 100vw !important;

    padding-left: 24px !important;
    padding-right: 24px !important;

    margin: 0 !important;
}