/* Dark blue-black client theme. Loaded after page-specific styles on purpose. */
:root {
    color-scheme: dark;
    --client-bg: #01040a;
    --client-bg-soft: #020812;
    --client-sidebar: #020710;
    --client-panel: #040b14;
    --client-panel-2: #071321;
    --client-border: rgba(68, 119, 181, .16);
    --client-border-strong: rgba(58, 135, 224, .28);
    --client-text: #e9f1fc;
    --client-muted: #8498b2;
    --client-accent: #087cff;
    --client-accent-soft: rgba(8, 124, 255, .15);
}

html,
body.client-admin-body,
.client-admin-shell,
.client-admin-main,
.main-body,
.client-page {
    background: var(--client-bg) !important;
}

.client-admin-shell {
    background: var(--client-bg) !important;
}

body.client-admin-body {
    color: var(--client-text);
}

.client-sidebar {
    overflow: visible;
    background: #01050b !important;
    border-right-color: rgba(41, 99, 171, .18);
}

.client-sidebar__brand {
    position: relative;
    background: rgba(255, 255, 255, .008);
    border-bottom-color: rgba(41, 99, 171, .16);
}

.client-sidebar__logo {
    min-width: 0;
}

.client-sidebar__logo-full {
    display: block;
}

.client-sidebar__logo-small {
    display: none;
    width: 38px !important;
    height: 38px !important;
    object-fit: contain;
}

.client-sidebar__collapse {
    position: absolute;
    top: 50%;
    right: -14px;
    z-index: 3;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(25, 119, 234, .34);
    border-radius: 9px;
    background: #06101c;
    color: #42a1ff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .34);
    transform: translateY(-50%);
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.client-sidebar__collapse:hover,
.client-sidebar__collapse:focus-visible {
    color: #fff;
    background: #082043;
    border-color: rgba(35, 137, 255, .72);
    outline: none;
    transform: translateY(-50%) scale(1.05);
}

.client-sidebar__collapse i {
    font-size: 1rem;
}

.client-admin-body .client-sidebar__collapse {
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
}

.client-admin-body .client-sidebar__collapse > i {
    width: 1em !important;
    height: 1em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.client-admin-body .client-sidebar__collapse > i::before {
    display: block;
    line-height: 1 !important;
}

.client-sidebar__nav {
    scrollbar-color: #172b45 transparent;
}

.client-sidebar__label,
.client-topbar__eyebrow {
    color: #7891af;
}

.client-admin-body .client-sidebar__link,
.client-admin-body .client-sidebar__group-toggle {
    color: #e6f0fc;
}

.client-admin-body .client-sidebar__sublink {
    color: #c9d9eb;
}

.client-admin-body .client-sidebar__link i,
.client-admin-body .client-sidebar__group-main > i {
    color: #b9d6f5;
}

.client-admin-body .client-sidebar__sublink i {
    color: #a7c3e2;
}

.client-admin-body .client-sidebar__link:hover,
.client-admin-body .client-sidebar__group-toggle:hover,
.client-admin-body .client-sidebar__sublink:hover,
.client-admin-body .client-sidebar__profile-link:hover {
    color: #ffffff;
}

.client-admin-body .client-sidebar__profile-link {
    color: #e8f1fc;
}

.client-admin-body .client-sidebar__profile-text small {
    color: #a9bfd8;
}

.client-sidebar__link:hover,
.client-sidebar__group-toggle:hover,
.client-sidebar__profile-link:hover {
    background: #050f1c !important;
}

.client-sidebar__link.active,
.client-sidebar__group-toggle.active {
    color: #ffffff !important;
    background: var(--client-surface-borderless, #06101c) !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.client-sidebar__sublink.active {
    color: #ffffff !important;
    background: var(--client-surface-borderless, #06101c) !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.client-sidebar__link.active i,
.client-sidebar__group-toggle.active .client-sidebar__group-main > i,
.client-sidebar__sublink.active i {
    color: #b9d6f5 !important;
    filter: none !important;
}

.client-sidebar__footer {
    background: rgba(0, 0, 0, .08);
    border-top-color: rgba(41, 99, 171, .16);
}

.client-topbar {
    background: rgba(1, 4, 10, .97) !important;
    border-bottom-color: rgba(41, 99, 171, .16);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
    backdrop-filter: blur(16px);
}

.client-topbar__menu,
.client-icon-button,
.client-user-button,
.client-online-control {
    background: #040b14 !important;
    border-color: rgba(52, 111, 181, .2) !important;
}

.client-icon-button:hover,
.client-user-button:hover,
.client-user-button:focus,
.client-user-button.show,
.client-online-control:hover {
    background: #071422 !important;
    border-color: rgba(23, 125, 248, .38) !important;
}

.client-page-header {
    border-bottom-color: rgba(111, 151, 200, .12);
}

.client-admin-body .card,
.client-admin-body .widget,
.client-admin-body .box,
.client-admin-body .content-box,
.client-admin-body .nav-panel,
.client-card,
.dashboard-stat-card,
.dashboard-panel,
.statistics-card,
.help-category-card,
.ai-source-summary,
.client-settings-section {
    color: var(--client-text);
    background: #040b14 !important;
    background-image: none !important;
    border-color: var(--client-border) !important;
    box-shadow: none !important;
}

.dashboard-stat-card::after {
    content: none !important;
    display: none !important;
}

.dashboard-setup-guide {
    margin-bottom: 24px;
    border-radius: 19px;
    background: #0c2441;
    box-shadow: 0 20px 55px rgba(0,0,0,.22);
}

.dashboard-setup-guide__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 26px;
    cursor: pointer;
    list-style: none;
}

.dashboard-setup-guide__header::-webkit-details-marker { display: none; }
.dashboard-setup-guide__header::marker { content: ""; }
.dashboard-setup-guide__header > div { min-width: 0; }
.dashboard-setup-guide__kicker { color: #78a8ff; font-size: var(--client-type-caption, .66rem); font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.dashboard-setup-guide__header h2 { margin: 4px 0 0; color: #f4f8ff; font-size: var(--client-type-section, 1.35rem); font-weight: 780; letter-spacing: -.02em; }
.dashboard-setup-guide__header p { max-width: 720px; margin: 7px 0 0; color: #8fa6c2 !important; font-size: var(--client-type-body, .76rem); line-height: 1.5; }
.dashboard-setup-guide__status { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 13px; }
.dashboard-setup-guide__chevron { color: #7694b9; font-size: 1rem; transition: transform .2s ease, color .2s ease; }
.dashboard-setup-guide[open] .dashboard-setup-guide__chevron { color: #a9c4e6; transform: rotate(180deg); }
.dashboard-setup-guide__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 22px; padding: 0 26px 26px; }
.dashboard-setup-guide .dashboard-checklist-section { min-width: 0; margin-top: 0; }
.dashboard-setup-guide .dashboard-checklist-section--extensions { margin-top: 0; padding-top: 0; border-top: 0; }
.dashboard-setup-guide .dashboard-checklist-item,
.dashboard-setup-guide .dashboard-extension-item { background: rgba(2,10,22,.28); }

.dashboard-readiness-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 999px; color: #f0bd79; background: rgba(240,162,75,.09); font-size: var(--client-type-label, .67rem); font-weight: 780; white-space: nowrap; }
.dashboard-readiness-badge.is-ready { color: #70dfbd; background: rgba(45,212,167,.1); }
.dashboard-checklist-section { margin-top: 18px; }
.dashboard-checklist-section--extensions { margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(121,151,190,.12); }
.dashboard-checklist-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.dashboard-checklist-heading > div { min-width: 0; display: flex; flex-direction: column; }
.dashboard-checklist-heading strong { color: #dce8f7; font-size: var(--client-type-label, .76rem); font-weight: 760; }
.dashboard-checklist-heading small { margin-top: 2px; color: #647b97; font-size: var(--client-type-caption, .64rem); line-height: 1.35; }
.dashboard-checklist-heading > span { color: #6f8caf; font-size: var(--client-type-caption, .66rem); font-weight: 800; }
.dashboard-checklist { display: grid; gap: 7px; }
.dashboard-checklist-item { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 11px; min-height: 64px; padding: 10px 12px; border-radius: 12px; color: #dfeaf8 !important; background: rgba(255,255,255,.024); text-decoration: none; transition: background-color .16s ease, transform .16s ease; }
.dashboard-checklist-item:hover { color: #fff !important; background: rgba(79,140,255,.075); transform: translateX(2px); }
.dashboard-checklist-item.is-complete { background: rgba(45,212,167,.045); }
.dashboard-checklist-state { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; color: #89aff8; background: rgba(79,140,255,.1); font-size: var(--client-type-lead, 1.08rem); }
.dashboard-checklist-item.is-complete .dashboard-checklist-state { color: #62ddb8; background: rgba(45,212,167,.11); }
.dashboard-checklist-copy { min-width: 0; display: flex; flex-direction: column; }
.dashboard-checklist-copy strong { color: inherit; font-size: var(--client-type-label, .77rem); font-weight: 760; }
.dashboard-checklist-copy small { overflow: hidden; margin-top: 2px; color: #6f849d !important; font-size: var(--client-type-caption, .65rem); text-overflow: ellipsis; white-space: nowrap; }
.dashboard-checklist-action { display: inline-flex; align-items: center; gap: 5px; color: #7fa8e7; font-size: var(--client-type-caption, .65rem); font-weight: 760; white-space: nowrap; }
.dashboard-checklist-item.is-complete .dashboard-checklist-action { color: #69bda6; }
.dashboard-extension-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 7px; }
.dashboard-extension-item { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 9px; min-height: 57px; padding: 9px 10px; border-radius: 11px; color: #dce7f5 !important; background: rgba(255,255,255,.022); text-decoration: none; transition: background-color .16s ease, transform .16s ease; }
.dashboard-extension-item:hover { color: #fff !important; background: rgba(79,140,255,.07); transform: translateY(-1px); }
.dashboard-extension-item > span { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; color: #80a9f3; background: rgba(79,140,255,.09); font-size: var(--client-type-body, 1rem); }
.dashboard-extension-item.is-complete > span { color: #61d7b3; background: rgba(45,212,167,.1); }
.dashboard-extension-item > div { min-width: 0; display: flex; flex-direction: column; }
.dashboard-extension-item strong { overflow: hidden; color: inherit; font-size: var(--client-type-caption, .7rem); font-weight: 740; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-extension-item small { overflow: hidden; margin-top: 2px; color: #647b96 !important; font-size: var(--client-type-caption, .61rem); text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 767.98px) {
    .dashboard-setup-guide__header { align-items: flex-start; padding: 20px 18px; }
    .dashboard-setup-guide__header p { display: none; }
    .dashboard-setup-guide__status { gap: 9px; }
    .dashboard-setup-guide .dashboard-readiness-badge { max-width: 150px; white-space: normal; }
    .dashboard-setup-guide__grid { grid-template-columns: 1fr; padding: 0 18px 20px; }
    .dashboard-extension-grid { grid-template-columns: 1fr; }
    .dashboard-checklist-action { font-size: 0; }
    .dashboard-checklist-action i { font-size: .9rem; }
}

@media (min-width: 768px) and (max-width: 1399.98px) {
    .dashboard-setup-guide__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

.client-admin-body .card-header,
.client-admin-body .card-footer,
.client-card__header,
.dashboard-panel__header {
    background: #06101b !important;
    border-color: var(--client-border) !important;
}

/* Table pages stay flat on the application background. */
.client-data-card,
.ai-source-table-wrap {
    overflow: visible;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.client-data-card__header {
    padding: 0 0 14px;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(68, 119, 181, .18) !important;
}

.client-data-card__body {
    padding: 16px 0 0;
}

.client-filter-card {
    overflow: visible;
    margin-bottom: 22px;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.client-filter-card .form-control,
.client-filter-card .form-select,
.client-filter-card .select2-container--default .select2-selection--single,
.client-filter-card .select2-container--default .select2-selection--multiple,
.client-filter-card .input-group-text {
    background: var(--client-bg) !important;
}

.client-admin-body .client-table,
.client-admin-body .ai-source-table {
    background: transparent !important;
    border: 0 !important;
    border-collapse: collapse;
}

.client-admin-body .client-table > :not(caption) > * > *,
.client-admin-body .ai-source-table > :not(caption) > * > * {
    background: transparent !important;
    border-width: 0 0 1px !important;
    border-color: rgba(68, 119, 181, .16) !important;
}

.client-admin-body .client-table tbody tr:last-child > *,
.client-admin-body .ai-source-table tbody tr:last-child > * {
    border-bottom: 0 !important;
}

.client-admin-body .table {
    --bs-table-bg: transparent;
    --bs-table-color: #dce7f5;
    --bs-table-border-color: rgba(105, 145, 194, .13);
    --bs-table-striped-color: #e4edf8;
    --bs-table-striped-bg: rgba(75, 126, 189, .07);
    --bs-table-hover-color: #fff;
    --bs-table-hover-bg: rgba(8, 124, 255, .09);
    color: #dce7f5 !important;
}

.client-admin-body .table > :not(caption) > * > * {
    background-color: transparent !important;
    color: inherit;
}

.client-admin-body .table thead th,
.client-admin-body .table thead td {
    color: #9fb4ce !important;
}

.client-admin-body .table tbody th,
.client-admin-body .table tbody td,
.client-admin-body .table tfoot th,
.client-admin-body .table tfoot td {
    color: #d5e1ef !important;
}

.client-admin-body .table tbody td small,
.client-admin-body .table tbody td .text-muted,
.client-admin-body .table tbody td [class*="text-gray-"] {
    color: #93a9c3 !important;
}

.client-admin-body .table a:not(.btn) {
    color: #8db8ff !important;
}

.client-admin-body .table a:not(.btn):hover {
    color: #c4dbff !important;
}

.client-admin-body .table-hover > tbody > tr:hover > *,
.client-admin-body .tr-highlight td {
    --bs-table-accent-bg: rgba(8, 124, 255, .08);
    background: rgba(8, 124, 255, .08) !important;
    color: #fff !important;
}

/* Keep content lists readable without changing menus, tabs or pagination. */
.client-admin-main .main-body ul:not(.dropdown-menu):not(.pagination):not(.nav):not(.navbar-nav):not(.list-group),
.client-admin-main .main-body ol:not(.breadcrumb) {
    color: #c5d3e4;
}

.client-admin-main .main-body ul:not(.dropdown-menu):not(.pagination):not(.nav):not(.navbar-nav):not(.list-group) > li,
.client-admin-main .main-body ol:not(.breadcrumb) > li {
    color: inherit;
}

.client-admin-main .main-body ul:not(.dropdown-menu):not(.pagination):not(.nav):not(.navbar-nav):not(.list-group) > li::marker,
.client-admin-main .main-body ol:not(.breadcrumb) > li::marker {
    color: #75a7f5;
}

.client-admin-main .main-body ul:not(.dropdown-menu):not(.pagination):not(.nav):not(.navbar-nav):not(.list-group) a:not(.btn),
.client-admin-main .main-body ol:not(.breadcrumb) a:not(.btn) {
    color: #8db8ff;
}

.client-admin-main .main-body .list-group-item {
    color: #d1deed !important;
}

.client-admin-main .main-body .list-group-item small,
.client-admin-main .main-body .list-group-item .text-muted {
    color: #96abc3 !important;
}

.client-admin-body .btn-primary,
.client-admin-body .btn--primary,
.client-admin-body .btn-success {
    background: #0767ed !important;
    background-image: none !important;
    border-color: #147cff !important;
    box-shadow: 0 10px 24px rgba(0, 91, 224, .2) !important;
}

.client-admin-body .btn-primary:hover,
.client-admin-body .btn-primary:focus,
.client-admin-body .btn--primary:hover,
.client-admin-body .btn-success:hover {
    background: #0c78ff !important;
    border-color: #2992ff !important;
}

.client-admin-body a,
.client-admin-body .btn-outline-primary {
    color: #389dff;
}

.client-admin-body .btn-outline-primary {
    border-color: rgba(34, 146, 255, .58);
}

.client-admin-body .btn-outline-primary:hover {
    color: #fff;
    background: #0767ed;
    border-color: #147cff;
}

.client-admin-body .form-control,
.client-admin-body .form-select,
.client-admin-body textarea,
.client-admin-body select,
.client-admin-body .select2-container--default .select2-selection--single,
.client-admin-body .select2-container--default .select2-selection--multiple,
.client-admin-body .input-group-text {
    color: #e4edf9;
    background-color: #020914 !important;
    border-color: rgba(49, 112, 188, .24) !important;
}

.client-admin-body .form-control:focus,
.client-admin-body .form-select:focus,
.client-admin-body textarea:focus,
.client-admin-body .select2-container--focus .select2-selection--single,
.client-admin-body .select2-container--open .select2-selection--single {
    background-color: #04101d !important;
    border-color: #087cff !important;
}

.client-admin-body .form-control:disabled,
.client-admin-body .form-control[readonly] {
    background: #02070e !important;
}

/* Select2 owns the outer field border; its internal renderer/search stays borderless. */
.client-admin-body .select2-container--default .select2-selection__rendered,
.client-admin-body .select2-container--default .select2-selection--single .select2-selection__rendered,
.client-admin-body .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.client-admin-body .select2-container--default .select2-selection--multiple .select2-search--inline,
.client-admin-body .select2-container--default .select2-selection--multiple .select2-search__field {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-search__field {
    min-height: 30px;
    margin: 0 !important;
    padding: 0 !important;
    color: #e4edf9 !important;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-search__field:focus {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.client-admin-body .dropdown-menu,
.client-admin-body .client-dropdown,
.client-admin-body .modal-content,
.client-notifications .notifications-popup,
#notifications .notifications-popup,
.select2-dropdown {
    color: var(--client-text);
    background: #040c17 !important;
    border-color: rgba(45, 114, 197, .27) !important;
}

.client-admin-body .dropdown-item:hover,
.client-admin-body .dropdown-item:focus,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(8, 124, 255, .16) !important;
}

.client-admin-body .list-group-item,
.client-admin-body .accordion-item,
.client-admin-body .accordion-button,
.client-admin-body .nav-tabs .nav-link,
.client-admin-body .pagination .page-link {
    color: #aebfd3;
    background: #040b14;
    border-color: var(--client-border);
}

.client-admin-body .accordion-button:not(.collapsed),
.client-admin-body .nav-tabs .nav-link.active,
.client-admin-body .pagination .page-item.active .page-link {
    color: #fff;
    background: rgba(0, 91, 224, .2);
    border-color: rgba(8, 124, 255, .42);
}

/* Edge-to-edge live support workspaces use the same darker depth scale. */
.client-action-chats .chat-page,
.client-action-ticket .ticket-page {
    background: var(--client-bg) !important;
}

.client-action-chats .chat-list-panel,
.client-action-chats .chat-details-panel,
.client-action-ticket .ticket-panel,
.client-action-ticket .ticket-sidebar,
.client-action-ticket .ticket-main,
.client-action-ticket .ticket-actions-panel {
    background: #040b14 !important;
    background-image: none !important;
    border-color: var(--client-border) !important;
    box-shadow: none !important;
}

.client-action-chats .chat-panel-header,
.client-action-ticket .ticket-panel-header,
.client-action-ticket .ticket-main-header,
.client-action-ticket .trumbowyg-button-pane {
    background: #06101b !important;
    border-color: var(--client-border) !important;
}

.client-action-chats .chat-search-wrap,
.client-action-chats .chat-search,
.client-action-chats .message-input-wrap,
.client-action-chats .chat-detail-card,
.client-action-chats .chat-icon-button,
.client-action-chats .chat-select,
.client-action-ticket .ticket-sidebar-body,
.client-action-ticket .ticket-actions-body,
.client-action-ticket #chat-details-body,
.client-action-ticket .trumbowyg-box,
.client-action-ticket .trumbowyg-editor,
.client-action-ticket .trumbowyg-textarea,
.client-action-ticket .ticket-select,
.client-action-ticket .ticket-actions-card .form-control {
    background: #020914 !important;
    border-color: rgba(48, 109, 183, .22) !important;
}

.client-action-chats .chat-message-row.user .chat-message-bubble,
.client-action-ticket #messages > .message,
.client-action-ticket .ticket-action-button,
.client-action-chats .chat-secondary-button {
    background: #061321 !important;
    border-color: rgba(47, 109, 183, .2) !important;
}

.client-action-chats .chat-list-item.active {
    padding-left: 15px !important;
    background: var(--client-surface-borderless, #06101c) !important;
    background-image: none !important;
    border-left-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.client-action-chats .chat-list-item:focus,
.client-action-chats .chat-list-item:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}

.client-action-chats .chat-avatar {
    background: var(--client-surface-borderless, #06101c) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.client-action-ticket .ticket-messages-wrap,
.client-action-ticket #messages {
    background: transparent !important;
    background-image: none !important;
}

/* Ticket detail follows the same edge-to-edge workspace geometry as live chats. */
.client-action-ticket .ticket-page {
    padding: 0 !important;
}

.client-action-ticket .ticket-workspace {
    gap: 0 !important;
}

.client-action-ticket .ticket-sidebar {
    margin: 0 !important;
    border: 0 !important;
    border-right: 1px solid var(--client-border) !important;
    border-radius: 0 !important;
}

.client-action-ticket .ticket-main {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--client-bg) !important;
    background-image: none !important;
}

.client-action-ticket .ticket-actions-panel {
    margin: 14px !important;
}

.client-action-ticket .ticket-main-header {
    padding: 12px 22px !important;
    background: var(--client-bg) !important;
    background-image: none !important;
    backdrop-filter: none !important;
}

.client-action-ticket .ticket-composer {
    padding: 14px 22px 16px !important;
    background: var(--client-bg) !important;
    background-image: none !important;
    backdrop-filter: none !important;
}

.client-action-ticket .ticket-messages-wrap,
.client-action-ticket #messages {
    background: var(--client-bg) !important;
    background-image: none !important;
}

@media (min-width: 1200px) {
    .client-topbar__menu {
        display: none !important;
    }

    html.client-sidebar-is-collapsed .client-sidebar__brand {
        padding-right: 18px;
        padding-left: 18px;
    }

    html.client-sidebar-is-collapsed .client-sidebar__logo {
        width: 42px;
        justify-content: center;
        overflow: visible;
    }

    html.client-sidebar-is-collapsed .client-sidebar__logo-full {
        display: none;
    }

    html.client-sidebar-is-collapsed .client-sidebar__logo-small {
        display: block;
    }
}

@media (max-width: 1199.98px) {
    .client-topbar__menu {
        display: inline-flex !important;
    }
}

/* =========================================================
   Borderless client content system
   The sidebar intentionally keeps its own navigation styling.
   ========================================================= */
.client-admin-body {
    --client-field: #142034;
    --client-field-hover: #18263c;
    --client-field-focus: #1a2a42;
    --client-surface-borderless: #06101c;
    --client-surface-borderless-raised: #091525;
}

/* Topbar belongs to the work area, not to the sidebar. */
.client-admin-main .client-topbar__menu,
.client-admin-main .client-icon-button,
.client-admin-main .client-user-button,
.client-admin-main .client-online-control {
    background: #07111e !important;
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .client-topbar__menu:hover,
.client-admin-main .client-icon-button:hover,
.client-admin-main .client-user-button:hover,
.client-admin-main .client-user-button:focus,
.client-admin-main .client-user-button.show,
.client-admin-main .client-online-control:hover {
    background: #0c192a !important;
    border: 0 !important;
}

/* Fields use filled surfaces for depth instead of outlines. */
.client-admin-main .main-body .form-control,
.client-admin-main .main-body .form-select,
.client-admin-main .main-body textarea,
.client-admin-main .main-body select,
.client-admin-main .main-body .input-group-text,
.client-admin-main .main-body .select2-container--default .select2-selection--single,
.client-admin-main .main-body .select2-container--default .select2-selection--multiple,
.client-admin-main .main-body .chat-search,
.client-admin-main .main-body .chat-select,
.client-admin-main .main-body .ticket-select {
    color: #eef4fc !important;
    background: var(--client-field) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 11px !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body input.form-control,
.client-admin-main .main-body select.form-select,
.client-admin-main .main-body .select2-container--default .select2-selection--single {
    min-height: 48px;
}

.client-admin-main .main-body .select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: 48px;
    padding-top: 9px;
    padding-bottom: 9px;
    line-height: 30px;
}

.client-admin-main .main-body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

.client-admin-main .main-body .form-control::placeholder,
.client-admin-main .main-body textarea::placeholder,
.client-admin-main .main-body .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #8c9bb0 !important;
    opacity: 1;
}

.client-admin-main .main-body .form-control:hover,
.client-admin-main .main-body .form-select:hover,
.client-admin-main .main-body textarea:hover,
.client-admin-main .main-body select:hover,
.client-admin-main .main-body .select2-container--default .select2-selection--single:hover,
.client-admin-main .main-body .select2-container--default .select2-selection--multiple:hover {
    background: var(--client-field-hover) !important;
    border: 0 !important;
}

.client-admin-main .main-body .form-control:focus,
.client-admin-main .main-body .form-select:focus,
.client-admin-main .main-body textarea:focus,
.client-admin-main .main-body select:focus,
.client-admin-main .main-body .select2-container--focus .select2-selection--single,
.client-admin-main .main-body .select2-container--focus .select2-selection--multiple,
.client-admin-main .main-body .select2-container--open .select2-selection--single,
.client-admin-main .main-body .select2-container--open .select2-selection--multiple {
    background: var(--client-field-focus) !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(38, 139, 255, .13) !important;
}

.client-admin-main .main-body .form-control:disabled,
.client-admin-main .main-body .form-control[readonly],
.client-admin-main .main-body .form-select:disabled,
.client-admin-main .main-body select:disabled {
    color: #77879c !important;
    background: #0b1421 !important;
    border: 0 !important;
    opacity: 1;
}

.client-admin-main .main-body .input-group {
    border: 0 !important;
    border-radius: 11px;
    box-shadow: none !important;
}

.client-admin-main .main-body .input-group > :not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.client-admin-main .main-body .input-group > :not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Cards remain visually grouped through filled surfaces only. */
.client-admin-main .main-body .card,
.client-admin-main .main-body .widget,
.client-admin-main .main-body .box,
.client-admin-main .main-body .content-box,
.client-admin-main .main-body .nav-panel,
.client-admin-main .main-body .client-card,
.client-admin-main .main-body .dashboard-stat-card,
.client-admin-main .main-body .dashboard-panel,
.client-admin-main .main-body .statistics-card,
.client-admin-main .main-body .help-category-card,
.client-admin-main .main-body .ai-source-summary,
.client-admin-main .main-body .client-settings-section,
.client-admin-main .main-body .subscription-plan-card,
.client-admin-main .main-body .subscription-summary__item,
.client-admin-main .main-body .subscription-item,
.client-admin-main .main-body .api-key-panel,
.client-admin-main .main-body .registration-step,
.client-admin-main .main-body .ai-source-widget-option,
.client-admin-main .main-body .form-images-preview,
.client-admin-main .main-body .chat-detail-card,
.client-admin-main .main-body .ticket-actions-card,
.client-admin-main .main-body .client-info-panel,
.client-admin-main .main-body .client-empty-state {
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .card:not(.client-form-card),
.client-admin-main .main-body .client-card:not(.client-form-card),
.client-admin-main .main-body .dashboard-stat-card,
.client-admin-main .main-body .dashboard-panel,
.client-admin-main .main-body .statistics-card,
.client-admin-main .main-body .help-category-card,
.client-admin-main .main-body .ai-source-summary,
.client-admin-main .main-body .client-settings-section,
.client-admin-main .main-body .subscription-plan-card,
.client-admin-main .main-body .subscription-summary__item,
.client-admin-main .main-body .subscription-item,
.client-admin-main .main-body .api-key-panel,
.client-admin-main .main-body .registration-step,
.client-admin-main .main-body .ai-source-widget-option,
.client-admin-main .main-body .form-images-preview,
.client-admin-main .main-body .chat-detail-card,
.client-admin-main .main-body .ticket-actions-card {
    background: var(--client-surface-borderless) !important;
    background-image: none !important;
}

.client-admin-main .main-body .client-form-card,
.client-admin-main .main-body .client-filter-card,
.client-admin-main .main-body .client-data-card,
.client-admin-main .main-body .ai-source-table-wrap,
.client-admin-main .main-body .ai-qa-table-wrap {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .dashboard-stat-card[href]:hover,
.client-admin-main .main-body .help-category-card:hover,
.client-admin-main .main-body .subscription-plan-card:hover {
    background: var(--client-surface-borderless-raised) !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Static component borders are removed; section and table separators stay. */
.client-admin-main .main-body .btn,
.client-admin-main .main-body button,
.client-admin-main .main-body .client-icon-button,
.client-admin-main .main-body .chat-icon-button,
.client-admin-main .main-body .ticket-action-button,
.client-admin-main .main-body .chat-secondary-button,
.client-admin-main .main-body .copy-text,
.client-admin-main .main-body .copy-text button,
.client-admin-main .main-body .badge,
.client-admin-main .main-body .dashboard-panel-badge,
.client-admin-main .main-body .select2-selection__choice {
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .btn-primary,
.client-admin-main .main-body .btn--primary,
.client-admin-main .main-body .btn-success {
    color: #fff !important;
    background: #0875ee !important;
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .btn-primary:hover,
.client-admin-main .main-body .btn--primary:hover,
.client-admin-main .main-body .btn-success:hover {
    background: #1689ff !important;
}

.client-admin-main .main-body .btn-secondary,
.client-admin-main .main-body .btn-light,
.client-admin-main .main-body .btn-dark,
.client-admin-main .main-body .btn-border,
.client-admin-main .main-body .btn-outline-primary,
.client-admin-main .main-body .btn-outline-secondary {
    color: #dbe9fa !important;
    background: var(--client-field) !important;
    border: 0 !important;
}

.client-admin-main .main-body .btn-secondary:hover,
.client-admin-main .main-body .btn-light:hover,
.client-admin-main .main-body .btn-dark:hover,
.client-admin-main .main-body .btn-border:hover,
.client-admin-main .main-body .btn-outline-primary:hover,
.client-admin-main .main-body .btn-outline-secondary:hover {
    color: #fff !important;
    background: #1a2a42 !important;
}

.client-admin-main .main-body .btn-danger,
.client-admin-main .main-body .btn-outline-danger {
    color: #ff9cad !important;
    background: rgba(238, 69, 97, .14) !important;
    border: 0 !important;
}

.client-admin-main .main-body .btn-danger:hover,
.client-admin-main .main-body .btn-outline-danger:hover {
    color: #fff !important;
    background: rgba(238, 69, 97, .28) !important;
}

.client-admin-main .main-body .client-form-section__icon,
.client-admin-main .main-body .dashboard-stat-icon,
.client-admin-main .main-body .help-category-card__icon,
.client-admin-main .main-body .ai-source-summary__icon,
.client-admin-main .main-body .ai-source-type-icon,
.client-admin-main .main-body .theme-icon,
.client-admin-main .main-body .client-page-icon {
    background: #111f31 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Select2 popup and its search field follow the same borderless field language. */
.client-admin-body .select2-dropdown,
.client-admin-body .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-body .select2-dropdown {
    background: #07111e !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .32) !important;
}

.client-admin-body .select2-container--default .select2-search--dropdown .select2-search__field {
    color: #eef4fc !important;
    background: var(--client-field) !important;
    border-radius: 9px !important;
    outline: 0 !important;
}

/* Rich text inputs are one filled control, including the toolbar. */
.client-admin-main .main-body .trumbowyg-box,
.client-admin-main .main-body .trumbowyg-editor-box {
    overflow: hidden;
    color: #eef4fc !important;
    background: var(--client-field) !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .trumbowyg-box:focus-within {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(38, 139, 255, .13) !important;
}

.client-admin-main .main-body .trumbowyg-button-pane {
    min-height: 48px;
    padding: 6px 9px !important;
    gap: 2px;
    background: #0f1a2b !important;
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .trumbowyg-button-pane::before,
.client-admin-main .main-body .trumbowyg-button-pane::after,
.client-admin-main .main-body .trumbowyg-button-pane .trumbowyg-button-group::after {
    content: none !important;
    display: none !important;
}

.client-admin-main .main-body .trumbowyg-button-pane .trumbowyg-button-group {
    gap: 2px;
}

.client-admin-main .main-body .trumbowyg-button-pane button {
    width: 34px;
    height: 34px;
    margin: 1px 0 !important;
    padding: 0 8px !important;
    color: #b9d6f5 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    outline: 0 !important;
    box-shadow: none !important;
    opacity: .9;
}

.client-admin-main .main-body .trumbowyg-box svg,
.client-admin-main .main-body .trumbowyg-button-pane button svg {
    color: #b9d6f5 !important;
    fill: #b9d6f5 !important;
    opacity: 1;
}

.client-admin-main .main-body .trumbowyg-button-pane .trumbowyg-fullscreen-button svg,
.client-admin-main .main-body .trumbowyg-fullscreen .trumbowyg-fullscreen-button svg {
    color: #b9d6f5 !important;
    fill: transparent !important;
    stroke: #b9d6f5 !important;
}

.client-admin-main .main-body .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    border-top-color: #7f9fbe !important;
}

.client-admin-main .main-body .trumbowyg-button-pane button:hover,
.client-admin-main .main-body .trumbowyg-button-pane button:focus,
.client-admin-main .main-body .trumbowyg-button-pane button.trumbowyg-active {
    color: #ffffff !important;
    background: #192a42 !important;
    outline: 0 !important;
    opacity: 1;
}

.client-admin-main .main-body .trumbowyg-button-pane button:hover svg,
.client-admin-main .main-body .trumbowyg-button-pane button:focus svg,
.client-admin-main .main-body .trumbowyg-button-pane button.trumbowyg-active svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.client-admin-main .main-body .trumbowyg-button-pane button.trumbowyg-disable {
    opacity: .32;
}

.client-admin-main .main-body .trumbowyg-editor,
.client-admin-main .main-body .trumbowyg-textarea {
    color: #eef4fc !important;
    background: var(--client-field) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .trumbowyg-editor[contenteditable="true"]:empty:not(:focus)::before,
.client-admin-main .main-body .trumbowyg-editor-box[contenteditable="true"]:empty:not(:focus)::before {
    color: #8c9bb0 !important;
}

.client-admin-main .main-body .trumbowyg-dropdown {
    color: #dbe7f6 !important;
    background: #0f1a2b !important;
    border: 0 !important;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .32) !important;
}

.client-admin-main .main-body .trumbowyg-dropdown button {
    color: #dbe7f6 !important;
    background: transparent !important;
    border: 0 !important;
}

.client-admin-main .main-body .trumbowyg-dropdown button:hover,
.client-admin-main .main-body .trumbowyg-dropdown button:focus {
    color: #fff !important;
    background: #192a42 !important;
}

/* Overlays and secondary navigation also avoid outlined boxes. */
.client-admin-body .dropdown-menu,
.client-admin-body .client-dropdown,
.client-admin-body .modal-content,
.client-notifications .notifications-popup,
#notifications .notifications-popup,
.client-admin-main .main-body .list-group-item,
.client-admin-main .main-body .accordion-item,
.client-admin-main .main-body .accordion-button,
.client-admin-main .main-body .nav-tabs,
.client-admin-main .main-body .nav-tabs .nav-link,
.client-admin-main .main-body .pagination .page-link,
.client-admin-body .flatpickr-calendar {
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .accordion-item,
.client-admin-main .main-body .accordion-button,
.client-admin-main .main-body .list-group-item,
.client-admin-main .main-body .pagination .page-link {
    background: var(--client-surface-borderless) !important;
}

.client-admin-main .main-body .accordion-button:not(.collapsed),
.client-admin-main .main-body .nav-tabs .nav-link.active,
.client-admin-main .main-body .pagination .page-item.active .page-link {
    color: #fff !important;
    background: rgba(8, 117, 238, .2) !important;
    border: 0 !important;
}

/* Live chat and ticket workspaces are also content, so their panels stay flat. */
.client-action-chats .chat-list-panel,
.client-action-chats .chat-details-panel,
.client-action-ticket .ticket-panel,
.client-action-ticket .ticket-sidebar,
.client-action-ticket .ticket-main,
.client-action-ticket .ticket-actions-panel,
.client-action-chats .chat-search-wrap,
.client-action-chats .message-input-wrap,
.client-action-chats .chat-detail-card,
.client-action-chats .chat-icon-button,
.client-action-ticket .ticket-sidebar-body,
.client-action-ticket .ticket-actions-body,
.client-action-ticket #chat-details-body,
.client-action-ticket .ticket-action-button,
.client-action-chats .chat-secondary-button {
    border: 0 !important;
    box-shadow: none !important;
}

/* Catch component variants used by individual client views. */
.client-admin-main .main-body [class*="-card"],
.client-admin-main .main-body [class*="__card"],
.client-admin-main .main-body [class*="-panel"],
.client-admin-main .main-body [class*="__panel"],
.client-admin-main .main-body [class*="-icon"],
.client-admin-main .main-body [class*="__icon"],
.client-admin-main .main-body .reply-action,
.client-admin-main .main-body .tickets-tabs a,
.client-admin-main .main-body .message-attachments a,
.client-admin-main .main-body .client-list-status,
.client-admin-main .main-body .client-list-details,
.client-admin-main .main-body .client-code-block,
.client-admin-main .main-body .archive-message,
.client-admin-main .main-body .archive-message-translation,
.client-admin-main .main-body .ticket-message,
.client-admin-main .main-body .ticket-message__avatar,
.client-admin-main .main-body .ticket-message .message-body > div,
.client-admin-main .main-body .widget-settings-card .accordion,
.client-admin-main .main-body .widget-settings-card .c-file-input-btn,
.client-admin-main .main-body .ai-source-widget-option__language,
.client-admin-main .main-body .ai-source-stat-grid,
.client-admin-main .main-body .ai-qa-translation-empty,
.client-admin-main .main-body .ai-qa-language-badge,
.client-admin-main .main-body .alert {
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .form-check-input,
.client-admin-main .main-body .flatpickr-day,
.client-admin-main .main-body .help-article-content pre,
.client-admin-main .main-body .help-article-content img,
.client-notifications .notifications-items > div,
.client-notifications .notifications-empty,
.client-admin-body .modal-header,
.client-admin-body .modal-footer {
    border: 0 !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .form-check-input {
    background-color: var(--client-field) !important;
}

.client-admin-main .main-body .form-check-input:checked {
    background-color: #0875ee !important;
}

.client-admin-main .main-body .dashboard-quick-card,
.client-admin-main .main-body .client-list-details,
.client-admin-main .main-body .archive-message,
.client-admin-main .main-body .ai-qa-language-panel {
    background-image: none !important;
}

/* Keep only structural separators: rows and transitions between major sections. */
.client-admin-main .main-body .client-form-section + .client-form-section,
.client-admin-main .main-body .ai-source-form-section,
.client-admin-main .main-body .client-form-actions {
    border-right: 0 !important;
    border-bottom-color: rgba(68, 119, 181, .16) !important;
    border-left: 0 !important;
}

.client-admin-main .main-body .client-form-section + .client-form-section,
.client-admin-main .main-body .client-form-actions {
    border-top: 1px solid rgba(68, 119, 181, .16) !important;
    border-bottom: 0 !important;
}

.client-admin-main .main-body .ai-source-form-section {
    border-top: 0 !important;
    border-bottom: 1px solid rgba(68, 119, 181, .16) !important;
}

.select2-flag-option {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    vertical-align: middle;
}

.select2-flag-option__copy {
    display: inline-flex;
    min-width: 0;
    align-items: baseline;
    gap: 6px;
}

.select2-flag-option__image {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 50%;
    object-fit: cover;
}

.select2-flag-option__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-flag-option__secondary {
    flex: 0 0 auto;
    color: #7187a3;
    font-size: var(--client-type-caption, .78em);
}

.select2-flag-dropdown .select2-results__option {
    display: flex;
    min-height: 38px;
    align-items: center;
}

/* One consistent dark Select2 surface across all client pages. */
.client-admin-body .select2-container {
    width: 100% !important;
}

.client-admin-body .select2-container--default .select2-selection--single {
    min-height: 48px;
    padding: 0 !important;
    color: #edf4ff !important;
    background: var(--client-field, #0b192b) !important;
    border: 0 !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}

.client-admin-body .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex;
    min-height: 48px;
    align-items: center;
    padding: 0 42px 0 15px !important;
    color: #edf4ff !important;
    line-height: 1.25 !important;
}

.client-admin-body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 10px;
    width: 26px;
    height: 48px;
}

.client-admin-body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -4px;
    border-top-color: #7890ad;
}

.client-admin-body .select2-container--open .select2-selection--single {
    background: var(--client-field-focus, #10223a) !important;
    box-shadow: 0 0 0 3px rgba(38, 139, 255, .13) !important;
}

.client-admin-body .select2-dropdown {
    overflow: hidden;
    margin-top: 6px;
    color: #dce8f7 !important;
    background: #06111f !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .38) !important;
}

.client-admin-body .select2-search--dropdown {
    padding: 9px !important;
}

.client-admin-body .select2-container--default .select2-search--dropdown .select2-search__field {
    min-height: 40px;
    padding: 8px 11px;
    color: #edf4ff !important;
    background: #0b192b !important;
    border: 0 !important;
    border-radius: 9px !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.client-admin-body .select2-results__options {
    padding: 4px 6px 7px;
    scrollbar-color: #526985 transparent;
    scrollbar-width: thin;
}

.client-admin-body .select2-container--default .select2-results__option {
    min-height: 42px;
    margin: 2px 0;
    padding: 9px 11px;
    color: #cbd9ea !important;
    background: transparent !important;
    border-radius: 8px;
}

.client-admin-body .select2-container--default .select2-results__option--selected,
.client-admin-body .select2-container--default .select2-results__option[aria-selected="true"] {
    color: #dceaff !important;
    background: rgba(8, 124, 255, .14) !important;
}

.client-admin-body .select2-container--default .select2-results__option--highlighted,
.client-admin-body .select2-container--default .select2-results__option--highlighted[aria-selected],
.client-admin-body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: #fff !important;
    background: #0875ee !important;
}

.client-admin-body .select2-container--default .select2-results__option--highlighted .select2-flag-option__secondary,
.client-admin-body .select2-container--default .select2-results__option--selected .select2-flag-option__secondary {
    color: #bcd3f2;
}

/* Ticket actions mirror the right-side chat details panel. */
.client-action-ticket .ticket-actions-panel {
    flex-basis: 310px;
    margin: 14px !important;
    border-radius: 16px !important;
    background: #040b14 !important;
    background-image: none !important;
}

.client-action-ticket .ticket-actions-panel .ticket-panel-header {
    min-height: 72px;
    padding: 14px 16px;
    background: #06101b !important;
    border-bottom: 1px solid var(--client-border) !important;
}

.client-action-ticket .ticket-actions-body,
.client-action-ticket #chat-details-body {
    padding: 15px !important;
    background: rgba(7, 17, 31, .28) !important;
}

.client-action-ticket .ticket-actions-card {
    overflow: hidden;
    padding: 0 !important;
    border-radius: 15px !important;
    background: var(--client-surface-borderless, #06101c) !important;
}

.client-action-ticket .ticket-actions-card > form {
    padding: 13px !important;
}

.client-action-ticket .ticket-status-form .form-label {
    margin-bottom: 7px;
    color: #7b94b3;
    font-size: var(--client-type-label, .65rem);
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.client-action-ticket .ticket-actions-card hr {
    margin: 0 !important;
    border-color: var(--client-border) !important;
}

.client-action-ticket .ticket-actions-card > .ticket-action-button {
    min-height: 56px;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.client-action-ticket .ticket-actions-card > .ticket-action-button + .ticket-action-button {
    border-top: 1px solid var(--client-border) !important;
}

.client-action-ticket .ticket-actions-card > .ticket-spam-button {
    color: #ff9cab !important;
    background: rgba(251, 113, 133, .035) !important;
}

/* euro.reviews legacy client views inside the Euro Support shell */
.client-admin-body .bg-white,
.client-admin-body .dark-card,
.client-admin-body .shop-card,
.client-admin-body .group-card,
.client-admin-body .review,
.client-admin-body .invitation,
.client-admin-body .reviews-panel,
.client-admin-body .client-zone-menu,
.client-admin-body .nav-panel {
    color: var(--client-text) !important;
    background: #040b14 !important;
    background-image: none !important;
    border-color: var(--client-border) !important;
    box-shadow: none !important;
}

.client-admin-body .shop-card,
.client-admin-body .group-card,
.client-admin-body .dark-card,
.client-admin-body .bg-white.rounded-4 {
    border: 0 !important;
}

.client-admin-body .shop-card:hover,
.client-admin-body .group-card:hover {
    background: #071321 !important;
    border-color: transparent !important;
}

.client-admin-body .text-black,
.client-admin-body .text-dark,
.client-admin-body .text-gray-900,
.client-admin-body .text-gray-800,
.client-admin-body .text-gray-700 {
    color: #e8f1fc !important;
}

.client-admin-body .text-gray-600,
.client-admin-body .text-gray-500,
.client-admin-body .text-gray-400 {
    color: #8498b2 !important;
}

.client-admin-body hr,
.client-admin-body .line,
.client-admin-body .border,
.client-admin-body .border-top,
.client-admin-body .border-bottom {
    border-color: var(--client-border) !important;
}

.client-admin-body .reviews-panel { border-right: 0 !important; }

.client-admin-body .reviews-panel-header,
.client-admin-body .client-zone-menu {
    background: #06101b !important;
    border-color: var(--client-border) !important;
}

.client-admin-body .review-list-wrapper,
.client-admin-body .review-content-wrapper {
    scrollbar-color: #1b395c transparent;
}

.client-admin-body .review-list-wrapper .review,
.client-admin-body .review-list-wrapper [class*="review-"] {
    border-color: transparent !important;
}

.client-admin-body .offcanvas,
.client-admin-body .modal-content,
.client-admin-body .dropdown-menu {
    color: #e8f1fc;
    background: #06101b !important;
    border-color: var(--client-border) !important;
}

.client-admin-body .dropdown-item {
    color: #cad9eb;
}

.client-admin-body .dropdown-item:hover,
.client-admin-body .dropdown-item:focus {
    color: #fff;
    background: #0b1a2c;
}

.client-admin-body .accordion-item,
.client-admin-body .accordion-button {
    color: #e7f0fb !important;
    background: #06101b !important;
    border-color: transparent !important;
}

.client-admin-body .main-body {
    min-height: calc(100vh - 72px);
}

/* Legacy form wrappers must sit directly on the application background. */
.client-admin-main .main-body .bg-white:has(form),
.client-admin-main .main-body .dark-card:has(form),
.client-admin-main .main-body .content-box:has(form) {
    overflow: visible !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Euro Support uses filled surfaces instead of outlines for internal objects. */
.client-admin-main .main-body .bg-white,
.client-admin-main .main-body .dark-card,
.client-admin-main .main-body .shop-card,
.client-admin-main .main-body .group-card,
.client-admin-main .main-body .review,
.client-admin-main .main-body .invitation,
.client-admin-main .main-body .reviews-panel,
.client-admin-main .main-body .review-content-wrapper,
.client-admin-main .main-body .client-zone-menu,
.client-admin-main .main-body .nav-panel,
.client-admin-main .main-body .accordion,
.client-admin-main .main-body .accordion-item,
.client-admin-main .main-body .accordion-button,
.client-admin-main .main-body .border {
    border: 0 !important;
    box-shadow: none !important;
}

/* Euro Reviews dashboard, aligned with the Euro Support client experience. */
.reviews-dashboard-stat {
    min-height: 154px;
}

.reviews-dashboard-stat__rating {
    color: #ffd76a;
    background: rgba(245, 184, 75, .12);
}

.dashboard-credit-panel .dashboard-usage-grid {
    grid-template-columns: minmax(210px, .72fr) minmax(320px, 1.28fr);
}

.dashboard-credit-panel .dashboard-chart {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard-panel-badge--warning {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #f6c77f;
    background: rgba(240, 162, 75, .1);
}

.dashboard-credit-panel .dashboard-usage-note a {
    color: #8db3ff;
    font-weight: 700;
    text-decoration: none;
}

.dashboard-credit-panel .dashboard-usage-note a:hover {
    color: #c8dbff;
}

.reviews-dashboard-list,
.reviews-dashboard-groups {
    display: grid;
    gap: 9px;
}

.reviews-dashboard-item {
    display: grid;
    grid-template-columns: 44px minmax(140px, 1fr) auto auto auto 18px;
    align-items: center;
    gap: 13px;
    min-height: 72px;
    padding: 11px 13px;
    border: 0;
    border-radius: 13px;
    color: #dce8f7 !important;
    background: rgba(255, 255, 255, .018);
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.reviews-dashboard-item:hover {
    color: #fff !important;
    background: rgba(79, 140, 255, .065);
    border-color: transparent;
    transform: translateY(-1px);
}

.reviews-dashboard-item__flag {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #081423;
}

.reviews-dashboard-item__flag img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.reviews-dashboard-item__main,
.reviews-dashboard-item__reviews {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.reviews-dashboard-item__main strong {
    overflow: hidden;
    color: #f0f6ff;
    font-size: var(--client-type-label, .84rem);
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reviews-dashboard-item__main small,
.reviews-dashboard-item__reviews small {
    margin-top: 3px;
    color: #6f849e;
    font-size: var(--client-type-caption, .66rem);
}

.reviews-dashboard-item__reviews {
    text-align: right;
}

.reviews-dashboard-item__reviews strong {
    color: #dce8f7;
    font-size: var(--client-type-label, .8rem);
}

.reviews-dashboard-rating {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px;
    border-radius: 999px;
    color: #ffd76a;
    background: rgba(245, 184, 75, .08);
    font-size: var(--client-type-caption, .72rem);
    font-weight: 800;
    white-space: nowrap;
}

.reviews-dashboard-item__arrow {
    color: #526c8d;
    transition: color .16s ease, transform .16s ease;
}

.reviews-dashboard-item:hover .reviews-dashboard-item__arrow {
    color: #86adff;
    transform: translateX(2px);
}

.reviews-dashboard-panel-link {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 9px;
    color: #8db3ff;
    background: rgba(79, 140, 255, .08);
    text-decoration: none;
}

.reviews-dashboard-panel-link:hover {
    color: #fff;
    border-color: transparent;
    background: rgba(79, 140, 255, .15);
}

.reviews-dashboard-group {
    grid-template-columns: 40px minmax(0, 1fr) auto;
}

.reviews-dashboard-group > .reviews-dashboard-rating {
    width: auto;
    height: auto;
    color: #ffd76a;
    background: rgba(245, 184, 75, .08);
    font-size: var(--client-type-caption, .7rem);
}

.reviews-dashboard-tools {
    grid-template-columns: 1fr;
}

.reviews-dashboard .dashboard-usage-metric {
    background: var(--client-bg) !important;
    background-image: none !important;
}

.reviews-dashboard-empty {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px;
    color: #7186a0;
    text-align: center;
}

.reviews-dashboard-empty--compact {
    min-height: 120px;
    padding: 16px;
}

.reviews-dashboard-empty__icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 14px;
    color: #8db3ff;
    background: rgba(79, 140, 255, .1);
    font-size: 1.5rem;
}

.reviews-dashboard-empty h3 {
    margin: 0 0 6px;
    color: #edf4ff;
    font-size: var(--client-type-body, 1rem);
}

.reviews-dashboard-empty p {
    margin: 0 0 15px;
    color: #7186a0 !important;
    font-size: var(--client-type-body, .75rem);
}

@media (max-width: 767.98px) {
    .dashboard-credit-panel .dashboard-usage-grid { grid-template-columns: 1fr; }

    .reviews-dashboard-item {
        grid-template-columns: 40px minmax(0, 1fr) auto 16px;
    }

    .reviews-dashboard-item__reviews,
    .reviews-dashboard-item .client-status-pill {
        display: none;
    }
}

/* The statistics page keeps the support analytics UI and extends it with review filters. */
.statistics-filter .product-reviews-filter__form {
    grid-template-columns: repeat(7, minmax(105px, 1fr)) auto;
}

@media (max-width: 1399.98px) {
    .statistics-filter .product-reviews-filter__form {
        grid-template-columns: repeat(4, minmax(130px, 1fr));
    }
}

@media (max-width: 991.98px) {
    .statistics-filter .product-reviews-filter__form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .statistics-filter .product-reviews-filter__form {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .reviews-dashboard-item {
        grid-template-columns: 38px minmax(0, 1fr) 16px;
        gap: 10px;
    }

    .reviews-dashboard-item__flag {
        width: 38px;
        height: 38px;
    }

    .reviews-dashboard-item > .reviews-dashboard-rating {
        display: none;
    }
}

/* =========================================================
   Euro Reviews client area: page-wide component refinement
   ========================================================= */

.client-admin-main .main-body .client-form-section + .client-form-section,
.client-admin-main .main-body .client-form-actions {
    border-top: 0 !important;
}

.client-admin-main .main-body .client-form-actions {
    padding-top: 0;
}

.client-toggle-list,
.client-member-list,
.overview-meta-list,
.overview-connections {
    display: grid;
    gap: 10px;
}

.client-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0;
    padding: 15px 16px;
    border: 0;
    border-radius: 12px;
    color: #dce8f8;
    background: var(--client-surface-borderless);
    cursor: pointer;
}

.client-toggle-row:hover {
    background: var(--client-surface-borderless-raised);
}

.client-toggle-row > span {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.client-toggle-row strong {
    color: #e8f1fd;
    font-size: var(--client-type-label, .83rem);
    font-weight: 720;
}

.client-toggle-row small,
.client-info-panel small {
    display: block;
    color: #7187a2;
    font-size: var(--client-type-caption, .71rem);
    line-height: 1.45;
}

.client-toggle-row .form-check-input {
    width: 2.35rem;
    height: 1.25rem;
    flex: 0 0 auto;
    margin: 0;
    border: 0 !important;
    background-color: #2a3a50;
    background-size: 1rem;
    box-shadow: none !important;
}

.client-toggle-row .form-check-input:checked {
    background-color: #0875ee;
}

.client-list-shell {
    width: 100%;
    max-width: 1040px;
}

.client-list-toolbar,
.client-pagination-bar,
.modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.client-list-toolbar {
    margin-bottom: 18px;
    color: #8197b2;
    font-size: var(--client-type-label, .78rem);
}

.client-list-toolbar strong {
    color: #edf4ff;
    font-size: var(--client-type-body, 1rem);
}

.client-member-row {
    min-width: 0;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 14px 15px;
    border: 0;
    border-radius: 13px;
    background: var(--client-surface-borderless);
}

.client-member-row:hover {
    background: var(--client-surface-borderless-raised);
}

.client-member-row .client-avatar {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 12px;
    color: #a7c4ff;
    background: #142943;
    font-size: .75rem;
    font-weight: 800;
}

.client-member-row__identity {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.client-member-row__identity strong {
    overflow: hidden;
    color: #e6eefb;
    font-size: var(--client-type-label, .84rem);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-member-row__identity small {
    overflow: hidden;
    color: #7287a1;
    font-size: var(--client-type-caption, .7rem);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-member-row__actions,
.widget-list-card__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.client-row-action {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 10px;
    color: #9bb0ca !important;
    background: var(--client-field);
    font-size: var(--client-type-body, 1rem);
    text-decoration: none;
    cursor: pointer;
}

.client-row-action:hover {
    color: #fff !important;
    background: #1a2d47;
}

.client-row-action--danger {
    color: #ff9dac !important;
    background: rgba(238, 69, 97, .11);
}

.client-row-action--danger:hover {
    background: rgba(238, 69, 97, .24);
}

.client-row-action.is-disabled {
    opacity: .36;
    pointer-events: none;
}

.client-readonly-value {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 11px 13px;
    border: 0;
    border-radius: 11px;
    color: #8fa3bc;
    background: #0b1421;
    font-size: var(--client-type-label, .82rem);
}

.ai-feature-status {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 16px;
    border: 0;
    border-radius: 13px;
    background: var(--client-surface-borderless);
}

.ai-feature-status > i {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #8eb3ff;
    background: #142943;
    font-size: 1.25rem;
}

.ai-feature-status > div {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ai-feature-status strong { color: #e8f1fd; font-size: var(--client-type-label, .84rem); }
.ai-feature-status small { color: #7287a1; font-size: var(--client-type-caption, .71rem); }

.ai-test-response {
    min-height: 112px;
    margin-top: 12px;
    padding: 15px;
    border: 0;
    border-radius: 12px;
    color: #c7d6e8;
    background: #091522;
    font-size: var(--client-type-label, .78rem);
    line-height: 1.55;
}

.client-danger-zone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 34px;
    padding: 18px;
    border: 0;
    border-radius: 13px;
    background: rgba(238, 69, 97, .065);
}

.client-danger-zone h3 { margin: 0 0 4px; color: #ffc2ca; font-size: var(--client-type-body, .88rem); }
.client-danger-zone p { margin: 0; color: #9e7680 !important; font-size: var(--client-type-body, .72rem); }

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

.subscription-summary__item {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 18px;
    border: 0;
    border-radius: 14px;
    background: var(--client-surface-borderless);
}

.subscription-summary__item > span:first-child { color: #7187a2; font-size: var(--client-type-caption, .68rem); font-weight: 780; letter-spacing: .06em; text-transform: uppercase; }
.subscription-summary__item > strong { overflow: hidden; color: #f0f5fd; font-size: var(--client-type-lead, 1.08rem); text-overflow: ellipsis; white-space: nowrap; }
.subscription-summary__item > small:not(.client-status-pill) { color: #647994; font-size: var(--client-type-caption, .68rem); }
.subscription-options { display: grid; gap: 10px; }
.subscription-plan-card { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 18px; padding: 15px; border: 0; border-radius: 12px; background: var(--client-surface-borderless); }
.subscription-plan-card > div { display: flex; flex-direction: column; }
.subscription-plan-card small { color: #7187a2; font-size: var(--client-type-caption, .68rem); }
.subscription-plan-card b { color: #f1f6fd; }

.overview-profile-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}

.overview-profile-head .shop-overview__logo-holder {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 0;
    border-radius: 14px;
    background: #fff;
}

.overview-profile-head img { width: 100%; height: 100%; object-fit: contain; }
.overview-profile-head h2 { margin: 2px 0 0; color: #eef4fd; font-size: var(--client-type-body, 1rem); }
.overview-meta-list { gap: 0; }
.overview-meta-list > div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; }
.overview-meta-list span { color: #657b96; font-size: var(--client-type-caption, .65rem); font-weight: 800; letter-spacing: .06em; }
.overview-meta-list strong { overflow: hidden; color: #c9d7e8; font-size: var(--client-type-caption, .74rem); text-align: right; text-overflow: ellipsis; }
.overview-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.overview-tags span,
.overview-connection { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 0; border-radius: 9px; color: #abc0da; background: var(--client-field); font-size: var(--client-type-caption, .69rem); font-weight: 680; }
.overview-rating { flex: 0 0 auto; }
.overview-connections { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
.overview-connection img { width: 19px; height: 19px; }

.entity-nav {
    position: sticky;
    top: var(--client-topbar-height);
    z-index: 100;
    display: flex;
    align-items: stretch;
    gap: 13px;
    padding: 10px 34px;
    background: #050e19;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .14);
}

.entity-nav__selector { flex: 0 0 230px; }

.entity-nav__entity {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    border: 0;
    border-radius: 11px;
    color: #dbe7f7;
    background: var(--client-field);
    text-align: left;
}

.entity-nav__entity::after { margin-left: auto; }
.entity-nav__entity > img,
.entity-nav__entity-icon { width: 30px; height: 30px; flex: 0 0 30px; }
.entity-nav__entity > img { border-radius: 50%; object-fit: cover; }
.entity-nav__entity-icon { display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; color: #8db3ff; background: #142943; font-size: 1.05rem; }
.entity-nav__entity > span:not(.entity-nav__entity-icon) { min-width: 0; display: flex; flex-direction: column; }
.entity-nav__entity small { color: #637994; font-size: var(--client-type-caption, .58rem); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.entity-nav__entity strong { overflow: hidden; color: #e9f1fb; font-size: var(--client-type-label, .77rem); text-overflow: ellipsis; white-space: nowrap; }

.entity-nav__entity-menu {
    min-width: 230px;
    max-height: 320px;
    overflow-y: auto;
    padding: 7px;
    border: 0;
    border-radius: 12px;
    color: #dce8f8;
    background: #071321;
    box-shadow: 0 22px 50px rgba(0, 0, 0, .38);
}

.entity-nav__entity-menu .dropdown-item { display: flex; align-items: center; gap: 9px; padding: 9px; border-radius: 8px; color: #aebfd4; font-size: var(--client-type-caption, .74rem); }
.entity-nav__entity-menu .dropdown-item:hover { color: #fff; background: #12233a; }
.entity-nav__entity-menu img { width: 22px; height: 22px; }

.entity-nav__links {
    min-width: 0;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: none;
}

.entity-nav__links::-webkit-scrollbar { display: none; }
.entity-nav__links a { min-width: max-content; display: inline-flex; align-items: center; gap: 7px; padding: 10px 11px; border: 0; border-radius: 9px; color: #758ba6; font-size: var(--client-type-label, .7rem); font-weight: 700; text-decoration: none; }
.entity-nav__links a:hover { color: #d9e7f8; background: #0d1c2e; }
.entity-nav__links a.active { color: #fff; background: #12305a; }
.entity-nav__links i { font-size: 1rem; }

.client-pagination-bar {
    flex-wrap: wrap;
    padding-top: 4px;
}

.client-subnav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 34px;
    background: #050e19;
}

.client-subnav__context { min-width: 0; display: flex; flex-direction: column; }
.client-subnav__context small { color: #5f7692; font-size: var(--client-type-caption, .58rem); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.client-subnav__context strong { overflow: hidden; color: #e5eefb; font-size: var(--client-type-label, .82rem); text-overflow: ellipsis; white-space: nowrap; }
.client-subnav nav { display: flex; align-items: center; gap: 5px; }
.client-subnav nav a { display: inline-flex; align-items: center; gap: 7px; padding: 9px 11px; border-radius: 9px; color: #758ba6; font-size: var(--client-type-caption, .7rem); font-weight: 700; text-decoration: none; }
.client-subnav nav a:hover { color: #d9e7f8; background: #0d1c2e; }
.client-subnav nav a.active { color: #fff; background: #12305a; }

.client-pagination-meta { display: flex; flex: 1; gap: 16px; color: #7287a1; font-size: var(--client-type-caption, .7rem); }
.client-pagination-meta strong { color: #dce7f6; }
.client-pagination-bar label { margin: 0; color: #7287a1; font-size: var(--client-type-label, .69rem); }
.client-page-number { width: 68px; min-height: 38px !important; }

.client-data-card {
    overflow: hidden;
    border: 0;
    border-radius: 15px;
    background: var(--client-surface-borderless);
}

.client-data-card__header { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 17px 19px; }
.client-data-card__header h2 { margin: 2px 0 0; color: #eaf2fc; font-size: var(--client-type-body, .94rem); }
.client-data-card__body { min-width: 0; }
.client-data-card .table { margin-bottom: 0; }

/* Standard overview table used by client-zone list pages. */
.client-admin-main .main-body .client-overview-table-shell {
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid rgba(77, 124, 180, .16);
    border-radius: 11px;
    background: rgba(5, 14, 24, .34);
    scrollbar-color: #274666 #07121f;
    scrollbar-width: thin;
}

.client-admin-main .main-body .client-overview-table-shell .client-table {
    width: 100%;
    min-width: 1040px;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0;
    color: #c7d5e6;
    background: transparent !important;
}

.client-admin-main .main-body .client-overview-table-shell .client-table thead th {
    padding: 10px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(77, 124, 180, .18) !important;
    color: #607b9b !important;
    background: rgba(11, 29, 48, .72) !important;
    font-size: var(--client-type-caption, .58rem);
    font-weight: 760;
    letter-spacing: .07em;
    line-height: 1.35;
    text-transform: uppercase;
    white-space: nowrap;
}

.client-admin-main .main-body .client-overview-table-shell .client-table tbody td {
    padding: 14px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(77, 124, 180, .13) !important;
    color: #8297b0 !important;
    background: transparent !important;
    font-size: var(--client-type-caption, .68rem);
    line-height: 1.45;
    vertical-align: middle;
    transition: background .15s ease, color .15s ease;
}

.client-admin-main .main-body .client-overview-table-shell .client-table tbody tr:last-child > td {
    border-bottom: 0 !important;
}

.client-admin-main .main-body .client-overview-table-shell .client-table tbody tr.inv:hover > td {
    color: #aebed0 !important;
    background: rgba(16, 38, 63, .34) !important;
}

.client-admin-main .main-body .client-overview-table-shell .client-table tbody tr.inv.expanded > td {
    background: rgba(28, 73, 119, .24) !important;
}

.client-admin-main .main-body .client-overview-table-shell .c-table-row-expanded-content > td {
    padding: 16px !important;
    color: #b8c8da !important;
    background: #081524 !important;
}

.invitation-overview-table th:first-child { width: 22%; }
.invitation-overview-table th:nth-child(2) { width: 23%; }
.invitation-overview-table th:nth-child(3) { width: 15%; }
.invitation-overview-table th:nth-child(4) { width: 14%; }
.invitation-overview-table th:nth-child(5),
.invitation-overview-table th:nth-child(6) { width: 12%; }
.invitation-overview-table th:last-child { width: 42px; }
.invitation-shop-cell { display: flex; align-items: center; gap: 11px; }
.invitation-shop-icon {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    border-radius: 9px;
    color: #6f9dd8;
    background: #0c1c2d;
    font-size: 1rem;
}
.invitation-shop-copy { min-width: 0; display: grid; gap: 4px; }
.invitation-shop-copy > strong {
    overflow: hidden;
    color: #dfeaf7;
    font-size: var(--client-type-caption, .75rem);
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.invitation-shop-copy .language-table-cell { margin: 0; gap: 5px; color: #5d7591; font-size: var(--client-type-caption, .61rem); }
.invitation-shop-copy .app-language-flag { width: 15px; height: 15px; }
.invitation-customer-cell { min-width: 0; }
.invitation-customer-cell i { margin-right: 6px; color: #5d7591; font-size: .78rem; }
.invitation-customer-cell span {
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    color: #aabbd0;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
.invitation-reference { color: #9db0c5; font-weight: 680; white-space: nowrap; }
.invitation-date { color: #7e94ad; white-space: nowrap; }
.invitation-expand-cell { width: 42px; }
.invitation-expand-button {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #5f7896;
    background: #0c1b2c;
}
.invitation-overview-table tr:hover .invitation-expand-button,
.invitation-overview-table tr.expanded .invitation-expand-button { color: #8eb9fa; background: #112844; }
.invitation-overview-table .expand-icon { font-size: .9rem; }
.client-overview-table-empty td { color: #607894 !important; }

@media (max-width: 991.98px) {
    .client-admin-main .main-body .client-overview-table-shell { border-radius: 9px; }
    .client-admin-main .main-body .client-overview-table-shell .client-table thead th,
    .client-admin-main .main-body .client-overview-table-shell .client-table tbody td { padding-inline: 13px !important; }
}

.widget-list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 16px;
}

.widget-create-modal { padding: 26px; }
.widget-create-modal .modal-head { align-items: flex-start; }
.widget-create-modal .modal-head > div { min-width: 0; }
.widget-create-modal .modal-head h5 { margin: 4px 0 0; color: #edf4fd; font-size: var(--client-type-lead, 1.08rem); }
.widget-create-modal .modal-head p { max-width: 620px; margin: 7px 0 0; color: #7188a3; font-size: var(--client-type-body, .73rem); line-height: 1.55; }
.widget-create-scope-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
.widget-create-scope-option { min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr) 26px; align-items: center; gap: 12px; margin: 0; padding: 15px; border: 1px solid rgba(118, 151, 194, .12); border-radius: 14px; background: #091522; cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.widget-create-scope-option:hover { border-color: rgba(116, 157, 224, .28); background: #0b1928; transform: translateY(-2px); }
.widget-create-scope-option > input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.widget-create-scope-option__icon { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; color: #7fa7ef; background: rgba(72, 126, 235, .13); font-size: 1.15rem; }
.widget-create-scope-option__copy { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.widget-create-scope-option__copy strong { color: #dce8f7; font-size: var(--client-type-body, .8rem); }
.widget-create-scope-option__copy small { color: #657c97; font-size: var(--client-type-body, .65rem); line-height: 1.45; }
.widget-create-scope-option__check { width: 25px; height: 25px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #263b54; border-radius: 50%; color: transparent; background: #07111d; font-size: var(--client-type-label, .78rem); transition: color .16s ease, border-color .16s ease, background .16s ease; }
.widget-create-scope-option.is-selected { border-color: #4f8cff; background: #0c1b2d; }
.widget-create-scope-option.is-selected .widget-create-scope-option__check { border-color: #4f8cff; color: #fff; background: #4f8cff; }
.widget-create-scope-option.is-disabled { opacity: .48; cursor: not-allowed; transform: none; }
.widget-create-target { margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(118, 151, 194, .1); }
.widget-create-target.is-hidden { display: none; }
.widget-create-target .form-label { margin-bottom: 8px; }
.widget-create-target-select { display: none; }
.widget-create-modal__actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin-top: 24px; }
.widget-create-modal__actions .btn.disabled { pointer-events: none; opacity: .46; }

.widget-list-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 18px;
    border: 0;
    border-radius: 15px;
    background: var(--client-surface-borderless);
}

@media (max-width: 767.98px) {
    .widget-create-modal { padding: 20px; }
    .widget-create-scope-grid { grid-template-columns: 1fr; }
    .widget-create-modal__actions { align-items: stretch; flex-direction: column-reverse; }
    .widget-create-modal__actions .btn { width: 100%; justify-content: center; }
}

.widget-list-card__head { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.widget-list-card__head > div { min-width: 0; display: flex; flex-direction: column; }
.widget-list-card__head strong { overflow: hidden; color: #ebf2fc; font-size: var(--client-type-label, .86rem); text-overflow: ellipsis; white-space: nowrap; }
.widget-list-card__head small { overflow: hidden; color: #657b96; font-size: var(--client-type-caption, .65rem); text-overflow: ellipsis; white-space: nowrap; }
.widget-list-card__preview { min-height: 164px; margin: 17px 0; padding: 13px; border: 1px solid rgba(118, 151, 194, .1); border-radius: 13px; background: #07121e; }
.widget-list-card__preview-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; color: #586f8b; font-size: var(--client-type-caption, .62rem); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.widget-list-card__preview-head strong { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 7px; color: #9fbeff; background: rgba(79, 140, 255, .1); font-size: var(--client-type-caption, .61rem); letter-spacing: .04em; }
.widget-list-card__preview-head i { font-size: .8rem; }
.widget-list-card__preview-canvas { min-height: 112px; display: flex; align-items: center; justify-content: center; overflow: auto hidden; padding: 10px; border-radius: 9px; background: #040c15; }
.widget-example { min-width: 0; display: flex; align-items: center; justify-content: center; }

/* Production-faithful widget previews */
.widget-example .etm-widget {
    font-family: 'Inter', sans-serif !important;
    color: #0f172a !important;
    background: #fff !important;
    box-shadow: 0 14px 38px rgba(15, 23, 42, .16) !important;
}

.widget-example .etm-widget-type-1-item { border-radius: 16px !important; }
.widget-example .etm-widget-type-1__logo { padding: 9px 13px !important; background: var(--widget-back-color) !important; }
.widget-example .etm-widget-type-1__logo img { max-height: 18px !important; }
.widget-example .etm-widget-type-1__content { padding: 12px 13px 13px !important; }
.widget-example .etm-widget-type-1__rating {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 14px !important;
    background: var(--widget-back-color) !important;
    font-size: 1.5em !important;
    font-weight: 700 !important;
}
.widget-example .etm-widget-type-1__description { justify-content: center !important; gap: 2px !important; margin-left: 10px !important; }
.widget-example .etm-widget-type-1__text-rating { color: #0f172a !important; font-size: 1.2em !important; font-weight: 700 !important; }
.widget-example .etm-widget-type-1__review-count { color: #64748b !important; font-size: 1.05em !important; font-weight: 500 !important; }

.widget-example .etm-widget-type-2-item { border-radius: 18px !important; }
.widget-example .etm-widget-type-2__logo { padding: 14px 14px 6px !important; }
.widget-example .etm-widget-type-2__logo img { min-height: 0 !important; max-height: 23px !important; }
.widget-example .etm-widget-type-2__content { padding: 8px 14px 14px !important; }
.widget-example .etm-widget-type-2__rating {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    border-radius: 13px !important;
    background: var(--widget-back-color) !important;
    font-size: 1.45em !important;
    font-weight: 700 !important;
}
.widget-example .etm-widget-type-2__description { justify-content: center !important; gap: 2px !important; margin-left: 10px !important; }
.widget-example .etm-widget-type-2__text-rating { color: #0f172a !important; font-size: 1.2em !important; font-weight: 700 !important; }
.widget-example .etm-widget-type-2__review-count { color: #64748b !important; font-size: 1.05em !important; font-weight: 500 !important; }

.widget-example .etm-widget-type-3-item {
    min-width: 300px !important;
    align-items: center !important;
    padding: 20px 22px !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 42px rgba(15, 23, 42, .16) !important;
}
.widget-example .etm-widget-type-3-item__rating {
    width: 64px !important;
    height: 64px !important;
    flex: 0 0 64px !important;
    border-radius: 19px !important;
    background: var(--widget-back-color) !important;
    font-size: 2.35em !important;
    font-weight: 700 !important;
}
.widget-example .etm-widget-type-3-item__content { justify-content: center !important; min-width: 0 !important; padding-left: 16px !important; }
.widget-example .etm-widget-type-3__logo img { width: 170px !important; min-width: 170px !important; max-width: 170px !important; }
.widget-example .etm-widget-type-3-item__info-row { margin-top: 8px !important; }
.widget-example .etm-widget-type-3__text-rating { color: #0f172a !important; font-size: 1.35em !important; font-weight: 700 !important; }
.widget-example .etm-widget-type-3__review-count { margin-left: 9px !important; color: var(--widget-font-color) !important; font-size: 1.2em !important; font-weight: 600 !important; }

.widget-example .etm-widget-type-4-item {
    min-width: 190px !important;
    border: 0 !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .17) !important;
}
.widget-example .etm-widget-type-4__logo { padding: 15px 20px !important; background: var(--widget-back-color) !important; }
.widget-example .etm-widget-type-4__logo img { width: 132px !important; min-width: 132px !important; max-width: 132px !important; }
.widget-example .etm-widget-type-4__content { padding: 22px 20px 24px !important; }
.widget-example .etm-widget-type-4-item__rating {
    width: 68px !important;
    height: 68px !important;
    border-radius: 20px !important;
    background: var(--widget-back-color) !important;
    font-size: 2.65em !important;
    font-weight: 700 !important;
}
.widget-example .etm-widget-type-4__text-rating { margin-top: 8px !important; color: #0f172a !important; font-size: 1.45em !important; font-weight: 700 !important; }
.widget-example .etm-widget-type-4__star-rating { margin: 10px 0 8px !important; }
.widget-example .etm-widget-type-4__star-rating img { width: 140px !important; }
.widget-example .etm-widget-type-4__review-count { color: var(--widget-font-color) !important; font-size: 1.2em !important; font-weight: 600 !important; }

.widget-example .etm-widget-type-5-item {
    min-width: 285px !important;
    align-items: center !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
}
.widget-example .etm-widget-type-5-item__rating {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 14px !important;
    background: var(--widget-back-color) !important;
    font-size: 1.55em !important;
    font-weight: 700 !important;
}
.widget-example .etm-widget-type-5-item__content { min-width: 0 !important; justify-content: center !important; flex-direction: column !important; padding-left: 13px !important; }
.widget-example .etm-widget-type-5__logo img { width: 132px !important; min-width: 132px !important; max-width: 132px !important; margin: 0 !important; }
.widget-example .etm-widget-type-5-item__info-row { margin: 5px 0 0 !important; }
.widget-example .etm-widget-type-5__text-rating { color: #0f172a !important; font-size: 1.2em !important; font-weight: 700 !important; }
.widget-example .etm-widget-type-5__review-count { margin-left: 8px !important; color: var(--widget-font-color) !important; font-size: 1.1em !important; font-weight: 600 !important; }

.widget-example .etm-widget-type-6-item {
    border: 0 !important;
    border-radius: 18px !important;
    color: #f8fafc !important;
    background: #08121f !important;
    box-shadow: 0 16px 42px rgba(2, 6, 23, .34) !important;
}
.widget-example .etm-widget-type-6__logo { padding: 14px 15px 7px !important; }
.widget-example .etm-widget-type-6__logo img { max-height: 20px !important; }
.widget-example .etm-widget-type-6__content { padding: 8px 14px 14px !important; }
.widget-example .etm-widget-type-6__rating {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: var(--widget-back-color) !important;
    font-size: 1.45em !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}
.widget-example .etm-widget-type-6__description { justify-content: center !important; gap: 2px !important; margin-left: 10px !important; }
.widget-example .etm-widget-type-6__text-rating { color: #f8fafc !important; font-size: 1.2em !important; font-weight: 700 !important; }
.widget-example .etm-widget-type-6__review-count { color: #94a3b8 !important; font-size: 1.05em !important; font-weight: 500 !important; }
.widget-list-card__meta { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-bottom: 17px; color: #7187a2; font-size: var(--client-type-caption, .68rem); }
.widget-list-card__meta span { display: inline-flex; align-items: center; gap: 6px; }
.widget-list-card__meta i { color: #7ca7fb; font-size: .9rem; }
.widget-list-card__actions {
    flex-wrap: nowrap;
    margin-top: auto;
}
.widget-list-card__actions .btn {
    min-width: 0;
    flex: 1 1 0;
    justify-content: center;
    padding-right: 10px;
    padding-left: 10px;
    white-space: nowrap;
}
.widget-list-card__actions .btn:first-child { margin-right: 0; }
.widget-list-card__actions .widget-list-card__settings {
    width: 36px;
    flex: 0 0 36px;
    padding: 0;
}
.widget-list-card__actions .client-row-action { flex: 0 0 36px; }

.widget-type-picker { min-width: 0; margin: 0; padding: 0; border: 0; }
.widget-type-picker legend { float: none; width: auto; margin-bottom: 4px; }
.widget-type-picker__description { margin: 0 0 13px; color: #7187a2; font-size: var(--client-type-body, .73rem); line-height: 1.5; }
.widget-type-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.widget-type-option { min-width: 0; position: relative; margin: 0; cursor: pointer; }
.widget-type-option > input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.widget-type-option__body { height: 100%; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(118, 151, 194, .11); border-radius: 14px; background: #091522; box-shadow: 0 8px 24px rgba(0, 0, 0, .08); transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; }
.widget-type-option:hover .widget-type-option__body { border-color: rgba(116, 157, 224, .25); background: #0b1928; transform: translateY(-2px); }
.widget-type-option.is-selected .widget-type-option__body,
.widget-type-option:has(input:checked) .widget-type-option__body { border-color: #4f8cff; background: #0c1b2d; box-shadow: 0 0 0 1px rgba(79, 140, 255, .2), 0 14px 34px rgba(0, 0, 0, .18); }
.widget-type-option:has(input:focus-visible) .widget-type-option__body { outline: 3px solid rgba(79, 140, 255, .25); outline-offset: 3px; }
.widget-type-option__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 15px 12px; }
.widget-type-option__header > span:first-child { min-width: 0; display: flex; flex-direction: column; }
.widget-type-option__header small { margin-bottom: 2px; color: #546c88; font-size: var(--client-type-caption, .56rem); font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.widget-type-option__header strong { overflow: hidden; color: #dce8f7; font-size: var(--client-type-label, .77rem); line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.widget-type-option__check { width: 24px; height: 24px; flex: 0 0 24px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #263b54; border-radius: 50%; color: transparent; background: #07111d; transition: color .16s ease, border-color .16s ease, background .16s ease, transform .16s ease; }
.widget-type-option.is-selected .widget-type-option__check,
.widget-type-option:has(input:checked) .widget-type-option__check { border-color: #4f8cff; color: #fff; background: #4f8cff; transform: scale(1.05); }
.widget-type-option__check i { font-size: .85rem; font-weight: 900; }
.widget-type-option__preview { min-height: 178px; display: flex; align-items: center; justify-content: center; overflow: auto hidden; padding: 18px 14px; border-top: 1px solid rgba(118, 151, 194, .08); border-bottom: 1px solid rgba(118, 151, 194, .08); background: #050e18; }
.widget-type-option__footer { min-height: 64px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 11px; padding: 12px 15px 14px; }
.widget-type-option__footer strong { align-self: start; padding: 5px 8px; border-radius: 7px; color: #8aabdf; background: rgba(91, 137, 207, .1); font-size: var(--client-type-caption, .61rem); line-height: 1; white-space: nowrap; }
.widget-type-option__footer small { color: #68809b; font-size: var(--client-type-caption, .64rem); line-height: 1.45; }
.widget-settings-card .coloris { width: min(300px, 100%) !important; margin-bottom: 0 !important; border: 0 !important; background: var(--client-field) !important; }

/* Compact logo preview used by shop and group settings. */
.client-admin-main .main-body .client-logo-preview {
    width: min(230px, 100%);
    min-height: 112px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 12px !important;
    border: 0 !important;
    border-radius: 12px;
    background: #fff !important;
    box-shadow: none !important;
}

.client-admin-main .main-body .client-logo-preview .img-preview-thumb {
    width: 100% !important;
    height: 88px !important;
    border-radius: 8px;
    background: #fff;
}

.client-admin-main .main-body .client-logo-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.integration-guide {
    padding: clamp(20px, 3vw, 34px);
    border: 0;
    border-radius: 15px;
    color: #aebed1;
    background: var(--client-surface-borderless);
    font-size: var(--client-type-label, .79rem);
    line-height: 1.65;
}

.integration-guide h2,
.integration-guide h3 { color: #eaf2fc; }
.integration-guide .line { border-color: rgba(151, 174, 209, .09); }
.format-code-block { overflow: auto; margin-top: 15px; padding: 0; border: 0; border-radius: 12px; background: #050d17; }
.format-code-block pre { margin: 0; padding: 18px; }
.format-code-block code { color: #c8d9ee; font-size: var(--client-type-caption, .72rem); line-height: 1.6; }

.client-panel-copy { margin: 18px 0 22px; color: #8095af !important; font-size: var(--client-type-label, .79rem); line-height: 1.6; }
.translation-usage { display: flex; align-items: center; justify-content: center; gap: clamp(12px, 3vw, 32px); min-height: 250px; }
.translation-usage > div:last-child { display: flex; flex-direction: column; }
.translation-usage strong { color: #f0f6ff; font-size: clamp(1.35rem, 2vw, 1.85rem); }
.translation-usage span { color: #7187a2; font-size: var(--client-type-label, .8rem); }
.translation-usage small { margin-top: 5px; color: #627993; font-size: var(--client-type-caption, .68rem); }

.reviews-workspace {
    height: calc(100vh - var(--client-topbar-height) - 68px);
    min-height: 520px;
    display: grid;
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
    gap: 12px;
    padding: 12px 12px 12px 0;
    overflow: hidden;
    background: var(--client-bg);
}

.reviews-management-page { max-width: none; padding-bottom: 20px; }
.reviews-management-header { margin-bottom: 18px; }
.reviews-management-filters { margin-bottom: 14px; }
.reviews-management-filters .product-reviews-filter__form { grid-template-columns: minmax(220px, 1.6fr) repeat(7, minmax(105px, 1fr)) auto; }
.reviews-workspace--management {
    height: max(520px, calc(100vh - var(--client-topbar-height) - 342px));
    min-height: 500px;
    padding: 0;
}
.reviews-workspace--management .reviews-panel { border-radius: 14px; }
.reviews-management-filter-button strong {
    min-width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 2px;
    border-radius: 50%;
    color: #eaf3ff;
    background: rgba(255, 255, 255, .16);
    font-size: var(--client-type-label, .62rem);
}

.reviews-panel,
.review-content-wrapper {
    min-width: 0;
    overflow: hidden;
    border: 0;
    border-radius: 14px;
}

.reviews-panel {
    display: flex;
    flex-direction: column;
    border-radius: 0 14px 14px 0;
    background: var(--client-surface-borderless);
}
.reviews-panel-header { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 15px; }
.reviews-panel-header > div { display: flex; flex-direction: column; }
.reviews-panel-header strong { color: #edf4fd; font-size: var(--client-type-body, .91rem); }
.review-list-wrapper { flex: 1; overflow-y: auto; padding: 0 7px 9px; }
.review-card { margin: 2px 0; border: 0 !important; border-radius: 11px; color: #c4d2e4; background: transparent; cursor: pointer; transition: background .15s ease; }
.review-card:hover { background: #101f32; }
.review-card.active { background: #112d51; box-shadow: inset 3px 0 0 #4f8cff; }
.review-card .review-summary { color: #9cafc5 !important; line-height: 1.45; }
.review-content-wrapper {
    overflow-y: auto;
    border-radius: 0;
    background: transparent !important;
    background-image: none !important;
}
.review-content-wrapper > .data { min-height: 100%; }
.review-select-placeholder { min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px; color: #7187a2; text-align: center; }
.review-select-placeholder h3 { margin: 1px 0 7px; color: #e3ecf8; font-size: var(--client-type-body, 1rem); }
.review-select-placeholder p { max-width: 360px; margin: 0; color: #6c819c !important; font-size: var(--client-type-body, .74rem); }
.review-detail { padding: 0; }
.review-detail .bg-white { border: 0 !important; color: #c8d5e6 !important; background: #0a1727 !important; box-shadow: none !important; }
.review-detail .line { border-color: rgba(151, 174, 209, .09); }
.review-detail h4,
.review-detail h5 { color: #edf4fd; }
.review-detail .text-gray-700 { color: #bccbdd !important; }
.review-detail .reply-form textarea { min-height: 118px; }

.client-empty-state--compact { min-height: 130px; padding: 18px; }
.client-empty-state--compact .reviews-dashboard-empty__icon { margin-bottom: 8px; }

.product-reviews-header { align-items: center; }
.product-reviews-header__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 0;
    border-radius: 9px;
    color: #73c3a2;
    background: #0b211e;
    font-size: var(--client-type-caption, .69rem);
    font-weight: 750;
    white-space: nowrap;
}
.product-reviews-header__badge i { font-size: 1rem; }
.product-reviews-page .client-page-description strong { color: #b8cbe1; font-weight: 720; }

.product-questions-page__badge { display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border-radius: 10px; color: #8ab9ee; background: #0b2038; font-size: var(--client-type-caption, 11px); font-weight: 700; }
.product-questions-page__badge i { color: #39a8ff; font-size: 17px; }
.product-questions-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.product-questions-tabs a { display: inline-flex; align-items: center; gap: 9px; min-height: 38px; padding: 0 12px; border-radius: 9px; color: #8195b0; background: #091624; font-size: var(--client-type-label, 12px); font-weight: 700; text-decoration: none; }
.product-questions-tabs a.active { color: #eaf4ff; background: #15365d; }
.product-questions-tabs strong { min-width: 20px; padding: 2px 6px; border-radius: 99px; color: #a7b9ce; background: rgba(255,255,255,.07); font-size: var(--client-type-caption, 10px); text-align: center; }
.product-questions-tabs a.active strong { color: #fff; background: #1678e9; }
.product-questions-table-card { overflow: hidden; }
.product-questions-table { min-width: 980px !important; }
.product-questions-table th:first-child { width: 23%; }
.product-questions-table th:nth-child(2) { width: 34%; }
.product-questions-table th:nth-child(3) { width: 18%; }
.product-questions-table th:nth-child(4) { width: 11%; }
.product-questions-table th:nth-child(5) { width: 14%; }
.product-questions-table th:last-child { width: 42px; }
.product-question-row { cursor: pointer; }
.client-admin-main .main-body .client-overview-table-shell .client-table tbody tr.product-question-row:hover > td,
.client-admin-main .main-body .client-overview-table-shell .client-table tbody tr.product-question-row:focus > td {
    color: #afc0d4 !important;
    background: rgba(16, 38, 63, .34) !important;
}
.product-question-row:focus { outline: 0; }
.product-question-product-cell { display: flex; min-width: 0; align-items: center; gap: 11px; }
.product-question-product-cell > span:first-child {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    border-radius: 9px;
    color: #6f9dd8;
    background: #0c1c2d;
    font-size: var(--client-type-body, 1rem);
}
.product-question-product-cell > span:last-child,
.product-question-customer-cell { min-width: 0; display: grid; gap: 4px; }
.product-question-product-cell strong,
.product-question-customer-cell strong {
    overflow: hidden;
    color: #dfeaf7;
    font-size: var(--client-type-caption, .73rem);
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-question-product-cell small,
.product-question-customer-cell small {
    overflow: hidden;
    color: #637c99;
    font-size: var(--client-type-caption, .6rem);
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-question-table-question {
    display: -webkit-box;
    overflow: hidden;
    color: #a9bbcf;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.product-question-status {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 8px;
    border-radius: 7px;
    font-size: var(--client-type-caption, .58rem);
    font-weight: 760;
    white-space: nowrap;
}
.product-question-status.is-pending { color: #e6b85e; background: rgba(195, 135, 33, .13); }
.product-question-status.is-answered { color: #63d3a2; background: rgba(42, 166, 115, .13); }
.product-question-status.is-rejected { color: #eb879a; background: rgba(195, 62, 88, .13); }
.product-question-table-date { color: #7e94ad; white-space: nowrap; }
.product-question-open-cell { width: 42px; }
.product-question-open-button {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #5f7896;
    background: #0c1b2c;
    font-size: var(--client-type-label, .9rem);
}
.product-question-row:hover .product-question-open-button,
.product-question-row:focus .product-question-open-button { color: #8eb9fa; background: #112844; }
.product-questions-table-empty { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 150px; text-align: left; }
.product-questions-table-empty > i { color: #4f7eae; font-size: 1.55rem; }
.product-questions-table-empty > span { display: grid; gap: 3px; }
.product-questions-table-empty strong { color: #b9cadc; font-size: var(--client-type-caption, .73rem); }
.product-questions-table-empty small { color: #607894; font-size: var(--client-type-caption, .62rem); }

.product-question-modal {
    overflow: hidden;
    border: 0;
    border-radius: 18px;
    color: #dbe7f5;
    background: #071321;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .48);
}
.product-question-modal__header { align-items: flex-start; padding: 22px 24px 16px; }
.product-question-modal__header h5 { margin: 5px 0 0; color: #f1f6fc; font-size: var(--client-type-section, 1.22rem); font-weight: 800; }
.product-question-modal__header .btn-close { filter: invert(1) grayscale(1); opacity: .65; }
.product-question-modal__body { display: grid; gap: 17px; padding: 17px 24px 22px; }
.product-question-detail__product { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.product-question-detail__product > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #77aef0;
    background: #102944;
    font-size: var(--client-type-lead, 1.1rem);
}
.product-question-detail__product > div { min-width: 0; display: grid; gap: 4px; }
.product-question-detail__product strong { overflow: hidden; color: #e8f1fb; font-size: var(--client-type-label, .8rem); text-overflow: ellipsis; white-space: nowrap; }
.product-question-detail__product small { display: inline-flex; align-items: center; gap: 5px; color: #7087a2; font-size: var(--client-type-caption, .62rem); }
.product-question-detail__question,
.product-question-detail__published-answer { padding: 15px 16px; border-radius: 12px; background: #0b1b2d; }
.product-question-detail__question p,
.product-question-detail__published-answer p { margin: 7px 0 0; color: #c9d8e8; font-size: var(--client-type-body, .75rem); line-height: 1.65; white-space: pre-line; }
.product-question-detail__meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.product-question-detail__meta > div { display: grid; gap: 4px; padding: 12px 14px; border-radius: 11px; background: #091827; }
.product-question-detail__meta span { display: inline-flex; align-items: center; gap: 6px; color: #65809e; font-size: var(--client-type-caption, .58rem); font-weight: 760; text-transform: uppercase; }
.product-question-detail__meta strong { color: #d4e0ed; font-size: var(--client-type-caption, .7rem); }
.product-question-detail__meta a,
.product-question-detail__meta small { color: #7196c0; font-size: var(--client-type-caption, .62rem); text-decoration: none; }
.product-question-detail__answer-form { display: grid; gap: 7px; }
.product-question-detail__answer-form label { color: #a8bad0; font-size: var(--client-type-label, .63rem); font-weight: 750; }
.product-question-detail__answer-form textarea {
    width: 100%;
    min-height: 125px;
    padding: 12px 13px;
    border: 0;
    border-radius: 10px;
    outline: 0;
    color: #edf6ff;
    background: #0e2034;
    font-size: var(--client-type-input, .73rem);
    line-height: 1.55;
    resize: vertical;
}
.product-question-detail__answer-form textarea:focus { box-shadow: 0 0 0 2px rgba(27, 132, 240, .45); }
.product-question-detail__published-answer strong { display: inline-flex; align-items: center; gap: 6px; color: #75cda6; font-size: var(--client-type-caption, .64rem); }
.product-question-modal__footer { justify-content: space-between; gap: 10px; padding: 14px 24px 20px; }
.product-question-modal__footer form { margin: 0; }
.product-question-modal__reject { color: #d98495; background: rgba(190, 57, 84, .1); }
.product-question-modal__reject:hover { color: #f0a1b0; background: rgba(190, 57, 84, .17); }
.product-question-modal-state { min-height: 270px; display: grid; place-items: center; align-content: center; gap: 11px; color: #7890ab; text-align: center; }
.product-question-modal-state > span:first-child { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 14px; color: #72aff8; background: #102944; font-size: var(--client-type-section, 1.35rem); }
.product-question-modal-state strong { color: #d7e4f3; font-size: var(--client-type-label, .76rem); }
.product-question-modal-state .spinner-border { width: 21px; height: 21px; color: #438ff0; border-width: 2px; }
.product-question-modal-state.is-error > span:first-child { color: #ec879a; background: rgba(190, 57, 84, .12); }

@media (max-width: 767.98px) {
    .product-question-detail__product { grid-template-columns: 42px minmax(0, 1fr); }
    .product-question-detail__product .product-question-status { grid-column: 1 / -1; justify-self: start; }
    .product-question-detail__meta { grid-template-columns: 1fr; }
    .product-question-modal__footer { align-items: stretch; flex-direction: column-reverse; }
    .product-question-modal__footer > .btn,
    .product-question-modal__footer form,
    .product-question-modal__footer form .btn { width: 100%; }
}

.product-reviews-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 18px;
    overflow: hidden;
    border: 0;
    border-radius: 12px;
    background: #071422;
}
.product-reviews-summary > div { min-width: 0; padding: 17px 20px; }
.product-reviews-summary > div + div { border-left: 1px solid rgba(91, 135, 188, .13); }
.product-reviews-summary span { display: block; color: #6d829c; font-size: var(--client-type-caption, .64rem); font-weight: 750; letter-spacing: .055em; text-transform: uppercase; }
.product-reviews-summary strong { display: block; margin-top: 4px; color: #eef5fd; font-size: var(--client-type-section, 1.28rem); line-height: 1.2; }
.product-reviews-summary strong small { color: #7287a1; font-size: var(--client-type-caption, .67rem); font-weight: 650; }

.product-reviews-filter {
    margin-bottom: 24px;
    padding: 18px;
    border: 0;
    border-radius: 12px;
    background: #071422;
}
.product-reviews-filter__heading,
.product-reviews-filter__heading > div { display: flex; align-items: center; }
.product-reviews-filter__heading { justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.product-reviews-filter__heading > div { min-width: 0; gap: 10px; }
.product-reviews-filter__icon { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 9px; color: #75a9f8; background: #102642; font-size: 1rem; }
.product-reviews-filter__heading h2 { margin: 0; color: #e9f1fb; font-size: var(--client-type-label, .82rem); }
.product-reviews-filter__heading p { margin: 2px 0 0; color: #657b95 !important; font-size: var(--client-type-body, .65rem); }
.product-reviews-filter__reset { display: inline-flex; align-items: center; gap: 5px; color: #879bb3; font-size: var(--client-type-caption, .66rem); text-decoration: none; white-space: nowrap; }
.product-reviews-filter__reset:hover { color: #c3d4e8; }
.product-reviews-filter__reset span { min-width: 19px; height: 19px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #b9d4fa; background: #102642; font-size: var(--client-type-caption, .6rem); }
.product-reviews-filter__form { display: grid; grid-template-columns: minmax(210px, 1.7fr) repeat(5, minmax(118px, 1fr)) auto; align-items: end; gap: 10px; }
.product-reviews-page:not(.product-reviews-page--global) .product-reviews-filter__form { grid-template-columns: minmax(260px, 2fr) repeat(3, minmax(135px, 1fr)) auto; }
.product-reviews-field { min-width: 0; display: grid; gap: 6px; }
.product-reviews-field label { color: #7489a3; font-size: var(--client-type-label, .61rem); font-weight: 750; letter-spacing: .035em; text-transform: uppercase; }
.product-reviews-field input,
.product-reviews-field select,
.product-reviews-search {
    width: 100%;
    height: 39px;
    border: 1px solid rgba(83, 130, 188, .18);
    border-radius: 8px;
    color: #dce8f6;
    background: #040d17;
    box-shadow: none;
    outline: none;
}
.product-reviews-field input,
.product-reviews-field select { padding: 0 10px; font-size: var(--client-type-input, .7rem); }
.product-reviews-field input:focus,
.product-reviews-field select:focus,
.product-reviews-search:focus-within { border-color: rgba(69, 139, 227, .58); }
.product-reviews-field select option { color: #dce8f6; background: #07121f; }
.product-reviews-search { display: grid; grid-template-columns: 31px minmax(0, 1fr); align-items: center; }
.product-reviews-search i { color: #607894; text-align: center; }
.product-reviews-search input { height: 37px; padding-left: 0; border: 0; background: transparent; }
.product-reviews-search input::placeholder { color: #536a85; }
.product-reviews-filter__submit { height: 39px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding-inline: 15px; border-radius: 8px; font-size: var(--client-type-label, .7rem); }

.product-reviews-results { min-width: 0; }
.product-reviews-results__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 8px; padding: 0 3px 12px; border-bottom: 1px solid rgba(77, 124, 180, .17); }
.product-reviews-results__heading span { display: block; color: #6380a1; font-size: var(--client-type-caption, .59rem); font-weight: 760; letter-spacing: .075em; text-transform: uppercase; }
.product-reviews-results__heading h2 { margin: 3px 0 0; color: #e9f2fc; font-size: var(--client-type-body, .9rem); }
.product-reviews-results__heading > strong { color: #758ca7; font-size: var(--client-type-caption, .65rem); font-weight: 680; }
.product-review-table {
    --product-review-table-columns: minmax(210px, 1.05fr) minmax(260px, 1.45fr) minmax(170px, .8fr) minmax(135px, .62fr);
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(77, 124, 180, .16);
    border-radius: 11px;
    background: rgba(5, 14, 24, .34);
}
.product-review-table__head {
    min-width: 0;
    display: grid;
    grid-template-columns: var(--product-review-table-columns);
    gap: 18px;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(77, 124, 180, .18);
    color: #607b9b;
    background: rgba(11, 29, 48, .72);
    font-size: var(--client-type-caption, .58rem);
    font-weight: 760;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.product-review-table__head span:last-child { text-align: right; }
.product-review-feed { display: grid; }
.product-review-row {
    min-width: 0;
    display: grid;
    grid-template-columns: var(--product-review-table-columns);
    align-items: center;
    gap: 18px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(77, 124, 180, .13);
    transition: background .15s ease;
}
.product-review-row:hover { background: rgba(16, 38, 63, .34); }
.product-review-row:last-child { border-bottom: 0; }
.product-review-row__product { min-width: 0; display: flex; align-items: center; gap: 11px; }
.product-review-row__image { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; overflow: hidden; border-radius: 8px; color: #65809f; background: #0c1c2d; font-size: var(--client-type-section, 1.2rem); }
.product-review-row__image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.product-review-row__product-copy { min-width: 0; display: grid; gap: 4px; }
.product-review-row__product-copy strong,
.product-review-row__product-copy a { overflow: hidden; color: #dfeaf7; font-size: var(--client-type-caption, .75rem); font-weight: 720; line-height: 1.35; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.product-review-row__product-copy a:hover { color: #75a9f8; }
.product-review-row__product-copy a i { margin-left: 2px; color: #617b99; font-size: .68rem; }
.product-review-row__product-copy span { overflow: hidden; color: #5d7591; font-size: var(--client-type-caption, .61rem); text-overflow: ellipsis; white-space: nowrap; }
.product-review-row__product-copy .product-review-row__language-flag { display: inline-flex; width: 16px; height: 16px; overflow: visible; }
.product-review-row__language-flag .app-language-flag { width: 16px; height: 16px; }
.product-review-row__feedback { min-width: 0; }
.product-review-row__rating { display: flex; align-items: center; gap: 7px; }
.product-review-row__rating .star-rating { margin: 0; }
.product-review-row__rating > strong { color: #f0ce4a; font-size: var(--client-type-caption, .66rem); }
.product-review-row__feedback h3 { margin: 7px 0 0; overflow: hidden; color: #d9e5f3; font-size: var(--client-type-caption, .72rem); text-overflow: ellipsis; white-space: nowrap; }
.product-review-row__feedback > p { display: -webkit-box; overflow: hidden; margin: 5px 0 0; color: #8297b0 !important; font-size: var(--client-type-body, .68rem); line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.product-review-row__feedback > p.is-empty { color: #586f8a !important; font-style: italic; }
.product-review-row__photos { display: inline-flex; align-items: center; gap: 5px; margin-top: 7px; color: #70a8e8; font-size: var(--client-type-caption, .61rem); }
.product-review-row__context { min-width: 0; display: grid; justify-items: start; gap: 5px; color: #667e9a; font-size: var(--client-type-caption, .61rem); }
.product-review-row__context > span,
.product-review-row__context > a { max-width: 100%; display: inline-flex; align-items: center; gap: 5px; overflow: hidden; color: inherit; text-decoration: none; white-space: nowrap; }
.product-review-row__context > a:hover { color: #a8c7ed; }
.product-review-row__context > * span { overflow: hidden; text-overflow: ellipsis; }
.product-review-row__context i { flex: 0 0 auto; font-size: .78rem; }
.product-review-row__context .product-review-row__verified { color: #68b698; }
.product-review-row__order { min-width: 118px; display: grid; justify-items: end; gap: 5px; color: #5f7692; font-size: var(--client-type-caption, .61rem); text-align: right; }
.product-review-row__order time { color: #9aacc1; font-weight: 680; }
.product-review-row__order span { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-review-row__order a { display: inline-flex; align-items: center; gap: 4px; color: #76a8e8; font-weight: 680; text-decoration: none; }
.product-review-row__order a:hover { color: #b7d3f5; }
.product-reviews-empty { min-height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px; text-align: center; }
.product-reviews-empty > span { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 12px; border-radius: 12px; color: #7191b7; background: #0c1b2c; font-size: var(--client-type-section, 1.35rem); }
.product-reviews-empty h3 { margin: 0; color: #dce7f4; font-size: var(--client-type-body, .9rem); }
.product-reviews-empty p { margin: 7px 0 0; color: #687f9b !important; font-size: var(--client-type-body, .69rem); }
.product-reviews-pagination { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px; padding-top: 14px; border-top: 1px solid rgba(77, 124, 180, .14); color: #7086a0; font-size: var(--client-type-caption, .66rem); }
.product-reviews-pagination > div { display: flex; gap: 7px; }
.product-reviews-pagination a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 7px; color: #9db0c8; background: #0b1929; text-decoration: none; }
.product-reviews-pagination a:hover { color: #e2ecf8; background: #10243a; }
.product-reviews-pagination a.disabled { opacity: .38; pointer-events: none; }

.product-review-detail-header { align-items: flex-end; }
.product-review-detail-back { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 16px; color: #7791ae; font-size: var(--client-type-caption, .68rem); text-decoration: none; }
.product-review-detail-back:hover { color: #bdd4ee; }
.product-review-detail-header__status { display: grid; justify-items: end; gap: 7px; color: #637b97; font-size: var(--client-type-caption, .65rem); }
.product-review-detail-header__status > span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 999px; background: #0c1c2d; }
.product-review-detail-header__status > span.is-verified { color: #72c3a2; }
.product-review-detail-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(285px, .72fr); align-items: start; gap: 18px; }
.product-review-detail-main,
.product-review-detail-sidebar { min-width: 0; display: grid; gap: 14px; }
.product-review-detail-panel { min-width: 0; padding: 20px; border: 1px solid rgba(77, 124, 180, .16); border-radius: 12px; background: rgba(5, 14, 24, .34); }
.product-review-detail-panel__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.product-review-detail-panel__heading span,
.product-review-detail-product span { display: block; color: #6380a1; font-size: var(--client-type-caption, .59rem); font-weight: 760; letter-spacing: .07em; text-transform: uppercase; }
.product-review-detail-panel__heading h2 { margin: 4px 0 0; color: #e6effa; font-size: var(--client-type-label, .86rem); }
.product-review-detail-rating { display: flex; align-items: center; gap: 9px; margin-top: 8px; }
.product-review-detail-rating .star-rating { margin: 0; }
.product-review-detail-rating strong { color: #f0ce4a; font-size: var(--client-type-label, .77rem); }
.product-review-detail-rating strong small { color: #6f849c; font-size: var(--client-type-caption, .61rem); }
.product-review-detail-state { padding: 6px 8px; border-radius: 7px; color: #74bd9f !important; background: rgba(44, 121, 91, .14); letter-spacing: 0 !important; text-transform: none !important; }
.product-review-detail-feedback > h2 { margin: 20px 0 0; color: #e5edf7; font-size: var(--client-type-body, .88rem); }
.product-review-detail-text { margin: 17px 0 0; color: #a9bbcf !important; font-size: var(--client-type-label, .76rem); line-height: 1.75; white-space: pre-line; }
.product-review-detail-text.is-empty { color: #607791 !important; font-style: italic; }
.product-review-detail-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.product-review-detail-gallery a { position: relative; aspect-ratio: 1; display: block; overflow: hidden; border-radius: 10px; background: #0b1929; }
.product-review-detail-gallery img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .2s ease; }
.product-review-detail-gallery a:hover img { transform: scale(1.025); }
.product-review-detail-gallery span { position: absolute; right: 7px; bottom: 7px; display: inline-flex; align-items: center; gap: 4px; padding: 5px 7px; border-radius: 6px; color: #e8f2fd; background: rgba(2, 8, 18, .78); font-size: var(--client-type-caption, .58rem); }
.product-review-detail-product { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 13px; }
.product-review-detail-product__image { width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; color: #66809e; background: #0b1929; font-size: var(--client-type-heading, 1.45rem); }
.product-review-detail-product__image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.product-review-detail-product h2 { margin: 5px 0 0; overflow: hidden; color: #e0eaf6; font-size: var(--client-type-label, .76rem); line-height: 1.35; text-overflow: ellipsis; }
.product-review-detail-product p { margin: 4px 0 0; color: #657d98 !important; font-size: var(--client-type-body, .62rem); }
.product-review-detail-product a { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; color: #76a8e8; font-size: var(--client-type-caption, .62rem); text-decoration: none; }
.product-review-detail-meta h2 { margin: 0 0 12px; color: #e1ebf7; font-size: var(--client-type-label, .8rem); }
.product-review-detail-meta dl { display: grid; gap: 0; margin: 0; }
.product-review-detail-meta dl > div { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px; padding: 9px 0; border-bottom: 1px solid rgba(77, 124, 180, .12); }
.product-review-detail-meta dl > div:last-child { border-bottom: 0; }
.product-review-detail-meta dt { color: #607994; font-size: var(--client-type-caption, .62rem); font-weight: 600; }
.product-review-detail-meta dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: #a9bacd; font-size: var(--client-type-caption, .65rem); text-align: right; }

@media (max-width: 991.98px) {
    .product-review-detail-grid { grid-template-columns: 1fr; }
    .product-review-detail-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .product-review-detail-header { align-items: flex-start; }
    .product-review-detail-header__status { justify-items: start; }
    .product-review-detail-sidebar { grid-template-columns: 1fr; }
    .product-review-detail-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1400px) {
    .reviews-all-page .product-reviews-filter__form { grid-template-columns: minmax(210px, 1.7fr) repeat(6, minmax(105px, 1fr)) auto; }
}

@media (max-width: 1399.98px) {
    .product-reviews-filter__form,
    .product-reviews-page:not(.product-reviews-page--global) .product-reviews-filter__form { grid-template-columns: repeat(4, minmax(130px, 1fr)); }
    .product-reviews-field--search { grid-column: span 2; }
    .product-review-table { --product-review-table-columns: minmax(170px, 1fr) minmax(210px, 1.35fr) minmax(145px, .8fr) minmax(120px, .62fr); }
}

@media (max-width: 991.98px) {
    .product-reviews-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-reviews-summary > div:nth-child(3) { border-left: 0; border-top: 1px solid rgba(91, 135, 188, .13); }
    .product-reviews-summary > div:nth-child(4) { border-top: 1px solid rgba(91, 135, 188, .13); }
    .product-reviews-filter__form,
    .product-reviews-page:not(.product-reviews-page--global) .product-reviews-filter__form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-review-table { border: 0; border-radius: 0; background: transparent; }
    .product-review-table__head { display: none; }
    .product-review-row { grid-template-columns: minmax(210px, .9fr) minmax(260px, 1.2fr); align-items: start; padding-inline: 4px; }
    .product-review-row__context { grid-column: 1; }
    .product-review-row__order { grid-column: 2; justify-self: start; justify-items: start; text-align: left; }
}

@media (max-width: 575.98px) {
    .product-reviews-header { align-items: flex-start; }
    .product-reviews-header__badge { display: none; }
    .product-reviews-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-reviews-summary > div { padding: 14px; }
    .product-reviews-filter { padding: 14px; }
    .product-reviews-filter__heading { align-items: flex-start; }
    .product-reviews-filter__heading p { display: none; }
    .product-reviews-filter__reset { font-size: 0; }
    .product-reviews-filter__reset i { font-size: .8rem; }
    .product-reviews-filter__reset span { font-size: var(--client-type-caption, .6rem); }
    .product-reviews-filter__form,
    .product-reviews-page:not(.product-reviews-page--global) .product-reviews-filter__form { grid-template-columns: 1fr; }
    .product-reviews-field--search { grid-column: auto; }
    .product-reviews-filter__submit { width: 100%; }
    .product-review-row { grid-template-columns: 1fr; gap: 12px; padding: 16px 2px; }
    .product-review-row__feedback,
    .product-review-row__context,
    .product-review-row__order { grid-column: 1; }
    .product-review-row__order { display: flex; flex-wrap: wrap; gap: 6px 12px; }
    .product-reviews-pagination { align-items: flex-start; }
    .product-reviews-pagination > div { display: grid; }
}

.modal-head h2,
.modal-head h5 { margin: 0; color: #edf4fd; font-size: var(--client-type-body, 1rem); }
.modal-content pre { overflow: auto; margin: 0; border: 0; border-radius: 12px; background: #050d17; }

.review-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(290px, .85fr);
    gap: 14px;
}

.review-detail__main-col,
.review-detail__sidebar-col {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 14px;
}

.review-detail-card {
    min-width: 0;
    padding: clamp(18px, 2.1vw, 28px);
    border: 0;
    border-radius: 13px;
    color: #c7d5e6;
    background: #0a1727;
}

.review-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}

.review-detail-head > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.review-detail-head strong {
    overflow: hidden;
    color: #edf4fd;
    font-size: var(--client-type-label, .84rem);
    text-overflow: ellipsis;
}

.review-detail-head small { margin-top: 3px; color: #6f849f; font-size: var(--client-type-caption, .68rem); }
.review-detail-rating { margin-bottom: 12px; }
.review-detail-card h4 { margin: 0 0 9px; color: #edf4fd; font-size: var(--client-type-body, 1rem); }
.review-detail-copy { color: #b5c5d8; font-size: var(--client-type-body, .82rem); line-height: 1.65; }

.review-translation {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 22px;
    padding: 14px;
    border: 0;
    border-radius: 11px;
    background: #0e2034;
}

.review-translation img { width: 25px; height: 25px; flex: 0 0 25px; }
.review-translation small { color: #7290b3; font-size: var(--client-type-caption, .65rem); font-weight: 750; }
.review-translation p { margin: 4px 0 0; color: #bdccdd !important; font-size: var(--client-type-body, .77rem); line-height: 1.55; }
.review-reply-card { background: #091522; }

.review-detail-section-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
}

.review-detail-section-title i { color: #7da9ff; font-size: 1.12rem; }
.review-detail-section-title h5 { margin: 0; color: #edf4fd; font-size: var(--client-type-label, .84rem); }
.review-facts { display: grid; gap: 0; }
.review-facts > div { min-width: 0; display: grid; grid-template-columns: minmax(90px, .7fr) minmax(0, 1.3fr); align-items: center; gap: 12px; padding: 11px 0; }
.review-facts > div + div { box-shadow: inset 0 1px rgba(151, 174, 209, .075); }
.review-facts > div > span,
.review-report-meta span { color: #6d829d; font-size: var(--client-type-caption, .67rem); }
.review-facts strong { min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 6px; overflow-wrap: anywhere; color: #c9d7e8; font-size: var(--client-type-caption, .7rem); font-weight: 680; text-align: right; }
.review-fact-shop img { width: 20px; height: 20px; }
.review-report-card > p { margin: 15px 0 18px; color: #8fa4bd !important; font-size: var(--client-type-body, .74rem); line-height: 1.55; }
.review-report-meta { display: grid; gap: 12px; }
.review-report-meta > div { display: flex; flex-direction: column; gap: 4px; }
.review-report-meta strong { color: #c7d5e6; font-size: var(--client-type-caption, .72rem); }

.invitation-detail {
    padding: 19px;
    border: 0;
    border-radius: 12px;
    color: #bdccdd;
    background: transparent;
}

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

.invitation-progress > div {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    color: #566c87;
    text-align: center;
}

.invitation-progress > div::after {
    content: "";
    position: absolute;
    top: 15px;
    left: calc(50% + 22px);
    right: calc(-50% + 22px);
    height: 2px;
    background: #182a40;
}

.invitation-progress > div:last-child::after { display: none; }
.invitation-progress span { position: relative; z-index: 1; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; background: #142338; font-size: var(--client-type-body, .95rem); }
.invitation-progress strong { overflow: hidden; font-size: var(--client-type-caption, .64rem); font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.invitation-progress > div.active { color: #91b7ff; }
.invitation-progress > div.active span { color: #bcd2ff; background: #15365f; }
.invitation-progress > div.active::after { background: #285b9d; }
.invitation-detail-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }
.invitation-detail-meta > div { min-width: 0; display: flex; flex-direction: column; gap: 4px; padding: 11px 12px; border: 0; border-radius: 9px; background: #0e1d30; }
.invitation-detail-meta span { color: #647a95; font-size: var(--client-type-caption, .62rem); font-weight: 780; letter-spacing: .05em; text-transform: uppercase; }
.invitation-detail-meta strong { color: #c6d4e5; font-size: var(--client-type-caption, .69rem); font-weight: 650; }

@media (max-width: 1199.98px) {
    .entity-nav { padding-right: 18px; padding-left: 18px; }
    .entity-nav__selector { flex-basis: 210px; }
    .reviews-workspace { grid-template-columns: minmax(280px, 330px) minmax(0, 1fr); }
    .reviews-management-filters .product-reviews-filter__form { grid-template-columns: repeat(4, minmax(130px, 1fr)); }
}

@media (max-width: 991.98px) {
    .entity-nav { position: relative; top: 0; flex-direction: column; gap: 7px; padding: 9px 18px; }
    .entity-nav__selector { flex-basis: auto; width: min(100%, 360px); }
    .entity-nav__links { width: 100%; }
    .reviews-workspace { height: auto; min-height: 0; grid-template-columns: 1fr; overflow: visible; }
    .reviews-workspace--management { height: auto; }
    .reviews-panel { min-height: 440px; max-height: 62vh; }
    .review-content-wrapper { min-height: 520px; overflow: visible; }
    .review-detail-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
    .subscription-summary { grid-template-columns: 1fr; }
    .subscription-plan-card { grid-template-columns: 1fr auto; }
    .subscription-plan-card .btn { grid-column: 1 / -1; }
    .widget-list-grid { grid-template-columns: 1fr; }
    .widget-type-grid { grid-template-columns: 1fr; }
    .client-danger-zone { align-items: stretch; flex-direction: column; }
    .translation-usage { flex-direction: column; }
    .invitation-detail-meta { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
    .entity-nav { padding-right: 12px; padding-left: 12px; }
    .entity-nav__selector { width: 100%; }
    .client-member-row { grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; }
    .client-member-row .client-status-pill { display: none; }
    .client-member-row__actions { grid-column: 3; }
    .client-list-toolbar { align-items: stretch; flex-direction: column; }
    .client-list-toolbar .btn { justify-content: center; }
    .client-pagination-meta { width: 100%; flex-basis: 100%; }
    .widget-list-card { padding: 14px; }
    .widget-list-card__head { grid-template-columns: 38px minmax(0, 1fr); }
    .widget-list-card__head .client-list-status { grid-column: 1 / -1; width: fit-content; }
    .widget-list-card__actions { align-items: center; flex-direction: row; }
    .widget-list-card__actions .btn { width: auto; flex: 1 1 0; margin-right: 0 !important; }
    .widget-list-card__actions .widget-list-card__settings,
    .widget-list-card__actions .client-row-action { width: 36px; flex: 0 0 36px; margin-right: 0 !important; }
    .reviews-workspace { padding: 8px 8px 8px 0; }
    .reviews-workspace--management { padding: 0; }
    .reviews-management-header .client-page-actions { width: 100%; flex-wrap: wrap; }
    .reviews-management-header .client-page-actions .btn { flex: 1 1 auto; justify-content: center; }
    .reviews-management-filters .product-reviews-filter__form { grid-template-columns: 1fr; }
    .review-detail { padding: 0; }
    .review-detail-head { align-items: stretch; flex-direction: column; }
    .review-detail-head .btn { width: fit-content; }
    .review-facts > div { grid-template-columns: 1fr; gap: 4px; }
    .review-facts strong { justify-content: flex-start; text-align: left; }
    .invitation-progress strong { font-size: var(--client-type-caption, .58rem); }
}

/* Shop and group overview v2 */
.overview-v2 {
    --overview-surface: #071421;
    --overview-surface-raised: #0a1928;
    --overview-field: #0d1d2e;
    --overview-muted: #7086a0;
    --overview-blue: #5f91ff;
}

.overview-v2__header { align-items: flex-end; }

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

.overview-metric {
    position: relative;
    min-width: 0;
    min-height: 142px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    background: var(--overview-surface);
}

.overview-metric--blue { --overview-accent: #6f9cff; --overview-icon: rgba(74, 126, 242, .14); }
.overview-metric--teal { --overview-accent: #58d6bd; --overview-icon: rgba(52, 199, 169, .13); }
.overview-metric--violet { --overview-accent: #ad8bff; --overview-icon: rgba(143, 97, 242, .14); }
.overview-metric--indigo { --overview-accent: #7cb4ff; --overview-icon: rgba(71, 149, 255, .13); }

.overview-metric__icon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: var(--overview-accent);
    background: var(--overview-icon);
    font-size: 1.35rem;
}

.overview-metric__content { min-width: 0; display: flex; flex: 1; flex-direction: column; }
.overview-metric__content > span { color: #8298b2; font-size: var(--client-type-caption, .7rem); font-weight: 750; }
.overview-metric__content > strong { margin-top: 5px; color: #f2f7ff; font-size: clamp(1.85rem, 2.5vw, 2.35rem); font-weight: 790; line-height: 1; letter-spacing: -.045em; }
.overview-metric__content > strong em { color: #677e99; font-size: var(--client-type-label, .82rem); font-style: normal; font-weight: 700; letter-spacing: 0; }
.overview-metric__content > small { margin-top: 12px; color: #5f7590; font-size: var(--client-type-caption, .68rem); line-height: 1.4; }

.overview-main-grid {
    display: grid;
    grid-template-columns: minmax(270px, .72fr) minmax(0, 1.55fr);
    gap: 16px;
    margin-top: 16px;
}

.overview-surface {
    min-width: 0;
    padding: clamp(20px, 2.4vw, 28px);
    border: 0;
    border-radius: 17px;
    background: var(--overview-surface);
}

.overview-profile-card__head { min-width: 0; display: flex; align-items: center; gap: 14px; }
.overview-profile-logo { width: 58px; height: 58px; flex: 0 0 58px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 5px; border-radius: 15px; background: #f3f6fa; }
.overview-profile-logo img { width: 100%; height: 100%; object-fit: contain; }
.overview-profile-card__identity { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.overview-eyebrow { color: #5f8fe9; font-size: var(--client-type-caption, .62rem); font-weight: 820; letter-spacing: .12em; text-transform: uppercase; }
.overview-profile-card__identity h2,
.overview-surface__header h2 { margin: 4px 0 0; color: #eff5fd; font-size: var(--client-type-body, 1rem); font-weight: 760; }
.overview-profile-card__identity h2 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overview-status { display: inline-flex; align-items: center; gap: 6px; margin-top: 7px; color: #71908d; font-size: var(--client-type-caption, .64rem); font-weight: 700; text-transform: capitalize; }
.overview-status i { width: 6px; height: 6px; border-radius: 50%; background: #48c8a7; box-shadow: 0 0 9px rgba(72, 200, 167, .55); }

.overview-facts { display: grid; gap: 0; margin: 24px 0 0; }
.overview-facts > div { min-width: 0; display: grid; grid-template-columns: minmax(80px, .6fr) minmax(0, 1.4fr); align-items: center; gap: 14px; padding: 11px 0; }
.overview-facts > div + div { box-shadow: inset 0 1px rgba(148, 171, 203, .07); }
.overview-facts dt { margin: 0; color: #5d738e; font-size: var(--client-type-caption, .61rem); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.overview-facts dd { min-width: 0; margin: 0; overflow: hidden; color: #c6d4e5; font-size: var(--client-type-caption, .7rem); font-weight: 680; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.overview-category-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 19px; }
.overview-category-list span { padding: 7px 10px; border-radius: 8px; color: #9fb9d8; background: var(--overview-field); font-size: var(--client-type-caption, .65rem); font-weight: 680; }

.overview-surface__header { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; }
.overview-surface__header > div:first-child { min-width: 0; }
.overview-surface__header p { margin: 6px 0 0; color: #627892 !important; font-size: var(--client-type-body, .68rem); }
.overview-score { flex: 0 0 auto; display: grid; grid-template-columns: auto auto; align-items: baseline; column-gap: 4px; text-align: right; }
.overview-score > strong { color: #f3f7fd; font-size: var(--client-type-title, 1.8rem); font-weight: 800; line-height: 1; letter-spacing: -.05em; }
.overview-score > span { color: #617792; font-size: var(--client-type-caption, .67rem); font-weight: 700; }
.overview-score > div { grid-column: 1 / -1; width: 72px; height: 4px; margin-top: 8px; overflow: hidden; border-radius: 99px; background: #17283b; }
.overview-score > div i { display: block; height: 100%; border-radius: inherit; background: #ffcf18; }

.overview-rating-bars { display: grid; gap: 14px; margin-top: 25px; }
.overview-rating-row { min-width: 0; display: grid; grid-template-columns: 40px minmax(80px, 1fr) 48px 42px; align-items: center; gap: 11px; }
.overview-rating-row__label { display: inline-flex; align-items: center; gap: 5px; color: #c4d3e5; font-size: var(--client-type-caption, .72rem); font-weight: 760; }
.overview-rating-row__label i { color: #ffcf18; font-size: .8rem; }
.overview-rating-row__track { height: 8px; overflow: hidden; border-radius: 99px; background: #132436; }
.overview-rating-row__track span { display: block; min-width: 0; height: 100%; border-radius: inherit; background: #ffcf18; }
.overview-rating-row > strong { color: #aebfd3; font-size: var(--client-type-caption, .68rem); font-weight: 760; text-align: right; }
.overview-rating-row > small { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 4px 7px; border-radius: 8px; color: #7890ab; background: var(--overview-field); font-size: var(--client-type-caption, .64rem); font-weight: 700; }

.overview-connected { margin-top: 16px; }
.overview-connected__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 9px; margin-top: 18px; }
.overview-connected__item { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 11px; color: #b7c7da; background: var(--overview-field); text-decoration: none; transition: background .16s ease, transform .16s ease; }
.overview-connected__item:hover { color: #eef5ff; background: #12263d; transform: translateY(-1px); }
.overview-connected__item > span,
.overview-connected__item > img { width: 34px; height: 34px; }
.overview-connected__item > span { display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; color: #7faaff; background: #152b46; font-size: var(--client-type-body, 1rem); }
.overview-connected__item > img { object-fit: cover; border-radius: 50%; }
.overview-connected__item strong { overflow: hidden; font-size: var(--client-type-caption, .72rem); text-overflow: ellipsis; white-space: nowrap; }
.overview-connected__item > i { color: #526b88; }
.overview-connected__empty { grid-column: 1 / -1; padding: 18px; border-radius: 11px; color: #657b96; background: var(--overview-field); font-size: var(--client-type-caption, .72rem); text-align: center; }

/* Reviews export workspace */
.export-workspace { --export-surface: #071421; --export-raised: #0a1928; --export-field: #0d1d2e; }
.export-workspace__header { align-items: flex-end; }
.export-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.export-overview article { min-width: 0; display: flex; align-items: center; gap: 13px; padding: 16px 18px; border-radius: 14px; background: var(--export-surface); }
.export-overview article > span { width: 39px; height: 39px; flex: 0 0 39px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; color: #7da8ff; background: rgba(73, 126, 231, .13); font-size: var(--client-type-lead, 1.08rem); }
.export-overview article:nth-child(2) > span { color: #5ad4bc; background: rgba(52, 199, 169, .12); }
.export-overview article:nth-child(3) > span { color: #a98cff; background: rgba(143, 97, 242, .13); }
.export-overview article > div { min-width: 0; display: flex; flex-direction: column; }
.export-overview small { color: #687e99; font-size: var(--client-type-caption, .63rem); font-weight: 700; }
.export-overview strong { overflow: hidden; margin-top: 3px; color: #eaf2fc; font-size: var(--client-type-body, 1rem); text-overflow: ellipsis; white-space: nowrap; }

.export-builder { display: grid; grid-template-columns: minmax(0, 1fr) 300px; align-items: start; gap: 16px; }
.export-selector,
.export-summary,
.export-api,
.export-empty-state { border: 0; border-radius: 17px; background: var(--export-surface); }
.export-selector { min-width: 0; padding: clamp(20px, 2.4vw, 28px); }
.export-selector__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.export-selector__header h2,
.export-summary h2,
.export-api h2,
.export-empty-state h2 { margin: 4px 0 0; color: #edf4fd; font-size: var(--client-type-body, 1rem); font-weight: 760; }
.export-selection-count { flex: 0 0 auto; padding: 7px 10px; border-radius: 9px; color: #7188a3; background: var(--export-field); font-size: var(--client-type-caption, .64rem); font-weight: 700; }
.export-selection-count strong { color: #a9c5f7; }
.export-toolbar { display: flex; align-items: center; gap: 10px; margin-top: 20px; }
.export-search { min-width: 180px; flex: 1; display: flex; align-items: center; gap: 9px; padding: 0 12px; border-radius: 10px; color: #607893; background: var(--export-field); }
.export-search:focus-within { box-shadow: inset 0 0 0 1px rgba(82, 139, 245, .32); }
.export-search input { width: 100%; min-height: 40px; padding: 0; border: 0; outline: 0; color: #dce8f7; background: transparent; font-size: var(--client-type-input, .72rem); }
.export-search input::placeholder { color: #526a85; }
.export-toolbar .btn { min-height: 40px; flex: 0 0 auto; }
.export-toolbar .btn.is-active { color: #a9c8ff !important; background: #112b4a !important; }

.export-shop-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; margin-top: 16px; }
.export-shop-card { position: relative; min-width: 0; display: grid; grid-template-columns: 25px 34px minmax(0, 1fr); align-items: center; gap: 10px; min-height: 88px; padding: 13px; overflow: hidden; border-radius: 12px; color: #b9c9db; background: var(--export-field); cursor: pointer; transition: background .16s ease, transform .16s ease, box-shadow .16s ease; }
.export-shop-card[hidden] { display: none; }
.export-shop-card:hover { background: #112238; transform: translateY(-1px); }
.export-shop-card.is-selected { background: #102947; box-shadow: inset 3px 0 0 #568fff; }
.export-shop-card > input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.export-shop-card__check { width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 7px; color: transparent; background: #172a40; font-size: var(--client-type-caption, .75rem); transition: color .16s ease, background .16s ease; }
.export-shop-card.is-selected .export-shop-card__check { color: #fff; background: #4d86ee; }
.export-shop-card > img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.export-shop-card__content { min-width: 0; display: flex; flex-direction: column; }
.export-shop-card__content strong { overflow: hidden; color: #dbe7f6; font-size: var(--client-type-caption, .72rem); text-overflow: ellipsis; white-space: nowrap; }
.export-shop-card__content small { overflow: hidden; margin-top: 3px; color: #647b96; font-size: var(--client-type-caption, .62rem); text-overflow: ellipsis; white-space: nowrap; }
.export-shop-card__reviews { grid-column: 3; color: #7890aa; font-size: var(--client-type-caption, .62rem); }
.export-no-results { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 210px; margin-top: 16px; border-radius: 12px; color: #617892; background: var(--export-field); text-align: center; }
.export-no-results[hidden] { display: none; }
.export-no-results i { margin-bottom: 10px; color: #6588c7; font-size: 1.65rem; }
.export-no-results strong { color: #b9c9da; font-size: var(--client-type-label, .78rem); }
.export-no-results span { margin-top: 4px; font-size: var(--client-type-caption, .66rem); }

.export-summary { position: sticky; top: calc(var(--client-topbar-height) + 16px); padding: 25px; }
.export-summary__icon { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 20px; border-radius: 14px; color: #8eb3ff; background: rgba(75, 132, 239, .14); font-size: 1.35rem; }
.export-summary > p { margin: 10px 0 20px; color: #657b96 !important; font-size: var(--client-type-body, .69rem); line-height: 1.55; }
.export-summary dl { display: grid; gap: 0; margin: 0 0 21px; }
.export-summary dl > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 0; }
.export-summary dl > div + div { box-shadow: inset 0 1px rgba(148, 171, 203, .07); }
.export-summary dt { color: #687e99; font-size: var(--client-type-caption, .65rem); font-weight: 650; }
.export-summary dd { margin: 0; color: #d5e2f1; font-size: var(--client-type-caption, .72rem); font-weight: 760; }
.export-summary .btn-export { width: 100%; min-height: 43px; justify-content: center; }
.export-summary .btn-export:disabled { color: #70839a !important; background: #102034 !important; opacity: 1; }
.export-button__default,
.export-button__loading { align-items: center; justify-content: center; gap: 7px; }
.export-button__default { display: inline-flex; }
.export-button__loading { display: none; }
.btn-export.is-loading .export-button__default { display: none; }
.btn-export.is-loading .export-button__loading { display: inline-flex; }
.export-summary__hint { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 11px; color: #526a84; font-size: var(--client-type-caption, .6rem); }
.export-result { display: none; margin-top: 18px; }
.export-result.is-visible { display: block; }
.export-result .copy-text { width: 100%; margin: 0; border-radius: 10px; background: var(--export-field) !important; }
.export-result .copy-text > div { min-width: 0; }
.export-result .copy-text__text-wrapper { min-width: 0; padding: 10px 11px; border: 0 !important; border-radius: 9px 0 0 9px; color: #9db4cf; background: #0d1d2e; font-size: var(--client-type-caption, .61rem); white-space: nowrap; }
.export-result .copy-text__btn { display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 0 9px 9px 0; color: #9cbbf7; background: #173151; }
.export-error { margin-top: 14px; padding: 10px; border-radius: 9px; color: #ff9cac; background: rgba(231, 75, 95, .09); font-size: var(--client-type-caption, .65rem); text-align: center; }

.export-empty-state { display: flex; flex-direction: column; align-items: center; padding: clamp(34px, 7vw, 70px); text-align: center; }
.export-empty-state > span { width: 58px; height: 58px; display: inline-flex; align-items: center; justify-content: center; border-radius: 17px; color: #87aeff; background: rgba(75, 132, 239, .13); font-size: var(--client-type-heading, 1.55rem); }
.export-empty-state p { margin: 9px 0 20px; color: #657b96 !important; font-size: var(--client-type-body, .72rem); }

.export-api { margin-top: 16px; padding: clamp(22px, 3vw, 34px); scroll-margin-top: 90px; }
.export-api__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.export-api__header p { margin: 7px 0 0; color: #657b96 !important; font-size: var(--client-type-body, .7rem); }
.export-api__method { padding: 7px 10px; border-radius: 8px; color: #67d9bc; background: rgba(52, 199, 169, .11); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: var(--client-type-caption, .67rem); font-weight: 800; }
.export-endpoint { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; margin-top: 20px; padding: 11px 12px; border-radius: 11px; color: #6f91cc; background: #040d17; }
.export-endpoint > i { font-size: 1rem; }
.export-endpoint code { overflow-x: auto; color: #b8cbe1; font-size: var(--client-type-caption, .7rem); white-space: nowrap; scrollbar-width: none; }
.export-copy-endpoint { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 8px; color: #86a9e7; background: #10243b; }
.export-copy-endpoint:hover,
.export-copy-endpoint.is-copied { color: #fff; background: #2559a0; }
.export-api-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr); gap: 16px; margin-top: 16px; }
.export-parameters,
.export-response-example { min-width: 0; overflow: hidden; border-radius: 13px; background: var(--export-field); }
.export-parameters { padding: 20px; }
.export-parameters h3,
.export-response-example h3 { margin: 0; color: #dce8f7; font-size: var(--client-type-label, .8rem); }
.export-parameter-list { display: grid; gap: 0; margin-top: 13px; }
.export-parameter-list > div { min-width: 0; display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 4px 11px; padding: 11px 0; }
.export-parameter-list > div + div { box-shadow: inset 0 1px rgba(148, 171, 203, .07); }
.export-parameter-list code { grid-row: 1 / span 2; width: fit-content; color: #8eb2f4; font-size: var(--client-type-caption, .67rem); font-weight: 750; }
.export-parameter-list p { margin: 0; color: #899db5 !important; font-size: var(--client-type-body, .66rem); line-height: 1.45; }
.export-parameter-list span { color: #56708e; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: var(--client-type-caption, .59rem); }
.export-response-example { display: flex; flex-direction: column; background: #040d17; }
.export-response-example__header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 18px; background: #091624; }
.export-response-example__header span { color: #62cfb4; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: var(--client-type-caption, .6rem); }
.export-response-example pre { min-height: 0; flex: 1; margin: 0; overflow: auto; padding: 18px; }
.export-response-example code { color: #9eb5cf; font-size: var(--client-type-caption, .65rem); line-height: 1.65; }

@media (max-width: 1199.98px) {
    .overview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .export-builder { grid-template-columns: minmax(0, 1fr) 280px; }
    .export-shop-grid { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
}

@media (max-width: 991.98px) {
    .overview-main-grid { grid-template-columns: 1fr; }
    .export-builder { grid-template-columns: 1fr; }
    .export-summary { position: static; }
    .export-api-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
    .overview-v2__header,
    .export-workspace__header { align-items: stretch; }
    .overview-metrics,
    .export-overview { grid-template-columns: 1fr; }
    .overview-metric { min-height: 120px; }
    .overview-surface__header { flex-direction: column; }
    .overview-score { text-align: left; }
    .export-toolbar { align-items: stretch; flex-direction: column; }
    .export-toolbar .btn { justify-content: center; }
    .export-selector__header { flex-direction: column; }
    .export-selection-count { align-self: flex-start; }
}

@media (max-width: 575.98px) {
    .overview-rating-row { grid-template-columns: 32px minmax(60px, 1fr) 42px; gap: 8px; }
    .overview-rating-row > small { display: none; }
    .overview-facts > div { grid-template-columns: 72px minmax(0, 1fr); }
    .overview-connected__grid { grid-template-columns: 1fr; }
    .export-shop-grid { grid-template-columns: 1fr; }
    .export-parameter-list > div { grid-template-columns: 1fr; }
    .export-parameter-list code { grid-row: auto; }
    .export-endpoint { grid-template-columns: minmax(0, 1fr) auto; }
    .export-endpoint > i { display: none; }
}

/* AI review analysis */
.review-analysis-page { --analysis-surface: #07111e; --analysis-field: #0a1727; --analysis-line: rgba(116, 151, 194, .1); }
.review-analysis-header { align-items: center; }
.review-analysis-credit { min-width: 225px; display: flex; align-items: center; gap: 11px; padding: 11px 14px; border-radius: 13px; background: var(--analysis-surface); }
.review-analysis-credit > span { width: 37px; height: 37px; flex: 0 0 37px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; font-size: var(--client-type-lead, 1.1rem); }
.review-analysis-credit.is-available > span { color: #78d7b8; background: rgba(60, 202, 160, .12); }
.review-analysis-credit.is-empty > span { color: #f58b9a; background: rgba(229, 76, 99, .12); }
.review-analysis-credit > div { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.review-analysis-credit small { color: #5e7591; font-size: var(--client-type-caption, .56rem); font-weight: 850; letter-spacing: .09em; }
.review-analysis-credit strong { overflow: hidden; color: #dce8f7; font-size: var(--client-type-caption, .75rem); text-overflow: ellipsis; white-space: nowrap; }

.review-analysis-control-card { padding: 21px 22px; border-radius: 17px; background: var(--analysis-surface); }
.review-analysis-scope-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.review-analysis-scope-head > div { display: flex; align-items: center; gap: 11px; }
.review-analysis-scope-head > div > div { display: flex; flex-direction: column; gap: 2px; }
.review-analysis-scope-head strong { color: #e6effb; font-size: var(--client-type-label, .82rem); }
.review-analysis-scope-head small { color: #607792; font-size: var(--client-type-caption, .65rem); }
.client-admin-main .main-body .review-analysis-clear-scope { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border-radius: 8px; color: #657c97; background: #0a1727; font-size: var(--client-type-caption, .59rem); font-weight: 700; }
.client-admin-main .main-body .review-analysis-clear-scope:hover { color: #b9cbe0; background: #10233a; }
.review-analysis-scope-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 245px; align-items: end; gap: 11px; margin-top: 17px; }
.review-analysis-scope-field { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.review-analysis-scope-field > span { padding-left: 2px; color: #617791; font-size: var(--client-type-caption, .57rem); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.review-analysis-scope-field .select2-container { width: 100% !important; }
.review-analysis-scope-field .select2-selection--multiple { min-height: 46px !important; }
.review-analysis-scope-summary { min-height: 46px; display: flex; align-items: center; gap: 10px; padding: 8px 11px; border-radius: 11px; background: #0a1727; }
.review-analysis-scope-summary > span { width: 30px; height: 30px; flex: 0 0 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; color: #7fa7ef; background: rgba(72, 126, 235, .12); font-size: var(--client-type-body, .9rem); }
.review-analysis-scope-summary > div { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.review-analysis-scope-summary small { color: #536b87; font-size: var(--client-type-caption, .49rem); font-weight: 850; letter-spacing: .08em; }
.review-analysis-scope-summary strong { overflow: hidden; color: #bdcde0; font-size: var(--client-type-caption, .65rem); text-overflow: ellipsis; white-space: nowrap; }
.review-analysis-control-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 19px; padding: 18px 0 17px; box-shadow: inset 0 1px var(--analysis-line); }
.review-analysis-control-head > div { display: flex; align-items: center; gap: 11px; }
.review-analysis-section-icon { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; color: #83acff; background: rgba(72, 126, 235, .12); font-size: 1.1rem; }
.review-analysis-control-head > div > div { display: flex; flex-direction: column; gap: 2px; }
.review-analysis-control-head strong { color: #e6effb; font-size: var(--client-type-label, .82rem); }
.review-analysis-control-head small { color: #607792; font-size: var(--client-type-caption, .65rem); }
.review-analysis-review-count { display: inline-flex; align-items: center; gap: 6px; color: #687e98; font-size: var(--client-type-caption, .63rem); }
.review-analysis-review-count i { color: #668fdb; font-size: .9rem; }
.review-analysis-review-count strong { color: #a9bdd4; font-size: var(--client-type-caption, .68rem); }
.review-analysis-controls { display: flex; align-items: flex-end; gap: 10px; padding-top: 17px; box-shadow: inset 0 1px var(--analysis-line); }
.review-analysis-quick-periods { flex: 1; display: flex; align-items: center; gap: 5px; padding: 4px; border-radius: 12px; background: #040c16; }
.client-admin-main .main-body .review-analysis-period { min-height: 36px; flex: 1; padding: 7px 10px; border: 0 !important; border-radius: 9px; color: #647b96; background: transparent; font-size: var(--client-type-caption, .66rem); font-weight: 750; transition: .16s ease; }
.client-admin-main .main-body .review-analysis-period:hover { color: #b7c9de; background: rgba(70, 112, 171, .1); }
.client-admin-main .main-body .review-analysis-period.is-active { color: #dce9fb; background: #10233a; }
.review-analysis-date-field { flex: 0 0 145px; display: flex; flex-direction: column; gap: 6px; }
.review-analysis-date-field > span { padding-left: 2px; color: #617791; font-size: var(--client-type-caption, .57rem); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.client-admin-main .main-body .review-analysis-date-field .form-control { min-height: 44px; color-scheme: dark; font-size: var(--client-type-input, .68rem); }
.review-analysis-date-separator { align-self: center; margin-top: 17px; color: #49627f; font-size: var(--client-type-body, .9rem); }
.client-admin-main .main-body .review-analysis-submit { min-width: 190px; min-height: 44px; display: inline-flex; gap: 8px; font-size: var(--client-type-caption, .7rem); }
.client-admin-main .main-body .review-analysis-submit i { font-size: 1rem; }
.client-admin-main .main-body .review-analysis-submit.is-loading i { animation: review-analysis-spin 1s linear infinite; }
.review-analysis-cost-note { display: flex; align-items: center; gap: 6px; margin-top: 12px; color: #4f6681; font-size: var(--client-type-caption, .59rem); }
.review-analysis-cost-note i { color: #6586ba; font-size: .78rem; }

.review-analysis-empty,
.review-analysis-loading { position: relative; min-height: 410px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; margin-top: 17px; padding: 44px 24px; border-radius: 18px; background: var(--analysis-surface); text-align: center; }
.review-analysis-empty__icon { position: relative; z-index: 1; width: 72px; height: 72px; display: inline-flex; align-items: center; justify-content: center; border-radius: 22px; color: #8eb4ff; background: #102640; font-size: 2rem; box-shadow: 0 20px 50px rgba(0, 0, 0, .28); }
.review-analysis-empty__glow { display: none; }
.review-analysis-empty h2,
.review-analysis-loading h2 { position: relative; margin: 22px 0 0; color: #edf4fd; font-size: var(--client-type-section, 1.13rem); font-weight: 770; letter-spacing: -.018em; }
.review-analysis-empty > p,
.review-analysis-loading > p { position: relative; max-width: 610px; margin: 10px 0 0; color: #6e849d !important; font-size: var(--client-type-body, .72rem); line-height: 1.7; }
.review-analysis-empty__features { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 9px 18px; margin-top: 23px; }
.review-analysis-empty__features span { display: inline-flex; align-items: center; gap: 6px; color: #8195ad; font-size: var(--client-type-caption, .65rem); }
.review-analysis-empty__features i { width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #61c6a7; background: rgba(70, 197, 159, .1); font-size: .62rem; }

.review-analysis-loader { position: relative; width: 76px; height: 76px; display: flex; align-items: center; justify-content: center; color: #9bbcff; font-size: var(--client-type-title, 1.8rem); }
.review-analysis-loader > span { position: absolute; inset: 0; border: 2px solid rgba(91, 139, 230, .12); border-top-color: #5a92f0; border-radius: 50%; animation: review-analysis-spin 1.2s linear infinite; }
.review-analysis-progress { width: min(360px, 80%); height: 4px; overflow: hidden; margin-top: 22px; border-radius: 4px; background: #0c1b2d; }
.review-analysis-progress span { width: 45%; height: 100%; display: block; border-radius: inherit; background: #4f8cff; animation: review-analysis-progress 1.6s ease-in-out infinite; }
.review-analysis-loading > small { margin-top: 13px; color: #4e657f; font-size: var(--client-type-caption, .59rem); }
.review-analysis-error { display: flex; align-items: center; gap: 14px; margin-top: 17px; padding: 18px 20px; border-radius: 15px; background: rgba(185, 51, 72, .1); }
.review-analysis-error > span { width: 41px; height: 41px; flex: 0 0 41px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; color: #ff92a0; background: rgba(220, 74, 96, .13); font-size: var(--client-type-section, 1.15rem); }
.review-analysis-error > div { min-width: 0; flex: 1; }
.review-analysis-error strong { color: #ffc0c8; font-size: var(--client-type-label, .78rem); }
.review-analysis-error p { margin: 3px 0 0; color: #a97983 !important; font-size: var(--client-type-body, .66rem); }
.client-admin-main .main-body .review-analysis-error .btn { flex: 0 0 auto; font-size: var(--client-type-label, .65rem); }

.review-analysis-results { scroll-margin-top: 130px; margin-top: 18px; }
.review-analysis-results-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; padding: 0 2px; }
.review-analysis-results-head > div:first-child { display: flex; align-items: center; gap: 9px; }
.review-analysis-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #54cba9; box-shadow: 0 0 0 5px rgba(84, 203, 169, .08); }
.review-analysis-results-head > div:first-child > div { display: flex; flex-direction: column; gap: 1px; }
.review-analysis-results-head small { color: #5f7793; font-size: var(--client-type-caption, .54rem); font-weight: 850; letter-spacing: .1em; }
.review-analysis-results-head strong { color: #b9cbe0; font-size: var(--client-type-caption, .68rem); }
.review-analysis-result-meta { display: flex; align-items: center; gap: 8px; }
.review-analysis-result-meta span { padding: 6px 9px; border-radius: 8px; color: #687e99; background: var(--analysis-surface); font-size: var(--client-type-caption, .58rem); }

.review-analysis-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.review-analysis-metric { --metric-color: #79a9ff; min-width: 0; display: flex; align-items: center; gap: 13px; padding: 18px; border-radius: 15px; background: var(--analysis-surface); }
.review-analysis-metric > span { width: 42px; height: 42px; flex: 0 0 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; color: var(--metric-color); background: color-mix(in srgb, var(--metric-color) 12%, transparent); font-size: var(--client-type-section, 1.15rem); }
.review-analysis-metric > div { min-width: 0; display: flex; flex-direction: column; }
.review-analysis-metric small { color: #576f8b; font-size: var(--client-type-caption, .51rem); font-weight: 850; letter-spacing: .08em; }
.review-analysis-metric strong { margin-top: 5px; color: #eef5ff; font-size: var(--client-type-heading, 1.55rem); font-weight: 790; line-height: 1; letter-spacing: -.04em; }
.review-analysis-metric p { overflow: hidden; margin: 7px 0 0; color: #526982 !important; font-size: var(--client-type-body, .56rem); text-overflow: ellipsis; white-space: nowrap; }
.review-analysis-metric p.is-up { color: #62caaa !important; }
.review-analysis-metric p.is-down { color: #e77d8c !important; }
.review-analysis-metric--amber { --metric-color: #e8bd61; }
.review-analysis-metric--green { --metric-color: #5fc6a7; }
.review-analysis-metric--red { --metric-color: #e67482; }

.review-analysis-summary-card { position: relative; display: flex; align-items: flex-start; gap: 18px; margin-top: 12px; overflow: hidden; padding: 25px 27px; border-radius: 17px; background: #081522; }
.review-analysis-summary-card::after { position: absolute; right: -45px; bottom: -80px; width: 190px; height: 190px; border-radius: 50%; background: rgba(58, 112, 208, .07); content: ''; }
.review-analysis-summary-mark { width: 48px; height: 48px; flex: 0 0 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; color: #a9c3ff; background: rgba(65, 114, 213, .15); font-size: var(--client-type-section, 1.3rem); }
.review-analysis-summary-copy { position: relative; z-index: 1; min-width: 0; flex: 1; }
.review-analysis-summary-copy > div { display: flex; align-items: center; gap: 10px; }
.review-analysis-summary-copy > div > span:first-child { color: #7092c8; font-size: var(--client-type-caption, .55rem); font-weight: 850; letter-spacing: .1em; }
.review-analysis-sentiment { padding: 4px 7px; border-radius: 6px; font-size: var(--client-type-caption, .53rem); font-weight: 800; }
.review-analysis-sentiment.is-positive { color: #6ed2b3; background: rgba(65, 194, 155, .11); }
.review-analysis-sentiment.is-negative { color: #ee8998; background: rgba(218, 77, 99, .11); }
.review-analysis-sentiment.is-mixed { color: #e7c477; background: rgba(215, 170, 72, .11); }
.review-analysis-summary-copy h2 { margin: 11px 0 0; color: #eef5ff; font-size: var(--client-type-lead, 1.05rem); font-weight: 760; line-height: 1.35; letter-spacing: -.015em; }
.review-analysis-summary-copy p { max-width: 1040px; margin: 8px 0 0; color: #899db5 !important; font-size: var(--client-type-body, .72rem); line-height: 1.7; }

.review-analysis-chart-grid { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: 12px; margin-top: 12px; }
.review-analysis-insight-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.client-admin-main .main-body .review-analysis-card { min-width: 0; padding: 21px; border-radius: 16px; background: var(--analysis-surface) !important; }
.review-analysis-card__head { min-height: 39px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
.review-analysis-card__head > div { min-width: 0; display: flex; align-items: center; gap: 10px; }
.review-analysis-card__head > div > span { width: 36px; height: 36px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; color: #88aff8; background: rgba(69, 120, 220, .11); font-size: var(--client-type-body, 1rem); }
.review-analysis-card__head > div > span.is-positive { color: #63c8a9; background: rgba(61, 192, 152, .1); }
.review-analysis-card__head > div > span.is-negative { color: #e67888; background: rgba(218, 78, 99, .1); }
.review-analysis-card__head > div > span.is-action { color: #a995ef; background: rgba(138, 107, 222, .11); }
.review-analysis-card__head > div > span.is-theme { color: #e0b86c; background: rgba(211, 159, 63, .1); }
.review-analysis-card__head > div > div { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.review-analysis-card__head small { color: #58708c; font-size: var(--client-type-caption, .5rem); font-weight: 850; letter-spacing: .09em; }
.review-analysis-card__head strong { overflow: hidden; color: #dce8f7; font-size: var(--client-type-caption, .75rem); text-overflow: ellipsis; white-space: nowrap; }
.review-analysis-card__head > span { color: #4f6680; font-size: var(--client-type-caption, .56rem); white-space: nowrap; }
.review-analysis-chart { min-height: 290px; }
.review-analysis-insight-list { display: grid; gap: 0; }
.review-analysis-insight-list article { display: flex; align-items: flex-start; gap: 11px; padding: 13px 0; }
.review-analysis-insight-list article + article { box-shadow: inset 0 1px var(--analysis-line); }
.review-analysis-insight-list article > span { width: 22px; height: 22px; flex: 0 0 22px; display: inline-flex; align-items: center; justify-content: center; margin-top: 1px; border-radius: 7px; font-size: var(--client-type-caption, .72rem); }
.review-analysis-insight-list article > span.is-positive { color: #67c9ab; background: rgba(61, 192, 152, .1); }
.review-analysis-insight-list article > span.is-negative { color: #e77f8d; background: rgba(218, 78, 99, .1); }
.review-analysis-insight-list article > div { min-width: 0; }
.review-analysis-insight-list strong { color: #cbd9e9; font-size: var(--client-type-caption, .7rem); }
.review-analysis-insight-list p { margin: 4px 0 0; color: #70869f !important; font-size: var(--client-type-body, .64rem); line-height: 1.55; }
.review-analysis-list-empty { margin: 20px 0; color: #60768f !important; font-size: var(--client-type-caption, .65rem); text-align: center; }

.review-analysis-recommendations,
.review-analysis-themes-card { margin-top: 12px; }
.review-analysis-table-wrap { overflow-x: auto; margin: 0 -21px -21px; }
.review-analysis-table { width: 100%; min-width: 800px; border-collapse: collapse; }
.review-analysis-table th { padding: 11px 16px; color: #536a84; background: #050e19; font-size: var(--client-type-caption, .52rem); font-weight: 850; letter-spacing: .07em; text-align: left; text-transform: uppercase; }
.review-analysis-table td { padding: 14px 16px; color: #7187a0; font-size: var(--client-type-caption, .62rem); line-height: 1.5; vertical-align: top; }
.review-analysis-table tbody tr + tr td { box-shadow: inset 0 1px var(--analysis-line); }
.review-analysis-table-title { color: #c8d6e7 !important; font-weight: 720; }
.review-analysis-priority { display: inline-flex; padding: 4px 7px; border-radius: 6px; font-size: var(--client-type-caption, .52rem); font-weight: 800; }
.review-analysis-priority.is-high { color: #ee8998; background: rgba(218, 77, 99, .11); }
.review-analysis-priority.is-medium { color: #e5be70; background: rgba(211, 159, 63, .1); }
.review-analysis-priority.is-low { color: #6bc8ac; background: rgba(61, 192, 152, .1); }
.review-analysis-themes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.review-analysis-themes article { min-width: 0; padding: 13px 14px; border-radius: 11px; background: var(--analysis-field); }
.review-analysis-themes article > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.review-analysis-themes strong { overflow: hidden; color: #cbd9e9; font-size: var(--client-type-caption, .68rem); text-overflow: ellipsis; white-space: nowrap; }
.review-analysis-themes article > div > span { display: flex; align-items: center; gap: 5px; }
.review-analysis-themes em { padding: 3px 5px; border-radius: 5px; color: #7288a1; background: rgba(113, 139, 171, .1); font-size: var(--client-type-caption, .47rem); font-style: normal; font-weight: 750; white-space: nowrap; }
.review-analysis-themes em.is-positive { color: #67c9ab; background: rgba(61, 192, 152, .1); }
.review-analysis-themes em.is-negative { color: #e77f8d; background: rgba(218, 78, 99, .1); }
.review-analysis-themes em.is-mixed { color: #e1bc70; background: rgba(211, 159, 63, .1); }
.review-analysis-themes p { margin: 7px 0 0; color: #687f99 !important; font-size: var(--client-type-body, .6rem); line-height: 1.5; }

@keyframes review-analysis-spin { to { transform: rotate(360deg); } }
@keyframes review-analysis-progress { 0% { transform: translateX(-110%); } 55% { transform: translateX(130%); } 100% { transform: translateX(260%); } }

@media (max-width: 1199.98px) {
    .review-analysis-scope-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .review-analysis-scope-summary { grid-column: 1 / -1; }
    .review-analysis-controls { flex-wrap: wrap; }
    .review-analysis-quick-periods { flex-basis: 100%; }
    .review-analysis-date-field { flex: 1 1 180px; }
    .review-analysis-submit { flex: 1 1 210px; }
    .review-analysis-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
    .review-analysis-chart-grid { grid-template-columns: 1fr; }
    .review-analysis-themes { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
    .review-analysis-header { align-items: stretch; }
    .review-analysis-credit { width: 100%; }
    .review-analysis-control-head { align-items: flex-start; flex-direction: column; }
    .review-analysis-scope-head { align-items: flex-start; flex-direction: column; }
    .review-analysis-scope-grid { grid-template-columns: 1fr; }
    .review-analysis-scope-summary { grid-column: auto; }
    .review-analysis-controls { align-items: stretch; flex-direction: column; }
    .review-analysis-quick-periods { display: grid; grid-template-columns: repeat(2, 1fr); }
    .review-analysis-date-field { flex-basis: auto; }
    .review-analysis-date-separator { display: none; }
    .review-analysis-submit { flex-basis: auto; }
    .review-analysis-results-head { align-items: flex-start; flex-direction: column; }
    .review-analysis-result-meta { flex-wrap: wrap; }
    .review-analysis-insight-grid { grid-template-columns: 1fr; }
    .review-analysis-summary-card { padding: 21px; }
}

@media (max-width: 575.98px) {
    .review-analysis-control-card { padding: 17px; }
    .review-analysis-metrics { grid-template-columns: 1fr; }
    .review-analysis-summary-card { flex-direction: column; }
    .review-analysis-empty__features { align-items: flex-start; flex-direction: column; }
    .review-analysis-card__head { align-items: flex-start; }
    .review-analysis-card__head > span { display: none; }
    .review-analysis-themes article > div { align-items: flex-start; flex-direction: column; }
}

/* Product review export and iframe builder */
.product-tools-page { max-width: 1400px; }
.product-tools-header { align-items: center; }
.product-tools-header__icon { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 12px; color: #79adf6; background: #0b1b2d; font-size: 1.15rem; }
.product-export-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: 14px; margin-bottom: 14px; }
.product-tool-panel { min-width: 0; padding: 22px; border: 1px solid rgba(70, 122, 184, .15); border-radius: 16px; background: #040b14; }
.product-tool-panel__heading { display: flex; align-items: center; gap: 11px; margin-bottom: 20px; }
.product-tool-panel__heading > span:first-child { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 10px; color: #78acf3; background: #0b1b2d; font-size: var(--client-type-body, 1rem); }
.product-tool-panel__heading > div { min-width: 0; }
.product-tool-panel__heading h2 { margin: 0; color: #e5eef9; font-size: var(--client-type-body, .9rem); }
.product-tool-panel__heading p { margin: 3px 0 0; color: #70849d !important; font-size: var(--client-type-body, .66rem); line-height: 1.5; }
.product-tool-field { min-width: 0; display: grid; gap: 7px; }
.product-tool-field label { color: #8296ae; font-size: var(--client-type-label, .61rem); font-weight: 760; letter-spacing: .035em; text-transform: uppercase; }
.product-tool-field label small { color: #536a84; font-size: var(--client-type-label, .55rem); font-weight: 650; letter-spacing: 0; text-transform: none; }
.product-tool-field > small { color: #5d728b; font-size: var(--client-type-caption, .58rem); line-height: 1.45; }
.product-tool-field input,
.product-tool-field select,
.product-api-key-row input { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid rgba(74, 126, 187, .18); border-radius: 9px; outline: none; color: #dbe7f5; background: #081421; font-size: var(--client-type-input, .7rem); }
.product-tool-field select[multiple] { min-height: 112px; padding: 6px; }
.product-tool-field select[multiple] option { padding: 7px 8px; border-radius: 6px; }
.product-tool-field .product-widget-shop-select + .select2-container { width: 100% !important; }
.product-tool-field .product-widget-product-select + .select2-container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
}
.product-tool-field .product-widget-product-select + .select2-container .select2-selection--single {
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}
.product-tool-field .product-widget-product-select + .select2-container .select2-selection__rendered {
    width: 100%;
    max-width: 100%;
    display: block !important;
    overflow: hidden !important;
    padding-right: 66px !important;
    line-height: 48px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-tool-field .product-widget-product-select + .select2-container .select2-selection__clear {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 39px;
    float: none;
    height: auto;
    margin: 0;
    padding: 0;
    line-height: 1;
    transform: translateY(-50%);
}
.product-tool-field select option { color: #dbe7f5; background: #081421; }

/* Select2 multi-value layout shared with Euro Support. */
.client-admin-body .select2-container--default .select2-selection--multiple {
    min-height: 48px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 6px 10px !important;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    width: auto;
    min-height: 28px;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 !important;
    padding: 0 !important;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-selection__rendered:empty {
    display: none !important;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-selection__choice {
    position: relative;
    height: 28px;
    margin: 0 4px 0 0 !important;
    padding: 4px 10px 4px 28px !important;
    border-radius: 7px;
    font-size: var(--client-type-label, .78rem);
    line-height: 20px;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 28px;
    margin: 0 !important;
    padding: 4px 6px !important;
    line-height: 20px;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-search--inline {
    min-width: 0;
    min-height: 28px;
    display: flex;
    align-items: center;
    flex: 1 1 120px;
    float: none;
}

.client-admin-body .select2-container--default .select2-selection--multiple .select2-search__field {
    width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    line-height: 28px !important;
    text-align: left !important;
}
.product-tool-field input:focus,
.product-tool-field select:focus,
.product-api-key-row input:focus { border-color: rgba(44, 133, 242, .55); }
.product-export-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.product-export-form > .product-tool-field { grid-column: 1 / -1; }
.product-export-form > .product-export-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.product-export-form > .product-tool-primary { grid-column: 1 / -1; justify-self: start; min-height: 42px; padding-inline: 18px; }
.product-tool-primary { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 9px; font-size: var(--client-type-caption, .7rem); font-weight: 750; }
.product-api-status { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; padding: 11px 13px; border-radius: 9px; color: #64d0ad; background: #09201e; font-size: var(--client-type-caption, .67rem); font-weight: 750; }
.product-api-status i { font-size: .9rem; }
.product-api-key-label { display: block; margin-bottom: 7px; color: #8296ae; font-size: var(--client-type-label, .6rem); font-weight: 760; letter-spacing: .035em; text-transform: uppercase; }
.product-api-key-row { display: grid; grid-template-columns: minmax(0, 1fr) 42px 42px; gap: 7px; }
.product-api-key-row input { min-width: 0; font-family: Consolas, monospace; }
.product-tool-icon-button { border: 1px solid rgba(74, 126, 187, .18); border-radius: 9px; color: #91a7c0; background: #081421; }
.product-tool-icon-button:hover { color: #fff; background: #0d2034; }
.product-api-created { margin: 10px 0 0; color: #5d728b !important; font-size: var(--client-type-caption, .59rem); line-height: 1.5; }
.product-api-empty { min-height: 210px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.product-api-empty > span { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 11px; border-radius: 14px; color: #7894b5; background: #0b1929; font-size: var(--client-type-section, 1.25rem); }
.product-api-empty h3 { margin: 0; color: #dce8f6; font-size: var(--client-type-label, .85rem); }
.product-api-empty p { max-width: 330px; margin: 7px 0 15px; color: #71869e !important; font-size: var(--client-type-body, .65rem); line-height: 1.55; }
.product-tool-panel__heading--docs { position: relative; padding-right: 56px; }
.product-api-version { position: absolute; right: 0; width: auto !important; height: auto !important; padding: 5px 8px; border-radius: 7px !important; color: #82a8d5 !important; background: #0a1929 !important; font-size: var(--client-type-caption, .55rem) !important; font-weight: 800; }
.product-api-endpoint { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 10px; background: #071421; }
.product-api-endpoint > span { padding: 5px 7px; border-radius: 6px; color: #65d2af; background: #0b2925; font-size: var(--client-type-caption, .56rem); font-weight: 850; }
.product-api-endpoint code { overflow: hidden; color: #b9cce2; font-size: var(--client-type-caption, .67rem); text-overflow: ellipsis; white-space: nowrap; }
.product-api-endpoint button,
.product-api-code button { border: 0; color: #7f96b0; background: transparent; font-size: var(--client-type-label, .63rem); }
.product-api-endpoint button:hover,
.product-api-code button:hover,
.js-product-copy.is-copied { color: #65d2af; }
.product-api-docs__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 22px; }
.product-api-docs h3 { margin: 0 0 7px; color: #cddaea; font-size: var(--client-type-caption, .72rem); }
.product-api-docs__columns p { margin: 0 0 9px; color: #70859e !important; font-size: var(--client-type-body, .64rem); }
.product-api-code { display: grid; grid-template-columns: minmax(0, 1fr) 34px; align-items: center; min-height: 42px; padding: 0 7px 0 11px; border-radius: 9px; background: #071421; }
.product-api-code code { overflow-x: auto; color: #9fbbdc; font-size: var(--client-type-caption, .63rem); white-space: nowrap; }
.product-api-code--block { min-height: 58px; }
.product-api-table-title { margin-top: 24px !important; }
.product-api-table-wrap { overflow-x: auto; border-radius: 10px; background: #07111d; }
.product-api-table { width: 100%; min-width: 680px; border-collapse: collapse; }
.product-api-table th { padding: 10px 12px; color: #617994; background: #081522; font-size: var(--client-type-caption, .54rem); letter-spacing: .04em; text-align: left; text-transform: uppercase; }
.product-api-table td { padding: 11px 12px; color: #8095ad; font-size: var(--client-type-caption, .62rem); }
.product-api-table tbody tr + tr td { border-top: 1px solid rgba(70, 122, 184, .1); }
.product-api-table code { color: #9ec4f1; }
.product-api-response { overflow: auto; max-height: 380px; margin: 0; padding: 17px; border-radius: 10px; color: #9eb6d2; background: #06101a; font-size: var(--client-type-caption, .62rem); line-height: 1.65; }
.product-api-privacy { display: flex; align-items: center; gap: 7px; margin: 13px 0 0; color: #6e849e !important; font-size: var(--client-type-caption, .61rem); }
.product-api-privacy i { color: #53c6a3; }

.product-widget-builder { display: grid; grid-template-columns: minmax(300px, 390px) minmax(0, 1fr); gap: 14px; align-items: start; }
.product-widget-controls { position: sticky; top: 88px; display: grid; gap: 15px; }
.product-widget-controls .product-tool-panel__heading { margin-bottom: 2px; }
.product-widget-options-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.product-widget-options-row--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.product-widget-options-row--three > .product-tool-field:last-child { grid-column: 1 / -1; }
.product-widget-check { display: flex; align-items: flex-start; gap: 9px; padding: 12px; border-radius: 10px; color: #c7d5e5; background: #081522; cursor: pointer; }
.product-widget-check input { margin-top: 2px; accent-color: #1685ff; }
.product-widget-check span { display: grid; gap: 2px; }
.product-widget-check strong { font-size: var(--client-type-caption, .66rem); }
.product-widget-check small { color: #667c96; font-size: var(--client-type-caption, .58rem); line-height: 1.45; }
.product-widget-visibility { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.product-widget-visibility .product-widget-check { padding: 10px; }
.product-widget-colors-heading { display: flex; align-items: center; justify-content: space-between; margin-top: 3px; }
.product-widget-colors-heading h3 { margin: 0; color: #d7e4f2; font-size: var(--client-type-caption, .72rem); }
.product-widget-colors-heading button { padding: 0; border: 0; color: #65809e; background: transparent; font-size: var(--client-type-label, .59rem); }
.product-widget-colors-heading button:hover { color: #adc3dc; }
.product-widget-theme-presets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.product-widget-theme-presets button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 7px 10px; border: 1px solid rgba(84, 125, 172, .14); border-radius: 9px; color: #8298b2; background: #071421; font-size: var(--client-type-label, .62rem); font-weight: 720; }
.product-widget-theme-presets button:hover { color: #d4e2f1; border-color: rgba(74, 155, 245, .28); }
.product-widget-theme-presets button.is-active { color: #e7f2ff; border-color: rgba(35, 143, 255, .48); background: #102b4b; box-shadow: inset 0 0 0 1px rgba(26, 128, 239, .12); }
.product-widget-theme-presets__swatch { width: 16px; height: 16px; display: inline-block; flex: 0 0 16px; border-radius: 50%; }
.product-widget-theme-presets__swatch--dark { border: 3px solid #101a29; background: #020812; box-shadow: 0 0 0 1px rgba(255,255,255,.13); }
.product-widget-theme-presets__swatch--light { border: 3px solid #ffffff; background: #f1f4f7; box-shadow: 0 0 0 1px rgba(255,255,255,.5); }
.product-widget-colors { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.product-widget-colors label { min-width: 0; display: grid; justify-items: center; gap: 6px; padding: 8px 4px; border-radius: 9px; color: #7389a3; background: #071421; font-size: var(--client-type-label, .53rem); text-align: center; }
.product-widget-colors input[type="color"] { width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.product-widget-colors input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
.product-widget-colors input[type="color"]::-webkit-color-swatch { border: 2px solid rgba(255,255,255,.15); border-radius: 50%; }
.product-widget-output { min-width: 0; display: grid; gap: 14px; }
.product-widget-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 3px; }
.product-widget-preview-heading span { display: block; color: #667f9c; font-size: var(--client-type-caption, .56rem); font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.product-widget-preview-heading strong { display: block; margin-top: 2px; color: #d5e2f0; font-size: var(--client-type-caption, .74rem); }
.product-widget-preview-actions { display: flex; align-items: center; gap: 8px; }
.product-widget-device-switch { display: flex; gap: 3px; padding: 3px; border-radius: 9px; background: #071421; }
.product-widget-preview-heading button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 30px; padding: 6px 9px; border: 0; border-radius: 7px; color: #7189a4; background: transparent; font-size: var(--client-type-label, .6rem); }
.product-widget-preview-heading button:hover { color: #c8d9eb; background: #0b1d30; }
.product-widget-device-switch button.is-active { color: #e4effb; background: #123158; }
.product-widget-device-switch button i { font-size: .82rem; }
.product-widget-device-switch button span,
.product-widget-controls-refresh { width: 100%; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 9px; font-size: var(--client-type-label, .68rem); font-weight: 740; }
.product-widget-controls-refresh i { font-size: .9rem; }
.product-widget-preview { overflow: hidden; min-height: 640px; border-radius: 16px; background: #07111f; transition: padding .2s ease, background .2s ease; }
.product-widget-preview iframe { display: block; width: 100%; height: 640px; border: 0; transition: width .2s ease, height .2s ease, border-radius .2s ease; }
.reviews-widget-page .product-widget-preview,
.product-reviews-iframe-page .product-widget-preview { min-height: 520px; }
.reviews-widget-page .product-widget-preview iframe,
.product-reviews-iframe-page .product-widget-preview iframe { height: 520px; }
.product-widget-preview.is-mobile { min-height: 736px; display: flex; align-items: flex-start; justify-content: center; padding: 18px; background: #020812; }
.product-widget-preview.is-mobile iframe { width: 390px; max-width: 100%; height: 700px; flex: 0 0 auto; border-radius: 15px; background: #07111f; box-shadow: 0 18px 44px rgba(0, 0, 0, .34); }
.product-widget-code-panel { padding: 18px; border-radius: 14px; background: #040b14; }
.product-widget-code-panel h2 { margin: 0; color: #dce8f5; font-size: var(--client-type-label, .82rem); }
.product-widget-code-panel > div:first-child p { margin: 4px 0 13px; color: #6f849d !important; font-size: var(--client-type-body, .63rem); }
.product-widget-code-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.product-widget-code-row textarea { min-width: 0; resize: none; padding: 11px; border: 1px solid rgba(70, 122, 184, .14); border-radius: 9px; outline: 0; color: #98b2d0; background: #071421; font-family: Consolas, monospace; font-size: var(--client-type-input, .59rem); line-height: 1.5; }
.product-widget-code-row button { min-width: 116px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 9px; color: #d9e8f8; background: #0b69d7; font-size: var(--client-type-label, .61rem); font-weight: 750; }
.product-widget-code-row button i { font-size: 1rem; }
.product-widget-code-row button.is-copied { color: #62d4b1; background: #0a2b27; }
.product-widget-code-panel > p { margin: 10px 0 0; color: #5f7690 !important; font-size: var(--client-type-body, .57rem); }
.product-widget-code-panel > p i { margin-right: 4px; color: #53c6a3; }

@media (max-width: 1099.98px) {
    .product-export-grid,
    .product-widget-builder { grid-template-columns: 1fr; }
    .product-widget-controls { position: static; }
}

@media (max-width: 767.98px) {
    .product-tools-header { align-items: flex-start; }
    .product-tools-header__icon { display: none; }
    .product-export-form,
    .product-api-docs__columns { grid-template-columns: 1fr; }
    .product-widget-preview,
    .product-widget-preview iframe { min-height: 580px; height: 580px; }
    .product-widget-visibility { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
    .product-tool-panel { padding: 16px; border-radius: 13px; }
    .product-export-form > .product-export-form__row,
    .product-widget-options-row { grid-template-columns: 1fr; }
    .product-widget-colors { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .product-api-endpoint { grid-template-columns: auto minmax(0, 1fr); }
    .product-api-endpoint button { display: none; }
    .product-widget-code-row { grid-template-columns: 1fr; }
    .product-widget-code-row button { min-height: 48px; flex-direction: row; }
    .product-export-form > .product-tool-primary { width: 100%; }
    .product-widget-preview-heading { align-items: flex-start; flex-direction: column; }
    .product-widget-preview-actions { width: 100%; justify-content: space-between; }
    .product-widget-device-switch { flex: 1 1 auto; }
    .product-widget-device-switch button { flex: 1 1 50%; }
}