.woocommerce-account .pr-crm-account,
.pr-crm-account-modal {
    --pr-crm-account-border: var(--pr-crm-theme-border, #d7e0eb);
    --pr-crm-account-muted: var(--pr-crm-theme-muted, #667085);
    --pr-crm-account-text: var(--pr-crm-theme-text, #1f2937);
    --pr-crm-account-title: var(--pr-crm-theme-title, #1f2937);
    --pr-crm-account-soft: var(--pr-crm-theme-soft, #f8fafc);
    --pr-crm-account-surface: var(--pr-crm-theme-surface, #ffffff);
    --pr-crm-account-accent: var(--pr-crm-theme-accent, #315cf6);
    --pr-crm-account-accent-hover: var(--pr-crm-theme-accent-hover, #2448d8);
    --pr-crm-account-accent-soft: var(--pr-crm-theme-accent-soft, #eff6ff);
    --pr-crm-account-on-accent: var(--pr-crm-theme-on-accent, #fff);
    --pr-crm-account-dark: var(--pr-crm-theme-dark, #111827);
    --pr-crm-account-on-dark: var(--pr-crm-theme-on-dark, #fff);
    --pr-crm-account-success: var(--pr-crm-theme-success, #079455);
    --pr-crm-account-warning: var(--pr-crm-theme-warning, #c2410c);
    --pr-crm-account-danger: var(--pr-crm-theme-danger, #b42318);
    color: var(--pr-crm-account-text);
    font-size: 14px;
    line-height: 1.45;
}

.woocommerce-account .pr-crm-account {
    background: var(--pr-crm-theme-page-bg, transparent);
}

.woocommerce-account .pr-crm-account h1,
.woocommerce-account .pr-crm-account h2,
.woocommerce-account .pr-crm-account h3,
.woocommerce-account .pr-crm-account strong,
.pr-crm-account-modal h1,
.pr-crm-account-modal h2,
.pr-crm-account-modal h3,
.pr-crm-account-modal strong {
    color: var(--pr-crm-account-title);
}

.woocommerce-account .pr-crm-account *,
.woocommerce-account .pr-crm-account *::before,
.woocommerce-account .pr-crm-account *::after,
.pr-crm-account-modal *,
.pr-crm-account-modal *::before,
.pr-crm-account-modal *::after {
    box-sizing: border-box;
}

body.woocommerce-account.pr-crm-account-page main .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    width: min(1600px, calc(100vw - 32px));
    max-width: min(1600px, calc(100vw - 32px));
    margin-right: auto;
    margin-left: auto;
}

body.woocommerce-account.pr-crm-account-page .entry-content > .woocommerce,
body.woocommerce-account.pr-crm-account-page .wp-block-post-content > .woocommerce {
    display: block;
    width: min(1600px, calc(100vw - 32px));
    max-width: min(1600px, calc(100vw - 32px));
    margin-right: auto;
    margin-left: auto;
}

body.woocommerce-account.pr-crm-account-page .entry-content > .woocommerce::after,
body.woocommerce-account.pr-crm-account-page .wp-block-post-content > .woocommerce::after {
    display: table;
    clear: both;
    content: "";
}

body.woocommerce-account.pr-crm-account-page .woocommerce-MyAccount-navigation {
    float: left;
    width: 210px;
}

body.woocommerce-account.pr-crm-account-page .woocommerce-MyAccount-content {
    float: right;
    width: calc(100% - 250px);
    max-width: none;
    min-width: 0;
    overflow: visible;
}

.woocommerce-account .pr-crm-account {
    width: 100%;
    max-width: none;
    margin: 0;
}

.woocommerce-account .pr-crm-account__header--split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: end;
    margin-bottom: 18px;
}

.woocommerce-account .pr-crm-account__header h2 {
    margin: 3px 0 4px;
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.1;
}

.woocommerce-account .pr-crm-account__header p {
    max-width: 560px;
    margin: 0;
    color: var(--pr-crm-account-muted);
}

.woocommerce-account .pr-crm-account__header--split > strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--pr-crm-account-border);
    border-radius: 999px;
    background: var(--pr-crm-account-surface);
    color: var(--pr-crm-account-text);
    font-size: 13px;
    white-space: nowrap;
}

.woocommerce-account .pr-crm-account-badge,
.pr-crm-account-modal .pr-crm-account-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 24px;
    margin-top: 6px;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    padding: 0 9px;
    background: var(--pr-crm-account-accent-soft);
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.woocommerce-account .pr-crm-account-badge--operator,
.pr-crm-account-modal .pr-crm-account-badge--operator {
    border-color: #fed7aa;
    background: color-mix(in srgb, var(--pr-crm-account-warning) 10%, var(--pr-crm-account-surface));
    color: var(--pr-crm-account-warning);
}

.woocommerce-account .pr-crm-account-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 240px) auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid var(--pr-crm-account-border);
    border-radius: 8px;
    background: var(--pr-crm-account-surface);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
}

.woocommerce-account .pr-crm-account-toolbar label,
.woocommerce-account .pr-crm-account-field,
.pr-crm-account-modal .pr-crm-account-field,
.pr-crm-account-modal .pr-crm-operator-form label {
    display: grid;
    gap: 6px;
    margin: 0;
    color: var(--pr-crm-account-text);
    font-weight: 600;
}

.woocommerce-account .pr-crm-account-toolbar label > span,
.woocommerce-account .pr-crm-account-field > span,
.pr-crm-account-modal .pr-crm-account-field > span,
.pr-crm-account-modal .pr-crm-operator-form label > span,
.woocommerce-account .pr-crm-location-groups-field legend,
.pr-crm-account-modal .pr-crm-location-groups-field legend {
    color: var(--pr-crm-account-muted);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.woocommerce-account .pr-crm-account-toolbar input:not([type="checkbox"]),
.woocommerce-account .pr-crm-account-toolbar select,
.woocommerce-account .pr-crm-account-field input:not([type="checkbox"]),
.woocommerce-account .pr-crm-account-field select,
.pr-crm-account-modal input:not([type="checkbox"]),
.pr-crm-account-modal select {
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    margin: 0;
    border: 1px solid var(--pr-crm-account-border);
    border-radius: 7px;
    padding: 0 11px;
    background: var(--pr-crm-account-surface);
    color: var(--pr-crm-account-text);
    font: inherit;
    box-shadow: none;
    outline: 0;
}

.woocommerce-account .pr-crm-account-toolbar input:focus,
.woocommerce-account .pr-crm-account-toolbar select:focus,
.woocommerce-account .pr-crm-account-field input:focus,
.woocommerce-account .pr-crm-account-field select:focus,
.pr-crm-account-modal input:focus,
.pr-crm-account-modal select:focus {
    border-color: var(--pr-crm-account-accent);
    box-shadow: 0 0 0 3px rgba(49, 92, 246, 0.12);
}

.woocommerce-account .pr-crm-account-toolbar__actions {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}

.woocommerce-account .button.pr-crm-account-button,
.woocommerce-account a.button.pr-crm-account-button,
.woocommerce-account button.pr-crm-account-button,
.pr-crm-account-modal .button.pr-crm-account-button,
.pr-crm-account-modal button.pr-crm-account-button,
.pr-crm-account-modal a.button.pr-crm-account-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    min-height: 38px;
    margin: 0;
    border: 1px solid var(--pr-crm-account-border) !important;
    border-radius: 7px !important;
    padding: 0 14px !important;
    background: var(--pr-crm-account-surface) !important;
    color: var(--pr-crm-account-text) !important;
    font: inherit;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap;
    box-shadow: none !important;
    cursor: pointer;
    appearance: none;
}

.woocommerce-account .button.pr-crm-account-button:hover,
.woocommerce-account a.button.pr-crm-account-button:hover,
.woocommerce-account button.pr-crm-account-button:hover,
.pr-crm-account-modal .button.pr-crm-account-button:hover,
.pr-crm-account-modal button.pr-crm-account-button:hover,
.pr-crm-account-modal a.button.pr-crm-account-button:hover {
    border-color: var(--pr-crm-account-border) !important;
    background: var(--pr-crm-account-soft) !important;
    color: var(--pr-crm-account-text) !important;
}

.woocommerce-account .button.pr-crm-account-button--primary,
.woocommerce-account button.pr-crm-account-button--primary,
.pr-crm-account-modal .button.pr-crm-account-button--primary,
.pr-crm-account-modal button.pr-crm-account-button--primary {
    border-color: var(--pr-crm-account-accent) !important;
    background: var(--pr-crm-account-accent) !important;
    color: var(--pr-crm-account-on-accent) !important;
    box-shadow: 0 10px 24px rgba(49, 92, 246, 0.22) !important;
}

.woocommerce-account .button.pr-crm-account-button--primary:hover,
.woocommerce-account button.pr-crm-account-button--primary:hover,
.pr-crm-account-modal .button.pr-crm-account-button--primary:hover,
.pr-crm-account-modal button.pr-crm-account-button--primary:hover {
    border-color: var(--pr-crm-account-accent-hover) !important;
    background: var(--pr-crm-account-accent-hover) !important;
    color: var(--pr-crm-account-on-accent) !important;
}

.woocommerce-account .button.pr-crm-account-button--small,
.woocommerce-account button.pr-crm-account-button--small,
.woocommerce-account a.button.pr-crm-account-button--small {
    min-height: 30px;
    padding: 0 10px !important;
    font-size: 12px !important;
}

.woocommerce-account .pr-crm-account-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.woocommerce-account .pr-crm-account-table-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--pr-crm-account-border);
    border-radius: 8px;
    background: var(--pr-crm-account-surface);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
    cursor: grab;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
    user-select: auto;
    -webkit-overflow-scrolling: touch;
}

.woocommerce-account .pr-crm-account-table-wrap::-webkit-scrollbar {
    height: 10px;
}

.woocommerce-account .pr-crm-account-table-wrap::-webkit-scrollbar-track {
    background: transparent;
}

.woocommerce-account .pr-crm-account-table-wrap::-webkit-scrollbar-thumb {
    border: 2px solid var(--pr-crm-account-surface);
    border-radius: 999px;
    background: #cbd5e1;
}

.woocommerce-account .pr-crm-account-table-wrap.is-dragging {
    cursor: grabbing;
    user-select: none;
}

.woocommerce-account .pr-crm-account-table {
    width: 100%;
    min-width: 980px;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    font-size: 13px;
}

.woocommerce-account .pr-crm-account-table--bookings {
    min-width: 1180px;
}

.woocommerce-account .pr-crm-account-table--orders {
    min-width: 1280px;
}

.woocommerce-account .pr-crm-account-table--orders td {
    padding-top: 16px;
    padding-bottom: 16px;
}

.woocommerce-account .pr-crm-account-table--orders td:nth-child(3),
.woocommerce-account .pr-crm-account-table--orders td:nth-child(4) {
    white-space: nowrap;
}

.woocommerce-account .pr-crm-account-table--orders td:last-child {
    text-align: right;
    white-space: nowrap;
}

.woocommerce-account .pr-crm-account-table--orders .pr-crm-account-row-actions {
    align-items: center;
}

.woocommerce-account .pr-crm-account-table--operators {
    min-width: 1040px;
}

.woocommerce-account .pr-crm-account-table th,
.woocommerce-account .pr-crm-account-table td {
    padding: 13px 14px;
    border: 0;
    border-bottom: 1px solid #edf2f7;
    vertical-align: middle;
    text-align: left;
}

.woocommerce-account .pr-crm-account-table th {
    background: var(--pr-crm-account-soft);
    color: var(--pr-crm-account-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.woocommerce-account .pr-crm-account-table tbody tr:hover {
    background: #f8fbff;
}

.woocommerce-account .pr-crm-account-table td > strong,
.woocommerce-account .pr-crm-account-table td > span {
    display: block;
}

.woocommerce-account .pr-crm-account mark.order-status {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--pr-crm-account-accent) 28%, var(--pr-crm-account-border));
    border-radius: 999px;
    padding: 0 10px;
    background: var(--pr-crm-account-accent-soft);
    color: var(--pr-crm-account-accent);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.woocommerce-account .pr-crm-account mark.order-status.status-cancelled,
.woocommerce-account .pr-crm-account mark.order-status.status-failed {
    border-color: color-mix(in srgb, var(--pr-crm-account-danger) 28%, var(--pr-crm-account-border));
    background: color-mix(in srgb, var(--pr-crm-account-danger) 8%, var(--pr-crm-account-surface));
    color: var(--pr-crm-account-danger);
}

.woocommerce-account .pr-crm-account mark.order-status.status-processing,
.woocommerce-account .pr-crm-account mark.order-status.status-completed {
    border-color: color-mix(in srgb, var(--pr-crm-account-success) 28%, var(--pr-crm-account-border));
    background: color-mix(in srgb, var(--pr-crm-account-success) 8%, var(--pr-crm-account-surface));
    color: var(--pr-crm-account-success);
}

.woocommerce-account .pr-crm-account mark.order-status.status-on-hold,
.woocommerce-account .pr-crm-account mark.order-status.status-pending {
    border-color: color-mix(in srgb, var(--pr-crm-account-warning) 28%, var(--pr-crm-account-border));
    background: color-mix(in srgb, var(--pr-crm-account-warning) 10%, var(--pr-crm-account-surface));
    color: var(--pr-crm-account-warning);
}

.woocommerce-account .pr-crm-account-muted {
    display: block;
    margin-top: 3px;
    color: var(--pr-crm-account-muted);
    font-size: 12px;
    line-height: 1.35;
}

.woocommerce-account .pr-crm-account-table--operators td > label {
    display: grid;
    gap: 6px;
    margin: 0;
}

.woocommerce-account .pr-crm-account-table--operators select {
    min-height: 36px;
    min-width: 170px;
    max-width: 230px;
    border: 1px solid var(--pr-crm-account-border);
    border-radius: 7px;
    padding: 0 10px;
    background: var(--pr-crm-account-surface);
}

.woocommerce-account .pr-crm-location-groups-field,
.pr-crm-account-modal .pr-crm-location-groups-field {
    display: grid;
    grid-template-columns: repeat(2, minmax(110px, 1fr));
    gap: 9px 14px;
    margin: 16px 0;
    border: 1px solid var(--pr-crm-account-border);
    border-radius: 8px;
    padding: 12px;
}

.woocommerce-account .pr-crm-location-groups-field--compact {
    display: grid;
    grid-template-columns: repeat(2, minmax(110px, 1fr));
    gap: 7px 12px;
    margin: 0;
    border: 0;
    padding: 0;
}

.woocommerce-account .pr-crm-location-groups-field label,
.pr-crm-account-modal .pr-crm-location-groups-field label {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    min-height: 24px;
    margin: 0;
    color: var(--pr-crm-account-text);
    font-weight: 500;
}

.woocommerce-account .pr-crm-account input[type="checkbox"],
.pr-crm-account-modal input[type="checkbox"] {
    display: inline-block;
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    margin: 0;
    padding: 0 !important;
    border-radius: 3px;
    appearance: auto;
    -webkit-appearance: checkbox;
}

.pr-crm-account-modal[hidden] {
    display: none !important;
}

html.pr-crm-account-modal-open,
body.pr-crm-account-modal-open {
    overflow: hidden;
}

html.pr-crm-account-modal-open .fusion-tb-header .fusion-sticky-container:not(.fusion-sticky-spacer):not(.fusion-custom-z-index),
body.pr-crm-account-modal-open .fusion-tb-header .fusion-sticky-container:not(.fusion-sticky-spacer):not(.fusion-custom-z-index) {
    --awb-z-index: 9000;
    z-index: 9000 !important;
}

.pr-crm-account-modal {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    overscroll-behavior: contain;
}

.pr-crm-account-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.64);
}

.pr-crm-account-modal__panel {
    position: relative;
    width: min(980px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    margin: 24px auto;
    overflow: auto;
    border: 1px solid var(--pr-crm-account-border);
    border-radius: 10px;
    background: var(--pr-crm-account-surface);
    padding: 24px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.28);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.pr-crm-account-modal__panel--narrow {
    width: min(720px, calc(100vw - 32px));
}

.pr-crm-account-modal__close {
    position: sticky;
    z-index: 2;
    top: 0;
    float: right;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: -8px -8px 8px 8px;
    border: 0;
    border-radius: 50%;
    background: var(--pr-crm-account-surface);
    color: var(--pr-crm-account-text);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
}

.pr-crm-account-modal .pr-crm-operator-form {
    display: grid;
    gap: 16px;
}

.pr-crm-account-modal .pr-crm-operator-form h3 {
    margin: 2px 0 0;
    font-size: 24px;
}

.pr-crm-account-modal .pr-crm-operator-form__grid,
.pr-crm-account-modal .pr-crm-account-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.pr-crm-account-modal .pr-crm-account-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.pr-crm-account-modal .pr-crm-account-detail-grid--summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pr-crm-account-modal .pr-crm-account-detail-card {
    border: 1px solid var(--pr-crm-account-border);
    border-radius: 8px;
    background: var(--pr-crm-account-surface);
    padding: 14px;
}

.pr-crm-account-modal .pr-crm-account-detail-card h4,
.pr-crm-account-modal .pr-crm-account-status-form h4 {
    margin: 0 0 12px;
    font-size: 18px;
}

.pr-crm-account-modal .pr-crm-account-status-form .pr-crm-account-button {
    margin-top: 14px !important;
}

.pr-crm-account-modal .pr-crm-account-detail-line {
    display: grid;
    gap: 2px;
    padding: 8px 0;
    border-bottom: 1px solid #eef2f7;
}

.pr-crm-account-modal .pr-crm-account-detail-line:last-child {
    border-bottom: 0;
}

.pr-crm-account-modal .pr-crm-account-detail-line span {
    color: var(--pr-crm-account-muted);
    font-size: 12px;
    font-weight: 800;
}

.pr-crm-account-modal .pr-crm-account-detail-line strong {
    color: var(--pr-crm-account-text);
    overflow-wrap: anywhere;
}

.pr-crm-account-modal .pr-crm-account-lines {
    display: grid;
    gap: 8px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.pr-crm-account-modal .pr-crm-account-lines > div {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eef2f7;
    padding: 8px 0;
}

.pr-crm-account-modal .pr-crm-account-lines__total {
    font-weight: 900;
}

.woocommerce-account .pr-crm-account-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 16px;
}

.woocommerce-account .pr-crm-account-pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 34px;
    border: 1px solid var(--pr-crm-account-border);
    border-radius: 7px;
    background: var(--pr-crm-account-surface);
    color: var(--pr-crm-account-text);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.woocommerce-account .pr-crm-account-pagination a.is-current {
    border-color: var(--pr-crm-account-accent);
    background: var(--pr-crm-account-accent);
    color: var(--pr-crm-account-on-accent);
}

@media (max-width: 900px) {
    body.woocommerce-account.pr-crm-account-page main .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
    body.woocommerce-account.pr-crm-account-page .entry-content > .woocommerce,
    body.woocommerce-account.pr-crm-account-page .wp-block-post-content > .woocommerce {
        width: min(100%, calc(100vw - 24px));
        max-width: min(100%, calc(100vw - 24px));
    }

    body.woocommerce-account.pr-crm-account-page .woocommerce-MyAccount-navigation,
    body.woocommerce-account.pr-crm-account-page .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
    }

    body.woocommerce-account.pr-crm-account-page .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0 0 20px;
    }
}

@media (max-width: 760px) {
    .woocommerce-account .pr-crm-account__header--split,
    .woocommerce-account .pr-crm-account-toolbar,
    .pr-crm-account-modal .pr-crm-operator-form__grid,
    .pr-crm-account-modal .pr-crm-account-form-grid,
    .pr-crm-account-modal .pr-crm-account-detail-grid,
    .pr-crm-account-modal .pr-crm-account-detail-grid--summary {
        grid-template-columns: 1fr;
    }

    .woocommerce-account .pr-crm-account-toolbar__actions {
        justify-content: flex-start;
    }

    .pr-crm-account-modal__panel {
        width: min(100%, calc(100vw - 18px));
        max-height: calc(100vh - 18px);
        margin: 9px auto;
        padding: 18px;
    }
}
