.ilachat-admin { max-width: 1100px; margin-inline-end: 24px; }
.ilachat-settings-app { color: #1e1e1e; padding-block: 16px 48px; }
.ilachat-settings-header { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-block-end: 28px; }
.ilachat-settings-header h1 { padding: 0; font-size: 26px; line-height: 1.4; }
.ilachat-settings-header p { color: #50575e; margin-block: 8px 0; }
.ilachat-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ilachat-connect-card details { margin-block-start: 24px; }
.ilachat-connect-card details form { margin-block-start: 16px; }
.ilachat-force-sync-option { display: flex; align-items: center; gap: 4px; margin-block-end: 16px; }
.ilachat-force-sync-option .components-base-control,
.ilachat-force-sync-option .components-base-control__field { margin-block-end: 0; }
.ilachat-force-sync-dropdown { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ilachat-force-sync-option .ilachat-force-sync-help { display: inline-flex; align-items: center; justify-content: center; inline-size: 24px; min-inline-size: 24px; block-size: 24px; min-block-size: 24px; box-sizing: border-box; padding: 0; color: #757575; }
.ilachat-force-sync-help svg { display: block; margin: 0; }
.ilachat-overwrite-popover .components-popover__content { inline-size: min(360px, calc(100vw - 32px)); }
.ilachat-overwrite-help-text { margin: 0; padding: 12px 16px; line-height: 1.8; overflow-wrap: anywhere; }
.ilachat-settings-tabs > .components-tab-panel__tabs { border-block-end: 1px solid #c3c4c7; overflow-x: auto; }
.ilachat-settings-tabs .components-tab-panel__tabs-item { flex-shrink: 0; }
.ilachat-brand { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.ilachat-brand img { display: block; }
.ilachat-plan-name { padding: 4px 10px; background: #fff; border: 1px solid #dcdcde; border-radius: 3px; }
.ilachat-snackbars { position: fixed; inset-block-end: 88px; inset-inline-start: 182px; z-index: 100001; max-inline-size: calc(100vw - 220px); }
.folded .ilachat-snackbars { inset-inline-start: 58px; }
.ilachat-setting-field h3 { margin-block: 0 20px; }
.ilachat-settings-section { padding: 24px; margin-block: 24px; background: #fff; border: 1px solid #dcdcde; }
.ilachat-settings-section h2, .ilachat-disconnect-panel h2 { margin-block: 0 20px; font-size: 18px; line-height: 1.5; }
.ilachat-settings-section p { max-width: 760px; }
.ilachat-setting-field { max-width: 760px; padding-block: 18px; border-block-end: 1px solid #f0f0f0; }
.ilachat-setting-field:last-child { border: 0; padding-block-end: 0; }
.ilachat-setting-field:first-of-type { padding-block-start: 0; }
.ilachat-fieldset { margin: 0; min-inline-size: 0; }
.ilachat-fieldset legend { font-weight: 600; margin-block-end: 16px; padding: 0; }
.ilachat-setting-field .components-base-control__help { font-size: 13px; line-height: 1.8; color: #50575e; }
.ilachat-setting-field .components-base-control { margin-block-end: 12px; }
.ilachat-setting-field .components-textarea-control__input { max-width: 100%; }
.ilachat-paths textarea { direction: ltr; text-align: left; font-family: monospace; }
.ilachat-save-bar span { color: #50575e; }
.ilachat-scope-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 14px; border-block-end: 1px solid #f0f0f0; }
.ilachat-scope-row:last-child { border: 0; }
.ilachat-scope-row > span { overflow-wrap: anywhere; }
.ilachat-scope-row .components-button { flex-shrink: 0; }
.ilachat-danger-zone { border-block-start: 3px solid #b32d2e; }
.ilachat-operation-list { box-sizing: border-box; max-block-size: min(480px, 65vh); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 4px; margin-block-start: 16px; border: 1px solid #dcdcde; border-radius: 4px; }
.ilachat-operation-list:focus-visible { outline: 2px solid var(--wp-admin-theme-color, #3858e9); outline-offset: 2px; }
.ilachat-operation { padding: 16px; border-block-end: 1px solid #f0f0f0; }
.ilachat-operation:last-child { border-block-end: 0; }
.ilachat-operation-heading { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.ilachat-operation-heading h3 { margin: 0; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.ilachat-operation-status { padding: 2px 8px; border-radius: 3px; background: #f0f0f0; color: #50575e; font-size: 12px; line-height: 1.8; }
.ilachat-operation[data-status="running"] .ilachat-operation-status { background: #f0f6fc; color: #135e96; }
.ilachat-operation[data-status="completed"] .ilachat-operation-status { background: #edfaef; color: #005c12; }
.ilachat-operation[data-status="failed"] .ilachat-operation-status { background: #fcf0f1; color: #8a2424; }
.ilachat-operation-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-block-start: 6px; color: #646970; font-size: 12px; }
.ilachat-operation-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-block: 16px; }
.ilachat-operation-counts > div { padding: 8px; background: #f6f7f7; border-radius: 3px; }
.ilachat-operation-counts dt { color: #50575e; font-size: 12px; overflow-wrap: anywhere; }
.ilachat-operation-counts dd { margin: 4px 0 0; font-size: 16px; font-weight: 600; }
.ilachat-settings-app .components-notice { margin-inline: 0; margin-block: 16px; }
.ilachat-settings-app .components-button { height: auto; min-height: 36px; white-space: normal; }
/* Settings actions remain available while navigating long forms. */
.ilachat-save-bar { display: flex; align-items: center; position: sticky; inset-block-end: 0; z-index: 20; gap: 8px; padding: 16px 24px; margin-block-start: 24px; background: #fff; border: 1px solid #dcdcde; box-shadow: 0 -2px 8px rgb(0 0 0 / 4%); }
.ilachat-save-bar [role="status"]:empty { display: none; }
.ilachat-modal-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 28px; }
.ilachat-field-connected { border-block-end: 0; padding-block-end: 0; }
.ilachat-select .components-custom-select-control { inline-size: 100%; }
.ilachat-select .components-custom-select-control__button { inline-size: 100%; max-inline-size: none; }
.ilachat-select .components-custom-select-control__label { display: block; margin-block-end: 8px; }
.ilachat-disconnect-panel { margin-block: 32px 0; padding: 0; border: 1px solid #dcdcde; }
.ilachat-disconnect-panel .components-card__body { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
.ilachat-disconnect-panel h2 { margin-block-end: 8px; }
.ilachat-disconnect-panel p { color: #50575e; margin: 0; }
.ilachat-disconnect-panel .components-button { flex-shrink: 0; }
.ilachat-connect-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); align-items: start; gap: 24px; margin-block: 40px; }
.ilachat-connect-card .components-card__body { padding: 40px; }
.ilachat-connect-card h1 { padding: 0; margin-block: 24px 12px; font-size: 28px; line-height: 1.5; }
.ilachat-connect-intro { color: #50575e; line-height: 1.9; max-inline-size: 560px; }
.ilachat-connect-features { margin-block: 28px 32px; }
.ilachat-connect-features li { display: flex; align-items: center; gap: 8px; margin-block: 12px; }
.ilachat-connect-features svg { flex-shrink: 0; color: #008a20; }
.ilachat-connect-help .components-card__body { padding: 28px; }
.ilachat-connect-help h2 { font-size: 18px; line-height: 1.6; }
.ilachat-connect-help p { color: #50575e; line-height: 1.9; margin-block-end: 24px; }
.ilachat-extension-actions { margin-block-start: 12px; }
.ilachat-help-footer { margin-block-start: 24px; }
@media (max-width: 782px) {
    .ilachat-admin { margin-inline-end: 12px; }
    .ilachat-settings-header { align-items: flex-start; flex-direction: column; gap: 16px; }
    .ilachat-settings-section { padding: 18px; }
    .ilachat-snackbars, .folded .ilachat-snackbars { inset-inline-start: 12px; inset-inline-end: 12px; max-inline-size: none; }
    .ilachat-scope-row { align-items: flex-start; }
    .ilachat-connect-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-block: 24px; }
    .ilachat-connect-card .components-card__body, .ilachat-connect-help .components-card__body { padding: 24px; }
    .ilachat-connect-card h1 { font-size: 24px; }
    .ilachat-save-bar { padding: 12px 16px; }
}
.ilachat-plan-details { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.ilachat-scope-type { display: block; color: #646970; margin-block-start: 6px; font-size: 12px; line-height: 1.7; }
.ilachat-scope-type code { direction: ltr; unicode-bidi: isolate; }
.ilachat-connect-card h1 { margin-block-start: 0; }
.ilachat-scope-row > div { min-inline-size: 0; overflow-wrap: anywhere; }
@media (max-width: 782px) {
    .ilachat-scope-row .components-button { max-inline-size: 55%; overflow-wrap: anywhere; }
}

.ilachat-list-sync-status { margin-inline: 8px; vertical-align: middle; }
.ilachat-list-sync-action:disabled { opacity: .6; cursor: default; }
.ilachat-list-sync-notices .components-notice { margin: 16px 0; }
.ilachat-list-sync-notices .components-notice__content { margin: 0; }

/* Match WooCommerce's order-notes meta box without sharing its JS selectors. */
#ilachat_order_notes_meta_box .inside { margin: 0; padding: 0; }
.ilachat-order-notes-app { color: #1e1e1e; }
.ilachat-order-notes-app .components-notice { margin: 12px; }
.ilachat-order-notes-app .components-notice__content { margin: 0; overflow-wrap: anywhere; }
.ilachat-order-note-compose { display: flex; flex-direction: column; gap: 16px; padding: 16px 12px; border-block-end: 1px solid #dcdcde; }
.ilachat-order-note-compose .components-base-control { margin: 0; width: 100%; }
.ilachat-order-note-compose .components-base-control__field { margin: 0; }
.ilachat-order-note-compose .components-base-control__label { display: block; margin-block-end: 4px; font-size: 13px; font-weight: 400; text-transform: none; }
.ilachat-order-note-compose textarea { inline-size: 100%; block-size: 60px; min-block-size: 60px; resize: vertical; }
.ilachat-order-note-compose .ilachat-add-order-note { inline-size: 100%; justify-content: center; min-block-size: 30px; block-size: auto; padding: 0 10px; background: #f6f7f7; font-size: 13px; line-height: 2.15384615; }
.ilachat-order-notes-description { margin: 0; color: #767676; font-size: 12px; line-height: 1.5; }
.ilachat-order-notes-history { max-block-size: 360px; overflow-y: auto; }
.ilachat-order-notes-history:focus-visible { outline: 2px solid var(--wp-admin-theme-color, #3858e9); outline-offset: -2px; }
.ilachat-order-notes-app .ilachat_order_notes { display: flex; flex-direction: column; gap: 16px; list-style: none; padding: 16px 12px; margin: 0; }
.ilachat-order-note { margin: 0; }
.ilachat-note-content { background: #fff; border: 1px solid #dcdcde; border-radius: 4px; }
.ilachat-note-body { padding: 8px 12px; overflow-wrap: anywhere; }
.ilachat-note-body p { margin: 0; padding: 0; word-wrap: break-word; }
.ilachat-order-note-meta { padding: 4px 0 0; color: #767676; margin: 0; font-size: 11px; }
.ilachat-note-exact-date { border-block-end: 0; text-decoration: none; }
.ilachat-order-note-meta .ilachat-delete-order-note { display: inline; height: auto; min-height: 0; padding: 0; margin-inline-start: 4px; color: #a00; font-size: inherit; line-height: inherit; vertical-align: baseline; }
.ilachat-order-notes-empty { margin: 0; padding: 32px 12px; color: #767676; text-align: center; }
.ilachat-order-note-modal-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-block-start: 24px; }

.ilachat-guide { position: fixed; inset-inline-end: 24px; inset-block-end: 24px; z-index: 100010; display: flex; align-items: center; gap: 8px; }
.ilachat-guide .ilachat-guide-toggle { display: inline-flex; align-items: center; justify-content: center; inline-size: 48px; min-inline-size: 48px; block-size: 48px; padding: 0; border: 0; border-radius: 50%; background: #1e1e1e; color: #fff; box-shadow: 0 2px 8px #0003; }
.ilachat-guide .ilachat-guide-toggle.is-busy:disabled,
.ilachat-guide .ilachat-guide-toggle.is-busy,
.ilachat-guide .ilachat-guide-toggle:disabled { background: #1e1e1e; color: #fff; opacity: 1; }
.ilachat-guide .ilachat-guide-toggle:hover:not(:disabled) { background: #1e1e1e; color: #fff; }
.ilachat-guide .ilachat-guide-toggle:active:not(:disabled) { background: #1e1e1e; color: #fff; }
.ilachat-guide-toggle svg { inline-size: 32px; block-size: 32px; fill: currentColor; }
.ilachat-guide-tooltip.components-tooltip, .ilachat-guide-label.components-tooltip { background: #1e1e1e; color: #fff; }
.ilachat-guide-label { white-space: nowrap; pointer-events: none; }
.ilachat-guide-error { position: absolute; inset-inline-end: 0; inset-block-end: 72px; inline-size: min(340px, calc(100vw - 32px)); }
.ilachat-guide-error .components-notice { margin: 0; }
@media (max-width: 600px) { .ilachat-guide { inset-inline-end: 16px; inset-block-end: 16px; } }

.ilachat-review-notice .components-notice { margin: 16px 0; }