@media screen and (max-width:1023px){
    body.gb-report-full{
    overflow-x:hidden;
}
      /* ===== FULL REPORT WIDTH ===== */

    .gb-header,
    .gb-count-summary,
    .gb-patients,
    .gb-other-report,
    .gb-section-title,
    .gb-section-title-none{
        width:100% !important;
        max-width:100% !important;
    }

    /* ===== TITLE ===== */

    .gb-title{
        font-size:22px !important;
    }

    .gb-meta{
        font-size:16px !important;
    }

    /* ===== SUMMARY ===== */

    .gb-grid-row{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
    }

    .gb-box{
         flex:none !important;
    max-width:none !important;
        min-width:0 !important;
        width:100% !important;
    }

    /* ===== OTHER REPORT ===== */

    .gb-other-report{
        padding:10px !important;
    }

    .gb-other-report .gb-other-content{
        font-size:17px !important;
        line-height:1.5 !important;
    }

    /* ===== SECTION TITLE ===== */

    .gb-section-title,
    .gb-section-title-none{
        font-size:18px !important;
        padding:8px 10px !important;
    }
    .two-col {
        flex-direction: column;
    }


    /* ===== PAGE ===== */

    #gb-report-app{
        width:100%;
        padding:0 10px;
    }

    /* ===== HEADER LIST ===== */

    .gb-list-header{
        display:flex !important;
        flex-direction:column !important;

        align-items:stretch !important;

        gap:10px;
    }

    .gb-list-action{
        width:100% !important;
    }

    .gb-btn-new{
        width:100% !important;
    }

    /* ===== TABLE ===== */

    .gb-table{
        display:block;
        overflow-x:auto;
    }

    .gb-table th:last-child,
    .gb-table td:last-child{
        width:auto !important;
        min-width:140px;
    }
 .col-updated{
        display:none !important;
    }

    .gb-table th:nth-child(5),
    .gb-table td:nth-child(5){
        display:none !important;
    }
    /* ===== ACTION BUTTONS ===== */

    .gb-action-buttons{
        display:flex !important;
        flex-direction:column !important;

        gap:6px;

        white-space:normal !important;
    }

    .gb-action-buttons .button{
        width:100% !important;

        margin:0 !important;
    }

    /* ===== TYPOGRAPHY ===== */
.gb-header,
.gb-count-summary,
.gb-patients,
.gb-other-report{
    box-sizing:border-box;
}
    .gb-title{
        font-size:22px !important;
    }

    .gb-meta{
        font-size:16px !important;
    }

    .pc-header{
        flex-direction:column;
        align-items:flex-start;

        gap:4px;
    }

    .pc-header p,
    .pc-title,
    .pc-meta,
    .pc-room{
        font-size:18px !important;
        line-height:1.35;
    }
  

    .gb-box{

        min-width:0 !important;
        min-height:auto !important;
        width:100% !important;

        padding:10px 6px !important;
    }

    .gb-box-label{

        font-size:16px !important;

        line-height:1.3;
    }

    .gb-box-value{

        font-size:22px !important;

        margin-top:4px !important;
    }

    .pc-body p{
        font-size:17px !important;
        line-height:1.5;
    }

    .pc-section-box p{
        font-size:17px !important;
    }

    .pc-other-note{
        font-size:16px !important;
    }

    /* ===== TWO COL ===== */

    .two-col{
        flex-direction:column !important;
        gap:10px;
    }

    .two-col > div:first-child,
    .two-col > div:last-child{
        min-width:100%;
        width:100%;
    }

    .two-col > div:first-child::after{
        display:none;
    }
     .gb-editor-two-cols{
        flex-wrap:wrap;
    }

    .gb-editor-two-cols > .gb-editor-col{
        flex:1 1 100%;
    }
    /* ===== FULL REPORT DESKTOP FIX OVERRIDE ===== */

.gb-header{
    width:100% !important;
}

.gb-header-inner{
    padding:10px !important;
}

.gb-count-summary{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
}

.gb-patients{
    width:100% !important;
    padding:0 !important;
}

.gb-other-report{
    width:100% !important;
    max-width:100% !important;
    margin:6px 0 !important;
}
.gb-grid-row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    flex-wrap:unset !important;
}
/* =========================
   locmau LAYOUT
========================= */

.gb-locmau-card{

    margin:12px 0;
    padding:12px 16px;

    background:#fff;

    border-radius:8px;


}

.gb-locmau-card .pc-section-box{

    margin-bottom:4px;

}


.gb-locmau-card .locmau-value{

    font-size:14pt;

    
}
.gb-locmau-card .locmau-line{

    margin-bottom:8px;

   

}

.gb-locmau-card .label-green{

    color:#0a8f5a;

    font-weight:700;

}

/* ==========================
   CAN THIỆP PT/TT
========================== */

.pc-canthiep{
    background:#f0fdfa;
}

.pc-canthiep .pc-header{
    background:#0f766e;
    color:#ffffff;
}

.pc-canthiep .pc-room{
    color:#ccfbf1;
}

.pc-canthiep .label-green{
    color:#0f766e;
}
/* =========================
NOTE CARD
========================= */

.gb-note-card{

    margin:6px 0;

    padding:18px 24px;

    background:#fff;

}

.gb-note-card .pc-title{

    font-size:15pt;

    font-weight:700;
}

.gb-note-card .note-line{

    margin-bottom:10px;
}


.gb-note-card .note-value{

    font-size:15pt;

}
 .gb-locmau-card .locmau-value,
    .gb-note-card .note-value{
        white-space: pre-line;
    }

}