:root {
    --inbox-green: #137a4a;
    --inbox-green-dark: #0f6a40;
    --inbox-green-soft: #e6f4ee;
    --inbox-text: #1f2328;
    --inbox-muted: #8a929d;
    --inbox-line: #eef0f3;
    --inbox-panel: #ffffff;
    --inbox-bg: #f7f8fa;
    --inbox-bubble: #f4f5f6;
    --inbox-radius: 8px;
}

.inbox_market_policy_links {
    display: grid;
    gap: 10px;
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.inbox_market_policy_links > span {
    color: #8a96a8;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.inbox_market_policy_links > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.inbox_market_policy_links a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 11px;
    border-radius: 999px;
    background: #f7faf9;
    color: #526070;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    text-decoration: none;
}

.inbox_market_policy_links a:hover {
    background: #e9f7f1;
    color: #11814a;
}

/* Policy and legal pages */
.inbox_policy_app {
    grid-template-columns: var(--inbox-rail-width) minmax(0, 1fr) minmax(300px, 380px);
    min-height: 100vh;
}

.inbox_policy_main,
.inbox_policy_manager_main {
    min-width: 0;
    padding: 42px clamp(24px, 4vw, 64px);
}

.policy_back_link {
    margin-bottom: 18px;
}

.policy_public_article,
.policy_manager_hero,
.policy_manager_create,
.policy_manager_card,
.policy_side_card {
    background: rgba(255, 255, 255, .88);
    border: 1px solid rgba(16, 129, 76, .16);
    border-radius: 22px;
    box-shadow: 0 20px 55px rgba(15, 23, 42, .04);
}

.policy_public_hero {
    background: linear-gradient(135deg, rgba(232, 246, 240, .95), rgba(255, 255, 255, .92));
    border-radius: 22px;
    padding: clamp(24px, 4vw, 46px);
}

.policy_public_eyebrow,
.policy_side_eyebrow {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    margin-bottom: 9px;
    text-transform: uppercase;
}

.policy_public_hero h1,
.policy_manager_hero h1 {
    color: var(--inbox-ink);
    font-size: clamp(34px, 4vw, 58px);
    letter-spacing: 0;
    line-height: 1.02;
    margin: 0;
}

.policy_public_hero p,
.policy_manager_hero p {
    color: var(--inbox-muted);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.65;
    margin: 16px 0 0;
    max-width: 880px;
}

.policy_public_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.policy_public_meta span {
    align-items: center;
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(16, 129, 76, .15);
    border-radius: 999px;
    color: var(--inbox-muted);
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    min-height: 34px;
    padding: 0 14px;
}

.policy_content {
    color: #273244;
    font-size: 17px;
    line-height: 1.75;
    padding: clamp(24px, 4vw, 46px);
}

.policy_content h2 {
    color: var(--inbox-ink);
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.18;
    margin: 34px 0 12px;
}

.policy_content h2:first-child {
    margin-top: 0;
}

.policy_content p,
.policy_content li {
    color: #445266;
    font-weight: 500;
}

.inbox_policy_side {
    border-left: 1px solid var(--inbox-border);
    min-width: 0;
    padding: 34px 24px;
}

.policy_side_card {
    margin-bottom: 16px;
    padding: 22px;
}

.policy_side_card h2,
.policy_side_card h3 {
    align-items: center;
    color: var(--inbox-ink);
    display: flex;
    font-size: 18px;
    gap: 10px;
    line-height: 1.25;
    margin: 0 0 12px;
}

.policy_side_card p {
    color: var(--inbox-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}

.policy_side_links {
    display: grid;
    gap: 8px;
}

.policy_side_links a,
.policy_side_grid a {
    align-items: center;
    background: rgba(248, 250, 252, .92);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    color: var(--inbox-ink);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 10px;
    justify-content: space-between;
    min-height: 46px;
    padding: 0 14px;
    text-decoration: none;
}

.policy_side_links a.is-active,
.policy_side_links a:hover,
.policy_side_grid a:hover {
    background: rgba(226, 245, 236, .9);
    border-color: rgba(16, 129, 76, .2);
    color: var(--inbox-green);
}

.policy_side_grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.policy_side_grid a {
    align-items: start;
    flex-direction: column;
    justify-content: center;
    min-height: 78px;
}

.policy_side_grid i {
    color: var(--inbox-green);
}

.policy_primary_button,
.policy_secondary_button,
.policy_danger_button {
    align-items: center;
    border-radius: 14px;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    gap: 10px;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    text-decoration: none;
}

.policy_primary_button {
    background: var(--inbox-green);
    color: #fff;
}

.policy_secondary_button {
    background: #fff;
    border: 1px solid var(--inbox-border);
    color: var(--inbox-ink);
}

.policy_danger_button {
    background: #fff1f2;
    border: 1px solid rgba(190, 18, 60, .18);
    color: #b4233a;
}

.policy_missing_state {
    padding: 0;
}

.inbox_policy_manager_app {
    grid-template-columns: var(--inbox-rail-width) minmax(0, 1fr) minmax(290px, 360px);
}

.policy_manager_hero {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 28px;
}

.policy_manager_stats {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 18px;
}

.policy_manager_stats article {
    background: #fff;
    border: 1px solid var(--inbox-border);
    border-radius: 16px;
    padding: 18px;
}

.policy_manager_stats span {
    color: var(--inbox-green);
    display: block;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

.policy_manager_stats strong {
    color: var(--inbox-muted);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-top: 8px;
    text-transform: uppercase;
}

.policy_manager_create,
.policy_manager_card {
    margin-bottom: 16px;
    overflow: hidden;
}

.policy_manager_create > summary,
.policy_manager_card > summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    list-style: none;
    padding: 22px 24px;
}

.policy_manager_create > summary::-webkit-details-marker,
.policy_manager_card > summary::-webkit-details-marker {
    display: none;
}

.policy_manager_card summary span {
    min-width: 0;
}

.policy_manager_card summary em {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    margin-bottom: 6px;
}

.policy_manager_card summary strong,
.policy_manager_create summary span {
    color: var(--inbox-ink);
    display: block;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
}

.policy_manager_card summary small {
    color: var(--inbox-muted);
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 6px;
}

.policy_manager_card summary b {
    align-items: center;
    background: rgba(226, 245, 236, .9);
    border-radius: 999px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 14px;
    min-height: 38px;
    padding: 0 14px;
}

.policy_manager_create_body,
.policy_manager_card_body {
    border-top: 1px solid var(--inbox-border);
    padding: 24px;
}

.policy_manager_form {
    display: grid;
    gap: 18px;
}

.policy_manager_fields {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.policy_manager_small_fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.policy_manager_form label {
    display: grid;
    gap: 8px;
}

.policy_manager_form label > span {
    color: var(--inbox-ink);
    font-size: 13px;
    font-weight: 800;
}

.policy_manager_form input[type="text"],
.policy_manager_form input[type="number"],
.policy_manager_form select,
.policy_manager_form textarea {
    background: #fff;
    border: 1px solid #d9e4ef;
    border-radius: 14px;
    color: var(--inbox-ink);
    font: inherit;
    min-height: 48px;
    padding: 0 14px;
    width: 100%;
}

.policy_manager_form textarea {
    line-height: 1.5;
    min-height: 92px;
    padding: 14px;
}

.policy_manager_checks {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.policy_manager_checks label {
    align-items: center;
    background: rgba(248, 250, 252, .92);
    border: 1px solid var(--inbox-border);
    border-radius: 14px;
    display: flex;
    gap: 12px;
    min-height: 52px;
    padding: 0 14px;
}

.policy_manager_checks input {
    accent-color: var(--inbox-green);
    height: 18px;
    width: 18px;
}

.policy_manager_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.policy_side_checklist {
    color: var(--inbox-muted);
    display: grid;
    font-size: 14px;
    font-weight: 600;
    gap: 9px;
    line-height: 1.5;
    margin: 0;
    padding-left: 18px;
}

.policy_manager_notice {
    background: var(--inbox-ink);
    border-radius: 14px;
    bottom: 24px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    opacity: 0;
    padding: 14px 18px;
    position: fixed;
    right: 24px;
    transform: translateY(12px);
    transition: opacity .2s ease, transform .2s ease;
    z-index: 100000;
}

.policy_manager_notice.is-success {
    background: var(--inbox-green);
}

.policy_manager_notice.is-error {
    background: #b4233a;
}

.policy_manager_notice.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1180px) {
    .inbox_policy_app,
    .inbox_policy_manager_app {
        grid-template-columns: minmax(0, 1fr);
    }

    .inbox_policy_side {
        border-left: 0;
        padding: 0 clamp(18px, 4vw, 34px) 34px;
    }
}

@media (max-width: 760px) {
    .inbox_policy_main,
    .inbox_policy_manager_main {
        padding: 92px 18px 28px;
    }

    .policy_public_hero h1,
    .policy_manager_hero h1 {
        font-size: 32px;
    }

    .policy_manager_hero {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

    .policy_manager_stats,
    .policy_manager_fields,
    .policy_manager_small_fields,
    .policy_manager_checks {
        grid-template-columns: 1fr;
    }

    .policy_content,
    .policy_public_hero {
        padding: 22px;
    }

    .policy_content {
        font-size: 15px;
    }

    .policy_manager_create > summary,
    .policy_manager_card > summary,
    .policy_manager_create_body,
    .policy_manager_card_body {
        padding: 18px;
    }

    .policy_side_grid {
        grid-template-columns: 1fr;
    }
}

body.inbox_body {
    margin: 0;
    background: var(--inbox-bg);
    color: var(--inbox-text);
    overflow: hidden;
    overflow-x: hidden;
}

.inbox_body .dizzy_site_footer {
    box-sizing: border-box;
    display: block;
    margin: 0 0 0 92px;
    padding: 18px 24px 24px;
    width: calc(100% - 92px);
}

.inbox_body .dizzy_site_footer_inner {
    border-color: rgba(224, 238, 232, 0.95);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.05);
}

.inbox_body .dizzy_site_footer_links a {
    border-color: rgba(220, 232, 227, 0.95);
    background: #f8fbf9;
    color: #137d46;
}

.inbox_body .dizzy_site_footer_links a:hover {
    border-color: rgba(19, 125, 70, 0.26);
    background: #eef9f2;
}

body.inbox_tickets_body .inbox_tickets_app {
    height: calc(100vh - 84px);
    min-height: calc(100vh - 84px);
}

body.inbox_tickets_body .dizzy_site_footer {
    padding-top: 12px;
    padding-bottom: 12px;
}

body.inbox_tickets_body .dizzy_site_footer_inner {
    padding: 12px 18px;
}

@supports (height: 100dvh) {
    body.inbox_tickets_body .inbox_tickets_app {
        height: calc(100dvh - 84px);
        min-height: calc(100dvh - 84px);
    }
}

@media (max-width: 900px) {
    .inbox_body .dizzy_site_footer {
        margin-left: 0;
        padding: 14px 16px 18px;
        width: 100%;
    }

    body.inbox_tickets_body {
        overflow-y: auto;
    }

    body.inbox_tickets_body .inbox_tickets_app {
        height: auto;
        min-height: calc(100dvh - 88px);
    }
}

body.inbox_tickets_body {
    overflow-x: hidden;
    overflow-y: auto;
}

body.inbox_tickets_body .inbox_tickets_app {
    height: 100vh;
    min-height: 100vh;
}

.inbox_body .dizzy_site_footer_inner {
    align-items: start;
    display: grid;
    grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.7fr);
    gap: 12px 18px;
    max-width: 1240px;
    padding: 16px 20px;
    text-align: left;
}

.inbox_body .dizzy_site_footer_brand {
    align-items: flex-start;
    justify-content: center;
}

.inbox_body .dizzy_site_footer_title {
    font-size: 15px;
    line-height: 1.25;
}

.inbox_body .dizzy_site_footer_note {
    font-size: 12px;
    line-height: 1.45;
}

.inbox_body .dizzy_site_footer_links {
    justify-content: flex-end;
    gap: 8px;
}

.inbox_body .dizzy_site_footer_links a {
    padding: 7px 10px;
    font-size: 11px;
    line-height: 1;
}

.inbox_body .dizzy_site_footer_meta {
    border-top: 1px solid rgba(224, 238, 232, 0.8);
    grid-column: 1 / -1;
    justify-content: space-between;
    padding-top: 10px;
    width: 100%;
}

@media (max-width: 980px) {
    .inbox_body .dizzy_site_footer_inner {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .inbox_body .dizzy_site_footer_brand {
        align-items: center;
    }

    .inbox_body .dizzy_site_footer_links,
    .inbox_body .dizzy_site_footer_meta {
        justify-content: center;
    }
}

.inbox_app {
    min-height: 100vh;
    height: 100vh;
    display: grid;
    grid-template-columns: 92px minmax(340px, 380px) minmax(430px, 1fr) minmax(290px, 340px);
    background: var(--inbox-bg);
}

.inbox_rail {
    background: var(--inbox-green);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 28px 0;
    gap: 28px;
}

.inbox_rail_brand {
    align-items: center;
    aspect-ratio: 1;
    box-sizing: border-box;
    flex: 0 0 42px;
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    border-radius: 10px;
    display: grid;
    justify-content: center;
    place-items: center;
    background: #fff;
    color: var(--inbox-green);
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}

.inbox_rail_brand i {
    display: block;
    font-size: 18px;
    line-height: 1;
}

.inbox_rail_group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    width: 100%;
}

.inbox_rail_section_label {
    align-items: center;
    color: rgba(255, 255, 255, .58);
    display: flex;
    font-size: 9px;
    font-weight: 900;
    justify-content: center;
    letter-spacing: .08em;
    line-height: 1;
    min-height: 14px;
    text-transform: uppercase;
    width: 100%;
}

.inbox_rail_section_label span {
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_rail_group_admin {
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    border-top: 1px solid rgba(255, 255, 255, .18);
    gap: 12px;
    padding: 14px 0;
}

.inbox_rail_group_bottom {
    margin-top: auto;
}

.inbox_nav_item {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: rgba(255, 255, 255, .72);
    text-decoration: none;
    position: relative;
    border-radius: 8px;
    font-weight: 800;
}

.inbox_nav_item span {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 7px;
    font-size: 14px;
}

.inbox_nav_item i {
    line-height: 1;
}

.inbox_nav_item_badge {
    align-items: center;
    background: #f04438;
    border: 2px solid #127d49;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
    height: 18px;
    justify-content: center;
    line-height: 1;
    min-width: 18px;
    padding: 0 4px;
    position: absolute;
    right: -5px;
    top: -5px;
}

.inbox_nav_item.is-active,
.inbox_nav_item:hover {
    color: #fff;
    background: rgba(255, 255, 255, .11);
}

.inbox_nav_item.is-active::before {
    content: "";
    position: absolute;
    left: -25px;
    top: 10px;
    width: 5px;
    height: 22px;
    border-radius: 99px;
    background: #fff;
}

.inbox_list_panel,
.inbox_help_panel,
.inbox_conversation_panel,
.inbox_create_main,
.inbox_create_list {
    min-width: 0;
    min-height: 0;
}

.inbox_list_panel,
.inbox_create_list {
    background: #fff;
    border-right: 1px solid var(--inbox-line);
    display: flex;
    flex-direction: column;
}

.inbox_list_panel {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.inbox_create_list {
    overflow: hidden;
}

.inbox_list_header {
    padding: 28px 28px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.inbox_page_label {
    color: var(--inbox-green);
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.inbox_list_header h1 {
    margin: 4px 0 0;
    font-size: 32px;
    line-height: 1.05;
    letter-spacing: 0;
}

.inbox_list_header p {
    color: var(--inbox-muted);
    font-size: 13px;
    margin: 7px 0 0;
}

.inbox_compose_btn {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: var(--inbox-green);
    background: var(--inbox-green-soft);
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
}

.inbox_queue_overview {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0 28px 16px;
}

.inbox_queue_overview div {
    background: #f7faf8;
    border: 1px solid #e3eee8;
    border-radius: 8px;
    padding: 11px 12px;
}

.inbox_queue_overview strong,
.inbox_queue_overview span {
    display: block;
}

.inbox_queue_overview strong {
    color: var(--inbox-green);
    font-size: 19px;
    line-height: 1;
}

.inbox_queue_overview span {
    color: #6f7985;
    font-size: 12px;
    font-weight: 800;
    margin-top: 5px;
}

.inbox_search {
    padding: 0 28px 14px;
    position: relative;
}

.inbox_search i {
    color: #a2a9b1;
    font-size: 14px;
    left: 44px;
    pointer-events: none;
    position: absolute;
    top: 16px;
}

.inbox_search input {
    width: 100%;
    border: 0;
    background: #f4f6f7;
    border-radius: 8px;
    height: 48px;
    padding: 0 16px 0 42px;
    font-size: 14px;
    outline: none;
}

.inbox_filter_row {
    align-items: center;
    box-sizing: border-box;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 28px 14px;
    overflow: visible;
    scrollbar-width: none;
}

.inbox_filter_row::-webkit-scrollbar {
    display: none;
}

.inbox_filter {
    align-items: center;
    display: inline-flex;
    gap: 7px;
    justify-content: stretch;
    min-height: 36px;
    min-width: 0;
    padding: 0 10px;
    border-radius: 8px;
    background: #f5f6f7;
    color: #66717f;
    text-decoration: none;
    font-size: 12px;
    font-weight: 850;
}

.inbox_filter span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_filter:last-child {
    grid-column: 1 / -1;
}

.inbox_filter i {
    color: #94a0ad;
    font-size: 12px;
}

.inbox_filter em {
    align-items: center;
    background: #fff;
    border-radius: 999px;
    color: #6b7580;
    display: inline-flex;
    font-size: 11px;
    font-style: normal;
    height: 20px;
    justify-content: stretch;
    min-width: 20px;
    padding: 0 6px;
}

.inbox_filter.is-active {
    color: var(--inbox-green);
    background: var(--inbox-green-soft);
}

.inbox_filter.is-active i {
    color: var(--inbox-green);
}

.inbox_filter.is-active em {
    background: #fff;
    color: var(--inbox-green);
}

.inbox_ticket_list {
    flex: 0 0 auto;
    min-height: auto;
    overflow: visible;
    padding: 0 12px 24px;
}

.inbox_ticket_item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    padding: 12px 12px;
    border-radius: 8px;
    color: var(--inbox-text);
    text-decoration: none;
    border: 1px solid transparent;
}

.inbox_ticket_item:hover,
.inbox_ticket_item.is-selected {
    background: #f7f9f8;
    border-color: #e6eee9;
}

.inbox_avatar,
.inbox_big_avatar,
.inbox_message_avatar {
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eef1f3;
    color: var(--inbox-green);
    font-weight: 900;
    flex: 0 0 auto;
}

.inbox_avatar {
    width: 40px;
    height: 40px;
}

.inbox_big_avatar {
    width: 56px;
    height: 56px;
    background: #111;
    color: #fff;
}

.inbox_ticket_content {
    min-width: 0;
    display: block;
}

.inbox_ticket_topline {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: baseline;
}

.inbox_ticket_topline strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.25;
}

.inbox_ticket_topline small,
.inbox_ticket_meta,
.inbox_ticket_preview {
    color: var(--inbox-muted);
    font-size: 12px;
}

.inbox_ticket_meta,
.inbox_ticket_preview {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4px;
}

.inbox_ticket_meta {
    align-items: center;
    display: flex;
    gap: 7px;
}

.inbox_ticket_meta span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inbox_ticket_meta span + span::before {
    content: "";
    background: #c7ced6;
    border-radius: 50%;
    display: inline-block;
    height: 4px;
    margin: 0 7px 2px 0;
    width: 4px;
}

.inbox_ticket_bottom {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-top: 8px;
    min-width: 0;
}

.inbox_ticket_bottom .inbox_status {
    margin-top: 0;
}

.inbox_ticket_product {
    color: #8b95a1;
    font-size: 11px;
    font-weight: 750;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: 8px;
    padding: 5px 8px;
    border-radius: 99px;
    font-size: 11px;
    font-weight: 800;
    flex: 0 0 auto;
    white-space: nowrap;
    background: #edf1f5;
    color: #67717c;
}

.inbox_empty_list {
    align-items: center;
    display: grid;
    justify-items: center;
    margin: 18px 16px 0;
    padding: 30px 18px;
    text-align: center;
}

.inbox_empty_list i {
    background: #eef7f2;
    border-radius: 50%;
    color: var(--inbox-green);
    display: grid;
    font-size: 18px;
    height: 48px;
    margin-bottom: 12px;
    place-items: center;
    width: 48px;
}

.inbox_empty_list strong {
    color: #202833;
    font-size: 15px;
}

.inbox_empty_list span {
    color: #7a8491;
    line-height: 1.45;
    margin-top: 6px;
}

.inbox_empty_list a {
    background: var(--inbox-green);
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    margin-top: 14px;
    padding: 10px 12px;
    text-decoration: none;
}

.inbox_status.is-pending { background: #fff3df; color: #9a5b00; }
.inbox_status.is-answered { background: #e7f4ed; color: #137a4a; }
.inbox_status.is-review { background: #e9efff; color: #3155a4; }
.inbox_status.is-fixed { background: #edf8f7; color: #24736d; }
.inbox_status.is-closed { background: #fee2e2; color: #b42318; }

.inbox_conversation_panel,
.inbox_create_main {
    background: #fff;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    border-right: 1px solid var(--inbox-line);
    min-height: 0;
}

.inbox_conversation_panel > #qoid,
.inbox_conversation_panel > #qa {
    display: none;
}

.inbox_conversation_panel.has-blank-state {
    overflow-y: auto;
}

.inbox_conversation_header {
    grid-row: 1;
    min-height: 84px;
    border-bottom: 1px solid var(--inbox-line);
    padding: 16px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    width: 100%;
}

.inbox_header_identity {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.inbox_header_identity h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_header_identity p {
    margin: 4px 0 0;
    color: var(--inbox-muted);
    font-size: 13px;
}

.inbox_header_actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.inbox_icon_action {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: #f4f5f6;
    color: #707984;
    text-decoration: none;
    font-weight: 800;
    cursor: pointer;
}

.inbox_icon_action i {
    font-size: 14px;
}

.inbox_icon_action.is-active,
.inbox_context_toggle.is-active {
    background: var(--inbox-green);
    color: #fff;
}

.inbox_app.is-ticket-context-collapsed .inbox_ticket_workspace,
.inbox_app.is-ticket-timeline-collapsed #ticket-events,
.inbox_app.is-canned-collapsed .inbox_canned_row {
    display: none;
}

.inbox_ticket_workspace {
    background: #fbfcfc;
    border-bottom: 1px solid var(--inbox-line);
    display: grid;
    gap: 14px;
    grid-row: 2;
    padding: 16px 30px;
    min-width: 0;
}

.inbox_workspace_status,
.inbox_action_bar,
.inbox_jump_row,
.inbox_message_actions,
.inbox_canned_row,
.inbox_edit_actions,
.inbox_confirm_actions {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.inbox_workspace_status {
    color: #6f7985;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 800;
}

.inbox_workspace_status .inbox_status {
    margin-top: 0;
}

.inbox_workspace_status span:not(.inbox_status) {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    min-width: 0;
}

.inbox_action_bar {
    flex-wrap: wrap;
}

.inbox_action_btn,
.inbox_jump_row a,
.inbox_message_action,
.ticket_canned_btn {
    align-items: center;
    border: 1px solid #e3e9ee;
    border-radius: 8px;
    color: #39424d;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 850;
    gap: 7px;
    min-height: 34px;
    padding: 0 11px;
    text-decoration: none;
    white-space: nowrap;
}

.inbox_action_btn {
    background: #fff;
}

.inbox_action_btn.is-primary {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.inbox_action_btn:hover,
.inbox_jump_row a:hover,
.inbox_message_action:hover,
.ticket_canned_btn:hover {
    border-color: #c8d8d0;
    color: var(--inbox-green);
}

.inbox_action_btn.is-primary:hover {
    background: var(--inbox-green-dark);
    color: #fff;
}

.inbox_ticket_context_grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
}

.inbox_context_card {
    background: #fff;
    border: 1px solid #e5ece8;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 12px;
}

.inbox_context_card span,
.inbox_context_card em {
    color: #77818d;
    font-size: 11px;
    font-style: normal;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_context_card span {
    font-weight: 850;
    text-transform: uppercase;
}

.inbox_context_card strong {
    color: #17202c;
    font-size: 14px;
    line-height: 1.2;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_jump_row {
    flex-wrap: wrap;
}

.inbox_jump_row a {
    background: #f5f7f8;
    border-color: transparent;
    color: #66717f;
    min-height: 30px;
    padding: 0 10px;
}

.inbox_message_stream {
    grid-row: 3;
    overflow: auto;
    padding: 30px;
    background: #fff;
}

.inbox_day_divider {
    display: flex;
    align-items: center;
    gap: 18px;
    color: var(--inbox-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 8px 0 30px;
}

.inbox_day_divider::before,
.inbox_day_divider::after {
    content: "";
    height: 1px;
    background: var(--inbox-line);
    flex: 1;
}

.inbox_message {
    display: flex;
    gap: 14px;
    margin-bottom: 22px;
    max-width: 78%;
    min-width: 0;
}

.inbox_message.is-support {
    margin-left: auto;
    flex-direction: row-reverse;
}

.inbox_message_avatar {
    width: 42px;
    height: 42px;
}

.inbox_message.is-support .inbox_message_avatar {
    background: #111;
    color: #fff;
}

.inbox_message_meta {
    display: flex;
    gap: 8px;
    align-items: baseline;
    margin-bottom: 7px;
}

.inbox_message_meta strong {
    font-size: 14px;
}

.inbox_message_meta span {
    color: var(--inbox-muted);
    font-size: 12px;
}

.inbox_message.is-support .inbox_message_meta {
    justify-content: flex-end;
}

.inbox_bubble {
    background: var(--inbox-bubble);
    border-radius: 8px;
    padding: 14px 16px;
    line-height: 1.55;
    font-size: 14px;
    color: #363b42;
    overflow-wrap: anywhere;
}

.inbox_message.is-support .inbox_bubble {
    background: var(--inbox-green);
    color: #fff;
}

.inbox_message.is-support .inbox_bubble a {
    color: #fff;
    text-decoration: underline;
}

.ticket_attachment_grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
    margin-top: 10px;
    max-width: 640px;
    min-width: 0;
    width: 100%;
}

.inbox_message.is-support .ticket_attachment_grid {
    margin-left: auto;
}

.ticket_attachment_item {
    background: #fff;
    border: 1px solid #e1e9ee;
    border-radius: 10px;
    color: #17202c;
    display: grid;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
    padding: 8px;
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.ticket_attachment_item:hover {
    border-color: rgba(18, 131, 75, .35);
    box-shadow: 0 12px 24px rgba(18, 131, 75, .12);
    transform: translateY(-1px);
}

.ticket_attachment_thumb {
    aspect-ratio: 4 / 3;
    background: #f4f7f7;
    border-radius: 8px;
    display: block;
    overflow: hidden;
}

.ticket_attachment_thumb img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.ticket_attachment_caption {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.ticket_attachment_caption strong {
    font-size: 12px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket_attachment_caption em {
    color: var(--inbox-muted);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

.inbox_message_actions {
    margin-top: 8px;
    opacity: .92;
}

.inbox_message.is-support .inbox_message_actions {
    justify-content: flex-end;
}

.inbox_message_action {
    background: #fff;
    color: #697481;
    min-height: 30px;
    padding: 0 9px;
}

.inbox_message_action.is-danger {
    color: #a04444;
}

.inbox_timeline_card {
    border: 1px solid #e8edf1;
    border-radius: 8px;
    margin: 28px 0 4px;
    padding: 16px;
}

.inbox_stream_section_title {
    align-items: center;
    color: #17202c;
    display: flex;
    gap: 9px;
    margin-bottom: 14px;
}

.inbox_stream_section_title i {
    color: var(--inbox-green);
}

.inbox_timeline_list {
    display: grid;
    gap: 12px;
}

.inbox_timeline_item {
    display: grid;
    gap: 10px;
    grid-template-columns: 12px minmax(0, 1fr);
}

.inbox_timeline_item > span {
    background: var(--inbox-green);
    border-radius: 50%;
    height: 9px;
    margin-top: 5px;
    width: 9px;
}

.inbox_timeline_item strong,
.inbox_timeline_item em {
    display: block;
}

.inbox_timeline_item strong {
    font-size: 13px;
}

.inbox_timeline_item em {
    color: var(--inbox-muted);
    font-size: 12px;
    font-style: normal;
    margin-top: 2px;
}

.inbox_no_replies,
.inbox_closed_notice,
.inbox_blank_state,
.inbox_empty_list,
.inbox_panel_empty {
    color: var(--inbox-muted);
    font-size: 14px;
}

.inbox_reply_box {
    grid-row: 4;
    margin: 0 22px 14px;
    background: #f7f8f9;
    border-radius: 8px;
    box-sizing: border-box;
    min-height: 174px;
    min-height: max-content;
    padding: 10px;
}

.inbox_canned_row {
    border-bottom: 1px solid #e8eaed;
    margin: 0 0 6px;
    overflow-x: auto;
    padding: 0 0 8px;
    scrollbar-width: none;
}

.inbox_reply_tools {
    align-items: center;
    border-bottom: 1px solid #e8eaed;
    display: flex;
    gap: 8px;
    margin: 0 0 6px;
    min-width: 0;
    overflow-x: auto;
    padding: 0 0 8px;
    scrollbar-width: none;
}

.inbox_reply_tools::-webkit-scrollbar {
    display: none;
}

.inbox_reply_tool_toggle {
    align-items: center;
    background: #fff;
    border: 1px solid #e3e9ee;
    border-radius: 8px;
    color: #53606e;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: inherit;
    font-size: 12px;
    font-weight: 850;
    gap: 7px;
    min-height: 34px;
    padding: 0 11px;
    white-space: nowrap;
}

.inbox_reply_tool_toggle.is-active {
    background: var(--inbox-green-soft);
    border-color: #cde8da;
    color: var(--inbox-green);
}

.inbox_attach_toggle {
    background: #f0faf5;
    border-color: #cde8da;
    color: var(--inbox-green);
}

.inbox_attach_toggle:hover {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.inbox_canned_row::-webkit-scrollbar {
    display: none;
}

.ticket_canned_btn {
    background: #fff;
    color: #53606e;
    font-family: inherit;
    min-height: 32px;
}

.inbox_reply_box textarea {
    width: 100%;
    min-height: 60px;
    border: 0;
    resize: vertical;
    outline: none;
    background: transparent;
    padding: 8px 10px;
    font-size: 14px;
}

.inbox_reply_box textarea.is-focused-by-action {
    background: #fff;
    box-shadow: inset 0 0 0 2px rgba(19, 133, 78, .18);
    border-radius: 8px;
}

.inbox_closed_notice {
    align-items: center;
    background: #fff8ed;
    border: 1px solid #f1d6ad;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(143, 92, 20, .08);
    box-sizing: border-box;
    color: #6e4a13;
    display: grid;
    gap: 12px;
    grid-row: 4;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin: 0 22px 14px;
    padding: 12px 14px;
}

.inbox_closed_icon {
    align-items: center;
    background: #f7dfb8;
    border-radius: 8px;
    color: #8a5a12;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.inbox_closed_copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.inbox_closed_copy strong {
    color: #2a241b;
    font-size: 15px;
    line-height: 1.25;
}

.inbox_closed_copy span {
    color: #7a6a56;
    font-size: 13px;
    line-height: 1.35;
}

.inbox_closed_reopen {
    align-items: center;
    background: #2f2a22;
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-weight: 850;
    gap: 8px;
    min-height: 38px;
    padding: 0 14px;
    white-space: nowrap;
}

.inbox_reply_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid #e8eaed;
    padding: 8px 4px 0;
}

.inbox_reply_footer span {
    color: var(--inbox-muted);
    font-size: 12px;
}

.inbox_reply_footer button,
.inbox_note_button {
    border: 0;
    border-radius: 8px;
    background: var(--inbox-green);
    color: #fff;
    font-weight: 800;
    padding: 10px 14px;
    cursor: pointer;
}

.inbox_reply_footer button,
.inbox_note_button,
.inbox_help_header h2,
.inbox_help_section h3,
.inbox_help_link {
    align-items: center;
    display: flex;
    gap: 9px;
}

.inbox_help_header h2 i,
.inbox_help_section h3 i,
.inbox_help_link i,
.inbox_reply_footer button i,
.inbox_note_button i {
    flex: 0 0 auto;
}

.inbox_reply_feedback {
    margin: 8px 4px;
    font-size: 13px;
    color: #9a5b00;
}

.inbox_edit_panel,
.inbox_confirm_modal {
    position: fixed;
    z-index: 120;
}

.inbox_edit_panel {
    background: #fff;
    border: 1px solid #e0e6ec;
    border-radius: 8px;
    bottom: 24px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .18);
    display: grid;
    gap: 12px;
    left: 50%;
    max-width: min(640px, calc(100vw - 32px));
    padding: 16px;
    transform: translateX(-50%);
    width: 640px;
}

.inbox_edit_panel[hidden],
.inbox_confirm_modal[hidden] {
    display: none;
}

.inbox_edit_panel_header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.inbox_edit_panel_header button {
    background: #f3f5f6;
    border: 0;
    border-radius: 8px;
    color: #66717f;
    cursor: pointer;
    height: 32px;
    width: 32px;
}

.inbox_edit_textarea {
    border: 1px solid #dce3ea;
    border-radius: 8px;
    min-height: 150px;
    outline: none;
    padding: 12px;
    resize: vertical;
    width: 100%;
}

.inbox_edit_feedback {
    color: #9a5b00;
    font-size: 13px;
}

.inbox_edit_actions {
    justify-content: flex-end;
}

.inbox_edit_actions button,
.inbox_confirm_actions button {
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 850;
    min-height: 38px;
    padding: 0 14px;
}

.inbox_edit_cancel,
.inbox_confirm_cancel {
    background: #f2f4f6;
    color: #586371;
}

.inbox_edit_save,
.inbox_confirm_delete {
    background: var(--inbox-green);
    color: #fff;
}

.inbox_confirm_modal {
    align-items: center;
    background: rgba(15, 23, 42, .38);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 20px;
    right: 0;
    top: 0;
}

.inbox_confirm_dialog {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .2);
    max-width: 420px;
    padding: 20px;
    width: min(100%, 420px);
}

.inbox_confirm_dialog h3 {
    margin: 0 0 8px;
}

.inbox_confirm_dialog p {
    color: #687381;
    line-height: 1.5;
    margin: 0 0 18px;
}

.inbox_confirm_actions {
    justify-content: flex-end;
}

.inbox_help_panel {
    background: #fbfcfd;
    overflow: auto;
    padding: 24px;
}

.inbox_help_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 28px;
}

.inbox_help_header h2 {
    margin: 0;
    font-size: 20px;
}

.inbox_help_header_compact {
    margin-bottom: 16px;
}

.inbox_help_eyebrow {
    color: var(--inbox-green);
    display: block;
    font-size: 10px;
    font-weight: 900;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.inbox_customer_card {
    align-items: center;
    background: #fff;
    border: 1px solid #e3ebe7;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    margin-bottom: 12px;
    padding: 14px;
}

.inbox_customer_avatar {
    align-items: center;
    background: #111827;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-weight: 900;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.inbox_customer_identity {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.inbox_customer_identity strong,
.inbox_customer_identity span,
.inbox_customer_identity em {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_customer_identity strong {
    color: #17202c;
    font-size: 15px;
}

.inbox_customer_identity span,
.inbox_customer_identity em {
    color: #7a8490;
    font-size: 12px;
    font-style: normal;
}

.inbox_side_metrics {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 12px;
}

.inbox_side_metrics div {
    background: #fff;
    border: 1px solid #e3ebe7;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 11px 9px;
}

.inbox_side_metrics strong {
    color: var(--inbox-green);
    font-size: 15px;
    line-height: 1.15;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_side_metrics span {
    color: #7c8793;
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
}

.inbox_help_section {
    border-bottom: 1px solid var(--inbox-line);
    padding: 0 0 24px;
    margin-bottom: 24px;
}

.inbox_side_card {
    background: #fff;
    border: 1px solid #e3ebe7;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 14px;
}

.support_coffee_card {
    background: linear-gradient(135deg, rgba(255, 248, 235, .92), rgba(240, 251, 246, .95));
    border-color: #d7eadf;
    border-radius: 16px;
    box-shadow: 0 16px 42px rgba(17, 24, 39, .04);
    display: grid;
    gap: 14px;
    padding: 16px;
}

.support_coffee_icon {
    align-items: center;
    background: #fff;
    border: 1px solid #dbeae3;
    border-radius: 14px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 18px;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.support_coffee_copy {
    display: grid;
    gap: 6px;
}

.support_coffee_copy span {
    color: var(--inbox-green);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.support_coffee_copy h3 {
    color: #111827;
    font-size: 18px;
    font-weight: 760;
    line-height: 1.22;
    margin: 0;
}

.support_coffee_copy p {
    color: #667386;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}

.support_coffee_button {
    align-items: center;
    background: var(--inbox-green);
    border-radius: 13px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    gap: 9px;
    justify-content: center;
    min-height: 44px;
    padding: 0 15px;
    text-decoration: none;
}

.support_coffee_button:hover,
.support_coffee_button:focus {
    background: #0f6f42;
    color: #fff;
}

.support_coffee_widget_slot {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 48px;
    overflow: visible;
    width: 100%;
}

.support_coffee_widget_slot iframe,
.support_coffee_widget_slot img {
    max-width: 100%;
}

.support_coffee_image_button {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    max-width: 100%;
    text-decoration: none;
}

.support_coffee_image_button img {
    display: block;
    height: auto;
    max-height: 56px;
    object-fit: contain;
}

.inbox_conversation_panel .support_coffee_card.is-closed-ticket,
.inbox_conversation_panel .support_coffee_card.is-inbox-empty,
.inbox_blank_state .support_coffee_card {
    margin: 18px auto 0;
    max-width: 680px;
    text-align: left;
}

.inbox_help_section h3 {
    margin: 0 0 12px;
    color: #9aa1a9;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.inbox_help_section p,
.inbox_help_list {
    margin: 0;
    color: #3b4148;
    line-height: 1.5;
    font-size: 14px;
}

.inbox_help_list {
    padding-left: 18px;
}

.inbox_detail_grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.inbox_detail_grid.is-two-column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.inbox_detail_grid div {
    background: #f8faf9;
    border: 1px solid #eef2f0;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 10px;
}

.inbox_detail_grid .is-full {
    grid-column: 1 / -1;
}

.inbox_detail_grid span {
    color: var(--inbox-muted);
    font-size: 12px;
}

.inbox_detail_grid strong {
    font-size: 14px;
    overflow-wrap: anywhere;
}

.inbox_purchase_code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px !important;
}

.inbox_duplicate_card {
    align-items: flex-start;
    background: #fff8ed;
    border: 1px solid #f1d6ad;
    border-radius: 8px;
    color: #5d4318;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
    margin-bottom: 12px;
    padding: 13px;
}

.inbox_duplicate_card > i {
    color: #a36a12;
    margin-top: 2px;
}

.inbox_duplicate_card strong,
.inbox_duplicate_card a {
    display: block;
}

.inbox_duplicate_card strong {
    color: #2f2618;
    font-size: 13px;
    margin-bottom: 3px;
}

.inbox_duplicate_card a {
    color: #8a5a12;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.35;
    text-decoration: none;
}

.inbox_side_timeline {
    display: grid;
    gap: 10px;
}

.inbox_side_timeline div {
    display: grid;
    gap: 9px;
    grid-template-columns: 10px minmax(0, 1fr);
}

.inbox_side_timeline div > span {
    background: var(--inbox-green);
    border-radius: 50%;
    height: 8px;
    margin-top: 5px;
    width: 8px;
}

.inbox_side_timeline p {
    margin: 0;
    min-width: 0;
}

.inbox_side_timeline strong,
.inbox_side_timeline em {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_side_timeline strong {
    color: #202833;
    font-size: 12px;
}

.inbox_side_timeline em {
    color: var(--inbox-muted);
    font-size: 11px;
    font-style: normal;
    margin-top: 2px;
}

.inbox_help_link_grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_help_link,
.inbox_history_item {
    padding: 12px 0;
    color: var(--inbox-text);
    text-decoration: none;
    border-bottom: 1px solid #f3f4f5;
    font-weight: 800;
}

.inbox_help_link_grid .inbox_help_link {
    background: #f8faf9;
    border: 1px solid #eef2f0;
    border-radius: 8px;
    display: grid;
    gap: 7px;
    min-height: 68px;
    padding: 12px;
}

.inbox_help_link_grid .inbox_help_link i {
    color: var(--inbox-green);
}

.inbox_help_link_grid .inbox_help_link span {
    font-size: 12px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_next_queue_card {
    align-items: center;
    background: linear-gradient(135deg, #eef9f4 0%, #f8fbfa 100%);
    border: 1px solid #d7e9df;
    border-radius: 10px;
    color: var(--inbox-text);
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 14px;
    text-decoration: none;
}

.inbox_next_queue_card span {
    color: #5f6d7b;
    font-size: 12px;
    font-weight: 800;
}

.inbox_next_queue_card strong {
    color: var(--inbox-green);
    font-size: 24px;
    line-height: 1;
}

.inbox_compact_action_grid {
    display: grid;
    gap: 8px;
}

.inbox_compact_action_grid a,
.inbox_support_checklist span {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #eef2f0;
    border-radius: 10px;
    color: #344050;
    display: grid;
    font-size: 12px;
    font-weight: 760;
    gap: 10px;
    grid-template-columns: 18px minmax(0, 1fr);
    line-height: 1.3;
    padding: 11px 12px;
    text-decoration: none;
}

.inbox_compact_action_grid a i,
.inbox_support_checklist span i {
    color: var(--inbox-green);
}

.inbox_support_checklist {
    display: grid;
    gap: 8px;
}

.inbox_latest_update_card {
    background: #f8faf9;
    border: 1px solid #eef2f0;
    border-radius: 8px;
    color: var(--inbox-text);
    display: block;
    padding: 12px;
    text-decoration: none;
}

.inbox_latest_update_card:hover {
    border-color: #d7e8df;
}

.inbox_latest_update_media {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 8px;
    color: var(--inbox-green);
    display: flex;
    height: auto;
    aspect-ratio: 16 / 9;
    justify-content: center;
    margin-bottom: 12px;
    overflow: hidden;
    width: 100%;
}

.inbox_latest_update_media img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.inbox_latest_update_media i {
    font-size: 22px;
}

.inbox_latest_update_body {
    display: block;
    min-width: 0;
}

.inbox_latest_update_body em,
.inbox_latest_update_body strong,
.inbox_latest_update_body span {
    display: block;
    min-width: 0;
}

.inbox_latest_update_body em {
    color: var(--inbox-muted);
    font-size: 11px;
    font-style: normal;
    font-weight: 750;
    line-height: 1.25;
    margin-bottom: 4px;
}

.inbox_latest_update_body strong {
    color: #202833;
    font-size: 15px;
    line-height: 1.25;
    margin-bottom: 7px;
}

.inbox_latest_update_body span {
    color: #687483;
    font-size: 12px;
    line-height: 1.35;
}

.inbox_history_header_row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.inbox_history_header_row h3 {
    margin: 0;
}

.inbox_history_header_row > span {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 999px;
    color: var(--inbox-green);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 900;
    min-height: 24px;
    padding: 0 9px;
}

.inbox_history_item {
    background: #fff;
    border: 1px solid #eef2f0;
    border-radius: 8px;
    display: block;
    margin-bottom: 8px;
    padding: 11px 12px;
}

.inbox_help_link:hover,
.inbox_history_item:hover {
    color: var(--inbox-green);
}

.inbox_history_item strong,
.inbox_history_item span {
    display: block;
}

.inbox_history_topline {
    align-items: start;
    display: grid !important;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.inbox_history_item strong {
    color: #202833;
    font-size: 13px;
    line-height: 1.25;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_history_status {
    background: #f4f6f7;
    border-radius: 999px;
    color: #647181;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    padding: 5px 7px;
    white-space: nowrap;
}

.inbox_history_status.is-pending {
    background: #fff4df;
    color: #9a640f;
}

.inbox_history_status.is-answered {
    background: var(--inbox-green-soft);
    color: var(--inbox-green);
}

.inbox_history_status.is-review {
    background: #edf2ff;
    color: #425b9c;
}

.inbox_history_status.is-closed {
    background: #fee2e2;
    color: #b42318;
}

.inbox_history_meta,
.inbox_history_product {
    color: var(--inbox-muted);
    font-size: 12px;
    margin-top: 4px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_history_product {
    color: #7b8794;
    font-weight: 750;
}

.inbox_note_input {
    width: 100%;
    min-height: 96px;
    border: 1px solid var(--inbox-line);
    border-radius: 8px;
    padding: 12px;
    resize: vertical;
    outline: none;
}

.inbox_note_button {
    margin-top: 10px;
    width: 100%;
}

.inbox_note_list {
    margin-top: 14px;
}

.inbox_note_item {
    background: #f7f8f9;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
}

.inbox_note_item strong,
.inbox_note_item span,
.inbox_note_item p {
    display: block;
    margin: 0;
    font-size: 12px;
}

.inbox_note_item span {
    color: var(--inbox-muted);
    margin: 3px 0 7px;
}

.inbox_auth_app {
    grid-template-columns: 92px minmax(0, 1fr);
    height: auto;
    min-height: 100vh;
}

body.inbox_auth_body {
    overflow: auto;
}

.inbox_auth_stage {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    background:
        linear-gradient(180deg, rgba(247, 250, 252, .86), rgba(255, 255, 255, 1)),
        #fff;
}

.inbox_auth_panel {
    display: grid;
    grid-template-columns: minmax(320px, 540px) minmax(360px, 460px);
    align-content: center;
    justify-content: center;
    gap: 76px;
    padding: 36px 56px;
}

.inbox_auth_copy h1 {
    margin: 10px 0 18px;
    font-size: clamp(38px, 3.2vw, 50px);
    line-height: 1.08;
    letter-spacing: 0;
    color: #101827;
    max-width: 560px;
}

.inbox_auth_copy p {
    color: #4f5866;
    line-height: 1.65;
    font-size: 18px;
    max-width: 650px;
}

.inbox_auth_outcomes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 30px 0 0;
}

.inbox_auth_outcomes div {
    background: #fff;
    border: 1px solid #e6eaef;
    border-radius: 8px;
    padding: 14px 16px;
    box-shadow: 0 14px 32px rgba(16, 24, 39, .05);
}

.inbox_auth_outcomes strong,
.inbox_auth_outcomes span {
    display: block;
}

.inbox_auth_outcomes strong {
    color: #101827;
    font-size: 15px;
}

.inbox_auth_outcomes span {
    color: #7a8491;
    font-size: 12px;
    margin-top: 4px;
}

.inbox_auth_points {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.inbox_auth_points span {
    align-items: center;
    color: #14784b;
    display: flex;
    gap: 10px;
    font-weight: 800;
    line-height: 1.35;
}

.inbox_auth_points i {
    background: #e6f4ee;
    border-radius: 50%;
    display: grid;
    flex: 0 0 24px;
    height: 24px;
    place-items: center;
    width: 24px;
    font-size: 11px;
}

.inbox_auth_form .dizzy_form_area {
    display: block;
    min-height: 0;
    width: 100%;
}

.inbox_auth_form .auth_shell,
.inbox_auth_form .auth_card,
.inbox_auth_form .login_form {
    display: block;
    width: 100%;
    max-width: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

.inbox_auth_form .auth_card {
    background: #fff;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
    padding: 18px;
}

.inbox_auth_form .auth_content_grid {
    display: block;
}

.inbox_auth_form .auth_content_intro,
.inbox_auth_form .auth_side_panel {
    display: none;
}

.inbox_auth_form .auth_form_panel {
    background: transparent;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 4px 4px;
}

.inbox_auth_form .auth_tabs {
    background: #f4f7fa;
    border: 1px solid #e4e9ef;
    border-radius: 8px;
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 0 24px;
    padding: 6px;
}

.inbox_auth_form .auth_tab {
    align-items: center;
    border: 0;
    border-radius: 8px;
    color: #596475;
    display: flex;
    font-size: 13px;
    font-weight: 900;
    height: 46px;
    justify-content: center;
    letter-spacing: 0;
    padding: 0 12px;
    text-transform: none;
    text-decoration: none;
}

.inbox_auth_form .auth_tab--active,
.inbox_auth_form .auth_tab.active_lr {
    background: #fff;
    box-shadow: 0 12px 26px rgba(16, 24, 39, .09);
    color: #101827;
}

.inbox_auth_form .auth_form_introline {
    border-bottom: 1px solid #edf1f5;
    margin: 0 0 20px;
    padding: 0 0 18px;
}

.inbox_auth_form .auth_form_introline span,
.inbox_auth_form .auth_form_introline strong {
    display: flex;
}

.inbox_auth_form .auth_form_introline span {
    align-items: center;
    color: var(--inbox-green);
    font-size: 12px;
    font-weight: 900;
    gap: 8px;
    text-transform: uppercase;
}

.inbox_auth_form .auth_form_introline strong {
    color: #101827;
    font-size: 17px;
    line-height: 1.35;
    margin-top: 7px;
}

.inbox_auth_form .auth_form {
    display: grid;
    gap: 16px;
}

.inbox_auth_form .auth_field {
    margin: 0;
}

.inbox_auth_form .auth_field > .upas,
.inbox_auth_form .auth_label_row .upas {
    color: #101827;
    display: block;
    font-size: 13px;
    font-weight: 900;
    margin: 0 0 8px;
}

.inbox_auth_form .auth_label_row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 8px;
}

.inbox_auth_form .auth_label_row .upas {
    flex: 1 1 auto;
    margin: 0;
}

.inbox_auth_form .auth_inline_link {
    align-items: center;
    color: #1f9bb2;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    min-height: 32px;
    padding: 0 2px;
    text-decoration: none;
    white-space: nowrap;
}

.inbox_auth_form .auth_input_wrap {
    align-items: center;
    background: #fff;
    border: 1px solid #dde4ec;
    border-radius: 8px;
    display: flex;
    min-height: 54px;
    padding: 0 12px;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.inbox_auth_form .auth_input_wrap:focus-within {
    background: #fff;
    border-color: #c7d2dd;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, .04);
}

.inbox_auth_form .auth_input_wrap.has-error {
    background: #fffafa;
    border-color: #e6a0a0;
    box-shadow: 0 0 0 3px rgba(199, 60, 60, .08);
}

.inbox_auth_form .auth_input_icon {
    color: #8a95a3;
    flex: 0 0 20px;
    font-size: 14px;
}

.inbox_auth_form .auth_input_wrap input {
    -webkit-appearance: none;
    appearance: none;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #101827;
    flex: 1 1 auto;
    font-size: 15px;
    height: 52px;
    min-width: 0;
    outline: 0 !important;
    padding: 0 10px !important;
}

.inbox_auth_form .auth_input_wrap input:-webkit-autofill,
.inbox_auth_form .auth_input_wrap input:-webkit-autofill:hover,
.inbox_auth_form .auth_input_wrap input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #101827 !important;
    caret-color: #101827;
}

.inbox_auth_form .auth_input_wrap input::placeholder {
    color: #9aa5b2;
}

.inbox_auth_form .auth_input_wrap--password input {
    padding-right: 8px !important;
}

.inbox_auth_form .auth_toggle_password {
    background: #f3f6f8;
    border: 0;
    border-radius: 8px;
    color: #52606f;
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 900;
    height: 34px;
    padding: 0 12px;
}

.inbox_auth_form .auth_hint_line {
    align-items: flex-start;
    color: #667383;
    display: flex;
    font-size: 13px;
    gap: 8px;
    line-height: 1.45;
}

.inbox_auth_form .auth_hint_line i {
    color: var(--inbox-green);
    margin-top: 2px;
}

.inbox_auth_form .auth_submit_row {
    margin-top: 4px;
}

.inbox_auth_form .auth_submit_btn {
    align-items: center;
    background: var(--inbox-green) !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 16px 34px rgba(19, 122, 74, .2);
    color: #fff !important;
    cursor: pointer;
    display: inline-flex;
    font-size: 15px;
    font-weight: 900;
    gap: 9px;
    height: 50px;
    justify-content: center;
    min-width: 176px;
    padding: 0 22px;
    text-align: center;
}

.inbox_auth_form input.auth_submit_btn {
    display: block;
}

.inbox_auth_form .auth_submit_btn:hover {
    background: var(--inbox-green-dark) !important;
}

.inbox_auth_form .auth_feedback {
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid transparent;
    display: flex !important;
    font-size: 13px;
    gap: 9px;
    line-height: 1.45;
    margin-top: 2px;
    padding: 11px 12px;
}

.inbox_auth_form .auth_feedback[style*="display:none"],
.inbox_auth_form .auth_feedback[style*="display: none"] {
    display: none !important;
}

.inbox_auth_form .auth_feedback i {
    flex: 0 0 auto;
    margin-top: 2px;
}

.inbox_auth_form .auth_feedback span {
    min-width: 0;
}

.inbox_auth_form .auth_feedback.is-error {
    background: #fff7f7;
    border-color: #f0c7c7;
    color: #9f2f2f;
}

.inbox_auth_form .auth_feedback.is-success {
    background: #f0faf5;
    border-color: #bfe8d2;
    color: #137a4a;
}

.inbox_auth_form .auth_feedback.is-info {
    background: #f5f8fb;
    border-color: #d9e3ee;
    color: #52606f;
}

.inbox_auth_form .auth_secondary_panel {
    background: #f8fafc;
    border: 1px solid #e5ebf1;
    border-radius: 8px;
    margin-top: 18px;
    padding: 16px;
}

.inbox_auth_form .auth_secondary_title {
    color: #101827;
    font-size: 16px;
    font-weight: 900;
}

.inbox_auth_form .auth_secondary_text {
    color: #667383;
    font-size: 13px;
    line-height: 1.45;
    margin: 6px 0 14px;
}

.inbox_auth_help {
    border-left: 1px solid var(--inbox-line);
    padding: 42px 30px;
    align-self: stretch;
    background: #fbfcfd;
}

.inbox_auth_help_badge {
    align-items: center;
    background: #e6f4ee;
    border-radius: 8px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 8px;
    margin-bottom: 18px;
    padding: 9px 11px;
}

.inbox_auth_help h2 {
    margin: 0 0 12px;
    font-size: 20px;
    color: #101827;
}

.inbox_auth_help p {
    color: #4a5159;
    line-height: 1.55;
}

.inbox_auth_help a {
    align-items: center;
    color: var(--inbox-green);
    display: flex;
    font-weight: 800;
    gap: 9px;
    text-decoration: none;
    padding: 12px 0;
    border-bottom: 1px solid var(--inbox-line);
}

.inbox_auth_help_card {
    background: #fff;
    border: 1px solid #e2ede8;
    border-radius: 14px;
    display: grid;
    gap: 14px;
    margin-top: 16px;
    padding: 18px;
}

.inbox_auth_help_card h3 {
    align-items: center;
    color: #8a96a5;
    display: flex;
    font-size: 12px;
    font-weight: 800;
    gap: 9px;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase;
}

.inbox_auth_help_card h3 i {
    color: #9aa7b4;
}

.inbox_auth_help_steps,
.inbox_auth_help_links {
    display: grid;
    gap: 9px;
}

.inbox_auth_help_steps span,
.inbox_auth_help_links a {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #eef2f0;
    border-radius: 10px;
    color: #344050;
    display: grid;
    font-size: 13px;
    font-weight: 720;
    gap: 10px;
    grid-template-columns: 20px minmax(0, 1fr);
    line-height: 1.35;
    padding: 12px;
}

.inbox_auth_help_steps i,
.inbox_auth_help_links i {
    color: var(--inbox-green);
}

.inbox_auth_help_links a {
    border-bottom: 1px solid #eef2f0;
    text-decoration: none;
}

.inbox_auth_update_link {
    border-bottom: 0 !important;
    color: var(--inbox-text) !important;
    display: grid !important;
    gap: 7px !important;
    padding: 0 !important;
    text-decoration: none;
}

.inbox_auth_update_link strong {
    color: #1f2937;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
}

.inbox_auth_update_link span {
    color: #697789;
    font-size: 12px;
    font-weight: 560;
    line-height: 1.4;
}

.inbox_create_app {
    grid-template-columns: 92px 300px minmax(520px, 1fr) minmax(300px, 360px);
}

.inbox_create_steps {
    display: grid;
    gap: 12px;
    padding: 10px 30px;
}

.inbox_create_steps div {
    align-items: center;
    background: #f7faf8;
    border: 1px solid #e5eee9;
    border-radius: 8px;
    color: var(--inbox-muted);
    display: grid;
    gap: 12px;
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 12px;
}

.inbox_create_steps strong {
    background: #f4f5f6;
    border-radius: 8px;
    display: grid;
    height: 36px;
    place-items: center;
    width: 36px;
}

.inbox_create_steps span {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.inbox_create_steps em {
    color: #17202c;
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
}

.inbox_create_steps small {
    color: #778392;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
}

.inbox_create_steps .is-active {
    background: var(--inbox-green-soft);
    border-color: #d3eadf;
}

.inbox_create_steps .is-active strong {
    background: #fff;
    color: var(--inbox-green);
}

.inbox_create_form_wrap {
    overflow: auto;
    padding: 22px 30px 30px;
}

.inbox_create_form_wrap .dizzy_form_area {
    display: block;
}

.inbox_create_form_wrap form,
.inbox_create_form_wrap .s_login_form_wrapper {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}

.inbox_ticket_intake {
    align-items: stretch;
    display: block;
    min-height: 0;
}

.inbox_ticket_form_shell {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.inbox_create_form_wrap .ticket_form_intro {
    background: #f8faf9;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    display: block;
    margin-bottom: 14px;
    padding: 16px 18px;
}

.inbox_create_form_wrap .ticket_form_intro_eyebrow {
    color: var(--inbox-green);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .02em;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.inbox_create_form_wrap .ticket_form_intro_title {
    color: #101827;
    font-size: 22px;
    line-height: 1.15;
    margin: 0 0 6px;
}

.inbox_create_form_wrap .ticket_form_intro_text {
    color: #677384;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

.inbox_create_form_wrap .ticket_form_grid {
    display: block;
}

.inbox_create_form_wrap .ticket_form_sidebar {
    display: none;
}

.inbox_create_form_wrap .ticket_form_main {
    display: grid;
    gap: 14px;
}

.inbox_create_form_wrap .ticket_form_card,
.inbox_create_form_wrap .ticket_form_submit,
.inbox_create_form_wrap .ticket_form_loading_notice,
.inbox_create_form_wrap .i_error {
    border-radius: 8px;
}

.inbox_create_form_wrap .ticket_form_card {
    background: #fff;
    border: 1px solid #e5ece8;
    box-shadow: none;
    padding: 18px;
}

.inbox_create_form_wrap .ticket_form_card_header {
    margin-bottom: 14px;
}

.ticket_form_step {
    align-items: center;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 7px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.ticket_form_step i {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 8px;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.inbox_create_form_wrap .ticket_form_card_title {
    color: #17202c;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 4px;
}

.inbox_create_form_wrap .ticket_form_card_description {
    color: #707b89;
    font-size: 13px;
    line-height: 1.45;
    max-width: 680px;
}

.inbox_create_form_wrap .ticket_form_fields {
    display: grid;
    gap: 14px;
}

.inbox_create_form_wrap .ticket_form_fields_two {
    align-items: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_create_form_wrap .prop_item {
    align-content: start;
    display: grid;
    gap: 7px;
    margin: 0;
    min-width: 0;
}

.inbox_create_form_wrap .prop_tit {
    color: #17202c;
    display: block;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.25;
    margin: 0;
    padding: 0;
}

.inbox_create_form_wrap .form-control,
.inbox_create_form_wrap .form_input input,
.inbox_create_form_wrap .form_input textarea {
    background: #fff;
    border: 1px solid #dce5ea;
    border-radius: 8px;
    box-shadow: none;
    box-sizing: border-box;
    color: #17202c;
    font-family: inherit;
    font-size: 14px;
    outline: none;
    width: 100%;
}

.inbox_create_form_wrap .ticket_select_shell {
    position: relative;
}

.inbox_create_form_wrap .ticket_select_shell::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #7b8794;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    transition: border-color .16s ease, transform .16s ease;
}

.inbox_create_form_wrap .ticket_select_shell:focus-within::after {
    border-top-color: var(--inbox-green);
    transform: translateY(-50%) rotate(180deg);
}

.inbox_create_form_wrap select.form-control {
    -webkit-appearance: none;
    appearance: none;
    background:
        linear-gradient(90deg, transparent calc(100% - 56px), #f6f8f9 calc(100% - 56px)),
        #fff;
    cursor: pointer;
    font-weight: 800;
    height: 52px;
    line-height: 50px;
    overflow: hidden;
    padding: 0 62px 0 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_create_form_wrap select.form-control:hover {
    border-color: #cbd8df;
    background:
        linear-gradient(90deg, transparent calc(100% - 56px), #eef7f2 calc(100% - 56px)),
        #fff;
}

.inbox_create_form_wrap select.form-control:required:invalid {
    color: #6d7784;
    font-weight: 750;
}

.ticket_upload_panel {
    background: linear-gradient(135deg, #f5fbf8 0%, #f8fbfc 100%);
    border: 1px dashed rgba(18, 131, 75, .26);
    border-radius: 10px;
    display: grid;
    gap: 9px;
    padding: 14px;
}

.ticket_upload_label {
    align-items: center;
    color: #17202c;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    gap: 9px;
}

.ticket_upload_label i {
    align-items: center;
    background: var(--inbox-green);
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.ticket_image_input {
    background: #fff;
    border: 1px solid #dce5ea;
    border-radius: 8px;
    color: #536171;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
    min-height: 44px;
    padding: 8px;
    width: 100%;
}

.ticket_image_input::file-selector-button {
    background: var(--inbox-green);
    border: 0;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    margin-right: 12px;
    padding: 9px 13px;
}

.ticket_image_input::-webkit-file-upload-button {
    background: var(--inbox-green);
    border: 0;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    margin-right: 12px;
    padding: 9px 13px;
}

.ticket_upload_hint {
    color: #6d7784;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
}

.ticket_upload_list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.ticket_upload_chip,
.ticket_upload_error {
    align-items: center;
    border-radius: 10px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    max-width: 100%;
    min-height: 44px;
    padding: 5px 10px 5px 6px;
}

.ticket_upload_chip {
    background: #eaf7f1;
    border: 1px solid #cfeadd;
    color: var(--inbox-green);
    gap: 7px;
    overflow: hidden;
}

.ticket_upload_chip img {
    border-radius: 8px;
    flex: 0 0 auto;
    height: 34px;
    object-fit: cover;
    width: 34px;
}

.ticket_upload_chip span {
    display: block;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket_upload_remove {
    align-items: center;
    background: rgba(18, 131, 75, .12);
    border: 0;
    border-radius: 50%;
    color: var(--inbox-green);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-family: inherit;
    font-size: 18px;
    font-weight: 900;
    height: 24px;
    justify-content: center;
    line-height: 1;
    margin-left: 2px;
    padding: 0;
    width: 24px;
}

.ticket_upload_remove:hover {
    background: #d94c4c;
    color: #fff;
}

.ticket_upload_error {
    background: #fff1f1;
    color: #a33b3b;
}

.inbox_reply_upload {
    margin: 0;
}

.inbox_reply_file_input {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.inbox_reply_upload_list {
    margin: 0 0 8px;
}

.inbox_reply_upload_list:empty {
    display: none;
}

.inbox_create_form_wrap select.form-control option {
    background: #fff;
    color: #17202c;
    font-weight: 750;
}

.inbox_create_form_wrap select.form-control option:disabled {
    color: #8b96a5;
}

.inbox_create_form_wrap .form-control,
.inbox_create_form_wrap .form_input input {
    min-height: 48px;
    padding: 0 14px;
}

.inbox_create_form_wrap .form_input textarea {
    line-height: 1.5;
    min-height: 180px;
    padding: 14px;
    resize: vertical;
}

.inbox_create_form_wrap .form-control:focus,
.inbox_create_form_wrap .form_input input:focus,
.inbox_create_form_wrap .form_input textarea:focus {
    border-color: rgba(19, 133, 78, .48);
    box-shadow: 0 0 0 3px rgba(19, 133, 78, .08);
}

.inbox_create_form_wrap select.form-control:focus {
    background:
        linear-gradient(90deg, transparent calc(100% - 56px), var(--inbox-green-soft) calc(100% - 56px)),
        #fff;
}

@supports (appearance: base-select) {
    .inbox_create_form_wrap select.form-control,
    .inbox_create_form_wrap select.form-control::picker(select) {
        appearance: base-select;
    }

    .inbox_create_form_wrap select.form-control {
        height: 52px;
        line-height: 50px;
        overflow: hidden;
        padding: 0 62px 0 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .inbox_create_form_wrap select.form-control::picker-icon {
        display: none;
    }

    .inbox_create_form_wrap select.form-control::picker(select) {
        background: #fff;
        border: 1px solid #dbe7e1;
        border-radius: 8px;
        box-shadow: 0 18px 44px rgba(18, 31, 43, .14);
        margin-top: 8px;
        padding: 6px;
    }

    .inbox_create_form_wrap select.form-control option {
        border-radius: 7px;
        color: #17202c;
        font-size: 14px;
        font-weight: 800;
        min-height: 40px;
        padding: 10px 12px;
    }

    .inbox_create_form_wrap select.form-control option:hover,
    .inbox_create_form_wrap select.form-control option:focus {
        background: #f3f7f5;
    }

    .inbox_create_form_wrap select.form-control option:checked {
        background: var(--inbox-green-soft);
        color: var(--inbox-green);
    }

    .inbox_create_form_wrap select.form-control option:disabled {
        color: #8b96a5;
    }
}

.inbox_create_form_wrap .ticket_field_hint {
    color: #768292;
    font-size: 12px;
    line-height: 1.4;
}

.inbox_create_form_wrap .ticket_field_hint a {
    color: var(--inbox-green);
    font-weight: 850;
    text-decoration: none;
}

.inbox_create_form_wrap .prop_item.is-access-verified .form_input input {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #15803d;
    cursor: not-allowed;
}

.inbox_create_form_wrap .prop_item.is-access-verified .ticket_field_hint {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 14px;
    color: #166534;
    font-weight: 800;
    padding: 12px 14px;
}

.inbox_create_form_wrap .ticket_honeypot {
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.inbox_create_form_wrap .ticket_form_submit {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #e5ece8;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 14px;
}

.inbox_create_form_wrap .ticket_form_submit_note {
    align-items: center;
    color: #647181;
    display: flex;
    font-size: 13px;
    gap: 9px;
    line-height: 1.4;
}

.inbox_create_form_wrap .ticket_form_submit_note i {
    color: var(--inbox-green);
    flex: 0 0 auto;
}

.inbox_create_form_wrap .ticket_form_submit_actions .submit_btn {
    align-items: center;
    background: var(--inbox-green);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    gap: 9px;
    justify-content: center;
    min-height: 46px;
    min-width: 150px;
    padding: 0 18px;
}

.inbox_create_form_wrap .ticket_form_submit_actions .submit_btn:disabled {
    cursor: wait;
    opacity: .76;
}

.inbox_create_form_wrap .ticket_form_loading_notice {
    align-items: center;
    background: var(--inbox-green-soft);
    color: var(--inbox-green);
    gap: 10px;
    padding: 12px 14px;
}

.inbox_create_form_wrap .i_error {
    align-items: center;
    background: #fff3f1;
    border: 1px solid #f0c5bd;
    color: #994334;
    font-size: 13px;
    line-height: 1.4;
    padding: 12px 14px;
}

.inbox_suggestions_app {
    grid-template-columns: 92px minmax(620px, 1fr) minmax(300px, 360px);
}

.inbox_suggestions_main {
    background: #fff;
    border-right: 1px solid var(--inbox-line);
    min-width: 0;
    overflow: auto;
}

.inbox_suggestions_app .suggestions_board {
    align-items: stretch;
    box-sizing: border-box;
    display: grid;
    gap: 16px;
    margin: 0 auto;
    max-width: 1120px;
    padding: 28px 30px 36px;
    width: 100%;
}

.inbox_suggestions_app .suggestions_action_bar {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 18px;
}

.inbox_suggestions_app .suggestions_action_title {
    color: #101827;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.05;
}

.inbox_suggestions_app .suggestions_action_meta {
    color: #687483;
    font-size: 14px;
    line-height: 1.45;
    margin-top: 6px;
}

.inbox_suggestions_app .suggestions_action_buttons .submit_btn {
    align-items: center;
    background: var(--inbox-green);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
}

.inbox_suggestions_app .suggestions_login_hint {
    align-items: center;
    background: #f4f6f7;
    border-radius: 8px;
    color: #53606e;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    min-height: 42px;
    padding: 0 14px;
    text-decoration: none;
}

.inbox_suggestions_app .suggestions_login_hint:hover {
    color: var(--inbox-green);
}

.inbox_suggestions_app .suggestions_focus_panel,
.inbox_suggestions_app .suggestions_discovery_bar,
.inbox_suggestions_app .suggestions_filter_bar,
.inbox_suggestions_app .suggestions_admin_panel,
.inbox_suggestions_app .suggestions_list_header {
    background: #fff;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    box-shadow: none;
    box-sizing: border-box;
}

.inbox_suggestions_app .suggestions_focus_panel {
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    padding: 18px;
}

.inbox_suggestions_app .suggestions_focus_copy {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.inbox_suggestions_app .suggestions_focus_label {
    color: var(--inbox-green);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.inbox_suggestions_app .suggestions_focus_copy strong {
    color: #17202c;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
}

.inbox_suggestions_app .suggestions_focus_copy span {
    color: #687483;
    font-size: 13px;
    line-height: 1.45;
}

.inbox_suggestions_app .suggestions_focus_stats {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inbox_suggestions_app .suggestions_focus_stats a {
    background: #f8faf9;
    border: 1px solid #e3eee8;
    border-radius: 8px;
    color: #657181;
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 12px;
    text-decoration: none;
}

.inbox_suggestions_app .suggestions_focus_stats span {
    font-size: 11px;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_suggestions_app .suggestions_focus_stats strong {
    color: var(--inbox-green);
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

.inbox_suggestions_app .suggestions_overview_cards,
.inbox_suggestions_app .suggestions_admin_cards {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
}

.inbox_suggestions_app .suggestions_overview_card,
.inbox_suggestions_app .suggestions_admin_card,
.inbox_suggestions_app .suggestions_trending_panel,
.inbox_suggestions_app .suggestions_filter_bar,
.inbox_suggestions_app .suggestion_form_wrapper,
.inbox_suggestions_app .suggestions_release_section,
.inbox_suggestions_app .suggestions_planned_section {
    background: #fff;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    box-shadow: none;
    box-sizing: border-box;
}

.inbox_suggestions_app .suggestions_overview_card,
.inbox_suggestions_app .suggestions_admin_card {
    display: grid;
    gap: 6px;
    padding: 16px;
}

.inbox_suggestions_app .suggestions_overview_label,
.inbox_suggestions_app .suggestions_admin_label {
    color: #7a8593;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.inbox_suggestions_app .suggestions_overview_value,
.inbox_suggestions_app .suggestions_admin_value {
    color: var(--inbox-green);
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
    margin: 0;
}

.inbox_suggestions_app .suggestions_admin_panel {
    display: grid;
    gap: 18px;
    padding: 14px 16px;
}

.inbox_suggestions_app .suggestions_admin_panel:not([open]) {
    display: block;
}

.inbox_suggestions_app .suggestions_admin_panel > summary,
.inbox_suggestions_app .suggestions_filter_bar > summary,
.inbox_suggestions_app .suggestion_admin_actions > summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    list-style: none;
}

.inbox_suggestions_app .suggestions_admin_panel > summary::-webkit-details-marker,
.inbox_suggestions_app .suggestions_filter_bar > summary::-webkit-details-marker,
.inbox_suggestions_app .suggestion_admin_actions > summary::-webkit-details-marker {
    display: none;
}

.inbox_suggestions_app .suggestions_admin_panel > summary span,
.inbox_suggestions_app .suggestions_filter_bar > summary span,
.inbox_suggestions_app .suggestion_admin_actions > summary {
    align-items: center;
    color: #17202c;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
}

.inbox_suggestions_app .suggestions_admin_panel > summary i,
.inbox_suggestions_app .suggestions_filter_bar > summary i,
.inbox_suggestions_app .suggestion_admin_actions > summary i {
    flex: 0 0 auto;
}

.inbox_suggestions_app .suggestions_admin_panel > summary em,
.inbox_suggestions_app .suggestions_filter_bar > summary em {
    color: #7a8593;
    font-size: 12px;
    font-style: normal;
    font-weight: 750;
}

.inbox_suggestions_app .suggestions_admin_panel[open] > summary,
.inbox_suggestions_app .suggestions_filter_bar[open] > summary {
    border-bottom: 1px solid #edf2ef;
    margin-bottom: 18px;
    padding-bottom: 14px;
}

.inbox_suggestions_app .suggestions_trending_panel {
    margin-top: 4px;
    padding: 16px;
}

.inbox_suggestions_app .suggestions_discovery_bar {
    align-items: stretch;
    display: grid;
    gap: 14px;
    padding: 16px;
}

.inbox_suggestions_app .suggestions_filter_bar {
    padding: 14px 16px;
}

.inbox_suggestions_app .suggestions_filter_bar:not([open]) .suggestions_filter_form {
    display: none;
}

.inbox_suggestions_app .suggestions_search_form {
    align-items: center;
    background: #f4f6f7;
    border: 1px solid #eef2f0;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 8px;
}

.inbox_suggestions_app .suggestions_search_form label {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
}

.inbox_suggestions_app .suggestions_search_form i {
    color: #99a3ad;
    flex: 0 0 auto;
    font-size: 14px;
    margin-left: 8px;
}

.inbox_suggestions_app .suggestions_search_form input {
    background: transparent;
    border: 0;
    color: #17202c;
    font-family: inherit;
    font-size: 14px;
    min-height: 36px;
    min-width: 0;
    outline: none;
    width: 100%;
}

.inbox_suggestions_app .suggestions_search_form button {
    background: var(--inbox-green);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 900;
    min-height: 36px;
    padding: 0 14px;
}

.inbox_suggestions_app .suggestions_filter_form {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(150px, .8fr)) auto auto;
}

.inbox_suggestions_app .suggestions_filter_label {
    color: #17202c;
    display: grid;
    font-size: 12px;
    font-weight: 900;
    gap: 7px;
    min-width: 0;
}

.inbox_suggestions_app .suggestions_filter_label input,
.inbox_suggestions_app .suggestions_filter_label select,
.inbox_suggestions_app .suggestion_form input,
.inbox_suggestions_app .suggestion_form select,
.inbox_suggestions_app .suggestion_form textarea {
    background: #fff;
    border: 1px solid #dce5ea;
    border-radius: 8px;
    box-shadow: none;
    box-sizing: border-box;
    color: #17202c;
    font-family: inherit;
    font-size: 14px;
    min-width: 0;
    outline: none;
    width: 100%;
}

.inbox_suggestions_app .suggestions_filter_label input,
.inbox_suggestions_app .suggestions_filter_label select,
.inbox_suggestions_app .suggestion_form input,
.inbox_suggestions_app .suggestion_form select {
    min-height: 42px;
    padding: 0 12px;
}

.inbox_suggestions_app .suggestion_form textarea {
    line-height: 1.5;
    min-height: 118px;
    padding: 12px;
    resize: vertical;
}

.inbox_suggestions_app .suggestions_filter_label input:focus,
.inbox_suggestions_app .suggestions_filter_label select:focus,
.inbox_suggestions_app .suggestion_form input:focus,
.inbox_suggestions_app .suggestion_form select:focus,
.inbox_suggestions_app .suggestion_form textarea:focus {
    border-color: rgba(19, 133, 78, .48);
    box-shadow: 0 0 0 3px rgba(19, 133, 78, .08);
}

.inbox_suggestions_app .suggestions_filter_btn {
    background: var(--inbox-green);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 900;
    min-height: 42px;
    padding: 0 16px;
}

.inbox_suggestions_app .suggestions_filter_clear {
    align-items: center;
    background: #f4f6f7;
    border-radius: 8px;
    color: #657181;
    display: inline-flex;
    font-size: 13px;
    font-weight: 850;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    text-decoration: none;
}

.inbox_suggestions_app .suggestions_quick_filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.inbox_suggestions_app .suggestions_quick_link {
    align-items: center;
    background: #f4f6f7;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #66717f;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 7px;
    min-height: 34px;
    padding: 0 11px;
    text-decoration: none;
}

.inbox_suggestions_app .suggestions_quick_link.is-active {
    background: var(--inbox-green-soft);
    border-color: #cde8da;
    color: var(--inbox-green);
}

.inbox_suggestions_app .suggestion_form_wrapper {
    display: none;
    padding: 18px;
}

.inbox_suggestions_app .suggestion_form_wrapper.is-open {
    display: block;
}

.inbox_suggestions_app .suggestion_form {
    display: grid;
    gap: 14px;
}

.inbox_suggestions_app .suggestion_form_row {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1.4fr) minmax(180px, .75fr);
}

.inbox_suggestions_app .form_input {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.inbox_suggestions_app .upas {
    color: #17202c;
    font-size: 13px;
    font-weight: 900;
}

.inbox_suggestions_app .suggestion_media_note {
    background: #f8faf9;
    border: 1px solid #e7eee9;
    border-radius: 8px;
    padding: 12px 14px;
}

.inbox_suggestions_app .suggestions_release_section,
.inbox_suggestions_app .suggestions_planned_section {
    display: grid;
    gap: 12px;
    padding: 18px;
}

.inbox_suggestions_app .suggestions_section_title {
    color: #17202c;
    font-size: 18px;
    font-weight: 900;
}

.inbox_suggestions_app .suggestions_section_subtitle {
    color: #707b89;
    font-size: 13px;
    line-height: 1.45;
}

.inbox_suggestions_app .suggestions_release_grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inbox_suggestions_app .suggestions_release_card,
.inbox_suggestions_app .suggestion_list_item {
    background: #fff;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    box-shadow: none;
    color: #17202c;
    text-decoration: none;
}

.inbox_suggestions_app .suggestions_release_card {
    display: grid;
    gap: 10px;
    min-height: 150px;
    padding: 16px;
}

.inbox_suggestions_app .suggestions_release_badge,
.inbox_suggestions_app .suggestion_status_badge,
.inbox_suggestions_app .suggestion_tag,
.inbox_suggestions_app .suggestion_follow_badge {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    min-height: 24px;
    padding: 0 9px;
}

.inbox_suggestions_app .suggestions_release_badge,
.inbox_suggestions_app .suggestion_status_badge.is-added {
    background: var(--inbox-green-soft);
    color: var(--inbox-green);
}

.inbox_suggestions_app .suggestion_status_badge.is-planned {
    background: #edf2ff;
    color: #425b9c;
}

.inbox_suggestions_app .suggestion_status_badge.is-pending,
.inbox_suggestions_app .suggestion_status_badge.is-review {
    background: #fff4df;
    color: #9a640f;
}

.inbox_suggestions_app .suggestion_status_badge.is-rejected {
    background: #fff0ef;
    color: #a04444;
}

.inbox_suggestions_app .suggestion_tag,
.inbox_suggestions_app .suggestion_follow_badge {
    background: #f3f6f7;
    color: #657181;
}

.inbox_suggestions_app .suggestions_list {
    display: grid;
    gap: 12px;
    width: 100%;
}

.inbox_suggestions_app .suggestions_list_header {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 16px 18px;
}

.inbox_suggestions_app .suggestions_list_header a {
    align-items: center;
    background: #f4f6f7;
    border-radius: 8px;
    color: #53606e;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 900;
    min-height: 34px;
    padding: 0 12px;
    text-decoration: none;
}

.inbox_suggestions_app .suggestion_list_item {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) 118px;
    padding: 18px;
}

.inbox_suggestions_app .suggestion_list_item:hover,
.inbox_suggestions_app .suggestions_release_card:hover {
    border-color: #cfe4d8;
}

.inbox_suggestions_app .suggestion_list_stats {
    display: grid;
    gap: 8px;
    grid-column: 2;
    grid-row: 1;
}

.inbox_suggestions_app .suggestion_stat {
    background: #f8faf9;
    border: 1px solid #edf2ef;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    justify-items: center;
    padding: 10px 8px;
    text-align: center;
}

.inbox_suggestions_app .suggestion_stat:nth-child(3) {
    display: none;
}

.inbox_suggestions_app .suggestion_stat_value {
    color: var(--inbox-green);
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
}

.inbox_suggestions_app .suggestion_stat_label {
    color: #768292;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.2;
}

.inbox_suggestions_app .suggestion_list_body {
    display: grid;
    gap: 9px;
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
}

.inbox_suggestions_app .suggestion_list_tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.inbox_suggestions_app .suggestion_list_title,
.inbox_suggestions_app .suggestions_release_title {
    color: #17202c;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.25;
    text-decoration: none;
}

.inbox_suggestions_app .suggestion_list_excerpt,
.inbox_suggestions_app .suggestion_list_update,
.inbox_suggestions_app .suggestions_release_meta {
    color: #687483;
    font-size: 13px;
    line-height: 1.45;
}

.inbox_suggestions_app .suggestion_list_update {
    background: #f8faf9;
    border-radius: 8px;
    padding: 10px 12px;
}

.inbox_suggestions_app .suggestion_list_update.is-admin {
    background: var(--inbox-green-soft);
    color: #17623d;
}

.inbox_suggestions_app .suggestion_list_meta {
    color: #7a8593;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 750;
    gap: 10px;
}

.inbox_suggestions_app .suggestion_admin_actions {
    border-top: 1px solid #eef2f0;
    margin-top: 4px;
    padding-top: 12px;
}

.inbox_suggestions_app .suggestion_admin_action_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.inbox_suggestions_app .suggestion_admin_btn {
    background: #f4f6f7;
    border: 0;
    border-radius: 8px;
    color: #596574;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 900;
    min-height: 32px;
    padding: 0 10px;
}

.inbox_suggestions_app .suggestion_admin_btn--danger {
    color: #a04444;
}

.inbox_suggestions_app .blog_pagination {
    justify-content: center;
    margin-top: 4px;
}

.inbox_suggestions_help {
    background: #fbfcfd;
}

.inbox_suggestion_app {
    grid-template-columns: 92px minmax(620px, 1fr) minmax(300px, 360px);
}

.inbox_suggestion_main {
    background: #fff;
    border-right: 1px solid var(--inbox-line);
    min-width: 0;
    overflow: auto;
}

.inbox_suggestion_app .suggestion_single_board {
    box-sizing: border-box;
    display: grid;
    gap: 16px;
    margin: 0 auto;
    max-width: 1060px;
    padding: 28px 30px 36px;
    width: 100%;
}

.inbox_suggestion_app .suggestion_single_topbar {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.inbox_suggestion_app .suggestion_single_topbar a,
.inbox_suggestion_app .suggestion_single_topbar span {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.inbox_suggestion_app .suggestion_single_topbar a {
    background: #f4f6f7;
    border-radius: 8px;
    color: #53606e;
    font-size: 13px;
    font-weight: 900;
    min-height: 36px;
    padding: 0 12px;
    text-decoration: none;
}

.inbox_suggestion_app .suggestion_single_topbar span {
    color: #7a8593;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
}

.inbox_suggestion_app .suggestion_detail_card,
.inbox_suggestion_app .suggestion_comments_section,
.inbox_suggestion_app .suggestion_detail_panel,
.inbox_suggestion_app .suggestion_link_box,
.inbox_suggestion_app .suggestion_single_admin_actions,
.inbox_suggestion_app .suggestion_edit_form {
    background: #fff;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    box-shadow: none;
    box-sizing: border-box;
}

.inbox_suggestion_app .suggestion_detail_card {
    overflow: hidden;
    width: 100%;
}

.inbox_suggestion_app .suggestion_detail_summary {
    align-items: start;
    background: #f8faf9;
    border-bottom: 1px solid #e7eee9;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
    padding: 22px;
}

.inbox_suggestion_app .suggestion_detail_title {
    color: #101827;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0;
}

.inbox_suggestion_app .suggestion_detail_meta,
.inbox_suggestion_app .suggestion_detail_summary_text,
.inbox_suggestion_app .suggestion_detail_summary_main {
    min-width: 0;
}

.inbox_suggestion_app .suggestion_detail_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.inbox_suggestion_app .suggestion_detail_summary_text {
    color: #687483;
    font-size: 13px;
    line-height: 1.45;
    margin-top: 10px;
}

.inbox_suggestion_app .suggestion_detail_summary_stats {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_suggestion_app .suggestion_summary_stat {
    background: #fff;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    display: grid;
    gap: 5px;
    padding: 12px;
}

.inbox_suggestion_app .suggestion_summary_stat strong {
    color: var(--inbox-green);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.1;
}

.inbox_suggestion_app .suggestion_summary_stat span {
    color: #7a8593;
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
}

.inbox_suggestion_app .suggestion_detail_layout {
    align-items: start;
    display: grid;
    gap: 20px;
    grid-template-columns: 108px minmax(0, 1fr);
    padding: 22px;
}

.inbox_suggestion_app .suggestion_vote_panel {
    align-content: start;
    align-self: start;
    background: #f8faf9;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    height: max-content;
    justify-items: center;
    padding: 14px;
    position: sticky;
    top: 18px;
}

.inbox_suggestion_app .suggestion_vote_btn {
    align-items: center;
    background: #fff;
    border: 1px solid #dce8e1;
    border-radius: 8px;
    color: var(--inbox-green);
    cursor: pointer;
    display: grid;
    height: 42px;
    place-items: center;
    width: 42px;
}

.inbox_suggestion_app .suggestion_vote_btn svg {
    height: 22px;
    width: 22px;
}

.inbox_suggestion_app .suggestion_vote_btn i {
    font-size: 15px;
}

.inbox_suggestion_app .suggestion_vote_btn svg path {
    fill: currentColor;
}

.inbox_suggestion_app .suggestion_vote_btn.is-active {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.inbox_suggestion_app .suggestion_vote_btn:disabled {
    cursor: not-allowed;
    opacity: .45;
}

.inbox_suggestion_app .suggestion_vote_count {
    color: #17202c;
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
}

.inbox_suggestion_app .suggestion_vote_hint {
    color: #768292;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.35;
    text-align: center;
}

.inbox_suggestion_app .suggestion_vote_hint a {
    color: var(--inbox-green);
    font-weight: 900;
    text-decoration: none;
}

.inbox_suggestion_app .suggestion_detail_body {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.inbox_suggestion_app .suggestion_detail_description {
    color: #2d3540;
    font-size: 15px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.inbox_suggestion_app .suggestion_link_box,
.inbox_suggestion_app .suggestion_detail_panel,
.inbox_suggestion_app .suggestion_comments_section,
.inbox_suggestion_app .suggestion_single_admin_actions,
.inbox_suggestion_app .suggestion_edit_form {
    padding: 16px;
}

.inbox_suggestion_app .suggestion_link_header,
.inbox_suggestion_app .suggestion_comments_header,
.inbox_suggestion_app .suggestion_panel_title {
    align-items: center;
    color: #17202c;
    display: flex;
    font-size: 15px;
    font-weight: 900;
    gap: 10px;
    justify-content: space-between;
}

.inbox_suggestion_app .suggestion_link_label {
    color: #17202c;
    font-size: 13px;
    font-weight: 900;
}

.inbox_suggestion_app .suggestion_copy_links {
    background: #f4f6f7;
    border: 0;
    border-radius: 8px;
    color: #53606e;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 900;
    min-height: 32px;
    padding: 0 10px;
}

.inbox_suggestion_app .suggestion_link_list {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.inbox_suggestion_app .suggestion_link_item {
    align-items: center;
    background: #f8faf9;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
}

.inbox_suggestion_app .suggestion_link_item a {
    color: var(--inbox-green);
    font-size: 13px;
    font-weight: 800;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_suggestion_app .suggestion_detail_panels {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_suggestion_app .suggestion_timeline,
.inbox_suggestion_app .suggestion_related_list {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.inbox_suggestion_app .suggestion_timeline_item {
    display: grid;
    gap: 10px;
    grid-template-columns: 12px minmax(0, 1fr);
}

.inbox_suggestion_app .suggestion_timeline_dot {
    background: var(--inbox-green);
    border-radius: 50%;
    height: 9px;
    margin-top: 5px;
    width: 9px;
}

.inbox_suggestion_app .suggestion_timeline_title {
    color: #17202c;
    font-size: 13px;
    font-weight: 900;
}

.inbox_suggestion_app .suggestion_timeline_meta,
.inbox_suggestion_app .suggestion_related_meta,
.inbox_suggestion_app .suggestion_comment_time {
    color: #7a8593;
    font-size: 12px;
    line-height: 1.4;
}

.inbox_suggestion_app .suggestion_related_item {
    background: #f8faf9;
    border: 1px solid #edf2ef;
    border-radius: 8px;
    color: #17202c;
    display: grid;
    gap: 8px;
    padding: 12px;
    text-decoration: none;
}

.inbox_suggestion_app .suggestion_related_title {
    font-size: 13px;
    font-weight: 900;
    line-height: 1.3;
}

.inbox_suggestion_app .suggestion_related_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.inbox_suggestion_app .suggestion_single_admin_header {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.inbox_suggestion_app .suggestion_single_admin_header span {
    color: var(--inbox-green);
    font-size: 11px;
    font-weight: 900;
}

.inbox_suggestion_app .suggestion_single_admin_header strong {
    color: #17202c;
    display: block;
    font-size: 14px;
    line-height: 1.3;
    margin-top: 4px;
}

.inbox_suggestion_app .suggestion_single_admin_header i {
    background: var(--inbox-green-soft);
    border-radius: 8px;
    color: var(--inbox-green);
    display: grid;
    flex: 0 0 auto;
    height: 36px;
    place-items: center;
    width: 36px;
}

.inbox_suggestion_app .suggestion_admin_action_grid,
.inbox_suggestion_app .suggestion_form_actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.inbox_suggestion_app .suggestion_admin_btn,
.inbox_suggestion_app .submit_btn {
    align-items: center;
    background: var(--inbox-green);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 13px;
    font-weight: 900;
    min-height: 36px;
    padding: 0 12px;
}

.inbox_suggestion_app .suggestion_admin_btn--danger {
    background: #fff0ef;
    color: #a04444;
}

.inbox_suggestion_app .suggestion_comments_section {
    display: grid;
    gap: 12px;
    width: 100%;
}

.inbox_suggestion_app .suggestion_comment_item {
    background: #f8faf9;
    border: 1px solid #edf2ef;
    border-radius: 8px;
    padding: 14px;
}

.inbox_suggestion_app .suggestion_comment_item.is-admin {
    background: var(--inbox-green-soft);
    border-color: #cfe8da;
}

.inbox_suggestion_app .suggestion_comment_header {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.inbox_suggestion_app .suggestion_comment_author {
    color: #17202c;
    font-size: 13px;
    font-weight: 900;
}

.inbox_suggestion_app .suggestion_comment_body {
    color: #2d3540;
    font-size: 14px;
    line-height: 1.55;
    margin-top: 8px;
    overflow-wrap: anywhere;
}

.inbox_suggestion_app .suggestion_comment_empty,
.inbox_suggestion_app .suggestion_edit_notice,
.inbox_suggestion_app .suggestion_form_hint {
    color: #687483;
    font-size: 13px;
    line-height: 1.45;
}

.inbox_suggestion_app .suggestion_login_prompt {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    color: #687483;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 10px;
    line-height: 1.45;
    padding: 12px;
}

.inbox_suggestion_app .suggestion_login_prompt i {
    color: var(--inbox-green);
}

.inbox_suggestion_app .suggestion_login_prompt span {
    flex: 1 1 220px;
    min-width: 0;
}

.inbox_suggestion_app .suggestion_login_prompt a,
.inbox_suggestion_app .suggestion_not_found_card a {
    align-items: center;
    background: var(--inbox-green);
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    min-height: 34px;
    padding: 0 12px;
    text-decoration: none;
}

.inbox_suggestion_app .suggestion_not_found_card {
    align-items: center;
    background: #fff;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    justify-items: center;
    min-height: 360px;
    padding: 28px;
    text-align: center;
}

.inbox_suggestion_app .suggestion_not_found_card i {
    background: var(--inbox-green-soft);
    border-radius: 50%;
    color: var(--inbox-green);
    display: grid;
    font-size: 22px;
    height: 58px;
    place-items: center;
    width: 58px;
}

.inbox_suggestion_app .suggestion_not_found_card strong {
    color: #17202c;
    font-size: 22px;
    font-weight: 900;
}

.inbox_suggestion_app .suggestion_not_found_card span {
    color: #687483;
    font-size: 14px;
    line-height: 1.55;
    max-width: 460px;
}

.inbox_suggestion_app .suggestion_comment_form {
    background: #f8faf9;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    padding: 14px;
}

.inbox_suggestion_app .form_input {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.inbox_suggestion_app .upas {
    color: #17202c;
    font-size: 13px;
    font-weight: 900;
}

.inbox_suggestion_app input,
.inbox_suggestion_app select,
.inbox_suggestion_app textarea {
    background: #fff;
    border: 1px solid #dce5ea;
    border-radius: 8px;
    box-sizing: border-box;
    color: #17202c;
    font-family: inherit;
    font-size: 14px;
    outline: none;
    width: 100%;
}

.inbox_suggestion_app input,
.inbox_suggestion_app select {
    min-height: 42px;
    padding: 0 12px;
}

.inbox_suggestion_app textarea {
    line-height: 1.5;
    min-height: 112px;
    padding: 12px;
    resize: vertical;
}

.inbox_suggestion_app input:focus,
.inbox_suggestion_app select:focus,
.inbox_suggestion_app textarea:focus {
    border-color: rgba(19, 133, 78, .48);
    box-shadow: 0 0 0 3px rgba(19, 133, 78, .08);
}

.inbox_suggestion_help {
    background: #fbfcfd;
}

.inbox_detail_stack {
    display: grid;
    gap: 10px;
}

.inbox_detail_stack div {
    background: #f8faf9;
    border: 1px solid #edf2ef;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 12px;
}

.inbox_detail_stack span {
    color: #7a8593;
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
}

.inbox_detail_stack strong {
    color: #17202c;
    font-size: 14px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.suggestion_side_timeline {
    display: grid;
    gap: 12px;
}

.suggestion_side_timeline div {
    display: grid;
    gap: 2px 10px;
    grid-template-columns: 10px minmax(0, 1fr);
}

.suggestion_side_timeline span {
    background: var(--inbox-green);
    border-radius: 50%;
    grid-row: 1 / span 2;
    height: 8px;
    margin-top: 5px;
    width: 8px;
}

.suggestion_side_timeline strong {
    color: #17202c;
    font-size: 13px;
    line-height: 1.3;
}

.suggestion_side_timeline em {
    color: #7a8593;
    font-size: 12px;
    font-style: normal;
}

.inbox_blog_app {
    grid-template-columns: 92px minmax(680px, 1fr) minmax(300px, 360px);
}

.inbox_blog_main {
    background:
        radial-gradient(circle at 12% 0, rgba(24, 184, 125, .08), transparent 30%),
        linear-gradient(180deg, #f7fbf9 0%, #f6f8fb 48%, #fbfcfd 100%);
    border-right: 1px solid var(--inbox-line);
    min-width: 0;
    overflow: auto;
}

.inbox_blog_board {
    box-sizing: border-box;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr);
    margin: 0 auto;
    max-width: 1120px;
    padding: 28px 30px 38px;
    width: 100%;
}

.inbox_blog_hero {
    align-items: end;
    background:
        linear-gradient(135deg, rgba(24, 184, 125, .16), rgba(56, 189, 248, .11)),
        #ffffff;
    border: 1px solid #cfeee0;
    border-radius: 16px;
    box-shadow: 0 18px 42px rgba(17, 94, 89, .08);
    box-sizing: border-box;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    overflow: hidden;
    padding: 24px;
    position: relative;
}

.inbox_blog_hero::before {
    background: linear-gradient(180deg, #137a4a, #1e789f);
    border-radius: 999px;
    content: "";
    inset: 14px auto 14px 0;
    position: absolute;
    width: 6px;
}

.inbox_blog_hero > div {
    min-width: 0;
}

.inbox_blog_eyebrow,
.inbox_blog_section_header span {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.inbox_blog_hero h1 {
    color: #101827;
    font-size: 34px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.08;
    margin: 8px 0 0;
    max-width: 760px;
}

.inbox_blog_hero p {
    color: #657180;
    font-size: 15px;
    line-height: 1.55;
    margin: 10px 0 0;
    max-width: 720px;
}

.inbox_blog_hero_stats {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(110px, 1fr));
}

.inbox_blog_hero_stats span {
    background: rgba(255, 255, 255, .9);
    border: 1px solid #cfeee0;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(16, 24, 39, .06);
    box-sizing: border-box;
    display: grid;
    gap: 5px;
    padding: 14px;
}

.inbox_blog_hero_stats strong {
    color: var(--inbox-green);
    font-size: 25px;
    line-height: 1;
}

.inbox_blog_hero_stats em {
    color: #6c7784;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
}

.inbox_blog_topic_grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inbox_blog_topic_grid a,
.inbox_blog_side_links a {
    background: #fff;
    border: 1px solid #e1e8ee;
    border-radius: 8px;
    box-sizing: border-box;
    color: #1f2937;
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 15px;
    position: relative;
    text-decoration: none;
}

.inbox_blog_topic_grid a::before {
    border-radius: 8px 8px 0 0;
    content: "";
    height: 4px;
    inset: 0 0 auto;
    position: absolute;
}

.inbox_blog_topic_grid i,
.inbox_blog_side_links i {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 15px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.inbox_blog_topic_grid span,
.inbox_blog_side_links span {
    color: #17202c;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.25;
}

.inbox_blog_topic_grid strong {
    color: #6b7584;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.45;
}

.inbox_blog_topic_grid a:hover,
.inbox_blog_side_links a:hover {
    border-color: #cbdce6;
    transform: translateY(-1px);
}

.inbox_blog_topic_grid .is-release::before,
.inbox_blog_topic_grid .is-release i,
.inbox_blog_card.is-release .inbox_blog_topic i,
.inbox_blog_featured.is-release .inbox_blog_topic i {
    background: #e7f4ed;
    color: #137a4a;
}

.inbox_blog_topic_grid .is-setup::before,
.inbox_blog_topic_grid .is-setup i,
.inbox_blog_card.is-setup .inbox_blog_topic i,
.inbox_blog_featured.is-setup .inbox_blog_topic i {
    background: #e9f3fb;
    color: #1e789f;
}

.inbox_blog_topic_grid .is-money::before,
.inbox_blog_topic_grid .is-money i,
.inbox_blog_card.is-money .inbox_blog_topic i,
.inbox_blog_featured.is-money .inbox_blog_topic i {
    background: #fff3dd;
    color: #a35b00;
}

.inbox_blog_topic_grid .is-creator::before,
.inbox_blog_topic_grid .is-creator i,
.inbox_blog_card.is-creator .inbox_blog_topic i,
.inbox_blog_featured.is-creator .inbox_blog_topic i {
    background: #eef0ff;
    color: #4b5db7;
}

.inbox_blog_topic_grid .is-guide::before,
.inbox_blog_topic_grid .is-guide i,
.inbox_blog_card.is-guide .inbox_blog_topic i,
.inbox_blog_featured.is-guide .inbox_blog_topic i {
    background: #edf7f8;
    color: #24736d;
}

.inbox_blog_admin_banner {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(24, 184, 125, .14), rgba(56, 189, 248, .1)),
        #ffffff;
    border: 1px solid #cfeee0;
    border-radius: 16px;
    box-sizing: border-box;
    box-shadow: 0 14px 32px rgba(17, 94, 89, .08);
    color: #17202c;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 14px 16px;
}

.inbox_blog_admin_banner > div:first-child {
    align-items: center;
    display: grid;
    gap: 4px 10px;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.inbox_blog_admin_banner > div:first-child > i {
    align-items: center;
    background: #137a4a;
    border-radius: 12px;
    color: #ffffff;
    display: inline-flex;
    grid-row: span 2;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.inbox_blog_admin_banner > div:first-child > span {
    color: var(--inbox-green);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.inbox_blog_admin_banner strong {
    color: #17202c;
    font-size: 14px;
    line-height: 1.35;
}

.inbox_blog_admin_actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.inbox_admin_action_badge {
    align-items: center;
    background: #f04438;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    height: 22px;
    justify-content: center;
    min-width: 22px;
    padding: 0 7px;
}

.inbox_blog_admin_banner a,
.inbox_blog_empty_state a {
    align-items: center;
    background: var(--inbox-green);
    border-radius: 12px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    min-height: 40px;
    padding: 0 13px;
    text-decoration: none;
}

.inbox_blog_admin_banner a,
.inbox_blog_admin_banner a i,
.inbox_blog_admin_banner a span {
    color: #ffffff;
}

.inbox_blog_admin_banner a:hover {
    background: var(--inbox-green-dark);
    color: #ffffff;
}

.inbox_blog_admin_banner a.is-secondary {
    background: #ffffff;
    border-color: #cfeee0;
    color: #137a4a;
}

.inbox_blog_admin_banner a.is-secondary i,
.inbox_blog_admin_banner a.is-secondary span {
    color: #137a4a;
}

.inbox_blog_admin_banner a.is-secondary:hover {
    background: #effaf5;
    border-color: #b7e2cf;
    color: #0f6b42;
}

.inbox_blog_admin_banner a.is-secondary:hover i,
.inbox_blog_admin_banner a.is-secondary:hover span {
    color: #0f6b42;
}

.inbox_blog_featured,
.inbox_blog_card,
.inbox_blog_empty_state,
.inbox_blog_articles {
    background: #fff;
    border: 1px solid #dcebe5;
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(16, 24, 39, .045);
    box-sizing: border-box;
    min-width: 0;
}

.inbox_blog_featured {
    display: grid;
    gap: 0;
    grid-template-columns: minmax(260px, 42%) minmax(0, 1fr);
    overflow: hidden;
}

.inbox_blog_featured_media,
.inbox_blog_card_media {
    background:
        linear-gradient(135deg, rgba(24, 184, 125, .12), rgba(56, 189, 248, .1)),
        #eef3f4;
    display: block;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.inbox_blog_featured_media {
    min-height: 320px;
}

.inbox_blog_featured_media img,
.inbox_blog_card_media img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.inbox_blog_featured_media span,
.inbox_blog_card_media span {
    align-items: center;
    color: var(--inbox-green);
    display: flex;
    font-size: 40px;
    height: 100%;
    justify-content: center;
    min-height: 180px;
}

.inbox_blog_featured_content {
    display: grid;
    gap: 14px;
    padding: 24px;
}

.inbox_blog_meta_row {
    align-items: center;
    color: #7b8592;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 800;
    gap: 9px;
}

.inbox_blog_topic {
    align-items: center;
    color: #273241;
    display: inline-flex;
    gap: 7px;
}

.inbox_blog_topic i {
    align-items: center;
    border-radius: 10px;
    display: inline-flex;
    font-size: 11px;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.inbox_blog_featured h2,
.inbox_blog_card h3,
.inbox_blog_section_header h2 {
    color: #101827;
    letter-spacing: 0;
    line-height: 1.18;
    margin: 0;
}

.inbox_blog_featured h2 {
    font-size: 30px;
}

.inbox_blog_featured h2 a,
.inbox_blog_card h3 a {
    color: inherit;
    text-decoration: none;
}

.inbox_blog_featured p,
.inbox_blog_card p {
    color: #5f6b79;
    font-size: 14px;
    line-height: 1.65;
    margin: 0;
}

.inbox_blog_featured_actions,
.inbox_blog_card_footer,
.inbox_blog_item_actions,
.inbox_blog_pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.inbox_blog_featured_actions a,
.inbox_blog_card_footer a,
.inbox_blog_item_actions a,
.inbox_blog_item_actions button,
.inbox_blog_pagination a {
    align-items: center;
    border: 1px solid #dfe7ee;
    border-radius: 12px;
    color: #3b4653;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 7px;
    min-height: 36px;
    padding: 0 11px;
    text-decoration: none;
}

.inbox_blog_featured_actions a:first-child {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.inbox_blog_featured_actions .is-secondary {
    background: #f7fbf9;
}

.inbox_blog_articles {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.inbox_blog_section_header {
    align-items: end;
    border-bottom: 1px solid #e7edf2;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding-bottom: 14px;
}

.inbox_blog_section_header h2 {
    font-size: 22px;
    margin-top: 5px;
}

.inbox_blog_section_header em {
    color: #7b8592;
    flex: 0 0 auto;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
}

.inbox_blog_card_grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_blog_card {
    display: grid;
    grid-template-rows: 178px minmax(0, 1fr);
    overflow: hidden;
}

.inbox_blog_card_body {
    display: grid;
    gap: 11px;
    padding: 15px;
}

.inbox_blog_card h3 {
    font-size: 18px;
}

.inbox_blog_card_footer {
    justify-content: space-between;
    margin-top: 2px;
}

.inbox_blog_card_footer a {
    background: #eefaf4;
    color: var(--inbox-green);
}

.inbox_blog_card_footer span {
    color: #8993a0;
    font-size: 12px;
    font-weight: 850;
}

.inbox_blog_item_actions {
    border-top: 1px solid #edf1f4;
    padding-top: 9px;
}

.inbox_blog_item_actions button {
    background: #fff1f1;
    color: #9c2d2d;
    cursor: pointer;
}

.inbox_blog_empty_state {
    align-items: center;
    display: grid;
    justify-items: center;
    padding: 44px 22px;
    text-align: center;
}

.inbox_blog_empty_state > i {
    background: #eef8f3;
    border-radius: 16px;
    color: var(--inbox-green);
    display: grid;
    font-size: 22px;
    height: 58px;
    margin-bottom: 14px;
    place-items: center;
    width: 58px;
}

.inbox_blog_empty_state h2 {
    color: #101827;
    font-size: 22px;
    margin: 0;
}

.inbox_blog_empty_state p {
    color: #657180;
    line-height: 1.55;
    margin: 8px 0 16px;
    max-width: 520px;
}

.inbox_blog_pagination {
    justify-content: center;
}

.inbox_blog_pagination a {
    background: #fff;
    height: 36px;
    justify-content: center;
    padding: 0;
    width: 36px;
}

.inbox_blog_pagination a.is-active {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.inbox_blog_help {
    background: #fbfcfd;
}

.inbox_blog_help .inbox_side_card {
    border-color: #dcebe5;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(16, 24, 39, .04);
}

.inbox_blog_recent_list {
    display: grid;
    gap: 8px;
}

.inbox_blog_recent_list a {
    align-items: center;
    background: #fff;
    border: 1px solid #edf1f4;
    border-radius: 14px;
    color: #17202c;
    display: grid;
    gap: 2px 9px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 10px;
    text-decoration: none;
}

.inbox_blog_recent_list i {
    align-items: center;
    background: #e7f4ed;
    border-radius: 10px;
    color: var(--inbox-green);
    display: inline-flex;
    grid-row: span 2;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.inbox_blog_recent_list span {
    font-size: 13px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_blog_recent_list em {
    color: #7b8592;
    font-size: 12px;
    font-style: normal;
    font-weight: 750;
}

.inbox_blog_side_links {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_blog_single_topbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
}

.inbox_blog_single_topbar a {
    align-items: center;
    background: #fff;
    border: 1px solid #e1e8ee;
    border-radius: 12px;
    color: #3b4653;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    min-height: 40px;
    padding: 0 13px;
    text-decoration: none;
}

.inbox_blog_single_article {
    background: #fff;
    border: 1px solid #dcebe5;
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(16, 24, 39, .045);
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
}

.inbox_blog_single_header {
    background:
        linear-gradient(135deg, rgba(24, 184, 125, .13), rgba(56, 189, 248, .09)),
        #ffffff;
    border-bottom: 1px solid #e7edf2;
    display: grid;
    gap: 13px;
    padding: 28px;
}

.inbox_blog_single_header h1 {
    color: #101827;
    font-size: 38px;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1.08;
    margin: 0;
}

.inbox_blog_single_header p {
    color: #5f6b79;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    max-width: 760px;
}

.inbox_blog_single_media {
    background:
        linear-gradient(135deg, rgba(24, 184, 125, .12), rgba(56, 189, 248, .1)),
        #eef3f4;
    margin: 0;
    max-height: 470px;
    overflow: hidden;
}

.inbox_blog_single_media img {
    display: block;
    height: 100%;
    max-height: 470px;
    object-fit: cover;
    width: 100%;
}

.inbox_blog_single_content {
    color: #2d3540;
    font-size: 15px;
    line-height: 1.75;
    margin: 0 auto;
    max-width: 780px;
    padding: 30px 28px 38px;
}

.inbox_blog_single_content p,
.inbox_blog_single_content li {
    color: #3f4a56;
    font-size: 15px;
    line-height: 1.75;
}

.inbox_blog_single_content p {
    margin: 0 0 16px;
}

.inbox_blog_single_content h1,
.inbox_blog_single_content h2,
.inbox_blog_single_content h3,
.inbox_blog_single_content h4 {
    color: #101827;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 26px 0 12px;
}

.inbox_blog_single_content h2 {
    border-bottom: 1px solid #e7edf2;
    font-size: 25px;
    padding-bottom: 9px;
}

.inbox_blog_single_content h3 {
    font-size: 20px;
}

.inbox_blog_single_content a {
    color: var(--inbox-green);
    font-weight: 850;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.inbox_blog_single_content img,
.inbox_blog_single_content iframe {
    border-radius: 14px;
    display: block;
    height: auto;
    max-width: 100%;
}

.inbox_blog_single_content blockquote {
    background: #effaf4;
    border-left: 4px solid var(--inbox-green);
    border-radius: 14px;
    color: #2f5944;
    margin: 18px 0;
    padding: 16px 18px;
}

.inbox_blog_single_content pre,
.inbox_blog_single_content code {
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.inbox_blog_single_content pre {
    background: #0f172a;
    border-radius: 14px;
    color: #fff;
    overflow: auto;
    padding: 14px;
}

.inbox_blog_engagement {
    background: linear-gradient(135deg, #fbfefd 0%, #f6fbf8 100%);
    border: 1px solid #dcebe5;
    border-radius: 18px;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.05);
    display: grid;
    gap: 14px;
    margin: 0 28px 30px;
    padding: 20px;
}

.inbox_blog_engagement_head {
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
}

.inbox_blog_engagement_head span,
.inbox_blog_comment_head span {
    color: var(--inbox-green);
    display: block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.inbox_blog_engagement_head h2,
.inbox_blog_comment_head h3 {
    color: #101827;
    font-size: 21px;
    line-height: 1.2;
    margin: 3px 0 0;
}

.inbox_blog_engagement_head p {
    color: #647184;
    font-size: 14px;
    line-height: 1.55;
    margin: 8px 0 0;
    max-width: 620px;
}

.inbox_blog_signal_grid {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inbox_blog_signal_grid span {
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid #dcebe5;
    border-radius: 13px;
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 10px 11px;
}

.inbox_blog_signal_grid strong {
    color: var(--inbox-green);
    font-size: 21px;
    line-height: 1;
}

.inbox_blog_signal_grid em {
    color: #7d8794;
    font-size: 11px;
    font-style: normal;
    font-weight: 850;
    text-transform: uppercase;
}

.inbox_blog_action_bar,
.inbox_blog_share_grid,
.inbox_blog_comment_form div,
.inbox_blog_comment_admin {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.inbox_blog_action_bar,
.inbox_blog_share_grid {
    overflow-x: auto;
    scrollbar-width: none;
    white-space: nowrap;
}

.inbox_blog_action_bar::-webkit-scrollbar,
.inbox_blog_share_grid::-webkit-scrollbar {
    display: none;
}

.inbox_blog_helpful_btn,
.inbox_blog_share_btn,
.inbox_blog_share_grid a,
.inbox_blog_login_prompt a,
.inbox_blog_comment_form button,
.inbox_blog_comment_admin button {
    align-items: center;
    border: 1px solid #dfe8ed;
    border-radius: 999px;
    box-sizing: border-box;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12.5px;
    font-weight: 760;
    gap: 7px;
    min-height: 38px;
    padding: 0 12px;
    text-decoration: none;
}

.inbox_blog_helpful_btn,
.inbox_blog_share_btn,
.inbox_blog_share_grid a {
    background: rgba(255, 255, 255, 0.9);
    color: #2f3a47;
}

.inbox_blog_helpful_btn {
    cursor: pointer;
}

.inbox_blog_helpful_btn.is-active {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.inbox_blog_helpful_btn.is-link {
    background: #f7fbf9;
    color: #526071;
}

.inbox_blog_share_btn {
    cursor: pointer;
}

.inbox_blog_share_grid a:hover,
.inbox_blog_share_btn:hover,
.inbox_blog_helpful_btn:hover {
    border-color: #bfd6cc;
}

.inbox_blog_comment_panel {
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid #dcebe5;
    border-radius: 16px;
    display: grid;
    gap: 14px;
    padding: 16px;
}

.inbox_blog_comment_head {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.inbox_blog_comment_head em {
    background: #fff7ed;
    border-radius: 999px;
    color: #9a5a00;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
    padding: 6px 10px;
}

.inbox_blog_comment_list {
    display: grid;
    gap: 10px;
    min-width: 0;
    overflow-x: hidden;
}

.inbox_blog_comment {
    align-items: start;
    background: #fff;
    border: 1px solid #e2ebe7;
    border-radius: 15px;
    display: grid;
    gap: 12px;
    grid-template-columns: 38px minmax(0, 1fr);
    min-width: 0;
    overflow: hidden;
    padding: 13px;
}

.inbox_blog_comment.is-reply {
    background: #fbfefd;
    margin-top: 8px;
}

.inbox_blog_comment.is-pending {
    background: #fffdf5;
    border-color: #f1dfb9;
}

.inbox_blog_comment_replies {
    display: grid;
    gap: 10px;
    grid-column: 2 / -1;
    margin-top: 4px;
    min-width: 0;
}

.inbox_blog_comment_replies:empty {
    display: none;
}

.inbox_blog_comment_replies .inbox_blog_comment {
    background: #fbfefd;
    grid-template-columns: 32px minmax(0, 1fr);
    padding: 10px 12px;
}

.inbox_blog_comment_replies .inbox_blog_comment_avatar {
    height: 32px;
    width: 32px;
}

.inbox_blog_comment_replies .inbox_blog_comment_replies {
    grid-column: 1 / -1;
    margin-top: 0;
}

.inbox_blog_comment_avatar {
    align-items: center;
    background: #eef8f3;
    border-radius: 50%;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.inbox_blog_comment_body {
    display: grid;
    gap: 7px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.inbox_blog_comment_body header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.inbox_blog_comment_body header strong {
    color: #17202c;
    font-size: 13px;
    font-weight: 850;
}

.inbox_blog_comment_body header span {
    color: #8a94a1;
    font-size: 12px;
    font-weight: 700;
}

.inbox_blog_comment_body header em {
    background: #fff1d8;
    border-radius: 999px;
    color: #9a5a00;
    font-size: 11px;
    font-style: normal;
    font-weight: 850;
    padding: 4px 8px;
}

.inbox_blog_comment_body p {
    color: #3f4b5c;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    overflow-wrap: anywhere;
}

.inbox_blog_comment_tools {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 2px;
}

.inbox_blog_comment_tools > button,
.inbox_blog_comment_tools > span {
    align-items: center;
    background: #f7faf8;
    border: 1px solid #e0ebe6;
    border-radius: 999px;
    color: #5e6b7a;
    display: inline-flex;
    font-size: 12px;
    font-weight: 720;
    gap: 6px;
    min-height: 30px;
    padding: 0 9px;
}

.inbox_blog_comment_tools button {
    cursor: pointer;
}

.inbox_blog_comment_tools button span {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    min-height: 0;
    padding: 0;
}

.inbox_blog_comment_tools button.is-active {
    background: #e9f7f0;
    border-color: #bfe6d4;
    color: var(--inbox-green);
}

.inbox_blog_comment_tools button:disabled {
    cursor: wait;
    opacity: .68;
}

.inbox_blog_comment_admin {
    padding-top: 3px;
}

.inbox_blog_comment_admin button {
    background: #fff;
    color: #4b5563;
    cursor: pointer;
    min-height: 34px;
}

.inbox_blog_comment_admin button[data-blog-comment-action="approve"] {
    color: var(--inbox-green);
}

.inbox_blog_comment_admin button[data-blog-comment-action="spam"],
.inbox_blog_comment_admin button[data-blog-comment-action="delete"] {
    color: #a53b3b;
}

.inbox_blog_reply_form,
.inbox_blog_comment_edit_form,
.inbox_blog_moderation_edit {
    background: #f8fbf9;
    border: 1px solid #e0ebe6;
    border-radius: 14px;
    display: grid;
    gap: 9px;
    margin-top: 8px;
    padding: 10px;
}

.inbox_blog_reply_form[hidden],
.inbox_blog_comment_edit_form[hidden],
.inbox_blog_moderation_edit[hidden] {
    display: none;
}

.inbox_blog_reply_form textarea,
.inbox_blog_comment_edit_form textarea,
.inbox_blog_moderation_edit textarea {
    background: #fff;
    border: 1px solid #dfe8ed;
    border-radius: 12px;
    box-sizing: border-box;
    color: #202b38;
    font: inherit;
    line-height: 1.5;
    min-height: 82px;
    padding: 10px;
    resize: vertical;
    width: 100%;
}

.inbox_blog_reply_form div,
.inbox_blog_comment_edit_form div,
.inbox_blog_moderation_edit div {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
}

.inbox_blog_reply_form button,
.inbox_blog_comment_edit_form button,
.inbox_blog_moderation_edit button {
    align-items: center;
    border: 1px solid #dfe8ed;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 760;
    gap: 7px;
    min-height: 34px;
    padding: 0 12px;
}

.inbox_blog_reply_form button[type="submit"],
.inbox_blog_comment_edit_form button[type="submit"],
.inbox_blog_moderation_edit button[type="submit"] {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.inbox_blog_reply_form button[type="button"],
.inbox_blog_comment_edit_form button[type="button"],
.inbox_blog_moderation_edit button[type="button"] {
    background: #fff;
    color: #5b6675;
}

.inbox_blog_reply_form [data-blog-reply-status] {
    color: #7d8794;
    font-size: 12px;
    font-weight: 720;
}

.inbox_blog_reply_form [data-blog-reply-status].is-error {
    color: #a53b3b;
}

.inbox_blog_reply_form button[type="submit"] span {
    color: #fff;
}

.inbox_blog_reply_form button.is-loading,
.inbox_blog_comment_form button.is-loading {
    cursor: wait;
    opacity: .9;
}

.inbox_blog_comment_form {
    border-top: 1px solid #e6eee9;
    display: grid;
    gap: 10px;
    padding-top: 14px;
}

.inbox_blog_comment_form label {
    color: #17202c;
    font-size: 13px;
    font-weight: 850;
}

.inbox_blog_comment_form textarea {
    background: #fff;
    border: 1px solid #dfe8ed;
    border-radius: 14px;
    box-sizing: border-box;
    color: #202b38;
    font: inherit;
    line-height: 1.5;
    min-height: 118px;
    padding: 13px;
    resize: vertical;
    width: 100%;
}

.inbox_blog_comment_form div {
    justify-content: space-between;
}

.inbox_blog_comment_form div > span {
    color: #7d8794;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.45;
}

.inbox_blog_comment_form div > span.is-error {
    color: #a53b3b;
}

.inbox_blog_comment_form button {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
    cursor: pointer;
}

.inbox_blog_comment_form button:disabled,
.inbox_blog_helpful_btn:disabled {
    cursor: wait;
    opacity: .72;
}

.inbox_blog_no_comments,
.inbox_blog_login_prompt {
    align-items: center;
    background: #fff;
    border: 1px dashed #d9e6df;
    border-radius: 14px;
    color: #667386;
    display: grid;
    gap: 6px;
    justify-items: start;
    padding: 14px 16px;
    text-align: left;
}

.inbox_blog_no_comments i,
.inbox_blog_login_prompt i {
    color: var(--inbox-green);
    font-size: 20px;
}

.inbox_blog_no_comments {
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
}

.inbox_blog_no_comments i {
    grid-row: 1 / span 2;
}

.inbox_blog_no_comments strong {
    color: #17202c;
    font-size: 14px;
    grid-column: 2;
    line-height: 1.25;
}

.inbox_blog_no_comments span {
    font-size: 13px;
    grid-column: 2;
    line-height: 1.45;
    min-width: 0;
}

.inbox_blog_login_prompt {
    grid-template-columns: auto minmax(0, 1fr) auto;
    justify-items: start;
    text-align: left;
}

.inbox_blog_login_prompt a {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.inbox_blog_moderation_board {
    max-width: 1180px;
}

.inbox_blog_moderation_hero .inbox_blog_hero_stats {
    max-width: 340px;
}

.inbox_blog_moderation_filters {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inbox_blog_moderation_filters a {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dcebe5;
    border-radius: 14px;
    box-sizing: border-box;
    color: #596577;
    display: grid;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 58px;
    min-width: 0;
    padding: 10px 12px;
    text-decoration: none;
}

.inbox_blog_moderation_filters a i {
    align-items: center;
    background: #f1f8f5;
    border-radius: 10px;
    color: var(--inbox-green);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.inbox_blog_moderation_filters a span {
    color: #273244;
    font-size: 13px;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_blog_moderation_filters a em {
    background: #f4f7f8;
    border-radius: 999px;
    color: #5f6d7d;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
    min-width: 26px;
    padding: 5px 8px;
    text-align: center;
}

.inbox_blog_moderation_filters a.is-active {
    background: #eefaf5;
    border-color: #bfe7d3;
}

.inbox_blog_moderation_filters a.is-active span,
.inbox_blog_moderation_filters a.is-active em {
    color: var(--inbox-green);
}

.inbox_blog_moderation_list {
    display: grid;
    gap: 12px;
}

.inbox_blog_moderation_card {
    align-items: start;
    background: #ffffff;
    border: 1px solid #dcebe5;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(16, 24, 39, .04);
    box-sizing: border-box;
    display: grid;
    gap: 14px;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
    padding: 16px;
}

.inbox_blog_moderation_card.is-pending {
    border-color: #ecd8aa;
}

.inbox_blog_moderation_card.is-spam {
    background: #fffafa;
    border-color: #efc7c7;
}

.inbox_blog_moderation_avatar {
    align-items: center;
    background: #eef8f3;
    border-radius: 50%;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.inbox_blog_moderation_content {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.inbox_blog_moderation_content header {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-width: 0;
}

.inbox_blog_moderation_content header div {
    min-width: 0;
}

.inbox_blog_moderation_content header span {
    color: #7d8794;
    display: block;
    font-size: 12px;
    font-weight: 750;
    margin-bottom: 4px;
}

.inbox_blog_moderation_content h2 {
    font-size: 18px;
    line-height: 1.25;
    margin: 0;
}

.inbox_blog_moderation_content h2 a {
    color: #111827;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.inbox_blog_moderation_content header em {
    background: #edf8f3;
    border-radius: 999px;
    color: var(--inbox-green);
    flex: 0 0 auto;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
    padding: 6px 10px;
}

.inbox_blog_moderation_card.is-pending header em {
    background: #fff5de;
    color: #9a5a00;
}

.inbox_blog_moderation_card.is-spam header em {
    background: #ffecec;
    color: #a53b3b;
}

.inbox_blog_moderation_content p {
    color: #3f4b5c;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    overflow-wrap: anywhere;
}

.inbox_blog_moderation_actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.inbox_blog_moderation_actions button,
.inbox_blog_moderation_actions a {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe8ed;
    border-radius: 12px;
    color: #526071;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 850;
    gap: 8px;
    min-height: 36px;
    padding: 0 12px;
    text-decoration: none;
}

.inbox_blog_moderation_actions button[data-moderation-action="approve"] {
    border-color: #bfe7d3;
    color: var(--inbox-green);
}

.inbox_blog_moderation_actions button[data-moderation-action="spam"],
.inbox_blog_moderation_actions button[data-moderation-action="delete"] {
    color: #a53b3b;
}

.inbox_blog_moderation_actions button:disabled {
    cursor: wait;
    opacity: .7;
}

.inbox_blog_article_meta_grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_blog_article_meta_grid span {
    background: #fff;
    border: 1px solid #edf1f4;
    border-radius: 12px;
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 10px;
}

.inbox_blog_article_meta_grid em {
    color: #8a94a1;
    font-size: 11px;
    font-style: normal;
    font-weight: 850;
}

.inbox_blog_article_meta_grid strong {
    color: #17202c;
    font-size: 13px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.inbox_blog_editor_board {
    max-width: 1220px;
}

.inbox_blog_editor_hero .inbox_blog_hero_stats strong {
    font-size: 20px;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.inbox_blog_editor_form {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
    min-width: 0;
}

.inbox_blog_editor_stack {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.inbox_blog_editor_card,
.inbox_blog_editor_publish {
    background: #fff;
    border: 1px solid #dcebe5;
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(16, 24, 39, .045);
    box-sizing: border-box;
    min-width: 0;
    padding: 18px;
}

.inbox_blog_editor_card_head {
    align-items: center;
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
    min-width: 0;
}

.inbox_blog_editor_card_head > i {
    align-items: center;
    background: #eefaf4;
    border-radius: 12px;
    color: var(--inbox-green);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 15px;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.inbox_blog_editor_card_head div {
    min-width: 0;
}

.inbox_blog_editor_card_head span {
    color: var(--inbox-green);
    display: block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.inbox_blog_editor_card_head h2 {
    color: #101827;
    font-size: 20px;
    line-height: 1.2;
    margin: 2px 0 0;
}

.inbox_blog_form_grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_blog_field {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.inbox_blog_field.is-wide {
    grid-column: 1 / -1;
}

.inbox_blog_field > span {
    align-items: center;
    color: #17202c;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 900;
    gap: 6px;
}

.inbox_blog_field > span em {
    color: #8a94a1;
    font-size: 12px;
    font-style: normal;
    font-weight: 750;
}

.inbox_blog_field input,
.inbox_blog_field textarea,
.inbox_blog_field select {
    background: #fbfcfd;
    border: 1px solid #dce6ee;
    border-radius: 14px;
    box-sizing: border-box;
    color: #101827;
    font: inherit;
    font-size: 15px;
    min-width: 0;
    outline: none;
    padding: 13px 14px;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    width: 100%;
}

.inbox_blog_field select {
    appearance: none;
    background:
        linear-gradient(45deg, transparent 50%, #77818d 50%) calc(100% - 18px) 54% / 7px 7px no-repeat,
        linear-gradient(135deg, #77818d 50%, transparent 50%) calc(100% - 13px) 54% / 7px 7px no-repeat,
        #fbfcfd;
    padding-right: 42px;
}

.inbox_blog_field textarea {
    line-height: 1.55;
    resize: vertical;
}

.inbox_blog_field input:focus,
.inbox_blog_field textarea:focus,
.inbox_blog_field select:focus {
    background: #ffffff;
    border-color: #9ed8bc;
    box-shadow: 0 0 0 4px rgba(19, 122, 74, .1);
}

.inbox_blog_upload_box {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(24, 184, 125, .1), rgba(56, 189, 248, .08)),
        #fbfefd;
    border: 1px dashed #b7ddcb;
    border-radius: 16px;
    box-sizing: border-box;
    color: #53606e;
    cursor: pointer;
    display: grid;
    gap: 8px;
    justify-items: center;
    min-width: 0;
    padding: 24px;
    text-align: center;
}

.inbox_blog_upload_box > i {
    align-items: center;
    background: #137a4a;
    border-radius: 14px;
    color: #fff;
    display: inline-flex;
    font-size: 18px;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.inbox_blog_upload_box strong {
    color: #17202c;
    font-size: 16px;
    line-height: 1.25;
}

.inbox_blog_upload_box span {
    color: #657180;
    font-size: 13px;
    line-height: 1.5;
    max-width: 520px;
}

.inbox_blog_upload_box input {
    background: rgba(255, 255, 255, .92);
    border: 1px solid #cfe5d9;
    border-radius: 14px;
    box-sizing: border-box;
    color: #5f6b79;
    cursor: pointer;
    font-size: 14px;
    font-weight: 750;
    line-height: 1;
    margin-top: 10px;
    max-width: 100%;
    padding: 8px;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    width: min(100%, 430px);
}

.inbox_blog_upload_box input:hover {
    background: #ffffff;
    border-color: #9ed8bc;
    box-shadow: 0 12px 28px rgba(17, 94, 89, .08);
}

.inbox_blog_upload_box input::file-selector-button {
    background: var(--inbox-green);
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    margin-right: 12px;
    min-height: 38px;
    padding: 0 16px;
    transition: background .18s ease, transform .18s ease;
}

.inbox_blog_upload_box input::file-selector-button:hover {
    background: var(--inbox-green-dark);
    transform: translateY(-1px);
}

.inbox_blog_upload_box input::-webkit-file-upload-button {
    background: var(--inbox-green);
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    margin-right: 12px;
    min-height: 38px;
    padding: 0 16px;
}

.inbox_blog_thumbnail_tools {
    display: grid;
    gap: 12px;
    margin-bottom: 14px;
}

.inbox_blog_thumb_preview {
    background: #eef3f4;
    border: 1px solid #dcebe5;
    border-radius: 16px;
    max-height: 260px;
    overflow: hidden;
    position: relative;
}

.inbox_blog_thumb_preview img {
    display: block;
    height: 100%;
    max-height: 260px;
    object-fit: cover;
    width: 100%;
}

.inbox_blog_thumb_preview.is-removed::after {
    align-items: center;
    background: rgba(16, 24, 39, .7);
    color: #fff;
    content: "Thumbnail will be removed";
    display: flex;
    font-size: 13px;
    font-weight: 900;
    inset: 0;
    justify-content: center;
    position: absolute;
}

.inbox_blog_thumb_preview.has-new {
    border-color: #9ed8bc;
}

.inbox_blog_small_btn,
.inbox_blog_notify_btn,
.inbox_blog_publish_btn,
.inbox_blog_secondary_link {
    align-items: center;
    border-radius: 12px;
    box-sizing: border-box;
    display: inline-flex;
    font-family: inherit;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    justify-content: center;
    min-height: 40px;
    text-decoration: none;
}

.inbox_blog_small_btn {
    background: #fff7f7;
    border: 1px solid #f2d3d3;
    color: #9c2d2d;
    cursor: pointer;
    padding: 0 13px;
    width: fit-content;
}

.inbox_blog_editor_side {
    display: grid;
    gap: 16px;
    min-width: 0;
    position: sticky;
    top: 18px;
}

.inbox_blog_editor_checklist {
    display: grid;
    gap: 11px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.inbox_blog_editor_checklist li {
    align-items: start;
    color: #53606e;
    display: grid;
    font-size: 13px;
    gap: 9px;
    grid-template-columns: auto minmax(0, 1fr);
    line-height: 1.45;
}

.inbox_blog_editor_checklist i {
    align-items: center;
    background: #e8f7ef;
    border-radius: 50%;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 10px;
    height: 20px;
    justify-content: center;
    margin-top: 1px;
    width: 20px;
}

.inbox_blog_editor_note {
    color: #5f6b79;
    font-size: 13px;
    line-height: 1.55;
    margin: -4px 0 14px;
}

.inbox_blog_editor_publish {
    display: grid;
    gap: 10px;
}

.inbox_blog_publish_btn,
.inbox_blog_notify_btn {
    background: var(--inbox-green);
    border: 0;
    color: #fff;
    cursor: pointer;
    min-height: 48px;
    padding: 0 16px;
    width: 100%;
}

.inbox_blog_notify_btn {
    min-height: 44px;
}

.inbox_blog_publish_btn:hover,
.inbox_blog_notify_btn:hover {
    background: var(--inbox-green-dark);
}

.inbox_blog_publish_btn:disabled,
.inbox_blog_notify_btn:disabled {
    cursor: wait;
    opacity: .72;
}

.inbox_blog_secondary_link {
    background: #f7fbf9;
    border: 1px solid #dcebe5;
    color: #53606e;
    min-height: 42px;
    padding: 0 14px;
}

.inbox_blog_editor_publish .input_btn,
.inbox_blog_editor_card .input_btn,
.inbox_blog_notice {
    align-items: center;
    border-radius: 12px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.45;
    margin: 0;
    min-height: 40px;
    padding: 11px 12px;
    width: 100%;
}

.inbox_blog_editor_publish .i_done,
.inbox_blog_editor_card .i_done,
.inbox_blog_notice.success {
    background: #ecf9f2;
    border: 1px solid #cbead8;
    color: #137a4a;
}

.inbox_blog_editor_publish .i_error,
.inbox_blog_editor_card .i_error {
    background: #fff2f2;
    border: 1px solid #f1cccc;
    color: #9c2d2d;
}

.inbox_blog_editor_form .tox-tinymce {
    border: 1px solid #dce6ee;
    border-radius: 16px;
    box-shadow: none;
    overflow: hidden;
}

.inbox_docs_app {
    grid-template-columns: 92px minmax(680px, 1fr) minmax(300px, 360px);
}

.inbox_docs_main {
    background: #f6f8fb;
    border-right: 1px solid var(--inbox-line);
    min-width: 0;
    overflow: auto;
}

.inbox_docs_board {
    box-sizing: border-box;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr);
    margin: 0 auto;
    max-width: 1120px;
    padding: 28px 30px 38px;
    width: 100%;
}

.inbox_docs_hero {
    align-items: end;
    background:
        linear-gradient(135deg, rgba(19, 122, 74, .1), rgba(30, 120, 160, .07)),
        #ffffff;
    border: 1px solid #dce8e3;
    border-radius: 8px;
    box-sizing: border-box;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) auto;
    max-width: 100%;
    min-width: 0;
    padding: 24px;
    position: relative;
    overflow: hidden;
}

.inbox_docs_hero::before {
    background: linear-gradient(180deg, #137a4a, #1e789f);
    content: "";
    inset: 0 auto 0 0;
    position: absolute;
    width: 5px;
}

.inbox_docs_hero > div {
    min-width: 0;
}

.inbox_docs_eyebrow {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 8px;
}

.inbox_docs_hero h1 {
    color: #101827;
    font-size: 34px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.08;
    margin: 0;
}

.inbox_docs_hero p {
    color: #657180;
    font-size: 15px;
    line-height: 1.55;
    margin: 10px 0 0;
    max-width: 720px;
}

.inbox_docs_hero_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.inbox_docs_product_switcher {
    align-items: center;
    background: rgba(255, 255, 255, .82);
    border: 1px solid #dfe9e4;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    grid-column: 1 / -1;
    justify-self: start;
    max-width: 100%;
    padding: 6px;
}

.inbox_docs_product_switcher a {
    border-radius: 8px;
    color: #637083;
    display: inline-flex;
    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    min-height: 34px;
    padding: 0 12px;
    align-items: center;
    text-decoration: none;
    transition: background .16s ease, color .16s ease, transform .16s ease;
}

.inbox_docs_product_switcher a.is-active,
.inbox_docs_product_switcher a:hover {
    background: var(--inbox-green);
    color: #fff;
}

.inbox_docs_hero_actions a,
.inbox_docs_quick_links a {
    align-items: center;
    background: #fff;
    border: 1px solid #e2ebe6;
    border-radius: 8px;
    box-sizing: border-box;
    color: #3f4a56;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    text-decoration: none;
}

.inbox_docs_hero_actions a:hover,
.inbox_docs_quick_links a:hover {
    border-color: #cfe5d9;
    color: var(--inbox-green);
}

.inbox_docs_hero_actions i,
.inbox_docs_quick_links i {
    color: var(--inbox-green);
}

.inbox_docs_path_grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inbox_docs_path_grid a {
    background: #fff;
    border: 1px solid #e1e8ee;
    border-radius: 8px;
    box-sizing: border-box;
    color: #1f2937;
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 15px;
    position: relative;
    text-decoration: none;
}

.inbox_docs_path_grid a::before {
    border-radius: 8px 8px 0 0;
    content: "";
    height: 4px;
    inset: 0 0 auto;
    position: absolute;
}

.inbox_docs_path_grid i {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 15px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.inbox_docs_path_grid span {
    color: #17202c;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.25;
}

.inbox_docs_path_grid strong {
    color: #6b7584;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.45;
}

.inbox_docs_path_grid a:hover {
    border-color: #cbdce6;
    transform: translateY(-1px);
}

.inbox_docs_path_grid .is-install::before,
.inbox_docs_path_grid .is-install i {
    background: #e7f4ed;
    color: #137a4a;
}

.inbox_docs_path_grid .is-update::before,
.inbox_docs_path_grid .is-update i {
    background: #e9f3fb;
    color: #1e789f;
}

.inbox_docs_path_grid .is-money::before,
.inbox_docs_path_grid .is-money i {
    background: #fff3dd;
    color: #a35b00;
}

.inbox_docs_path_grid .is-admin::before,
.inbox_docs_path_grid .is-admin i {
    background: #eef0ff;
    color: #4b5db7;
}

.inbox_docs_license_gate {
    background:
        linear-gradient(135deg, rgba(19, 122, 74, .08), rgba(30, 120, 160, .05)),
        #ffffff;
    border: 1px solid #dce8e3;
    border-radius: 12px;
    box-sizing: border-box;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 390px);
    padding: 24px;
}

.docs_license_intro span {
    align-items: center;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 12px;
    font-weight: 850;
    gap: 8px;
    text-transform: uppercase;
}

.docs_license_intro h2 {
    color: #101827;
    font-size: 28px;
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.16;
    margin: 12px 0 10px;
}

.docs_license_intro p {
    color: #667386;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
    max-width: 620px;
}

.docs_license_form {
    background: rgba(255, 255, 255, .92);
    border: 1px solid #dfeae5;
    border-radius: 12px;
    box-sizing: border-box;
    display: grid;
    gap: 12px;
    padding: 16px;
}

.docs_license_form label {
    display: grid;
    gap: 7px;
}

.docs_license_form label span {
    color: #1f2937;
    font-size: 13px;
    font-weight: 800;
}

.docs_license_form label small {
    display: block;
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 750;
}

.docs_license_form input {
    background: #fff;
    border: 1px solid #d7e1eb;
    border-radius: 10px;
    box-sizing: border-box;
    color: #162033;
    font-size: 15px;
    font-weight: 600;
    min-height: 48px;
    padding: 0 14px;
    width: 100%;
}

.docs_license_form input:focus {
    border-color: #8fcbb0;
    box-shadow: 0 0 0 4px rgba(19, 122, 74, .1);
    outline: none;
}

.docs_license_form button {
    align-items: center;
    background: var(--inbox-green);
    border: 0;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 15px;
    font-weight: 850;
    gap: 9px;
    justify-content: center;
    min-height: 50px;
    padding: 0 18px;
}

.docs_license_form button:disabled {
    cursor: wait;
    opacity: .72;
}

.docs_license_feedback {
    color: #6b7280;
    font-size: 13px;
    font-weight: 700;
    min-height: 18px;
}

.docs_license_feedback.is-error {
    color: #b42318;
}

.docs_license_feedback.is-success {
    color: var(--inbox-green);
}

.docs_license_steps {
    display: grid;
    gap: 10px;
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.docs_license_steps article {
    background: rgba(255, 255, 255, .76);
    border: 1px solid #dfeae5;
    border-radius: 10px;
    box-sizing: border-box;
    display: grid;
    gap: 6px;
    padding: 14px;
}

.docs_license_steps i {
    color: var(--inbox-green);
    font-size: 18px;
}

.docs_license_steps strong {
    color: #17202c;
    font-size: 14px;
    font-weight: 850;
}

.docs_license_steps span {
    color: #6b7584;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.45;
}

.inbox_docs_live_shell {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: 260px minmax(0, 1fr);
    min-width: 0;
}

.inbox_docs_toc_panel {
    min-width: 0;
    position: sticky;
    top: 22px;
}

.inbox_docs_app .idocs-navigation {
    background: #ffffff;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    box-sizing: border-box;
    max-height: calc(100vh - 44px);
    overflow: auto;
    padding: 12px;
}

.inbox_docs_app .idocs-navigation ul,
.inbox_docs_app .idocs-navigation li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.inbox_docs_app .idocs-navigation .nav {
    display: grid;
    gap: 4px;
}

.inbox_docs_app .idocs-navigation .nav .nav {
    border-left: 1px solid #e1ebe6;
    margin: 3px 0 7px 11px;
    padding-left: 8px;
}

.inbox_docs_app .idocs-navigation a {
    border-radius: 8px;
    color: #53606e;
    display: block;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.35;
    padding: 8px 9px;
    text-decoration: none;
}

.inbox_docs_app .idocs-navigation > .nav > .nav-item > a {
    color: #17202c;
    font-size: 13px;
    font-weight: 900;
}

.inbox_docs_app .idocs-navigation a:hover,
.inbox_docs_app .idocs-navigation a.active {
    background: var(--inbox-green-soft);
    color: var(--inbox-green);
}

.inbox_docs_live_content {
    min-width: 0;
}

.inbox_docs_app .idocs-content {
    color: #2d3540;
    min-width: 0;
    overflow-wrap: anywhere;
}

.inbox_docs_app .idocs-content .container {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    width: 100%;
}

.inbox_docs_app .idocs-content section,
.inbox_docs_app .idocs-content .container > div[id] {
    background: #fff;
    border: 1px solid #e4ece7;
    border-left: 4px solid #d7e8df;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 14px 28px rgba(16, 24, 40, .035);
    margin: 0 0 16px;
    padding: 18px;
    scroll-margin-top: 24px;
}

.inbox_docs_app .idocs-content section section,
.inbox_docs_app .idocs-content .container > div[id] section {
    background: #fbfcfd;
    border-color: #edf2ef;
    border-left-color: #e7b65f;
    margin-top: 12px;
}

.inbox_docs_app .idocs-content h1,
.inbox_docs_app .idocs-content h2,
.inbox_docs_app .idocs-content h3,
.inbox_docs_app .idocs-content h4 {
    color: #17202c;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0 0 10px;
}

.inbox_docs_app .idocs-content .section-title,
.inbox_docs_app .idocs-content h2.section-title {
    align-items: center;
    border-bottom: 1px solid #e7eee9;
    color: #101827;
    display: flex;
    font-size: 25px;
    font-weight: 900;
    gap: 10px;
    margin: 20px 0 14px;
    padding: 0 0 10px;
    scroll-margin-top: 24px;
}

.inbox_docs_app .idocs-content .section-title::before,
.inbox_docs_app .idocs-content h2.section-title::before {
    background: #e7f4ed;
    border-radius: 8px;
    color: var(--inbox-green);
    content: "\f0eb";
    display: inline-grid;
    flex: 0 0 auto;
    font-family: "Font Awesome 6 Free";
    font-size: 13px;
    font-weight: 900;
    height: 32px;
    place-items: center;
    width: 32px;
}

.inbox_docs_app .idocs-content .section-subtitle,
.inbox_docs_app .idocs-content h3 {
    font-size: 18px;
    font-weight: 900;
}

.inbox_docs_app .idocs-content h4 {
    font-size: 15px;
    font-weight: 900;
}

.inbox_docs_app .idocs-content strong {
    color: #182331;
}

.inbox_docs_app .idocs-content p,
.inbox_docs_app .idocs-content li {
    color: #4e5967;
    font-size: 14px;
    line-height: 1.65;
}

.inbox_docs_app .idocs-content p.lead {
    color: #657180;
    font-size: 16px;
    line-height: 1.6;
}

.inbox_docs_app .idocs-content a {
    color: var(--inbox-green);
    font-weight: 850;
    text-decoration: none;
}

.inbox_docs_app .idocs-content ul,
.inbox_docs_app .idocs-content ol {
    box-sizing: border-box;
    margin: 10px 0;
    max-width: 100%;
    padding-left: 20px;
}

.inbox_docs_app .idocs-content li,
.inbox_docs_app .idocs-content li * {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.inbox_docs_app .doc-step-list {
    counter-reset: doc-step;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 14px 0;
    padding: 0;
}

.inbox_docs_app .doc-step-list > li {
    background: #f8faf9;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    box-sizing: border-box;
    color: #4e5967;
    min-height: 74px;
    padding: 12px 12px 12px 44px;
    position: relative;
}

.inbox_docs_app .doc-step-list > li::before {
    align-items: center;
    background: var(--inbox-green);
    border-radius: 50%;
    color: #fff;
    content: counter(doc-step);
    counter-increment: doc-step;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    height: 24px;
    justify-content: center;
    left: 12px;
    position: absolute;
    top: 13px;
    width: 24px;
}

.inbox_docs_app .doc-info-grid,
.inbox_docs_app .outcome-grid,
.inbox_docs_app .setup-level-grid,
.inbox_docs_app .fast-launch-grid,
.inbox_docs_app .doc-quick-panel,
.inbox_docs_app .start-here-panel,
.inbox_docs_app .scenario-grid,
.inbox_docs_app .install-update-paths,
.inbox_docs_app .doc-screenshot-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 14px 0;
}

.inbox_docs_app .doc-info-grid > div,
.inbox_docs_app .outcome-grid > div,
.inbox_docs_app .setup-level-grid > div,
.inbox_docs_app .fast-launch-grid > div,
.inbox_docs_app .doc-quick-panel > div,
.inbox_docs_app .start-here-panel > div,
.inbox_docs_app .scenario-grid > div,
.inbox_docs_app .scenario-grid > a,
.inbox_docs_app .install-update-path,
.inbox_docs_app .idocs-content article {
    background: #f8faf9;
    border: 1px solid #e4ece7;
    border-top: 3px solid #d9ebe3;
    border-radius: 8px;
    box-sizing: border-box;
    min-width: 0;
    padding: 14px;
}

.inbox_docs_app .scenario-grid > a {
    color: #17202c;
    display: grid;
    gap: 6px;
    text-decoration: none;
}

.inbox_docs_app .scenario-grid > a:hover {
    background: #eef8f3;
    border-color: #cfe5d9;
}

.inbox_docs_app .doc-info-grid > div:nth-child(3n + 1),
.inbox_docs_app .outcome-grid > div:nth-child(3n + 1),
.inbox_docs_app .setup-level-grid > div:nth-child(3n + 1),
.inbox_docs_app .fast-launch-grid > div:nth-child(3n + 1),
.inbox_docs_app .doc-quick-panel > div:nth-child(3n + 1),
.inbox_docs_app .start-here-panel > div:nth-child(3n + 1),
.inbox_docs_app .scenario-grid > a:nth-child(3n + 1),
.inbox_docs_app .idocs-content article:nth-of-type(3n + 1) {
    border-top-color: #137a4a;
}

.inbox_docs_app .doc-info-grid > div:nth-child(3n + 2),
.inbox_docs_app .outcome-grid > div:nth-child(3n + 2),
.inbox_docs_app .setup-level-grid > div:nth-child(3n + 2),
.inbox_docs_app .fast-launch-grid > div:nth-child(3n + 2),
.inbox_docs_app .doc-quick-panel > div:nth-child(3n + 2),
.inbox_docs_app .start-here-panel > div:nth-child(3n + 2),
.inbox_docs_app .scenario-grid > a:nth-child(3n + 2),
.inbox_docs_app .idocs-content article:nth-of-type(3n + 2) {
    border-top-color: #1e789f;
}

.inbox_docs_app .doc-info-grid > div:nth-child(3n),
.inbox_docs_app .outcome-grid > div:nth-child(3n),
.inbox_docs_app .setup-level-grid > div:nth-child(3n),
.inbox_docs_app .fast-launch-grid > div:nth-child(3n),
.inbox_docs_app .doc-quick-panel > div:nth-child(3n),
.inbox_docs_app .start-here-panel > div:nth-child(3n),
.inbox_docs_app .scenario-grid > a:nth-child(3n),
.inbox_docs_app .idocs-content article:nth-of-type(3n) {
    border-top-color: #e7b65f;
}

.inbox_docs_app .idocs-content article {
    border-top: 3px solid #d9ebe3;
    margin-bottom: 10px;
}

.inbox_docs_app .idocs-content article > span:not(.step-marker),
.inbox_docs_app .idocs-content section > div:first-child > div:first-child > span:first-child,
.inbox_docs_app .install-update-path > span,
.inbox_docs_app .inline-badges > span,
.inbox_docs_app .inline-badges-fields > span {
    background: var(--inbox-green-soft);
    border: 1px solid #d5eadf;
    border-radius: 999px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.35;
    margin: 0 6px 6px 0;
    padding: 4px 8px;
}

.inbox_docs_app .step-marker,
.inbox_docs_app .idocs-content .step-marker {
    align-items: center;
    background: var(--inbox-green);
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    justify-content: center;
    margin: 0 8px 8px 0;
    min-height: 28px;
    min-width: 32px;
    padding: 0 8px;
}

.inbox_docs_app .idocs-content details {
    background: #fff;
    border: 1px solid #e4ece7;
    border-left: 3px solid var(--inbox-green);
    border-radius: 8px;
    margin: 10px 0;
    padding: 12px;
}

.inbox_docs_app .idocs-content .alert,
.inbox_docs_app .idocs-content .doc-note,
.inbox_docs_app .idocs-content .install-update-warning,
.inbox_docs_app .idocs-content .doc-warning,
.inbox_docs_app .desc_dizzy_warning_support {
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    line-height: 1.65;
    margin: 14px 0;
    min-width: 0;
    padding: 14px 16px 14px 48px;
    position: relative;
}

.inbox_docs_app .idocs-content .alert::before,
.inbox_docs_app .idocs-content .doc-note::before,
.inbox_docs_app .idocs-content .install-update-warning::before,
.inbox_docs_app .idocs-content .doc-warning::before,
.inbox_docs_app .desc_dizzy_warning_support::before {
    border-radius: 8px;
    display: grid;
    font-family: "Font Awesome 6 Free";
    font-size: 13px;
    font-weight: 900;
    height: 26px;
    left: 14px;
    place-items: center;
    position: absolute;
    top: 14px;
    width: 26px;
}

.inbox_docs_app .idocs-content .doc-note,
.inbox_docs_app .idocs-content .alert-info {
    background: #eef8fb;
    border: 1px solid #cbe8f1;
    color: #245a6b;
}

.inbox_docs_app .idocs-content .doc-note::before,
.inbox_docs_app .idocs-content .alert-info::before {
    background: #d8f0f7;
    color: #1e789f;
    content: "\f05a";
}

.inbox_docs_app .idocs-content .alert-warning,
.inbox_docs_app .idocs-content .install-update-warning,
.inbox_docs_app .idocs-content .doc-warning {
    background: #fff7e8;
    border: 1px solid #f0d9a8;
    color: #6f4a12;
}

.inbox_docs_app .idocs-content .alert-warning::before,
.inbox_docs_app .idocs-content .install-update-warning::before,
.inbox_docs_app .idocs-content .doc-warning::before {
    background: #ffe7ba;
    color: #a35b00;
    content: "\f071";
}

.inbox_docs_app .idocs-content .alert-danger {
    background: #fff1f1;
    border: 1px solid #f5c7c7;
    color: #8a2d2d;
}

.inbox_docs_app .idocs-content .alert-danger::before {
    background: #ffdada;
    color: #b42318;
    content: "\f06a";
}

.inbox_docs_app .idocs-content details summary {
    align-items: center;
    color: #17202c;
    cursor: pointer;
    display: flex;
    font-weight: 900;
    gap: 10px;
    justify-content: space-between;
    line-height: 1.35;
}

.inbox_docs_app .idocs-content details summary span {
    background: var(--inbox-green-soft);
    border-radius: 999px;
    color: var(--inbox-green);
    flex: 0 0 auto;
    font-size: 11px;
    padding: 3px 8px;
}

.inbox_docs_app .idocs-content figure,
.inbox_docs_app .idocs-content .ste_image {
    background: #f8faf9;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    box-sizing: border-box;
    margin: 14px 0;
    max-width: 100%;
    overflow: hidden;
    padding: 10px;
}

.inbox_docs_app .idocs-content img,
.inbox_docs_app .idocs-content figure img,
.inbox_docs_app .idocs-content .ste_image img {
    border-radius: 6px;
    display: block;
    height: auto;
    max-height: 420px;
    max-width: 100%;
    object-fit: contain;
    object-position: left top;
    width: auto;
}

.inbox_docs_app .idocs-content .ste_image img {
    width: 100%;
}

.inbox_docs_app .idocs-content figcaption {
    color: #7a8593;
    font-size: 12px;
    line-height: 1.45;
    margin-top: 8px;
}

.inbox_docs_app .idocs-content pre,
.inbox_docs_app .idocs-content code {
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.inbox_docs_app .idocs-content pre {
    background: #0f172a;
    border: 0;
    border-radius: 8px;
    color: #fff;
    overflow: auto;
    padding: 14px;
}

.inbox_docs_app .inbox_docs_document {
    align-items: stretch;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    line-height: 1.6;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    width: 100%;
}

.inbox_docs_app .document a {
    color: var(--inbox-green);
    font-weight: 850;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.inbox_docs_app .desc_dizzy_thanks,
.inbox_docs_app .desc_dizzy,
.inbox_docs_app .desc_dizzy_customwork,
.inbox_docs_app .desc_dizzy_warning_support,
.inbox_docs_app .column-desc-in {
    background: #fff;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    box-sizing: border-box;
    color: #3a4350;
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 14px;
    padding: 16px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.inbox_docs_app .desc_dizzy {
    background: #f3faf6;
    border-color: #d8eadf;
}

.inbox_docs_app .desc_dizzy_warning_support {
    background: #fff8ed;
    border-color: #f0d8b3;
    color: #6e4a13;
    font-weight: 800;
}

.inbox_docs_app .desc_dizzy_warning_support::before {
    background: #ffe7ba;
    color: #a35b00;
    content: "\f071";
}

.inbox_docs_app .desc_dizzy_customwork {
    background: #f5f7ff;
    border-color: #dfe4ff;
}

.inbox_docs_app .column-title,
.inbox_docs_app .column-title-in {
    align-items: center;
    border-bottom: 1px solid #e7eee9;
    box-sizing: border-box;
    color: #17202c;
    display: flex;
    font-size: 22px;
    font-weight: 900;
    gap: 12px;
    justify-content: space-between;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 24px 0 0;
    padding: 0 0 12px;
    scroll-margin-top: 24px;
    width: 100%;
}

.inbox_docs_app .column-title-in {
    border-bottom: 0;
    font-size: 17px;
    margin-top: 18px;
    padding-bottom: 4px;
}

.inbox_docs_app .column-title a,
.inbox_docs_app .column-title-in a {
    align-items: center;
    background: #f4f6f7;
    border-radius: 8px;
    display: inline-flex;
    flex: 0 0 auto;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.inbox_docs_app .column-title a::before,
.inbox_docs_app .column-title-in a::before {
    color: #7a8593;
    content: "\f062";
    font-family: "Font Awesome 6 Free";
    font-size: 12px;
    font-weight: 900;
}

.inbox_docs_app .column-title .up,
.inbox_docs_app .column-title-in .up {
    display: none;
}

.inbox_docs_app .col-1 {
    background: #ffffff;
    border: 1px solid #e4ece7;
    border-top: 3px solid #d9ebe3;
    border-radius: 8px;
    box-sizing: border-box;
    color: #3a4350;
    display: block;
    margin: 14px 0 0;
    padding: 16px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.inbox_docs_app .col-1 li {
    line-height: 1.65;
    margin: 4px 0;
}

.inbox_docs_app .col-1 ul,
.inbox_docs_app .col-1 ol {
    box-sizing: border-box;
    margin-bottom: 8px;
    margin-top: 8px;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}

.inbox_docs_app .col-plus {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.inbox_docs_app .col-plus li {
    background: #eef8f3;
    border: 1px solid #d6ede2;
    border-radius: 8px !important;
    box-sizing: border-box;
    float: none;
    list-style: none;
    margin: 0;
    max-width: 100%;
    min-width: 0;
    padding: 8px 11px;
}

.inbox_docs_app .col-plus li a {
    color: var(--inbox-green);
    font-size: 13px;
    font-weight: 900;
}

.inbox_docs_app .step_title {
    color: #17202c;
    font-size: 16px;
    font-weight: 900;
    padding: 12px 0 8px;
}

.inbox_docs_app .ste_image {
    background: #f8faf9;
    border: 1px solid #e4ece7;
    border-radius: 8px;
    box-sizing: border-box;
    margin: 14px 0;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.inbox_docs_app .ste_image img,
.inbox_docs_app .ste_image iframe {
    border: 0;
    border-radius: 6px;
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.inbox_docs_app .ste_image iframe {
    aspect-ratio: 16 / 9;
    min-height: 280px;
}

.inbox_docs_help {
    background: #fbfcfd;
}

.inbox_docs_quick_links {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_docs_buy_cta {
    align-items: center;
    background: linear-gradient(135deg, #13824e 0%, #0f7546 100%);
    border: 1px solid rgba(15, 117, 70, .16);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(19, 130, 78, .13);
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 650;
    gap: 10px;
    justify-content: center;
    margin-top: 14px;
    min-height: 48px;
    padding: 12px 14px;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.inbox_docs_buy_cta i {
    color: inherit;
    font-size: 15px;
}

.inbox_docs_buy_cta:hover {
    background: linear-gradient(135deg, #0f7546 0%, #0b633b 100%);
    box-shadow: 0 12px 28px rgba(19, 130, 78, .18);
    color: #fff;
    transform: translateY(-1px);
}

.inbox_docs_side_links {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.inbox_docs_side_links a {
    align-items: center;
    background: #fff;
    border: 1px solid #e2ebe7;
    border-radius: 14px;
    color: #1f2937;
    display: grid;
    gap: 12px;
    grid-template-columns: 36px minmax(0, 1fr);
    min-height: 54px;
    padding: 9px 11px;
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.inbox_docs_side_links a i {
    align-items: center;
    background: #eef8f3;
    border-radius: 11px;
    color: var(--inbox-green);
    display: inline-flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.inbox_docs_side_links a span {
    color: #182233;
    font-size: 13.5px;
    font-weight: 650;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_docs_side_links a:hover {
    background: #f7fcfa;
    border-color: #cfe5da;
    transform: translateY(-1px);
}

.inbox_docs_help p {
    color: #4e5967;
    font-size: 14px;
    line-height: 1.55;
    margin: 0 0 12px;
}

@media (max-width: 1180px) {
    .inbox_suggestions_app {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .inbox_suggestion_app {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .inbox_docs_app {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .inbox_suggestions_app .inbox_suggestions_help {
        display: none;
    }

    .inbox_suggestion_app .inbox_suggestion_help {
        display: none;
    }

    .inbox_docs_app .inbox_docs_help {
        display: none;
    }

    .inbox_suggestions_app .suggestions_filter_form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_suggestions_app .suggestions_filter_btn,
    .inbox_suggestions_app .suggestions_filter_clear {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    body.inbox_body.inbox_suggestions_body {
        height: auto;
        min-height: 100vh;
        overflow: auto;
    }

    body.inbox_body.inbox_suggestion_body {
        height: auto;
        min-height: 100vh;
        overflow: auto;
    }

    body.inbox_body.inbox_docs_body {
        height: auto;
        min-height: 100vh;
        overflow: auto;
    }
}

@media (max-width: 820px) {
    .inbox_suggestions_app {
        display: block;
        height: auto;
        min-height: 100vh;
    }

    .inbox_suggestions_app .inbox_rail {
        box-sizing: border-box;
        flex-direction: row;
        gap: 16px;
        justify-content: flex-start;
        min-height: 64px;
        overflow-x: auto;
        padding: 10px 14px;
        width: 100%;
    }

    .inbox_suggestions_app .inbox_rail_group {
        flex-direction: row;
        width: auto;
    }

    .inbox_suggestions_app .inbox_rail_group_bottom {
        margin-left: auto;
        margin-top: 0;
    }

    .inbox_suggestions_app .inbox_nav_item.is-active::before {
        display: none;
    }

    .inbox_suggestions_main {
        border-right: 0;
        overflow: visible;
    }

    .inbox_suggestions_app .suggestions_board {
        padding: 20px;
    }

    .inbox_suggestions_app .suggestions_action_bar {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .inbox_suggestions_app .suggestions_overview_cards,
    .inbox_suggestions_app .suggestions_admin_cards,
    .inbox_suggestions_app .suggestions_release_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_suggestions_app .suggestion_form_row,
    .inbox_suggestions_app .suggestions_filter_form {
        grid-template-columns: 1fr;
    }

    .inbox_suggestions_app .suggestion_list_item {
        grid-template-columns: 1fr;
    }

    .inbox_suggestions_app .suggestion_list_stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .inbox_suggestions_app .suggestions_board {
        padding: 16px;
    }

    .inbox_suggestions_app .suggestions_action_title {
        font-size: 30px;
    }

    .inbox_suggestions_app .suggestions_overview_cards,
    .inbox_suggestions_app .suggestions_admin_cards,
    .inbox_suggestions_app .suggestions_release_grid,
    .inbox_suggestions_app .suggestion_list_stats {
        grid-template-columns: 1fr;
    }

    .inbox_suggestions_app .suggestion_list_item,
    .inbox_suggestions_app .suggestions_action_bar,
    .inbox_suggestions_app .suggestions_filter_bar,
    .inbox_suggestions_app .suggestion_form_wrapper,
    .inbox_suggestions_app .suggestions_release_section,
    .inbox_suggestions_app .suggestions_planned_section {
        padding: 14px;
    }
}

.inbox_blank_state {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 12px;
    min-height: 100%;
    justify-items: center;
    padding: 32px;
    text-align: center;
}

.inbox_blank_state h2 {
    margin: 0;
    color: var(--inbox-text);
}

.inbox_blank_state p {
    line-height: 1.5;
    margin: 0;
    max-width: 520px;
}

.inbox_blank_icon {
    background: #eef7f2;
    border-radius: 50%;
    color: var(--inbox-green);
    display: grid;
    font-size: 20px;
    height: 54px;
    place-items: center;
    width: 54px;
}

.inbox_blank_metrics {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 10px;
    max-width: 560px;
    width: min(100%, 560px);
}

.inbox_blank_metrics span {
    background: #f7faf8;
    border: 1px solid #e3eee8;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 14px 12px;
}

.inbox_blank_metrics strong {
    color: var(--inbox-green);
    font-size: 22px;
    line-height: 1;
}

.inbox_blank_metrics em {
    color: #6f7985;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
}

.inbox_admin_start_panel {
    display: grid;
    gap: 14px;
    margin-top: 12px;
    max-width: 760px;
    text-align: left;
    width: min(100%, 760px);
}

.inbox_admin_quick_search {
    align-items: center;
    background: #f4f6f7;
    border: 1px solid #edf0f2;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 48px;
    padding: 6px 7px 6px 14px;
}

.inbox_admin_quick_search i {
    color: #98a2ad;
    font-size: 14px;
}

.inbox_admin_quick_search input {
    background: transparent;
    border: 0;
    color: var(--inbox-text);
    font-size: 14px;
    min-width: 0;
    outline: none;
}

.inbox_admin_quick_search button {
    background: var(--inbox-green);
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-weight: 850;
    height: 36px;
    padding: 0 14px;
}

.inbox_admin_quick_grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.inbox_admin_quick_grid a {
    align-items: center;
    background: #f7f9f8;
    border: 1px solid #e4ede8;
    border-radius: 8px;
    color: var(--inbox-text);
    display: grid;
    gap: 8px;
    min-height: 110px;
    padding: 13px 12px;
    text-align: center;
    text-decoration: none;
}

.inbox_admin_quick_grid a.is-active {
    background: var(--inbox-green-soft);
    border-color: #cde8da;
}

.inbox_admin_quick_grid i {
    color: var(--inbox-green);
    font-size: 17px;
}

.inbox_admin_quick_grid span {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.inbox_admin_quick_grid strong,
.inbox_admin_focus_grid strong {
    color: var(--inbox-text);
    font-size: 13px;
}

.inbox_admin_quick_grid em {
    color: #7d8792;
    font-size: 11px;
    font-style: normal;
    font-weight: 750;
    line-height: 1.25;
}

.inbox_admin_quick_grid b {
    color: var(--inbox-green);
    font-size: 20px;
    line-height: 1;
}

.inbox_admin_focus_grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inbox_admin_focus_grid div {
    background: #fff;
    border: 1px solid #edf0f2;
    border-radius: 8px;
    display: grid;
    gap: 7px;
    padding: 14px;
}

.inbox_admin_focus_grid i {
    color: var(--inbox-green);
    font-size: 15px;
}

.inbox_admin_focus_grid span {
    color: #6f7985;
    font-size: 12px;
    line-height: 1.45;
}

.inbox_customer_home {
    align-self: stretch;
    display: grid;
    gap: 18px;
    margin: 0 auto;
    max-width: 980px;
    padding: 36px 34px 44px;
    width: 100%;
}

.inbox_customer_home_hero {
    align-items: center;
    background: linear-gradient(135deg, #f2fbf6 0%, #ffffff 58%, #f7faf8 100%);
    border: 1px solid #e0eee8;
    border-radius: 18px;
    display: grid;
    gap: 18px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 24px;
}

.inbox_customer_home_icon {
    background: #e4f5ee;
    border-radius: 18px;
    color: var(--inbox-green);
    display: grid;
    font-size: 22px;
    height: 54px;
    place-items: center;
    width: 54px;
}

.inbox_customer_home_eyebrow,
.inbox_customer_home_panel_head span {
    color: var(--inbox-green);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.inbox_customer_home_hero h2 {
    color: var(--inbox-text);
    font-size: 28px;
    line-height: 1.1;
    margin: 4px 0 8px;
}

.inbox_customer_home_hero p {
    color: #647284;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
    margin: 0;
    max-width: 660px;
}

.inbox_customer_action_grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
}

.inbox_customer_action_card {
    background: #fff;
    border: 1px solid #e3eee8;
    border-radius: 16px;
    color: var(--inbox-text);
    display: grid;
    gap: 10px;
    min-height: 150px;
    padding: 18px;
    text-decoration: none;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.inbox_customer_action_card:hover {
    border-color: #c7e4d7;
    box-shadow: 0 14px 34px rgba(15, 132, 81, .08);
    transform: translateY(-1px);
}

.inbox_customer_action_card i {
    background: #edf8f3;
    border-radius: 14px;
    color: var(--inbox-green);
    display: grid;
    font-size: 17px;
    height: 42px;
    place-items: center;
    width: 42px;
}

.inbox_customer_action_card span {
    color: var(--inbox-text);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
}

.inbox_customer_action_card strong {
    color: #647284;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}

.inbox_customer_action_card.is-primary {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.inbox_customer_action_card.is-primary i {
    background: rgba(255, 255, 255, .16);
    color: #fff;
}

.inbox_customer_action_card.is-primary span,
.inbox_customer_action_card.is-primary strong {
    color: #fff;
}

.inbox_customer_home_compact {
    align-items: center;
    background: #fff;
    border: 1px solid #e3eee8;
    border-radius: 16px;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    padding: 18px;
}

.inbox_customer_home_compact_text {
    min-width: 0;
}

.inbox_customer_home_compact_text span {
    align-items: center;
    color: #8793a3;
    display: flex;
    font-size: 12px;
    font-weight: 850;
    gap: 8px;
    letter-spacing: .02em;
    line-height: 1.25;
    text-transform: uppercase;
}

.inbox_customer_home_compact_text span i {
    color: var(--inbox-green);
}

.inbox_customer_home_compact_text strong {
    color: var(--inbox-text);
    display: block;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
    margin-top: 10px;
}

.inbox_customer_home_compact_text p {
    color: #647284;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    margin: 6px 0 0;
}

.inbox_customer_home_compact_actions {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.inbox_customer_home_latest_link {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #eef2f0;
    border-radius: 14px;
    color: inherit;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 12px;
    text-decoration: none;
}

.inbox_customer_home_latest_link strong {
    color: var(--inbox-text);
    display: block;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_customer_home_latest_link em {
    color: #7d8897;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 650;
    line-height: 1.3;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_customer_home_latest_link b {
    background: #e8f5ef;
    border-radius: 999px;
    color: var(--inbox-green);
    font-size: 11px;
    font-weight: 850;
    padding: 7px 10px;
    white-space: nowrap;
}

.inbox_customer_home_latest_link b.is-closed,
.inbox_customer_latest_ticket b.is-closed {
    background: #fee2e2;
    color: #b42318;
}

.inbox_customer_home_new_link {
    align-items: center;
    background: #f2fbf6;
    border: 1px solid #d6eadf;
    border-radius: 14px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 13px;
    font-weight: 850;
    gap: 9px;
    justify-content: center;
    min-height: 44px;
    padding: 0 14px;
    text-decoration: none;
}

.inbox_customer_home_new_link:hover,
.inbox_customer_home_latest_link:hover {
    border-color: #c7e4d7;
    box-shadow: 0 12px 30px rgba(15, 132, 81, .07);
}

.inbox_customer_home_split {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_customer_home_split.is-bottom {
    align-items: start;
}

.inbox_customer_home_panel {
    background: #fff;
    border: 1px solid #e3eee8;
    border-radius: 16px;
    display: grid;
    gap: 14px;
    min-width: 0;
    padding: 18px;
}

.inbox_customer_home_panel_head {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.inbox_customer_home_panel_head span {
    align-items: center;
    color: #8793a3;
    display: flex;
    gap: 8px;
}

.inbox_customer_home_panel_head i {
    color: #9aa7b6;
}

.inbox_customer_home_panel_head a {
    color: var(--inbox-green);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.inbox_customer_latest_ticket {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #eef2f0;
    border-radius: 14px;
    color: inherit;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 14px;
    text-decoration: none;
}

.inbox_customer_ticket_avatar {
    background: #edf3f1;
    border-radius: 50%;
    color: var(--inbox-green);
    display: grid;
    font-size: 16px;
    font-weight: 850;
    height: 42px;
    place-items: center;
    width: 42px;
}

.inbox_customer_latest_ticket strong,
.inbox_customer_product_mini strong,
.inbox_customer_update_card strong {
    color: var(--inbox-text);
    display: block;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inbox_customer_latest_ticket em,
.inbox_customer_product_mini em,
.inbox_customer_update_card em,
.inbox_customer_update_card small {
    color: #7d8897;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 650;
    line-height: 1.35;
    margin-top: 4px;
}

.inbox_customer_latest_ticket b {
    background: #e8f5ef;
    border-radius: 999px;
    color: var(--inbox-green);
    font-size: 11px;
    font-weight: 850;
    padding: 7px 10px;
    white-space: nowrap;
}

.inbox_customer_empty_card {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #eef2f0;
    border-radius: 14px;
    color: #647284;
    display: grid;
    gap: 8px;
    justify-items: start;
    padding: 16px;
}

.inbox_customer_empty_card i {
    color: var(--inbox-green);
    font-size: 18px;
}

.inbox_customer_empty_card span {
    font-size: 13px;
    font-weight: 650;
}

.inbox_customer_empty_card a {
    color: var(--inbox-green);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.inbox_customer_product_mini_grid {
    display: grid;
    gap: 10px;
}

.inbox_customer_product_mini {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #eef2f0;
    border-radius: 14px;
    color: var(--inbox-text);
    display: grid;
    gap: 12px;
    grid-template-columns: 72px minmax(0, 1fr);
    padding: 10px;
    text-decoration: none;
}

.inbox_customer_product_mini.is-empty {
    grid-template-columns: 1fr;
}

.inbox_customer_product_mini img {
    aspect-ratio: 3 / 2;
    background: #eef2f0;
    border-radius: 10px;
    object-fit: cover;
    width: 72px;
}

.inbox_customer_update_card {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #eef2f0;
    border-radius: 14px;
    color: inherit;
    display: grid;
    gap: 12px;
    grid-template-columns: 120px minmax(0, 1fr);
    padding: 10px;
    text-decoration: none;
}

.inbox_customer_update_card.is-empty {
    grid-template-columns: 1fr;
}

.inbox_customer_update_card img {
    aspect-ratio: 16 / 10;
    border-radius: 10px;
    object-fit: cover;
    width: 120px;
}

.inbox_customer_home_checklist {
    display: grid;
    gap: 9px;
}

.inbox_customer_home_checklist span {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #eef2f0;
    border-radius: 12px;
    color: #4c5867;
    display: grid;
    font-size: 13px;
    font-weight: 650;
    gap: 10px;
    grid-template-columns: 18px minmax(0, 1fr);
    line-height: 1.35;
    padding: 11px 12px;
}

.inbox_customer_home_checklist i {
    color: var(--inbox-green);
    font-size: 12px;
}

.inbox_blank_actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 6px;
}

.inbox_blank_actions a,
.inbox_blank_actions button {
    color: #fff;
    background: var(--inbox-green);
    border: 0;
    border-radius: 8px;
    padding: 12px 16px;
    text-decoration: none;
    font-weight: 800;
    cursor: pointer;
}

.inbox_blank_actions button {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.inbox_blank_state .inbox_mobile_list_toggle {
    display: none;
}

.inbox_mobile_list_toggle,
.inbox_list_close,
.inbox_drawer_scrim {
    display: none;
}

@media (max-width: 1180px) {
    .inbox_app,
    .inbox_create_app {
        grid-template-columns: 78px 320px minmax(0, 1fr);
    }

    .inbox_help_panel {
        display: none;
    }

    .inbox_ticket_context_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_auth_stage {
        grid-template-columns: 1fr;
    }

    .inbox_auth_help {
        display: none;
    }

    .inbox_create_app .inbox_create_form_wrap {
        padding: 20px 24px 28px;
    }

    .inbox_create_app .inbox_create_form_wrap form,
    .inbox_create_app .inbox_create_form_wrap .s_login_form_wrapper {
        max-width: 820px;
    }
}

@media (max-width: 1024px) {
    body.inbox_body:not(.inbox_auth_body) {
        overflow: hidden;
    }

    body.inbox_body.inbox_create_body {
        height: auto;
        min-height: 100vh;
        overflow: auto;
    }

    body.inbox_drawer_open {
        overflow: hidden;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 64px minmax(0, 1fr);
        height: 100vh;
        min-height: 100vh;
        max-width: 100vw;
        overflow: hidden;
        width: 100vw;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail {
        min-height: 64px;
        height: 64px;
        flex-direction: row;
        justify-content: flex-start;
        padding: 10px 14px;
        gap: 14px;
        box-sizing: border-box;
        max-width: 100vw;
        min-width: 0;
        overflow-x: auto;
        position: relative;
        width: 100vw;
        z-index: 70;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group {
        flex-direction: row;
        width: auto;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group_bottom {
        margin-left: auto;
        margin-top: 0;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_nav_item.is-active::before {
        display: none;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_list_panel {
        border-bottom: 0;
        border-right: 1px solid var(--inbox-line);
        bottom: 0;
        box-shadow: 20px 0 48px rgba(15, 23, 42, .18);
        height: auto;
        left: 0;
        max-width: 420px;
        min-height: 0;
        position: fixed;
        top: 64px;
        transform: translateX(-105%);
        transition: transform .24s ease;
        width: min(92vw, 420px);
        z-index: 80;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_list_header {
        align-items: flex-start;
        gap: 10px;
        padding: 18px 18px 8px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_page_label {
        font-size: 10px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_list_header h1 {
        font-size: 26px;
        line-height: 1;
        margin-top: 3px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_list_header p {
        font-size: 12px;
        line-height: 1.35;
        margin-top: 5px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_compose_btn {
        height: 36px;
        margin-left: auto;
        width: 36px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_queue_overview {
        gap: 8px;
        padding: 0 18px 10px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_queue_overview div {
        align-items: center;
        display: flex;
        gap: 8px;
        min-height: 38px;
        padding: 8px 10px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_queue_overview strong {
        font-size: 17px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_queue_overview span {
        font-size: 11px;
        line-height: 1.15;
        margin-top: 0;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_search {
        padding: 0 18px 10px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_search i {
        left: 33px;
        top: 13px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_search input {
        height: 42px;
        font-size: 13px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_filter_row {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        gap: 6px;
        min-height: 42px;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 18px 10px;
        -webkit-overflow-scrolling: touch;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_filter {
        flex: 0 0 auto;
        gap: 6px;
        min-height: 32px;
        padding: 0 9px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_ticket_list {
        flex: 0 0 auto;
        min-height: auto;
        overflow: visible;
        padding: 0 10px 18px;
    }

    .inbox_app.is-list-open:not(.inbox_create_app):not(.inbox_auth_app) .inbox_list_panel {
        transform: translateX(0);
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_conversation_panel {
        border-right: 0;
        grid-row: 2;
        height: calc(100vh - 64px);
        max-width: 100vw;
        min-height: 0;
        overflow: hidden;
        overflow-x: hidden;
        width: 100%;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_conversation_panel.has-blank-state {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_help_panel {
        display: none;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_drawer_scrim {
        background: rgba(15, 23, 42, .32);
        border: 0;
        bottom: 0;
        cursor: pointer;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 64px;
        transition: opacity .2s ease;
        z-index: 75;
    }

    .inbox_app.is-list-open:not(.inbox_create_app):not(.inbox_auth_app) .inbox_drawer_scrim {
        display: block;
        opacity: 1;
        pointer-events: auto;
    }

    .inbox_mobile_list_toggle {
        align-items: center;
        background: #f4f7f6;
        border: 0;
        border-radius: 8px;
        color: var(--inbox-green);
        cursor: pointer;
        display: inline-flex;
        flex: 0 0 auto;
        font-size: 13px;
        font-weight: 900;
        gap: 8px;
        height: 38px;
        padding: 0 12px;
    }

    .inbox_blank_state .inbox_mobile_list_toggle {
        background: var(--inbox-green);
        color: #fff;
        display: inline-flex;
    }

    .inbox_list_close {
        align-items: center;
        background: #f4f6f7;
        border: 0;
        border-radius: 8px;
        color: #66717f;
        cursor: pointer;
        display: inline-flex;
        height: 36px;
        justify-content: center;
        width: 36px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_conversation_header {
        min-height: 72px;
        padding: 12px 16px;
        overflow: hidden;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_ticket_workspace {
        gap: 12px;
        padding: 12px 16px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_action_bar,
    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_jump_row {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
        scrollbar-width: none;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_action_bar::-webkit-scrollbar,
    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_jump_row::-webkit-scrollbar {
        display: none;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_ticket_context_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_context_card {
        gap: 2px;
        padding: 10px 12px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_workspace_status {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_workspace_status::-webkit-scrollbar {
        display: none;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_header_identity {
        flex: 1 1 0;
        min-width: 0;
        overflow: hidden;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_header_identity > div {
        min-width: 0;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_header_identity h2 {
        font-size: 16px;
        max-width: none;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_header_identity p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_big_avatar {
        height: 44px;
        width: 44px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_message_stream {
        padding: 18px 16px;
        overflow-x: hidden;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_message {
        max-width: 100%;
        min-width: 0;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_message_body {
        min-width: 0;
        max-width: 100%;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .ticket_attachment_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 100%;
        overflow: hidden;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_reply_box {
        margin: 0 16px 16px;
        max-width: calc(100vw - 32px);
        overflow-x: hidden;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_reply_footer {
        align-items: stretch;
        flex-direction: column;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_reply_footer button {
        justify-content: center;
        width: 100%;
    }

    .inbox_edit_panel {
        bottom: 12px;
        max-width: calc(100vw - 24px);
        width: calc(100vw - 24px);
    }

    .inbox_blank_state {
        padding: 24px 18px;
    }

    .inbox_customer_home {
        gap: 14px;
        max-width: 760px;
        padding: 24px 18px 32px;
    }

    .inbox_customer_action_grid,
    .inbox_customer_home_split,
    .inbox_customer_home_compact {
        grid-template-columns: 1fr;
    }

    .inbox_customer_action_card {
        min-height: 0;
    }

    .inbox_blank_metrics {
        grid-template-columns: 1fr;
        max-width: 360px;
    }

    .inbox_admin_start_panel {
        max-width: 560px;
    }

    .inbox_admin_quick_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_admin_quick_grid a {
        min-height: 92px;
    }

    .inbox_admin_focus_grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .inbox_customer_home {
        gap: 12px;
        padding: 18px 16px 26px;
    }

    .inbox_customer_home_hero {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .inbox_customer_home_hero h2 {
        font-size: 24px;
    }

    .inbox_customer_action_card,
    .inbox_customer_home_panel,
    .inbox_customer_home_compact {
        padding: 15px;
    }

    .inbox_customer_home_compact_actions {
        gap: 8px;
    }

    .inbox_customer_home_latest_link {
        grid-template-columns: 1fr;
    }

    .inbox_customer_home_latest_link b {
        justify-self: start;
    }

    .inbox_customer_latest_ticket {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .inbox_customer_latest_ticket b {
        grid-column: 2;
        justify-self: start;
    }

    .inbox_customer_product_mini,
    .inbox_customer_update_card {
        grid-template-columns: 1fr;
    }

    .inbox_customer_product_mini img,
    .inbox_customer_update_card img {
        height: auto;
        width: 100%;
    }

    .inbox_create_app .inbox_list_header {
        padding: 18px 20px 12px;
    }

    .inbox_create_app .inbox_list_header h1 {
        font-size: 34px;
    }

    .inbox_create_app .inbox_create_steps {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 0 20px 16px;
    }

    .inbox_create_app .inbox_create_steps div {
        grid-template-columns: 36px minmax(0, 1fr);
        min-height: 0;
    }

    .inbox_create_form_wrap .ticket_form_intro,
    .inbox_create_form_wrap .ticket_form_card,
    .inbox_create_form_wrap .ticket_form_submit {
        padding: 14px;
    }

    .inbox_create_form_wrap .ticket_form_intro_title {
        font-size: 20px;
    }

    .inbox_create_form_wrap .ticket_form_card_title {
        font-size: 17px;
    }

    .inbox_create_form_wrap .form_input textarea {
        min-height: 210px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_list_header {
        padding: 14px 16px 7px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_list_header p {
        display: none;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_queue_overview {
        padding: 0 16px 9px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_search {
        padding: 0 16px 9px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_search i {
        left: 31px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_filter_row {
        flex-wrap: wrap;
        min-height: 80px;
        overflow: visible;
        padding: 0 16px 10px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_filter {
        flex: 1 1 calc(33.333% - 6px);
        font-size: 11px;
        justify-content: center;
        min-width: 0;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_filter i {
        display: none;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_filter span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_filter em {
        font-size: 10px;
        height: 18px;
        min-width: 18px;
        padding: 0 5px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_conversation_header {
        gap: 8px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_mobile_list_toggle {
        height: 38px;
        justify-content: center;
        padding: 0;
        width: 42px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_blank_state .inbox_mobile_list_toggle {
        min-width: 168px;
        padding: 0 14px;
        width: auto;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_mobile_list_toggle span {
        display: none;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_header_identity {
        gap: 10px;
        max-width: calc(100% - 94px);
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_ticket_context_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_big_avatar {
        height: 38px;
        width: 38px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_header_actions {
        gap: 6px;
        flex: 0 0 auto;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_header_create_action {
        display: none;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_icon_action {
        height: 32px;
        width: 32px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_action_bar,
    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_jump_row,
    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_canned_row {
        flex-wrap: wrap;
        overflow: visible;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .ticket_canned_btn {
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
        min-width: 0;
    }

    .inbox_closed_notice {
        grid-template-columns: auto minmax(0, 1fr);
        margin: 0 16px 14px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .ticket_attachment_caption strong,
    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .ticket_attachment_caption em {
        max-width: 100%;
    }

    .inbox_closed_reopen {
        grid-column: 1 / -1;
        justify-content: center;
        width: 100%;
    }

    .inbox_blank_state h2 {
        font-size: 22px;
    }

    .inbox_blank_metrics {
        gap: 8px;
        width: 100%;
    }

    .inbox_blank_metrics span {
        padding: 11px 12px;
    }

    .inbox_admin_start_panel {
        gap: 10px;
        width: 100%;
    }

    .inbox_admin_quick_search {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 8px 12px;
    }

    .inbox_admin_quick_search button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .inbox_admin_quick_grid {
        grid-template-columns: 1fr;
    }

    .inbox_admin_quick_grid a {
        align-items: center;
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-height: 0;
        text-align: left;
    }
}

@media (max-width: 430px) {
    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) {
        grid-template-rows: 58px minmax(0, 1fr);
        height: 100dvh;
        min-height: 100dvh;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail {
        gap: 6px;
        height: 58px;
        min-height: 58px;
        overflow-x: hidden;
        overflow-y: hidden;
        padding: 8px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_brand {
        flex: 0 0 30px;
        height: 30px;
        width: 30px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group {
        flex: 0 1 auto;
        gap: 6px;
        min-width: 0;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group_bottom {
        margin-left: 0;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_nav_item {
        flex: 0 0 34px;
        height: 34px;
        width: 34px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_nav_item span {
        font-size: 12px;
        height: 21px;
        width: 21px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_list_panel {
        top: 58px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_conversation_panel {
        height: calc(100dvh - 58px);
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_drawer_scrim {
        top: 58px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_conversation_panel.has-blank-state {
        scroll-padding-block: 16px;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_blank_state {
        align-content: start;
        justify-items: stretch;
        min-height: auto;
        padding: 18px 16px calc(28px + env(safe-area-inset-bottom));
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_blank_state > * {
        justify-self: center;
        max-width: 100%;
    }

    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_admin_start_panel {
        justify-self: stretch;
    }
}

/* FAQ mobile/tablet final overrides: keep after shared rail rules. */
@media (max-width: 1024px) {
    body.inbox_body.inbox_faq_body {
        height: auto;
        min-height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) {
        display: block;
        height: auto;
        max-width: 100vw;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_faq_main {
        border-right: 0;
        overflow: visible;
        padding-top: 0 !important;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_help_panel {
        display: none;
    }

    .inbox_faq_board {
        gap: 14px;
        padding: 72px 20px 34px;
    }

    .inbox_faq_hero {
        align-items: start;
        gap: 16px;
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .inbox_faq_switcher {
        justify-content: flex-start;
    }

    .inbox_faq_focus_grid {
        grid-template-columns: 1fr;
    }

    .inbox_faq_focus_grid article {
        align-items: center;
        gap: 14px;
        grid-template-columns: auto minmax(0, 1fr);
        padding: 14px 16px;
    }

    .inbox_faq_focus_grid i {
        grid-row: span 2;
    }

    .inbox_faq_focus_grid span,
    .inbox_faq_focus_grid strong {
        min-width: 0;
    }

    .inbox_faq_controls {
        padding: 14px;
    }

    .inbox_faq_category_bar {
        flex-wrap: nowrap;
        margin: 0 -14px;
        overflow-x: auto;
        padding: 0 14px 4px;
        -webkit-overflow-scrolling: touch;
    }

    .inbox_faq_category_bar button {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .inbox_faq_answer {
        padding: 16px 18px 18px;
    }
}

@media (max-width: 680px) {
    .inbox_faq_board {
        gap: 12px;
        padding: 66px 14px 28px;
    }

    .inbox_faq_hero,
    .inbox_faq_controls {
        border-radius: 16px;
        padding: 16px;
    }

    .inbox_faq_hero h1 {
        font-size: 27px;
        line-height: 1.12;
    }

    .inbox_faq_hero p {
        font-size: 14px;
    }

    .inbox_faq_focus_grid article {
        border-radius: 16px;
        min-height: auto;
        padding: 13px 14px;
    }

    .inbox_faq_focus_grid span {
        font-size: 11px;
        line-height: 1.2;
    }

    .inbox_faq_focus_grid strong {
        font-size: 14px;
        line-height: 1.35;
    }

    .inbox_faq_search {
        min-height: 50px;
        padding: 0 14px;
    }

    .inbox_faq_category_bar {
        margin: 0 -14px;
        padding: 0 14px 4px;
    }

    .inbox_faq_category_bar button {
        font-size: 12px;
        min-height: 34px;
        padding: 0 11px;
    }

    .inbox_faq_item {
        border-radius: 16px;
    }

    .inbox_faq_item summary {
        align-items: start;
        gap: 11px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-height: auto;
        padding: 14px;
    }

    .inbox_faq_icon {
        border-radius: 11px;
        height: 36px;
        width: 36px;
    }

    .inbox_faq_item summary strong {
        font-size: 16px;
    }

    .inbox_faq_answer {
        font-size: 14px;
        line-height: 1.6;
        padding: 14px;
    }

    .inbox_faq_answer_actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .inbox_faq_answer_actions a {
        justify-content: center;
    }
}

/* Contact page */
.inbox_contact_app,
.inbox_contact_admin_app {
    background: #f7faf9;
    display: grid;
    grid-template-columns: var(--inbox-rail-width, 88px) minmax(0, 1fr) minmax(320px, 400px);
    min-height: 100vh;
}

body.inbox_body.inbox_contact_body {
    height: auto !important;
    min-height: 100vh;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.inbox_contact_body .inbox_app.inbox_contact_app,
body.inbox_contact_body .inbox_contact_main {
    height: auto !important;
    min-height: 100vh;
    overflow: visible !important;
}

body.inbox_contact_body .inbox_app.inbox_contact_app {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

.inbox_contact_main,
.contact_admin_main {
    grid-column: 2;
    min-width: 0;
    padding: clamp(28px, 4vw, 54px);
}

.inbox_contact_side,
.contact_admin_side {
    background: #fff;
    border-left: 1px solid rgba(17, 24, 39, .08);
    min-width: 0;
    padding: 30px 28px;
}

.inbox_contact_admin_app {
    grid-template-columns: var(--inbox-rail-width, 88px) minmax(0, 1fr);
}

.inbox_contact_admin_app .contact_admin_main {
    grid-column: 2;
}

.inbox_contact_admin_app .contact_admin_side {
    background: #f7faf9;
    border-left: 0;
    border-top: 1px solid rgba(17, 24, 39, .08);
    display: grid;
    gap: 18px;
    grid-column: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 clamp(28px, 4vw, 54px) clamp(28px, 4vw, 54px);
}

.contact_eyebrow {
    color: #0f7f4d;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.contact_hero,
.contact_public_hero,
.contact_admin_hero {
    align-items: center;
    background: linear-gradient(135deg, #fff 0%, #eef8f3 100%);
    border: 1px solid rgba(15, 127, 77, .18);
    border-radius: 22px;
    display: grid;
    gap: 26px;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
    padding: clamp(24px, 4vw, 42px);
}

.contact_hero h1,
.contact_public_hero h1,
.contact_admin_hero h1 {
    color: #111827;
    font-size: clamp(34px, 4.2vw, 58px);
    line-height: 1.04;
    margin: 10px 0 14px;
}

.contact_hero p,
.contact_public_hero p,
.contact_admin_hero p {
    color: #64748b;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55;
    margin: 0;
    max-width: 760px;
}

.contact_hero_art {
    align-items: center;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(15, 127, 77, .12);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    min-height: 260px;
    overflow: hidden;
    padding: 18px;
}

.contact_hero_art img {
    display: block;
    height: auto;
    max-height: 320px;
    max-width: 100%;
}

.contact_public_hero > img {
    align-self: center;
    background: rgba(255, 255, 255, .76);
    border: 1px solid rgba(15, 127, 77, .12);
    border-radius: 20px;
    display: block;
    justify-self: center;
    max-height: 320px;
    max-width: 100%;
    padding: 16px;
}

.contact_hero_points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.contact_hero_points span {
    align-items: center;
    background: rgba(232, 246, 239, .9);
    border: 1px solid rgba(15, 127, 77, .16);
    border-radius: 999px;
    color: #0f7f4d;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    gap: 8px;
    min-height: 38px;
    padding: 0 13px;
}

.contact_form_panel,
.contact_admin_list,
.contact_settings_card {
    background: #fff;
    border: 1px solid rgba(15, 127, 77, .16);
    border-radius: 22px;
    margin-top: 22px;
}

.contact_form_panel {
    padding: clamp(22px, 3vw, 34px);
}

.contact_form_intro {
    border-bottom: 1px solid rgba(17, 24, 39, .08);
    margin-bottom: 24px;
    padding-bottom: 22px;
}

.contact_form_intro > span,
.contact_side_card > span,
.contact_fast_paths > span {
    align-items: center;
    color: #94a3b8;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.contact_form_intro h2 {
    color: #111827;
    font-size: 26px;
    line-height: 1.15;
    margin: 10px 0 8px;
}

.contact_form_intro p {
    color: #64748b;
    font-weight: 500;
    line-height: 1.55;
    margin: 0;
    max-width: 900px;
}

.contact_form_head {
    align-items: start;
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.contact_form_head i,
.contact_side_icon,
.contact_admin_icon {
    align-items: center;
    background: #e8f6ef;
    border-radius: 16px;
    color: #0f7f4d;
    display: inline-flex;
    flex: 0 0 auto;
    height: 52px;
    justify-content: center;
    width: 52px;
}

.contact_form_head h2,
.contact_settings_card h2 {
    color: #111827;
    font-size: 26px;
    line-height: 1.15;
    margin: 0 0 8px;
}

.contact_form_head p,
.contact_settings_card p {
    color: #64748b;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}

.contact_form_grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact_form {
    display: grid;
    gap: 18px;
}

.contact_field,
.contact_form label {
    display: grid;
    gap: 8px;
    min-width: 0;
    position: relative;
}

.contact_field.is-wide {
    grid-column: 1 / -1;
}

.contact_field span,
.contact_form label > span {
    color: #111827;
    font-size: 14px;
    font-weight: 800;
}

.contact_form label > span em {
    color: #94a3b8;
    font-style: normal;
    font-weight: 700;
}

.contact_field input,
.contact_field select,
.contact_field textarea,
.contact_form input,
.contact_form select,
.contact_form textarea,
.contact_settings_card input,
.contact_settings_card textarea {
    background: #fff;
    border: 1px solid #d8e5e1;
    border-radius: 14px;
    color: #111827;
    font: inherit;
    font-size: 15px;
    font-weight: 500;
    min-height: 52px;
    padding: 0 16px;
    width: 100%;
}

.contact_field textarea,
.contact_form textarea,
.contact_settings_card textarea {
    line-height: 1.5;
    min-height: 150px;
    padding: 14px 16px;
    resize: vertical;
}

.contact_form label:has(> select)::after,
.contact_field:has(> select)::after {
    align-items: center;
    background: #f8fafc;
    border-left: 1px solid #e4ece9;
    border-radius: 0 14px 14px 0;
    bottom: 0;
    color: #64748b;
    content: "\f078";
    display: inline-flex;
    font-family: "Font Awesome 6 Free";
    font-size: 15px;
    font-weight: 900;
    height: 52px;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 56px;
}

.contact_form label > select,
.contact_field > select {
    -webkit-appearance: none;
    appearance: none;
    line-height: 50px;
    padding-right: 70px;
}

.contact_field input:focus,
.contact_field select:focus,
.contact_field textarea:focus,
.contact_form input:focus,
.contact_form select:focus,
.contact_form textarea:focus,
.contact_settings_card input:focus,
.contact_settings_card textarea:focus {
    border-color: #0f7f4d;
    box-shadow: 0 0 0 4px rgba(15, 127, 77, .1);
    outline: none;
}

.contact_hidden,
.contact_honeypot {
    left: -9999px;
    position: absolute;
}

.contact_submit_row,
.contact_form_footer {
    align-items: center;
    border-top: 1px solid rgba(17, 24, 39, .08);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 20px;
}

.contact_submit_row p,
.contact_form_footer p {
    color: #64748b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    margin: 0;
}

.contact_submit_row button,
.contact_form_footer button,
.contact_settings_card button {
    align-items: center;
    background: #11824f;
    border: 0;
    border-radius: 14px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-weight: 800;
    gap: 9px;
    justify-content: center;
    min-height: 52px;
    padding: 0 22px;
}

.contact_submit_row button:hover,
.contact_form_footer button:hover,
.contact_settings_card button:hover {
    background: #0c6f42;
}

.contact_submit_row button:disabled,
.contact_form_footer button:disabled,
.contact_settings_card button:disabled {
    cursor: wait;
    opacity: .75;
}

.contact_notice {
    border-radius: 14px;
    display: none;
    font-weight: 700;
    margin-top: 16px;
    padding: 13px 14px;
}

.contact_notice.is-visible {
    display: block;
}

.contact_notice.is-success {
    background: #e8f6ef;
    color: #0f7f4d;
}

.contact_notice.is-error {
    background: #fff1f2;
    color: #b42318;
}

.contact_side_panel {
    display: block;
    grid-column: 3 !important;
    min-width: 0;
    width: auto;
}

.contact_side_card,
.contact_fast_paths {
    background: #fff;
    border: 1px solid rgba(15, 127, 77, .14);
    border-radius: 18px;
    margin-top: 16px;
    padding: 18px;
}

.contact_side_card p,
.contact_side_card li {
    color: #64748b;
    font-weight: 500;
    line-height: 1.55;
}

.contact_side_card p {
    margin: 10px 0 0;
}

.contact_side_card ul {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
}

.contact_side_card li {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 8px minmax(0, 1fr);
}

.contact_side_card li::before {
    background: #0f7f4d;
    border-radius: 999px;
    content: "";
    height: 8px;
    width: 8px;
}

.contact_fast_paths {
    display: grid;
    gap: 10px;
}

.contact_fast_paths a {
    align-items: center;
    background: #f8fafc;
    border: 1px solid rgba(17, 24, 39, .08);
    border-radius: 14px;
    color: #111827;
    display: grid;
    font-weight: 800;
    gap: 12px;
    grid-template-columns: 38px minmax(0, 1fr);
    min-height: 56px;
    padding: 10px 12px;
    text-decoration: none;
}

.contact_fast_paths a i {
    align-items: center;
    background: #e8f6ef;
    border-radius: 12px;
    color: #0f7f4d;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.contact_side_section {
    border-bottom: 1px solid rgba(17, 24, 39, .08);
    padding: 0 0 22px;
}

.contact_side_section + .contact_side_section {
    padding-top: 22px;
}

.contact_side_section h2,
.contact_side_section h3 {
    color: #111827;
    font-size: 24px;
    line-height: 1.15;
    margin: 8px 0 12px;
}

.contact_side_section p,
.contact_side_section li {
    color: #64748b;
    font-weight: 500;
    line-height: 1.55;
}

.contact_side_section ul {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact_side_section li {
    align-items: start;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
}

.contact_side_section li i,
.contact_quick_links i {
    color: #0f7f4d;
    margin-top: 4px;
}

.contact_quick_links {
    display: grid;
    gap: 10px;
}

.contact_quick_links a {
    align-items: center;
    border: 1px solid rgba(15, 127, 77, .14);
    border-radius: 14px;
    color: #111827;
    display: flex;
    font-weight: 800;
    gap: 12px;
    min-height: 54px;
    padding: 0 14px;
    text-decoration: none;
}

.contact_admin_hero {
    align-items: start;
    gap: 22px;
    grid-template-columns: minmax(0, 1fr);
}

.contact_admin_hero .contact_eyebrow {
    font-size: 14px;
}

.contact_admin_hero h1 {
    font-size: clamp(32px, 3.2vw, 48px);
    line-height: 1.08;
    max-width: none;
    width: 100%;
}

.contact_admin_hero p {
    font-size: 15px;
    font-weight: 450;
    line-height: 1.55;
    max-width: 100%;
}

.contact_admin_stats {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
}

.contact_admin_stats span,
.contact_admin_filters a,
.contact_admin_message,
.contact_admin_empty,
.contact_message_card,
.contact_settings_card {
    border: 1px solid rgba(15, 127, 77, .16);
}

.contact_admin_stats span {
    background: rgba(255, 255, 255, .72);
    border-radius: 16px;
    padding: 14px 16px;
}

.contact_admin_stats strong {
    color: #0f7f4d;
    display: block;
    font-size: 26px;
    line-height: 1.05;
}

.contact_admin_stats em {
    color: #64748b;
    display: block;
    font-size: 13px;
    font-style: normal;
    font-weight: 650;
    margin-top: 5px;
    text-transform: uppercase;
}

.contact_admin_filters {
    display: grid;
    gap: 14px;
    margin: 22px 0;
}

.contact_admin_filters form {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(15, 127, 77, .16);
    border-radius: 16px;
    display: flex;
    gap: 12px;
    min-height: 58px;
    padding: 0 16px;
}

.contact_admin_filters input {
    border: 0;
    color: #111827;
    flex: 1;
    font: inherit;
    font-size: 15px;
    font-weight: 500;
    min-width: 0;
    outline: none;
}

.contact_admin_filters div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.contact_admin_filters a {
    align-items: center;
    background: #fff;
    border-radius: 999px;
    color: #64748b;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    min-height: 38px;
    padding: 0 13px;
    text-decoration: none;
}

.contact_admin_filters a.is-active {
    background: #e8f6ef;
    border-color: rgba(15, 127, 77, .28);
    color: #0f7f4d;
}

.contact_admin_list {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.contact_admin_empty {
    align-items: center;
    background: rgba(255, 255, 255, .82);
    border-radius: 20px;
    color: #64748b;
    display: grid;
    gap: 10px;
    justify-items: center;
    padding: 34px 20px;
    text-align: center;
}

.contact_admin_empty i {
    align-items: center;
    background: #e8f6ef;
    border-radius: 18px;
    color: #0f7f4d;
    display: inline-flex;
    font-size: 24px;
    height: 58px;
    justify-content: center;
    width: 58px;
}

.contact_admin_empty h2,
.contact_admin_empty p {
    margin: 0;
}

.contact_admin_message {
    background: rgba(255, 255, 255, .9);
    border-radius: 22px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .06);
    display: grid;
    gap: 15px;
    min-width: 0;
    padding: 18px;
}

.contact_admin_message header {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: 52px minmax(0, 1fr) auto;
}

.contact_admin_avatar {
    align-items: center;
    background: linear-gradient(145deg, #e8f6ef, #f8fffc);
    border: 1px solid rgba(15, 127, 77, .16);
    border-radius: 18px;
    color: #0f7f4d;
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    text-transform: uppercase;
    width: 48px;
}

.contact_admin_message header span {
    color: #64748b;
    display: block;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.4;
}

.contact_admin_message header h2 {
    color: #0f172a;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin: 4px 0 6px;
    overflow-wrap: anywhere;
}

.contact_admin_message header p {
    color: #475569;
    font-size: 14px;
    font-weight: 550;
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.contact_admin_message header em,
.contact_admin_message [data-contact-status] {
    align-items: center;
    background: #e8f6ef;
    border: 1px solid rgba(15, 127, 77, .16);
    border-radius: 999px;
    color: #0f7f4d;
    display: inline-flex;
    font-style: normal;
    font-size: 14px;
    font-weight: 650;
    min-height: 32px;
    padding: 0 11px;
    text-transform: capitalize;
    white-space: nowrap;
}

.contact_admin_message.is-spam header em,
.contact_admin_message.is-spam [data-contact-status] {
    background: #fff1f2;
    border-color: rgba(190, 18, 60, .18);
    color: #be123c;
}

.contact_admin_message.is-closed header em,
.contact_admin_message.is-closed [data-contact-status],
.contact_admin_message.is-replied header em,
.contact_admin_message.is-replied [data-contact-status] {
    background: #eef2ff;
    border-color: rgba(79, 70, 229, .16);
    color: #4f46e5;
}

.contact_admin_message.is-read header em,
.contact_admin_message.is-read [data-contact-status] {
    background: #f1f5f9;
    border-color: rgba(100, 116, 139, .18);
    color: #64748b;
}

.contact_admin_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.contact_admin_meta span {
    align-items: center;
    background: #f8fafc;
    border: 1px solid rgba(15, 127, 77, .12);
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 6px;
    max-width: 100%;
    min-height: 32px;
    overflow-wrap: anywhere;
    padding: 0 12px;
}

.contact_admin_meta strong {
    color: #0f7f4d;
    font-size: 10.5px;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.contact_admin_body {
    background: #f8fafc;
    border: 1px solid rgba(15, 127, 77, .1);
    border-radius: 18px;
    color: #334155;
    font-size: 15px;
    font-weight: 450;
    line-height: 1.55;
    margin: 0;
    overflow-wrap: anywhere;
    padding: 16px;
}

.contact_admin_url {
    align-items: center;
    background: #f0fdfa;
    border: 1px solid rgba(8, 145, 178, .16);
    border-radius: 14px;
    color: #0891b2;
    display: inline-flex;
    font-size: 14px;
    font-weight: 650;
    gap: 8px;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 12px 14px;
    text-decoration: none;
}

.contact_admin_url:hover {
    background: #ecfeff;
    color: #0e7490;
}

.contact_admin_actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.contact_admin_actions a,
.contact_admin_actions button {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(15, 127, 77, .18);
    border-radius: 14px;
    color: #0f172a;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 14px;
    font-weight: 650;
    gap: 8px;
    justify-content: center;
    min-height: 40px;
    padding: 0 13px;
    text-decoration: none;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.contact_admin_actions a {
    background: #e8f6ef;
    color: #0f7f4d;
}

.contact_admin_actions a:hover,
.contact_admin_actions button:hover {
    background: #0f7f4d;
    border-color: #0f7f4d;
    color: #fff;
    transform: translateY(-1px);
}

.contact_empty {
    color: #64748b;
    font-weight: 700;
    margin: 0;
    padding: 24px;
    text-align: center;
}

.contact_message_card {
    background: #fff;
    border-radius: 18px;
    display: grid;
    gap: 16px;
    padding: 18px;
}

.contact_message_head {
    align-items: start;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.contact_message_head h2 {
    color: #111827;
    font-size: 21px;
    line-height: 1.25;
    margin: 6px 0 6px;
}

.contact_message_head p,
.contact_message_meta,
.contact_message_body {
    color: #64748b;
    font-weight: 600;
    line-height: 1.55;
}

.contact_message_badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.contact_message_badges span {
    background: #f1f5f9;
    border-radius: 999px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    padding: 7px 10px;
}

.contact_message_badges span:first-child {
    background: #e8f6ef;
    color: #0f7f4d;
}

.contact_message_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
}

.contact_message_body {
    background: #f8fafc;
    border-radius: 16px;
    color: #334155;
    padding: 16px;
    white-space: pre-wrap;
}

.contact_message_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.contact_message_actions a,
.contact_message_actions button {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(15, 127, 77, .18);
    border-radius: 12px;
    color: #111827;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 800;
    gap: 8px;
    min-height: 42px;
    padding: 0 13px;
    text-decoration: none;
}

.contact_message_actions button:hover,
.contact_message_actions a:hover {
    background: #e8f6ef;
    color: #0f7f4d;
}

.contact_settings_card {
    margin-top: 0;
    padding: 22px;
}

.contact_settings_card + .contact_settings_card {
    margin-top: 18px;
}

.contact_settings_card > span {
    color: #94a3b8;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.contact_settings_card form {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

.contact_settings_card label {
    display: grid;
    gap: 8px;
}

.contact_settings_card label > span {
    color: #111827;
    font-size: 13px;
    font-weight: 800;
}

.contact_settings_grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact_switch {
    align-items: center;
    background: #f8fafc;
    border: 1px solid rgba(15, 127, 77, .13);
    border-radius: 14px;
    display: flex !important;
    gap: 10px;
    padding: 13px;
}

.contact_switch input {
    accent-color: #11824f;
    min-height: auto;
    width: auto;
}

.contact_admin_guidance ul {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
    padding-left: 17px;
}

.contact_admin_guidance li {
    color: #64748b;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (max-width: 1180px) {
    .inbox_contact_app,
    .inbox_contact_admin_app {
        grid-template-columns: var(--inbox-rail-width, 88px) minmax(0, 1fr);
    }

    .inbox_contact_side,
    .contact_admin_side {
        border-left: 0;
        border-top: 1px solid rgba(17, 24, 39, .08);
        grid-column: 2;
    }

    .contact_side_panel {
        grid-column: 2 !important;
    }
}

@media (max-width: 860px) {
    .inbox_contact_app,
    .inbox_contact_admin_app {
        display: block !important;
    }

    .inbox_contact_admin_app .contact_admin_main,
    .inbox_contact_admin_app .contact_admin_side {
        grid-column: auto;
    }

    .inbox_contact_main,
    .contact_admin_main {
        padding: 86px 18px 28px;
    }

    .inbox_contact_side,
    .contact_admin_side {
        padding: 22px 18px 34px;
    }

    .inbox_contact_admin_app .contact_admin_side {
        grid-template-columns: 1fr;
        padding: 22px 18px 34px;
    }

    .contact_hero,
    .contact_public_hero,
    .contact_admin_hero,
    .contact_form_grid {
        grid-template-columns: 1fr;
    }

    .contact_hero_art,
    .contact_public_hero > img {
        min-height: 190px;
    }

    .contact_admin_stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }
}

@media (max-width: 560px) {
    .inbox_contact_main,
    .contact_admin_main {
        padding-left: 14px;
        padding-right: 14px;
    }

    .inbox_contact_admin_app .contact_admin_side {
        padding-left: 14px;
        padding-right: 14px;
    }

    .contact_hero,
    .contact_public_hero,
    .contact_admin_hero,
    .contact_form_panel,
    .contact_admin_list,
    .contact_settings_card {
        border-radius: 18px;
        padding: 18px;
    }

    .contact_hero h1,
    .contact_public_hero h1,
    .contact_admin_hero h1 {
        font-size: 31px;
    }

    .contact_hero p,
    .contact_public_hero p,
    .contact_admin_hero p {
        font-size: 15px;
    }

    .contact_submit_row,
    .contact_form_footer,
    .contact_admin_message header,
    .contact_message_head {
        align-items: stretch;
        display: flex;
        flex-direction: column;
    }

    .contact_submit_row button,
    .contact_form_footer button,
    .contact_admin_actions a,
    .contact_admin_actions button {
        width: 100%;
    }

    .contact_admin_stats,
    .contact_settings_grid {
        grid-template-columns: 1fr;
    }
}

/* Global legal footer: keep this at the end so page-specific app rules cannot hide it. */
body.inbox_body.inbox_tickets_body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.inbox_body .dizzy_site_footer.footer11 {
    --footer11-card: #f4f7f5;
    --footer11-card-soft: #eef6f1;
    --footer11-text: #101828;
    --footer11-muted: #667085;
    --footer11-line: rgba(209, 226, 218, 0.96);
    --footer11-primary: #128147;
    --footer11-primary-hover: #0f6d3d;
    box-sizing: border-box;
    display: block !important;
    margin: 0 0 0 92px;
    padding: 22px 28px 28px;
    width: calc(100% - 92px);
    background: #f7faf8;
    border-top: 1px solid rgba(224, 238, 232, 0.95);
    color: var(--footer11-text);
    font-family: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.inbox_body .footer11-inner {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 0 auto;
    max-width: 1320px;
    width: min(1320px, 100%);
}

body.inbox_body .footer11-card {
    background: var(--footer11-card);
    border: 1px solid var(--footer11-line);
    border-radius: 26px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.045);
    width: 100%;
}

body.inbox_body .footer11-top-card {
    padding: 40px 42px;
}

body.inbox_body .footer11-top-grid {
    display: grid;
    gap: 30px 44px;
    grid-template-columns: minmax(320px, 1.35fr) minmax(150px, 0.8fr) minmax(160px, 0.8fr) minmax(180px, 0.85fr);
}

body.inbox_body .footer11-brand-block {
    min-width: 0;
}

body.inbox_body .footer11-brand {
    align-items: center;
    color: var(--footer11-text);
    display: inline-flex;
    gap: 12px;
    margin-bottom: 20px;
    text-decoration: none;
}

body.inbox_body .footer11-brand-mark {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(209, 226, 218, 0.98);
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
    color: var(--footer11-primary);
    display: inline-flex;
    flex: 0 0 48px;
    height: 48px;
    justify-content: center;
    width: 48px;
}

body.inbox_body .footer11-brand-mark i {
    font-size: 20px;
}

body.inbox_body .footer11-brand span:last-child {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
}

body.inbox_body .footer11-tagline {
    color: var(--footer11-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
    margin: 0 0 22px;
    max-width: 430px;
}

body.inbox_body .footer11-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 14px;
}

body.inbox_body .footer11-action {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(209, 226, 218, 0.98);
    border-radius: 14px;
    color: var(--footer11-text);
    display: inline-flex;
    font-size: 13px;
    font-weight: 750;
    gap: 9px;
    min-height: 48px;
    padding: 0 16px;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body.inbox_body .footer11-action-primary {
    background: var(--footer11-primary);
    border-color: var(--footer11-primary);
    color: #ffffff;
}

body.inbox_body .footer11-action:hover,
body.inbox_body .footer11-action:focus-visible {
    border-color: rgba(18, 129, 71, 0.34);
    transform: translateY(-1px);
}

body.inbox_body .footer11-action-primary:hover,
body.inbox_body .footer11-action-primary:focus-visible {
    background: var(--footer11-primary-hover);
    border-color: var(--footer11-primary-hover);
}

body.inbox_body .footer11-note {
    color: var(--footer11-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    margin: 0;
    max-width: 420px;
}

body.inbox_body .footer11-col {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 15px;
    min-width: 0;
}

body.inbox_body .footer11-col h2 {
    color: #8a95a3;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1;
    margin: 2px 0 2px;
    text-transform: uppercase;
}

body.inbox_body .footer11-col a,
body.inbox_body .footer11-legal a {
    align-items: center;
    color: var(--footer11-text);
    display: inline-flex;
    font-size: 13px;
    font-weight: 600;
    gap: 8px;
    line-height: 1.25;
    max-width: 100%;
    min-width: 0;
    text-decoration: none;
    transition: color 0.2s ease, transform 0.2s ease;
}

body.inbox_body .footer11-col a i {
    color: var(--footer11-primary);
    flex: 0 0 16px;
    font-size: 13px;
    text-align: center;
}

body.inbox_body .footer11-col a span,
body.inbox_body .footer11-legal a span {
    overflow: hidden;
    text-overflow: ellipsis;
}

body.inbox_body .footer11-col a:hover,
body.inbox_body .footer11-col a:focus-visible,
body.inbox_body .footer11-legal a:hover,
body.inbox_body .footer11-legal a:focus-visible {
    color: var(--footer11-primary);
    transform: translateX(2px);
}

body.inbox_body .footer11-bottom-card {
    padding: 20px 28px;
}

body.inbox_body .footer11-bottom {
    align-items: center;
    display: flex;
    gap: 18px 26px;
    justify-content: space-between;
}

body.inbox_body .footer11-copy {
    color: var(--footer11-muted);
    flex: 0 1 420px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    margin: 0;
}

body.inbox_body .footer11-legal {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 10px 22px;
    justify-content: flex-end;
    min-width: 0;
}

body.inbox_body .footer11-legal a {
    color: var(--footer11-muted);
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 1024px) {
    body.inbox_body .dizzy_site_footer.footer11 {
        margin-left: 0;
        padding: 18px 16px 22px;
        width: 100%;
    }

    body.inbox_body .footer11-top-card {
        padding: 28px 24px;
    }

    body.inbox_body .footer11-top-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 30px;
    }

    body.inbox_body .footer11-brand-block {
        grid-column: 1 / -1;
    }

    body.inbox_body .footer11-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    body.inbox_body .footer11-legal {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    body.inbox_body .dizzy_site_footer.footer11 {
        padding: 16px 12px 20px;
    }

    body.inbox_body .footer11-card {
        border-radius: 22px;
    }

    body.inbox_body .footer11-top-card,
    body.inbox_body .footer11-bottom-card {
        padding: 22px 20px;
    }

    body.inbox_body .footer11-top-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    body.inbox_body .footer11-brand {
        margin-bottom: 16px;
    }

    body.inbox_body .footer11-tagline {
        font-size: 13px;
        margin-bottom: 18px;
    }

    body.inbox_body .footer11-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    body.inbox_body .footer11-action {
        justify-content: center;
        width: 100%;
    }

    body.inbox_body .footer11-col {
        gap: 13px;
    }

    body.inbox_body .footer11-legal {
        gap: 12px 18px;
    }
}

/* Policy/legal pages final layout: keep after shared inbox and rail rules. */
body.inbox_body.inbox_policy_body {
    -webkit-font-smoothing: antialiased;
    font-family: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    height: auto;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    text-rendering: optimizeLegibility;
}

body.inbox_policy_body :where(h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, label, span) {
    font-family: inherit;
}

body.inbox_policy_body .inbox_app.inbox_policy_app {
    align-items: start;
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) minmax(300px, 360px);
    height: auto;
    min-height: 100vh;
    overflow: visible;
    width: 100%;
}

body.inbox_policy_body .inbox_app.inbox_policy_manager_app {
    grid-template-columns: 92px minmax(0, 1fr) minmax(300px, 360px);
}

body.inbox_policy_body .inbox_policy_main,
body.inbox_policy_body .inbox_policy_manager_main {
    box-sizing: border-box;
    grid-column: 2;
    min-width: 0;
    overflow: visible;
    padding: 34px clamp(24px, 3.4vw, 54px);
    width: 100%;
}

body.inbox_policy_body .inbox_policy_side {
    align-self: start;
    background: rgba(255, 255, 255, .94);
    border-left: 1px solid var(--inbox-border);
    box-sizing: border-box;
    grid-column: 3;
    height: auto;
    max-height: 100vh;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 28px 22px;
    position: sticky;
    top: 0;
}

body.inbox_policy_body .policy_manager_hero {
    align-items: center;
    background: linear-gradient(135deg, rgba(236, 253, 245, .72), rgba(248, 250, 252, .96));
    border-radius: 18px;
    gap: 22px;
    margin-bottom: 16px;
    padding: 24px;
}

body.inbox_policy_body .policy_manager_hero h1 {
    font-size: clamp(34px, 3vw, 46px);
    letter-spacing: 0;
    line-height: 1.03;
    margin: 6px 0 10px;
}

body.inbox_policy_body .policy_manager_hero p {
    font-size: 15px;
    line-height: 1.6;
    max-width: 760px;
}

body.inbox_policy_body .policy_manager_stats {
    gap: 10px;
    margin-bottom: 16px;
}

body.inbox_policy_body .policy_manager_stats article {
    border-radius: 14px;
    padding: 15px 16px;
}

body.inbox_policy_body .policy_manager_stats span {
    font-size: 24px;
    font-weight: 760;
}

body.inbox_policy_body .policy_manager_stats strong {
    font-size: 11px;
    letter-spacing: 0;
    margin-top: 7px;
}

body.inbox_policy_body .policy_manager_create,
body.inbox_policy_body .policy_manager_card {
    border-radius: 16px;
    margin-bottom: 14px;
}

body.inbox_policy_body .policy_manager_create > summary,
body.inbox_policy_body .policy_manager_card > summary {
    min-height: 74px;
    padding: 18px 20px;
}

body.inbox_policy_body .policy_manager_card summary em {
    font-size: 11px;
    margin-bottom: 5px;
}

body.inbox_policy_body .policy_manager_card summary strong,
body.inbox_policy_body .policy_manager_create summary span {
    font-size: 18px;
    font-weight: 760;
}

body.inbox_policy_body .policy_manager_card summary small {
    font-size: 13px;
    line-height: 1.45;
    max-width: 860px;
}

body.inbox_policy_body .policy_manager_card summary b {
    font-size: 12px;
    font-weight: 800;
    min-height: 32px;
    padding: 0 11px;
}

body.inbox_policy_body .policy_manager_create_body,
body.inbox_policy_body .policy_manager_card_body {
    padding: 20px;
}

body.inbox_policy_body .policy_manager_form {
    gap: 16px;
}

body.inbox_policy_body .policy_manager_form label > span {
    font-size: 12px;
    font-weight: 760;
}

body.inbox_policy_body .policy_manager_form input[type="text"],
body.inbox_policy_body .policy_manager_form input[type="number"],
body.inbox_policy_body .policy_manager_form select,
body.inbox_policy_body .policy_manager_form textarea {
    border-radius: 12px;
    font-size: 15px;
    min-height: 46px;
}

body.inbox_policy_body .policy_manager_form .tox-tinymce {
    border-color: #d9e4ef !important;
    border-radius: 14px !important;
    overflow: hidden;
}

body.inbox_policy_body .policy_manager_checks label {
    border-radius: 12px;
    min-height: 48px;
}

body.inbox_policy_body .policy_side_card {
    border-radius: 16px;
    padding: 20px;
}

body.inbox_policy_body .policy_side_card h2,
body.inbox_policy_body .policy_side_card h3 {
    line-height: 1.18;
}

body.inbox_policy_body .policy_side_card h2 {
    font-size: 25px;
}

body.inbox_policy_body .policy_side_card h3 {
    font-size: 17px;
}

body.inbox_policy_body .policy_side_card p,
body.inbox_policy_body .policy_side_checklist,
body.inbox_policy_body .policy_side_links a,
body.inbox_policy_body .policy_side_grid a {
    font-size: 13px;
}

@media (min-width: 1025px) {
    body.inbox_policy_body .inbox_app.inbox_policy_app > .inbox_rail {
        grid-column: 1;
    }
}

@media (max-width: 1180px) {
    body.inbox_policy_body .inbox_app.inbox_policy_app,
    body.inbox_policy_body .inbox_app.inbox_policy_manager_app {
        display: block;
        max-width: 100vw;
    }

    body.inbox_policy_body .inbox_policy_main,
    body.inbox_policy_body .inbox_policy_manager_main {
        padding: 92px clamp(18px, 4vw, 34px) 28px;
    }

    body.inbox_policy_body .inbox_policy_side {
        border-left: 0;
        border-top: 1px solid var(--inbox-border);
        max-height: none;
        min-height: 0;
        overflow: visible;
        padding: 0 clamp(18px, 4vw, 34px) 34px;
        position: static;
    }

    body.inbox_policy_body .policy_manager_hero {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 760px) {
    body.inbox_policy_body .inbox_policy_main,
    body.inbox_policy_body .inbox_policy_manager_main {
        padding: 78px 16px 26px;
    }

    body.inbox_policy_body .policy_manager_hero {
        border-radius: 16px;
        padding: 18px;
    }

    body.inbox_policy_body .policy_manager_hero h1 {
        font-size: 30px;
    }

    body.inbox_policy_body .policy_manager_stats,
    body.inbox_policy_body .policy_manager_fields,
    body.inbox_policy_body .policy_manager_small_fields,
    body.inbox_policy_body .policy_manager_checks {
        grid-template-columns: 1fr;
    }

    body.inbox_policy_body .policy_manager_create > summary,
    body.inbox_policy_body .policy_manager_card > summary {
        align-items: flex-start;
        gap: 12px;
        padding: 16px;
    }

    body.inbox_policy_body .policy_manager_create_body,
    body.inbox_policy_body .policy_manager_card_body {
        padding: 16px;
    }

    body.inbox_policy_body .policy_manager_actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    body.inbox_policy_body .policy_manager_actions > * {
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 980px) {
    .inbox_docs_license_gate,
    .product_manager_envato_settings,
    .product_manager_envato_settings form {
        grid-template-columns: 1fr;
    }

    .docs_license_steps {
        grid-template-columns: 1fr;
    }

    .product_manager_envato_settings button {
        width: 100%;
    }

    .product_manager_coffee_checks {
        grid-template-columns: 1fr;
    }

    .account_license_list article {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .account_license_list p {
        text-align: left;
    }
}

@media (max-width: 640px) {
    .inbox_docs_license_gate {
        padding: 18px;
    }

    .docs_license_intro h2 {
        font-size: 24px;
    }

    .docs_license_form {
        padding: 14px;
    }
}

@media (max-width: 1024px) {
    body.inbox_body.inbox_faq_body {
        height: auto;
        min-height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) {
        display: block;
        height: auto;
        max-width: 100vw;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_faq_main {
        border-right: 0;
        overflow: visible;
        padding-top: 0 !important;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_help_panel {
        display: none;
    }

    .inbox_faq_board {
        gap: 14px;
        padding: 72px 20px 34px;
    }

    .inbox_faq_hero {
        align-items: start;
        gap: 16px;
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .inbox_faq_switcher {
        justify-content: flex-start;
    }

    .inbox_faq_focus_grid {
        grid-template-columns: 1fr;
    }

    .inbox_faq_focus_grid article {
        align-items: center;
        gap: 14px;
        grid-template-columns: auto minmax(0, 1fr);
        padding: 14px 16px;
    }

    .inbox_faq_focus_grid i {
        grid-row: span 2;
    }

    .inbox_faq_focus_grid span,
    .inbox_faq_focus_grid strong {
        min-width: 0;
    }

    .inbox_faq_controls {
        padding: 14px;
    }

    .inbox_faq_category_bar {
        flex-wrap: nowrap;
        margin: 0 -14px;
        overflow-x: auto;
        padding: 0 14px 4px;
        -webkit-overflow-scrolling: touch;
    }

    .inbox_faq_category_bar button {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .inbox_faq_answer {
        padding: 16px 18px 18px;
    }
}

@media (max-width: 680px) {
    .inbox_faq_board {
        gap: 12px;
        padding: 66px 14px 28px;
    }

    .inbox_faq_hero,
    .inbox_faq_controls {
        border-radius: 16px;
        padding: 16px;
    }

    .inbox_faq_hero h1 {
        font-size: 27px;
        line-height: 1.12;
    }

    .inbox_faq_hero p {
        font-size: 14px;
    }

    .inbox_faq_focus_grid article {
        border-radius: 16px;
        min-height: auto;
        padding: 13px 14px;
    }

    .inbox_faq_focus_grid span {
        font-size: 11px;
        line-height: 1.2;
    }

    .inbox_faq_focus_grid strong {
        font-size: 14px;
        line-height: 1.35;
    }

    .inbox_faq_search {
        min-height: 50px;
        padding: 0 14px;
    }

    .inbox_faq_category_bar {
        margin: 0 -14px;
        padding: 0 14px 4px;
    }

    .inbox_faq_category_bar button {
        font-size: 12px;
        min-height: 34px;
        padding: 0 11px;
    }

    .inbox_faq_item {
        border-radius: 16px;
    }

    .inbox_faq_item summary {
        align-items: start;
        gap: 11px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-height: auto;
        padding: 14px;
    }

    .inbox_faq_icon {
        border-radius: 11px;
        height: 36px;
        width: 36px;
    }

    .inbox_faq_item summary strong {
        font-size: 16px;
    }

    .inbox_faq_answer {
        font-size: 14px;
        line-height: 1.6;
        padding: 14px;
    }

    .inbox_faq_answer_actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .inbox_faq_answer_actions a {
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    body.inbox_body.inbox_faq_body {
        height: auto;
        min-height: 100vh;
        overflow: auto;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) {
        display: block;
        height: auto;
        max-width: 100vw;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_faq_main {
        border-right: 0;
        overflow: visible;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_help_panel {
        display: none;
    }

    .inbox_faq_board {
        padding: 96px 20px 34px;
    }

    .inbox_faq_hero {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .inbox_faq_switcher {
        justify-content: flex-start;
    }

    .inbox_faq_focus_grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .inbox_faq_board {
        padding: 88px 16px 28px;
    }

    .inbox_faq_hero,
    .inbox_faq_controls,
    .inbox_faq_focus_grid article {
        padding: 16px;
    }

    .inbox_faq_hero h1 {
        font-size: 28px;
    }

    .inbox_faq_hero p {
        font-size: 14px;
    }

    .inbox_faq_category_bar {
        flex-wrap: nowrap;
        margin: 0 -16px;
        overflow-x: auto;
        padding: 0 16px 2px;
        -webkit-overflow-scrolling: touch;
    }

    .inbox_faq_category_bar button {
        flex: 0 0 auto;
    }

    .inbox_faq_item summary {
        align-items: start;
        gap: 12px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        padding: 14px;
    }

    .inbox_faq_item summary strong {
        font-size: 15px;
    }

    .inbox_faq_answer {
        font-size: 14px;
        padding: 14px;
    }

    .inbox_faq_answer_actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .inbox_faq_answer_actions a {
        justify-content: center;
    }
}

@media (max-width: 360px) {
    .inbox_app:not(.inbox_create_app):not(.inbox_auth_app) .ticket_attachment_grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    body.inbox_auth_body {
        overflow: auto;
    }

    .inbox_create_app,
    .inbox_auth_app {
        min-height: 100vh;
        height: auto;
        display: block;
    }

    .inbox_create_app .inbox_rail,
    .inbox_auth_app .inbox_rail {
        min-height: 64px;
        flex-direction: row;
        justify-content: flex-start;
        padding: 10px 14px;
        gap: 16px;
        overflow-x: auto;
    }

    .inbox_create_app .inbox_rail_group,
    .inbox_auth_app .inbox_rail_group {
        flex-direction: row;
        width: auto;
    }

    .inbox_create_app .inbox_rail_group_bottom,
    .inbox_auth_app .inbox_rail_group_bottom {
        margin-top: 0;
        margin-left: auto;
    }

    .inbox_nav_item.is-active::before {
        display: none;
    }

    .inbox_create_list {
        border-right: 0;
        border-bottom: 1px solid var(--inbox-line);
    }

    .inbox_create_list {
        min-height: auto;
    }

    .inbox_create_main {
        min-height: 70vh;
        border-right: 0;
    }

    .inbox_create_app .inbox_create_steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 0 20px 18px;
    }

    .inbox_create_app .inbox_create_steps div {
        align-content: start;
        grid-template-columns: 1fr;
        justify-items: start;
        min-height: 116px;
    }

    .inbox_create_app .inbox_conversation_header {
        align-items: flex-start;
        gap: 12px;
        padding: 18px 20px;
    }

    .inbox_create_app .inbox_create_form_wrap {
        overflow: visible;
        padding: 18px 20px 30px;
    }

    .inbox_create_form_wrap .ticket_form_fields_two,
    .inbox_create_form_wrap .ticket_form_submit {
        grid-template-columns: 1fr;
    }

    .inbox_create_form_wrap .ticket_form_submit_actions .submit_btn {
        width: 100%;
    }

    .inbox_message {
        max-width: 100%;
    }

    .inbox_auth_panel {
        display: block;
        padding: 28px 20px;
    }

    .inbox_auth_copy h1 {
        font-size: 34px;
    }
}

@media (max-width: 1024px) {
    body.inbox_body.inbox_suggestions_body {
        height: auto;
        min-height: 100vh;
        overflow: auto;
    }

    .inbox_app.inbox_suggestions_app:not(.inbox_create_app):not(.inbox_auth_app) {
        display: block;
        height: auto;
        max-width: 100vw;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }

    .inbox_app.inbox_suggestions_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail {
        box-sizing: border-box;
        flex-direction: row;
        gap: 16px;
        height: auto;
        justify-content: flex-start;
        min-height: 64px;
        overflow-x: auto;
        padding: 10px 14px;
        position: relative;
        width: 100%;
    }

    .inbox_app.inbox_suggestions_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group {
        flex-direction: row;
        width: auto;
    }

    .inbox_app.inbox_suggestions_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group_bottom {
        margin-left: auto;
        margin-top: 0;
    }

    .inbox_app.inbox_suggestions_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_nav_item.is-active::before {
        display: none;
    }

    .inbox_app.inbox_suggestions_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_help_panel {
        display: none;
    }

    .inbox_app.inbox_suggestions_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_suggestions_main {
        border-right: 0;
        overflow: visible;
    }

    body.inbox_body.inbox_suggestion_body {
        height: auto;
        min-height: 100vh;
        overflow: auto;
    }

    .inbox_app.inbox_suggestion_app:not(.inbox_create_app):not(.inbox_auth_app) {
        display: block;
        height: auto;
        max-width: 100vw;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }

    .inbox_app.inbox_suggestion_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail {
        box-sizing: border-box;
        flex-direction: row;
        gap: 16px;
        height: auto;
        justify-content: flex-start;
        min-height: 64px;
        overflow-x: auto;
        padding: 10px 14px;
        position: relative;
        width: 100%;
    }

    .inbox_app.inbox_suggestion_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group {
        flex-direction: row;
        width: auto;
    }

    .inbox_app.inbox_suggestion_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group_bottom {
        margin-left: auto;
        margin-top: 0;
    }

    .inbox_app.inbox_suggestion_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_nav_item.is-active::before {
        display: none;
    }

    .inbox_app.inbox_suggestion_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_help_panel {
        display: none;
    }

    .inbox_app.inbox_suggestion_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_suggestion_main {
        border-right: 0;
        overflow: visible;
    }

    body.inbox_body.inbox_docs_body {
        height: auto;
        min-height: 100vh;
        overflow: auto;
    }

    .inbox_app.inbox_docs_app:not(.inbox_create_app):not(.inbox_auth_app) {
        display: block;
        height: auto;
        max-width: 100vw;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }

    .inbox_app.inbox_docs_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail {
        box-sizing: border-box;
        flex-direction: row;
        gap: 16px;
        height: auto;
        justify-content: flex-start;
        min-height: 64px;
        max-width: 100vw;
        min-width: 0;
        overflow: hidden;
        overflow-x: auto;
        padding: 10px 14px;
        position: relative;
        width: 100%;
    }

    .inbox_app.inbox_docs_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group {
        flex-direction: row;
        flex: 0 0 auto;
        min-width: 0;
        width: auto;
    }

    .inbox_app.inbox_docs_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group_bottom {
        margin-left: 0;
        margin-top: 0;
    }

    .inbox_app.inbox_docs_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_nav_item.is-active::before {
        display: none;
    }

    .inbox_app.inbox_docs_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_help_panel {
        display: none;
    }

    .inbox_app.inbox_docs_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_docs_main {
        border-right: 0;
        overflow: visible;
    }

    .inbox_docs_path_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .inbox_suggestions_app .suggestions_board {
        padding: 20px;
    }

    .inbox_suggestions_app .suggestions_action_bar {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .inbox_suggestions_app .suggestions_focus_panel {
        grid-template-columns: 1fr;
    }

    .inbox_suggestions_app .suggestions_overview_cards,
    .inbox_suggestions_app .suggestions_admin_cards,
    .inbox_suggestions_app .suggestions_release_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_suggestions_app .suggestion_form_row,
    .inbox_suggestions_app .suggestions_filter_form,
    .inbox_suggestions_app .suggestions_search_form,
    .inbox_suggestions_app .suggestion_list_item {
        grid-template-columns: 1fr;
    }

    .inbox_suggestions_app .suggestions_search_form button {
        width: 100%;
    }

    .inbox_suggestions_app .suggestion_list_body,
    .inbox_suggestions_app .suggestion_list_stats {
        grid-column: auto;
        grid-row: auto;
    }

    .inbox_suggestions_app .suggestion_list_stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .inbox_suggestion_app .suggestion_single_board {
        padding: 20px;
    }

    .inbox_suggestion_app .suggestion_detail_summary,
    .inbox_suggestion_app .suggestion_detail_layout,
    .inbox_suggestion_app .suggestion_detail_panels {
        grid-template-columns: 1fr;
    }

    .inbox_suggestion_app .suggestion_vote_panel {
        grid-template-columns: auto auto auto minmax(0, 1fr);
        justify-items: start;
        position: static;
    }

    .inbox_suggestion_app .suggestion_vote_hint {
        text-align: left;
    }

    .inbox_docs_board {
        padding: 20px;
    }

    .inbox_docs_hero {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .inbox_docs_product_switcher {
        justify-self: stretch;
        width: 100%;
    }

    .inbox_docs_product_switcher a {
        flex: 1 1 130px;
        justify-content: center;
    }

    .inbox_docs_hero_actions {
        justify-content: flex-start;
    }

    .inbox_docs_path_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_docs_live_shell {
        grid-template-columns: 1fr;
    }

    .inbox_docs_toc_panel {
        position: static;
    }

    .inbox_docs_app .idocs-navigation {
        max-height: 340px;
    }

    .inbox_docs_app .doc-step-list,
    .inbox_docs_app .doc-info-grid,
    .inbox_docs_app .outcome-grid,
    .inbox_docs_app .setup-level-grid,
    .inbox_docs_app .fast-launch-grid,
    .inbox_docs_app .doc-quick-panel,
    .inbox_docs_app .start-here-panel,
    .inbox_docs_app .scenario-grid,
    .inbox_docs_app .install-update-paths,
    .inbox_docs_app .doc-screenshot-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .inbox_suggestions_app .suggestions_board {
        padding: 16px;
    }

    .inbox_suggestions_app .suggestions_action_title {
        font-size: 30px;
    }

    .inbox_suggestions_app .suggestions_overview_cards,
    .inbox_suggestions_app .suggestions_admin_cards,
    .inbox_suggestions_app .suggestions_release_grid,
    .inbox_suggestions_app .suggestions_focus_stats {
        grid-template-columns: 1fr;
    }

    .inbox_suggestions_app .suggestion_list_stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_suggestions_app .suggestion_list_item,
    .inbox_suggestions_app .suggestions_action_bar,
    .inbox_suggestions_app .suggestions_filter_bar,
    .inbox_suggestions_app .suggestions_discovery_bar,
    .inbox_suggestions_app .suggestions_focus_panel,
    .inbox_suggestions_app .suggestions_admin_panel,
    .inbox_suggestions_app .suggestion_form_wrapper,
    .inbox_suggestions_app .suggestions_release_section,
    .inbox_suggestions_app .suggestions_planned_section {
        padding: 14px;
    }

    .inbox_suggestion_app .suggestion_single_board {
        padding: 16px;
    }

    .inbox_suggestion_app .suggestion_detail_title {
        font-size: 25px;
    }

    .inbox_suggestion_app .suggestion_detail_summary,
    .inbox_suggestion_app .suggestion_detail_layout,
    .inbox_suggestion_app .suggestion_comments_section,
    .inbox_suggestion_app .suggestion_link_box,
    .inbox_suggestion_app .suggestion_detail_panel,
    .inbox_suggestion_app .suggestion_single_admin_actions,
    .inbox_suggestion_app .suggestion_edit_form {
        padding: 14px;
    }

    .inbox_suggestion_app .suggestion_detail_summary_stats {
        grid-template-columns: 1fr;
    }

    .inbox_suggestion_app .suggestion_single_topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .inbox_docs_board {
        padding: 16px;
    }

    .inbox_docs_hero {
        padding: 18px;
    }

    .inbox_docs_hero h1 {
        font-size: 28px;
    }

    .inbox_docs_hero_actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .inbox_docs_path_grid {
        grid-template-columns: 1fr;
    }

    .inbox_docs_hero_actions a {
        justify-content: center;
        width: 100%;
    }

    .inbox_docs_app .desc_dizzy_thanks,
    .inbox_docs_app .desc_dizzy,
    .inbox_docs_app .desc_dizzy_customwork,
    .inbox_docs_app .desc_dizzy_warning_support,
    .inbox_docs_app .column-desc-in,
    .inbox_docs_app .col-1 {
        padding: 14px;
    }

    .inbox_docs_app .column-title {
        align-items: flex-start;
        font-size: 20px;
    }

    .inbox_docs_app .column-title-in {
        font-size: 16px;
    }

    .inbox_docs_app .col-plus {
        display: grid;
        grid-template-columns: 1fr;
    }

    .inbox_docs_app .idocs-content section,
    .inbox_docs_app .idocs-content .container > div[id] {
        padding: 14px;
    }

    .inbox_docs_app .idocs-content .section-title,
    .inbox_docs_app .idocs-content h2.section-title {
        font-size: 21px;
    }

    .inbox_docs_app .idocs-navigation {
        max-height: 300px;
        padding: 10px;
    }
}

@media (max-width: 1180px) {
    .inbox_blog_app {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .inbox_blog_app .inbox_blog_help {
        display: none;
    }
}

@media (max-width: 1024px) {
    body.inbox_body.inbox_blog_body {
        height: auto;
        min-height: 100vh;
        overflow: auto;
    }

    .inbox_app.inbox_blog_app:not(.inbox_create_app):not(.inbox_auth_app) {
        display: block;
        height: auto;
        max-width: 100vw;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }

    .inbox_app.inbox_blog_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail {
        box-sizing: border-box;
        flex-direction: row;
        gap: 16px;
        height: auto;
        justify-content: flex-start;
        max-width: 100vw;
        min-height: 64px;
        min-width: 0;
        overflow: hidden;
        overflow-x: auto;
        padding: 10px 14px;
        position: relative;
        width: 100%;
    }

    .inbox_app.inbox_blog_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group {
        flex: 0 0 auto;
        flex-direction: row;
        min-width: 0;
        width: auto;
    }

    .inbox_app.inbox_blog_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group_bottom {
        margin-left: 0;
        margin-top: 0;
    }

    .inbox_app.inbox_blog_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_nav_item.is-active::before {
        display: none;
    }

    .inbox_app.inbox_blog_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_help_panel {
        display: none;
    }

    .inbox_app.inbox_blog_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_blog_main {
        border-right: 0;
        overflow: visible;
    }

    .inbox_blog_board {
        padding: 20px;
    }

    .inbox_blog_hero {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .inbox_blog_hero_stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .inbox_blog_topic_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_blog_moderation_filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_blog_featured {
        grid-template-columns: 1fr;
    }

    .inbox_blog_featured_media {
        min-height: 260px;
    }

    .inbox_blog_card_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_blog_editor_form {
        grid-template-columns: 1fr;
    }

    .inbox_blog_editor_side {
        position: static;
    }

    .inbox_blog_engagement_head {
        grid-template-columns: 1fr;
    }

    .inbox_blog_engagement {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (max-width: 680px) {
    .inbox_blog_board {
        padding: 16px;
    }

    .inbox_blog_hero {
        padding: 18px;
    }

    .inbox_blog_hero h1 {
        font-size: 28px;
    }

    .inbox_blog_hero_stats,
    .inbox_blog_topic_grid,
    .inbox_blog_card_grid {
        grid-template-columns: 1fr;
    }

    .inbox_blog_admin_banner {
        align-items: stretch;
        flex-direction: column;
    }

    .inbox_blog_admin_banner a,
    .inbox_blog_admin_actions {
        justify-content: center;
        width: 100%;
    }

    .inbox_blog_featured_content,
    .inbox_blog_articles {
        padding: 14px;
    }

    .inbox_blog_featured_media {
        min-height: 210px;
    }

    .inbox_blog_featured h2 {
        font-size: 23px;
    }

    .inbox_blog_section_header {
        align-items: flex-start;
        flex-direction: column;
    }

    .inbox_blog_card {
        grid-template-rows: 190px minmax(0, 1fr);
    }

    .inbox_blog_single_header {
        padding: 20px;
    }

    .inbox_blog_single_header h1 {
        font-size: 29px;
    }

    .inbox_blog_single_content {
        padding: 22px 18px 30px;
    }

    .inbox_blog_engagement {
        gap: 12px;
        margin: 0 14px 24px;
        padding: 14px;
        scroll-margin-top: 74px;
    }

    .inbox_blog_engagement_head {
        gap: 12px;
    }

    .inbox_blog_engagement_head h2 {
        font-size: 19px;
    }

    .inbox_blog_engagement_head p {
        font-size: 13px;
        margin-top: 6px;
    }

    .inbox_blog_signal_grid {
        display: flex;
        gap: 7px;
        overflow-x: auto;
        padding-bottom: 1px;
        scrollbar-width: none;
    }

    .inbox_blog_signal_grid::-webkit-scrollbar {
        display: none;
    }

    .inbox_blog_signal_grid span {
        flex: 0 0 94px;
        padding: 9px 10px;
    }

    .inbox_blog_action_bar,
    .inbox_blog_share_grid {
        flex-wrap: nowrap;
        margin-left: -2px;
        margin-right: -2px;
        padding: 1px 2px 3px;
    }

    .inbox_blog_action_bar {
        display: grid;
        gap: 7px;
        grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr) minmax(0, 1fr);
        overflow: visible;
    }

    .inbox_blog_helpful_btn,
    .inbox_blog_share_btn,
    .inbox_blog_share_grid a {
        font-size: 11.5px;
        min-height: 36px;
        min-width: 0;
        padding: 0 8px;
    }

    .inbox_blog_action_bar .inbox_blog_helpful_btn,
    .inbox_blog_action_bar .inbox_blog_share_btn {
        justify-content: center;
        width: 100%;
    }

    .inbox_blog_share_grid a span {
        display: none;
    }

    .inbox_blog_share_grid a {
        justify-content: center;
        min-width: 40px;
        padding: 0;
    }

    .inbox_blog_comment_panel {
        gap: 12px;
        padding: 14px;
    }

    .inbox_blog_no_comments {
        padding: 12px;
    }

    .inbox_blog_comment {
        gap: 9px;
        grid-template-columns: 34px minmax(0, 1fr);
        padding: 10px;
    }

    .inbox_blog_comment_avatar {
        height: 34px;
        width: 34px;
    }

    .inbox_blog_comment_replies {
        grid-column: 1 / -1;
        margin-left: 0;
        padding-left: 0;
    }

    .inbox_blog_comment_replies .inbox_blog_comment {
        grid-template-columns: 30px minmax(0, 1fr);
        padding: 9px;
    }

    .inbox_blog_comment_replies .inbox_blog_comment_avatar {
        height: 30px;
        width: 30px;
    }

    .inbox_blog_comment_replies .inbox_blog_comment_replies {
        margin-left: 0;
        padding-left: 0;
    }

    .inbox_blog_comment_body p {
        font-size: 13.5px;
        line-height: 1.55;
    }

    .inbox_blog_reply_form div {
        align-items: stretch;
        flex-direction: column;
    }

    .inbox_blog_reply_form button[type="submit"] {
        justify-content: center;
        min-height: 38px;
        width: 100%;
    }

    .inbox_blog_comment_form div {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .inbox_blog_comment_form button {
        justify-content: center;
        min-height: 42px;
        width: 100%;
    }

    .inbox_blog_comment_form {
        gap: 8px;
        padding-top: 12px;
    }

    .inbox_blog_comment_form textarea {
        font-size: 14px;
        min-height: 90px;
    }

    .inbox_blog_login_prompt {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .inbox_blog_login_prompt a {
        justify-content: center;
        width: 100%;
    }

    .inbox_blog_moderation_filters {
        grid-template-columns: 1fr;
    }

    .inbox_blog_moderation_card {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    .inbox_blog_moderation_content header {
        align-items: flex-start;
        flex-direction: column;
    }

    .inbox_blog_moderation_actions > * {
        justify-content: center;
        width: 100%;
    }

    .inbox_blog_article_meta_grid {
        grid-template-columns: 1fr;
    }

    .inbox_blog_editor_card,
    .inbox_blog_editor_publish {
        padding: 14px;
    }

    .inbox_blog_form_grid {
        grid-template-columns: 1fr;
    }

    .inbox_blog_upload_box {
        padding: 18px 14px;
    }

    .inbox_blog_field input,
    .inbox_blog_field textarea,
    .inbox_blog_field select {
        font-size: 14px;
        padding: 12px;
    }

    .inbox_blog_editor_card_head h2 {
        font-size: 18px;
    }
}

.inbox_users_app {
    grid-template-columns: 92px minmax(720px, 1fr) minmax(300px, 360px);
}

.inbox_users_main {
    background:
        radial-gradient(circle at 8% 0, rgba(24, 184, 125, .09), transparent 28%),
        linear-gradient(180deg, #f7fbf9 0%, #f7f9fb 48%, #fbfcfd 100%);
    border-right: 1px solid var(--inbox-line);
    min-width: 0;
    overflow: auto;
}

.inbox_users_board {
    box-sizing: border-box;
    display: grid;
    gap: 16px;
    margin: 0 auto;
    max-width: 1180px;
    padding: 28px 30px 38px;
    width: 100%;
}

.inbox_users_hero,
.inbox_users_toolbar,
.inbox_users_overview article,
.inbox_users_list_panel,
.inbox_user_card,
.inbox_users_empty,
.inbox_user_modal .i_modal_content {
    background: #ffffff;
    border: 1px solid #dce7e2;
    border-radius: 16px;
    box-shadow: 0 14px 32px rgba(17, 94, 89, .06);
    box-sizing: border-box;
}

.inbox_users_hero {
    align-items: end;
    background:
        linear-gradient(135deg, rgba(24, 184, 125, .15), rgba(56, 189, 248, .1)),
        #ffffff;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) auto;
    overflow: hidden;
    padding: 24px;
    position: relative;
}

.inbox_users_hero::before {
    background: linear-gradient(180deg, #137a4a, #1e789f);
    border-radius: 999px;
    content: "";
    inset: 14px auto 14px 0;
    position: absolute;
    width: 6px;
}

.inbox_users_eyebrow,
.inbox_users_list_header span {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.inbox_users_hero h1 {
    color: #101827;
    font-size: 34px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.08;
    margin: 8px 0 0;
    max-width: 760px;
}

.inbox_users_hero p {
    color: #657180;
    font-size: 15px;
    line-height: 1.55;
    margin: 10px 0 0;
    max-width: 700px;
}

.inbox_users_hero_stats,
.inbox_users_overview,
.inbox_users_side_grid {
    display: grid;
    gap: 10px;
}

.inbox_users_hero_stats {
    grid-template-columns: repeat(3, minmax(100px, 1fr));
}

.inbox_users_hero_stats span,
.inbox_users_side_grid span {
    background: rgba(255, 255, 255, .92);
    border: 1px solid #cfeee0;
    border-radius: 14px;
    box-sizing: border-box;
    display: grid;
    gap: 5px;
    padding: 14px;
}

.inbox_users_hero_stats strong,
.inbox_users_side_grid strong {
    color: var(--inbox-green);
    font-size: 25px;
    line-height: 1;
}

.inbox_users_hero_stats em,
.inbox_users_side_grid em {
    color: #6c7784;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
}

.inbox_users_toolbar {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.inbox_users_search {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.inbox_users_search label {
    align-items: center;
    background: #f5f7f8;
    border: 1px solid #dde6ee;
    border-radius: 14px;
    box-sizing: border-box;
    display: flex;
    gap: 12px;
    min-height: 54px;
    padding: 0 15px;
}

.inbox_users_search label:focus-within {
    background: #ffffff;
    border-color: #9edfc6;
    box-shadow: 0 0 0 4px rgba(19, 122, 74, .1);
}

.inbox_users_search i {
    color: #8a96a3;
}

.inbox_users_search input {
    background: transparent;
    border: 0;
    color: #1f2937;
    font-size: 16px;
    font-weight: 650;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.inbox_users_search button,
.inbox_users_clear,
.inbox_users_list_header a,
.inbox_users_pagination a,
.inbox_users_pagination span,
.inbox_users_empty a,
.inbox_user_btn,
.admin_user_modal_footer button {
    align-items: center;
    border-radius: 12px;
    box-sizing: border-box;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    text-decoration: none;
}

.inbox_users_search button,
.inbox_users_empty a,
.admin_user_modal_footer .submit_btn {
    background: var(--inbox-green);
    border: 1px solid var(--inbox-green);
    color: #ffffff;
}

.inbox_users_search button:hover,
.inbox_users_empty a:hover,
.admin_user_modal_footer .submit_btn:hover {
    background: var(--inbox-green-dark);
    border-color: var(--inbox-green-dark);
    color: #ffffff;
}

.inbox_users_clear,
.inbox_users_list_header a,
.inbox_users_pagination a,
.inbox_users_pagination span,
.inbox_user_btn,
.admin_user_modal_footer button {
    background: #f7f9fa;
    border: 1px solid #dde6ee;
    color: #5f6d7b;
}

.inbox_users_filter_grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.inbox_users_filter_grid a {
    align-items: center;
    background: #f7f9fa;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #6b7584;
    display: flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    padding: 0 10px;
    text-decoration: none;
}

.inbox_users_filter_grid a:hover,
.inbox_users_filter_grid a.is-active {
    background: var(--inbox-green-soft);
    border-color: #cce9dd;
    color: var(--inbox-green);
}

.inbox_users_overview {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inbox_users_overview article {
    box-shadow: none;
    display: grid;
    gap: 5px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 14px;
}

.inbox_users_overview article i {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 10px;
    color: var(--inbox-green);
    display: inline-flex;
    grid-row: span 2;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.inbox_users_overview article.is-warning i {
    background: #fff0f0;
    color: #b42318;
}

.inbox_users_overview strong {
    color: #101827;
    font-size: 24px;
    line-height: 1;
}

.inbox_users_overview span {
    color: #6c7784;
    font-size: 12px;
    font-weight: 850;
}

.inbox_users_list_panel {
    display: grid;
    gap: 14px;
    padding: 16px;
}

.inbox_users_list_header {
    align-items: center;
    border-bottom: 1px solid #edf1f4;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding-bottom: 14px;
}

.inbox_users_list_header h2 {
    color: #101827;
    font-size: 24px;
    font-weight: 900;
    margin: 4px 0 0;
}

.inbox_users_list_header p {
    color: #7a8594;
    font-size: 13px;
    font-weight: 700;
    margin: 5px 0 0;
}

.inbox_users_alpha {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 2px 0 4px;
}

.inbox_users_alpha a {
    align-items: center;
    background: #f7f9fa;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #6b7584;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 900;
    height: 32px;
    justify-content: center;
    min-width: 32px;
    padding: 0 9px;
    text-decoration: none;
}

.inbox_users_alpha a.is-active,
.inbox_users_alpha a:hover {
    background: var(--inbox-green-soft);
    border-color: #cce9dd;
    color: var(--inbox-green);
}

.inbox_users_cards {
    display: grid;
    gap: 10px;
}

.inbox_user_card {
    align-items: center;
    box-shadow: none;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(250px, 1.15fr) minmax(310px, 1.2fr) minmax(250px, auto);
    padding: 14px;
}

.inbox_user_card:hover {
    border-color: #c7e7d9;
    box-shadow: 0 12px 28px rgba(17, 94, 89, .08);
}

.inbox_user_card.is-blocked {
    border-color: #f3c7c7;
    background: #fffafa;
}

.inbox_user_identity {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.inbox_user_avatar {
    align-items: center;
    background: #eef2f4;
    border-radius: 50%;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 20px;
    font-weight: 900;
    height: 52px;
    justify-content: center;
    width: 52px;
}

.admin_user_name {
    color: #17202c;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin_user_email {
    color: #6c7784;
    display: block;
    font-size: 13px;
    font-weight: 750;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_user_badges,
.inbox_user_actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.inbox_user_badges {
    margin-top: 8px;
}

.inbox_user_badges span,
.admin_user_status,
.admin_user_role_note,
.admin_user_purchase_empty,
.admin_user_purchase_code {
    align-items: center;
    background: #f1f4f6;
    border-radius: 999px;
    color: #6c7784;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 6px;
    line-height: 1.2;
    min-height: 26px;
    padding: 0 10px;
}

.admin_user_status.is-active {
    background: var(--inbox-green-soft);
    color: var(--inbox-green);
}

.admin_user_status.is-blocked {
    background: #fff0f0;
    color: #b42318;
}

.admin_user_status.is-suspended {
    background: #fff8e8;
    color: #9a5b00;
}

.inbox_user_badges .is-admin,
.admin_user_role_note {
    background: #eff6ff;
    color: #1e5f9f;
}

.inbox_user_metrics {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inbox_user_metrics span {
    background: #f8faf9;
    border: 1px solid #edf1f4;
    border-radius: 12px;
    box-sizing: border-box;
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 10px;
}

.inbox_user_metrics strong {
    color: #17202c;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_user_metrics em {
    color: #8a96a3;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
}

.inbox_user_actions {
    justify-content: flex-end;
    min-width: 0;
}

.inbox_user_btn {
    cursor: pointer;
    min-height: 38px;
    padding: 0 12px;
}

.inbox_user_btn:hover {
    border-color: #c7e7d9;
    color: var(--inbox-green);
}

.inbox_user_btn.is-danger {
    background: #fff2f2;
    border-color: #ffd7d7;
    color: #b42318;
}

.admin_user_purchase_code {
    background: #edf8f2;
    color: #0f6a40;
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin_user_purchase_code:empty {
    display: none;
    min-height: 0;
    padding: 0;
}

.admin_user_notice {
    color: #6c7784;
    font-size: 12px;
    font-weight: 850;
    grid-column: 1 / -1;
    min-height: 0;
}

.admin_user_notice.is-success,
.admin_user_modal_notice.is-success {
    color: var(--inbox-green);
}

.admin_user_notice.is-error,
.admin_user_modal_notice.is-error {
    color: #b42318;
}

.inbox_users_empty {
    align-items: center;
    box-shadow: none;
    display: grid;
    gap: 10px;
    justify-items: center;
    padding: 34px 18px;
    text-align: center;
}

.inbox_users_empty i {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 50%;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 22px;
    height: 58px;
    justify-content: center;
    width: 58px;
}

.inbox_users_empty strong {
    color: #17202c;
    font-size: 20px;
    font-weight: 900;
}

.inbox_users_empty span {
    color: #6c7784;
    font-size: 14px;
    line-height: 1.5;
}

.inbox_users_empty.is-error i {
    background: #fff0f0;
    color: #b42318;
}

.inbox_users_pagination {
    align-items: center;
    border-top: 1px solid #edf1f4;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding-top: 14px;
}

.inbox_users_pagination strong {
    color: #5f6d7b;
    font-size: 13px;
    font-weight: 900;
}

.inbox_users_pagination .is-disabled {
    opacity: .45;
}

.inbox_users_help {
    background: #fff;
    overflow: auto;
    padding: 28px 26px;
}

.inbox_users_help .inbox_side_card {
    margin-top: 14px;
}

.inbox_users_side_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_users_side_links {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_users_side_links a {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #e5ece8;
    border-radius: 12px;
    color: #17202c;
    display: grid;
    gap: 8px;
    min-height: 82px;
    padding: 12px;
    text-decoration: none;
}

.inbox_users_side_links i {
    color: var(--inbox-green);
    font-size: 18px;
}

.inbox_users_side_links span {
    font-size: 13px;
    font-weight: 900;
}

.inbox_user_modal {
    z-index: 9999;
}

.inbox_user_modal .i_modal_in_in {
    max-width: 520px;
    width: calc(100% - 28px);
}

.inbox_user_modal .i_modal_content {
    overflow: hidden;
}

.inbox_user_modal .i_modal_g_header {
    align-items: center;
    background: #f8faf9;
    border-bottom: 1px solid #edf1f4;
    color: #17202c;
    display: flex;
    font-size: 18px;
    font-weight: 900;
    justify-content: space-between;
    padding: 16px;
}

.inbox_user_modal .modalClose {
    align-items: center;
    background: #eef2f4;
    border: 0;
    border-radius: 10px;
    color: #5f6d7b;
    cursor: pointer;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    padding: 0;
    width: 36px;
}

.admin_user_modal_body {
    padding: 16px;
}

.admin_user_modal_form {
    display: grid;
    gap: 10px;
}

.admin_user_modal_label {
    color: #17202c;
    font-size: 13px;
    font-weight: 900;
}

.admin_user_modal_label span {
    color: #8a96a3;
    font-weight: 800;
}

.inbox_user_modal .form_input input {
    background: #f8fafb;
    border: 1px solid #dce7e2;
    border-radius: 12px;
    box-sizing: border-box;
    color: #17202c;
    font-size: 15px;
    font-weight: 700;
    min-height: 48px;
    outline: 0;
    padding: 0 13px;
    width: 100%;
}

.inbox_user_modal .form_input input:focus {
    background: #ffffff;
    border-color: #9edfc6;
    box-shadow: 0 0 0 4px rgba(19, 122, 74, .1);
}

.admin_user_modal_notice {
    font-size: 13px;
    font-weight: 850;
    min-height: 18px;
}

.admin_user_modal_footer {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 2px;
}

.admin_user_modal_footer button {
    cursor: pointer;
}

.inbox_account_app {
    grid-template-columns: 92px minmax(720px, 1fr) minmax(300px, 360px);
}

.inbox_account_board {
    max-width: 1120px;
}

.account_back_link {
    align-items: center;
    background: #fff;
    border: 1px solid #dce7e2;
    border-radius: 12px;
    color: #5f6d7b;
    display: inline-flex;
    font-size: 14px;
    font-weight: 850;
    gap: 8px;
    justify-self: start;
    min-height: 44px;
    padding: 0 14px;
    text-decoration: none;
}

.inbox_account_hero {
    align-items: center;
}

.inbox_account_hero h1 {
    max-width: 680px;
}

.inbox_account_identity_card {
    align-items: center;
    background: rgba(255, 255, 255, .9);
    border: 1px solid #cfeee0;
    border-radius: 16px;
    display: grid;
    gap: 7px;
    justify-items: center;
    min-width: 220px;
    padding: 18px;
    text-align: center;
}

.inbox_account_identity_card > span {
    align-items: center;
    background: #111827;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 24px;
    font-weight: 850;
    height: 64px;
    justify-content: center;
    width: 64px;
}

.inbox_account_identity_card strong {
    color: #111827;
    font-size: 17px;
    font-weight: 850;
}

.inbox_account_identity_card em {
    color: #6b7584;
    font-size: 13px;
    font-style: normal;
    font-weight: 650;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account_status_badge {
    align-items: center;
    background: #eef2f4;
    border-radius: 999px;
    color: #637080;
    display: inline-flex;
    font-size: 12px;
    font-weight: 850;
    min-height: 26px;
    padding: 0 10px;
}

.account_status_badge.is-active {
    background: var(--inbox-green-soft);
    color: var(--inbox-green);
}

.account_status_badge.is-suspended {
    background: #fff8e7;
    color: #9a5b00;
}

.account_status_badge.is-banned {
    background: #fff0f0;
    color: #b42318;
}

.account_grid {
    align-items: start;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account_security_grid {
    align-items: start;
}

.account_security_column {
    align-content: start;
    display: grid;
    gap: 16px;
    min-width: 0;
}

.account_center_layout {
    align-items: start;
    display: grid;
    gap: 16px;
    grid-template-columns: 260px minmax(0, 1fr);
}

.account_center_nav {
    background: #fff;
    border: 1px solid #dce7e2;
    border-radius: 16px;
    box-shadow: 0 14px 32px rgba(17, 94, 89, .05);
    box-sizing: border-box;
    display: grid;
    gap: 12px;
    padding: 14px;
    position: sticky;
    top: 22px;
}

.account_center_nav_identity {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #e5ece8;
    border-radius: 14px;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 12px;
}

.account_center_nav_identity > span {
    align-items: center;
    background: #111827;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 16px;
    font-weight: 900;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.account_center_nav_identity strong,
.account_center_nav_identity em {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account_center_nav_identity strong {
    color: #111827;
    font-size: 14px;
    font-weight: 900;
}

.account_center_nav_identity em {
    color: #6b7584;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin-top: 2px;
    overflow-wrap: anywhere;
    white-space: normal;
}

.account_center_nav nav {
    display: grid;
    gap: 7px;
}

.account_center_nav nav a {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #536273;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 54px;
    padding: 9px 10px;
    text-decoration: none;
}

.account_center_nav nav a:hover,
.account_center_nav nav a.is-active {
    background: var(--inbox-green-soft);
    border-color: #cfe7dc;
    color: var(--inbox-green);
}

.account_center_nav nav a i {
    align-items: center;
    background: #edf3f0;
    border-radius: 11px;
    color: inherit;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.account_center_nav nav a.is-active i {
    background: #fff;
}

.account_center_nav nav a strong,
.account_center_nav nav a em {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account_center_nav nav a strong {
    color: inherit;
    font-size: 14px;
    font-weight: 900;
}

.account_center_nav nav a em {
    color: #7b8794;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin-top: 2px;
}

.account_center_nav nav a.is-active em {
    color: #3f7f61;
}

.account_center_content {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.account_dashboard_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account_panel_copy {
    color: #5f6e7b;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
}

.account_panel_action {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #dfe9e5;
    border-radius: 12px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    gap: 8px;
    justify-self: start;
    min-height: 42px;
    padding: 0 13px;
    text-decoration: none;
}

.account_panel_action:hover {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.account_security_status {
    display: grid;
    gap: 12px;
    justify-items: start;
}

.account_security_status p {
    color: #5f6e7b;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
}

.account_panel {
    background: #fff;
    border: 1px solid #dce7e2;
    border-radius: 16px;
    box-shadow: 0 14px 32px rgba(17, 94, 89, .05);
    box-sizing: border-box;
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 18px;
    width: 100%;
}

.account_panel_head {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
}

.account_panel_head > i {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 12px;
    color: var(--inbox-green);
    display: inline-flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.account_panel_head span {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
}

.account_panel_head h2 {
    color: #111827;
    font-size: 22px;
    font-weight: 850;
    line-height: 1.18;
    margin: 3px 0 0;
}

.account_form {
    display: grid;
    gap: 10px;
}

.account_form label {
    color: #1f2937;
    font-size: 13px;
    font-weight: 850;
}

.account_form label span {
    color: #8a96a3;
    font-weight: 700;
}

.account_form input:not([type="checkbox"]),
.account_form textarea,
.account_select {
    background: #f8fafb;
    border: 1px solid #d9e4ee;
    border-radius: 12px;
    box-sizing: border-box;
    color: #111827;
    font-size: 15px;
    font-weight: 650;
    min-height: 48px;
    outline: 0;
    padding: 0 13px;
    width: 100%;
}

.account_form textarea {
    line-height: 1.45;
    min-height: 112px;
    padding: 12px 13px;
    resize: vertical;
}

.account_form input:not([type="checkbox"]):focus,
.account_form textarea:focus,
.account_select:focus {
    background: #fff;
    border-color: #9edfc6;
    box-shadow: 0 0 0 4px rgba(19, 122, 74, .1);
}

.account_check {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #e5ece8;
    border-radius: 12px;
    display: flex;
    gap: 10px;
    min-height: 46px;
    padding: 0 12px;
}

.account_check input {
    accent-color: var(--inbox-green);
    height: 18px;
    width: 18px;
}

.account_notice {
    color: #66717f;
    font-size: 13px;
    font-weight: 750;
    min-height: 18px;
}

.account_notice.is-success {
    color: var(--inbox-green);
}

.account_notice.is-error {
    color: #b42318;
}

.account_form button,
.account_empty a {
    align-items: center;
    background: var(--inbox-green);
    border: 1px solid var(--inbox-green);
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 850;
    gap: 8px;
    justify-content: center;
    justify-self: start;
    min-height: 46px;
    padding: 0 16px;
    text-decoration: none;
}

.account_form button:hover,
.account_empty a:hover {
    background: var(--inbox-green-dark);
    border-color: var(--inbox-green-dark);
    color: #fff;
}

.account_empty {
    align-items: center;
    display: grid;
    gap: 9px;
    justify-items: center;
    padding: 18px;
    text-align: center;
}

.account_empty i {
    color: var(--inbox-green);
    font-size: 22px;
}

.account_empty strong {
    color: #111827;
    font-size: 17px;
    font-weight: 850;
}

.account_empty p {
    color: #6b7584;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

.account_empty span {
    color: #6b7584;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.45;
}

.account_license_list {
    display: grid;
    gap: 10px;
}

.account_secondary_button {
    align-items: center;
    background: #f8fbfa;
    border: 1px solid #dce9e3;
    border-radius: 12px;
    color: #17202c;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 850;
    gap: 8px;
    justify-content: center;
    margin-top: 12px;
    padding: 11px 13px;
}

.account_2fa_setup {
    display: grid;
    gap: 14px;
    margin-top: 14px;
}

.account_2fa_setup_grid {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr);
    max-width: 420px;
}

.account_2fa_qr_card {
    align-items: center;
    background: #f8fbfa;
    border: 1px solid #dce9e3;
    border-radius: 14px;
    display: grid;
    gap: 10px;
    justify-items: center;
    padding: 14px;
    text-align: center;
}

.account_2fa_qr {
    align-items: center;
    background: #fff;
    border: 1px solid #d9e4ee;
    border-radius: 12px;
    color: #66717f;
    display: grid;
    font-size: 12px;
    font-weight: 800;
    min-height: 196px;
    padding: 10px;
    place-items: center;
    max-width: 100%;
    width: 196px;
}

.account_2fa_qr svg {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.account_2fa_qr_card span,
.account_2fa_manual p {
    color: #66717f;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.45;
    margin: 0;
}

.account_2fa_manual {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.account_2fa_manual input[readonly] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account_2fa_setup[hidden],
.account_recovery_codes[hidden] {
    display: none !important;
}

.account_recovery_codes {
    background: #f8fbfa;
    border: 1px solid #e2ede8;
    border-radius: 12px;
    color: #17202c;
    display: grid;
    gap: 8px;
    margin-top: 12px;
    padding: 12px;
}

.account_recovery_codes strong {
    font-size: 13px;
    font-weight: 900;
}

.account_recovery_codes pre {
    background: #fff;
    border: 1px solid #dce9e3;
    border-radius: 10px;
    color: #111827;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: .04em;
    line-height: 1.45;
    margin: 0;
    min-height: 120px;
    overflow-x: auto;
    padding: 10px;
    white-space: pre-wrap;
}

.account_recovery_codes pre::selection {
    background: rgba(19, 122, 74, .2);
    color: #111827;
}

.maintenance_public_body,
.maintenance_login_body {
    background:
        radial-gradient(circle at top left, rgba(19, 122, 74, 0.10), transparent 30%),
        linear-gradient(135deg, #f5f8f7 0%, #eef4f2 100%);
    color: #17202c;
    min-height: 100vh;
}

.maintenance_public_shell,
.maintenance_login_shell {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 28px;
}

.maintenance_public_panel,
.maintenance_login_panel {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid #dce9e3;
    border-radius: 18px;
    box-shadow: 0 24px 80px rgba(27, 48, 39, 0.12);
    box-sizing: border-box;
    max-width: 760px;
    overflow: hidden;
    padding: 34px;
    width: 100%;
}

.maintenance_login_panel {
    max-width: 560px;
}

.maintenance_public_brand {
    align-items: center;
    display: flex;
    gap: 12px;
    margin-bottom: 28px;
}

.maintenance_public_brand span {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 14px;
    color: var(--inbox-green);
    display: inline-flex;
    flex: 0 0 auto;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.maintenance_public_brand strong {
    color: #17202c;
    font-size: 18px;
    font-weight: 850;
    line-height: 1.2;
}

.maintenance_status_pill {
    align-items: center;
    background: #f1f7f4;
    border: 1px solid #dce9e3;
    border-radius: 999px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 13px;
    font-weight: 850;
    gap: 8px;
    line-height: 1;
    margin-bottom: 18px;
    padding: 9px 12px;
}

.maintenance_public_panel h1,
.maintenance_login_panel h1 {
    color: #111827;
    font-size: 42px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.08;
    margin: 0 0 14px;
    max-width: 680px;
}

.maintenance_public_panel p,
.maintenance_login_panel p {
    color: #607086;
    font-size: 17px;
    font-weight: 650;
    line-height: 1.65;
    margin: 0;
    max-width: 650px;
}

.maintenance_countdown {
    background:
        linear-gradient(135deg, rgba(18, 129, 80, 0.10), rgba(255, 255, 255, 0.92)),
        #f8fbfa;
    border: 1px solid #d7e8df;
    border-radius: 18px;
    box-sizing: border-box;
    display: grid;
    gap: 16px;
    margin-top: 26px;
    padding: 18px;
}

.maintenance_countdown_head {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.maintenance_countdown_head span {
    align-items: center;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.maintenance_countdown_head strong {
    color: #607086;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
    text-align: right;
}

.maintenance_countdown_units {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.maintenance_countdown_units span {
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid #e2ede8;
    border-radius: 14px;
    box-sizing: border-box;
    display: grid;
    gap: 5px;
    min-height: 92px;
    padding: 15px 10px;
    place-items: center;
    text-align: center;
}

.maintenance_countdown_units strong {
    color: #111827;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    min-width: 0;
}

.maintenance_countdown_units em {
    color: #738196;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
}

.maintenance_countdown.is-complete {
    background: #f2faf5;
}

.maintenance_public_grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 28px;
}

.maintenance_public_grid article {
    background: #f8fbfa;
    border: 1px solid #e2ede8;
    border-radius: 14px;
    box-sizing: border-box;
    display: grid;
    gap: 8px;
    min-height: 138px;
    padding: 18px;
}

.maintenance_public_grid i {
    color: var(--inbox-green);
    font-size: 20px;
}

.maintenance_public_grid span {
    color: #738196;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.25;
    text-transform: uppercase;
}

.maintenance_public_grid strong {
    color: #17202c;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.35;
}

.maintenance_contact_link {
    align-items: center;
    background: var(--inbox-green);
    border-radius: 12px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 850;
    gap: 9px;
    margin-top: 22px;
    padding: 12px 14px;
    text-decoration: none;
}

.maintenance_contact_link:hover {
    background: var(--inbox-green-dark);
    color: #fff;
}

.maintenance_login_form {
    display: grid;
    gap: 16px;
    margin-top: 26px;
}

.maintenance_admin_grid {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    min-width: 0;
    width: 100%;
}

.maintenance_admin_form {
    gap: 14px;
}

.maintenance_admin_form input,
.maintenance_admin_form select,
.maintenance_admin_form textarea {
    font-family: inherit;
}

.maintenance_admin_status_cards {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.maintenance_admin_status_cards span {
    align-items: center;
    background: #f8fbfa;
    border: 1px solid #e2ede8;
    border-radius: 14px;
    color: #6b7584;
    display: flex;
    gap: 10px;
    min-width: 0;
    padding: 12px 14px;
}

.maintenance_admin_status_cards span.is-on {
    background: #f2faf5;
    color: var(--inbox-green);
}

.maintenance_admin_status_cards span.is-warning {
    background: #fff8ed;
    color: #9a5b00;
}

.maintenance_admin_status_cards i {
    flex: 0 0 auto;
}

.maintenance_admin_status_cards strong {
    font-size: 13px;
    font-weight: 850;
    line-height: 1.25;
    min-width: 0;
}

.maintenance_form_section {
    background: #fff;
    border: 1px solid #e2ede8;
    border-radius: 16px;
    box-sizing: border-box;
    display: grid;
    gap: 14px;
    padding: 16px;
}

.maintenance_form_section_head {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr);
}

.maintenance_form_section_head > span {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 10px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.maintenance_form_section_head strong {
    color: #17202c;
    display: block;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
}

.maintenance_form_section_head p {
    color: #6b7584;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45;
    margin: 4px 0 0;
}

.maintenance_toggle_row {
    align-items: center;
    background: #f8fbfa;
    border: 1px solid #e2ede8;
    border-radius: 14px;
    box-sizing: border-box;
    cursor: pointer;
    display: grid;
    gap: 14px;
    grid-template-columns: auto minmax(0, 1fr);
    margin-bottom: 4px;
    padding: 14px;
}

.maintenance_toggle_row input {
    accent-color: var(--inbox-green);
    height: 22px;
    width: 22px;
}

.maintenance_toggle_row span {
    display: grid;
    gap: 3px;
}

.maintenance_toggle_row strong {
    color: #17202c;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.3;
}

.maintenance_toggle_row em {
    color: #6b7584;
    font-size: 13px;
    font-style: normal;
    font-weight: 650;
    line-height: 1.4;
}

.maintenance_eta_tools {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.maintenance_eta_tools button {
    background: #f8fbfa;
    border: 1px solid #dce9e3;
    border-radius: 999px;
    color: #17202c;
    cursor: pointer;
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    padding: 10px 12px;
}

.maintenance_eta_tools button:hover {
    background: #eef7f2;
    border-color: #cfe3d9;
}

.maintenance_eta_grid,
.maintenance_field_grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.maintenance_eta_grid label,
.maintenance_field_grid label,
.maintenance_full_label {
    display: grid;
    gap: 7px;
}

.maintenance_eta_grid label > span,
.maintenance_field_grid label > span,
.maintenance_full_label > span {
    color: #17202c;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.25;
}

.maintenance_eta_grid input,
.maintenance_eta_grid select,
.maintenance_field_grid input,
.maintenance_full_label input,
.maintenance_full_label textarea {
    background: #fff;
    border: 1px solid #d9e5df;
    border-radius: 12px;
    box-sizing: border-box;
    color: #17202c;
    font-size: 15px;
    font-weight: 750;
    min-height: 48px;
    outline: none;
    padding: 12px 14px;
    width: 100%;
}

.maintenance_full_label textarea {
    line-height: 1.5;
    min-height: 116px;
    resize: vertical;
}

#maintenance-ips {
    min-height: 92px;
}

.maintenance_eta_grid input:focus,
.maintenance_eta_grid select:focus,
.maintenance_field_grid input:focus,
.maintenance_full_label input:focus,
.maintenance_full_label textarea:focus {
    border-color: var(--inbox-green);
    box-shadow: 0 0 0 3px rgba(16, 125, 76, 0.12);
}

.maintenance_eta_preview {
    background: #f8fbfa;
    border: 1px solid #e2ede8;
    border-radius: 12px;
    color: #607086;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.45;
    padding: 12px 14px;
}

.maintenance_admin_notice {
    color: #6b7584;
    font-size: 14px;
    font-weight: 750;
    min-height: 20px;
}

.maintenance_admin_notice.is-success {
    color: var(--inbox-green);
}

.maintenance_admin_notice.is-error {
    color: #b42318;
}

.maintenance_rescue_state {
    border: 1px solid #e2ede8;
    border-radius: 14px;
    display: grid;
    gap: 6px;
    margin-bottom: 14px;
    padding: 16px;
}

.maintenance_rescue_state.is-ready {
    background: #f2faf5;
}

.maintenance_rescue_state.is-missing {
    background: #fff8ed;
}

.maintenance_rescue_state strong {
    color: #17202c;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.3;
}

.maintenance_rescue_state p,
.maintenance_generated_url p {
    color: #6b7584;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45;
    margin: 0;
}

.maintenance_generated_url {
    border-top: 1px solid #e2ede8;
    display: grid;
    gap: 10px;
    margin-top: 16px;
    padding-top: 16px;
}

.maintenance_generated_url[hidden] {
    display: none !important;
}

.maintenance_generated_url input {
    background: #f8fbfa;
    border: 1px solid #d9e5df;
    border-radius: 12px;
    box-sizing: border-box;
    color: #17202c;
    font-size: 13px;
    font-weight: 750;
    overflow-wrap: anywhere;
    padding: 12px;
    width: 100%;
}

.maintenance_generated_url button {
    align-items: center;
    background: var(--inbox-green);
    border: 0;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 850;
    gap: 8px;
    justify-content: center;
    padding: 12px 14px;
}

.maintenance_admin_checklist {
    border-top: 1px solid #e2ede8;
    display: grid;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
}

.maintenance_admin_checklist strong {
    color: #17202c;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
}

.maintenance_admin_checklist ul {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.maintenance_admin_checklist li {
    align-items: start;
    color: #607086;
    display: grid;
    font-size: 13px;
    font-weight: 650;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr);
    line-height: 1.45;
}

.maintenance_admin_checklist i {
    color: var(--inbox-green);
    line-height: 1.45;
}

@media (max-width: 720px) {
    .maintenance_public_shell,
    .maintenance_login_shell {
        padding: 16px;
    }

    .maintenance_public_panel,
    .maintenance_login_panel {
        border-radius: 14px;
        padding: 24px;
    }

    .maintenance_public_panel h1,
    .maintenance_login_panel h1 {
        font-size: 32px;
    }

    .maintenance_public_grid {
        grid-template-columns: 1fr;
    }

    .maintenance_countdown {
        border-radius: 14px;
        padding: 14px;
    }

    .maintenance_countdown_head {
        align-items: flex-start;
        display: grid;
        gap: 8px;
    }

    .maintenance_countdown_head strong {
        text-align: left;
    }

    .maintenance_countdown_units {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .maintenance_countdown_units strong {
        font-size: 28px;
    }

    .maintenance_admin_status_cards,
    .maintenance_eta_grid,
    .maintenance_field_grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .maintenance_admin_grid {
        grid-template-columns: 1fr;
    }
}

.account_record_group_head {
    display: grid;
    gap: 4px;
    margin: 6px 0 12px;
}

.account_record_group_head + .account_record_group_head,
.account_license_list + .account_record_group_head,
.account_ticket_list + .account_record_group_head {
    margin-top: 18px;
}

.account_record_group_head strong {
    color: #17202c;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.3;
}

.account_record_group_head span {
    color: #6b7584;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45;
}

.account_license_list article {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #e5ece8;
    border-radius: 12px;
    box-sizing: border-box;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 13px;
}

.account_license_list article > div {
    min-width: 0;
}

.account_license_list article > div > span {
    background: var(--inbox-green-soft);
    border-radius: 999px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 11px;
    font-weight: 850;
    line-height: 1;
    margin-bottom: 7px;
    padding: 6px 9px;
    text-transform: uppercase;
}

.account_license_list strong {
    color: #17202c;
    display: block;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.account_license_list em {
    color: #6b7584;
    display: block;
    font-size: 13px;
    font-style: normal;
    font-weight: 650;
    line-height: 1.4;
    margin-top: 3px;
    overflow-wrap: anywhere;
}

.account_license_list p {
    color: #6b7584;
    display: grid;
    font-size: 12px;
    font-weight: 700;
    gap: 4px;
    line-height: 1.35;
    margin: 0;
    text-align: right;
}

.account_license_list p a {
    color: var(--inbox-green);
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
}

.account_license_list p a:hover {
    color: var(--inbox-green-dark);
}

.account_ticket_list,
.account_activity_list {
    display: grid;
    gap: 10px;
}

.account_ticket_list a,
.account_activity_list div {
    background: #f8faf9;
    border: 1px solid #e5ece8;
    border-radius: 12px;
    box-sizing: border-box;
    display: grid;
    gap: 5px;
    padding: 12px;
    text-decoration: none;
}

.account_ticket_list span,
.account_activity_list strong {
    color: #17202c;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
}

.account_ticket_list em,
.account_activity_list span,
.account_activity_list em {
    color: #6b7584;
    font-size: 13px;
    font-style: normal;
    font-weight: 650;
    line-height: 1.4;
}

.account_ticket_list strong {
    align-self: start;
    background: var(--inbox-green-soft);
    border-radius: 999px;
    color: var(--inbox-green);
    font-size: 12px;
    font-weight: 850;
    justify-self: start;
    padding: 5px 9px;
}

.account_side_list {
    color: #4b5563;
    display: grid;
    font-size: 14px;
    font-weight: 650;
    gap: 8px;
    line-height: 1.45;
    list-style: none;
    margin: 0;
    padding: 0;
}

.account_side_list li {
    align-items: start;
    display: grid;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr);
}

.account_side_list li::before {
    color: var(--inbox-green);
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-size: 12px;
    font-weight: 900;
    margin-top: 2px;
}

.paddle_sales_toolbar {
    align-items: stretch;
}

.paddle_sales_panel {
    overflow: hidden;
}

.paddle_sales_table_wrap {
    border: 1px solid #e5ece8;
    border-radius: 14px;
    overflow-x: auto;
}

.paddle_sales_table {
    border-collapse: collapse;
    min-width: 980px;
    width: 100%;
}

.paddle_sales_table th,
.paddle_sales_table td {
    border-bottom: 1px solid #e9f0ed;
    box-sizing: border-box;
    padding: 13px 14px;
    text-align: left;
    vertical-align: top;
}

.paddle_sales_table th {
    background: #f5faf8;
    color: #536273;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.paddle_sales_table tr:last-child td {
    border-bottom: 0;
}

.paddle_sales_table td strong,
.paddle_sales_table td a {
    color: #17202c;
    display: block;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.35;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.paddle_sales_table td a:hover {
    color: var(--inbox-green);
}

.paddle_sales_table td span {
    color: #6b7584;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    margin-top: 4px;
    overflow-wrap: anywhere;
}

.paddle_sales_badge {
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    padding: 7px 9px;
}

.paddle_sales_badge.is-completed,
.paddle_sales_badge.is-paid {
    background: var(--inbox-green-soft);
    color: var(--inbox-green);
}

.paddle_sales_badge.is-ready,
.paddle_sales_badge.is-received {
    background: #eff6ff;
    color: #2563eb;
}

.paddle_sales_badge.is-canceled,
.paddle_sales_badge.is-payment_failed {
    background: #fff0f0;
    color: #b42318;
}

.paddle_sales_footer {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.paddle_sales_footer p {
    color: #6b7584;
    font-size: 13px;
    font-weight: 750;
    margin: 0;
}

.paddle_sales_pages {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.paddle_sales_pages a {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #dfe9e5;
    border-radius: 10px;
    color: #51606d;
    display: inline-flex;
    font-size: 13px;
    font-weight: 850;
    height: 34px;
    justify-content: center;
    min-width: 34px;
    padding: 0 10px;
    text-decoration: none;
}

.paddle_sales_pages a.is-active,
.paddle_sales_pages a:hover {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.product_delivery_grid,
.insights_grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.package_notice_panel {
    background: #f5faf8;
    border-color: #cfe7dc;
    gap: 4px;
}

.package_notice_panel strong {
    color: #17202c;
    font-size: 16px;
    font-weight: 900;
}

.package_notice_panel span {
    color: #5f6e7b;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.package_upload_form input[type="file"] {
    align-items: center;
    display: flex;
    padding: 11px 13px;
}

.package_rule_list,
.insight_email_list {
    display: grid;
    gap: 10px;
}

.package_rule_list div,
.insight_email_list div {
    background: #f8faf9;
    border: 1px solid #e5ece8;
    border-radius: 12px;
    box-sizing: border-box;
    display: grid;
    gap: 10px;
    padding: 12px;
}

.package_rule_list div {
    align-items: start;
    grid-template-columns: auto minmax(0, 1fr);
}

.package_rule_list i {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 999px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 12px;
    height: 26px;
    justify-content: center;
    width: 26px;
}

.package_rule_list span {
    color: #536273;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.45;
}

.package_hash {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    max-width: 260px;
}

.account_download_list {
    display: grid;
    gap: 10px;
}

.account_download_list article {
    align-items: center;
    background: #f8faf9;
    border: 1px solid #e5ece8;
    border-radius: 12px;
    box-sizing: border-box;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 13px;
}

.account_download_list article > div {
    min-width: 0;
}

.account_download_list article > div > span {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.account_download_list strong {
    color: #17202c;
    display: block;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.account_download_list em {
    color: #6b7584;
    display: block;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 4px;
    overflow-wrap: anywhere;
}

.account_download_list a {
    align-items: center;
    background: var(--inbox-green);
    border-radius: 12px;
    color: #fff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    min-height: 42px;
    padding: 0 13px;
    text-decoration: none;
    white-space: nowrap;
}

.account_download_list a:hover {
    background: var(--inbox-green-dark);
    color: #fff;
}

.account_download_list small {
    background: #fff7ed;
    border-radius: 999px;
    color: #c2410c;
    font-size: 12px;
    font-weight: 900;
    padding: 7px 9px;
    white-space: nowrap;
}

.insights_overview {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.insight_chart_panel canvas {
    max-height: 310px;
    width: 100% !important;
}

.insight_email_list div {
    gap: 4px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.insight_email_list strong {
    color: #17202c;
    font-size: 14px;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.insight_email_list span {
    color: #6b7584;
    font-size: 13px;
    font-weight: 700;
    grid-column: 1 / -1;
    overflow-wrap: anywhere;
}

.insight_email_list em {
    align-self: start;
    font-style: normal;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
}

.account_help .inbox_side_header {
    border-bottom: 1px solid #e7efeb;
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.account_help .inbox_side_header span {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    margin-bottom: 9px;
    text-transform: uppercase;
}

.account_help .inbox_side_header h2 {
    align-items: center;
    color: #111827;
    display: grid;
    font-size: 24px;
    font-weight: 780;
    gap: 11px;
    grid-template-columns: auto minmax(0, 1fr);
    line-height: 1.08;
    margin: 0;
}

.account_help .inbox_side_header h2 i {
    align-items: center;
    background: linear-gradient(135deg, #eaf8f1, #f7fbf9);
    border: 1px solid #d8eee4;
    border-radius: 14px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 18px;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.account_help .inbox_side_card {
    border-color: #dfeae5;
    border-radius: 16px;
    box-shadow: 0 14px 30px rgba(17, 94, 89, .04);
    margin-bottom: 14px;
    padding: 16px;
}

.account_help .inbox_side_card h3 {
    align-items: center;
    color: #111827;
    display: grid;
    font-size: 17px;
    font-weight: 760;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
    line-height: 1.18;
    margin: 0 0 12px;
}

.account_help .inbox_side_card h3 i {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 12px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 15px;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.account_help .inbox_side_card p {
    color: #4b5563;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
    margin: 0;
}

.account_help .inbox_side_card p + p {
    margin-top: 9px;
}

.account_help .inbox_side_card p strong {
    color: #111827;
    font-weight: 760;
}

.account_help .account_side_list {
    font-size: 14px;
    font-weight: 560;
    gap: 10px;
}

.account_help .account_side_list li {
    gap: 10px;
}

.account_help .account_side_list li::before {
    background: #edf8f2;
    border-radius: 50%;
    display: inline-grid;
    height: 22px;
    margin-top: 0;
    place-items: center;
    width: 22px;
}

.account_help .inbox_users_side_links a {
    border-radius: 14px;
    min-height: 74px;
    padding: 13px;
}

.account_help .inbox_users_side_links a span {
    font-size: 13px;
    font-weight: 760;
}

@media (max-width: 760px) {
    .account_grid {
        grid-template-columns: 1fr;
    }

    .account_2fa_setup_grid {
        grid-template-columns: 1fr;
    }

    .account_2fa_qr_card {
        justify-items: center;
        text-align: center;
    }

    .account_center_layout {
        grid-template-columns: 1fr;
    }

    .account_center_nav {
        position: static;
    }

    .account_center_nav nav {
        grid-template-columns: 1fr;
    }

    .inbox_account_hero {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .inbox_account_identity_card {
        justify-items: start;
        text-align: left;
    }
}

@media (max-width: 900px) {
    .account_center_layout {
        grid-template-columns: 1fr;
    }

    .account_center_nav {
        position: static;
    }

    .account_grid,
    .account_dashboard_grid {
        grid-template-columns: 1fr;
    }

    .account_download_list article {
        grid-template-columns: minmax(0, 1fr);
    }

    .account_download_list a,
    .account_download_list small {
        justify-content: center;
        justify-self: stretch;
    }
}

@media (max-width: 520px) {
    .inbox_account_board {
        gap: 14px;
    }

    .inbox_account_hero {
        gap: 12px;
    }

    .inbox_account_identity_card {
        gap: 5px;
        min-width: 0;
        padding: 13px;
    }

    .inbox_account_identity_card > span {
        font-size: 18px;
        height: 48px;
        width: 48px;
    }

    .inbox_account_identity_card strong {
        font-size: 15px;
    }

    .inbox_account_identity_card em {
        max-width: 100%;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .inbox_account_stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_account_stats article {
        min-height: 78px;
        padding: 12px;
    }

    .account_center_layout {
        gap: 12px;
    }

    .account_center_nav {
        gap: 10px;
        padding: 12px;
    }

    .account_center_nav_identity {
        display: none;
    }

    .account_center_nav nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .account_center_nav nav a {
        align-content: center;
        gap: 8px;
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 54px;
        padding: 8px;
    }

    .account_center_nav nav a i {
        height: 30px;
        width: 30px;
    }

    .account_center_nav nav a strong {
        font-size: 13px;
    }

    .account_center_nav nav a em {
        display: none;
    }

    .account_panel {
        border-radius: 14px;
        gap: 14px;
        padding: 16px;
    }

    .account_panel_head {
        gap: 10px;
    }

    .account_panel_head > i {
        height: 40px;
        width: 40px;
    }

    .account_panel_head h2 {
        font-size: 19px;
    }
}

@media (max-width: 1180px) {
    .inbox_users_app {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .inbox_users_help {
        display: none;
    }
}

@media (max-width: 1024px) {
    body.inbox_body.inbox_users_body {
        height: auto;
        min-height: 100vh;
        overflow: auto;
    }

    .inbox_app.inbox_users_app:not(.inbox_create_app):not(.inbox_auth_app) {
        display: block;
        height: auto;
        max-width: 100vw;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }

    .inbox_app.inbox_users_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail {
        box-sizing: border-box;
        flex-direction: row;
        gap: 16px;
        height: auto;
        justify-content: flex-start;
        max-width: 100vw;
        min-height: 64px;
        min-width: 0;
        overflow: hidden;
        overflow-x: auto;
        padding: 10px 14px;
        position: relative;
        width: 100%;
    }

    .inbox_app.inbox_users_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group {
        flex: 0 0 auto;
        flex-direction: row;
        min-width: 0;
        width: auto;
    }

    .inbox_app.inbox_users_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group_bottom {
        margin-left: 0;
        margin-top: 0;
    }

    .inbox_app.inbox_users_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_nav_item.is-active::before {
        display: none;
    }

    .inbox_users_main {
        border-right: 0;
        overflow: visible;
    }

    .inbox_users_board {
        padding: 20px;
    }

    .inbox_users_hero {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .inbox_users_filter_grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .inbox_users_overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_user_card {
        grid-template-columns: 1fr;
    }

    .inbox_user_actions {
        justify-content: flex-start;
    }
}

@media (max-width: 680px) {
    .inbox_users_board {
        padding: 16px;
    }

    .inbox_users_hero,
    .inbox_users_toolbar,
    .inbox_users_list_panel {
        border-radius: 14px;
        padding: 14px;
    }

    .inbox_users_hero h1 {
        font-size: 28px;
    }

    .inbox_users_hero_stats,
    .inbox_users_overview,
    .inbox_users_filter_grid,
    .inbox_user_metrics {
        grid-template-columns: 1fr;
    }

    .inbox_users_search {
        grid-template-columns: 1fr;
    }

    .inbox_users_search button,
    .inbox_users_clear {
        width: 100%;
    }

    .inbox_users_list_header {
        align-items: flex-start;
        flex-direction: column;
    }

    .inbox_users_list_header a {
        width: 100%;
    }

    .inbox_user_card {
        padding: 12px;
    }

    .inbox_user_actions,
    .admin_user_modal_footer {
        align-items: stretch;
        flex-direction: column;
    }

    .inbox_user_btn,
    .admin_user_modal_footer button,
    .admin_user_modal_footer .submit_btn {
        width: 100%;
    }

    .admin_user_purchase_code,
    .admin_user_purchase_empty,
    .admin_user_role_note {
        justify-content: center;
        max-width: none;
        width: 100%;
    }

    .inbox_users_pagination {
        flex-direction: column;
    }

    .inbox_users_pagination a,
    .inbox_users_pagination span {
        width: 100%;
    }
}

.inbox_changelog_app {
    grid-template-columns: 92px minmax(0, 1fr) minmax(300px, 360px);
}

.inbox_changelog_main {
    background: #f7f8fa;
    grid-column: 2;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
}

.inbox_changelog_board {
    display: grid;
    gap: 18px;
    margin: 0 auto;
    max-width: 1120px;
    padding: 28px;
}

.inbox_changelog_hero {
    align-items: end;
    background: linear-gradient(135deg, #eef8f3 0%, #f9fcfb 55%, #eef6ff 100%);
    border: 1px solid #dcebe5;
    border-left: 4px solid var(--inbox-green);
    border-radius: 14px;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 26px;
}

.inbox_changelog_eyebrow {
    color: var(--inbox-green);
    display: block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.inbox_changelog_hero h1 {
    color: #111827;
    font-size: 38px;
    line-height: 1.05;
    margin: 0;
    max-width: 760px;
}

.inbox_changelog_hero p {
    color: #657182;
    font-size: 16px;
    line-height: 1.55;
    margin: 12px 0 0;
    max-width: 720px;
}

.inbox_changelog_switcher {
    background: #fff;
    border: 1px solid #dfe9e4;
    border-radius: 12px;
    display: inline-flex;
    gap: 6px;
    padding: 6px;
}

.inbox_changelog_switcher a {
    border-radius: 9px;
    color: #66717f;
    font-size: 13px;
    font-weight: 900;
    padding: 10px 12px;
    text-decoration: none;
    white-space: nowrap;
}

.inbox_changelog_switcher a.is-active,
.inbox_changelog_switcher a:hover {
    background: var(--inbox-green);
    color: #fff;
}

.inbox_changelog_stats {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inbox_changelog_stats div,
.inbox_changelog_latest,
.inbox_changelog_release,
.inbox_changelog_help .inbox_support_snapshot,
.inbox_changelog_help .inbox_quick_help {
    background: #fff;
    border: 1px solid #dfe9e4;
    border-radius: 12px;
}

.inbox_changelog_stats div {
    display: grid;
    gap: 6px;
    min-height: 92px;
    padding: 18px;
}

.inbox_changelog_stats strong {
    color: var(--inbox-green);
    font-size: 30px;
    line-height: 1;
}

.inbox_changelog_stats span {
    color: #7b8490;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
}

.inbox_changelog_latest {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 18px 20px;
}

.inbox_changelog_latest_copy span {
    color: var(--inbox-green);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.inbox_changelog_latest h2 {
    color: #111827;
    font-size: 24px;
    margin: 4px 0;
}

.inbox_changelog_latest p {
    color: #7b8490;
    margin: 0;
}

.inbox_changelog_latest a {
    align-items: center;
    background: var(--inbox-green);
    border-radius: 10px;
    color: #fff;
    display: inline-flex;
    font-weight: 900;
    gap: 8px;
    min-height: 42px;
    min-width: 150px;
    padding: 0 18px;
    text-decoration: none;
    transition: background .16s ease, transform .16s ease;
}

.inbox_changelog_latest a span,
.inbox_changelog_latest a i {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-transform: none;
}

.inbox_changelog_latest a:hover {
    background: var(--inbox-green-dark);
    color: #fff;
    transform: translateY(-1px);
}

.inbox_changelog_timeline {
    display: grid;
    gap: 16px;
}

.inbox_changelog_release {
    overflow: hidden;
}

.inbox_changelog_release > header {
    align-items: start;
    background: #fbfdfc;
    border-bottom: 1px solid #e8efeb;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 18px 20px;
}

.inbox_changelog_release header span {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.inbox_changelog_release header h2 {
    color: #171d27;
    font-size: 22px;
    line-height: 1.2;
    margin: 0;
}

.inbox_changelog_release header > strong {
    background: #eaf7f1;
    border-radius: 999px;
    color: var(--inbox-green);
    flex: 0 0 auto;
    font-size: 12px;
    padding: 7px 10px;
}

.inbox_changelog_count_row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 20px 0;
}

.inbox_changelog_count_row span,
.inbox_changelog_badge {
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    padding: 7px 9px;
    text-transform: uppercase;
}

.inbox_changelog_count_row .is-added,
.inbox_changelog_badge.is-added {
    background: #e5f7ef;
    color: #117c4b;
}

.inbox_changelog_count_row .is-improved,
.inbox_changelog_badge.is-improved {
    background: #e7f3ff;
    color: #1769aa;
}

.inbox_changelog_count_row .is-fixed,
.inbox_changelog_badge.is-fixed {
    background: #feecec;
    color: #b4232a;
}

.inbox_changelog_count_row .is-updated,
.inbox_changelog_badge.is-updated {
    background: #fff4d7;
    color: #946200;
}

.inbox_changelog_badge.is-note {
    background: #f1f5f9;
    color: #64748b;
}

.inbox_changelog_items {
    display: grid;
    gap: 10px;
    padding: 16px 20px 20px;
}

.inbox_changelog_item {
    align-items: start;
    background: #fff;
    border: 1px solid #edf1f3;
    border-radius: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 12px;
}

.inbox_changelog_item p {
    color: #3c4652;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    min-width: 0;
}

.inbox_changelog_more {
    border-top: 1px solid #edf1f3;
}

.inbox_changelog_more summary {
    color: var(--inbox-green);
    cursor: pointer;
    font-weight: 900;
    padding: 14px 20px;
}

.inbox_changelog_more .inbox_changelog_items {
    padding-top: 0;
}

.inbox_changelog_help {
    background: #fff;
    border-left: 1px solid var(--inbox-line);
    grid-column: 3;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
    padding: 28px 24px;
}

.inbox_changelog_help > section + section {
    margin-top: 16px;
}

.inbox_changelog_help .inbox_help_header {
    margin-bottom: 2px;
}

.inbox_changelog_help .inbox_help_header h2 {
    font-size: 23px;
    letter-spacing: 0;
    line-height: 1.1;
}

.inbox_changelog_help .inbox_side_metrics {
    gap: 9px;
    margin-bottom: 4px;
}

.inbox_changelog_help .inbox_side_metrics div {
    border-color: #dfeae5;
    border-radius: 14px;
    padding: 12px 11px;
}

.inbox_changelog_help .inbox_side_metrics strong {
    font-size: 18px;
    font-weight: 700;
}

.inbox_changelog_help .inbox_side_metrics span {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.inbox_changelog_help .inbox_side_section_label {
    align-items: center;
    color: #8a94a3;
    display: flex;
    gap: 8px;
    font-size: 12px;
    font-weight: 720;
    letter-spacing: .02em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.inbox_changelog_help .inbox_side_section_label i {
    color: #9aa4af;
    flex: 0 0 auto;
    font-size: 13px;
}

.inbox_changelog_guidance,
.inbox_changelog_fast_paths {
    background: #fff;
    border: 1px solid #e2ebe7;
    border-radius: 16px;
    padding: 16px;
}

.inbox_changelog_guidance ul {
    display: grid;
    gap: 11px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.inbox_changelog_guidance li {
    align-items: start;
    display: grid;
    gap: 11px;
    grid-template-columns: 28px minmax(0, 1fr);
    min-width: 0;
}

.inbox_changelog_guidance li i {
    align-items: center;
    background: #ecf8f3;
    border-radius: 9px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.inbox_changelog_guidance li span {
    color: #566273;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.42;
    min-width: 0;
}

.inbox_changelog_fast_paths {
    display: grid;
    gap: 9px;
}

.inbox_changelog_fast_paths a {
    align-items: center;
    border: 1px solid #e3ece8;
    border-radius: 12px;
    color: #1f2937;
    display: grid;
    gap: 2px 11px;
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 52px;
    padding: 9px 10px;
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.inbox_changelog_fast_paths a i {
    align-items: center;
    background: #f2f7f5;
    border-radius: 10px;
    color: var(--inbox-green);
    display: inline-flex;
    grid-row: span 2;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.inbox_changelog_fast_paths a span,
.inbox_changelog_fast_paths a em {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_changelog_fast_paths a span {
    color: #182233;
    font-size: 13.5px;
    font-weight: 650;
}

.inbox_changelog_fast_paths a em {
    color: #7a8492;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}

.inbox_changelog_fast_paths a:hover {
    background: #f8fcfa;
    border-color: #cfe5da;
    transform: translateY(-1px);
}

@media (max-width: 1024px) {
    .inbox_changelog_app {
        grid-template-columns: 1fr;
        grid-template-rows: 64px minmax(0, 1fr);
    }

    .inbox_changelog_main {
        grid-column: 1;
        grid-row: 2;
        height: calc(100vh - 64px);
    }

    .inbox_changelog_help {
        display: none;
    }
}

@media (max-width: 680px) {
    .inbox_changelog_board {
        gap: 14px;
        padding: 16px;
    }

    .inbox_changelog_hero {
        align-items: start;
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .inbox_changelog_hero h1 {
        font-size: 28px;
    }

    .inbox_changelog_switcher {
        width: 100%;
    }

    .inbox_changelog_switcher a {
        flex: 1 1 0;
        text-align: center;
    }

    .inbox_changelog_stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_changelog_latest {
        align-items: stretch;
        flex-direction: column;
    }

    .inbox_changelog_latest a {
        justify-content: center;
    }

    .inbox_changelog_release > header {
        flex-direction: column;
    }

    .inbox_changelog_item {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 430px) {
    .inbox_changelog_app {
        grid-template-rows: 58px minmax(0, 1fr);
        height: 100dvh;
        min-height: 100dvh;
    }

    .inbox_changelog_main {
        height: calc(100dvh - 58px);
    }
}

.inbox_changelog_manager_board {
    max-width: 1480px;
}

.inbox_changelog_manager_hero {
    border-radius: 16px;
}

.inbox_changelog_manager_stats {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inbox_changelog_manager_stats > div {
    background: #fff;
    border: 1px solid #dce9e3;
    border-radius: 14px;
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 16px;
}

.inbox_changelog_manager_stats span {
    color: #8994a3;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.inbox_changelog_manager_stats strong {
    color: #121a29;
    font-size: 22px;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_changelog_manager_notice,
.inbox_changelog_manager_feedback {
    align-items: center;
    background: #eaf7f1;
    border: 1px solid #cfe9dd;
    border-radius: 12px;
    color: #117c4b;
    display: flex;
    font-size: 14px;
    font-weight: 800;
    gap: 10px;
    padding: 12px 14px;
}

.inbox_changelog_manager_feedback {
    display: none;
    margin-top: 12px;
}

.inbox_changelog_manager_feedback.is-success,
.inbox_changelog_manager_feedback.is-error {
    display: flex;
}

.inbox_changelog_manager_feedback.is-error {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #b4232a;
}

.inbox_changelog_manager_grid {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) 340px;
}

.inbox_changelog_manager_stack,
.inbox_changelog_manager_releases {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.inbox_changelog_manager_card {
    background: #fff;
    border: 1px solid #dce9e3;
    border-radius: 16px;
    min-width: 0;
    overflow: hidden;
}

.inbox_changelog_manager_card > header {
    align-items: center;
    background: linear-gradient(135deg, #f6fcf9 0%, #ffffff 78%);
    border-bottom: 1px solid #edf3ef;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 18px;
}

.inbox_changelog_manager_card header span,
.inbox_changelog_manager_section_head span {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.inbox_changelog_manager_card header h2,
.inbox_changelog_manager_section_head h2 {
    color: #121a29;
    font-size: 24px;
    line-height: 1.2;
    margin: 4px 0 0;
}

.inbox_changelog_manager_card header > i {
    align-items: center;
    background: #e5f7ef;
    border-radius: 12px;
    color: var(--inbox-green);
    display: inline-flex;
    flex: 0 0 auto;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.inbox_changelog_manager_card header > strong {
    background: #eef3f1;
    border-radius: 999px;
    color: #697586;
    flex: 0 0 auto;
    font-size: 12px;
    padding: 8px 10px;
}

.inbox_changelog_manager_form {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.inbox_changelog_manager_fields {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_changelog_manager_form label {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.inbox_changelog_manager_form label > span {
    color: #202938;
    font-size: 13px;
    font-weight: 900;
}

.inbox_changelog_manager_form input,
.inbox_changelog_manager_form textarea,
.inbox_changelog_manager_form select {
    background: #fbfcfd;
    border: 1px solid #d7e1ea;
    border-radius: 12px;
    color: #111827;
    font: inherit;
    font-size: 15px;
    line-height: 1.45;
    min-width: 0;
    outline: none;
    padding: 13px 14px;
    width: 100%;
}

.inbox_changelog_manager_form select {
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #657386 50%),
        linear-gradient(135deg, #657386 50%, transparent 50%);
    background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px);
    background-repeat: no-repeat;
    background-size: 6px 6px, 6px 6px;
    cursor: pointer;
    min-height: 52px;
    padding-right: 42px;
}

.inbox_changelog_manager_form textarea {
    min-height: 190px;
    resize: vertical;
}

.inbox_changelog_manager_form input:focus,
.inbox_changelog_manager_form textarea:focus,
.inbox_changelog_manager_form select:focus {
    background: #fff;
    border-color: var(--inbox-green);
    box-shadow: 0 0 0 4px rgba(18, 129, 78, 0.1);
}

.inbox_changelog_manager_actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.inbox_changelog_manager_actions button,
.inbox_changelog_manager_actions a {
    align-items: center;
    background: var(--inbox-green);
    border: 0;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    padding: 11px 14px;
    text-decoration: none;
}

.inbox_changelog_manager_actions button:hover,
.inbox_changelog_manager_actions a:hover {
    background: #0f6f43;
    color: #fff;
}

.inbox_changelog_manager_actions button:disabled {
    cursor: progress;
    opacity: 0.65;
}

.inbox_changelog_manager_actions .is-danger {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #b4232a;
}

.inbox_changelog_manager_actions .is-danger:hover {
    background: #b4232a;
    color: #fff;
}

.inbox_changelog_manager_section_head {
    padding: 4px 2px;
}

.inbox_changelog_manager_side {
    display: grid;
    gap: 14px;
    min-width: 0;
    position: sticky;
    top: 18px;
}

.inbox_changelog_manager_side .inbox_side_card {
    background: #fff;
    border: 1px solid #dce9e3;
    border-radius: 16px;
    padding: 16px;
}

.inbox_changelog_manager_side h3 {
    align-items: center;
    color: #121a29;
    display: flex;
    font-size: 16px;
    gap: 8px;
    margin: 0 0 10px;
}

.inbox_changelog_manager_side p {
    color: #5e6978;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 10px;
}

.inbox_changelog_manager_side code {
    background: #f4f7f6;
    border: 1px solid #e1e9e5;
    border-radius: 10px;
    color: #202938;
    display: block;
    font-size: 13px;
    overflow-wrap: anywhere;
    padding: 10px;
}

.inbox_changelog_manager_badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.inbox_changelog_manager_badges span {
    background: #eef3f1;
    border-radius: 999px;
    color: #536170;
    font-size: 11px;
    font-weight: 900;
    padding: 7px 9px;
}

.inbox_changelog_manager_badges .is-added,
.inbox_changelog_manager_badges .is-improved,
.inbox_changelog_manager_badges .is-enhanced {
    background: #e5f7ef;
    color: #117c4b;
}

.inbox_changelog_manager_badges .is-updated,
.inbox_changelog_manager_badges .is-info {
    background: #e7f3ff;
    color: #1769aa;
}

.inbox_changelog_manager_badges .is-fixed,
.inbox_changelog_manager_badges .is-important {
    background: #feecec;
    color: #b4232a;
}

.inbox_changelog_manager_badges .is-reminder,
.inbox_changelog_manager_badges .is-optional {
    background: #fff4d7;
    color: #946200;
}

.inbox_changelog_manager_links {
    display: grid;
    gap: 8px;
}

.inbox_changelog_manager_links a {
    align-items: center;
    background: #fbfcfd;
    border: 1px solid #e1e9e5;
    border-radius: 12px;
    color: #202938;
    display: flex;
    gap: 10px;
    padding: 12px;
    text-decoration: none;
}

.inbox_changelog_manager_links a:hover {
    background: #eaf7f1;
    color: var(--inbox-green);
}

.product_manager_board {
    max-width: 1480px;
}

.product_manager_primary_link {
    align-items: center;
    background: var(--inbox-green);
    border-radius: 14px;
    color: #fff;
    display: inline-flex;
    font-weight: 800;
    gap: 10px;
    justify-content: center;
    min-height: 52px;
    padding: 0 18px;
    text-decoration: none;
    white-space: nowrap;
}

.product_manager_primary_link:hover {
    background: #0c6f3b;
    color: #fff;
}

.product_manager_toggles {
    display: grid;
    gap: 10px;
    margin-top: 4px;
}

.product_manager_toggles label {
    align-items: center;
    background: #f8fbfa;
    border: 1px solid #e1e9e5;
    border-radius: 12px;
    color: #202938;
    display: flex;
    font-size: 14px;
    font-weight: 800;
    gap: 10px;
    padding: 12px 14px;
}

.product_manager_toggles input {
    accent-color: var(--inbox-green);
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.product_manager_board .inbox_changelog_manager_form {
    gap: 12px;
    padding: 18px 20px 20px;
}

.product_manager_board .inbox_changelog_manager_fields {
    gap: 12px;
}

.product_manager_board .inbox_changelog_manager_form label {
    gap: 6px;
}

.product_manager_board .inbox_changelog_manager_form input,
.product_manager_board .inbox_changelog_manager_form select {
    min-height: 50px;
}

.product_manager_board .inbox_changelog_manager_form textarea {
    min-height: 96px;
}

.product_manager_board .inbox_changelog_manager_items textarea[name="summary"] {
    min-height: 86px;
}

.product_manager_board .product_manager_toggles {
    gap: 8px;
}

.product_manager_board .product_manager_toggles label {
    gap: 10px;
    min-height: 48px;
    padding: 10px 12px;
}

.product_manager_board .product_manager_toggles input {
    min-height: 0;
}

.product_manager_board .inbox_changelog_manager_actions button,
.product_manager_board .inbox_changelog_manager_actions a {
    min-height: 48px;
}

.faq_manager_board {
    max-width: 1440px;
}

.faq_manager_card > header h2 {
    line-height: 1.2;
}

.faq_manager_card textarea[name="answer_html"],
.faq_manager_card .tox-tinymce {
    font-family: inherit;
    font-size: 15px;
    line-height: 1.55;
}

.faq_manager_card .tox-tinymce {
    border: 1px solid #d6e1ea !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.faq_manager_card .tox .tox-toolbar,
.faq_manager_card .tox .tox-toolbar__overflow,
.faq_manager_card .tox .tox-toolbar__primary {
    background: #f8faf9 !important;
}

.faq_manager_card .tox .tox-edit-area__iframe {
    background: #fff !important;
}

.faq-category-field {
    gap: 8px;
}

.faq-category-field input[hidden] {
    display: none;
}

.faq-category-field input[data-faq-category-custom] {
    min-height: 48px;
}

.faq_manager_existing > header {
    align-items: flex-start;
}

.faq_manager_existing > header > div {
    min-width: 0;
}

.faq_manager_existing > header h2 {
    overflow-wrap: anywhere;
}

.faq_manager_existing > header > strong {
    background: #eef7f2;
    border-radius: 999px;
    color: var(--inbox-green);
    flex: 0 0 auto;
    font-size: 13px;
    padding: 8px 10px;
}

.product_manager_product header strong {
    background: #eaf7f1;
    border-radius: 999px;
    color: var(--inbox-green);
    font-size: 13px;
    padding: 8px 12px;
    white-space: nowrap;
}

.product_manager_console {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(280px, 1fr) auto;
}

.product_manager_view_nav {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.product_manager_view_nav a {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe9e5;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(17, 94, 89, .035);
    color: #1f2937;
    display: grid;
    gap: 3px 10px;
    grid-template-columns: 38px minmax(0, 1fr);
    min-height: 72px;
    min-width: 0;
    padding: 12px;
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.product_manager_view_nav a i {
    align-items: center;
    background: #f1f7f4;
    border-radius: 11px;
    color: var(--inbox-green);
    display: inline-flex;
    grid-row: span 2;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.product_manager_view_nav a span,
.product_manager_view_nav a small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product_manager_view_nav a span {
    color: #172033;
    font-size: 14px;
    font-weight: 900;
}

.product_manager_view_nav a small {
    color: #718096;
    font-size: 11px;
    font-weight: 700;
}

.product_manager_view_nav a:hover,
.product_manager_view_nav a.is-active {
    border-color: #bfe5d1;
    box-shadow: 0 16px 34px rgba(17, 94, 89, .07);
    transform: translateY(-1px);
}

.product_manager_view_nav a.is-active {
    background: #eaf7f1;
}

.product_manager_view_grid {
    grid-template-columns: minmax(0, 1fr);
}

.product_manager_guide_grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product_manager_guide_grid .inbox_side_card,
.product_manager_view_integrations .product_manager_coffee_settings {
    background: #fff;
    border: 1px solid #dce9e3;
    border-radius: 16px;
    padding: 18px;
}

.product_manager_guide_grid .inbox_side_card h3 {
    align-items: center;
    color: #121a29;
    display: flex;
    font-size: 17px;
    gap: 8px;
    line-height: 1.2;
    margin: 0 0 10px;
}

.product_manager_guide_grid .inbox_side_card p,
.product_manager_guide_grid .inbox_side_card li {
    color: #5e6978;
    font-size: 14px;
    line-height: 1.5;
}

.product_manager_settings_hub {
    align-items: start;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product_manager_settings_drawer {
    align-self: start;
    background: #fff;
    border: 1px solid #dfe9e5;
    border-radius: 16px;
    box-shadow: 0 12px 32px rgba(17, 94, 89, .04);
    min-width: 0;
    overflow: hidden;
}

.product_manager_settings_drawer > summary {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    list-style: none;
    min-height: 68px;
    padding: 14px 16px;
}

.product_manager_settings_drawer > summary::-webkit-details-marker {
    display: none;
}

.product_manager_settings_drawer > summary span {
    align-items: center;
    color: #162033;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    gap: 9px;
    min-width: 0;
}

.product_manager_settings_drawer > summary span i {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 11px;
    color: var(--inbox-green);
    display: inline-flex;
    flex: 0 0 auto;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.product_manager_settings_drawer > summary strong {
    background: #f4f8f6;
    border: 1px solid #e1e9e5;
    border-radius: 999px;
    color: #657386;
    font-size: 12px;
    font-weight: 900;
    max-width: 260px;
    overflow: hidden;
    padding: 7px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product_manager_settings_drawer > summary > i {
    color: #8b98a8;
    transition: transform .18s ease;
}

.product_manager_settings_drawer[open] > summary {
    border-bottom: 1px solid #e7efeb;
}

.product_manager_settings_drawer[open] > summary > i {
    transform: rotate(180deg);
}

.product_manager_search {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe9e5;
    border-radius: 16px;
    display: flex;
    gap: 12px;
    min-height: 58px;
    padding: 0 18px;
}

.product_manager_search i {
    color: #8b98a8;
}

.product_manager_search input {
    background: transparent;
    border: 0;
    color: #111827;
    flex: 1;
    font-size: 16px;
    font-weight: 700;
    min-width: 0;
    outline: 0;
}

.product_manager_filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.product_manager_filters button {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe9e5;
    border-radius: 14px;
    color: #657386;
    cursor: pointer;
    display: inline-flex;
    font-weight: 900;
    gap: 8px;
    min-height: 58px;
    padding: 0 14px;
}

.product_manager_filters button strong {
    background: #f1f4f6;
    border-radius: 999px;
    color: #111827;
    min-width: 28px;
    padding: 5px 8px;
}

.product_manager_filters button.is-active {
    background: #eaf7f1;
    border-color: #bfe5d1;
    color: var(--inbox-green);
}

.product_manager_envato_settings {
    align-items: center;
    background: linear-gradient(135deg, rgba(19, 122, 74, .08), rgba(30, 120, 160, .04)), #fff;
    border: 1px solid #dfe9e5;
    border-radius: 16px;
    box-sizing: border-box;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
    padding: 18px;
}

.product_manager_settings_drawer .product_manager_envato_settings {
    align-items: stretch;
    background: linear-gradient(135deg, rgba(19, 122, 74, .05), rgba(30, 120, 160, .03)), #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    grid-template-columns: 1fr;
    padding: 22px 28px 26px;
}

.product_manager_settings_drawer .product_manager_envato_settings > div,
.product_manager_settings_drawer .product_manager_envato_settings form {
    max-width: 100%;
    min-width: 0;
}

.product_manager_settings_drawer .product_manager_envato_settings > div p {
    max-width: 760px;
}

.product_manager_settings_drawer .product_manager_envato_settings form {
    align-items: start;
    grid-template-columns: 1fr;
}

.product_manager_settings_drawer .product_manager_envato_settings form > input[type="hidden"],
.product_manager_settings_drawer .product_manager_envato_settings form > .product_manager_form_section,
.product_manager_settings_drawer .product_manager_envato_settings form > .product_manager_envato_feedback,
.product_manager_settings_drawer .product_manager_envato_settings form > .product_manager_paddle_feedback {
    grid-column: 1 / -1;
}

.product_manager_settings_drawer .product_manager_envato_settings button {
    width: 100%;
}

.product_manager_envato_settings > div > span {
    align-items: center;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 8px;
    text-transform: uppercase;
}

.product_manager_envato_settings h2 {
    color: #111827;
    font-size: 22px;
    font-weight: 850;
    letter-spacing: 0;
    margin: 7px 0;
}

.product_manager_envato_settings p {
    color: #657386;
    font-size: 14px;
    font-weight: 550;
    line-height: 1.5;
    margin: 0;
}

.product_manager_envato_settings form {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.product_manager_envato_settings label {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.product_manager_envato_settings .product_manager_switch {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe8e3;
    border-radius: 12px;
    box-sizing: border-box;
    display: grid;
    gap: 12px;
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: 62px;
    padding: 12px 16px;
}

.product_manager_envato_settings .product_manager_switch input[type="checkbox"] {
    appearance: none;
    background: #eef4f1;
    border: 1px solid #cfded7;
    border-radius: 999px;
    box-shadow: inset 0 1px 2px rgba(17, 24, 39, .05);
    cursor: pointer;
    height: 26px;
    margin: 0;
    min-height: 0;
    padding: 0;
    position: relative;
    transition: background .16s ease, border-color .16s ease;
    width: 46px;
}

.product_manager_envato_settings .product_manager_switch input[type="checkbox"]::before {
    background: #fff;
    border-radius: 999px;
    box-shadow: 0 2px 5px rgba(17, 24, 39, .18);
    content: "";
    height: 20px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: transform .16s ease;
    width: 20px;
}

.product_manager_envato_settings .product_manager_switch input[type="checkbox"]:checked {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
}

.product_manager_envato_settings .product_manager_switch input[type="checkbox"]:checked::before {
    transform: translateX(20px);
}

.product_manager_envato_settings .product_manager_switch input[type="checkbox"]:focus-visible {
    outline: 3px solid rgba(20, 123, 77, .18);
    outline-offset: 3px;
}

.product_manager_envato_settings .product_manager_switch span {
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
}

.product_manager_envato_settings label span {
    color: #253042;
    font-size: 13px;
    font-weight: 800;
}

.product_manager_envato_settings input {
    background: #fff;
    border: 1px solid #d7e1eb;
    border-radius: 12px;
    box-sizing: border-box;
    color: #162033;
    font-size: 15px;
    font-weight: 700;
    min-height: 48px;
    min-width: 0;
    padding: 0 14px;
    width: 100%;
}

.product_manager_envato_settings input[readonly] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_manager_envato_settings select,
.product_manager_envato_settings textarea {
    background: #fff;
    border: 1px solid #d7e1eb;
    border-radius: 12px;
    box-sizing: border-box;
    color: #162033;
    font-size: 15px;
    font-weight: 700;
    min-height: 48px;
    min-width: 0;
    padding: 0 14px;
    width: 100%;
}

.product_manager_envato_settings textarea {
    line-height: 1.45;
    min-height: 92px;
    padding: 12px 14px;
    resize: vertical;
}

.product_manager_envato_settings .product_manager_webhook_url_field {
    font-size: 13px;
    line-height: 1.45;
    min-height: 64px;
    overflow-wrap: anywhere;
    resize: none;
}

.product_manager_envato_settings button {
    align-items: center;
    background: var(--inbox-green);
    border: 0;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-weight: 850;
    gap: 8px;
    justify-content: center;
    min-height: 48px;
    padding: 0 16px;
    white-space: nowrap;
}

.product_manager_envato_feedback {
    color: #6b7280;
    font-size: 13px;
    font-weight: 750;
    grid-column: 1 / -1;
    min-height: 18px;
}

.product_manager_envato_feedback.is-error {
    color: #b42318;
}

.product_manager_envato_feedback.is-success {
    color: var(--inbox-green);
}

.product_manager_payment_visibility form {
    align-items: stretch;
    grid-template-columns: 1fr;
}

.product_manager_settings_drawer .product_manager_payment_visibility {
    align-items: stretch;
    grid-template-columns: 1fr;
    padding: 22px 28px 26px;
}

.product_manager_payment_visibility > div,
.product_manager_payment_visibility form {
    max-width: 100%;
    min-width: 0;
}

.product_manager_payment_visibility p {
    max-width: 760px;
}

.product_manager_payment_visibility .product_manager_switch {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe8e3;
    border-radius: 12px;
    box-sizing: border-box;
    display: grid;
    gap: 12px;
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: 62px;
    padding: 12px 16px;
}

.product_manager_payment_visibility .product_manager_switch input[type="checkbox"] {
    appearance: none;
    background: #eef4f1;
    border: 1px solid #cfded7;
    border-radius: 999px;
    box-shadow: inset 0 1px 2px rgba(17, 24, 39, .05);
    cursor: pointer;
    height: 26px;
    margin: 0;
    min-height: 0;
    padding: 0;
    position: relative;
    transition: background .16s ease, border-color .16s ease;
    width: 46px;
}

.product_manager_payment_visibility .product_manager_switch input[type="checkbox"]::before {
    background: #fff;
    border-radius: 999px;
    box-shadow: 0 2px 5px rgba(17, 24, 39, .18);
    content: "";
    height: 20px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: transform .16s ease;
    width: 20px;
}

.product_manager_payment_visibility .product_manager_switch input[type="checkbox"]:checked {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
}

.product_manager_payment_visibility .product_manager_switch input[type="checkbox"]:checked::before {
    transform: translateX(20px);
}

.product_manager_payment_visibility .product_manager_switch input[type="checkbox"]:focus-visible {
    outline: 3px solid rgba(20, 123, 77, .18);
    outline-offset: 3px;
}

.product_manager_payment_visibility .product_manager_switch span {
    line-height: 1.35;
    min-width: 0;
    overflow-wrap: anywhere;
}

.product_manager_payment_feedback {
    color: #6b7280;
    font-size: 13px;
    font-weight: 750;
    min-height: 18px;
}

.product_manager_payment_feedback.is-error {
    color: #b42318;
}

.product_manager_payment_feedback.is-success {
    color: var(--inbox-green);
}

.marketplace_verify_panel {
    display: grid;
    gap: 22px;
}

.marketplace_verify_head,
.marketplace_verify_card,
.marketplace_verify_empty {
    border: 1px solid rgba(17, 129, 77, 0.16);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.07);
}

.marketplace_verify_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 30px;
}

.marketplace_verify_head span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #11814d;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
}

.marketplace_verify_head h2 {
    margin: 8px 0;
    color: #0f172a;
    font-size: clamp(28px, 3vw, 48px);
    line-height: 1.02;
    letter-spacing: 0;
}

.marketplace_verify_head p {
    max-width: 760px;
    margin: 0;
    color: #64748b;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 700;
}

.marketplace_verify_head > a,
.marketplace_verify_actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 18px;
    border-radius: 14px;
    border: 1px solid rgba(17, 129, 77, 0.16);
    background: #11814d;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.marketplace_verify_tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.marketplace_verify_tabs a {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 0 18px;
    border-radius: 16px;
    border: 1px solid rgba(17, 129, 77, 0.14);
    background: rgba(255, 255, 255, 0.9);
    color: #64748b;
    text-decoration: none;
    font-weight: 900;
}

.marketplace_verify_tabs a.is-active {
    border-color: rgba(17, 129, 77, 0.32);
    background: rgba(17, 129, 77, 0.08);
    color: #11814d;
}

.marketplace_verify_list {
    display: grid;
    gap: 16px;
}

.marketplace_verify_card {
    display: grid;
    grid-template-columns: minmax(220px, .8fr) minmax(320px, 1.2fr) minmax(340px, 1fr);
    gap: 18px;
    padding: 24px;
}

.marketplace_verify_identity span,
.marketplace_verify_meta strong,
.marketplace_verify_form label > span {
    display: block;
    color: #11814d;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.marketplace_verify_identity h3 {
    margin: 8px 0;
    color: #0f172a;
    font-size: 22px;
    line-height: 1.16;
}

.marketplace_verify_identity p,
.marketplace_verify_meta span,
.marketplace_verify_empty span {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 800;
}

.marketplace_verify_meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.marketplace_verify_meta span {
    min-width: 0;
    padding: 12px;
    border-radius: 14px;
    background: rgba(241, 245, 249, 0.72);
    overflow-wrap: anywhere;
}

.marketplace_verify_form {
    display: grid;
    gap: 12px;
}

.marketplace_verify_form textarea {
    width: 100%;
    min-height: 86px;
    padding: 12px 14px;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 14px;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    resize: vertical;
}

.marketplace_verify_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.marketplace_verify_actions button {
    min-height: 42px;
    border: 0;
    font-size: 14px;
}

.marketplace_verify_actions button:nth-child(2) {
    background: #0ea5e9;
}

.marketplace_verify_actions button.is-danger {
    background: #dc2626;
}

.marketplace_verify_feedback {
    min-height: 20px;
    color: #64748b;
    font-size: 13px;
    font-weight: 800;
}

.marketplace_verify_feedback.is-success {
    color: #11814d;
}

.marketplace_verify_feedback.is-error {
    color: #dc2626;
}

.marketplace_verify_empty {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 260px;
    padding: 30px;
    text-align: center;
}

.marketplace_verify_empty i {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: rgba(17, 129, 77, 0.1);
    color: #11814d;
    font-size: 24px;
}

.marketplace_verify_empty strong {
    color: #0f172a;
    font-size: 22px;
}

@media (max-width: 1180px) {
    .marketplace_verify_card {
        grid-template-columns: 1fr;
    }

    .marketplace_verify_head {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 760px) {
    .marketplace_verify_head,
    .marketplace_verify_card {
        padding: 20px;
        border-radius: 18px;
    }

    .marketplace_verify_tabs,
    .marketplace_verify_meta {
        grid-template-columns: 1fr;
    }

    .marketplace_verify_actions,
    .marketplace_verify_actions button,
    .marketplace_verify_head > a {
        width: 100%;
    }
}

.product_manager_coffee_settings {
    background: linear-gradient(135deg, rgba(255, 248, 235, .88), rgba(244, 251, 248, .96)), #fff;
    border-color: #d8eadf;
    border-radius: 16px;
    padding: 16px;
}

.product_manager_coffee_head {
    display: grid;
    gap: 7px;
    margin-bottom: 14px;
}

.product_manager_coffee_head > span {
    align-items: center;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 11px;
    font-weight: 850;
    gap: 8px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.product_manager_coffee_head h3 {
    color: #111827;
    font-size: 20px;
    font-weight: 780;
    line-height: 1.18;
    margin: 0;
}

.product_manager_coffee_head p {
    color: #657386;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}

.product_manager_coffee_settings form,
.product_manager_coffee_settings form > label {
    display: grid;
    gap: 10px;
}

.product_manager_coffee_settings .product_manager_switch {
    align-items: center;
    background: rgba(255, 255, 255, .76);
    border: 1px solid #dceae3;
    border-radius: 14px;
    color: #253042;
    display: flex;
    font-size: 14px;
    font-weight: 760;
    gap: 10px;
    min-height: 48px;
    padding: 0 12px;
}

.product_manager_coffee_settings input[type="checkbox"] {
    accent-color: var(--inbox-green);
    height: 18px;
    width: 18px;
}

.product_manager_coffee_settings form > label > span {
    color: #253042;
    font-size: 12px;
    font-weight: 800;
}

.product_manager_coffee_settings form > label > small {
    color: #738093;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.product_manager_coffee_settings input[type="text"],
.product_manager_coffee_settings input[type="url"],
.product_manager_coffee_settings textarea {
    background: #fff;
    border: 1px solid #d7e1eb;
    border-radius: 12px;
    color: #162033;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    min-height: 46px;
    padding: 0 13px;
}

.product_manager_coffee_settings textarea {
    min-height: 84px;
    padding-bottom: 12px;
    padding-top: 12px;
    resize: vertical;
}

.product_manager_coffee_settings textarea[name="widget_code"] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
}

.product_manager_coffee_checks {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product_manager_coffee_checks label {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe9e5;
    border-radius: 12px;
    color: #536173;
    display: flex;
    font-size: 12px;
    font-weight: 750;
    gap: 8px;
    min-height: 38px;
    padding: 0 10px;
}

.product_manager_coffee_settings button[type="submit"] {
    align-items: center;
    background: var(--inbox-green);
    border: 0;
    border-radius: 13px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 850;
    gap: 9px;
    justify-content: center;
    min-height: 46px;
    padding: 0 15px;
}

.product_manager_coffee_settings button[type="submit"]:disabled {
    cursor: wait;
    opacity: .72;
}

.product_manager_coffee_feedback {
    color: #657386;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
    min-height: 18px;
}

.product_manager_coffee_feedback.is-error {
    color: #b42318;
}

.product_manager_coffee_feedback.is-success {
    color: var(--inbox-green);
}

.product_manager_create,
.product_manager_edit_panel {
    overflow: hidden;
}

.product_manager_create {
    background: #fff;
    border-radius: 14px;
}

.product_manager_create > summary,
.product_manager_edit_panel > summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    list-style: none;
}

.product_manager_create > summary::-webkit-details-marker,
.product_manager_edit_panel > summary::-webkit-details-marker {
    display: none;
}

.product_manager_create > summary {
    background: #f8faf9;
    border-radius: 14px;
    min-height: 62px;
    padding: 12px 16px;
}

.product_manager_create > summary span {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.product_manager_create > summary small {
    color: var(--inbox-green);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.product_manager_create > summary strong {
    color: #111827;
    font-size: 18px;
    line-height: 1.16;
}

.product_manager_create[open] > summary {
    border-radius: 14px 14px 0 0;
}

.product_manager_create > summary > i,
.product_manager_edit_panel > summary > i {
    color: #8b98a8;
    flex: 0 0 auto;
    transition: transform .2s ease;
}

.product_manager_create[open] > summary > i,
.product_manager_edit_panel[open] > summary > i {
    transform: rotate(180deg);
}

.product_manager_details_body {
    border-top: 1px solid #e6eeeb;
    margin-top: 0;
    padding-top: 0;
}

.product_form_group {
    background: #fff;
    border: 1px solid #e1e9e5;
    border-radius: 15px;
    min-width: 0;
    overflow: hidden;
}

.product_form_group > summary {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 8px 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    list-style: none;
    min-height: 62px;
    padding: 12px 14px;
}

.product_form_group > summary::-webkit-details-marker {
    display: none;
}

.product_form_group > summary span {
    align-items: center;
    color: #162033;
    display: inline-flex;
    font-size: 15px;
    font-weight: 900;
    gap: 9px;
    min-width: 0;
}

.product_form_group > summary span i {
    align-items: center;
    background: #eaf7f1;
    border-radius: 10px;
    color: var(--inbox-green);
    display: inline-flex;
    flex: 0 0 auto;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.product_form_group > summary small {
    color: #738093;
    font-size: 12px;
    font-weight: 750;
    grid-column: 1;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.product_form_group > summary > i {
    align-self: center;
    color: #8b98a8;
    grid-column: 2;
    grid-row: 1 / span 2;
    transition: transform .18s ease;
}

.product_form_group[open] > summary {
    background: #f8fbfa;
    border-bottom: 1px solid #e7efeb;
}

.product_form_group[open] > summary > i {
    transform: rotate(180deg);
}

.product_form_group_body {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.product_form_group_body > .product_manager_form_section:first-child {
    margin-top: 0;
}

.product_form_save_bar {
    align-items: center;
    background: rgba(255, 255, 255, .96);
    border: 1px solid #dfe9e5;
    border-radius: 15px;
    bottom: 12px;
    box-shadow: 0 16px 38px rgba(17, 94, 89, .08);
    padding: 10px;
    position: sticky;
    z-index: 5;
}

.product_manager_create > .product_manager_details_body {
    padding: 0;
}

.product_manager_product {
    display: grid;
    gap: 14px;
}

.product_manager_product_header {
    align-items: flex-start;
    display: grid !important;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.product_manager_product_header h2 {
    line-height: 1.2;
}

.product_manager_product_header p {
    color: #657386;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin: 8px 0 0;
    max-width: 760px;
}

.product_manager_product_status {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.product_status_badge {
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    padding: 7px 10px;
}

.product_status_badge.is-active {
    background: #eaf7f1;
    color: var(--inbox-green);
}

.product_status_badge.is-draft {
    background: #fff4d7;
    color: #946200;
}

.product_status_badge.is-archived {
    background: #eef1f4;
    color: #657386;
}

.product_manager_health_grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-inline: 18px;
}

.product_manager_health_grid span {
    align-items: center;
    border: 1px solid;
    border-radius: 13px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    min-height: 44px;
    min-width: 0;
    padding: 9px 10px;
}

.product_manager_health_grid .is-ok {
    background: #f7fcfa;
    border-color: #dcebe5;
    color: #117c4b;
}

.product_manager_health_grid .is-warning {
    background: #fff8e8;
    border-color: #f4d28b;
    color: #946200;
}

.product_manager_quick_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-inline: 18px;
    padding-bottom: 4px;
}

.product_manager_quick_actions a {
    align-items: center;
    background: #f8fbfa;
    border: 1px solid #dfe9e5;
    border-radius: 12px;
    color: #202938;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    gap: 8px;
    min-height: 40px;
    padding: 0 12px;
    text-decoration: none;
}

.product_manager_quick_actions a:hover {
    background: #eaf7f1;
    color: var(--inbox-green);
}

.product_manager_edit_panel {
    background: #fff;
    border: 1px solid #e3ebe7;
    border-radius: 14px;
    margin: 0 18px 18px;
    padding: 0;
}

.product_manager_edit_panel > summary {
    background: #f8faf9;
    border-radius: 14px;
    min-height: 54px;
    padding: 0 16px;
}

.product_manager_edit_panel[open] > summary {
    border-radius: 14px 14px 0 0;
}

.product_manager_edit_panel > summary span {
    align-items: center;
    color: #202938;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    gap: 9px;
}

.product_manager_edit_panel .product_manager_details_body {
    border-top: 1px solid #e5ece8;
}

.product_manager_empty_filter {
    align-items: center;
    background: #fff;
    border: 1px dashed #cfdad5;
    border-radius: 16px;
    color: #657386;
    display: none;
    font-weight: 800;
    gap: 10px;
    justify-content: center;
    min-height: 96px;
    text-align: center;
}

.product_manager_empty_filter.is-visible {
    display: flex;
}

.product_manager_gumroad_steps {
    background: linear-gradient(135deg, #f2fbf7 0%, #ffffff 100%);
    display: grid;
    gap: 14px;
}

.product_manager_gumroad_steps span {
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .03em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.product_manager_gumroad_steps h3 {
    align-items: center;
    color: #111827;
    display: flex;
    font-size: 18px;
    font-weight: 800;
    gap: 10px;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
}

.product_manager_gumroad_steps h3 i {
    align-items: center;
    background: #eaf7f1;
    border-radius: 11px;
    color: var(--inbox-green);
    display: inline-flex;
    flex: 0 0 auto;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.product_manager_gumroad_steps ol {
    color: #465266;
    display: grid;
    gap: 10px;
    font-size: 13px;
    font-weight: 550;
    line-height: 1.45;
    margin: 0;
    padding-left: 18px;
}

.product_manager_gumroad_steps strong {
    color: #182233;
    font-weight: 750;
}

.product_manager_form_section {
    background: linear-gradient(135deg, #f3fbf8 0%, #ffffff 100%);
    border: 1px solid #dcebe5;
    border-radius: 14px;
    margin: 8px 0;
    padding: 16px;
}

.product_manager_form_section span {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.product_manager_form_section p {
    color: #657386;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    margin: 6px 0 0;
}

.product_manager_media_uploads {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product_manager_file_drop {
    align-items: flex-start;
    background:
        linear-gradient(135deg, rgba(234, 247, 241, .86) 0%, rgba(255, 255, 255, .96) 100%);
    border: 1px dashed #bfe2d0;
    border-radius: 16px;
    cursor: pointer;
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 118px;
    padding: 16px !important;
}

.product_manager_file_drop > i {
    align-items: center;
    background: var(--inbox-green);
    border-radius: 12px;
    color: #fff;
    display: inline-flex;
    font-size: 18px;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.product_manager_file_drop span,
.product_manager_file_drop strong {
    grid-column: 2;
}

.product_manager_file_drop span {
    color: #111827;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.25;
}

.product_manager_file_drop strong {
    color: #657386;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.4;
}

.product_manager_file_drop input {
    grid-column: 1 / -1;
    min-height: 0 !important;
    width: 100%;
}

.product_manager_media_gallery {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.product_manager_media_gallery figure {
    background: #fff;
    border: 1px solid #dfe9e5;
    border-radius: 14px;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.product_manager_media_gallery img {
    aspect-ratio: 16 / 10;
    display: block;
    object-fit: cover;
    width: 100%;
}

.product_manager_media_gallery figcaption {
    display: grid;
    gap: 2px;
    padding: 10px;
}

.product_manager_media_gallery figcaption span {
    color: #111827;
    font-size: 12px;
    font-weight: 850;
}

.product_manager_media_gallery figcaption small {
    color: #7b8795;
    font-size: 10.5px;
    font-weight: 650;
}

.product-media-delete-button {
    align-items: center;
    background: rgba(16, 24, 39, .86);
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    height: 26px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 26px;
}

.product_manager_catalog_hero {
    border-color: #cfe8dc;
}

.product_manager_catalog_form .product_manager_form_section {
    margin-top: 0;
}

.inbox_products_app,
.inbox_product_detail_app {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    height: auto;
    min-height: 100vh;
    overflow: visible;
}

body.inbox_products_body {
    overflow-x: hidden;
    overflow-y: auto;
}

.inbox_products_html,
.inbox_products_html body.inbox_products_body {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.inbox_products_main,
.inbox_product_detail_main {
    background:
        linear-gradient(180deg, #f4faf7 0%, #f8fbfb 36%, #ffffff 100%);
    min-height: 100vh;
    overflow-x: clip;
    padding: 24px;
    width: 100%;
}

.products_catalog_hero,
.products_catalog_section {
    margin: 0 auto 18px;
    max-width: 1240px;
}

.products_catalog_hero {
    align-items: stretch;
    background:
        radial-gradient(circle at 50% 0%, rgba(17, 124, 75, .08), transparent 28%),
        linear-gradient(180deg, #fbf7f0 0%, #f3eadf 100%);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: grid;
    justify-content: stretch;
    justify-items: stretch;
    margin: -24px -24px 22px;
    max-width: none;
    min-height: 100svh;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
}

.products_catalog_hero::before {
    background:
        linear-gradient(180deg, rgba(248, 243, 234, .92) 0%, rgba(248, 243, 234, .72) 28%, rgba(248, 243, 234, .38) 58%, rgba(248, 243, 234, .16) 100%),
        linear-gradient(180deg, rgba(248, 243, 234, .2) 0%, rgba(248, 243, 234, .1) 100%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
}

.products_catalog_hero::after {
    background:
        linear-gradient(180deg, rgba(247, 250, 249, 0) 0%, rgba(247, 250, 249, .68) 68%, #f7faf9 100%);
    content: "";
    inset: auto 0 0;
    height: 18%;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}

.products_catalog_hero_copy {
    align-items: center;
    background: transparent;
    border: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 0;
    grid-area: 1 / 1;
    justify-content: center;
    font-family: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    min-height: 100svh;
    min-width: 0;
    padding: 32px 40px;
    position: relative;
    width: 100%;
    z-index: 3;
}

.products_catalog_hero h1 {
    color: #101827;
    font-size: clamp(36px, 4.15vw, 58px);
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.04;
    margin: 18px auto 0;
    max-width: 980px;
}

.products_catalog_hero_copy > p {
    color: #344054;
    font-size: clamp(15px, 1.2vw, 18px);
    font-weight: 500;
    line-height: 1.62;
    margin: 20px auto 0;
    max-width: 58ch;
}

.products_catalog_hero_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.products_catalog_hero_actions a {
    align-items: center;
    background: #fff;
    border: 1px solid #d9e7e2;
    border-radius: 14px;
    color: #202938;
    display: inline-flex;
    font-weight: 950;
    gap: 9px;
    justify-content: center;
    min-height: 54px;
    min-width: 188px;
    padding: 0 22px;
    text-decoration: none;
}

.products_catalog_hero_actions a:hover {
    background: #eaf7f1;
    color: var(--inbox-green);
}

.products_catalog_hero_stats {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px;
    max-width: 710px;
    width: 100%;
}

.products_catalog_hero_stats div {
    align-items: center;
    background: rgba(255, 255, 255, .74);
    border: 1px solid rgba(223, 234, 230, .86);
    border-radius: 999px;
    display: flex;
    gap: 7px;
    justify-content: center;
    min-width: 0;
    padding: 11px 16px;
}

.products_catalog_hero_stats strong {
    color: var(--inbox-green);
    display: inline;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
}

.products_catalog_hero_stats span {
    color: #202938;
    display: inline;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.2;
    margin: 0;
    min-width: 0;
}

.products_catalog_hero_note {
    align-items: center;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(223, 234, 230, .88);
    border-radius: 999px;
    color: #202938;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 10px;
    line-height: 1.35;
    bottom: 22px;
    left: 50%;
    margin-top: 0;
    max-width: max-content;
    padding: 12px 18px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: auto;
    z-index: 3;
}

.products_catalog_hero_note i {
    color: var(--inbox-green);
    flex: 0 0 auto;
}

.products_catalog_hero_note span {
    display: block;
    min-width: 0;
}

.products_catalog_code_scene {
    --catalog-scene-scale: 1.08;
    --catalog-scene-width: 1200px;
    --catalog-track-width: 2300px;
    --catalog-track-height: 1800px;
    --catalog-ring-height: 350px;
    --catalog-slice-width: 2000px;
    --catalog-slice-height: 600px;
    --catalog-card-width: 397px;
    --catalog-card-radius: 20px;
    --catalog-ring-tilt: 13.1652deg;
    --catalog-ring-duration: 96s;
    align-items: center;
    display: flex;
    bottom: 0;
    justify-content: center;
    opacity: .36;
    pointer-events: none;
    position: absolute;
    left: 50%;
    min-height: 100%;
    overflow: visible;
    top: 0;
    transform: translateX(-50%);
    transform-style: preserve-3d;
    width: var(--catalog-scene-width);
    z-index: 0;
}

.products_catalog_code_scene::before {
    background: radial-gradient(circle at center, rgba(255, 255, 255, .36), transparent 42%);
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1;
}

.products_catalog_scene_layer,
.products_catalog_scene_track {
    inset: 0;
    position: absolute;
}

.products_catalog_scene_layer {
    opacity: 1;
    will-change: transform, opacity;
}

.products_catalog_scene_track {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.products_catalog_scene_slider {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: var(--catalog-track-height);
    justify-content: center;
    position: relative;
    transform: perspective(1200px) translate3d(0, 0, 0) scale(var(--catalog-scene-scale));
    transform-style: preserve-3d;
    width: var(--catalog-track-width);
}

.products_catalog_scene_ring {
    align-items: center;
    display: flex;
    height: var(--catalog-ring-height);
    justify-content: center;
    position: relative;
    transform-style: preserve-3d;
    width: 100%;
    will-change: transform;
}

.products_catalog_scene_ring.is-ring-1 {
    margin-top: 0;
}

.products_catalog_scene_ring.is-ring-2 {
    margin-top: 0;
}

.products_catalog_scene_ring.is-ring-3 {
    margin-top: 0;
}

.products_catalog_scene_ring.is-ring-4 {
    margin-top: 0;
}

.products_catalog_scene_ring.is-ring-5 {
    margin-top: 0;
}

.products_catalog_scene_ring--right {
    animation: products-catalog-ring-right var(--catalog-ring-duration) linear infinite;
}

.products_catalog_scene_ring--left {
    animation: products-catalog-ring-left var(--catalog-ring-duration) linear infinite;
}

@keyframes products-catalog-ring-right {
    from {
        transform: rotateY(var(--catalog-ring-tilt));
    }
    to {
        transform: rotateY(calc(var(--catalog-ring-tilt) + 360deg));
    }
}

@keyframes products-catalog-ring-left {
    from {
        transform: rotateY(calc(var(--catalog-ring-tilt) * -1));
    }
    to {
        transform: rotateY(calc((var(--catalog-ring-tilt) * -1) - 360deg));
    }
}

.products_catalog_scene_slice {
    align-items: center;
    display: flex;
    height: var(--catalog-slice-height);
    justify-content: space-between;
    left: 50%;
    margin-left: calc(var(--catalog-slice-width) / -2);
    margin-top: calc(var(--catalog-slice-height) / -2);
    position: absolute;
    top: 50%;
    transform-style: preserve-3d;
    width: var(--catalog-slice-width);
}

.products_catalog_scene_slice--angle-30 {
    transform: rotateY(30deg);
}

.products_catalog_scene_slice--angle-60 {
    transform: rotateY(60deg);
}

.products_catalog_scene_slice--angle-90 {
    transform: rotateY(90deg);
}

.products_catalog_scene_slice--angle-120 {
    transform: rotateY(120deg);
}

.products_catalog_scene_slice--angle-150 {
    transform: rotateY(150deg);
}

.products_catalog_scene_slice--angle-180 {
    transform: rotateY(180deg);
}

.products_catalog_scene_card {
    aspect-ratio: 1.28;
    backface-visibility: hidden;
    border-radius: var(--catalog-card-radius);
    overflow: hidden;
    position: relative;
    width: var(--catalog-card-width);
}

.products_catalog_scene_card--front {
    transform: rotateY(90deg);
}

.products_catalog_scene_card--back {
    transform: rotateY(-90deg);
}

.products_catalog_code_card {
    --code-accent: #80d2ff;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, .14), transparent 34%),
        linear-gradient(180deg, rgba(17, 20, 28, .88) 0%, rgba(18, 22, 31, .72) 100%);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 20px;
    box-shadow: 0 18px 60px rgba(16, 24, 39, .10);
    color: rgba(255, 255, 255, .88);
    font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    min-height: 178px;
    overflow: hidden;
    padding: 14px;
    position: absolute;
    transform: rotate(var(--card-rotate, 0deg));
    width: clamp(210px, 22vw, 360px);
}

.products_catalog_scene_card .products_catalog_code_card {
    display: grid;
    gap: 10px;
    grid-template-rows: auto 1fr auto;
    height: 100%;
    inset: 0;
    min-height: 0;
    transform: none;
    width: 100%;
}

.products_catalog_code_card[data-tone="green"],
.products_catalog_code_card[data-tone="mint"] {
    --code-accent: #7ce6a2;
}

.products_catalog_code_card[data-tone="amber"],
.products_catalog_code_card[data-tone="gold"] {
    --code-accent: #f7bf76;
}

.products_catalog_code_card[data-tone="violet"] {
    --code-accent: #b39bff;
}

.products_catalog_code_card[data-tone="rose"] {
    --code-accent: #ff96b3;
}

.products_catalog_code_chrome {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.products_catalog_code_chrome span {
    display: inline-flex;
    gap: 5px;
}

.products_catalog_code_chrome i {
    background: rgba(255, 255, 255, .26);
    border-radius: 999px;
    display: block;
    height: 6px;
    width: 6px;
}

.products_catalog_code_chrome i:first-child {
    background: #ff9d89;
}

.products_catalog_code_chrome i:nth-child(2) {
    background: #ffd78b;
}

.products_catalog_code_chrome i:nth-child(3) {
    background: #9ee8ad;
}

.products_catalog_code_chrome strong {
    color: rgba(255, 255, 255, .72);
    flex: 1;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .06em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.products_catalog_code_chrome em {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    color: var(--code-accent);
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
    padding: 4px 7px;
}

.products_catalog_code_lines {
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    display: grid;
    gap: 7px;
    margin-top: 14px;
    padding: 12px;
}

.products_catalog_code_lines p {
    align-items: start;
    display: grid;
    gap: 9px;
    grid-template-columns: 24px minmax(0, 1fr);
    margin: 0;
}

.products_catalog_code_lines span {
    color: rgba(255, 255, 255, .24);
    font-size: 10px;
    text-align: right;
}

.products_catalog_code_lines code {
    color: rgba(255, 255, 255, .76);
    display: block;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.products_catalog_code_footer {
    align-items: center;
    color: rgba(255, 255, 255, .38);
    display: flex;
    font-size: 8px;
    font-weight: 900;
    justify-content: space-between;
    letter-spacing: .08em;
    text-transform: uppercase;
}

@media (prefers-reduced-motion: reduce) {
    .products_catalog_scene_ring--right,
    .products_catalog_scene_ring--left {
        animation: none;
    }
}

.products_catalog_code_card.is-card-1 {
    --card-rotate: -9deg;
    left: 0;
    top: 4%;
}

.products_catalog_code_card.is-card-2 {
    --card-rotate: 6deg;
    left: 22%;
    top: 0;
}

.products_catalog_code_card.is-card-3 {
    --card-rotate: -4deg;
    right: 20%;
    top: 7%;
}

.products_catalog_code_card.is-card-4 {
    --card-rotate: 8deg;
    right: -2%;
    top: 1%;
}

.products_catalog_code_card.is-card-5 {
    --card-rotate: 7deg;
    left: 4%;
    bottom: 7%;
}

.products_catalog_code_card.is-card-6 {
    --card-rotate: -6deg;
    left: 34%;
    bottom: -1%;
}

.products_catalog_code_card.is-card-7 {
    --card-rotate: 5deg;
    right: 28%;
    bottom: 9%;
}

.products_catalog_code_card.is-card-8 {
    --card-rotate: -8deg;
    right: 0;
    bottom: 4%;
}

.products_catalog_section {
    background: transparent;
    border: 0;
    border-radius: 24px;
    box-shadow: none;
    overflow: hidden;
    padding: 22px;
}

.products_catalog_section_head {
    align-items: center;
    border-bottom: 0;
    display: flex;
    flex-direction: column;
    font-family: "Inter", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    gap: 12px;
    justify-content: center;
    margin-bottom: 24px;
    padding-bottom: 0;
    text-align: center;
}

.products_catalog_section_head span {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 950;
    grid-column: 1 / -1;
    letter-spacing: .04em;
}

.products_catalog_section_head h2 {
    color: #101827;
    font-size: clamp(28px, 2.5vw, 40px);
    font-weight: 850;
    line-height: 1.06;
    margin: 0;
    max-width: 760px;
}

.products_catalog_section_head p {
    color: #657386;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    margin: 0;
    max-width: 680px;
}

.inbox_products_hero,
.inbox_products_featured,
.inbox_products_admin_bar,
.inbox_product_detail_hero,
.inbox_product_detail_metrics,
.inbox_product_panel,
.inbox_product_admin_panel,
.inbox_products_empty {
    background: #fff;
    border: 1px solid #dfeae6;
    border-radius: 20px;
    box-shadow: 0 18px 55px rgba(17, 124, 75, .06);
}

.inbox_products_hero {
    align-items: end;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0 auto 18px;
    max-width: 1180px;
    padding: 26px;
}

.inbox_products_eyebrow,
.inbox_products_featured_text > span,
.inbox_product_detail_copy > span,
.inbox_products_admin_bar span,
.inbox_product_admin_panel > span {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.inbox_products_hero h1,
.inbox_product_detail_hero h1 {
    color: #101827;
    font-size: clamp(32px, 3vw, 44px);
    line-height: 1.05;
    margin: 8px 0 0;
    max-width: 760px;
}

.inbox_products_hero p,
.inbox_product_detail_hero p {
    color: #657386;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin: 12px 0 0;
    max-width: 760px;
}

.inbox_products_hero_stats,
.inbox_product_detail_metrics {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
}

.inbox_products_hero_stats div,
.inbox_product_detail_metrics div {
    background: #f8fbfa;
    border: 1px solid #dfeae6;
    border-radius: 15px;
    min-width: 0;
    padding: 14px;
}

.inbox_products_hero_stats strong,
.inbox_product_detail_metrics strong {
    color: var(--inbox-green);
    display: block;
    font-size: 26px;
    line-height: 1;
}

.inbox_products_hero_stats span,
.inbox_product_detail_metrics span {
    color: #657386;
    display: block;
    font-size: 13px;
    font-weight: 900;
    margin-top: 8px;
}

.inbox_products_featured {
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
    margin: 0 auto 18px;
    max-width: 1180px;
    overflow: hidden;
    padding: 20px;
}

.inbox_products_featured_text {
    align-self: center;
    padding: 22px;
}

.inbox_products_featured_text h2,
.inbox_product_card_body h2,
.inbox_product_panel h2,
.inbox_products_empty h1 {
    color: #101827;
    line-height: 1.14;
    margin: 8px 0 0;
}

.inbox_products_featured_text h2 {
    font-size: clamp(30px, 3vw, 46px);
}

.inbox_products_featured_text p,
.inbox_product_card_body p {
    color: #657386;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.55;
    margin: 14px 0 0;
}

.inbox_products_featured_actions,
.inbox_product_card_actions,
.inbox_product_detail_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.inbox_products_featured_actions a,
.inbox_product_card_actions a,
.inbox_product_detail_actions a,
.inbox_products_admin_bar a,
.inbox_product_admin_panel a {
    align-items: center;
    background: #f8fbfa;
    border: 1px solid #dfeae6;
    border-radius: 14px;
    color: #202938;
    display: inline-flex;
    font-weight: 950;
    gap: 9px;
    justify-content: center;
    min-height: 48px;
    padding: 0 18px;
    text-decoration: none;
}

.inbox_products_featured_actions a:hover,
.inbox_product_card_actions a:hover,
.inbox_product_detail_actions a:hover,
.inbox_products_admin_bar a:hover,
.inbox_product_admin_panel a:hover {
    background: #eaf7f1;
    color: var(--inbox-green);
}

.inbox_products_primary {
    background: var(--inbox-green) !important;
    border-color: var(--inbox-green) !important;
    color: #fff !important;
}

.inbox_products_primary:hover {
    background: #0d6f42 !important;
    color: #fff !important;
}

.inbox_products_featured_media,
.inbox_product_detail_media,
.inbox_product_card_media {
    background: #edf6f2;
    border-radius: 18px;
    display: block;
    overflow: hidden;
}

.inbox_products_featured_media img,
.inbox_product_detail_media img,
.inbox_product_card_media img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.inbox_products_featured_media {
    min-height: 360px;
}

.inbox_products_grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    max-width: none;
}

.inbox_product_card {
    background: #fff;
    border: 1px solid #dfeae6;
    border-radius: 18px;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: 188px auto auto;
    min-width: 0;
    overflow: hidden;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.inbox_product_card:hover {
    border-color: #b8dccd;
    box-shadow: 0 16px 42px rgba(17, 124, 75, .10);
    transform: translateY(-2px);
}

.inbox_product_card_body {
    padding: 18px 18px 8px;
}

.inbox_product_card_topline {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-width: 0;
}

.inbox_product_card_topline span {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .03em;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.inbox_product_card_topline strong {
    background: #eaf7f1;
    border-radius: 999px;
    color: var(--inbox-green);
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 950;
    padding: 7px 10px;
}

.inbox_product_card_body h2 {
    font-size: 21px;
    min-height: 48px;
}

.inbox_product_card_body h2 a {
    color: inherit;
    text-decoration: none;
}

.inbox_product_card_body h2 a:hover {
    color: var(--inbox-green);
}

.inbox_product_card_body p {
    display: -webkit-box;
    font-size: 14px;
    line-height: 1.48;
    margin-top: 10px;
    min-height: 62px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.inbox_product_card_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 14px;
}

.inbox_product_card_meta em {
    background: #f4f7f6;
    border: 1px solid #e4ece8;
    border-radius: 999px;
    color: #657386;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    padding: 6px 8px;
}

.inbox_product_card_actions {
    border-top: 1px solid #e8efec;
    margin: 10px 18px 18px;
    padding-top: 14px;
}

.inbox_product_card_actions a {
    border-radius: 12px;
    flex: 1 1 auto;
    font-size: 13px;
    min-height: 42px;
    padding: 0 12px;
}

.inbox_product_card_body h2 {
    font-size: 26px;
}

.inbox_product_card_body h2 a {
    color: inherit;
    text-decoration: none;
}

.inbox_product_card_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.inbox_product_card_meta em {
    background: #eef6f2;
    border-radius: 999px;
    color: #657386;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    padding: 7px 10px;
}

.inbox_product_card_actions {
    border-top: 1px solid #edf2ef;
    margin: 0 24px;
    padding: 16px 0 22px;
}

.products_catalog_section .inbox_product_card {
    grid-template-rows: 188px auto auto;
    max-width: 100%;
    width: 100%;
}

.products_catalog_section .inbox_product_card > * {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.products_catalog_section .inbox_product_card_media,
.products_catalog_section .inbox_product_card_media img {
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.products_catalog_section .inbox_product_card_body {
    box-sizing: border-box;
    padding: 18px 18px 10px;
}

.products_catalog_section .inbox_product_card_body h2 {
    font-size: 21px;
    line-height: 1.18;
    margin-top: 12px;
    min-height: 0;
    overflow: hidden;
}

.products_catalog_section .inbox_product_card_body h2 a {
    display: -webkit-box;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.products_catalog_section .inbox_product_card_topline {
    justify-content: flex-start;
}

.products_catalog_section .inbox_product_card_topline span {
    background: #eaf7f1;
    border-radius: 999px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 12px;
    padding: 7px 10px;
}

.inbox_product_card_rating {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-top: 14px;
    min-height: 24px;
}

.inbox_product_rating_stars {
    color: #f4aa16;
    display: inline-flex;
    font-size: 15px;
    gap: 2px;
    line-height: 1;
}

.inbox_product_card_rating strong {
    color: #657386;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
}

.products_catalog_section .inbox_product_card_actions {
    border-top: 1px solid #e8efec;
    box-sizing: border-box;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(38px, auto) minmax(0, 1fr) 42px minmax(0, .86fr);
    margin: 10px 0 18px;
    min-width: 0;
    padding: 14px 18px 0;
    width: 100%;
}

.products_catalog_section .inbox_product_card_actions a {
    border-radius: 12px;
    font-size: 13px;
    min-height: 42px;
    min-width: 0;
    padding: 0 12px;
}

.products_catalog_section .inbox_product_card_actions a span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_product_card_price {
    align-self: center;
    color: var(--inbox-green);
    font-size: 18px;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}

.products_catalog_section .inbox_product_card_actions .inbox_product_preview_icon {
    min-width: 42px;
    padding: 0;
    width: 42px;
}

.inbox_products_admin_bar {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin: 18px auto 0;
    max-width: 1180px;
    padding: 20px;
}

.inbox_products_admin_bar strong,
.inbox_product_admin_panel strong {
    color: #101827;
    display: block;
    font-size: 18px;
    margin-top: 4px;
}

.inbox_product_back {
    align-items: center;
    background: #fff;
    border: 1px solid #dfeae6;
    border-radius: 13px;
    color: #657386;
    display: inline-flex;
    font-weight: 900;
    gap: 8px;
    margin: 0 0 16px;
    min-height: 44px;
    padding: 0 14px;
    text-decoration: none;
}

.inbox_product_back:hover {
    color: var(--inbox-green);
}

.inbox_product_detail_hero {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .82fr);
    margin: 0 auto 14px;
    max-width: 1180px;
    overflow: hidden;
    padding: 22px;
}

.inbox_product_detail_copy {
    align-self: center;
}

.inbox_product_detail_media {
    min-height: 320px;
}

.inbox_product_detail_metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 auto 14px;
    max-width: 1180px;
    padding: 10px;
}

.inbox_product_detail_layout {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) 360px;
    margin: 0 auto;
    max-width: 1180px;
}

.inbox_product_price_strip {
    align-items: center;
    background: #f5fbf8;
    border: 1px solid #dbece4;
    border-radius: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
    padding: 10px 12px;
}

.inbox_product_price_strip strong {
    color: var(--inbox-green);
    font-size: 22px;
    line-height: 1;
}

.inbox_product_price_strip span,
.inbox_product_direct_note {
    color: #657386;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.4;
}

.inbox_product_direct_note {
    margin: 12px 0 0;
}

.inbox_product_detail_content,
.inbox_product_detail_side {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.inbox_product_detail_side {
    align-self: start;
    position: sticky;
    top: 18px;
}

.inbox_product_panel,
.inbox_product_admin_panel,
.inbox_products_empty {
    padding: 24px;
}

.inbox_product_panel h2 {
    align-items: center;
    color: #101827;
    display: flex;
    font-size: 22px;
    font-weight: 850;
    line-height: 1.15;
    margin: 0 0 16px;
}

.inbox_product_rich {
    color: #404b5d;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.68;
}

.inbox_product_rich p {
    margin: 0 0 14px;
}

.inbox_product_feature_grid,
.inbox_product_path_grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_product_feature_grid div,
.inbox_product_path_grid a {
    align-items: center;
    background: #f8fbfa;
    border: 1px solid #dfeae6;
    border-radius: 14px;
    color: #202938;
    display: flex;
    font-weight: 900;
    gap: 10px;
    min-height: 58px;
    min-width: 0;
    padding: 14px;
    text-decoration: none;
}

.inbox_product_feature_grid i,
.inbox_product_path_grid i {
    color: var(--inbox-green);
    flex: 0 0 auto;
}

.inbox_product_path_grid a:hover {
    background: #eaf7f1;
    color: var(--inbox-green);
}

.inbox_product_snapshot {
    display: grid;
    gap: 9px;
    margin: 0;
}

.inbox_product_snapshot div {
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fbfa 100%);
    border: 1px solid #dfeae6;
    border-radius: 14px;
    padding: 14px;
}

.inbox_product_snapshot dt {
    color: #8b98a8;
    font-size: 12px;
    font-weight: 850;
    margin: 0 0 5px;
}

.inbox_product_snapshot dd {
    color: #202938;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.25;
    margin: 0;
    overflow-wrap: anywhere;
}

.inbox_product_clean_list {
    color: #404b5d;
    display: grid;
    gap: 10px;
    font-weight: 800;
    line-height: 1.45;
    list-style: none;
    margin: 0;
    padding: 0;
}

.inbox_product_clean_list li {
    background: #f8fbfa;
    border: 1px solid #dfeae6;
    border-radius: 12px;
    padding: 12px;
}

.inbox_product_admin_panel {
    background: #101827;
    border-color: #101827;
}

.inbox_product_admin_panel strong {
    color: #fff;
}

.inbox_product_admin_panel a {
    margin-top: 16px;
    width: 100%;
}

.inbox_market_product_header,
.inbox_market_product_shell {
    margin-left: auto;
    margin-right: auto;
    max-width: 1120px;
}

.inbox_market_product_header {
    align-items: center;
    background:
        radial-gradient(circle at 12% 0%, rgba(18, 131, 75, .06), transparent 34%),
        #fff;
    border: 1px solid #dfeae6;
    border-radius: 22px;
    box-shadow: 0 18px 55px rgba(17, 124, 75, .045);
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 14px;
    padding: 26px 28px;
}

.inbox_market_product_header > div {
    min-width: 0;
}

.inbox_market_product_header span {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.inbox_market_product_header h1 {
    color: #101827;
    font-size: clamp(25px, 2vw, 34px);
    font-weight: 850;
    line-height: 1.08;
    margin: 8px 0 0;
    max-width: 760px;
}

.inbox_market_product_header p {
    color: #5d6b7d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 12px 0 0;
    max-width: 720px;
}

.inbox_market_header_trust {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.inbox_market_header_trust em {
    align-items: center;
    background: rgba(234, 247, 241, .84);
    border: 1px solid rgba(202, 228, 216, .92);
    border-radius: 999px;
    color: #137a4a;
    display: inline-flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    gap: 7px;
    min-height: 31px;
    padding: 0 11px;
    white-space: nowrap;
}

.inbox_market_product_header dl {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    min-width: 0;
}

.inbox_market_sidebar_metrics {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 12px;
}

.inbox_market_sidebar_metrics div {
    background:
        linear-gradient(180deg, #fff 0%, #f8fbfa 100%);
    border: 1px solid #dfeae6;
    border-radius: 14px;
    min-width: 0;
    padding: 12px;
}

.inbox_market_sidebar_metrics span {
    color: #8b98a8;
    display: block;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.inbox_market_sidebar_metrics strong {
    color: var(--inbox-green);
    display: block;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_market_product_header dl div {
    background: rgba(248, 251, 250, .92);
    border: 1px solid #dfeae6;
    border-radius: 16px;
    min-width: 0;
    padding: 15px;
}

.inbox_market_product_header dt {
    color: #8b98a8;
    font-size: 11px;
    font-weight: 950;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.inbox_market_product_header dd {
    color: var(--inbox-green);
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
    margin: 0;
}

.inbox_market_product_shell {
    align-items: start;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) 336px;
}

.inbox_market_product_main,
.inbox_market_buy_column {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.inbox_market_buy_column {
    position: sticky;
    top: 18px;
}

.inbox_market_product_preview {
    background: #eaf4ef;
    border: 1px solid #dfeae6;
    border-radius: 18px;
    box-shadow: 0 18px 55px rgba(17, 124, 75, .055);
    margin: 0;
    overflow: hidden;
}

.inbox_market_product_preview img {
    display: block;
    height: auto;
    max-height: 430px;
    object-fit: cover;
    width: 100%;
}

.inbox_market_preview_actions {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_market_preview_actions a,
.inbox_market_preview_actions button {
    align-items: center;
    background: #fff;
    border: 1px solid #dfeae6;
    border-radius: 14px;
    color: #202938;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 720;
    gap: 8px;
    justify-content: center;
    min-height: 44px;
    padding: 0 14px;
    text-decoration: none;
}

.inbox_market_preview_actions a {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.inbox_market_preview_actions a:hover {
    background: var(--inbox-green-dark);
    color: #fff;
}

.inbox_market_preview_actions button:hover {
    background: #eaf7f1;
    color: var(--inbox-green);
}

body.inbox_modal_open {
    overflow: hidden;
}

.inbox_product_screenshot_modal {
    display: none;
    inset: 0;
    position: fixed;
    z-index: 9999;
}

.inbox_product_screenshot_modal.is-open {
    display: block;
}

.inbox_product_screenshot_backdrop {
    background: rgba(10, 15, 24, .88);
    inset: 0;
    position: absolute;
}

.inbox_product_screenshot_dialog {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    height: calc(100svh - 44px);
    left: 50%;
    max-width: 1240px;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(calc(100vw - 72px), 1240px);
}

.inbox_product_screenshot_close {
    align-items: center;
    background: rgba(255, 255, 255, .92);
    border: 0;
    border-radius: 999px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .24);
    color: #101827;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    position: fixed;
    right: 22px;
    top: 22px;
    width: 44px;
    z-index: 20;
}

.inbox_product_screenshot_close:hover {
    background: #fff;
    transform: translateY(-1px);
}

.inbox_product_screenshot_swiper {
    background: transparent;
    border-radius: 0;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    position: relative;
    scrollbar-color: rgba(255, 255, 255, .45) transparent;
    width: 100%;
}

.inbox_product_screenshot_swiper .swiper-slide {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100%;
    position: relative;
}

.inbox_product_screenshot_swiper .swiper-slide.is-scrollable {
    align-items: flex-start;
}

.inbox_product_screenshot_swiper img {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 22px 70px rgba(0, 0, 0, .34);
    display: block;
    max-width: 100%;
    min-height: 0;
    object-fit: contain;
    width: auto;
}

.inbox_product_screenshot_nav {
    align-items: center;
    background: rgba(255, 255, 255, .88);
    border: 0;
    border-radius: 999px;
    color: #101827;
    cursor: pointer;
    display: inline-flex;
    height: 46px;
    justify-content: center;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    z-index: 5;
}

.inbox_product_screenshot_nav:hover {
    background: #fff;
}

.inbox_product_screenshot_nav.is-prev {
    left: 24px;
}

.inbox_product_screenshot_nav.is-next {
    right: 24px;
}

.inbox_product_screenshot_counter {
    background: rgba(10, 15, 24, .62);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    bottom: 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    left: 50%;
    line-height: 1;
    padding: 8px 12px;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    z-index: 6;
}

.inbox_product_screenshot_modal:not(.is-open) .swiper-slide:not(.is-active) {
    display: flex;
}

.inbox_product_screenshot_modal.is-open .inbox_product_screenshot_swiper:not(.swiper-initialized) .swiper-wrapper {
    display: block;
}

.inbox_product_screenshot_modal.is-open .inbox_product_screenshot_swiper:not(.swiper-initialized) .swiper-slide {
    display: none;
}

.inbox_product_screenshot_modal.is-open .inbox_product_screenshot_swiper:not(.swiper-initialized) .swiper-slide.is-active {
    display: flex;
}

.inbox_market_product_tabs {
    align-items: center;
    background: #fff;
    border: 1px solid #dfeae6;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px;
}

.inbox_market_product_tabs a {
    align-items: center;
    border-radius: 11px;
    color: #657386;
    display: inline-flex;
    font-size: 13px;
    font-weight: 950;
    min-height: 36px;
    padding: 0 12px;
    text-decoration: none;
}

.inbox_market_product_tabs a:hover {
    background: #eaf7f1;
    color: var(--inbox-green);
}

.inbox_market_intro {
    background: linear-gradient(135deg, #f2fbf7 0%, #fff 70%);
    border: 1px solid #dfeae6;
    border-radius: 18px;
    padding: 20px;
}

.inbox_market_intro h2 {
    color: #101827;
    font-size: 24px;
    line-height: 1.15;
    margin: 0;
}

.inbox_market_intro p {
    color: #657386;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.55;
    margin: 10px 0 0;
}

.inbox_market_purchase_card {
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fbfa 100%);
    border: 1px solid #dfeae6;
    border-radius: 22px;
    box-shadow: 0 18px 55px rgba(17, 124, 75, .06);
    padding: 20px;
}

.inbox_market_purchase_head {
    align-items: start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.inbox_market_purchase_head > span {
    color: #657386;
    display: block;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.inbox_market_purchase_head > strong {
    color: #101827;
    display: block;
    font-size: 38px;
    font-weight: 850;
    line-height: 1;
    margin-top: 0;
    white-space: nowrap;
}

.inbox_market_purchase_card > p {
    color: #526174;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.45;
    margin: 14px 0 0;
}

.inbox_market_purchase_rating {
    align-items: center;
    background: #fff;
    border: 1px solid #e1ebe7;
    border-radius: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 14px;
    padding: 10px 12px;
}

.inbox_market_rating_stars {
    color: #f5aa14;
    display: inline-flex;
    gap: 2px;
}

.inbox_market_purchase_rating strong {
    color: #202938;
    font-size: 14px;
    font-weight: 850;
}

.inbox_market_purchase_rating span {
    color: #738195;
    font-size: 12px;
    font-weight: 750;
    min-width: 0;
}

.inbox_market_purchase_actions {
    display: grid;
    gap: 9px;
    margin-top: 16px;
}

.inbox_market_purchase_actions a,
.inbox_market_purchase_actions button {
    align-items: center;
    background: #f8fbfa;
    border: 1px solid #dfeae6;
    border-radius: 13px;
    color: #202938;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 14px;
    font-weight: 950;
    gap: 9px;
    justify-content: center;
    min-height: 46px;
    min-width: 0 !important;
    padding: 0 14px;
    text-decoration: none;
    width: 100% !important;
}

.inbox_market_purchase_actions a.inbox_products_primary,
.inbox_market_purchase_actions button.inbox_products_primary {
    background: var(--inbox-green);
    border-color: var(--inbox-green);
    color: #fff;
}

.inbox_market_purchase_actions a.inbox_products_primary:hover,
.inbox_market_purchase_actions button.inbox_products_primary:hover {
    background: var(--inbox-green-dark);
    color: #fff;
}

.inbox_market_purchase_actions a:hover,
.inbox_market_purchase_actions button:hover {
    background: #eaf7f1;
    color: var(--inbox-green);
}

.inbox_market_purchase_actions button.inbox_market_paddle_button {
    background: linear-gradient(135deg, #0f7d52 0%, #0a6042 100%);
    border-color: #0f7d52;
    box-shadow: 0 14px 28px rgba(15, 125, 82, .2);
    color: #fff;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 52px;
    padding: 0 12px 0 10px;
    text-align: left;
}

.inbox_market_purchase_actions button.inbox_market_paddle_button:hover {
    background: linear-gradient(135deg, #0b6f49 0%, #084f38 100%);
    box-shadow: 0 16px 34px rgba(15, 125, 82, .26);
    color: #fff;
    transform: translateY(-1px);
}

.inbox_market_purchase_actions button.inbox_market_paddle_button:focus-visible {
    outline: 3px solid rgba(15, 125, 82, .28);
    outline-offset: 3px;
}

.inbox_market_paddle_icon {
    align-items: center;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 10px;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.inbox_market_paddle_button > span:not(.inbox_market_paddle_icon) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_market_paddle_button em {
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    color: rgba(255, 255, 255, .9);
    font-size: 10px;
    font-style: normal;
    font-weight: 760;
    line-height: 1;
    padding: 6px 8px;
    white-space: nowrap;
}

.inbox_market_purchase_trust {
    border-top: 1px solid #e2ece8;
    display: grid;
    gap: 8px;
    margin-top: 16px;
    padding-top: 14px;
}

.inbox_market_purchase_trust span {
    align-items: center;
    color: #526174;
    display: flex;
    font-size: 12px;
    font-weight: 800;
    gap: 8px;
}

.inbox_market_purchase_trust i {
    color: var(--inbox-green);
    flex: 0 0 auto;
}

.inbox_market_secure_note {
    align-items: start;
    background: #f2fbf7;
    border: 1px solid #dbece4;
    border-radius: 13px;
    color: #657386;
    display: flex;
    gap: 8px;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.4 !important;
    margin: 12px 0 0 !important;
    padding: 10px;
}

.inbox_market_secure_note i {
    color: var(--inbox-green);
    margin-top: 2px;
}

.inbox_market_feature_list {
    align-items: start;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_market_feature_list div,
.inbox_market_resource_grid a {
    align-items: center;
    background: #f8fbfa;
    border: 1px solid #dfeae6;
    border-radius: 12px;
    color: #202938;
    display: flex;
    font-size: 14px;
    font-weight: 900;
    gap: 10px;
    min-height: 48px;
    min-width: 0;
    padding: 11px 12px;
    text-decoration: none;
}

.inbox_market_feature_list i,
.inbox_market_resource_grid i {
    color: var(--inbox-green);
    flex: 0 0 auto;
}

.inbox_market_resource_grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inbox_market_resource_grid a:hover {
    background: #eaf7f1;
    color: var(--inbox-green);
}

.inbox_product_panel h2 i {
    color: var(--inbox-green);
    font-size: .9em;
    margin-right: 8px;
}

.inbox_product_detail_main {
    padding: 20px;
}

.inbox_product_detail_hero,
.inbox_product_detail_metrics,
.inbox_product_detail_layout {
    max-width: 1080px;
}

.inbox_product_detail_hero {
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    margin-bottom: 12px;
    padding: 18px;
}

.inbox_product_detail_hero h1 {
    font-size: clamp(27px, 2.15vw, 34px);
    line-height: 1.09;
    max-width: 660px;
}

.inbox_product_detail_hero p {
    font-size: 15px;
    line-height: 1.48;
    max-width: 680px;
}

.inbox_product_detail_media {
    height: 250px;
    min-height: 0;
}

.inbox_product_detail_actions {
    gap: 8px;
    margin-top: 14px;
}

.inbox_product_detail_actions a {
    border-radius: 12px;
    font-size: 13px;
    min-height: 40px;
    min-width: 0;
    padding: 0 12px;
}

.inbox_product_detail_actions a.gumroad-button {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: auto !important;
}

.inbox_product_detail_metrics {
    gap: 8px;
    margin-bottom: 12px;
    padding: 8px;
}

.inbox_product_detail_metrics div {
    border-radius: 13px;
    padding: 12px;
}

.inbox_product_detail_metrics strong {
    font-size: 22px;
}

.inbox_product_detail_metrics span {
    font-size: 12px;
    margin-top: 6px;
}

.inbox_product_detail_layout {
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) 320px;
}

.inbox_product_detail_content,
.inbox_product_detail_side {
    gap: 14px;
}

.inbox_product_detail_side {
    top: 14px;
}

.inbox_product_price_strip {
    border-radius: 12px;
    margin-top: 14px;
    padding: 8px 10px;
}

.inbox_product_price_strip strong {
    font-size: 20px;
}

.inbox_product_direct_note {
    margin-top: 9px;
}

.inbox_product_panel {
    padding: 18px;
}

.inbox_product_panel h2 {
    font-size: 19px;
    margin-bottom: 12px;
}

.inbox_product_rich {
    font-size: 15px;
    line-height: 1.62;
}

.inbox_product_rich p {
    margin-bottom: 11px;
}

.inbox_product_feature_grid,
.inbox_product_path_grid {
    gap: 8px;
}

.inbox_product_feature_grid div,
.inbox_product_path_grid a {
    border-radius: 12px;
    font-size: 14px;
    min-height: 50px;
    padding: 11px 12px;
}

.inbox_product_snapshot,
.inbox_product_clean_list {
    gap: 8px;
}

.inbox_product_snapshot div,
.inbox_product_clean_list li {
    border-radius: 11px;
    padding: 10px;
}

.inbox_products_empty {
    margin: 0 auto;
    max-width: 720px;
    text-align: center;
}

.inbox_products_empty i {
    align-items: center;
    background: #eaf7f1;
    border-radius: 18px;
    color: var(--inbox-green);
    display: inline-flex;
    height: 64px;
    justify-content: center;
    width: 64px;
}

.inbox_market_product_shell .inbox_market_intro,
.inbox_market_product_shell .inbox_product_panel,
.inbox_market_product_shell .inbox_market_purchase_card {
    box-shadow: 0 14px 42px rgba(17, 124, 75, .035);
}

.inbox_market_product_shell .inbox_market_intro,
.inbox_market_product_shell .inbox_product_panel {
    background: #fff;
    border-color: transparent;
    border-radius: 20px;
    padding: 22px 24px;
}

.inbox_market_product_shell .inbox_market_intro h2,
.inbox_market_product_shell .inbox_product_panel h2 {
    color: #101827;
    font-size: clamp(17px, 1.22vw, 21px);
    font-weight: 650;
    letter-spacing: 0;
    line-height: 1.24;
    margin-bottom: 14px;
}

.inbox_market_product_shell .inbox_market_intro h2 {
    font-size: clamp(20px, 1.55vw, 25px);
    max-width: 820px;
}

.inbox_market_product_shell .inbox_market_intro p,
.inbox_market_product_shell .inbox_product_rich {
    color: #536174;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.72;
}

.inbox_market_product_shell .inbox_market_intro p {
    margin-top: 10px;
    max-width: 850px;
}

.inbox_market_product_shell .inbox_product_rich p {
    margin-bottom: 13px;
}

.inbox_market_product_shell .inbox_product_rich h3 {
    color: #172132;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.35;
    margin: 20px 0 9px;
}

.inbox_market_product_shell .inbox_product_rich ul,
.inbox_market_product_shell .inbox_product_rich ol {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
}

.inbox_market_product_shell .inbox_product_rich li {
    background: #f8fbfa;
    border: 1px solid #e2ece8;
    border-radius: 12px;
    color: #3f4d60;
    line-height: 1.58;
    padding: 10px 12px 10px 34px;
    position: relative;
}

.inbox_market_product_shell .inbox_product_rich li::before {
    background: #12834f;
    border-radius: 999px;
    content: "";
    height: 7px;
    left: 14px;
    position: absolute;
    top: 18px;
    width: 7px;
}

.inbox_market_product_shell .inbox_market_feature_list,
.inbox_market_product_shell .inbox_market_resource_grid {
    align-items: start;
    gap: 10px;
}

.inbox_market_product_shell .inbox_market_feature_list {
    grid-template-columns: 1fr;
}

.inbox_market_product_shell .inbox_market_feature_list div,
.inbox_market_product_shell .inbox_market_resource_grid a {
    align-items: flex-start;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%);
    border-color: #e2ece8;
    border-radius: 14px;
    color: #273142;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.35;
    min-height: 48px;
    overflow-wrap: anywhere;
    padding: 12px 14px;
}

.inbox_market_product_shell .inbox_market_feature_list div {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    min-height: 0;
    padding: 13px 15px;
}

.inbox_market_product_shell .inbox_market_feature_item_long {
    grid-column: auto;
}

.inbox_market_product_shell .inbox_market_feature_item_long {
    background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%);
}

.inbox_market_product_shell .inbox_market_feature_list span {
    min-width: 0;
}

.inbox_market_product_shell .inbox_market_feature_list i,
.inbox_market_product_shell .inbox_market_resource_grid i {
    align-items: center;
    background: #eaf7f1;
    border-radius: 999px;
    color: var(--inbox-green);
    display: inline-flex;
    flex: 0 0 24px;
    font-size: 10px;
    height: 24px;
    justify-content: center;
    margin-top: -1px;
    width: 24px;
}

.inbox_market_product_shell .inbox_market_resource_grid a:hover {
    background: #f2fbf7;
    border-color: #cfe6da;
}

.inbox_market_product_shell .inbox_market_purchase_card,
.inbox_market_product_shell .inbox_market_snapshot_panel,
.inbox_market_product_shell .inbox_market_requirements_panel,
.inbox_market_product_shell .inbox_market_demo_panel {
    border-color: #e2ece8;
    border-radius: 20px;
}

.inbox_market_product_shell .inbox_market_purchase_card {
    background: #fff;
    padding: 20px;
}

.inbox_market_product_shell .inbox_market_purchase_head > span,
.inbox_market_product_shell .inbox_product_snapshot dt {
    color: #8b98a8;
    font-size: 10.5px;
    font-weight: 620;
    letter-spacing: .045em;
}

.inbox_market_product_shell .inbox_market_purchase_head > strong {
    font-size: 32px;
    font-weight: 640;
}

.inbox_market_product_shell .inbox_market_purchase_card > p {
    color: #5f6c7c;
    font-size: 13px;
    font-weight: 450;
    line-height: 1.55;
}

.inbox_market_product_shell .inbox_market_purchase_rating {
    border-color: #e2ece8;
    border-radius: 13px;
    padding: 9px 11px;
}

.inbox_market_product_shell .inbox_market_purchase_rating strong,
.inbox_market_product_shell .inbox_product_snapshot dd {
    font-weight: 560;
}

.inbox_market_product_shell .inbox_market_purchase_rating span,
.inbox_market_product_shell .inbox_market_purchase_trust span,
.inbox_market_product_shell .inbox_product_clean_list {
    font-weight: 500;
}

.inbox_market_product_shell .inbox_market_purchase_actions a,
.inbox_market_product_shell .inbox_market_purchase_actions button {
    border-radius: 13px;
    font-weight: 720;
    min-height: 44px;
}

.inbox_market_product_shell .inbox_market_purchase_actions button.inbox_market_paddle_button {
    min-height: 52px;
}

.inbox_market_product_shell .inbox_market_purchase_trust {
    gap: 9px;
}

.inbox_market_product_shell .inbox_market_sidebar_metrics {
    gap: 8px;
    margin-bottom: 12px;
}

.inbox_market_product_shell .inbox_market_sidebar_metrics div,
.inbox_market_product_shell .inbox_product_snapshot div,
.inbox_market_product_shell .inbox_product_clean_list li {
    background: #fbfdfc;
    border-color: #e2ece8;
    border-radius: 13px;
    padding: 11px 12px;
}

.inbox_market_product_shell .inbox_market_sidebar_metrics span {
    font-size: 10px;
    font-weight: 750;
}

.inbox_market_product_shell .inbox_market_sidebar_metrics strong {
    font-size: 16px;
    font-weight: 700;
}

.inbox_market_product_shell .inbox_product_snapshot dd,
.inbox_market_product_shell .inbox_product_clean_list {
    color: #273142;
    font-size: 13px;
    line-height: 1.42;
    overflow-wrap: anywhere;
}

.inbox_market_product_shell .inbox_market_snapshot_panel {
    background:
        radial-gradient(circle at 12% 0%, rgba(17, 124, 75, .055), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%);
    padding: 20px;
}

.inbox_market_product_shell .inbox_market_snapshot_panel h2 {
    align-items: center;
    display: flex;
    font-size: 19px;
    font-weight: 610;
    gap: 10px;
    margin-bottom: 16px;
}

.inbox_market_product_shell .inbox_market_snapshot_panel h2 i {
    align-items: center;
    background: #eaf7f1;
    border-radius: 12px;
    color: var(--inbox-green);
    display: inline-flex;
    flex: 0 0 34px;
    font-size: 15px;
    height: 34px;
    justify-content: center;
    margin-right: 0;
    width: 34px;
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_market_sidebar_metrics {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(242, 251, 247, .72) 100%);
    border-radius: 16px;
    box-shadow:
        inset 0 0 0 1px rgba(202, 228, 216, .82),
        0 10px 28px rgba(17, 124, 75, .035);
    gap: 0;
    margin-bottom: 16px;
    overflow: hidden;
    padding: 4px;
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_market_sidebar_metrics div {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    display: grid;
    gap: 4px;
    justify-items: center;
    min-height: 78px;
    padding: 10px 6px;
    position: relative;
    text-align: center;
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_market_sidebar_metrics div + div::before {
    background: rgba(202, 228, 216, .85);
    bottom: 12px;
    content: "";
    left: 0;
    position: absolute;
    top: 12px;
    width: 1px;
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_market_sidebar_metrics i {
    align-items: center;
    background: rgba(234, 247, 241, .9);
    border-radius: 999px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 10px;
    height: 22px;
    justify-content: center;
    width: 22px;
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_market_sidebar_metrics span {
    color: #7d8a9b;
    font-size: 9px;
    font-weight: 620;
    line-height: 1;
    margin-top: 1px;
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_market_sidebar_metrics strong {
    color: var(--inbox-green);
    font-size: 14px;
    font-weight: 640;
    letter-spacing: -.01em;
    margin-top: 1px;
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_product_snapshot {
    background: rgba(255, 255, 255, .64);
    border-radius: 16px;
    gap: 0;
    padding: 2px 0;
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_product_snapshot div {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: grid;
    gap: 11px;
    grid-template-columns: 34px minmax(0, 1fr);
    padding: 12px 2px;
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_product_snapshot div + div {
    border-top: 1px solid rgba(222, 235, 230, .9);
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_product_snapshot i {
    align-items: center;
    background: #f0f7f4;
    border-radius: 10px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 13px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_product_snapshot span {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_product_snapshot em {
    color: #8996a7;
    font-size: 10.5px;
    font-style: normal;
    font-weight: 560;
    line-height: 1.2;
}

.inbox_market_product_shell .inbox_market_snapshot_panel .inbox_product_snapshot strong {
    color: #273142;
    font-size: 12.5px;
    font-weight: 560;
    line-height: 1.28;
    overflow-wrap: anywhere;
}

.inbox_market_product_shell .inbox_market_requirements_panel,
.inbox_market_product_shell .inbox_market_demo_panel {
    background:
        radial-gradient(circle at 100% 0%, rgba(17, 124, 75, .045), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%);
    padding: 20px;
}

.inbox_market_product_shell .inbox_market_requirements_panel h2,
.inbox_market_product_shell .inbox_market_demo_panel h2 {
    align-items: center;
    display: flex;
    font-size: 19px;
    font-weight: 610;
    gap: 10px;
    margin-bottom: 15px;
}

.inbox_market_product_shell .inbox_market_requirements_panel h2 i,
.inbox_market_product_shell .inbox_market_demo_panel h2 i {
    align-items: center;
    background: #eaf7f1;
    border-radius: 12px;
    color: var(--inbox-green);
    display: inline-flex;
    flex: 0 0 34px;
    font-size: 14px;
    height: 34px;
    justify-content: center;
    margin-right: 0;
    width: 34px;
}

.inbox_market_product_shell .inbox_market_requirement_list,
.inbox_market_product_shell .inbox_market_demo_list {
    gap: 8px;
}

.inbox_market_product_shell .inbox_market_requirement_item,
.inbox_market_product_shell .inbox_market_demo_item {
    align-items: center;
    background: rgba(255, 255, 255, .74);
    border: 0;
    border-radius: 14px;
    box-shadow: inset 0 0 0 1px rgba(222, 235, 230, .92);
    display: grid;
    gap: 11px;
    grid-template-columns: 36px minmax(0, 1fr);
    min-height: 58px;
    padding: 11px 12px;
}

.inbox_market_product_shell .inbox_market_requirement_item > i,
.inbox_market_product_shell .inbox_market_demo_item > i {
    align-items: center;
    background: #f0f7f4;
    border-radius: 11px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.inbox_market_product_shell .inbox_market_requirement_item span,
.inbox_market_product_shell .inbox_market_demo_item span {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.inbox_market_product_shell .inbox_market_requirement_item em,
.inbox_market_product_shell .inbox_market_demo_item em {
    color: #8996a7;
    font-size: 10.5px;
    font-style: normal;
    font-weight: 560;
    letter-spacing: .015em;
    line-height: 1.15;
}

.inbox_market_product_shell .inbox_market_requirement_item strong,
.inbox_market_product_shell .inbox_market_demo_item strong {
    color: #273142;
    font-size: 12.5px;
    font-weight: 560;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.inbox_market_product_shell .inbox_market_demo_item {
    background:
        linear-gradient(135deg, rgba(234, 247, 241, .66) 0%, rgba(255, 255, 255, .82) 100%);
}

.inbox_market_product_shell .inbox_market_demo_item > i {
    background: #0f7f4c;
    color: #fff;
}

@media (max-width: 1100px) {
    .inbox_changelog_manager_grid {
        grid-template-columns: 1fr;
    }

    .inbox_changelog_manager_side {
        position: static;
    }

    .product_manager_console {
        grid-template-columns: 1fr;
    }

    .product_manager_filters {
        justify-content: flex-start;
    }

    .product_manager_health_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product_manager_media_gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .inbox_products_hero,
    .inbox_products_featured,
    .inbox_product_detail_hero,
    .inbox_product_detail_layout {
        grid-template-columns: 1fr;
    }

    .inbox_product_detail_side {
        position: static;
    }

    .inbox_products_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .products_catalog_hero,
    .products_catalog_section_head {
        grid-template-columns: 1fr;
    }

    .products_catalog_hero {
        background:
            radial-gradient(circle at 50% 0%, rgba(17, 124, 75, .045), transparent 28%),
            linear-gradient(180deg, #ffffff 0%, #f8fbfa 100%);
        min-height: clamp(680px, calc(100svh - 64px), 820px);
    }

    .products_catalog_hero::before {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(255, 255, 255, .58) 44%, rgba(255, 255, 255, .22) 100%);
    }

    .products_catalog_hero_copy {
        min-height: inherit;
    }

    .products_catalog_code_card {
        opacity: .78;
    }

    .products_catalog_code_scene {
        --catalog-scene-scale: .96;
        opacity: .26;
        width: min(920px, 100%);
    }

    .inbox_market_product_header,
    .inbox_market_product_shell {
        max-width: 820px;
    }

    .inbox_market_product_header,
    .inbox_market_product_shell {
        grid-template-columns: 1fr;
    }

    .inbox_market_product_main,
    .inbox_market_buy_column {
        display: contents;
    }

    .inbox_market_product_preview {
        order: 1;
    }

    .inbox_market_buy_column {
        order: 2;
        position: static;
    }

    .inbox_market_purchase_card {
        order: 2;
    }

    .inbox_market_product_tabs {
        order: 3;
    }

    .inbox_market_intro {
        order: 4;
    }

    .inbox_product_rich {
        order: 5;
    }

    .inbox_market_feature_list,
    .inbox_product_panel#features {
        order: 6;
    }

    .inbox_product_panel#support {
        order: 7;
    }

    .inbox_market_snapshot_panel {
        order: 8;
    }

    .inbox_market_requirements_panel {
        order: 9;
    }

    .inbox_market_demo_panel {
        order: 10;
    }

    .inbox_market_admin_panel {
        order: 11;
    }

    .inbox_market_purchase_actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_market_purchase_actions a:first-child,
    .inbox_market_purchase_actions button:first-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 960px) {
    .product_delivery_grid,
    .insights_grid,
    .insights_overview {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1180px) {
    .product_manager_view_nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .product_manager_settings_hub,
    .product_manager_console,
    .product_manager_envato_settings {
        grid-template-columns: 1fr;
    }

    .product_manager_envato_settings form {
        grid-template-columns: 1fr;
    }

    .product_manager_envato_settings button,
    .product_manager_coffee_settings button[type="submit"] {
        width: 100%;
    }

    .product_manager_health_grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-inline: 0;
    }

    .product_manager_quick_actions {
        margin-inline: 0;
    }

    .product_manager_edit_panel {
        margin-inline: 0;
    }
}

@media (max-width: 760px) {
    .product_manager_settings_drawer .product_manager_envato_settings {
        padding: 18px;
    }

    .product_manager_settings_drawer .product_manager_envato_settings form {
        grid-template-columns: 1fr;
    }

    .product_manager_view_nav {
        display: flex;
        margin-inline: -2px;
        overflow-x: auto;
        padding: 0 2px 4px;
        -webkit-overflow-scrolling: touch;
    }

    .product_manager_view_nav a {
        flex: 0 0 min(74vw, 250px);
    }

    .product_manager_guide_grid {
        grid-template-columns: 1fr;
    }

    .product_manager_settings_drawer > summary {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .product_manager_settings_drawer > summary strong {
        grid-column: 1 / -1;
        justify-self: start;
        max-width: 100%;
    }

    .product_manager_settings_drawer > summary > i {
        grid-column: 2;
        grid-row: 1;
    }

    .product_manager_product_header {
        grid-template-columns: 1fr;
    }

    .product_manager_product_status {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .product_manager_health_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product_manager_media_uploads,
    .product_manager_media_gallery,
    .product_manager_coffee_checks,
    .product_manager_board .inbox_changelog_manager_fields {
        grid-template-columns: 1fr;
    }

    .product_form_group > summary {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .product_form_group > summary small {
        grid-column: 1 / -1;
        padding-right: 28px;
    }

    .product_form_group > summary > i {
        grid-column: 2;
        grid-row: 1;
    }

    .product_form_group_body {
        padding: 12px;
    }
}

@media (max-width: 640px) {
    .account_download_list article {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .account_download_list a,
    .account_download_list small {
        justify-content: center;
        justify-self: stretch;
    }

    .product_manager_board {
        padding-inline: 12px;
    }

    .product_manager_filters {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .product_manager_filters button {
        justify-content: space-between;
        min-width: 0;
        padding-inline: 11px;
    }

    .product_manager_health_grid {
        grid-template-columns: 1fr;
    }

    .product_manager_health_grid span {
        min-height: 40px;
    }

    .product_manager_quick_actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product_manager_quick_actions a {
        justify-content: center;
        padding-inline: 9px;
    }

    .product_form_save_bar {
        bottom: 8px;
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {
    .inbox_products_app,
    .inbox_product_detail_app {
        grid-template-columns: 1fr;
        grid-template-rows: 64px auto;
        height: auto;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }

    .inbox_products_html,
    .inbox_products_html body.inbox_products_body {
        height: auto;
        min-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .inbox_app.inbox_products_app,
    .inbox_app.inbox_product_detail_app {
        height: auto;
        max-width: 100%;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }
}

@media (max-width: 680px) {
    .inbox_changelog_manager_stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_changelog_manager_fields {
        grid-template-columns: 1fr;
    }

    .inbox_changelog_manager_card > header {
        align-items: start;
        flex-direction: column;
    }

    .product_manager_primary_link {
        width: 100%;
    }

    .product_manager_product_header {
        grid-template-columns: 1fr;
    }

    .product_manager_product_status {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .product_manager_media_uploads {
        grid-template-columns: 1fr;
    }

    .product_manager_media_gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product_manager_filters button {
        flex: 1 1 calc(50% - 8px);
        justify-content: center;
    }

    .inbox_products_main,
    .inbox_product_detail_main {
        margin-left: 0;
        padding: 14px;
        padding-top: 144px;
        width: 100%;
    }

    .inbox_products_main {
        padding-top: 20px;
    }

    .inbox_products_hero,
    .inbox_products_featured,
    .inbox_product_detail_hero,
    .inbox_product_panel,
    .inbox_product_admin_panel,
    .inbox_products_empty,
    .inbox_market_product_header,
    .inbox_market_product_preview,
    .inbox_market_purchase_card,
    .inbox_market_intro {
        border-radius: 16px;
    }

    .inbox_products_hero {
        align-items: start;
        padding: 22px;
    }

    .products_catalog_hero,
    .products_catalog_section {
        border-radius: 18px;
        padding: 18px;
    }

    .products_catalog_hero {
        border-radius: 0;
        margin: -14px -14px 18px;
        min-height: clamp(560px, calc(100svh - 112px), 680px);
        padding: 0;
    }

    .products_catalog_hero_copy {
        min-height: inherit;
        padding: 22px 20px;
    }

    .products_catalog_hero h1 {
        font-size: clamp(31px, 8.8vw, 40px);
        line-height: 1.04;
        max-width: 17ch;
    }

    .products_catalog_hero_copy > p {
        font-size: 13px;
        line-height: 1.45;
        margin-top: 13px;
    }

    .products_catalog_section_head,
    .inbox_products_grid {
        grid-template-columns: 1fr;
    }

    .products_catalog_code_scene {
        --catalog-scene-scale: .88;
        opacity: .20;
        width: min(390px, 100%);
    }

    .products_catalog_hero_actions {
        margin-top: 15px;
    }

    .products_catalog_hero_actions a {
        flex: 1 1 100%;
        min-height: 44px;
    }

    .products_catalog_hero_stats {
        gap: 7px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 18px;
    }

    .products_catalog_hero_stats div {
        border-radius: 12px;
        flex-direction: column;
        gap: 3px;
        padding: 10px 7px;
    }

    .products_catalog_hero_stats strong {
        font-size: 17px;
    }

    .products_catalog_hero_stats span {
        font-size: 10px;
        line-height: 1.2;
        margin-top: 0;
    }

    .products_catalog_hero_note {
        display: none;
    }

    .products_catalog_code_card {
        min-height: 0;
    }

    .inbox_products_hero h1,
    .inbox_product_detail_hero h1 {
        font-size: 34px;
    }

    .inbox_products_hero p,
    .inbox_product_detail_hero p {
        font-size: 16px;
    }

    .inbox_products_hero_stats,
    .inbox_product_detail_metrics,
    .inbox_product_feature_grid,
    .inbox_product_path_grid {
        grid-template-columns: 1fr;
    }

    .inbox_products_featured,
    .inbox_product_detail_hero {
        padding: 12px;
    }

    .inbox_products_featured_text {
        padding: 12px;
    }

    .inbox_products_featured_media,
    .inbox_product_detail_media {
        min-height: 240px;
    }

    .inbox_product_card {
        grid-template-rows: 210px auto auto;
    }

    .inbox_product_card_body {
        padding: 18px 18px 8px;
    }

    .inbox_product_card_body h2 {
        font-size: 23px;
    }

    .inbox_product_card_actions {
        margin: 0 18px;
    }

    .products_catalog_section .inbox_product_card_actions {
        grid-template-columns: minmax(38px, auto) minmax(0, 1fr) 42px;
        margin: 10px 0 18px;
        padding: 14px 18px 0;
    }

    .products_catalog_section .inbox_product_card_actions a:last-child {
        grid-column: 1 / -1;
    }

    .inbox_products_admin_bar {
        align-items: stretch;
        flex-direction: column;
    }

    .inbox_product_detail_metrics {
        padding: 0;
    }

    .inbox_product_detail_main {
        padding: 12px;
        padding-top: 132px;
    }

    .inbox_product_detail_hero {
        gap: 12px;
        padding: 14px;
    }

    .inbox_product_detail_hero h1 {
        font-size: 26px;
        line-height: 1.12;
    }

    .inbox_product_detail_hero p {
        font-size: 13px;
    }

    .inbox_product_detail_media {
        height: 170px;
        min-height: 0;
    }

    .inbox_product_panel {
        padding: 16px;
    }

    .inbox_product_panel h2 {
        font-size: 18px;
    }

    .inbox_market_product_header {
        align-items: start;
        gap: 14px;
        padding: 16px;
    }

    .inbox_market_product_header h1 {
        font-size: 27px;
    }

    .inbox_market_product_header p {
        font-size: 14px;
    }

    .inbox_market_product_header dl {
        width: 100%;
    }

    .inbox_market_product_header dl div {
        padding: 10px;
    }

    .inbox_market_product_header dd {
        font-size: 18px;
    }

    .inbox_market_product_preview img {
        max-height: 240px;
    }

    .inbox_market_preview_actions {
        grid-template-columns: 1fr;
    }

    .inbox_product_screenshot_dialog {
        height: calc(100svh - 18px);
        width: min(calc(100vw - 18px), 1180px);
    }

    .inbox_product_screenshot_close {
        height: 40px;
        right: 12px;
        top: 12px;
        width: 40px;
    }

    .inbox_product_screenshot_nav {
        height: 36px;
        width: 36px;
    }

    .inbox_product_screenshot_nav.is-prev {
        left: 10px;
    }

    .inbox_product_screenshot_nav.is-next {
        right: 10px;
    }

    .inbox_product_screenshot_counter {
        bottom: 10px;
        font-size: 11px;
        padding: 7px 10px;
    }

    .inbox_market_product_tabs {
        gap: 6px;
    }

    .inbox_market_product_tabs a {
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
    }

    .inbox_market_intro {
        padding: 16px;
    }

    .inbox_market_intro h2 {
        font-size: 20px;
    }

    .inbox_market_feature_list,
    .inbox_market_resource_grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 430px) {
    .inbox_products_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail,
    .inbox_product_detail_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail {
        gap: 4px;
        justify-content: space-between;
        padding: 8px 6px;
    }

    .inbox_products_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_brand,
    .inbox_product_detail_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_brand {
        flex-basis: 28px;
        height: 28px;
        width: 28px;
    }

    .inbox_products_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group,
    .inbox_product_detail_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group {
        flex: 1 1 auto;
        gap: 3px;
        justify-content: space-around;
    }

    .inbox_products_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group_bottom,
    .inbox_product_detail_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_rail_group_bottom {
        flex: 0 0 auto;
    }

    .inbox_products_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_nav_item,
    .inbox_product_detail_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_nav_item {
        flex-basis: 30px;
        height: 30px;
        width: 30px;
    }

    .inbox_products_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_nav_item span,
    .inbox_product_detail_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_nav_item span {
        height: 20px;
        width: 20px;
    }

    .inbox_changelog_manager_stats {
        grid-template-columns: 1fr;
    }

    .inbox_changelog_manager_actions button,
    .inbox_changelog_manager_actions a {
        width: 100%;
    }

    .product_manager_health_grid,
    .product_manager_filters {
        grid-template-columns: 1fr;
    }

    .product_manager_media_gallery {
        grid-template-columns: 1fr;
    }

    .product_manager_filters button {
        flex-basis: 100%;
    }

    .inbox_products_featured_actions a,
    .inbox_product_card_actions a,
    .inbox_product_detail_actions a,
    .inbox_products_admin_bar a {
        width: 100%;
    }

    .products_catalog_section .inbox_product_card_actions a {
        width: auto;
    }

    .products_catalog_section .inbox_product_card_actions .inbox_product_preview_icon {
        width: 42px;
    }

    .inbox_products_hero_stats {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .inbox_product_detail_hero h1 {
        font-size: 24px;
    }

    .inbox_product_price_strip span,
    .inbox_product_direct_note {
        font-size: 12px;
    }

    .inbox_product_detail_actions a {
        min-height: 42px;
    }

    .inbox_product_detail_actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_product_detail_actions a {
        font-size: 12px;
        line-height: 1.15;
        padding: 0 8px;
        width: auto;
    }

    .inbox_product_detail_actions a:first-child {
        grid-column: 1 / -1;
    }

    .inbox_market_purchase_actions {
        grid-template-columns: 1fr;
    }

    .inbox_market_product_header dl {
        gap: 6px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .inbox_market_product_header dl div {
        padding: 8px;
    }

    .inbox_market_product_header dt {
        font-size: 10px;
    }

    .inbox_market_product_header dd {
        font-size: 16px;
    }

    .inbox_market_purchase_actions a:first-child,
    .inbox_market_purchase_actions button:first-child {
        grid-column: auto;
    }

    .inbox_market_purchase_card > strong {
        font-size: 32px;
    }
}

@media (max-width: 1024px) {
    .inbox_products_html,
    .inbox_products_html body.inbox_products_body {
        height: auto !important;
        min-height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    .inbox_products_html .inbox_app.inbox_products_app,
.inbox_products_html .inbox_app.inbox_product_detail_app,
.inbox_products_html .inbox_products_main,
.inbox_products_html .inbox_product_detail_main {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
}
}

/* Native select alignment: keep selected text optically centered across browsers. */
.inbox_create_form_wrap select.form-control {
    -webkit-appearance: none !important;
    appearance: none !important;
    height: 52px;
    line-height: 50px;
    padding-block: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.inbox_suggestions_app .suggestions_filter_label select,
.inbox_suggestions_app .suggestion_form select,
.inbox_suggestion_app select,
.ticket_saved_view_select,
.ticket_page_select {
    line-height: 40px;
    padding-bottom: 0;
    padding-top: 0;
}

.inbox_blog_field select,
.inbox_changelog_manager_form select {
    min-height: 52px;
    line-height: 50px;
    padding-bottom: 0;
    padding-top: 0;
}

.inbox_faq_app {
    grid-template-columns: 92px minmax(0, 1fr) minmax(300px, 360px);
}

.inbox_faq_main {
    background:
        radial-gradient(circle at 10% 0, rgba(19, 122, 74, .08), transparent 30%),
        linear-gradient(180deg, #f7fbf9 0%, #f8fafb 54%, #ffffff 100%);
    border-right: 1px solid var(--inbox-line);
    min-width: 0;
    overflow: auto;
}

.inbox_faq_board {
    box-sizing: border-box;
    display: grid;
    gap: 16px;
    margin: 0 auto;
    max-width: 1180px;
    padding: 28px 30px 38px;
    width: 100%;
}

.inbox_faq_hero,
.inbox_faq_focus_grid article,
.inbox_faq_controls,
.inbox_faq_item,
.inbox_faq_empty {
    background: #fff;
    border: 1px solid #dce9e3;
    border-radius: 18px;
    box-shadow: 0 16px 38px rgba(17, 94, 89, .055);
    box-sizing: border-box;
}

.inbox_faq_hero {
    align-items: end;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(0, 1fr) auto;
    overflow: hidden;
    padding: 26px;
    position: relative;
}

.inbox_faq_hero::before {
    background: linear-gradient(180deg, var(--inbox-green), #209f79);
    border-radius: 999px;
    content: "";
    inset: 18px auto 18px 0;
    position: absolute;
    width: 5px;
}

.inbox_faq_eyebrow {
    color: var(--inbox-green);
    display: block;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.inbox_faq_hero h1 {
    color: #101827;
    font-size: 36px;
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.08;
    margin: 8px 0 0;
}

.inbox_faq_hero p {
    color: #657180;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.55;
    margin: 10px 0 0;
    max-width: 720px;
}

.inbox_faq_switcher {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.inbox_faq_switcher a {
    align-items: center;
    background: #f5f8f7;
    border: 1px solid #dfe9e5;
    border-radius: 999px;
    color: #607080;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    min-height: 38px;
    padding: 0 14px;
    text-decoration: none;
}

.inbox_faq_switcher a.is-active {
    background: var(--inbox-green-soft);
    border-color: #bee5d3;
    color: var(--inbox-green);
}

.inbox_faq_focus_grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inbox_faq_focus_grid article {
    display: grid;
    gap: 8px;
    padding: 18px;
}

.inbox_faq_focus_grid i {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 12px;
    color: var(--inbox-green);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.inbox_faq_focus_grid span {
    color: #8a95a3;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.inbox_faq_focus_grid strong {
    color: #273142;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.4;
}

.inbox_faq_controls {
    display: grid;
    gap: 12px;
    padding: 16px;
}

.inbox_faq_search {
    align-items: center;
    background: #f5f7f8;
    border: 1px solid #e3e9eb;
    border-radius: 14px;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 52px;
    padding: 0 16px;
}

.inbox_faq_search i {
    color: #93a0ad;
}

.inbox_faq_search input {
    background: transparent;
    border: 0;
    color: #111827;
    font-size: 15px;
    font-weight: 650;
    min-width: 0;
    outline: none;
}

.inbox_faq_search input::placeholder {
    color: #7f8a98;
    font-weight: 600;
}

.inbox_faq_category_bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.inbox_faq_category_bar button {
    align-items: center;
    background: #f6f7f8;
    border: 0;
    border-radius: 999px;
    color: #677483;
    cursor: pointer;
    display: inline-flex;
    gap: 7px;
    font-size: 13px;
    font-weight: 850;
    min-height: 36px;
    padding: 0 12px;
}

.inbox_faq_category_bar button i {
    color: #97a3af;
    font-size: 12px;
}

.inbox_faq_category_bar button span {
    background: #fff;
    border-radius: 999px;
    color: #718092;
    font-size: 11px;
    min-width: 20px;
    padding: 3px 6px;
}

.inbox_faq_category_bar button.is-active {
    background: var(--inbox-green-soft);
    color: var(--inbox-green);
}

.inbox_faq_category_bar button.is-active i {
    color: var(--inbox-green);
}

.inbox_faq_list {
    display: grid;
    gap: 10px;
}

.inbox_faq_item {
    overflow: hidden;
}

.inbox_faq_item[hidden] {
    display: none;
}

.inbox_faq_item details {
    display: grid;
}

.inbox_faq_item summary {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 14px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    list-style: none;
    min-height: 72px;
    padding: 16px 18px;
}

.inbox_faq_item summary::-webkit-details-marker {
    display: none;
}

.inbox_faq_icon {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 12px;
    color: var(--inbox-green);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.inbox_faq_item summary em,
.inbox_faq_item summary strong {
    display: block;
}

.inbox_faq_item summary em {
    color: var(--inbox-green);
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.inbox_faq_item summary strong {
    color: #202938;
    font-size: 17px;
    font-weight: 750;
    line-height: 1.28;
}

.inbox_faq_item summary > i {
    color: #9aa5b1;
    transition: transform .18s ease;
}

.inbox_faq_item details[open] summary > i {
    transform: rotate(180deg);
}

.inbox_faq_answer {
    border-top: 1px solid #edf2f0;
    color: #526070;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.65;
    padding: 18px 20px 20px 70px;
}

.inbox_faq_answer p {
    margin: 0 0 12px;
}

.inbox_faq_answer p:last-child,
.inbox_faq_answer ul:last-child {
    margin-bottom: 0;
}

.inbox_faq_answer ul {
    margin: 0 0 12px;
    padding-left: 19px;
}

.inbox_faq_answer li {
    margin: 5px 0;
}

.inbox_faq_answer code {
    background: #f3f6f5;
    border: 1px solid #e2ece7;
    border-radius: 6px;
    color: #1f2937;
    font-size: .92em;
    padding: 2px 5px;
}

.inbox_faq_answer pre {
    background: #0f172a;
    border-radius: 14px;
    box-sizing: border-box;
    color: #eef5f1;
    font-size: 13px;
    line-height: 1.55;
    margin: 12px 0;
    max-width: 100%;
    overflow: auto;
    padding: 14px;
}

.inbox_faq_answer pre code {
    background: transparent;
    border: 0;
    color: inherit;
    padding: 0;
}

.inbox_faq_answer_actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.inbox_faq_answer_actions a,
.inbox_faq_empty a {
    align-items: center;
    background: var(--inbox-green);
    border-radius: 10px;
    color: #fff;
    display: inline-flex;
    gap: 8px;
    font-size: 13px;
    font-weight: 850;
    min-height: 38px;
    padding: 0 13px;
    text-decoration: none;
}

.inbox_faq_answer_actions a:last-child {
    background: #f4f7f6;
    border: 1px solid #dde8e3;
    color: #546170;
}

.inbox_faq_empty {
    justify-items: center;
    padding: 26px;
    text-align: center;
}

.inbox_faq_empty[hidden] {
    display: none;
}

.inbox_faq_empty i {
    align-items: center;
    background: var(--inbox-green-soft);
    border-radius: 999px;
    color: var(--inbox-green);
    display: inline-flex;
    height: 48px;
    justify-content: center;
    margin-bottom: 10px;
    width: 48px;
}

.inbox_faq_empty strong {
    color: #172033;
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
}

.inbox_faq_empty span {
    color: #647181;
    display: block;
    font-size: 14px;
    line-height: 1.45;
    margin-bottom: 14px;
    max-width: 560px;
}

.inbox_faq_help .inbox_side_card {
    border-radius: 16px;
}

.inbox_faq_product_card {
    display: grid;
    gap: 4px;
}

.inbox_faq_product_card strong {
    color: #162033;
    font-size: 16px;
    font-weight: 650;
}

.inbox_faq_product_card span {
    color: #6f7a88;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}

.inbox_faq_help {
    gap: 16px;
}

.inbox_faq_help > section + section {
    margin-top: 16px;
}

.inbox_faq_help .inbox_help_header {
    margin-bottom: 2px;
}

.inbox_faq_help .inbox_help_header h2 {
    font-size: 23px;
    letter-spacing: 0;
    line-height: 1.1;
}

.inbox_faq_help .inbox_side_section_label {
    align-items: center;
    color: #8a94a3;
    display: flex;
    gap: 8px;
    font-size: 12px;
    font-weight: 720;
    letter-spacing: .02em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.inbox_faq_help .inbox_side_section_label i {
    color: #9aa4af;
    flex: 0 0 auto;
    font-size: 13px;
}

.inbox_faq_help .inbox_side_card {
    background: #fff;
    border: 1px solid #dfeae5;
    padding: 15px;
}

.inbox_faq_help .inbox_side_card h3 {
    color: #8a94a3;
    font-size: 12px;
    font-weight: 720;
    letter-spacing: .02em;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.inbox_faq_help .inbox_side_metrics {
    gap: 9px;
    margin-bottom: 4px;
}

.inbox_faq_help .inbox_side_metrics div {
    border-color: #dfeae5;
    border-radius: 14px;
    padding: 12px 11px;
}

.inbox_faq_help .inbox_side_metrics strong {
    font-size: 18px;
    font-weight: 700;
}

.inbox_faq_help .inbox_side_metrics span {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.inbox_faq_checklist,
.inbox_faq_fast_paths {
    background: #fff;
    border: 1px solid #e2ebe7;
    border-radius: 16px;
    padding: 16px;
}

.inbox_faq_checklist {
    padding-bottom: 18px;
}

.inbox_faq_fast_paths {
    margin-top: 0;
    padding-top: 18px;
}

.inbox_faq_checklist ul {
    display: grid;
    gap: 11px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.inbox_faq_checklist li {
    align-items: start;
    display: grid;
    gap: 11px;
    grid-template-columns: 28px minmax(0, 1fr);
    min-width: 0;
}

.inbox_faq_checklist li i {
    align-items: center;
    background: #ecf8f3;
    border-radius: 9px;
    color: var(--inbox-green);
    display: inline-flex;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.inbox_faq_checklist li span {
    color: #566273;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.42;
    min-width: 0;
}

.inbox_faq_fast_paths {
    display: grid;
    gap: 9px;
}

.inbox_faq_fast_paths a {
    align-items: center;
    border: 1px solid #e3ece8;
    border-radius: 12px;
    color: #1f2937;
    display: grid;
    gap: 2px 11px;
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 52px;
    padding: 9px 10px;
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.inbox_faq_fast_paths a i {
    align-items: center;
    background: #f2f7f5;
    border-radius: 10px;
    color: var(--inbox-green);
    display: inline-flex;
    grid-row: span 2;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.inbox_faq_fast_paths a span,
.inbox_faq_fast_paths a em {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox_faq_fast_paths a span {
    color: #182233;
    font-size: 13.5px;
    font-weight: 650;
}

.inbox_faq_fast_paths a em {
    color: #7a8492;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
}

.inbox_faq_fast_paths a:hover {
    background: #f8fcfa;
    border-color: #cfe5da;
    transform: translateY(-1px);
}

/* Stable left rail: desktop stays viewport-bound, tablet/mobile use a drawer. */
.inbox_rail_menu_button,
.inbox_rail_backdrop {
    display: none;
}

.inbox_app:not(.inbox_auth_app) > .inbox_rail {
    align-self: start;
    flex: 0 0 92px;
    gap: 18px;
    height: 100vh;
    height: 100svh;
    min-height: 100vh;
    min-height: 100svh;
    overflow: visible;
    padding: 20px 0;
    position: sticky;
    top: 0;
    z-index: 90;
}

.inbox_app:not(.inbox_auth_app) > .inbox_rail .inbox_rail_group {
    overflow: visible;
}

.inbox_app:not(.inbox_auth_app) > .inbox_rail .inbox_rail_group_bottom {
    margin-top: auto;
}

@media (min-width: 1025px) {
    .inbox_app:not(.inbox_auth_app) > .inbox_rail {
        bottom: 0;
        box-sizing: border-box;
        left: 0;
        max-height: 100vh;
        max-height: 100svh;
        overscroll-behavior: contain;
        overflow-x: visible;
        overflow-y: auto;
        position: fixed;
        scrollbar-width: none;
        top: 0;
        width: 92px;
        z-index: 900;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail::-webkit-scrollbar {
        height: 0;
        width: 0;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_list_panel,
    .inbox_create_app:not(.inbox_auth_app) > .inbox_create_list {
        grid-column: 2;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_conversation_panel,
    .inbox_create_app:not(.inbox_auth_app) > .inbox_create_main {
        grid-column: 3;
    }

    .inbox_app:not(.inbox_auth_app):not(.inbox_blog_app):not(.inbox_docs_app):not(.inbox_faq_app):not(.inbox_suggestions_app):not(.inbox_suggestion_app):not(.inbox_users_app):not(.inbox_changelog_app):not(.inbox_products_app):not(.inbox_product_detail_app) > .inbox_help_panel,
    .inbox_create_app:not(.inbox_auth_app) > .inbox_help_panel {
        grid-column: 4;
    }

    .inbox_blog_app:not(.inbox_auth_app) > .inbox_blog_main,
    .inbox_docs_app:not(.inbox_auth_app) > .inbox_docs_main,
    .inbox_faq_app:not(.inbox_auth_app) > .inbox_faq_main,
    .inbox_suggestions_app:not(.inbox_auth_app) > .inbox_suggestions_main,
    .inbox_suggestion_app:not(.inbox_auth_app) > .inbox_suggestion_main,
    .inbox_users_app:not(.inbox_auth_app) > .inbox_users_main,
    .inbox_changelog_app:not(.inbox_auth_app) > .inbox_changelog_main,
    .inbox_products_app:not(.inbox_auth_app) > .inbox_products_main,
    .inbox_product_detail_app:not(.inbox_auth_app) > .inbox_product_detail_main {
        grid-column: 2;
    }

    .inbox_blog_app:not(.inbox_auth_app) > .inbox_help_panel,
    .inbox_docs_app:not(.inbox_auth_app) > .inbox_help_panel,
    .inbox_faq_app:not(.inbox_auth_app) > .inbox_help_panel,
    .inbox_suggestions_app:not(.inbox_auth_app) > .inbox_help_panel,
    .inbox_suggestion_app:not(.inbox_auth_app) > .inbox_help_panel,
    .inbox_users_app:not(.inbox_auth_app) > .inbox_help_panel,
    .inbox_changelog_app:not(.inbox_auth_app) > .inbox_help_panel {
        grid-column: 3;
    }
}

@media (min-width: 1025px) and (max-width: 1180px) {
    .inbox_app:not(.inbox_auth_app) > .inbox_rail {
        width: 78px;
    }
}

@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
    .inbox_app:not(.inbox_auth_app) > .inbox_rail {
        box-shadow: none;
        transition: width .18s ease, padding .18s ease, box-shadow .18s ease;
        will-change: width;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail:is(:hover, :focus-within, .is-label-expanded) {
        align-items: stretch;
        box-shadow: 22px 0 46px rgba(15, 23, 42, .18);
        padding-left: 14px;
        padding-right: 14px;
        width: 238px;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail:is(:hover, :focus-within, .is-label-expanded) .inbox_rail_group,
    .inbox_app:not(.inbox_auth_app) > .inbox_rail:is(:hover, :focus-within, .is-label-expanded) .inbox_rail_group_bottom {
        align-items: stretch;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail:is(:hover, :focus-within, .is-label-expanded) .inbox_rail_section_label {
        justify-content: flex-start;
        padding: 0 12px;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail:is(:hover, :focus-within, .is-label-expanded) .inbox_rail_section_label span {
        max-width: none;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail:is(:hover, :focus-within, .is-label-expanded) .inbox_nav_item {
        align-items: center;
        box-sizing: border-box;
        display: grid;
        gap: 12px;
        grid-template-columns: 42px minmax(0, 1fr);
        height: 46px;
        justify-items: start;
        padding: 0 12px;
        width: 100%;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail:is(:hover, :focus-within, .is-label-expanded) .inbox_nav_item span {
        justify-self: center;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail:is(:hover, :focus-within, .is-label-expanded) .inbox_nav_item.is-active::before {
        left: -14px;
    }

    .inbox_nav_item::after {
        display: none;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail:is(:hover, :focus-within, .is-label-expanded) .inbox_nav_item::after {
        background: transparent;
        box-shadow: none;
        color: rgba(255, 255, 255, .9);
        content: attr(data-tooltip);
        display: block;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.15;
        min-width: 0;
        opacity: 1;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: static;
        text-overflow: ellipsis;
        transform: none;
        white-space: nowrap;
        z-index: auto;
    }

    .inbox_rail_tooltip {
        background: #0f172a;
        border-radius: 8px;
        box-shadow: 0 12px 30px rgba(15, 23, 42, .18);
        color: #fff;
        font-size: 12px;
        font-weight: 800;
        line-height: 1;
        opacity: 0;
        padding: 9px 11px;
        pointer-events: none;
        position: fixed;
        transform: translate3d(-4px, -50%, 0);
        transition: opacity .16s ease, transform .16s ease;
        white-space: nowrap;
        z-index: 5000;
    }

    .inbox_rail_tooltip.is-visible {
        opacity: 1;
        transform: translate3d(0, -50%, 0);
    }
}

@media (max-width: 1024px) {
    :root {
        --inbox-mobile-drawer-width: min(82vw, 288px);
    }

    body.inbox_rail_drawer_open {
        overflow: hidden !important;
    }

    .inbox_app:not(.inbox_auth_app) {
        grid-template-rows: minmax(0, 1fr) !important;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail_menu_button {
        align-items: center;
        background: rgba(255, 255, 255, .94);
        border: 1px solid rgba(19, 122, 74, .12);
        border-radius: 10px;
        box-shadow: 0 14px 34px rgba(15, 23, 42, .12);
        color: var(--inbox-green);
        display: inline-flex !important;
        height: 44px;
        justify-content: center;
        left: max(14px, env(safe-area-inset-left));
        position: fixed;
        top: max(14px, env(safe-area-inset-top));
        width: 44px;
        z-index: 1201;
    }

    body.inbox_rail_drawer_open .inbox_app:not(.inbox_auth_app) > .inbox_rail_menu_button {
        background: rgba(255, 255, 255, .16);
        border-color: rgba(255, 255, 255, .28);
        box-shadow: none;
        color: #fff;
        left: calc(var(--inbox-mobile-drawer-width) - 58px);
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail_menu_button i {
        font-size: 18px;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail {
        align-items: stretch !important;
        bottom: 0 !important;
        flex-direction: column !important;
        gap: 22px !important;
        height: 100vh !important;
        height: 100svh !important;
        justify-content: flex-start !important;
        left: 0 !important;
        max-width: none !important;
        min-height: 100vh !important;
        min-height: 100svh !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding: calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom)) !important;
        position: fixed !important;
        top: 0 !important;
        transform: translate3d(-112%, 0, 0);
        transition: transform .24s ease;
        width: var(--inbox-mobile-drawer-width) !important;
        z-index: 1200 !important;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail.is-open {
        transform: translate3d(0, 0, 0);
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail .inbox_rail_brand {
        flex: 0 0 42px !important;
        height: 42px !important;
        width: 42px !important;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail .inbox_rail_group {
        flex: 0 0 auto !important;
        flex-direction: column !important;
        gap: 8px !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail .inbox_rail_group_bottom {
        margin-left: 0 !important;
        margin-top: auto !important;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail .inbox_rail_section_label {
        justify-content: flex-start;
        padding: 8px 12px 4px;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail .inbox_rail_section_label span {
        max-width: none;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail .inbox_nav_item {
        align-items: center !important;
        box-sizing: border-box;
        display: grid !important;
        flex: 0 0 auto !important;
        gap: 12px;
        grid-template-columns: 42px minmax(0, 1fr);
        height: 46px !important;
        justify-items: start !important;
        padding: 0 12px;
        width: 100% !important;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail .inbox_nav_item span {
        font-size: 14px !important;
        height: 24px !important;
        justify-self: center;
        width: 24px !important;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail .inbox_nav_item.is-active::before {
        display: block !important;
        left: -16px;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail .inbox_nav_item::after {
        background: transparent !important;
        box-shadow: none !important;
        color: inherit !important;
        content: attr(data-tooltip);
        font-size: 14px;
        font-weight: 800;
        line-height: 1.1;
        min-width: 0;
        opacity: 1 !important;
        overflow: hidden;
        padding: 0 !important;
        pointer-events: none;
        position: static !important;
        justify-self: start;
        text-overflow: ellipsis;
        transform: none !important;
        transition: none !important;
        white-space: nowrap;
        z-index: auto;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail_backdrop {
        background: rgba(15, 23, 42, .42);
        border: 0;
        bottom: 0;
        cursor: pointer;
        display: block;
        left: 0;
        opacity: 0;
        padding: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        transition: opacity .2s ease;
        z-index: 1190;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail_backdrop.is-visible {
        opacity: 1;
        pointer-events: auto;
    }

    .inbox_app:not(.inbox_auth_app) .inbox_list_panel {
        top: 0 !important;
    }

    .inbox_product_detail_main,
    .inbox_products_main,
    .inbox_docs_main,
    .inbox_faq_main,
    .inbox_blog_main,
    .inbox_suggestions_main,
    .inbox_suggestion_main,
    .inbox_users_main,
    .inbox_changelog_main {
        padding-top: 76px !important;
    }
}

/* FAQ mobile/tablet final overrides: keep after shared rail rules. */
@media (max-width: 1024px) {
    body.inbox_body.inbox_faq_body {
        height: auto;
        min-height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) {
        display: block;
        height: auto;
        max-width: 100vw;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_faq_main {
        border-right: 0;
        overflow: visible;
        padding-top: 0 !important;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_help_panel {
        display: none;
    }

    .inbox_faq_board {
        gap: 14px;
        padding: 72px 20px 34px;
    }

    .inbox_faq_hero {
        align-items: start;
        gap: 16px;
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .inbox_faq_switcher {
        justify-content: flex-start;
    }

    .inbox_faq_focus_grid {
        grid-template-columns: 1fr;
    }

    .inbox_faq_focus_grid article {
        align-items: center;
        gap: 14px;
        grid-template-columns: auto minmax(0, 1fr);
        padding: 14px 16px;
    }

    .inbox_faq_focus_grid i {
        grid-row: span 2;
    }

    .inbox_faq_focus_grid span,
    .inbox_faq_focus_grid strong {
        min-width: 0;
    }

    .inbox_faq_controls {
        padding: 14px;
    }

    .inbox_faq_category_bar {
        flex-wrap: nowrap;
        margin: 0 -14px;
        overflow-x: auto;
        padding: 0 14px 4px;
        -webkit-overflow-scrolling: touch;
    }

    .inbox_faq_category_bar button {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .inbox_faq_answer {
        padding: 16px 18px 18px;
    }
}

@media (max-width: 680px) {
    .inbox_faq_board {
        gap: 12px;
        padding: 66px 14px 28px;
    }

    .inbox_faq_hero,
    .inbox_faq_controls {
        border-radius: 16px;
        padding: 16px;
    }

    .inbox_faq_hero h1 {
        font-size: 27px;
        line-height: 1.12;
    }

    .inbox_faq_hero p {
        font-size: 14px;
    }

    .inbox_faq_focus_grid article {
        border-radius: 16px;
        min-height: auto;
        padding: 13px 14px;
    }

    .inbox_faq_focus_grid span {
        font-size: 11px;
        line-height: 1.2;
    }

    .inbox_faq_focus_grid strong {
        font-size: 14px;
        line-height: 1.35;
    }

    .inbox_faq_search {
        min-height: 50px;
        padding: 0 14px;
    }

    .inbox_faq_category_bar {
        margin: 0 -14px;
        padding: 0 14px 4px;
    }

    .inbox_faq_category_bar button {
        font-size: 12px;
        min-height: 34px;
        padding: 0 11px;
    }

    .inbox_faq_item {
        border-radius: 16px;
    }

    .inbox_faq_item summary {
        align-items: start;
        gap: 11px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-height: auto;
        padding: 14px;
    }

    .inbox_faq_icon {
        border-radius: 11px;
        height: 36px;
        width: 36px;
    }

    .inbox_faq_item summary strong {
        font-size: 16px;
    }

    .inbox_faq_answer {
        font-size: 14px;
        line-height: 1.6;
        padding: 14px;
    }

    .inbox_faq_answer_actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .inbox_faq_answer_actions a {
        justify-content: center;
    }
}

@media (max-width: 430px) {
    .inbox_app:not(.inbox_auth_app) > .inbox_rail_menu_button {
        height: 42px;
        left: max(12px, env(safe-area-inset-left));
        top: max(12px, env(safe-area-inset-top));
        width: 42px;
    }

    .inbox_app:not(.inbox_auth_app) > .inbox_rail {
        width: var(--inbox-mobile-drawer-width) !important;
    }

    .inbox_product_detail_main,
    .inbox_products_main,
    .inbox_docs_main,
    .inbox_faq_main,
    .inbox_blog_main,
    .inbox_suggestions_main,
    .inbox_suggestion_main,
    .inbox_users_main,
    .inbox_changelog_main {
        padding-top: 76px !important;
    }
}

/* FAQ mobile/tablet final overrides: keep after shared rail rules. */
@media (max-width: 1024px) {
    body.inbox_body.inbox_faq_body {
        height: auto;
        min-height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) {
        display: block;
        height: auto;
        max-width: 100vw;
        min-height: 100vh;
        overflow: visible;
        width: 100%;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_faq_main {
        border-right: 0;
        overflow: visible;
        padding-top: 0 !important;
    }

    .inbox_app.inbox_faq_app:not(.inbox_create_app):not(.inbox_auth_app) .inbox_help_panel {
        display: none;
    }

    .inbox_faq_board {
        gap: 14px;
        padding: 72px 20px 34px;
    }

    .inbox_faq_hero {
        align-items: start;
        gap: 16px;
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .inbox_faq_switcher {
        justify-content: flex-start;
    }

    .inbox_faq_focus_grid {
        grid-template-columns: 1fr;
    }

    .inbox_faq_focus_grid article {
        align-items: center;
        gap: 14px;
        grid-template-columns: auto minmax(0, 1fr);
        padding: 14px 16px;
    }

    .inbox_faq_focus_grid i {
        grid-row: span 2;
    }

    .inbox_faq_focus_grid span,
    .inbox_faq_focus_grid strong {
        min-width: 0;
    }

    .inbox_faq_controls {
        padding: 14px;
    }

    .inbox_faq_category_bar {
        flex-wrap: nowrap;
        margin: 0 -14px;
        overflow-x: auto;
        padding: 0 14px 4px;
        -webkit-overflow-scrolling: touch;
    }

    .inbox_faq_category_bar button {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .inbox_faq_answer {
        padding: 16px 18px 18px;
    }
}

@media (max-width: 680px) {
    .inbox_faq_board {
        gap: 12px;
        padding: 66px 14px 28px;
    }

    .inbox_faq_hero,
    .inbox_faq_controls {
        border-radius: 16px;
        padding: 16px;
    }

    .inbox_faq_hero h1 {
        font-size: 27px;
        line-height: 1.12;
    }

    .inbox_faq_hero p {
        font-size: 14px;
    }

    .inbox_faq_focus_grid article {
        border-radius: 16px;
        min-height: auto;
        padding: 13px 14px;
    }

    .inbox_faq_focus_grid span {
        font-size: 11px;
        line-height: 1.2;
    }

    .inbox_faq_focus_grid strong {
        font-size: 14px;
        line-height: 1.35;
    }

    .inbox_faq_search {
        min-height: 50px;
        padding: 0 14px;
    }

    .inbox_faq_category_bar {
        margin: 0 -14px;
        padding: 0 14px 4px;
    }

    .inbox_faq_category_bar button {
        font-size: 12px;
        min-height: 34px;
        padding: 0 11px;
    }

    .inbox_faq_item {
        border-radius: 16px;
    }

    .inbox_faq_item summary {
        align-items: start;
        gap: 11px;
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-height: auto;
        padding: 14px;
    }

    .inbox_faq_icon {
        border-radius: 11px;
        height: 36px;
        width: 36px;
    }

    .inbox_faq_item summary strong {
        font-size: 16px;
    }

    .inbox_faq_answer {
        font-size: 14px;
        line-height: 1.6;
        padding: 14px;
    }

    .inbox_faq_answer_actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .inbox_faq_answer_actions a {
        justify-content: center;
    }
}

/* Account pages hard final overrides. */
@media (max-width: 900px) {
    .account_center_layout,
    .account_grid,
    .account_dashboard_grid {
        grid-template-columns: 1fr;
    }

    .account_center_nav {
        position: static;
    }

    .account_center_nav_identity {
        display: none;
    }

    .account_center_nav nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .inbox_users_overview.inbox_account_stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inbox_users_overview.inbox_account_stats article {
        min-height: 78px;
        padding: 12px;
    }
}