/* Compact desktop layout for an opened clinical case.
   Mobile keeps the existing full-width phone layout from trainer-dock-fix.css. */
@media (min-width: 1024px) {
    .case-open {
        background:
            radial-gradient(circle at 50% 0, rgba(20,105,200,.13), transparent 36%),
            #050b16 !important;
    }

    .case-open .trainer-wrap {
        width: min(900px, calc(100vw - 48px)) !important;
        max-width: 900px !important;
        margin: 0 auto !important;
        padding: 0 14px !important;
    }

    .case-open #session {
        width: 100% !important;
        max-width: 900px !important;
        margin: 0 auto !important;
    }

    .case-open .active-case-top,
    .case-open .trainer-chat,
    .case-open .case-dock {
        width: 100% !important;
        max-width: 100% !important;
    }

    .case-open .active-case-top {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .case-open .trainer-chat {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .case-open .case-dock {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .case-open .trainer-bubble,
    .case-open .trainer-patient,
    .case-open .trainer-doctor {
        max-width: min(86%, 700px) !important;
    }
}