.ext-db-status{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.ext-db-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite statusPulse}.ext-db-status-dot.connected{background:var(--accent-emerald);box-shadow:0 0 8px #10b98180}.ext-db-status-dot.partial{background:var(--accent-amber);box-shadow:0 0 8px #f59e0b80}.ext-db-status-dot.disconnected{background:var(--accent-rose);box-shadow:0 0 8px #f43f5e80}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.ext-db-status-info{flex:1}.ext-db-status-label{color:var(--text-primary);font-size:14px;font-weight:600}.ext-db-status-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.ext-db-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.ext-db-status-badge.read-only{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b98140}.ext-db-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.ext-db-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);padding:20px}.ext-db-stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ext-db-stat-value{background:linear-gradient(135deg, var(--primary-light), var(--accent-sky));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.ext-db-stat-label{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:500}.ext-db-layout{grid-template-columns:300px minmax(0,1fr);gap:20px;width:100%;min-height:calc(100vh - 200px);display:grid;overflow:visible}@media (max-width:900px){.ext-db-layout{grid-template-columns:1fr}}.ext-db-table-sidebar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;max-height:calc(100vh - 200px);display:flex;position:sticky;top:80px;overflow:hidden}.ext-db-table-sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:16px}.ext-db-table-sidebar-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:10px;font-size:13px;font-weight:700}.ext-db-table-search{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.ext-db-table-search:focus{border-color:var(--primary)}.ext-db-table-search::placeholder{color:var(--text-muted)}.ext-db-table-list{flex:1;padding:4px;overflow-y:auto}.ext-db-table-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;padding:12px 14px;display:flex}.ext-db-table-item:hover{background:var(--bg-elevated)}.ext-db-table-item.active{background:var(--primary-glow);color:var(--primary-light)}.ext-db-table-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.ext-db-table-item-count{color:var(--text-muted);background:var(--bg-elevated);border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px}.ext-db-table-item.active .ext-db-table-item-count{color:var(--primary-light);background:#6366f133}.ext-db-main{flex-direction:column;gap:20px;min-width:0;display:flex;overflow:hidden}.ext-db-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;gap:2px;padding:4px;display:flex}.ext-db-tab{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.ext-db-tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.ext-db-tab.active{background:var(--primary-glow);color:var(--primary-light)}.ext-db-schema{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ext-db-schema-section{border-bottom:1px solid var(--border)}.ext-db-schema-section:last-child{border-bottom:none}.ext-db-schema-header{color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:700;display:flex}.ext-db-schema-header:hover{background:var(--bg-card-hover)}.ext-db-schema-header .toggle{transition:transform var(--transition-fast);margin-left:auto;font-size:11px}.ext-db-schema-header .toggle.open{transform:rotate(180deg)}.ext-db-schema-content{padding:0 20px 16px}.ext-db-data-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden}.ext-db-data-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.ext-db-data-search{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-width:200px;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;flex:1;padding:8px 14px;font-family:inherit;font-size:13px}.ext-db-data-search:focus{border-color:var(--primary)}.ext-db-data-search::placeholder{color:var(--text-muted)}.ext-db-filter-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;display:flex}.ext-db-filter-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.ext-db-filter-btn.has-filters{border-color:var(--primary);color:var(--primary-light);background:var(--primary-glow)}.ext-db-filter-panel{border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-direction:column;gap:10px;padding:12px 16px;animation:.2s fadeIn;display:flex}.ext-db-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ext-db-filter-select,.ext-db-filter-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:6px 10px;font-family:inherit;font-size:12px}.ext-db-filter-select:focus,.ext-db-filter-input:focus{border-color:var(--primary)}.ext-db-filter-select{min-width:120px}.ext-db-filter-input{flex:1;min-width:150px}.ext-db-filter-remove{border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--accent-rose);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:14px;display:flex}.ext-db-filter-remove:hover{border-color:var(--accent-rose);background:#f43f5e1a}.ext-db-filter-add{border:1px dashed var(--border-hover);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:12px;display:flex}.ext-db-filter-add:hover{color:var(--primary-light);border-color:var(--primary)}.ext-db-table-grid{flex:1;overflow-x:auto}.ext-db-table-grid table{border-collapse:separate;border-spacing:0;width:100%}.ext-db-table-grid th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:11px;font-weight:700;position:sticky;top:0}.ext-db-table-grid th:hover{color:var(--text-primary)}.ext-db-table-grid th .sort-icon{opacity:.3;transition:opacity var(--transition-fast);margin-left:4px}.ext-db-table-grid th.sorted .sort-icon{opacity:1;color:var(--primary-light)}.ext-db-table-grid td{border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;max-width:300px;transition:background var(--transition-fast);padding:8px 14px;font-size:13px;overflow:hidden}.ext-db-table-grid tr:hover td{background:var(--bg-card-hover)}.ext-db-table-grid tr:last-child td{border-bottom:none}.ext-db-cell-null{color:var(--text-muted);font-size:11px;font-style:italic}.ext-db-cell-bool{font-weight:600}.ext-db-cell-bool.true{color:var(--accent-emerald)}.ext-db-cell-bool.false{color:var(--accent-rose)}.ext-db-cell-number{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px}.ext-db-cell-json{color:var(--accent-amber);text-overflow:ellipsis;max-width:250px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;overflow:hidden}.ext-db-pagination{border-top:1px solid var(--border);background:var(--bg-elevated);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ext-db-pagination-info{color:var(--text-muted);font-size:12px}.ext-db-pagination-controls{align-items:center;gap:4px;display:flex}.ext-db-page-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-family:inherit;font-size:13px;display:flex}.ext-db-page-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.ext-db-page-btn.active{background:var(--primary-glow);border-color:var(--primary);color:var(--primary-light)}.ext-db-page-btn:disabled{opacity:.3;cursor:not-allowed}.ext-db-page-size{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:6px 10px;font-family:inherit;font-size:12px}.ext-db-er-container{width:100%;overflow:visible}.ext-db-er-title{align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.ext-db-er-diagram{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:20px;min-height:320px;padding-bottom:16px;display:flex;overflow:auto visible}.ext-db-er-diagram::-webkit-scrollbar{height:10px}.ext-db-er-diagram::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:6px}.ext-db-er-diagram::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--primary), var(--primary-dark));border:2px solid var(--bg-elevated);border-radius:6px}.ext-db-er-diagram::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.ext-db-er-table{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:300px;max-width:360px;transition:all var(--transition-normal);flex-shrink:0;overflow:hidden}.ext-db-er-table:hover{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.ext-db-er-table-header{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.ext-db-er-table-body{padding:10px 0}.ext-db-er-column{align-items:center;gap:8px;padding:6px 16px;font-size:13px;line-height:1.5;display:flex}.ext-db-er-column-name{color:var(--text-secondary);flex:1}.ext-db-er-column-type{color:var(--text-muted);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12px}.ext-db-er-column.pk .ext-db-er-column-name{color:var(--accent-amber);font-weight:600}.ext-db-er-column.fk .ext-db-er-column-name{color:var(--accent-sky);font-weight:500}.ext-db-er-relations{background:var(--bg-elevated);border-radius:var(--radius-md);margin-top:16px;padding:12px 16px}.ext-db-er-relation{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 0;font-size:13px;line-height:1.5;display:flex}.ext-db-er-relation-arrow{color:var(--accent-sky);font-size:16px;font-weight:700}.ext-db-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.ext-db-empty-icon{opacity:.3;font-size:48px}.ext-db-empty-text{text-align:center;font-size:14px}.ext-db-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.ext-db-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ext-db-loading-text{color:var(--text-muted);font-size:13px}.ext-db-type-badge{background:var(--bg-elevated);border:1px solid var(--border);color:var(--accent-sky);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px}.ext-db-pk-badge{color:var(--accent-amber);background:#f59e0b1f;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.ext-db-fk-badge{color:var(--accent-sky);background:#0ea5e91f;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.ext-db-nullable-badge{color:var(--text-muted);background:#6b72801f;border-radius:4px;padding:2px 6px;font-size:10px}.harici-supabase-page{flex-direction:column;height:100%;display:flex}.ext-db-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;align-items:center;gap:16px;min-height:56px;max-height:72px;margin-bottom:8px;padding:10px 16px;display:flex}.ext-db-summary-left{flex-shrink:0;align-items:center;gap:10px;display:flex}.ext-db-summary-conn{flex-direction:column;gap:1px;display:flex}.ext-db-summary-conn-label{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:700}.ext-db-summary-project{color:var(--text-muted);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:11px}.ext-db-summary-center{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.ext-db-summary-api-item{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.ext-db-check{color:var(--accent-emerald);font-weight:700}.ext-db-cross{color:var(--accent-rose);font-weight:700}.ext-db-summary-sep{color:var(--border);-webkit-user-select:none;user-select:none;font-size:11px}.ext-db-summary-badge-ro{color:var(--accent-emerald);white-space:nowrap;background:#10b9811a;border:1px solid #10b98133;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.ext-db-summary-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.ext-db-summary-stat{color:var(--text-muted);white-space:nowrap;font-size:12px}.ext-db-summary-stat strong{color:var(--text-primary);font-weight:700}.ext-db-summary-settings-btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:0 0;padding:4px 8px;font-size:14px;line-height:1;transition:all .2s}.ext-db-summary-settings-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.ext-db-workspace{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ext-db-workspace-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;gap:4px;margin-bottom:8px;padding:4px;display:flex}.ext-db-workspace-tab{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);white-space:nowrap;background:0 0;border:none;flex:none;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.ext-db-workspace-tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.ext-db-workspace-tab.active{background:var(--primary-glow);color:var(--primary-light)}.ext-db-workspace-tab-badge{color:#818cf8;background:#6366f11a;border:1px solid #6366f126;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.ext-db-workspace-tab.active .ext-db-workspace-tab-badge{color:var(--primary-light);background:#6366f133}.ext-db-tab-content{flex:1;height:calc(100vh - 220px);min-height:600px;overflow:auto}.ext-db-er-canvas{min-width:max-content;height:100%;padding:16px;overflow:auto}.ext-db-er-relations-panel{height:100%;padding:16px;overflow-y:auto}.iletisim-rehber-page .ext-db-tab-content,.iletisim-rehber-page .ext-db-workspace,.iletisim-rehber-page .page-content{min-height:0;overflow:auto!important}.iletisim-rehber-page .harici-supabase-page{height:100%;min-height:0}.cd-stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:20px;display:grid}.cd-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:14px 16px;transition:all .2s;position:relative;overflow:hidden}.cd-stat-card:hover{border-color:var(--primary);transform:translateY(-1px)}.cd-stat-card.active{border-color:var(--primary);box-shadow:0 0 16px #6366f11a}.cd-stat-card-value{margin-bottom:4px;font-size:22px;font-weight:800;line-height:1}.cd-stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.cd-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.cd-search-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:220px;color:var(--text-primary);outline:none;flex:1;padding:9px 14px;font-family:inherit;font-size:13px;transition:border-color .2s}.cd-search-input:focus{border-color:var(--primary)}.cd-search-input::placeholder{color:var(--text-muted)}.cd-filter-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;outline:none;min-width:130px;padding:9px 12px;font-family:inherit;font-size:12px;transition:border-color .2s}.cd-filter-select:focus{border-color:var(--primary)}.cd-clear-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;padding:9px 16px;font-family:inherit;font-size:12px;transition:all .2s}.cd-clear-btn:hover{border-color:var(--accent-rose);color:var(--accent-rose)}.cd-layout{grid-template-columns:minmax(0,1fr);gap:16px;min-height:calc(100vh - 420px);display:grid}.cd-layout.with-detail{grid-template-columns:minmax(0,1fr) 380px}@media (max-width:1200px){.cd-layout.with-detail{grid-template-columns:1fr}}.cd-table-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-width:0;display:flex;overflow:hidden}.cd-table-toolbar{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.cd-table-grid{flex:1;overflow-x:auto}.cd-table-grid table{border-collapse:separate;border-spacing:0;width:100%}.cd-table-grid th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;padding:10px 12px;font-size:11px;font-weight:700;position:sticky;top:0}.cd-table-grid th:hover{color:var(--text-primary)}.cd-table-grid td{border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;max-width:200px;padding:10px 12px;font-size:13px;overflow:hidden}.cd-table-grid tr{cursor:pointer;transition:background .15s}.cd-table-grid tr:hover td{background:var(--bg-elevated)}.cd-table-grid tr.selected td{background:var(--primary-glow)}.cd-pagination{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.cd-pagination-btns{gap:4px;display:flex}.cd-pagination-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:12px;transition:all .15s}.cd-pagination-btn:hover{border-color:var(--primary)}.cd-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.cd-detail-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:calc(100vh - 420px);position:sticky;top:80px;overflow-y:auto}.cd-detail-header{border-bottom:1px solid var(--border);padding:20px}.cd-detail-name{margin-bottom:4px;font-size:18px;font-weight:700}.cd-detail-source{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.cd-detail-fields{padding:16px 20px}.cd-detail-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.cd-detail-label{color:var(--text-muted);font-size:12px;font-weight:600}.cd-detail-value{text-align:right;text-overflow:ellipsis;max-width:200px;font-weight:500;overflow:hidden}.cd-logs-section{border-top:1px solid var(--border);padding:16px 20px}.cd-logs-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:700}.cd-log-entry{color:var(--text-secondary);background:var(--bg-elevated);border-radius:var(--radius-sm);border-left:2px solid var(--border);margin-bottom:4px;padding:6px 10px;font-size:11px;line-height:1.5}.cd-badge{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.cd-badge-green{color:#10b981;background:#10b9811a;border:1px solid #10b98126}.cd-badge-blue{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f626}.cd-badge-purple{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf626}.cd-badge-amber{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b26}.cd-badge-rose{color:#f43f5e;background:#f43f5e1a;border:1px solid #f43f5e26}.cd-badge-gray{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b826}.cd-badge-indigo{color:#6366f1;background:#6366f11a;border:1px solid #6366f126}.cd-badge-gold{color:#eab308;background:#eab3081a;border:1px solid #eab30826}.cd-badge-teal{color:#14b8a6;background:#14b8a61a;border:1px solid #14b8a626}.cd-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:40vh;display:flex}.cd-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;font-size:14px;display:flex}.cd-empty-icon{opacity:.5;margin-bottom:12px;font-size:40px}.ext-db-mapping-container{flex-direction:column;gap:0;height:100%;min-height:500px;display:flex}.ext-db-mapping-header{border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(135deg,#6366f114,#0ea5e90a);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.ext-db-mapping-layout{border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--bg-card);border-top:none;grid-template-columns:280px 1fr;min-height:400px;display:grid;overflow:hidden}.ext-db-mapping-sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;max-height:520px;display:flex;overflow:hidden}.ext-db-mapping-sidebar>div:last-child{overflow-y:auto}.ext-db-mapping-sidebar::-webkit-scrollbar{width:5px}.ext-db-mapping-sidebar>div::-webkit-scrollbar{width:5px}.ext-db-mapping-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ext-db-mapping-sidebar>div::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ext-db-mapping-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:10px 16px 6px;font-size:10px;font-weight:800;display:flex}.ext-db-mapping-column-item{cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);border-left:3px solid #0000;align-items:center;gap:8px;padding:9px 16px;font-size:13px;display:flex;position:relative}.ext-db-mapping-column-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.ext-db-mapping-column-item.active{background:var(--primary-glow);border-left-color:var(--primary);color:var(--text-primary)}.ext-db-mapping-column-item.mapped{color:var(--text-primary)}.ext-db-mapping-column-item.mapped:after{content:"";background:var(--accent-emerald);opacity:.5;border-radius:3px 0 0 3px;width:3px;height:60%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.ext-db-mapping-column-item.mapped.active:after{opacity:1}.ext-db-mapping-column-icon{flex-shrink:0;font-size:14px;line-height:1}.ext-db-mapping-column-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden}.ext-db-mapping-type-icon{opacity:.8;flex-shrink:0;font-size:12px}.ext-db-mapping-detail{background:var(--bg-card);flex-direction:column;max-height:520px;display:flex;overflow-y:auto}.ext-db-mapping-empty{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;min-height:300px;display:flex}.ext-db-mapping-form{flex-direction:column;height:100%;display:flex}.ext-db-mapping-field{margin-bottom:14px}.ext-db-mapping-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.ext-db-mapping-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);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='%236b7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:9px 30px 9px 12px;font-family:inherit;font-size:13px}.ext-db-mapping-select:hover{border-color:var(--border-hover)}.ext-db-mapping-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.ext-db-mapping-select:disabled{opacity:.5;cursor:not-allowed}.ext-db-mapping-select option{background:var(--bg-elevated);color:var(--text-primary)}.ext-db-mapping-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);box-sizing:border-box;outline:none;padding:9px 12px;font-family:inherit;font-size:13px}.ext-db-mapping-input::placeholder{color:var(--text-muted)}.ext-db-mapping-input:hover{border-color:var(--border-hover)}.ext-db-mapping-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.ext-db-mapping-actions{border-top:1px solid var(--border);gap:8px;margin-top:16px;padding-top:16px;display:flex}.ext-db-mapping-action-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.ext-db-mapping-action-btn:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ext-db-mapping-action-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ext-db-mapping-action-btn.preview:hover{border-color:var(--accent-sky);color:var(--accent-sky)}.ext-db-mapping-action-btn.save{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-color:#0000}.ext-db-mapping-action-btn.save:hover{box-shadow:0 0 16px var(--primary-glow);transform:translateY(-1px)}.ext-db-mapping-action-btn.delete{color:var(--accent-rose);background:0 0;border-color:#f43f5e40}.ext-db-mapping-action-btn.delete:hover{border-color:var(--accent-rose);background:#f43f5e14}.ext-db-mapping-arrow{color:var(--primary-light);opacity:.7;font-size:16px;font-weight:800}.ext-db-mapping-badge{color:var(--primary-light);white-space:nowrap;background:#6366f11a;border:1px solid #6366f133;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.ext-db-mapping-sync-btn{background:linear-gradient(135deg, var(--accent-emerald), #059669);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 0 12px #10b98133}.ext-db-mapping-sync-btn:before{content:"";background:linear-gradient(135deg,#0000 30%,#ffffff1a 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.ext-db-mapping-sync-btn:hover:before{transform:translate(100%)}.ext-db-mapping-sync-btn:hover{transform:translateY(-1px);box-shadow:0 0 24px #10b98159}.ext-db-mapping-sync-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}@keyframes syncPulse{0%,to{box-shadow:0 0 12px #10b98133}50%{box-shadow:0 0 24px #10b98173}}.ext-db-mapping-sync-btn:not(:disabled){animation:3s ease-in-out infinite syncPulse}.ext-db-mapping-sync-result{border:1px solid var(--border);border-top:none;padding:10px 20px;font-size:12px;font-weight:600}.ext-db-mapping-sync-result.success{color:var(--accent-emerald);background:#10b9810f;border-color:#10b98133}.ext-db-mapping-sync-result.error{color:var(--accent-rose);background:#f43f5e0f;border-color:#f43f5e33}.ext-db-mapping-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:12px;padding:16px 20px}.ext-db-mapping-preview-table{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.ext-db-mapping-preview-table table{border-collapse:separate;border-spacing:0;width:100%}.ext-db-mapping-preview-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:700;position:sticky;top:0}.ext-db-mapping-preview-table td{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff08;max-width:200px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden}.ext-db-mapping-preview-table tr:hover td{background:var(--bg-elevated)}.ext-db-mapping-rule-builder{padding:4px 0}.ext-db-mapping-rule-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;gap:6px;margin-bottom:8px;padding:8px 10px;display:flex}.ext-db-mapping-rule-row:hover{border-color:var(--border-hover)}.ext-db-mapping-rule-row .ext-db-mapping-select,.ext-db-mapping-rule-row .ext-db-mapping-input{background:var(--bg-card);padding:6px 8px;font-size:12px}.ext-db-mapping-rule-remove{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--accent-rose);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #f43f5e33;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:12px;display:flex}.ext-db-mapping-rule-remove:hover{border-color:var(--accent-rose);background:#f43f5e1a}.ext-db-mapping-rule-add{border:1px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;margin-top:4px;padding:8px;font-family:inherit;font-size:12px}.ext-db-mapping-rule-add:hover{border-color:var(--primary);color:var(--primary-light);background:var(--primary-glow)}@media (max-width:900px){.ext-db-mapping-layout{grid-template-columns:1fr}.ext-db-mapping-sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:250px}.ext-db-mapping-header{flex-direction:column;align-items:stretch}.ext-db-mapping-header>div:last-child{flex-wrap:wrap;gap:8px}}@media (max-width:600px){.ext-db-mapping-rule-row{flex-wrap:wrap}.ext-db-mapping-actions{flex-direction:column}}.ext-db-join-chain{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:4px;overflow:hidden}.ext-db-join-chain-header{color:var(--text-primary);border-bottom:1px solid var(--border);background:linear-gradient(135deg,#0ea5e914,#6366f10a);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.ext-db-join-link{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:6px;margin-bottom:8px;padding:8px 10px;transition:border-color .2s;display:flex}.ext-db-join-link:hover{border-color:var(--border-hover)}.ext-db-join-link .ext-db-mapping-select,.ext-db-join-link .ext-db-mapping-input{background:var(--bg-elevated);padding:6px 8px;font-size:12px}.ext-db-join-link-arrow{color:var(--accent-sky);opacity:.8;flex-shrink:0;font-size:16px;font-weight:800}.ext-db-condition-groups{flex-direction:column;gap:0;display:flex}.ext-db-condition-group-card{background:var(--bg-elevated);border:1px solid var(--border);border-left:4px solid var(--accent-sky);border-radius:var(--radius-md);margin-bottom:10px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.ext-db-condition-group-card:hover{box-shadow:0 2px 12px #00000014}.ext-db-condition-group-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#6366f10a,#0000);align-items:center;gap:10px;padding:10px 14px;display:flex}.ext-db-condition-group-header .ext-db-mapping-input{background:var(--bg-card);padding:6px 10px;font-size:12px}.ext-db-condition-group-body{padding:12px 14px}.ext-db-condition-group-body .ext-db-mapping-select{padding:6px 8px;font-size:12px}.ext-db-condition-row-multi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:6px;margin-bottom:6px;padding:6px 8px;transition:border-color .2s;display:flex}.ext-db-condition-row-multi:hover{border-color:var(--border-hover)}.ext-db-condition-row-multi .ext-db-mapping-select,.ext-db-condition-row-multi .ext-db-mapping-input{background:var(--bg-elevated);padding:5px 8px;font-size:12px}.ext-db-condition-row-multi .ext-db-mapping-rule-remove{width:24px;height:24px;font-size:10px}.ext-db-condition-subgroup{border-left:2px dashed var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#6366f105;margin:8px 0 8px 12px;padding:10px 12px}.ext-db-condition-subgroup-header{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.ext-db-condition-subgroup-header .ext-db-mapping-select{background:var(--bg-card);padding:4px 6px;font-size:11px}.ext-db-condition-subgroup-header .ext-db-mapping-rule-remove{width:22px;height:22px;font-size:10px}.ext-db-priority-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 1px 4px #00000026}.ext-db-priority-controls{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.ext-db-priority-controls button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:10px;transition:all .2s;display:flex}.ext-db-priority-controls button:hover:not(:disabled){border-color:var(--primary);color:var(--primary-light);background:var(--primary-glow)}.ext-db-priority-controls button:disabled{opacity:.3;cursor:not-allowed}.ext-db-priority-controls button.delete{color:var(--accent-rose);border-color:#f43f5e33}.ext-db-priority-controls button.delete:hover{border-color:var(--accent-rose);background:#f43f5e1a}.ext-db-default-result{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.ext-db-default-result label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.ext-db-add-group-btn{border:1px dashed var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;margin-bottom:4px;padding:10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.ext-db-add-group-btn:hover{border-color:var(--accent-rose);color:var(--accent-rose);background:#f43f5e0a}@media (max-width:600px){.ext-db-join-link,.ext-db-condition-row-multi{flex-wrap:wrap}.ext-db-condition-group-header{flex-wrap:wrap;gap:6px}.ext-db-condition-subgroup{margin-left:4px;padding:8px}}.ext-db-source-select{border-left:3px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);min-width:130px;max-width:150px;color:var(--text-primary);border-right:1px solid var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;flex-shrink:0;padding:4px 6px;font-family:inherit;font-size:11px;transition:border-color .2s}.ext-db-source-select:focus{border-left-color:var(--primary);outline:none}.ext-db-source-select[data-source=external_supabase]{border-left-color:var(--accent-emerald)}.ext-db-source-select[data-source=crm_internal]{border-left-color:var(--accent-sky)}.ext-db-source-select[data-source=communication_logs]{border-left-color:var(--accent-amber)}.ext-db-source-select[data-source=consent_logs]{border-left-color:var(--accent-violet)}.ext-db-source-select[data-source=excel_import]{border-left-color:var(--accent-rose)}.ext-db-source-badge{white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.ext-db-source-badge.external_supabase{color:var(--accent-emerald);background:#10b9811a}.ext-db-source-badge.crm_internal{color:var(--accent-sky);background:#0ea5e91a}.ext-db-source-coming-soon{border-radius:var(--radius-sm);color:var(--accent-amber);white-space:nowrap;background:#f59e0b14;border:1px solid #f59e0b26;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.ext-db-source-disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.ext-db-source-select{min-width:100px;max-width:120px;font-size:10px}}.ext-db-col-select{font-family:JetBrains Mono,Consolas,monospace;font-size:11px!important}.ext-db-col-select option{padding:4px 8px;font-family:JetBrains Mono,Consolas,monospace;font-size:11px}.ext-db-col-select:disabled{opacity:.45;font-style:italic}.ext-db-join-test-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--accent-sky);cursor:pointer;background:#0ea5e90f;border:1px solid #0ea5e933;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.ext-db-join-test-btn:hover:not(:disabled){border-color:var(--accent-sky);background:#0ea5e91f;transform:scale(1.05);box-shadow:0 0 8px #0ea5e926}.ext-db-join-test-btn:disabled{opacity:.35;cursor:not-allowed}.ext-db-type-warning{border-radius:var(--radius-sm);color:var(--accent-amber);background:#f59e0b0f;border:1px solid #f59e0b33;align-items:center;gap:6px;margin:2px 0 6px;padding:6px 12px;font-size:11px;font-weight:500;animation:.3s fadeInWarning;display:flex}.ext-db-type-warning strong{background:#f59e0b1a;border-radius:3px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:10px}@keyframes fadeInWarning{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ext-db-join-test-result{border-radius:var(--radius-sm);color:var(--text-secondary);background:#10b9810a;border:1px solid #10b98126;flex-wrap:wrap;align-items:center;gap:12px;margin:2px 0 6px;padding:8px 12px;font-size:12px;animation:.3s fadeInResult;display:flex}.ext-db-join-test-result.error{color:var(--accent-rose);background:#f43f5e0a;border-color:#f43f5e26}.ext-db-test-stat{background:#ffffff0a;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.ext-db-test-stat.ok{color:var(--accent-emerald);background:#10b98114}.ext-db-test-stat.fail{color:var(--accent-rose);background:#f43f5e14}@keyframes fadeInResult{0%{opacity:0;max-height:0}to{opacity:1;max-height:80px}}