.connection-status-card[data-v-5d767cc7]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease}.connection-status-card[data-v-5d767cc7]:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.connection-status-card.view-cards[data-v-5d767cc7]{display:flex;flex-direction:column;height:100%}.connection-status-card.view-cards[data-v-5d767cc7]:hover{transform:translateY(-2px)}.card-header[data-v-5d767cc7]{padding:1.25rem;border-bottom:1px solid #f3f4f6}.branch-info[data-v-5d767cc7]{display:flex;align-items:center}.branch-name[data-v-5d767cc7]{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.card-subheader[data-v-5d767cc7]{padding:.875rem 1.25rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.branch-code[data-v-5d767cc7]{font-size:.875rem;color:#6b7280;font-weight:500;display:flex;align-items:center}.card-body[data-v-5d767cc7]{padding:1.25rem;flex:1}.info-row[data-v-5d767cc7]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f9fafb}.info-row[data-v-5d767cc7]:last-child{border-bottom:none}.info-row .label[data-v-5d767cc7]{font-size:.875rem;color:#6b7280;font-weight:500;display:flex;align-items:center}.info-row .label i[data-v-5d767cc7]{color:#9ca3af}.info-row .value[data-v-5d767cc7]{font-size:.875rem;color:#111827;font-weight:600;text-align:right}.card-footer[data-v-5d767cc7]{padding:1rem 1.25rem;background:#f9fafb;border-top:1px solid #e5e7eb;margin-top:auto}.card-footer .btn-action-secondary[data-v-5d767cc7],.card-footer .btn-action[data-v-5d767cc7]{width:100%}.connection-status-card.view-list[data-v-5d767cc7]{display:grid;grid-template-columns:2fr auto 3fr auto;gap:1.5rem;align-items:center;padding:1.25rem}.connection-status-card.view-list[data-v-5d767cc7]:hover{background:#f9fafb}.list-left[data-v-5d767cc7]{display:flex;flex-direction:column;gap:.375rem}.list-name[data-v-5d767cc7]{font-size:1rem;font-weight:600;color:#111827;display:flex;align-items:center}.list-code[data-v-5d767cc7]{font-size:.8125rem;color:#6b7280;font-weight:500}.list-code[data-v-5d767cc7],.list-status[data-v-5d767cc7]{display:flex;align-items:center}.list-details[data-v-5d767cc7]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.detail-item[data-v-5d767cc7]{font-size:.8125rem;display:flex;align-items:center;gap:.375rem}.detail-item i[data-v-5d767cc7]{color:#9ca3af;font-size:.75rem}.detail-item .label[data-v-5d767cc7]{color:#6b7280;font-weight:500}.detail-item .value[data-v-5d767cc7]{color:#111827;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.list-right[data-v-5d767cc7]{display:flex;align-items:center;justify-content:center}.list-right .btn-action-secondary[data-v-5d767cc7],.list-right .btn-action[data-v-5d767cc7]{min-width:180px}.status-badge[data-v-5d767cc7]{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.status-connected[data-v-5d767cc7]{background:#d1fae5;color:#065f46}.status-disconnected[data-v-5d767cc7]{background:#fee2e2;color:#991b1b}.badge-type[data-v-5d767cc7]{padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600;display:inline-block}.badge-new[data-v-5d767cc7]{background:#dbeafe;color:#1e40af}.badge-legacy[data-v-5d767cc7]{background:#fef3c7;color:#92400e}.btn-action[data-v-5d767cc7]{background:var(--primary-color,#3b82f6);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-action[data-v-5d767cc7]:hover{background:var(--primary-color-dark,#2563eb);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-action-secondary[data-v-5d767cc7]{background:#6b7280;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-action-secondary[data-v-5d767cc7]:hover{background:#38414e;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width:1024px){.connection-status-card.view-list[data-v-5d767cc7]{grid-template-columns:1fr;gap:1rem}.list-details[data-v-5d767cc7]{grid-template-columns:1fr}.list-right[data-v-5d767cc7]{justify-content:flex-start}.btn-action[data-v-5d767cc7]{width:100%}}.connection-apps-container[data-v-8ce50bcc]{padding:16px;padding-right:20px;max-width:100%}.connection-apps-card[data-v-8ce50bcc]{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.connection-apps-header[data-v-8ce50bcc]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;gap:1rem}.header-left[data-v-8ce50bcc]{flex:1}.header-title[data-v-8ce50bcc]{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .25rem 0;display:flex;align-items:center}.header-subtitle[data-v-8ce50bcc]{font-size:.875rem;color:#6b7280;margin:0}.header-actions[data-v-8ce50bcc]{display:flex;gap:.75rem;flex-shrink:0}.btn-primary-action[data-v-8ce50bcc]{background:var(--primary-color,#3b82f6);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;white-space:nowrap}.btn-primary-action[data-v-8ce50bcc]:hover{background:var(--primary-color-dark,#2563eb);transform:translateY(-1px)}.btn-primary-action.btn-disabled[data-v-8ce50bcc],.btn-primary-action[data-v-8ce50bcc]:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-primary-action.btn-disabled[data-v-8ce50bcc]:hover,.btn-primary-action[data-v-8ce50bcc]:disabled:hover{background:#9ca3af;transform:none}.btn-secondary-action[data-v-8ce50bcc]{background:#fff;color:#6b7280;border:1px solid #d1d5db;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;white-space:nowrap}.btn-secondary-action[data-v-8ce50bcc]:hover{background:#f9fafb;border-color:#9ca3af}.btn-cancel-action[data-v-8ce50bcc]{background:#9ca3af;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap}.btn-cancel-action[data-v-8ce50bcc]:hover{background:#6b7280}.connection-apps-content[data-v-8ce50bcc]{padding:1.5rem 2rem}.loading-state[data-v-8ce50bcc]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.loading-text[data-v-8ce50bcc]{margin-top:1rem;color:#6b7280;font-size:.875rem}.filter-bar[data-v-8ce50bcc]{justify-content:space-between;margin-bottom:1.5rem}.filter-bar-left[data-v-8ce50bcc],.filter-bar[data-v-8ce50bcc]{display:flex;align-items:center;gap:1rem}.search-wrapper[data-v-8ce50bcc]{flex:1;max-width:600px}.search-wrapper[data-v-8ce50bcc] .o-search,.search-wrapper[data-v-8ce50bcc] .search-container{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important}.search-wrapper[data-v-8ce50bcc] .search-select,.search-wrapper[data-v-8ce50bcc] select{flex:0 0 auto!important;min-width:150px!important;max-width:200px!important}.search-wrapper[data-v-8ce50bcc] .search-input,.search-wrapper[data-v-8ce50bcc] input[type=text]{flex:1!important}.search-wrapper[data-v-8ce50bcc] .btn-group,.search-wrapper[data-v-8ce50bcc] .search-buttons{flex:0 0 auto!important;display:flex!important;gap:.5rem!important}.view-toggle[data-v-8ce50bcc]{display:flex;gap:.25rem;background:#f3f4f6;padding:.25rem;border-radius:8px}.btn-view[data-v-8ce50bcc]{background:transparent;color:#6b7280;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;display:flex;align-items:center;justify-content:center}.btn-view[data-v-8ce50bcc]:hover{background:#e5e7eb;color:#374151}.btn-view.active[data-v-8ce50bcc]{background:#fff;color:var(--primary-color,#3b82f6);box-shadow:0 1px 3px rgba(0,0,0,.1)}.filter-container[data-v-8ce50bcc]{position:relative}.btn-filter-dropdown[data-v-8ce50bcc]{background:#fff;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;display:flex;align-items:center;white-space:nowrap}.btn-filter-dropdown[data-v-8ce50bcc]:hover{background:#f9fafb;border-color:#9ca3af}.filter-dropdown[data-v-8ce50bcc]{position:absolute;top:calc(100% + .5rem);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:50;min-width:500px}.filter-sections-container[data-v-8ce50bcc]{display:flex;gap:0}.filter-dropdown-header[data-v-8ce50bcc]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-weight:600;color:#111827;font-size:.875rem}.btn-close-dropdown[data-v-8ce50bcc]{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.btn-close-dropdown[data-v-8ce50bcc]:hover{background:#f3f4f6;color:#374151}.filter-options[data-v-8ce50bcc]{padding:.5rem}.filter-option[data-v-8ce50bcc]{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:.875rem;color:#374151}.filter-option[data-v-8ce50bcc]:hover{background:#f9fafb}.filter-option input[type=radio][data-v-8ce50bcc]{margin:0;cursor:pointer;accent-color:var(--primary-color,#3b82f6);width:14px;height:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d1d5db;border-radius:50%;outline:none;transition:all .2s ease;position:relative}.filter-option input[type=radio][data-v-8ce50bcc]:checked{border-color:var(--primary-color,#3b82f6);background-color:#fff}.filter-option input[type=radio][data-v-8ce50bcc]:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background-color:var(--primary-color,#3b82f6)}.filter-option input[type=radio][data-v-8ce50bcc]:hover{border-color:var(--primary-color,#3b82f6)}.filter-option span[data-v-8ce50bcc]{flex:1}.filter-section[data-v-8ce50bcc]{padding:.5rem;flex:1;min-width:0}.filter-section-title[data-v-8ce50bcc]{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem .25rem}.filter-separator[data-v-8ce50bcc]{height:1px;background:#e5e7eb;margin:.5rem 0}.filter-vertical-separator[data-v-8ce50bcc]{width:1px;background:#e5e7eb;margin:.5rem 0}.search-container[data-v-8ce50bcc]{position:relative;flex:1;max-width:600px}.btn-search-dropdown[data-v-8ce50bcc]{background:#fff;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;display:flex;align-items:center;white-space:nowrap}.btn-search-dropdown[data-v-8ce50bcc]:hover{background:#f9fafb;border-color:#9ca3af}.search-dropdown[data-v-8ce50bcc]{position:absolute;top:calc(100% + .5rem);left:0;right:0;min-width:350px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:50}.search-dropdown-header[data-v-8ce50bcc]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-weight:600;color:#111827;font-size:.875rem}.search-form[data-v-8ce50bcc]{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.search-select[data-v-8ce50bcc]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;cursor:pointer}.search-select[data-v-8ce50bcc]:focus{outline:none;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-input[data-v-8ce50bcc]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151}.search-input[data-v-8ce50bcc]:focus{outline:none;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-input[data-v-8ce50bcc]::-moz-placeholder{color:#9ca3af}.search-input[data-v-8ce50bcc]:-ms-input-placeholder{color:#9ca3af}.search-input[data-v-8ce50bcc]::placeholder{color:#9ca3af}.search-actions[data-v-8ce50bcc]{display:flex;gap:.5rem}.btn-search[data-v-8ce50bcc]{flex:1;background:var(--primary-color,#3b82f6);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-search[data-v-8ce50bcc]:hover{background:var(--primary-color-dark,#2563eb)}.btn-clear[data-v-8ce50bcc]{background:#6b7280;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-clear[data-v-8ce50bcc]:hover{background:#4b5563}.btn-refresh[data-v-8ce50bcc]{background:#fff;color:var(--primary-color,#3b82f6);border:1px solid #e5e7eb;width:40px;height:40px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-refresh[data-v-8ce50bcc]:hover{background:#f9fafb;border-color:var(--primary-color,#3b82f6)}.cards-grid[data-v-8ce50bcc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:1.5rem}.cards-list[data-v-8ce50bcc]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.empty-state[data-v-8ce50bcc]{text-align:center;padding:4rem 2rem;color:#9ca3af}.empty-state i[data-v-8ce50bcc]{margin-bottom:1rem;opacity:.5}.empty-state h5[data-v-8ce50bcc]{color:#374151;font-weight:600;margin-bottom:.5rem}.empty-state p[data-v-8ce50bcc]{color:#6b7280;font-size:.875rem}.pagination-wrapper[data-v-8ce50bcc]{display:flex;justify-content:center;padding-top:1rem}.alert[data-v-8ce50bcc]{margin-bottom:1rem;padding:1rem;border-radius:8px;display:flex;align-items:center}.alert-danger[data-v-8ce50bcc]{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}@media (max-width:1024px){.view-toggle[data-v-8ce50bcc]{display:none}}.modal-header-visual[data-v-8ce50bcc]{text-align:center;padding:1rem 0}.icon-circle[data-v-8ce50bcc]{width:60px;height:60px;background:#eff6ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.icon-circle i[data-v-8ce50bcc]{font-size:1.75rem;color:var(--primary-color,#3b82f6)}.modal-title-custom[data-v-8ce50bcc]{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.5rem}.modal-subtitle[data-v-8ce50bcc]{color:#6b7280;font-size:.95rem;max-width:80%;margin:0 auto}.checklist-container[data-v-8ce50bcc]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.checklist-item[data-v-8ce50bcc]{display:flex;gap:1rem;padding:1rem;background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px}.check-icon[data-v-8ce50bcc]{width:24px;height:24px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.check-icon i[data-v-8ce50bcc]{color:#fff;font-size:.75rem}.check-content strong[data-v-8ce50bcc]{display:block;color:#374151;margin-bottom:.25rem;font-size:.95rem}.check-content p[data-v-8ce50bcc]{margin:0;color:#6b7280;font-size:.85rem;line-height:1.4}.confirmation-box[data-v-8ce50bcc]{background:#eff6ff;border:1px dashed #bfdbfe;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.custom-checkbox-container[data-v-8ce50bcc]{display:flex;align-items:center;cursor:pointer;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}.custom-checkbox-container input[data-v-8ce50bcc]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox-container .checkmark[data-v-8ce50bcc]{height:20px;width:20px;background-color:#fff;border:2px solid #d1d5db;border-radius:4px;margin-right:12px;position:relative;transition:all .2s;flex-shrink:0}.custom-checkbox-container:hover input~.checkmark[data-v-8ce50bcc]{border-color:var(--primary-color,#3b82f6)}.custom-checkbox-container input:checked~.checkmark[data-v-8ce50bcc]{background-color:var(--primary-color,#3b82f6);border-color:var(--primary-color,#3b82f6)}.custom-checkbox-container .checkmark[data-v-8ce50bcc]:after{content:"";position:absolute;display:none}.custom-checkbox-container input:checked~.checkmark[data-v-8ce50bcc]:after{display:block}.custom-checkbox-container .checkmark[data-v-8ce50bcc]:after{left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox-container .label-text[data-v-8ce50bcc]{color:#4b5563;font-weight:500}.action-footer[data-v-8ce50bcc]{display:flex;flex-direction:column;gap:.75rem}.btn-create-connection[data-v-8ce50bcc]{width:100%;background:var(--primary-color,#3b82f6);color:#fff;border:none;padding:1rem;border-radius:8px;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px rgba(59,130,246,.2)}.btn-create-connection[data-v-8ce50bcc]:hover:not(:disabled){background:var(--primary-color-dark,#2563eb);transform:translateY(-2px);box-shadow:0 6px 8px -1px rgba(59,130,246,.3)}.btn-create-connection[data-v-8ce50bcc]:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none;transform:none}.btn-cancel-link[data-v-8ce50bcc]{background:transparent;border:none;color:#6b7280;font-size:.9rem;cursor:pointer;padding:.5rem}.btn-cancel-link[data-v-8ce50bcc]:hover{color:#374151;text-decoration:underline}