/* Global green palette. Add site-green-theme to <html>; device geometry stays in its separate stylesheet. */
html.site-green-theme {
  --home-green-text: #234c36;
  --home-green-muted: #5b7a65;
  --home-green-border: rgba(61, 133, 83, 0.22);
  --home-green-accent: #25985b;
  --home-green-surface: rgba(229, 247, 232, 0.92);
}

html.site-green-theme body {
  background: linear-gradient(135deg, #cce8cb 0%, #deefdb 40%, #c4e3cd 100%) !important;
  background-attachment: fixed !important;
  color: var(--home-green-text) !important;
}

html.site-green-theme body .n-layout,
html.site-green-theme body .n-layout-content {
  background: transparent !important;
  color: var(--home-green-text) !important;
}

html.site-green-theme body .n-layout-sider,
html.site-green-theme body .n-layout-sider-scroll-container,
html.site-green-theme body .n-layout-header,
html.site-green-theme body .inner-sidebar {
  background: rgba(211, 238, 214, 0.93) !important;
  border-color: var(--home-green-border) !important;
  box-shadow: 0 2px 14px rgba(38, 87, 51, 0.08) !important;
  color: var(--home-green-text) !important;
}

html.site-green-theme body .n-layout-header *,
html.site-green-theme body .n-menu .n-menu-item,
html.site-green-theme body .n-menu .n-menu-item-content,
html.site-green-theme body .n-menu .n-menu-item-content-header,
html.site-green-theme body .n-menu .n-menu-item-content-header a {
  color: var(--home-green-text) !important;
}

html.site-green-theme body .n-menu .n-menu-item:hover {
  background: rgba(182, 223, 190, 0.72) !important;
  box-shadow: 0 2px 8px rgba(38, 87, 51, 0.07) !important;
}

html.site-green-theme body .n-menu .n-menu-item.n-menu-item--selected {
  background: #bce2c3 !important;
  color: #126c3a !important;
  box-shadow: inset 0 0 0 1px rgba(37, 152, 91, 0.2) !important;
}

html.site-green-theme body .n-card,
html.site-green-theme body .n-card.proCard,
html.site-green-theme body .proCard {
  background: var(--home-green-surface) !important;
  border-color: var(--home-green-border) !important;
  color: var(--home-green-text) !important;
  box-shadow: 0 4px 18px rgba(38, 87, 51, 0.09), inset 0 1px 0 rgba(243, 255, 244, 0.55) !important;
}

html.site-green-theme body .n-card:hover {
  background: rgba(232, 249, 234, 0.96) !important;
  border-color: rgba(61, 133, 83, 0.3) !important;
  box-shadow: 0 6px 22px rgba(38, 87, 51, 0.11) !important;
}

html.site-green-theme body .n-card .n-card__content,
html.site-green-theme body .n-card .n-card__footer,
html.site-green-theme body .n-card .n-card__action,
html.site-green-theme body .n-card .n-card-header,
html.site-green-theme body .n-card .n-card-header__main,
html.site-green-theme body .n-form-item,
html.site-green-theme body .n-form-item-label,
html.site-green-theme body .n-form-item-label__text,
html.site-green-theme body .n-breadcrumb .n-breadcrumb-item,
html.site-green-theme body .n-pagination,
html.site-green-theme body .n-pagination-prefix,
html.site-green-theme body .n-pagination-suffix {
  color: var(--home-green-text) !important;
}

html.site-green-theme body .n-tabs,
html.site-green-theme body .n-tabs .n-tabs-nav,
html.site-green-theme body .n-tabs .n-tabs-tab {
  background: rgba(211, 238, 214, 0.75) !important;
  border-color: var(--home-green-border) !important;
  color: var(--home-green-muted) !important;
}

html.site-green-theme body .n-tabs .n-tabs-tab:hover,
html.site-green-theme body .n-tabs .n-tabs-tab.n-tabs-tab--active {
  background: #c0e4c7 !important;
  color: #116b38 !important;
  box-shadow: inset 0 1px 0 rgba(243, 255, 244, 0.5) !important;
}

html.site-green-theme body .n-tabs .n-tabs-tab.n-tabs-tab--active *,
html.site-green-theme body .n-tabs .n-tabs-tab:hover * {
  color: #116b38 !important;
}

html.site-green-theme body .n-tabs .n-tabs-tab__active-bar,
html.site-green-theme body .n-tabs .n-tabs-bar {
  background: var(--home-green-accent) !important;
}

html.site-green-theme body .n-input,
html.site-green-theme body .n-select,
html.site-green-theme body .n-select .n-base-selection,
html.site-green-theme body .n-base-selection .n-base-selection-label {
  background: #e5f4e5 !important;
  border-color: rgba(65, 132, 87, 0.25) !important;
  color: var(--home-green-text) !important;
  box-shadow: 0 1px 4px rgba(38, 87, 51, 0.05) !important;
}

html.site-green-theme body .n-input:hover,
html.site-green-theme body .n-input:focus-within {
  background: #edfaed !important;
  border-color: var(--home-green-accent) !important;
  box-shadow: 0 0 0 2px rgba(37, 152, 91, 0.12) !important;
}

html.site-green-theme body .n-input .n-input__input-el,
html.site-green-theme body .n-input .n-input__textarea-el,
html.site-green-theme body .n-base-selection .n-base-selection-input {
  color: var(--home-green-text) !important;
}

html.site-green-theme body .n-input .n-input__placeholder,
html.site-green-theme body .n-input .n-input__prefix,
html.site-green-theme body .n-input .n-input__suffix,
html.site-green-theme body .n-empty .n-empty__description {
  color: var(--home-green-muted) !important;
}

html.site-green-theme body .n-button:where(:not(.n-button--error-type):not(.n-button--warning-type):not(.n-button--info-type)) {
  background: #d4ebd8 !important;
  color: #22663e !important;
  border-color: rgba(49, 130, 76, 0.3) !important;
  box-shadow: 0 1px 4px rgba(38, 87, 51, 0.08) !important;
}

html.site-green-theme body .n-button:where(:not(.n-button--error-type):not(.n-button--warning-type):not(.n-button--info-type)):hover {
  background: #c3e3c9 !important;
}

html.site-green-theme body .n-button.n-button--primary-type,
html.site-green-theme body .n-button.n-button--success-type {
  background: #28a464 !important;
  color: #f4fff6 !important;
  border-color: #25985b !important;
}

html.site-green-theme body .n-button.n-button--primary-type:hover,
html.site-green-theme body .n-button.n-button--success-type:hover {
  background: #208b52 !important;
}

html.site-green-theme body .n-button.n-button--error-type {
  background: #d64954 !important;
  border-color: #c63c48 !important;
  color: #fff6f6 !important;
}

html.site-green-theme body .n-button.n-button--error-type:hover {
  background: #bd3442 !important;
}

html.site-green-theme body .n-button .n-button__content,
html.site-green-theme body .n-button .n-button__content *,
html.site-green-theme body .n-button .n-button__icon,
html.site-green-theme body .n-button .n-button__icon * {
  color: inherit !important;
}

html.site-green-theme body .n-button .n-button__border,
html.site-green-theme body .n-button .n-button__state-border {
  border-color: inherit !important;
}

html.site-green-theme body .n-pagination .n-pagination-item {
  background: #e1f1e1 !important;
  border-color: var(--home-green-border) !important;
  color: var(--home-green-text) !important;
}

html.site-green-theme body .n-pagination .n-pagination-item--active {
  background: #bde1c3 !important;
  border-color: #25985b !important;
  color: #116b38 !important;
}

html.site-green-theme body .n-switch.n-switch--active .n-switch__rail {
  background: #28a464 !important;
}

html.site-green-theme body .n-checkbox.n-checkbox--checked .n-checkbox-box {
  background: #28a464 !important;
  border-color: #25985b !important;
}

/* Green theme extension: palette-only coverage for shared white surfaces. */
html.site-green-theme body table,
html.site-green-theme body .n-data-table,
html.site-green-theme body .n-data-table-base-table,
html.site-green-theme body .n-data-table-base-table-header,
html.site-green-theme body .n-data-table-base-table-body {
  background: rgba(229, 247, 232, 0.72) !important;
  border-color: var(--home-green-border) !important;
  color: var(--home-green-text) !important;
}
html.site-green-theme body th,
html.site-green-theme body td,
html.site-green-theme body .n-data-table-th,
html.site-green-theme body .n-data-table-td {
  background: transparent !important;
  border-color: rgba(61, 133, 83, 0.16) !important;
  color: var(--home-green-text) !important;
}
html.site-green-theme body tr:hover td,
html.site-green-theme body .n-data-table-tr--hover td {
  background: rgba(196, 232, 203, 0.42) !important;
}

/* Tabs, including plain tab implementations used by embedded views. */
html.site-green-theme body .n-tabs,
html.site-green-theme body .n-tabs-nav,
html.site-green-theme body .n-tabs-tab,
html.site-green-theme body [role="tablist"],
html.site-green-theme body [role="tab"] {
  background: rgba(211, 238, 214, 0.75) !important;
  border-color: var(--home-green-border) !important;
  color: var(--home-green-muted) !important;
}
html.site-green-theme body .n-tabs-tab:hover,
html.site-green-theme body .n-tabs-tab.n-tabs-tab--active,
html.site-green-theme body [role="tab"]:hover,
html.site-green-theme body [role="tab"][aria-selected="true"] {
  background: #c0e4c7 !important;
  color: #116b38 !important;
}
html.site-green-theme body .n-tabs-tab__active-bar,
html.site-green-theme body .n-tabs-bar {
  background: var(--home-green-accent) !important;
}

/* White portal surfaces (dialogs, popovers, menus, and pickers). */
html.site-green-theme body .n-dialog,
html.site-green-theme body .n-card-modal .n-card,
html.site-green-theme body .n-popover,
html.site-green-theme body .n-tooltip,
html.site-green-theme body .n-dropdown-menu,
html.site-green-theme body .n-base-select-menu,
html.site-green-theme body .n-select-menu,
html.site-green-theme body .n-picker-menu,
html.site-green-theme body .n-cascader-menu,
html.site-green-theme body .n-tree-menu,
html.site-green-theme body .n-time-picker-menu,
html.site-green-theme body .n-date-picker-menu,
html.site-green-theme body .n-drawer,
html.site-green-theme body .n-affix,
html.site-green-theme body .n-back-top {
  background: rgba(229, 247, 232, 0.95) !important;
  border-color: var(--home-green-border) !important;
  color: var(--home-green-text) !important;
  box-shadow: 0 8px 32px rgba(38, 87, 51, 0.12), inset 0 1px 0 rgba(243, 255, 244, 0.55) !important;
}
html.site-green-theme body .n-dialog__title,
html.site-green-theme body .n-dialog__content,
html.site-green-theme body .n-dropdown-option-body__label,
html.site-green-theme body .n-base-select-option__content,
html.site-green-theme body .n-select-option,
html.site-green-theme body .n-picker-option,
html.site-green-theme body .n-cascader-option,
html.site-green-theme body .n-tree-node-content,
html.site-green-theme body .n-time-picker-col,
html.site-green-theme body .n-date-panel {
  color: var(--home-green-text) !important;
}
html.site-green-theme body .n-dropdown-option:hover,
html.site-green-theme body .n-base-select-option:hover,
html.site-green-theme body .n-select-option:hover,
html.site-green-theme body .n-picker-option:hover,
html.site-green-theme body .n-cascader-option:hover,
html.site-green-theme body .n-tree-node:hover {
  background: rgba(190, 228, 199, 0.7) !important;
}
html.site-green-theme body .n-dropdown-option--selected,
html.site-green-theme body .n-base-select-option--selected,
html.site-green-theme body .n-select-option--selected,
html.site-green-theme body .n-cascader-option--selected,
html.site-green-theme body .n-tree-node--selected {
  background: rgba(37, 152, 91, 0.15) !important;
  color: #116b38 !important;
}
html.site-green-theme body .n-modal-mask { background: rgba(24, 67, 38, 0.32) !important; }

/* Empty, upload, description, alert, and other light utility surfaces. */
html.site-green-theme body .n-empty,
html.site-green-theme body .n-empty-icon,
html.site-green-theme body .n-empty-description,
html.site-green-theme body .n-empty-header,
html.site-green-theme body .n-result,
html.site-green-theme body .n-result-header,
html.site-green-theme body .n-result-description {
  background: transparent !important;
  color: var(--home-green-muted) !important;
}
html.site-green-theme body .n-upload,
html.site-green-theme body .n-upload-dragger,
html.site-green-theme body .n-alert:not(.n-alert--error-type):not(.n-alert--warning-type):not(.n-alert--info-type),
html.site-green-theme body .n-transfer,
html.site-green-theme body .n-transfer-list,
html.site-green-theme body .n-transfer-list-header,
html.site-green-theme body .n-transfer-list-body {
  background: rgba(229, 247, 232, 0.72) !important;
  border-color: var(--home-green-border) !important;
  color: var(--home-green-text) !important;
}
html.site-green-theme body .n-upload-dragger:hover {
  background: rgba(237, 250, 237, 0.96) !important;
  border-color: var(--home-green-accent) !important;
}
html.site-green-theme body .n-descriptions,
html.site-green-theme body .n-descriptions-table-content,
html.site-green-theme body .n-form-item,
html.site-green-theme body .n-form-item-label {
  background: transparent !important;
  color: var(--home-green-text) !important;
}

/* Info/warning buttons and semantic tags/icons retain their original palette. */
/* Login view: green palette only; existing geometry remains untouched. */
html.site-green-theme body .view-account[data-v-7de6931f] {
  background: linear-gradient(135deg, #cce8cb 0%, #deefdb 40%, #c4e3cd 100%) !important;
  color: var(--home-green-text) !important;
}
html.site-green-theme body .view-account-container[data-v-7de6931f] {
  background: rgba(229, 247, 232, 0.95) !important;
  border-color: var(--home-green-border) !important;
  box-shadow: 0 8px 40px rgba(38, 87, 51, 0.12), 0 2px 8px rgba(38, 87, 51, 0.06), inset 0 1px 0 rgba(243, 255, 244, 0.55) !important;
}
html.site-green-theme body .view-account[data-v-7de6931f] .n-h,
html.site-green-theme body .view-account[data-v-7de6931f] h1,
html.site-green-theme body .view-account[data-v-7de6931f] h2,
html.site-green-theme body .view-account-top-desc[data-v-7de6931f] {
  color: var(--home-green-text) !important;
}
html.site-green-theme body .view-account[data-v-7de6931f] .n-input {
  background: rgba(237, 250, 237, 0.94) !important;
  border-color: var(--home-green-border) !important;
  color: var(--home-green-text) !important;
  box-shadow: 0 1px 4px rgba(38, 87, 51, 0.05), inset 0 1px 0 rgba(243, 255, 244, 0.55) !important;
}
html.site-green-theme body .view-account[data-v-7de6931f] .n-input:hover {
  background: #f0fbf1 !important;
  border-color: rgba(37, 152, 91, 0.46) !important;
}
html.site-green-theme body .view-account[data-v-7de6931f] .n-input:focus-within {
  background: #f0fbf1 !important;
  border-color: var(--home-green-accent) !important;
  box-shadow: 0 0 0 3px rgba(37, 152, 91, 0.14), 0 2px 8px rgba(37, 152, 91, 0.08), inset 0 1px 0 rgba(243, 255, 244, 0.65) !important;
}
html.site-green-theme body .view-account[data-v-7de6931f] .n-input .n-input__input-el,
html.site-green-theme body .view-account[data-v-7de6931f] .n-input .n-input__placeholder,
html.site-green-theme body .view-account[data-v-7de6931f] .n-input .n-input__prefix,
html.site-green-theme body .view-account[data-v-7de6931f] .n-input .n-input__suffix {
  color: var(--home-green-text) !important;
}
html.site-green-theme body .view-account[data-v-7de6931f] .n-checkbox .n-checkbox__label {
  color: var(--home-green-muted) !important;
}
html.site-green-theme body .view-account[data-v-7de6931f] .n-button--primary-type {
  background: #28a464 !important; border-color: #25985b !important; color: #f4fff6 !important;
  box-shadow: 0 4px 16px rgba(37, 152, 91, 0.22), inset 0 1px 0 rgba(243, 255, 244, 0.2) !important;
}
html.site-green-theme body .view-account[data-v-7de6931f] .n-button--primary-type:hover {
  background: #208b52 !important; border-color: #208b52 !important; color: #fff !important;
  box-shadow: 0 6px 20px rgba(37, 152, 91, 0.3), inset 0 1px 0 rgba(243, 255, 244, 0.2) !important;
}
html.site-green-theme body .view-account[data-v-7de6931f] .n-button--primary-type .n-button__content { color: inherit !important; }

/* Custom dispatch and iframe overlays share the green surface palette. */
html.site-green-theme body #_zgl_dispatch_box,
html.site-green-theme body #_zgl_iframe_panel {
  background: linear-gradient(135deg, #cce8cb 0%, #deefdb 40%, #c4e3cd 100%) !important;
  color: var(--home-green-text) !important;
}
html.site-green-theme body #_zgl_dispatch_header,
html.site-green-theme body #_zgl_dispatch_footer,
html.site-green-theme body #_zgl_dispatch_list,
html.site-green-theme body #_zgl_dispatch_search input,
html.site-green-theme body #_zgl_iframe_toolbar,
html.site-green-theme body #_zgl_iframe_toolbar .back-btn {
  background: rgba(229, 247, 232, 0.9) !important;
  border-color: var(--home-green-border) !important;
  color: var(--home-green-text) !important;
}
html.site-green-theme body #_zgl_dispatch_search input:focus {
  border-color: var(--home-green-accent) !important;
  box-shadow: 0 0 0 3px rgba(37, 152, 91, 0.14) !important;
}
html.site-green-theme body #_zgl_dispatch_header .sub,
html.site-green-theme body #_zgl_dispatch_search .search-icon,
html.site-green-theme body ._zgl_loading,
html.site-green-theme body ._zgl_empty,
html.site-green-theme body ._zgl_count,
html.site-green-theme body ._zgl_acc_item .email {
  color: var(--home-green-muted) !important;
}
html.site-green-theme body ._zgl_acc_item:hover { background: rgba(190, 228, 199, 0.65) !important; }
html.site-green-theme body ._zgl_acc_item.selected { background: rgba(37, 152, 91, 0.14) !important; box-shadow: inset 3px 0 0 var(--home-green-accent) !important; }
html.site-green-theme body #_zgl_dispatch_footer .confirm { background: #28a464 !important; border-color: #25985b !important; }
html.site-green-theme body #_zgl_dispatch_footer .confirm:hover { background: #208b52 !important; }
html.site-green-theme body #_zgl_dispatch_footer .cancel { background: #d4ebd8 !important; border-color: var(--home-green-border) !important; color: #22663e !important; }

/* Common non-layout details that otherwise retain white or violet accents. */
html.site-green-theme body .n-card .n-card-header,
html.site-green-theme body .n-descriptions .n-descriptions-table td {
  border-color: var(--home-green-border) !important;
}
html.site-green-theme body .n-descriptions .n-descriptions-table .n-descriptions-table-header {
  background: rgba(211, 238, 214, 0.75) !important;
  color: var(--home-green-muted) !important;
}
html.site-green-theme body .n-descriptions .n-descriptions-table .n-descriptions-table-content {
  color: var(--home-green-text) !important;
}
html.site-green-theme body .n-message,
html.site-green-theme body .n-notification {
  background: rgba(229, 247, 232, 0.95) !important;
  border-color: var(--home-green-border) !important;
}
html.site-green-theme body .n-message__content,
html.site-green-theme body .n-notification-main__header,
html.site-green-theme body .n-notification-main__content,
html.site-green-theme body .n-drawer-header__main,
html.site-green-theme body .n-checkbox .n-checkbox__label {
  color: var(--home-green-text) !important;
}
html.site-green-theme body .n-popover-arrow {
  background: #e5f7e8 !important;
}
html.site-green-theme body .n-empty__icon,
html.site-green-theme body .n-empty__description,
html.site-green-theme body .n-base-selection__placeholder,
html.site-green-theme body .n-base-selection-placeholder,
html.site-green-theme body .n-tabs-tab__close {
  color: var(--home-green-muted) !important;
}
html.site-green-theme body .n-select .n-base-selection:hover,
html.site-green-theme body .n-select .n-base-selection--active,
html.site-green-theme body .n-select .n-base-selection:focus-within {
  background: #edfaed !important;
  border-color: var(--home-green-accent) !important;
}
html.site-green-theme body .n-base-selection:not(.n-base-selection--error-status):not(.n-base-selection--warning-status) .n-base-selection__state-border {
  border-color: var(--home-green-accent) !important;
}
html.site-green-theme body .view-account[data-v-7de6931f] .n-button--primary-type:active {
  background: #176c40 !important;
  border-color: #176c40 !important;
}
html.site-green-theme body .view-account[data-v-7de6931f] .n-button--primary-type .n-button__border,
html.site-green-theme body .view-account[data-v-7de6931f] .n-button--primary-type .n-button__state-border {
  border-color: #25985b !important;
}
html.site-green-theme body #_zgl_dispatch_box {
  border-color: var(--home-green-border) !important;
}
html.site-green-theme body #_zgl_dispatch_header .close-x,
html.site-green-theme body ._zgl_acc_item input[type=radio] {
  background: #e5f4e5 !important;
  border-color: var(--home-green-border) !important;
  color: var(--home-green-muted) !important;
}
html.site-green-theme body #_zgl_dispatch_header .close-x:hover,
html.site-green-theme body #_zgl_iframe_toolbar .back-btn:hover,
html.site-green-theme body #_zgl_dispatch_footer .cancel:hover {
  background: #c3e3c9 !important;
  color: var(--home-green-text) !important;
}
html.site-green-theme body ._zgl_acc_item .name,
html.site-green-theme body #_zgl_iframe_toolbar .page-title {
  color: var(--home-green-text) !important;
}
html.site-green-theme body ._zgl_acc_item input[type=radio]:checked {
  background: var(--home-green-accent) !important;
  border-color: var(--home-green-accent) !important;
  box-shadow: 0 2px 8px rgba(37, 152, 91, 0.3) !important;
}
html.site-green-theme body ._zgl_loading .spinner {
  border-color: rgba(38, 87, 51, 0.12) !important;
  border-top-color: var(--home-green-accent) !important;
}
/* Error/warning validation borders must stay legible above the green focus state. */
html.site-green-theme body .n-input.n-input--error-status,
html.site-green-theme body .n-input.n-input--error-status:hover,
html.site-green-theme body .n-input.n-input--error-status:focus-within,
html.site-green-theme body .view-account[data-v-7de6931f] .n-input.n-input--error-status,
html.site-green-theme body .view-account[data-v-7de6931f] .n-input.n-input--error-status:focus-within {
  border-color: #d03050 !important;
}
html.site-green-theme body .n-input.n-input--warning-status,
html.site-green-theme body .n-input.n-input--warning-status:hover,
html.site-green-theme body .n-input.n-input--warning-status:focus-within,
html.site-green-theme body .view-account[data-v-7de6931f] .n-input.n-input--warning-status,
html.site-green-theme body .view-account[data-v-7de6931f] .n-input.n-input--warning-status:focus-within {
  border-color: #f0a020 !important;
}


/* Application route tabs (tabs-view/tabs-card) use the same green palette. */
html.site-green-theme body .tabs-view,
html.site-green-theme body .tabs-view-main,
html.site-green-theme body .tabs-card,
html.site-green-theme body .tabs-card-scroll {
  background: rgba(211, 238, 214, 0.75) !important;
  border-color: var(--home-green-border) !important;
  color: var(--home-green-text) !important;
}
html.site-green-theme body .tabs-card-scroll-item {
  background: rgba(229, 247, 232, 0.72) !important;
  border-color: var(--home-green-border) !important;
  color: var(--home-green-muted) !important;
}
html.site-green-theme body .tabs-card-scroll-item:hover,
html.site-green-theme body .tabs-card-scroll-item.active-item {
  background: #c0e4c7 !important;
  border-color: rgba(37, 152, 91, 0.3) !important;
  color: #116b38 !important;
  box-shadow: inset 0 1px 0 rgba(243, 255, 244, 0.5) !important;
}
html.site-green-theme body .tabs-card-scroll-item.active-item *,
html.site-green-theme body .tabs-card-scroll-item:hover * {
  color: #116b38 !important;
}
html.site-green-theme body .tabs-close,
html.site-green-theme body .tabs-close-btn {
  color: var(--home-green-muted) !important;
}
html.site-green-theme body .tabs-close:hover,
html.site-green-theme body .tabs-close-btn:hover {
  background: rgba(190, 228, 199, 0.7) !important;
  color: var(--home-green-text) !important;
}

/* Shared palette for the three embedded pages; no layout or behavior overrides. */
html.site-green-theme.site-embedded-page {
  --embedded-bg: linear-gradient(135deg, #cce8cb 0%, #deefdb 40%, #c4e3cd 100%);
  --embedded-surface: rgba(229, 247, 232, .92);
  --embedded-input: #e5f4e5;
  --embedded-text: #234c36;
  --embedded-muted: #617e6b;
  --embedded-border: #b5d9be;
  --embedded-accent: #28a464;
  --embedded-accent-hover: #218b54;
  background: var(--embedded-bg);
  color: var(--embedded-text);
}

html.site-green-theme.site-embedded-page body {
  background: var(--embedded-bg);
  color: var(--embedded-text);
}

html.site-green-theme.site-embedded-page :is(h1, h2, .app-name) {
  color: var(--embedded-text);
}

html.site-green-theme.site-embedded-page :is(h1, .form-section, .app-body, .modal-content h2) {
  border-color: var(--embedded-border);
}

html.site-green-theme.site-embedded-page :is(h1, h2) .material-symbols-outlined {
  color: #477458;
}

html.site-green-theme.site-embedded-page :is(.app-card, .form-section, .accounts-table, .modal-content) {
  background: var(--embedded-surface);
  border-color: var(--embedded-border);
}

html.site-green-theme.site-embedded-page .app-card:hover {
  border-color: #96c9a4;
  box-shadow: 0 2px 10px rgba(35, 76, 54, .10);
}

html.site-green-theme.site-embedded-page :is(.app-icon, .app-icon-placeholder, .thumb-item) {
  background: #d9eedc;
  border-color: var(--embedded-border);
}

html.site-green-theme.site-embedded-page .app-icon-placeholder {
  color: #71977c;
}

html.site-green-theme.site-embedded-page .app-qr img {
  border-color: var(--embedded-border);
}

html.site-green-theme.site-embedded-page :is(.app-count, .app-package, .app-date, .empty-state, .no-permission, .close) {
  color: var(--embedded-muted);
}

html.site-green-theme.site-embedded-page .empty-state .material-symbols-outlined,
html.site-green-theme.site-embedded-page .no-permission > .material-symbols-outlined {
  color: #71977c !important;
}

html.site-green-theme.site-embedded-page .form-section > div[style*="color:#999"] {
  color: var(--embedded-muted) !important;
}

html.site-green-theme.site-embedded-page :is(.download-link, .no-permission a, #ui_selected_label, #icon_selected_label) {
  color: #218b54 !important;
}

html.site-green-theme.site-embedded-page :is(.form-row, .modal-content, .search-container) :is(input, select, textarea) {
  background: var(--embedded-input);
  color: var(--embedded-text);
  border-color: var(--embedded-border);
}

html.site-green-theme.site-embedded-page :is(input, textarea)::placeholder {
  color: #718477;
}

html.site-green-theme.site-embedded-page select option {
  background: var(--embedded-input);
  color: var(--embedded-text);
}

html.site-green-theme.site-embedded-page :is(.form-row, .modal-content, .search-container) :is(input, select, textarea):focus {
  border-color: var(--embedded-accent);
  box-shadow: 0 1px 0 0 var(--embedded-accent);
}

html.site-green-theme.site-embedded-page input:-webkit-autofill,
html.site-green-theme.site-embedded-page input:-webkit-autofill:hover,
html.site-green-theme.site-embedded-page input:-webkit-autofill:focus,
html.site-green-theme.site-embedded-page input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--embedded-text);
  box-shadow: inset 0 0 0 1000px var(--embedded-input);
}

html.site-green-theme.site-embedded-page :is(.back-button, .toolbar-button, .upload-btn),
html.site-green-theme.site-embedded-page .action-button:not(.delete-button),
html.site-green-theme.site-embedded-page .form-row button,
html.site-green-theme.site-embedded-page .modal-content button {
  background: #d5edd9;
  color: var(--embedded-text);
  border-color: #99c9a7;
}

html.site-green-theme.site-embedded-page :is(.back-button, .toolbar-button, .upload-btn):not(:disabled):hover,
html.site-green-theme.site-embedded-page .action-button:not(.delete-button):not(:disabled):hover,
html.site-green-theme.site-embedded-page .form-row button:not(:disabled):hover,
html.site-green-theme.site-embedded-page .modal-content button:not(:disabled):hover {
  background: #c3e5cd;
  color: #1e5938;
  border-color: #70b887;
}

html.site-green-theme.site-embedded-page :is(.action-button.primary, .build-button) {
  background: var(--embedded-accent);
  color: #fff;
  border-color: #22975a;
}

html.site-green-theme.site-embedded-page :is(.action-button.primary, .build-button):not(:disabled):hover {
  background: var(--embedded-accent-hover);
  color: #fff;
  border-color: #1b7949;
}

html.site-green-theme.site-embedded-page .delete-button {
  background: #fdf0f0;
}

html.site-green-theme.site-embedded-page .delete-button:not(:disabled):hover {
  background: #fbe4e4;
}

html.site-green-theme.site-embedded-page :is(button, input, select, textarea):disabled {
  background: #d5e4d7;
  color: #74887a;
  border-color: #b9cdbd;
}

html.site-green-theme.site-embedded-page .thumb-item:hover {
  border-color: #79b58c;
}

html.site-green-theme.site-embedded-page .thumb-item.selected {
  border-color: var(--embedded-accent);
  box-shadow: 0 0 0 2px rgba(40, 164, 100, .25);
}

html.site-green-theme.site-embedded-page .message.success {
  background: #d9f0df;
  color: #237646;
  border-color: #acd7b9;
}

html.site-green-theme.site-embedded-page .accounts-table :is(th, td) {
  border-color: #c3dfca;
}

html.site-green-theme.site-embedded-page .accounts-table th {
  background: #d5edd9;
  color: #477458;
}

html.site-green-theme.site-embedded-page .accounts-table tbody tr:hover {
  background: #d6efdd;
}

html.site-green-theme.site-embedded-page .modal {
  background-color: rgba(25, 58, 39, .30);
}

html.site-green-theme.site-embedded-page .modal-content {
  box-shadow: 0 2px 12px rgba(35, 76, 54, .14);
}

html.site-green-theme.site-embedded-page .close:hover {
  color: var(--embedded-text);
}

html.site-green-theme.site-embedded-page .loading-overlay {
  background: rgba(220, 241, 223, .75);
}

html.site-green-theme.site-embedded-page .spring-loader span {
  background: var(--embedded-accent);
}

html.site-green-theme.site-embedded-page .toast {
  background: #234c36;
  color: #f0fbf2;
}