.help-block {
    font-size: 12px;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}

.basicpadding {
    padding: 10px;
}

.basictopmargin {
    margin-top: 10px;
    margin-bottom: 10px;
}

.page-title-green {
    color: #3d7b3d;
    font-weight: 600;
}

.bs-callout h1,
.bs-callout h2,
.bs-callout h3,
.bs-callout h4,
.bs-callout h5,
.bs-callout h6 {
	margin-top: 0;
}

.bs-callout-danger h1,
.bs-callout-danger h2,
.bs-callout-danger h3,
.bs-callout-danger h4,
.bs-callout-danger h5,
.bs-callout-danger h6 {
	color: #B94A48;
}

.bs-callout-warning h1,
.bs-callout-warning h2,
.bs-callout-warning h3,
.bs-callout-warning h4,
.bs-callout-warning h5,
.bs-callout-warning h6 {
	color: #C09853;
    background: white;
}

.bs-callout-info h1,
.bs-callout-info h2,
.bs-callout-info h3,
.bs-callout-info h4,
.bs-callout-info h5,
.bs-callout-info h6 {
	color: #3A87AD;
	background: white;
}

.bs-callout-success h1,
.bs-callout-success h2,
.bs-callout-success h3,
.bs-callout-success h4,
.bs-callout-success h5,
.bs-callout-success h6 {
	color: #3C763D;
}

.bs-callout p:last-child {
	margin-bottom: 0;
}

.bs-callout code,
.bs-callout .highlight {
	background-color: #fff;
}

.bs-callout-danger {
	border-color: #B94A48;
    padding: 10px;
    background: #b94a482e;
    margin-bottom: 2rem;
}
.bs-callout-warning {
	border-color: #C09853;
    padding: 10px;
    background: white;
}
.bs-callout-info {
	border-color: #3A87AD;
	padding: 10px;
    background: white;
}
.bs-callout-success {
	border-color: #3C763D;
    padding: 10px;
    background: white;
}

.bs-callout-bg {
	background-color: #EFEFEF;
}

.top-buffer { margin-top:10px; }



#toastpanel {
    position: fixed;
    top: 72px;
    right: 20px;
    left: auto;
    max-width: 400px;
    min-width: 280px;
    z-index: 20050;
}

#toaststack {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    align-items: stretch;
}

.toast-item {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
}

.toast-item__body {
    padding-right: 2rem;
}

.toast-item__close {
    position: absolute;
    top: 6px;
    right: 8px;
    z-index: 2;
    margin: 0;
    padding: 2px 8px;
    border: none;
    background: transparent;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1;
    color: inherit;
    cursor: pointer;
    opacity: 0.55;
    border-radius: 4px;
}

.toast-item__close:hover,
.toast-item__close:focus {
    opacity: 1;
    outline: none;
    background-color: rgba(0, 0, 0, 0.06);
}

.toast-item h4,
.toast-item h5 {
    margin-top: 0;
}

.toast-item h5 {
    margin-bottom: 0;
}

.toast-item__text ul.toast-text-list {
    margin: 0.35em 0 0;
    padding-left: 1.25em;
    text-align: left;
}

.toast-item__text ul.toast-text-list li {
    margin-bottom: 0.35em;
}

.timeline {
    list-style: none;
    padding: 0px 0 0px;
    position: relative;
    word-wrap: break-word;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
                color: #fff;
                width: 25px;
                height: 25px;
                line-height: 50px;
                font-size: 1.4em;
                text-align: center;
                position: absolute;
                top: 29px;
                left: 50%;
                margin-left: -12px;
                background-color: #999999;
                z-index: 100;
                border-top-right-radius: 50%;
                border-top-left-radius: 50%;
                border-bottom-right-radius: 50%;
                border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
    font-size: 13px;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}


.app-version {
    color: #666;
    left: 3.5em;
    position: fixed;
    top: 1em;
    z-index: -1;
}

.ql-container.ql-snow {
    height: auto;
}
.ql-editor {
    height: 100px;
    overflow-y: auto;
}

.scroll-to-top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 38px;
    height: 38px;
    background-color: rgba(148, 193, 31, 0.85);
    color: #ffffff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    z-index: 1000;
    opacity: 0.7;
}

.scroll-to-top-btn:hover {
    background-color: rgba(148, 193, 31, 1);
    opacity: 1;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.scroll-to-top-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.scroll-to-top-btn i {
    line-height: 1;
}

* {
   box-sizing: border-box;
}

:root {
   --app-color-bg-page: #e8ecf1;
   --app-color-text: #1a1a1a;
   --app-color-text-heading: #1a202c;
   --app-color-dt: #718096;
   --app-color-dd: #2d3748;
   --app-section-title-color: #1a202c;
   --app-section-subtitle-color: #4a5568;
   --app-empty-state-color: #a0aec0;
   --app-empty-state-message-color: #718096;
   --app-panel-empty-bg: #ffffff;
   --app-panel-empty-border: #cbd5e0;
   --app-panel-empty-border-top: #cbd5e0;
   --app-solicitation-header-bg: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);
   --app-solicitation-header-border: #e1e8ed;
   --app-solicitation-header-pinned-bg: #ffffff;
   --app-solicitation-header-pinned-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   --app-solicitation-label-color: #4a5568;
   --app-solicitation-id-color: #1a202c;
   --app-solicitation-separator-color: #a0aec0;
   --app-solicitation-pin-color: #64748b;
   --app-card-type-badge-bg: #e5e7eb;
   --app-card-type-badge-color: #6b7280;
   --app-toggle-empty-btn-bg: #ffffff;
   --app-toggle-empty-btn-border: #e2e8f0;
   --app-toggle-empty-btn-color: #64748b;
   --app-toggle-empty-btn-hover-bg: #f8fafc;
   --app-toggle-empty-btn-hover-border: #cbd5e1;
   --app-toggle-empty-btn-hover-color: #475569;
   --app-protocol-pending-bg: #fae3b2;
   --app-protocol-pending-fg: #c67b00;
   --app-protocol-danger-bg: #fadbd8;
   --app-protocol-danger-fg: #c0392b;
   --app-protocol-success-bg: #d5f4e6;
   --app-protocol-success-fg: #27ae60;
   --app-protocol-default-bg: #e5e7eb;
   --app-protocol-default-fg: #6b7280;
   
   --app-cid-notes-bg: #ffffff;
   --app-cid-notes-border: #e2e8f0;
   --app-cid-notes-text: #64748b;
   --app-cid-notes-bullet: #94a3b8;
   --app-cid-search-link-color: #475569;
   --app-cid-search-link-border: #e2e8f0;
   --app-cid-search-link-bg: #ffffff;
   --app-cid-search-link-hover-bg: #f8fafc;
   --app-cid-search-link-hover-border: #cbd5e1;
   --app-cid-search-link-hover-color: #1e293b;
   --app-cid-control-bg: #ffffff;
   --app-cid-control-color: #1e293b;
   --app-cid-control-border: #cbd5e1;
   --app-cid-control-disabled-bg: #f1f5f9;
   --app-cid-control-disabled-color: #94a3b8;
   --app-cid-input-group-btn-bg: #ffffff;
   --app-cid-input-group-btn-border: #cbd5e1;
   --app-cid-input-group-btn-color: #64748b;
   --app-cid-input-group-btn-hover-bg: #f8fafc;
   --app-cid-checkbox-border: #cbd5e1;
   --app-cid-placeholder-color: #94a3b8;

   --app-internal-obs-label-color: #2d3748;
   --app-internal-obs-textarea-bg: #ffffff;
   --app-internal-obs-textarea-color: #1e293b;
   --app-internal-obs-textarea-border: #cbd5e1;
   --app-file-input-wrapper-bg: #ffffff;
   --app-file-input-wrapper-border: #cbd5e1;
   --app-file-input-display-bg: #f8fafc;
   --app-file-input-display-border: #e2e8f0;
   --app-file-input-text-color: #64748b;
   --app-file-input-text-selected-color: #1e293b;
   --app-file-input-button-bg: #f1f5f9;
   --app-file-input-button-color: #475569;
   --app-file-input-button-border: #e2e8f0;
   --app-file-input-button-hover-bg: #e2e8f0;
   --app-file-input-button-hover-color: #334155;
   --app-file-input-help-color: #64748b;
   --app-file-input-error-bg: #fff5f5;
   --app-file-input-error-border: #fed7d7;
   --app-file-input-error-color: #c53030;
   --app-preview-border: #e2e8f0;
   --app-preview-bg: #ffffff;
   --app-preview-header-bg: linear-gradient(to bottom, #f8fafc 0%, #f1f5f9 100%);
   --app-preview-header-border: #e2e8f0;
   --app-preview-header-text: #475569;

   --app-timeline-line: linear-gradient(to bottom, #95a5a6 0%, #7f8c8d 50%, #95a5a6 100%);
   --app-timeline-badge-bg: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%);
   --app-timeline-badge-ring: #ffffff;
   --app-timeline-panel-bg: #ffffff;
   --app-timeline-panel-border: #e1e8ed;
   --app-timeline-heading-border: #e1e8ed;
   --app-timeline-title-color: #1a202c;
   --app-timeline-body-color: #4a5568;
   --app-timeline-muted-color: #718096;
   --app-history-scroll-bg: #f8fafc;
   --app-history-scroll-border: #e2e8f0;
   --app-history-scroll-color: #64748b;
   --app-history-scroll-hover-bg: #f1f5f9;

   --app-reg-show-table-cell-border: #f0f2f5;
   --app-reg-show-obs-bg: #ffffff;
   --app-reg-show-obs-color: #2d3748;
   --app-reg-show-obs-border: #cbd5e0;
   --app-reg-show-obs-placeholder: #a0aec0;
   --app-reg-show-fake-box-bg: #ffffff;
   --app-reg-show-fake-box-border: #d1d9e0;
   --app-reg-show-fake-box-heading: #2d3748;
   --app-reg-show-fake-box-footer: #718096;
   --app-reg-show-pdf-chrome: #525659;
   --app-reg-show-embed-border: #e2e8f0;
   --app-reg-show-preview-img-border: #e2e8f0;
   --app-reg-show-preview-close: #64748b;
   --app-reg-show-preview-close-hover-bg: #e2e8f0;
   --app-reg-show-preview-close-hover-fg: #1e293b;
   --app-reg-show-doc-card-bg: #ffffff;
   --app-reg-show-doc-card-border: #e2e8f0;
   --app-reg-show-doc-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
   --app-reg-show-doc-header-bg: linear-gradient(to bottom, #fafbfc 0%, #ffffff 100%);
   --app-reg-show-doc-header-border: #e2e8f0;
   --app-reg-show-doc-title: #1e293b;
   --app-reg-show-doc-badge-bg: #f8fafc;
   --app-reg-show-doc-badge-fg: #64748b;
   --app-reg-show-doc-badge-border: #e2e8f0;
   --app-reg-show-doc-date: #64748b;
   --app-reg-show-doc-icon-muted: #94a3b8;
   --app-reg-show-doc-image-wrap-bg: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
   --app-reg-show-doc-image-wrap-border: #e2e8f0;
   --app-reg-show-doc-image-wrap-hover-border: #cbd5e1;
   --app-reg-show-skeleton-a: #f0f0f0;
   --app-reg-show-skeleton-b: #e0e0e0;
   --app-reg-show-skeleton-ring: #d0d0d0;
   --app-reg-show-skeleton-ring-top: #a0a0a0;
   --app-reg-show-skeleton-pdf-mid: #d0d0d0;
   --app-reg-show-skeleton-pdf-dark: #c0c0c0;
   --app-reg-show-skeleton-label: #94a3b8;

   --app-skeleton-shimmer-a: #f0f0f0;
   --app-skeleton-shimmer-b: #e0e0e0;
   --app-skeleton-shimmer-alt-a: #e8e8e8;
   --app-skeleton-shimmer-alt-b: #f0f0f0;
   --app-table-skeleton-bg: #ffffff;
   --app-table-skeleton-thead-bg: linear-gradient(to bottom, #f8f9fa 0%, #f0f2f5 100%);
   --app-table-skeleton-thead-shimmer-a: #f0f0f0;
   --app-table-skeleton-thead-shimmer-b: #e0e0e0;
   --app-table-skeleton-thead-border: #e1e8ed;
   --app-table-skeleton-row-border: #f0f2f5;
   --app-reg-show-pdf-wrap-bg: #f8fafc;
   --app-reg-show-pdf-wrap-border: #e2e8f0;
   --app-reg-show-pdf-placeholder-bg: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
   --app-reg-show-pdf-placeholder-icon: #dc2626;
   --app-reg-show-pdf-placeholder-text: #475569;
   --app-reg-show-pdf-btn-bg: #ffffff;
   --app-reg-show-pdf-btn-border: #e2e8f0;
   --app-reg-show-pdf-btn-fg: #475569;
   --app-reg-show-pdf-btn-hover-bg: #f8fafc;
   --app-reg-show-pdf-btn-hover-border: #cbd5e1;
   --app-reg-show-pdf-btn-hover-fg: #1e293b;
   --app-reg-show-pdf-btn-icon: #64748b;
   --app-reg-show-pdf-btn-active-bg: #f1f5f9;
   --app-reg-show-audio-bg: #f8fafc;
   --app-reg-show-audio-border: #e2e8f0;
   --app-reg-show-table-travel-bg: #ffffff;
   --app-reg-show-table-travel-border: #e1e8ed;
   --app-reg-show-table-travel-th-bg: #f7fafc;
   --app-reg-show-table-travel-th-fg: #4a5568;
   --app-reg-show-inline-hint: #737373;
   --app-reg-show-invalid-label: #e74c3c;
   --app-reg-show-file-input-focus-border: #94a3b8;

   --app-side-index-surface: rgba(255, 255, 255, 0.2);
   --app-side-index-border: rgba(255, 255, 255, 0.3);
   --app-side-index-surface-hover: rgba(255, 255, 255, 0.98);
   --app-side-index-border-hover: rgba(148, 193, 31, 0.2);
   --app-side-index-inset: rgba(255, 255, 255, 0.5);
   --app-side-index-inset-hover: rgba(255, 255, 255, 0.8);
   --app-side-index-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
   --app-side-index-shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(148, 193, 31, 0.1);

   --app-modal-backdrop-bg: #1a202c;
   --app-modal-backdrop-opacity: 0.45;
   --app-modal-content-bg: #ffffff;
   --app-modal-content-border: #e2e8f0;
   --app-modal-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06);
   --app-modal-header-bg: #ffffff;
   --app-modal-header-border: #e2e8f0;
   --app-modal-accent-bar: #94c11f;
   --app-modal-title-color: #1a202c;
   --app-modal-title-icon-color: #94c11f;
   --app-modal-close-color: #64748b;
   --app-modal-close-hover-color: #1a202c;
   --app-modal-body-bg: #ffffff;
   --app-modal-body-color: #4a5568;
   --app-modal-footer-bg: #f8fafc;
   --app-modal-footer-border: #e2e8f0;
   --app-modal-section-border: #e2e8f0;
   --app-modal-tabs-border: #e2e8f0;
   --app-modal-tab-color: #64748b;
   --app-modal-tab-hover-surface: transparent;
   --app-modal-tab-hover-color: #1a202c;
   --app-modal-tab-active-color: #94c11f;
   --app-modal-addon-bg: #f8fafc;
   --app-modal-addon-border: #e2e8f0;
   --app-modal-addon-color: #64748b;
   --app-modal-label-color: #334155;
   --app-modal-help-color: #64748b;
   --app-modal-card-shadow: 0 20px 50px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06);
   --app-modal-callout-bg: #ffffff;
   --app-modal-callout-danger-bg: #fff5f5;
   --app-modal-callout-danger-border: #e74c3c;
   --app-modal-callout-danger-color: #c53030;

   --app-ig-checkbox-addon-bg: #f1f5f9;
   --app-ig-checkbox-addon-border: #cbd5e0;
   --app-ig-checkbox-addon-icon: #475569;
   --app-ig-checkbox-surface: #ffffff;
   --app-ig-checkbox-border: #cbd5e0;
   --app-ig-checkbox-border-hover: #94a3b8;
   --app-ig-checkbox-focus-ring: rgba(148, 193, 31, 0.3);
   --app-ig-checkbox-checked-bg: #eef5e0;
   --app-ig-checkbox-checked-border: #94c11f;
   --app-ig-checkbox-accent: #94c11f;
}

body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   color: var(--app-color-text);
   line-height: 1.65;
   background: var(--app-color-bg-page);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.panel-container {
   background: transparent;
   padding: 2rem 20px 0 20px;
   margin: 0 auto;
}

.panel {
   border: 1px solid #d1d9e0;
   border-radius: 10px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
   margin-bottom: 30px;
   overflow: visible;
   background: #ffffff;
   position: relative;
}

.panel-body {
   overflow: hidden;
   background: #ffffff;
   border-radius: 0 0 10px 10px;
}

.panel-body--datepicker-visible {
   overflow: visible !important;
}

.panel-info {
   border-top: 3px solid #94C11F;
}

.panel-danger {
   border-top: 3px solid #e74c3c;
}

.panel-warning {
   border-top: 3px solid #f39c12;
}

.panel-success {
   border-top: 3px solid #27ae60;
}

.panel-info .panel-heading {
   border-top: 3px solid #94C11F;
   margin-top: -1px;
   margin-left: -1px;
   margin-right: -1px;
   border-left: none;
   padding-left: 24px;
}

.available-filter-panel-heading {
   display: flex;
   flex-direction: column;
   align-items: stretch;
   text-align: left;
}

.panel.panel-info > .panel-heading.available-filter-panel-heading {
   display: flex;
   flex-direction: column;
   align-items: stretch;
   gap: 0;
   text-align: left;
   margin-left: 0;
   margin-right: 0;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
   padding-bottom: 18px;
}

.panel.panel-info > .panel-heading.available-filter-panel-heading > form {
   display: flex;
   flex-direction: column;
   align-items: stretch;
   width: 100%;
   margin: 0;
   max-width: none;
}

.panel.panel-info > .panel-heading.available-filter-panel-heading .available-filter-panel-heading__row--title {
   width: 100%;
   max-width: none;
   min-width: 0;
   margin-left: 0;
   margin-right: 0;
   margin-top: 0;
   padding-left: 24px;
   padding-right: 24px;
   padding-top: 18px;
   align-self: stretch;
}

.available-filter-panel-heading__row--title {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 12px;
   width: 100%;
   max-width: none;
   min-width: 0;
   text-align: left;
   margin-bottom: 1rem;
   padding-bottom: 14px;
   box-sizing: border-box;
   color: #353535;
   background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);
   border: 1px solid #d0f1bc;
   font-size: 15px;
   font-weight: 600;
   line-height: 1.35;
   letter-spacing: -0.2px;
}

.available-filter-panel-heading__row--title strong {
   font-weight: 600;
   color: inherit;
}

.available-filter-panel-heading__title-actions {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 8px;
}

.available-filter-panel-heading__row--fields {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   margin-bottom: 1rem;
   width: 100%;
   max-width: none;
   box-sizing: border-box;
   padding-left: 24px;
   padding-right: 24px;
   text-align: left;
}

.available-filter-panel-heading__row--footer {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   width: 100%;
   max-width: none;
   box-sizing: border-box;
   padding-left: 24px;
   padding-right: 24px;
}

.report-interactions-filter-bar {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
   gap: 12px 16px;
   margin-bottom: 0;
}

.panel-container .report-interactions-filter-bar > .form-group {
   flex: 1 1 200px;
   min-width: 170px;
   max-width: 320px;
   margin-bottom: 0 !important;
}

.panel-container .report-interactions-filter-bar > .form-group:nth-child(1),
.panel-container .report-interactions-filter-bar > .form-group:nth-child(2) {
   flex: 1 1 240px;
   min-width: 220px;
   max-width: 300px;
}

.report-interactions-filter-bar__label-spacer {
   display: block;
   margin-bottom: 5px;
   min-height: 20px;
   line-height: 1.42857143;
   visibility: hidden;
   user-select: none;
   overflow: hidden;
}

.panel-container .report-interactions-filter-bar > .form-group.report-interactions-filter-bar__break-by-service {
   flex: 1 1 280px;
   min-width: 220px;
   max-width: 380px;
}

.page-container .report-interactions-filter-bar > .form-group {
   flex: 1 1 200px;
   min-width: 170px;
   max-width: 320px;
   margin-bottom: 0 !important;
}

.page-container .report-interactions-filter-bar > .form-group:nth-child(1),
.page-container .report-interactions-filter-bar > .form-group:nth-child(2) {
   flex: 1 1 240px;
   min-width: 220px;
   max-width: 300px;
}

.page-container .report-interactions-filter-bar > .form-group.report-interactions-filter-bar__break-by-service {
   flex: 1 1 280px;
   min-width: 220px;
   max-width: 380px;
}

.panel-danger .panel-heading {
   border-top: 3px solid #e74c3c;
   margin-top: -1px;
   margin-left: -1px;
   margin-right: -1px;
   border-left: none;
   padding-left: 24px;
}

.panel-warning .panel-heading {
   border-top: 3px solid #f39c12;
   margin-top: -1px;
   margin-left: -1px;
   margin-right: -1px;
   border-left: none;
   padding-left: 24px;
}

.panel-success .panel-heading {
   border-top: 3px solid #27ae60;
   margin-top: -1px;
   margin-left: -1px;
   margin-right: -1px;
   border-left: none;
   padding-left: 24px;
}

.panel-heading {
   background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);
   border-bottom: 1px solid #94C11F;
   padding: 18px 24px;
   font-weight: 600;
   color: #1a202c;
   font-size: 15px;
   position: relative;
   overflow: visible;
   z-index: 1;
   letter-spacing: -0.2px;
   text-transform: none;
   border-radius: 10px 10px 0 0;
}

.panel-heading strong {
   font-size: 18px;
   color: #1a202c;
   font-weight: 600;
   letter-spacing: -0.2px;
}

.panel-heading-closed {
   border-radius: 10px !important;
   border-bottom: none !important;
}

.panel > .panel-heading:last-child {
   border-radius: 10px;
   border-bottom: none;
}

.panel-body.table-panel-body {
   padding: 0;
   border-radius: 0;
   overflow: visible !important;
}

.panel-body.table-panel-body .table {
   border-radius: 0;
   border-left: none;
   border-right: none;
   margin: 0;
   overflow: visible !important;
}

.panel-body.table-panel-body .table-responsive {
   margin: 0;
   border-radius: 0 0 10px 10px;
   overflow: visible !important;
}

.panel-body.table-panel-body > div,
.panel-body.table-panel-body > div[class*="col-"] {
   margin: 0 !important;
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.panel-shadow {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.registration-card {
   background: #fff;
   border: 1px solid #e0e0e0;
   border-radius: 4px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   overflow: hidden;
}

.registration-card__header {
   padding: 12px 15px;
   background: #f8f9fa;
   border-bottom: 1px solid #e0e0e0;
}

.registration-card__body {
   padding: 15px;
}

.registration-card__footer {
   padding: 10px 15px;
   border-top: 1px solid #e0e0e0;
   background: #fafafa;
   font-size: 12px;
}

.registration-card--skeleton .registration-card__header,
.registration-card--skeleton .registration-card__body,
.registration-card--skeleton .registration-card__footer {
   pointer-events: none;
}

.skeleton-line {
   height: 14px;
   background: linear-gradient(
      90deg,
      var(--app-skeleton-shimmer-alt-a) 25%,
      var(--app-skeleton-shimmer-alt-b) 50%,
      var(--app-skeleton-shimmer-alt-a) 75%
   );
   background-size: 200% 100%;
   border-radius: 4px;
   animation: skeleton-shimmer 1.4s ease-in-out infinite;
}

.skeleton-line--title {
   height: 18px;
   width: 75%;
}

.skeleton-line--sm {
   height: 12px;
   width: 50%;
}

.skeleton-line--short {
   width: 85%;
   margin-top: 8px;
}

.skeleton-line--xs {
   height: 10px;
   width: 60%;
}

.skeleton-btn {
   width: 120px;
   height: 28px;
   border-radius: 4px;
   background: linear-gradient(
      90deg,
      var(--app-skeleton-shimmer-alt-a) 25%,
      var(--app-skeleton-shimmer-alt-b) 50%,
      var(--app-skeleton-shimmer-alt-a) 75%
   );
   background-size: 200% 100%;
   animation: skeleton-shimmer 1.4s ease-in-out infinite;
}

@keyframes skeleton-shimmer {
   0% { background-position: 200% 0; }
   100% { background-position: -200% 0; }
}

.section-title {
   font-weight: 600;
   font-size: 22px !important;
   color: var(--app-section-title-color);
   margin: 40px 0 24px 0;
   padding: 0;
   border: none;
   background: none;
   letter-spacing: -0.3px;
   position: relative;
}

.section-title::after {
   content: '';
   position: absolute;
   bottom: -8px;
   left: 0;
   width: 50px;
   height: 3px;
   background: linear-gradient(90deg, #94C11F 0%, #95c913 100%);
   border-radius: 2px;
}

.section-subtitle {
   font-weight: 500;
   font-size: 16px;
   color: var(--app-section-subtitle-color);
   padding: 0;
   margin: 0;
   border: none;
   background: none;
   line-height: 1.4;
   display: inline-block;
   vertical-align: middle;
}

.btn {
   border-radius: 6px;
   padding: 10px 18px;
   font-weight: 500;
   font-size: 14px;
   transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   border: 1px solid transparent;
   cursor: pointer;
   display: inline-block;
   text-align: center;
   vertical-align: middle;
   user-select: none;
}

.btn:hover {
   transform: translateY(-1px);
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}

.btn:active {
   transform: translateY(0);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-primary {
   background: #94C11F;
   color: #444444;
   border-color: #94C11F;
}

.btn-primary:hover {
   background: rgb(139, 175, 46);
   border-color: rgb(139, 175, 46);
   color: #444444;
}

.btn-green {
   background: #6C8E2C;
   color: #ffffff;
   border-color: #6C8E2C;
}

.btn-green:hover {
   background: #567024;
   border-color: #567024;
   color: #ffffff;
}

.btn-info {
   background: #5dade2;
   color: #ffffff;
   border-color: #5dade2;
}

.btn-info:hover {
   background: #3498db;
   border-color: #3498db;
   color: #ffffff;
}

.btn-success {
   background: #27ae60;
   color: #ffffff;
   border-color: #27ae60;
}

.btn-success:hover {
   background: #229954;
   border-color: #229954;
   color: #ffffff;
}

.btn-danger {
   background: #e74c3c;
   color: #ffffff;
   border-color: #e74c3c;
}

.btn-danger:hover {
   background: #c0392b;
   border-color: #c0392b;
   color: #ffffff;
}

.btn-warning {
   background: #f39c12;
   color: #ffffff;
   border-color: #f39c12;
}

.btn-warning:hover {
   background: #d68910;
   border-color: #d68910;
   color: #ffffff;
}

.btn-default {
   background: #ffffff;
   color: #4a5568;
   border: 1px solid #cbd5e0;
}

.btn-default:hover {
   background: #f7fafc;
   border-color: #a0aec0;
   color: #2d3748;
}

.btn-sm {
   padding: 7px 14px;
   font-size: 13px;
}

.btn-ticket-action {
   margin-right: 10px;
   margin-bottom: 5px;
   border: 1px solid #dee2e6;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.btn-opacity {
   opacity: 0.5;
}

.btn-transparent-border {
   border: 2px solid #212529;
}

.table .btn-sm {
   padding: 8px 14px;
   font-size: 12px;
   font-weight: 500;
   border-radius: 6px;
   border: none;
   transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   margin: 0;
}

.table .btn-info {
   background: linear-gradient(135deg, #94C11F 0%, #95c913 100%);
   color: #ffffff;
}

.table .btn-info:hover {
   background: linear-gradient(135deg, #357abd 0%, #2a5f8f 100%);
   box-shadow: 0 3px 8px rgba(74, 144, 226, 0.3);
   transform: translateY(-1px);
}

.table .btn-info:active,
.table .btn-info:focus {
   outline: none;
   background: linear-gradient(135deg, #357abd 0%, #2a5f8f 100%);
   box-shadow: 0 1px 3px rgba(74, 144, 226, 0.2);
   transform: none;
}

.table > tbody > tr > td .btn-sm {
   border: none !important;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   vertical-align: middle;
   display: inline-block;
}

.table-actions-dropdown {
   display: inline-block;
   position: relative;
}

.table-actions-trigger {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 36px;
   height: 36px;
   padding: 0;
   border-radius: 8px;
   border: 1px solid #cbd5e0;
   background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
   color: #4a5568;
   font-size: 14px;
   transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.table-actions-trigger:hover {
   background: linear-gradient(180deg, #eef2ff 0%, #e0e7ff 100%);
   border-color: #94C11F;
   color: #95c913;
   box-shadow: 0 2px 6px rgba(74, 144, 226, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.table-actions-trigger:focus {
   outline: none;
}

.table-actions-dropdown.open .table-actions-trigger {
   border-color: #93c5fd;
   background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
   color: #2563eb;
   box-shadow: 0 0 0 2px rgba(147, 197, 253, 0.4);
}

.table-actions-menu {
   min-width: 240px;
   padding: 0;
   border-radius: 12px;
   overflow: hidden;
   border: 1px solid #e2e8f0;
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 10px 24px -4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.02);
   margin-top: 8px;
   background: #fff;
}

.table-actions-menu .divider {
   margin: 8px 0;
   height: 1px;
   background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
   border: none;
}

.table-action-item {
   display: flex;
   align-items: center;
   gap: 14px;
   padding: 10px 14px;
   border-radius: 0;
   font-size: 13px;
   font-weight: 500;
   color: #334155;
   text-decoration: none;
   transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
   border-left: 3px solid transparent;
   margin-bottom: 2px;
}

.table-action-item:last-child {
   margin-bottom: 0;
}

.table-action-item i {
   width: 22px;
   text-align: center;
   font-size: 15px;
   flex-shrink: 0;
}

.table-action-item:hover {
   text-decoration: none;
}

.table-action-item--view:hover {
   color: #95c913;
   background: #eff6ff;
   border-left-color: #94C11F;
}

.table-action-item--view i {
   color: #94C11F;
}

.table-action-item--attend:hover {
   color: #15803d;
   background: #f0fdf4;
   border-left-color: #22c55e;
}

.table-action-item--attend i {
   color: #22c55e;
}

.table-action-item--cancel:hover {
   color: #b91c1c;
   background: #fef2f2;
   border-left-color: #ef4444;
}

.table-action-item--cancel i {
   color: #ef4444;
}

.table-action-item--correct:hover {
   color: #1d4ed8;
   background: #eff6ff;
   border-left-color: #3b82f6;
}

.table-action-item--correct i {
   color: #3b82f6;
}

.table-action-item--followup:hover {
   color: #c2410c;
   background: #fff7ed;
   border-left-color: #f97316;
}

.table-action-item--followup i {
   color: #f97316;
}

.table-actions-empty {
   color: #a0aec0;
   font-size: 14px;
}

.cell-datetime {
   white-space: normal;
   word-wrap: normal;
}

.cell-datetime-part {
   white-space: nowrap;
}

input[type="date"].form-control,
input[type="datetime-local"].form-control {
   line-height: 1.42857143;
   min-height: 34px;
}

.dropdown-menu.datetime-picker-dropdown {
   padding: 14px 16px !important;
   border-radius: 10px !important;
   border: 1px solid #e1e8ed !important;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.06) !important;
   margin-top: 4px !important;
   z-index: 1060 !important;
   position: absolute !important;
   left: auto !important;
   right: 0 !important;
   min-width: 280px;
   max-width: 320px;
   overflow: visible !important;
   white-space: normal !important;
   width: auto !important;
}

.dropdown-menu.datetime-picker-dropdown > li.datetime-picker-dropdown__body {
   padding: 10px 6px 8px !important;
   list-style: none;
}

.dropdown-menu.datetime-picker-dropdown > li.datetime-picker-dropdown__buttonbar {
   padding: 12px 6px 8px !important;
   margin-top: 6px !important;
   list-style: none;
}

.datetime-picker-dropdown .date-picker-menu .btn,
.datetime-picker-dropdown .time-picker-menu .btn {
   border-radius: 6px;
   font-weight: 500;
}

.datetime-picker-dropdown .btn-default:hover {
   background: #f7fafc;
   border-color: #cbd5e0;
}

.datetime-picker-dropdown__buttonbar .btn {
   padding: 8px 14px;
   font-size: 13px;
}

ul.dropdown-menu.uib-datepicker-popup,
ul.uib-datepicker-popup.dropdown-menu {
   padding: 14px 16px !important;
   border-radius: 10px !important;
   border: 1px solid #e1e8ed !important;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.06) !important;
   margin-top: 4px !important;
   z-index: 1060 !important;
   min-width: 260px;
   overflow: visible !important;
   white-space: normal !important;
   width: auto !important;
}

ul.dropdown-menu.uib-datepicker-popup > li,
ul.uib-datepicker-popup.dropdown-menu > li {
   padding: 6px 4px !important;
   white-space: normal !important;
}

ul.dropdown-menu.uib-datepicker-popup table,
ul.uib-datepicker-popup.dropdown-menu table {
   margin: 6px 0 4px;
}

ul.dropdown-menu.uib-datepicker-popup th,
ul.dropdown-menu.uib-datepicker-popup td,
ul.uib-datepicker-popup.dropdown-menu th,
ul.uib-datepicker-popup.dropdown-menu td {
   padding: 4px 3px;
}

.ui-datepicker {
   padding: 12px 14px !important;
}

.ui-datepicker .ui-datepicker-buttonpane {
   padding: 10px 0 4px !important;
   margin-top: 8px !important;
}

dl {
   margin-bottom: 24px;
   padding: 0;
   background: transparent;
   border-radius: 0;
   border: none;
}

dt {
   font-weight: 600;
   color: var(--app-color-dt);
   margin-bottom: 6px;
   font-size: 13px;
   text-transform: none;
   letter-spacing: 0.2px;
}

dd {
   margin-left: 0;
   margin-bottom: 20px;
   color: var(--app-color-dd);
   font-size: 15px;
   padding: 0;
   border: none;
   font-weight: 500;
}

dd:last-child {
   margin-bottom: 0;
}

.table {
   border-radius: 0;
   overflow: hidden;
   border: none;
   background: #ffffff;
   margin-bottom: 0;
   overflow: visible !important;
}

.table > thead > tr > th {
   background: linear-gradient(to bottom, #f8f9fa 0%, #f0f2f5 100%);
   color: #2d3748;
   font-weight: 600;
   padding: 16px 20px;
   border-bottom: 2px solid #e1e8ed;
   border-top: none !important;
   border-left: none !important;
   border-right: none !important;
   text-transform: none;
   font-size: 13px;
   letter-spacing: 0.1px;
   text-align: center;
}

.table > tbody > tr > td {
   padding: 16px 20px;
   border-top: none !important;
   border-bottom: 1px solid #f0f2f5 !important;
   border-left: none !important;
   border-right: none !important;
   vertical-align: middle;
   color: #2d3748;
   background: #ffffff;
   font-size: 14px;
   overflow: visible !important;
   font-weight: 500;
}

.table > tbody > tr:hover {
   background-color: #f7fafc;
   transition: background-color 0.2s ease;
}

.table > tbody > tr:last-child > td {
   border-bottom: none;
}

.table-striped > tbody > tr:nth-of-type(odd) {
   background-color: #ffffff !important;
}

.table-striped > tbody > tr:nth-of-type(even) {
   background-color: #f5f7fa !important;
}

.table-striped > tbody > tr:nth-of-type(even):hover {
   background-color: #eef2f6 !important;
}

.table-striped > tbody > tr:nth-of-type(odd):hover {
   background-color: #f8f9fa !important;
}

.table-striped > tbody > tr:nth-of-type(even) > td {
   background-color: #f5f7fa !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > td {
   background-color: #ffffff !important;
}

.table-responsive {
   overflow-x: auto;
   overflow-y: visible !important;
}

.table-condensed > thead > tr > th {
   padding: 14px 16px;
}

.table-condensed > tbody > tr > td {
   padding: 14px 16px;
}

.table-bordered {
   border: none;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td {
   border: none;
   border-bottom: 1px solid #f0f2f5;
}

.table-bordered > thead > tr > th {
   border-bottom: 2px solid #e1e8ed;
}

.table-actions-cell {
   vertical-align: middle !important;
   text-align: center;
   padding: 12px 10px !important;
   border-bottom: 1px solid #f0f2f5 !important;
}

.table-actions-cell .table-actions-dropdown,
.table-actions-cell .table-actions-empty {
   display: inline-block;
   vertical-align: middle;
}

.pagination {
   margin: 20px 0 10px 0;
   display: flex;
   align-items: center;
   gap: 4px;
   border-radius: 8px;
   padding: 0;
   list-style: none;
}

.pagination > li {
   display: inline-block;
}

.pagination > li > a,
.pagination > li > span {
   position: relative;
   float: left;
   padding: 8px 12px;
   margin: 0;
   line-height: 1.5;
   color: #94C11F;
   text-decoration: none;
   background-color: #ffffff;
   border: 1px solid #e1e8ed;
   border-radius: 6px;
   font-size: 14px;
   font-weight: 500;
   transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   min-width: 38px;
   text-align: center;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
   z-index: 2;
   color: #357abd;
   background-color: #f7fafc;
   border-color: #cbd5e0;
   transform: translateY(-1px);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
   z-index: 3;
   color: #ffffff;
   background: linear-gradient(135deg, #94C11F 0%, #95c913 100%);
   border-color: #94C11F;
   cursor: default;
   box-shadow: 0 2px 6px rgba(74, 144, 226, 0.3);
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
   color: #a0aec0;
   background-color: #f7fafc;
   border-color: #e1e8ed;
   cursor: not-allowed;
   opacity: 0.6;
}

.table-panel-body .pagination {
   padding: 20px 24px;
   margin: 0;
   justify-content: center;
}

.ng-table-pager {
   margin-top: 15px;
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   align-items: center;
   padding-left: 0;
   padding-right: 0;
}
.ng-table-pager .ng-table-counts {
   float: none;
   margin-right: 0;
}
.ng-table-pager .ng-table-pagination,
.ng-table-pager .pagination {
   margin-left: 0;
   margin-right: 0;
}

.form-control {
   border-radius: 6px;
   border: 1px solid #cbd5e0;
   padding: 10px 14px;
   height: 42px;
   transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   font-size: 14px;
   color: #2d3748;
   background: #ffffff;
}

.form-control:focus {
   border-color: #27ae60;
   box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.2);
   outline: none;
}

.form-control::placeholder {
   color: #a0aec0;
}

textarea.form-control {
   margin-top: 10px;
   height: auto;
   min-height: 100px;
   resize: vertical;
}

.form-group {
   margin-bottom: 24px;
}

.has-error .form-control {
   border-color: #e74c3c;
   box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
}

.has-success .form-control {
   border-color: #27ae60;
   box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.1);
}

.form-control.input-sm,
input.form-control,
select.form-control {
   height: 42px;
}

select,
select.form-control {
   border-radius: 6px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 14px center;
   padding-right: 36px;
}

select[multiple],
select.form-control[multiple] {
   background-image: none;
   padding-right: 14px;
}

.ui-select-container.ui-select-bootstrap {
   width: 100%;
   max-width: 100%;
}

.ui-select-container.ui-select-bootstrap .ui-select-match.btn-default-focus {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
   outline: none !important;
   color: inherit;
}

.ui-select-container.ui-select-bootstrap > .ui-select-match > .btn.ui-select-toggle {
   width: 100%;
   text-align: left;
   height: 42px;
   padding: 10px 36px 10px 14px;
   font-size: 14px;
   line-height: 1.45;
   color: #2d3748;
   font-weight: 400;
   background: #ffffff;
   background-color: #ffffff;
   background-image: none;
   border: 1px solid #cbd5e0;
   border-radius: 6px;
   box-shadow: none;
   -webkit-box-shadow: none;
   transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
      box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.ui-select-container.ui-select-bootstrap > .ui-select-match > .btn.ui-select-toggle:hover {
   background: #ffffff;
   background-color: #ffffff;
   border-color: #cbd5e0;
   box-shadow: none;
}

.ui-select-container.ui-select-bootstrap .ui-select-placeholder.text-muted {
   color: #a0aec0;
}

#saRegisterIntegrationStep .ui-select-match .ui-select-placeholder.text-muted {
   color: #2d3748 !important;
}

.ui-select-container.ui-select-bootstrap > .ui-select-match > .btn.ui-select-toggle:focus {
   border-color: #27ae60;
   box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.2);
   outline: none;
   background: #ffffff;
   background-color: #ffffff;
}

.ui-select-container.ui-select-bootstrap.open > .ui-select-match > .btn.ui-select-toggle,
.ui-select-container.ui-select-bootstrap.open > .dropdown-toggle.btn-default {
   color: #2d3748;
   background: #ffffff;
   background-color: #ffffff;
   background-image: none;
   border-color: #27ae60;
   box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.2);
}

.ui-select-container.ui-select-bootstrap .ui-select-toggle > .caret {
   right: 14px;
   border-top-color: #4a5568;
   border-bottom-color: #4a5568;
}

.ui-select-container.ui-select-bootstrap > input.ui-select-search.form-control {
   height: 42px;
   padding: 10px 14px;
   font-size: 14px;
   border-radius: 6px;
   border: 1px solid #cbd5e0;
   box-shadow: none;
}

.ui-select-container.ui-select-bootstrap.open > input.ui-select-search.form-control {
   border-color: #27ae60;
   box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.2);
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
}

.ui-select-container.ui-select-bootstrap > input.ui-select-search.form-control::placeholder {
   color: #a0aec0;
}

.ui-select-container.ui-select-bootstrap > input.ui-select-search.form-control:focus {
   border-color: #27ae60;
   box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.2);
   outline: none;
}

.ui-select-container.ui-select-bootstrap > .ui-select-choices {
   max-height: 320px !important;
   overflow-y: auto;
   overflow-x: hidden;
}

.ui-select-container.ui-select-bootstrap ul.ui-select-choices.dropdown-menu,
.ui-select-container.ui-select-bootstrap .ui-select-choices.ui-select-dropdown.dropdown-menu {
   width: 100% !important;
   min-width: 100% !important;
   max-width: none !important;
   max-height: 320px !important;
   overflow-y: auto;
   white-space: normal;
   box-sizing: border-box;
   border: 1px solid #cbd5e0;
   border-top: none;
   margin-top: 0;
   border-radius: 0 0 6px 6px;
   box-shadow: none;
}

.ui-select-container.ui-select-bootstrap .ui-select-choices-row > span {
   white-space: normal;
   word-wrap: break-word;
   overflow-wrap: break-word;
}

.input-group select.form-control,
.input-group select.form-control:first-child:last-child {
   border-radius: 6px !important;
}

.modal .form-group {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.modal form.form-horizontal .form-group {
   display: block;
}

.modal .form-group > label {
   display: block;
   width: 100%;
   margin-bottom: 6px;
}
.modal .form-group > .input-group {
   margin-bottom: 6px;
}
.modal .form-group > .help-block {
   display: block;
   width: 100%;
   margin-top: 0;
}

.modal .input-group:has(.input-group-addon + input[type="checkbox"]) {
   display: inline-flex;
   align-items: stretch;
   width: auto;
}
.modal .input-group .input-group-addon:has(+ input[type="checkbox"]) {
   margin: 0 !important;
   height: 40px !important;
   min-height: 40px !important;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 44px !important;
   min-width: 44px !important;
   padding: 0 !important;
   background: var(--app-ig-checkbox-addon-bg) !important;
   border: 1px solid var(--app-ig-checkbox-addon-border) !important;
   border-right: none !important;
   border-radius: 8px 0 0 8px !important;
   color: var(--app-ig-checkbox-addon-icon);
   font-size: 16px;
}
.modal .input-group .input-group-addon:has(+ input[type="checkbox"]) .glyphicon {
   margin: 0;
}
.modal .input-group input[type="checkbox"].form-control,
.modal .input-group input[type="checkbox"] {
   width: 44px !important;
   min-width: 44px !important;
   height: 40px !important;
   min-height: 40px !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 1px solid var(--app-ig-checkbox-border) !important;
   border-radius: 0 8px 8px 0 !important;
   background: var(--app-ig-checkbox-surface) !important;
   cursor: pointer;
   accent-color: var(--app-ig-checkbox-accent);
   flex-shrink: 0;
   transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.modal .input-group input[type="checkbox"]:hover,
.modal .input-group input[type="checkbox"].form-control:hover {
   border-color: var(--app-ig-checkbox-border-hover) !important;
}
.modal .input-group input[type="checkbox"]:focus,
.modal .input-group input[type="checkbox"].form-control:focus {
   outline: none !important;
   box-shadow: 0 0 0 2px var(--app-ig-checkbox-focus-ring) !important;
}
.modal .input-group input[type="checkbox"]:checked,
.modal .input-group input[type="checkbox"].form-control:checked {
   background: var(--app-ig-checkbox-checked-bg) !important;
   border-color: var(--app-ig-checkbox-checked-border) !important;
}

.input-group-checkbox-modal-style {
   display: inline-flex;
   align-items: stretch;
   width: auto;
}

.input-group-checkbox-modal-style .input-group-addon {
   margin: 0 !important;
   height: 40px !important;
   min-height: 40px !important;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 44px !important;
   min-width: 44px !important;
   padding: 0 !important;
   background: var(--app-ig-checkbox-addon-bg) !important;
   border: 1px solid var(--app-ig-checkbox-addon-border) !important;
   border-right: none !important;
   border-radius: 6px 0 0 6px !important;
   color: var(--app-ig-checkbox-addon-icon);
   font-size: 14px;
}

.input-group-checkbox-modal-style .input-group-addon .glyphicon {
   margin: 0;
}

.input-group-checkbox-modal-style input[type="checkbox"].form-control,
.input-group-checkbox-modal-style input[type="checkbox"] {
   width: 44px !important;
   min-width: 44px !important;
   height: 40px !important;
   min-height: 40px !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 1px solid var(--app-ig-checkbox-border) !important;
   border-radius: 0 6px 6px 0 !important;
   background: var(--app-ig-checkbox-surface) !important;
   cursor: pointer;
   accent-color: var(--app-ig-checkbox-accent);
   flex-shrink: 0;
   transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.input-group-checkbox-modal-style input[type="checkbox"]:hover,
.input-group-checkbox-modal-style input[type="checkbox"].form-control:hover {
   border-color: var(--app-ig-checkbox-border-hover) !important;
}

.input-group-checkbox-modal-style input[type="checkbox"]:focus,
.input-group-checkbox-modal-style input[type="checkbox"].form-control:focus {
   outline: none !important;
   box-shadow: 0 0 0 2px var(--app-ig-checkbox-focus-ring) !important;
}

.input-group-checkbox-modal-style input[type="checkbox"]:checked,
.input-group-checkbox-modal-style input[type="checkbox"].form-control:checked {
   background: var(--app-ig-checkbox-checked-bg) !important;
   border-color: var(--app-ig-checkbox-checked-border) !important;
}

input[type="checkbox"] {
   width: 20px;
   height: 20px;
   cursor: pointer;
}

.form-check-inline {
   display: inline-flex;
   align-items: center;
   gap: 8px;
}

.form-check-inline .form-check-input {
   vertical-align: middle;
}

.form-check-group {
   display: flex;
   align-items: center;
   gap: 20px;
   margin-top: 8px;
}

.form-check-input {
   width: 20px;
   height: 20px;
   min-width: 20px;
   min-height: 20px;
   margin: 0;
   cursor: pointer;
   border-radius: 4px;
   border: 2px solid #cbd5e0;
   accent-color: #94C11F;
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
   flex-shrink: 0;
}

.form-check-input:hover {
   border-color: #94C11F;
}

.form-check-input:focus {
   outline: none;
   box-shadow: 0 0 0 3px rgba(148, 193, 31, 0.2);
}

.form-check-input:checked {
   border-color: #94C11F;
}

.form-check-label {
   margin: 0;
   padding: 0;
   font-size: 14px;
   font-weight: 500;
   color: #2d3748;
   cursor: pointer;
   user-select: none;
   line-height: 20px;
   min-height: 20px;
   display: inline-flex;
   align-items: center;
}

.form-check-label:hover {
   color: #1a202c;
}

.select-box {
   width: 100%;
}

.dropdown {
   position: relative;
}

.dropdown.open .dropdown-menu,
.dropdown.open > .dropdown-menu {
   display: block;
}

.open > .dropdown-menu {
   display: block;
}

.dropdown-menu {
   border-radius: 8px;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
   border: 1px solid #e1e8ed;
   padding: 0 !important;
   margin-top: 8px;
   background-color: #ffffff !important;
   background: #ffffff !important;
   min-width: 260px;
   max-width: 420px;
   width: max-content;
   z-index: 1050;
   position: absolute;
   overflow: visible;
   opacity: 1;
   white-space: nowrap;
   box-sizing: border-box;
   top: 100%;
   display: none;
}

.dropdown-menu-right {
   right: 0;
   left: auto;
}

.dropdown-menu > li {
   padding: 0 !important;
   background-color: transparent;
   position: relative;
   list-style: none;
}

.dropdown-menu a {
   display: block;
   padding: 12px 24px;
   line-height: 1.45;
   color: #4a5568;
   text-decoration: none;
   cursor: pointer;
   transition: all 0.15s ease;
   font-size: 14px;
}

.dropdown-menu a:hover {
   background-color: #f7fafc;
   color: #2d3748;
   padding-left: 28px;
   padding-right: 24px;
}

.dropdown-menu a:not([href]):not([ng-href]) {
   text-decoration: none;
}

.app-main-header.navbar {
   background: #ffffff;
   border: none;
   border-bottom: 1px solid #e8ecf1;
   border-radius: 0;
   box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
   margin-bottom: 1.25rem;
   min-height: 52px;
   z-index: 1030;
   position: relative;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.app-main-header::after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 2px;
   background: #94c11f;
   pointer-events: none;
}

.app-main-header .app-header-toolbar {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   width: 100%;
   max-width: 100%;
   padding: 0 12px;
   min-height: 52px;
   box-sizing: border-box;
}

@media (min-width: 768px) {
   .app-main-header .app-header-toolbar {
      padding: 0 20px 0 16px;
      flex-wrap: nowrap;
      gap: 0;
   }
}

.app-main-header .navbar-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   float: none;
   margin: 0;
   flex: 0 0 auto;
   width: auto;
}

@media (max-width: 767px) {
   .app-main-header .navbar-header {
      width: 100%;
   }
}

@media (min-width: 768px) {
   .app-main-header #navbar-menu.navbar-collapse.collapse {
      display: flex !important;
      flex-wrap: wrap;
      align-items: center;
      height: auto !important;
      overflow: visible !important;
      flex: 1 1 auto;
      min-width: 0;
      border: none;
      box-shadow: none;
      padding: 0;
      margin: 0;
   }

   .app-main-header #navbar-menu > li {
      float: none;
   }
}

.app-main-header .app-header-user-nav {
   flex: 0 0 auto;
   margin: 0;
   float: none;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

@media (min-width: 768px) {
   .app-main-header .app-header-user-nav {
      margin-left: auto;
   }
}

.app-main-header .app-header-user-nav > li {
   float: none;
   display: flex;
   align-items: center;
}

.app-main-header .navbar-nav > li > a {
   color: #475569;
   font-weight: 500;
   font-size: 13.5px;
   letter-spacing: 0.02em;
   padding: 12px 14px;
   line-height: 1.35;
   transition: color 0.15s ease, background-color 0.15s ease;
   border-radius: 8px;
   margin: 4px 1px;
}

.app-main-header .navbar-nav > li > a:hover,
.app-main-header .navbar-nav > li > a:focus {
   color: #0f172a;
   background-color: #f1f5f9;
}

.app-main-header #navbar-menu > li > a:hover,
.app-main-header #navbar-menu > li > a:focus {
   background-color: transparent;
}

.app-main-header .navbar-nav > li.open > a,
.app-main-header .navbar-nav > li.open > a:hover,
.app-main-header .navbar-nav > li.open > a:focus {
   color: #0f172a;
   background-color: #f1f5f9;
}

.app-main-header #navbar-menu > li.open > a,
.app-main-header #navbar-menu > li.open > a:hover,
.app-main-header #navbar-menu > li.open > a:focus {
   background-color: transparent;
}

.app-main-header .navbar-nav > li > a .caret {
   margin-left: 6px;
   border-top-color: #94a3b8;
   border-bottom-color: #94a3b8;
   opacity: 0.9;
}

.app-main-header .navbar-nav > li.open > a .caret {
   border-top-color: #64748b;
}

.app-main-header .navbar-nav > li > a .glyphicon-home {
   font-size: 15px;
   opacity: 0.88;
   vertical-align: -2px;
   color: #64748b;
}

.app-main-header .navbar-nav > li > a:hover .glyphicon-home,
.app-main-header .navbar-nav > li.open > a .glyphicon-home {
   color: #94c11f;
}

.app-main-header .navbar-toggle {
   border: 1px solid #e2e8f0;
   border-radius: 8px;
   padding: 8px 10px;
   margin: 10px 0;
   background-color: #f8fafc;
   transition: background-color 0.15s ease, border-color 0.15s ease;
}

.app-main-header .navbar-toggle:hover,
.app-main-header .navbar-toggle:focus {
   background-color: #f1f5f9;
   border-color: #cbd5e1;
}

.app-main-header .navbar-toggle .icon-bar {
   background-color: #64748b;
   width: 20px;
   height: 2px;
   border-radius: 1px;
}

.app-main-header .user-initials-circle {
   border-radius: 50%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: #3f6212;
   font-size: 12px;
   font-weight: 600;
   letter-spacing: 0.02em;
   padding: 0;
   cursor: pointer;
   width: 36px;
   height: 36px;
   margin: 8px 0;
   text-decoration: none;
   background: #f0f7e4;
   border: 1px solid #d4e8a8;
   box-shadow: none;
   transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.app-main-header .user-initials-circle:hover,
.app-main-header .user-initials-circle:focus {
   text-decoration: none;
   color: #365314;
   background: #e8f2d4;
   border-color: #94c11f;
   transform: none;
   box-shadow: 0 0 0 2px rgba(148, 193, 31, 0.15);
}

.app-main-header .app-header-user-nav .user-initials-circle {
   margin: 6px 0 6px 8px;
}

.app-main-header .app-header-user-sm {
   list-style: none;
   margin: 0 0 0 12px;
   display: inline-block;
   vertical-align: middle;
}

.app-main-header .app-header-user-sm .user-initials-circle {
   margin: 8px 0;
   width: 34px;
   height: 34px;
   font-size: 11px;
}

.app-main-header .dropdown-menu {
   border-radius: 10px;
   border: 1px solid #e8ecf1;
   box-shadow: 0 12px 40px -12px rgba(15, 23, 42, 0.14), 0 4px 12px rgba(15, 23, 42, 0.06);
   padding: 6px 0 !important;
   margin-top: 6px;
   min-width: 220px;
   max-width: min(400px, 92vw);
   width: max-content;
   background: #ffffff !important;
   background-color: #ffffff !important;
}

.app-main-header .dropdown-menu > li {
   padding: 0 8px !important;
}

.app-main-header .dropdown-menu > li > a {
   padding: 10px 14px !important;
   font-size: 13.5px;
   font-weight: 500;
   color: #475569;
   border-radius: 8px;
   line-height: 1.45;
   white-space: normal;
   max-width: 380px;
}

.app-main-header .dropdown-menu > li > a:hover,
.app-main-header .dropdown-menu > li > a:focus {
   background-color: #f8fafc !important;
   color: #0f172a !important;
   padding-left: 14px !important;
   padding-right: 14px !important;
}

.app-main-header .navbar-right .dropdown-menu,
.app-main-header .dropdown-menu.dropdown-menu-right {
   right: 0;
   left: auto;
}

.app-main-header .app-header-user-nav .dropdown-menu,
.app-main-header .app-header-user-sm .dropdown-menu {
   right: 0 !important;
   left: auto !important;
}

.app-main-header .dropdown-submenu > .dropdown-menu {
   background: #ffffff !important;
   margin-top: -6px;
   border-radius: 10px;
}

.app-main-header .navbar-nav > li.dropdown {
   position: relative;
}

.app-main-header .navbar-nav > li.dropdown > .dropdown-menu {
   left: 0;
}

@media (max-width: 767px) {
   .app-main-header .navbar-right {
      display: none !important;
   }

   .app-main-header #navbar-menu {
      width: 100%;
      margin-top: 4px;
      padding-top: 8px;
      border-top: 1px solid #f1f5f9;
   }

   .app-main-header .navbar-nav {
      margin: 6px 0 !important;
   }

   .app-main-header .navbar-nav > li > a {
      padding: 12px 14px;
      margin: 2px 0;
   }

   .app-main-header .navbar-nav > li.dropdown > .dropdown-menu {
      left: 8px !important;
      right: 8px;
      width: auto;
      min-width: 200px;
      max-width: calc(100vw - 24px);
   }
}

@media (min-width: 768px) {
   .app-main-header .navbar-right-sm {
      display: none !important;
   }
}

.modal-backdrop,
.modal-backdrop.fade.in,
.modal-backdrop.in,
.modal-backdrop.show {
   background-color: var(--app-modal-backdrop-bg) !important;
   opacity: var(--app-modal-backdrop-opacity) !important;
}
.modal-backdrop.fade {
   opacity: 0 !important;
}
.modal-backdrop.fade.in,
.modal-backdrop.fade.show {
   opacity: var(--app-modal-backdrop-opacity) !important;
}

.modal-dialog {
   margin: 24px auto;
}

.modal-content {
   border: 1px solid var(--app-modal-content-border);
   border-radius: 12px;
   box-shadow: var(--app-modal-shadow);
   background: var(--app-modal-content-bg);
   overflow: hidden;
}

.modal-header {
   background: var(--app-modal-header-bg);
   border-bottom: 1px solid var(--app-modal-header-border);
   padding: 20px 48px 20px 24px;
   min-height: 56px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   position: relative;
}

.modal-header::before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 3px;
   background: var(--app-modal-accent-bar);
   border-radius: 3px 0 0 0;
}

.modal-header .modal-title,
.modal-header h1.modal-title,
.modal-header h2.modal-title,
.modal-header h3.modal-title,
.modal-header h4.modal-title,
.modal-header h5.modal-title {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   margin: 0;
   font-size: 18px;
   font-weight: 600;
   color: var(--app-modal-title-color);
   letter-spacing: -0.2px;
   line-height: 1.35;
   padding: 0 8px;
   text-align: center;
   max-width: calc(100% - 96px);
}

.modal-header .modal-title .glyphicon,
.modal-header .modal-title span.glyphicon {
   color: var(--app-modal-title-icon-color);
   margin-right: 8px;
   font-size: 16px;
   opacity: 0.95;
}

.modal-header .close {
   position: relative;
   z-index: 1;
   margin: 0;
   padding: 6px 0 6px 12px;
   opacity: 0.6;
   color: var(--app-modal-close-color) !important;
   font-size: 24px;
   line-height: 1;
   text-shadow: none;
   transition: opacity 0.2s ease, color 0.2s ease;
   border: none;
   background: transparent;
}

.modal-header .close:hover {
   opacity: 1;
   color: var(--app-modal-close-hover-color) !important;
}

.modal-body {
   padding: 28px 24px;
   max-height: 80vh;
   overflow-y: auto;
   color: var(--app-modal-body-color);
   font-size: 14px;
   line-height: 1.55;
   background: var(--app-modal-body-bg);
}

.modal-footer {
   padding: 18px 24px;
   border-top: 1px solid var(--app-modal-footer-border);
   background: var(--app-modal-footer-bg);
   text-align: right;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 12px;
   flex-wrap: wrap;
}

.modal-footer .btn + .btn {
   margin-left: 0;
}

.modal-footer .btn-default {
   order: 1;
}

.modal-footer .btn-primary,
.modal-footer .btn-danger,
.modal-footer .btn-success {
   order: 2;
}

.modal-section {
   margin-bottom: 28px;
   border-bottom: 1px solid var(--app-modal-section-border);
   padding-bottom: 24px;
}

.modal-section:last-child {
   border-bottom: none;
   margin-bottom: 0;
   padding-bottom: 0;
}

.modal .nav-tabs {
   display: flex;
   flex-wrap: wrap;
   gap: 8px 6px;
   border-bottom: 1px solid var(--app-modal-tabs-border);
   margin: 0 0 24px 0;
   padding: 0;
   list-style: none;
}

.modal .nav-tabs::after,
.modal .nav-tabs::before {
   display: none;
}

.modal .nav-tabs > li {
   float: none;
   margin-bottom: 0;
}

.modal .nav-tabs > li > a {
   display: block;
   padding: 10px 16px;
   border: none;
   border-bottom: 2px solid transparent;
   margin-bottom: -1px;
   color: var(--app-modal-tab-color);
   font-weight: 500;
   font-size: 14px;
   line-height: 1.4;
   text-decoration: none;
   border-radius: 6px 6px 0 0;
   white-space: nowrap;
   transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.modal .nav-tabs > li > a:hover {
   color: var(--app-modal-tab-hover-color);
   background-color: var(--app-modal-tab-hover-surface);
}

.modal .nav-tabs > li > a:focus {
   outline: none;
   color: var(--app-modal-tab-hover-color);
   background-color: var(--app-modal-tab-hover-surface);
}

.modal .nav-tabs > li.active > a,
.modal .nav-tabs > li.active > a:hover,
.modal .nav-tabs > li.active > a:focus {
   color: var(--app-modal-tab-active-color);
   border-bottom-color: var(--app-modal-tab-active-color);
   background-color: transparent;
   font-weight: 600;
}

.modal .tab-content {
   padding: 0;
}

.modal .tab-content > .tab-pane {
   padding: 0;
}

.modal .input-group-addon {
   background: var(--app-modal-addon-bg) !important;
   border: 1px solid var(--app-modal-addon-border) !important;
   border-right: none !important;
   color: var(--app-modal-addon-color) !important;
   padding: 0 12px !important;
   min-width: 42px;
   border-radius: 6px 0 0 6px !important;
}

.modal .input-group-addon + .form-control,
.modal .input-group-addon + select.form-control {
   border-radius: 0 6px 6px 0 !important;
}

.modal .input-group:has(.input-group-addon + textarea.form-control) {
   display: flex;
   align-items: stretch;
   width: 100%;
}

.modal .input-group:has(.input-group-addon + textarea.form-control) .input-group-addon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: auto;
   min-width: 42px;
   border-radius: 6px 0 0 6px !important;
}

.modal .input-group:has(.input-group-addon + textarea.form-control) textarea.form-control {
   margin-top: 0;
   flex: 1;
   min-width: 0;
   min-height: 100px;
   border-radius: 0 6px 6px 0 !important;
}

.modal .input-group-addon .glyphicon {
   font-size: 14px;
}

.modal .help-block {
   font-size: 12px;
   color: var(--app-modal-help-color);
   margin-top: 4px;
   margin-bottom: 0;
}

.modal .form-group > label {
   font-weight: 500;
   color: var(--app-modal-label-color);
   font-size: 14px;
}

.modal .bs-callout {
   background: var(--app-modal-callout-bg);
   border-color: var(--app-modal-content-border);
   color: var(--app-modal-body-color);
}

.modal .bs-callout-danger {
   margin-top: 0;
   margin-bottom: 20px;
   background-color: var(--app-modal-callout-danger-bg) !important;
   border-color: var(--app-modal-callout-danger-border) !important;
   color: var(--app-modal-callout-danger-color) !important;
}

.modal-card .custom-modal-dialog {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 100vh;
   margin: 0;
}

.modal-card .custom-modal {
   border-radius: 12px;
   padding: 0;
   max-width: 400px;
   margin: auto;
   box-shadow: var(--app-modal-card-shadow);
   border: 1px solid var(--app-modal-content-border);
   background-color: var(--app-modal-content-bg);
   overflow: hidden;
}

.modal-card .modal-header {
   background: var(--app-modal-header-bg);
   border-bottom: 1px solid var(--app-modal-header-border);
   padding: 20px 24px;
}

.modal-card .modal-header::before {
   display: none;
}

.modal-card .modal-title {
   text-align: center;
   font-size: 18px;
   font-weight: 600;
   margin: 0;
   color: var(--app-modal-title-color);
}

.modal-card .modal-body {
   font-size: 15px;
   line-height: 1.6;
   color: var(--app-modal-body-color);
   background: var(--app-modal-body-bg);
}

.modal-card .modal-body p {
   margin-bottom: 16px;
   text-align: center;
}

.modal-card .modal-footer {
   text-align: center;
   border-top: 1px solid var(--app-modal-footer-border);
   padding: 18px 24px;
   background: var(--app-modal-footer-bg);
}

.modal-card .modal-footer button {
   padding: 10px 18px;
   border-radius: 6px;
   font-weight: 500;
   font-size: 14px;
}

.modal-text {
   font-size: 15px;
   font-weight: 500;
}

.bs-callout {
   padding: 20px 24px;
   margin: 24px 0;
   border-radius: 8px;
   border-left: 4px solid;
   background: #ffffff;
   border: 1px solid;
   border-left-width: 4px;
}

.bs-callout-danger {
   background-color: #fff5f5;
   border-color: #e74c3c;
   color: #c53030;
}

.bs-callout h4 {
   margin-top: 0;
   font-weight: 600;
   margin-bottom: 8px;
   font-size: 16px;
}

.bs-callout p {
   margin-bottom: 0;
   font-size: 14px;
   line-height: 1.6;
}

.shadow {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.text-success {
   color: #27ae60;
   font-weight: 500;
}

.text-danger {
   color: #e74c3c;
   font-weight: 500;
}

.text-info {
   color: #4a90e2;
   font-weight: 500;
}

.text-warning {
   color: #f39c12;
   font-weight: 500;
}

a {
   color: #94C11F;
   text-decoration: none;
   transition: color 0.2s ease;
   font-weight: 500;
   cursor: pointer;
}

a:hover {
   color: #357abd;
   text-decoration: underline;
}

.status-badge {
   display: inline-block;
   padding: 6px 14px;
   border-radius: 20px;
   font-size: 13px;
   font-weight: 500;
   line-height: 1.4;
   text-align: center;
   white-space: nowrap;
   border: none;
   margin: 0;
   vertical-align: middle;
}

.protocol-status-pending {
   background-color: var(--app-protocol-pending-bg);
   color: var(--app-protocol-pending-fg);
}

.protocol-status-danger {
   background-color: var(--app-protocol-danger-bg);
   color: var(--app-protocol-danger-fg);
}

.protocol-status-success {
   background-color: var(--app-protocol-success-bg);
   color: var(--app-protocol-success-fg);
}

.protocol-status-default {
   background-color: var(--app-protocol-default-bg);
   color: var(--app-protocol-default-fg);
}

.empty-state {
   text-align: center;
   padding: 50px 30px;
   color: var(--app-empty-state-color);
   animation: fadeIn 0.4s ease-in;
}

@keyframes fadeIn {
   from {
      opacity: 0;
      transform: translateY(-10px);
   }
   to {
      opacity: 1;
      transform: translateY(0);
   }
}

.empty-state-message {
   font-size: 15px;
   color: var(--app-empty-state-message-color);
   margin: 0 0 8px 0;
   font-weight: 400;
   line-height: 1.6;
}

.empty-state-message:last-child {
   margin-bottom: 0;
}

.panel-body .empty-state,
.table-panel-body .empty-state {
   padding: 50px 30px;
}

.panel-empty {
   border: 1px dashed var(--app-panel-empty-border);
   background: var(--app-panel-empty-bg);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
   transition: all 0.3s ease;
}

.panel-empty .panel-body {
   padding: 0;
   background: transparent;
}

.panel-empty .panel-heading {
   background: transparent;
   border-bottom: none;
   padding-bottom: 0;
}

.panel-empty.panel-info {
   border-top: 1px dashed var(--app-panel-empty-border-top);
}

.skeleton-loader {
   padding: 24px;
}

.panel.skeleton-panel,
.panel-info.skeleton-panel {
   border-top: none !important;
}

.skeleton-item {
   background: linear-gradient(
      90deg,
      var(--app-skeleton-shimmer-a) 25%,
      var(--app-skeleton-shimmer-b) 50%,
      var(--app-skeleton-shimmer-a) 75%
   );
   background-size: 200% 100%;
   animation: skeleton-loading 1.5s ease-in-out infinite;
   border-radius: 6px;
   margin-bottom: 16px;
}

.skeleton-item:last-child {
   margin-bottom: 0;
}

.skeleton-line {
   height: 16px;
   width: 100%;
}

.skeleton-line-short {
   height: 16px;
   width: 60%;
}

.skeleton-line-medium {
   height: 16px;
   width: 80%;
}

.skeleton-title {
   height: 24px;
   width: 40%;
   margin-bottom: 20px;
}

.skeleton-text {
   height: 14px;
   width: 100%;
   margin-bottom: 12px;
}

.skeleton-text-small {
   height: 12px;
   width: 90%;
   margin-bottom: 10px;
}

.skeleton-card {
   height: 120px;
   width: 100%;
   margin-bottom: 16px;
}

@keyframes skeleton-loading {
   0% {
      background-position: 200% 0;
   }
   100% {
      background-position: -200% 0;
   }
}

.skeleton-container {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.skeleton-row {
   display: flex;
   gap: 16px;
}

.skeleton-col {
   flex: 1;
}

.table-skeleton-panel {
   margin-bottom: 30px;
}

.table-skeleton-body {
   padding: 0 !important;
}

.table-skeleton {
   margin: 0;
   border: none;
   background: var(--app-table-skeleton-bg);
}

.table-skeleton thead tr {
   background: var(--app-table-skeleton-thead-bg);
   border-bottom: 2px solid var(--app-table-skeleton-thead-border);
}

.table-skeleton thead th {
   padding: 16px 20px;
   border: none;
   vertical-align: middle;
}

.table-skeleton thead .skeleton-th {
   height: 14px;
   width: 80%;
   margin: 0 auto;
   display: block;
}

.table-skeleton thead .skeleton-th--wide {
   width: 95%;
}

.table-skeleton thead .skeleton-item {
   background: linear-gradient(
      90deg,
      var(--app-table-skeleton-thead-shimmer-a) 25%,
      var(--app-table-skeleton-thead-shimmer-b) 50%,
      var(--app-table-skeleton-thead-shimmer-a) 75%
   );
   background-size: 200% 100%;
}

.table-skeleton tbody tr {
   border-bottom: 1px solid var(--app-table-skeleton-row-border);
}

.table-skeleton tbody tr:last-child {
   border-bottom: none;
}

.table-skeleton tbody td {
   padding: 16px 20px;
   border: none;
   vertical-align: middle;
}

.table-skeleton tbody .skeleton-td {
   height: 14px;
   width: 70%;
   margin: 0;
}

.table-skeleton tbody .skeleton-td--wide {
   width: 90%;
}

.row {
   margin-left: -15px;
   margin-right: -15px;
}

.row > [class*="col-"] {
   padding-left: 15px;
   padding-right: 15px;
}

h1, h2, h3, h4, h5, h6 {
   color: #1a202c;
   font-weight: 600;
   line-height: 1.3;
}

.page-container {
   margin: 20px;
   padding: 0 15px;
}

.col-field-no-label {
   margin-top: 30px;
}

.between-title {
   display: flex;
   justify-content: space-between;
   align-items: center;
}


.table-card-area {
   margin-top: 1.125rem;
}

.table-card-shell {
   border: 1px solid #e8ecf0;
   border-radius: 6px;
   background: #fff;
   overflow: hidden;
}

.table-card-shell--info {
   border: 1px solid #e8ecf0;
   border-top: 3px solid #94c11f;
}

.table-card-panel-heading,
h2.table-card-panel-heading {
   margin: 0;
   padding: 18px 24px;
   background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%);
   border-bottom: 1px solid #94C11F;
   font-weight: 600;
   color: #1a202c;
   font-size: 15px;
   line-height: 1.35;
   letter-spacing: -0.2px;
   position: relative;
   overflow: visible;
   z-index: 1;
}

.table-card-panel-heading--split {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px 16px;
   flex-wrap: wrap;
}

.table-card-panel-heading__title {
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent;
   font-size: 15px;
   font-weight: 600;
   color: #1a202c;
   line-height: 1.35;
   letter-spacing: -0.2px;
   flex: 1 1 auto;
   min-width: 0;
}

.table-card-panel-heading__actions {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   flex-shrink: 0;
}

.table-card-toolbar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   flex-wrap: wrap;
   padding: 10px 16px;
   margin: 0;
   background: #fff;
   border: none;
   border-bottom: 1px solid #eef1f5;
   border-radius: 0;
   box-shadow: none;
}

.table-card-toolbar__stat {
   display: flex;
   align-items: baseline;
   gap: 6px;
   min-width: 0;
}

.table-card-toolbar__count {
   font-size: 15px;
   font-weight: 600;
   color: #334155;
   letter-spacing: -0.02em;
   line-height: 1.2;
}

.table-card-toolbar__unit {
   font-size: 13px;
   font-weight: 400;
   color: #94a3b8;
   line-height: 1.2;
}

.table-card-toolbar__actions {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
   gap: 8px;
   min-width: 0;
}

.table-card-toolbar__actions .btn {
   margin: 0;
}

.btn-toolbar-subtle-create {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   padding: 5px 10px;
   margin: 0;
   font-family: inherit;
   font-size: 13px;
   font-weight: 500;
   line-height: 1.3;
   color: #0d9488 !important;
   text-decoration: none !important;
   background: transparent;
   border: 1px solid transparent;
   border-radius: 4px;
   box-shadow: none;
   transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
   flex-shrink: 0;
   cursor: pointer;
   -webkit-appearance: none;
   appearance: none;
}

.btn-toolbar-subtle-create:hover,
.btn-toolbar-subtle-create:focus {
   color: #0f766e !important;
   text-decoration: none !important;
   background: rgba(13, 148, 136, 0.08);
   border-color: rgba(13, 148, 136, 0.2);
   outline: none;
   transform: none;
}

.btn-toolbar-subtle-create i {
   font-size: 13px;
   opacity: 0.9;
}

.table-card-toolbar__export,
.btn-export-subtle {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   padding: 5px 10px;
   margin: 0;
   font-size: 13px;
   font-weight: 500;
   line-height: 1.3;
   color: #6c8e2c !important;
   text-decoration: none !important;
   background: transparent;
   border: 1px solid transparent;
   border-radius: 4px;
   box-shadow: none;
   transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
   flex-shrink: 0;
   cursor: pointer;
}

.table-card-toolbar__export:hover,
.table-card-toolbar__export:focus,
.btn-export-subtle:hover,
.btn-export-subtle:focus {
   color: #567024 !important;
   text-decoration: none !important;
   background: rgba(108, 142, 44, 0.08);
   border-color: rgba(108, 142, 44, 0.2);
   outline: none;
}

.table-card-toolbar__export i,
.btn-export-subtle i {
   font-size: 13px;
   opacity: 0.9;
}

.btn-icon-edit {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   padding: 0;
   margin: 0;
   background: #f1f5f9;
   border: 1px solid #e2e8f0;
   border-radius: 6px;
   cursor: pointer;
   line-height: 0;
   vertical-align: middle;
   box-shadow: none;
   overflow: hidden;
   transition: background-color 0.15s ease, border-color 0.15s ease;
   -webkit-appearance: none;
   appearance: none;
}

.btn-icon-edit::-moz-focus-inner {
   border: 0;
   padding: 0;
}

.btn-icon-edit:hover,
.btn-icon-edit:focus {
   background: #e8eef4;
   border-color: #cbd5e1;
   outline: none;
}

.btn-icon-edit:active {
   background: #e2e8f0;
}

.btn-icon-edit img {
   width: 16px;
   height: 16px;
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   object-fit: contain;
   object-position: center top;
   clip-path: inset(0 0 2px 0);
}

.btn-icon-delete {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   padding: 0;
   margin: 0;
   background: #f1f5f9;
   border: 1px solid #e2e8f0;
   border-radius: 6px;
   cursor: pointer;
   line-height: 0;
   vertical-align: middle;
   box-shadow: none;
   overflow: hidden;
   transition: background-color 0.15s ease, border-color 0.15s ease;
   -webkit-appearance: none;
   appearance: none;
}

.btn-icon-delete::-moz-focus-inner {
   border: 0;
   padding: 0;
}

.btn-icon-delete:hover,
.btn-icon-delete:focus {
   background: #e8eef4;
   border-color: #cbd5e1;
   outline: none;
}

.btn-icon-delete:active {
   background: #e2e8f0;
}

.btn-icon-delete img {
   width: 16px;
   height: 16px;
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   object-fit: contain;
   object-position: center center;
}

.table-card-responsive {
   overflow-x: auto;
   margin: 0;
}

.table-card-shell .table-card-grid.table-bordered {
   border: 0;
   margin-bottom: 0;
}

.table-card-shell .table-card-grid.table-bordered > thead > tr > th {
   border-top: none;
}

.table-card-area .table-card-grid {
   table-layout: fixed;
   width: 100%;
   max-width: 100%;
}

.table-card-area .table-card-grid tr > th,
.table-card-area .table-card-grid tr > td {
   box-sizing: border-box;
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
   min-width: 0;
}

.table-card-area .table-card-grid tr > th[class*="--nowrap"],
.table-card-area .table-card-grid tr > td[class*="--nowrap"] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.table-card-area .table-card-grid tr > th[class*="--actions"],
.table-card-area .table-card-grid tr > td[class*="--actions"],
.table-card-area .table-card-grid tr > th[class*="--delete"],
.table-card-area .table-card-grid tr > td[class*="--delete"] {
   overflow: visible;
   text-overflow: clip;
   white-space: normal;
   word-break: normal;
}

@media screen and (max-width: 767px) {
   .table-card-shell .table-card-responsive.table-responsive {
      border: none;
      margin-bottom: 0;
   }
}

.table-card-area .ng-table-pager {
   margin-top: 15px;
   margin-bottom: 12px;
   padding: 0 5px;
   background: transparent;
   border-top: none;
}

.table-card-area .ng-table-pager .ng-table-pagination,
.table-card-area .ng-table-pager .pagination {
   margin-left: 0;
   margin-right: 0;
}

.table-card-area .pagination {
   display: flex;
   align-items: center;
   gap: 4px;
   border-radius: 8px;
   padding: 0;
   list-style: none;
}

.table-card-area .ng-table-pagination {
   margin-top: 0;
}

@media (max-width: 768px) {
   .table-card-toolbar__export,
   .btn-export-subtle,
   .btn-toolbar-subtle-create {
      padding: 6px 10px;
   }

   .panel-container {
      padding: 2rem 15px 0 15px;
   }

   .panel-body {
      padding: 20px 16px;
   }

   .section-title {
      font-size: 20px !important;
      margin: 32px 0 20px 0;
   }

   .section-subtitle {
      font-size: 15px;
      margin: 24px 0 14px 0;
   }

   .panel-heading {
      padding: 16px;
      font-size: 15px;
   }

   .panel.panel-info > .panel-heading.available-filter-panel-heading .available-filter-panel-heading__row--title {
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 16px;
   }

   .available-filter-panel-heading__row--fields,
   .available-filter-panel-heading__row--footer {
      padding-left: 16px;
      padding-right: 16px;
   }

   .panel.panel-info > .panel-heading.available-filter-panel-heading {
      padding-bottom: 16px;
   }

   .panel-heading strong {
      font-size: 16px;
   }

   .btn {
      padding: 9px 16px;
      font-size: 14px;
   }

   .btn-sm {
      padding: 6px 12px;
      font-size: 12px;
   }

   .table > thead > tr > th,
   .table > tbody > tr > td {
      padding: 12px;
      font-size: 13px;
   }

   dl {
      margin-bottom: 20px;
   }

   dt {
      font-size: 12px;
   }

   dd {
      font-size: 14px;
   }

   .modal-dialog {
      margin: 12px auto;
   }

   .modal-header {
      padding: 16px 18px;
   }

   .modal-header .modal-title,
   .modal-header h1.modal-title,
   .modal-header h2.modal-title,
   .modal-header h3.modal-title,
   .modal-header h4.modal-title,
   .modal-header h5.modal-title {
      font-size: 16px;
   }

   .modal-body {
      padding: 20px 18px;
   }

   .modal-footer {
      padding: 14px 18px;
      gap: 10px;
   }

   .modal .nav-tabs {
      margin-bottom: 20px;
      gap: 5px 4px;
   }

   .modal .nav-tabs > li > a {
      padding: 8px 12px;
      font-size: 13px;
   }
}

.app-main-header .app-header-actions-sm {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   margin: 0 0 0 8px;
   padding: 0;
   float: none;
}

.app-main-header .app-header-actions-sm > li {
   float: none;
}

.app-main-header .dropdown-menu > li > a.app-user-menu-theme {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   cursor: pointer;
   white-space: nowrap;
}

.app-user-menu-theme__label {
   flex: 1;
   font-weight: 500;
}

.app-user-menu-theme__icon {
   display: block;
   width: 15px;
   height: 15px;
   flex-shrink: 0;
   object-fit: contain;
   transition: transform 0.15s ease;
}

.app-main-header .dropdown-menu > li > a.app-user-menu-theme:hover .app-user-menu-theme__icon,
.app-main-header .dropdown-menu > li > a.app-user-menu-theme:focus .app-user-menu-theme__icon {
   transform: scale(1.08);
}

html.app-theme-dark {
   color-scheme: dark;
   --app-color-bg-page: #0f172a;
   --app-color-text: #e2e8f0;
   --app-color-text-heading: #f1f5f9;
   --app-color-dt: #94a3b8;
   --app-color-dd: #f1f5f9;
   --app-section-title-color: #f1f5f9;
   --app-section-subtitle-color: #cbd5e1;
   --app-empty-state-color: #94a3b8;
   --app-empty-state-message-color: #cbd5e1;
   --app-panel-empty-bg: #1e293b;
   --app-panel-empty-border: #475569;
   --app-panel-empty-border-top: #475569;
   --app-solicitation-header-bg: linear-gradient(to bottom, #1e293b 0%, #0f172a 100%);
   --app-solicitation-header-border: #334155;
   --app-solicitation-header-pinned-bg: #1e293b;
   --app-solicitation-header-pinned-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
   --app-solicitation-label-color: #cbd5e1;
   --app-solicitation-id-color: #f8fafc;
   --app-solicitation-separator-color: #64748b;
   --app-solicitation-pin-color: #94a3b8;
   --app-card-type-badge-bg: #334155;
   --app-card-type-badge-color: #e2e8f0;
   --app-toggle-empty-btn-bg: #334155;
   --app-toggle-empty-btn-border: #475569;
   --app-toggle-empty-btn-color: #e2e8f0;
   --app-toggle-empty-btn-hover-bg: #475569;
   --app-toggle-empty-btn-hover-border: #64748b;
   --app-toggle-empty-btn-hover-color: #f8fafc;
   --app-protocol-pending-bg: #78350f;
   --app-protocol-pending-fg: #fde68a;
   --app-protocol-danger-bg: #7f1d1d;
   --app-protocol-danger-fg: #fecaca;
   --app-protocol-success-bg: #14532d;
   --app-protocol-success-fg: #bbf7d0;
   --app-protocol-default-bg: #334155;
   --app-protocol-default-fg: #e2e8f0;
   --app-cid-notes-bg: #0f172a;
   --app-cid-notes-border: #334155;
   --app-cid-notes-text: #cbd5e1;
   --app-cid-notes-bullet: #94a3b8;
   --app-cid-search-link-color: #e2e8f0;
   --app-cid-search-link-border: #475569;
   --app-cid-search-link-bg: #334155;
   --app-cid-search-link-hover-bg: #475569;
   --app-cid-search-link-hover-border: #64748b;
   --app-cid-search-link-hover-color: #f8fafc;
   --app-cid-control-bg: #1e293b;
   --app-cid-control-color: #f1f5f9;
   --app-cid-control-border: #475569;
   --app-cid-control-disabled-bg: #334155;
   --app-cid-control-disabled-color: #94a3b8;
   --app-cid-input-group-btn-bg: #334155;
   --app-cid-input-group-btn-border: #475569;
   --app-cid-input-group-btn-color: #e2e8f0;
   --app-cid-input-group-btn-hover-bg: #475569;
   --app-cid-checkbox-border: #64748b;
   --app-cid-placeholder-color: #94a3b8;
   --app-internal-obs-label-color: #cbd5e1;
   --app-internal-obs-textarea-bg: #1e293b;
   --app-internal-obs-textarea-color: #f1f5f9;
   --app-internal-obs-textarea-border: #475569;
   --app-file-input-wrapper-bg: #1e293b;
   --app-file-input-wrapper-border: #475569;
   --app-file-input-display-bg: #0f172a;
   --app-file-input-display-border: #334155;
   --app-file-input-text-color: #94a3b8;
   --app-file-input-text-selected-color: #e2e8f0;
   --app-file-input-button-bg: #334155;
   --app-file-input-button-color: #e2e8f0;
   --app-file-input-button-border: #475569;
   --app-file-input-button-hover-bg: #475569;
   --app-file-input-button-hover-color: #f8fafc;
   --app-file-input-help-color: #94a3b8;
   --app-file-input-error-bg: #450a0a;
   --app-file-input-error-border: #991b1b;
   --app-file-input-error-color: #fecaca;
   --app-preview-border: #334155;
   --app-preview-bg: #1e293b;
   --app-preview-header-bg: linear-gradient(to bottom, #334155 0%, #1e293b 100%);
   --app-preview-header-border: #475569;
   --app-preview-header-text: #cbd5e1;
   --app-timeline-line: linear-gradient(to bottom, #475569 0%, #334155 50%, #475569 100%);
   --app-timeline-badge-bg: linear-gradient(135deg, #64748b 0%, #475569 100%);
   --app-timeline-badge-ring: #0f172a;
   --app-timeline-panel-bg: #1e293b;
   --app-timeline-panel-border: #334155;
   --app-timeline-heading-border: #334155;
   --app-timeline-title-color: #f1f5f9;
   --app-timeline-body-color: #cbd5e1;
   --app-timeline-muted-color: #94a3b8;
   --app-history-scroll-bg: #334155;
   --app-history-scroll-border: #475569;
   --app-history-scroll-color: #e2e8f0;
   --app-history-scroll-hover-bg: #475569;
   --app-reg-show-table-cell-border: #334155;
   --app-reg-show-obs-bg: #1e293b;
   --app-reg-show-obs-color: #f1f5f9;
   --app-reg-show-obs-border: #475569;
   --app-reg-show-obs-placeholder: #94a3b8;
   --app-reg-show-fake-box-bg: #1e293b;
   --app-reg-show-fake-box-border: #475569;
   --app-reg-show-fake-box-heading: #f8fafc;
   --app-reg-show-fake-box-footer: #94a3b8;
   --app-reg-show-pdf-chrome: #3d4450;
   --app-reg-show-embed-border: #475569;
   --app-reg-show-preview-img-border: #475569;
   --app-reg-show-preview-close: #94a3b8;
   --app-reg-show-preview-close-hover-bg: #475569;
   --app-reg-show-preview-close-hover-fg: #f8fafc;
   --app-reg-show-doc-card-bg: #1e293b;
   --app-reg-show-doc-card-border: #334155;
   --app-reg-show-doc-card-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
   --app-reg-show-doc-header-bg: linear-gradient(to bottom, #334155 0%, #1e293b 100%);
   --app-reg-show-doc-header-border: #475569;
   --app-reg-show-doc-title: #f1f5f9;
   --app-reg-show-doc-badge-bg: #334155;
   --app-reg-show-doc-badge-fg: #cbd5e1;
   --app-reg-show-doc-badge-border: #475569;
   --app-reg-show-doc-date: #94a3b8;
   --app-reg-show-doc-icon-muted: #64748b;
   --app-reg-show-doc-image-wrap-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
   --app-reg-show-doc-image-wrap-border: #475569;
   --app-reg-show-doc-image-wrap-hover-border: #64748b;
   --app-reg-show-skeleton-a: #334155;
   --app-reg-show-skeleton-b: #475569;
   --app-reg-show-skeleton-ring: #64748b;
   --app-reg-show-skeleton-ring-top: #94a3b8;
   --app-reg-show-skeleton-pdf-mid: #475569;
   --app-reg-show-skeleton-pdf-dark: #64748b;
   --app-reg-show-skeleton-label: #94a3b8;
   --app-skeleton-shimmer-a: #334155;
   --app-skeleton-shimmer-b: #475569;
   --app-skeleton-shimmer-alt-a: #3d4f63;
   --app-skeleton-shimmer-alt-b: #475569;
   --app-table-skeleton-bg: #1e293b;
   
   --app-table-skeleton-thead-bg: #1e293b;
   --app-table-skeleton-thead-shimmer-a: #2d3f52;
   --app-table-skeleton-thead-shimmer-b: #3d4f63;
   --app-table-skeleton-thead-border: #475569;
   --app-table-skeleton-row-border: #334155;
   --app-reg-show-pdf-wrap-bg: #0f172a;
   --app-reg-show-pdf-wrap-border: #334155;
   --app-reg-show-pdf-placeholder-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);
   --app-reg-show-pdf-placeholder-icon: #f87171;
   --app-reg-show-pdf-placeholder-text: #cbd5e1;
   --app-reg-show-pdf-btn-bg: #334155;
   --app-reg-show-pdf-btn-border: #475569;
   --app-reg-show-pdf-btn-fg: #e2e8f0;
   --app-reg-show-pdf-btn-hover-bg: #475569;
   --app-reg-show-pdf-btn-hover-border: #64748b;
   --app-reg-show-pdf-btn-hover-fg: #f8fafc;
   --app-reg-show-pdf-btn-icon: #94a3b8;
   --app-reg-show-pdf-btn-active-bg: #334155;
   --app-reg-show-audio-bg: #0f172a;
   --app-reg-show-audio-border: #334155;
   --app-reg-show-table-travel-bg: #1e293b;
   --app-reg-show-table-travel-border: #475569;
   --app-reg-show-table-travel-th-bg: #334155;
   --app-reg-show-table-travel-th-fg: #e2e8f0;
   --app-reg-show-inline-hint: #94a3b8;
   --app-reg-show-invalid-label: #fca5a5;
   --app-reg-show-file-input-focus-border: #64748b;
   --app-side-index-surface: rgba(15, 23, 42, 0.55);
   --app-side-index-border: rgba(71, 85, 105, 0.4);
   --app-side-index-surface-hover: rgba(30, 41, 59, 0.94);
   --app-side-index-border-hover: rgba(148, 193, 31, 0.35);
   --app-side-index-inset: rgba(255, 255, 255, 0.06);
   --app-side-index-inset-hover: rgba(255, 255, 255, 0.1);
   --app-side-index-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
   --app-side-index-shadow-hover: 0 8px 36px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(148, 193, 31, 0.15);
   --app-modal-backdrop-bg: #020617;
   --app-modal-backdrop-opacity: 0.72;
   --app-modal-content-bg: #1e293b;
   --app-modal-content-border: #334155;
   --app-modal-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 8px 24px rgba(0, 0, 0, 0.35);
   --app-modal-header-bg: #1e293b;
   --app-modal-header-border: #334155;
   --app-modal-accent-bar: #94c11f;
   --app-modal-title-color: #f1f5f9;
   --app-modal-title-icon-color: #bef264;
   --app-modal-close-color: #94a3b8;
   --app-modal-close-hover-color: #f8fafc;
   --app-modal-body-bg: #1e293b;
   --app-modal-body-color: #cbd5e1;
   --app-modal-footer-bg: #0f172a;
   --app-modal-footer-border: #334155;
   --app-modal-section-border: #334155;
   --app-modal-tabs-border: #334155;
   --app-modal-tab-color: #94a3b8;
   --app-modal-tab-hover-surface: rgba(51, 65, 85, 0.5);
   --app-modal-tab-hover-color: #f1f5f9;
   --app-modal-tab-active-color: #bef264;
   --app-modal-addon-bg: #334155;
   --app-modal-addon-border: #475569;
   --app-modal-addon-color: #cbd5e1;
   --app-modal-label-color: #cbd5e1;
   --app-modal-help-color: #94a3b8;
   --app-modal-card-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
   --app-modal-callout-bg: #334155;
   --app-modal-callout-danger-bg: rgba(69, 10, 10, 0.55);
   --app-modal-callout-danger-border: #f87171;
   --app-modal-callout-danger-color: #fecaca;
   --app-ig-checkbox-addon-bg: #334155;
   --app-ig-checkbox-addon-border: #475569;
   --app-ig-checkbox-addon-icon: #cbd5e1;
   --app-ig-checkbox-surface: #0f172a;
   --app-ig-checkbox-border: #475569;
   --app-ig-checkbox-border-hover: #64748b;
   --app-ig-checkbox-focus-ring: rgba(190, 242, 100, 0.35);
   --app-ig-checkbox-checked-bg: rgba(148, 193, 31, 0.22);
   --app-ig-checkbox-checked-border: #84cc16;
   --app-ig-checkbox-accent: #bef264;
}

html.app-theme-dark body {
   color: var(--app-color-text);
   background: var(--app-color-bg-page);
}

html.app-theme-dark h1,
html.app-theme-dark h2,
html.app-theme-dark h3,
html.app-theme-dark h4,
html.app-theme-dark h5,
html.app-theme-dark h6 {
   color: var(--app-color-text-heading);
}

html.app-theme-dark .bs-callout-danger h1,
html.app-theme-dark .bs-callout-danger h2,
html.app-theme-dark .bs-callout-danger h3,
html.app-theme-dark .bs-callout-danger h4,
html.app-theme-dark .bs-callout-danger h5,
html.app-theme-dark .bs-callout-danger h6 {
   color: #f87171;
}

html.app-theme-dark .bs-callout-warning h1,
html.app-theme-dark .bs-callout-warning h2,
html.app-theme-dark .bs-callout-warning h3,
html.app-theme-dark .bs-callout-warning h4,
html.app-theme-dark .bs-callout-warning h5,
html.app-theme-dark .bs-callout-warning h6 {
   color: #fcd34d;
}

html.app-theme-dark .bs-callout-info h1,
html.app-theme-dark .bs-callout-info h2,
html.app-theme-dark .bs-callout-info h3,
html.app-theme-dark .bs-callout-info h4,
html.app-theme-dark .bs-callout-info h5,
html.app-theme-dark .bs-callout-info h6 {
   color: #7dd3fc;
}

html.app-theme-dark .bs-callout-success h1,
html.app-theme-dark .bs-callout-success h2,
html.app-theme-dark .bs-callout-success h3,
html.app-theme-dark .bs-callout-success h4,
html.app-theme-dark .bs-callout-success h5,
html.app-theme-dark .bs-callout-success h6 {
   color: #86efac;
}

html.app-theme-dark .ql-toolbar.ql-snow {
   background: #334155;
   border-color: #475569;
}
html.app-theme-dark .ql-container.ql-snow {
   border-color: #475569;
   background: #0f172a;
}
html.app-theme-dark .ql-snow .ql-stroke {
   stroke: #cbd5e1 !important;
}
html.app-theme-dark .ql-snow .ql-fill {
   fill: #cbd5e1 !important;
}
html.app-theme-dark .ql-snow .ql-stroke.ql-fill {
   fill: #cbd5e1 !important;
}
html.app-theme-dark .ql-snow .ql-picker {
   color: #e2e8f0;
}
html.app-theme-dark .ql-snow .ql-picker-label {
   color: #e2e8f0;
   border-color: #475569 !important;
}
html.app-theme-dark .ql-snow .ql-picker.ql-expanded .ql-picker-label {
   border-color: #64748b !important;
   color: #f1f5f9;
}
html.app-theme-dark .ql-snow .ql-picker-options {
   background: #1e293b !important;
   border-color: #475569 !important;
}
html.app-theme-dark .ql-snow .ql-picker-options .ql-picker-item {
   color: #e2e8f0;
}
html.app-theme-dark .ql-snow .ql-picker-options .ql-picker-item.ql-selected,
html.app-theme-dark .ql-snow .ql-picker-options .ql-picker-item:hover {
   background: #334155;
   color: #f8fafc;
}
html.app-theme-dark .ql-snow .ql-color-picker .ql-picker-item svg,
html.app-theme-dark .ql-snow .ql-icon-picker .ql-picker-item svg {
   border-color: #475569;
}
html.app-theme-dark .ql-editor {
   color: #e2e8f0;
}
html.app-theme-dark .ql-editor.ql-blank::before {
   color: #94a3b8 !important;
   opacity: 1;
}
html.app-theme-dark .ql-snow.ql-toolbar button:hover .ql-stroke,
html.app-theme-dark .ql-snow .ql-toolbar button:hover .ql-stroke {
   stroke: #f8fafc !important;
}
html.app-theme-dark .ql-snow.ql-toolbar button:hover .ql-fill,
html.app-theme-dark .ql-snow .ql-toolbar button:hover .ql-fill {
   fill: #f8fafc !important;
}
html.app-theme-dark .ql-snow.ql-toolbar button.ql-active .ql-stroke,
html.app-theme-dark .ql-snow .ql-toolbar button.ql-active .ql-stroke {
   stroke: #bef264 !important;
}
html.app-theme-dark .ql-snow.ql-toolbar button.ql-active .ql-fill,
html.app-theme-dark .ql-snow .ql-toolbar button.ql-active .ql-fill {
   fill: #bef264 !important;
}

html.app-theme-dark select[multiple],
html.app-theme-dark select.form-control[multiple] {
   background-color: #1e293b !important;
   color: #e2e8f0 !important;
   border-color: #475569 !important;
}
html.app-theme-dark select[multiple] option {
   background-color: #1e293b;
   color: #e2e8f0;
}
html.app-theme-dark select[multiple] option:checked,
html.app-theme-dark select[multiple] option:hover {
   background: #334155;
   color: #f8fafc;
}

html.app-theme-dark a {
   color: #7dd3fc;
}

html.app-theme-dark a:hover,
html.app-theme-dark a:focus {
   color: #bae6fd;
}

html.app-theme-dark a.btn-danger,
html.app-theme-dark a.btn-danger:hover,
html.app-theme-dark a.btn-danger:focus,
html.app-theme-dark a.btn-success,
html.app-theme-dark a.btn-success:hover,
html.app-theme-dark a.btn-success:focus,
html.app-theme-dark a.btn-warning,
html.app-theme-dark a.btn-warning:hover,
html.app-theme-dark a.btn-warning:focus,
html.app-theme-dark a.btn-info,
html.app-theme-dark a.btn-info:hover,
html.app-theme-dark a.btn-info:focus,
html.app-theme-dark a.btn-primary,
html.app-theme-dark a.btn-primary:hover,
html.app-theme-dark a.btn-primary:focus {
   color: #ffffff !important;
}

html.app-theme-dark .text-muted {
   color: #94a3b8 !important;
}

html.app-theme-dark hr {
   border-top-color: #334155;
}

html.app-theme-dark .panel {
   background: #1e293b;
   border-color: #334155;
   color: #e2e8f0;
}

html.app-theme-dark .panel-body {
   background: #1e293b;
   color: #e2e8f0;
}

html.app-theme-dark .panel-heading,
html.app-theme-dark .panel-title {
   color: #f1f5f9;
}

html.app-theme-dark .panel-default > .panel-heading {
   background: #334155;
   border-color: #475569;
   color: #f1f5f9;
}

html.app-theme-dark .panel-footer {
   background: #0f172a;
   border-color: #334155;
}

html.app-theme-dark .panel.panel-info > .panel-heading.available-filter-panel-heading .available-filter-panel-heading__row--title {
   background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
   border: none !important;
   border-bottom: 1px solid #334155 !important;
   color: #f1f5f9;
}

html.app-theme-dark .table {
   color: #e2e8f0;
}

html.app-theme-dark .table > thead > tr > th {
   background: #334155;
   border-color: #475569;
   color: #f1f5f9;
}

html.app-theme-dark .table > tbody > tr > td {
   border-color: #334155;
}

html.app-theme-dark .table-striped > tbody > tr:nth-of-type(odd) {
   background-color: #162032;
}

html.app-theme-dark .table-hover > tbody > tr:hover {
   background-color: transparent;
}

html.app-theme-dark .form-control {
   background-color: #1e293b;
   border-color: #475569;
   color: #e2e8f0;
}

html.app-theme-dark .form-control:focus {
   border-color: #94c11f;
   box-shadow: 0 0 0 1px rgba(148, 193, 31, 0.35);
}

html.app-theme-dark .form-control::placeholder {
   color: #64748b;
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap .ui-select-match.btn-default-focus {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
   outline: none !important;
   color: inherit;
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap > .ui-select-match > .btn.ui-select-toggle {
   color: #e2e8f0;
   background: #1e293b;
   background-color: #1e293b;
   border-color: #475569;
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap > .ui-select-match > .btn.ui-select-toggle:hover {
   background: #1e293b;
   background-color: #1e293b;
   border-color: #475569;
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap > .ui-select-match > .btn.ui-select-toggle:focus {
   border-color: #94c11f;
   box-shadow: 0 0 0 1px rgba(148, 193, 31, 0.35);
   background: #1e293b;
   background-color: #1e293b;
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap.open > .ui-select-match > .btn.ui-select-toggle,
html.app-theme-dark .ui-select-container.ui-select-bootstrap.open > .dropdown-toggle.btn-default {
   color: #e2e8f0;
   background: #1e293b;
   background-color: #1e293b;
   border-color: #94c11f;
   box-shadow: 0 0 0 1px rgba(148, 193, 31, 0.35);
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap .ui-select-toggle > .caret {
   border-top-color: #cbd5e1;
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap > input.ui-select-search.form-control {
   background-color: #1e293b;
   border-color: #475569;
   color: #e2e8f0;
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap.open > input.ui-select-search.form-control,
html.app-theme-dark .ui-select-container.ui-select-bootstrap > input.ui-select-search.form-control:focus {
   border-color: #94c11f;
   box-shadow: 0 0 0 1px rgba(148, 193, 31, 0.35);
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap > input.ui-select-search.form-control::placeholder {
   color: #64748b;
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap .ui-select-placeholder.text-muted {
   color: #64748b;
}

html.app-theme-dark
   #saRegisterIntegrationStep
   .ui-select-match
   .ui-select-placeholder.text-muted {
   color: #e2e8f0 !important;
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap ul.ui-select-choices.dropdown-menu,
html.app-theme-dark .ui-select-container.ui-select-bootstrap .ui-select-choices.ui-select-dropdown.dropdown-menu {
   background: #1e293b !important;
   border-color: #475569;
   border-top: none;
   box-shadow: none;
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap .ui-select-choices-row > span {
   color: #e2e8f0;
}

html.app-theme-dark .ui-select-container.ui-select-bootstrap .ui-select-choices-row.active > span,
html.app-theme-dark .ui-select-container.ui-select-bootstrap .ui-select-choices-row > span:hover {
   color: #f8fafc;
   background-color: #334155;
}

html.app-theme-dark .progress {
   background-color: transparent;
   border: none;
   box-shadow: none;
}

html.app-theme-dark .progress .progress-bar {
   box-shadow: none;
}

html.app-theme-dark .help-block,
html.app-theme-dark .control-label {
   color: #94a3b8;
}

html.app-theme-dark .input-group-addon {
   background: #334155;
   border-color: #475569;
   color: #cbd5e1;
}

html.app-theme-dark .nav-tabs {
   border-bottom-color: #334155;
}

html.app-theme-dark .nav-tabs > li > a {
   color: #94a3b8;
}

html.app-theme-dark .nav-tabs > li > a:hover {
   background: #334155;
   border-color: #475569;
   color: #e2e8f0;
}

html.app-theme-dark .nav-tabs > li.active > a,
html.app-theme-dark .nav-tabs > li.active > a:focus,
html.app-theme-dark .nav-tabs > li.active > a:hover {
   background: #1e293b;
   border-color: #334155 #334155 transparent;
   color: #f1f5f9;
}

html.app-theme-dark .dropdown-menu {
   background: #1e293b !important;
   border-color: #334155;
}

html.app-theme-dark .dropdown-menu > li > a {
   color: #e2e8f0;
}

html.app-theme-dark .dropdown-menu > li > a:hover,
html.app-theme-dark .dropdown-menu > li > a:focus {
   background: #334155 !important;
   color: #f8fafc !important;
}

html.app-theme-dark .btn-default {
   background: #334155;
   border-color: #475569;
   color: #e2e8f0;
}

html.app-theme-dark .btn-default:hover,
html.app-theme-dark .btn-default:focus {
   background: #475569;
   color: #f8fafc;
}

html.app-theme-dark .well {
   background: #1e293b;
   border-color: #334155;
}

html.app-theme-dark .list-group-item {
   background: #1e293b;
   border-color: #334155;
   color: #e2e8f0;
}

html.app-theme-dark .breadcrumb {
   background: #1e293b;
}

html.app-theme-dark .pagination > li > a,
html.app-theme-dark .pagination > li > span {
   background: #1e293b;
   border-color: #334155;
   color: #7dd3fc;
}

html.app-theme-dark .pagination > .active > a,
html.app-theme-dark .pagination > .active > span {
   background: #334155;
   border-color: #475569;
   color: #f1f5f9;
}

html.app-theme-dark .label-default {
   background: #475569;
}

html.app-theme-dark .alert-info {
   background: #1e3a5f;
   border-color: #334155;
   color: #bae6fd;
}

html.app-theme-dark .alert-success {
   background: #14532d;
   border-color: #166534;
   color: #bbf7d0;
}

html.app-theme-dark .alert-warning {
   background: #713f12;
   border-color: #92400e;
   color: #fde68a;
}

html.app-theme-dark .alert-danger {
   background: #7f1d1d;
   border-color: #991b1b;
   color: #fecaca;
}

html.app-theme-dark #toastpanel .alert h4,
html.app-theme-dark #toastpanel .alert h5,
html.app-theme-dark #toastpanel .alert strong {
   color: inherit;
}

html.app-theme-dark #toastpanel .alert {
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.45);
   border-radius: 8px;
}

html.app-theme-dark .app-main-header.navbar {
   background: #1e293b;
   border-bottom-color: #334155;
}

html.app-theme-dark .app-main-header::after {
   background: #94c11f;
}

html.app-theme-dark .app-main-header .navbar-nav > li > a {
   color: #cbd5e1;
}

html.app-theme-dark .app-main-header .navbar-nav > li > a:hover,
html.app-theme-dark .app-main-header .navbar-nav > li > a:focus {
   color: #f1f5f9;
   background: rgba(148, 193, 31, 0.12);
}

html.app-theme-dark .app-main-header .navbar-toggle .icon-bar {
   background-color: #cbd5e1;
}

html.app-theme-dark .app-main-header .user-initials-circle {
   color: #bef264;
   background: #1a2e0a;
   border-color: #4d7c0f;
}

html.app-theme-dark .app-main-header .user-initials-circle:hover,
html.app-theme-dark .app-main-header .user-initials-circle:focus {
   color: #d9f99d;
   background: #234008;
   border-color: #94c11f;
}

html.app-theme-dark .app-main-header .dropdown-menu {
   background: #1e293b !important;
   border-color: #334155;
}

html.app-theme-dark .app-main-header .dropdown-menu > li > a {
   color: #e2e8f0;
}

html.app-theme-dark .app-main-header .dropdown-menu > li > a:hover,
html.app-theme-dark .app-main-header .dropdown-menu > li > a:focus {
   background-color: #334155 !important;
   color: #f8fafc !important;
}

html.app-theme-dark .app-main-header .dropdown-submenu > .dropdown-menu {
   background: #1e293b !important;
}

html.app-theme-dark .app-main-header #navbar-menu {
   border-top-color: #334155;
}

html.app-theme-dark footer.app-footer {
   background: #0c1222 !important;
   border-top-color: #334155 !important;
}

html.app-theme-dark footer.app-footer > div > div:first-child {
   color: #94a3b8 !important;
}

html.app-theme-dark footer.app-footer span {
   color: #94a3b8 !important;
}

html.app-theme-dark footer.app-footer a {
   color: #7dd3fc !important;
}

html.app-theme-dark .scroll-to-top-btn {
   background: #334155;
   color: #e2e8f0;
   border: 1px solid #475569;
}

html.app-theme-dark .scroll-to-top-btn:hover {
   background: #475569;
}

html.app-theme-dark .panel-heading,
html.app-theme-dark .panel-heading.between-title {
   background: linear-gradient(to bottom, #1e293b 0%, #0f172a 100%) !important;
   border-bottom: 1px solid #94c11f !important;
   color: #f1f5f9 !important;
}

html.app-theme-dark .panel-heading strong {
   color: #f1f5f9 !important;
}

html.app-theme-dark .form-check-label {
   color: #cbd5e1 !important;
}

html.app-theme-dark .form-check-label:hover {
   color: #f8fafc !important;
}

html.app-theme-dark .form-check-input {
   border-color: #64748b;
}

html.app-theme-dark .table-card-shell {
   background: #1e293b !important;
   border-color: #334155 !important;
}

html.app-theme-dark .table-card-shell--info {
   border-color: #334155 !important;
   border-top-color: #94c11f !important;
}

html.app-theme-dark .table-card-toolbar {
   background: #0f172a !important;
   border-bottom: 1px solid #334155 !important;
}

html.app-theme-dark .table-card-toolbar__count {
   color: #f1f5f9 !important;
}

html.app-theme-dark .table-card-toolbar__unit {
   color: #94a3b8 !important;
}

html.app-theme-dark .table-card-panel-heading,
html.app-theme-dark h2.table-card-panel-heading {
   background: linear-gradient(to bottom, #1e293b 0%, #0f172a 100%) !important;
   border-bottom-color: #94c11f !important;
   color: #f1f5f9 !important;
}

html.app-theme-dark .table-card-panel-heading__title {
   color: #f1f5f9 !important;
}

html.app-theme-dark .btn-export-subtle,
html.app-theme-dark .table-card-toolbar__export {
   color: #a3e635 !important;
}

html.app-theme-dark .btn-export-subtle:hover,
html.app-theme-dark .btn-export-subtle:focus,
html.app-theme-dark .table-card-toolbar__export:hover,
html.app-theme-dark .table-card-toolbar__export:focus {
   color: #bef264 !important;
   background: rgba(148, 193, 31, 0.12) !important;
}

html.app-theme-dark .btn-toolbar-subtle-create {
   color: #5eead4 !important;
}

html.app-theme-dark .btn-toolbar-subtle-create:hover,
html.app-theme-dark .btn-toolbar-subtle-create:focus {
   color: #99f6e4 !important;
   background: rgba(45, 212, 191, 0.12) !important;
}

html.app-theme-dark .registration-panel-toggle {
   color: #e2e8f0 !important;
   background: rgba(15, 23, 42, 0.92) !important;
   border-color: #475569 !important;
   box-shadow: none !important;
}

html.app-theme-dark .registration-panel-toggle:hover,
html.app-theme-dark .registration-panel-toggle:focus {
   color: #f8fafc !important;
   background: #334155 !important;
   border-color: #64748b !important;
}

html.app-theme-dark .btn-registration-clear {
   background: #334155 !important;
   border-color: #475569 !important;
   color: #e2e8f0 !important;
}

html.app-theme-dark .btn-registration-clear:hover,
html.app-theme-dark .btn-registration-clear:focus {
   background: #475569 !important;
   border-color: #64748b !important;
   color: #f8fafc !important;
}

/* Painel de solicitações (registration-panel/list) — cartões e loading */
html.app-theme-dark .registration-card {
   background: #1e293b !important;
   border-color: #334155 !important;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35) !important;
   color: #e2e8f0 !important;
}

html.app-theme-dark .registration-card__header {
   background: #334155 !important;
   border-bottom-color: #475569 !important;
   color: #f1f5f9 !important;
}

html.app-theme-dark .registration-card__header strong {
   color: #f8fafc !important;
}

html.app-theme-dark .registration-card__body {
   color: #e2e8f0 !important;
}

html.app-theme-dark .registration-card__body strong {
   color: #f1f5f9 !important;
}

html.app-theme-dark .registration-card__footer {
   background: #0f172a !important;
   border-top-color: #334155 !important;
   color: #94a3b8 !important;
}

html.app-theme-dark .registration-card__footer em,
html.app-theme-dark .registration-card__footer small {
   color: #94a3b8 !important;
}

html.app-theme-dark .table {
   background: #1e293b !important;
   color: #e2e8f0 !important;
}

html.app-theme-dark .table > thead > tr > th {
   background: #0f172a !important;
   color: #f1f5f9 !important;
   border-bottom: 2px solid #334155 !important;
}

html.app-theme-dark .table > tbody > tr > td {
   background: #1e293b !important;
   color: #e2e8f0 !important;
   border-bottom: 1px solid #334155 !important;
}

html.app-theme-dark .table > tbody > tr:hover > td {
   background: #1e293b !important;
}

html.app-theme-dark .table-striped > tbody > tr:nth-of-type(odd),
html.app-theme-dark .table-striped > tbody > tr:nth-of-type(odd) > td {
   background-color: #162032 !important;
}

html.app-theme-dark .table-striped > tbody > tr:nth-of-type(even),
html.app-theme-dark .table-striped > tbody > tr:nth-of-type(even) > td {
   background-color: #1e293b !important;
}

html.app-theme-dark .table-striped > tbody > tr:nth-of-type(odd):hover > td {
   background-color: #162032 !important;
}

html.app-theme-dark .table-striped > tbody > tr:nth-of-type(even):hover > td {
   background-color: #1e293b !important;
}

.table.table-skeleton > tbody > tr:hover,
.table.table-skeleton > tbody > tr:hover > td {
   background: var(--app-table-skeleton-bg) !important;
}

html.app-theme-dark .table.table-skeleton > tbody > tr:hover,
html.app-theme-dark .table.table-skeleton > tbody > tr:hover > td {
   background: var(--app-table-skeleton-bg) !important;
}

html.app-theme-dark .table.table-skeleton > thead > tr > th {
   background: var(--app-table-skeleton-thead-bg) !important;
   border-bottom: 2px solid var(--app-table-skeleton-thead-border) !important;
   color: inherit !important;
}

html.app-theme-dark .table-bordered > tbody > tr > td,
html.app-theme-dark .table-bordered > thead > tr > th {
   border-bottom-color: #334155 !important;
}

html.app-theme-dark .table-actions-cell {
   border-bottom-color: #334155 !important;
}

html.app-theme-dark #registrationTable tbody td {
   color: #e2e8f0 !important;
}

html.app-theme-dark #registrationTable .protocol-status-pending {
   background-color: #78350f !important;
   color: #fde68a !important;
}

html.app-theme-dark #registrationTable .protocol-status-danger {
   background-color: #7f1d1d !important;
   color: #fecaca !important;
}

html.app-theme-dark #registrationTable .protocol-status-success {
   background-color: #14532d !important;
   color: #bbf7d0 !important;
}

html.app-theme-dark #registrationTable .protocol-status-default {
   background-color: #334155 !important;
   color: #e2e8f0 !important;
}

html.app-theme-dark .table-actions-trigger {
   background: #334155 !important;
   border-color: #475569 !important;
   color: #e2e8f0 !important;
   box-shadow: none !important;
}

html.app-theme-dark .table-actions-trigger:hover {
   background: #475569 !important;
   border-color: #94c11f !important;
   color: #bef264 !important;
}

html.app-theme-dark .table-actions-dropdown.open .table-actions-trigger {
   background: #1e3a5f !important;
   border-color: #7dd3fc !important;
   color: #bae6fd !important;
   box-shadow: 0 0 0 2px rgba(125, 211, 252, 0.25) !important;
}

html.app-theme-dark .table-actions-menu {
   background: #1e293b !important;
   border-color: #334155 !important;
   box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35) !important;
}

html.app-theme-dark .table-actions-menu .divider {
   background: linear-gradient(90deg, transparent, #475569, transparent) !important;
}

html.app-theme-dark .table-action-item {
   color: #e2e8f0 !important;
}

html.app-theme-dark .table-action-item--view:hover {
   color: #bef264 !important;
   background: rgba(148, 193, 31, 0.15) !important;
   border-left-color: #94c11f !important;
}

html.app-theme-dark .table-action-item--attend:hover {
   color: #86efac !important;
   background: rgba(34, 197, 94, 0.15) !important;
}

html.app-theme-dark .table-action-item--cancel:hover {
   color: #fecaca !important;
   background: rgba(239, 68, 68, 0.15) !important;
}

html.app-theme-dark .table-action-item--correct:hover {
   color: #93c5fd !important;
   background: rgba(59, 130, 246, 0.15) !important;
}

html.app-theme-dark .table-action-item--followup:hover {
   color: #fdba74 !important;
   background: rgba(249, 115, 22, 0.15) !important;
}

html.app-theme-dark .table-actions-empty {
   color: #94a3b8 !important;
}

html.app-theme-dark .pagination > .disabled > a,
html.app-theme-dark .pagination > .disabled > a:hover,
html.app-theme-dark .pagination > .disabled > a:focus,
html.app-theme-dark .pagination > .disabled > span,
html.app-theme-dark .pagination > .disabled > span:hover,
html.app-theme-dark .pagination > .disabled > span:focus {
   color: #64748b !important;
   background-color: #1e293b !important;
   border-color: #334155 !important;
}

html.app-theme-dark .ng-table th.sortable.sort-asc,
html.app-theme-dark .ng-table th.sortable.sort-desc {
   background-color: rgba(148, 193, 31, 0.12) !important;
   text-shadow: none !important;
   color: #f1f5f9 !important;
}

html.app-theme-dark .login-page {
   background: linear-gradient(to bottom right, #0f172a 0%, #1e3b59 55%, #0f172a 100%);
}

html.app-theme-dark .login-box {
   background: #1e293b;
   border: 1px solid #334155;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

html.app-theme-dark .login-box .welcome-title {
   color: #f1f5f9;
}

html.app-theme-dark .login-box .welcome-subtitle {
   color: #94a3b8;
}

html.app-theme-dark .login-box .field label {
   color: #cbd5e1;
}

html.app-theme-dark .login-box .field .form-control {
   background: #0f172a;
   border-color: #475569;
   color: #e2e8f0;
}

html.app-theme-dark .login-box .field .form-control::placeholder {
   color: #64748b;
}

html.app-theme-dark .login-box .input-container .toggle-password {
   color: #94a3b8;
}

html.app-theme-dark .login-box .input-container .toggle-password:hover {
   color: #e2e8f0;
}

html.app-theme-dark .login-box .forgot-link a {
   color: #7dd3fc;
}

html.app-theme-dark .login-box .forgot-link a:hover {
   color: #bae6fd;
}

html.app-theme-dark .login-box .btn-login-back {
   background: #334155;
   color: #e2e8f0;
   border-color: #475569;
}

html.app-theme-dark .login-box .btn-login-back:hover:not(:disabled) {
   background: #475569;
   border-color: #64748b;
}

html.app-theme-dark .login-box .alert-danger {
   background: #451a1a;
   border-color: #991b1b;
   color: #fecaca;
}