/* =====================================================

   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;

}



.pao-monitor-grid{



    display:grid;



    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));



    gap:20px;



    margin-top:24px;

}



.pao-monitor-card{



    display:flex;



    flex-direction:column;



    justify-content:center;



    align-items:flex-start;



    min-height:180px;



    padding:24px;



    border-radius:18px;



    background:#ffffff;



    border:1px solid #dbe3ee;



    box-shadow:0 4px 16px rgba(0,0,0,.08);



    text-decoration:none !important;



    transition:.18s ease;

}



.pao-monitor-card:hover{



    transform:translateY(-2px);



    box-shadow:0 8px 24px rgba(0,0,0,.12);

}



.pao-monitor-title{



    font-size:28px;



    font-weight:700;



    color:#1f2937;



    margin-bottom:10px;

}



.pao-monitor-action{



    font-size:16px;



    font-weight:600;



    color:#4da3ff;

}



.pao-single-monitor{



    margin-top:24px;

}



.pao-monitor-card-large{



    max-width:520px;

}