html {
    @apply dark:text-white
}

h1 {
    color: var(--color-sf-primary) !important;
}

.e-date-icon-prev, .e-date-icon-next {
    color: var(--color-x-secondary-text-color) !important;
}
.e-btn.e-primary:disabled {
    color: var(--color-sf-secondary-text-color) !important;
}

.e-btn.e-flat:not(.x-self-color) {
    color: var(--color-x-secondary-text-color) !important;
}
.e-btn.e-flat:hover {
    color: var(--color-sf-secondary-text-color-hover) !important;
}
    .e-btn.e-flat:active {
        color: var(--color-sf-secondary-text-color-pressed) !important;
    }
    .e-btn.e-flat:focus {
        color: var(--color-sf-secondary-text-color-focus) !important;
    }

.e-btn.e-outline {
    color: var(--color-x-secondary-text-color) !important;
}
.e-multi-select-wrapper .e-chips .e-chips-close::before {
    color: var(--color-x-secondary-text-color) !important;
    -webkit-text-fill-color: var(--color-x-secondary-text-color) !important;
}
.e-treeview .e-icon-collapsible, .e-treeview .e-icon-expandable {
    color: var(--color-x-secondary-text-color) !important;
}
.e-dropdown-popup ul .e-item .e-menu-icon {
    color: var(--color-x-secondary-text-color) !important;
}

.e-dropdown-popup ul .e-item .e-menu-icon,
.e-dropdown-btn-popup ul .e-item .e-menu-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1rem !important;
    min-width: 1rem !important;
    margin-right: 0.625rem !important;
    opacity: 1 !important;
}
/*
.e-listview .e-icons:not(.e-primary .e-btn-icon,.e-check) {
    color: var(--color-x-secondary-text-color) !important;
}
*/
.e-btn.e-outline:hover {
    color: var(--color-sf-secondary-text-color-hover) !important;
}

    .e-btn.e-outline:active {
        color: var(--color-sf-secondary-text-color-pressed) !important;
    }

    .e-btn.e-outline:focus {
        color: var(--color-sf-secondary-text-color-focus) !important;
    }

.e-input-group-icon.e-ddl-icon, .e-input-group-icon.e-spin-down, .e-input-group-icon.e-spin-up, .e-icon-dlg-close.e-icons.e-btn-icon, .e-input-group-icon.e-date-icon.e-icons, .e-clear-icon {
    color: var(--color-x-secondary-text-color) !important;
}

.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    color: var(--color-x-secondary-text-color) !important;
}

/* Keep Syncfusion dropdown and multiselect popups above higher-level overlays such as SkyAtlas popups. */
body > .e-popup.e-popup-open:not(.e-dialog):not(.e-toast),
body > .e-ddl-popup.e-popup,
body > .e-multi-select-list-wrapper.e-popup {
    z-index: 2147483647 !important;
}

/* Keep dropdown action menus opaque in app overlays such as Sky Atlas equipment controls. */
body > .e-dropdown-popup.e-popup,
body > .e-dropdown-btn-popup.e-popup,
.e-dropdown-popup.e-popup,
.e-dropdown-btn-popup.e-popup {
    background: rgb(255 255 255) !important;
    background-color: rgb(255 255 255) !important;
    background-image: none !important;
    border: 1px solid var(--am-card-border-strong) !important;
    border-radius: 1rem !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16) !important;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 0.3rem !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    isolation: isolate;
}

.dark body > .e-dropdown-popup.e-popup,
.dark body > .e-dropdown-btn-popup.e-popup,
.dark .e-dropdown-popup.e-popup,
.dark .e-dropdown-btn-popup.e-popup,
.e-dark.e-dropdown-popup.e-popup,
.e-dark.e-dropdown-btn-popup.e-popup {
    background: rgb(15 23 42) !important;
    background-color: rgb(15 23 42) !important;
    background-image: none !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    box-shadow: 0 18px 40px rgba(2, 6, 23, 0.42) !important;
}

.e-dropdown-popup.e-popup .e-menu-wrapper,
.e-dropdown-popup.e-popup .e-dropdown-menu,
.e-dropdown-popup.e-popup ul,
.e-dropdown-popup.e-popup .e-menu-parent,
.e-dropdown-btn-popup.e-popup .e-menu-wrapper,
.e-dropdown-btn-popup.e-popup .e-dropdown-menu,
.e-dropdown-btn-popup.e-popup ul,
.e-dropdown-btn-popup.e-popup .e-menu-parent {
    background: inherit !important;
    background-color: inherit !important;
    background-image: none !important;
    opacity: 1 !important;
    padding: 0 !important;
    border-radius: inherit !important;
}

.e-listview .e-outline .e-icons:not(.e-primary .e-btn-icon,.e-check) {
    color: var(--color-x-secondary-text-color) !important;
}
/* MainLayout for DSODetailCore */
.dso-detail-active main {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.dso-detail-active main > div {
    height: auto;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}


/* NavMenu */
.nav-link.active {
    background-color: var(--color-sf-primary) !important;
    color: var(--color-sf-primary-text-color) !important;
}

.nav-menu-shell .nav-link {
    min-height: 2.5rem;
    padding-top: 0.45rem !important;
    padding-bottom: 0.45rem !important;
    font-size: 0.95rem !important;
}

.nav-menu-shell .nav-link svg {
    width: 1.2rem;
    height: 1.2rem;
}

.nav-menu-shell .nav-link.active svg,
.nav-menu-shell .nav-link:hover svg,
.nav-menu-shell .nav-link:focus-visible svg {
    color: inherit;
}

.nav-menu-shell .nav-menu-footer-links {
    font-size: 0.68rem;
    line-height: 1.16;
}

.nav-menu-shell .nav-menu-footer-docs {
    font-size: 0.76rem;
    line-height: 1.18;
}

.nav-menu-shell .nav-menu-footer-meta {
    font-size: 0.64rem;
    line-height: 1.12;
}

.nav-menu-shell .nav-menu-footer-stack {
    gap: 0.14rem;
}

.nav-menu-shell .nav-menu-footer-block {
    gap: 0.1rem;
}

.group:hover .group-hover\:text-gray-300 {
    color: inherit !important;
}

/* SfDataForm / SfDialog */
.e-dialog .e-dlg-header-content {
    background: var(--color-sf-primary) !important;
    color: var(--color-sf-primary-text-color) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--color-sf-primary) 72%, black) !important;
}

.e-dialog .e-dlg-header-content .e-dlg-header, 
.e-dialog .e-dlg-header-content .e-dlg-header *, 
.e-dialog .e-dlg-header-content .e-icons {
    color: var(--color-sf-primary-text-color) !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content {
    padding-top: 4px !important;
}

.e-data-form .e-label-position-top {
    margin-top: 6px !important;
}

.e-group-title {
    width: 100% !important;
    font-weight: 700 !important;
}

.e-dialog .e-data-form .e-form-group .e-group-container,
.e-dialog .e-data-form .e-form-group > .e-group-container {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 0 0.75rem 0 !important;
    padding: 0 !important;
    width: 100% !important;
    background: transparent !important;
}

.e-dialog .e-data-form .e-form-group .e-group-title,
.e-dialog .e-data-form .e-form-group > .e-group-title {
    display: block !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 0 0.75rem 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Reusable dialog/form styling */
.x-dialog-form,
.e-dialog .dialog-content {
    padding: 0.25rem 0;
}

.x-dialog-form .x-form-row,
.e-dialog .form-row {
    margin-bottom: 1rem;
}

.x-dialog-form .x-form-row > label,
.x-dialog-form .form-field > label,
.e-dialog .form-row > label,
.e-dialog .form-field > label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
}

.x-dialog-form .form-row-inline,
.e-dialog .form-row-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.x-dialog-form .form-field,
.e-dialog .form-field {
    flex: 1;
    min-width: 180px;
}

.x-dialog-form .x-form-section {
    background: color-mix(in srgb, var(--color-sf-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-sf-primary) 28%, transparent);
    border-radius: 0.75rem;
    padding: 0.9rem;
    margin-bottom: 1rem;
}

.x-dialog-form .x-form-section-title {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0 0 0.75rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: #111827;
}

.dark .x-dialog-form .x-form-section-title {
    color: #ffffff;
}

.e-dark .x-dialog-form .x-form-section-title {
    color: #ffffff;
}

.x-dialog-form .x-form-section-icon {
    width: 0.95rem;
    height: 0.95rem;
    display: none;
}

/* Reuse section styling for Syncfusion DataForm groups in dialogs */
.e-dialog .e-data-form .e-form-group {
    background: color-mix(in srgb, var(--color-sf-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-sf-primary) 28%, transparent);
    border-radius: 0.75rem;
    padding: 1rem 0.9rem 0.2rem;
    margin-bottom: 0.85rem;
    overflow: hidden;
}

.e-dialog .e-data-form .e-group-title {
    margin-bottom: 0.45rem !important;
    font-size: 0.95rem;
    font-weight: 700 !important;
    color: #111827;
    display: block;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    padding: 0 !important;
    line-height: 1.3;
}

.e-dialog .e-data-form .e-form-group .e-group-title,
.e-dialog .e-data-form .e-form-group .e-group-title * {
    background: transparent !important;
}

.dark .e-dialog .e-data-form .e-group-title {
    color: #ffffff;
}

.e-dark .e-dialog .e-data-form .e-group-title {
    color: #ffffff;
}

.scheduler-config-edit-dialog .e-dlg-content {
    padding-bottom: 0.5rem !important;
}

.scheduler-config-edit-dialog .e-footer-content {
    padding-top: 0.65rem !important;
    padding-bottom: 0.65rem !important;
}

@media (min-width: 769px) {
    html.desktop-sidebar-pushed body > .e-dlg-overlay:not(.notification-dialog),
    body.desktop-sidebar-pushed > .e-dlg-overlay:not(.notification-dialog) {
        left: var(--desktop-sidebar-offset, 256px) !important;
        width: calc(100vw - var(--desktop-sidebar-offset, 256px)) !important;
    }

    html.desktop-sidebar-pushed .e-dlg-container:has(.e-dialog:not(.notification-dialog)),
    body.desktop-sidebar-pushed .e-dlg-container:has(.e-dialog:not(.notification-dialog)) {
        padding-left: calc(var(--desktop-sidebar-offset, 256px) + 1rem) !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 768px) {
    .e-dlg-container:has(.e-dialog:not(.notification-dialog)) {
        padding-top: calc(max(env(safe-area-inset-top, 0px), 0px) + 0.85rem) !important;
        padding-right: calc(max(env(safe-area-inset-right, 0px), 0px) + 0.75rem) !important;
        padding-bottom: calc(max(env(safe-area-inset-bottom, 0px), 12px) + 0.85rem) !important;
        padding-left: calc(max(env(safe-area-inset-left, 0px), 0px) + 0.75rem) !important;
        box-sizing: border-box !important;
    }

    .e-dlg-container .e-dialog:not(.notification-dialog) {
        max-width: calc(100vw - max(env(safe-area-inset-left, 0px), 0px) - max(env(safe-area-inset-right, 0px), 0px) - 1.5rem) !important;
        max-height: calc(100dvh - max(env(safe-area-inset-top, 0px), 0px) - max(env(safe-area-inset-bottom, 0px), 12px) - 1.7rem) !important;
    }

    .e-dlg-container .e-dialog:not(.notification-dialog) .e-dlg-content {
        overflow-y: auto !important;
        overscroll-behavior: contain;
        max-height: calc(100dvh - max(env(safe-area-inset-top, 0px), 0px) - max(env(safe-area-inset-bottom, 0px), 12px) - 8.5rem) !important;
    }

    .e-dlg-container .e-dialog:not(.notification-dialog) .e-footer-content {
        padding-bottom: calc(max(env(safe-area-inset-bottom, 0px), 0px) + 0.55rem) !important;
    }
}

html.maui-android .e-dlg-container:has(.e-dialog:not(.notification-dialog)) {
    padding-top: calc(max(env(safe-area-inset-top, 0px), 24px) + 0.95rem) !important;
    padding-right: calc(max(env(safe-area-inset-right, 0px), 0px) + 0.75rem) !important;
    padding-bottom: calc(max(env(safe-area-inset-bottom, 0px), 16px) + 0.95rem) !important;
    padding-left: calc(max(env(safe-area-inset-left, 0px), 0px) + 0.75rem) !important;
}

html.maui-android .e-dlg-container .e-dialog:not(.notification-dialog) {
    max-height: calc(100dvh - max(env(safe-area-inset-top, 0px), 24px) - max(env(safe-area-inset-bottom, 0px), 16px) - 1.9rem) !important;
}

html.maui-android .e-dlg-container .e-dialog:not(.notification-dialog) .e-dlg-content {
    max-height: calc(100dvh - max(env(safe-area-inset-top, 0px), 24px) - max(env(safe-area-inset-bottom, 0px), 16px) - 8.9rem) !important;
}

html.maui-android .e-dlg-container .e-dialog:not(.notification-dialog) .e-footer-content {
    padding-bottom: calc(max(env(safe-area-inset-bottom, 0px), 16px) + 0.4rem) !important;
}

html.maui-android .scheduler-config-edit-dialog .e-footer-content {
    padding-bottom: calc(max(env(safe-area-inset-bottom, 0px), 16px) + 0.15rem) !important;
}

body > .e-dlg-overlay:not(.notification-dialog),
.e-dlg-overlay:not(.notification-dialog) {
    background: rgb(2 6 23 / 0.62) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* SELF: ListView Responsive */
.x-responsive-list1-2xl .e-list-parent {
    gap: 1rem !important;
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

@media (min-width: 1536px) {
    .x-responsive-list1-2xl .e-list-parent {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Hide virtualization spacer divs that interfere with grid layout */
.x-responsive-list1-2xl .e-list-parent > div[style*="height: 0px"] {
    display: none !important;
}

/* SfAccordion */
.e-accordion .e-acrdn-item .e-toggle-icon {
    color: var(--color-sf-primary) !important;
}
.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
    color: var(--color-sf-primary) !important;
}
.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons:not(.x-sec-text-color) {
    color: var(--color-sf-primary) !important;
}
.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover > .e-btn:not(:hover) .e-icons:has(.x-sec-text-color) {
    color: var(--color-sf-secondary-text-color) !important;
} .e-accordion .e-acrdn-item .e-acrdn-header {
    border-radius: 0.5rem !important;
}
/* CHART */
/* Chart tooltips - ensure they appear above dialogs */
.e-chart-tooltip-wrap {
    z-index: 10001 !important;
}
.e-chart .e-tooltip-wrap {
    z-index: 10001 !important;
}

/* SIDEBAR */
.e-sidebar-overlay {
    opacity: 0.7;
    background-color: gray;
}


/* GLOBAL */

/*
/* Bigger UI Mode - Targeted approach for buttons and text only 
body.e-bigger .e-btn {
    font-size: 1.1rem !important;
    padding: 0.75rem 1.25rem !important;
    min-height: 2.75rem !important;
}

body.e-bigger .e-btn.e-small {
    font-size: 1rem !important;
    padding: 0.5rem 1rem !important;
    min-height: 2.25rem !important;
}

body.e-bigger .e-btn.e-round {
    width: 2.75rem !important;
    height: 2.75rem !important;
}

body.e-bigger .e-btn.e-round.e-small {
    width: 2.25rem !important;
    height: 2.25rem !important;
}

/* Input controls 
body.e-bigger .e-input-group input,
body.e-bigger .e-input-group .e-input,
body.e-bigger .e-dropdownlist .e-input,
body.e-bigger .e-numerictextbox .e-input,
body.e-bigger .e-datepicker .e-input,
body.e-bigger .e-timepicker .e-input,
body.e-bigger .e-multiselect .e-input {
    font-size: 1.1rem !important;
    padding: 0.75rem !important;
    min-height: 2.75rem !important;
}

/* Labels and text 
body.e-bigger .e-float-text,
body.e-bigger .e-label,
body.e-bigger .e-field-label,
body.e-bigger .e-checkbox-wrapper .e-label,
body.e-bigger .e-radio-wrapper .e-label {
    font-size: 1.1rem !important;
}

/* Dropdown items 
body.e-bigger .e-dropdownbase .e-list-item,
body.e-bigger .e-popup .e-list-item {
    font-size: 1.1rem !important;
    padding: 0.75rem 1rem !important;
    min-height: 2.5rem !important;
}

/* Tailwind text classes 
body.e-bigger .text-xs { font-size: 0.875rem !important; }
body.e-bigger .text-sm { font-size: 1rem !important; }
body.e-bigger .text-base { font-size: 1.125rem !important; }
body.e-bigger .text-lg { font-size: 1.25rem !important; }
body.e-bigger .text-xl { font-size: 1.375rem !important; }
body.e-bigger .text-2xl { font-size: 1.75rem !important; }
body.e-bigger .text-3xl { font-size: 2.25rem !important; }

/* Tailwind button-like elements 
body.e-bigger button:not(.e-btn) {
    font-size: 1.1rem !important;
    padding: 0.75rem 1.25rem !important;
}

/* Card headers and titles 
body.e-bigger .e-card .e-card-header,
body.e-bigger h1, body.e-bigger h2, body.e-bigger h3, 
body.e-bigger h4, body.e-bigger h5, body.e-bigger h6 {
    font-size: calc(1em * 1.15) !important;
}
    */


/* ALADIN LITE */
.aladin-location {
    top: auto !important;
    bottom: 0.2rem !important;
    left: 0.2rem !important;
}

.aladin-fov {
    bottom: 2.4rem !important;
    left: 0.2rem !important;
}

/* Sequence file dropdown: avoid truncating long relative paths */
.sequence-files-dropdown.e-input-group .e-input,
.sequence-files-dropdown.e-control-wrapper .e-input {
    text-overflow: ellipsis;
}

.sequence-files-dropdown.e-popup .e-list-item,
.sequence-files-dropdown.e-ddl.e-popup .e-list-item,
.sequence-files-dropdown.e-popup .e-list-item .e-list-text {
    white-space: normal;
    word-break: break-word;
    overflow: visible;
    text-overflow: unset;
    line-height: 1.2;
}

/* Shared app-theme utilities for community/workspace pages */
.am-primary-link {
    color: var(--color-sf-primary) !important;
}

.am-primary-link:hover,
.am-primary-link:focus {
    color: color-mix(in srgb, var(--color-sf-primary) 84%, white) !important;
}

.am-primary-btn {
    background: var(--color-sf-primary) !important;
    border-color: color-mix(in srgb, var(--color-sf-primary) 76%, black) !important;
    color: var(--color-sf-primary-text-color, #ffffff) !important;
}

.am-primary-btn:hover,
.am-primary-btn:focus {
    background: color-mix(in srgb, var(--color-sf-primary) 88%, black) !important;
    border-color: color-mix(in srgb, var(--color-sf-primary) 70%, black) !important;
    color: var(--color-sf-primary-text-color, #ffffff) !important;
}

.am-primary-btn:disabled {
    background: color-mix(in srgb, var(--color-sf-primary) 42%, transparent) !important;
    border-color: color-mix(in srgb, var(--color-sf-primary) 24%, transparent) !important;
    color: rgba(255, 255, 255, 0.72) !important;
}

.am-primary-outline {
    border-color: color-mix(in srgb, var(--color-sf-primary) 34%, white) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 6%, white) !important;
    color: var(--color-sf-primary) !important;
}

.am-primary-outline:hover,
.am-primary-outline:focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 44%, white) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 12%, white) !important;
    color: var(--color-sf-primary) !important;
}

.dark .am-primary-outline,
.e-dark .am-primary-outline {
    border-color: color-mix(in srgb, var(--color-sf-primary) 34%, transparent) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 14%, rgb(15 23 42)) !important;
    color: color-mix(in srgb, var(--color-sf-primary) 78%, white) !important;
}

.dark .am-primary-outline:hover,
.dark .am-primary-outline:focus,
.e-dark .am-primary-outline:hover,
.e-dark .am-primary-outline:focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 44%, transparent) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 20%, rgb(15 23 42)) !important;
}

.am-primary-soft-badge {
    border-color: color-mix(in srgb, var(--color-sf-primary) 22%, white) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 10%, white) !important;
    color: var(--color-sf-primary) !important;
}

.dark .am-primary-soft-badge,
.e-dark .am-primary-soft-badge {
    border-color: color-mix(in srgb, var(--color-sf-primary) 28%, transparent) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 14%, rgb(15 23 42)) !important;
    color: color-mix(in srgb, var(--color-sf-primary) 78%, white) !important;
}

.am-primary-soft-surface {
    border-color: color-mix(in srgb, var(--color-sf-primary) 24%, white) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 9%, white) !important;
}

.dark .am-primary-soft-surface,
.e-dark .am-primary-soft-surface {
    border-color: color-mix(in srgb, var(--color-sf-primary) 28%, transparent) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 12%, rgb(15 23 42)) !important;
}

.am-primary-gradient-panel {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.98) 0%,
        color-mix(in srgb, var(--color-sf-primary) 8%, white) 58%,
        color-mix(in srgb, var(--color-sf-primary) 15%, white) 100%
    ) !important;
}

.dark .am-primary-gradient-panel,
.e-dark .am-primary-gradient-panel {
    background: linear-gradient(
        135deg,
        rgb(17 24 39 / 0.98) 0%,
        color-mix(in srgb, var(--color-sf-primary) 10%, rgb(15 23 42)) 58%,
        color-mix(in srgb, var(--color-sf-primary) 16%, rgb(2 6 23)) 100%
    ) !important;
}

.am-primary-hover-text:hover,
.am-primary-hover-text:focus {
    color: var(--color-sf-primary) !important;
}

.am-primary-hover-border:hover,
.am-primary-hover-border:focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 40%, white) !important;
}

.dark .am-primary-hover-border:hover,
.dark .am-primary-hover-border:focus,
.e-dark .am-primary-hover-border:hover,
.e-dark .am-primary-hover-border:focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 40%, transparent) !important;
}

.am-primary-selected-card {
    border-color: color-mix(in srgb, var(--color-sf-primary) 28%, white) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 7%, white) !important;
}

.dark .am-primary-selected-card,
.e-dark .am-primary-selected-card {
    border-color: color-mix(in srgb, var(--color-sf-primary) 32%, transparent) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 12%, rgb(15 23 42)) !important;
}

.am-primary-accent {
    accent-color: var(--color-sf-primary);
}

/* Reusable design-system foundation for community/workspace surfaces */
:root {
    --am-page-max-width: 96rem;
    --am-page-padding-x: 0.75rem;
    --am-page-padding-y: 1rem;
    --am-card-radius-lg: 1.5rem;
    --am-card-radius-md: 1rem;
    --am-card-border: rgba(148, 163, 184, 0.22);
    --am-card-border-strong: rgba(100, 116, 139, 0.34);
    --am-card-bg: rgba(255, 255, 255, 0.96);
    --am-card-bg-soft: rgba(248, 250, 252, 0.9);
    --am-card-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    --am-card-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.06);
    --am-text-strong: #020617;
    --am-text-muted: #475569;
    --am-text-subtle: #64748b;
    --am-attention-bg: rgba(254, 249, 195, 0.56);
    --am-attention-border: rgba(245, 158, 11, 0.34);
    --am-attention-text: #92400e;
}

.dark,
.e-dark {
    --am-card-border: rgba(71, 85, 105, 0.5);
    --am-card-border-strong: rgba(148, 163, 184, 0.3);
    --am-card-bg: rgba(2, 6, 23, 0.9);
    --am-card-bg-soft: rgba(15, 23, 42, 0.84);
    --am-card-shadow: 0 22px 48px rgba(2, 6, 23, 0.4);
    --am-card-shadow-soft: 0 14px 30px rgba(2, 6, 23, 0.28);
    --am-text-strong: #f8fafc;
    --am-text-muted: #cbd5e1;
    --am-text-subtle: #94a3b8;
    --am-attention-bg: rgba(120, 53, 15, 0.24);
    --am-attention-border: rgba(251, 191, 36, 0.34);
    --am-attention-text: #fde68a;
}

.am-page-shell {
    width: min(100%, var(--am-page-max-width));
    margin-inline: auto;
    padding-inline: var(--am-page-padding-x);
    padding-block: var(--am-page-padding-y);
}

@media (min-width: 640px) {
    .am-page-shell {
        padding-inline: 1rem;
    }
}

.am-card {
    border: 1px solid var(--am-card-border);
    border-radius: var(--am-card-radius-lg);
    background: var(--am-card-bg);
    box-shadow: var(--am-card-shadow);
}

.am-card--soft {
    background: var(--am-card-bg-soft);
    box-shadow: var(--am-card-shadow-soft);
}

.am-card--hero {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.98) 0%,
        color-mix(in srgb, var(--color-sf-primary) 7%, white) 56%,
        color-mix(in srgb, var(--color-sf-primary) 13%, white) 100%
    );
}

.dark .am-card--hero,
.e-dark .am-card--hero {
    background: linear-gradient(
        135deg,
        rgba(2, 6, 23, 0.96) 0%,
        color-mix(in srgb, var(--color-sf-primary) 12%, rgb(15 23 42)) 56%,
        color-mix(in srgb, var(--color-sf-primary) 18%, rgb(2 6 23)) 100%
    );
}

.am-card--attention {
    border-color: var(--am-attention-border);
    background: var(--am-attention-bg);
}

.am-card__header {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
}

.am-card__header--compact {
    gap: 0.55rem;
    padding: 0.8rem 0.95rem;
}

@media (min-width: 640px) {
    .am-card__header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.am-card__title {
    margin: 0;
    font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: var(--am-text-strong);
}

.am-card__subtitle {
    margin: 0.4rem 0 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--am-text-muted);
}

.am-card__title--workspace {
    font-size: clamp(1.18rem, 1.02rem + 0.42vw, 1.5rem);
    line-height: 1.14;
    letter-spacing: -0.02em;
}

.am-card__subtitle--compact {
    margin-top: 0.24rem;
    font-size: 0.84rem;
    line-height: 1.45;
}

.am-section-title {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--am-text-strong);
}

.am-section-subtitle {
    margin: 0.2rem 0 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--am-text-muted);
}

.am-card__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.am-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid var(--am-card-border-strong);
    border-radius: 0.9rem;
    background: var(--am-card-bg-soft);
    color: var(--am-text-strong);
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.am-btn-secondary:hover,
.am-btn-secondary:focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 26%, var(--am-card-border-strong));
    background: color-mix(in srgb, var(--color-sf-primary) 8%, var(--am-card-bg-soft));
    color: var(--color-sf-primary);
    transform: translateY(-1px);
}

.am-btn-icon {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    padding: 0;
    border-radius: 9999px;
}

.am-action-btn,
.am-action-btn.e-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2rem;
    padding: 0.4rem 0.7rem;
    border: 1px solid var(--am-card-border-strong);
    border-radius: 0.8rem;
    background: var(--am-card-bg-soft);
    color: var(--am-text-strong);
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1;
    box-shadow: none;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.am-action-btn:hover,
.am-action-btn:focus,
.am-action-btn.e-btn:hover,
.am-action-btn.e-btn:focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 26%, var(--am-card-border-strong));
    background: color-mix(in srgb, var(--color-sf-primary) 8%, var(--am-card-bg-soft));
    color: var(--color-sf-primary);
    transform: translateY(-1px);
}

.am-action-btn--icon,
.am-action-btn--icon.e-btn {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0;
}

.am-action-btn--icon-sm,
.am-action-btn--icon-sm.e-btn {
    width: 1.65rem;
    height: 1.65rem;
    min-width: 1.65rem;
    border-radius: 0.65rem;
}

.am-action-btn--icon-sm .e-icons {
    font-size: 0.72rem;
}

.am-action-btn--primary,
.am-action-btn--primary.e-btn,
.am-action-btn--active,
.am-action-btn--active.e-btn {
    border-color: color-mix(in srgb, var(--color-sf-primary) 26%, var(--am-card-border-strong));
    background: color-mix(in srgb, var(--color-sf-primary) 10%, var(--am-card-bg-soft));
    color: var(--color-sf-primary);
}

.am-action-btn--danger,
.am-action-btn--danger.e-btn {
    border-color: color-mix(in srgb, rgb(244 63 94) 38%, var(--am-card-border-strong));
    background: color-mix(in srgb, rgb(244 63 94) 12%, var(--am-card-bg-soft));
    color: rgb(225 29 72);
}

.am-action-btn--danger:hover,
.am-action-btn--danger:focus,
.am-action-btn--danger.e-btn:hover,
.am-action-btn--danger.e-btn:focus {
    border-color: color-mix(in srgb, rgb(244 63 94) 50%, var(--am-card-border-strong)) !important;
    background: color-mix(in srgb, rgb(244 63 94) 18%, var(--am-card-bg-soft)) !important;
    color: rgb(190 24 93) !important;
}

.dark .am-action-btn--danger,
.dark .am-action-btn--danger.e-btn,
.e-dark .am-action-btn--danger,
.e-dark .am-action-btn--danger.e-btn {
    color: rgb(251 113 133);
}

.am-dropdown-btn,
.am-dropdown-btn.e-btn,
.am-dropdown-btn.e-dropdown-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2rem;
    padding: 0.4rem 0.72rem !important;
    border: 1px solid var(--am-card-border-strong) !important;
    border-radius: 0.8rem !important;
    background: var(--am-card-bg-soft) !important;
    color: var(--am-text-strong) !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.am-dropdown-btn:hover,
.am-dropdown-btn:focus,
.am-dropdown-btn.e-btn:hover,
.am-dropdown-btn.e-btn:focus,
.am-dropdown-btn.e-dropdown-btn:hover,
.am-dropdown-btn.e-dropdown-btn:focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 26%, var(--am-card-border-strong)) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 8%, var(--am-card-bg-soft)) !important;
    color: var(--color-sf-primary) !important;
    transform: translateY(-1px);
}

.am-dropdown-btn--icon,
.am-dropdown-btn--icon.e-btn,
.am-dropdown-btn--icon.e-dropdown-btn {
    min-width: 2rem;
    padding: 0.4rem !important;
}

.am-dropdown-btn--primary,
.am-dropdown-btn--primary.e-btn,
.am-dropdown-btn--primary.e-dropdown-btn {
    border-color: color-mix(in srgb, var(--color-sf-primary) 78%, white) !important;
    background: var(--color-sf-primary) !important;
    color: white !important;
}

.am-dropdown-btn--primary:hover,
.am-dropdown-btn--primary:focus,
.am-dropdown-btn--primary.e-btn:hover,
.am-dropdown-btn--primary.e-btn:focus,
.am-dropdown-btn--primary.e-dropdown-btn:hover,
.am-dropdown-btn--primary.e-dropdown-btn:focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 82%, white) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 90%, black) !important;
    color: white !important;
}

.am-dropdown-btn .e-btn-icon,
.am-dropdown-btn .e-caret,
.am-action-btn .e-btn-icon,
.am-action-btn .e-icons,
.am-dropdown-btn .e-icons {
    font-size: 0.78rem;
    color: currentColor !important;
}

.am-action-btn:disabled,
.am-dropdown-btn:disabled,
.am-action-btn.e-btn:disabled,
.am-dropdown-btn.e-btn:disabled,
.am-action-btn.e-disabled,
.am-dropdown-btn.e-disabled,
.am-action-btn.e-btn.e-disabled,
.am-dropdown-btn.e-btn.e-disabled {
    opacity: 0.58 !important;
    cursor: not-allowed;
    pointer-events: none;
    transform: none !important;
    box-shadow: none !important;
    filter: saturate(0.72);
}

.am-action-btn:disabled:not(.am-action-btn--danger),
.am-dropdown-btn:disabled,
.am-action-btn.e-btn:disabled:not(.am-action-btn--danger),
.am-dropdown-btn.e-btn:disabled,
.am-action-btn.e-disabled:not(.am-action-btn--danger),
.am-dropdown-btn.e-disabled,
.am-action-btn.e-btn.e-disabled:not(.am-action-btn--danger),
.am-dropdown-btn.e-btn.e-disabled {
    border-color: color-mix(in srgb, var(--am-card-border-strong) 80%, transparent) !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 82%, transparent) !important;
    color: color-mix(in srgb, var(--am-text-muted) 72%, white) !important;
}

.dark .am-action-btn:disabled:not(.am-action-btn--danger),
.dark .am-dropdown-btn:disabled,
.dark .am-action-btn.e-btn:disabled:not(.am-action-btn--danger),
.dark .am-dropdown-btn.e-btn:disabled,
.dark .am-action-btn.e-disabled:not(.am-action-btn--danger),
.dark .am-dropdown-btn.e-disabled,
.dark .am-action-btn.e-btn.e-disabled:not(.am-action-btn--danger),
.dark .am-dropdown-btn.e-btn.e-disabled,
.e-dark .am-action-btn:disabled:not(.am-action-btn--danger),
.e-dark .am-dropdown-btn:disabled,
.e-dark .am-action-btn.e-btn:disabled:not(.am-action-btn--danger),
.e-dark .am-dropdown-btn.e-btn:disabled,
.e-dark .am-action-btn.e-disabled:not(.am-action-btn--danger),
.e-dark .am-dropdown-btn.e-disabled,
.e-dark .am-action-btn.e-btn.e-disabled:not(.am-action-btn--danger),
.e-dark .am-dropdown-btn.e-btn.e-disabled {
    border-color: rgba(71, 85, 105, 0.34) !important;
    background: rgba(15, 23, 42, 0.42) !important;
    color: color-mix(in srgb, rgb(148 163 184) 58%, rgb(15 23 42)) !important;
}

.am-action-btn--danger:disabled,
.am-action-btn--danger.e-btn:disabled,
.am-action-btn--danger.e-disabled,
.am-action-btn--danger.e-btn.e-disabled {
    border-color: color-mix(in srgb, rgb(244 63 94) 20%, var(--am-card-border-strong)) !important;
    background: color-mix(in srgb, rgb(244 63 94) 5%, var(--am-card-bg-soft)) !important;
    color: color-mix(in srgb, rgb(244 63 94) 42%, var(--am-text-muted)) !important;
}

.dark .am-action-btn--danger:disabled,
.dark .am-action-btn--danger.e-btn:disabled,
.dark .am-action-btn--danger.e-disabled,
.dark .am-action-btn--danger.e-btn.e-disabled,
.e-dark .am-action-btn--danger:disabled,
.e-dark .am-action-btn--danger.e-btn:disabled,
.e-dark .am-action-btn--danger.e-disabled,
.e-dark .am-action-btn--danger.e-btn.e-disabled {
    border-color: color-mix(in srgb, rgb(251 113 133) 16%, rgba(71, 85, 105, 0.5)) !important;
    background: color-mix(in srgb, rgb(251 113 133) 4%, rgba(15, 23, 42, 0.42)) !important;
    color: color-mix(in srgb, rgb(251 113 133) 42%, var(--am-text-muted)) !important;
}

.dark .am-action-btn:disabled:not(.am-action-btn--danger),
.dark .am-dropdown-btn:disabled,
.dark .am-action-btn.e-btn:disabled:not(.am-action-btn--danger),
.dark .am-dropdown-btn.e-btn:disabled,
.dark .am-action-btn.e-disabled:not(.am-action-btn--danger),
.dark .am-dropdown-btn.e-disabled,
.dark .am-action-btn.e-btn.e-disabled:not(.am-action-btn--danger),
.dark .am-dropdown-btn.e-btn.e-disabled,
.e-dark .am-action-btn:disabled:not(.am-action-btn--danger),
.e-dark .am-dropdown-btn:disabled,
.e-dark .am-action-btn.e-btn:disabled:not(.am-action-btn--danger),
.e-dark .am-dropdown-btn.e-btn:disabled,
.e-dark .am-action-btn.e-disabled:not(.am-action-btn--danger),
.e-dark .am-dropdown-btn.e-disabled,
.e-dark .am-action-btn.e-btn.e-disabled:not(.am-action-btn--danger),
.e-dark .am-dropdown-btn.e-btn.e-disabled {
    border-color: color-mix(in srgb, var(--am-card-border-strong) 94%, rgb(15 23 42)) !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, rgb(15 23 42)) !important;
    color: color-mix(in srgb, rgb(226 232 240) 38%, var(--am-text-muted)) !important;
}

.e-dropdown-popup.e-popup .e-item,
.e-dropdown-btn-popup.e-popup .e-item,
.e-dropdown-popup.e-popup .e-menu-item,
.e-dropdown-btn-popup.e-popup .e-menu-item {
    display: flex !important;
    align-items: center !important;
    color: var(--am-text-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    margin: 0.12rem 0 !important;
    padding: 0.78rem 0.95rem !important;
    border-radius: 0.82rem !important;
    background: transparent !important;
    transition: background-color 120ms ease, color 120ms ease;
}

.e-dropdown-popup.e-popup .e-item .e-menu-text,
.e-dropdown-popup.e-popup .e-menu-item .e-menu-text,
.e-dropdown-btn-popup.e-popup .e-item .e-menu-text,
.e-dropdown-btn-popup.e-popup .e-menu-item .e-menu-text,
.e-dropdown-popup.e-popup .e-item .e-caret,
.e-dropdown-popup.e-popup .e-menu-item .e-caret,
.e-dropdown-btn-popup.e-popup .e-item .e-caret,
.e-dropdown-btn-popup.e-popup .e-menu-item .e-caret {
    color: inherit !important;
    opacity: 1 !important;
}

.dark .e-dropdown-popup.e-popup .e-item,
.dark .e-dropdown-btn-popup.e-popup .e-item,
.dark .e-dropdown-popup.e-popup .e-menu-item,
.dark .e-dropdown-btn-popup.e-popup .e-menu-item,
.e-dark.e-dropdown-popup.e-popup .e-item,
.e-dark.e-dropdown-btn-popup.e-popup .e-item,
.e-dark.e-dropdown-popup.e-popup .e-menu-item,
.e-dark.e-dropdown-btn-popup.e-popup .e-menu-item {
    color: rgb(226 232 240) !important;
}

.e-dropdown-popup.e-popup .e-item:hover,
.e-dropdown-popup.e-popup .e-item.e-focused,
.e-dropdown-popup.e-popup .e-menu-item:hover,
.e-dropdown-popup.e-popup .e-menu-item.e-focused,
.e-dropdown-btn-popup.e-popup .e-item:hover,
.e-dropdown-btn-popup.e-popup .e-item.e-focused,
.e-dropdown-btn-popup.e-popup .e-menu-item:hover,
.e-dropdown-btn-popup.e-popup .e-menu-item.e-focused {
    background: color-mix(in srgb, var(--color-sf-primary) 10%, var(--am-card-bg-soft)) !important;
    color: var(--color-sf-primary) !important;
}

.e-dropdown-popup.e-popup .e-item.e-selected,
.e-dropdown-popup.e-popup .e-item.e-active,
.e-dropdown-popup.e-popup .e-menu-item.e-selected,
.e-dropdown-popup.e-popup .e-menu-item.e-active,
.e-dropdown-btn-popup.e-popup .e-item.e-selected,
.e-dropdown-btn-popup.e-popup .e-item.e-active,
.e-dropdown-btn-popup.e-popup .e-menu-item.e-selected,
.e-dropdown-btn-popup.e-popup .e-menu-item.e-active {
    background: color-mix(in srgb, var(--color-sf-primary) 14%, var(--am-card-bg-soft)) !important;
    color: var(--am-text-strong) !important;
}

.dark .e-dropdown-popup.e-popup .e-item:hover,
.dark .e-dropdown-popup.e-popup .e-item.e-focused,
.dark .e-dropdown-popup.e-popup .e-menu-item:hover,
.dark .e-dropdown-popup.e-popup .e-menu-item.e-focused,
.dark .e-dropdown-btn-popup.e-popup .e-item:hover,
.dark .e-dropdown-btn-popup.e-popup .e-item.e-focused,
.dark .e-dropdown-btn-popup.e-popup .e-menu-item:hover,
.dark .e-dropdown-btn-popup.e-popup .e-menu-item.e-focused,
.e-dark.e-dropdown-popup.e-popup .e-item:hover,
.e-dark.e-dropdown-popup.e-popup .e-item.e-focused,
.e-dark.e-dropdown-popup.e-popup .e-menu-item:hover,
.e-dark.e-dropdown-popup.e-popup .e-menu-item.e-focused,
.e-dark.e-dropdown-btn-popup.e-popup .e-item:hover,
.e-dark.e-dropdown-btn-popup.e-popup .e-item.e-focused,
.e-dark.e-dropdown-btn-popup.e-popup .e-menu-item:hover,
.e-dark.e-dropdown-btn-popup.e-popup .e-menu-item.e-focused {
    background: color-mix(in srgb, var(--color-sf-primary) 12%, rgb(15 23 42)) !important;
    color: rgb(248 250 252) !important;
}

.dark .e-dropdown-popup.e-popup .e-item.e-selected,
.dark .e-dropdown-popup.e-popup .e-item.e-active,
.dark .e-dropdown-popup.e-popup .e-menu-item.e-selected,
.dark .e-dropdown-popup.e-popup .e-menu-item.e-active,
.dark .e-dropdown-btn-popup.e-popup .e-item.e-selected,
.dark .e-dropdown-btn-popup.e-popup .e-item.e-active,
.dark .e-dropdown-btn-popup.e-popup .e-menu-item.e-selected,
.dark .e-dropdown-btn-popup.e-popup .e-menu-item.e-active,
.e-dark.e-dropdown-popup.e-popup .e-item.e-selected,
.e-dark.e-dropdown-popup.e-popup .e-item.e-active,
.e-dark.e-dropdown-popup.e-popup .e-menu-item.e-selected,
.e-dark.e-dropdown-popup.e-popup .e-menu-item.e-active,
.e-dark.e-dropdown-btn-popup.e-popup .e-item.e-selected,
.e-dark.e-dropdown-btn-popup.e-popup .e-item.e-active,
.e-dark.e-dropdown-btn-popup.e-popup .e-menu-item.e-selected,
.e-dark.e-dropdown-btn-popup.e-popup .e-menu-item.e-active {
    background: color-mix(in srgb, var(--color-sf-primary) 16%, rgb(15 23 42)) !important;
    color: rgb(248 250 252) !important;
}

.e-dropdown-popup.e-popup .e-item.e-disabled,
.e-dropdown-popup.e-popup .e-menu-item.e-disabled,
.e-dropdown-btn-popup.e-popup .e-item.e-disabled,
.e-dropdown-btn-popup.e-popup .e-menu-item.e-disabled {
    opacity: 0.55 !important;
    color: var(--am-text-muted) !important;
}

.e-dropdown-popup.e-popup .e-item.e-separator,
.e-dropdown-popup.e-popup .e-menu-item.e-separator,
.e-dropdown-btn-popup.e-popup .e-item.e-separator,
.e-dropdown-btn-popup.e-popup .e-menu-item.e-separator {
    border-color: rgba(148, 163, 184, 0.16) !important;
    margin: 0.32rem 0.15rem !important;
}

.e-dropdown-popup.e-popup .e-item .e-menu-icon,
.e-dropdown-popup.e-popup .e-menu-item .e-menu-icon,
.e-dropdown-btn-popup.e-popup .e-item .e-menu-icon,
.e-dropdown-btn-popup.e-popup .e-menu-item .e-menu-icon {
    color: currentColor !important;
}

.am-select-control.e-control-wrapper,
.am-select-control.e-input-group,
.am-select-control.e-ddl.e-input-group,
.am-select-control.e-multiselect.e-input-group,
.am-select-control.e-multi-select-wrapper.e-input-group {
    min-height: 2.35rem;
    border: 1px solid var(--am-card-border-strong) !important;
    border-radius: 0.9rem !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, white) !important;
    box-shadow: none !important;
    transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.dark .am-select-control.e-control-wrapper,
.dark .am-select-control.e-input-group,
.dark .am-select-control.e-ddl.e-input-group,
.dark .am-select-control.e-multiselect.e-input-group,
.dark .am-select-control.e-multi-select-wrapper.e-input-group,
.e-dark .am-select-control.e-control-wrapper,
.e-dark .am-select-control.e-input-group,
.e-dark .am-select-control.e-ddl.e-input-group,
.e-dark .am-select-control.e-multiselect.e-input-group,
.e-dark .am-select-control.e-multi-select-wrapper.e-input-group {
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, rgb(2 6 23)) !important;
}

.am-select-control:hover,
.am-select-control.e-control-wrapper:hover,
.am-select-control.e-input-group:hover {
    border-color: color-mix(in srgb, var(--color-sf-primary) 22%, var(--am-card-border-strong)) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 5%, var(--am-card-bg-soft)) !important;
}

.am-select-control.e-input-focus,
.am-select-control.e-control-wrapper.e-input-focus,
.am-select-control.e-input-group.e-input-focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 34%, var(--am-card-border-strong)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-sf-primary) 16%, transparent) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 6%, var(--am-card-bg-soft)) !important;
}

.am-select-control .e-input,
.am-select-control input.e-input,
.am-select-control .e-delim-values,
.am-select-control .e-ddl-icon,
.am-select-control .e-input-group-icon,
.am-select-control .e-input-value {
    color: var(--am-text-strong) !important;
    font-size: 0.84rem !important;
}

.am-select-control .e-input,
.am-select-control input.e-input,
.am-select-control .e-delim-values,
.am-select-control .e-input-value {
    font-weight: 600 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    line-height: 1.15 !important;
}

.am-select-control .e-input-value,
.am-select-control.e-ddl .e-input-value,
.am-select-control.e-ddl .e-ddl-icon,
.am-select-control .e-input-group-icon,
.am-select-control .e-ddl-icon {
    display: flex !important;
    align-items: center !important;
}

.am-select-control.e-ddl .e-input-value {
    min-height: calc(2.35rem - 2px) !important;
    height: calc(2.35rem - 2px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.am-select-control .e-input-group-icon,
.am-select-control .e-ddl-icon {
    color: var(--am-text-subtle) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-select-control .e-input-group input,
.am-select-control .e-control-wrapper input,
.am-select-control .e-control.e-input,
.am-select-control .e-input-focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.am-select-control.am-select-control--dialog .e-input,
.am-select-control.am-select-control--dialog input.e-input,
.am-select-control.am-select-control--dialog .e-delim-values,
.am-select-control.am-select-control--dialog .e-ddl-icon,
.am-select-control.am-select-control--dialog .e-input-group-icon {
    font-size: 0.9rem !important;
}

.am-select-control.am-select-control--dialog.e-ddl .e-input,
.am-select-control.am-select-control--dialog.e-ddl input.e-input,
.am-select-control.am-select-control--dialog.e-ddl .e-input-value {
    min-height: calc(2.05rem - 2px) !important;
    height: calc(2.05rem - 2px) !important;
    line-height: calc(2.05rem - 2px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.am-select-control--assignment.e-ddl.e-input-group,
.am-select-control--assignment.e-control-wrapper {
    min-height: 2.5rem !important;
}

.am-select-control--assignment.e-ddl .e-input,
.am-select-control--assignment.e-ddl input.e-input,
.am-select-control--assignment.e-ddl .e-input-value,
.am-select-control--assignment .e-input-group-icon,
.am-select-control--assignment .e-ddl-icon,
.am-select-control--assignment .e-clear-icon {
    min-height: calc(2.5rem - 2px) !important;
    height: calc(2.5rem - 2px) !important;
    line-height: calc(2.5rem - 2px) !important;
    display: flex !important;
    align-items: center !important;
}

.am-select-control--assignment.e-ddl .e-input-value > *,
.am-select-control--assignment.e-ddl .e-input-value span {
    display: flex !important;
    align-items: center !important;
    min-height: 100% !important;
}

.am-select-control.e-numeric.e-control-wrapper,
.am-select-control.e-numerictextbox,
.am-select-control.e-numerictextbox.e-control-wrapper {
    box-shadow: none !important;
}

.am-select-control.e-numeric.e-control-wrapper .e-input-group,
.am-select-control.e-numerictextbox .e-input-group,
.am-select-control.e-numerictextbox.e-control-wrapper .e-input-group,
.am-select-control.e-numeric.e-control-wrapper .e-input-group.e-control-wrapper,
.am-select-control.e-numerictextbox .e-input-group.e-control-wrapper,
.am-select-control.e-numerictextbox.e-control-wrapper .e-input-group.e-control-wrapper {
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.am-select-control.e-numeric.e-control-wrapper .e-input-group::before,
.am-select-control.e-numeric.e-control-wrapper .e-input-group::after,
.am-select-control.e-numerictextbox .e-input-group::before,
.am-select-control.e-numerictextbox .e-input-group::after,
.am-select-control.e-numerictextbox.e-control-wrapper .e-input-group::before,
.am-select-control.e-numerictextbox.e-control-wrapper .e-input-group::after {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-select-control.e-numeric.e-control-wrapper .e-input-group-icon,
.am-select-control.e-numerictextbox .e-input-group-icon,
.am-select-control.e-numerictextbox.e-control-wrapper .e-input-group-icon,
.am-select-control.e-numeric.e-control-wrapper .e-input-group-icon.e-spin-up,
.am-select-control.e-numeric.e-control-wrapper .e-input-group-icon.e-spin-down,
.am-select-control.e-numerictextbox .e-input-group-icon.e-spin-up,
.am-select-control.e-numerictextbox .e-input-group-icon.e-spin-down {
    border-left: 0 !important;
    border-right: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-select-control.e-numeric.e-control-wrapper .e-input-group-icon::before,
.am-select-control.e-numeric.e-control-wrapper .e-input-group-icon::after,
.am-select-control.e-numerictextbox .e-input-group-icon::before,
.am-select-control.e-numerictextbox .e-input-group-icon::after,
.am-select-control.e-numerictextbox.e-control-wrapper .e-input-group-icon::before,
.am-select-control.e-numerictextbox.e-control-wrapper .e-input-group-icon::after {
    border: 0 !important;
    box-shadow: none !important;
}

.am-select-control.e-numeric.e-control-wrapper .e-numeric-hidden,
.am-select-control.e-numerictextbox .e-numeric-hidden,
.am-select-control.e-numerictextbox.e-control-wrapper .e-numeric-hidden {
    border: 0 !important;
    box-shadow: none !important;
}

.am-select-control.e-numeric.e-control-wrapper .e-input,
.am-select-control.e-numerictextbox .e-input,
.am-select-control.e-numerictextbox.e-control-wrapper .e-input,
.am-select-control.e-numeric.e-control-wrapper input.e-input,
.am-select-control.e-numerictextbox input.e-input,
.am-select-control.e-numerictextbox.e-control-wrapper input.e-input,
.am-select-control.e-numeric.e-control-wrapper .e-input-group input.e-input,
.am-select-control.e-numerictextbox .e-input-group input.e-input,
.am-select-control.e-numerictextbox.e-control-wrapper .e-input-group input.e-input {
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.am-select-control.am-select-control--warn,
.am-select-control--warn.e-control-wrapper,
.am-select-control--warn.e-input-group {
    border-color: color-mix(in srgb, rgb(245 158 11) 58%, var(--am-card-border-strong)) !important;
}

.am-select-control.am-select-control--danger,
.am-select-control--danger.e-control-wrapper,
.am-select-control--danger.e-input-group {
    border-color: color-mix(in srgb, rgb(244 63 94) 56%, var(--am-card-border-strong)) !important;
}

.am-select-control--compact.e-control-wrapper,
.am-select-control--compact.e-input-group,
.am-select-control--compact.e-ddl.e-input-group,
.am-select-control--compact.e-multiselect.e-input-group,
.am-select-control--compact.e-multi-select-wrapper.e-input-group,
.am-select-control--compact.e-numeric.e-control-wrapper,
.am-select-control--compact.e-numerictextbox,
.am-select-control--compact.e-numerictextbox.e-control-wrapper {
    min-height: 1.92rem;
    height: 1.92rem;
    border-radius: 0.78rem !important;
}

.am-select-control--compact.e-numeric.e-control-wrapper .e-input-group,
.am-select-control--compact.e-numerictextbox .e-input-group,
.am-select-control--compact.e-numerictextbox.e-control-wrapper .e-input-group,
.am-select-control--compact.e-numeric.e-control-wrapper .e-input-group.e-control-wrapper,
.am-select-control--compact.e-numerictextbox .e-input-group.e-control-wrapper,
.am-select-control--compact.e-numerictextbox.e-control-wrapper .e-input-group.e-control-wrapper {
    min-height: inherit !important;
    height: inherit !important;
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-select-control--compact.e-numeric.e-control-wrapper .e-input-group::before,
.am-select-control--compact.e-numeric.e-control-wrapper .e-input-group::after,
.am-select-control--compact.e-numerictextbox .e-input-group::before,
.am-select-control--compact.e-numerictextbox .e-input-group::after,
.am-select-control--compact.e-numerictextbox.e-control-wrapper .e-input-group::before,
.am-select-control--compact.e-numerictextbox.e-control-wrapper .e-input-group::after {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-select-control--compact.e-numeric.e-control-wrapper .e-input,
.am-select-control--compact.e-numerictextbox .e-input,
.am-select-control--compact.e-numerictextbox.e-control-wrapper .e-input,
.am-select-control--compact.e-numeric.e-control-wrapper input.e-input,
.am-select-control--compact.e-numerictextbox input.e-input,
.am-select-control--compact.e-numerictextbox.e-control-wrapper input.e-input {
    min-height: calc(1.92rem - 2px) !important;
    height: calc(1.92rem - 2px) !important;
    padding-top: 0.18rem !important;
    padding-bottom: 0.18rem !important;
    line-height: 1 !important;
}

.am-select-control--compact.e-numeric.e-control-wrapper .e-input-group-icon,
.am-select-control--compact.e-numerictextbox .e-input-group-icon,
.am-select-control--compact.e-numerictextbox.e-control-wrapper .e-input-group-icon,
.am-select-control--compact.e-numeric.e-control-wrapper .e-input-group-icon.e-spin-up,
.am-select-control--compact.e-numeric.e-control-wrapper .e-input-group-icon.e-spin-down,
.am-select-control--compact.e-numerictextbox .e-input-group-icon.e-spin-up,
.am-select-control--compact.e-numerictextbox .e-input-group-icon.e-spin-down {
    min-height: calc(1.92rem - 2px) !important;
    height: calc(1.92rem - 2px) !important;
    align-self: stretch !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-select-control--compact .e-input,
.am-select-control--compact input.e-input,
.am-select-control--compact .e-delim-values,
.am-select-control--compact .e-ddl-icon,
.am-select-control--compact .e-input-group-icon,
.am-select-control--compact .e-input-value {
    font-size: 0.76rem !important;
}

.am-select-control--compact .e-input,
.am-select-control--compact input.e-input,
.am-select-control--compact .e-delim-values,
.am-select-control--compact .e-input-value {
    line-height: 1.05 !important;
}

.am-select-control--compact.e-ddl .e-input,
.am-select-control--compact.e-ddl input.e-input,
.am-select-control--compact.e-ddl .e-input-value,
.am-select-control--compact.e-dropdownlist .e-input,
.am-select-control--compact.e-dropdownlist input.e-input,
.am-select-control--compact.e-dropdownlist .e-input-value {
    min-height: calc(1.92rem - 2px) !important;
    height: calc(1.92rem - 2px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.am-native-select {
    display: block;
    width: 100%;
    min-height: 2.18rem;
    height: 2.18rem;
    padding: 0 2.15rem 0 0.78rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 9999px;
    background-color: rgba(255, 255, 255, 0.95);
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 500;
    line-height: 1.2;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 7 5 5 5-5'/%3E%3C/svg%3E");
    background-position: right 0.72rem center;
    background-repeat: no-repeat;
    background-size: 0.9rem 0.9rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.am-native-select:hover {
    border-color: rgba(99, 102, 241, 0.34);
}

.am-native-select:focus {
    outline: none;
    border-color: rgba(96, 165, 250, 0.65);
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.18);
}

.am-native-select:disabled {
    cursor: not-allowed;
    opacity: 0.72;
}

.dark .am-native-select,
.e-dark .am-native-select {
    border-color: rgba(71, 85, 105, 0.78);
    background-color: rgba(15, 23, 42, 0.86);
    color: #e2e8f0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.dark .am-native-select:hover,
.e-dark .am-native-select:hover {
    border-color: rgba(129, 140, 248, 0.48);
}

.dark .am-native-select:focus,
.e-dark .am-native-select:focus {
    border-color: rgba(129, 140, 248, 0.62);
    box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.18);
}

.am-native-select--compact {
    min-height: 1.92rem;
    height: 1.92rem;
    padding-right: 1.95rem;
    padding-left: 0.72rem;
    font-size: 0.78rem;
}

.am-checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 1.05rem;
    height: 1.05rem;
    flex: 0 0 auto;
    border: 1px solid var(--am-card-border-strong);
    border-radius: 0.38rem;
    background: color-mix(in srgb, var(--am-card-bg-soft) 95%, white);
    box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.06);
    transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.dark .am-checkbox,
.e-dark .am-checkbox {
    background: color-mix(in srgb, var(--am-card-bg-soft) 95%, rgb(2 6 23));
}

.am-checkbox:hover {
    border-color: color-mix(in srgb, var(--color-sf-primary) 26%, var(--am-card-border-strong));
    transform: translateY(-1px);
}

.am-checkbox:focus-visible {
    outline: none;
    border-color: color-mix(in srgb, var(--color-sf-primary) 34%, var(--am-card-border-strong));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-sf-primary) 16%, transparent);
}

.am-checkbox:checked {
    border-color: color-mix(in srgb, var(--color-sf-primary) 36%, var(--am-card-border-strong));
    background-color: color-mix(in srgb, var(--color-sf-primary) 18%, var(--am-card-bg-soft));
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230b1a32' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.1' d='M3.2 8.2 6.5 11.4 12.8 4.9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.82rem;
}

.dark .am-checkbox:checked,
.e-dark .am-checkbox:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23eff6ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.1' d='M3.2 8.2 6.5 11.4 12.8 4.9'/%3E%3C/svg%3E");
}

.am-checkbox:disabled {
    opacity: 0.52;
    cursor: not-allowed;
    transform: none;
}

.am-switch {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    border: 0;
    background: transparent;
    padding: 0;
    color: var(--am-text-strong);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: left;
}

.am-switch:hover .am-switch__label,
.am-switch:focus-visible .am-switch__label {
    color: var(--color-sf-primary);
}

.am-switch:focus-visible {
    outline: none;
}

.am-switch:disabled {
    opacity: 0.48;
    cursor: not-allowed;
}

.am-switch__track {
    position: relative;
    width: 2.4rem;
    height: 1.4rem;
    flex: 0 0 auto;
    border: 1px solid var(--am-card-border-strong);
    border-radius: 9999px;
    background: color-mix(in srgb, var(--am-card-bg-soft) 92%, white);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.1);
    transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.dark .am-switch__track,
.e-dark .am-switch__track {
    background: color-mix(in srgb, var(--am-card-bg-soft) 92%, rgb(2 6 23));
}

.am-switch__thumb {
    position: absolute;
    top: 50%;
    left: 0.18rem;
    width: 0.92rem;
    height: 0.92rem;
    border-radius: 9999px;
    background: white;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.22);
    transform: translateY(-50%);
    transition: left 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.dark .am-switch__thumb,
.e-dark .am-switch__thumb {
    background: rgb(248 250 252);
}

.am-switch.is-active .am-switch__track {
    border-color: color-mix(in srgb, var(--color-sf-primary) 34%, var(--am-card-border-strong));
    background: color-mix(in srgb, var(--color-sf-primary) 24%, var(--am-card-bg-soft));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-sf-primary) 10%, transparent);
}

.am-switch.is-active .am-switch__thumb {
    left: 1.22rem;
    background: var(--color-sf-primary);
    box-shadow: 0 2px 6px color-mix(in srgb, var(--color-sf-primary) 28%, transparent);
}

.am-switch__label {
    color: var(--am-text-strong);
    transition: color 120ms ease;
}

.am-switch__hint {
    color: var(--am-text-subtle);
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.1;
}

.am-switch--compact {
    gap: 0.5rem;
}

.am-switch--compact .am-switch__track {
    width: 2.15rem;
    height: 1.25rem;
}

.am-switch--compact .am-switch__thumb {
    width: 0.82rem;
    height: 0.82rem;
    left: 0.16rem;
}

.am-switch--compact.is-active .am-switch__thumb {
    left: 1.06rem;
}

.am-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid var(--am-card-border);
    border-radius: 9999px;
    background: var(--am-card-bg-soft);
    padding: 0.42rem 0.85rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    color: var(--am-text-muted);
}

.am-pill--primary {
    border-color: color-mix(in srgb, var(--color-sf-primary) 24%, var(--am-card-border));
    background: color-mix(in srgb, var(--color-sf-primary) 12%, var(--am-card-bg-soft));
    color: var(--color-sf-primary);
}

.am-pill--attention {
    border-color: var(--am-attention-border);
    background: color-mix(in srgb, var(--am-attention-bg) 86%, white);
    color: var(--am-attention-text);
}

.dark .am-pill--attention,
.e-dark .am-pill--attention {
    background: color-mix(in srgb, var(--am-attention-bg) 88%, rgb(15 23 42));
}

.am-pill--success {
    border-color: color-mix(in srgb, rgb(16 185 129) 30%, var(--am-card-border));
    background: color-mix(in srgb, rgb(16 185 129) 13%, var(--am-card-bg-soft));
    color: rgb(5 150 105);
}

.dark .am-pill--success,
.e-dark .am-pill--success {
    color: rgb(110 231 183);
}

.am-pill--warning {
    border-color: color-mix(in srgb, rgb(245 158 11) 32%, var(--am-card-border));
    background: color-mix(in srgb, rgb(245 158 11) 13%, var(--am-card-bg-soft));
    color: rgb(180 83 9);
}

.dark .am-pill--warning,
.e-dark .am-pill--warning {
    color: rgb(253 224 71);
}

.am-pill--danger {
    border-color: color-mix(in srgb, rgb(244 63 94) 30%, var(--am-card-border));
    background: color-mix(in srgb, rgb(244 63 94) 12%, var(--am-card-bg-soft));
    color: rgb(225 29 72);
}

.dark .am-pill--danger,
.e-dark .am-pill--danger {
    color: rgb(251 113 133);
}

.am-pill--info {
    border-color: color-mix(in srgb, rgb(56 189 248) 28%, var(--am-card-border));
    background: color-mix(in srgb, rgb(56 189 248) 12%, var(--am-card-bg-soft));
    color: rgb(3 105 161);
}

.dark .am-pill--info,
.e-dark .am-pill--info {
    color: rgb(125 211 252);
}

.am-tab-strip {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.am-tab-strip__items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

@media (min-width: 640px) {
    .am-tab-strip__items {
        display: flex;
        flex-wrap: wrap;
    }
}

.am-stat-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.am-stat-tile {
    border: 1px solid var(--am-card-border);
    border-radius: var(--am-card-radius-md);
    background: var(--am-card-bg-soft);
    padding: 0.9rem 1rem;
    box-shadow: var(--am-card-shadow-soft);
}

.am-stat-tile__label {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--am-text-subtle);
}

.am-stat-tile__value {
    margin: 0.35rem 0 0;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--am-text-strong);
}

.am-empty-state {
    border: 1px dashed var(--am-card-border-strong);
    border-radius: var(--am-card-radius-lg);
    background: var(--am-card-bg-soft);
    padding: 2rem;
    color: var(--am-text-muted);
    box-shadow: var(--am-card-shadow-soft);
}

#x-toast-target .e-toast-container,
#x-toast-target .am-toast-host.e-toast-container {
    width: min(100%, 24rem) !important;
}

#x-toast-target .e-toast-container .e-toast {
    margin: 0 0 0.55rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#x-toast-target .e-toast-container .e-toast .e-toast-content,
#x-toast-target .e-toast-container .e-toast .e-toast-message {
    margin: 0 !important;
    padding: 0 !important;
}

.am-toast-card {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    width: min(100%, 24rem);
    padding: 0.9rem 1rem;
    border: 1px solid var(--am-card-border);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--am-card-bg) 97%, black 3%);
    box-shadow: 0 16px 36px rgba(2, 6, 23, 0.34);
}

.am-toast-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    border-radius: 0.9rem;
    border: 1px solid color-mix(in srgb, currentColor 24%, transparent);
    background: color-mix(in srgb, currentColor 10%, transparent);
    font-size: 1rem;
}

.am-toast-card__body {
    min-width: 0;
}

.am-toast-card__title {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--am-text-strong);
}

.am-toast-card__message {
    margin: 0.24rem 0 0;
    font-size: 0.8rem;
    line-height: 1.5;
    color: var(--am-text-muted);
    word-break: break-word;
}

.am-toast-card--success {
    border-color: color-mix(in srgb, rgb(16 185 129) 26%, var(--am-card-border));
    color: rgb(5 150 105);
}

.dark .am-toast-card--success,
.e-dark .am-toast-card--success {
    color: rgb(110 231 183);
}

.am-toast-card--warning {
    border-color: color-mix(in srgb, rgb(245 158 11) 28%, var(--am-card-border));
    color: rgb(180 83 9);
}

.dark .am-toast-card--warning,
.e-dark .am-toast-card--warning {
    color: rgb(253 224 71);
}

.am-toast-card--danger {
    border-color: color-mix(in srgb, rgb(244 63 94) 28%, var(--am-card-border));
    color: rgb(225 29 72);
}

.dark .am-toast-card--danger,
.e-dark .am-toast-card--danger {
    color: rgb(251 113 133);
}

.am-toast-card--info {
    border-color: color-mix(in srgb, rgb(56 189 248) 26%, var(--am-card-border));
    color: rgb(3 105 161);
}

.dark .am-toast-card--info,
.e-dark .am-toast-card--info {
    color: rgb(125 211 252);
}

.notification-dialog__header {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.85rem;
}

.notification-dialog__header-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
}

.notification-dialog__header-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.notification-dialog__title {
    margin: 0;
    font-size: 1.46rem;
}

.notification-dialog__unread-pill {
    padding-inline: 0.72rem;
}

.notification-dialog__header-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.notification-dialog__close {
    flex: 0 0 auto;
}

.notification-dialog__mark-all,
.am-notification-item__link {
    min-height: 2rem;
    padding: 0.42rem 0.78rem;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
}

.notification-dialog__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
}

.notification-dialog__tabs {
    padding: 0.32rem;
    border: 1px solid color-mix(in srgb, var(--am-card-border) 92%, transparent);
    border-radius: 1.15rem;
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, rgb(15 23 42));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
    isolation: isolate;
}

.notification-dialog__tab-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
}

@media (min-width: 768px) {
    .notification-dialog__tab-items {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.notification-dialog__tab-button {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    flex-wrap: wrap;
    min-height: 2.15rem;
    padding-inline: 0.72rem;
    font-size: 0.75rem;
    min-width: 0;
    white-space: normal;
    text-align: center;
    line-height: 1.15;
    background-clip: padding-box;
}

.notification-dialog__tab-pill {
    flex: 0 0 auto;
    padding: 0.2rem 0.45rem;
    font-size: 0.64rem;
    max-width: 100%;
}

.notification-dialog__list,
.notification-dialog__preferences {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.notification-dialog__empty-state {
    padding: 1.4rem;
}

.am-notification-item {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 0.95rem;
}

.am-notification-item--unread {
    border-color: color-mix(in srgb, var(--color-sf-primary) 20%, var(--am-card-border));
    box-shadow: 0 14px 28px color-mix(in srgb, var(--color-sf-primary) 10%, transparent);
}

.am-notification-item__top,
.am-notification-item__identity {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.am-notification-item__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 auto;
    border-radius: 0.95rem;
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
    background: color-mix(in srgb, currentColor 10%, transparent);
    font-size: 1rem;
}

.am-notification-item__icon--primary {
    color: var(--color-sf-primary);
}

.am-notification-item__icon--success {
    color: rgb(5 150 105);
}

.am-notification-item__icon--warning {
    color: rgb(180 83 9);
}

.am-notification-item__icon--danger {
    color: rgb(225 29 72);
}

.am-notification-item__icon--info {
    color: rgb(3 105 161);
}

.am-notification-item__icon--neutral {
    color: var(--am-text-subtle);
}

.dark .am-notification-item__icon--success,
.e-dark .am-notification-item__icon--success {
    color: rgb(110 231 183);
}

.dark .am-notification-item__icon--warning,
.e-dark .am-notification-item__icon--warning {
    color: rgb(253 224 71);
}

.dark .am-notification-item__icon--danger,
.e-dark .am-notification-item__icon--danger {
    color: rgb(251 113 133);
}

.dark .am-notification-item__icon--info,
.e-dark .am-notification-item__icon--info {
    color: rgb(125 211 252);
}

.am-notification-item__text {
    min-width: 0;
    flex: 1;
}

.am-notification-item__headline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.am-notification-item__title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--am-text-strong);
}

.am-notification-item__new-pill {
    padding: 0.22rem 0.5rem;
    font-size: 0.64rem;
}

.am-notification-item__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.28rem;
    font-size: 0.72rem;
    line-height: 1.3;
    color: var(--am-text-subtle);
}

.am-notification-item__message {
    margin: 0;
    font-size: 0.83rem;
    line-height: 1.55;
    color: var(--am-text-muted);
}

.am-notification-item__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.notification-preference-card {
    padding: 1rem;
}

.notification-preference-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
}

.notification-preference-card__header--stacked {
    align-items: center;
}

.notification-preference-card__channels {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

@media (max-width: 639px) {
    .notification-dialog__header-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .notification-dialog__mark-all {
        flex: 1;
        justify-content: center;
    }

    .notification-dialog__tab-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .notification-dialog__tab-button {
        gap: 0.28rem;
        padding-inline: 0.56rem;
        font-size: 0.72rem;
    }

    .notification-dialog__tab-pill {
        padding-inline: 0.38rem;
        font-size: 0.6rem;
    }

    .am-notification-item__actions {
        align-items: stretch;
    }

    .am-notification-item__actions .am-btn-secondary,
    .am-notification-item__actions .am-action-btn:not(.am-action-btn--icon) {
        flex: 1;
        justify-content: center;
    }
}

.am-workspace-panel {
    border: 1px solid var(--am-card-border);
    border-radius: var(--am-card-radius-lg);
    background: var(--am-card-bg);
    box-shadow: var(--am-card-shadow);
    min-height: 0;
}

.am-workspace-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid var(--am-card-border);
    background: color-mix(in srgb, var(--am-card-bg-soft) 92%, white);
    padding: 0.75rem 0.9rem;
}

.dark .am-workspace-toolbar,
.e-dark .am-workspace-toolbar {
    background: color-mix(in srgb, var(--am-card-bg-soft) 92%, rgb(2 6 23));
}

.am-tab-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.35rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid var(--am-card-border);
    border-radius: 0.95rem;
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, white);
    color: var(--am-text-muted);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease, box-shadow 120ms ease;
}

.am-tab-button--workspace {
    min-height: 4.15rem;
    padding: 0.7rem 0.82rem;
    border-radius: 0.9rem;
}

.am-tab-button:hover,
.am-tab-button:focus-visible {
    border-color: color-mix(in srgb, var(--color-sf-primary) 20%, var(--am-card-border-strong));
    background: color-mix(in srgb, var(--color-sf-primary) 8%, var(--am-card-bg-soft));
    color: var(--am-text-strong);
    transform: translateY(-1px);
    outline: none;
}

.am-tab-button--active {
    border-color: color-mix(in srgb, var(--color-sf-primary) 34%, var(--am-card-border));
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--color-sf-primary) 12%, white) 0%,
        color-mix(in srgb, var(--color-sf-primary) 22%, white) 100%
    );
    color: var(--color-sf-primary);
    box-shadow: 0 14px 30px color-mix(in srgb, var(--color-sf-primary) 14%, transparent);
}

.dark .am-tab-button,
.e-dark .am-tab-button {
    background: color-mix(in srgb, var(--am-card-bg-soft) 88%, rgb(2 6 23));
}

.dark .am-tab-button--active,
.e-dark .am-tab-button--active {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--color-sf-primary) 16%, rgb(15 23 42)) 0%,
        color-mix(in srgb, var(--color-sf-primary) 26%, rgb(2 6 23)) 100%
    );
    color: #e0f2fe;
}

.am-popup-shell {
    border: 1px solid var(--am-card-border);
    border-radius: var(--am-card-radius-lg);
    background: color-mix(in srgb, var(--am-card-bg) 92%, transparent);
    box-shadow: var(--am-card-shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.am-popup-shell__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.am-popup-shell__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--am-text-strong);
}

.am-popup-shell__close,
.am-popup-shell__close.e-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0 !important;
    border: 1px solid var(--am-card-border-strong) !important;
    border-radius: 999px !important;
    background: var(--am-card-bg-soft) !important;
    color: var(--am-text-subtle) !important;
    box-shadow: none !important;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.am-popup-shell__close:hover,
.am-popup-shell__close:focus,
.am-popup-shell__close.e-btn:hover,
.am-popup-shell__close.e-btn:focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 26%, var(--am-card-border-strong)) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 8%, var(--am-card-bg-soft)) !important;
    color: var(--color-sf-primary) !important;
    transform: translateY(-1px);
}

.am-popup-shell__close .e-btn-icon,
.am-popup-shell__close .e-icons {
    font-size: 0.78rem !important;
    color: currentColor !important;
}

.am-popup-shell__body {
    min-height: 0;
}

.am-modal-shell {
    border: 1px solid var(--am-card-border);
    border-radius: calc(var(--am-card-radius-lg) + 0.35rem);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--am-card-bg) 96%, white 4%) 0%,
            color-mix(in srgb, var(--am-card-bg-soft) 92%, transparent) 100%
        );
    box-shadow: 0 28px 72px rgba(2, 6, 23, 0.42);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.am-modal-shell__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 1rem 1.1rem 0.9rem;
    border-bottom: 1px solid color-mix(in srgb, var(--am-card-border) 88%, transparent);
}

.am-modal-shell__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--am-text-strong);
}

.am-modal-shell__subtitle {
    margin: 0.2rem 0 0;
    font-size: 0.8rem;
    line-height: 1.5;
    color: var(--am-text-muted);
}

.am-modal-shell__body {
    min-height: 0;
    padding: 0.75rem;
}

.am-dialog.e-dialog,
.am-settings-dialog.e-dialog {
    display: flex;
    flex-direction: column;
    max-width: calc(100vw - 1rem) !important;
    max-height: calc(100dvh - 1rem) !important;
    border: 1px solid color-mix(in srgb, white 16%, var(--am-card-border)) !important;
    border-radius: calc(var(--am-card-radius-lg) + 0.35rem);
    background: color-mix(in srgb, var(--am-card-bg) 98%, black 2%) !important;
    box-shadow: 0 28px 72px rgba(2, 6, 23, 0.42);
    overflow: hidden;
}

.am-dialog.e-dialog .e-dlg-header-content,
.am-settings-dialog.e-dialog .e-dlg-header-content {
    flex: 0 0 auto;
    padding: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
}

.am-dialog.e-dialog .e-dlg-header-content .e-dlg-header,
.am-settings-dialog.e-dialog .e-dlg-header-content .e-dlg-header {
    width: 100%;
    margin: 0;
    padding: 0.85rem 1.25rem 0.65rem;
    border-bottom: 1px solid color-mix(in srgb, var(--am-card-border) 88%, transparent) !important;
    background: transparent !important;
    color: var(--am-text-strong) !important;
}

.am-settings-dialog__header {
    min-height: 3rem;
}

.am-dialog-title {
    color: var(--color-sf-primary) !important;
    font-size: clamp(2rem, 1.9rem + 0.24vw, 2.18rem);
    font-weight: 700;
    line-height: 1.08;
}

.am-settings-dialog__title {
    color: var(--color-sf-primary) !important;
}

.am-settings-dialog__close {
    align-self: center;
}

.am-dialog-label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--am-text-muted);
}

.am-dialog.e-dialog .e-dlg-header-content .e-dlg-header *,
.am-dialog.e-dialog .e-dlg-header-content .e-icons,
.am-settings-dialog.e-dialog .e-dlg-header-content .e-dlg-header *,
.am-settings-dialog.e-dialog .e-dlg-header-content .e-icons {
    color: inherit !important;
}

.am-dialog.e-dialog .e-dlg-header-content .e-dlg-header .am-settings-dialog__title,
.am-settings-dialog.e-dialog .e-dlg-header-content .e-dlg-header .am-settings-dialog__title {
    color: var(--color-sf-primary) !important;
    display: block;
    margin: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.am-dialog.e-dialog .e-dlg-closeicon-btn,
.am-settings-dialog.e-dialog .e-dlg-closeicon-btn {
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--am-card-border) 88%, transparent) !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 88%, transparent) !important;
    color: var(--am-text-strong) !important;
}

.am-dialog.e-dialog .e-dlg-closeicon-btn:hover,
.am-dialog.e-dialog .e-dlg-closeicon-btn:focus,
.am-settings-dialog.e-dialog .e-dlg-closeicon-btn:hover,
.am-settings-dialog.e-dialog .e-dlg-closeicon-btn:focus {
    background: color-mix(in srgb, var(--color-sf-primary) 12%, var(--am-card-bg-soft));
    color: var(--color-sf-primary);
}

.am-dialog.e-dialog .e-dlg-content,
.am-settings-dialog.e-dialog .e-dlg-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto !important;
    overscroll-behavior: contain;
    padding: 0 1.25rem 1.25rem;
    background: transparent !important;
}

.am-dialog.e-dialog .e-footer-content,
.am-settings-dialog.e-dialog .e-footer-content {
    flex: 0 0 auto;
    padding: 0.9rem 1.25rem 1.1rem !important;
    border-top: 1px solid color-mix(in srgb, var(--am-card-border) 88%, transparent);
    background: transparent !important;
}

.am-dialog--fullscreen.e-dialog {
    border-radius: calc(var(--am-card-radius-lg) + 0.5rem);
}

.am-menu {
    border: 1px solid var(--am-card-border);
    border-radius: var(--am-card-radius-md);
    background: color-mix(in srgb, var(--am-card-bg) 99%, black 1%);
    box-shadow: var(--am-card-shadow-soft);
    opacity: 1;
    max-height: min(80vh, 36rem);
    overflow-x: hidden;
    overflow-y: auto;
    isolation: isolate;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.am-menu__item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem;
    border: 0;
    border-radius: 0.75rem;
    background: transparent;
    color: var(--am-text-strong);
    padding: 0.55rem 0.7rem;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    transition: background 120ms ease, color 120ms ease;
}

.am-menu__item:hover,
.am-menu__item:focus-visible {
    background: color-mix(in srgb, var(--color-sf-primary) 10%, var(--am-card-bg-soft));
    color: var(--color-sf-primary);
    outline: none;
}

.am-menu__item--disabled,
.am-menu__item--disabled:hover,
.am-menu__item--disabled:focus-visible {
    opacity: 0.52;
    cursor: not-allowed;
    color: var(--am-text-muted);
    background: transparent;
}

.am-menu__separator {
    height: 1px;
    margin: 0.3rem 0.15rem;
    background: color-mix(in srgb, var(--am-card-border) 92%, transparent);
}

.am-menu__section-header {
    padding: 0.45rem 0.65rem 0.28rem;
    color: var(--am-text-muted);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.15;
    text-transform: uppercase;
}

.am-settings-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.am-settings-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.am-settings-toolbar {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem;
}

@media (min-width: 768px) {
    .am-settings-toolbar {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.am-settings-toolbar__heading {
    min-width: 0;
}

.am-settings-toolbar__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-sf-primary);
}

.am-settings-toolbar__subtitle {
    margin: 0.35rem 0 0;
    font-size: 0.84rem;
    line-height: 1.45;
    color: var(--am-text-muted);
}

.am-settings-toolbar__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.am-settings-toolbar__toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--am-card-border);
    border-radius: 0.9rem;
    background: var(--am-card-bg-soft);
    padding: 0.45rem 0.65rem;
}

.am-settings-toolbar__toggle-label {
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--am-text-muted);
}

.am-settings-collection .e-card,
.am-settings-grid .e-grid,
.am-settings-grid .e-card,
.am-settings-surface .e-card:not(.am-card) {
    border: 1px solid var(--am-card-border);
    border-radius: var(--am-card-radius-lg);
    background: var(--am-card-bg);
    box-shadow: var(--am-card-shadow-soft);
    overflow: hidden;
}

.am-settings-collection .e-card .e-card-header,
.am-settings-surface .e-card .e-card-header {
    border-bottom-color: var(--am-card-border) !important;
}

.am-settings-collection .e-card .e-card-content,
.am-settings-surface .e-card .e-card-content {
    color: var(--am-text-strong);
}

.am-settings-collection .e-card .e-card-header-title,
.am-settings-collection .e-card .e-card-header-title *,
.am-settings-surface .e-card .e-card-header-title,
.am-settings-surface .e-card .e-card-header-title * {
    color: var(--am-text-strong);
}

.am-settings-collection .e-card .e-card-sub-title,
.am-settings-surface .e-card .e-card-sub-title {
    color: var(--am-text-muted);
}

.am-settings-collection .e-list-parent,
.am-settings-collection .e-listview,
.am-settings-collection .e-list-container {
    background: transparent !important;
}

.am-settings-collection .e-list-item {
    border-radius: var(--am-card-radius-lg);
    overflow: hidden;
    transition: background 120ms ease, transform 120ms ease;
}

.am-settings-collection .e-list-item:hover,
.am-settings-collection .e-list-item:focus-within {
    background: transparent !important;
}

.am-settings-collection .e-list-item:hover .e-card,
.am-settings-collection .e-list-item:focus-within .e-card {
    border-color: color-mix(in srgb, var(--color-sf-primary) 18%, var(--am-card-border));
    background: color-mix(in srgb, var(--color-sf-primary) 4%, var(--am-card-bg-soft));
    transform: translateY(-1px);
}

.dark .am-settings-collection .e-list-item:hover .e-card,
.dark .am-settings-collection .e-list-item:focus-within .e-card,
.e-dark .am-settings-collection .e-list-item:hover .e-card,
.e-dark .am-settings-collection .e-list-item:focus-within .e-card {
    background: color-mix(in srgb, var(--color-sf-primary) 6%, var(--am-card-bg-soft));
}

.am-pagination__meta {
    color: rgb(107 114 128);
}

.dark .am-pagination__meta,
.e-dark .am-pagination__meta {
    color: rgb(156 163 175);
}

.am-pagination__page-size {
    min-width: 4.5rem;
}

.am-pagination__nav-button,
.am-pagination__page-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(209 213 219);
    background: rgb(255 255 255);
    padding: 0.4rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: rgb(55 65 81);
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.dark .am-pagination__nav-button,
.dark .am-pagination__page-button,
.e-dark .am-pagination__nav-button,
.e-dark .am-pagination__page-button {
    border-color: rgb(55 65 81);
    background: rgb(17 24 39);
    color: rgb(229 231 235);
}

.am-pagination__nav-button:hover,
.am-pagination__page-button:hover,
.am-pagination__nav-button:focus-visible,
.am-pagination__page-button:focus-visible {
    border-color: rgb(156 163 175);
    background: rgb(249 250 251);
    color: rgb(17 24 39);
    transform: translateY(-1px);
    outline: none;
}

.dark .am-pagination__nav-button:hover,
.dark .am-pagination__page-button:hover,
.dark .am-pagination__nav-button:focus-visible,
.dark .am-pagination__page-button:focus-visible,
.e-dark .am-pagination__nav-button:hover,
.e-dark .am-pagination__page-button:hover,
.e-dark .am-pagination__nav-button:focus-visible,
.e-dark .am-pagination__page-button:focus-visible {
    background: rgb(31 41 55);
    color: rgb(229 231 235);
}

.am-pagination__nav-button:disabled,
.am-pagination__page-button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
    transform: none !important;
}

.am-pagination__ellipsis {
    padding: 0.4rem 0.25rem;
    color: rgb(156 163 175);
    font-size: 0.82rem;
    font-weight: 600;
}

.am-settings-collection .am-action-btn:not(.am-action-btn--primary):not(.am-action-btn--danger),
.am-settings-grid .am-action-btn:not(.am-action-btn--primary):not(.am-action-btn--danger) {
    border-color: color-mix(in srgb, var(--am-card-border-strong) 90%, white);
    background: color-mix(in srgb, var(--am-card-bg-soft) 78%, white);
    color: var(--am-text-strong);
}

.dark .am-settings-collection .am-action-btn:not(.am-action-btn--primary):not(.am-action-btn--danger),
.dark .am-settings-grid .am-action-btn:not(.am-action-btn--primary):not(.am-action-btn--danger),
.e-dark .am-settings-collection .am-action-btn:not(.am-action-btn--primary):not(.am-action-btn--danger),
.e-dark .am-settings-grid .am-action-btn:not(.am-action-btn--primary):not(.am-action-btn--danger) {
    background: color-mix(in srgb, var(--am-card-bg-soft) 92%, rgb(15 23 42));
}

.am-settings-collection .am-action-btn:not(.am-action-btn--danger):hover,
.am-settings-grid .am-action-btn:not(.am-action-btn--danger):hover,
.am-settings-collection .am-action-btn:not(.am-action-btn--danger):focus-visible,
.am-settings-grid .am-action-btn:not(.am-action-btn--danger):focus-visible {
    border-color: color-mix(in srgb, var(--color-sf-primary) 28%, var(--am-card-border-strong)) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 10%, var(--am-card-bg-soft)) !important;
    color: var(--color-sf-primary) !important;
}

.am-settings-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid var(--am-card-border);
    border-radius: 9999px;
    background: color-mix(in srgb, var(--am-card-bg-soft) 92%, white);
    padding: 0.35rem 0.72rem;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    color: var(--am-text-muted);
}

.am-settings-pill--primary {
    border-color: color-mix(in srgb, var(--color-sf-primary) 24%, var(--am-card-border));
    background: color-mix(in srgb, var(--color-sf-primary) 12%, var(--am-card-bg-soft));
    color: var(--color-sf-primary);
}

.am-settings-pill--success {
    border-color: color-mix(in srgb, rgb(16 185 129) 24%, var(--am-card-border));
    background: color-mix(in srgb, rgb(16 185 129) 12%, var(--am-card-bg-soft));
    color: rgb(5 150 105);
}

.dark .am-settings-pill--success,
.e-dark .am-settings-pill--success {
    color: rgb(110 231 183);
}

.am-settings-pill--warning {
    border-color: color-mix(in srgb, rgb(245 158 11) 32%, var(--am-card-border));
    background: color-mix(in srgb, rgb(245 158 11) 12%, var(--am-card-bg-soft));
    color: rgb(180 83 9);
}

.am-settings-grid-shell {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.am-settings-grid-shell + .am-pagination {
    margin-bottom: 1rem;
}

.am-settings-grid.e-grid {
    width: 100% !important;
    min-width: 0;
}

.am-settings-grid .e-gridpager,
.am-settings-grid-shell .e-gridpager {
    border-top: 1px solid var(--am-card-border) !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 88%, white) !important;
    padding: 0.75rem 1rem !important;
}

.dark .am-settings-grid .e-gridpager,
.dark .am-settings-grid-shell .e-gridpager,
.e-dark .am-settings-grid .e-gridpager,
.e-dark .am-settings-grid-shell .e-gridpager {
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, rgb(2 6 23)) !important;
}

.am-settings-grid .e-gridpager .e-pager,
.am-settings-grid .e-gridpager .e-pagercontainer,
.am-settings-grid .e-gridpager .e-parentmsgbar,
.am-settings-grid .e-gridpager .e-pagesizes,
.am-settings-grid .e-gridpager .e-pagerconstant,
.am-settings-grid-shell .e-gridpager .e-pager,
.am-settings-grid-shell .e-gridpager .e-pagercontainer,
.am-settings-grid-shell .e-gridpager .e-parentmsgbar,
.am-settings-grid-shell .e-gridpager .e-pagesizes,
.am-settings-grid-shell .e-gridpager .e-pagerconstant {
    background: transparent !important;
    color: var(--am-text-muted) !important;
}

.am-settings-grid .e-gridpager .e-pagercontainer,
.am-settings-grid-shell .e-gridpager .e-pagercontainer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.am-settings-grid .e-gridpager .e-first,
.am-settings-grid .e-gridpager .e-prev,
.am-settings-grid .e-gridpager .e-next,
.am-settings-grid .e-gridpager .e-last,
.am-settings-grid .e-gridpager .e-pp,
.am-settings-grid .e-gridpager .e-np,
.am-settings-grid .e-gridpager .e-numericitem {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem !important;
    border: 1px solid rgb(209 213 219) !important;
    border-radius: 0.75rem !important;
    background: rgb(255 255 255) !important;
    color: rgb(55 65 81) !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.dark .am-settings-grid .e-gridpager .e-first,
.dark .am-settings-grid .e-gridpager .e-prev,
.dark .am-settings-grid .e-gridpager .e-next,
.dark .am-settings-grid .e-gridpager .e-last,
.dark .am-settings-grid .e-gridpager .e-pp,
.dark .am-settings-grid .e-gridpager .e-np,
.dark .am-settings-grid .e-gridpager .e-numericitem,
.e-dark .am-settings-grid .e-gridpager .e-first,
.e-dark .am-settings-grid .e-gridpager .e-prev,
.e-dark .am-settings-grid .e-gridpager .e-next,
.e-dark .am-settings-grid .e-gridpager .e-last,
.e-dark .am-settings-grid .e-gridpager .e-pp,
.e-dark .am-settings-grid .e-gridpager .e-np,
.e-dark .am-settings-grid .e-gridpager .e-numericitem {
    border-color: rgb(55 65 81) !important;
    background: rgb(17 24 39) !important;
    color: rgb(229 231 235) !important;
}

.am-settings-grid .e-gridpager .e-first:hover,
.am-settings-grid .e-gridpager .e-prev:hover,
.am-settings-grid .e-gridpager .e-next:hover,
.am-settings-grid .e-gridpager .e-last:hover,
.am-settings-grid .e-gridpager .e-pp:hover,
.am-settings-grid .e-gridpager .e-np:hover,
.am-settings-grid .e-gridpager .e-numericitem:hover,
.am-settings-grid .e-gridpager .e-first:focus-visible,
.am-settings-grid .e-gridpager .e-prev:focus-visible,
.am-settings-grid .e-gridpager .e-next:focus-visible,
.am-settings-grid .e-gridpager .e-last:focus-visible,
.am-settings-grid .e-gridpager .e-pp:focus-visible,
.am-settings-grid .e-gridpager .e-np:focus-visible,
.am-settings-grid .e-gridpager .e-numericitem:focus-visible {
    border-color: rgb(156 163 175) !important;
    background: rgb(249 250 251) !important;
    color: rgb(17 24 39) !important;
    transform: translateY(-1px);
    outline: none;
}

.dark .am-settings-grid .e-gridpager .e-first:hover,
.dark .am-settings-grid .e-gridpager .e-prev:hover,
.dark .am-settings-grid .e-gridpager .e-next:hover,
.dark .am-settings-grid .e-gridpager .e-last:hover,
.dark .am-settings-grid .e-gridpager .e-pp:hover,
.dark .am-settings-grid .e-gridpager .e-np:hover,
.dark .am-settings-grid .e-gridpager .e-numericitem:hover,
.dark .am-settings-grid .e-gridpager .e-first:focus-visible,
.dark .am-settings-grid .e-gridpager .e-prev:focus-visible,
.dark .am-settings-grid .e-gridpager .e-next:focus-visible,
.dark .am-settings-grid .e-gridpager .e-last:focus-visible,
.dark .am-settings-grid .e-gridpager .e-pp:focus-visible,
.dark .am-settings-grid .e-gridpager .e-np:focus-visible,
.dark .am-settings-grid .e-gridpager .e-numericitem:focus-visible,
.e-dark .am-settings-grid .e-gridpager .e-first:hover,
.e-dark .am-settings-grid .e-gridpager .e-prev:hover,
.e-dark .am-settings-grid .e-gridpager .e-next:hover,
.e-dark .am-settings-grid .e-gridpager .e-last:hover,
.e-dark .am-settings-grid .e-gridpager .e-pp:hover,
.e-dark .am-settings-grid .e-gridpager .e-np:hover,
.e-dark .am-settings-grid .e-gridpager .e-numericitem:hover,
.e-dark .am-settings-grid .e-gridpager .e-first:focus-visible,
.e-dark .am-settings-grid .e-gridpager .e-prev:focus-visible,
.e-dark .am-settings-grid .e-gridpager .e-next:focus-visible,
.e-dark .am-settings-grid .e-gridpager .e-last:focus-visible,
.e-dark .am-settings-grid .e-gridpager .e-pp:focus-visible,
.e-dark .am-settings-grid .e-gridpager .e-np:focus-visible,
.e-dark .am-settings-grid .e-gridpager .e-numericitem:focus-visible {
    background: rgb(31 41 55) !important;
    color: rgb(229 231 235) !important;
}

.am-settings-grid .e-gridpager .e-currentitem,
.am-settings-grid .e-gridpager .e-active {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem !important;
    border-radius: 0.75rem !important;
    border: 1px solid color-mix(in srgb, var(--color-sf-primary) 28%, var(--am-card-border-strong)) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 18%, white) !important;
    color: var(--color-sf-primary) !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.dark .am-settings-grid .e-gridpager .e-currentitem,
.dark .am-settings-grid .e-gridpager .e-active,
.e-dark .am-settings-grid .e-gridpager .e-currentitem,
.e-dark .am-settings-grid .e-gridpager .e-active {
    background: color-mix(in srgb, var(--color-sf-primary) 18%, rgb(15 23 42)) !important;
}

.am-settings-grid .e-gridpager .e-disable {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    transform: none !important;
}

.am-settings-grid .e-gridpager .e-pagesizes .e-ddl.e-input-group,
.am-settings-grid .e-gridpager .e-pagesizes .e-control-wrapper,
.am-settings-grid .e-gridpager .e-pagesizes .e-dropdownbase {
    min-height: 2rem !important;
    border: 1px solid rgb(209 213 219) !important;
    border-radius: 0.75rem !important;
    background: rgb(255 255 255) !important;
    box-shadow: none !important;
}

.dark .am-settings-grid .e-gridpager .e-pagesizes .e-ddl.e-input-group,
.dark .am-settings-grid .e-gridpager .e-pagesizes .e-control-wrapper,
.dark .am-settings-grid .e-gridpager .e-pagesizes .e-dropdownbase,
.e-dark .am-settings-grid .e-gridpager .e-pagesizes .e-ddl.e-input-group,
.e-dark .am-settings-grid .e-gridpager .e-pagesizes .e-control-wrapper,
.e-dark .am-settings-grid .e-gridpager .e-pagesizes .e-dropdownbase {
    border-color: rgb(55 65 81) !important;
    background: rgb(17 24 39) !important;
}

.am-settings-grid .e-gridpager .e-pagesizes .e-input,
.am-settings-grid .e-gridpager .e-pagesizes input.e-input,
.am-settings-grid .e-gridpager .e-pagesizes .e-input-value,
.am-settings-grid .e-gridpager .e-pagesizes .e-ddl-icon {
    color: var(--am-text-strong) !important;
    font-size: 0.8rem !important;
    line-height: 2rem !important;
}

.am-settings-grid .e-gridheader,
.am-settings-grid .e-gridcontent,
.am-settings-grid .e-headercontent,
.am-settings-grid .e-content {
    overflow-x: auto !important;
}

.dark .am-settings-pill--warning,
.e-dark .am-settings-pill--warning {
    color: rgb(253 224 71);
}

.am-form-label {
    display: block;
    margin-bottom: 0.45rem;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--am-text-strong);
}

.am-form-help {
    margin: 0.35rem 0 0;
    font-size: 0.74rem;
    line-height: 1.4;
    color: var(--am-text-subtle);
}

.am-dialog-form,
.am-settings-dialog .x-dialog-form {
    color: var(--am-text-strong);
}

.am-dialog-form .e-data-form,
.am-dialog-form form,
.am-settings-dialog .x-dialog-form .e-data-form,
.am-settings-dialog .x-dialog-form form {
    color: var(--am-text-strong);
}

.am-dialog-form .e-data-form .e-form-group,
.am-settings-dialog .x-dialog-form .e-data-form .e-form-group {
    border: 1px solid color-mix(in srgb, var(--am-card-border) 92%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--am-card-bg-soft) 68%, transparent);
    padding: 1rem 0.95rem 0.3rem;
    margin-bottom: 1rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.am-dialog-form .e-data-form .e-group-title,
.am-settings-dialog .x-dialog-form .e-data-form .e-group-title {
    color: var(--am-text-strong) !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
}

.am-dialog-form .e-input-group:not(.e-btn-group):not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.am-select-control),
.am-dialog-form .e-control-wrapper:not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.e-btn-group):not(.am-select-control),
.am-dialog-form .e-dropdownbase:not(.am-select-control),
.am-dialog-form .e-ddl:not(.am-select-control),
.am-dialog-form .e-combobox:not(.am-select-control),
.am-dialog-form .e-multiselect:not(.am-select-control),
.am-dialog-form .e-numerictextbox:not(.am-select-control),
.am-settings-dialog .x-dialog-form .e-input-group:not(.e-btn-group):not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.am-select-control),
.am-settings-dialog .x-dialog-form .e-control-wrapper:not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.e-btn-group):not(.am-select-control),
.am-settings-dialog .x-dialog-form .e-dropdownbase:not(.am-select-control),
.am-settings-dialog .x-dialog-form .e-ddl:not(.am-select-control),
.am-settings-dialog .x-dialog-form .e-combobox:not(.am-select-control),
.am-settings-dialog .x-dialog-form .e-multiselect:not(.am-select-control),
.am-settings-dialog .x-dialog-form .e-numerictextbox:not(.am-select-control) {
    min-height: 2.55rem;
    border: 1px solid color-mix(in srgb, var(--am-card-border-strong) 88%, transparent) !important;
    border-radius: 0.9rem !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 72%, rgb(15 23 42)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
}

.am-dialog-form .e-input-group:hover,
.am-dialog-form .e-control-wrapper:hover,
.am-dialog-form .e-dropdownbase:hover,
.am-dialog-form .e-ddl:hover,
.am-dialog-form .e-combobox:hover,
.am-dialog-form .e-multiselect:hover,
.am-dialog-form .e-numerictextbox:hover,
.am-settings-dialog .x-dialog-form .e-input-group:hover,
.am-settings-dialog .x-dialog-form .e-control-wrapper:hover,
.am-settings-dialog .x-dialog-form .e-dropdownbase:hover,
.am-settings-dialog .x-dialog-form .e-ddl:hover,
.am-settings-dialog .x-dialog-form .e-combobox:hover,
.am-settings-dialog .x-dialog-form .e-multiselect:hover,
.am-settings-dialog .x-dialog-form .e-numerictextbox:hover {
    border-color: color-mix(in srgb, var(--color-sf-primary) 24%, var(--am-card-border-strong)) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 5%, var(--am-card-bg-soft)) !important;
}

.am-dialog-form .e-input-group.e-input-focus,
.am-dialog-form .e-control-wrapper.e-input-focus,
.am-dialog-form .e-dropdownbase.e-input-focus,
.am-dialog-form .e-ddl.e-input-focus,
.am-dialog-form .e-combobox.e-input-focus,
.am-dialog-form .e-multiselect.e-input-focus,
.am-dialog-form .e-numerictextbox.e-input-focus,
.am-settings-dialog .x-dialog-form .e-input-group.e-input-focus,
.am-settings-dialog .x-dialog-form .e-control-wrapper.e-input-focus,
.am-settings-dialog .x-dialog-form .e-dropdownbase.e-input-focus,
.am-settings-dialog .x-dialog-form .e-ddl.e-input-focus,
.am-settings-dialog .x-dialog-form .e-combobox.e-input-focus,
.am-settings-dialog .x-dialog-form .e-multiselect.e-input-focus,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-input-focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 34%, var(--am-card-border-strong)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-sf-primary) 15%, transparent) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 7%, var(--am-card-bg-soft)) !important;
}

.am-dialog-form .e-input,
.am-dialog-form input.e-input,
.am-dialog-form .e-ddl .e-input,
.am-dialog-form .e-combobox .e-input,
.am-dialog-form .e-multiselect .e-input,
.am-dialog-form .e-delim-values,
.am-dialog-form .e-numerictextbox .e-input,
.am-settings-dialog .x-dialog-form .e-input,
.am-settings-dialog .x-dialog-form input.e-input,
.am-settings-dialog .x-dialog-form .e-ddl .e-input,
.am-settings-dialog .x-dialog-form .e-combobox .e-input,
.am-settings-dialog .x-dialog-form .e-multiselect .e-input,
.am-settings-dialog .x-dialog-form .e-delim-values,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input {
    color: var(--am-text-strong) !important;
    font-size: 0.93rem !important;
    font-weight: 600 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    min-height: calc(2.55rem - 2px) !important;
    height: calc(2.55rem - 2px) !important;
    line-height: calc(2.55rem - 2px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle !important;
}

.am-dialog-form .e-input-group-icon,
.am-dialog-form .e-ddl-icon,
.am-dialog-form .e-clear-icon,
.am-settings-dialog .x-dialog-form .e-input-group-icon,
.am-settings-dialog .x-dialog-form .e-ddl-icon,
.am-settings-dialog .x-dialog-form .e-clear-icon {
    color: var(--am-text-subtle) !important;
    border-left: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-dialog-form .e-numerictextbox .e-input-group-icon,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input-group-icon {
    min-width: 2rem !important;
}

.am-dialog-form .e-numeric.e-control-wrapper,
.am-dialog-form .e-numerictextbox,
.am-dialog-form .e-numerictextbox.e-control-wrapper,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper,
.am-settings-dialog .x-dialog-form .e-numerictextbox,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper {
    overflow: hidden !important;
    box-shadow: none !important;
}

.am-dialog-form .e-numeric.e-control-wrapper .e-input-group,
.am-dialog-form .e-numerictextbox .e-input-group,
.am-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group,
.am-dialog-form .e-numeric.e-control-wrapper .e-input-group.e-control-wrapper,
.am-dialog-form .e-numerictextbox .e-input-group.e-control-wrapper,
.am-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group.e-control-wrapper,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper .e-input-group,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input-group,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper .e-input-group.e-control-wrapper,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input-group.e-control-wrapper,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group.e-control-wrapper {
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.am-dialog-form .e-numeric.e-control-wrapper .e-input-group::before,
.am-dialog-form .e-numeric.e-control-wrapper .e-input-group::after,
.am-dialog-form .e-numerictextbox .e-input-group::before,
.am-dialog-form .e-numerictextbox .e-input-group::after,
.am-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group::before,
.am-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group::after,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper .e-input-group::before,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper .e-input-group::after,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input-group::before,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input-group::after,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group::before,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group::after {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-dialog-form .e-numeric.e-control-wrapper .e-input-group-icon,
.am-dialog-form .e-numerictextbox .e-input-group-icon,
.am-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group-icon,
.am-dialog-form .e-numeric.e-control-wrapper .e-input-group-icon.e-spin-up,
.am-dialog-form .e-numeric.e-control-wrapper .e-input-group-icon.e-spin-down,
.am-dialog-form .e-numerictextbox .e-input-group-icon.e-spin-up,
.am-dialog-form .e-numerictextbox .e-input-group-icon.e-spin-down,
.am-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group-icon.e-spin-up,
.am-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group-icon.e-spin-down,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper .e-input-group-icon,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input-group-icon,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group-icon,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper .e-input-group-icon.e-spin-up,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper .e-input-group-icon.e-spin-down,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input-group-icon.e-spin-up,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input-group-icon.e-spin-down,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group-icon.e-spin-up,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group-icon.e-spin-down {
    border-left: 0 !important;
    border-right: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-dialog-form .e-numeric.e-control-wrapper .e-input-group-icon::before,
.am-dialog-form .e-numeric.e-control-wrapper .e-input-group-icon::after,
.am-dialog-form .e-numerictextbox .e-input-group-icon::before,
.am-dialog-form .e-numerictextbox .e-input-group-icon::after,
.am-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group-icon::before,
.am-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group-icon::after,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper .e-input-group-icon::before,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper .e-input-group-icon::after,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input-group-icon::before,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input-group-icon::after,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group-icon::before,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group-icon::after {
    border: 0 !important;
    box-shadow: none !important;
}

.am-dialog-form .e-numeric.e-control-wrapper .e-numeric-hidden,
.am-dialog-form .e-numerictextbox .e-numeric-hidden,
.am-dialog-form .e-numerictextbox.e-control-wrapper .e-numeric-hidden,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper .e-numeric-hidden,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-numeric-hidden,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper .e-numeric-hidden {
    border: 0 !important;
    box-shadow: none !important;
}

.am-dialog-form .e-numeric.e-control-wrapper .e-input,
.am-dialog-form .e-numerictextbox .e-input,
.am-dialog-form .e-numerictextbox.e-control-wrapper .e-input,
.am-dialog-form .e-numeric.e-control-wrapper input.e-input,
.am-dialog-form .e-numerictextbox input.e-input,
.am-dialog-form .e-numerictextbox.e-control-wrapper input.e-input,
.am-dialog-form .e-numeric.e-control-wrapper .e-input-group input.e-input,
.am-dialog-form .e-numerictextbox .e-input-group input.e-input,
.am-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group input.e-input,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper .e-input,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper .e-input,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper input.e-input,
.am-settings-dialog .x-dialog-form .e-numerictextbox input.e-input,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper input.e-input,
.am-settings-dialog .x-dialog-form .e-numeric.e-control-wrapper .e-input-group input.e-input,
.am-settings-dialog .x-dialog-form .e-numerictextbox .e-input-group input.e-input,
.am-settings-dialog .x-dialog-form .e-numerictextbox.e-control-wrapper .e-input-group input.e-input {
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.am-dialog-form .e-input-group input,
.am-dialog-form .e-control-wrapper input,
.am-dialog-form .e-numerictextbox input,
.am-settings-dialog .x-dialog-form .e-input-group input,
.am-settings-dialog .x-dialog-form .e-control-wrapper input,
.am-settings-dialog .x-dialog-form .e-numerictextbox input {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.am-horizon-numeric.e-input-group,
.am-horizon-numeric.e-control-wrapper,
.am-horizon-numeric.e-numeric.e-control-wrapper {
    box-shadow: none !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 72%, rgb(15 23 42)) !important;
}

.am-horizon-numeric .e-input,
.am-horizon-numeric input.e-input,
.am-horizon-numeric .e-control.e-input {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.am-horizon-numeric .e-input-group-icon,
.am-horizon-numeric .e-input-group-icon.e-spin-up,
.am-horizon-numeric .e-input-group-icon.e-spin-down {
    border-left: 0 !important;
    border-right: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-dialog-form .e-float-text,
.am-dialog-form .e-label,
.am-dialog-form .e-field-label,
.am-dialog-form .e-form-label,
.am-settings-dialog .x-dialog-form .e-float-text,
.am-settings-dialog .x-dialog-form .e-label,
.am-settings-dialog .x-dialog-form .e-field-label,
.am-settings-dialog .x-dialog-form .e-form-label {
    color: var(--am-text-muted) !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
}

.am-dialog-form textarea,
.am-settings-dialog .x-dialog-form textarea {
    border-radius: 0.9rem;
    border: 1px solid color-mix(in srgb, var(--am-card-border-strong) 88%, transparent);
    background: color-mix(in srgb, var(--am-card-bg-soft) 72%, rgb(15 23 42));
    color: var(--am-text-strong);
    min-height: 6rem;
    resize: vertical;
    padding: 0.85rem 1rem;
}

.am-dialog-form textarea:focus,
.am-settings-dialog .x-dialog-form textarea:focus {
    outline: none;
    border-color: color-mix(in srgb, var(--color-sf-primary) 34%, var(--am-card-border-strong));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-sf-primary) 15%, transparent);
}

.am-horizon-textarea,
.am-horizon-textarea.e-input-group,
.am-horizon-textarea.e-control-wrapper {
    width: 100%;
}

.am-horizon-textarea textarea,
.am-horizon-textarea textarea.e-input,
.am-horizon-textarea .e-input {
    width: 100% !important;
    min-height: 12rem !important;
    height: auto !important;
    resize: vertical !important;
}

.edit-target-list-dialog .am-bookmark-dialog-textarea,
.edit-target-list-dialog .am-bookmark-dialog-textarea.e-input-group,
.edit-target-list-dialog .am-bookmark-dialog-textarea.e-control-wrapper {
    width: 100%;
}

.edit-target-list-dialog.e-dialog {
    width: min(980px, calc(100vw - 2rem)) !important;
    max-width: calc(100vw - 2rem) !important;
}

.edit-target-list-dialog .form-row,
.edit-target-list-dialog .form-row-inline {
    margin-bottom: 0.95rem;
}

.edit-target-list-dialog .form-row:last-child,
.edit-target-list-dialog .form-row-inline.mb-0 {
    margin-bottom: 0 !important;
}

.edit-target-list-dialog .am-bookmark-dialog-textarea textarea,
.edit-target-list-dialog .am-bookmark-dialog-textarea textarea.e-input,
.edit-target-list-dialog .am-bookmark-dialog-textarea .e-input {
    width: 100% !important;
    resize: vertical !important;
}

.edit-target-list-dialog .am-bookmark-dialog-textarea--description textarea,
.edit-target-list-dialog .am-bookmark-dialog-textarea--description textarea.e-input,
.edit-target-list-dialog .am-bookmark-dialog-textarea--description .e-input {
    min-height: 8rem !important;
}

.edit-target-list-dialog .am-bookmark-dialog-textarea--notes textarea,
.edit-target-list-dialog .am-bookmark-dialog-textarea--notes textarea.e-input,
.edit-target-list-dialog .am-bookmark-dialog-textarea--notes .e-input {
    min-height: 11rem !important;
}

.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper,
.edit-target-list-dialog .am-bookmark-dialog-multiselect.e-input-group .e-multi-select-wrapper,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-searcher {
    min-height: inherit !important;
    height: inherit !important;
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
}

.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper {
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    padding: 0 2rem 0 0.75rem !important;
}

.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper .e-input-group,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper .e-control-wrapper,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper .e-dropdownbase,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper .e-input-group.e-control-wrapper,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper [class*="e-delim"],
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper [class*="e-searcher"] {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-searcher,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-searcher .e-dropdownbase,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper.e-delimiter .e-searcher,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-searcher {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-searcher.e-zero-size,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-searcher.e-zero-size {
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-searcher input,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-searcher .e-input,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-input-filter,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper input[type="text"] {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper::before,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-multi-select-wrapper::after,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-searcher::before,
.edit-target-list-dialog .am-bookmark-dialog-multiselect .e-searcher::after {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-native-control {
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid var(--am-card-border-strong);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, white);
    padding: 0.72rem 0.95rem;
    color: var(--am-text-strong);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
    box-shadow: none;
    transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.dark .am-native-control,
.e-dark .am-native-control {
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, rgb(2 6 23));
}

.am-native-control:hover {
    border-color: color-mix(in srgb, var(--color-sf-primary) 22%, var(--am-card-border-strong));
    background: color-mix(in srgb, var(--color-sf-primary) 5%, var(--am-card-bg-soft));
}

.am-native-control:focus {
    outline: none;
    border-color: color-mix(in srgb, var(--color-sf-primary) 34%, var(--am-card-border-strong));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-sf-primary) 16%, transparent);
    background: color-mix(in srgb, var(--color-sf-primary) 6%, var(--am-card-bg-soft));
}

.am-native-control::placeholder {
    color: var(--am-text-subtle);
    opacity: 1;
}

.am-settings-surface .e-input-group:not(.e-btn-group):not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.am-select-control),
.am-settings-surface .e-control-wrapper:not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.e-btn-group):not(.am-select-control),
.am-settings-surface .e-dropdownbase:not(.am-select-control),
.am-settings-surface .e-ddl:not(.am-select-control),
.am-settings-surface .e-combobox:not(.am-select-control),
.am-settings-surface .e-multiselect:not(.am-select-control),
.am-settings-surface .e-numerictextbox:not(.am-select-control) {
    min-height: 2.75rem;
    border: 1px solid var(--am-card-border-strong) !important;
    border-radius: 1rem !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, white) !important;
    box-shadow: none !important;
    transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.dark .am-settings-surface .e-input-group:not(.e-btn-group):not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.am-select-control),
.dark .am-settings-surface .e-control-wrapper:not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.e-btn-group):not(.am-select-control),
.dark .am-settings-surface .e-dropdownbase:not(.am-select-control),
.dark .am-settings-surface .e-ddl:not(.am-select-control),
.dark .am-settings-surface .e-combobox:not(.am-select-control),
.dark .am-settings-surface .e-multiselect:not(.am-select-control),
.dark .am-settings-surface .e-numerictextbox:not(.am-select-control),
.e-dark .am-settings-surface .e-input-group:not(.e-btn-group):not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.am-select-control),
.e-dark .am-settings-surface .e-control-wrapper:not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.e-btn-group):not(.am-select-control),
.e-dark .am-settings-surface .e-dropdownbase:not(.am-select-control),
.e-dark .am-settings-surface .e-ddl:not(.am-select-control),
.e-dark .am-settings-surface .e-combobox:not(.am-select-control),
.e-dark .am-settings-surface .e-multiselect:not(.am-select-control),
.e-dark .am-settings-surface .e-numerictextbox:not(.am-select-control) {
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, rgb(2 6 23)) !important;
}

.am-settings-surface .e-input-group:hover,
.am-settings-surface .e-control-wrapper:hover,
.am-settings-surface .e-dropdownbase:hover,
.am-settings-surface .e-ddl:hover,
.am-settings-surface .e-combobox:hover,
.am-settings-surface .e-multiselect:hover,
.am-settings-surface .e-numerictextbox:hover {
    border-color: color-mix(in srgb, var(--color-sf-primary) 22%, var(--am-card-border-strong)) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 5%, var(--am-card-bg-soft)) !important;
}

.am-settings-surface .e-input-group.e-input-focus,
.am-settings-surface .e-control-wrapper.e-input-focus,
.am-settings-surface .e-dropdownbase.e-input-focus,
.am-settings-surface .e-ddl.e-input-focus,
.am-settings-surface .e-combobox.e-input-focus,
.am-settings-surface .e-multiselect.e-input-focus,
.am-settings-surface .e-numerictextbox.e-input-focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 34%, var(--am-card-border-strong)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-sf-primary) 16%, transparent) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 6%, var(--am-card-bg-soft)) !important;
}

.am-settings-surface .e-input-group input,
.am-settings-surface .e-control-wrapper input,
.am-settings-surface .e-dropdownbase input,
.am-settings-surface .e-ddl .e-input,
.am-settings-surface .e-combobox .e-input,
.am-settings-surface .e-multiselect .e-input,
.am-settings-surface .e-numerictextbox .e-input,
.am-settings-surface .e-input-group .e-input-group-icon,
.am-settings-surface .e-control-wrapper .e-input-group-icon,
.am-settings-surface .e-dropdownbase .e-input-group-icon {
    color: var(--am-text-strong) !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
}

.am-settings-surface .e-input-group .e-input-group-icon,
.am-settings-surface .e-control-wrapper .e-input-group-icon,
.am-settings-surface .e-dropdownbase .e-input-group-icon {
    color: var(--am-text-subtle) !important;
    border-left: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-settings-surface .e-float-text,
.am-settings-surface .e-label,
.am-settings-surface .e-field-label {
    color: var(--am-text-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}

.am-settings-surface .e-checkbox-wrapper,
.am-settings-surface .e-css.e-checkbox-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.am-settings-surface .e-checkbox-wrapper .e-frame,
.am-settings-surface .e-css.e-checkbox-wrapper .e-frame {
    width: 1.05rem;
    height: 1.05rem;
    border: 1px solid var(--am-card-border-strong) !important;
    border-radius: 0.38rem !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 95%, white) !important;
    box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.06);
}

.dark .am-settings-surface .e-checkbox-wrapper .e-frame,
.dark .am-settings-surface .e-css.e-checkbox-wrapper .e-frame,
.e-dark .am-settings-surface .e-checkbox-wrapper .e-frame,
.e-dark .am-settings-surface .e-css.e-checkbox-wrapper .e-frame {
    background: color-mix(in srgb, var(--am-card-bg-soft) 95%, rgb(2 6 23)) !important;
}

.am-settings-surface .e-checkbox-wrapper:hover .e-frame,
.am-settings-surface .e-css.e-checkbox-wrapper:hover .e-frame {
    border-color: color-mix(in srgb, var(--color-sf-primary) 26%, var(--am-card-border-strong)) !important;
}

.am-settings-surface .e-checkbox-wrapper .e-frame.e-check,
.am-settings-surface .e-css.e-checkbox-wrapper .e-frame.e-check {
    border-color: color-mix(in srgb, var(--color-sf-primary) 36%, var(--am-card-border-strong)) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 18%, var(--am-card-bg-soft)) !important;
    color: var(--color-sf-primary) !important;
}

.am-settings-surface .e-checkbox-wrapper .e-label,
.am-settings-surface .e-css.e-checkbox-wrapper .e-label {
    color: var(--am-text-strong) !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
}

.am-settings-surface .e-switch-wrapper {
    border-radius: 9999px;
}

.am-settings-surface .e-switch-wrapper .e-switch-inner {
    border: 1px solid var(--am-card-border-strong) !important;
    border-radius: 9999px !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 92%, white) !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.1);
}

.dark .am-settings-surface .e-switch-wrapper .e-switch-inner,
.e-dark .am-settings-surface .e-switch-wrapper .e-switch-inner {
    background: color-mix(in srgb, var(--am-card-bg-soft) 92%, rgb(2 6 23)) !important;
}

.am-settings-surface .e-switch-wrapper .e-switch-handle {
    background: rgb(248 250 252) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.22) !important;
}

.am-settings-surface .e-switch-wrapper.e-switch-active .e-switch-inner {
    border-color: color-mix(in srgb, var(--color-sf-primary) 34%, var(--am-card-border-strong)) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 24%, var(--am-card-bg-soft)) !important;
}

.am-settings-surface .e-switch-wrapper.e-switch-active .e-switch-handle {
    background: var(--color-sf-primary) !important;
}

.am-breadcrumb.e-breadcrumb,
.am-breadcrumb .e-breadcrumb {
    background: transparent !important;
    padding: 0 !important;
    color: var(--am-text-muted) !important;
    font-size: 0.82rem;
}

.am-breadcrumb .e-breadcrumb-item,
.am-breadcrumb .e-breadcrumb-item a {
    color: var(--am-text-muted) !important;
}

.am-breadcrumb .e-breadcrumb-item.e-active,
.am-breadcrumb .e-breadcrumb-item.e-active .e-breadcrumb-text {
    color: var(--am-text-strong) !important;
    font-weight: 600;
}

.am-dso-filter-panel {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 100%;
    padding: 0.5rem 0 1rem;
}

.am-dso-filter-panel__saved-filters,
.am-dso-filter-panel__header {
    margin: 0 1rem;
    padding: 0.8rem;
}

.am-dso-filter-panel__saved-filter-row,
.am-dso-filter-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    overflow-x: visible;
    padding-bottom: 0;
}

.am-dso-filter-panel__search-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.am-dso-filter-panel__search-input.e-input-group,
.am-dso-filter-panel__search-input.e-control-wrapper {
    min-height: 2.2rem !important;
}

.am-dso-filter-panel__search-input input,
.am-dso-filter-panel__search-input .e-input {
    height: 2.2rem !important;
    line-height: 2.2rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.am-dso-filter-panel__search-button,
.am-dso-filter-panel__toolbar-btn {
    min-height: 2.2rem !important;
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
    font-size: 0.77rem !important;
}

.am-dso-filter-chip,
.am-dso-filter-nav__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.8rem;
    border-radius: 9999px;
    border: 1px solid var(--am-card-border-strong);
    background: color-mix(in srgb, var(--am-card-bg-soft) 96%, white);
    color: var(--am-text-muted);
    padding: 0.28rem 0.68rem;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
    transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease, transform 140ms ease;
}

.dark .am-dso-filter-chip,
.dark .am-dso-filter-nav__chip,
.e-dark .am-dso-filter-chip,
.e-dark .am-dso-filter-nav__chip {
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, rgb(2 6 23));
}

.am-dso-filter-chip:hover,
.am-dso-filter-nav__chip:hover {
    border-color: color-mix(in srgb, var(--color-sf-primary) 30%, var(--am-card-border-strong));
    color: var(--am-text-strong);
    transform: translateY(-1px);
}

.am-dso-filter-nav__chip--active {
    border-color: color-mix(in srgb, var(--color-sf-primary) 32%, var(--am-card-border-strong));
    background: color-mix(in srgb, var(--color-sf-primary) 14%, var(--am-card-bg-soft));
    color: var(--color-sf-primary);
}

.am-dso-filter-chip__delete {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    display: inline-flex;
    height: 1rem;
    width: 1rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: #ef4444;
    color: white;
    font-size: 0.65rem;
    line-height: 1;
    opacity: 0;
    transition: opacity 140ms ease;
}

.group:hover .am-dso-filter-chip__delete {
    opacity: 1;
}

.am-dso-filter-panel .e-input-group:not(.e-btn-group):not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.am-action-btn),
.am-dso-filter-panel .e-control-wrapper:not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.e-btn-group):not(.am-action-btn),
.am-dso-filter-panel .e-dropdownbase,
.am-dso-filter-panel .e-ddl,
.am-dso-filter-panel .e-combobox,
.am-dso-filter-panel .e-multiselect,
.am-dso-filter-panel .e-numerictextbox {
    min-height: 2.1rem !important;
    height: 2.1rem !important;
    border: 1px solid var(--am-card-border-strong) !important;
    border-radius: 0.8rem !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, white) !important;
    box-shadow: none !important;
}

.dark .am-dso-filter-panel .e-input-group:not(.e-btn-group):not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.am-action-btn),
.dark .am-dso-filter-panel .e-control-wrapper:not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.e-btn-group):not(.am-action-btn),
.dark .am-dso-filter-panel .e-dropdownbase,
.dark .am-dso-filter-panel .e-ddl,
.dark .am-dso-filter-panel .e-combobox,
.dark .am-dso-filter-panel .e-multiselect,
.dark .am-dso-filter-panel .e-numerictextbox,
.e-dark .am-dso-filter-panel .e-input-group:not(.e-btn-group):not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.am-action-btn),
.e-dark .am-dso-filter-panel .e-control-wrapper:not(.e-switch-wrapper):not(.e-checkbox-wrapper):not(.e-btn-group):not(.am-action-btn),
.e-dark .am-dso-filter-panel .e-dropdownbase,
.e-dark .am-dso-filter-panel .e-ddl,
.e-dark .am-dso-filter-panel .e-combobox,
.e-dark .am-dso-filter-panel .e-multiselect,
.e-dark .am-dso-filter-panel .e-numerictextbox {
    background: color-mix(in srgb, var(--am-card-bg-soft) 94%, rgb(2 6 23)) !important;
}

.am-dso-filter-panel .e-input-group:hover,
.am-dso-filter-panel .e-control-wrapper:hover,
.am-dso-filter-panel .e-dropdownbase:hover,
.am-dso-filter-panel .e-ddl:hover,
.am-dso-filter-panel .e-combobox:hover,
.am-dso-filter-panel .e-multiselect:hover,
.am-dso-filter-panel .e-numerictextbox:hover {
    border-color: color-mix(in srgb, var(--color-sf-primary) 28%, var(--am-card-border-strong)) !important;
}

.am-dso-filter-panel .e-input-group.e-input-focus,
.am-dso-filter-panel .e-control-wrapper.e-input-focus,
.am-dso-filter-panel .e-dropdownbase.e-input-focus,
.am-dso-filter-panel .e-ddl.e-input-focus,
.am-dso-filter-panel .e-combobox.e-input-focus,
.am-dso-filter-panel .e-multiselect.e-input-focus,
.am-dso-filter-panel .e-numerictextbox.e-input-focus {
    border-color: color-mix(in srgb, var(--color-sf-primary) 36%, var(--am-card-border-strong)) !important;
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--color-sf-primary) 12%, transparent) !important;
}

.am-dso-filter-panel .e-input-group input,
.am-dso-filter-panel .e-control-wrapper input,
.am-dso-filter-panel .e-dropdownbase input,
.am-dso-filter-panel .e-ddl .e-input,
.am-dso-filter-panel .e-ddl .e-input-value,
.am-dso-filter-panel .e-combobox .e-input,
.am-dso-filter-panel .e-multiselect .e-input,
.am-dso-filter-panel .e-numerictextbox .e-input,
.am-dso-filter-panel .e-multiselect .e-delim-values,
.am-dso-filter-panel .e-input-group .e-input-group-icon,
.am-dso-filter-panel .e-control-wrapper .e-input-group-icon,
.am-dso-filter-panel .e-dropdownbase .e-input-group-icon {
    color: var(--am-text-strong) !important;
    font-size: 0.82rem !important;
}

.am-dso-filter-panel .e-input-group input,
.am-dso-filter-panel .e-control-wrapper input,
.am-dso-filter-panel .e-dropdownbase input,
.am-dso-filter-panel .e-ddl .e-input,
.am-dso-filter-panel .e-combobox .e-input,
.am-dso-filter-panel .e-multiselect .e-input,
.am-dso-filter-panel .e-numerictextbox .e-input,
.am-dso-filter-panel .e-multiselect .e-delim-values {
    min-height: calc(2.1rem - 2px) !important;
    height: calc(2.1rem - 2px) !important;
    line-height: calc(2.1rem - 2px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.am-dso-filter-panel .e-ddl .e-input-value,
.am-dso-filter-panel .e-multiselect .e-delim-values {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.am-dso-filter-panel .e-multiselect .e-delim-view,
.am-dso-filter-panel .e-multiselect .e-delim-view.e-delim-values,
.am-dso-filter-panel .e-multiselect .e-delim-view.e-delim-values.e-delim-overflow,
.am-dso-filter-panel .e-multiselect .e-delim-view.e-delim-values.e-delim-total {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.am-dso-filter-panel .e-multiselect .e-delim-values:empty {
    display: none !important;
}

.am-dso-filter-panel .e-input-group .e-input-group-icon,
.am-dso-filter-panel .e-control-wrapper .e-input-group-icon,
.am-dso-filter-panel .e-dropdownbase .e-input-group-icon {
    min-height: calc(2.1rem - 2px) !important;
    height: calc(2.1rem - 2px) !important;
    align-self: stretch !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-dso-filter-panel .e-numeric.e-control-wrapper .e-input-group,
.am-dso-filter-panel .e-numerictextbox .e-input-group,
.am-dso-filter-panel .e-numerictextbox.e-control-wrapper .e-input-group,
.am-dso-filter-panel .e-numeric.e-control-wrapper .e-input-group.e-control-wrapper,
.am-dso-filter-panel .e-numerictextbox .e-input-group.e-control-wrapper,
.am-dso-filter-panel .e-numerictextbox.e-control-wrapper .e-input-group.e-control-wrapper,
.am-dso-filter-panel .e-multiselect .e-multi-select-wrapper,
.am-dso-filter-panel .e-multiselect.e-input-group .e-multi-select-wrapper,
.am-dso-filter-panel .e-multiselect .e-searcher {
    min-height: inherit !important;
    height: inherit !important;
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-dso-filter-panel .e-multiselect .e-multi-select-wrapper {
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    padding: 0 2rem 0 0.75rem !important;
}

.am-dso-filter-panel .e-multiselect .e-multi-select-wrapper .e-input-group,
.am-dso-filter-panel .e-multiselect .e-multi-select-wrapper .e-control-wrapper,
.am-dso-filter-panel .e-multiselect .e-multi-select-wrapper .e-dropdownbase,
.am-dso-filter-panel .e-multiselect .e-multi-select-wrapper .e-input-group.e-control-wrapper,
.am-dso-filter-panel .e-multiselect .e-multi-select-wrapper [class*="e-delim"],
.am-dso-filter-panel .e-multiselect .e-multi-select-wrapper [class*="e-searcher"] {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-dso-filter-panel .e-multiselect .e-multi-searcher,
.am-dso-filter-panel .e-multiselect .e-multi-searcher .e-dropdownbase,
.am-dso-filter-panel .e-multiselect .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
.am-dso-filter-panel .e-multiselect .e-multi-select-wrapper.e-delimiter .e-searcher {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-dso-filter-panel .e-multiselect .e-searcher {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-dso-filter-panel .e-multiselect .e-searcher.e-zero-size,
.am-dso-filter-panel .e-multiselect .e-multi-searcher.e-zero-size {
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.am-dso-filter-panel .e-multiselect .e-searcher input,
.am-dso-filter-panel .e-multiselect .e-searcher .e-input,
.am-dso-filter-panel .e-multiselect .e-input-filter,
.am-dso-filter-panel .e-multi-select-wrapper input[type="text"] {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-dso-filter-panel .e-numeric.e-control-wrapper .e-input-group::before,
.am-dso-filter-panel .e-numeric.e-control-wrapper .e-input-group::after,
.am-dso-filter-panel .e-numerictextbox .e-input-group::before,
.am-dso-filter-panel .e-numerictextbox .e-input-group::after,
.am-dso-filter-panel .e-numerictextbox.e-control-wrapper .e-input-group::before,
.am-dso-filter-panel .e-numerictextbox.e-control-wrapper .e-input-group::after,
.am-dso-filter-panel .e-multiselect .e-multi-select-wrapper::before,
.am-dso-filter-panel .e-multiselect .e-multi-select-wrapper::after,
.am-dso-filter-panel .e-multiselect .e-searcher::before,
.am-dso-filter-panel .e-multiselect .e-searcher::after {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-dso-filter-panel .e-numeric.e-control-wrapper .e-input-group-icon,
.am-dso-filter-panel .e-numerictextbox .e-input-group-icon,
.am-dso-filter-panel .e-numerictextbox.e-control-wrapper .e-input-group-icon,
.am-dso-filter-panel .e-numeric.e-control-wrapper .e-input-group-icon.e-spin-up,
.am-dso-filter-panel .e-numeric.e-control-wrapper .e-input-group-icon.e-spin-down,
.am-dso-filter-panel .e-numerictextbox .e-input-group-icon.e-spin-up,
.am-dso-filter-panel .e-numerictextbox .e-input-group-icon.e-spin-down {
    min-height: calc(2.1rem - 2px) !important;
    height: calc(2.1rem - 2px) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-dso-filter-panel .e-btn.e-small.e-outline,
.am-dso-filter-panel .e-btn.e-outline:not(.am-action-btn) {
    border-radius: 9999px !important;
    border: 1px solid var(--am-card-border-strong) !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 96%, white) !important;
    color: var(--am-text-strong) !important;
    box-shadow: none !important;
}

.dark .am-dso-filter-panel .e-btn.e-small.e-outline,
.dark .am-dso-filter-panel .e-btn.e-outline:not(.am-action-btn),
.e-dark .am-dso-filter-panel .e-btn.e-small.e-outline,
.e-dark .am-dso-filter-panel .e-btn.e-outline:not(.am-action-btn) {
    background: color-mix(in srgb, var(--am-card-bg-soft) 96%, rgb(2 6 23)) !important;
}

.am-dso-filter-section > div {
    overflow: hidden;
    border-radius: 1rem;
    border-color: var(--am-card-border-strong) !important;
    background: color-mix(in srgb, var(--am-card-bg) 96%, white) !important;
    box-shadow: var(--am-card-shadow-soft);
}

.dark .am-dso-filter-section > div,
.e-dark .am-dso-filter-section > div {
    background: color-mix(in srgb, var(--am-card-bg) 96%, rgb(2 6 23)) !important;
}

.am-dso-filter-section > div > div:first-child {
    border-bottom-color: var(--am-card-border-strong) !important;
    background: color-mix(in srgb, var(--am-card-bg-soft) 88%, white);
}

.dark .am-dso-filter-section > div > div:first-child,
.e-dark .am-dso-filter-section > div > div:first-child {
    background: color-mix(in srgb, var(--am-card-bg-soft) 88%, rgb(2 6 23));
}

.am-dso-search-pagination {
    margin-top: 1rem;
}

.am-dso-results-list .e-list-parent,
.am-dso-results-list.e-listview,
.am-dso-results-list .e-list-container {
    background: transparent !important;
}

.am-dso-results-list .e-list-item {
    border-radius: var(--am-card-radius-lg);
    overflow: hidden;
    background: transparent !important;
    transition: background 120ms ease;
}

.am-dso-results-list .e-list-item:hover,
.am-dso-results-list .e-list-item:focus-within {
    background: transparent !important;
}

.am-dso-results-list .e-list-item:hover .am-card,
.am-dso-results-list .e-list-item:focus-within .am-card {
    border-color: color-mix(in srgb, var(--color-sf-primary) 18%, var(--am-card-border)) !important;
    background: color-mix(in srgb, var(--color-sf-primary) 4%, var(--am-card-bg-soft)) !important;
    transform: translateY(-1px);
}

.dark .am-dso-results-list .e-list-item:hover .am-card,
.dark .am-dso-results-list .e-list-item:focus-within .am-card,
.e-dark .am-dso-results-list .e-list-item:hover .am-card,
.e-dark .am-dso-results-list .e-list-item:focus-within .am-card {
    background: color-mix(in srgb, var(--color-sf-primary) 6%, var(--am-card-bg-soft)) !important;
}

.dso-card-add-menu {
    position: absolute;
    top: calc(100% + 0.35rem);
    left: 0;
    min-width: 10.5rem;
    z-index: 30;
}

.dso-card-add-menu-item {
    min-height: 2.1rem;
}
