#hyper-modal { position:fixed;inset:0;z-index:12000;background:#17203366;display:flex;align-items:center;justify-content:center;padding:24px; }
#hyper-modal[hidden], #hyper-modal [hidden] { display:none!important; }
#hyper-modal .hyper-dialog { width:min(1320px,96vw);height:min(800px,92vh);display:flex;flex-direction:column;background:var(--surface,#fff);color:var(--text,#182235);border-radius:18px;box-shadow:0 24px 90px #101b3440;overflow:hidden; }
#hyper-modal header { padding:20px 24px 12px;border-bottom:1px solid var(--border,#e3e8ef);flex:none; }
#hyper-modal .hyper-title { display:flex;align-items:center;justify-content:space-between; }
#hyper-modal h2 { margin:0 0 12px;font-size:21px; }
#hyper-modal .hyper-settings, #hyper-modal .hyper-toolbar, #hyper-modal nav { display:flex;gap:10px;align-items:end;flex-wrap:wrap; }
#hyper-modal .hyper-settings label { flex:1;min-width:150px; }
#hyper-modal .hyper-settings label:nth-child(2) { flex:0 1 170px; }
#hyper-modal label { font-size:12px;color:var(--text-muted,#718096); }
#hyper-modal input { box-sizing:border-box;display:block;padding:7px 10px;border:1px solid var(--border,#d8dfeb);border-radius:7px;background:var(--input-bg,#fff);color:var(--text,#182235);font:inherit; }
#hyper-modal .hyper-settings input { margin-top:5px;width:100%; }
#hyper-modal button { padding:7px 12px;border:1px solid var(--border,#d8dfeb);border-radius:7px;background:var(--btn-bg,#f8fafc);color:inherit;cursor:pointer;font-size:12px;white-space:nowrap; }
#hyper-modal button:disabled { opacity:.5;cursor:wait; }
#hyper-modal .hyper-close { font-size:22px;border:0;background:transparent; }
#hyper-status { margin:12px 0 5px;padding:7px 10px;border-radius:7px;background:#eff6ff;color:#2563eb;font-size:12px; }
#hyper-status[data-phase=error] { color:#dc2626;background:#fef2f2; }
#hyper-status[data-phase=authorizing] { color:#b45309;background:#fffbeb; }
#hyper-auth-state, #hyper-count, #hyper-modal summary { font-size:11px;color:var(--text-muted,#718096); }
#hyper-modal nav { margin-top:12px; }
#hyper-modal nav .active { color:#2563eb;border-color:#93c5fd;background:#eff6ff; }
#hyper-modal #hyper-start-update { background:#2563eb;border-color:#2563eb;color:#fff; }
#hyper-modal header > details { margin-top:10px; }
#hyper-origin { width:min(500px,100%);margin-top:6px; }
#hyper-leads-view,#hyper-runs-view { display:flex;flex-direction:column;flex:1;min-height:0; }
#hyper-modal .hyper-toolbar { padding:12px 24px;flex:none; }
#hyper-count { padding:0 24px 10px; }
#hyper-search { flex:1;min-width:180px; }
#hyper-modal .hyper-table-wrap { flex:1;min-height:0;overflow:auto;padding:0 24px 20px; }
#hyper-modal table { width:100%;border-collapse:separate;border-spacing:0;overflow:visible;font-size:12px;color:var(--text,#182235); }
#hyper-modal th { position:sticky;top:0;z-index:2;background:var(--surface,#fff);padding:10px 8px;white-space:nowrap;text-align:left;color:var(--text-muted,#718096); }
#hyper-modal td { padding:8px;border-bottom:1px solid var(--border,#e3e8ef);max-width:300px;overflow-wrap:anywhere;vertical-align:top; }
.hyper-leads-count { color:var(--text-muted);font-size:12px;font-weight:400; }
.hyper-leads-count.has-leads { color:#16a34a;font-weight:700; }
html[data-theme=dark] #hyper-status,html[data-theme=dark] #hyper-modal nav .active { background:#1b2d45;color:#93c5fd; }
html[data-theme=dark] #hyper-status[data-phase=error] { background:#3c2025;color:#fca5a5; }
@media(max-width:760px) { #hyper-modal{padding:8px;} #hyper-modal header{padding:14px;} #hyper-modal .hyper-table-wrap{padding:0 14px 14px;} #hyper-modal table{min-width:1100px;} }
#hyper-modal .hyper-group-table { min-width:0; }
#hyper-modal .hyper-group-table th:last-child,#hyper-modal .hyper-group-table td:last-child { width:100px;text-align:right; }
#hyper-modal .hyper-group-count { color:#16a34a;font-weight:700; }
#hyper-modal th [data-hyper-sort] { padding:0;border:0;background:transparent;color:inherit;font:inherit;white-space:nowrap; }