@import "@vaadin/aura/aura.css";.afas-dialog-icon,.afas-dialog-icon vaadin-icon{color: var(--primary,#2b7aff);fill: var(--primary,#2b7aff)}.afas-dialog-button{justify-content: flex-start;font-weight: 400;color: var(--gray-700,#495057);background-color: transparent;border: none;box-shadow: none;outline: none;border-radius: 6px;transition: background-color 0.15s ease-in-out;width: 100%;min-width: 0;font-size: 1rem}.afas-dialog-button:hover{background-color: var(--afas-accent-soft,rgba(43,122,255,0.1));color: var(--afas-accent,#2b7aff)}.afas-dialog-button:hover .afas-dialog-icon,.afas-dialog-button:hover .afas-dialog-icon vaadin-icon{color: var(--afas-accent,#2b7aff);fill: var(--afas-accent,#2b7aff)}.afas-dialog-button.selected{background-color: var(--afas-accent-soft,rgba(43,122,255,0.1));color: var(--afas-accent,#2b7aff);font-weight: 600}.afas-dialog-button.selected .afas-dialog-icon,.afas-dialog-button.selected .afas-dialog-icon vaadin-icon{color: var(--afas-accent,#2b7aff);fill: var(--afas-accent,#2b7aff)}.afas-dialog-button-selected,.afas-dialog-button-selected:hover{background-color: var(--afas-accent,#4a6fa5);color: #ffffff;font-weight: 600}.afas-dialog-button-selected .afas-dialog-icon,.afas-dialog-button-selected .afas-dialog-icon vaadin-icon,.afas-dialog-button-selected:hover .afas-dialog-icon,.afas-dialog-button-selected:hover .afas-dialog-icon vaadin-icon{color: #ffffff;fill: #ffffff}.afas-dialog-button::part(label){display: block;min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.afas-section-label{font-size: 1rem;font-weight: 700;color: var(--gray-700,#495057)}.afas-menu-panel{--afas-accent: var(--primary,#2b7aff);--afas-accent-soft: var(--primary-subtle,rgba(43,122,255,0.1));box-sizing: border-box;height: 100%;max-height: 100vh;width: 100%;overflow: hidden;background: var(--lumo-base-color);color: var(--lumo-body-text-color)}.afas-menu-top{box-sizing: border-box;width: 100%;flex: none}.afas-menu-scroll{box-sizing: border-box;width: 100%;flex: 1 1 auto;min-height: 0;overflow-x: hidden;overflow-y: auto}.afas-menu-brand{box-sizing: border-box;width: 100%;min-width: 0;padding: 0.75rem 1.25rem 0.5rem 1.25rem;align-items: center}.afas-menu-brand-logo{display: block;flex: none;width: auto;height: 1.5rem}.afas-menu-brand-separator{flex: none;align-self: stretch;width: 1px;min-height: 1.75rem;background-color: var(--lumo-contrast-30pct,#c0c6cf)}.afas-menu-brand-title{display: block;font-size: 1.4rem;font-weight: 700;color: var(--lumo-body-text-color);line-height: 1.2;margin-top: 0.1rem}.afas-menu-brand-caption{font-size: 0.65rem;font-weight: 700;letter-spacing: 0.1em;color: var(--lumo-secondary-text-color)}.afas-menu-divider{margin: 0}.afas-menu-label-card{box-sizing: border-box;padding: 0.6rem 0.75rem;border: 0;border-radius: 10px;margin-bottom: 0.5rem;background: var(--lumo-contrast-5pct);cursor: pointer;transition: border-color 0.15s ease-in-out,background-color 0.15s ease-in-out}.afas-menu-label-card:hover{border-color: var(--afas-accent);background: var(--afas-accent-soft)}.afas-menu-label-avatar{display: flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;min-width: 2rem;flex: none;border-radius: 50%;background: var(--afas-accent);color: var(--white,#ffffff);font-size: 0.7rem;font-weight: 700}.afas-menu-label-text{flex: 1 1 auto;min-width: 0}.afas-menu-label-caption{font-size: 0.6rem;font-weight: 700;letter-spacing: 0.08em;color: var(--lumo-secondary-text-color)}.afas-menu-label-name{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.95rem;font-weight: 700;color: var(--lumo-body-text-color)}.afas-menu-label-badge{flex: none;font-size: 0.7rem;font-weight: 700;color: var(--white,#ffffff);background: var(--afas-accent);padding: 0.15rem 0.55rem;border-radius: 999px;white-space: nowrap}.afas-menu-chevron,.afas-menu-chevron vaadin-icon{flex: none;color: var(--lumo-secondary-text-color);fill: var(--lumo-secondary-text-color)}vaadin-details-summary .afas-menu-chevron{display: none}.afas-menu-search{box-sizing: border-box;width: calc(100% - 1.25rem);margin: 0 0 0.75rem 0rem}.afas-menu-search::part(input-field){border-radius: 999px;background: var(--lumo-contrast-5pct)}.afas-menu-functions-toggle{width: 100%;box-sizing: border-box;border-radius: 10px}.afas-menu-functions-toggle::part(summary){padding: 0.6rem 0.75rem;background: transparent}.afas-menu-functions-toggle::part(toggle){display: none}.afas-menu-functions-toggle::part(content){padding: 0 0.75rem 0.75rem 0.75rem;background: var(--lumo-base-color)}.afas-menu-functions-title{font-size: 0.8rem;font-weight: 700;letter-spacing: 0.04em;color: var(--afas-accent)}.afas-menu-functions-count{font-size: 0.75rem;font-weight: 700;color: var(--afas-accent);background: var(--lumo-base-color);border-radius: 999px;padding: 0.05rem 0.55rem}.afas-menu-functions{padding-top: 0.75rem}.afas-menu-footer{border-top: 1px solid var(--gray-500);box-sizing: border-box;width: 100%;flex: none;padding: 0.75rem 1.25rem}.afas-menu-user-name{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.9rem;font-weight: 600;color: var(--lumo-body-text-color)}.afas-menu-user-config,.afas-menu-user-config vaadin-icon{flex: none;color: var(--lumo-secondary-text-color);fill: var(--lumo-secondary-text-color);cursor: pointer}.afas-menu-user-config:hover,.afas-menu-user-config:hover vaadin-icon{color: var(--afas-accent);fill: var(--afas-accent)}:root{--middleware-drawer-width: 20rem;--primary: #2b7aff;--primary-emphasis: #1a5fd6;--primary-subtle: rgba(43,122,255,0.1);--primary-subtle-strong: rgba(43,122,255,0.2);--dark: #0f172a;--gray-700: #495057;--gray-600: #6c757d;--gray-500: #adb5bd;--success: #2f7a3d;--success-subtle: #e5f6ee;--warning: #b7791f;--warning-subtle: #fbf0dd;--danger: #c0392b;--danger-subtle: #fbeceb;--purple: #6c3fc5;--purple-subtle: #efe6fb;--white: #ffffff;--light: #f5f7fa;--light-subtle: #eef2f7;--border-color: rgba(0,0,0,0.08)}.middleware-header{box-shadow: none;background: var(--lumo-base-color);padding: 0.15rem 1.5rem 0.15rem 0;border-bottom: 1px solid var(--lumo-contrast-10pct)}.middleware-path{display: block;font-size: 0.9rem;color: var(--gray-600);margin-top: -0.150rem}vaadin-app-layout::part(navbar){background: transparent;box-shadow: none;border: none}vaadin-app-layout::part(drawer){box-sizing: border-box;width: var(--middleware-drawer-width);height: 100vh;max-height: 100vh;padding: 0;background: var(--lumo-base-color);border-right: 1px solid var(--lumo-contrast-10pct)}.middleware-drawer-toggle{transition: margin-inline-start 0.1s ease-in-out}.middleware-brand-title{color: var(--dark);font-size: 1.2rem;font-weight: 600}.middleware-menu-label{font-size: 0.8rem;color: var(--gray-600);text-transform: uppercase;letter-spacing: 0.04em}.sync-progress-counter{font-size: 0.85rem;font-weight: 600;color: var(--gray-700);white-space: nowrap}.sync-progress-status{font-size: 0.85rem;color: var(--gray-600);margin: 0.4rem 0 0.6rem 0;min-height: 1.2rem}.sync-progress-steps{max-height: 20rem;overflow-y: auto}.sync-progress-step{padding: 0.1rem 0;font-size: 0.85rem}.sync-progress-step-pending,.sync-progress-step-pending vaadin-icon{color: var(--gray-500);fill: var(--gray-500)}.sync-progress-step-active,.sync-progress-step-failed{font-weight: 600}.sync-progress-step-active,.sync-progress-step-active vaadin-icon{color: var(--primary);fill: var(--primary)}.sync-progress-step-active vaadin-icon{animation: sync-progress-spin 1.2s linear infinite}.sync-progress-step-done,.sync-progress-step-done vaadin-icon{color: var(--success);fill: var(--success)}.sync-progress-step-failed,.sync-progress-step-failed vaadin-icon{color: var(--danger);fill: var(--danger)}@keyframes sync-progress-spin{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.login-view{background-color: var(--light,#f5f7fa)}.login-card{background-color: var(--white,#ffffff);border: none;border-radius: 14px;box-shadow: 0 1px 4px rgba(0,0,0,0.04);padding: 3rem 2.75rem}.login-brand-icon{color: var(--primary,#2b7aff);fill: var(--primary,#2b7aff)}.login-title{color: var(--primary,#2b7aff);font-size: 1.5rem;font-weight: 600}.login-primary-button{background-color: var(--primary,#2b7aff);color: var(--white,#ffffff);font-weight: 500;border-radius: 6px;transition: background-color 0.15s ease-in-out}.login-primary-button:hover{background-color: var(--primary-emphasis,#1a5fd6)}.afas-grid{border: 1px solid var(--border-color,rgba(0,0,0,0.08));border-radius: 8px}.afas-grid::part(header-cell){background-color: var(--light,#f5f7fa);color: var(--primary,#2b7aff);font-weight: 600}.afas-grid::part(row):hover{background-color: var(--light-subtle,#eef2f7)}.afas-grid::part(resize-handle){top: calc(-1 * var(--lumo-size-m,50px));height: calc(100% + var(--lumo-size-m,50px))}.afas-grid::part(invalid-order){background-color: #fdecea;color: #c62828}.afas-grid::part(invalid-order):hover{background-color: #fbdcd9}.billing-issue-list{gap: 0.6rem}.billing-issue-card{background-color: var(--white,#ffffff);border: 1px solid var(--border-color,rgba(0,0,0,0.08));border-radius: 8px;padding: 0.75rem 1rem;transition: background-color 0.15s ease-in-out}.billing-issue-card:hover{background-color: var(--light,#f5f7fa)}.billing-issue-text{color: var(--gray-700,#495057);font-size: 0.95rem}.billing-issue-button{background-color: var(--primary,#2b7aff);color: var(--white,#ffffff);font-weight: 500;border-radius: 6px;transition: background-color 0.15s ease-in-out}.billing-issue-button:hover{background-color: var(--primary-emphasis,#1a5fd6)}.billing-actions-divider{margin: 0.5rem 0 1rem 0}.billing-primary-button{background-color: var(--primary,#2b7aff);color: var(--white,#ffffff);font-weight: 500;border-radius: 6px;transition: background-color 0.15s ease-in-out}.billing-primary-button:hover{background-color: var(--primary-emphasis,#1a5fd6)}.billing-secondary-button{color: var(--gray-700,#495057);font-weight: 500;border-radius: 6px;transition: background-color 0.15s ease-in-out}.billing-secondary-button:hover{background-color: var(--light-subtle,#eef2f7)}.acs-source{padding: 0.75rem 1rem;margin-bottom: 1rem;background-color: var(--light,#f5f7fa);border: 1px solid var(--border-color,rgba(0,0,0,0.08));border-radius: 8px}.acs-eyebrow{display: block;font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.05em;font-weight: 700;color: var(--gray-600,#6c757d)}.acs-source-name{display: block;font-size: 1.05rem;font-weight: 700;color: var(--gray-700,#495057)}.acs-source-meta{display: block;font-size: 0.85rem;color: var(--gray-600,#6c757d)}.acs-status-unlinked{flex: none;padding: 0.25rem 0.6rem;border-radius: 100px;background-color: var(--danger-subtle,#fbeceb);color: var(--danger,#c0392b);font-size: 0.75rem;font-weight: 700;white-space: nowrap}.acs-section-label{font-size: 0.85rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.03em;color: var(--gray-600,#6c757d);margin-bottom: 0.5rem}.acs-no-matches{color: var(--gray-600,#6c757d);font-size: 0.9rem}.acs-candidate{padding: 0.6rem 0.75rem;margin-bottom: 0.5rem;border: 1.5px solid var(--border-color,rgba(0,0,0,0.08));border-radius: 8px;gap: 0.75rem}.acs-candidate:hover{background-color: var(--light-subtle,#eef2f7)}.acs-score{flex: none;width: 3rem;text-align: center;padding: 0.25rem 0;border-radius: 6px;font-size: 0.8rem;font-weight: 700}.acs-score-high{background-color: var(--success-subtle,#e5f6ee);color: var(--success,#2f7a3d)}.acs-score-mid{background-color: var(--warning-subtle,#fbf0dd);color: var(--warning,#b7791f)}.acs-score-low{background-color: #eceff1;color: var(--gray-600,#6c757d)}.acs-candidate-name{display: block;font-weight: 600;color: var(--gray-700,#495057)}.acs-candidate-subtitle{display: block;font-size: 0.8rem;color: var(--gray-600,#6c757d)}.acs-reason-tags{gap: 0.4rem;margin-top: 0.3rem}.acs-reason-tag{font-size: 0.7rem;font-weight: 600;padding: 0.15rem 0.5rem;border-radius: 100px;background-color: var(--success-subtle,#e5f6ee);color: var(--success,#2f7a3d)}.acs-manual-search{margin-top: 0.5rem}.acs-ignore-button{color: var(--danger,#c0392b)}.comparison-grid{border: 1px solid var(--border-color,rgba(0,0,0,0.08));border-radius: 8px}.comparison-grid::part(header-cell){background-color: var(--light,#f5f7fa);color: var(--primary,#2b7aff);font-weight: 600}.comparison-detail-grid{margin: 0.5rem 1rem 1rem 3rem}.comparison-status-badge{display: inline-flex;align-items: center;padding: 0.2rem 0.7rem;border-radius: 999px;font-size: 0.8rem;font-weight: 600}.comparison-status-success{background-color: var(--success-subtle,#e5f6ee);color: var(--success,#2f7a3d)}.comparison-status-warning{background-color: var(--warning-subtle,#fbf0dd);color: var(--warning,#b7791f)}.comparison-status-purple{background-color: var(--purple-subtle,#efe6fb);color: var(--purple,#6c3fc5)}.comparison-status-dot{display: inline-block;width: 10px;height: 10px;border-radius: 50%}.comparison-status-dot-success{background-color: var(--success,#2f7a3d)}.comparison-status-dot-warning{background-color: var(--warning,#b7791f)}.comparison-status-dot-purple{background-color: var(--purple,#6c3fc5)}.comparison-action-button{background-color: var(--primary,#2b7aff);color: var(--white,#ffffff);font-weight: 500;border-radius: 6px;transition: background-color 0.15s ease-in-out}.comparison-action-button:hover{background-color: var(--primary-emphasis,#1a5fd6)}.comparison-action-button-muted{background-color: #9aa5b1;font-weight: 500;border-radius: 6px;transition: background-color 0.15s ease-in-out}.comparison-action-button-muted:hover{background-color: #838e9b}.comparison-action-button-outline{background-color: var(--white,#ffffff);color: var(--primary,#2b7aff);font-weight: 500;border-radius: 6px;border: 1px solid var(--primary,#2b7aff);transition: background-color 0.15s ease-in-out}.comparison-action-button-outline:hover{background-color: var(--light-subtle,#eef2f7)}.comparison-newer-tag{font-size: 0.7rem;font-weight: 600;color: var(--white,#ffffff);background-color: var(--warning,#b7791f);border-radius: 4px;padding: 0.05rem 0.4rem}.comparison-expand-icon{cursor: pointer;color: var(--primary,#2b7aff)}.afas-config-page{box-sizing: border-box;height: 100%;overflow-y: auto;padding: 2rem 2.5rem;background: var(--light,#f5f7fa)}.afas-config-header{margin-bottom: 1.5rem}.afas-config-title{font-size: 1.5rem;font-weight: 700;color: var(--dark,#0f172a);margin: 0}.afas-config-subtitle{display: block;font-size: 0.9rem;color: var(--gray-600,#6c757d);margin-top: 0.2rem}.afas-config-edit-button{border-radius: 8px}.afas-config-sections{display: grid;grid-template-columns: repeat(auto-fit,minmax(340px,1fr));gap: 1.25rem;align-items: start}.afas-config-card{box-sizing: border-box;width: 100%;background: var(--white,#ffffff);border: 1px solid var(--border-color,rgba(0,0,0,0.08));border-radius: 12px;padding: 1.1rem 1.4rem 0.4rem 1.4rem;box-shadow: 0 1px 2px rgba(15,23,42,0.04)}.afas-config-card-header{padding-bottom: 0.65rem;margin-bottom: 0.15rem;border-bottom: 1px solid var(--border-color,rgba(0,0,0,0.08))}.afas-config-card-icon,.afas-config-card-icon vaadin-icon{color: var(--primary,#2b7aff);fill: var(--primary,#2b7aff)}.afas-config-card-title{font-size: 0.8rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--gray-700,#495057)}.afas-config-row{display: grid;grid-template-columns: minmax(120px,190px) 1fr;gap: 0.25rem 1rem;padding: 0.55rem 0;border-bottom: 1px solid var(--border-color,rgba(0,0,0,0.08))}.afas-config-row:last-child{border-bottom: none}.afas-config-label{font-size: 0.85rem;color: var(--gray-600,#6c757d);align-self: center}.afas-config-value-text{font-size: 0.9rem;font-weight: 500;color: var(--dark,#0f172a);align-self: center;word-break: break-word}.afas-config-value-empty{color: var(--gray-500,#adb5bd);font-weight: 400}.afas-config-badge{display: inline-flex;align-items: center;align-self: center;width: fit-content;font-size: 0.75rem;font-weight: 700;padding: 0.15rem 0.6rem;border-radius: 999px}.afas-config-badge-success{color: var(--success,#2f7a3d);background: var(--success-subtle,#e5f6ee)}.afas-config-badge-neutral{color: var(--gray-600,#6c757d);background: var(--light-subtle,#eef2f7)}.afas-config-chip-group{display: flex;flex-wrap: wrap;gap: 0.35rem;align-self: center}.afas-config-chip{font-size: 0.75rem;font-weight: 600;color: var(--primary,#2b7aff);background: var(--primary-subtle,rgba(43,122,255,0.1));padding: 0.15rem 0.6rem;border-radius: 999px;white-space: nowrap}.afas-config-edit-sections{display: flex;flex-direction: column;gap: 1.1rem}.afas-config-edit-card{padding-bottom: 1rem}.afas-config-field-label{font-size: 0.85rem;color: var(--gray-600,#6c757d);margin-bottom: 0.4rem}.afas-config-field-block{margin-bottom: 0.9rem}.afas-config-chip-toggle-group{display: flex;flex-wrap: wrap;gap: 0.5rem}.afas-config-chip-toggle-group vaadin-checkbox{margin: 0;padding: 0.3rem 0.85rem 0.3rem 0.6rem;border: 1px solid var(--border-color,rgba(0,0,0,0.08));border-radius: 999px;background: var(--light-subtle,#eef2f7);transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out}.afas-config-chip-toggle-group vaadin-checkbox:hover{border-color: var(--primary,#2b7aff)}.afas-config-chip-toggle-group vaadin-checkbox[checked]{background: var(--primary-subtle,rgba(43,122,255,0.1));border-color: var(--primary,#2b7aff)}.afas-config-chip-toggle-group vaadin-checkbox[checked]::part(label){color: var(--primary-emphasis,#1a5fd6);font-weight: 600}.afas-config-edit-buttons{padding-top: 1rem;margin-top: 0.25rem;border-top: 1px solid var(--border-color,rgba(0,0,0,0.08))}