/* CHOMA Expert 1.8.94 - final mobile layer. Loaded after every legacy stylesheet. */
@media (max-width:760px) {
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-tabs > a:not(:first-child) {
        justify-content:flex-start !important;
        padding-right:10px !important;
        padding-left:21.5px !important;
        font-size:11px !important;
        line-height:1.1 !important;
        text-align:left !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-tabs > a:not(:first-child) > i {
        left:5.5px !important;
    }

    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen + section.choma-mail-assistant {
        margin-top:18px !important;
    }

    html:has(body.choma-portal-login-page),
    body.choma-portal-login-page {
        width:100% !important;
        height:100% !important;
        min-height:100% !important;
        overflow:hidden !important;
        background:#07243d !important;
    }
    body.choma-portal-login-page .choma-login {
        box-sizing:border-box !important;
        width:100% !important;
        height:100svh !important;
        min-height:100svh !important;
        overflow:hidden !important;
        display:grid !important;
        grid-template-rows:29svh 61svh 10svh !important;
        background:linear-gradient(135deg,#041d34 0%,#073756 58%,#0a4364 100%) !important;
    }
    body.choma-portal-login-page .choma-login__brand {
        box-sizing:border-box !important;
        width:100% !important;
        height:29svh !important;
        min-height:0 !important;
        padding:16px 18px 12px !important;
        display:block !important;
        position:relative !important;
        overflow:hidden !important;
        background:transparent !important;
    }
    body.choma-portal-login-page .choma-login__choma-logo {
        position:absolute !important;
        top:16px !important;
        left:18px !important;
        width:min(230px,68vw) !important;
        height:auto !important;
        margin:0 !important;
    }
    body.choma-portal-login-page .choma-login__brand > div {
        position:absolute !important;
        right:18px !important;
        bottom:13px !important;
        left:18px !important;
        margin:0 !important;
    }
    body.choma-portal-login-page .choma-login__brand .choma-login__technology {
        display:none !important;
    }
    body.choma-portal-login-page .choma-login__kicker {
        margin:0 0 3px !important;
        font-size:12px !important;
    }
    body.choma-portal-login-page .choma-login__brand h1 {
        margin:0 !important;
        font-size:clamp(29px,9vw,39px) !important;
        line-height:.98 !important;
        white-space:nowrap !important;
    }
    body.choma-portal-login-page .choma-login__brand p {
        margin:5px 0 0 !important;
        color:#f7f6f2 !important;
        font-size:clamp(10px,2.9vw,12px) !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
        opacity:1 !important;
        filter:none !important;
        text-shadow:none !important;
    }
    body.choma-portal-login-page .choma-login__form-wrap {
        box-sizing:border-box !important;
        width:100% !important;
        height:61svh !important;
        min-height:0 !important;
        padding:9px 16px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        background:transparent !important;
    }
    body.choma-portal-login-page .choma-login__form {
        box-sizing:border-box !important;
        width:min(100%,440px) !important;
        max-height:100% !important;
        margin:0 !important;
        padding:15px 18px 13px !important;
        border:1px solid rgba(199,216,230,.8) !important;
        border-radius:15px !important;
        background:#fbfbfa !important;
        box-shadow:0 18px 42px rgba(0,20,40,.2) !important;
        transform:translateY(-14px) !important;
    }
    body.choma-portal-login-page .choma-login__form > .choma-eyebrow {
        margin:0 0 4px !important;
        font-size:10px !important;
    }
    body.choma-portal-login-page .choma-login__form h2 {
        margin:0 0 9px !important;
        font-size:clamp(30px,9vw,39px) !important;
        line-height:1 !important;
    }
    body.choma-portal-login-page .choma-login__form > p {
        margin:0 0 8px !important;
    }
    body.choma-portal-login-page .choma-login__form > label {
        gap:3px !important;
        margin:0 0 7px !important;
        font-size:11px !important;
    }
    body.choma-portal-login-page .choma-login__form input[type="text"],
    body.choma-portal-login-page .choma-login__form input[type="password"] {
        box-sizing:border-box !important;
        height:36px !important;
        min-height:36px !important;
        padding:5px 10px !important;
        font-size:14px !important;
    }
    body.choma-portal-login-page .choma-login__options {
        margin:2px 0 8px !important;
        font-size:10px !important;
    }
    body.choma-portal-login-page .choma-login__form > .choma-btn {
        height:38px !important;
        min-height:38px !important;
        padding:0 14px !important;
    }
    body.choma-portal-login-page .choma-login__form > small {
        margin-top:7px !important;
        font-size:8px !important;
        line-height:1.2 !important;
    }
    body.choma-portal-login-page .choma-login__footer-brand {
        box-sizing:border-box !important;
        width:100% !important;
        height:10svh !important;
        min-height:0 !important;
        padding:8px 18px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        background:transparent !important;
    }
    body.choma-portal-login-page .choma-login__footer-brand .choma-login__technology {
        position:static !important;
        margin:0 !important;
        transform:translateY(-1.5svh) scale(1.2) !important;
        transform-origin:left center !important;
    }

    html:has(body.choma-password-recovery-page),
    body.choma-password-recovery-page {
        width:100% !important;
        height:100% !important;
        min-height:100% !important;
        overflow:hidden !important;
        background:#07243d !important;
    }
    body.choma-password-recovery-page .choma-password-recovery {
        box-sizing:border-box !important;
        width:100% !important;
        height:100svh !important;
        min-height:100svh !important;
        padding:64px 16px 58px !important;
        overflow:hidden !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }
    body.choma-password-recovery-page .choma-password-recovery__logo {
        top:15px !important;
        left:18px !important;
        width:min(220px,66vw) !important;
    }
    body.choma-password-recovery-page .choma-password-recovery__form {
        box-sizing:border-box !important;
        width:min(100%,440px) !important;
        max-height:calc(100svh - 132px) !important;
        gap:9px !important;
        padding:17px 18px !important;
        border-radius:14px !important;
        overflow:hidden !important;
        transform:translateY(52px) !important;
    }
    body.choma-password-recovery-page .choma-password-recovery__form h1 {
        margin:0 !important;
        font-size:clamp(32px,9vw,40px) !important;
        line-height:1 !important;
    }
    body.choma-password-recovery-page .choma-password-recovery__form > p {
        margin:0 !important;
        font-size:12px !important;
        line-height:1.35 !important;
    }
    body.choma-password-recovery-page .choma-password-recovery__form label {
        gap:3px !important;
        font-size:10px !important;
    }
    body.choma-password-recovery-page .choma-password-recovery__form input[type="text"] {
        height:38px !important;
        min-height:38px !important;
    }
    body.choma-password-recovery-page .choma-password-recovery__form .choma-btn {
        height:38px !important;
        min-height:38px !important;
        padding:0 11px !important;
        font-size:9px !important;
    }
    body.choma-password-recovery-page .choma-password-recovery__back {
        margin-top:2px !important;
        font-size:10px !important;
    }
    body.choma-password-recovery-page .choma-password-recovery__technology {
        top:calc(93.5svh - 21px) !important;
        bottom:auto !important;
        left:18px !important;
        transform:scale(1.08) !important;
        transform-origin:left center !important;
    }
}

@media (max-width:760px) and (max-height:680px) {
    body.choma-portal-login-page .choma-login {
        grid-template-rows:26svh 64svh 10svh !important;
    }
    body.choma-portal-login-page .choma-login__brand {
        height:26svh !important;
    }
    body.choma-portal-login-page .choma-login__form-wrap {
        height:64svh !important;
        padding-top:6px !important;
        padding-bottom:6px !important;
    }
    body.choma-portal-login-page .choma-login__form {
        padding-top:11px !important;
        padding-bottom:10px !important;
    }
    body.choma-portal-login-page .choma-login__form h2 {
        margin-bottom:6px !important;
        font-size:29px !important;
    }
    body.choma-portal-login-page .choma-login__form > label {
        margin-bottom:5px !important;
    }
    body.choma-password-recovery-page .choma-password-recovery {
        padding-top:50px !important;
        padding-bottom:45px !important;
    }
    body.choma-password-recovery-page .choma-password-recovery__form {
        max-height:calc(100svh - 102px) !important;
        padding-top:12px !important;
        padding-bottom:12px !important;
    }
    body.choma-password-recovery-page .choma-password-recovery__form h1 {
        font-size:30px !important;
    }
}