@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap");

:root {
    --grm-bg-top: #eef5ff;
    --grm-bg-bottom: #dceafe;
    --grm-surface: #ffffff;
    --grm-surface-soft: #f4f8ff;
    --grm-border: #d7e5fa;
    --grm-text: #22324f;
    --grm-muted: #5d7295;
    --grm-accent: #4b79d8;
    --grm-accent-strong: #305aac;
    --grm-accent-soft: #e4edff;
    --grm-shadow: 0 16px 42px rgba(39, 79, 143, 0.14);
    --grm-shadow-soft: 0 8px 24px rgba(46, 84, 145, 0.12);
}

/* Tablet/desktop split-preview iframe needs denser metrics than phone shell */
html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view .grm-mobile-message-panel {
    border-radius: 18px;
    box-shadow: 0 10px 20px rgba(55, 91, 156, 0.07);
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header {
    padding: 12px 12px 8px;
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .subject {
    min-height: 46px;
    margin: 0 0 10px;
    padding: 0 0 0 58px;
    font-size: 1.16rem;
    line-height: 1.14;
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .subject::before {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    font-size: 1rem;
    box-shadow: 0 8px 16px rgba(70, 104, 181, 0.18);
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .header {
    gap: 10px;
    padding: 10px 11px;
    border-radius: 16px;
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .header .grm-brand-avatar-wrap,
html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .header img.contactphoto {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 14px;
    box-shadow: 0 7px 14px rgba(84, 120, 191, 0.13);
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-headers {
    border-spacing: 0 5px;
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-headers .header-title {
    width: 40px;
    font-size: 0.68rem;
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-headers td {
    font-size: 0.82rem;
    line-height: 1.34;
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-links {
    gap: 7px;
    margin-top: 9px;
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-links a {
    min-height: 30px;
    padding: 0 10px;
    border-radius: 12px;
    font-size: 0.72rem;
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #message-content .rightcol {
    padding: 8px 12px 12px;
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody {
    font-size: 0.9rem;
    line-height: 1.56;
}

html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-part,
html.iframe:not(.layout-phone) body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-htmlpart {
    padding: 8px 10px 10px;
}

/* Settings refresh */
body.task-settings #layout,
body.grm-task-settings #layout {
    gap: 18px;
}

body.task-settings #layout-sidebar,
body.task-settings #layout-list,
body.task-settings #layout-content,
body.grm-task-settings #layout-sidebar,
body.grm-task-settings #layout-list,
body.grm-task-settings #layout-content {
    border-color: #e1e7f2;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 36px rgba(35, 60, 105, 0.07);
}

body.task-settings #layout-sidebar,
body.grm-task-settings #layout-sidebar {
    flex: 0 0 264px;
    width: 264px;
    min-width: 264px;
    max-width: 264px;
}

body.task-settings #layout-list,
body.grm-task-settings #layout-list {
    flex: 0 0 316px;
    width: 316px;
    min-width: 316px;
    max-width: 316px;
}

body.task-settings #layout-sidebar > .header,
body.task-settings #layout-list > .header,
body.task-settings #layout-content > .header,
body.grm-task-settings #layout-sidebar > .header,
body.grm-task-settings #layout-list > .header,
body.grm-task-settings #layout-content > .header {
    border-bottom-color: #edf1f8 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: none;
    backdrop-filter: blur(6px);
}

body.task-settings #layout-sidebar > .header .header-title.username,
body.task-settings #layout-list > .header .header-title,
body.task-settings #layout-content > .header .header-title,
body.grm-task-settings #layout-sidebar > .header .header-title.username,
body.grm-task-settings #layout-list > .header .header-title,
body.grm-task-settings #layout-content > .header .header-title {
    color: var(--grm-muted, #5d7295);
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

body.task-settings #layout-sidebar > .header + .scroller,
body.task-settings #layout-list > .header + .scroller,
body.task-settings #layout-content > .header + .scroller,
body.grm-task-settings #layout-sidebar > .header + .scroller,
body.grm-task-settings #layout-list > .header + .scroller,
body.grm-task-settings #layout-content > .header + .scroller {
    background: transparent !important;
}

body.task-settings #layout-sidebar > .scroller,
body.task-settings #layout-list > .scroller,
body.grm-task-settings #layout-sidebar > .scroller,
body.grm-task-settings #layout-list > .scroller {
    padding: 14px 12px;
}

body.task-settings #settings-menu,
body.grm-task-settings #settings-menu {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0;
    margin: 0;
    background: transparent;
}

body.task-settings #settings-menu.listing.iconized li,
body.grm-task-settings #settings-menu.listing.iconized li {
    border: 0;
    border-radius: 16px;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

body.task-settings #settings-menu.listing.iconized li a,
body.grm-task-settings #settings-menu.listing.iconized li a {
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 0 16px;
    border-radius: 16px;
    color: #667791 !important;
    font-family: "Manrope", "Segoe UI", sans-serif;
    font-size: 0.97rem;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none !important;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body.task-settings #settings-menu.listing.iconized li a:before,
body.grm-task-settings #settings-menu.listing.iconized li a:before {
    margin-right: 0.8rem !important;
    color: inherit;
    font-size: 0.98rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 1.08rem;
    min-width: 1.08rem;
    line-height: 1 !important;
    text-align: center;
    position: relative;
    top: 1px;
    opacity: 0.9;
}

body.task-settings #settings-menu.listing.iconized li:hover a,
body.task-settings #settings-menu.listing.iconized li a:focus,
body.grm-task-settings #settings-menu.listing.iconized li:hover a,
body.grm-task-settings #settings-menu.listing.iconized li a:focus {
    background: #f5f7fb;
    color: #384d72 !important;
    box-shadow: inset 0 0 0 1px #edf1f8;
}

body.task-settings #settings-menu.listing.iconized li.selected a,
body.grm-task-settings #settings-menu.listing.iconized li.selected a {
    background: #eef3ff;
    color: #294b86 !important;
    box-shadow:
        inset 0 0 0 1px #dbe5ff,
        0 10px 22px rgba(70, 96, 150, 0.09);
}

body.task-settings #settings-menu.listing.iconized li.grm-forwarding-guard-item a,
body.grm-task-settings #settings-menu.listing.iconized li.grm-forwarding-guard-item a {
    cursor: not-allowed;
    color: #617695 !important;
    background: linear-gradient(180deg, rgba(244, 248, 255, 0.92), rgba(238, 244, 255, 0.88));
    box-shadow: inset 0 0 0 1px #dbe6fb;
}

body.task-settings #settings-menu.listing.iconized li.grm-forwarding-guard-item:hover a,
body.task-settings #settings-menu.listing.iconized li.grm-forwarding-guard-item a:focus,
body.grm-task-settings #settings-menu.listing.iconized li.grm-forwarding-guard-item:hover a,
body.grm-task-settings #settings-menu.listing.iconized li.grm-forwarding-guard-item a:focus {
    color: #4f678f !important;
    background: linear-gradient(180deg, rgba(240, 246, 255, 0.96), rgba(233, 241, 255, 0.92));
    box-shadow:
        inset 0 0 0 1px #d2def7,
        0 8px 20px rgba(74, 96, 148, 0.08);
}

body.task-settings #settings-menu.listing.iconized li.grm-forwarding-guard-item a .grm-forwarding-guard-badge,
body.grm-task-settings #settings-menu.listing.iconized li.grm-forwarding-guard-item a .grm-forwarding-guard-badge {
    margin-left: auto;
    padding: 4px 8px;
    border-radius: 999px;
    background: #ffffff;
    color: #4f6691;
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 1px #d7e3fb;
    white-space: nowrap;
}

body.task-settings table#sections-table,
body.grm-task-settings table#sections-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 6px;
    background: transparent;
}

body.task-settings table#sections-table tr td,
body.grm-task-settings table#sections-table tr td {
    padding: 14px 16px !important;
    border: 0 !important;
    border-radius: 16px;
    background: transparent !important;
    color: #667791;
    font-family: "Manrope", "Segoe UI", sans-serif;
    font-size: 0.97rem;
    font-weight: 700;
    line-height: 1.35;
    box-shadow: none;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body.task-settings table#sections-table.listing.iconized tr td:before,
body.grm-task-settings table#sections-table.listing.iconized tr td:before {
    margin-right: 0.82rem !important;
    color: inherit;
    font-size: 0.98rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 1.08rem;
    min-width: 1.08rem;
    line-height: 1 !important;
    text-align: center;
    position: relative;
    top: 1px;
    opacity: 0.9;
}

body.task-settings table#sections-table tr:hover td,
body.task-settings table#sections-table tr.focused td,
body.grm-task-settings table#sections-table tr:hover td,
body.grm-task-settings table#sections-table tr.focused td {
    background: #f5f7fb !important;
    color: #384d72 !important;
    box-shadow: inset 0 0 0 1px #edf1f8;
}

body.task-settings table#sections-table tr.selected td,
body.grm-task-settings table#sections-table tr.selected td {
    background: #eef3ff !important;
    color: #294b86 !important;
    box-shadow:
        inset 0 0 0 1px #dbe5ff,
        0 10px 22px rgba(70, 96, 150, 0.09);
}

body.task-settings #layout-list > .pagenav.pagenav-list.menu,
body.grm-task-settings #layout-list > .pagenav.pagenav-list.menu {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    margin: 6px 14px 0;
    padding: 0 58px 0 16px;
    border: 1px solid #dde6f6;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 248, 255, 0.97)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 14px 24px rgba(66, 91, 144, 0.08);
}

body.task-settings #layout-list > .pagenav.pagenav-list.menu::before,
body.grm-task-settings #layout-list > .pagenav.pagenav-list.menu::before {
    content: "";
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background:
        center / 16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.8h7.3l3.7 3.7v10.2a1.8 1.8 0 0 1-1.8 1.8H7a1.8 1.8 0 0 1-1.8-1.8V6.6A1.8 1.8 0 0 1 7 4.8Z'/%3E%3Cpath d='M14.3 4.8v3.5h3.5'/%3E%3Cpath d='M8.6 12.1h6.8'/%3E%3Cpath d='M8.6 15.7h6.8'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #7d9cff 0%, #5f7fe7 100%);
    box-shadow: 0 10px 18px rgba(86, 112, 186, 0.2);
}

body.task-settings #layout-list > .pagenav.pagenav-list.menu .pagenav-text,
body.grm-task-settings #layout-list > .pagenav.pagenav-list.menu .pagenav-text {
    flex: 1 1 auto;
    min-width: 0;
    color: #22324f;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.task-settings #layout-list > .pagenav.pagenav-list.menu .expand,
body.task-settings #layout-list > .pagenav.pagenav-list.menu .collapse,
body.grm-task-settings #layout-list > .pagenav.pagenav-list.menu .expand,
body.grm-task-settings #layout-list > .pagenav.pagenav-list.menu .collapse {
    position: absolute;
    top: 50%;
    right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0;
    border: 1px solid #dce6f7;
    border-radius: 10px;
    background: #f8fbff;
    cursor: pointer;
    transform: translateY(-50%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

body.task-settings #layout-list > .pagenav.pagenav-list.menu .expand::before,
body.task-settings #layout-list > .pagenav.pagenav-list.menu .collapse::before,
body.grm-task-settings #layout-list > .pagenav.pagenav-list.menu .expand::before,
body.grm-task-settings #layout-list > .pagenav.pagenav-list.menu .collapse::before {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #5b7094;
    border-bottom: 2px solid #5b7094;
    transform: translateY(-1px) rotate(45deg);
}

body.task-settings #layout-list > .pagenav.pagenav-list.menu .expand .inner,
body.task-settings #layout-list > .pagenav.pagenav-list.menu .collapse .inner,
body.grm-task-settings #layout-list > .pagenav.pagenav-list.menu .expand .inner,
body.grm-task-settings #layout-list > .pagenav.pagenav-list.menu .collapse .inner {
    display: none;
}

body.task-settings #filtersetslistbox,
body.grm-task-settings #filtersetslistbox {
    flex: 0 0 auto !important;
    min-height: 0;
    max-height: 178px;
    margin: 0 14px;
    padding: 0;
    border: 0;
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 255, 0.95)) !important;
    box-shadow: none;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

body.task-settings #layout-list > .pagenav.pagenav-list.menu.expanded + #filtersetslistbox,
body.grm-task-settings #layout-list > .pagenav.pagenav-list.menu.expanded + #filtersetslistbox {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #e3eaf8;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 12px 24px rgba(67, 95, 148, 0.08);
    overflow-y: auto;
    opacity: 1;
    pointer-events: auto;
}

body.task-settings #filtersetslistbox .listing,
body.task-settings #rcmfilterslist,
body.grm-task-settings #filtersetslistbox .listing,
body.grm-task-settings #rcmfilterslist {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    background: transparent;
}

body.task-settings #filtersetslistbox .listing tbody,
body.task-settings #rcmfilterslist tbody,
body.grm-task-settings #filtersetslistbox .listing tbody,
body.grm-task-settings #rcmfilterslist tbody {
    background: transparent;
}

body.task-settings #filtersetslistbox .listing tr td,
body.task-settings #rcmfilterslist tr td,
body.grm-task-settings #filtersetslistbox .listing tr td,
body.grm-task-settings #rcmfilterslist tr td {
    position: relative;
    padding: 14px 16px 14px 50px !important;
    border: 0 !important;
    border-radius: 16px;
    background: transparent !important;
    color: #6a7a94;
    font-family: "Manrope", "Segoe UI", sans-serif;
    font-size: 0.97rem;
    font-weight: 700;
    line-height: 1.35;
    box-shadow: none;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.task-settings #filtersetslistbox .listing tr td.name::before,
body.grm-task-settings #filtersetslistbox .listing tr td.name::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 14px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background:
        center / 14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.8h7.3l3.7 3.7v10.2a1.8 1.8 0 0 1-1.8 1.8H7a1.8 1.8 0 0 1-1.8-1.8V6.6A1.8 1.8 0 0 1 7 4.8Z'/%3E%3Cpath d='M14.3 4.8v3.5h3.5'/%3E%3Cpath d='M8.6 12.1h6.8'/%3E%3Cpath d='M8.6 15.7h4.8'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #86a4ff 0%, #6681e5 100%);
    box-shadow: 0 8px 14px rgba(89, 113, 184, 0.18);
    transform: translateY(-50%);
}

body.task-settings #rcmfilterslist tr td.name::before,
body.grm-task-settings #rcmfilterslist tr td.name::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 14px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background:
        center / 14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.8 6.5h14.4'/%3E%3Cpath d='M7.4 12h9.2'/%3E%3Cpath d='M10 17.5h4'/%3E%3Ccircle cx='4.8' cy='6.5' r='1' fill='%23fff' stroke='none'/%3E%3Ccircle cx='7.4' cy='12' r='1' fill='%23fff' stroke='none'/%3E%3Ccircle cx='10' cy='17.5' r='1' fill='%23fff' stroke='none'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #59b2ff 0%, #3d7fe0 100%);
    box-shadow: 0 8px 14px rgba(69, 116, 196, 0.18);
    transform: translateY(-50%);
}

body.task-settings #filtersetslistbox .listing tr:hover td,
body.task-settings #filtersetslistbox .listing tr.focused td,
body.task-settings #rcmfilterslist tr:hover td,
body.task-settings #rcmfilterslist tr.focused td,
body.grm-task-settings #filtersetslistbox .listing tr:hover td,
body.grm-task-settings #filtersetslistbox .listing tr.focused td,
body.grm-task-settings #rcmfilterslist tr:hover td,
body.grm-task-settings #rcmfilterslist tr.focused td {
    background: #f4f8ff !important;
    color: #3b5075;
    box-shadow: inset 0 0 0 1px #e5edf9;
}

body.task-settings #filtersetslistbox .listing tr.selected td,
body.task-settings #filtersetslistbox .listing tr.focused.selected td,
body.task-settings #rcmfilterslist tr.selected td,
body.task-settings #rcmfilterslist tr.focused.selected td,
body.grm-task-settings #filtersetslistbox .listing tr.selected td,
body.grm-task-settings #filtersetslistbox .listing tr.focused.selected td,
body.grm-task-settings #rcmfilterslist tr.selected td,
body.grm-task-settings #rcmfilterslist tr.focused.selected td {
    background: linear-gradient(180deg, #f3f7ff, #e9f0ff) !important;
    color: #294b86;
    box-shadow:
        inset 0 0 0 1px #dbe6ff,
        0 12px 22px rgba(73, 104, 168, 0.11);
    transform: translateY(-1px);
}

body.task-settings #filtersetslistbox .listing tr.disabled td,
body.grm-task-settings #filtersetslistbox .listing tr.disabled td {
    opacity: 0.58;
}

body.task-settings #filtersetslistbox .listing,
body.grm-task-settings #filtersetslistbox .listing {
    border-spacing: 0;
}

body.task-settings #filtersetslistbox .listing tr.selected td,
body.task-settings #filtersetslistbox .listing tr.focused.selected td,
body.grm-task-settings #filtersetslistbox .listing tr.selected td,
body.grm-task-settings #filtersetslistbox .listing tr.focused.selected td {
    transform: none;
}

body.task-settings #layout-list > .scroller[aria-labelledby="aria-label-filterslist"],
body.grm-task-settings #layout-list > .scroller[aria-labelledby="aria-label-filterslist"] {
    margin-top: 14px;
    padding-top: 18px;
    border-top: 1px solid #edf2fb;
}

body.task-settings #layout-content > .header + .scroller,
body.grm-task-settings #layout-content > .header + .scroller {
    background: transparent !important;
}

html.iframe body.task-settings,
html.iframe body.grm-task-settings {
    background: #f7f9fd;
}

html.iframe body.task-settings #layout-content,
html.iframe body.grm-task-settings #layout-content {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

html.iframe body.task-settings .formcontainer,
html.iframe body.grm-task-settings .formcontainer {
    display: flex;
    flex-direction: column;
    gap: 0;
}

html.iframe body.task-settings .formcontent,
html.iframe body.grm-task-settings .formcontent {
    padding: 30px 34px 16px;
    border: 1px solid #e5ebf4;
    border-bottom: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: none;
}

html.iframe body.task-settings .formcontent fieldset:not(.tab-pane),
html.iframe body.grm-task-settings .formcontent fieldset:not(.tab-pane) {
    border: 0;
    margin: 0;
    padding: 0;
}

html.iframe body.task-settings .formcontent fieldset:not(.tab-pane):nth-of-type(n+2),
html.iframe body.grm-task-settings .formcontent fieldset:not(.tab-pane):nth-of-type(n+2) {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #edf2f8;
}

html.iframe body.task-settings .formcontent legend,
html.iframe body.grm-task-settings .formcontent legend {
    margin: 0 0 12px;
    color: #18253d;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1.28rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

html.iframe body.task-settings table.propform,
html.iframe body.grm-task-settings table.propform {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td,
html.iframe body.task-settings table.propform > tr.form-group.row > td,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td,
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td {
    padding: 18px 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    vertical-align: top;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row + tr.form-group.row > td,
html.iframe body.task-settings table.propform > tr.form-group.row + tr.form-group.row > td,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row + tr.form-group.row > td,
html.iframe body.grm-task-settings table.propform > tr.form-group.row + tr.form-group.row > td {
    border-top: 1px solid #edf2f8 !important;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title,
html.iframe body.task-settings table.propform > tr.form-group.row > td.title,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title,
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title {
    width: 270px;
    padding-right: 28px !important;
    color: #25334e;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.45;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label,
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label,
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label {
    color: inherit;
    font: inherit;
}

html.iframe body.task-settings .formcontent .form-control,
html.iframe body.task-settings .formcontent input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html.iframe body.task-settings .formcontent select,
html.iframe body.task-settings .formcontent textarea,
html.iframe body.grm-task-settings .formcontent .form-control,
html.iframe body.grm-task-settings .formcontent input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html.iframe body.grm-task-settings .formcontent select,
html.iframe body.grm-task-settings .formcontent textarea {
    min-height: 48px;
    border: 1px solid #e2e8f2 !important;
    border-radius: 15px !important;
    background: #f7f9fc !important;
    color: #22324f;
    box-shadow: none !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

html.iframe body.task-settings .formcontent textarea,
html.iframe body.grm-task-settings .formcontent textarea {
    min-height: 132px;
    padding: 12px 14px;
}

html.iframe body.task-settings .formcontent .form-control:focus,
html.iframe body.task-settings .formcontent input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
html.iframe body.task-settings .formcontent select:focus,
html.iframe body.task-settings .formcontent textarea:focus,
html.iframe body.grm-task-settings .formcontent .form-control:focus,
html.iframe body.grm-task-settings .formcontent input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
html.iframe body.grm-task-settings .formcontent select:focus,
html.iframe body.grm-task-settings .formcontent textarea:focus {
    outline: none;
    border-color: #4b79d8 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 0.22rem rgba(75, 121, 216, 0.12) !important;
}

html.iframe body.task-settings .formcontent .form-control-plaintext,
html.iframe body.grm-task-settings .formcontent .form-control-plaintext {
    color: #7c8aa3;
}

html.iframe body.task-settings .formcontent .row.form-check > td:last-child,
html.iframe body.grm-task-settings .formcontent .row.form-check > td:last-child {
    width: 96px;
    white-space: nowrap;
    text-align: right;
}

html.iframe body.task-settings .formcontent .row.form-check.with-link > td:last-child,
html.iframe body.grm-task-settings .formcontent .row.form-check.with-link > td:last-child {
    width: auto;
}

html.iframe body.task-settings .formcontent .form-check-input[type="checkbox"],
html.iframe body.grm-task-settings .formcontent .form-check-input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 2.45rem;
    height: 1.42rem;
    margin: 0;
    border: 1px solid #ccdaf0;
    border-radius: 999px;
    background: #edf3fc;
    position: relative;
    cursor: pointer;
    box-shadow: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

html.iframe body.task-settings .formcontent .form-check-input[type="checkbox"]::before,
html.iframe body.grm-task-settings .formcontent .form-check-input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    width: 1.02rem;
    height: 1.02rem;
    border-radius: 50%;
    background: #ffffff;
    transform: translateY(-50%);
    box-shadow: 0 2px 5px rgba(36, 51, 79, 0.18);
    transition: transform 0.18s ease;
}

html.iframe body.task-settings .formcontent .form-check-input[type="checkbox"]:focus,
html.iframe body.task-settings .formcontent .form-check-input[type="checkbox"]:focus-visible,
html.iframe body.grm-task-settings .formcontent .form-check-input[type="checkbox"]:focus,
html.iframe body.grm-task-settings .formcontent .form-check-input[type="checkbox"]:focus-visible {
    outline: none;
    border-color: #ccdaf0;
    box-shadow: none;
}

html.iframe body.task-settings .formcontent .form-check-input[type="checkbox"]:checked,
html.iframe body.grm-task-settings .formcontent .form-check-input[type="checkbox"]:checked {
    border-color: #6da1ff;
    background: linear-gradient(180deg, #75a7ff, #4f7ee0);
}

html.iframe body.task-settings .formcontent .form-check-input[type="checkbox"]:checked::before,
html.iframe body.grm-task-settings .formcontent .form-check-input[type="checkbox"]:checked::before {
    transform: translate(1.02rem, -50%);
}

html.iframe body.task-settings .formcontent .custom-switch,
html.iframe body.grm-task-settings .formcontent .custom-switch {
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

html.iframe body.task-settings .formcontent .custom-switch .custom-control-label,
html.iframe body.grm-task-settings .formcontent .custom-switch .custom-control-label {
    min-height: 1.42rem;
    line-height: 1.42rem;
    padding-left: 2.45rem;
    margin: 0;
}

html.iframe body.task-settings .formcontent .custom-switch .custom-control-label::before,
html.iframe body.grm-task-settings .formcontent .custom-switch .custom-control-label::before {
    left: 0;
    top: 50%;
    width: 2.45rem;
    height: 1.42rem;
    margin: 0;
    border: 1px solid #ccdaf0;
    border-radius: 999px;
    background: #edf3fc;
    box-shadow: none !important;
    transform: translateY(-50%);
}

html.iframe body.task-settings .formcontent .custom-switch .custom-control-label::after,
html.iframe body.grm-task-settings .formcontent .custom-switch .custom-control-label::after {
    top: 50%;
    left: 2px;
    width: 1.02rem;
    height: 1.02rem;
    margin: 0;
    border-radius: 50%;
    background: #ffffff;
    transform: translateY(-50%);
    box-shadow: 0 2px 5px rgba(36, 51, 79, 0.18);
    transition: transform 0.18s ease, background-color 0.18s ease;
}

html.iframe body.task-settings .formcontent .custom-switch .custom-control-input:focus ~ .custom-control-label::before,
html.iframe body.task-settings .formcontent .custom-switch .custom-control-input:focus-visible ~ .custom-control-label::before,
html.iframe body.grm-task-settings .formcontent .custom-switch .custom-control-input:focus ~ .custom-control-label::before,
html.iframe body.grm-task-settings .formcontent .custom-switch .custom-control-input:focus-visible ~ .custom-control-label::before {
    border-color: #ccdaf0;
    background: #edf3fc;
    box-shadow: none !important;
}

html.iframe body.task-settings .formcontent .custom-switch .custom-control-input:checked ~ .custom-control-label::before,
html.iframe body.grm-task-settings .formcontent .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #6da1ff;
    background: linear-gradient(180deg, #75a7ff, #4f7ee0);
}

html.iframe body.task-settings .formcontent .custom-switch .custom-control-input:checked ~ .custom-control-label::after,
html.iframe body.grm-task-settings .formcontent .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translate(1.02rem, -50%);
}

html.iframe body.task-settings .formcontent .hint,
html.iframe body.grm-task-settings .formcontent .hint {
    display: block;
    margin-top: 0.42rem;
    color: #8a97ad;
    font-style: normal;
}

html.iframe body.task-settings .formbuttons,
html.iframe body.grm-task-settings .formbuttons {
    padding: 18px 34px 30px;
    border: 1px solid #e5ebf4;
    border-top: 0;
    border-radius: 0 0 30px 30px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 42px rgba(33, 49, 79, 0.08);
}

html.iframe body.task-settings .formbuttons .btn,
html.iframe body.grm-task-settings .formbuttons .btn {
    min-width: 148px;
    min-height: 46px;
    border-radius: 15px !important;
    font-family: "Sora", "Manrope", sans-serif;
    font-weight: 800;
    letter-spacing: -0.01em;
}

/* Settings modern pass */
body.task-settings #layout,
body.grm-task-settings #layout {
    padding: 18px;
    box-sizing: border-box;
    gap: 14px;
}

body.task-settings #layout-sidebar,
body.task-settings #layout-list,
body.task-settings #layout-content,
body.grm-task-settings #layout-sidebar,
body.grm-task-settings #layout-list,
body.grm-task-settings #layout-content {
    border: 1px solid rgba(220, 229, 243, 0.96) !important;
    border-radius: 30px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.95)) !important;
    box-shadow: 0 18px 48px rgba(41, 64, 107, 0.08);
    backdrop-filter: blur(18px);
}

body.task-settings #layout-content,
body.grm-task-settings #layout-content {
    min-width: 0;
}

body.task-settings #layout-sidebar > .header,
body.task-settings #layout-list > .header,
body.grm-task-settings #layout-sidebar > .header,
body.grm-task-settings #layout-list > .header {
    min-height: 72px;
    height: 72px;
    padding: 0 22px;
    justify-content: flex-start;
}

body.task-settings #layout-content > .header,
body.grm-task-settings #layout-content > .header {
    min-height: 82px;
    height: 82px;
    padding: 0 30px;
    justify-content: flex-start;
}

body.task-settings #layout-sidebar > .header .header-title,
body.grm-task-settings #layout-sidebar > .header .header-title {
    margin: 0;
    color: var(--grm-muted, #5d7295);
    text-align: left;
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

body.task-settings #layout-list > .header .header-title,
body.grm-task-settings #layout-list > .header .header-title {
    margin: 0;
    color: var(--grm-muted, #5d7295);
    text-align: left;
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

body.task-settings #layout-content > .header .header-title,
body.grm-task-settings #layout-content > .header .header-title {
    display: block !important;
    margin: 0 !important;
    text-align: left;
    color: var(--grm-muted, #5d7295);
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

body.task-settings #layout-content > .header .back-list-button,
body.grm-task-settings #layout-content > .header .back-list-button {
    display: none !important;
}

body.task-settings #layout-sidebar > .scroller,
body.task-settings #layout-list > .scroller,
body.grm-task-settings #layout-sidebar > .scroller,
body.grm-task-settings #layout-list > .scroller {
    padding: 16px 14px 18px;
}

body.task-settings #settings-menu.listing.iconized li a,
body.grm-task-settings #settings-menu.listing.iconized li a {
    min-height: 56px;
    padding: 0 18px 0 20px;
    border: 1px solid transparent;
    position: relative;
}

body.task-settings #settings-menu.listing.iconized li a:before,
body.grm-task-settings #settings-menu.listing.iconized li a:before {
    margin-right: 0.88rem !important;
    font-size: 1.04rem;
    width: 1.12rem;
    min-width: 1.12rem;
    line-height: 1 !important;
    top: 1px;
}

body.task-settings #settings-menu.listing.iconized li.selected a,
body.grm-task-settings #settings-menu.listing.iconized li.selected a {
    border-color: #dbe6ff;
    background: linear-gradient(180deg, #f3f7ff, #eaf1ff) !important;
    color: #28497f !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.76),
        0 14px 26px rgba(73, 104, 168, 0.12);
}

body.task-settings table#sections-table,
body.grm-task-settings table#sections-table {
    border-collapse: separate;
    border-spacing: 0 8px;
}

body.task-settings table#sections-table tr td,
body.grm-task-settings table#sections-table tr td {
    border: 1px solid transparent !important;
    padding: 16px 18px !important;
}

body.task-settings table#sections-table tr.selected td,
body.grm-task-settings table#sections-table tr.selected td {
    border-color: #dbe6ff !important;
    background: linear-gradient(180deg, #f4f8ff, #ebf1ff) !important;
    color: #28497f !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.78),
        0 14px 26px rgba(73, 104, 168, 0.12);
}

html.iframe body.task-settings,
html.iframe body.grm-task-settings {
    padding: 0;
    box-sizing: border-box;
    background: transparent;
}

html.iframe body.task-settings .formcontent,
html.iframe body.grm-task-settings .formcontent {
    padding: 32px;
    border: 1px solid rgba(222, 230, 242, 0.96);
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 255, 0.97));
    box-shadow: none;
}

html.iframe body.task-settings .formcontent legend,
html.iframe body.grm-task-settings .formcontent legend {
    margin-bottom: 14px;
    font-size: 1.34rem;
}

html.iframe body.task-settings table.propform,
html.iframe body.grm-task-settings table.propform {
    border-collapse: collapse;
    border-spacing: 0;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td,
html.iframe body.task-settings table.propform > tr.form-group.row > td,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td,
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td {
    position: relative;
    padding: 18px 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    vertical-align: middle;
    transition: color 0.18s ease, border-color 0.18s ease;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row:hover > td,
html.iframe body.task-settings table.propform > tr.form-group.row:hover > td,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row:hover > td,
html.iframe body.grm-task-settings table.propform > tr.form-group.row:hover > td {
    background: transparent !important;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row:focus-within > td,
html.iframe body.task-settings table.propform > tr.form-group.row:focus-within > td,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row:focus-within > td,
html.iframe body.grm-task-settings table.propform > tr.form-group.row:focus-within > td {
    background: transparent !important;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row + tr.form-group.row > td,
html.iframe body.task-settings table.propform > tr.form-group.row + tr.form-group.row > td,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row + tr.form-group.row > td,
html.iframe body.grm-task-settings table.propform > tr.form-group.row + tr.form-group.row > td {
    border-top: 0 !important;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title,
html.iframe body.task-settings table.propform > tr.form-group.row > td.title,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title,
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title {
    width: 324px;
    padding-right: 30px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #22324d;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: -0.015em;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title::before,
html.iframe body.task-settings table.propform > tr.form-group.row > td.title::before,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title::before,
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title::before {
    content: none;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td:last-child,
html.iframe body.task-settings table.propform > tr.form-group.row > td:last-child,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td:last-child,
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td:last-child {
    padding-left: 12px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row:not(:last-child) > td.title,
html.iframe body.task-settings table.propform > tbody > tr.form-group.row:not(:last-child) > td:last-child,
html.iframe body.task-settings table.propform > tr.form-group.row:not(:last-child) > td.title,
html.iframe body.task-settings table.propform > tr.form-group.row:not(:last-child) > td:last-child,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row:not(:last-child) > td.title,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row:not(:last-child) > td:last-child,
html.iframe body.grm-task-settings table.propform > tr.form-group.row:not(:last-child) > td.title,
html.iframe body.grm-task-settings table.propform > tr.form-group.row:not(:last-child) > td:last-child {
    border-bottom: 1px solid #e7edf7 !important;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label,
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label,
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label {
    --grm-setting-icon-bg: linear-gradient(135deg, #eef4ff 0%, #e3ebff 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 7h9'/%3E%3Cpath d='M8.5 12h9'/%3E%3Cpath d='M8.5 17h9'/%3E%3Ccircle cx='5.2' cy='7' r='1.2' fill='%23fff' stroke='none'/%3E%3Ccircle cx='5.2' cy='12' r='1.2' fill='%23fff' stroke='none'/%3E%3Ccircle cx='5.2' cy='17' r='1.2' fill='%23fff' stroke='none'/%3E%3C/svg%3E");
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-height: 36px;
    max-width: 100%;
    color: inherit;
    font: inherit;
    line-height: 1.4;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label::before,
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label::before,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label::before,
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label::before {
    content: "";
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background:
        center / 18px 18px no-repeat var(--grm-setting-icon),
        var(--grm-setting-icon-bg);
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row:hover > td.title label,
html.iframe body.task-settings table.propform > tr.form-group.row:hover > td.title label,
html.iframe body.task-settings table.propform > tbody > tr.form-group.row:focus-within > td.title label,
html.iframe body.task-settings table.propform > tr.form-group.row:focus-within > td.title label,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row:hover > td.title label,
html.iframe body.grm-task-settings table.propform > tr.form-group.row:hover > td.title label,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row:focus-within > td.title label,
html.iframe body.grm-task-settings table.propform > tr.form-group.row:focus-within > td.title label {
    color: #16305d;
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_lang"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_lang"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_lang"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_lang"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #43c38b 0%, #2eb67d 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17'/%3E%3Cpath d='M12 3.5c2.2 2.4 3.5 5.3 3.5 8.5S14.2 18.1 12 20.5'/%3E%3Cpath d='M12 3.5c-2.2 2.4-3.5 5.3-3.5 8.5S9.8 18.1 12 20.5'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_timezone"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_time_format"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_timezone"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_time_format"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_timezone"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_time_format"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_timezone"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_time_format"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #57a8ff 0%, #3a7fe0 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.3v5l3.1 1.9'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_date_format"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_date_format"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_date_format"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_date_format"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #ffbf52 0%, #f39b2c 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5.5' width='16' height='14' rx='3'/%3E%3Cpath d='M8 3.8v3.4'/%3E%3Cpath d='M16 3.8v3.4'/%3E%3Cpath d='M4 9.2h16'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_prettydate"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_prettydate"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_prettydate"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_prettydate"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #b471ff 0%, #8d56e8 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.6l1.35 3.2L16.55 9 13.35 10.3 12 13.5l-1.35-3.2L7.45 9l3.2-1.2L12 4.6Z'/%3E%3Cpath d='M18.4 4.7l.55 1.3 1.35.55-1.35.6-.55 1.3-.6-1.3-1.3-.6 1.3-.55.6-1.3Z'/%3E%3Cpath d='M6.4 14.9l.65 1.55 1.6.65-1.6.7-.65 1.55-.7-1.55-1.55-.7 1.55-.65.7-1.55Z'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_mail_read_time"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_mail_read_time"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_mail_read_time"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_mail_read_time"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #48b7d9 0%, #2a8fbe 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 12s3.5-5.2 9.2-5.2 9.2 5.2 9.2 5.2-3.5 5.2-9.2 5.2S2.8 12 2.8 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.4'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_autoexpand_threads"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_displaynext"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_mail_pagesize"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_autoexpand_threads"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_displaynext"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_mail_pagesize"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_autoexpand_threads"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_displaynext"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_mail_pagesize"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_autoexpand_threads"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_displaynext"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_mail_pagesize"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #7e8dff 0%, #6171ea 100%);
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_refresh_interval"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_refresh_interval"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_refresh_interval"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_refresh_interval"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #ff8e72 0%, #f26b52 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7v5h-5'/%3E%3Cpath d='M19 12a7 7 0 1 1-2.05-4.95L20 7'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_check_all_folders"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_check_all_folders"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_check_all_folders"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_check_all_folders"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #ffb457 0%, #ef9444 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.8 8.3h6.1l1.9-2.2h8.4a1.8 1.8 0 0 1 1.8 1.8v8.3a1.8 1.8 0 0 1-1.8 1.8H5.6a1.8 1.8 0 0 1-1.8-1.8V8.3Z'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_skin"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_layout"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_standard_windows"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_skin"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_layout"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_standard_windows"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_skin"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_layout"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_standard_windows"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_skin"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_layout"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_standard_windows"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #6d8eff 0%, #4f6dde 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='12.5' rx='2.5'/%3E%3Cpath d='M9.5 20h5'/%3E%3Cpath d='M12 17.5V20'/%3E%3Cpath d='M3.5 10h17'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_message_extwin"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfdcompose_extwin"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_message_extwin"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfdcompose_extwin"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_message_extwin"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfdcompose_extwin"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_message_extwin"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfdcompose_extwin"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #3fb7d7 0%, #2b8db8 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='M10 14 19 5'/%3E%3Crect x='4' y='7' width='11' height='12' rx='2.5'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_message_show_email"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_default_addressbook"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_collected_recipients"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_collected_senders"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_email"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_reply-to"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_bcc"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_message_show_email"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_default_addressbook"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_collected_recipients"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_collected_senders"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_email"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_reply-to"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_bcc"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_message_show_email"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_default_addressbook"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_collected_recipients"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_collected_senders"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_email"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_reply-to"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_bcc"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_message_show_email"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_default_addressbook"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_collected_recipients"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_collected_senders"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_email"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_reply-to"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_bcc"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #4ca4ff 0%, #3379db 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2.5'/%3E%3Cpath d='m5.5 8 6.5 5 6.5-5'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_htmlmsg"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_htmleditor"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_default_charset"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="ffis_html"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_htmlmsg"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_htmleditor"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_default_charset"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="ffis_html"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_htmlmsg"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_htmleditor"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_default_charset"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="ffis_html"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_htmlmsg"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_htmleditor"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_default_charset"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="ffis_html"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #8d73ff 0%, #6b54e1 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 8 5 12l3.5 4'/%3E%3Cpath d='M15.5 8 19 12l-3.5 4'/%3E%3Cpath d='M13.2 6 10.8 18'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_show_images"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_inline_images"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_show_images"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_inline_images"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_show_images"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_inline_images"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_show_images"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_inline_images"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #54c6ff 0%, #3797dd 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2.5'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='m7 16 3.2-3.2a1.3 1.3 0 0 1 1.8 0L14 14.8l1-1a1.3 1.3 0 0 1 1.8 0L19 16'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_mdn_requests"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_mdn_default"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_dsn_default"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_mdn_requests"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_mdn_default"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_dsn_default"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_mdn_requests"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_mdn_default"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_dsn_default"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_mdn_requests"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_mdn_default"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_dsn_default"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #52c3a2 0%, #32a685 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 7.5h13v9h-13z'/%3E%3Cpath d='M8.2 11.4 10.6 13.8 15.8 8.6'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_autosave"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_compose_save_localstorage"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_autosave"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_compose_save_localstorage"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_autosave"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_compose_save_localstorage"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_autosave"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_compose_save_localstorage"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #36c5a8 0%, #239b82 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4.8h10l2 2v12.4H6z'/%3E%3Cpath d='M9 4.8v5h6v-5'/%3E%3Cpath d='M9 16h6'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_reply_same_folder"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_reply_mode"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_reply_all_mode"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_forward_attachment"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_reply_same_folder"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_reply_mode"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_reply_all_mode"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_forward_attachment"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_reply_same_folder"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_reply_mode"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_reply_all_mode"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_forward_attachment"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_reply_same_folder"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_reply_mode"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_reply_all_mode"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_forward_attachment"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #7395ff 0%, #5d74e0 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 7-5 5 5 5'/%3E%3Cpath d='M4 12h9a6 6 0 0 1 6 6'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_spellcheck_before_send"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for^="rcmfd_spellcheck_ignore_"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_spellcheck_before_send"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for^="rcmfd_spellcheck_ignore_"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_spellcheck_before_send"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for^="rcmfd_spellcheck_ignore_"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_spellcheck_before_send"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for^="rcmfd_spellcheck_ignore_"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #53c98c 0%, #35a96f 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 12.5 11.4 14.4 15.8 10'/%3E%3Cpath d='M12 3.7 14.6 6l3.4-.1.8 3.3 2.3 2.4-2.3 2.4-.8 3.3-3.4-.1L12 19.5l-2.6-2.3-3.4.1-.8-3.3-2.3-2.4 2.3-2.4.8-3.3 3.4.1L12 3.7Z'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_show_sig"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_sig_below"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_strip_existing_sig"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_sig_separator"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_signature"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_html_signature"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="ffname"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="fftext"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_show_sig"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_sig_below"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_strip_existing_sig"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_sig_separator"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_signature"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_html_signature"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="ffname"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="fftext"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_show_sig"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_sig_below"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_strip_existing_sig"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_sig_separator"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_signature"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_html_signature"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="ffname"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="fftext"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_show_sig"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_sig_below"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_strip_existing_sig"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_sig_separator"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_signature"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_html_signature"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="ffname"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="fftext"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #ff8f68 0%, #ef6c4e 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 16 9.5-9.5 3 3L7 19H4Z'/%3E%3Cpath d='m12.5 7 3 3'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_param_folding"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_force_7bit"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_default_font"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_default_font_size"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_param_folding"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_force_7bit"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_default_font"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_default_font_size"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_param_folding"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_force_7bit"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_default_font"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_default_font_size"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_param_folding"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_force_7bit"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_default_font"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_default_font_size"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #8e7cff 0%, #6e5de7 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7.5h12'/%3E%3Cpath d='M12 7.5v9'/%3E%3Cpath d='m8.8 16.5 3.2-9 3.2 9'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_addressbook_name_listing"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_addressbook_sort_col"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_contact_form_mode"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_autocomplete_single"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_name"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_organization"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_standard"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_addressbook_name_listing"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_addressbook_sort_col"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_contact_form_mode"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_autocomplete_single"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_name"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_organization"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_standard"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_addressbook_name_listing"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_addressbook_sort_col"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_contact_form_mode"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_autocomplete_single"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_name"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_organization"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_standard"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_addressbook_name_listing"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_addressbook_sort_col"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_contact_form_mode"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_autocomplete_single"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_name"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_organization"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_standard"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #5aa5ff 0%, #3b7fe0 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='3'/%3E%3Cpath d='M4.5 18c.8-2.3 2.8-3.8 4.5-3.8s3.7 1.5 4.5 3.8'/%3E%3Cpath d='M15 10.5c1.8 0 3.4 1.5 4.5 3.5'/%3E%3Cpath d='M14.8 6.5c1.5.2 2.7 1.4 2.9 2.9'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="show_real_foldernames"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_drafts_mbox"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_sent_mbox"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_junk_mbox"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_trash_mbox"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_name"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_parent"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_type"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_viewmode"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_count"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_size"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_foldertype"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="show_real_foldernames"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="_drafts_mbox"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="_sent_mbox"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="_junk_mbox"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="_trash_mbox"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="_name"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="_parent"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="_type"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="_viewmode"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="_count"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="_size"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="_foldertype"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="show_real_foldernames"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_drafts_mbox"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_sent_mbox"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_junk_mbox"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_trash_mbox"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_name"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_parent"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_type"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_viewmode"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_count"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_size"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="_foldertype"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="show_real_foldernames"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="_drafts_mbox"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="_sent_mbox"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="_junk_mbox"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="_trash_mbox"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="_name"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="_parent"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="_type"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="_viewmode"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="_count"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="_size"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="_foldertype"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #ffb457 0%, #ef9444 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.8 8.3h6.1l1.9-2.2h8.4a1.8 1.8 0 0 1 1.8 1.8v8.3a1.8 1.8 0 0 1-1.8 1.8H5.6a1.8 1.8 0 0 1-1.8-1.8V8.3Z'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_read_deleted"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_flag_for_deletion"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_skip_deleted"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_delete_junk"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_logout_purge"],
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_logout_expunge"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_read_deleted"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_flag_for_deletion"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_skip_deleted"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_delete_junk"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_logout_purge"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_logout_expunge"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_read_deleted"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_flag_for_deletion"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_skip_deleted"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_delete_junk"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_logout_purge"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_logout_expunge"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_read_deleted"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_flag_for_deletion"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_skip_deleted"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_delete_junk"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_logout_purge"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_logout_expunge"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #ff8f72 0%, #ea6550 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h8'/%3E%3Cpath d='M5.5 8.5h13'/%3E%3Cpath d='M9 4h6l.5 2.5h-7z'/%3E%3Cpath d='M7 8.5v8.2c0 1 .8 1.8 1.8 1.8h6.4c1 0 1.8-.8 1.8-1.8V8.5'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_mailvelope_main_keyring"],
html.iframe body.task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_mailvelope_main_keyring"],
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label[for="rcmfd_mailvelope_main_keyring"],
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label[for="rcmfd_mailvelope_main_keyring"] {
    --grm-setting-icon-bg: linear-gradient(135deg, #5a9fff 0%, #3a74d9 100%);
    --grm-setting-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='10.5' width='13' height='9' rx='2.2'/%3E%3Cpath d='M8.5 10.5V8.7a3.5 3.5 0 1 1 7 0v1.8'/%3E%3Ccircle cx='12' cy='14.8' r='1.1'/%3E%3C/svg%3E");
}

html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td:last-child .form-control,
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td:last-child input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td:last-child select,
html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td:last-child textarea,
html.iframe body.task-settings table.propform > tr.form-group.row > td:last-child .form-control,
html.iframe body.task-settings table.propform > tr.form-group.row > td:last-child input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html.iframe body.task-settings table.propform > tr.form-group.row > td:last-child select,
html.iframe body.task-settings table.propform > tr.form-group.row > td:last-child textarea,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td:last-child .form-control,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td:last-child input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td:last-child select,
html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td:last-child textarea,
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td:last-child .form-control,
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td:last-child input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td:last-child select,
html.iframe body.grm-task-settings table.propform > tr.form-group.row > td:last-child textarea {
    background: #ffffff !important;
    border-color: #dce6f5 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
    max-width: 560px;
    margin-left: auto;
}

html.iframe body.task-settings .formcontent .hint,
html.iframe body.grm-task-settings .formcontent .hint {
    margin-top: 0.56rem;
    color: #8b99b0;
    font-size: 0.84rem;
    line-height: 1.5;
}

html.iframe body.task-settings .formbuttons,
html.iframe body.grm-task-settings .formbuttons {
    padding: 16px 6px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

html.iframe body.task-settings .formbuttons .btn,
html.iframe body.grm-task-settings .formbuttons .btn {
    min-width: 156px;
    padding: 0 26px;
    box-shadow: 0 14px 28px rgba(61, 99, 180, 0.2);
}

body.task-settings.action-plugin-password #prefs-title.boxtitle,
body.grm-task-settings.action-plugin-password #prefs-title.boxtitle {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 18px;
    padding: 0 4px;
    border: 0;
    background: transparent;
    color: var(--grm-text, #22324f);
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

body.task-settings.action-plugin-password #prefs-title.boxtitle::before,
body.grm-task-settings.action-plugin-password #prefs-title.boxtitle::before {
    content: "";
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background:
        center / 17px 17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='10.2' width='13' height='9.2' rx='2.4'/%3E%3Cpath d='M8.5 10.2V7.9a3.5 3.5 0 0 1 7 0v2.3'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #5ea6ff 0%, #3f7fdf 100%);
    box-shadow: 0 10px 18px rgba(67, 114, 196, 0.2);
}

body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formcontent,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formcontent {
    padding: 18px 20px 20px;
    border: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 248, 255, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        0 18px 34px rgba(61, 92, 148, 0.1);
}

body.task-settings.action-plugin-password #password-form,
body.grm-task-settings.action-plugin-password #password-form {
    display: block;
}

body.task-settings.action-plugin-password #password-form table.propform,
body.grm-task-settings.action-plugin-password #password-form table.propform {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    background: transparent;
}

body.task-settings.action-plugin-password #password-form table.propform > tbody > tr > td,
body.task-settings.action-plugin-password #password-form table.propform > tr > td,
body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr > td,
body.grm-task-settings.action-plugin-password #password-form table.propform > tr > td {
    position: relative;
    padding: 18px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e4ecfa !important;
    background: transparent !important;
    box-shadow: none !important;
    vertical-align: middle;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

body.task-settings.action-plugin-password #password-form table.propform > tbody > tr > td:first-child,
body.task-settings.action-plugin-password #password-form table.propform > tr > td:first-child,
body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr > td:first-child,
body.grm-task-settings.action-plugin-password #password-form table.propform > tr > td:first-child {
    border-left: 0 !important;
    border-radius: 0 !important;
}

body.task-settings.action-plugin-password #password-form table.propform > tbody > tr > td:last-child,
body.task-settings.action-plugin-password #password-form table.propform > tr > td:last-child,
body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr > td:last-child,
body.grm-task-settings.action-plugin-password #password-form table.propform > tr > td:last-child {
    border-right: 0 !important;
    border-radius: 0 !important;
    padding-left: 16px !important;
}

body.task-settings.action-plugin-password #password-form table.propform > tbody > tr:hover > td,
body.task-settings.action-plugin-password #password-form table.propform > tr:hover > td,
body.task-settings.action-plugin-password #password-form table.propform > tbody > tr:focus-within > td,
body.task-settings.action-plugin-password #password-form table.propform > tr:focus-within > td,
body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr:hover > td,
body.grm-task-settings.action-plugin-password #password-form table.propform > tr:hover > td,
body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr:focus-within > td,
body.grm-task-settings.action-plugin-password #password-form table.propform > tr:focus-within > td {
    border-color: #d7e3f8 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.task-settings.action-plugin-password #password-form table.propform > tbody > tr > td.title,
body.task-settings.action-plugin-password #password-form table.propform > tr > td.title,
body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr > td.title,
body.grm-task-settings.action-plugin-password #password-form table.propform > tr > td.title {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    padding-right: 16px !important;
    color: #22324d;
    font-size: 0.97rem;
    font-weight: 800;
    letter-spacing: -0.015em;
}

body.task-settings.action-plugin-password #password-form table.propform > tbody > tr > td.title::before,
body.task-settings.action-plugin-password #password-form table.propform > tr > td.title::before,
body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr > td.title::before,
body.grm-task-settings.action-plugin-password #password-form table.propform > tr > td.title::before {
    content: none;
}

body.task-settings.action-plugin-password #password-form table.propform > tbody > tr > td.title label,
body.task-settings.action-plugin-password #password-form table.propform > tr > td.title label,
body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr > td.title label,
body.grm-task-settings.action-plugin-password #password-form table.propform > tr > td.title label {
    --grm-password-icon-bg: linear-gradient(135deg, #eef4ff 0%, #e3ebff 100%);
    --grm-password-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='10.2' width='13' height='9.2' rx='2.4'/%3E%3Cpath d='M8.5 10.2V7.9a3.5 3.5 0 0 1 7 0v2.3'/%3E%3C/svg%3E");
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-height: 40px;
    max-width: 100%;
    color: inherit;
    font: inherit;
    line-height: 1.35;
}

body.task-settings.action-plugin-password #password-form table.propform > tbody > tr > td.title label::before,
body.task-settings.action-plugin-password #password-form table.propform > tr > td.title label::before,
body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr > td.title label::before,
body.grm-task-settings.action-plugin-password #password-form table.propform > tr > td.title label::before {
    content: "";
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background:
        center / 18px 18px no-repeat var(--grm-password-icon),
        var(--grm-password-icon-bg);
    box-shadow: 0 10px 18px rgba(70, 104, 170, 0.16);
}

body.task-settings.action-plugin-password #password-form label[for="curpasswd"],
body.grm-task-settings.action-plugin-password #password-form label[for="curpasswd"] {
    --grm-password-icon-bg: linear-gradient(135deg, #ffb46a 0%, #f07a55 100%);
    --grm-password-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='10.2' width='13' height='9.2' rx='2.4'/%3E%3Cpath d='M8.5 10.2V7.9a3.5 3.5 0 0 1 7 0v2.3'/%3E%3C/svg%3E");
}

body.task-settings.action-plugin-password #password-form label[for="curpasswd"]::before,
body.grm-task-settings.action-plugin-password #password-form label[for="curpasswd"]::before {
    background:
        center / 18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='10.2' width='13' height='9.2' rx='2.4'/%3E%3Cpath d='M8.5 10.2V7.9a3.5 3.5 0 0 1 7 0v2.3'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #ffb46a 0%, #f07a55 100%) !important;
    box-shadow: 0 10px 18px rgba(186, 118, 55, 0.2);
}

body.task-settings.action-plugin-password #password-form label[for="newpasswd"],
body.grm-task-settings.action-plugin-password #password-form label[for="newpasswd"] {
    --grm-password-icon-bg: linear-gradient(135deg, #7ea5ff 0%, #5f7ee5 100%);
    --grm-password-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 12a4.8 4.8 0 1 1 9 2.3l-5.6 5.6-2.8-2.8 5.2-5.2'/%3E%3Cpath d='m13.2 10.8 1.4 1.4'/%3E%3Cpath d='m15.1 8.9 1.4 1.4'/%3E%3C/svg%3E");
}

body.task-settings.action-plugin-password #password-form label[for="newpasswd"]::before,
body.grm-task-settings.action-plugin-password #password-form label[for="newpasswd"]::before {
    background:
        center / 18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 12a4.8 4.8 0 1 1 9 2.3l-5.6 5.6-2.8-2.8 5.2-5.2'/%3E%3Cpath d='m13.2 10.8 1.4 1.4'/%3E%3Cpath d='m15.1 8.9 1.4 1.4'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #7ea5ff 0%, #5f7ee5 100%) !important;
    box-shadow: 0 10px 18px rgba(77, 111, 190, 0.2);
}

body.task-settings.action-plugin-password #password-form label[for="confpasswd"],
body.grm-task-settings.action-plugin-password #password-form label[for="confpasswd"] {
    --grm-password-icon-bg: linear-gradient(135deg, #4dcca8 0%, #2ea47d 100%);
    --grm-password-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.8 6.3 6v5.2c0 4 2.2 6.9 5.7 8.7 3.5-1.8 5.7-4.7 5.7-8.7V6L12 3.8Z'/%3E%3Cpath d='m9.7 12.3 1.6 1.6 3.4-3.4'/%3E%3C/svg%3E");
}

body.task-settings.action-plugin-password #password-form label[for="confpasswd"]::before,
body.grm-task-settings.action-plugin-password #password-form label[for="confpasswd"]::before {
    background:
        center / 18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.8 6.3 6v5.2c0 4 2.2 6.9 5.7 8.7 3.5-1.8 5.7-4.7 5.7-8.7V6L12 3.8Z'/%3E%3Cpath d='m9.7 12.3 1.6 1.6 3.4-3.4'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #4dcca8 0%, #2ea47d 100%) !important;
    box-shadow: 0 10px 18px rgba(52, 150, 116, 0.2);
}

body.task-settings.action-plugin-password #password-form input[type="password"],
body.grm-task-settings.action-plugin-password #password-form input[type="password"] {
    display: block;
    width: 100%;
    max-width: 520px;
    margin-left: 0;
}

body.task-settings.action-plugin-password #ruleslist,
body.grm-task-settings.action-plugin-password #ruleslist {
    position: relative;
    margin: 12px 0 0;
    padding: 18px 20px 18px 58px;
    border: 1px solid #e4ecfa;
    border-radius: 20px;
    list-style: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.97));
    color: #5b6e8f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.task-settings.action-plugin-password #ruleslist::before,
body.grm-task-settings.action-plugin-password #ruleslist::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 20px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background:
        center / 13px 13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.8 6.3 6v5.2c0 4 2.2 6.9 5.7 8.7 3.5-1.8 5.7-4.7 5.7-8.7V6L12 3.8Z'/%3E%3Cpath d='M9 11.6h6'/%3E%3Cpath d='M9 14.6h4'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #6f97be 0%, #4d6e97 100%);
    box-shadow: 0 10px 16px rgba(78, 108, 170, 0.16);
}

body.task-settings.action-plugin-password #ruleslist li,
body.grm-task-settings.action-plugin-password #ruleslist li {
    position: relative;
    margin: 0;
    padding: 0 0 0 18px;
    color: inherit;
    font-size: 0.92rem;
    line-height: 1.55;
}

body.task-settings.action-plugin-password #ruleslist li + li,
body.grm-task-settings.action-plugin-password #ruleslist li + li {
    margin-top: 6px;
}

body.task-settings.action-plugin-password #ruleslist li::before,
body.grm-task-settings.action-plugin-password #ruleslist li::before {
    content: none;
}

body.task-settings.action-plugin-password #password-notice.boxwarning,
body.grm-task-settings.action-plugin-password #password-notice.boxwarning {
    margin-bottom: 12px;
    padding: 16px 18px 16px 54px;
    border: 1px solid rgba(255, 197, 107, 0.42);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 248, 236, 0.98), rgba(255, 243, 220, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
    color: #8a5d1e;
    font-size: 0.92rem;
    line-height: 1.55;
    position: relative;
}

body.task-settings.action-plugin-password #password-notice.boxwarning::before,
body.grm-task-settings.action-plugin-password #password-notice.boxwarning::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 18px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background:
        center / 13px 13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8.2v4.4'/%3E%3Cpath d='M12 16.3h.01'/%3E%3Cpath d='M10 3.8 3.9 15.1A1.7 1.7 0 0 0 5.4 17.7h13.2a1.7 1.7 0 0 0 1.5-2.6L14 3.8a1.7 1.7 0 0 0-3 0Z'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #ffb46a 0%, #f07a55 100%);
    box-shadow: 0 10px 16px rgba(186, 118, 55, 0.18);
}

body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 6px 0;
}

body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.button.mainaction.submit,
body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.btn-primary,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.button.mainaction.submit,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.btn-primary {
    min-width: 122px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    border-color: #4c78d7 !important;
    background: linear-gradient(140deg, #5d8aed, #3d69c5) !important;
    box-shadow: 0 8px 18px rgba(52, 93, 171, 0.16) !important;
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    filter: none !important;
    transform: none !important;
}

body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.button.mainaction.submit::before,
body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.btn-primary::before,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.button.mainaction.submit::before,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.btn-primary::before {
    margin: 0 0.28rem 0 0 !important;
    font-size: 0.9rem !important;
}

body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.button.mainaction.submit .inner,
body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.btn-primary .inner,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.button.mainaction.submit .inner,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.btn-primary .inner {
    line-height: 1 !important;
}

body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.button.mainaction.submit:hover,
body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.button.mainaction.submit:focus,
body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.btn-primary:hover,
body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.btn-primary:focus,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.button.mainaction.submit:hover,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.button.mainaction.submit:focus,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.btn-primary:hover,
body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons button.btn-primary:focus {
    border-color: #416dcb !important;
    background: linear-gradient(140deg, #6492f4, #416dcb) !important;
    box-shadow: 0 10px 20px rgba(49, 89, 165, 0.2) !important;
    transform: translateY(-1px) !important;
}

body.task-settings.action-plugin-password .grm-recovery-email-panel,
body.grm-task-settings.action-plugin-password .grm-recovery-email-panel {
    --grm-recovery-field-label-width: 300px;
    --grm-recovery-field-input-width: 520px;
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid #e4ecfa;
}

body.task-settings.action-plugin-password .grm-password-primary-actions,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions {
    margin-top: 18px;
}

body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons {
    margin: 0;
    padding-top: 0;
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    min-width: 0 !important;
    z-index: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.task-settings.action-plugin-password #layout-content > .footer.content-frame-navigation,
body.grm-task-settings.action-plugin-password #layout-content > .footer.content-frame-navigation {
    display: none !important;
}

body.task-settings.action-plugin-password .grm-recovery-email-head,
body.grm-task-settings.action-plugin-password .grm-recovery-email-head {
    display: block;
    padding-left: 18px;
}

body.task-settings.action-plugin-password .grm-recovery-email-head-icon,
body.grm-task-settings.action-plugin-password .grm-recovery-email-head-icon {
    display: none;
}

body.task-settings.action-plugin-password .grm-recovery-email-head-copy,
body.grm-task-settings.action-plugin-password .grm-recovery-email-head-copy {
    min-width: 0;
    max-width: none;
}

body.task-settings.action-plugin-password .grm-recovery-email-kicker,
body.grm-task-settings.action-plugin-password .grm-recovery-email-kicker {
    color: var(--grm-muted, #5d7295);
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: -0.02em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.task-settings.action-plugin-password .grm-recovery-email-title,
body.grm-task-settings.action-plugin-password .grm-recovery-email-title {
    display: none;
}

body.task-settings.action-plugin-password .grm-recovery-email-status-copy,
body.grm-task-settings.action-plugin-password .grm-recovery-email-status-copy {
    margin: 10px 0 0;
    color: #6b7f9f;
    font-size: 0.92rem;
    line-height: 1.55;
}

body.task-settings.action-plugin-password .grm-recovery-email-state,
body.grm-task-settings.action-plugin-password .grm-recovery-email-state {
    display: grid;
    gap: 12px;
    margin-top: 18px;
    max-width: 760px;
}

body.task-settings.action-plugin-password .grm-recovery-email-state-row,
body.grm-task-settings.action-plugin-password .grm-recovery-email-state-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(240px, 360px);
    align-items: center;
    justify-content: start;
    gap: 20px;
    padding: 18px 22px 18px 58px;
    border: 1px solid #e4ecfa;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.97));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.task-settings.action-plugin-password .grm-recovery-email-state-row::before,
body.grm-task-settings.action-plugin-password .grm-recovery-email-state-row::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 20px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background:
        center / 13px 13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.8 7.4h14.4'/%3E%3Crect x='4.8' y='5.7' width='14.4' height='12.6' rx='2.8'/%3E%3Cpath d='m8.4 12 2.2 2.2 4.9-4.9'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #6f97be 0%, #4d6e97 100%);
    box-shadow: 0 10px 16px rgba(78, 108, 170, 0.16);
}

body.task-settings.action-plugin-password .grm-recovery-email-pending::before,
body.grm-task-settings.action-plugin-password .grm-recovery-email-pending::before {
    background:
        center / 13px 13px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.2v6.1l3.6 2.2'/%3E%3Ccircle cx='12' cy='12' r='7.2'/%3E%3C/svg%3E"),
        linear-gradient(135deg, #8ca8ff 0%, #607fe7 100%);
}

body.task-settings.action-plugin-password .grm-recovery-email-state-label,
body.grm-task-settings.action-plugin-password .grm-recovery-email-state-label {
    color: var(--grm-muted, #5d7295);
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.task-settings.action-plugin-password .grm-recovery-email-current-value,
body.task-settings.action-plugin-password .grm-recovery-email-pending-value,
body.grm-task-settings.action-plugin-password .grm-recovery-email-current-value,
body.grm-task-settings.action-plugin-password .grm-recovery-email-pending-value {
    color: #22324f;
    font-size: 0.97rem;
    font-weight: 700;
    line-height: 1.45;
    word-break: break-word;
}

body.task-settings.action-plugin-password .grm-recovery-email-current-value.is-empty,
body.grm-task-settings.action-plugin-password .grm-recovery-email-current-value.is-empty {
    color: #8494af;
    font-weight: 600;
}

body.task-settings.action-plugin-password .grm-recovery-email-pending-hint,
body.grm-task-settings.action-plugin-password .grm-recovery-email-pending-hint {
    display: block;
    margin-top: 4px;
    color: #6b7f9f;
    font-size: 0.85rem;
    line-height: 1.5;
}

body.task-settings.action-plugin-password .grm-recovery-email-form-grid,
body.grm-task-settings.action-plugin-password .grm-recovery-email-form-grid {
    display: block;
    width: 100%;
    max-width: none;
    margin-top: 8px;
}

body.task-settings.action-plugin-password .grm-recovery-email-field,
body.grm-task-settings.action-plugin-password .grm-recovery-email-field {
    display: grid;
    grid-template-columns: minmax(220px, var(--grm-recovery-field-label-width)) minmax(280px, var(--grm-recovery-field-input-width));
    align-items: center;
    justify-content: start;
    gap: 16px;
    width: 100%;
    padding: 21px 0;
    border-bottom: 1px solid #e4ecfa;
}

body.task-settings.action-plugin-password .grm-recovery-email-field-label,
body.grm-task-settings.action-plugin-password .grm-recovery-email-field-label {
    --grm-recovery-field-icon-bg: linear-gradient(135deg, #eef4ff 0%, #e3ebff 100%);
    --grm-recovery-field-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='10.2' width='13' height='9.2' rx='2.4'/%3E%3Cpath d='M8.5 10.2V7.9a3.5 3.5 0 0 1 7 0v2.3'/%3E%3C/svg%3E");
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-height: 40px;
    margin-bottom: 0;
    color: #22324f;
    font-size: 0.94rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.35;
}

body.task-settings.action-plugin-password .grm-recovery-email-field-label::before,
body.grm-task-settings.action-plugin-password .grm-recovery-email-field-label::before {
    content: "";
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background:
        center / 18px 18px no-repeat var(--grm-recovery-field-icon),
        var(--grm-recovery-field-icon-bg);
    box-shadow: 0 10px 18px rgba(70, 104, 170, 0.16);
}

body.task-settings.action-plugin-password .grm-recovery-email-field.is-email .grm-recovery-email-field-label,
body.grm-task-settings.action-plugin-password .grm-recovery-email-field.is-email .grm-recovery-email-field-label {
    --grm-recovery-field-icon-bg: linear-gradient(135deg, #7ea5ff 0%, #5f7ee5 100%);
    --grm-recovery-field-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.8 7.4h14.4'/%3E%3Crect x='4.8' y='5.7' width='14.4' height='12.6' rx='2.8'/%3E%3Cpath d='m8.4 12 2.2 2.2 4.9-4.9'/%3E%3C/svg%3E");
}

body.task-settings.action-plugin-password .grm-recovery-email-field.is-password .grm-recovery-email-field-label,
body.grm-task-settings.action-plugin-password .grm-recovery-email-field.is-password .grm-recovery-email-field-label {
    --grm-recovery-field-icon-bg: linear-gradient(135deg, #ffb46a 0%, #f07a55 100%);
    --grm-recovery-field-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='10.2' width='13' height='9.2' rx='2.4'/%3E%3Cpath d='M8.5 10.2V7.9a3.5 3.5 0 0 1 7 0v2.3'/%3E%3C/svg%3E");
}

body.task-settings.action-plugin-password .grm-recovery-email-field input,
body.grm-task-settings.action-plugin-password .grm-recovery-email-field input {
    width: 100%;
    max-width: var(--grm-recovery-field-input-width);
}

body.task-settings.action-plugin-password .grm-recovery-email-note,
body.grm-task-settings.action-plugin-password .grm-recovery-email-note {
    margin: 14px 0 0;
    max-width: calc(var(--grm-recovery-field-label-width) + var(--grm-recovery-field-input-width) + 16px);
    padding-left: 0;
    color: #6b7f9f;
    font-size: 0.9rem;
    line-height: 1.6;
}

body.task-settings.action-plugin-password .grm-recovery-email-actions,
body.grm-task-settings.action-plugin-password .grm-recovery-email-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 18px;
    padding-bottom: 22px;
    padding-left: 18px;
}

body.task-settings.action-plugin-password .grm-recovery-email-submit,
body.grm-task-settings.action-plugin-password .grm-recovery-email-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid #4e7bd9;
    border-radius: 12px;
    background: linear-gradient(140deg, #5e8bee, #3f6bc7);
    box-shadow: 0 6px 14px rgba(52, 93, 171, 0.14);
    color: #fff;
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.task-settings.action-plugin-password .grm-recovery-email-submit:hover,
body.task-settings.action-plugin-password .grm-recovery-email-submit:focus,
body.grm-task-settings.action-plugin-password .grm-recovery-email-submit:hover,
body.grm-task-settings.action-plugin-password .grm-recovery-email-submit:focus {
    border-color: #426ecc;
    background: linear-gradient(140deg, #6896f7, #4673d1);
    box-shadow: 0 8px 18px rgba(49, 89, 165, 0.18);
    transform: translateY(-1px);
}

body.task-settings.action-plugin-password .grm-recovery-email-submit:disabled,
body.grm-task-settings.action-plugin-password .grm-recovery-email-submit:disabled {
    opacity: 0.7;
    cursor: wait;
    transform: none;
}

body.task-settings.action-plugin-password .grm-recovery-email-panel.is-unavailable .grm-recovery-email-submit,
body.grm-task-settings.action-plugin-password .grm-recovery-email-panel.is-unavailable .grm-recovery-email-submit {
    opacity: 0.8;
}

@media screen and (max-width: 900px) {
    body.task-settings.action-plugin-password #prefs-title.boxtitle,
    body.grm-task-settings.action-plugin-password #prefs-title.boxtitle {
        padding: 0 2px;
    }

    body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formcontent,
    body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formcontent {
        padding: 16px;
    }

    body.task-settings.action-plugin-password #password-form table.propform,
    body.task-settings.action-plugin-password #password-form table.propform > tbody,
    body.task-settings.action-plugin-password #password-form table.propform > tbody > tr,
    body.task-settings.action-plugin-password #password-form table.propform > tr,
    body.grm-task-settings.action-plugin-password #password-form table.propform,
    body.grm-task-settings.action-plugin-password #password-form table.propform > tbody,
    body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr,
    body.grm-task-settings.action-plugin-password #password-form table.propform > tr {
        display: block;
        width: 100%;
    }

    body.task-settings.action-plugin-password #password-form table.propform > tbody > tr,
    body.task-settings.action-plugin-password #password-form table.propform > tr,
    body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr,
    body.grm-task-settings.action-plugin-password #password-form table.propform > tr {
        border-bottom: 1px solid #e4ecfa;
    }

    body.task-settings.action-plugin-password #password-form table.propform > tbody > tr > td,
    body.task-settings.action-plugin-password #password-form table.propform > tr > td,
    body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr > td,
    body.grm-task-settings.action-plugin-password #password-form table.propform > tr > td {
        display: block;
        width: 100% !important;
        border: 0 !important;
        border-radius: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.task-settings.action-plugin-password #password-form table.propform > tbody > tr > td.title,
    body.task-settings.action-plugin-password #password-form table.propform > tr > td.title,
    body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr > td.title,
    body.grm-task-settings.action-plugin-password #password-form table.propform > tr > td.title {
        padding: 18px 0 10px !important;
        border-bottom: 0 !important;
    }

    body.task-settings.action-plugin-password #password-form table.propform > tbody > tr > td:last-child,
    body.task-settings.action-plugin-password #password-form table.propform > tr > td:last-child,
    body.grm-task-settings.action-plugin-password #password-form table.propform > tbody > tr > td:last-child,
    body.grm-task-settings.action-plugin-password #password-form table.propform > tr > td:last-child {
        padding: 0 0 18px !important;
    }

    body.task-settings.action-plugin-password #password-form input[type="password"],
    body.grm-task-settings.action-plugin-password #password-form input[type="password"] {
        max-width: none;
        margin-left: 0;
    }

    body.task-settings.action-plugin-password #ruleslist,
    body.grm-task-settings.action-plugin-password #ruleslist {
        padding: 16px 16px 16px 52px;
    }

    body.task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons,
    body.grm-task-settings.action-plugin-password #prefs-title + .box.formcontainer.scroller .formbuttons {
        padding-top: 16px;
    }

    body.task-settings.action-plugin-password .grm-password-primary-actions,
    body.grm-task-settings.action-plugin-password .grm-password-primary-actions {
        margin-top: 16px;
    }

    html.layout-phone body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons,
    html.layout-phone body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons,
    html.layout-small body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons,
    html.layout-small body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        padding-top: 0;
    }

    body.task-settings.action-plugin-password .grm-recovery-email-state-row,
    body.grm-task-settings.action-plugin-password .grm-recovery-email-state-row,
    body.task-settings.action-plugin-password .grm-recovery-email-form-grid,
    body.grm-task-settings.action-plugin-password .grm-recovery-email-form-grid {
        grid-template-columns: 1fr;
        padding-left: 0;
    }

    body.task-settings.action-plugin-password .grm-recovery-email-state-row,
    body.grm-task-settings.action-plugin-password .grm-recovery-email-state-row {
        gap: 8px;
        max-width: none;
        padding: 16px 16px 16px 52px;
    }

    body.task-settings.action-plugin-password .grm-recovery-email-head,
    body.grm-task-settings.action-plugin-password .grm-recovery-email-head {
        align-items: flex-start;
    }

    body.task-settings.action-plugin-password .grm-recovery-email-field,
    body.grm-task-settings.action-plugin-password .grm-recovery-email-field {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 18px 0;
    }

    body.task-settings.action-plugin-password .grm-recovery-email-note,
    body.grm-task-settings.action-plugin-password .grm-recovery-email-note,
    body.task-settings.action-plugin-password .grm-recovery-email-actions,
    body.grm-task-settings.action-plugin-password .grm-recovery-email-actions {
        max-width: none;
        padding-left: 0;
    }
}

body.task-settings #layout-content.grm-settings-unified,
body.grm-task-settings #layout-content.grm-settings-unified {
    overflow: hidden;
}

body.task-settings #layout-content.grm-settings-unified > .header,
body.grm-task-settings #layout-content.grm-settings-unified > .header {
    min-height: 72px;
    height: 72px;
    padding: 0 26px;
}

body.task-settings #layout-content.grm-settings-unified > .header .header-title,
body.grm-task-settings #layout-content.grm-settings-unified > .header .header-title {
    margin: 0 !important;
}

body.task-settings #layout-content.grm-settings-unified > .grm-settings-shell,
body.grm-task-settings #layout-content.grm-settings-unified > .grm-settings-shell {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    flex: 1 1 auto;
    min-height: 0;
    height: calc(100% - 72px);
}

body.task-settings #layout-content.grm-settings-unified #layout-list,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list {
    display: flex;
    flex-direction: column;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    border: 0 !important;
    border-right: 1px solid #e5ecf7 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden;
}

body.task-settings #layout-content.grm-settings-unified #layout-list > .header,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list > .header {
    display: none !important;
}

body.task-settings #layout-content.grm-settings-unified #layout-list > .scroller,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list > .scroller {
    padding: 16px 14px 20px;
    background: transparent !important;
}

body.task-settings #layout-content.grm-settings-unified #layout-list .column-resizer,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list .column-resizer {
    display: none !important;
}

body.task-settings #layout-list::before,
body.grm-task-settings #layout-list::before {
    content: none !important;
    display: none !important;
}

body.task-settings #layout-content.grm-settings-unified #layout-list #foldersearch,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #foldersearch {
    margin: 16px 14px 0;
    border: 1px solid #e4ebf8;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.98));
    box-shadow: 0 12px 28px rgba(60, 90, 145, 0.08);
}

body.task-settings #layout-content.grm-settings-unified #layout-list #foldersearch form,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #foldersearch form {
    min-height: 50px;
}

body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table,
body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table ul,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table ul {
    margin: 0;
    padding: 0;
    border-top: 0 !important;
    list-style: none;
    background: transparent !important;
}

body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox {
    margin: 0 0 8px;
    padding-left: 0;
    border: 0 !important;
    background: transparent !important;
}

body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox > a,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox > a {
    display: block;
    min-height: 52px;
    padding: 14px 72px 14px 18px;
    border: 1px solid transparent;
    border-radius: 18px;
    background: transparent;
    color: #5f7193;
    font-weight: 600;
    transition:
        background 0.16s ease,
        border-color 0.16s ease,
        box-shadow 0.16s ease,
        color 0.16s ease;
}

body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox > a:hover,
body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox.selected > a,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox > a:hover,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox.selected > a {
    border-color: #dbe6ff;
    background: linear-gradient(180deg, #f4f8ff, #ebf1ff);
    color: #28497f;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.78),
        0 14px 26px rgba(73, 104, 168, 0.12);
}

body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table.folderlist li a:before,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table.folderlist li a:before {
    margin-right: 0.82rem;
    color: #7487aa;
}

body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.virtual > a,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.virtual > a {
    opacity: 0.78;
}

body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li ul,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li ul {
    margin-top: 8px;
}

body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox .custom-switch,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox .custom-switch {
    top: 50%;
    right: 14px;
    height: auto;
    transform: translateY(-50%);
}

body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox .custom-switch .custom-control-label,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox .custom-switch .custom-control-label {
    min-height: 1.9rem;
    padding-left: 2.75rem;
}

body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox .custom-switch .custom-control-label:before,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox .custom-switch .custom-control-label:before {
    border-color: #ccdaf0;
    background-color: #edf3fc;
    box-shadow: none !important;
}

body.task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox .custom-switch .custom-control-input:checked ~ .custom-control-label:before,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #subscription-table li.mailbox .custom-switch .custom-control-input:checked ~ .custom-control-label:before {
    border-color: #6da1ff;
    background: linear-gradient(180deg, #75a7ff, #4f7ee0);
}

body.task-settings #layout-content.grm-settings-unified #layout-list > .footer.small,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list > .footer.small,
body.task-mail #layout-sidebar > .footer.small {
    height: auto;
    min-height: 0;
    display: block;
    padding: 14px 14px 18px;
    line-height: normal;
    border-top: 1px solid #e8eef8;
    background: transparent;
}

body.task-settings #layout-content.grm-settings-unified #layout-list #quotadisplay.quota-widget,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #quotadisplay.quota-widget,
body.task-mail #layout-sidebar > .footer.small #quotadisplay.quota-widget {
    width: 100%;
    max-width: none;
    padding: 14px 16px;
    border: 1px solid #e1e9f8;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 255, 0.98));
    color: #6880a8;
    box-shadow: 0 12px 24px rgba(52, 79, 128, 0.08);
}

body.task-settings #layout-content.grm-settings-unified #layout-list #quotadisplay.quota-widget:before,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #quotadisplay.quota-widget:before,
body.task-mail #layout-sidebar > .footer.small #quotadisplay.quota-widget:before {
    color: #6e86ab;
}

body.task-settings #layout-content.grm-settings-unified #layout-list #quotadisplay.quota-widget .bar,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #quotadisplay.quota-widget .bar,
body.task-mail #layout-sidebar > .footer.small #quotadisplay.quota-widget .bar {
    height: 10px;
    margin: 0 0.9rem;
    border-color: #d8e3f4;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
}

body.task-settings #layout-content.grm-settings-unified #layout-list #quotadisplay.quota-widget .value,
body.grm-task-settings #layout-content.grm-settings-unified #layout-list #quotadisplay.quota-widget .value,
body.task-mail #layout-sidebar > .footer.small #quotadisplay.quota-widget .value {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #77abff, #4b79d8);
    opacity: 1;
}

body.task-mail #layout-sidebar > .footer.small #quotadisplay.quota-widget .count {
    color: #6880a8;
    font-family: "Manrope", "Segoe UI", "Roboto", sans-serif;
    font-size: 0.64rem;
    font-weight: 400;
    line-height: 1;
}

body.task-settings #layout-content.grm-settings-unified > .grm-settings-shell > .iframe-wrapper,
body.grm-task-settings #layout-content.grm-settings-unified > .grm-settings-shell > .iframe-wrapper {
    min-width: 0;
    min-height: 0;
    height: 100%;
}

body.task-settings #layout-content.grm-settings-unified > .grm-settings-shell > .iframe-wrapper iframe,
body.grm-task-settings #layout-content.grm-settings-unified > .grm-settings-shell > .iframe-wrapper iframe {
    width: 100%;
    height: 100%;
}

body.task-settings #layout-content.grm-settings-unified > .grm-settings-shell > .footer.menu.toolbar,
body.grm-task-settings #layout-content.grm-settings-unified > .grm-settings-shell > .footer.menu.toolbar {
    display: none !important;
}

@supports selector(#layout:has(> #layout-list:not(.hidden))) {
    body.task-settings #layout:has(> #layout-list:not(.hidden)),
    body.grm-task-settings #layout:has(> #layout-list:not(.hidden)) {
        gap: 0;
    }

    body.task-settings #layout:has(> #layout-list:not(.hidden)) #layout-sidebar,
    body.grm-task-settings #layout:has(> #layout-list:not(.hidden)) #layout-sidebar {
        margin-right: 14px;
    }

    body.task-settings #layout:has(> #layout-list:not(.hidden)) #layout-list,
    body.grm-task-settings #layout:has(> #layout-list:not(.hidden)) #layout-list {
        margin-right: 0;
        border-right-width: 0 !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        position: relative;
        z-index: 2;
    }

    body.task-settings #layout:has(> #layout-list:not(.hidden)) #layout-content,
    body.grm-task-settings #layout:has(> #layout-list:not(.hidden)) #layout-content {
        margin-left: -1px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        position: relative;
        z-index: 1;
    }
}

@media screen and (max-width: 1200px) {
    body.task-settings #layout,
    body.grm-task-settings #layout {
        padding: 12px;
        gap: 12px;
    }

    body.task-settings #layout-sidebar,
    body.grm-task-settings #layout-sidebar {
        flex-basis: 248px;
        width: 248px;
        min-width: 248px;
        max-width: 248px;
    }

    body.task-settings #layout-list,
    body.grm-task-settings #layout-list {
        flex-basis: 286px;
        width: 286px;
        min-width: 286px;
        max-width: 286px;
    }

    body.task-settings #layout-content.grm-settings-unified > .grm-settings-shell,
    body.grm-task-settings #layout-content.grm-settings-unified > .grm-settings-shell {
        grid-template-columns: 272px minmax(0, 1fr);
    }
}

@media screen and (max-width: 768px) {
    body.task-settings #layout,
    body.grm-task-settings #layout {
        padding: 0;
        gap: 0;
    }

    body.task-settings #layout-sidebar,
    body.task-settings #layout-list,
    body.task-settings #layout-content,
    body.grm-task-settings #layout-sidebar,
    body.grm-task-settings #layout-list,
    body.grm-task-settings #layout-content {
        border-radius: 0;
        box-shadow: none;
        backdrop-filter: none;
    }

    body.task-settings #layout-list,
    body.grm-task-settings #layout-list {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
        max-width: none;
        margin: 0;
    }

    body.task-settings #layout-sidebar,
    body.grm-task-settings #layout-sidebar {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
        max-width: none;
        margin: 0;
    }

    body.task-settings #layout-list > .header,
    body.task-settings #layout-content > .header,
    body.grm-task-settings #layout-list > .header,
    body.grm-task-settings #layout-content > .header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 16px;
    }

    body.task-settings #layout-list > .header > .back-sidebar-button,
    body.task-settings #layout-list > .header > .toolbar-menu-button,
    body.task-settings #layout-content > .header .back-list-button,
    body.grm-task-settings #layout-list > .header > .back-sidebar-button,
    body.grm-task-settings #layout-list > .header > .toolbar-menu-button,
    body.grm-task-settings #layout-content > .header .back-list-button {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        min-width: 36px;
        margin: 0;
        padding: 0 !important;
        border: 1px solid #d9e5f7;
        border-radius: 12px;
        background: #f7fbff !important;
        background-image: none !important;
        box-shadow: none !important;
        color: #4b648b !important;
        text-decoration: none;
        text-indent: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        overflow: hidden;
        position: relative;
    }

    body.task-settings #layout-list > .header > .back-sidebar-button::before,
    body.task-settings #layout-content > .header .back-list-button::before,
    body.grm-task-settings #layout-list > .header > .back-sidebar-button::before,
    body.grm-task-settings #layout-content > .header .back-list-button::before {
        content: "";
        width: 10px;
        height: 10px;
        border-left: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateX(2px) rotate(45deg);
    }

    body.task-settings #layout-list > .header > .toolbar-menu-button::before,
    body.grm-task-settings #layout-list > .header > .toolbar-menu-button::before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: currentColor;
        box-shadow: 0 -8px 0 currentColor, 0 8px 0 currentColor;
    }

    body.task-settings #layout-list > .header > .back-sidebar-button::after,
    body.task-settings #layout-content > .header .back-list-button::after,
    body.task-settings #layout-list > .header > .toolbar-menu-button::after,
    body.grm-task-settings #layout-list > .header > .back-sidebar-button::after,
    body.grm-task-settings #layout-list > .header > .toolbar-menu-button::after,
    body.grm-task-settings #layout-content > .header .back-list-button::after {
        content: none !important;
    }

    body.task-settings #layout-list > .header > .back-sidebar-button .inner,
    body.task-settings #layout-list > .header > .toolbar-menu-button .inner,
    body.task-settings #layout-content > .header .back-list-button .inner,
    body.grm-task-settings #layout-list > .header > .back-sidebar-button .inner,
    body.grm-task-settings #layout-list > .header > .toolbar-menu-button .inner,
    body.grm-task-settings #layout-content > .header .back-list-button .inner {
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    body.task-settings #layout-list > .header > .back-sidebar-button:hover,
    body.task-settings #layout-list > .header > .back-sidebar-button:focus,
    body.task-settings #layout-list > .header > .toolbar-menu-button:hover,
    body.task-settings #layout-list > .header > .toolbar-menu-button:focus,
    body.task-settings #layout-content > .header .back-list-button:hover,
    body.task-settings #layout-content > .header .back-list-button:focus,
    body.grm-task-settings #layout-list > .header > .back-sidebar-button:hover,
    body.grm-task-settings #layout-list > .header > .back-sidebar-button:focus,
    body.grm-task-settings #layout-list > .header > .toolbar-menu-button:hover,
    body.grm-task-settings #layout-list > .header > .toolbar-menu-button:focus,
    body.grm-task-settings #layout-content > .header .back-list-button:hover,
    body.grm-task-settings #layout-content > .header .back-list-button:focus {
        border-color: #c9dbfb;
        background: #ebf3ff !important;
        color: #345d95 !important;
        outline: none;
    }

    body.task-settings #layout-list > .header .header-title,
    body.task-settings #layout-content > .header .header-title,
    body.grm-task-settings #layout-list > .header .header-title,
    body.grm-task-settings #layout-content > .header .header-title {
        flex: 1 1 auto;
        min-width: 0;
        margin: 0 !important;
        color: var(--grm-muted, #5d7295);
        font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
        font-size: 1rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    html.iframe body.task-settings,
    html.iframe body.grm-task-settings {
        padding: 0;
    }

    html.iframe body.task-settings table.propform,
    html.iframe body.grm-task-settings table.propform {
        border-spacing: 0;
    }

    html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title,
    html.iframe body.task-settings table.propform > tr.form-group.row > td.title,
    html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title,
    html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title {
        width: auto;
        padding-right: 0 !important;
        border-bottom: 0 !important;
    }

    html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title::before,
    html.iframe body.task-settings table.propform > tr.form-group.row > td.title::before,
    html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title::before,
    html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title::before {
        content: none;
    }

    html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label,
    html.iframe body.task-settings table.propform > tr.form-group.row > td.title label,
    html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label,
    html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label {
        gap: 12px;
        min-height: 34px;
    }

    html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td.title label::before,
    html.iframe body.task-settings table.propform > tr.form-group.row > td.title label::before,
    html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td.title label::before,
    html.iframe body.grm-task-settings table.propform > tr.form-group.row > td.title label::before {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }

    html.iframe body.task-settings table.propform > tbody > tr.form-group.row > td:last-child,
    html.iframe body.task-settings table.propform > tr.form-group.row > td:last-child,
    html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row > td:last-child,
    html.iframe body.grm-task-settings table.propform > tr.form-group.row > td:last-child {
        padding-left: 0 !important;
        padding-top: 12px !important;
    }

    html.iframe body.task-settings table.propform > tbody > tr.form-group.row.form-check,
    html.iframe body.task-settings table.propform > tr.form-group.row.form-check,
    html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row.form-check,
    html.iframe body.grm-task-settings table.propform > tr.form-group.row.form-check {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 16px;
    }

    html.iframe body.task-settings table.propform > tbody > tr.form-group.row.form-check > td,
    html.iframe body.task-settings table.propform > tr.form-group.row.form-check > td,
    html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row.form-check > td,
    html.iframe body.grm-task-settings table.propform > tr.form-group.row.form-check > td {
        display: block;
    }

    html.iframe body.task-settings table.propform > tbody > tr.form-group.row.form-check > td.title,
    html.iframe body.task-settings table.propform > tr.form-group.row.form-check > td.title,
    html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row.form-check > td.title,
    html.iframe body.grm-task-settings table.propform > tr.form-group.row.form-check > td.title {
        min-width: 0;
    }

    html.iframe body.task-settings table.propform > tbody > tr.form-group.row.form-check > td:last-child,
    html.iframe body.task-settings table.propform > tr.form-group.row.form-check > td:last-child,
    html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row.form-check > td:last-child,
    html.iframe body.grm-task-settings table.propform > tr.form-group.row.form-check > td:last-child {
        width: auto;
        padding-top: 0 !important;
        padding-left: 12px !important;
        text-align: right;
        justify-self: end;
        white-space: nowrap;
    }

    html.iframe body.task-settings table.propform > tbody > tr.form-group.row.form-check > td:last-child .custom-switch,
    html.iframe body.task-settings table.propform > tr.form-group.row.form-check > td:last-child .custom-switch,
    html.iframe body.task-settings table.propform > tbody > tr.form-group.row.form-check > td:last-child .form-check-input[type="checkbox"],
    html.iframe body.task-settings table.propform > tr.form-group.row.form-check > td:last-child .form-check-input[type="checkbox"],
    html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row.form-check > td:last-child .custom-switch,
    html.iframe body.grm-task-settings table.propform > tr.form-group.row.form-check > td:last-child .custom-switch,
    html.iframe body.grm-task-settings table.propform > tbody > tr.form-group.row.form-check > td:last-child .form-check-input[type="checkbox"],
    html.iframe body.grm-task-settings table.propform > tr.form-group.row.form-check > td:last-child .form-check-input[type="checkbox"] {
        margin-left: auto;
    }
}

body {
    color: var(--grm-text);
    font-family: "Manrope", "Segoe UI", "Roboto", sans-serif;
    background:
        radial-gradient(circle at 12% 14%, rgba(255, 255, 255, 0.9), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(123, 169, 244, 0.22), transparent 30%),
        linear-gradient(165deg, var(--grm-bg-top), var(--grm-bg-bottom));
}

/* Login */
body.task-login #layout-content {
    display: block;
    position: relative;
    min-height: 100vh;
    padding: 3rem 1rem;
}

body.task-login #layout-content::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.75), transparent 26%),
        radial-gradient(circle at 82% 12%, rgba(107, 157, 233, 0.2), transparent 24%);
}

body.task-login #layout-content .grm-login-brand {
    position: absolute;
    top: 5.8vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(390px, calc(100vw - 2rem));
    gap: 14px;
    white-space: nowrap;
    text-decoration: none;
    font-weight: 800;
    color: #2a4f8a;
    letter-spacing: 0.01em;
}

body.task-login #layout-content .grm-login-brand:hover,
body.task-login #layout-content .grm-login-brand:focus {
    color: #2a4f8a;
    text-decoration: none;
}

body.task-login #layout-content .grm-login-brand #logo {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
    width: 72px;
    height: 72px;
    max-width: 72px;
    max-height: 72px;
    opacity: 1;
    margin: 0;
    display: block;
    object-fit: contain;
    border-radius: 10px;
    background: #ffffff;
}

body.task-login #layout-content .grm-login-brand .brand-mark {
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 2rem;
    line-height: 0.95;
    letter-spacing: 0;
}

body.task-login #layout-content .grm-login-brand .brand-mark small {
    display: block;
    margin-top: 4px;
    font-family: "Manrope", sans-serif;
    font-size: 0.84rem;
    color: #6c82a6;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#login-form {
    top: 12vh;
    max-width: 390px;
    padding: 1.4rem 1.3rem 1.15rem;
    border: 1px solid var(--grm-border);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: var(--grm-shadow);
    backdrop-filter: blur(8px);
    animation: grm-fade-up 0.35s ease-out both;
}

#login-form table {
    width: 100%;
}

#login-form table,
#login-form tbody,
#login-form tr {
    display: block;
}

#login-form tr.form-group.row {
    margin: 0 0 0.72rem;
}

#login-form td.input.input-group {
    width: 100% !important;
    display: flex;
    align-items: stretch;
    margin: 0;
    padding: 0;
    border: 1px solid var(--grm-border);
    border-radius: 12px;
    background: #f8fbff;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

#login-form td.input.input-group .input-group-prepend {
    display: flex;
}

#login-form td.input.input-group .input-group-text {
    border: 0;
    border-right: 1px solid #dbe7fa;
    background: #eef4ff;
    border-radius: 0;
    color: #607ca4;
    min-width: 44px;
    height: 44px;
    justify-content: center;
}

#login-form td.input.input-group .form-control {
    border: 0 !important;
    border-radius: 0;
    background: transparent;
    box-shadow: none !important;
    min-width: 0;
}

#login-form td.input.input-group:focus-within {
    border-color: var(--grm-accent);
    box-shadow: 0 0 0 0.2rem rgba(75, 121, 216, 0.18);
    background: #fbfdff;
}

#login-form td.input.input-group:focus-within .input-group-text {
    border-right-color: #c7d9fa;
    background: #eaf2ff;
    color: #4f709f;
}

#login-form td.input.input-group .form-control:focus {
    border: 0 !important;
    box-shadow: none !important;
}

#login-form .form-control {
    border: 1px solid var(--grm-border);
    background: #f8fbff;
    border-radius: 12px;
    height: 44px;
    color: var(--grm-text);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#login-form .form-control:focus {
    border-color: var(--grm-accent);
    box-shadow: 0 0 0 0.2rem rgba(75, 121, 216, 0.18);
}

#rcmloginsubmit.button.mainaction.submit {
    width: 100%;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--grm-accent), var(--grm-accent-strong));
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: 0 10px 24px rgba(52, 93, 171, 0.26);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

#rcmloginsubmit.button.mainaction.submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(49, 89, 165, 0.32);
    filter: brightness(1.03);
}

#login-form .formbuttons.getremma-links {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    margin-top: 0.65rem;
}

#login-form .formbuttons.getremma-links .button {
    display: block;
    padding: 0.58rem 0.72rem;
    border-radius: 10px;
    border: 1px solid var(--grm-border);
    background: var(--grm-surface-soft);
    color: #34588e;
    font-weight: 600;
    text-align: center;
    transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

#login-form .formbuttons.getremma-links .button:hover {
    transform: translateY(-1px);
    background: #edf4ff;
    border-color: #bfd5f7;
}

#login-footer {
    margin-top: 0.85rem;
    color: #7186a8;
    font-size: 0.84rem;
}

/* Login messages: inline card style (instead of bottom-right toast) */
body.task-login #login-form #messagestack {
    position: static;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    max-height: none;
    margin: 0 0 0.72rem;
    z-index: auto;
}

body.task-login #login-form #messagestack > div {
    position: relative;
    margin: 0 0 0.5rem;
    padding: 0.85rem 1rem 0.85rem 2rem;
    border-radius: 12px;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 0.98rem;
    line-height: 1.35;
}

body.task-login #login-form #messagestack > div:last-child {
    margin-bottom: 0;
}

body.task-login #login-form #messagestack > div > i.icon {
    display: none !important;
}

body.task-login #login-form #messagestack > div::before {
    content: "";
    position: absolute;
    left: 0.86rem;
    top: 50%;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    transform: translateY(-50%);
    background: #4f73b5;
}

body.task-login #login-form #messagestack > .alert-warning,
body.task-login #login-form #messagestack > .alert-danger,
body.task-login #login-form #messagestack > .warning,
body.task-login #login-form #messagestack > .error {
    background: #fdf0f2;
    border-color: #efc7d0;
    color: #b53f56;
}

body.task-login #login-form #messagestack > .alert-warning::before,
body.task-login #login-form #messagestack > .alert-danger::before,
body.task-login #login-form #messagestack > .warning::before,
body.task-login #login-form #messagestack > .error::before {
    background: #cb3d56;
}

body.task-login #login-form #messagestack > .alert-success,
body.task-login #login-form #messagestack > .confirmation {
    background: #eaf8ee;
    border-color: #c6e9d0;
    color: #236e44;
}

body.task-login #login-form #messagestack > .alert-success::before,
body.task-login #login-form #messagestack > .confirmation::before {
    background: #2f9d5d;
}

body.task-login #login-form #messagestack > .alert-info,
body.task-login #login-form #messagestack > .notice,
body.task-login #login-form #messagestack > .information {
    background: #eef5ff;
    border-color: #d3e4fb;
    color: #34588e;
}

body.task-login #login-form #messagestack a {
    color: inherit !important;
}

/* Main app layout */
body:not(.task-login) #layout {
    gap: 12px;
    padding: 12px;
    background: transparent;
}

#layout-menu,
#layout-sidebar,
#layout-list,
#layout-content {
    border: 1px solid var(--grm-border);
    border-radius: 16px;
    background: var(--grm-surface);
    box-shadow: 0 8px 30px rgba(56, 93, 159, 0.08);
    overflow: hidden;
}

#layout-menu {
    background: linear-gradient(180deg, #f4f9ff, #ecf4ff);
}

#layout-menu .popover-header {
    background: linear-gradient(180deg, #f2f8ff, #e8f2ff) !important;
    border-bottom: 1px solid var(--grm-border);
}

#grm-user-menu {
    display: none;
}

#grm-top-upgrade {
    display: none;
}

#taskmenu a {
    border-radius: 12px;
    margin: 0.24rem;
    color: #496690;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

#taskmenu a:hover,
#taskmenu a:focus {
    background: #e8f1ff;
    color: #2d4c80;
}

#taskmenu a.selected {
    background: var(--grm-accent-soft) !important;
    color: #24457a !important;
}

#taskmenu .action-buttons a.compose {
    margin: 0.5rem 0.34rem 0.65rem;
    background: linear-gradient(140deg, var(--grm-accent), var(--grm-accent-strong));
    color: #fff;
    box-shadow: 0 8px 20px rgba(60, 100, 180, 0.28);
}

#taskmenu .action-buttons a.compose:hover {
    color: #fff;
    filter: brightness(1.03);
}

#taskmenu .special-buttons {
    background: transparent;
}

#layout > div > .header,
#layout > div > .footer {
    border-color: var(--grm-border) !important;
}

#layout > div > .header {
    background: linear-gradient(180deg, #f8fbff, #f2f7ff) !important;
    color: var(--grm-text);
}

#layout > div > .footer {
    background: #f8fbff !important;
}

#layout-sidebar > .header .header-title.username,
#layout-list > .header .header-title,
#layout-content > .header .header-title {
    font-family: "Sora", "Manrope", sans-serif;
}

#layout-list > .header .menu.toolbar a .inner,
#layout-content > .header .menu.toolbar a .inner {
    font-family: "Manrope", "Segoe UI", "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.searchbar {
    background: #f3f8ff !important;
    border-bottom-color: var(--grm-border) !important;
}

.searchbar form:before,
.searchbar a,
.menu.toolbar a {
    color: #4b648b;
}

.searchbar a.selected,
.searchbar a.active,
.searchbar a[aria-pressed="true"] {
    color: #3d6297 !important;
    background: #ebf3ff !important;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px #d4e3fb;
}

.searchbar a.selected::before,
.searchbar a.active::before,
.searchbar a[aria-pressed="true"]::before,
.searchbar a.button.unread.selected::before,
.searchbar a.button.unread.active::before,
.searchbar a.button.unread[aria-pressed="true"]::before {
    color: #4b79d8 !important;
}

.searchbar input {
    color: var(--grm-text);
}

.searchbar input::placeholder {
    color: #7b8fab;
}

.menu.toolbar a:not(.disabled):hover,
.menu.toolbar a:not(.disabled):focus {
    border-radius: 10px;
    background: #e8f1ff !important;
    color: #2f507f;
}

.menu.toolbar a.selected {
    border-radius: 10px;
    background: #e3edff;
    color: #2a4b79;
}

/* Message actions toolbar (Reply/Forward/Delete/Archive/Mark/More) */
body.task-mail #toolbar-menu {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0 10px;
    list-style: none;
    flex-wrap: nowrap;
}

body.task-mail #toolbar-menu > li {
    display: flex;
    align-items: center;
    margin: 0;
}

body.task-mail #toolbar-menu > li.spacer {
    width: 1px;
    height: 24px;
    margin: 0 1px;
    background: #dbe6f8;
    border-radius: 1px;
}

body.task-mail #toolbar-menu > li > a,
body.task-mail #toolbar-menu > li > span.dropbutton {
    border: 1px solid #d7e3f5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(49, 89, 165, 0.06);
}

body.task-mail #toolbar-menu > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    height: 38px;
    min-height: 38px;
    padding: 0 14px;
    color: #30486f;
    font-weight: 700;
    font-size: 0.89rem;
    line-height: 1;
    text-decoration: none;
}

body.task-mail #toolbar-menu > li > a .inner {
    font-weight: 700;
    letter-spacing: 0.01em;
}

body.task-mail #toolbar-menu > li > a:before,
body.task-mail #toolbar-menu > li > span.dropbutton > a:not(.dropdown):before {
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-right: 0.4rem;
    transform: translateY(1px);
}

body.task-mail #toolbar-menu > li > span.dropbutton {
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
}

body.task-mail #toolbar-menu > li > span.dropbutton > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    min-height: 38px;
    margin: 0;
    border: 0 !important;
    background: transparent !important;
    color: #30486f;
    line-height: 1;
    text-decoration: none;
}

/* Keep message action bar compact without shrinking header width */
body.task-mail #layout-content > .header {
    min-height: 54px !important;
    height: 54px !important;
    line-height: 54px !important;
    padding: 0 !important;
}

body.task-mail #layout-content > .header #toolbar-menu {
    margin: 0;
    padding: 0 10px;
}

body.task-mail #toolbar-menu > li > span.dropbutton > a:first-child {
    padding: 0 12px;
    gap: 0.42rem;
    font-weight: 700;
    font-size: 0.89rem;
}

body.task-mail #toolbar-menu > li > span.dropbutton > a.dropdown {
    min-width: 28px;
    padding: 0 6px;
    border-left: 1px solid #dbe6f8 !important;
    align-items: center;
    justify-content: center;
    position: relative;
}

body.task-mail #toolbar-menu > li > span.dropbutton > a.dropdown:before {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 0.72rem;
    display: block !important;
    width: auto !important;
    height: auto !important;
    float: none !important;
    transform: translate(-50%, -50%) !important;
}

body.task-mail #toolbar-menu > li > a:hover,
body.task-mail #toolbar-menu > li > a:focus,
body.task-mail #toolbar-menu > li > span.dropbutton:hover,
body.task-mail #toolbar-menu > li > span.dropbutton:focus-within {
    border-color: #bfd3f2;
    background: #f4f8ff;
    color: #1f3e73;
    box-shadow: 0 2px 7px rgba(54, 89, 154, 0.1);
}

/* Primary Reply action */
body.task-mail #toolbar-menu > li > a.reply,
body.task-mail #toolbar-menu > li > span.dropbutton > a.reply {
    background: linear-gradient(140deg, var(--grm-accent), var(--grm-accent-strong)) !important;
    color: #fff !important;
}

body.task-mail #toolbar-menu > li > span.dropbutton:has(> a.reply) {
    border-color: #3965b7;
    background: linear-gradient(140deg, var(--grm-accent), var(--grm-accent-strong));
    box-shadow: 0 4px 10px rgba(48, 86, 160, 0.2);
}

body.task-mail #toolbar-menu > li > span.dropbutton:has(> a.reply) > a.dropdown {
    border-left-color: rgba(255, 255, 255, 0.28) !important;
    color: rgba(255, 255, 255, 0.95);
}

/* Destructive Delete action */
body.task-mail #toolbar-menu > li > a.delete {
    border-color: #efc5cc;
    background: #fff;
    color: #d24553;
}

body.task-mail #toolbar-menu > li > a.delete:hover,
body.task-mail #toolbar-menu > li > a.delete:focus {
    border-color: #e8afb8;
    background: #fff4f6;
    color: #c93545;
}

body.task-mail #toolbar-menu > li > a.disabled,
body.task-mail #toolbar-menu > li > span.dropbutton > a.disabled,
body.task-mail #toolbar-menu > li.disabled > a,
body.task-mail #toolbar-menu > li.disabled > span.dropbutton {
    opacity: 0.56;
    color: #7f91ad !important;
    box-shadow: none;
    pointer-events: none;
}

body.task-mail #toolbar-menu > li > a .inner,
body.task-mail #toolbar-menu > li > span.dropbutton > a .inner {
    white-space: nowrap;
}

body.task-mail #mailtoolbar .dropbutton.grm-hide-replyall,
body.task-mail #messagetoolbar .dropbutton.grm-hide-replyall,
body.task-mail #toolbar-menu .dropbutton.grm-hide-replyall {
    display: none !important;
}

.listing tbody td,
.listing li,
.listing li ul {
    border-bottom-color: #e3ebf8;
}

.listing tbody tr:hover td,
.listing li:hover > a {
    background: #f5f9ff;
}

.listing li.selected,
.listing li.selected > a,
.listing tr.selected td {
    background: linear-gradient(90deg, #dce8ff, #eaf2ff) !important;
    color: #243f6c !important;
}

html:not(.touch) .listing li > a:focus,
html:not(.touch) .listing.focus tbody tr.focused > td:first-child,
html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused > td.selection + td {
    border-left-color: var(--grm-accent);
}

.listing span.secondary,
.pagenav .pagenav-text {
    color: #667ea2;
}

.form-control,
.custom-select,
textarea,
input[type="text"],
input[type="password"],
input[type="email"] {
    border-radius: 11px;
    border-color: var(--grm-border);
    color: var(--grm-text);
    background: #f9fcff;
}

.form-control:focus,
.custom-select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
    border-color: var(--grm-accent);
    box-shadow: 0 0 0 0.2rem rgba(75, 121, 216, 0.18);
}

.btn-primary {
    border-color: var(--grm-accent);
    background: linear-gradient(140deg, var(--grm-accent), var(--grm-accent-strong));
}

.button.mainaction:not(#rcmloginsubmit),
.btn-primary:not(#rcmloginsubmit) {
    border-radius: 12px;
    border-color: var(--grm-accent);
    color: #fff !important;
    font-family: "Manrope", "Segoe UI", "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: 0 10px 24px rgba(52, 93, 171, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

a.button.mainaction:not(#rcmloginsubmit),
button.button.mainaction:not(#rcmloginsubmit),
a.btn-primary:not(#rcmloginsubmit),
button.btn-primary:not(#rcmloginsubmit) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.46rem;
    text-decoration: none !important;
}

a.button.mainaction:not(#rcmloginsubmit)::before,
button.button.mainaction:not(#rcmloginsubmit)::before,
a.btn-primary:not(#rcmloginsubmit)::before,
button.btn-primary:not(#rcmloginsubmit)::before {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0.42rem 0 0 !important;
    line-height: 1 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
}

a.button.mainaction:not(#rcmloginsubmit) .inner,
button.button.mainaction:not(#rcmloginsubmit) .inner,
a.btn-primary:not(#rcmloginsubmit) .inner,
button.btn-primary:not(#rcmloginsubmit) .inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
}

.button.mainaction:not(#rcmloginsubmit):hover,
.button.mainaction:not(#rcmloginsubmit):focus,
.btn-primary:not(#rcmloginsubmit):hover,
.btn-primary:not(#rcmloginsubmit):focus {
    border-color: #274c98 !important;
    background: linear-gradient(140deg, #5b86df, #355fb6) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(49, 89, 165, 0.28) !important;
    text-decoration: none !important;
    filter: brightness(1.03);
    transform: translateY(-1px);
}

.button.mainaction:not(#rcmloginsubmit):active,
.btn-primary:not(#rcmloginsubmit):active {
    transform: translateY(0);
    box-shadow: 0 8px 18px rgba(49, 89, 165, 0.2) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: #274c98;
    filter: brightness(1.02);
}

body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons {
    padding-top: 14px;
}

body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.button.mainaction.submit,
body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.btn-primary,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.button.mainaction.submit,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.38rem !important;
    min-width: 110px !important;
    min-height: 38px !important;
    padding: 0 16px !important;
    border: 1px solid #4e7bd9 !important;
    border-radius: 12px !important;
    background: linear-gradient(140deg, #5e8bee, #3f6bc7) !important;
    box-shadow: 0 6px 14px rgba(52, 93, 171, 0.14) !important;
    color: #fff !important;
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    filter: none !important;
    transform: none !important;
}

body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.button.mainaction.submit::before,
body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.btn-primary::before,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.button.mainaction.submit::before,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.btn-primary::before {
    margin: 0 0.24rem 0 0 !important;
    font-size: 0.88rem !important;
    line-height: 1 !important;
}

body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.button.mainaction.submit .inner,
body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.btn-primary .inner,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.button.mainaction.submit .inner,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.btn-primary .inner {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.button.mainaction.submit:hover,
body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.button.mainaction.submit:focus,
body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.btn-primary:hover,
body.task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.btn-primary:focus,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.button.mainaction.submit:hover,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.button.mainaction.submit:focus,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.btn-primary:hover,
body.grm-task-settings.action-plugin-password .grm-password-primary-actions .formbuttons > button.btn-primary:focus {
    border-color: #426ecc !important;
    background: linear-gradient(140deg, #6896f7, #4673d1) !important;
    box-shadow: 0 8px 18px rgba(49, 89, 165, 0.18) !important;
    transform: translateY(-1px) !important;
}

.popupmenu,
.popover,
.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-titlebar {
    border-color: var(--grm-border);
}

.popupmenu,
.popover {
    box-shadow: 0 16px 36px rgba(45, 74, 129, 0.2);
    border-radius: 12px;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 1rem 1.25rem 1.1rem;
    border-top: 1px solid #e2ebfa;
    background: linear-gradient(180deg, rgba(250, 252, 255, 0.94), rgba(244, 248, 255, 0.98));
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.ui-dialog .ui-dialog-buttonpane button.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.48rem;
    min-height: 3rem;
    padding: 0.78rem 1.2rem;
    border-radius: 12px;
    font-family: "Manrope", "Segoe UI", "Roboto", sans-serif;
    font-weight: 700;
    letter-spacing: 0.01em;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.ui-dialog .ui-dialog-buttonpane button.btn::before,
.ui-dialog .ui-dialog-titlebar-close.btn-secondary::before {
    float: none !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0.45rem 0 0 !important;
    line-height: 1 !important;
    transform: none !important;
}

.ui-dialog .ui-dialog-buttonpane button.btn-secondary,
.ui-dialog .ui-dialog-titlebar-close.btn-secondary {
    border: 1px solid #cfe0fb !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 249, 255, 0.98)) !important;
    color: #3d6297 !important;
    box-shadow: 0 10px 22px rgba(71, 101, 160, 0.1) !important;
}

.ui-dialog .ui-dialog-buttonpane button.btn-secondary::before,
.ui-dialog .ui-dialog-titlebar-close.btn-secondary::before {
    color: #4b79d8 !important;
}

.ui-dialog .ui-dialog-buttonpane button.btn-secondary:hover,
.ui-dialog .ui-dialog-buttonpane button.btn-secondary:focus,
.ui-dialog .ui-dialog-titlebar-close.btn-secondary:hover,
.ui-dialog .ui-dialog-titlebar-close.btn-secondary:focus {
    border-color: #b9d0f5 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(239, 246, 255, 0.98)) !important;
    color: #2f5590 !important;
    box-shadow: 0 14px 28px rgba(71, 101, 160, 0.14) !important;
    transform: translateY(-1px);
}

.ui-dialog .ui-dialog-buttonpane button.btn-secondary:active,
.ui-dialog .ui-dialog-titlebar-close.btn-secondary:active {
    transform: translateY(0);
    box-shadow: 0 8px 16px rgba(71, 101, 160, 0.1) !important;
}

.ui-dialog .ui-dialog-titlebar-close.btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    min-width: 2.6rem;
    height: 2.6rem;
    padding: 0 !important;
}

.ui-dialog .ui-dialog-titlebar-close.btn-secondary::before {
    margin: 0 !important;
}

html.layout-phone body.task-mail .ui-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    width: min(calc(100vw - 24px), 358px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
    transform: translate(-50%, -50%) !important;
    border: 1px solid rgba(214, 226, 248, 0.98) !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 249, 255, 0.98)) !important;
    box-shadow: 0 22px 44px rgba(35, 57, 105, 0.2) !important;
    overflow: hidden !important;
}

html.layout-phone body.task-mail .ui-dialog .ui-resizable-handle {
    display: none !important;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-titlebar {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 62px;
    padding: 14px 18px 10px !important;
    border: 0 !important;
    background: transparent !important;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-title {
    margin: 0 auto;
    color: #223e6f;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.03em;
    text-align: center;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-titlebar-close.btn-secondary {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 14px !important;
    background: rgba(86, 120, 190, 0.1) !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-titlebar-close.btn-secondary::before {
    color: #48679f !important;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-content {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 18px 18px !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-content .prompt {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-content .prompt .message {
    margin: 0;
    color: #35507f;
    font-size: 0.95rem;
    line-height: 1.45;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-content .prompt .form-control {
    min-height: 46px;
    padding: 0 15px;
    border: 1px solid #cfe0fb;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: inset 0 0 0 1px rgba(237, 243, 255, 0.78);
    color: #223e6f;
    font-size: 0.96rem;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-content .prompt .form-control:focus {
    border-color: #9ebcf1;
    box-shadow: 0 0 0 3px rgba(90, 132, 230, 0.12);
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-buttonpane {
    padding: 0 18px 24px !important;
    height: auto !important;
    border-top: 0 !important;
    background: transparent !important;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
    gap: 10px;
    margin-bottom: 8px;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset:has(> button:only-child) {
    grid-template-columns: minmax(0, 1fr);
    width: min(100%, 166px);
    margin-left: auto;
    margin-right: auto;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-buttonpane button.btn {
    width: 100%;
    min-height: 48px;
    margin: 0 !important;
    padding: 0 14px;
    border-radius: 16px;
    box-shadow: none !important;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-buttonpane button.btn.mainaction,
html.layout-phone body.task-mail .ui-dialog .ui-dialog-buttonpane button.btn-primary {
    border: 0 !important;
    background: linear-gradient(135deg, #5a84e6, #3f67c8) !important;
    color: #ffffff !important;
}

html.layout-phone body.task-mail .ui-dialog .ui-dialog-buttonpane button.btn.mainaction::before,
html.layout-phone body.task-mail .ui-dialog .ui-dialog-buttonpane button.btn-primary::before {
    color: #ffffff !important;
}

html.layout-phone body.task-mail .popover.bs-popover-right {
    position: fixed !important;
    top: 12px !important;
    right: 8px !important;
    bottom: 12px !important;
    left: auto !important;
    width: min(calc(100vw - 24px), 286px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 0 !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column;
    border: 1px solid rgba(214, 226, 248, 0.98) !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 42px rgba(35, 57, 105, 0.22) !important;
    overflow: hidden !important;
}

html.layout-phone body.task-mail .popover.bs-popover-right > .arrow {
    display: none !important;
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-header {
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 16px 16px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(220, 231, 248, 0.96) !important;
    background: #ffffff !important;
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-header a.cancel {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #35568e !important;
    font-family: "Manrope", sans-serif;
    font-size: 1rem !important;
    font-weight: 800;
    line-height: 1.1;
    text-indent: 0 !important;
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-header a.cancel::before {
    content: "";
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    background: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6 6 18M6 6l12 12' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6 6 18M6 6l12 12' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 8px 10px 12px !important;
    background: transparent !important;
    overflow: auto !important;
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li {
    margin: 0;
    padding: 0;
    position: relative;
    border: 0 !important;
    background: transparent !important;
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li > a {
    display: flex;
    align-items: center;
    min-height: 56px;
    position: relative;
    padding: 0 14px 0 60px !important;
    border: 1px solid rgba(211, 225, 248, 0.96) !important;
    border-radius: 18px;
    background: #ffffff !important;
    color: #20375f !important;
    font-family: "Manrope", sans-serif;
    font-size: 0.93rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(56, 87, 145, 0.03);
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li > a::before {
    content: none !important;
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 36px;
    height: 36px;
    border-radius: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px 17px;
    box-shadow: 0 10px 18px rgba(79, 127, 229, 0.16);
    transform: translateY(-50%);
    z-index: 1;
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li.inbox::before {
    background-color: #4f7fe5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M6.2 6.2h11.6l2.2 5.8v5.3A1.7 1.7 0 0 1 18.3 19H5.7A1.7 1.7 0 0 1 4 17.3V12z'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li.drafts::before {
    background-color: #35b883;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.5h6l4 4v11H7z'/%3E%3Cpath d='M13 4.5v4h4'/%3E%3Cpath d='m8.5 15 6-6'/%3E%3Cpath d='m12.2 8.8 3 3'/%3E%3C/svg%3E");
    box-shadow: 0 10px 18px rgba(53, 184, 131, 0.16);
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li.sent::before {
    background-color: #4781e7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 4-9 9'/%3E%3Cpath d='M20 4 14 20l-3.5-6.5L4 10z'/%3E%3C/svg%3E");
    box-shadow: 0 10px 18px rgba(71, 129, 231, 0.16);
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li.junk::before {
    background-color: #ff9f2f;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 4.8 7v5.4c0 4.2 2.9 6.8 7.2 8.1 4.3-1.3 7.2-3.9 7.2-8.1V7z'/%3E%3Cpath d='M12 8.3v3.8'/%3E%3Cpath d='M12 15.3h.01'/%3E%3C/svg%3E");
    box-shadow: 0 10px 18px rgba(255, 159, 47, 0.16);
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li.trash::before {
    background-color: #f36878;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M9 7V5.5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1V7'/%3E%3Cpath d='M6.5 7v11a1.5 1.5 0 0 0 1.5 1.5h8a1.5 1.5 0 0 0 1.5-1.5V7'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E");
    box-shadow: 0 10px 18px rgba(243, 104, 120, 0.16);
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li.archive::before {
    background-color: #7a5ae6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='5' rx='1.2'/%3E%3Cpath d='M6 10v8.2A1.8 1.8 0 0 0 7.8 20h8.4A1.8 1.8 0 0 0 18 18.2V10'/%3E%3Cpath d='M10 13h4'/%3E%3C/svg%3E");
    box-shadow: 0 10px 18px rgba(122, 90, 230, 0.16);
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li > a:hover,
html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li > a:focus {
    border-color: rgba(196, 214, 245, 0.98) !important;
    background: #ffffff !important;
    color: #1f4f8b !important;
}

html.layout-phone body.task-mail .popover.bs-popover-right > .popover-body > .popupmenu > ul > li > a.active {
    border-color: rgba(191, 210, 245, 0.98) !important;
    background: #ffffff !important;
    color: #1f4f8b !important;
}

.popupmenu .listing li > a:not(.disabled):hover {
    background: #e7efff;
}

body:not(.task-login) #messagestack div {
    position: relative;
    min-width: min(360px, calc(100vw - 32px));
    padding: 0.95rem 1rem 0.95rem 2.85rem;
    border: 1px solid #d9e6fb;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(244, 249, 255, 0.98));
    color: #2b476f;
    box-shadow: 0 18px 36px rgba(56, 86, 142, 0.16);
    backdrop-filter: blur(12px);
}

body:not(.task-login) #messagestack div > i.icon {
    display: none !important;
}

body:not(.task-login) #messagestack div::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: 50%;
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 999px;
    transform: translateY(-50%);
    background: #4f7ad8;
    box-shadow: 0 0 0 0.28rem rgba(79, 122, 216, 0.16);
}

body:not(.task-login) #messagestack div.loading,
body:not(.task-login) #messagestack div.notice,
body:not(.task-login) #messagestack div.information,
body:not(.task-login) #messagestack div.alert-info {
    border-color: #d6e5fc;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(242, 247, 255, 0.98));
    color: #355684;
}

body:not(.task-login) #messagestack div.loading::before,
body:not(.task-login) #messagestack div.notice::before,
body:not(.task-login) #messagestack div.information::before,
body:not(.task-login) #messagestack div.alert-info::before {
    background: #4f7ad8;
    box-shadow: 0 0 0 0.28rem rgba(79, 122, 216, 0.16);
}

body:not(.task-login) #messagestack div.confirmation,
body:not(.task-login) #messagestack div.alert-success {
    border-color: #cee7d8;
    background: linear-gradient(180deg, rgba(251, 255, 252, 0.97), rgba(239, 249, 243, 0.98));
    color: #2f6a4c;
}

body:not(.task-login) #messagestack div.confirmation::before,
body:not(.task-login) #messagestack div.alert-success::before {
    background: #39a36d;
    box-shadow: 0 0 0 0.28rem rgba(57, 163, 109, 0.14);
}

body:not(.task-login) #messagestack div.warning,
body:not(.task-login) #messagestack div.error,
body:not(.task-login) #messagestack div.alert-warning,
body:not(.task-login) #messagestack div.alert-danger {
    border-color: #efcdd5;
    background: linear-gradient(180deg, rgba(255, 250, 251, 0.97), rgba(253, 242, 245, 0.98));
    color: #a24459;
}

body:not(.task-login) #messagestack div.warning::before,
body:not(.task-login) #messagestack div.error::before,
body:not(.task-login) #messagestack div.alert-warning::before,
body:not(.task-login) #messagestack div.alert-danger::before {
    background: #d35b79;
    box-shadow: 0 0 0 0.28rem rgba(211, 91, 121, 0.14);
}

body:not(.task-login) #messagestack div a {
    color: inherit;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Warning alerts in app chrome (outside message iframe) */
body.task-mail .ui.alert.boxwarning {
    border: 1px solid #d7e3fa;
    border-radius: 12px;
    background: linear-gradient(90deg, #e9f2ff 0%, #edf4ff 100%);
    color: #2f4b78;
}

body.task-mail .ui.alert.boxwarning i.icon,
body.task-mail .ui.alert.boxwarning i.icon:before {
    color: #8a98b3 !important;
}

body.task-mail .grm-trash-guard-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.95rem 1rem;
    margin: 0.95rem 1rem 0.9rem;
    padding: 1rem 1.05rem;
    border: 1px solid #d7e3fa;
    border-radius: 16px;
    background:
        radial-gradient(circle at 92% -18%, rgba(95, 146, 240, 0.18), transparent 33%),
        linear-gradient(135deg, rgba(235, 243, 255, 0.96), rgba(246, 250, 255, 0.98));
    box-shadow: 0 14px 32px rgba(54, 86, 144, 0.14);
    color: #2d4773;
}

body.task-mail .grm-trash-guard-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.95rem;
    background: linear-gradient(135deg, #6d9cf8, #4c79d8);
    box-shadow: 0 12px 26px rgba(73, 112, 190, 0.18);
    color: #fff;
}

body.task-mail .grm-trash-guard-icon svg {
    width: 1.1rem;
    height: 1.1rem;
}

body.task-mail .grm-trash-guard-copy {
    min-width: 0;
}

body.task-mail .grm-trash-guard-title {
    display: block;
    margin: 0 0 0.22rem;
    color: #26416b;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.97rem;
    font-weight: 700;
    line-height: 1.3;
}

body.task-mail .grm-trash-guard-body {
    margin: 0;
    color: #5d749d;
    font-size: 0.95rem;
    line-height: 1.6;
}

body.task-mail .grm-trash-guard-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

body.task-mail .grm-trash-guard-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.65rem 1rem;
    border: 1px solid #c6d9ff;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    color: #2e5aa1;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease;
}

body.task-mail .grm-trash-guard-cta:hover,
body.task-mail .grm-trash-guard-cta:focus {
    background: rgba(255, 255, 255, 0.96);
    border-color: #aecaef;
    color: #234b88;
    text-decoration: none;
    transform: translateY(-1px);
}

@media (max-width: 900px) {
    body.task-mail .grm-trash-guard-notice {
        grid-template-columns: auto minmax(0, 1fr);
    }

    body.task-mail .grm-trash-guard-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    body.task-mail .grm-trash-guard-notice {
        margin: 0.85rem 0.95rem 0.85rem;
        padding: 0.92rem 0.95rem;
        border-radius: 14px;
    }

    body.task-mail .grm-trash-guard-title {
        font-size: 0.92rem;
    }

    body.task-mail .grm-trash-guard-body {
        font-size: 0.9rem;
        line-height: 1.55;
    }
}

/* Message read view (layout-content internals) */
body.task-mail #layout-content > .iframe-wrapper {
    border-top: 1px solid #e4ecfb;
    background: linear-gradient(180deg, #fbfdff 0%, #f6faff 100%);
}

body.task-mail #layout-content > .iframe-wrapper iframe {
    background: transparent;
}

body.task-mail #layout-content .content.frame-content {
    padding: 1rem 1.1rem 1.2rem;
    background:
        radial-gradient(circle at 88% -14%, rgba(92, 137, 220, 0.16), transparent 34%),
        linear-gradient(180deg, #f9fcff 0%, #f4f8ff 100%);
}

body.task-mail #message-header {
    margin-bottom: 0.9rem;
}

body.task-mail #message-header > .subject {
    margin: 0 0 0.82rem;
    color: #1f365d;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: clamp(1.3rem, 2.1vw, 1.9rem);
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -0.01em;
}

body.task-mail #message-header > .subject a.extwin {
    display: none !important;
}

body.task-mail #message-header > .header {
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
    border: 1px solid #dbe8fd;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    box-shadow: 0 8px 22px rgba(49, 83, 144, 0.08);
}

body.task-mail #message-header > .header img.contactphoto {
    width: 52px;
    height: 52px;
    margin: 0;
    border: 2px solid #ffffff;
    box-shadow: 0 7px 18px rgba(58, 94, 154, 0.2);
    background: #e9f1ff;
}

body.task-mail #message-header > .header img.contactphoto.grm-brand-avatar {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    object-fit: contain;
    opacity: 0.6;
}

body.task-mail #message-header > .header .grm-brand-avatar-wrap {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 7px 18px rgba(58, 94, 154, 0.2);
    background: radial-gradient(circle at 30% 25%, #f4f9ff 0%, #e7f1ff 100%);
}

body.task-mail #message-header .header-content {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-height: 52px;
}

body.task-mail #message-header .header-summary {
    margin-top: 0;
    color: #2f4770;
    font-size: 0.96rem;
    font-weight: 600;
    line-height: 1.46;
}

body.task-mail #message-header .header-summary > span {
    margin-right: 0.5rem;
}

body.task-mail #message-header .header-headers .header-title {
    color: #59739d;
    font-weight: 700;
    padding-right: 0.7rem;
}

body.task-mail #message-header .header-headers td {
    padding-top: 0.18rem;
    vertical-align: middle;
}

body.task-mail #message-header .header-headers td:not(.header-title) a,
body.task-mail #message-header .header-summary a {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    color: #2f568f !important;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
    text-decoration: none;
    box-shadow: none;
    transition: color 0.2s ease;
}

body.task-mail #message-header .header-headers td:not(.header-title) a:hover,
body.task-mail #message-header .header-headers td:not(.header-title) a:focus,
body.task-mail #message-header .header-summary a:hover,
body.task-mail #message-header .header-summary a:focus {
    color: #24487a !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.task-mail #message-header .header-links {
    margin-top: 0.34rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

body.task-mail #message-header .header-links a {
    margin: 0;
    padding: 0.24rem 0.62rem;
    border: 1px solid #cbddfb;
    border-radius: 999px;
    background: #edf5ff;
    color: #2f578f;
    font-family: "Manrope", "Segoe UI", "Roboto", sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.25;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.task-mail #message-header .header-links a:before {
    margin-right: 0.35rem !important;
    height: auto;
    line-height: 1;
}

body.task-mail #message-header .header-links a:hover,
body.task-mail #message-header .header-links a:focus {
    background: #e2eeff;
    border-color: #bad2f8;
    color: #24477c;
}

body.task-mail #message-objects #remote-objects-message.notice,
body.task-mail #message-objects #suspicious-content-message.notice,
#message-objects #remote-objects-message,
#message-objects #suspicious-content-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.62rem;
    margin: 0.72rem 0 0.78rem;
    padding: 0.72rem 0.86rem;
    border: 1px solid #d7e3fa;
    border-radius: 12px;
    background: linear-gradient(90deg, #e9f2ff 0%, #edf4ff 100%);
    color: #2f4b78;
    font-weight: 600;
    box-shadow: 0 7px 18px rgba(42, 74, 130, 0.1);
}

body.task-mail #message-objects #remote-objects-message:before,
body.task-mail #message-objects #suspicious-content-message:before,
#message-objects #remote-objects-message:before,
#message-objects #suspicious-content-message:before {
    color: #8a98b3;
}

body.task-mail #message-objects #remote-objects-message.notice[style]:not([style*="display: none"]):not([style*="display:none"]) {
    display: flex !important;
}

body.task-mail #message-objects #remote-objects-message.notice > span:first-child,
body.task-mail #message-objects #suspicious-content-message.notice > span:first-child,
#message-objects #remote-objects-message > span:first-child,
#message-objects #suspicious-content-message > span:first-child {
    flex: 1 1 auto;
    min-width: 0;
}

body.task-mail #message-objects #remote-objects-message.notice .boxbuttons,
#message-objects #remote-objects-message .boxbuttons {
    display: inline-flex;
    align-items: center;
    gap: 0.46rem;
    white-space: nowrap;
}

body.task-mail #message-objects #remote-objects-message.notice .boxbuttons a,
body.task-mail #message-objects #remote-objects-message.notice .boxbuttons button,
body.task-mail #message-objects #remote-objects-message.notice .boxbuttons .btn,
#message-objects #remote-objects-message .boxbuttons a,
#message-objects #remote-objects-message .boxbuttons button,
#message-objects #remote-objects-message .boxbuttons .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0.32rem 0.78rem;
    border: 1px solid #bcd0f1;
    border-radius: 10px;
    background: linear-gradient(135deg, #4f7dd5 0%, #2f59ac 100%);
    color: #ffffff !important;
    font-family: "Manrope", "Segoe UI", "Roboto", sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 7px 16px rgba(48, 82, 142, 0.25);
    transition: transform 0.16s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

body.task-mail #message-objects #remote-objects-message.notice .boxbuttons a:hover,
body.task-mail #message-objects #remote-objects-message.notice .boxbuttons a:focus,
body.task-mail #message-objects #remote-objects-message.notice .boxbuttons button:hover,
body.task-mail #message-objects #remote-objects-message.notice .boxbuttons button:focus,
body.task-mail #message-objects #remote-objects-message.notice .boxbuttons .btn:hover,
body.task-mail #message-objects #remote-objects-message.notice .boxbuttons .btn:focus,
#message-objects #remote-objects-message .boxbuttons a:hover,
#message-objects #remote-objects-message .boxbuttons a:focus,
#message-objects #remote-objects-message .boxbuttons button:hover,
#message-objects #remote-objects-message .boxbuttons button:focus,
#message-objects #remote-objects-message .boxbuttons .btn:hover,
#message-objects #remote-objects-message .boxbuttons .btn:focus {
    filter: brightness(1.05);
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(48, 82, 142, 0.3);
}

body.task-mail #message-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.8rem;
}

body.task-mail #message-content .leftcol:empty {
    display: none;
}

body.task-mail #attachment-list.attachmentslist {
    margin: 0;
    border: 1px solid #dbe8fd;
    border-radius: 12px;
    background: #f8fbff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

body.task-mail #attachment-list.attachmentslist li {
    border-bottom: 1px solid #e3ecfc;
    padding: 0.56rem 0.76rem;
}

body.task-mail #attachment-list.attachmentslist li:last-child {
    border-bottom: 0;
}

body.task-mail #attachment-list.attachmentslist li:before {
    color: #4a73b5;
}

body.task-mail #attachment-list.attachmentslist .attachment-name {
    color: #284977;
    font-weight: 700;
}

body.task-mail #attachment-list.attachmentslist .attachment-size {
    color: #6e85a9;
    font-weight: 600;
}

body.task-mail #attachment-list.attachmentslist a {
    color: #315b97;
}

body.task-mail #attachment-list.attachmentslist a:hover,
body.task-mail #attachment-list.attachmentslist a:focus {
    color: #234576;
}

body.task-mail #messagebody {
    border: 1px solid #dce8fc;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 10px 22px rgba(44, 78, 138, 0.08);
    padding: 0.95rem 1.08rem;
    color: #2b3f63;
    line-height: 1.58;
    font-size: 1.01rem;
}

body.task-mail #messagebody a {
    color: #2f62af;
    text-underline-offset: 2px;
}

body.task-mail #messagebody a:hover,
body.task-mail #messagebody a:focus {
    color: #244a86;
}

body.task-mail #messagebody .message-part,
body.task-mail #messagebody .message-htmlpart {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

body.task-mail #messagebody .message-part:not(:first-child),
body.task-mail #messagebody .message-htmlpart:not(:first-child) {
    margin-top: 0.62rem;
    padding-top: 0.62rem;
    border-top: 1px solid #e6eefc;
}

body.task-mail #messagebody .message-part blockquote,
body.task-mail #messagebody .message-htmlpart blockquote {
    color: #3a5e96;
    border-left: 3px solid #8fb1e6;
    border-right: 0;
    background: #f4f9ff;
    border-radius: 10px;
    margin: 0.26rem 0;
    padding: 0.1rem 0.62rem;
}

body.task-mail #messagebody .message-part blockquote span.blockquote-link,
body.task-mail #messagebody .message-htmlpart blockquote span.blockquote-link {
    border-color: #c8daf7;
    background: #ebf4ff;
    color: #2f588f;
}

body.task-mail #messagebody .message-partheaders {
    margin: 0.62rem 0 0;
    padding: 0.35rem 0.64rem;
    border: 1px solid #dce8fc;
    border-radius: 10px 10px 0 0;
    background: #f3f8ff;
}

body.task-mail #messagebody .message-partheaders table.headers-table {
    color: #3f5a86;
}

body.task-mail #messagebody .message-partheaders table.headers-table .header-title {
    color: #5c77a2;
}

/* Compose / Reply editor */
body.task-mail #compose-content {
    padding: 0.95rem 1rem 1.1rem;
    background:
        radial-gradient(circle at 88% -14%, rgba(92, 137, 220, 0.12), transparent 32%),
        linear-gradient(180deg, #f9fcff 0%, #f3f8ff 100%);
}

body.task-mail #compose-content > #compose-objects,
body.task-mail #compose-content > #compose-headers,
body.task-mail #compose-content > #composebodycontainer,
body.task-mail #compose-content > .formbuttons {
    width: min(100%, 1140px);
    margin-left: auto;
    margin-right: auto;
}

body.task-mail #compose-headers {
    margin-bottom: 0.72rem;
    padding: 0.88rem 0.94rem;
    border: 1px solid #dce8fb;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
    box-shadow: 0 8px 22px rgba(50, 82, 139, 0.08);
}

body.task-mail #compose-headers .compose-headers {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

body.task-mail #compose-headers .compose-headers .form-group.row {
    margin: 0;
    margin-left: 0;
    margin-right: 0;
    align-items: center;
}

body.task-mail #compose-headers .compose-headers .form-group.row > label.col-2 {
    flex: 0 0 94px;
    max-width: 94px;
    width: 94px;
    margin: 0;
    padding: 0 0.6rem 0 0;
    color: #4b648d;
    font-size: 1.03rem;
    font-weight: 700;
    line-height: 1.2;
}

body.task-mail #compose-headers .compose-headers .form-group.row > div.col-10 {
    flex: 1 1 auto;
    max-width: none;
    width: auto;
    margin: 0;
    padding: 0;
}

body.task-mail #compose-headers .input-group {
    border: 1px solid #cfe0fb;
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.task-mail #compose-headers .input-group:focus-within {
    border-color: #94b5e8;
    box-shadow: 0 0 0 2px rgba(85, 126, 198, 0.14);
}

body.task-mail #compose-headers .input-group > .form-control,
body.task-mail #compose-headers .input-group > .recipient-input {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent;
    min-height: 42px;
}

body.task-mail #compose-headers .recipient-input {
    padding: 0 0.75rem 0.24rem;
}

body.task-mail #compose-headers .recipient-input.focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.task-mail #compose-headers .recipient-input input {
    margin-top: 0.34rem;
    padding: 0.12rem 0.02rem;
    line-height: 1.35;
    color: #243d66;
}

body.task-mail #compose-headers .recipient-input input:focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.task-mail #compose-headers .recipient-input li.recipient {
    max-width: calc(50% - 6px);
    margin-top: 0.24rem;
    border: 1px solid #d1e1fb;
    border-radius: 999px;
    background: #edf5ff;
    box-shadow: 0 2px 8px rgba(70, 108, 173, 0.1);
    align-items: center;
    min-height: 2.06rem;
}

body.task-mail #compose-headers .recipient-input li.recipient .name {
    color: #2f568f;
    font-weight: 700;
    line-height: 1.2;
    padding: 0.38rem 0.42rem 0.34rem;
    display: block;
}

body.task-mail #compose-headers .recipient-input li.recipient a.button.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.34rem 0 0.18rem;
    min-height: 100%;
}

body.task-mail #compose-headers .input-group-append .input-group-text {
    min-height: 42px;
    padding: 0 0.66rem;
    border: 0 !important;
    border-left: 1px solid #d8e6fd !important;
    background: #f5f9ff;
    color: #3e5e8e;
}

body.task-mail #compose-headers .input-group-append .input-group-text:hover,
body.task-mail #compose-headers .input-group-append .input-group-text:focus {
    background: #e9f2ff;
    color: #2f548e;
    text-decoration: none;
}

body.task-mail #compose_subject .form-control {
    min-height: 42px;
    border: 1px solid #cfe0fb;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
    color: #253f67;
}

body.task-mail #compose_subject .form-control:focus {
    border-color: #94b5e8;
    box-shadow: 0 0 0 3px rgba(85, 126, 198, 0.16);
}

body.task-mail #composebodycontainer {
    border: 1px solid #dce8fb;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(46, 79, 138, 0.08);
    overflow: hidden;
}

body.task-mail #composebodycontainer .html-editor .editor-toolbar,
body.task-mail #composebodycontainer .tox .tox-toolbar,
body.task-mail #composebodycontainer .tox .tox-toolbar-overlord {
    border: 0 !important;
    border-bottom: 1px solid #dce8fb !important;
    background: linear-gradient(180deg, #fbfdff 0%, #f3f8ff 100%) !important;
}

/* Plain-text mode toggle button (Roundcube .mce-i-html): use HTML/code icon instead of image icon */
body.task-mail #composebodycontainer .html-editor .editor-toolbar {
    padding: 0.42rem 0.56rem;
}

body.task-mail #composebodycontainer .html-editor .editor-toolbar .grm-plain-toggle,
body.task-mail #composebodycontainer .html-editor .editor-toolbar .mce-i-html {
    margin: 0 !important;
    min-height: 34px;
    width: 36px;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    color: #365581 !important;
    background: transparent !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.task-mail #composebodycontainer .html-editor .editor-toolbar .grm-plain-toggle:hover,
body.task-mail #composebodycontainer .html-editor .editor-toolbar .grm-plain-toggle:focus,
body.task-mail #composebodycontainer .html-editor .editor-toolbar .mce-i-html:hover,
body.task-mail #composebodycontainer .html-editor .editor-toolbar .mce-i-html:focus {
    border-color: #cfe0fb !important;
    background: #edf4ff !important;
    color: #2f568f !important;
    text-decoration: none;
}

body.task-mail #composebodycontainer .html-editor .editor-toolbar .grm-plain-toggle {
    position: relative;
    font-size: 0 !important;
}

body.task-mail #composebodycontainer .html-editor .editor-toolbar .grm-plain-toggle .mce-ico,
body.task-mail #composebodycontainer .html-editor .editor-toolbar .grm-plain-toggle .mce-icon,
body.task-mail #composebodycontainer .html-editor .editor-toolbar .grm-plain-toggle .tox-icon,
body.task-mail #composebodycontainer .html-editor .editor-toolbar .grm-plain-toggle i {
    opacity: 0 !important;
}

body.task-mail #composebodycontainer .html-editor .editor-toolbar .grm-plain-toggle:after {
    content: "</>" !important;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    line-height: 34px !important;
    text-align: center;
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: inherit;
}

body.task-mail #composebodycontainer .html-editor .editor-toolbar .mce-i-html:before {
    content: "" !important;
    display: none !important;
}

body.task-mail #composebodycontainer .html-editor .editor-toolbar .mce-i-html:after {
    content: "</>" !important;
    display: inline-block;
    margin: 0 !important;
    width: 36px;
    line-height: 34px !important;
    text-align: center;
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: inherit;
}

body.task-mail #composebodycontainer .tox.tox-tinymce {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.task-mail #composebodycontainer .tox .tox-editor-container,
body.task-mail #composebodycontainer .tox .tox-edit-area {
    background: #ffffff !important;
}

body.task-mail #composebodycontainer .tox .tox-toolbar-overlord {
    padding: 0.42rem 0.56rem !important;
}

body.task-mail #composebodycontainer .tox .tox-toolbar__group {
    margin: 0 0.36rem 0 0 !important;
    padding: 0 0.42rem 0 0 !important;
    border-right: 1px solid #dce7fb !important;
}

body.task-mail #composebodycontainer .tox .tox-toolbar__group:last-child {
    margin-right: 0 !important;
    padding-right: 0 !important;
    border-right: 0 !important;
}

body.task-mail #composebodycontainer .tox .tox-tbtn,
body.task-mail #composebodycontainer .tox .tox-mbtn {
    min-height: 34px !important;
    margin: 0 0.06rem !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    color: #365581 !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

body.task-mail #composebodycontainer .tox .tox-tbtn svg,
body.task-mail #composebodycontainer .tox .tox-mbtn svg {
    fill: #365581 !important;
}

body.task-mail #composebodycontainer .tox .tox-tbtn:hover,
body.task-mail #composebodycontainer .tox .tox-tbtn:focus,
body.task-mail #composebodycontainer .tox .tox-mbtn:hover,
body.task-mail #composebodycontainer .tox .tox-mbtn:focus {
    border-color: #cfe0fb !important;
    background: #edf4ff !important;
    color: #2f568f !important;
}

body.task-mail #composebodycontainer .tox .tox-tbtn:hover svg,
body.task-mail #composebodycontainer .tox .tox-tbtn:focus svg,
body.task-mail #composebodycontainer .tox .tox-mbtn:hover svg,
body.task-mail #composebodycontainer .tox .tox-mbtn:focus svg {
    fill: #2f568f !important;
}

body.task-mail #composebodycontainer .tox .tox-tbtn--enabled,
body.task-mail #composebodycontainer .tox .tox-tbtn--enabled:hover,
body.task-mail #composebodycontainer .tox .tox-tbtn--enabled:focus {
    border-color: #c4d9fb !important;
    background: #e5efff !important;
    color: #2f568f !important;
    box-shadow: inset 0 0 0 1px rgba(196, 217, 251, 0.5) !important;
}

body.task-mail #composebodycontainer .tox .tox-tbtn--enabled svg,
body.task-mail #composebodycontainer .tox .tox-tbtn--enabled:hover svg,
body.task-mail #composebodycontainer .tox .tox-tbtn--enabled:focus svg {
    fill: #2f568f !important;
}

body.task-mail #composebodycontainer .tox .tox-mbtn__select-label {
    font-family: "Manrope", "Segoe UI", "Roboto", sans-serif;
    font-size: 0.96rem !important;
    font-weight: 600 !important;
    color: #2d4d7e !important;
}

body.task-mail #composebodycontainer .tox .tox-edit-area__iframe {
    background: #ffffff !important;
}

body.task-mail #composebodycontainer .tox .tox-statusbar {
    border-top: 1px solid #e5eefc !important;
    background: #f8fbff !important;
}

body.task-mail #composebodycontainer .tox .tox-statusbar__wordcount,
body.task-mail #composebodycontainer .tox .tox-statusbar a {
    color: #6380aa !important;
}

body.task-mail #compose-content .formbuttons {
    margin-top: 0.86rem;
    padding: 0.72rem 0.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.72rem;
    flex-wrap: wrap;
    border: 1px solid #dce8fb;
    border-radius: 14px;
    background: linear-gradient(180deg, #fcfeff 0%, #f2f7ff 100%);
    box-shadow: 0 8px 20px rgba(47, 82, 140, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.85);
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

body.task-mail #compose-content .formbuttons .btn.send {
    min-height: 42px;
    border-radius: 12px;
    padding: 0 1.18rem;
    font-size: 1rem;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(49, 88, 157, 0.24);
    margin-right: auto;
    border: 1px solid #3f69bb;
    background: linear-gradient(135deg, #4f7dd5 0%, #2f59ac 100%);
    color: #ffffff !important;
    text-decoration: none;
    transition: transform 0.16s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
}

body.task-mail #compose-content .formbuttons .btn.send:hover,
body.task-mail #compose-content .formbuttons .btn.send:focus {
    border-color: #3a63b4;
    background: linear-gradient(135deg, #5c8ae0 0%, #3964ba 100%);
    color: #ffffff !important;
    box-shadow: 0 12px 22px rgba(49, 88, 157, 0.3);
    transform: translateY(-1px);
}

body.task-mail #compose-content .formbuttons .btn.send:active {
    transform: translateY(0);
    box-shadow: 0 7px 16px rgba(49, 88, 157, 0.24);
}

body.task-mail #compose-content .formbuttons .btn.send:disabled,
body.task-mail #compose-content .formbuttons .btn.send.disabled {
    border-color: #b7caec;
    background: linear-gradient(135deg, #b8ccef 0%, #9eb7e0 100%);
    box-shadow: none;
    color: #f5f8ff !important;
    opacity: 1;
    transform: none;
}

body.task-mail #compose-content .formbuttons a.button.extwin,
body.task-mail #compose-content .formbuttons a.btn.extwin,
body.task-mail #compose-content .formbuttons #rcmbtn112 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 1.02rem;
    margin-left: auto;
    border: 1px solid #cfe0fb;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%);
    color: #2f568f !important;
    font-size: 0.98rem;
    font-weight: 700;
    letter-spacing: 0.005em;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(47, 86, 143, 0.12);
    transition: transform 0.16s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

body.task-mail #compose-content .formbuttons a.button.extwin:before,
body.task-mail #compose-content .formbuttons a.btn.extwin:before,
body.task-mail #compose-content .formbuttons #rcmbtn112:before {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0.42rem 0 0 !important;
    font-size: 1.03rem;
    line-height: 1;
}

body.task-mail #compose-content .formbuttons a.button.extwin:hover,
body.task-mail #compose-content .formbuttons a.button.extwin:focus,
body.task-mail #compose-content .formbuttons a.btn.extwin:hover,
body.task-mail #compose-content .formbuttons a.btn.extwin:focus,
body.task-mail #compose-content .formbuttons #rcmbtn112:hover,
body.task-mail #compose-content .formbuttons #rcmbtn112:focus {
    border-color: #b8d0f5;
    background: linear-gradient(180deg, #ffffff 0%, #e9f2ff 100%);
    color: #27497c !important;
    box-shadow: 0 11px 22px rgba(44, 78, 134, 0.16);
    transform: translateY(-1px);
}

body.task-mail #compose-content .formbuttons a.button.extwin:active,
body.task-mail #compose-content .formbuttons a.btn.extwin:active,
body.task-mail #compose-content .formbuttons #rcmbtn112:active {
    transform: translateY(0);
    box-shadow: 0 6px 14px rgba(44, 78, 134, 0.12);
}

body.task-mail #compose-content .formbuttons a.button.extwin.disabled,
body.task-mail #compose-content .formbuttons a.btn.extwin.disabled,
body.task-mail #compose-content .formbuttons #rcmbtn112.disabled {
    box-shadow: none;
    opacity: 0.55;
}

body.task-mail #layout-sidebar.sidebar-right {
    border: 1px solid #dce8fb;
    border-radius: 18px;
    background: linear-gradient(180deg, #f9fcff 0%, #f1f7ff 100%);
    box-shadow: var(--grm-shadow-soft);
}

body.task-mail #layout-sidebar.sidebar-right > .header {
    margin: 10px 10px 0;
    min-height: 54px;
    height: 54px;
    line-height: 54px;
    padding: 0 0.9rem;
    border: 1px solid #d7e4fb !important;
    border-bottom-color: #d2e2fb !important;
    border-radius: 14px 14px 0 0;
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(4px);
    box-shadow: 0 8px 18px rgba(45, 83, 145, 0.08);
}

body.task-mail #layout-sidebar.sidebar-right > .header .header-title {
    color: #2a456f;
    font-size: 0.96rem;
    font-weight: 800;
    letter-spacing: 0.012em;
}

body.task-mail #compose-attachments.file-upload {
    margin: 0.52rem 0.82rem 0.72rem;
    padding: 0.84rem 0.82rem 1.15rem;
    border-width: 2px;
    border-color: #cfe0fb;
    border-radius: 14px;
    background: #f8fbff;
}

body.task-mail #compose-attachments .upload-form .btn,
body.task-mail #compose-attachments .upload-form button {
    border-radius: 10px;
    font-weight: 700;
}

body.task-mail #compose-options.formcontent {
    margin: 0 0.82rem 0.86rem;
    padding: 0.2rem 0.02rem 0.56rem;
    border-top: 1px solid #dce8fb;
}

body.task-mail #compose-options .form-group {
    margin-bottom: 0.54rem;
}

body.task-mail #compose-options .col-form-label {
    color: #4a648d;
    font-weight: 700;
}

body.task-mail #compose-options .custom-select {
    min-height: 36px;
    border-radius: 10px;
    border-color: #cfe0fb;
    background-color: #ffffff;
    color: #2a446d;
}

body.task-mail #compose-options .form-group.row.form-check > .col-6.form-check {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

body.task-mail #compose-options .form-check-input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 2.25rem;
    height: 1.34rem;
    margin: 0;
    border: 1px solid #b8cae8;
    border-radius: 999px;
    background: #dbe6f8;
    position: relative;
    cursor: pointer;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(34, 55, 92, 0.14);
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body.task-mail #compose-options .form-check-input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 999px;
    background: #8f9fb7;
    transform: translateY(-50%);
    box-shadow: 0 1px 2px rgba(24, 42, 74, 0.26);
    transition: transform 0.18s ease, background-color 0.18s ease;
}

body.task-mail #compose-options .form-check-input[type="checkbox"]:focus,
body.task-mail #compose-options .form-check-input[type="checkbox"]:focus-visible {
    border-color: #4f79cf;
    box-shadow: 0 0 0 3px rgba(79, 121, 207, 0.2);
}

body.task-mail #compose-options .form-check-input[type="checkbox"]:checked {
    background: #4f79cf;
    border-color: #4f79cf;
    box-shadow: inset 0 1px 2px rgba(22, 39, 66, 0.18);
}

body.task-mail #compose-options .form-check-input[type="checkbox"]:checked::before {
    background: #ffffff;
    transform: translate(0.89rem, -50%);
}

body.task-mail #compose-options .form-check-input[type="checkbox"]:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

body.task-mail #compose-options .custom-switch {
    padding-left: 0;
    display: inline-flex;
    align-items: center;
}

body.task-mail #compose-options .custom-switch .custom-control-label {
    min-height: 1.34rem;
    line-height: 1.34rem;
    padding-left: 2.25rem;
    margin: 0;
}

body.task-mail #compose-options .custom-switch .custom-control-label::before {
    left: 0;
    top: 50%;
    width: 2.25rem;
    height: 1.34rem;
    margin: 0;
    border-radius: 999px;
    border: 1px solid #b8cae8;
    background: #dbe6f8;
    box-shadow: inset 0 1px 2px rgba(34, 55, 92, 0.14);
    transform: translateY(-50%);
}

body.task-mail #compose-options .custom-switch .custom-control-label::after {
    left: 2px;
    top: 50%;
    width: 0.95rem;
    height: 0.95rem;
    margin: 0;
    border-radius: 999px;
    background: #8f9fb7;
    box-shadow: 0 1px 2px rgba(24, 42, 74, 0.26);
    transform: translateY(-50%);
    transition: transform 0.18s ease, background-color 0.18s ease;
}

body.task-mail #compose-options .custom-switch .custom-control-input:focus ~ .custom-control-label::before,
body.task-mail #compose-options .custom-switch .custom-control-input:focus-visible ~ .custom-control-label::before {
    border-color: #4f79cf;
    box-shadow: 0 0 0 3px rgba(79, 121, 207, 0.2);
}

body.task-mail #compose-options .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #4f79cf;
    background: #4f79cf;
    box-shadow: inset 0 1px 2px rgba(22, 39, 66, 0.18);
}

body.task-mail #compose-options .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background: #ffffff;
    transform: translate(0.89rem, -50%);
}

body.task-mail #compose-options .custom-switch .custom-control-input:disabled ~ .custom-control-label {
    opacity: 0.58;
}

@media screen and (max-width: 1024px) {
    body.task-mail #compose-content > #compose-objects,
    body.task-mail #compose-content > #compose-headers,
    body.task-mail #compose-content > #composebodycontainer,
    body.task-mail #compose-content > .formbuttons {
        width: 100%;
    }

    body.task-mail #compose-headers .compose-headers .form-group.row {
        display: block;
    }

    body.task-mail #compose-headers .compose-headers .form-group.row > label.col-2,
    body.task-mail #compose-headers .compose-headers .form-group.row > div.col-10 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 auto;
    }

    body.task-mail #compose-headers .compose-headers .form-group.row > label.col-2 {
        padding: 0 0 0.38rem 0;
    }
}

@media screen and (max-width: 768px) {
    body.task-mail #compose-content .formbuttons {
        flex-direction: column;
        align-items: stretch;
    }

    body.task-mail #compose-content .formbuttons .btn.send,
    body.task-mail #compose-content .formbuttons a.button.extwin,
    body.task-mail #compose-content .formbuttons a.btn.extwin,
    body.task-mail #compose-content .formbuttons #rcmbtn112 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    body.task-mail #layout-content > .header {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 56px !important;
        height: auto !important;
        line-height: 1 !important;
        padding: 8px 10px !important;
        overflow: hidden;
    }

    body.task-mail #layout-content > .header > .button:not(.toolbar-menu-button):not(.back-list-button),
    body.task-mail #layout-content > .header > .back-sidebar-button,
    body.task-mail #layout-content > .header > .toolbar-menu-button,
    body.task-mail #layout-content > .header .back-list-button {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        min-width: 38px;
        margin: 0;
        padding: 0 !important;
        border: 1px solid #d9e5f7;
        border-radius: 12px;
        background: linear-gradient(180deg, #fbfdff, #eef5ff) !important;
        box-shadow: none !important;
        color: #4b648b !important;
        text-decoration: none;
        text-indent: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        overflow: hidden;
        position: relative;
        align-self: center;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    body.task-mail #layout-content > .header > .button:not(.toolbar-menu-button):not(.back-list-button)::before,
    body.task-mail #layout-content > .header > .back-sidebar-button::before {
        content: "";
        width: 16px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
        box-shadow: 0 -5px 0 currentColor, 0 5px 0 currentColor;
    }

    body.task-mail #layout-content > .header > .toolbar-menu-button::before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: currentColor;
        box-shadow: 0 -8px 0 currentColor, 0 8px 0 currentColor;
    }

    body.task-mail #layout-content > .header .back-list-button::before {
        content: "";
        width: 10px;
        height: 10px;
        border-left: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateX(2px) rotate(45deg);
    }

    body.task-mail #layout-content > .header > .button:not(.toolbar-menu-button):not(.back-list-button)::after,
    body.task-mail #layout-content > .header > .back-sidebar-button::after,
    body.task-mail #layout-content > .header > .toolbar-menu-button::after,
    body.task-mail #layout-content > .header .back-list-button::after {
        content: none !important;
    }

    body.task-mail #layout-content > .header > .button:not(.toolbar-menu-button):not(.back-list-button) .inner,
    body.task-mail #layout-content > .header > .back-sidebar-button .inner,
    body.task-mail #layout-content > .header > .toolbar-menu-button .inner,
    body.task-mail #layout-content > .header .back-list-button .inner {
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    body.task-mail #layout-content > .header > .button:not(.toolbar-menu-button):not(.back-list-button):hover,
    body.task-mail #layout-content > .header > .button:not(.toolbar-menu-button):not(.back-list-button):focus,
    body.task-mail #layout-content > .header > .back-sidebar-button:hover,
    body.task-mail #layout-content > .header > .back-sidebar-button:focus,
    body.task-mail #layout-content > .header > .toolbar-menu-button:hover,
    body.task-mail #layout-content > .header > .toolbar-menu-button:focus,
    body.task-mail #layout-content > .header .back-list-button:hover,
    body.task-mail #layout-content > .header .back-list-button:focus {
        border-color: #c9dbfb;
        background: #ebf3ff !important;
        color: #345d95 !important;
        outline: none;
    }

    body.task-mail #layout-content > .header .header-title {
        display: none !important;
    }

    body.task-mail #layout-content > .header .menu.toolbar {
        position: static !important;
        display: flex !important;
        align-items: center;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        margin: 0 0 0 auto !important;
        padding: 0;
        gap: 6px;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.task-mail #layout-content > .header .menu.toolbar::-webkit-scrollbar {
        display: none;
    }

    body.task-mail #layout-content > .header .menu.toolbar > li {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        margin: 0;
    }

    body.task-mail #layout-content > .header .menu.toolbar > li.spacer {
        display: none;
    }

    body.task-mail #layout-content > .header .menu.toolbar > li > a,
    body.task-mail #layout-content > .header .menu.toolbar > li > span.dropbutton {
        min-width: 38px;
        min-height: 38px;
        height: 38px;
        border-radius: 12px;
        box-shadow: none;
    }

    body.task-mail #layout-content > .header .menu.toolbar > li > a {
        gap: 0.34rem;
        min-width: 38px;
        padding: 0 11px;
        font-size: 0.82rem;
    }

    body.task-mail #layout-content > .header .menu.toolbar > li > a::before,
    body.task-mail #layout-content > .header .menu.toolbar > li > span.dropbutton > a:not(.dropdown)::before {
        margin: 0 0.32rem 0 0 !important;
        transform: none !important;
    }

    body.task-mail #layout-content > .header .menu.toolbar > li > span.dropbutton {
        display: inline-flex;
        align-items: stretch;
        flex: 0 0 auto;
    }

    body.task-mail #layout-content > .header .menu.toolbar > li > span.dropbutton > a {
        font-size: 0.82rem;
    }

    body.task-mail #layout-content > .header .menu.toolbar > li > span.dropbutton > a:first-child {
        min-width: 38px;
        padding: 0 11px;
        gap: 0.34rem;
        font-size: 0.82rem;
    }

    body.task-mail #layout-content > .header .menu.toolbar > li > span.dropbutton > a.dropdown {
        min-width: 30px;
        padding: 0 8px;
    }

    body.task-mail #layout-list > .header {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 56px !important;
        height: auto !important;
        line-height: 1 !important;
        padding: 8px 10px !important;
        overflow: hidden;
    }

    body.task-mail #layout-list > .header > .button,
    body.task-mail #layout-list > .header > .toolbar-menu-button {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        min-width: 38px;
        min-height: 38px;
        margin: 0;
        padding: 0 !important;
        border: 1px solid #d9e5f7;
        border-radius: 12px;
        background: linear-gradient(180deg, #fbfdff, #eef5ff) !important;
        box-shadow: none !important;
        color: #4b648b !important;
        text-decoration: none;
        text-indent: 0 !important;
        line-height: 1 !important;
        overflow: hidden;
        position: relative;
        align-self: center;
    }

    body.task-mail #layout-list > .header > .button::before,
    body.task-mail #layout-list > .header > .toolbar-menu-button::before {
        float: none !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        line-height: 1 !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
    }

    body.task-mail #layout-list > .header > .toolbar-menu-button::before {
        content: "";
        display: block;
        width: 16px !important;
        height: 16px !important;
        background:
            radial-gradient(circle at 4px 3px, currentColor 0 1.7px, transparent 2.2px),
            linear-gradient(currentColor, currentColor) 0 2px / 16px 2px no-repeat,
            radial-gradient(circle at 12px 8px, currentColor 0 1.7px, transparent 2.2px),
            linear-gradient(currentColor, currentColor) 0 7px / 16px 2px no-repeat,
            radial-gradient(circle at 7px 13px, currentColor 0 1.7px, transparent 2.2px),
            linear-gradient(currentColor, currentColor) 0 12px / 16px 2px no-repeat;
    }

    body.task-mail #layout-list > .header > .button .inner,
    body.task-mail #layout-list > .header > .toolbar-menu-button .inner {
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    body.task-mail #layout-list > .header > .button:hover,
    body.task-mail #layout-list > .header > .button:focus,
    body.task-mail #layout-list > .header > .toolbar-menu-button:hover,
    body.task-mail #layout-list > .header > .toolbar-menu-button:focus {
        border-color: #c9dbfb;
        background: #ebf3ff !important;
        color: #345d95 !important;
        outline: none;
    }

    body.task-mail #layout-list > .header .header-title {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-width: 0;
        margin: 0 !important;
        padding: 0 0.45rem;
        color: #23446f;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 1.18rem;
        font-weight: 400;
        letter-spacing: -0.045em;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.96);
    }
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content {
    background: transparent;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) 46px;
    align-items: center;
    gap: 12px;
    padding: 16px 18px 0 !important;
    min-height: auto !important;
    background: transparent !important;
    border-bottom: 0 !important;
    line-height: normal !important;
    overflow: visible;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header .header-title,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header #composestatusbar {
    display: none !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > .task-menu-button,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > .back-list-button,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > .toolbar-menu-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    border-radius: 17px;
    background: rgba(85, 124, 203, 0.1) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
    color: #35568e !important;
    text-decoration: none;
    text-indent: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
    position: relative;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > .task-menu-button::before,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > .back-list-button::before {
    content: "";
    width: 16px;
    height: 16px;
    background: currentColor !important;
    box-shadow: none !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 18l-6-6 6-6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 18l-6-6 6-6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    transform: none !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > .toolbar-menu-button::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 -8px 0 currentColor, 0 8px 0 currentColor;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > .task-menu-button::after,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > .back-list-button::after,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > .toolbar-menu-button::after {
    content: none !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > .task-menu-button .inner,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > .back-list-button .inner,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > .toolbar-menu-button .inner {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-appbar-main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    min-width: 0;
    text-align: center;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-appbar-overline {
    color: #7d91b7;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-appbar-title {
    color: #223e6f;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.08;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu {
    grid-column: 1 / -1;
    grid-row: 2;
    position: static !important;
    display: flex !important;
    align-items: flex-start;
    gap: 8px;
    margin: 10px -18px 0 !important;
    min-height: 38px;
    padding: 0 18px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    line-height: 1 !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu::-webkit-scrollbar {
    display: none;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu > li {
    display: flex;
    flex: 0 0 auto;
    height: 38px;
    min-height: 38px;
    align-items: flex-start;
    margin: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu > li.spacer {
    display: none !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu > li > span.dropbutton {
    height: 38px;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu > li:has(> span.dropbutton > a.spellcheck) {
    display: none !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu > li > a,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu > li > span.dropbutton > a {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    min-height: 36px;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.82) !important;
    color: #48679f !important;
    box-shadow: inset 0 0 0 1px rgba(217, 227, 245, 0.86) !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap;
    overflow: visible !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu > li > a::before,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu > li > span.dropbutton > a::before {
    margin: 0 !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu > li > a.options::before {
    content: "";
    display: inline-block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    background: center / 16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v9' fill='none' stroke='%2348679f' stroke-width='2.35' stroke-linecap='round'/%3E%3Cpath d='m8.5 11.5 3.5 3.5 3.5-3.5' fill='none' stroke='%2348679f' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 19h12' fill='none' stroke='%2348679f' stroke-width='2.35' stroke-linecap='round'/%3E%3C/svg%3E");
    box-shadow: none !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu > li > a.disabled,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .header > #toolbar-menu > li > span.dropbutton > a.disabled {
    opacity: 0.45;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content {
    padding: 12px 16px 168px;
    background: transparent;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formcontent,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formcontent.scroller {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #layout-content > .footer.content-frame-navigation {
    display: none !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    margin-bottom: 12px;
    padding: 0 2px;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-subtitle {
    min-width: 0;
    color: #6980a6;
    font-size: 0.79rem;
    line-height: 1.35;
    max-width: 210px;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-state-pill {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(88, 123, 196, 0.11);
    color: #48679f;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-panel {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 0;
    padding: 14px;
    border: 1px solid #dce8fb;
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.92));
    box-shadow: 0 18px 30px rgba(45, 78, 141, 0.1);
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .compose-headers {
    gap: 10px;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .compose-headers .form-group.row {
    display: block;
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(248, 251, 255, 0.92);
    box-shadow: none;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .compose-headers .form-group.row > label.col-2 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    margin: 0 0 6px;
    padding: 0;
    color: #6f83a8;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .compose-headers .form-group.row > div.col-10 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .input-group {
    border-radius: 16px;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .input-group > .form-control,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .input-group > .recipient-input,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose_subject .form-control {
    min-height: 40px;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .recipient-input {
    align-items: center;
    padding: 0 0.75rem !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .recipient-input input,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .recipient-input textarea {
    margin-top: 0 !important;
    align-self: center;
    box-sizing: border-box;
    color: #243d66;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .recipient-input input {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    line-height: 34px !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .recipient-input textarea {
    height: 34px !important;
    min-height: 34px !important;
    padding: 7px 0 5px !important;
    line-height: 1.2 !important;
    overflow: hidden;
    resize: none;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .recipient-input li.recipient {
    border-radius: 14px;
    background: linear-gradient(135deg, #dce7ff, #c9dbfd);
    box-shadow: none;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .recipient-input li.recipient .name {
    color: #244f9e;
    font-size: 0.82rem;
    font-weight: 800;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .recipient-input li.recipient a.button.icon.remove {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    padding: 0 0.18rem 0 0.08rem;
    font-size: 0;
    line-height: 0;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .recipient-input li.recipient a.button.icon.remove::before,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .recipient-input li.recipient a.button.icon.remove::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 1.8px;
    border-radius: 999px;
    background: currentColor;
    transform-origin: center;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .recipient-input li.recipient a.button.icon.remove::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-headers .recipient-input li.recipient a.button.icon.remove::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-helpers {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-helper-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 14px;
    background: rgba(88, 123, 196, 0.1);
    color: #4e6fa5;
    font-size: 0.76rem;
    font-weight: 800;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-helper-chip.is-active {
    background: linear-gradient(135deg, #dce7ff, #c9dbfd);
    color: #244f9e;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-helper-chip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    position: relative;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-helper-chip-icon::before,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-helper-chip-icon::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    background: currentColor;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-helper-chip-icon::before {
    width: 12px;
    height: 2px;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-helper-chip-icon::after {
    width: 2px;
    height: 12px;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-helper-chip[data-compose-field="compose_replyto"] .grm-mobile-compose-helper-chip-icon::before {
    width: 14px;
    height: 14px;
    border-radius: 0;
    background: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 8 5 12l5 4' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 12h7.5c3.6 0 5.5-1.6 5.5-4.5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 8 5 12l5 4' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 12h7.5c3.6 0 5.5-1.6 5.5-4.5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    transform: none;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-helper-chip[data-compose-field="compose_replyto"] .grm-mobile-compose-helper-chip-icon::after {
    content: none;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #composebodycontainer {
    margin: 0;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 0 0 1px rgba(220, 229, 244, 0.92);
    overflow: hidden;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #composebodycontainer .tox .tox-toolbar-overlord {
    padding: 0.48rem 0.7rem !important;
    background: rgba(241, 246, 255, 0.92) !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #composebodycontainer .tox .tox-edit-area__iframe {
    min-height: 280px !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formbuttons.grm-mobile-compose-dock {
    position: fixed;
    left: 16px;
    right: auto;
    width: calc(100vw - 34px);
    max-width: calc(100vw - 34px);
    bottom: 12px;
    z-index: 12;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px;
    border: 1px solid rgba(214, 226, 248, 0.96);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 16px 28px rgba(34, 58, 111, 0.12);
    box-sizing: border-box;
    overflow: hidden;
    backdrop-filter: none;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formbuttons.grm-mobile-compose-dock > .float-right {
    display: none !important;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formbuttons.grm-mobile-compose-dock .grm-mobile-compose-save-button,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formbuttons.grm-mobile-compose-dock .grm-mobile-compose-mode-button,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formbuttons.grm-mobile-compose-dock .grm-mobile-compose-window-button,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formbuttons.grm-mobile-compose-dock .grm-mobile-compose-send-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    min-width: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0 14px;
    border-radius: 16px;
    white-space: nowrap;
    box-sizing: border-box;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formbuttons.grm-mobile-compose-dock .grm-mobile-compose-save-button {
    border: 1px solid rgba(214, 226, 248, 0.96);
    background: #f4f7ff;
    color: #35568e;
    font-size: 0.82rem;
    font-weight: 800;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formbuttons.grm-mobile-compose-dock .grm-mobile-compose-mode-button {
    border: 1px solid rgba(214, 226, 248, 0.96);
    background: #ffffff;
    color: #4f6fa5;
    font-size: 0.8rem;
    font-weight: 800;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formbuttons.grm-mobile-compose-dock .grm-mobile-compose-send-button {
    border: 0;
    background: linear-gradient(135deg, #5a84e6, #3f67c8);
    box-shadow: 0 14px 22px rgba(62, 99, 186, 0.22);
    color: #ffffff !important;
    font-size: 0.82rem;
    font-weight: 800;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formbuttons.grm-mobile-compose-dock .grm-mobile-compose-window-button {
    min-width: 92px;
    border: 0;
    background: rgba(89, 122, 191, 0.1);
    box-shadow: none;
    color: #35568e !important;
    font-size: 0;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view #compose-content .formbuttons.grm-mobile-compose-dock .grm-mobile-compose-window-button::after {
    content: attr(data-grm-mobile-compose-label);
    font-size: 0.82rem;
    font-weight: 800;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-overlay {
    position: fixed;
    inset: 0;
    z-index: 30;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 20px 16px 16px;
    background: rgba(29, 47, 82, 0.28);
    box-sizing: border-box;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-panel {
    position: relative;
    width: min(100%, 358px);
    max-height: min(78vh, 640px);
    overflow: auto;
    padding: 18px 18px 22px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 255, 0.96));
    box-shadow: 0 20px 40px rgba(24, 42, 76, 0.2);
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 14px;
    background: rgba(86, 120, 190, 0.1);
    color: #48679f;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-close::before,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-close::after {
    content: "";
    position: absolute;
    top: 17px;
    left: 10px;
    width: 16px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-close::before {
    transform: rotate(45deg);
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-close::after {
    transform: rotate(-45deg);
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-title {
    margin-right: 44px;
    color: #223e6f;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1.18rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.03em;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-recipients {
    margin-top: 10px;
    color: #6a80a6;
    font-size: 0.82rem;
    line-height: 1.45;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-body {
    margin-top: 16px;
    padding: 16px;
    border-radius: 20px;
    background: rgba(248, 251, 255, 0.92);
    box-shadow: inset 0 0 0 1px rgba(220, 229, 244, 0.96);
    color: #29426f;
    font-size: 0.93rem;
    line-height: 1.6;
}

html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-body img,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-body table,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-body iframe,
html.layout-phone body.task-mail.action-compose.grm-mobile-compose-view .grm-mobile-compose-preview-body video {
    max-width: 100%;
}

/* Keep theme light even if browser prefers dark mode */
html.dark-mode body {
    color: var(--grm-text);
    background:
        radial-gradient(circle at 12% 14%, rgba(255, 255, 255, 0.9), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(123, 169, 244, 0.22), transparent 30%),
        linear-gradient(165deg, var(--grm-bg-top), var(--grm-bg-bottom));
}

html.dark-mode #layout-menu,
html.dark-mode #layout-sidebar,
html.dark-mode #layout-list,
html.dark-mode #layout-content,
html.dark-mode #layout > div > .header,
html.dark-mode #layout > div > .footer,
html.dark-mode .searchbar,
html.dark-mode .listing li.selected,
html.dark-mode .listing tr.selected td,
html.dark-mode .popupmenu,
html.dark-mode .popover {
    color: var(--grm-text) !important;
    border-color: var(--grm-border) !important;
}

html.dark-mode #taskmenu a,
html.dark-mode .searchbar a,
html.dark-mode .menu.toolbar a,
html.dark-mode .listing tbody td,
html.dark-mode .listing li a,
html.dark-mode .listing span.secondary,
html.dark-mode .pagenav .pagenav-text {
    color: inherit !important;
}

/* Motion */
@keyframes grm-fade-up {
    from {
        transform: translateY(8px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

body:not(.task-login) #layout > #layout-menu { animation: grm-fade-up 0.24s ease-out both; }
body:not(.task-login) #layout > #layout-sidebar { animation: grm-fade-up 0.3s ease-out both; }
body:not(.task-login) #layout > #layout-list { animation: grm-fade-up 0.36s ease-out both; }
body:not(.task-login) #layout > #layout-content { animation: grm-fade-up 0.42s ease-out both; }

@media screen and (max-width: 1024px) {
    body:not(.task-login) #layout {
        gap: 8px;
        padding: 8px;
    }
}

@media screen and (max-width: 768px) {
    body:not(.task-login) #layout {
        gap: 0;
        padding: 0;
    }

    #layout-menu,
    #layout-sidebar,
    #layout-list,
    #layout-content {
        border-radius: 0;
        box-shadow: none;
    }

    #login-form {
        top: 10vh;
        max-width: 100%;
    }

    body:not(.task-login) #layout-menu {
        position: relative;
        display: flex;
        flex-direction: column;
        flex: 0 0 min(340px, calc(100vw - 28px)) !important;
        width: min(340px, calc(100vw - 28px)) !important;
        min-width: min(340px, calc(100vw - 28px)) !important;
        max-width: calc(100vw - 28px) !important;
        height: calc(100vh - 28px);
        height: calc(100dvh - 28px);
        margin: 14px 0 14px 14px;
        border: 1px solid #d8e6fb;
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(252, 254, 255, 0.98) 0%, rgba(241, 247, 255, 0.98) 100%);
        box-shadow: 0 24px 52px rgba(28, 51, 94, 0.2);
        overflow: hidden;
        backdrop-filter: blur(14px);
    }

    body:not(.task-login) #layout-menu::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 18% 10%, rgba(106, 149, 233, 0.2), transparent 34%),
            radial-gradient(circle at 82% 0%, rgba(255, 255, 255, 0.9), transparent 28%);
        pointer-events: none;
    }

    body:not(.task-login) #layout-menu .popover-header,
    body:not(.task-login) #taskmenu {
        position: relative;
        z-index: 1;
    }

    body:not(.task-login) #layout-menu .popover-header {
        display: grid;
        grid-template-columns: 54px minmax(0, 1fr) 40px;
        align-items: center;
        gap: 12px;
        min-height: 84px;
        padding: 18px 18px 16px;
        border-bottom: 1px solid #e2ebf8;
        background: linear-gradient(180deg, rgba(248, 252, 255, 0.92), rgba(240, 246, 255, 0.72)) !important;
    }

    body:not(.task-login) #layout-menu .popover-header img {
        flex: 0 0 54px;
        width: 54px;
        height: 54px;
        max-width: 54px;
        max-height: 54px;
        padding: 6px;
        border: 1px solid #d9e4f8;
        border-radius: 16px;
        background: linear-gradient(180deg, #ffffff, #eef4ff);
        box-shadow: 0 10px 20px rgba(57, 93, 154, 0.12);
        object-fit: contain;
        opacity: 1;
    }

    body:not(.task-login) #layout-menu .popover-header .grm-app-brand-mark {
        display: block;
        min-width: 0;
        max-width: none;
        color: #244372;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 0.98rem;
        font-weight: 800;
        line-height: 1.05;
        letter-spacing: -0.015em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: keep-all;
        overflow-wrap: normal;
    }

    body:not(.task-login) #layout-menu .popover-header .grm-app-brand-mark small {
        display: block;
        margin-top: 4px;
        color: #7b90b2;
        font-family: "Manrope", sans-serif;
        font-size: 0.67rem;
        font-weight: 800;
        letter-spacing: 0.11em;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body:not(.task-login) #layout-menu .popover-header a.cancel {
        position: relative;
        margin-left: 0;
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        min-width: 40px;
        padding: 0 !important;
        border: 1px solid #d9e5f8;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.8) !important;
        box-shadow: none !important;
        color: #61799e !important;
        text-indent: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        overflow: hidden;
    }

    body:not(.task-login) #layout-menu .popover-header a.cancel::before,
    body:not(.task-login) #layout-menu .popover-header a.cancel::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
    }

    body:not(.task-login) #layout-menu .popover-header a.cancel::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    body:not(.task-login) #layout-menu .popover-header a.cancel::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    body:not(.task-login) #layout-menu .popover-header a.cancel .inner {
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    body:not(.task-login) #layout-menu .popover-header a.cancel:hover,
    body:not(.task-login) #layout-menu .popover-header a.cancel:focus {
        border-color: #c9dbfb;
        background: #edf4ff !important;
        color: #3d6499 !important;
        outline: none;
    }

    body:not(.task-login) #taskmenu {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
        flex-direction: column;
        gap: 4px;
        padding: 14px 14px 16px;
        overflow-y: auto;
    }

    body:not(.task-login) #taskmenu .action-buttons {
        margin: 0 0 10px;
    }

    body:not(.task-login) #taskmenu .action-buttons a.compose {
        display: flex !important;
        align-items: center;
        gap: 12px;
        width: 100%;
        min-height: 58px;
        margin: 0;
        padding: 0 18px;
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 18px;
        color: #ffffff !important;
        background: linear-gradient(140deg, var(--grm-accent), var(--grm-accent-strong));
        box-shadow: 0 16px 28px rgba(53, 92, 170, 0.24);
        font-size: 1.06rem;
        font-weight: 800;
        letter-spacing: -0.01em;
    }

    body:not(.task-login) #taskmenu .action-buttons a.compose::before {
        margin: 0 !important;
        float: none !important;
        width: 1.2rem !important;
        height: auto !important;
        min-width: 1.2rem !important;
        line-height: 1 !important;
        text-align: center;
    }

    body:not(.task-login) #taskmenu .action-buttons a.compose .inner {
        display: inline-flex !important;
        align-items: center;
        padding: 0 !important;
        line-height: 1.15 !important;
    }

    body:not(.task-login) #taskmenu > a,
    body:not(.task-login) #taskmenu .special-buttons a {
        display: flex !important;
        align-items: center;
        gap: 14px;
        width: 100%;
        min-height: 54px;
        margin: 0;
        padding: 0 16px;
        border: 1px solid transparent;
        border-radius: 16px;
        background: transparent;
        box-shadow: none;
        color: #456086 !important;
        font-size: 1.03rem;
        font-weight: 700;
        line-height: 1.15;
        text-decoration: none;
    }

    body:not(.task-login) #taskmenu > a::before,
    body:not(.task-login) #taskmenu .special-buttons a::before {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        float: none !important;
        width: 1.25rem !important;
        height: auto !important;
        min-width: 1.25rem !important;
        margin: 0 !important;
        line-height: 1 !important;
        text-align: center;
        font-size: 1.16rem;
    }

    body:not(.task-login) #taskmenu > a .inner,
    body:not(.task-login) #taskmenu .special-buttons a .inner {
        display: inline-flex !important;
        align-items: center;
        padding: 0 !important;
    }

    body:not(.task-login) #taskmenu > a:hover,
    body:not(.task-login) #taskmenu > a:focus,
    body:not(.task-login) #taskmenu .special-buttons a:hover,
    body:not(.task-login) #taskmenu .special-buttons a:focus {
        border-color: #d8e5fb;
        background: rgba(234, 241, 255, 0.88) !important;
        color: #28497f !important;
        outline: none;
    }

    body:not(.task-login) #taskmenu > a.selected {
        border-color: #d8e4ff;
        background: linear-gradient(180deg, #eef4ff, #e8efff) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
        color: #234579 !important;
    }

    body:not(.task-login) #taskmenu > a.settings {
        margin-top: 10px;
    }

    body:not(.task-login) #taskmenu .special-buttons {
        display: grid;
        gap: 4px;
        margin-top: auto;
        padding-top: 14px;
    }

    body:not(.task-login) #taskmenu .special-buttons::before {
        content: "";
        display: block;
        height: 1px;
        margin: 0 2px 6px;
        background: linear-gradient(90deg, rgba(215, 227, 247, 0), rgba(215, 227, 247, 0.9) 18%, rgba(215, 227, 247, 0.9) 82%, rgba(215, 227, 247, 0));
    }

    body:not(.task-login) #taskmenu .special-buttons a.logout {
        color: #b35d71 !important;
    }

    body:not(.task-login) #taskmenu .special-buttons a.logout:hover,
    body:not(.task-login) #taskmenu .special-buttons a.logout:focus {
        border-color: #f0d3db;
        background: #fff4f6 !important;
        color: #a34a61 !important;
    }
}

/* Desktop layout pass #1: compact left rail + top navigation */
@media screen and (min-width: 1201px) {
    /* Fixed-position elements must not live inside transformed ancestors */
    body:not(.task-login) #layout > #layout-menu,
    body:not(.task-login) #layout > #layout-sidebar,
    body:not(.task-login) #layout > #layout-list,
    body:not(.task-login) #layout > #layout-content {
        animation: none !important;
        transform: none !important;
    }

    body:not(.task-login) #layout {
        padding-top: 102px;
    }

    /* Allow top-nav floating elements to escape panel bounds */
    #layout-menu,
    #layout-list,
    #layout-sidebar,
    #layout-content {
        overflow: visible;
    }

    body:not(.task-login) #layout::before {
        content: "";
        position: fixed;
        top: 14px;
        left: 96px;
        right: 12px;
        height: 74px;
        border: 1px solid var(--grm-border);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 12px 30px rgba(39, 79, 143, 0.1);
        z-index: 70;
        pointer-events: none;
    }

    /* Slim left rail */
    #layout-menu {
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
        border: 0;
        box-shadow: none;
        background: transparent;
    }

    #layout-menu .popover-header {
        position: fixed;
        top: 26px;
        left: 116px;
        width: 232px;
        height: 50px;
        border: 0 !important;
        border-radius: 0;
        background: transparent !important;
        padding: 0 !important;
        z-index: 76;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
    }

    #layout-menu .popover-header img {
        width: 44px;
        height: 44px;
        max-width: 44px;
        max-height: 44px;
        padding: 0;
        opacity: 1;
        object-fit: contain;
        border-radius: 10px;
        background: #fff;
    }

    #layout-menu .popover-header .grm-app-brand-mark {
        display: block;
        color: #2a4f8a;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 1.07rem;
        font-weight: 700;
        line-height: 1.05;
        letter-spacing: 0.01em;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
    }

    #layout-menu .popover-header .grm-app-brand-mark small {
        display: block;
        margin-top: 2px;
        font-family: "Manrope", sans-serif;
        font-size: 0.68rem;
        font-weight: 700;
        color: #6c82a6;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    #taskmenu {
        position: relative;
        height: 100%;
    }

    /* Move primary nav out of left rail */
    #taskmenu > a.mail,
    #taskmenu > a.contacts {
        position: fixed;
        top: 28px;
        height: 46px;
        min-width: auto;
        width: auto;
        padding: 0 18px !important;
        margin: 0;
        box-sizing: border-box;
        border-radius: 12px;
        border: 1px solid var(--grm-border);
        background: #f7fbff;
        color: #375886;
        z-index: 76;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        line-height: 1 !important;
    }

    #taskmenu > a.mail {
        min-width: 88px;
    }

    #taskmenu > a.mail {
        right: 220px;
    }

    #taskmenu > a.contacts {
        min-width: 118px;
        right: 90px;
    }

    #taskmenu > #grm-top-upgrade {
        display: block;
        position: fixed;
        top: 30px;
        right: 350px;
        margin: 0;
        z-index: 77;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-trigger {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 0.56rem;
        height: 42px;
        min-width: 148px;
        margin: 0 !important;
        padding: 0 0.92rem !important;
        border: 1px solid transparent !important;
        border-radius: 11px;
        background:
            linear-gradient(#ffffff, #ffffff) padding-box,
            linear-gradient(96deg, #ff58bf 0%, #5ec8ff 100%) border-box;
        color: #20345a !important;
        font-family: "Manrope", sans-serif;
        font-size: 1.02rem;
        font-weight: 700;
        line-height: 1;
        text-indent: 0 !important;
        box-shadow: 0 6px 16px rgba(58, 93, 152, 0.14);
        cursor: pointer;
        transition: transform 0.16s ease, box-shadow 0.2s ease, filter 0.2s ease;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-trigger::before {
        content: none !important;
        display: none !important;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-trigger:hover,
    #taskmenu > #grm-top-upgrade .grm-top-upgrade-trigger:focus {
        transform: translateY(-1px);
        filter: brightness(1.01);
        box-shadow: 0 9px 20px rgba(53, 85, 140, 0.2);
        outline: none;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-gem {
        position: relative;
        width: 0.86rem;
        height: 0.86rem;
        border-radius: 2px;
        transform: rotate(45deg);
        background: linear-gradient(135deg, #ff68c8 0%, #64d4ff 100%);
        box-shadow: 0 2px 6px rgba(108, 112, 217, 0.34);
        flex: 0 0 auto;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-gem::before {
        content: "";
        position: absolute;
        inset: 0.16rem;
        border-radius: 1px;
        background: #ffffff;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-label {
        display: inline-block;
        transform: translateY(0.5px);
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-panel {
        position: absolute;
        top: 51px;
        left: 50%;
        transform: translateX(-50%);
        width: min(520px, calc(100vw - 56px));
        margin: 0;
        padding: 0.98rem 1rem 1rem;
        border: 1px solid #d5dff2;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 18px 34px rgba(39, 69, 122, 0.22);
        z-index: 97;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-panel::before {
        content: "";
        position: absolute;
        top: -7px;
        left: 50%;
        width: 14px;
        height: 14px;
        border-top: 1px solid #d5dff2;
        border-left: 1px solid #d5dff2;
        background: #ffffff;
        transform: translateX(-50%) rotate(45deg);
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-close {
        position: absolute;
        top: 0.58rem;
        right: 0.58rem;
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: #5d7193;
        font-family: "Manrope", sans-serif;
        font-size: 1.48rem;
        line-height: 1;
        cursor: pointer;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-close:hover,
    #taskmenu > #grm-top-upgrade .grm-top-upgrade-close:focus {
        background: #f1f5fd;
        color: #344f7d;
        outline: none;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-title {
        margin: 0.7rem 2rem 0;
        color: #101d34;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 1.82rem;
        font-weight: 700;
        line-height: 1.15;
        text-align: center;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-subtitle {
        margin: 0.32rem 0 0;
        color: #60749a;
        font-family: "Manrope", sans-serif;
        font-size: 0.98rem;
        font-weight: 600;
        line-height: 1.3;
        text-align: center;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-compare {
        margin-top: 0.88rem;
        display: grid;
        grid-template-columns: minmax(146px, 1fr) minmax(78px, 92px) minmax(78px, 92px) minmax(78px, 92px);
        border: 1px solid #e2e9f7;
        border-radius: 12px;
        overflow: hidden;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cell {
        min-height: 45px;
        padding: 0.62rem 0.68rem;
        border-top: 1px solid #edf2fb;
        display: inline-flex;
        align-items: center;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cell.is-header {
        min-height: 41px;
        border-top: 0;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 0.94rem;
        font-weight: 700;
        justify-content: center;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cell.is-feature {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
        color: #1d304f;
        font-family: "Manrope", sans-serif;
        font-size: 0.97rem;
        font-weight: 600;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-feature-main {
        display: block;
        line-height: 1.2;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-feature-note {
        display: block;
        margin-top: 0.14rem;
        color: #8a9bb8;
        font-family: "Manrope", sans-serif;
        font-size: 0.78rem;
        font-weight: 600;
        line-height: 1.2;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cell.is-starter {
        justify-content: center;
        color: #1f2f4a;
        font-family: "Manrope", sans-serif;
        font-size: 0.95rem;
        font-weight: 700;
        background: #ffffff;
        text-align: center;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cell.is-plus {
        justify-content: center;
        color: #1f2f4a;
        font-family: "Manrope", sans-serif;
        font-size: 0.95rem;
        font-weight: 700;
        background: #edf6ff;
        text-align: center;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cell.is-pro {
        justify-content: center;
        color: #1f2f4a;
        font-family: "Manrope", sans-serif;
        font-size: 0.95rem;
        font-weight: 700;
        background: #e8f3ff;
        text-align: center;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cell.is-header.is-plus {
        color: #ffffff;
        background: linear-gradient(150deg, #8fc8ff 0%, #5ba4f2 100%);
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cell.is-header.is-pro {
        color: #ffffff;
        background: linear-gradient(150deg, #6fb0f7 0%, #4488dd 100%);
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cell.is-check {
        color: #2f7d5a;
        font-size: 1.02rem;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cta {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: min(100%, 240px) !important;
        max-width: 240px !important;
        min-width: 200px !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0.88rem auto 0 !important;
        padding: 0 1rem !important;
        border: 1px solid #3d84d4 !important;
        border-radius: 12px;
        background: linear-gradient(140deg, #61adef 0%, #3f84d6 100%) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-family: "Manrope", sans-serif;
        font-size: 0.98rem;
        font-weight: 700;
        line-height: 1 !important;
        letter-spacing: 0.01em;
        text-align: center !important;
        white-space: nowrap;
        text-decoration: none !important;
        text-indent: 0 !important;
        opacity: 1 !important;
        filter: none !important;
        box-shadow: 0 8px 18px rgba(61, 124, 200, 0.28);
        text-shadow: none !important;
        transition: transform 0.14s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cta::before {
        content: none !important;
        display: none !important;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cta:visited {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cta:hover,
    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cta:focus {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        background: linear-gradient(140deg, #529fe8 0%, #3477c8 100%) !important;
        border-color: #3577c5 !important;
        box-shadow: 0 10px 20px rgba(52, 111, 188, 0.34);
        transform: translateY(-1px);
        opacity: 1 !important;
        filter: none !important;
        outline: none;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-cta:active {
        transform: translateY(0);
        box-shadow: 0 7px 14px rgba(52, 111, 188, 0.26);
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-later {
        display: block;
        margin: 0.55rem auto 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: #526ba0;
        font-family: "Manrope", sans-serif;
        font-size: 0.98rem;
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 2px;
        cursor: pointer;
    }

    #taskmenu > #grm-top-upgrade .grm-top-upgrade-later:hover,
    #taskmenu > #grm-top-upgrade .grm-top-upgrade-later:focus {
        color: #334f84;
        outline: none;
    }

    #taskmenu > #grm-user-menu {
        display: block;
        position: fixed;
        top: 28px;
        right: 32px;
        width: 46px;
        height: 46px;
        margin: 0;
        z-index: 77;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-trigger {
        width: 46px;
        height: 46px;
        padding: 0;
        margin: 0;
        border: 1px solid var(--grm-border);
        border-radius: 999px;
        background: #f7fbff;
        color: #375886;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow: 0 5px 14px rgba(49, 86, 150, 0.12);
        transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-trigger:hover,
    #taskmenu > #grm-user-menu .grm-user-menu-trigger:focus {
        border-color: #c9dbfb;
        background: #e4edff;
        box-shadow: 0 8px 20px rgba(49, 86, 150, 0.16);
        outline: none;
        transform: translateY(-1px);
    }

    #taskmenu > #grm-user-menu.is-open .grm-user-menu-trigger {
        border-color: #b8cff6;
        background: #e0ebff;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-avatar {
        width: 30px;
        height: 30px;
        border-radius: 999px;
        display: block;
        object-fit: contain;
        background: #ffffff;
        box-shadow: none;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-dropdown {
        position: fixed;
        top: 86px;
        right: 24px;
        width: min(320px, calc(100vw - 48px));
        padding: 0.92rem 0.95rem;
        border: 1px solid #d3e3fb;
        border-radius: 14px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 249, 255, 0.98) 100%);
        box-shadow: 0 18px 36px rgba(40, 74, 131, 0.22);
        backdrop-filter: blur(8px);
        z-index: 96;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-profile {
        display: grid;
        gap: 0.26rem;
        margin-bottom: 0.7rem;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-display {
        color: #203b66;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 1.06rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.01em;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-display.is-missing {
        letter-spacing: 0;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-add-name {
        display: inline-flex;
        align-items: center;
        gap: 0.28rem;
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-indent: 0 !important;
        overflow: visible !important;
        white-space: nowrap;
        color: #315d9f;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 1.01rem;
        font-weight: 700;
        line-height: 1.2;
        text-decoration-line: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 2px;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-add-name::before {
        content: none !important;
        display: none !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-add-name::after {
        content: "";
        display: inline-block;
        width: 0.42rem;
        height: 0.42rem;
        border-top: 2px solid currentColor;
        border-right: 2px solid currentColor;
        transform: translateY(0.06rem) rotate(45deg);
        flex: 0 0 auto;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-add-name:hover,
    #taskmenu > #grm-user-menu .grm-user-menu-add-name:focus {
        color: #244678;
        text-decoration-thickness: 2px;
        background: transparent !important;
        box-shadow: none !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-add-name:focus-visible {
        outline: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-username {
        color: #5d7396;
        font-family: "Manrope", sans-serif;
        font-size: 0.92rem;
        font-weight: 600;
        line-height: 1.3;
        flex: 0 0 auto;
        min-width: auto;
        max-width: none;
        text-align: center;
        white-space: nowrap;
        overflow: visible;
        text-overflow: clip;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-username-row {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.28rem;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        min-width: 0;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-copy {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 1.44rem !important;
        min-width: 1.44rem !important;
        height: 1.44rem !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(87, 117, 161, 0.35) !important;
        border-radius: 6px;
        background: transparent !important;
        color: #57739f;
        text-indent: 0 !important;
        box-shadow: none !important;
        cursor: pointer;
        flex: 0 0 auto;
        transition: border-color 0.16s ease, color 0.16s ease, background-color 0.16s ease;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-copy::before {
        content: none !important;
        display: none !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-copy:hover,
    #taskmenu > #grm-user-menu .grm-user-menu-copy:focus {
        border-color: rgba(74, 102, 147, 0.52) !important;
        color: #3f5f93;
        background: rgba(255, 255, 255, 0.35) !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-copy:focus-visible {
        outline: none !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-copy:disabled {
        opacity: 0.45;
        cursor: default;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-copy.is-copied {
        border-color: rgba(51, 135, 94, 0.58) !important;
        color: #2f7a58;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-copy.is-copy-error {
        border-color: rgba(182, 82, 96, 0.58) !important;
        color: #a5414f;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-copy-icon {
        position: relative;
        display: inline-block;
        width: 0.62rem;
        height: 0.62rem;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-copy-icon::before,
    #taskmenu > #grm-user-menu .grm-user-menu-copy-icon::after {
        content: "";
        position: absolute;
        width: 0.5rem;
        height: 0.5rem;
        border: 1.4px solid currentColor;
        border-radius: 2px;
        background: transparent;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-copy-icon::before {
        top: 0.08rem;
        left: 0.12rem;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-copy-icon::after {
        top: -0.08rem;
        left: -0.02rem;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-plan-row {
        margin-top: 0.5rem;
        padding-top: 0;
        border-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.62rem;
        width: min(100%, 272px);
        margin-left: auto;
        margin-right: auto;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-plan {
        display: inline-flex;
        align-items: center;
        gap: 0.44rem;
        min-height: 32px;
        padding: 0.26rem 0.7rem;
        border: 1px solid #c8dbfa;
        border-radius: 999px;
        background: #edf5ff;
        color: #2f568f;
        font-family: "Manrope", sans-serif;
        font-size: 0.86rem;
        font-weight: 700;
        line-height: 1;
        text-transform: none;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-plan::before {
        content: "";
        width: 0.46rem;
        height: 0.46rem;
        border-radius: 50%;
        background: #4b79d8;
        flex: 0 0 auto;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-plan[data-plan-code="plus"] {
        border-color: #bfd6ff;
        background: linear-gradient(180deg, #eef5ff 0%, #e5f0ff 100%);
        color: #25539b;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-plan[data-plan-code="plus"]::before {
        background: #5a88eb;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-plan[data-plan-code="pro"] {
        border-color: #a9c6fb;
        background: linear-gradient(180deg, #e8f1ff 0%, #dce9ff 100%);
        color: #1f4a90;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-plan[data-plan-code="pro"]::before {
        background: #2f59ac;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-upgrade {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #2f59ac !important;
        font-family: "Manrope", sans-serif;
        font-size: 0.86rem;
        font-weight: 700;
        text-decoration: underline !important;
        text-decoration-thickness: 1px;
        text-underline-offset: 2px;
        box-shadow: none;
        transition: color 0.16s ease, text-decoration-thickness 0.16s ease;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-upgrade:hover,
    #taskmenu > #grm-user-menu .grm-user-menu-upgrade:focus {
        color: #234579 !important;
        text-decoration-thickness: 2px;
        background: transparent !important;
        box-shadow: none !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-plan-meta {
        width: min(100%, 272px);
        margin: 0.08rem auto 0;
        color: #6b81a6;
        font-family: "Manrope", sans-serif;
        font-size: 0.78rem;
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-actions {
        margin-top: 0.74rem;
        padding-top: 0.72rem;
        border-top: 1px solid #d9e6fb;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.42rem;
        width: min(100%, 272px);
        margin-left: auto;
        margin-right: auto;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-actions > a.grm-user-menu-settings,
    #taskmenu > #grm-user-menu .grm-user-menu-actions > a.grm-user-menu-logout,
    #taskmenu > #grm-user-menu .grm-user-menu-actions > button.grm-user-menu-telegram {
        display: inline-flex !important;
        align-items: center;
        justify-content: center !important;
        gap: 0.34rem;
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0.2rem 0.72rem !important;
        border-radius: 9px;
        box-sizing: border-box;
        text-align: center;
        white-space: nowrap;
        text-indent: 0 !important;
        font-family: "Manrope", sans-serif;
        font-size: 0.94rem;
        font-weight: 600;
        line-height: 1 !important;
        text-decoration: none !important;
        transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-actions > a.grm-user-menu-settings::before,
    #taskmenu > #grm-user-menu .grm-user-menu-actions > a.grm-user-menu-logout::before,
    #taskmenu > #grm-user-menu .grm-user-menu-actions > button.grm-user-menu-telegram::before {
        content: none !important;
        display: none !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-telegram {
        border: 1px solid rgba(78, 116, 186, 0.36) !important;
        background: linear-gradient(180deg, #edf4ff 0%, #e4efff 100%) !important;
        color: #254c8f !important;
        box-shadow: none !important;
        cursor: pointer;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-telegram:hover,
    #taskmenu > #grm-user-menu .grm-user-menu-telegram:focus {
        border-color: rgba(63, 96, 156, 0.46) !important;
        background: linear-gradient(180deg, #e7f1ff 0%, #dbe9ff 100%) !important;
        color: #1d3d74 !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-telegram:disabled,
    #taskmenu > #grm-user-menu .grm-user-menu-telegram[aria-disabled="true"] {
        opacity: 0.68;
        cursor: default;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-settings {
        border: 1px solid rgba(86, 114, 157, 0.34) !important;
        background: transparent !important;
        color: #27344e !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-settings:hover,
    #taskmenu > #grm-user-menu .grm-user-menu-settings:focus {
        border-color: rgba(74, 101, 144, 0.46) !important;
        background: transparent !important;
        color: #1f2a41 !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-logout {
        border: 1px solid rgba(86, 114, 157, 0.34) !important;
        background: transparent !important;
        color: #25324c !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-logout:hover,
    #taskmenu > #grm-user-menu .grm-user-menu-logout:focus {
        border-color: rgba(74, 101, 144, 0.46) !important;
        background: transparent !important;
        color: #1f2a40 !important;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-action-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 0.9rem;
        min-width: 0.9rem;
        font-family: "Manrope", sans-serif;
        font-size: 0.8rem;
        line-height: 1;
        color: #4d678f;
    }

    #taskmenu > #grm-user-menu .grm-user-menu-action-text {
        display: inline-block;
        line-height: 1.1;
    }

    #taskmenu > a.mail:before,
    #taskmenu > a.contacts:before {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        float: none !important;
        width: 1.15em !important;
        height: auto !important;
        min-width: 1.15em !important;
        margin: 0 !important;
        line-height: 1 !important;
        position: relative;
        top: 0 !important;
        transform: none !important;
    }

    #taskmenu > a.mail span.inner,
    #taskmenu > a.contacts span.inner {
        display: inline-flex !important;
        align-items: center;
        font-weight: 600;
        line-height: 1 !important;
        padding: 0 !important;
    }

    #taskmenu > a.mail.selected,
    #taskmenu > a.contacts.selected {
        background: #e4edff !important;
        color: #24457a !important;
        border-color: #c9dbfb;
    }

    #taskmenu > a.mail:hover,
    #taskmenu > a.contacts:hover,
    #taskmenu > a.mail:focus,
    #taskmenu > a.contacts:focus {
        background: #e4edff !important;
        color: #24457a !important;
        border-color: #c9dbfb !important;
    }

    /* Compose lives inside the sidebar panel */
    #taskmenu .action-buttons {
        position: static;
    }

    body.task-mail #layout-sidebar .grm-compose-wrap {
        padding: 14px 16px 8px;
    }

    body.task-mail #layout-sidebar .grm-compose-wrap > a.compose {
        position: relative;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 52px;
        border-radius: 14px;
        margin: 0;
        padding: 0 16px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        color: #fff !important;
        background: linear-gradient(140deg, var(--grm-accent), var(--grm-accent-strong));
        box-shadow: 0 10px 24px rgba(52, 93, 171, 0.25);
        z-index: 1;
    }

    body.task-mail #layout-sidebar .grm-compose-wrap > a.compose:before {
        content: "\f044";
        display: inline-block;
        font-family: Icons;
        font-style: normal;
        font-weight: 900;
        font-size: 1rem;
        text-decoration: inherit;
        text-align: center;
        margin: 0 0.45rem 0 0 !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        line-height: 1 !important;
    }

    body.task-mail #layout-sidebar .grm-compose-wrap > a.compose span.inner {
        display: inline !important;
        font-size: 1.08rem;
        font-weight: 700;
    }

    /* Keep only compact utility actions in left rail bottom */
    #taskmenu > a.settings {
        position: absolute;
        left: 8px;
        bottom: 148px;
        width: 56px;
        height: 56px;
        border-radius: 14px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #4a678f;
    }

    #taskmenu > a.settings:before {
        float: none !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        line-height: 1 !important;
        font-size: 1.35rem;
    }

    #taskmenu > a.settings span.inner {
        display: none !important;
    }

    #taskmenu .special-buttons {
        position: absolute;
        left: 0;
        bottom: 18px;
        width: 100%;
        background: transparent;
    }

    #taskmenu .special-buttons a.about,
    #taskmenu .special-buttons a.logout {
        position: absolute;
        left: 8px;
        width: 56px;
        height: 56px;
        border-radius: 14px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #taskmenu .special-buttons a.about {
        bottom: 70px;
        color: #4a678f;
    }

    #taskmenu .special-buttons a.logout {
        bottom: 0;
        color: #d65f5f;
    }

    #taskmenu .special-buttons a.about:before,
    #taskmenu .special-buttons a.logout:before {
        float: none !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        line-height: 1 !important;
        font-size: 1.35rem;
    }

    #taskmenu .special-buttons a.about span.inner,
    #taskmenu .special-buttons a.logout span.inner {
        display: none !important;
    }

    body.task-settings.action-about .frame-content > .sysname,
    body.task-settings.action-about .frame-content > .copyright,
    body.task-settings.action-about .frame-content > .license,
    body.task-settings.action-about .frame-content > .readtext,
    body.grm-task-settings.action-about .frame-content > .sysname,
    body.grm-task-settings.action-about .frame-content > .copyright,
    body.grm-task-settings.action-about .frame-content > .license,
    body.grm-task-settings.action-about .frame-content > .readtext {
        display: none !important;
    }

    body.task-settings.action-about .frame-content,
    body.grm-task-settings.action-about .frame-content {
        padding: 20px 14px 18px;
        background: transparent;
    }

    body.task-settings.action-about .grm-about-shell,
    body.grm-task-settings.action-about .grm-about-shell {
        display: flex;
        flex-direction: column;
        gap: 16px;
        color: var(--grm-text, #22324f);
    }

    body.task-settings.action-about .grm-about-hero,
    body.grm-task-settings.action-about .grm-about-hero {
        padding: 22px 20px;
        border: 1px solid var(--grm-border, #d7e5fa);
        border-radius: 24px;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(243, 248, 255, 0.92));
        box-shadow: 0 14px 32px rgba(42, 77, 138, 0.09);
    }

    body.task-settings.action-about .grm-about-hero-head,
    body.grm-task-settings.action-about .grm-about-hero-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

    body.task-settings.action-about .grm-about-kicker,
    body.grm-task-settings.action-about .grm-about-kicker {
        color: var(--grm-muted, #5d7295);
        font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
        font-size: 0.73rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    body.task-settings.action-about .grm-about-title,
    body.grm-task-settings.action-about .grm-about-title {
        margin: 10px 0 8px;
        color: var(--grm-text, #22324f);
        font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
        font-size: 1.55rem;
        font-weight: 800;
        line-height: 1.12;
    }

    body.task-settings.action-about .grm-about-subtitle,
    body.grm-task-settings.action-about .grm-about-subtitle {
        margin: 0;
        color: var(--grm-muted, #5d7295);
        font-family: "Manrope", "Segoe UI", sans-serif;
        font-size: 0.98rem;
        line-height: 1.55;
    }

    body.task-settings.action-about .grm-about-plan-note,
    body.grm-task-settings.action-about .grm-about-plan-note {
        margin-top: 12px;
        color: #4f6992;
        font-family: "Manrope", "Segoe UI", sans-serif;
        font-size: 0.92rem;
        font-weight: 700;
    }

    body.task-settings.action-about .grm-about-hero-actions,
    body.grm-task-settings.action-about .grm-about-hero-actions {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
        min-width: 148px;
    }

    body.task-settings.action-about .grm-about-plan-pill,
    body.grm-task-settings.action-about .grm-about-plan-pill {
        padding: 9px 14px;
        border-radius: 999px;
        background: #edf3ff;
        color: #44629a;
        font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        box-shadow: inset 0 0 0 1px #d7e5fb;
        white-space: nowrap;
    }

    body.task-settings.action-about .grm-about-plan-pill.is-plus,
    body.task-settings.action-about .grm-about-plan-pill.is-pro,
    body.grm-task-settings.action-about .grm-about-plan-pill.is-plus,
    body.grm-task-settings.action-about .grm-about-plan-pill.is-pro {
        background: #eef8f1;
        color: #2f7b59;
        box-shadow: inset 0 0 0 1px #d4eadb;
    }

    body.task-settings.action-about .grm-about-upgrade,
    body.grm-task-settings.action-about .grm-about-upgrade {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 18px;
        border-radius: 14px;
        background: linear-gradient(135deg, #5a84e7, #4168c9);
        color: #ffffff !important;
        font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
        font-size: 0.88rem;
        font-weight: 700;
        text-decoration: none !important;
        box-shadow: 0 12px 24px rgba(62, 101, 184, 0.2);
    }

    body.task-settings.action-about .grm-about-stats,
    body.grm-task-settings.action-about .grm-about-stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    body.task-settings.action-about .grm-about-stat-card,
    body.grm-task-settings.action-about .grm-about-stat-card {
        padding: 18px 18px 16px;
        border: 1px solid var(--grm-border, #d7e5fa);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 10px 26px rgba(42, 77, 138, 0.06);
    }

    body.task-settings.action-about .grm-about-stat-label,
    body.grm-task-settings.action-about .grm-about-stat-label {
        color: var(--grm-muted, #5d7295);
        font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    body.task-settings.action-about .grm-about-stat-value,
    body.grm-task-settings.action-about .grm-about-stat-value {
        margin-top: 8px;
        color: var(--grm-text, #22324f);
        font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
        font-size: 1.08rem;
        font-weight: 800;
        line-height: 1.2;
    }

    body.task-settings.action-about .grm-about-stat-note,
    body.grm-task-settings.action-about .grm-about-stat-note {
        margin-top: 6px;
        color: var(--grm-muted, #5d7295);
        font-family: "Manrope", "Segoe UI", sans-serif;
        font-size: 0.9rem;
        line-height: 1.45;
    }

    body.task-settings.action-about .grm-about-progress,
    body.grm-task-settings.action-about .grm-about-progress {
        margin-top: 12px;
        height: 8px;
        border-radius: 999px;
        background: #edf2fd;
        overflow: hidden;
    }

    body.task-settings.action-about .grm-about-progress-fill,
    body.grm-task-settings.action-about .grm-about-progress-fill {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(135deg, #5a84e7, #4168c9);
    }

    body.task-settings.action-about .grm-about-panels,
    body.grm-task-settings.action-about .grm-about-panels {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body.task-settings.action-about .grm-about-panel,
    body.grm-task-settings.action-about .grm-about-panel {
        padding: 18px 18px 10px;
        border: 1px solid var(--grm-border, #d7e5fa);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 10px 26px rgba(42, 77, 138, 0.06);
    }

    body.task-settings.action-about .grm-about-panel-title,
    body.grm-task-settings.action-about .grm-about-panel-title {
        color: var(--grm-text, #22324f);
        font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
        font-size: 1rem;
        font-weight: 800;
    }

    body.task-settings.action-about .grm-about-panel-note,
    body.grm-task-settings.action-about .grm-about-panel-note {
        margin-top: 6px;
        color: var(--grm-muted, #5d7295);
        font-family: "Manrope", "Segoe UI", sans-serif;
        font-size: 0.9rem;
        line-height: 1.45;
    }

    body.task-settings.action-about .grm-about-panel-body,
    body.grm-task-settings.action-about .grm-about-panel-body {
        margin-top: 10px;
    }

    body.task-settings.action-about .grm-about-panel-row,
    body.grm-task-settings.action-about .grm-about-panel-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
        padding: 12px 0;
        border-bottom: 1px solid #eaf0fa;
    }

    body.task-settings.action-about .grm-about-panel-row:last-child,
    body.grm-task-settings.action-about .grm-about-panel-row:last-child {
        border-bottom: 0;
        padding-bottom: 6px;
    }

    body.task-settings.action-about .grm-about-panel-label,
    body.grm-task-settings.action-about .grm-about-panel-label {
        color: var(--grm-text, #22324f);
        font-family: "Manrope", "Segoe UI", sans-serif;
        font-size: 0.96rem;
        font-weight: 700;
        line-height: 1.4;
    }

    body.task-settings.action-about .grm-about-panel-hint,
    body.grm-task-settings.action-about .grm-about-panel-hint {
        margin-top: 4px;
        color: var(--grm-muted, #5d7295);
        font-family: "Manrope", "Segoe UI", sans-serif;
        font-size: 0.88rem;
        line-height: 1.45;
        max-width: 320px;
    }

    body.task-settings.action-about .grm-about-panel-value,
    body.grm-task-settings.action-about .grm-about-panel-value {
        flex-shrink: 0;
        padding: 7px 10px;
        border-radius: 999px;
        background: #f5f8ff;
        color: #4c6994;
        font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        box-shadow: inset 0 0 0 1px #dbe7fb;
        text-align: right;
        white-space: nowrap;
    }

    body.task-settings.action-about .grm-about-panel-value.is-allowed,
    body.grm-task-settings.action-about .grm-about-panel-value.is-allowed {
        background: #eef8f1;
        color: #2f7b59;
        box-shadow: inset 0 0 0 1px #d4eadb;
    }

    body.task-settings.action-about .grm-about-panel-value.is-locked,
    body.grm-task-settings.action-about .grm-about-panel-value.is-locked {
        background: #fff4ef;
        color: #b06249;
        box-shadow: inset 0 0 0 1px #f5d8cc;
    }

    @media (max-width: 640px) {
        body.task-settings.action-about .frame-content,
        body.grm-task-settings.action-about .frame-content {
            padding: 16px 10px 14px;
        }

        body.task-settings.action-about .grm-about-hero,
        body.grm-task-settings.action-about .grm-about-hero,
        body.task-settings.action-about .grm-about-stat-card,
        body.grm-task-settings.action-about .grm-about-stat-card,
        body.task-settings.action-about .grm-about-panel,
        body.grm-task-settings.action-about .grm-about-panel {
            border-radius: 18px;
        }

        body.task-settings.action-about .grm-about-hero-head,
        body.grm-task-settings.action-about .grm-about-hero-head,
        body.task-settings.action-about .grm-about-panel-row,
        body.grm-task-settings.action-about .grm-about-panel-row {
            flex-direction: column;
            align-items: stretch;
        }

        body.task-settings.action-about .grm-about-hero-actions,
        body.grm-task-settings.action-about .grm-about-hero-actions {
            align-items: flex-start;
            min-width: 0;
        }

        body.task-settings.action-about .grm-about-stats,
        body.grm-task-settings.action-about .grm-about-stats {
            grid-template-columns: minmax(0, 1fr);
        }

        body.task-settings.action-about .grm-about-panel-value,
        body.grm-task-settings.action-about .grm-about-panel-value {
            align-self: flex-start;
            text-align: left;
        }
    }

    /* Header sits below compose block in normal document flow */
    body.task-mail #layout-sidebar > .header {
        margin-top: 0;
    }

    /* Search only above the message-list column */
    #layout-list > .searchbar {
        position: absolute;
        top: -72px;
        left: 14px;
        right: 14px;
        width: auto;
        height: 40px;
        min-height: 40px;
        border: 1px solid var(--grm-border) !important;
        border-radius: 10px;
        background: rgba(247, 251, 255, 0.98) !important;
        box-shadow: 0 6px 16px rgba(39, 79, 143, 0.08);
        z-index: 120;
    }

    #layout-list > .searchbar form:before {
        height: 40px;
        margin-left: 0.58rem;
        font-size: 1rem;
    }

    #layout-list > .searchbar input {
        font-size: 0.95rem;
        padding: 0.35rem 0.45rem;
        color: #2a446d !important;
        border-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #layout-list > .searchbar input::placeholder {
        color: #7d93b3 !important;
    }

    #layout-list > .searchbar input:focus {
        border-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

    #layout-list > .searchbar:focus-within {
        border-color: var(--grm-accent) !important;
        box-shadow:
            0 0 0 0.2rem rgba(75, 121, 216, 0.16),
            0 6px 16px rgba(39, 79, 143, 0.08);
    }

    #layout-list > .searchbar a:before {
        height: 40px;
    }

    /* #layout-list in register-copy style */
    #layout-list {
        position: relative;
        display: flex;
        flex-direction: column;
        isolation: isolate;
        z-index: 72;
        border: 1px solid #dce8fb;
        border-radius: 18px;
        background: linear-gradient(180deg, #f9fcff, #f1f7ff);
        box-shadow: var(--grm-shadow-soft);
    }

    /* #layout-content in panel style */
    #layout-content {
        border: 1px solid #d8e7fc;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 12px 24px rgba(50, 84, 143, 0.08);
    }

    #layout-list > .header,
    #layout-content > .header {
        margin: 10px 10px 0;
        min-height: 54px;
        height: 54px;
        line-height: 54px;
        border-radius: 14px 14px 0 0;
        box-shadow: 0 8px 18px rgba(45, 83, 145, 0.08);
    }

    #layout-list > .header {
        border: 1px solid #d7e4fb !important;
        border-bottom-color: #d2e2fb !important;
        background: rgba(255, 255, 255, 0.76) !important;
        backdrop-filter: blur(4px);
    }

    #layout-content > .header {
        border: 1px solid #d8e7fc !important;
        border-bottom-color: #d6e5fb !important;
        background: #ffffff !important;
    }

    #layout-list > .header + .scroller {
        border-top: 1px solid #dfebfd;
        background: rgba(255, 255, 255, 0.82);
    }

    #layout-list > #messagelist-content.scroller {
        flex: 1 1 auto !important;
        min-height: 0;
    }

    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        gap: 0.7rem;
        height: 50px;
        min-height: 50px !important;
        margin: auto 14px 14px;
        padding: 0 0.9rem !important;
        border: 1px solid #e1e9f8;
        border-radius: 18px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 255, 0.98)) !important;
        box-shadow: 0 12px 24px rgba(52, 79, 128, 0.08);
    }

    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 1.95rem;
        min-width: 1.95rem;
        height: 1.95rem;
        margin: 0;
        border: 1px solid #dce6f7;
        border-radius: 11px;
        background: #f8fbff;
        color: #5b7094;
        text-decoration: none !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, opacity 0.18s ease;
    }

    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small > a .inner {
        display: none;
    }

    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small > a::before {
        content: "";
        width: 0.95rem;
        height: 0.95rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    }

    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small > a.firstpage::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235b7094' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 3.25 5.5 8l5 4.75'/%3E%3Cpath d='M6.75 3.25 1.75 8l5 4.75'/%3E%3C/svg%3E");
    }

    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small > a.prevpage::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235b7094' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 3.25 5.5 8l5 4.75'/%3E%3C/svg%3E");
    }

    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small > a.nextpage::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235b7094' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 3.25 10.5 8l-5 4.75'/%3E%3C/svg%3E");
    }

    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small > a.lastpage::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235b7094' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 3.25 10.5 8l-5 4.75'/%3E%3Cpath d='M9.25 3.25 14.25 8l-5 4.75'/%3E%3C/svg%3E");
    }

    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small > a:not(.disabled):hover,
    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small > a:not(.disabled):focus {
        border-color: #c9d8f5;
        background: #eef4ff;
        box-shadow: 0 10px 18px rgba(70, 96, 150, 0.12);
        transform: translateY(-1px);
    }

    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small > a.disabled,
    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small > a[aria-disabled="true"] {
        opacity: 0.46;
        box-shadow: none;
        cursor: default;
    }

    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small .pagenav-text {
        flex: 1 1 auto;
        min-width: 0;
        color: #4f6691;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: -0.01em;
        line-height: 1.2;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    html:not(.layout-phone) body.task-mail #layout-list > .pagenav.menu.footer.small .rcpagejumper {
        flex: 0 0 auto;
        width: 2.55rem;
        height: 1.8rem;
        padding: 0;
        border: 1px solid #d7e3f7;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.9);
        color: #355684;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 0.8rem;
        font-weight: 700;
        text-align: center;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }

    #layout-list #messagelist td {
        color: var(--grm-text);
    }

    /* Avoid selected-row seam in right flags column: use flat fill instead of per-cell gradient restart */
    #layout-list #messagelist tr.selected td {
        background: #dfeaff !important;
        background-image: none !important;
    }

    /* Sender line in message list */
    #layout-list #messagelist td.subject {
        display: grid !important;
        grid-template-columns: 2.95rem minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        column-gap: 0.82rem;
        row-gap: 0.18rem;
        align-items: center;
        padding: 6px 0 6px 10px;
    }

    #layout-list #messagelist td.subject > .grm-message-avatar {
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: center;
        justify-self: start;
        position: relative;
        overflow: visible;
        width: 2.7rem;
        height: 2.7rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        border: 1px solid rgba(171, 201, 255, 0.74);
        background: linear-gradient(145deg, #6b99f6 0%, #4a7ee7 100%);
        color: #ffffff;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 1.08rem;
        font-weight: 400;
        letter-spacing: 0.01em;
        line-height: 1;
        box-shadow: 0 10px 22px rgba(73, 117, 212, 0.18);
        user-select: none;
        transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    }

    #layout-list #messagelist td.subject > .grm-message-avatar.has-favicon {
        box-shadow: 0 10px 22px rgba(73, 117, 212, 0.16);
    }

    #layout-list #messagelist td.subject > .grm-message-avatar .grm-message-avatar-favicon {
        position: absolute;
        right: -0.19rem;
        bottom: -0.19rem;
        width: 1.3rem;
        height: 1.3rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        border: 1px solid rgba(195, 208, 235, 0.96);
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 4px 10px rgba(82, 107, 157, 0.16);
        overflow: hidden;
    }

    #layout-list #messagelist td.subject > .grm-message-avatar .grm-message-avatar-favicon-image {
        width: 0.91rem;
        height: 0.91rem;
        display: block;
        border-radius: 0.2rem;
        object-fit: contain;
    }

    #layout-list #messagelist td.subject > span.fromto,
    #layout-list #messagelist td.subject > span.date,
    #layout-list #messagelist td.subject > span.subject {
        line-height: 1.25;
    }

    #layout-list #messagelist td.subject > span.fromto {
        grid-column: 2;
        grid-row: 1;
        display: block;
        min-width: 0;
        margin: 0;
        padding: 0 !important;
        border: 0;
        background: transparent;
        color: #273b66 !important;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 0.96rem;
        font-weight: 700;
        letter-spacing: -0.01em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        box-shadow: none;
        transition: color 0.2s ease;
    }

    #layout-list #messagelist td.subject > span.date {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        min-width: max-content;
        margin: 0;
        padding: 0 0 0 0.8rem !important;
        color: #7f8ea8 !important;
        font-family: "Manrope", sans-serif;
        font-size: 0.9rem;
        font-weight: 600;
        letter-spacing: -0.01em;
        text-align: right;
        white-space: nowrap;
    }

    #layout-list #messagelist td.subject > span.subject {
        grid-column: 2 / 4;
        grid-row: 2;
        width: auto;
        min-width: 0;
        margin: 0;
        color: #20314f;
    }

    #layout-list #messagelist td.subject > span.subject a {
        color: inherit;
    }

    #layout-list #messagelist tr:hover td.subject > .grm-message-avatar,
    #layout-list #messagelist tr.selected td.subject > .grm-message-avatar {
        transform: translateY(-1px);
        box-shadow: 0 12px 26px rgba(68, 111, 204, 0.24);
        filter: saturate(1.04);
    }

    #layout-list #messagelist tr:hover td.subject > span.fromto,
    #layout-list #messagelist tr.selected td.subject > span.fromto {
        color: #1e355f !important;
    }

    #layout-list #messagelist tr.flagged td.subject > .grm-message-avatar {
        background: linear-gradient(145deg, #f08aa0 0%, #d25a7a 100%);
        border-color: rgba(245, 189, 202, 0.92);
        box-shadow: 0 10px 22px rgba(198, 96, 126, 0.2);
    }

    #layout-list #messagelist tr.flagged td.subject > span.fromto {
        color: #a24a61 !important;
    }

    #layout-list #messagelist tr.deleted td.subject > .grm-message-avatar {
        background: linear-gradient(145deg, #bdcadf 0%, #9baec9 100%);
        border-color: rgba(216, 226, 240, 0.95);
        box-shadow: none;
    }

    #layout-list #messagelist tr.deleted td.subject > span.fromto {
        color: #7c8faa !important;
    }

    @media (max-width: 640px) {
        #layout-list #messagelist td.subject {
            grid-template-columns: 1.95rem minmax(0, 1fr) auto;
            grid-template-areas:
                "avatar from date"
                "avatar subject subject";
            column-gap: 0.58rem;
            row-gap: 0.12rem;
            align-items: start;
            padding: 7px 4px 7px 8px;
        }

        #layout-list #messagelist td.subject > .grm-message-avatar {
            grid-area: avatar;
            grid-row: auto;
            width: 1.68rem;
            height: 1.68rem;
            margin-top: 0.06rem;
            align-self: start;
            font-size: 0.78rem;
            box-shadow: 0 6px 14px rgba(73, 117, 212, 0.14);
        }

        #layout-list #messagelist td.subject > .grm-message-avatar .grm-message-avatar-favicon {
            display: none;
        }

        #layout-list #messagelist td.subject > span.fromto {
            grid-area: from;
            min-width: 0;
            align-self: center;
            font-size: 0.84rem;
            line-height: 1.14;
        }

        #layout-list #messagelist td.subject > span.date {
            grid-area: date;
            min-width: 0;
            max-width: 7.2rem;
            align-self: center;
            font-size: 0.72rem;
            padding-left: 0.38rem !important;
            line-height: 1.14;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #layout-list #messagelist td.subject > span.subject {
            grid-area: subject;
            grid-column: auto;
            grid-row: auto;
            min-width: 0;
            padding-top: 0.04rem;
            font-size: 0.88rem;
            line-height: 1.22;
        }

        #layout-list #messagelist td.subject > span.subject a {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    @media (max-width: 420px) {
        #layout-list #messagelist td.subject {
            grid-template-columns: 1.82rem minmax(0, 1fr) auto;
            column-gap: 0.5rem;
        }

        #layout-list #messagelist td.subject > .grm-message-avatar {
            width: 1.56rem;
            height: 1.56rem;
            font-size: 0.72rem;
        }

        #layout-list #messagelist td.subject > span.fromto {
            font-size: 0.8rem;
        }

        #layout-list #messagelist td.subject > span.date {
            max-width: 6.4rem;
            font-size: 0.68rem;
        }

        #layout-list #messagelist td.subject > span.subject {
            font-size: 0.84rem;
        }
    }

    html.layout-phone #layout-list #messagelist td.subject {
        display: grid !important;
        grid-template-columns: 1.82rem minmax(0, 1fr) auto;
        grid-template-areas:
            "avatar from date"
            "avatar subject subject";
        column-gap: 0.5rem;
        row-gap: 0.12rem;
        align-items: start;
        padding: 7px 4px 7px 8px;
    }

    html.layout-phone #layout-list #messagelist td.subject > .grm-message-avatar {
        grid-area: avatar;
        grid-row: auto;
        align-self: start;
        justify-self: start;
        position: relative;
        overflow: hidden;
        width: 1.56rem;
        height: 1.56rem;
        margin-top: 0.06rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        border: 1px solid rgba(171, 201, 255, 0.74);
        background: linear-gradient(145deg, #6b99f6 0%, #4a7ee7 100%) !important;
        background-image: none !important;
        color: #ffffff !important;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 0.72rem;
        font-weight: 400;
        line-height: 1;
        box-shadow: 0 6px 14px rgba(73, 117, 212, 0.14);
    }

    html.layout-phone #layout-list #messagelist td.subject > .grm-message-avatar .grm-message-avatar-favicon {
        display: none !important;
    }

    html.layout-phone #layout-list #messagelist td.subject > span.fromto {
        grid-area: from;
        min-width: 0;
        align-self: center;
        font-size: 0.8rem;
        line-height: 1.14;
    }

    html.layout-phone #layout-list #messagelist td.subject > span.date {
        grid-area: date;
        min-width: 0;
        max-width: 6.4rem;
        align-self: center;
        font-size: 0.68rem;
        padding-left: 0.38rem !important;
        line-height: 1.14;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    html.layout-phone #layout-list #messagelist td.subject > span.subject {
        grid-area: subject;
        grid-column: auto;
        grid-row: auto;
        min-width: 0;
        padding-top: 0.04rem;
        font-size: 0.84rem;
        line-height: 1.22;
    }

    html.layout-phone #layout-list #messagelist td.subject > span.subject a {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #layout-content > .header + .scroller {
        border-top: 1px solid #e4ecfb;
        background: #ffffff;
    }

    #layout-list > .footer {
        border-top: 1px solid #dbe8fc !important;
        background: rgba(255, 255, 255, 0.85) !important;
    }

    #layout-content > .footer {
        border-top: 1px solid #e3ebfb !important;
        background: #ffffff !important;
    }

    /* Sidebar refinement pass #2 */
    #layout-sidebar {
        flex: 0 0 308px !important;
        width: 308px !important;
        min-width: 308px !important;
        max-width: 308px !important;
    }

    body.task-mail #layout-sidebar > .header {
        margin-top: 0;
        height: auto;
        min-height: 0;
        line-height: 1.2;
        padding: 0 16px 10px;
        border-bottom: 0 !important;
        background: transparent !important;
        justify-content: flex-start;
    }

    body.task-mail #layout-sidebar > .header > .button {
        display: none !important;
    }

    #layout-sidebar > .header .header-title.username {
        margin: 0 !important;
        color: #1f2f4a;
        font-size: 0.8rem;
        font-weight: 800;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        text-align: center;
        white-space: normal;
        overflow: visible;
    }

    body.task-mail #folderlist-content {
        padding: 0 10px 0;
    }

    body.task-mail #mailboxlist.listing li,
    body.task-mail #mailboxlist.listing li ul {
        border-bottom: 0 !important;
        border-top: 0 !important;
    }

    body.task-mail #mailboxlist.folderlist > li {
        margin-bottom: 4px;
    }

    body.task-mail #mailboxlist.folderlist > li.selected {
        background: transparent !important;
        border-radius: 11px;
    }

    body.task-mail #mailboxlist.folderlist {
        --grm-mailbox-icon-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235e79b2' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9l-.81-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
        --grm-mailbox-icon-folder-selected: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9l-.81-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
        --grm-mailbox-icon-inbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235e79b2' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-6l-2 3h-4l-2-3H2'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E");
        --grm-mailbox-icon-inbox-selected: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-6l-2 3h-4l-2-3H2'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E");
        --grm-mailbox-icon-drafts: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235e79b2' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10V7a2 2 0 0 0-2-2h-3'/%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v7'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='m3 15 6-6'/%3E%3Cpath d='M4 20h7'/%3E%3Cpath d='m14 15-3-3 6-6 3 3-6 6Z'/%3E%3C/svg%3E");
        --grm-mailbox-icon-drafts-selected: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10V7a2 2 0 0 0-2-2h-3'/%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v7'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='m3 15 6-6'/%3E%3Cpath d='M4 20h7'/%3E%3Cpath d='m14 15-3-3 6-6 3 3-6 6Z'/%3E%3C/svg%3E");
        --grm-mailbox-icon-sent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235e79b2' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
        --grm-mailbox-icon-sent-selected: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
        --grm-mailbox-icon-junk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235e79b2' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-8 9-4.5-1.5-8-4-8-9V6l8-4 8 4Z'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");
        --grm-mailbox-icon-junk-selected: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-8 9-4.5-1.5-8-4-8-9V6l8-4 8 4Z'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");
        --grm-mailbox-icon-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235e79b2' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E");
        --grm-mailbox-icon-trash-selected: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E");
        --grm-mailbox-icon-archive: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235e79b2' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E");
        --grm-mailbox-icon-archive-selected: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E");
    }

    body.task-mail #mailboxlist.folderlist > li > a {
        display: flex;
        align-items: center;
        min-height: 2.95rem;
        padding: 0.38rem 0.8rem 0.38rem 0.78rem;
        line-height: 1.2;
        font-size: 1.08rem;
        font-weight: 500;
        border-radius: 11px;
        border-left: 2px solid transparent !important;
        position: relative;
        padding-right: 3.35rem;
        cursor: pointer;
    }

    body.task-mail #mailboxlist.folderlist li.mailbox > a {
        --grm-mailbox-icon: var(--grm-mailbox-icon-folder);
        --grm-mailbox-icon-selected: var(--grm-mailbox-icon-folder-selected);
    }

    body.task-mail #mailboxlist.folderlist li.mailbox.inbox > a {
        --grm-mailbox-icon: var(--grm-mailbox-icon-inbox);
        --grm-mailbox-icon-selected: var(--grm-mailbox-icon-inbox-selected);
    }

    body.task-mail #mailboxlist.folderlist li.mailbox.drafts > a {
        --grm-mailbox-icon: var(--grm-mailbox-icon-drafts);
        --grm-mailbox-icon-selected: var(--grm-mailbox-icon-drafts-selected);
    }

    body.task-mail #mailboxlist.folderlist li.mailbox.sent > a {
        --grm-mailbox-icon: var(--grm-mailbox-icon-sent);
        --grm-mailbox-icon-selected: var(--grm-mailbox-icon-sent-selected);
    }

    body.task-mail #mailboxlist.folderlist li.mailbox.junk > a {
        --grm-mailbox-icon: var(--grm-mailbox-icon-junk);
        --grm-mailbox-icon-selected: var(--grm-mailbox-icon-junk-selected);
    }

    body.task-mail #mailboxlist.folderlist li.mailbox.trash > a {
        --grm-mailbox-icon: var(--grm-mailbox-icon-trash);
        --grm-mailbox-icon-selected: var(--grm-mailbox-icon-trash-selected);
    }

    body.task-mail #mailboxlist.folderlist li.mailbox.archive > a {
        --grm-mailbox-icon: var(--grm-mailbox-icon-archive);
        --grm-mailbox-icon-selected: var(--grm-mailbox-icon-archive-selected);
    }

    body.task-mail #mailboxlist.folderlist > li > a:before {
        content: "";
        flex: 0 0 1.76rem;
        width: 1.76rem;
        height: 1.76rem;
        margin-right: 0.82rem;
        border: 1px solid #dbe6fb;
        border-radius: 11px;
        background-color: #eef4ff;
        background-image: var(--grm-mailbox-icon);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 1.18rem 1.18rem;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
        transition: transform 0.2s ease, filter 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
        opacity: 1;
    }

    body.task-mail #mailboxlist.folderlist > li > a:hover:before {
        transform: translateY(-1px);
        border-color: #cfddfb;
        background-color: #e8f0ff;
        filter: saturate(1.08) brightness(0.97);
    }

    body.task-mail #mailboxlist.folderlist li.mailbox.selected > a:before {
        flex-basis: 1.76rem;
        width: 1.76rem;
        height: 1.76rem;
        margin-right: 0.78rem;
        border: 1px solid #4f82e2;
        border-radius: 11px;
        background-image: var(--grm-mailbox-icon-selected);
        background-color: #4678df;
        background-size: 1.12rem 1.12rem;
        filter: drop-shadow(0 10px 18px rgba(64, 104, 188, 0.16));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
        transform: none;
    }

    body.task-mail #mailboxlist.folderlist > li > a .unreadcount {
        position: absolute;
        right: 0.62rem;
        top: calc(50% - 1px);
        transform: translateY(-50%);
        margin: 0 !important;
        min-width: 1.72rem;
        height: 1.5rem;
        padding: 0 0.42rem;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #8fdcff;
        background: linear-gradient(140deg, #4fc2fa, #2f96dd);
        color: #ffffff;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.015em;
        line-height: 1 !important;
        box-shadow: 0 6px 14px rgba(58, 147, 217, 0.28);
        transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
    }

    body.task-mail #mailboxlist.folderlist > li > a:hover .unreadcount {
        transform: translateY(-50%) scale(1.03);
        filter: brightness(1.03);
        box-shadow: 0 8px 16px rgba(56, 139, 205, 0.34);
    }

    body.task-mail #mailboxlist.folderlist > li.selected > a .unreadcount {
        border-color: #a9dbff;
        background: linear-gradient(140deg, #4d80df, #315cad);
        box-shadow: 0 7px 14px rgba(56, 102, 183, 0.3);
    }

    body.task-mail #mailboxlist.folderlist > li.selected > a,
    body.task-mail #mailboxlist.folderlist > li > a:hover {
        background: #dde8fc !important;
        color: #274b84 !important;
    }

    body.task-mail #mailboxlist.folderlist > li > a:focus,
    body.task-mail #mailboxlist.folderlist > li > a:active {
        outline: none !important;
        border-left-color: transparent !important;
        box-shadow: none !important;
    }

    /* Show Compose only in Mail task */
body:not(.task-mail) #taskmenu .action-buttons a.compose {
        display: none !important;
    }
}

/* Phone-only Inbox sender avatars must live outside desktop media blocks */
html.layout-phone #layout-list #messagelist td.subject > .grm-message-avatar {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.56rem;
    width: 1.56rem;
    height: 1.56rem;
    margin: 0 0.42rem 0 0.08rem;
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    border-radius: 999px;
    border: 1px solid rgba(171, 201, 255, 0.74);
    background: linear-gradient(145deg, #6b99f6 0%, #4a7ee7 100%) !important;
    color: #ffffff !important;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.72rem;
    font-weight: 400;
    line-height: 1;
    text-indent: 0;
    letter-spacing: 0;
    box-shadow: 0 6px 14px rgba(73, 117, 212, 0.14);
    overflow: hidden;
    vertical-align: middle;
}

html.layout-phone #layout-list #messagelist td.subject > .grm-message-avatar .grm-message-avatar-favicon {
    display: none !important;
}

html.layout-phone #layout-list #messagelist td.subject > span.fromto {
    padding-left: 0 !important;
}

/* About popup must stay outside desktop-only layout media blocks */
body.action-about .frame-content > .sysname,
body.action-about .frame-content > .copyright,
body.action-about .frame-content > .license,
body.action-about .frame-content > .readtext {
    display: none !important;
}

body.action-about .frame-content {
    padding: 20px 14px 18px;
    background: transparent;
}

body.action-about .grm-about-shell {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--grm-text, #22324f);
}

body.action-about .grm-about-hero,
body.action-about .grm-about-stat-card,
body.action-about .grm-about-panel {
    border: 1px solid var(--grm-border, #d7e5fa);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 26px rgba(42, 77, 138, 0.06);
}

body.action-about .grm-about-hero {
    padding: 22px 20px;
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(243, 248, 255, 0.92));
    box-shadow: 0 14px 32px rgba(42, 77, 138, 0.09);
}

body.action-about .grm-about-hero-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.action-about .grm-about-kicker,
body.action-about .grm-about-stat-label {
    color: var(--grm-muted, #5d7295);
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.action-about .grm-about-title {
    margin: 10px 0 8px;
    color: var(--grm-text, #22324f);
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.12;
}

body.action-about .grm-about-subtitle,
body.action-about .grm-about-stat-note,
body.action-about .grm-about-panel-note,
body.action-about .grm-about-panel-hint {
    color: var(--grm-muted, #5d7295);
    font-family: "Manrope", "Segoe UI", sans-serif;
    line-height: 1.5;
}

body.action-about .grm-about-subtitle {
    margin: 0;
    font-size: 0.98rem;
}

body.action-about .grm-about-plan-note {
    margin-top: 12px;
    color: #4f6992;
    font-family: "Manrope", "Segoe UI", sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
}

body.action-about .grm-about-hero-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    min-width: 148px;
}

body.action-about .grm-about-plan-pill,
body.action-about .grm-about-panel-value {
    padding: 8px 12px;
    border-radius: 999px;
    background: #edf3ff;
    color: #44629a;
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 1px #d7e5fb;
    white-space: nowrap;
}

body.action-about .grm-about-plan-pill.is-plus,
body.action-about .grm-about-plan-pill.is-pro,
body.action-about .grm-about-panel-value.is-allowed {
    background: #eef8f1;
    color: #2f7b59;
    box-shadow: inset 0 0 0 1px #d4eadb;
}

body.action-about .grm-about-panel-value.is-locked {
    background: #fff4ef;
    color: #b06249;
    box-shadow: inset 0 0 0 1px #f5d8cc;
}

body.action-about .grm-about-upgrade {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 14px;
    background: linear-gradient(135deg, #5a84e7, #4168c9);
    color: #ffffff !important;
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 12px 24px rgba(62, 101, 184, 0.2);
}

body.action-about .grm-about-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.action-about .grm-about-stat-card,
body.action-about .grm-about-panel {
    padding: 18px;
    border-radius: 20px;
}

body.action-about .grm-about-stat-value {
    margin-top: 8px;
    color: var(--grm-text, #22324f);
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.2;
}

body.action-about .grm-about-progress {
    margin-top: 12px;
    height: 8px;
    border-radius: 999px;
    background: #edf2fd;
    overflow: hidden;
}

body.action-about .grm-about-progress-fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, #5a84e7, #4168c9);
}

body.action-about .grm-about-panels {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

body.action-about .grm-about-panel-title {
    color: var(--grm-text, #22324f);
    font-family: "Sora", "Manrope", "Segoe UI", sans-serif;
    font-size: 1rem;
    font-weight: 800;
}

body.action-about .grm-about-panel-note {
    margin-top: 6px;
    font-size: 0.9rem;
}

body.action-about .grm-about-panel-body {
    margin-top: 10px;
}

body.action-about .grm-about-panel-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #eaf0fa;
}

body.action-about .grm-about-panel-row:last-child {
    border-bottom: 0;
    padding-bottom: 6px;
}

body.action-about .grm-about-panel-label {
    color: var(--grm-text, #22324f);
    font-family: "Manrope", "Segoe UI", sans-serif;
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.4;
}

body.action-about .grm-about-panel-hint {
    margin-top: 4px;
    font-size: 0.88rem;
    max-width: 320px;
}

@media (max-width: 640px) {
    body.action-about .frame-content {
        padding: 16px 10px 14px;
    }

    body.action-about .grm-about-hero,
    body.action-about .grm-about-stat-card,
    body.action-about .grm-about-panel {
        border-radius: 18px;
    }

    body.action-about .grm-about-hero-head,
    body.action-about .grm-about-panel-row {
        flex-direction: column;
        align-items: stretch;
    }

    body.action-about .grm-about-hero-actions {
        align-items: flex-start;
        min-width: 0;
    }

    body.action-about .grm-about-stats {
        grid-template-columns: minmax(0, 1fr);
    }

    body.action-about .grm-about-panel-value {
        align-self: flex-start;
        text-align: left;
    }
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view {
    background: linear-gradient(180deg, #f7fbff 0%, #eef4ff 100%);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list {
    position: relative;
    min-height: 100dvh;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .header {
    display: block !important;
    position: relative;
    margin: 0 !important;
    min-height: 8.4rem !important;
    height: auto !important;
    padding: max(20px, env(safe-area-inset-top, 0px)) 20px 12px !important;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    line-height: normal !important;
    overflow: visible !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .header > .button:not(.task-menu-button):not(.toolbar-button.refresh) {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-header-main {
    display: block;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-header-left {
    min-width: 0;
    padding-top: 0.86rem;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-title-row {
    display: inline-flex;
    align-items: center;
    gap: 0.72rem;
    min-width: 0;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-title-row > .task-menu-button,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-title-row > .toolbar-button.refresh {
    display: inline-flex !important;
    position: relative;
    top: auto;
    right: auto;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.9rem;
    min-width: 2.9rem;
    height: 2.9rem;
    margin: 0;
    border: 0;
    border-radius: 18px;
    background: #eef4ff !important;
    box-shadow: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .header .header-title {
    display: block;
    margin: 0;
    padding: 0 !important;
    padding-right: 0;
    color: #20345a;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.02;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-subtitle {
    padding-left: 4.8rem;
    color: #6e84a8;
    font-family: "Manrope", sans-serif;
    font-size: 0.98rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-title-row .toolbar-button.refresh {
    width: 2.55rem;
    min-width: 2.55rem;
    height: 2.55rem;
    border-radius: 15px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-title-row > .toolbar-button.refresh.is-pressed,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-title-row > .toolbar-button.refresh.is-loading {
    background: #e5efff !important;
    box-shadow:
        inset 0 0 0 1px rgba(151, 182, 235, 0.4),
        0 8px 18px rgba(84, 123, 198, 0.12);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-title-row > .toolbar-button.refresh.is-loading::before {
    animation: grm-mobile-refresh-spin 0.85s linear infinite;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-title-row > .task-menu-button {
    width: 46px;
    min-width: 46px;
    height: 46px;
    top: 12px;
    margin: 0 0.12rem 0 0;
    border-radius: 17px;
    border: 0;
    background: rgba(85, 124, 203, 0.1) !important;
    color: #35568e !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-title-row > .task-menu-button::before,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-title-row > .toolbar-button.refresh::before {
    color: #5d78ab;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout > div > .header a.button::before {
    font-size: 1.5rem;
    height: 24px;
    margin: 0;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-title-row > .task-menu-button::before {
    font-size: 1.06rem;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-title-row > .toolbar-button.refresh::before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d78ab' stroke-width='1.95' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36'/%3E%3Cpath d='M21 3v6h-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-open {
    overflow: hidden;
}

html.layout-phone body:not(.task-login) #grm-mobile-drawer-overlay {
    position: fixed;
    inset: 0;
    z-index: 88;
    border: 0;
    padding: 0;
    background:
        linear-gradient(90deg, rgba(28, 44, 74, 0.12) 0%, rgba(28, 44, 74, 0.3) 78%, rgba(28, 44, 74, 0.38) 100%);
    backdrop-filter: blur(5px);
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #layout-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 89;
    display: none !important;
    flex-direction: column;
    width: min(82vw, 320px) !important;
    max-width: calc(100vw - 68px) !important;
    min-width: 0 !important;
    height: 100dvh;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 30px 30px 0 !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 255, 0.96)) !important;
    box-shadow:
        0 28px 48px rgba(25, 44, 84, 0.18),
        inset -1px 0 0 rgba(220, 230, 247, 0.95) !important;
    overflow: hidden;
    backdrop-filter: none;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-open #layout-menu {
    display: flex !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-open #menu-overlay {
    display: none !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #layout-menu::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 10%, rgba(106, 149, 233, 0.2), transparent 34%),
        radial-gradient(circle at 82% 0%, rgba(255, 255, 255, 0.9), transparent 28%);
    pointer-events: none;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #layout-menu .popover-header,
html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu {
    position: relative;
    z-index: 1;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #layout-menu .popover-header {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 46px;
    align-items: center;
    gap: 12px;
    min-height: 0;
    padding: max(18px, env(safe-area-inset-top, 0px)) 16px 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #layout-menu .popover-header img {
    width: 58px;
    height: 58px;
    max-width: 58px;
    max-height: 58px;
    padding: 8px;
    border: 0;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(234, 242, 255, 0.92));
    box-shadow:
        0 14px 22px rgba(53, 86, 142, 0.1),
        inset 0 0 0 1px rgba(219, 230, 247, 0.95);
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #layout-menu .popover-header .grm-app-brand-mark {
    color: #224170;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #layout-menu .popover-header .grm-app-brand-mark small {
    margin-top: 2px;
    color: #6d83a6;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #layout-menu .popover-header a.cancel {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border: 0;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.84) !important;
    box-shadow:
        0 10px 18px rgba(52, 82, 138, 0.08),
        inset 0 0 0 1px rgba(219, 230, 247, 0.95) !important;
    color: #5f78a4 !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    gap: 10px;
    padding: 22px 16px 16px;
    overflow-y: auto;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-top-upgrade {
    display: none !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu .action-buttons {
    order: 2;
    margin: 0 !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu .action-buttons::before {
    content: "Quick Menu";
    display: block;
    margin: 0 0 12px;
    text-align: left;
    color: #5f78a4;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu .action-buttons a.compose {
    min-height: 46px;
    padding: 0 12px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(231, 239, 255, 0.96), rgba(221, 233, 255, 0.92)) !important;
    box-shadow: inset 0 0 0 1px rgba(220, 230, 247, 0.95);
    color: #35588f !important;
    font-size: 0.9rem;
    font-weight: 700;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu .action-buttons a.compose::before {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    margin: 0 !important;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5);
    font-size: 1rem !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > a,
html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu .special-buttons a {
    position: static !important;
    display: flex !important;
    align-items: center;
    gap: 14px;
    min-height: 46px;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: inset 0 0 0 1px rgba(220, 230, 247, 0.95) !important;
    color: #35588f !important;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > a::before,
html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu .special-buttons a::before {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    margin: 0 !important;
    border-radius: 11px;
    background: rgba(95, 127, 194, 0.1);
    font-size: 1rem !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > a.selected {
    color: #2d56a5 !important;
    box-shadow:
        inset 0 0 0 1px rgba(203, 220, 252, 0.98),
        0 12px 22px rgba(73, 111, 194, 0.08) !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > a.settings {
    order: 5;
    margin-top: 0 !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > a.mail {
    order: 3;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > a.contacts {
    order: 4;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu .special-buttons {
    order: 30;
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    width: 100%;
    margin-top: auto !important;
    padding-top: 14px;
    border-top: 1px solid rgba(221, 231, 247, 0.95);
    background: transparent;
    display: grid;
    gap: 10px;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu .special-buttons a.logout {
    color: #c35b72 !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu .special-buttons a.logout::before {
    background: rgba(227, 110, 139, 0.12);
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu {
    display: block !important;
    order: 1;
    position: static;
    width: auto;
    height: auto;
    margin: 0 0 4px;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu::before {
    content: "Mailbox";
    display: block;
    margin: 0 0 12px;
    text-align: left;
    color: #5f78a4;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-trigger,
html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-plan-meta,
html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-copy {
    display: none !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-dropdown,
html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-dropdown[hidden] {
    display: block !important;
    position: static;
    top: auto;
    right: auto;
    width: auto;
    padding: 12px;
    border: 0;
    border-radius: 18px;
    background: rgba(86, 126, 202, 0.08);
    box-shadow: inset 0 0 0 1px rgba(214, 226, 247, 0.9);
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-profile {
    display: grid;
    gap: 0;
    margin-bottom: 10px;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-display {
    display: none !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-username-row {
    display: block;
    justify-content: flex-start;
    margin: 0;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-username {
    text-align: left;
    color: #27457a;
    font-size: 0.9rem;
    font-weight: 700;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-plan-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    margin: 8px 0 0;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-plan {
    display: inline-flex;
    align-items: center;
    gap: 0.44rem;
    min-height: 32px;
    padding: 0.26rem 0.7rem;
    border: 1px solid #c8dbfa;
    border-radius: 999px;
    background: #edf5ff;
    color: #2f568f;
    font-family: "Manrope", sans-serif;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-plan::before {
    content: "";
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 50%;
    background: #4b79d8;
    flex: 0 0 auto;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-upgrade {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: #2f59ac !important;
    font-family: "Manrope", sans-serif;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: underline !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    box-shadow: none !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-upgrade::before,
html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-upgrade::after {
    content: none !important;
    display: none !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-actions {
    display: grid !important;
    gap: 0;
    margin: 12px 0 0;
    padding-top: 0;
    border-top: 0;
    width: 100%;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-actions > a.grm-user-menu-settings,
html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-actions > a.grm-user-menu-logout {
    display: none !important;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-actions > button.grm-user-menu-telegram {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 8px;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: #27457a !important;
    font-family: "Manrope", sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
}

html.layout-phone body:not(.task-login).grm-mobile-drawer-ready #taskmenu > #grm-user-menu .grm-user-menu-actions > button.grm-user-menu-telegram .grm-user-menu-action-icon {
    width: 1rem;
    min-width: 1rem;
    font-size: 0.92rem;
    color: #4d678f;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout {
    min-height: 100dvh;
    background: transparent;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .header {
    display: block !important;
    position: relative;
    margin: 0 !important;
    min-height: 104px !important;
    height: auto !important;
    padding: max(20px, env(safe-area-inset-top, 0px)) 20px 12px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .header > .toolbar-list-button,
html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .header > .button:not(.task-menu-button):not(.back-sidebar-button.folders):not(.toolbar-menu-button),
html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .header .button.select {
    display: none !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view .grm-mobile-contacts-header-main {
    display: grid;
    grid-template-columns: 102px minmax(0, 1fr) 46px;
    align-items: center;
    gap: 12px;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view .grm-mobile-contacts-header-left {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 102px;
    padding-top: 0;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view .grm-mobile-contacts-header-left > .task-menu-button,
html.layout-phone body.task-addressbook.grm-mobile-contacts-view .grm-mobile-contacts-header-left > .back-sidebar-button.folders,
html.layout-phone body.task-addressbook.grm-mobile-contacts-view .grm-mobile-contacts-header-main > .toolbar-menu-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 46px;
    min-width: 46px;
    height: 46px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 17px;
    background: rgba(85, 124, 203, 0.1) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.62) !important;
    color: #35568e !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view .grm-mobile-contacts-header-main > .toolbar-menu-button {
    justify-self: end;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view .grm-mobile-contacts-header-left > .task-menu-button::before,
html.layout-phone body.task-addressbook.grm-mobile-contacts-view .grm-mobile-contacts-header-main > .toolbar-menu-button::before {
    color: #5d78ab !important;
    font-size: 1.06rem !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view .grm-mobile-contacts-header-left > .back-sidebar-button.folders {
    overflow: hidden;
    color: transparent !important;
    font-size: 0 !important;
    text-indent: 0 !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view .grm-mobile-contacts-header-left > .back-sidebar-button.folders::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d78ab' stroke-width='1.95' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.5a2 2 0 0 1 2-2h4l1.7 2.1H18.5a2 2 0 0 1 2 2v6.8a2.2 2.2 0 0 1-2.2 2.2H5.7a2.2 2.2 0 0 1-2.2-2.2z'/%3E%3Cpath d='M3.5 9.2h17'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .header .header-title {
    display: block;
    justify-self: center;
    width: auto;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    color: #20345a;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.02;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: none !important;
    filter: none !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .searchbar {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0 20px 16px;
    border: 1px solid #dce6f8 !important;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 10px 24px rgba(58, 90, 145, 0.08);
    overflow: hidden;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .searchbar form {
    position: relative;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .searchbar form::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23738fba' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    opacity: 0.98;
    pointer-events: none;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .searchbar input {
    height: 51px;
    padding: 0.7rem 2.75rem 0.7rem 2.9rem;
    border: 0 !important;
    background: transparent !important;
    color: #27416c !important;
    font-family: "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 500;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .searchbar a {
    position: absolute;
    top: 50%;
    right: 14px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin: 0;
    transform: translateY(-50%);
    color: transparent !important;
    font-size: 0 !important;
    text-indent: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .searchbar a::before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%236f86ab' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4.2 6 8l4-3.8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .scroller {
    width: auto !important;
    max-width: calc(100% - 40px);
    margin: 0 20px;
    padding: 6px 0 148px;
    box-sizing: border-box;
    background: transparent;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .scroller::-webkit-scrollbar {
    width: 0;
    height: 0;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #contacts-table {
    background: transparent;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #contacts-table tbody tr td {
    border: 0 !important;
    background: transparent !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .scroller .listing-info,
html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .scroller .listing-status,
html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .scroller .message.empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100dvh - 372px);
    max-width: 312px;
    margin: 0 auto;
    padding: 0 18px;
    color: #60759a;
    font-family: "Manrope", sans-serif;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.46;
    text-align: center;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view a.create.button {
    position: fixed !important;
    right: 24px;
    bottom: calc(88px + env(safe-area-inset-bottom, 0px));
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 20px;
    background: linear-gradient(180deg, #63b7ff 0%, #3ca8ef 100%) !important;
    box-shadow: 0 14px 30px rgba(65, 149, 221, 0.3) !important;
    z-index: 7;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view a.create.button::before {
    color: #ffffff !important;
    font-size: 1.48rem !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small {
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: max(16px, env(safe-area-inset-bottom, 0px));
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    margin: 0 !important;
    padding: 8px 10px;
    border: 1px solid #dfe7f8 !important;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 12px 28px rgba(58, 90, 145, 0.1);
    backdrop-filter: blur(10px);
    z-index: 6;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small > a {
    display: inline-flex !important;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    margin: 0;
    padding: 0 !important;
    border: 1px solid #d8e4f8 !important;
    border-radius: 12px;
    background: rgba(82, 118, 190, 0.1) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small > a.firstpage {
    margin-left: 6px;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small > a.lastpage {
    margin-right: 6px;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small > a .inner {
    display: none;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small > a::before {
    content: "";
    width: 0.9rem;
    height: 0.9rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small > a.firstpage::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23596f94' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 3.25 5.5 8l5 4.75'/%3E%3Cpath d='M6.75 3.25 1.75 8l5 4.75'/%3E%3C/svg%3E");
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small > a.prevpage::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23596f94' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 3.25 5.5 8l5 4.75'/%3E%3C/svg%3E");
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small > a.nextpage::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23596f94' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 3.25 10.5 8l-5 4.75'/%3E%3C/svg%3E");
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small > a.lastpage::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23596f94' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 3.25 10.5 8l-5 4.75'/%3E%3Cpath d='M9.25 3.25 14.25 8l-5 4.75'/%3E%3C/svg%3E");
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small > a.disabled,
html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small > a[aria-disabled="true"] {
    opacity: 0.5;
    box-shadow: none !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small a.button.disabled {
    opacity: 0.45;
}

html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small #rcmcountdisplay,
html.layout-phone body.task-addressbook.grm-mobile-contacts-view #layout-list > .pagenav.menu.footer.small .pagenav-text {
    flex: 1 1 auto;
    min-width: 0;
    color: #3b588d;
    font-family: "Manrope", sans-serif;
    font-size: 0.94rem;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    min-height: 100dvh;
    --grm-contact-input-h: 36px;
    --grm-contact-group-h: 34px;
    --grm-contact-address-h: 32px;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #layout {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100dvh;
    height: auto !important;
    padding: max(20px, env(safe-area-inset-top, 0px)) 0 28px !important;
    gap: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view h1.voice,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #upload-form {
    display: none !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #grm-mobile-contact-editor-appbar {
    position: relative;
    min-height: 74px;
    margin: 0;
    padding: 0 20px;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view .grm-mobile-contact-editor-back {
    position: absolute;
    left: 20px;
    top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    min-width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 17px;
    background: rgba(85, 124, 203, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.62);
    color: transparent;
    font-size: 0;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view .grm-mobile-contact-editor-back::before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%235d78ab' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.5 4.5 7 10l5.5 5.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view .grm-mobile-contact-editor-titlewrap {
    margin: 0 106px 0 64px;
    padding-top: 4px;
    text-align: center;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view .grm-mobile-contact-editor-overline {
    color: #7a90b7;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    line-height: 1.1;
    text-transform: uppercase;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view .grm-mobile-contact-editor-title {
    margin-top: 4px;
    color: #20345a;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1.62rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.04;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view .grm-mobile-contact-editor-actions {
    position: absolute;
    right: 20px;
    top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view .grm-mobile-contact-editor-actions .submit.grm-mobile-contact-editor-save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-width: 88px;
    height: 46px;
    margin: 0;
    padding: 0 14px;
    background: rgba(85, 124, 203, 0.1);
    border-radius: 17px;
    color: #46679d !important;
    font-family: "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view .grm-mobile-contact-editor-actions .submit.grm-mobile-contact-editor-save::before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2346679d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 10.5 3.4 3.4 7.6-8.1'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contact-details.formcontent {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 20px 30px !important;
    background: transparent !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contact-details > input[type="hidden"] {
    display: none;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view .formbuttons {
    display: none !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view .contact-header {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    align-items: start;
    gap: 16px;
    margin: 0 0 18px;
    padding: 18px;
    border: 1px solid #d9e5f8;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 255, 0.95) 100%);
    box-shadow: 0 16px 34px rgba(57, 90, 156, 0.08);
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contactphoto {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contactphoto::before {
    content: attr(data-grm-addressbook-label);
    display: block;
    width: 100%;
    margin: 0;
    color: #7188b0;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contactphoto legend,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead legend {
    display: none;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contactpic {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 104px;
    height: 104px;
    overflow: hidden;
    border: 1px solid #dbe6f9;
    border-radius: 26px;
    background: linear-gradient(180deg, #f8fbff 0%, #edf4ff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contactpic img {
    width: 58px;
    height: 58px;
    opacity: 0.42;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contactpic .delete {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 11px;
    background: rgba(86, 120, 190, 0.1);
    color: transparent;
    font-size: 0;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contactpic .delete::before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23566ea1' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.2 12.8 12.8 3.2'/%3E%3Cpath d='M12.8 12.8 3.2 3.2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contactpic img[src*="contactpic.svg"] ~ .delete {
    display: none;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .names {
    display: grid;
    gap: 14px;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .row.form-group,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .row.form-group {
    display: block;
    margin: 0 0 14px;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .row.form-group:last-child,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .row.form-group:last-child {
    margin-bottom: 0;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .row.form-group > label,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .row.form-group > label {
    display: block;
    width: auto;
    max-width: none;
    margin: 0 0 8px;
    padding: 0;
    color: #7188b0;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1.1;
    text-transform: uppercase;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .row.form-group > label {
    width: 100%;
    text-align: center;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .row.form-group > div,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .row.form-group > div {
    width: auto;
    max-width: none;
    padding: 0;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contact-details .form-control,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contact-details .custom-select,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contact-details textarea {
    border: 1px solid #cfe0fc !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
    color: #243b63 !important;
    font-family: "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 600;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead input.form-control,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .row.form-group input.form-control,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .row.form-group select.custom-select,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .row.form-group textarea.form-control {
    min-height: var(--grm-contact-input-h);
    padding: 0.48rem 0.85rem;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .row.form-group textarea.form-control,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #ff_notes {
    min-height: 132px;
    padding-top: 0.95rem;
    resize: vertical;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .addfield {
    margin: 14px 0 0;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .addfield .addfieldmenu,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .addfield .addfieldmenu {
    display: inline-flex;
    min-width: 132px;
    max-width: 100%;
    padding-right: 2.35rem;
    color: #3f5e97 !important;
    font-weight: 700;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23576ea0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.82rem center !important;
    background-size: 12px 12px !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .row.form-group.addressbook > div,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .row.form-group.addressbook .form-control,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .row.form-group.addressbook .custom-select,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .addressbook .col-sm-8,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .addressbook .form-control,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .addressbook .custom-select {
    display: none !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .source.row.form-group,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacthead .row.form-group.source,
html.layout-phone body.task-addressbook.action-add #contacthead .source.row.form-group,
html.layout-phone body.task-addressbook.action-add #contacthead .row.form-group.source,
html.layout-phone body.task-addressbook.action-edit #contacthead .source.row.form-group,
html.layout-phone body.task-addressbook.action-edit #contacthead .row.form-group.source {
    display: none !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view ul.nav.nav-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
    list-style: none;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view ul.nav.nav-tabs .nav-item {
    margin: 0;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view ul.nav.nav-tabs .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    padding: 0.72rem 0.8rem;
    border: 1px solid #d9e4f8;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
    color: #6a82a9;
    font-family: "Manrope", sans-serif;
    font-size: 0.96rem;
    font-weight: 700;
    text-align: center;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view ul.nav.nav-tabs .nav-link.active,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view ul.nav.nav-tabs .nav-link[aria-selected="true"] {
    border-color: rgba(131, 163, 225, 0.24);
    background: rgba(116, 153, 225, 0.16);
    color: #35528a;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs {
    margin: 0;
    background: transparent;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs > .tab-pane {
    padding: 0;
    background: transparent;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs > .tab-pane > legend {
    display: none;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs > .tab-pane > .row.form-group,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs > .tab-pane > fieldset.propform {
    position: relative;
    margin: 0 0 16px;
    padding: 20px 16px 16px;
    border: 1px solid #d9e5f8;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 255, 0.95) 100%);
    box-shadow: 0 16px 34px rgba(57, 90, 156, 0.08);
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs > .tab-pane > fieldset.propform > legend {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 14px;
    padding: 0;
    color: #2a4169;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.1;
    background: transparent;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup > legend {
    display: none;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup[data-grm-legend]::before {
    content: attr(data-grm-legend);
    display: block;
    margin: 0 0 14px;
    color: #2a4169;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup .input-group {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 44px;
    align-items: stretch;
    gap: 0;
    overflow: hidden;
    border: 1px solid #cfe0fc;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrolleraddress .input-group {
    grid-template-columns: 92px minmax(0, 1fr) 44px;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup .input-group > .custom-select,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup .input-group > .form-control,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup .input-group .content {
    min-width: 0;
    min-height: var(--grm-contact-group-h);
    margin: 0;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup .input-group > .custom-select {
    padding: 0 0.85rem;
    border-right: 1px solid #d9e5f8 !important;
    color: #354f84 !important;
    font-size: 0.98rem;
    font-weight: 700;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23576ea0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.48rem center !important;
    background-size: 11px 11px !important;
    padding-right: 1.6rem;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup .input-group > .form-control {
    padding: 0.42rem 0.82rem;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup .input-group > .input-group-append,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup .input-group > .input-group-append .input-group-text {
    display: flex;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-left: 1px solid #d9e5f8 !important;
    background: transparent !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup .deletebutton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: var(--grm-contact-group-h);
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: rgba(255, 255, 255, 0.4) !important;
    color: transparent !important;
    font-size: 0 !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup .deletebutton::before {
    color: #556f9f !important;
    font-size: 1rem !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrolleraddress .content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrolleraddress .content .ff_street {
    grid-column: auto;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrolleraddress .content > .form-control {
    width: 100% !important;
    min-width: 0 !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrolleraddress .content .ff_locality,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrolleraddress .content .ff_country,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrolleraddress .content .ff_region {
    grid-column: auto;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrolleraddress .content .ff_zipcode,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrolleraddress .content .ff_locality,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrolleraddress .content .ff_street,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrolleraddress .content .ff_country,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrolleraddress .content .ff_region {
    min-height: var(--grm-contact-address-h);
    padding: 0.34rem 0.76rem;
    border: 1px solid #d4e2fa !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollergender,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollerbirthday,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollernotes {
    padding-top: 14px;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollergender .row.input-group,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollerbirthday .row.input-group {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr) 44px;
    align-items: stretch;
    gap: 0;
    overflow: hidden;
    border: 1px solid #cfe0fc;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollergender .contactfieldlabel,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollerbirthday .contactfieldlabel {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: var(--grm-contact-group-h);
    margin: 0;
    padding: 0 0.95rem;
    border: 0 !important;
    border-right: 1px solid #d9e5f8 !important;
    background: transparent !important;
    color: #354f84 !important;
    font-family: "Manrope", sans-serif;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollergender .row.input-group > .form-control,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollerbirthday .row.input-group > .form-control {
    min-height: var(--grm-contact-group-h);
    padding: 0.42rem 0.82rem;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollergender .row.input-group > .input-group-prepend,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollerbirthday .row.input-group > .input-group-prepend,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollergender .row.input-group > .input-group-append,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollerbirthday .row.input-group > .input-group-append,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollergender .row.input-group > .input-group-append .input-group-text,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollerbirthday .row.input-group > .input-group-append .input-group-text {
    display: flex;
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollergender .row.input-group > .input-group-append .deletebutton,
html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollerbirthday .row.input-group > .input-group-append .deletebutton {
    border-left: 1px solid #d9e5f8 !important;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollernotes .row {
    margin: 0;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .contactfieldgroup.contactcontrollernotes textarea.form-control {
    min-height: 148px;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .addfield {
    margin: 2px 0 16px;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .addfield:last-child {
    margin-bottom: 0;
}

html.layout-phone body.task-addressbook.grm-mobile-contact-editor-view #contacttabs .addfield .addfieldmenu {
    display: inline-flex;
    min-width: 132px;
    max-width: 100%;
    padding-right: 2.35rem;
    color: #3f5e97 !important;
    font-weight: 700;
}

@keyframes grm-mobile-refresh-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .searchbar {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0 20px 14px;
    border: 1px solid #dce6f8 !important;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 10px 24px rgba(58, 90, 145, 0.08);
    z-index: 2;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .searchbar a {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .searchbar form {
    position: relative;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .searchbar form::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-left: 0;
    color: transparent;
    font-size: 0;
    line-height: 0;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23738fba' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    opacity: 0.98;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .searchbar input {
    height: 3.2rem;
    padding: 0.65rem 0.95rem 0.65rem 2.55rem;
    color: #27416c !important;
    font-family: "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 600;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #grm-mobile-inbox-filter-chips {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0 20px 14px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-filter-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    background: rgba(225, 234, 248, 0.9);
    color: #6b83ae;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1;
    box-shadow: inset 0 0 0 1px rgba(219, 229, 246, 0.92);
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-filter-chip.is-active,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-filter-chip[aria-pressed="true"] {
    background: linear-gradient(180deg, #cfe0ff 0%, #bdd3ff 100%);
    color: #31528a;
    box-shadow: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-filter-chip:active {
    transform: translateY(1px);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > #messagelist-content.scroller {
    width: auto !important;
    margin: 0;
    padding: 0 14px 170px;
    box-sizing: border-box;
    border-top: 0;
    background: transparent;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist {
    display: block;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 12px;
    table-layout: fixed;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist tbody,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist tr {
    display: block;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist tr {
    position: relative;
    filter: drop-shadow(0 12px 20px rgba(73, 102, 153, 0.08));
    margin-bottom: 10px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist tr:last-child {
    margin-bottom: 0;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.selection {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.flags {
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    grid-template-areas:
        "avatar from date"
        "avatar subject subject";
    column-gap: 0.75rem;
    row-gap: 0.12rem;
    align-items: start;
    width: auto;
    padding: 13px 18px 13px 12px;
    border: 0 !important;
    border-radius: 24px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.flags {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    width: auto;
    min-width: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    vertical-align: top;
    white-space: nowrap;
    z-index: 2;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist tr.selected td.subject,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist tr.selected td.flags {
    background: #eaf2ff !important;
    border-color: #cfe0ff !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.flags .attachment {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject > .grm-message-avatar {
    grid-area: avatar;
    align-self: start;
    justify-self: start;
    width: 40px;
    height: 40px;
    margin-top: 0;
    font-size: 0.92rem;
    border-radius: 16px;
    box-shadow: 0 10px 18px rgba(73, 117, 212, 0.16);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject > .grm-message-senderline {
    grid-area: from;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    justify-self: start;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject > span.fromto,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject > .grm-message-senderline > span.fromto {
    grid-area: from;
    min-width: 0;
    color: #284067 !important;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.16;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject > .grm-message-senderline > span.fromto {
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
    padding-left: 4px !important;
    padding-right: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject > .grm-message-senderline > .grm-message-status-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0 9px;
    border-radius: 999px;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject > .grm-message-senderline > .grm-message-status-badge.is-unread {
    background: #e5efff;
    color: #4a79da;
    box-shadow: inset 0 0 0 1px rgba(128, 162, 232, 0.28);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject > .grm-message-senderline > .grm-message-status-badge.is-flagged {
    background: #ffe4ea;
    color: #d66782;
    box-shadow: inset 0 0 0 1px rgba(231, 148, 169, 0.28);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject > span.date {
    grid-area: date;
    min-width: max-content;
    color: #7d8ea9 !important;
    font-family: "Manrope", sans-serif;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.12;
    justify-self: end;
    text-align: right;
    margin-right: 0;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject > span.subject {
    grid-area: subject;
    grid-column: 2 / 4;
    min-width: 0;
    margin-top: -2px;
    color: #6880a7;
    font-family: "Manrope", sans-serif;
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.3;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject > span.subject a {
    display: block;
    color: #6880a7 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist td.subject > span.size {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list #messagelist tr.flagged td.subject > .grm-message-avatar {
    background: linear-gradient(145deg, #f19aa6 0%, #e15f77 100%) !important;
    border-color: rgba(246, 198, 207, 0.94);
    box-shadow: 0 10px 18px rgba(219, 101, 124, 0.18);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .pagenav.menu.footer.small {
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 84px);
    display: flex;
    align-items: center;
    gap: 0.44rem;
    height: 3.25rem;
    min-height: 3.25rem !important;
    margin: 0;
    padding: 0 0.76rem !important;
    border: 0;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow:
        0 12px 24px rgba(42, 69, 123, 0.1),
        inset 0 0 0 1px rgba(217, 227, 245, 0.85);
    backdrop-filter: blur(14px);
    z-index: 4;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .pagenav.menu.footer.small > a {
    display: inline-flex;
    flex: 0 0 1.8rem !important;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    min-width: 1.8rem;
    max-width: 1.8rem;
    height: 2rem;
    margin: 0;
    border: 0;
    border-radius: 14px;
    background: rgba(82, 118, 190, 0.1);
    box-shadow: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .pagenav.menu.footer.small > a .inner {
    display: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .pagenav.menu.footer.small > a::before {
    content: "";
    width: 0.9rem;
    height: 0.9rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .pagenav.menu.footer.small > a.firstpage::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23596f94' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 3.25 5.5 8l5 4.75'/%3E%3Cpath d='M6.75 3.25 1.75 8l5 4.75'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .pagenav.menu.footer.small > a.prevpage::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23596f94' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 3.25 5.5 8l5 4.75'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .pagenav.menu.footer.small > a.nextpage::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23596f94' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 3.25 10.5 8l-5 4.75'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .pagenav.menu.footer.small > a.lastpage::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23596f94' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 3.25 10.5 8l-5 4.75'/%3E%3Cpath d='M9.25 3.25 14.25 8l-5 4.75'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .pagenav.menu.footer.small > a.disabled,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .pagenav.menu.footer.small > a[aria-disabled="true"] {
    opacity: 0.5;
    box-shadow: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .pagenav.menu.footer.small .pagenav-text {
    flex: 1 1 auto;
    min-width: 0;
    color: #27457a;
    font-family: "Manrope", sans-serif;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: -0.005em;
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #layout-list > .pagenav.menu.footer.small .rcpagejumper {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #messagestack {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .floating-action-buttons,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #rcmbtn102-clone {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #grm-mobile-inbox-bottom-nav {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.45rem;
    align-items: center;
    padding: 0.72rem 0.78rem 0.82rem;
    border: 1px solid #dce7fb;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 14px 28px rgba(64, 92, 143, 0.1);
    z-index: 5;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-nav-button {
    appearance: none;
    border: 0;
    background: transparent;
    display: grid;
    justify-items: center;
    gap: 0.34rem;
    padding: 0;
    color: #8194b5;
    font: inherit;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-nav-icon {
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 12px;
    background-color: #eef4ff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.08rem 1.08rem;
    box-shadow: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-nav-label {
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.1;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-nav-button.is-active {
    color: #335ea9;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-nav-button.is-active .grm-mobile-inbox-nav-icon {
    border-color: #cfe0ff;
    background-color: #dfeaff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-nav-button:not(.is-active) .grm-mobile-inbox-nav-icon {
    border: 0 !important;
    background-color: #eef4ff !important;
    box-shadow: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-nav-button[data-slot="mail"] .grm-mobile-inbox-nav-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%235e79b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-6l-2 3h-4l-2-3H2'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-nav-button[data-slot="folders"] .grm-mobile-inbox-nav-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%235e79b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9l-.81-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-nav-button[data-slot="search"] .grm-mobile-inbox-nav-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%235e79b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-nav-button[data-slot="account"] .grm-mobile-inbox-nav-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%235e79b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.25'/%3E%3Cpath d='M5.5 19a6.5 6.5 0 0 1 13 0'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #grm-mobile-inbox-compose-fab {
    position: relative;
    justify-self: center;
    align-self: center;
    width: 2.9rem;
    height: 2.9rem;
    margin-top: 0;
    border-radius: 16px;
    border: 2px solid rgba(255, 255, 255, 0.94);
    background: linear-gradient(145deg, #68a6ff 0%, #4c85f0 100%);
    box-shadow:
        0 0 0 1px rgba(81, 121, 220, 0.12),
        0 14px 26px rgba(66, 113, 204, 0.22),
        0 3px 8px rgba(255, 255, 255, 0.42);
    z-index: 1;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-compose-fab-icon {
    position: absolute;
    inset: 0;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view .grm-mobile-inbox-compose-fab-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.06rem 1.06rem;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view #grm-mobile-inbox-compose-fab::after {
    content: "";
    position: absolute;
    inset: auto 0 -0.34rem 0;
    margin: 0 auto;
    width: 82%;
    height: 0.82rem;
    border-radius: 999px;
    background: rgba(78, 119, 215, 0.18);
    filter: blur(8px);
    z-index: -1;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > .listing,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > table.listing,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #messagelist,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > #messagelist-content.scroller,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > .pagenav.menu.footer.small,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #grm-mobile-inbox-filter-chips {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #grm-mobile-inbox-compose-fab {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #grm-mobile-inbox-bottom-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > .searchbar {
    display: block !important;
    margin: 0 20px 10px;
    padding: 0;
    min-height: 3.3rem;
    border-radius: 22px;
    box-shadow: 0 14px 28px rgba(58, 90, 145, 0.08);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > .searchbar form {
    display: block;
    width: 100%;
    min-height: 3.3rem;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > .searchbar form::before {
    left: 15px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > .searchbar input {
    display: block;
    width: 100%;
    height: 3.3rem;
    padding-right: 3rem;
    font-size: 0.98rem;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > .searchbar a.button.reset {
    position: absolute;
    top: 50%;
    right: 14px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    margin: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(223, 233, 248, 0.92);
    transform: translateY(-50%);
    box-shadow: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > .searchbar a.button.reset .inner {
    display: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > .searchbar a.button.reset::before {
    content: "";
    width: 0.92rem;
    height: 0.92rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23677fa7' stroke-width='2.1' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6L6 18'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > .searchbar a.button.unread,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > .searchbar a.button.options,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #layout-list > .searchbar a.button.search {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #grm-mobile-search-filter-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0 20px 14px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-filter-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 10px;
    border: 0;
    border-radius: 999px;
    background: rgba(225, 234, 248, 0.9);
    color: #6b83ae;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
    box-shadow: inset 0 0 0 1px rgba(219, 229, 246, 0.92);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-filter-chip.is-active,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-filter-chip[aria-pressed="true"] {
    background: linear-gradient(180deg, #cfe0ff 0%, #bdd3ff 100%);
    color: #31528a;
    box-shadow: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #grm-mobile-search-sections {
    display: grid;
    gap: 14px;
    margin: 0 20px 112px;
    max-height: none;
    overflow-y: auto;
    overflow-x: hidden;
    background: transparent;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view #grm-mobile-search-sections::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-section {
    padding: 16px;
    border: 1px solid rgba(216, 228, 247, 0.96);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.95));
    box-shadow: 0 14px 28px rgba(58, 90, 145, 0.07);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-section-label {
    margin-bottom: 12px;
    color: #6f86ae;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .proplist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .proplist > li {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .proplist > li.with-sublist {
    display: block !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .proplist > li.grm-mobile-search-extra-mod,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .proplist > li.with-sublist > a.button.dropdown,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .proplist > li.with-sublist > ul {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .custom-control,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .custom-switch {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding: 0 !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .custom-control-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .custom-control-label {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-height: 40px;
    margin: 0;
    padding: 10px 14px;
    border: 1px solid rgba(219, 229, 246, 0.92);
    border-radius: 18px;
    background: rgba(244, 248, 255, 0.96);
    color: #5d759f;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: left;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .custom-control-label::before,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .custom-control-label::after {
    display: none !important;
    content: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .grm-mobile-search-mod-subject .custom-control-label::after,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .grm-mobile-search-mod-sender .custom-control-label::after,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .grm-mobile-search-mod-recipient .custom-control-label::after,
html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .grm-mobile-search-mod-body .custom-control-label::after {
    display: flex !important;
    order: -1;
    flex: 0 0 2.2rem;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 14px;
    background: linear-gradient(145deg, #7ba8ff 0%, #5d8eed 100%);
    color: #ffffff;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.86rem;
    font-weight: 800;
    align-items: center;
    justify-content: center;
    position: static;
    transform: none;
    box-shadow: 0 10px 18px rgba(91, 131, 219, 0.18);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .grm-mobile-search-mod-subject .custom-control-label::after {
    content: "S" !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .grm-mobile-search-mod-sender .custom-control-label::after {
    content: "F" !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .grm-mobile-search-mod-recipient .custom-control-label::after {
    content: "T" !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .grm-mobile-search-mod-body .custom-control-label::after {
    content: "B" !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .custom-control-input:checked + .custom-control-label {
    border-color: rgba(194, 213, 247, 0.98);
    background: linear-gradient(180deg, #dbe8ff 0%, #ccdeff 100%);
    color: #31528a;
    box-shadow: 0 12px 20px rgba(77, 120, 209, 0.12);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-modifiers-card .custom-control-input:checked + .custom-control-label::after {
    background: linear-gradient(145deg, #679dff 0%, #4c83ef 100%);
    color: #ffffff;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-options-card .input-group {
    display: grid;
    grid-template-columns: minmax(0, 86px) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin: 0;
    padding: 13px 0;
    border-top: 1px solid rgba(229, 237, 249, 0.92);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-options-card .input-group:first-of-type {
    padding-top: 2px;
    border-top: 0;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-options-card .input-group-prepend {
    margin: 0;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-options-card .input-group-text {
    padding: 0;
    border: 0;
    background: transparent;
    color: #233d69;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-options-card .custom-select {
    appearance: none;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0 1.3rem 0 0;
    border: 0;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23758db5' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right center / 0.95rem 0.95rem,
        transparent;
    color: #6d84ad;
    font-family: "Manrope", sans-serif;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.3;
    box-shadow: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-action-card {
    display: grid;
    gap: 14px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-mailbox-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(229, 237, 249, 0.92);
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-mailbox-row strong {
    color: #233d69;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-mailbox-row span {
    color: #6d84ad;
    font-family: "Manrope", sans-serif;
    font-size: 0.92rem;
    font-weight: 600;
}

html.layout-phone body.task-mail.action-none.grm-mobile-inbox-view.grm-mobile-search-view .grm-mobile-search-action-card .btn.search {
    width: 100%;
    min-height: 48px;
    padding: 0 16px;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(145deg, #6aa5ff 0%, #4d84ef 100%);
    color: #ffffff;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.94rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    box-shadow: 0 16px 28px rgba(66, 113, 204, 0.2);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view {
    background: linear-gradient(180deg, #f7fbff 0%, #eef4ff 100%);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .header {
    display: grid !important;
    grid-template-columns: 40px 1fr 40px;
    align-items: center;
    gap: 12px;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: max(18px, env(safe-area-inset-top, 0px)) 18px 18px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .header > .button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow:
        inset 0 0 0 1px rgba(220, 230, 247, 0.98),
        0 8px 18px rgba(45, 78, 141, 0.06);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .header > .button::before {
    color: #5875a6;
    font-size: 1.1rem;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .header .header-title.username {
    margin: 0 !important;
    padding: 0 !important;
    color: #1f355c;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.1;
    text-align: center;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .scroller {
    flex: 1 1 auto;
    padding: 6px 12px 126px;
    background: transparent;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist {
    display: grid;
    gap: 12px;
    padding: 0;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li {
    margin: 0;
    border-bottom: 0 !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li.selected {
    background: transparent !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li > a {
    display: flex;
    align-items: center;
    min-height: 72px;
    padding: 0 15px 0 13px;
    border: 1px solid rgba(211, 225, 248, 0.96) !important;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(247, 250, 255, 0.93)) !important;
    color: #20375f !important;
    font-family: "Manrope", sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(56, 87, 145, 0.035);
    background-clip: padding-box;
    padding-right: 3.85rem;
    overflow: hidden;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li.selected > a {
    background: linear-gradient(135deg, rgba(223, 235, 255, 0.98), rgba(208, 224, 255, 0.95)) !important;
    color: #1f4f8b !important;
    border-color: rgba(191, 210, 245, 0.98) !important;
    box-shadow: 0 3px 8px rgba(70, 103, 166, 0.05);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li > a::before {
    content: "";
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-right: 14px;
    border: 0;
    border-radius: 16px;
    color: transparent;
    font-size: 0;
    line-height: 0;
    text-indent: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    box-shadow: 0 12px 20px rgba(79, 127, 229, 0.18);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li.mailbox.inbox > a::before {
    background-color: #4f7fe5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M6.2 6.2h11.6l2.2 5.8v5.3A1.7 1.7 0 0 1 18.3 19H5.7A1.7 1.7 0 0 1 4 17.3V12z'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li.mailbox.drafts > a::before {
    background-color: #35b883;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.5h6l4 4v11H7z'/%3E%3Cpath d='M13 4.5v4h4'/%3E%3Cpath d='m8.5 15 6-6'/%3E%3Cpath d='m12.2 8.8 3 3'/%3E%3C/svg%3E");
    box-shadow: 0 12px 20px rgba(53, 184, 131, 0.18);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li.mailbox.sent > a::before {
    background-color: #4781e7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 4-9 9'/%3E%3Cpath d='M20 4 14 20l-3.5-6.5L4 10z'/%3E%3C/svg%3E");
    box-shadow: 0 12px 20px rgba(71, 129, 231, 0.18);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li.mailbox.junk > a::before {
    background-color: #ff9f2f;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 4.8 7v5.4c0 4.2 2.9 6.8 7.2 8.1 4.3-1.3 7.2-3.9 7.2-8.1V7z'/%3E%3Cpath d='M12 8.3v3.8'/%3E%3Cpath d='M12 15.3h.01'/%3E%3C/svg%3E");
    box-shadow: 0 12px 20px rgba(255, 159, 47, 0.18);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li.mailbox.trash > a::before {
    background-color: #f36878;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M9 7V5.5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1V7'/%3E%3Cpath d='M6.5 7v11a1.5 1.5 0 0 0 1.5 1.5h8a1.5 1.5 0 0 0 1.5-1.5V7'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E");
    box-shadow: 0 12px 20px rgba(243, 104, 120, 0.18);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li.mailbox.archive > a::before {
    background-color: #7a5ae6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='5' rx='1.2'/%3E%3Cpath d='M6 10v8.2A1.8 1.8 0 0 0 7.8 20h8.4A1.8 1.8 0 0 0 18 18.2V10'/%3E%3Cpath d='M10 13h4'/%3E%3C/svg%3E");
    box-shadow: 0 12px 20px rgba(122, 90, 230, 0.18);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li.selected > a::before {
    background-color: #3e6ed7;
    transform: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li > a .unreadcount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    right: 16px;
    top: calc(50% - 15px);
    margin: 0 !important;
    transform: none;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(135deg, #4dc0ff, #2f9ce7);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 12px 22px rgba(47, 156, 231, 0.22);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #mailboxlist.folderlist > li.selected > a .unreadcount {
    background: linear-gradient(135deg, #4d80df, #315cad);
    box-shadow: 0 12px 22px rgba(56, 102, 183, 0.24);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .footer.small {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 12px;
    padding: 0;
    border: 0;
    background: transparent;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .footer.small #quotadisplay.quota-widget {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    gap: 10px;
    align-items: center;
    min-height: 82px;
    padding: 12px 14px 14px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(250, 252, 255, 0.98), rgba(244, 248, 255, 0.95));
    box-shadow:
        0 16px 28px rgba(45, 78, 141, 0.08),
        inset 0 0 0 1px rgba(217, 227, 245, 0.92);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .footer.small #quotadisplay.quota-widget::before {
    content: "";
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #7da1ef, #4d7de3);
    box-shadow: 0 0 0 4px rgba(125, 161, 239, 0.16);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .footer.small #quotadisplay.quota-widget::after {
    display: none;
    content: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .footer.small #quotadisplay.quota-widget .grm-mobile-folders-footer-copy {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .footer.small #quotadisplay.quota-widget .grm-mobile-folders-footer-copy strong,
html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .footer.small #quotadisplay.quota-widget .grm-mobile-folders-footer-copy span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .footer.small #quotadisplay.quota-widget .grm-mobile-folders-footer-copy strong {
    color: #5571a0;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.2;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .footer.small #quotadisplay.quota-widget .grm-mobile-folders-footer-copy span {
    color: #7a8faf;
    font-family: "Manrope", sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.3;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .footer.small #quotadisplay.quota-widget .bar {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    height: 8px;
    margin: 1px 0 0;
    border-radius: 999px;
    background: rgba(219, 229, 246, 0.9);
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .footer.small #quotadisplay.quota-widget .value {
    border-radius: 999px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-folders-view #layout-sidebar > .footer.small #quotadisplay.quota-widget .count {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
    color: #54709f;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view {
    background:
        radial-gradient(circle at 20% -6%, rgba(122, 166, 241, 0.18), transparent 34%),
        radial-gradient(circle at 84% -8%, rgba(95, 135, 220, 0.14), transparent 30%),
        linear-gradient(180deg, #f9fcff 0%, #edf4ff 100%);
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #layout-content {
    background: transparent;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #layout-content > .header {
    gap: 12px;
    min-height: 72px !important;
    padding: 18px 18px 8px !important;
    background: transparent !important;
    overflow: visible;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #layout-content > .header > .menu.toolbar {
    display: none !important;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #layout-content > .header .back-list-button,
html.layout-phone body.task-mail.action-show.grm-mobile-message-view #layout-content > .header > .toolbar-menu-button {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    border-color: #d5e1f7;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(243, 248, 255, 0.94)) !important;
    box-shadow: 0 10px 22px rgba(60, 97, 170, 0.08) !important;
    color: #5875a7 !important;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #layout-content > .header .back-list-button::before {
    width: 11px;
    height: 11px;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #layout-content > .header > .toolbar-menu-button::before {
    width: 5px;
    height: 5px;
    box-shadow: 0 -9px 0 currentColor, 0 9px 0 currentColor;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-appbar-main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
    padding: 0 0.1rem;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-appbar-overline {
    color: #7d91b7;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-appbar-title {
    color: #223e6f;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.08;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #layout-content .content.frame-content {
    padding: 0 18px 124px;
    background: transparent;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-index {
    display: flex;
    justify-content: center;
    margin: 2px 0 12px;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-index-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 14px;
    border: 1px solid #d3e0f8;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 10px 18px rgba(56, 92, 157, 0.08);
    color: #6780a8;
    font-size: 0.78rem;
    font-weight: 800;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-action-ribbon {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 16px;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-action-pill,
html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-nav-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 42px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #d8e4f9;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 10px 18px rgba(56, 92, 157, 0.06);
    color: #48679c;
    font-family: "Manrope", "Segoe UI", "Roboto", sans-serif;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
    text-align: center;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-action-pill.is-primary,
html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-nav-button.is-primary {
    border-color: transparent;
    background: linear-gradient(135deg, #5f89ed 0%, #476fcd 100%);
    box-shadow: 0 14px 24px rgba(69, 108, 192, 0.24);
    color: #ffffff;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-action-pill.is-disabled,
html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-nav-button.is-disabled {
    opacity: 0.45;
    box-shadow: none;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-action-icon,
html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-nav-button-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    background: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view [data-message-action="reply"] .grm-mobile-message-action-icon,
html.layout-phone body.task-mail.action-show.grm-mobile-message-view [data-message-action="reply"] .grm-mobile-message-nav-button-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 8l-5 4 5 4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 12h8a5 5 0 0 1 5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 8l-5 4 5 4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 12h8a5 5 0 0 1 5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view [data-message-action="forward"] .grm-mobile-message-action-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8l5 4-5 4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 12h-8a5 5 0 0 0-5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8l5 4-5 4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 12h-8a5 5 0 0 0-5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view [data-message-action="delete"] .grm-mobile-message-action-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M9 6V4h6v2M7 6l1 13h8l1-13' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M9 6V4h6v2M7 6l1 13h8l1-13' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view [data-message-action="mark"] .grm-mobile-message-action-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l2.1 5.9 5.9.4-4.5 3.6 1.5 6L12 16.8 7 19.9l1.5-6L4 10.3l5.9-.4L12 4z' fill='%23000'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l2.1 5.9 5.9.4-4.5 3.6 1.5 6L12 16.8 7 19.9l1.5-6L4 10.3l5.9-.4L12 4z' fill='%23000'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view [data-message-action="more"] .grm-mobile-message-action-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5' r='2' fill='%23000'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23000'/%3E%3Ccircle cx='12' cy='19' r='2' fill='%23000'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5' r='2' fill='%23000'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23000'/%3E%3Ccircle cx='12' cy='19' r='2' fill='%23000'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view [data-message-action="prev"] .grm-mobile-message-nav-button-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6l-6 6 6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6l-6 6 6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view [data-message-action="next"] .grm-mobile-message-nav-button-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-header {
    margin-bottom: 1rem;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-header > .subject {
    display: flex;
    align-items: center;
    min-height: 54px;
    margin: 0 0 0.9rem;
    padding: 0 0 0 70px;
    position: relative;
    color: #233c69;
    font-size: 1.28rem;
    font-weight: 700;
    line-height: 1.24;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-header > .subject::before {
    content: attr(data-grm-avatar);
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: linear-gradient(135deg, #6f98f6 0%, #4c74d4 100%);
    box-shadow: 0 14px 24px rgba(70, 104, 181, 0.22);
    color: #ffffff;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    transform: translateY(-50%);
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-header > .header {
    gap: 0.92rem;
    padding: 0.98rem 1rem;
    border: 1px solid #d6e3fb;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(244, 248, 255, 0.94) 100%);
    box-shadow: 0 16px 28px rgba(55, 91, 156, 0.09);
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-header > .header .grm-brand-avatar-wrap,
html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-header > .header img.contactphoto {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 14px;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-header .header-summary {
    color: #2a446f;
    font-size: 0.9rem;
    line-height: 1.45;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-header .header-headers {
    width: 100%;
    margin-top: 0.16rem;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-header .header-headers .header-title {
    width: 46px;
    color: #7a8fb4;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-header .header-headers td {
    padding-top: 0.26rem;
    color: #2c4670;
    font-size: 0.9rem;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-header .header-links {
    gap: 0.52rem;
    margin-top: 0.62rem;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-header .header-links a {
    min-height: 30px;
    padding: 0.26rem 0.72rem;
    border-radius: 999px;
    background: #edf4ff;
    font-size: 0.78rem;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-content {
    border: 1px solid #d6e3fb;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(245, 249, 255, 0.95) 100%);
    box-shadow: 0 16px 28px rgba(55, 91, 156, 0.08);
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-content .leftcol {
    padding: 0;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-content .rightcol {
    width: 100%;
    padding: 1rem 1rem 1.08rem;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-objects #remote-objects-message.notice,
html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-objects #suspicious-content-message.notice,
html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-objects #remote-objects-message,
html.layout-phone body.task-mail.action-show.grm-mobile-message-view #message-objects #suspicious-content-message {
    margin-top: 0;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #messagebody {
    padding: 0;
    color: #314767;
    font-size: 0.97rem;
    line-height: 1.68;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #messagebody .message-part,
html.layout-phone body.task-mail.action-show.grm-mobile-message-view #messagebody .message-htmlpart {
    margin-top: 0;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view #messagebody p:first-child {
    margin-top: 0;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-nav-dock {
    position: sticky;
    bottom: 14px;
    z-index: 8;
    margin: 0 18px 18px;
    padding: 12px;
    border: 1px solid rgba(214, 226, 248, 0.96);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 18px 30px rgba(38, 66, 118, 0.12);
    backdrop-filter: blur(14px);
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-nav-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-nav-button {
    min-height: 44px;
    padding: 0 8px;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-nav-button .grm-mobile-message-nav-button-label {
    white-space: nowrap;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-overlay {
    position: fixed;
    inset: 0;
    z-index: 18;
    border: 0;
    background: rgba(18, 30, 54, 0.38);
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow {
    position: fixed;
    left: 14px;
    right: 14px;
    bottom: 14px;
    z-index: 19;
    padding: 12px;
    border: 1px solid #d7e4fb;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 248, 255, 0.98) 100%);
    box-shadow: 0 24px 44px rgba(31, 55, 100, 0.2);
    backdrop-filter: blur(16px);
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    padding: 2px 4px 6px;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-head strong {
    color: #223d6b;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.98rem;
    font-weight: 700;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-close {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 12px;
    background: rgba(90, 126, 197, 0.12);
    color: #5b78a8;
    position: relative;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-close::before,
html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-list {
    display: grid;
    gap: 8px;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-item {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid #d8e4f8;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
    color: #35527f;
    font-size: 0.9rem;
    font-weight: 700;
    text-align: left;
    box-shadow: 0 10px 18px rgba(49, 81, 140, 0.05);
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-item[aria-disabled="true"] {
    opacity: 0.45;
    box-shadow: none;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 14px;
    background-color: rgba(88, 123, 196, 0.08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72), 0 8px 14px rgba(78, 108, 168, 0.07);
    color: #5674ab;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-icon::before {
    content: "";
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 18px 18px;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 18px 18px;
}

html.layout-phone body.task-mail.action-show.grm-mobile-message-view .grm-mobile-message-overflow-label {
    min-width: 0;
    flex: 1 1 auto;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content {
    background: transparent;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .header {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) 46px;
    align-items: center;
    gap: 12px;
    min-height: 72px !important;
    padding: 18px 18px 8px !important;
    border-bottom: 0 !important;
    background: transparent !important;
    overflow: visible;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .header > .menu.toolbar,
html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .header > .popupmenu:not(#forward-menu):not(#replyall-menu):not(#message-menu):not(#markmessage-menu):not(#uploadform) {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .header .back-list-button,
html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .header > .toolbar-menu-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    margin: 0 !important;
    border: 0;
    border-radius: 17px;
    background: rgba(85, 124, 203, 0.1) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
    color: #35568e !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .header .back-list-button::before,
html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .header > .toolbar-menu-button::before {
    color: #5d78ab;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .header > .toolbar-menu-button::before {
    font-size: 1.06rem;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-appbar-main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    min-width: 0;
    padding: 0;
    text-align: center;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-appbar-overline {
    color: #7d91b7;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-appbar-title {
    color: #223e6f;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.08;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-index,
html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-action-ribbon {
    margin-left: 14px;
    margin-right: 14px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-index {
    display: flex;
    justify-content: center;
    margin-top: 2px;
    margin-bottom: 12px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-index-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border: 0;
    border-radius: 999px;
    background: rgba(88, 123, 196, 0.11);
    box-shadow: none;
    color: #48679f;
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-action-ribbon {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 8px;
    margin-bottom: 14px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-action-pill {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    gap: 6px;
    min-height: 44px;
    padding: 0 10px;
    border: 1px solid #d7e3f8;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 8px 14px rgba(56, 92, 157, 0.05);
    color: #48679c;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    white-space: nowrap;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-action-pill.is-primary {
    border-color: transparent;
    background: linear-gradient(135deg, #5f89ed 0%, #476fcd 100%);
    box-shadow: 0 14px 24px rgba(69, 108, 192, 0.24);
    color: #ffffff;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-action-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    background: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view [data-message-action="reply"] .grm-mobile-message-action-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 8l-5 4 5 4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 12h8a5 5 0 0 1 5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 8l-5 4 5 4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 12h8a5 5 0 0 1 5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view [data-message-action="forward"] .grm-mobile-message-action-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8l5 4-5 4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 12h-8a5 5 0 0 0-5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8l5 4-5 4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 12h-8a5 5 0 0 0-5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view [data-message-action="delete"] .grm-mobile-message-action-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M9 6V4h6v2M7 6l1 13h8l1-13' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M9 6V4h6v2M7 6l1 13h8l1-13' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view [data-message-action="mark"] .grm-mobile-message-action-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l2.1 5.9 5.9.4-4.5 3.6 1.5 6L12 16.8 7 19.9l1.5-6L4 10.3l5.9-.4L12 4z' fill='%23000'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l2.1 5.9 5.9.4-4.5 3.6 1.5 6L12 16.8 7 19.9l1.5-6L4 10.3l5.9-.4L12 4z' fill='%23000'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .iframe-wrapper {
    display: block;
    width: calc(100% - 28px);
    max-width: calc(100% - 28px);
    margin: 0 14px;
    border: 0;
    border-radius: 26px;
    box-sizing: border-box;
    overflow: hidden;
    background: transparent;
    box-shadow: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .iframe-wrapper iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    border-radius: 24px;
    background: transparent;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .footer.content-frame-navigation {
    display: none !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-nav-dock {
    position: sticky;
    bottom: 14px;
    z-index: 8;
    margin: 10px 18px 18px;
    padding: 12px;
    border: 1px solid rgba(214, 226, 248, 0.96);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 18px 30px rgba(38, 66, 118, 0.12);
    backdrop-filter: blur(14px);
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-nav-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-nav-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 8px;
    border: 1px solid #d8e4f9;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 10px 18px rgba(56, 92, 157, 0.06);
    color: #48679c;
    font-size: 0.83rem;
    font-weight: 800;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-nav-button.is-primary {
    border-color: transparent;
    background: linear-gradient(135deg, #5f89ed 0%, #476fcd 100%);
    box-shadow: 0 14px 24px rgba(69, 108, 192, 0.24);
    color: #ffffff;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-nav-button.is-disabled {
    opacity: 0.45;
    box-shadow: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-nav-button-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    background: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view [data-message-action="prev"] .grm-mobile-message-nav-button-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6l-6 6 6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6l-6 6 6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view [data-message-action="reply"] .grm-mobile-message-nav-button-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 8l-5 4 5 4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 12h8a5 5 0 0 1 5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 8l-5 4 5 4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 12h8a5 5 0 0 1 5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view [data-message-action="next"] .grm-mobile-message-nav-button-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .footer.content-frame-navigation {
    position: sticky;
    bottom: 14px;
    z-index: 8;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 14px 18px 18px;
    padding: 12px;
    border: 1px solid rgba(214, 226, 248, 0.96);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 18px 30px rgba(38, 66, 118, 0.12);
    backdrop-filter: blur(14px);
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .footer.content-frame-navigation > .button,
html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .footer.content-frame-navigation > .buttons > .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 8px;
    border: 1px solid #d8e4f9;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 10px 18px rgba(56, 92, 157, 0.06);
    color: #48679c !important;
    font-size: 0.83rem;
    font-weight: 800;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .footer.content-frame-navigation > .buttons {
    display: contents;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .footer.content-frame-navigation > .buttons > .button.reply {
    border-color: transparent;
    background: linear-gradient(135deg, #5f89ed 0%, #476fcd 100%);
    box-shadow: 0 14px 24px rgba(69, 108, 192, 0.24);
    color: #ffffff !important;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view #layout-content > .footer.content-frame-navigation > .button.disabled {
    opacity: 0.45;
    box-shadow: none;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-overlay {
    position: fixed;
    inset: 0;
    z-index: 18;
    border: 0;
    background: rgba(18, 30, 54, 0.38);
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow {
    position: fixed;
    left: 14px;
    right: 14px;
    bottom: 14px;
    z-index: 19;
    padding: 12px;
    border: 1px solid #d7e4fb;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 248, 255, 0.98) 100%);
    box-shadow: 0 24px 44px rgba(31, 55, 100, 0.2);
    backdrop-filter: blur(16px);
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    padding: 2px 4px 6px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-head strong {
    color: #223d6b;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 0.98rem;
    font-weight: 700;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-close {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 12px;
    background: rgba(90, 126, 197, 0.12);
    color: #5b78a8;
    position: relative;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-close::before,
html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-list {
    display: grid;
    gap: 8px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-item {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid #d8e4f8;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
    color: #35527f;
    font-size: 0.9rem;
    font-weight: 700;
    text-align: left;
    box-shadow: 0 10px 18px rgba(49, 81, 140, 0.05);
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 12px;
    background-color: rgba(86, 120, 190, 0.1);
    box-shadow: none;
    color: #5674ab;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-icon::before {
    content: "";
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 18px 18px;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 18px 18px;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-label {
    min-width: 0;
    flex: 1 1 auto;
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-icon[data-overflow-icon="reply-all"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 7 6 12l5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 12h8a5 5 0 0 1 5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7 2 12l5 5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='.8'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 7 6 12l5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 12h8a5 5 0 0 1 5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7 2 12l5 5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='.8'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-icon[data-overflow-icon="print"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 8V4h10v4' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='5' y='9' width='14' height='7' rx='2' ry='2' fill='none' stroke='%23000' stroke-width='2.1'/%3E%3Cpath d='M8 16h8v4H8z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 8V4h10v4' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='5' y='9' width='14' height='7' rx='2' ry='2' fill='none' stroke='%23000' stroke-width='2.1'/%3E%3Cpath d='M8 16h8v4H8z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-icon[data-overflow-icon="import"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v10' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='m8 10 4 4 4-4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 18h14' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v10' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='m8 10 4 4 4-4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 18h14' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-icon[data-overflow-icon="export"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20V10' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='m16 14-4-4-4 4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6h14' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20V10' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='m16 14-4-4-4 4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 6h14' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-icon[data-overflow-icon="edit"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 20 4.5-1 9-9-3.5-3.5-9 9L4 20Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3Cpath d='m12.5 5.5 3.5 3.5' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 20 4.5-1 9-9-3.5-3.5-9 9L4 20Z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3Cpath d='m12.5 5.5 3.5 3.5' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-icon[data-overflow-icon="source"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8 9-4 3 4 3' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m16 9 4 3-4 3' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m13 6-2 12' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8 9-4 3 4 3' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m16 9 4 3-4 3' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m13 6-2 12' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-icon[data-overflow-icon="move"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='3' ry='3' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='m10 12 4-4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M10 8h4v4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='3' ry='3' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='m10 12 4-4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M10 8h4v4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-icon[data-overflow-icon="copy"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='9' y='9' width='10' height='10' rx='2' ry='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Crect x='5' y='5' width='10' height='10' rx='2' ry='2' fill='none' stroke='%23000' stroke-width='2' opacity='.85'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='9' y='9' width='10' height='10' rx='2' ry='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Crect x='5' y='5' width='10' height='10' rx='2' ry='2' fill='none' stroke='%23000' stroke-width='2' opacity='.85'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-icon[data-overflow-icon="window"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='14' rx='2' ry='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='m11 8h5v5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m10 14 6-6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='14' rx='2' ry='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='m11 8h5v5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m10 14 6-6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-icon[data-overflow-icon="filter"]::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16l-6 7v5l-4-2v-3L4 6z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16l-6 7v5l-4-2v-3L4 6z' fill='none' stroke='%23000' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E");
}

html.layout-phone body.task-mail.action-none.grm-mobile-message-preview-view .grm-mobile-message-overflow-item[aria-disabled="true"] .grm-mobile-message-overflow-icon {
    opacity: 0.55;
}

body.task-mail.action-preview.grm-mobile-message-frame-view {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(143, 168, 214, 0.65) transparent;
}

body.task-mail.action-preview.grm-mobile-message-frame-view::-webkit-scrollbar {
    width: 6px;
}

body.task-mail.action-preview.grm-mobile-message-frame-view::-webkit-scrollbar-track {
    background: transparent;
}

body.task-mail.action-preview.grm-mobile-message-frame-view::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(143, 168, 214, 0.65);
}

body.task-mail.action-preview.grm-mobile-message-frame-view::-webkit-scrollbar-thumb:hover {
    background: rgba(126, 153, 201, 0.78);
}

body.task-mail.action-preview.grm-mobile-message-frame-view #layout-content {
    border: 0;
    overflow-x: hidden;
    background: transparent;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #layout-content .content.frame-content {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    background: transparent;
}

body.task-mail.action-preview.grm-mobile-message-frame-view .grm-mobile-message-panel {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #d6e3fb;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 248, 255, 0.96) 100%);
    box-shadow: 0 16px 28px rgba(55, 91, 156, 0.08);
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 16px 16px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .subject {
    display: flex;
    align-items: center;
    min-height: 54px;
    margin: 0 0 14px;
    padding: 0 0 0 68px;
    position: relative;
    color: #233c69;
    font-size: 1.32rem;
    font-weight: 700;
    line-height: 1.2;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .subject > .voice,
body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .subject > a.extwin {
    display: none !important;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .subject::before {
    content: attr(data-grm-avatar);
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: linear-gradient(135deg, #6f98f6 0%, #4c74d4 100%);
    box-shadow: 0 14px 24px rgba(70, 104, 181, 0.22);
    color: #ffffff;
    font-family: "Sora", "Manrope", sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    transform: translateY(-50%);
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    padding: 14px 15px;
    border: 1px solid rgba(213, 226, 248, 0.9);
    border-radius: 20px;
    background: rgba(238, 244, 255, 0.94);
    box-shadow: inset 0 0 0 1px rgba(224, 233, 247, 0.92);
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .header .grm-brand-avatar-wrap,
body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .header img.contactphoto {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 18px;
    box-shadow: 0 10px 22px rgba(84, 120, 191, 0.16);
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .header .header-content {
    min-width: 0;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-summary {
    display: none !important;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-headers {
    display: table !important;
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0 7px;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-headers .header-title {
    width: 44px;
    color: #7a8fb4;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-headers td {
    padding: 0;
    color: #2f4c79;
    font-size: 0.88rem;
    line-height: 1.42;
    vertical-align: top;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-headers .rcmaddcontact {
    display: none !important;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-headers tr[data-grm-optional-row="1"] {
    display: none;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 14px;
    background: rgba(88, 123, 196, 0.1);
    color: #4e6fa5;
    font-size: 0.77rem;
    font-weight: 800;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-header .header-links a.headers-all {
    display: none !important;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-content {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    display: block;
    gap: 0;
    margin-top: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-content .leftcol {
    display: none !important;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #message-content .rightcol {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 12px 16px 18px;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody {
    padding: 0;
    color: #314767;
    font-size: 0.95rem;
    line-height: 1.72;
    min-height: 0;
    overflow-x: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-part,
body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-htmlpart {
    margin-top: 0;
    max-width: 100%;
    overflow-x: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-part {
    padding: 12px 14px 14px;
    box-sizing: border-box;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-htmlpart {
    padding: 12px 14px 14px;
    box-sizing: border-box;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-part > :first-child {
    margin-top: 0;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-part > :last-child {
    margin-bottom: 0;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-htmlpart > :first-child {
    margin-top: 0;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-htmlpart > :last-child {
    margin-bottom: 0;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody a,
body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody p,
body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody div,
body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody span,
body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody td,
body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody th,
body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody li,
body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody code {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody pre {
    max-width: 100%;
    overflow-x: hidden;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
}

body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody img,
body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody iframe,
body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody video {
    max-width: 100% !important;
    height: auto !important;
}

/* Tablet bridge for touch layouts (iPad / tablet browsers in layout-small|normal) */
@media screen and (min-width: 768px) and (max-width: 1366px) {
    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout {
        gap: 8px;
        padding: 8px;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-menu {
        flex: 0 0 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        border-radius: 14px;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-menu .popover-header {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 56px;
        padding: 10px 8px;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-menu .popover-header img {
        width: 34px;
        height: 34px;
        max-width: 34px;
        max-height: 34px;
        padding: 0;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-menu .popover-header .grm-app-brand-mark,
    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-menu .popover-header .grm-brand-mark,
    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-menu .popover-header small {
        display: none !important;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #taskmenu > a,
    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #taskmenu .special-buttons a {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: calc(100% - 8px);
        min-height: 42px;
        margin: 4px;
        padding: 0 !important;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #taskmenu > a .inner,
    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #taskmenu .special-buttons a .inner {
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-list {
        flex: 0 0 clamp(320px, 34vw, 390px) !important;
        width: clamp(320px, 34vw, 390px) !important;
        min-width: 320px !important;
        max-width: 390px !important;
    }

    html:is(.mobile, .touch).layout-small:not(.layout-phone) body.task-mail #layout-list {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-content {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-content > .header .menu.toolbar {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-content > .header .menu.toolbar::-webkit-scrollbar {
        display: none;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-content > .header {
        min-height: 52px !important;
        height: 52px !important;
        line-height: 1 !important;
        padding: 6px 10px !important;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-content > .header .menu.toolbar > li > a,
    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-content > .header .menu.toolbar > li > span.dropbutton {
        min-width: 36px;
        min-height: 36px;
        height: 36px;
        border-radius: 11px;
        box-shadow: none;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-content > .header .menu.toolbar > li > a {
        padding: 0 10px;
        font-size: 0.84rem;
        gap: 0.28rem;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-content > .header .menu.toolbar > li > span.dropbutton > a:first-child {
        min-width: 36px;
        padding: 0 10px;
        gap: 0.28rem;
        font-size: 0.84rem;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-content > .header .menu.toolbar > li > span.dropbutton > a.dropdown {
        min-width: 28px;
        padding: 0 7px;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-content .content.frame-content {
        padding: 0.74rem 0.86rem 0.92rem;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #message-header {
        margin-bottom: 0.64rem;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #message-header > .subject {
        margin: 0 0 0.58rem;
        font-size: clamp(1.15rem, 1.7vw, 1.45rem);
        line-height: 1.16;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #message-header > .header {
        gap: 0.62rem;
        padding: 0.72rem 0.78rem;
        border-radius: 12px;
        box-shadow: 0 6px 16px rgba(49, 83, 144, 0.07);
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #message-header > .header .grm-brand-avatar-wrap,
    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #message-header > .header img.contactphoto {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #message-header .header-content {
        min-height: 42px;
        gap: 0.08rem;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #message-header .header-summary {
        font-size: 0.9rem;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #message-header .header-headers td {
        font-size: 0.88rem;
        line-height: 1.35;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #message-header .header-links a {
        min-height: 32px;
        padding: 0.36rem 0.68rem;
        font-size: 0.8rem;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #messagebody {
        font-size: 0.93rem;
        line-height: 1.58;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-list #messagelist td.subject {
        display: grid !important;
        grid-template-columns: 1.9rem minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        column-gap: 0.52rem;
        row-gap: 0.08rem;
        align-items: start;
        padding: 5px 4px 5px 8px !important;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-list #messagelist td.subject > .grm-message-avatar {
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: start;
        justify-self: start;
        width: 1.72rem !important;
        height: 1.72rem !important;
        margin-top: 0.03rem !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        border: 1px solid rgba(171, 201, 255, 0.74);
        background: linear-gradient(145deg, #6b99f6 0%, #4a7ee7 100%);
        color: #ffffff;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 0.82rem;
        font-weight: 400;
        line-height: 1;
        box-shadow: 0 6px 14px rgba(73, 117, 212, 0.16);
        overflow: hidden;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-list #messagelist td.subject > .grm-message-avatar .grm-message-avatar-favicon {
        display: none;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-list #messagelist td.subject > span.fromto {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        align-self: center;
        margin: 0;
        padding: 0 !important;
        color: #273b66 !important;
        font-family: "Sora", "Manrope", sans-serif;
        font-size: 0.84rem;
        font-weight: 700;
        line-height: 1.14;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-list #messagelist td.subject > span.date {
        grid-column: 3;
        grid-row: 1;
        min-width: 0;
        max-width: 6.5rem;
        justify-self: end;
        align-self: center;
        margin: 0;
        padding-left: 0.44rem !important;
        color: #7f8ea8 !important;
        font-size: 0.69rem;
        line-height: 1.16;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-list #messagelist td.subject > span.subject {
        grid-column: 2 / 4;
        grid-row: 2;
        min-width: 0;
        margin: 0;
        padding: 0 !important;
        font-size: 0.86rem;
        line-height: 1.2;
    }

html:is(.mobile, .touch):not(.layout-phone) body.task-mail #layout-list #messagelist td.subject > span.subject a {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* Fallback tablet compact layer when html classes are inconsistent */
@media screen and (min-width: 768px) and (max-width: 1366px) and (hover: none) and (pointer: coarse) {
    body.task-mail.action-none #layout-list {
        flex: 0 0 clamp(320px, 34vw, 390px) !important;
        width: clamp(320px, 34vw, 390px) !important;
        min-width: 320px !important;
        max-width: 390px !important;
    }

    html.layout-small body.task-mail.action-none #layout-list {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.task-mail.action-none #layout-content > .header {
        min-height: 52px !important;
        height: 52px !important;
        padding: 6px 10px !important;
    }

    body.task-mail.action-none #layout-content > .header .menu.toolbar > li > a,
    body.task-mail.action-none #layout-content > .header .menu.toolbar > li > span.dropbutton {
        min-height: 36px !important;
        height: 36px !important;
        border-radius: 11px !important;
    }

    body.task-mail.action-none #layout-list #messagelist td.subject {
        grid-template-columns: 1.9rem minmax(0, 1fr) auto !important;
        column-gap: 0.52rem !important;
        row-gap: 0.08rem !important;
        padding: 5px 4px 5px 8px !important;
    }

    body.task-mail.action-none #layout-list #messagelist td.subject > .grm-message-avatar {
        width: 1.72rem !important;
        height: 1.72rem !important;
        margin-top: 0.03rem !important;
    }

    body.task-mail.action-none #layout-list #messagelist td.subject > span.fromto {
        padding: 0 !important;
        font-size: 0.84rem !important;
        line-height: 1.14 !important;
    }

    body.task-mail.action-none #layout-list #messagelist td.subject > span.date {
        font-size: 0.69rem !important;
    }

    body.task-mail.action-none #layout-list #messagelist td.subject > span.subject {
        padding: 0 !important;
        font-size: 0.86rem !important;
        line-height: 1.2 !important;
    }

    html.iframe body.task-mail.action-preview.grm-mobile-message-frame-view #message-header {
        padding: 12px 12px 8px !important;
    }

    html.iframe body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .subject {
        min-height: 46px !important;
        margin: 0 0 10px !important;
        padding-left: 58px !important;
        font-size: 1.16rem !important;
        line-height: 1.14 !important;
    }

    html.iframe body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .subject::before {
        width: 46px !important;
        height: 46px !important;
        border-radius: 14px !important;
        font-size: 1rem !important;
    }

    html.iframe body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .header {
        gap: 10px !important;
        padding: 10px 11px !important;
        border-radius: 16px !important;
    }

    html.iframe body.task-mail.action-preview.grm-mobile-message-frame-view #message-content .rightcol {
        padding: 8px 12px 12px !important;
    }

    html.iframe body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody {
        font-size: 0.9rem !important;
        line-height: 1.56 !important;
    }

    html.iframe body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-part,
    html.iframe body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-htmlpart {
        padding: 8px 10px 10px !important;
    }
}

/* Hard fallback: always apply compact tablet density in layout-small/layout-normal */
@media screen and (min-width: 768px) and (max-width: 1366px) {
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #layout-menu {
        flex: 0 0 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
    }

    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #layout-menu .popover-header {
        min-height: 52px;
        padding: 8px 6px;
        overflow: hidden;
    }

    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #layout-menu .popover-header img {
        width: 30px;
        height: 30px;
        max-width: 30px;
        max-height: 30px;
    }

    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #layout-menu .popover-header .grm-app-brand-mark,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #layout-menu .popover-header .grm-brand-mark,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #layout-menu .popover-header small,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #layout-menu .popover-header .inner,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #layout-menu .popover-header .button-inner {
        display: none !important;
    }

    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        gap: 1px;
        height: 100%;
        min-height: 0;
        padding: 6px 0 8px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu .action-buttons {
        margin: 0 0 5px;
        padding: 0;
    }

    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu .action-buttons a.compose,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu > a,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu .special-buttons a {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 auto 3px !important;
        padding: 0 !important;
        border-radius: 13px !important;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        font-size: 0 !important;
        line-height: 0 !important;
        text-indent: 0 !important;
    }

    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu .action-buttons a.compose {
        border: 1px solid rgba(255, 255, 255, 0.28);
        box-shadow: 0 10px 20px rgba(56, 95, 173, 0.24);
    }

    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu .action-buttons a.compose::before,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu > a::before,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu .special-buttons a::before {
        margin: 0 !important;
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        font-size: 1.16rem;
        line-height: 1 !important;
    }

    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu .action-buttons a.compose .inner,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu > a .inner,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu .special-buttons a .inner,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu .action-buttons a.compose .button-inner,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu > a .button-inner,
    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu .special-buttons a .button-inner {
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu .special-buttons {
        display: grid;
        gap: 2px;
        margin-top: auto;
        padding-top: 6px;
    }

    html:is(.mobile, .touch, .layout-small, .layout-normal):not(.layout-phone) body:not(.task-login) #taskmenu .special-buttons::before {
        content: "";
        display: block;
        width: 30px;
        height: 1px;
        margin: 0 auto 5px;
        background: linear-gradient(90deg, rgba(211, 224, 244, 0), rgba(211, 224, 244, 0.92) 22%, rgba(211, 224, 244, 0.92) 78%, rgba(211, 224, 244, 0));
    }

    html:is(.layout-small, .layout-normal) body.task-settings #layout-content.grm-settings-unified > .header,
    html:is(.layout-small, .layout-normal) body.grm-task-settings #layout-content.grm-settings-unified > .header {
        min-height: 66px;
        height: 66px;
        padding: 0 20px;
    }

    html:is(.layout-small, .layout-normal) body.task-settings #layout-content.grm-settings-unified > .grm-settings-shell,
    html:is(.layout-small, .layout-normal) body.grm-task-settings #layout-content.grm-settings-unified > .grm-settings-shell {
        grid-template-columns: clamp(248px, 28vw, 286px) minmax(0, 1fr);
        height: calc(100% - 66px);
    }

    html:is(.layout-small, .layout-normal) body.task-settings #layout-content.grm-settings-unified #layout-list > .scroller,
    html:is(.layout-small, .layout-normal) body.grm-task-settings #layout-content.grm-settings-unified #layout-list > .scroller {
        padding: 12px 10px 16px;
    }

    html:is(.layout-small, .layout-normal) body.task-settings #settings-menu.listing.iconized li a,
    html:is(.layout-small, .layout-normal) body.grm-task-settings #settings-menu.listing.iconized li a {
        min-height: 46px;
        padding: 0 14px;
        border-radius: 14px;
        font-size: 0.93rem;
    }

    html:is(.layout-small, .layout-normal) body.task-mail.action-none #layout-list {
        flex: 0 0 clamp(320px, 34vw, 390px) !important;
        width: clamp(320px, 34vw, 390px) !important;
        min-width: 320px !important;
        max-width: 390px !important;
    }

    html.layout-small body.task-mail.action-none #layout-list {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html:is(.layout-small, .layout-normal) body.task-mail.action-none #layout-content > .header {
        min-height: 52px !important;
        height: 52px !important;
        padding: 6px 10px !important;
    }

    html:is(.layout-small, .layout-normal) body.task-mail.action-none #layout-content > .header .menu.toolbar > li > a,
    html:is(.layout-small, .layout-normal) body.task-mail.action-none #layout-content > .header .menu.toolbar > li > span.dropbutton {
        min-height: 36px !important;
        height: 36px !important;
        border-radius: 11px !important;
    }

    html:is(.layout-small, .layout-normal) body.task-mail.action-none #layout-list #messagelist td.subject {
        grid-template-columns: 1.9rem minmax(0, 1fr) auto !important;
        column-gap: 0.52rem !important;
        row-gap: 0.08rem !important;
        padding: 5px 4px 5px 8px !important;
    }

    html:is(.layout-small, .layout-normal) body.task-mail.action-none #layout-list #messagelist td.subject > .grm-message-avatar {
        width: 1.72rem !important;
        height: 1.72rem !important;
        margin-top: 0.03rem !important;
    }

    html:is(.layout-small, .layout-normal) body.task-mail.action-none #layout-list #messagelist td.subject > span.fromto {
        padding: 0 !important;
        font-size: 0.84rem !important;
        line-height: 1.14 !important;
    }

    html:is(.layout-small, .layout-normal) body.task-mail.action-none #layout-list #messagelist td.subject > span.date {
        font-size: 0.69rem !important;
    }

    html:is(.layout-small, .layout-normal) body.task-mail.action-none #layout-list #messagelist td.subject > span.subject {
        padding: 0 !important;
        font-size: 0.86rem !important;
        line-height: 1.2 !important;
    }

    html.iframe:is(.layout-small, .layout-normal) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header {
        padding: 12px 12px 8px !important;
    }

    html.iframe:is(.layout-small, .layout-normal) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .subject {
        min-height: 46px !important;
        margin: 0 0 10px !important;
        padding-left: 58px !important;
        font-size: 1.16rem !important;
        line-height: 1.14 !important;
    }

    html.iframe:is(.layout-small, .layout-normal) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .subject::before {
        width: 46px !important;
        height: 46px !important;
        border-radius: 14px !important;
        font-size: 1rem !important;
    }

    html.iframe:is(.layout-small, .layout-normal) body.task-mail.action-preview.grm-mobile-message-frame-view #message-header > .header {
        gap: 10px !important;
        padding: 10px 11px !important;
        border-radius: 16px !important;
    }

    html.iframe:is(.layout-small, .layout-normal) body.task-mail.action-preview.grm-mobile-message-frame-view #message-content .rightcol {
        padding: 8px 12px 12px !important;
    }

    html.iframe:is(.layout-small, .layout-normal) body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody {
        font-size: 0.9rem !important;
        line-height: 1.56 !important;
    }

    html.iframe:is(.layout-small, .layout-normal) body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-part,
    html.iframe:is(.layout-small, .layout-normal) body.task-mail.action-preview.grm-mobile-message-frame-view #messagebody .message-htmlpart {
        padding: 8px 10px 10px !important;
    }

    /* Hard safety: tablet icon rail must stay icon-only across all tasks.
       This guards against older #taskmenu > a.mail span.inner overrides. */
    body:not(.task-login) #layout-menu #taskmenu > a,
    body:not(.task-login) #layout-menu #taskmenu .special-buttons a,
    body:not(.task-login) #layout-menu #taskmenu .action-buttons a.compose {
        overflow: hidden !important;
        white-space: nowrap !important;
        font-size: 0 !important;
        line-height: 0 !important;
        letter-spacing: 0 !important;
        text-indent: 0 !important;
    }

    body:not(.task-login) #layout-menu #taskmenu > a > span,
    body:not(.task-login) #layout-menu #taskmenu .special-buttons a > span,
    body:not(.task-login) #layout-menu #taskmenu .action-buttons a.compose > span {
        display: none !important;
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    body:not(.task-login) #layout-menu #taskmenu > a::before,
    body:not(.task-login) #layout-menu #taskmenu .special-buttons a::before,
    body:not(.task-login) #layout-menu #taskmenu .action-buttons a.compose::before {
        font-size: 1.16rem !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    body:not(.task-login) #layout-menu #taskmenu > a.mail::before,
    body:not(.task-login) #layout-menu #taskmenu > a.contacts::before,
    body:not(.task-login) #layout-menu #taskmenu > a.settings::before {
        width: 18px !important;
        min-width: 18px !important;
        height: 18px !important;
        font-size: 17px !important;
        line-height: 18px !important;
        text-rendering: geometricPrecision;
        -webkit-font-smoothing: antialiased;
    }

    body:not(.task-login) #layout-menu #taskmenu > a.mail::before {
        transform: translateY(0.5px) scale(1.04) !important;
    }

    body:not(.task-login) #layout-menu #taskmenu > a.contacts::before,
    body:not(.task-login) #layout-menu #taskmenu > a.settings::before {
        transform: translateY(0.3px) !important;
    }
}