/* Fluent Support customer portal skin for the Continent frontend. */

body.continent-v3-fluent-support { background: var(--ink); }

.continent-v3-fluent-support #main-content.continent-shortcode-page {
    min-height: calc(100svh - var(--header-h));
    padding: clamp(52px, 7vw, 108px) var(--page-x) clamp(80px, 10vw, 150px);
    background:
        linear-gradient(180deg, rgba(115, 128, 99, .08), transparent 360px),
        var(--ink);
}

.continent-v3-fluent-support #fluent_support_client_app,
.continent-v3-fluent-support #fluent_support_client_app .fs_client_portal {
    --ink: #0a0d0b;
    --ink-soft: #111611;
    --bone: #e7e3d5;
    --bone-muted: #a5a698;
    --line: rgba(224, 228, 211, .13);
    --line-strong: rgba(224, 228, 211, .3);
    --amber: #d59745;
    --online: #91c56c;
    --fs-primary: #d59745;
    --fs-primary-dark: #dfaa63;
    --fs-primary-hover: #e2ad67;
    --fs-white: #111611;
    --fs-black: #e7e3d5;
    --fs-text-strong: #e7e3d5;
    --fs-text-sub: #a5a698;
    --fs-text-light: #8f9388;
    --fs-text-lighter: #777d73;
    --fs-text-muted: #8f9388;
    --fs-text-dark: #c2c4b7;
    --fs-text-inactive: #777d73;
    --fs-text-heading: #e7e3d5;
    --fs-text-label: #b8b9ad;
    --fs-border-soft: rgba(224, 228, 211, .13);
    --fs-border-soft-rgb: 224, 228, 211;
    --fs-border-light: rgba(224, 228, 211, .09);
    --fs-border-lighter: rgba(224, 228, 211, .17);
    --fs-border-input: rgba(224, 228, 211, .2);
    --fs-border-input-hover: rgba(224, 228, 211, .38);
    --fs-border-error: #c95749;
    --fs-border-focus: #d59745;
    --fs-bg-weak: rgba(231, 227, 213, .055);
    --fs-bg-light: rgba(231, 227, 213, .025);
    --fs-bg-lighter: rgba(231, 227, 213, .08);
    --fs-bg-white: #111611;
    --fs-bg-disabled: rgba(231, 227, 213, .06);
    --fs-bg-hover: rgba(115, 128, 99, .12);
    --fs-bg-rgb-weak: 231, 227, 213;
    --fs-status-success: #91c56c;
    --fs-status-success-bg: rgba(145, 197, 108, .11);
    --fs-status-info: #d59745;
    --fs-status-info-bg: rgba(213, 151, 69, .1);
    --fs-status-error: #c95749;
    --fs-status-error-bg: rgba(174, 61, 46, .12);
    --fs-status-error-hover: #df7467;
    --fs-status-warning: #d59745;
    --fs-link: #d59745;
    --fs-link-hover: #e7e3d5;
    --fs-icon: #a5a698;
    --fs-icon-light: #858a80;
    --fs-inline-btn-text: #e7e3d5;
    --fs-btn-primary: #d59745;
    --fs-btn-primary-hover: #e2ad67;
    --fs-btn-text: #0a0d0b;
    --fs-btn-disabled-bg: rgba(231, 227, 213, .06);
    --fs-btn-disabled-text: #747a70;
    --fs-pagination-hover: rgba(231, 227, 213, .08);
    --fs-pagination-text: #a5a698;
    --fs-pagination-disabled: #555b53;
    --fs-radius-sm: 0;
    --fs-radius-md: 0;
    --fs-radius-lg: 0;
    --fs-radius-xl: 0;
    --fs-radius-pill: 0;
    --fs-shadow-sm: none;
    --fs-shadow-md: none;
    --fs-shadow-lg: none;
    width: min(100%, 1440px);
    margin: 0 auto;
    color: var(--bone);
    font-family: var(--font-ui);
}

.continent-v3-fluent-support #fluent_support_client_app *,
.continent-v3-fluent-support #fluent_support_client_app *::before,
.continent-v3-fluent-support #fluent_support_client_app *::after { box-sizing: border-box; }

.continent-v3-fluent-support #fluent_support_client_app .fs_loading_text,
.continent-v3-fluent-support #fluent_support_client_app .fs_customer_restriction {
    margin: clamp(90px, 16vh, 180px) 0;
    color: var(--bone-muted);
    font: 600 13px/1.5 var(--font-mono);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_client_portal {
    color: var(--bone);
    font-family: var(--font-ui);
}

.continent-v3-fluent-support #fluent_support_client_app input,
.continent-v3-fluent-support #fluent_support_client_app textarea,
.continent-v3-fluent-support #fluent_support_client_app select,
.continent-v3-fluent-support #fluent_support_client_app table {
    font-family: var(--font-ui) !important;
}

.continent-v3-fluent-support #fluent_support_client_app a {
    color: var(--amber);
    text-underline-offset: 3px;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_tickets_container,
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_form_container {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line) !important;
    border-radius: 0 !important;
    background: var(--panel) !important;
    box-shadow: 0 24px 70px rgba(7, 18, 18, .14) !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_tickets_container::before,
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_form_container::before {
    position: absolute;
    z-index: 2;
    inset: 0 0 auto;
    height: 2px;
    content: "";
    pointer-events: none;
    background: linear-gradient(90deg, var(--amber), rgba(213, 151, 69, .08) 70%, transparent);
}

.continent-v3-fluent-support #fluent_support_client_app .fs_tickets_header,
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_header {
    min-height: 92px;
    padding: 25px 24px !important;
    border-bottom: 1px solid var(--line) !important;
    background: rgba(231, 227, 213, .035) !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_tickets_header > label,
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_header > label {
    margin: 0 !important;
    color: var(--bone) !important;
    font: 600 clamp(34px, 3.6vw, 52px)/.9 var(--font-display) !important;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.continent-v3-fluent-support #fluent_support_client_app button,
.continent-v3-fluent-support #fluent_support_client_app .el-button,
.continent-v3-fluent-support #fluent_support_client_app .button {
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--font-mono) !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_create_ticket_btn,
.continent-v3-fluent-support #fluent_support_client_app .fs_create_ticket_button,
.continent-v3-fluent-support #fluent_support_client_app .fs_reply_btn,
.continent-v3-fluent-support #fluent_support_client_app .fs_sorting_button .el-button {
    min-height: 40px;
    padding: 11px 16px !important;
    border: 1px solid var(--amber) !important;
    border-radius: 0 !important;
    background: var(--amber) !important;
    color: var(--ink) !important;
    font: 600 10px/1 var(--font-mono) !important;
    letter-spacing: .075em;
    text-transform: uppercase;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_create_ticket_btn:hover,
.continent-v3-fluent-support #fluent_support_client_app .fs_create_ticket_button:hover,
.continent-v3-fluent-support #fluent_support_client_app .fs_reply_btn:hover,
.continent-v3-fluent-support #fluent_support_client_app .fs_sorting_button .el-button:hover {
    border-color: #e2ad67 !important;
    background: #e2ad67 !important;
    color: var(--ink) !important;
    transform: translateY(-1px);
}

.continent-v3-fluent-support #fluent_support_client_app .is-disabled,
.continent-v3-fluent-support #fluent_support_client_app button:disabled {
    border-color: var(--line) !important;
    background: rgba(231, 227, 213, .045) !important;
    color: #686e65 !important;
    cursor: not-allowed;
    transform: none !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_actions_dropdown_btn,
.continent-v3-fluent-support #fluent_support_client_app .fs_sorting > .el-button,
.continent-v3-fluent-support #fluent_support_client_app .fs_upload_button {
    border: 1px solid var(--line) !important;
    border-radius: 0 !important;
    background: rgba(231, 227, 213, .025) !important;
    color: var(--bone-muted) !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_actions_dropdown_btn:hover,
.continent-v3-fluent-support #fluent_support_client_app .fs_sorting > .el-button:hover,
.continent-v3-fluent-support #fluent_support_client_app .fs_upload_button:hover {
    border-color: var(--line-strong) !important;
    background: rgba(231, 227, 213, .075) !important;
    color: var(--bone) !important;
}

.continent-v3-fluent-support #fluent_support_client_app svg path[fill="#525866"],
.continent-v3-fluent-support #fluent_support_client_app svg path[fill="#99A0AE"],
.continent-v3-fluent-support #fluent_support_client_app svg path[fill="#0E121B"] { fill: currentColor; }

/* Filters and fields */
.continent-v3-fluent-support #fluent_support_client_app .fs_filters_section { padding: 18px 20px 0 !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_filter_container { gap: 10px !important; }

.continent-v3-fluent-support #fluent_support_client_app .fs_button_groups {
    gap: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: var(--font-mono) !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_button_groups .status-btn {
    min-width: 76px !important;
    min-height: 34px;
    padding: 0 12px !important;
    border: 0 !important;
    border-right: 1px solid var(--line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bone-muted) !important;
    font: 600 9px/34px var(--font-mono) !important;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_button_groups .status-btn:last-child { border-right: 0 !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_button_groups .status-btn:hover { background: rgba(231, 227, 213, .06) !important; color: var(--bone) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_button_groups .status-btn.active { background: var(--bone) !important; color: var(--ink) !important; box-shadow: none !important; }

.continent-v3-fluent-support #fluent_support_client_app .el-input__wrapper,
.continent-v3-fluent-support #fluent_support_client_app .el-select__wrapper,
.continent-v3-fluent-support #fluent_support_client_app .el-textarea__inner,
.continent-v3-fluent-support #fluent_support_client_app input:not([type="checkbox"]):not([type="radio"]):not(.el-input__inner),
.continent-v3-fluent-support #fluent_support_client_app textarea {
    border: 1px solid var(--fs-border-input) !important;
    border-radius: 0 !important;
    background: #0d120e !important;
    color: var(--bone) !important;
    box-shadow: none !important;
}

.continent-v3-fluent-support #fluent_support_client_app .el-input__wrapper,
.continent-v3-fluent-support #fluent_support_client_app .el-select__wrapper { min-height: 38px; padding: 5px 10px !important; }

.continent-v3-fluent-support #fluent_support_client_app .el-input__inner,
.continent-v3-fluent-support #fluent_support_client_app .el-select__input,
.continent-v3-fluent-support #fluent_support_client_app .el-textarea__inner { color: var(--bone) !important; font: 400 14px/1.55 var(--font-ui) !important; }

.continent-v3-fluent-support #fluent_support_client_app .el-input__inner {
    border: 0 !important;
    background: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.continent-v3-fluent-support #fluent_support_client_app .el-input__wrapper .el-input__inner,
.continent-v3-fluent-support #fluent_support_client_app .el-select__wrapper .el-select__input {
    border: 0 !important;
    background: transparent !important;
    outline: 0 !important;
}

.continent-v3-fluent-support #fluent_support_client_app .el-select__placeholder,
.continent-v3-fluent-support #fluent_support_client_app .el-select__selected-item { color: var(--bone-muted) !important; }

.continent-v3-fluent-support #fluent_support_client_app .el-input__inner::placeholder,
.continent-v3-fluent-support #fluent_support_client_app .el-textarea__inner::placeholder,
.continent-v3-fluent-support #fluent_support_client_app textarea::placeholder { color: #777d73 !important; opacity: 1 !important; }

.continent-v3-fluent-support #fluent_support_client_app .el-input__wrapper:hover,
.continent-v3-fluent-support #fluent_support_client_app .el-select__wrapper:hover,
.continent-v3-fluent-support #fluent_support_client_app .el-textarea__inner:hover { border-color: var(--fs-border-input-hover) !important; }

.continent-v3-fluent-support #fluent_support_client_app .el-input__wrapper.is-focus,
.continent-v3-fluent-support #fluent_support_client_app .el-select__wrapper.is-focused,
.continent-v3-fluent-support #fluent_support_client_app .el-textarea__inner:focus,
.continent-v3-fluent-support #fluent_support_client_app input:focus,
.continent-v3-fluent-support #fluent_support_client_app textarea:focus {
    border-color: var(--amber) !important;
    outline: 1px solid rgba(213, 151, 69, .3) !important;
    outline-offset: 0;
    box-shadow: none !important;
}

.continent-v3-fluent-support #fluent_support_client_app .el-form-item__label,
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_details_label,
.continent-v3-fluent-support #fluent_support_client_app .fs_input_label {
    margin: 0 0 8px !important;
    color: var(--bone-muted) !important;
    font: 600 9px/1.3 var(--font-mono) !important;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_tk_help,
.continent-v3-fluent-support #fluent_support_client_app .fs_upload_info,
.continent-v3-fluent-support #fluent_support_client_app .hint-text { color: var(--bone-muted) !important; font-size: 11px !important; line-height: 1.55 !important; }

.continent-v3-fluent-support #fluent_support_client_app .error-message,
.continent-v3-fluent-support #fluent_support_client_app .el-form-item__error { color: #df7467 !important; }

/* Ticket list */
.continent-v3-fluent-support #fluent_support_client_app .fs_tickets_table { overflow-x: auto !important; padding: 18px 20px 12px !important; background: transparent !important; }

.continent-v3-fluent-support #fluent_support_client_app .el-table {
    --el-table-bg-color: transparent;
    --el-table-tr-bg-color: transparent;
    --el-table-header-bg-color: rgba(231, 227, 213, .035);
    --el-table-row-hover-bg-color: rgba(115, 128, 99, .09);
    --el-table-border-color: rgba(231, 227, 213, .1);
    --el-table-text-color: #a5a698;
    --el-table-header-text-color: #e7e3d5;
    min-width: 650px;
    border: 0 !important;
    background: transparent !important;
    color: var(--bone-muted) !important;
}

.continent-v3-fluent-support #fluent_support_client_app .el-table__inner-wrapper,
.continent-v3-fluent-support #fluent_support_client_app .el-table__header-wrapper,
.continent-v3-fluent-support #fluent_support_client_app .el-table__body-wrapper,
.continent-v3-fluent-support #fluent_support_client_app .el-table tr,
.continent-v3-fluent-support #fluent_support_client_app .el-table td,
.continent-v3-fluent-support #fluent_support_client_app .el-table th { background: transparent !important; }

.continent-v3-fluent-support #fluent_support_client_app .el-table__inner-wrapper::before { background: var(--line) !important; }

.continent-v3-fluent-support #fluent_support_client_app .el-table th.el-table__cell {
    height: 38px;
    padding: 7px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(231, 227, 213, .035) !important;
    color: var(--bone-muted) !important;
    font: 600 9px/1 var(--font-mono) !important;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.continent-v3-fluent-support #fluent_support_client_app .el-table td.el-table__cell {
    padding: 13px 0 !important;
    border-bottom: 1px solid rgba(224, 228, 211, .09) !important;
    color: var(--bone-muted) !important;
    font-size: 13px;
}

.continent-v3-fluent-support #fluent_support_client_app .el-table .fs_ticket_row:hover > td.el-table__cell { background: rgba(115, 128, 99, .09) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_conversation { display: block; color: inherit !important; text-decoration: none !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_title strong { color: var(--bone) !important; font: 600 18px/1.05 var(--font-display) !important; letter-spacing: .02em; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_preview { margin: 6px 0 0 !important; color: var(--bone-muted) !important; font: 400 13px/1.55 var(--font-ui) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_response_count { border-radius: 0 !important; background: rgba(213, 151, 69, .13) !important; color: var(--amber) !important; font-family: var(--font-mono) !important; }

.continent-v3-fluent-support #fluent_support_client_app .fs_status_badge {
    gap: 6px;
    padding: 5px 8px !important;
    border: 1px solid currentColor;
    border-radius: 0 !important;
    background: transparent !important;
    font: 600 9px/1 var(--font-mono) !important;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_status_badge.active { color: var(--online) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_status_badge.new { color: var(--amber) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_status_badge.closed { color: #777d73 !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_status_dot { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: currentColor !important; box-shadow: 0 0 8px currentColor; }
.continent-v3-fluent-support #fluent_support_client_app .fs_status_badge.active .fs_status_dot { background: var(--online) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_status_badge.new .fs_status_dot { background: var(--amber) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_status_badge.closed .fs_status_dot { background: #777d73 !important; }

/* Pagination */
.continent-v3-fluent-support #fluent_support_client_app .fs_pagination_section { padding: 2px 20px 18px !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_pagination_container { padding-top: 14px !important; border-top: 1px solid var(--line) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_page_text { color: var(--bone-muted) !important; font: 500 9px/1 var(--font-mono) !important; letter-spacing: .05em; text-transform: uppercase; }

.continent-v3-fluent-support #fluent_support_client_app .el-pagination button,
.continent-v3-fluent-support #fluent_support_client_app .el-pager li {
    min-width: 30px !important;
    height: 30px !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bone-muted) !important;
    font-family: var(--font-mono) !important;
}

.continent-v3-fluent-support #fluent_support_client_app .el-pager li:hover,
.continent-v3-fluent-support #fluent_support_client_app .el-pager li.is-active { border-color: var(--line-strong) !important; color: var(--bone) !important; }
.continent-v3-fluent-support #fluent_support_client_app .el-pager li.is-active { background: var(--bone) !important; color: var(--ink) !important; }

/* Create ticket form */
.continent-v3-fluent-support #fluent_support_client_app .fs_create_ticket_container,
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_wrapper { width: 100%; }
.continent-v3-fluent-support #fluent_support_client_app .fs_back_nav { margin: 0 0 14px !important; }

.continent-v3-fluent-support #fluent_support_client_app .fs_back_button {
    height: 34px !important;
    padding: 0 11px !important;
    border: 1px solid var(--line) !important;
    background: transparent !important;
    color: var(--bone-muted) !important;
    font: 600 9px/1 var(--font-mono) !important;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_back_button,
.continent-v3-fluent-support #fluent_support_client_app .fs_back_button span,
.continent-v3-fluent-support #fluent_support_client_app .fs_back_button svg {
    color: var(--bone-muted) !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_back_button svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_back_button:hover { border-color: var(--line-strong) !important; color: var(--bone) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_form { padding: 24px 20px !important; background: transparent !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_form .el-form-item { margin-bottom: 22px !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_form .el-form-item__content { width: 100%; }
.continent-v3-fluent-support #fluent_support_client_app .fs_tk_suggestions .el-form-item__content { display: block !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_tk_suggestions .fs_ticket_details_label { position: static !important; top: auto !important; display: block; }
.continent-v3-fluent-support #fluent_support_client_app .fs_tk_row { gap: 16px !important; }

.continent-v3-fluent-support #fluent_support_client_app .wp-editor-container,
.continent-v3-fluent-support #fluent_support_client_app .wp_vue_editor_wrapper,
.continent-v3-fluent-support #fluent_support_client_app .editor-container {
    overflow: hidden;
    width: 100%;
    border: 1px solid var(--fs-border-input) !important;
    border-radius: 0 !important;
    background: #0d120e !important;
}

.continent-v3-fluent-support #fluent_support_client_app .mce-container,
.continent-v3-fluent-support #fluent_support_client_app .mce-panel,
.continent-v3-fluent-support #fluent_support_client_app .mce-container-body,
.continent-v3-fluent-support #fluent_support_client_app .editor-header,
.continent-v3-fluent-support #fluent_support_client_app .editor-toolbar {
    border-color: var(--line) !important;
    border-radius: 0 !important;
    background: #151b15 !important;
    color: var(--bone-muted) !important;
    box-shadow: none !important;
}

.continent-v3-fluent-support #fluent_support_client_app .mce-btn,
.continent-v3-fluent-support #fluent_support_client_app .wp-switch-editor { border-radius: 0 !important; background: transparent !important; color: var(--bone-muted) !important; }

.continent-v3-fluent-support #fluent_support_client_app .mce-ico,
.continent-v3-fluent-support #fluent_support_client_app .mce-btn button,
.continent-v3-fluent-support #fluent_support_client_app .mce-btn button span {
    color: var(--bone-muted) !important;
    opacity: 1 !important;
}

.continent-v3-fluent-support #fluent_support_client_app .wp-editor-tabs {
    border: 0 !important;
    border-radius: 0 !important;
    background: #151b15 !important;
}

.continent-v3-fluent-support #fluent_support_client_app .wp-editor-tabs .wp-switch-editor {
    height: 32px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-left: 1px solid var(--line) !important;
    background: transparent !important;
    color: var(--bone-muted) !important;
    font: 500 10px/32px var(--font-mono) !important;
}

.continent-v3-fluent-support #fluent_support_client_app .tmce-active .wp-editor-tabs .switch-tmce,
.continent-v3-fluent-support #fluent_support_client_app .html-active .wp-editor-tabs .switch-html {
    background: rgba(115, 128, 99, .14) !important;
    color: var(--bone) !important;
}

.continent-v3-fluent-support #fluent_support_client_app .mce-btn:hover,
.continent-v3-fluent-support #fluent_support_client_app .mce-btn.mce-active,
.continent-v3-fluent-support #fluent_support_client_app .wp-switch-editor[aria-pressed="true"] { background: rgba(231, 227, 213, .08) !important; color: var(--bone) !important; }

.continent-v3-fluent-support #fluent_support_client_app .fs_submit_button_container { margin: 8px 0 0 !important; padding-top: 18px; border-top: 1px solid var(--line); }
.continent-v3-fluent-support #fluent_support_client_app .fs-file-list { border: 1px solid var(--line) !important; border-radius: 0 !important; background: rgba(231, 227, 213, .025) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs-file-name,
.continent-v3-fluent-support #fluent_support_client_app .fs-file-status,
.continent-v3-fluent-support #fluent_support_client_app .fs_upload_instruction { color: var(--bone) !important; }

.continent-v3-fluent-support #fluent_support_client_app .fs_suggestions_popover {
    border: 1px solid var(--line-strong) !important;
    border-radius: 0 !important;
    background: #111611 !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .42) !important;
}

/* Ticket details and conversation */
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_heroarea {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "subject actions"
        "response response";
    border-bottom: 1px solid var(--line) !important;
    background: #111611 !important;
}
.continent-v3-fluent-support #fluent_support_client_app .fs_tk_subject,
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_actions { padding-right: 22px !important; padding-left: 22px !important; }

.continent-v3-fluent-support #fluent_support_client_app .fs_tk_subject {
    grid-area: subject;
    min-height: 90px;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    border-bottom: 0 !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_actions {
    grid-area: actions;
    align-self: stretch;
    min-width: max-content;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    border: 0 !important;
    background: #0f140f !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_response {
    grid-area: response;
    border-top: 1px solid var(--line) !important;
    background: #0d120e !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_subject {
    margin: 0 !important;
    color: var(--bone) !important;
    font: 600 clamp(34px, 3.6vw, 50px)/.94 var(--font-display) !important;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_product_name,
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_refresh_btn,
.continent-v3-fluent-support #fluent_support_client_app .fs_close_ticket { color: var(--bone-muted) !important; font: 600 9px/1 var(--font-mono) !important; letter-spacing: .05em; text-transform: uppercase; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_actions_btn { align-items: center !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_refresh_btn,
.continent-v3-fluent-support #fluent_support_client_app .fs_close_ticket {
    min-height: 34px;
    padding: 8px 10px !important;
    border: 1px solid var(--line) !important;
    border-radius: 0 !important;
    background: rgba(231, 227, 213, .025) !important;
}
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_refresh_btn:hover { border-color: var(--line-strong) !important; color: var(--bone) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_close_ticket { border-color: rgba(174, 61, 46, .42) !important; background: rgba(174, 61, 46, .07) !important; color: #d8958a !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_close_ticket:hover { border-color: rgba(201, 87, 73, .72) !important; background: rgba(174, 61, 46, .13) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_alert { padding: 16px 18px 0 !important; }

.continent-v3-fluent-support #fluent_support_client_app .el-alert,
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_closed_alert {
    border: 1px solid rgba(213, 151, 69, .24) !important;
    border-radius: 0 !important;
    background: rgba(115, 128, 99, .11) !important;
    color: #c2c4b7 !important;
}

.continent-v3-fluent-support #fluent_support_client_app .el-alert__title,
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_closed_alert p { color: #c2c4b7 !important; font-size: 13px !important; }
.continent-v3-fluent-support #fluent_support_client_app .el-alert__icon { color: var(--olive-bright) !important; }

.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_reply_box {
    margin: 0;
    padding: 18px !important;
    border-top: 1px solid var(--line);
    background: rgba(231, 227, 213, .02) !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_reply_box h3 { margin-bottom: 10px !important; color: var(--bone-muted) !important; font: 600 9px/1 var(--font-mono) !important; letter-spacing: .12em; text-transform: uppercase; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_reply_text {
    min-height: 58px;
    padding: 15px 16px !important;
    border: 1px solid rgba(224, 228, 211, .13) !important;
    background: #0d120e !important;
    color: var(--bone) !important;
    box-shadow: none !important;
}
.continent-v3-fluent-support #fluent_support_client_app .fs_customer_response_actions > p { color: var(--bone-muted) !important; font: 500 10px/1 var(--font-mono) !important; letter-spacing: .04em; text-transform: uppercase; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_body { background: transparent !important; color: var(--bone-muted) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_threads_container { padding: 20px !important; border-top: 0 !important; background: #0d120e !important; }

.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_thread {
    margin-bottom: 14px !important;
    padding: 19px 20px !important;
    border: 1px solid rgba(231, 227, 213, .1) !important;
    border-left: 2px solid var(--olive) !important;
    border-radius: 0 !important;
    background: rgba(231, 227, 213, .025) !important;
    box-shadow: none !important;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_thread.fs_agent,
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_thread.fs_person_agent { border-left-color: var(--amber) !important; background: rgba(213, 151, 69, .035) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_thread.fs_conversion_starter { background: rgba(115, 128, 99, .055) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_avatar { border: 1px solid var(--line-strong); border-radius: 0 !important; background: #151b15 !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_ticket_avatar img { background: #151b15 !important; color: var(--bone) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_thread_name,
.continent-v3-fluent-support #fluent_support_client_app .fs_thread_name strong { color: var(--bone) !important; font: 600 14px/1.35 var(--font-ui) !important; }

.continent-v3-fluent-support #fluent_support_client_app .fs_thread_ribbon {
    padding: 4px 7px !important;
    border: 1px solid currentColor;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--amber) !important;
    font: 600 8px/1 var(--font-mono) !important;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.continent-v3-fluent-support #fluent_support_client_app .fs_thread_ribbon_customer { color: var(--olive-bright) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_thread_body,
.continent-v3-fluent-support #fluent_support_client_app .fs_thread_body p,
.continent-v3-fluent-support #fluent_support_client_app .fs_thread_body li { color: #c2c4b7 !important; font: 400 15px/1.65 var(--font-ui) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_thread_actions { color: #777d73 !important; font: 500 9px/1.4 var(--font-mono) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_custom_data_wrap { border: 1px solid var(--line) !important; border-radius: 0 !important; background: rgba(231, 227, 213, .035) !important; }
.continent-v3-fluent-support #fluent_support_client_app .fs_custom_data_wrap h3,
.continent-v3-fluent-support #fluent_support_client_app .fs_custom_data_wrap li,
.continent-v3-fluent-support #fluent_support_client_app .fs_custom_data_wrap span { color: var(--bone-muted) !important; }

.continent-v3-fluent-support #fluent_support_client_app .fst_file_lists ul { margin: 12px 0 0; padding: 0; list-style: none; }
.continent-v3-fluent-support #fluent_support_client_app .fst_file_lists li { display: inline-flex; gap: 6px; align-items: center; margin: 0 6px 6px 0; padding: 7px 9px; border: 1px solid var(--line); background: rgba(231, 227, 213, .025); font: 500 9px/1 var(--font-mono); }

/* Element Plus overlays are mounted outside the portal root. */
.continent-v3-fluent-support .el-popper,
.continent-v3-fluent-support .el-select__popper,
.continent-v3-fluent-support .fs_popover,
.continent-v3-fluent-support .fs_dropdown_menu {
    border: 1px solid rgba(224, 228, 211, .18) !important;
    border-radius: 0 !important;
    background: #111611 !important;
    color: var(--bone) !important;
    box-shadow: 0 20px 56px rgba(0, 0, 0, .5) !important;
    font-family: var(--font-ui) !important;
}

.continent-v3-fluent-support .el-popper__arrow::before { border-color: rgba(224, 228, 211, .18) !important; background: #111611 !important; }
.continent-v3-fluent-support .el-select-dropdown__item,
.continent-v3-fluent-support .el-dropdown-menu__item,
.continent-v3-fluent-support .fs_dropdown_item { border-radius: 0 !important; background: transparent !important; color: var(--bone-muted) !important; }
.continent-v3-fluent-support .el-select-dropdown__item:hover,
.continent-v3-fluent-support .el-select-dropdown__item.is-hovering,
.continent-v3-fluent-support .el-dropdown-menu__item:hover,
.continent-v3-fluent-support .el-select-dropdown__item.is-selected { background: rgba(213, 151, 69, .1) !important; color: var(--bone) !important; }
.continent-v3-fluent-support .el-select-dropdown__item.is-selected { color: var(--amber) !important; }
.continent-v3-fluent-support .el-radio__label,
.continent-v3-fluent-support .fs_popover_title { color: var(--bone-muted) !important; }
.continent-v3-fluent-support .el-radio__input.is-checked .el-radio__inner { border-color: var(--amber) !important; background: var(--amber) !important; }
.continent-v3-fluent-support .el-radio__input.is-checked + .el-radio__label { color: var(--bone) !important; }

.continent-v3-fluent-support .el-message,
.continent-v3-fluent-support .el-notification,
.continent-v3-fluent-support .el-message-box {
    border: 1px solid rgba(224, 228, 211, .18) !important;
    border-radius: 0 !important;
    background: #111611 !important;
    color: var(--bone) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .55) !important;
}

.continent-v3-fluent-support .el-message__content,
.continent-v3-fluent-support .el-notification__title,
.continent-v3-fluent-support .el-notification__content,
.continent-v3-fluent-support .el-message-box__title,
.continent-v3-fluent-support .el-message-box__message { color: var(--bone-muted) !important; }
.continent-v3-fluent-support .el-overlay { background: rgba(10, 24, 25, .72) !important; backdrop-filter: blur(7px); }
.continent-v3-fluent-support #fluent_support_client_app .el-loading-mask { background: rgba(10, 13, 11, .76) !important; }
.continent-v3-fluent-support #fluent_support_client_app .el-loading-spinner .path { stroke: var(--amber) !important; }

@media (max-width: 755px) {
    .continent-v3-fluent-support #main-content.continent-shortcode-page { padding: 24px 16px 72px; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_tickets_header,
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_header { min-height: 0; padding: 19px 17px !important; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_tickets_header > label,
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_header > label { font-size: 32px !important; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_filters_section,
    .continent-v3-fluent-support #fluent_support_client_app .fs_tickets_table,
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_form,
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_threads_container { padding-right: 14px !important; padding-left: 14px !important; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_filter_left,
    .continent-v3-fluent-support #fluent_support_client_app .fs_product_filter_head { width: 100%; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_button_groups { width: 100%; max-width: none !important; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_button_groups .status-btn { flex: 1 1 0; min-width: 0 !important; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_tk_subject,
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_actions { padding-right: 16px !important; padding-left: 16px !important; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_subject { font-size: 30px !important; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_thread_content { gap: 10px !important; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_avatar { width: 28px !important; height: 28px !important; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_heroarea {
        grid-template-columns: 1fr;
        grid-template-areas:
            "subject"
            "actions"
            "response";
    }
    .continent-v3-fluent-support #fluent_support_client_app .fs_tk_subject { min-height: 0; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_actions {
        min-width: 0;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        border-top: 1px solid var(--line) !important;
    }
    .continent-v3-fluent-support #fluent_support_client_app .el-table {
        width: 100% !important;
        min-width: 0 !important;
    }
    .continent-v3-fluent-support #fluent_support_client_app .el-table__header,
    .continent-v3-fluent-support #fluent_support_client_app .el-table__body {
        width: 100% !important;
        table-layout: fixed !important;
    }
    .continent-v3-fluent-support #fluent_support_client_app .el-table__header-wrapper,
    .continent-v3-fluent-support #fluent_support_client_app .el-table__header { display: none !important; }
    .continent-v3-fluent-support #fluent_support_client_app .el-table__body-wrapper,
    .continent-v3-fluent-support #fluent_support_client_app .el-table__body,
    .continent-v3-fluent-support #fluent_support_client_app .el-table__body tbody { display: block !important; }
    .continent-v3-fluent-support #fluent_support_client_app .el-table .fs_ticket_row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 9px 12px;
        padding: 17px 2px !important;
        border-bottom: 1px solid rgba(224, 228, 211, .1) !important;
    }
    .continent-v3-fluent-support #fluent_support_client_app .el-table .fs_ticket_row > td.el-table__cell {
        display: block !important;
        width: auto !important;
        padding: 0 !important;
        border: 0 !important;
    }
    .continent-v3-fluent-support #fluent_support_client_app .el-table .fs_ticket_row > td.el-table__cell:first-child {
        grid-column: 1 / -1;
    }
    .continent-v3-fluent-support #fluent_support_client_app .el-table .fs_ticket_row > td.el-table__cell:nth-child(2) {
        align-self: center;
        color: var(--bone-muted) !important;
        font-family: var(--font-mono) !important;
        font-size: 10px !important;
        letter-spacing: .04em;
        text-transform: uppercase;
    }
    .continent-v3-fluent-support #fluent_support_client_app .el-table .fs_ticket_row > td.el-table__cell:nth-child(3) {
        align-self: center;
        justify-self: end;
    }
}

@media (max-width: 520px) {
    .continent-v3-fluent-support #fluent_support_client_app .fs_tickets_header { align-items: stretch !important; flex-direction: column !important; gap: 14px; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_tickets_actions,
    .continent-v3-fluent-support #fluent_support_client_app .fs_create_ticket_btn { width: 100%; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_create_ticket_btn { justify-content: center; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_pagination_container,
    .continent-v3-fluent-support #fluent_support_client_app .fs_pagination_left { align-items: flex-start !important; flex-direction: column !important; gap: 10px !important; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_thread { padding: 14px 12px !important; }
    .continent-v3-fluent-support #fluent_support_client_app .fs_thread_name { align-items: flex-start !important; flex-direction: column !important; }
    .continent-v3-fluent-support #fluent_support_client_app .fs-file-uploader .el-upload-list { grid-template-columns: 1fr !important; }

    .continent-v3-fluent-support #main-content,
    .continent-v3-fluent-support #fluent_support_client_app,
    .continent-v3-fluent-support #fluent_support_client_app > *,
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_thread_content,
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_thread_content > * {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_subject,
    .continent-v3-fluent-support #fluent_support_client_app .fs_thread_name,
    .continent-v3-fluent-support #fluent_support_client_app .fs_ticket_thread_content,
    .continent-v3-fluent-support #fluent_support_client_app a,
    .continent-v3-fluent-support #fluent_support_client_app code {
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .continent-v3-fluent-support #fluent_support_client_app *,
    .continent-v3-fluent-support #fluent_support_client_app *::before,
    .continent-v3-fluent-support #fluent_support_client_app *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}