/* =========================================================
   ASK SAI BOARDROOM FIXED SCREEN V2
   Central result stays inside fixed screen.
   Bottom workline never gets pushed by result content.
   ========================================================= */

.ASKSAI_FRAME_SCREEN_V2 {
    position: fixed !important;

    top: 92px !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 132px !important;

    width: auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;

    box-sizing: border-box !important;

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

    overscroll-behavior: contain !important;
    scrollbar-width: thin;

    margin: 0 !important;

    z-index: 20 !important;
}


/*
   The permanent Boardroom control rail.
   Existing visual design remains untouched.
   We only lock its physical position.
*/
.ASKSAI_FRAME_DOCK_V2 {
    position: fixed !important;

    left: 18px !important;
    right: 18px !important;
    bottom: 14px !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;

    transform: none !important;

    z-index: 80 !important;
}


/*
   Do not allow result children to force their parent taller.
*/
.ASKSAI_FRAME_SCREEN_V2 > * {
    max-width: 100%;
    box-sizing: border-box;
}


/*
   Known ASK SAI result surfaces.
   They remain normal content INSIDE the fixed screen.
*/
#ASKSAI_OUTPUT_RESULT,
#resultText,
.result-text {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}


/*
   Chromebook / narrower Boardroom.
*/
@media (max-width: 900px) {

    .ASKSAI_FRAME_SCREEN_V2 {
        top: 86px !important;
        left: 12px !important;
        right: 12px !important;
        bottom: 120px !important;
    }

    .ASKSAI_FRAME_DOCK_V2 {
        left: 12px !important;
        right: 12px !important;
        bottom: 10px !important;
    }
}


/*
   Short-height landscape window.
*/
@media (max-height: 650px) {

    .ASKSAI_FRAME_SCREEN_V2 {
        top: 72px !important;
        bottom: 108px !important;
    }

    .ASKSAI_FRAME_DOCK_V2 {
        bottom: 8px !important;
    }
}