/* 1.8.91 — ostateczna warstwa mobilna. Ładowana po całej historycznej kaskadzie. */
@media (max-width:760px) {
    body.choma-portal-app {
        --choma-mobile-list-width:calc(100vw - 24px);
        --choma-mobile-create-width:calc(100vw - 24px);
        --choma-mobile-assistant-width:calc(100vw - 64px);
        overflow-x:hidden !important;
    }

    /* Jedna oś dla nagłówków, formularzy tworzenia i list modułów. */
    .choma-portal-app .choma-main > :is(section,article,form),
    .choma-portal-app .choma-main > :is(.choma-mail-tabs,.choma-mail-folder-tabs),
    .choma-portal-app .choma-main > :is(.choma-panel--tasks,.choma-panel--pipeline,.choma-panel--latest,.choma-contacts-panel,.choma-processes-panel,.choma-calendar-shell,.choma-document-database,.choma-note-library,.choma-center-status-grid,.choma-calendar-summary) {
        box-sizing:border-box !important;
        width:var(--choma-mobile-list-width) !important;
        min-width:var(--choma-mobile-list-width) !important;
        max-width:var(--choma-mobile-list-width) !important;
        margin-right:auto !important;
        margin-left:auto !important;
    }
    .choma-portal-app .choma-main > :is(.choma-quick-create,.choma-editor-panel,.choma-calendar-create,.choma-document-editor,.choma-note-editor,.choma-mail-screen) {
        width:var(--choma-mobile-create-width) !important;
        min-width:var(--choma-mobile-create-width) !important;
        max-width:var(--choma-mobile-create-width) !important;
    }

    /* Asystenci mają dokładnie tę samą szerokość, niezależnie od paddingu rodzica. */
    .choma-portal-app .choma-mail-compose-form__assistant.choma-assistant-template,
    .choma-portal-app form.choma-calendar-assistant.choma-assistant-template,
    .choma-portal-app .choma-document-assistant.choma-assistant-template,
    .choma-portal-app .choma-note-assistant.choma-assistant-template {
        position:relative !important;
        left:50% !important;
        box-sizing:border-box !important;
        width:var(--choma-mobile-assistant-width) !important;
        min-width:var(--choma-mobile-assistant-width) !important;
        max-width:var(--choma-mobile-assistant-width) !important;
        margin-right:0 !important;
        margin-left:0 !important;
        overflow:hidden !important;
        border-radius:10px !important;
        transform:translateX(-50%) !important;
    }
    .choma-portal-app .choma-document-assistant.choma-assistant-template form.choma-document-assistant__form,
    .choma-portal-app .choma-note-assistant.choma-assistant-template form.choma-note-assistant__form {
        box-sizing:border-box !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
    }
    .choma-portal-app .choma-assistant-template .choma-tool-assistant__head,
    .choma-portal-app .choma-assistant-template .choma-tool-assistant__controls,
    .choma-portal-app .choma-assistant-template .choma-dictation-field,
    .choma-portal-app .choma-assistant-template .choma-dictation-field > textarea,
    .choma-portal-app .choma-assistant-template .choma-assistant-template__style,
    .choma-portal-app .choma-assistant-template .choma-assistant-template__style > select,
    .choma-portal-app .choma-assistant-template .choma-tool-assistant__submit {
        box-sizing:border-box !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }

    /* Nagłówek: większe logo, MENU szersze o 20% i czytelne menu inicjałów. */
    .choma-portal-app .choma-topbar {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 80px 36px !important;
        align-items:center !important;
        gap:12px !important;
        padding-right:12px !important;
        padding-left:12px !important;
        overflow:visible !important;
    }
    .choma-portal-app .choma-topbar__mobile-logo {
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:188px !important;
        margin:0 !important;
    }
    .choma-portal-app .choma-topbar__mobile-logo img {
        display:block !important;
        width:min(188px,100%) !important;
        max-width:188px !important;
        height:auto !important;
    }
    .choma-portal-app .choma-mobile-module-menu {
        width:80px !important;
        min-width:80px !important;
        margin:0 !important;
    }
    .choma-portal-app .choma-mobile-module-menu summary {
        width:80px !important;
        min-width:80px !important;
    }
    .choma-portal-app .choma-topbar__right,
    .choma-portal-app .choma-user {
        width:36px !important;
        min-width:36px !important;
        margin:0 !important;
    }
    .choma-portal-app .choma-site-link {
        display:none !important;
    }
    .choma-portal-app .choma-user-menu > summary > span {
        width:36px !important;
        height:36px !important;
        border:1px solid #d3163a !important;
    }
    .choma-portal-app .choma-user-menu__popover {
        z-index:250 !important;
        top:calc(100% + 7px) !important;
        right:0 !important;
        min-width:132px !important;
        padding:5px !important;
        border:1px solid #cbd9e3 !important;
        border-radius:8px !important;
        opacity:1 !important;
        background:#fff !important;
        box-shadow:0 13px 30px rgba(8,35,61,.2) !important;
        filter:none !important;
        backdrop-filter:none !important;
    }
    .choma-portal-app .choma-user-menu__popover > a {
        opacity:1 !important;
        background:#fff !important;
        color:#0b3d79 !important;
    }

    /* Poczta: skrzynki po lewej, przycisk Wszystkie po prawej. */
    .choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-tabs {
        display:grid !important;
        box-sizing:border-box !important;
        width:var(--choma-mobile-list-width) !important;
        min-width:var(--choma-mobile-list-width) !important;
        max-width:var(--choma-mobile-list-width) !important;
        grid-template-columns:minmax(0,1fr) 98px !important;
        grid-auto-rows:34px !important;
        align-items:start !important;
        gap:6px 10px !important;
        margin-right:auto !important;
        margin-left:auto !important;
        padding:7px !important;
        overflow:visible !important;
        border-radius:9px !important;
    }
    .choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-tabs > a,
    .choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-tabs > a:first-child,
    .choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-tabs > a:not(:first-child) {
        box-sizing:border-box !important;
        width:100% !important;
        min-width:0 !important;
        min-height:34px !important;
        height:34px !important;
        justify-content:center !important;
        padding:0 8px !important;
        border:1px solid #d4e0e8 !important;
        border-left:3px solid #d3163a !important;
        border-radius:7px !important;
        font-size:8.5px !important;
        line-height:1.1 !important;
        text-align:center !important;
        white-space:normal !important;
    }
    .choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-tabs > a:first-child {
        grid-column:2 !important;
        grid-row:1 !important;
        font-size:11.5px !important;
        white-space:nowrap !important;
    }
    .choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-tabs > a:not(:first-child) {
        grid-column:1 !important;
        padding-left:24px !important;
    }
    .choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-tabs > a:not(:first-child) > i {
        left:10px !important;
    }

    /* Widoki poczty są wsunięte, dzięki czemu widać wszystkie zaokrąglenia. */
    .choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-screen {
        overflow:visible !important;
        border-radius:11px !important;
    }
    .choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-screen > .choma-mail-screen__head {
        box-sizing:border-box !important;
        width:calc(100% - 20px) !important;
        min-width:0 !important;
        max-width:calc(100% - 20px) !important;
        margin:10px 10px 14px !important;
        padding:14px !important;
        overflow:hidden !important;
        border:1px solid #d7e2e9 !important;
        border-radius:9px !important;
    }
    .choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-screen > .choma-mail-compose-form {
        box-sizing:border-box !important;
        width:calc(100% - 20px) !important;
        min-width:0 !important;
        max-width:calc(100% - 20px) !important;
        margin:0 10px 10px !important;
        overflow:visible !important;
        border:1px solid #d7e2e9 !important;
        border-radius:9px !important;
    }

    /* Kalendarz: miesiąc i rok między strzałkami, bez drugiego nagłówka. */
    .choma-portal-app.choma-view-calendar .choma-calendar-toolbar nav {
        display:grid !important;
        grid-template-columns:34px minmax(0,1fr) 34px !important;
        align-items:center !important;
        gap:6px !important;
    }
    .choma-portal-app.choma-view-calendar .choma-calendar-current-month {
        display:flex !important;
        min-height:34px !important;
        align-items:center !important;
        justify-content:center !important;
        color:#102c42 !important;
        font-size:11px !important;
        font-weight:700 !important;
        white-space:nowrap !important;
    }
    .choma-portal-app.choma-view-calendar .choma-calendar-month.is-center > h3 {
        display:none !important;
    }
    .choma-portal-app.choma-view-calendar .choma-calendar-months,
    .choma-portal-app.choma-view-calendar .choma-calendar-month.is-center {
        padding-top:6px !important;
    }

    /* Zwarty, wycentrowany wybór daty notatki. */
    body.choma-portal-app.choma-view-notes .choma-main .choma-note-manual-form > label.choma-note-calendar-link {
        display:grid !important;
        box-sizing:border-box !important;
        width:100% !important;
        min-height:42px !important;
        height:42px !important;
        grid-template-columns:18px minmax(0,1fr) 36px !important;
        align-items:center !important;
        gap:8px !important;
        margin:0 !important;
        padding:4px 7px 4px 10px !important;
        overflow:hidden !important;
    }
    body.choma-portal-app.choma-view-notes .choma-note-calendar-link > :is(input[type="checkbox"],span) {
        align-self:center !important;
        margin:0 !important;
    }
    body.choma-portal-app.choma-view-notes .choma-note-calendar-link > span:not(.choma-note-calendar-picker) {
        font-size:10px !important;
        line-height:1.15 !important;
    }
    body.choma-portal-app.choma-view-notes .choma-note-calendar-picker {
        position:relative !important;
        display:block !important;
        box-sizing:border-box !important;
        width:36px !important;
        min-width:36px !important;
        height:32px !important;
        min-height:32px !important;
        align-self:center !important;
        overflow:hidden !important;
        border:1px solid #cbd9e3 !important;
        border-radius:6px !important;
        background:#fff !important;
    }
    body.choma-portal-app.choma-view-notes .choma-note-calendar-picker > input[type="date"] {
        position:absolute !important;
        inset:0 !important;
        z-index:2 !important;
        width:100% !important;
        min-width:0 !important;
        height:100% !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        opacity:0 !important;
        cursor:pointer !important;
    }
}

/* 1.8.94 - final mobile geometry, entry screens and mail alignment. */
@media (max-width:760px) {
    /* Mailbox labels remain centred on desktop, but start at the left on phones. */
    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:28px !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 {
        right:auto !important;
        left:10px !important;
    }

    /* The mail assistant is a separate module and needs the same breathing room. */
    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;
    }

    /* Login uses the same single navy canvas as password recovery. */
    body.choma-portal-login-page {
        width:100% !important;
        min-height:100svh !important;
        height:100svh !important;
        margin:0 !important;
        overflow:hidden !important;
        background:
            radial-gradient(circle at 82% 20%,rgba(37,149,222,.34),transparent 31%),
            linear-gradient(145deg,rgba(6,36,60,.97),rgba(7,54,86,.96)),
            #07243d !important;
    }
    .choma-portal-login-page .choma-login {
        position:relative !important;
        display:grid !important;
        box-sizing:border-box !important;
        width:100% !important;
        min-width:0 !important;
        min-height:100svh !important;
        height:100svh !important;
        max-height:100svh !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:29svh minmax(0,61svh) 10svh !important;
        overflow:hidden !important;
        background:transparent !important;
    }
    .choma-portal-login-page .choma-login__brand {
        position:relative !important;
        display:grid !important;
        box-sizing:border-box !important;
        min-height:0 !important;
        height:29svh !important;
        grid-template-rows:auto minmax(0,1fr) !important;
        align-content:stretch !important;
        padding:15px 18px 9px !important;
        overflow:hidden !important;
        background:transparent !important;
    }
    .choma-portal-login-page .choma-login__brand::before {
        top:-38vw !important;
        right:-25vw !important;
        width:105vw !important;
        height:105vw !important;
    }
    .choma-portal-login-page .choma-login__brand::after {
        right:0 !important;
        bottom:0 !important;
        width:47% !important;
        height:2px !important;
    }
    .choma-portal-login-page .choma-login__choma-logo {
        position:relative !important;
        top:auto !important;
        left:auto !important;
        z-index:1 !important;
        align-self:start !important;
        width:min(230px,68vw) !important;
        max-width:none !important;
        height:auto !important;
        margin:0 auto 0 0 !important;
        transform:none !important;
    }
    .choma-portal-login-page .choma-login__brand > div {
        position:relative !important;
        z-index:1 !important;
        align-self:end !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
        transform:none !important;
    }
    .choma-portal-login-page .choma-login__brand .choma-login__technology {
        display:none !important;
    }
    .choma-portal-login-page .choma-login__kicker {
        display:block !important;
        margin-bottom:4px !important;
        font-size:11px !important;
        line-height:1.1 !important;
    }
    .choma-portal-login-page .choma-login__brand h1 {
        margin:0 0 4px !important;
        font-size:clamp(30px,9vw,40px) !important;
        line-height:.98 !important;
        white-space:nowrap !important;
    }
    .choma-portal-login-page .choma-login__brand p {
        display:block !important;
        max-width:none !important;
        margin:0 !important;
        color:#f7f6f2 !important;
        font-size:clamp(10px,3vw,12px) !important;
        line-height:1.2 !important;
        opacity:1 !important;
        filter:none !important;
        text-shadow:none !important;
        white-space:nowrap !important;
    }
    .choma-portal-login-page .choma-login__form-wrap {
        display:flex !important;
        box-sizing:border-box !important;
        min-height:0 !important;
        height:61svh !important;
        align-items:center !important;
        justify-content:center !important;
        padding:7px 16px !important;
        overflow:hidden !important;
        background:transparent !important;
    }
    .choma-portal-login-page .choma-login__form {
        display:block !important;
        box-sizing:border-box !important;
        width:min(100%,440px) !important;
        max-width:440px !important;
        margin:0 auto !important;
        padding:17px 18px 15px !important;
        border:1px solid rgba(198,211,221,.86) !important;
        border-radius:14px !important;
        background:#f7f8f7 !important;
        box-shadow:0 16px 38px rgba(1,23,39,.22) !important;
    }
    .choma-portal-login-page .choma-login__form > .choma-eyebrow {
        display:block !important;
        margin:0 0 6px !important;
        font-size:9px !important;
        line-height:1.1 !important;
    }
    .choma-portal-login-page .choma-login__form h2 {
        margin:0 0 10px !important;
        font-size:clamp(29px,8.7vw,38px) !important;
        line-height:1 !important;
    }
    .choma-portal-login-page .choma-login__form > label {
        display:block !important;
        margin:0 0 7px !important;
        font-size:10px !important;
        line-height:1.15 !important;
    }
    .choma-portal-login-page .choma-login__form > label > input {
        box-sizing:border-box !important;
        width:100% !important;
        min-height:36px !important;
        height:36px !important;
        margin-top:4px !important;
        padding:5px 9px !important;
    }
    .choma-portal-login-page .choma-login__options {
        margin:1px 0 9px !important;
        font-size:9px !important;
        line-height:1.15 !important;
    }
    .choma-portal-login-page .choma-login__options .choma-check {
        margin:0 !important;
    }
    .choma-portal-login-page .choma-login__form > .choma-btn {
        min-height:38px !important;
        height:38px !important;
        max-height:38px !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
    }
    .choma-portal-login-page .choma-login__form > small {
        display:block !important;
        margin-top:7px !important;
        font-size:8px !important;
        line-height:1.15 !important;
    }
    .choma-portal-login-page .choma-login__footer-brand {
        display:flex !important;
        box-sizing:border-box !important;
        min-height:0 !important;
        height:10svh !important;
        align-items:center !important;
        justify-content:flex-start !important;
        padding:5px 18px 10px !important;
        overflow:hidden !important;
        background:transparent !important;
    }
    .choma-portal-login-page .choma-login__footer-brand .choma-login__technology {
        min-height:36px !important;
        margin:0 !important;
    }

    /* Recovery also occupies exactly one mobile viewport. */
    body.choma-password-recovery-page {
        width:100% !important;
        min-height:100svh !important;
        height:100svh !important;
        margin:0 !important;
        overflow:hidden !important;
    }
    .choma-password-recovery-page .choma-password-recovery {
        box-sizing:border-box !important;
        min-height:100svh !important;
        height:100svh !important;
        max-height:100svh !important;
        padding:70px 16px 62px !important;
        overflow:hidden !important;
    }
    .choma-password-recovery-page .choma-password-recovery__logo {
        top:16px !important;
        left:18px !important;
        width:min(230px,68vw) !important;
    }
    .choma-password-recovery-page .choma-password-recovery__form {
        width:min(100%,440px) !important;
        gap:10px !important;
        padding:18px 16px !important;
    }
    .choma-password-recovery-page .choma-password-recovery__form h1 {
        font-size:clamp(31px,9vw,40px) !important;
    }
    .choma-password-recovery-page .choma-password-recovery__form > p {
        font-size:12px !important;
        line-height:1.35 !important;
    }
    .choma-password-recovery-page .choma-password-recovery__form input[type="text"] {
        height:38px !important;
    }
    .choma-password-recovery-page .choma-password-recovery__form .choma-btn {
        min-height:38px !important;
        height:38px !important;
        max-height:38px !important;
    }
    .choma-password-recovery-page .choma-password-recovery__technology {
        bottom:10px !important;
        left:18px !important;
    }
}

@media (max-width:760px) and (max-height:680px) {
    .choma-portal-login-page .choma-login {
        grid-template-rows:26svh minmax(0,64svh) 10svh !important;
    }
    .choma-portal-login-page .choma-login__brand {
        height:26svh !important;
        padding:9px 12px 6px !important;
    }
    .choma-portal-login-page .choma-login__form-wrap {
        height:64svh !important;
        padding:5px 12px !important;
    }
    .choma-portal-login-page .choma-login__form {
        padding:11px 14px 10px !important;
    }
    .choma-portal-login-page .choma-login__form h2 {
        margin-bottom:6px !important;
        font-size:27px !important;
    }
    .choma-portal-login-page .choma-login__form > label {
        margin-bottom:5px !important;
    }
    .choma-portal-login-page .choma-login__form > label > input {
        min-height:32px !important;
        height:32px !important;
    }
    .choma-portal-login-page .choma-login__options {
        margin-bottom:6px !important;
    }
    .choma-portal-login-page .choma-login__form > .choma-btn {
        min-height:34px !important;
        height:34px !important;
        max-height:34px !important;
    }
    .choma-password-recovery-page .choma-password-recovery {
        padding:52px 12px 48px !important;
    }
    .choma-password-recovery-page .choma-password-recovery__logo {
        top:10px !important;
        left:12px !important;
        width:min(190px,62vw) !important;
    }
    .choma-password-recovery-page .choma-password-recovery__form {
        gap:7px !important;
        padding:12px !important;
    }
    .choma-password-recovery-page .choma-password-recovery__form h1 {
        font-size:29px !important;
    }
    .choma-password-recovery-page .choma-password-recovery__form > p {
        font-size:10px !important;
    }
    .choma-password-recovery-page .choma-password-recovery__technology {
        bottom:6px !important;
        left:12px !important;
    }
}

/* Pełnoekranowe logowanie: wyraźna część marki i formularz bez przewijania. */
@media (max-width:760px) {
    body.choma-portal-login-page {
        width:100% !important;
        min-height:100svh !important;
        height:100svh !important;
        overflow:hidden !important;
        background:#f6f7f6 !important;
    }
    .choma-portal-login-page .choma-login {
        display:grid !important;
        width:100% !important;
        min-height:100svh !important;
        height:100svh !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:40svh minmax(0,60svh) !important;
        overflow:hidden !important;
    }
    .choma-portal-login-page .choma-login__brand {
        display:flex !important;
        box-sizing:border-box !important;
        min-height:0 !important;
        height:40svh !important;
        justify-content:space-between !important;
        padding:20px 24px 16px !important;
        overflow:hidden !important;
    }
    .choma-portal-login-page .choma-login__brand::after {
        width:55% !important;
        height:6px !important;
    }
    .choma-portal-login-page .choma-login__brand::before {
        top:-145px !important;
        right:-120px !important;
        width:360px !important;
        height:360px !important;
    }
    .choma-portal-login-page .choma-login__choma-logo {
        display:block !important;
        width:min(225px,64vw) !important;
        max-width:225px !important;
    }
    .choma-portal-login-page .choma-login__brand > div {
        display:grid !important;
        gap:7px !important;
        width:100% !important;
        margin:auto 0 0 !important;
        padding:12px 0 0 !important;
    }
    .choma-portal-login-page .choma-login__brand :is(.choma-login__kicker,h1,p) {
        display:block !important;
    }
    .choma-portal-login-page .choma-login__kicker {
        margin:0 !important;
        font-size:9px !important;
        letter-spacing:.2em !important;
    }
    .choma-portal-login-page .choma-login__brand h1 {
        margin:0 !important;
        font-size:clamp(29px,9vw,38px) !important;
        line-height:.98 !important;
    }
    .choma-portal-login-page .choma-login__brand p {
        max-width:320px !important;
        margin:0 !important;
        font-size:11px !important;
        line-height:1.3 !important;
    }
    .choma-portal-login-page .choma-login__technology {
        display:flex !important;
        width:max-content !important;
        min-height:34px !important;
        gap:7px !important;
        margin-top:2px !important;
        padding:4px 9px 4px 4px !important;
        border-radius:9px !important;
    }
    .choma-portal-login-page .choma-login__brand .choma-login__technology-icon {
        width:26px !important;
        height:26px !important;
        border-radius:7px !important;
    }
    .choma-portal-login-page .choma-login__technology span {
        font-size:8px !important;
    }
    .choma-portal-login-page .choma-login__form-wrap {
        box-sizing:border-box !important;
        min-height:0 !important;
        height:60svh !important;
        align-items:start !important;
        padding:14px 24px 10px !important;
        overflow:hidden !important;
    }
    .choma-portal-login-page .choma-login__form {
        width:100% !important;
        max-width:440px !important;
        margin:0 auto !important;
    }
    .choma-portal-login-page .choma-login__form > .choma-eyebrow {
        font-size:8px !important;
        letter-spacing:.14em !important;
    }
    .choma-portal-login-page .choma-login__form h2 {
        margin:4px 0 5px !important;
        font-size:30px !important;
        line-height:1 !important;
    }
    .choma-portal-login-page .choma-login__form > p {
        margin:0 0 10px !important;
        font-size:10px !important;
        line-height:1.25 !important;
    }
    .choma-portal-login-page .choma-login__form > label {
        margin-bottom:8px !important;
        font-size:9px !important;
    }
    .choma-portal-login-page .choma-login__form input[type="text"],
    .choma-portal-login-page .choma-login__form input[type="password"] {
        height:36px !important;
        margin-top:3px !important;
        padding:0 11px !important;
    }
    .choma-portal-login-page .choma-login__options {
        gap:8px !important;
        margin:1px 0 9px !important;
        font-size:9px !important;
    }
    .choma-portal-login-page .choma-login__form .choma-btn {
        min-height:38px !important;
        height:38px !important;
    }
    .choma-portal-login-page .choma-login__form > small {
        margin-top:7px !important;
        font-size:7px !important;
        line-height:1.25 !important;
    }
    .choma-portal-login-page .choma-alert {
        margin-bottom:7px !important;
        padding:7px 9px !important;
        font-size:9px !important;
    }
}

@media (max-width:760px) and (max-height:680px) {
    .choma-portal-login-page .choma-login {
        grid-template-rows:35svh minmax(0,65svh) !important;
    }
    .choma-portal-login-page .choma-login__brand {
        height:35svh !important;
        padding-top:13px !important;
        padding-bottom:11px !important;
    }
    .choma-portal-login-page .choma-login__brand p {
        display:none !important;
    }
    .choma-portal-login-page .choma-login__form-wrap {
        height:65svh !important;
        padding-top:9px !important;
        padding-bottom:7px !important;
    }
    .choma-portal-login-page .choma-login__form > p,
    .choma-portal-login-page .choma-login__form > small {
        display:none !important;
    }
}

/* 1.8.93 — poczta korzysta z tej samej szerokości roboczej co pozostałe narzędzia. */
@media (max-width:760px) {
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen {
        padding:0 !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen > .choma-mail-screen__head,
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen > form#choma-mail-compose-form.choma-mail-compose-form {
        box-sizing:border-box !important;
        width:calc(100% - 36px) !important;
        min-width:0 !important;
        max-width:calc(100% - 36px) !important;
        margin-right:18px !important;
        margin-left:18px !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-screen__head > .choma-mail-screen__back {
        width:100% !important;
        max-width:none !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-compose-form :is(.choma-mail-compose-form__fields,label,input,select,textarea) {
        box-sizing:border-box !important;
        width:100% !important;
        max-width:none !important;
    }

    /* Ostateczna typografia wejścia: perłowe napisy bez poświaty i subtelniejszy akcent. */
    .choma-portal-login-page .choma-login__brand::after {
        width:47% !important;
        height:2px !important;
    }
    .choma-portal-login-page .choma-login__kicker {
        font-size:12px !important;
    }
    .choma-portal-login-page .choma-login__brand p {
        color:#f7f6f2 !important;
        font-size:clamp(11.5px,3.3vw,14px) !important;
        opacity:1 !important;
        filter:none !important;
        text-shadow:none !important;
    }
    .choma-portal-login-page .choma-login__form > .choma-eyebrow {
        font-size:11px !important;
    }

    /* Mobilny ekran odzyskiwania dostępu pozostaje w całości w identyfikacji CHOMA. */
    .choma-password-recovery-page .choma-password-recovery {
        min-height:100svh;
        padding:84px 16px 72px;
    }
    .choma-password-recovery-page .choma-password-recovery__logo {
        top:18px;
        left:18px;
        width:min(230px,68vw);
    }
    .choma-password-recovery-page .choma-password-recovery__form {
        width:min(100%,440px);
        gap:14px;
        padding:24px 18px;
        border-radius:14px;
    }
    .choma-password-recovery-page .choma-password-recovery__form h1 {
        font-size:clamp(34px,10vw,44px);
    }
    .choma-password-recovery-page .choma-password-recovery__form > p {
        font-size:14px;
        line-height:1.45;
    }
    .choma-password-recovery-page .choma-password-recovery__form input[type="text"] {
        height:44px;
    }
    .choma-password-recovery-page .choma-password-recovery__form .choma-btn {
        min-height:42px;
        padding-right:12px;
        padding-left:12px;
        font-size:10px;
        white-space:nowrap;
    }
    .choma-password-recovery-page .choma-password-recovery__technology {
        bottom:14px;
        left:18px;
    }
}

/* 1.8.94 - authoritative mobile overrides; keep this block last. */
@media (max-width:760px) {
    /* Mailbox labels: mobile starts at the left edge; desktop rules stay untouched. */
    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:29px !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:10px !important;
    }

    /* Mail assistant follows the same vertical rhythm as the other tools. */
    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;
    }

    /* Login: one full-screen navy composition, with a compact pearl card. */
    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;
    }
    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:none !important;
    }

    /* Password recovery: exact viewport fit, no page scroll. */
    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;
    }
    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 {
        bottom:11px !important;
        left:18px !important;
        transform:scale(.9) !important;
        transform-origin:left bottom !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 {
        font-size:29px !important;
        margin-bottom:6px !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;
    }
}

@media (max-width:350px) {
    .choma-portal-app .choma-topbar {
        grid-template-columns:minmax(0,1fr) 76px 34px !important;
        gap:8px !important;
    }
    .choma-portal-app .choma-mobile-module-menu,
    .choma-portal-app .choma-mobile-module-menu summary {
        width:76px !important;
        min-width:76px !important;
    }
    .choma-portal-app .choma-topbar__right,
    .choma-portal-app .choma-user,
    .choma-portal-app .choma-user-menu > summary > span {
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
    }
}

/* 1.8.92 — jeden układ mobilny dla formularzy, asystentów i notatek. */
@media (max-width:760px) {
    body.choma-portal-app {
        --choma-mobile-create-width:calc(100vw - 24px);
        --choma-mobile-assistant-width:calc(100vw - 64px);
        --choma-mobile-inner-inset:18px;
    }

    body.choma-portal-app .choma-main > section:is(.choma-calendar-create,.choma-document-editor,.choma-note-editor,.choma-mail-screen) {
        box-sizing:border-box !important;
        width:var(--choma-mobile-create-width) !important;
        min-width:0 !important;
        max-width:var(--choma-mobile-create-width) !important;
        margin-right:auto !important;
        margin-left:auto !important;
        padding:0 !important;
        overflow:visible !important;
    }
    body.choma-portal-app .choma-main > section:is(.choma-calendar-create,.choma-document-editor,.choma-note-editor,.choma-mail-screen) > .choma-panel__head,
    body.choma-portal-app .choma-main > section.choma-mail-screen > .choma-mail-screen__head,
    body.choma-portal-app .choma-main :is(#choma-event-form,#choma-document-form,#choma-note-form,#choma-mail-compose-form) {
        box-sizing:border-box !important;
        width:calc(100% - (2 * var(--choma-mobile-inner-inset))) !important;
        min-width:0 !important;
        max-width:calc(100% - (2 * var(--choma-mobile-inner-inset))) !important;
        margin-right:var(--choma-mobile-inner-inset) !important;
        margin-left:var(--choma-mobile-inner-inset) !important;
    }
    body.choma-portal-app .choma-main > section:is(.choma-calendar-create,.choma-document-editor,.choma-note-editor,.choma-mail-screen) > .choma-panel__head,
    body.choma-portal-app .choma-main > section.choma-mail-screen > .choma-mail-screen__head {
        margin-top:18px !important;
    }
    body.choma-portal-app .choma-main :is(#choma-event-form,#choma-document-form,#choma-note-form,#choma-mail-compose-form) {
        margin-bottom:18px !important;
        padding:0 !important;
        overflow:visible !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }

    body.choma-portal-app .choma-main > section.choma-assistant-panel {
        position:relative !important;
        left:auto !important;
        box-sizing:border-box !important;
        width:var(--choma-mobile-assistant-width) !important;
        min-width:0 !important;
        max-width:var(--choma-mobile-assistant-width) !important;
        margin-right:auto !important;
        margin-left:auto !important;
        padding:0 !important;
        overflow:visible !important;
        transform:none !important;
    }
    body.choma-portal-app .choma-main > section.choma-assistant-panel > form.choma-assistant-form {
        position:static !important;
        box-sizing:border-box !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        padding:20px 18px !important;
        border:0 !important;
        border-radius:inherit !important;
        background:transparent !important;
        box-shadow:none !important;
        transform:none !important;
    }
    body.choma-portal-app .choma-main > section.choma-mail-assistant > form.choma-assistant-form {
        padding:0 !important;
    }
    body.choma-portal-app .choma-main > section.choma-mail-assistant .choma-mail-compose-form__assistant {
        position:static !important;
        box-sizing:border-box !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        padding:20px 18px !important;
        border:0 !important;
        border-radius:inherit !important;
        background:transparent !important;
        box-shadow:none !important;
        transform:none !important;
    }
    body.choma-portal-app .choma-main > section.choma-assistant-panel :is(.choma-tool-assistant__head,.choma-tool-assistant__controls,.choma-dictation-field,.choma-assistant-template__style,.choma-tool-assistant__submit) {
        box-sizing:border-box !important;
        max-width:100% !important;
    }

    body.choma-portal-app.choma-view-notes .choma-main .choma-note-manual-form > label.choma-note-calendar-link {
        position:relative !important;
        display:grid !important;
        box-sizing:border-box !important;
        width:100% !important;
        height:48px !important;
        min-height:48px !important;
        grid-template-columns:20px minmax(0,1fr) 36px !important;
        grid-template-rows:48px !important;
        align-items:center !important;
        gap:10px !important;
        margin:0 !important;
        padding:0 10px !important;
        overflow:visible !important;
        border:1px solid #d7e1e8 !important;
        border-radius:8px !important;
        background:linear-gradient(135deg,#fff 0%,#f7fafc 100%) !important;
        color:#08233d !important;
        font-size:12px !important;
        font-weight:700 !important;
        line-height:1.2 !important;
        letter-spacing:0 !important;
        text-transform:none !important;
    }
    body.choma-portal-app.choma-view-notes .choma-main .choma-note-calendar-link > input[type="checkbox"] {
        position:static !important;
        width:18px !important;
        height:18px !important;
        min-height:18px !important;
        margin:0 !important;
        align-self:center !important;
    }
    body.choma-portal-app.choma-view-notes .choma-main .choma-note-calendar-label {
        position:static !important;
        align-self:center !important;
        margin:0 !important;
        padding:0 !important;
        line-height:1.2 !important;
    }
    body.choma-portal-app.choma-view-notes .choma-main .choma-note-date-control {
        position:relative !important;
        display:grid !important;
        width:36px !important;
        height:36px !important;
        margin:0 !important;
        padding:0 !important;
        place-items:center !important;
        align-self:center !important;
    }
    body.choma-portal-app.choma-view-notes .choma-main .choma-note-date-toggle {
        display:grid !important;
        box-sizing:border-box !important;
        width:34px !important;
        height:34px !important;
        min-height:34px !important;
        margin:0 !important;
        padding:0 !important;
        place-items:center !important;
    }
    body.choma-portal-app.choma-view-notes .choma-main .choma-note-date-popover {
        position:absolute !important;
        z-index:120 !important;
        top:calc(100% + 8px) !important;
        right:0 !important;
        left:auto !important;
        box-sizing:border-box !important;
        width:min(310px,calc(100vw - 52px)) !important;
        margin:0 !important;
        padding:10px !important;
        overflow:visible !important;
        border:1px solid #c9d8e3 !important;
        border-radius:12px !important;
        background:#fff !important;
        box-shadow:0 18px 44px rgba(8,35,61,.2) !important;
        transform:none !important;
    }
    body.choma-portal-app.choma-view-notes .choma-main .choma-note-date-popover .choma-picker-calendar {
        width:100% !important;
        min-width:0 !important;
        padding:0 !important;
    }

    .choma-portal-app .choma-user-menu__popover > a {
        font-size:13px !important;
    }

    .choma-portal-login-page .choma-login {
        grid-template-rows:38svh minmax(0,51svh) 11svh !important;
    }
    .choma-portal-login-page .choma-login__brand {
        height:38svh !important;
        padding:17px !important;
    }
    .choma-portal-login-page .choma-login__brand > div {
        align-self:end !important;
        transform:translateY(-15px) !important;
    }
    .choma-portal-login-page .choma-login__kicker {
        font-size:10px !important;
    }
    .choma-portal-login-page .choma-login__brand p {
        font-size:clamp(9.5px,2.8vw,12px) !important;
    }
    .choma-portal-login-page .choma-login__form-wrap {
        height:51svh !important;
    }
    .choma-portal-login-page .choma-login__form > .choma-eyebrow {
        font-size:9px !important;
    }
    .choma-portal-login-page .choma-login__form h2 {
        font-size:clamp(31px,9.7vw,40px) !important;
    }
    .choma-portal-login-page .choma-login__footer-brand {
        height:11svh !important;
        justify-content:flex-start !important;
        padding:6px 17px !important;
    }
}

@media (max-width:760px) and (max-height:680px) {
    .choma-portal-login-page .choma-login {
        grid-template-rows:34svh minmax(0,55svh) 11svh !important;
    }
    .choma-portal-login-page .choma-login__brand {
        height:34svh !important;
        padding:11px !important;
    }
    .choma-portal-login-page .choma-login__brand > div {
        transform:translateY(-8px) !important;
    }
    .choma-portal-login-page .choma-login__form-wrap {
        height:55svh !important;
    }
    .choma-portal-login-page .choma-login__footer-brand {
        height:11svh !important;
        padding-left:11px !important;
    }
}

/* 1.8.93 — finalne reguły mobilne: szerokość poczty i typografia wejścia. */
@media (max-width:760px) {
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen {
        box-sizing:border-box !important;
        width:var(--choma-mobile-create-width,calc(100vw - 24px)) !important;
        max-width:var(--choma-mobile-create-width,calc(100vw - 24px)) !important;
        margin-right:auto !important;
        margin-left:auto !important;
        padding:0 !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen > .choma-mail-screen__head,
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen > form#choma-mail-compose-form.choma-mail-compose-form {
        box-sizing:border-box !important;
        width:calc(100% - (2 * var(--choma-mobile-form-inset,18px))) !important;
        min-width:0 !important;
        max-width:calc(100% - (2 * var(--choma-mobile-form-inset,18px))) !important;
        margin-right:var(--choma-mobile-form-inset,18px) !important;
        margin-left:var(--choma-mobile-form-inset,18px) !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-screen__head > .choma-mail-screen__back,
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-compose-form :is(.choma-mail-compose-form__fields,label,input,select,textarea) {
        box-sizing:border-box !important;
        width:100% !important;
        max-width:none !important;
    }

    .choma-portal-login-page .choma-login__brand::after {
        width:47% !important;
        height:2px !important;
    }
    .choma-portal-login-page .choma-login__kicker {
        font-size:12px !important;
    }
    .choma-portal-login-page .choma-login__brand p {
        color:#f7f6f2 !important;
        font-size:clamp(11.5px,3.3vw,14px) !important;
        opacity:1 !important;
        filter:none !important;
        text-shadow:none !important;
    }
    .choma-portal-login-page .choma-login__form > .choma-eyebrow {
        font-size:11px !important;
    }

    .choma-password-recovery-page .choma-password-recovery {
        min-height:100svh;
        padding:84px 16px 72px;
    }
    .choma-password-recovery-page .choma-password-recovery__logo {
        top:18px;
        left:18px;
        width:min(230px,68vw);
    }
    .choma-password-recovery-page .choma-password-recovery__form {
        width:min(100%,440px);
        gap:14px;
        padding:24px 18px;
        border-radius:14px;
    }
    .choma-password-recovery-page .choma-password-recovery__form h1 {
        font-size:clamp(34px,10vw,44px);
    }
    .choma-password-recovery-page .choma-password-recovery__form > p {
        font-size:14px;
        line-height:1.45;
    }
    .choma-password-recovery-page .choma-password-recovery__form input[type="text"] {
        height:44px;
    }
    .choma-password-recovery-page .choma-password-recovery__form .choma-btn {
        min-height:42px;
        padding-right:12px;
        padding-left:12px;
        font-size:10px;
        white-space:nowrap;
    }
    .choma-password-recovery-page .choma-password-recovery__technology {
        bottom:14px;
        left:18px;
    }
}

/* 1.8.93 — końcowa kontrola szerokości poczty, logowania i odzyskiwania dostępu. */
@media (max-width:760px) {
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen {
        padding:0 !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen > .choma-mail-screen__head,
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen > form#choma-mail-compose-form.choma-mail-compose-form {
        box-sizing:border-box !important;
        width:calc(100% - 36px) !important;
        min-width:0 !important;
        max-width:calc(100% - 36px) !important;
        margin-right:18px !important;
        margin-left:18px !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-screen__head > .choma-mail-screen__back,
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-compose-form :is(.choma-mail-compose-form__fields,label,input,select,textarea) {
        box-sizing:border-box !important;
        width:100% !important;
        max-width:none !important;
    }
    .choma-portal-login-page .choma-login__brand::after {
        width:47% !important;
        height:2px !important;
    }
    .choma-portal-login-page .choma-login__kicker {
        font-size:12px !important;
    }
    .choma-portal-login-page .choma-login__brand p {
        color:#f7f6f2 !important;
        font-size:clamp(11.5px,3.3vw,14px) !important;
        opacity:1 !important;
        filter:none !important;
        text-shadow:none !important;
    }
    .choma-portal-login-page .choma-login__form > .choma-eyebrow {
        font-size:11px !important;
    }
    .choma-password-recovery-page .choma-password-recovery {
        min-height:100svh;
        padding:84px 16px 72px;
    }
    .choma-password-recovery-page .choma-password-recovery__logo {
        top:18px;
        left:18px;
        width:min(230px,68vw);
    }
    .choma-password-recovery-page .choma-password-recovery__form {
        width:min(100%,440px);
        gap:14px;
        padding:24px 18px;
        border-radius:14px;
    }
    .choma-password-recovery-page .choma-password-recovery__form h1 {
        font-size:clamp(34px,10vw,44px);
    }
    .choma-password-recovery-page .choma-password-recovery__form > p {
        font-size:14px;
        line-height:1.45;
    }
    .choma-password-recovery-page .choma-password-recovery__form input[type="text"] {
        height:44px;
    }
    .choma-password-recovery-page .choma-password-recovery__form .choma-btn {
        min-height:42px;
        padding-right:12px;
        padding-left:12px;
        font-size:10px;
        white-space:nowrap;
    }
    .choma-password-recovery-page .choma-password-recovery__technology {
        bottom:14px;
        left:18px;
    }
}

/* Stopka marki istnieje wyłącznie w zwartej wersji ekranu logowania. */
.choma-login__footer-brand {
    display:none;
}

/* 1.8.91 — spójne szerokości, jedno obramowanie poczty i dopracowana nawigacja. */
@media (max-width:760px) {
    body.choma-portal-app {
        --choma-mobile-list-width:calc(100vw - 24px);
        --choma-mobile-create-width:calc(100vw - 24px);
        --choma-mobile-assistant-width:calc(100vw - 64px);
        --choma-mobile-form-inset:18px;
    }

    /* Nagłówek aplikacji: pełniejsze logo i szerszy przycisk MENU. */
    .choma-portal-app .choma-topbar {
        grid-template-columns:minmax(0,1fr) 92px 38px !important;
        gap:10px !important;
    }
    .choma-portal-app .choma-topbar__mobile-logo,
    .choma-portal-app .choma-topbar__mobile-logo img {
        width:min(205px,100%) !important;
        max-width:205px !important;
    }
    .choma-portal-app .choma-mobile-module-menu,
    .choma-portal-app .choma-mobile-module-menu summary {
        width:92px !important;
        min-width:92px !important;
    }
    .choma-portal-app .choma-topbar__right,
    .choma-portal-app .choma-user,
    .choma-portal-app .choma-user-menu > summary > span {
        width:38px !important;
        min-width:38px !important;
        height:38px !important;
    }

    /* Sam przycisk wylogowania — bez dodatkowego białego kafla pod spodem. */
    .choma-portal-app .choma-user-menu__popover {
        top:calc(100% + 8px) !important;
        right:0 !important;
        min-width:148px !important;
        padding:0 !important;
        overflow:visible !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }
    .choma-portal-app .choma-user-menu__popover > a {
        display:flex !important;
        box-sizing:border-box !important;
        width:148px !important;
        min-height:42px !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 13px !important;
        border:.5px solid #d7e1e8 !important;
        border-left:3px solid #d3163a !important;
        border-radius:7px !important;
        background:#fff !important;
        box-shadow:0 9px 24px rgba(8,35,61,.13) !important;
        color:#0b3d79 !important;
        font-size:11px !important;
        font-weight:700 !important;
        letter-spacing:.08em !important;
        line-height:1 !important;
        white-space:nowrap !important;
    }

    /* Każdy formularz tworzenia używa tego samego wewnętrznego wcięcia. */
    .choma-portal-app :is(.choma-calendar-create,.choma-document-editor,.choma-note-editor,.choma-mail-screen) > .choma-panel__head,
    .choma-portal-app .choma-mail-screen > .choma-mail-screen__head,
    .choma-portal-app :is(#choma-event-form,#choma-document-form,#choma-note-form,#choma-mail-compose-form) {
        box-sizing:border-box !important;
        width:calc(100% - 36px) !important;
        min-width:0 !important;
        max-width:calc(100% - 36px) !important;
        margin-right:var(--choma-mobile-form-inset) !important;
        margin-left:var(--choma-mobile-form-inset) !important;
    }

    /* Poczta ma jeden nadrzędny kafel; formularz nie udaje kolejnego kontenera. */
    .choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-screen > .choma-mail-screen__head {
        margin-top:0 !important;
        margin-bottom:8px !important;
        padding:16px 0 12px !important;
        overflow:visible !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen {
        padding:16px !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main .choma-mail-screen > form#choma-mail-compose-form.choma-mail-compose-form {
        margin-top:0 !important;
        margin-bottom:18px !important;
        padding:0 !important;
        overflow:visible !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }
    .choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-compose-form > :not(.choma-mail-compose-form__assistant) {
        box-sizing:border-box !important;
        max-width:100% !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-screen .choma-mail-compose-form__assistant.choma-assistant-template {
        left:auto !important;
        transform:translateX(-15px) !important;
    }

    /* Pole daty notatki pozostaje wewnątrz rzędu i pokazuje czytelną ikonę. */
    body.choma-portal-app.choma-view-notes .choma-note-calendar-picker > i {
        position:absolute !important;
        top:50% !important;
        left:50% !important;
        width:15px !important;
        height:15px !important;
        border:1.5px solid #0b3d79 !important;
        border-radius:2px !important;
        pointer-events:none !important;
        transform:translate(-50%,-45%) !important;
    }
    body.choma-portal-app.choma-view-notes .choma-note-calendar-picker > i::before {
        position:absolute !important;
        top:3px !important;
        right:-1.5px !important;
        left:-1.5px !important;
        height:1.5px !important;
        background:#0b3d79 !important;
        content:"" !important;
    }

    /* Krótkie sprzężenie zwrotne podczas wymiany widoku kalendarza. */
    .choma-portal-app.choma-view-calendar .choma-calendar-shell.is-loading {
        opacity:.62 !important;
        pointer-events:none !important;
        transition:opacity .16s ease !important;
    }
}

/* 1.8.91 — pełny ekran logowania z pasem technologicznym u dołu. */
@media (max-width:760px) {
    .choma-portal-login-page .choma-login {
        grid-template-rows:36svh minmax(0,48svh) 16svh !important;
    }
    .choma-portal-login-page .choma-login__brand {
        display:grid !important;
        height:36svh !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:auto minmax(0,1fr) !important;
        align-items:start !important;
        justify-content:stretch !important;
        padding:17px 22px 14px !important;
        background:linear-gradient(135deg,#07243d 0%,#0a3556 58%,#0d6fd4 180%) !important;
    }
    .choma-portal-login-page .choma-login__choma-logo {
        width:min(226px,66vw) !important;
        max-width:226px !important;
        margin:0 auto 0 0 !important;
    }
    .choma-portal-login-page .choma-login__brand > div {
        align-self:end !important;
        gap:6px !important;
        margin:0 !important;
        padding:0 !important;
    }
    .choma-portal-login-page .choma-login__brand h1 {
        font-size:clamp(28px,8.4vw,35px) !important;
        line-height:.98 !important;
        white-space:nowrap !important;
    }
    .choma-portal-login-page .choma-login__brand p {
        max-width:none !important;
        font-size:clamp(7.5px,2.3vw,10px) !important;
        line-height:1.15 !important;
        white-space:nowrap !important;
    }
    .choma-portal-login-page .choma-login__brand .choma-login__technology {
        display:none !important;
    }
    .choma-portal-login-page .choma-login__form-wrap {
        height:48svh !important;
        align-items:center !important;
        padding:14px 24px 8px !important;
    }
    .choma-portal-login-page .choma-login__form h2 {
        margin-bottom:10px !important;
    }
    .choma-portal-login-page .choma-login__form > label {
        margin-bottom:7px !important;
    }
    .choma-portal-login-page .choma-login__footer-brand {
        position:relative !important;
        display:flex !important;
        box-sizing:border-box !important;
        min-height:0 !important;
        height:16svh !important;
        align-items:center !important;
        justify-content:center !important;
        padding:7px 20px !important;
        overflow:hidden !important;
        background:linear-gradient(135deg,#07243d 0%,#0a3556 58%,#0d6fd4 180%) !important;
    }
    .choma-portal-login-page .choma-login__footer-brand::before {
        position:absolute !important;
        top:-150px !important;
        right:-80px !important;
        width:270px !important;
        height:270px !important;
        border:1px solid rgba(255,255,255,.08) !important;
        border-radius:50% !important;
        content:"" !important;
    }
    .choma-portal-login-page .choma-login__footer-brand::after {
        position:absolute !important;
        top:0 !important;
        right:0 !important;
        width:55% !important;
        height:3px !important;
        background:#df0038 !important;
        content:"" !important;
    }
    .choma-portal-login-page .choma-login__footer-brand .choma-login__technology {
        position:relative !important;
        z-index:1 !important;
        display:flex !important;
        width:max-content !important;
        min-height:38px !important;
        align-items:center !important;
        gap:9px !important;
        margin:0 !important;
        padding:4px 12px 4px 4px !important;
        border:1px solid rgba(255,255,255,.16) !important;
        border-radius:10px !important;
        background:rgba(255,255,255,.035) !important;
    }
    .choma-portal-login-page .choma-login__footer-brand .choma-login__technology-icon {
        width:30px !important;
        height:30px !important;
        border-radius:8px !important;
    }
    .choma-portal-login-page .choma-login__footer-brand .choma-login__technology span {
        color:#fff !important;
        font-size:9px !important;
        font-weight:700 !important;
        letter-spacing:.04em !important;
    }
}

@media (max-width:760px) and (max-height:680px) {
    .choma-portal-login-page .choma-login {
        grid-template-rows:32svh minmax(0,52svh) 16svh !important;
    }
    .choma-portal-login-page .choma-login__brand {
        height:32svh !important;
        padding-top:11px !important;
        padding-bottom:9px !important;
    }
    .choma-portal-login-page .choma-login__brand p {
        display:block !important;
    }
    .choma-portal-login-page .choma-login__form-wrap {
        height:52svh !important;
        padding-top:8px !important;
    }
    .choma-portal-login-page .choma-login__form > small {
        display:block !important;
    }
}

@media (max-width:350px) {
    .choma-portal-app .choma-topbar {
        grid-template-columns:minmax(0,1fr) 82px 34px !important;
        gap:7px !important;
    }
    .choma-portal-app .choma-mobile-module-menu,
    .choma-portal-app .choma-mobile-module-menu summary {
        width:82px !important;
        min-width:82px !important;
    }
    .choma-portal-login-page .choma-login__brand h1 {
        font-size:27px !important;
    }
}

/* 1.8.92 — końcowa kontrola kaskady ekranu logowania i menu użytkownika. */
@media (max-width:760px) {
    .choma-portal-app .choma-user-menu__popover > a {
        font-size:13px !important;
    }
    .choma-portal-login-page .choma-login {
        grid-template-rows:38svh minmax(0,51svh) 11svh !important;
    }
    .choma-portal-login-page .choma-login__brand {
        box-sizing:border-box !important;
        height:38svh !important;
        padding:17px !important;
    }
    .choma-portal-login-page .choma-login__choma-logo {
        position:relative !important;
        top:auto !important;
        left:auto !important;
        align-self:start !important;
        margin:0 auto 0 0 !important;
        transform:none !important;
    }
    .choma-portal-login-page .choma-login__brand > div {
        align-self:end !important;
        transform:translateY(-15px) !important;
    }
    .choma-portal-login-page .choma-login__kicker {
        font-size:10px !important;
    }
    .choma-portal-login-page .choma-login__brand p {
        font-size:clamp(9.5px,2.8vw,12px) !important;
        line-height:1.15 !important;
    }
    .choma-portal-login-page .choma-login__form-wrap {
        box-sizing:border-box !important;
        height:51svh !important;
    }
    .choma-portal-login-page .choma-login__form > .choma-eyebrow {
        font-size:9px !important;
    }
    .choma-portal-login-page .choma-login__form h2 {
        font-size:clamp(31px,9.7vw,40px) !important;
    }
    .choma-portal-login-page .choma-login__footer-brand {
        box-sizing:border-box !important;
        height:11svh !important;
        justify-content:flex-start !important;
        padding:6px 17px !important;
    }
    .choma-portal-login-page .choma-login__footer-brand .choma-login__technology {
        margin:0 !important;
    }
}

@media (max-width:760px) and (max-height:680px) {
    .choma-portal-login-page .choma-login {
        grid-template-rows:34svh minmax(0,55svh) 11svh !important;
    }
    .choma-portal-login-page .choma-login__brand {
        height:34svh !important;
        padding:11px !important;
    }
    .choma-portal-login-page .choma-login__brand > div {
        transform:translateY(-8px) !important;
    }
    .choma-portal-login-page .choma-login__form-wrap {
        height:55svh !important;
    }
    .choma-portal-login-page .choma-login__footer-brand {
        height:11svh !important;
        padding-left:11px !important;
    }
}

/* 1.8.93 — ostateczna kaskada po wszystkich starszych regułach mobilnych. */
@media (max-width:760px) {
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen {
        box-sizing:border-box !important;
        width:var(--choma-mobile-create-width,calc(100vw - 24px)) !important;
        max-width:var(--choma-mobile-create-width,calc(100vw - 24px)) !important;
        margin-right:auto !important;
        margin-left:auto !important;
        padding:0 !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen > .choma-mail-screen__head,
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-main > section.choma-mail-screen > form#choma-mail-compose-form.choma-mail-compose-form {
        box-sizing:border-box !important;
        width:calc(100% - (2 * var(--choma-mobile-form-inset,18px))) !important;
        min-width:0 !important;
        max-width:calc(100% - (2 * var(--choma-mobile-form-inset,18px))) !important;
        margin-right:var(--choma-mobile-form-inset,18px) !important;
        margin-left:var(--choma-mobile-form-inset,18px) !important;
    }
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-screen__head > .choma-mail-screen__back,
    body.choma-portal-app:is(.choma-view-mail,.choma-view-message) .choma-mail-compose-form :is(.choma-mail-compose-form__fields,label,input,select,textarea) {
        box-sizing:border-box !important;
        width:100% !important;
        max-width:none !important;
    }
    .choma-portal-login-page .choma-login__brand::after {
        width:47% !important;
        height:2px !important;
    }
    .choma-portal-login-page .choma-login__kicker {
        font-size:12px !important;
    }
    .choma-portal-login-page .choma-login__brand p {
        color:#f7f6f2 !important;
        font-size:clamp(11.5px,3.3vw,14px) !important;
        opacity:1 !important;
        filter:none !important;
        text-shadow:none !important;
    }
    .choma-portal-login-page .choma-login__form > .choma-eyebrow {
        font-size:11px !important;
    }
    .choma-password-recovery-page .choma-password-recovery {
        min-height:100svh;
        padding:84px 16px 72px;
    }
    .choma-password-recovery-page .choma-password-recovery__logo {
        top:18px;
        left:18px;
        width:min(230px,68vw);
    }
    .choma-password-recovery-page .choma-password-recovery__form {
        width:min(100%,440px);
        gap:14px;
        padding:24px 18px;
        border-radius:14px;
    }
    .choma-password-recovery-page .choma-password-recovery__form h1 {
        font-size:clamp(34px,10vw,44px);
    }
    .choma-password-recovery-page .choma-password-recovery__form > p {
        font-size:14px;
        line-height:1.45;
    }
    .choma-password-recovery-page .choma-password-recovery__form input[type="text"] {
        height:44px;
    }
    .choma-password-recovery-page .choma-password-recovery__form .choma-btn {
        min-height:42px;
        padding-right:12px;
        padding-left:12px;
        font-size:10px;
        white-space:nowrap;
    }
    .choma-password-recovery-page .choma-password-recovery__technology {
        bottom:14px;
        left:18px;
    }
}