:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243541;background:#f5f7f8;font-synthesis:none;--ink:#20343c;--muted:#819099;--line:#e6ebee;--teal:#098477;--light:#e6f4ef;--amber:#b87e2f;--red:#d05d63;--sidebar:238px}
*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #75c7b9;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.muted{color:var(--muted)}.tiny{font-size:11px;line-height:1.6}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#7c9996;margin:0 0 12px}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:28px 17px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:10px;align-items:center;padding:0 15px;font-size:29px;letter-spacing:-1.5px;font-weight:750}.brand-mark{width:38px;height:38px;background:var(--teal);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;line-height:1;font-size:33px;letter-spacing:-3px;padding:0 3px 6px 0}.brand-mark span{color:#adf4c5}.brand-sub{font-size:8px;letter-spacing:2px;display:block;margin-top:2px;font-weight:600;color:#8da29f}.workspace{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;margin:29px 2px 25px;padding:12px 10px;font-size:11px;font-weight:600}.workspace small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}.workspace-dot{width:9px;height:9px;flex-shrink:0;background:var(--teal);border-radius:3px}.workspace-icon{margin-left:auto;color:#b2c0c6}.nav-caption{font-size:9px;letter-spacing:1.4px;color:#97a3a9;padding-left:15px;margin:0 0 11px}nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:3px 0;border-radius:7px;color:#76858e;font-size:12px;transition:background .15s}nav a:hover{background:#f5f8f8;color:var(--teal)}nav a.active{color:var(--teal);background:var(--light);font-weight:650}nav svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav-divider{height:1px;background:var(--line);margin:15px 12px}.sidebar-bottom{margin-top:auto;padding:28px 13px 0}.pipeline-light{font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:12px;display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;background:var(--teal);border-radius:50%;display:inline-block}.status-dot.warn{background:var(--amber)}.text-button{padding:5px 0;background:none;border:0;color:#7b8c96;font-size:11px;display:flex;justify-content:space-between;width:100%}.main-wrap{margin-left:var(--sidebar);width:calc(100% - var(--sidebar))}.topbar{height:71px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;font-size:11px}.topbar strong{font-weight:550}.crumb{margin:0 15px;color:#c5d0d5}.top-actions{display:flex;align-items:center;gap:16px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:7px;width:30px;height:30px;display:grid;place-items:center;color:#788c94;font-size:19px}.icon-button:hover{background:var(--light);color:var(--teal)}main{padding:33px 35px 0;max-width:1760px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}h1{font-size:29px;letter-spacing:-1px;margin:0 0 9px;font-weight:650}.page-heading p.muted{font-size:12px;margin:0;line-height:1.6}.badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:10px;border-radius:5px;padding:5px 8px;gap:5px;background:var(--light);color:var(--teal);font-weight:550}.badge.neutral{background:#edf1f3;color:#778891}.badge.amber{background:#faf1e2;color:#a77b31}.badge.red{background:#fbecee;color:var(--red)}.toolbar{border:1px solid var(--line);border-radius:9px;background:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.filter-group{display:flex;gap:20px;flex-wrap:wrap}.filter-group label{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}select,.filter-group input{border:0;background:#f6f8f9;color:#536871;border-radius:5px;padding:7px 9px;max-width:150px;font-size:11px}.filter-group input{width:115px}.auto-refresh{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);white-space:nowrap}input[type=checkbox]{accent-color:var(--teal)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;min-height:141px}.metric-title{font-size:11px;color:#768891;display:flex;justify-content:space-between;align-items:center;line-height:1.5}.metric-value{font-size:31px;font-weight:600;letter-spacing:-1px;margin:14px 0 9px;font-variant-numeric:tabular-nums;color:var(--ink)}.metric-note{font-size:10px;color:var(--muted);line-height:1.5}.metric-note .positive{color:var(--teal)}.metric-symbol{color:#a4b6bd;font-size:16px}.grid-two{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px;margin-bottom:22px}.grid-equal{grid-template-columns:1fr 1fr}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0;margin-bottom:22px}.grid-two>.panel{margin-bottom:0}.panel-heading{padding:20px 22px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel h2{font-size:13px;font-weight:650;margin:0;letter-spacing:-.1px}.panel-sub{font-size:10px;color:var(--muted);line-height:1.65;margin:7px 0 0;max-width:680px}.panel-body{padding:0 22px 20px}.panel-heading .badge{font-size:9px}.table-wrap{overflow:auto;max-height:560px}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{text-align:left;padding:12px 22px;background:#fafbfc;color:#91a0a8;font-size:9px;letter-spacing:.35px;font-weight:550;border-top:1px solid #f0f3f5;border-bottom:1px solid var(--line);position:sticky;top:0}td{padding:15px 22px;border-bottom:1px solid #f0f3f5;color:#526873;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}tr:hover td{background:#fbfdfc}td:first-child{font-weight:550;color:#3f5863}.table-link{font-size:11px;color:var(--teal);background:none;border:0;padding:0;text-align:left}.table-link:hover{text-decoration:underline}.table-caption{padding:12px 22px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.6}.notice{border:1px solid #e1eae7;background:#edf6f2;color:#577c70;border-radius:8px;padding:13px 17px;font-size:11px;line-height:1.8;display:flex;gap:10px;margin-bottom:21px}.notice.warning{background:#fff7eb;border-color:#f3e5ce;color:#96733c}.notice strong{font-weight:600}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 26px;min-height:195px}.empty-symbol{background:#f0f6f5;color:#88ada5;width:43px;height:43px;border-radius:12px;font-size:23px;display:grid;place-items:center;margin-bottom:14px}.empty h3{font-size:13px;font-weight:550;color:#526b75;margin:0 0 9px}.empty p{font-size:11px;color:#8c9ca5;max-width:390px;margin:0;line-height:1.8}.chart{height:220px;position:relative;padding:0 22px 25px}.chart svg{width:100%;height:100%;overflow:visible}.chart-legend{display:flex;align-items:center;gap:14px;font-size:10px;color:var(--muted);padding:0 22px 20px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--teal)}.legend-dot.red{background:var(--red)}.bar-row{display:grid;grid-template-columns:90px 1fr 50px;align-items:center;gap:12px;margin:19px 0;font-size:11px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:7px;background:#f0f4f4;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:#43a895;border-radius:4px;min-width:0}.bar-value{text-align:right;font-variant-numeric:tabular-nums;color:#617982}.tabs{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}.tab{padding:9px 17px;background:#fff;border:1px solid var(--line);border-radius:7px;color:#83959f;font-size:11px}.tab.active{background:#e9f5f0;border-color:#bbdfd0;color:var(--teal)}.search{border:1px solid var(--line);border-radius:6px;padding:7px 10px;width:190px;font-size:11px;background:#fbfcfc;color:#526b75}.funnel-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f0f3f5;font-size:11px;color:#607680}.funnel-row:last-child{border-bottom:0}.funnel-step{display:flex;align-items:center;gap:12px}.step-no{background:#eef5f3;color:#65a794;width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:10px}.funnel-row strong{font-weight:600}.quality-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:11px;border-bottom:1px solid #f0f3f5;color:#708690;gap:15px}.quality-row:last-child{border:0}.coverage-line{display:flex;justify-content:space-between;font-size:10px;margin:12px 0;color:#778c95}.coverage-line code{font-size:10px;color:#536e79}.stack{display:grid;gap:20px}.stack .panel{margin:0}footer{display:flex;justify-content:space-between;padding:21px 0 24px;margin-top:10px;border-top:1px solid var(--line);font-size:9px;color:#97a5ab}.dot-separator{padding:0 8px}.loading{min-height:300px;display:flex;align-items:center;justify-content:center;color:var(--muted);gap:12px;font-size:12px}.spinner{width:18px;height:18px;border:2px solid #dce9e5;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 30%,#e6f3ec,transparent 60%),#f6f8f8}.login-card{width:min(430px,92vw);padding:42px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 80px #2c66510a}.login-card .brand-mark{margin-bottom:29px}.login-card h1{font-size:28px;line-height:1.25}.login-card p.muted{font-size:12px;line-height:1.8}.login-card label{display:block;font-size:11px;margin:26px 0 8px;color:#6c858d}.login-card input{width:100%;border:1px solid #dce5e7;border-radius:7px;padding:12px;font-size:12px}.button{padding:11px 16px;border:1px solid #dbe8e3;background:#fff;border-radius:7px;font-size:11px;color:var(--teal)}.button.primary{background:var(--teal);color:white;border-color:var(--teal)}.login-card .button{width:100%;display:flex;justify-content:space-between;margin-top:13px;font-size:12px}.error{font-size:11px;color:var(--red);line-height:1.6}dialog{width:min(880px,94vw);max-height:88vh;border:1px solid var(--line);border-radius:13px;padding:0;box-shadow:0 30px 100px #20383f30;color:var(--ink)}dialog::backdrop{background:#153b434d;backdrop-filter:blur(2px)}.dialog-heading{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:15px;margin:0}#detail-content{padding:22px}.event-detail{border:1px solid var(--line);border-radius:7px;margin-bottom:10px}.event-detail summary{cursor:pointer;padding:12px;font-size:11px;display:flex;justify-content:space-between;gap:10px}.event-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;padding:13px;background:#f5f8f8;margin:0;max-height:350px;overflow:auto}.label-form{display:grid;gap:13px}.label-form label{font-size:11px;display:grid;gap:7px}.label-form input,.label-form select,.label-form textarea{border:1px solid var(--line);border-radius:6px;padding:10px;width:100%;max-width:none;font:inherit;background:#fff}.definition{font-family:monospace;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7f8;padding:15px;border-radius:6px}
@media(min-width:1600px){main{padding-top:42px}.metric{min-height:157px}.chart{height:270px}}
@media(max-width:1150px){:root{--sidebar:205px}main{padding:26px 22px 0}.topbar{padding:0 22px}.toolbar{align-items:flex-start}.filter-group{gap:10px}.filter-group label{display:grid;gap:5px}.metric{padding:16px}.metric-value{font-size:27px}.grid-two{grid-template-columns:1.3fr 1fr}th,td{padding-left:15px;padding-right:15px}.auto-refresh{margin-top:20px}}
@media(max-width:850px){:root{--sidebar:65px}.sidebar{padding:24px 8px 15px}.brand{padding:0;justify-content:center}.brand>div:last-child,.workspace,.nav-caption,.sidebar-bottom,.nav-label{display:none}.brand-mark{width:34px;height:34px;font-size:29px}.sidebar nav{margin-top:35px}nav a{padding:12px 14px;justify-content:center}nav svg{width:19px;height:19px;flex-shrink:0}.nav-divider{margin:15px 7px}.metric-grid{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.auto-refresh{display:none}.page-heading .badge{display:none}.page-heading h1{font-size:25px}.chart{height:215px}}
@media(max-width:520px){main{padding:23px 13px 0}.topbar{padding:0 13px;height:58px}.topbar>div>.muted,.crumb,#updated{display:none}.metric-grid{gap:10px}.metric{padding:13px;min-height:125px}.metric-title{font-size:10px}.metric-value{font-size:25px}.metric-note{font-size:9px}.toolbar{padding:10px}.filter-group{display:grid;grid-template-columns:1fr 1fr;width:100%}.filter-group input,.filter-group select{max-width:none;width:100%;font-size:10px}.panel-heading{padding:17px 15px}.panel-body{padding:0 15px 17px}.page-heading p.muted{font-size:11px}.eyebrow{font-size:8px}.panel-sub{font-size:10px}footer{line-height:1.7;gap:12px}.search{width:125px}.login-card{padding:30px}.badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.mobile-only{display:none}@media(max-width:850px){.mobile-only{display:grid}}

.node-filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px;padding:0 22px 20px}.node-filters label{display:grid;gap:7px;font-size:10px;color:var(--muted)}.node-filters select,.node-filters input{border:1px solid var(--line);border-radius:6px;background:#fbfcfc;color:#526b75;font-size:11px;padding:8px 10px;height:34px}.node-filters select{max-width:190px}.availability-range{border:0;margin:0;padding:0;display:flex;align-items:center;gap:7px;color:var(--muted)}.availability-range legend{padding:0;margin-bottom:7px;font-size:10px}.availability-range input{width:83px}.node-filters .button{height:34px;padding:8px 12px}.node-filter-error{margin:0 22px 20px}@media(max-width:520px){.node-filters{padding:0 15px 17px;gap:12px}.node-filters label{flex:1;min-width:105px}.node-filters select,.node-filters .search{width:100%;max-width:100%}}

.node-route-hint{margin:0 22px 18px;font-size:10px;line-height:1.7;color:var(--muted)}.node-route-hint strong{color:#526b75;font-weight:550}@media(max-width:520px){.node-route-hint{margin-left:15px;margin-right:15px}}

.overview-card-link{display:block;border-radius:10px}.overview-card-link .metric{height:100%;transition:border-color .15s}.overview-card-link:hover .metric{border-color:#8dc8bb}.overview-method{font-size:10px;line-height:1.8;color:var(--muted);margin:-6px 0 20px}.panel-link{white-space:nowrap;color:var(--teal);font-size:10px;padding:3px 0}.panel-link:hover{text-decoration:underline}.overview-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:23px;border:1px solid var(--line);border-radius:9px;background:white}.overview-health a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-right:1px solid var(--line);font-size:10px;color:var(--muted)}.overview-health a:last-child{border-right:0}.overview-health strong{color:var(--ink);font-weight:600;font-size:12px;white-space:nowrap}.overview-signal{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:10px;line-height:1.7;color:#607680}.overview-signal:last-child{border-bottom:0}.overview-signal:hover{color:var(--teal)}.overview-signal>span:last-child{white-space:nowrap}.version-share{display:flex;align-items:center;gap:12px;min-width:110px}.version-share .bar-track{width:72px}.version-share>span{min-width:42px;text-align:right}@media(max-width:1150px){.overview-health a{align-items:flex-start;flex-direction:column;gap:8px}}@media(max-width:520px){.overview-health{grid-template-columns:1fr}.overview-health a{flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:13px}.overview-health a:last-child{border-bottom:0}.overview-signal{flex-wrap:wrap}.overview-metrics .metric-value{font-size:23px}}

.strategy-cell{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:190px;max-width:320px;white-space:normal}.strategy-cell>div{max-width:100%;min-width:0}.strategy-name{text-align:left;white-space:normal;overflow-wrap:anywhere;font-weight:600}.strategy-parameters{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;font-size:11px;line-height:1.6;color:#526b75;white-space:pre-wrap;overflow-wrap:anywhere}.strategy-id{font-size:10px;line-height:1.6;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.strategy-definition{margin-bottom:22px}.strategy-definition h3{font-size:12px;margin:0 0 10px}.strategy-definition .definition{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.strategy-definition p{line-height:1.7}#detail-title{overflow-wrap:anywhere;min-width:0}@media(max-width:520px){.strategy-cell{min-width:155px;max-width:240px}}

.tier-traffic-picker{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.tier-traffic-picker select{max-width:220px}@media(max-width:520px){.tier-traffic-picker select{max-width:150px}}

.registry-json{display:block;width:100%;resize:vertical;border:1px solid var(--line);border-radius:6px;padding:12px;font:12px/1.6 ui-monospace,monospace}.sdk-error{max-width:360px;min-width:180px;white-space:normal;overflow-wrap:anywhere}@media(min-width:761px){.sidebar nav{overflow-y:auto;min-height:0}.sidebar-bottom{flex-shrink:0;padding-top:12px}}
.domain-connection-heading{padding:20px 24px 12px}.domain-connection-heading h3{margin:0 0 7px;font-size:13px}.domain-connection-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.domain-path-share{display:flex;align-items:center;gap:12px;min-width:150px}.domain-path-share .bar-track{display:block;width:110px;flex:none}.domain-path-share .bar-fill{display:block;height:100%}
.strategy-status{display:grid;gap:5px;min-width:190px;max-width:360px;white-space:normal;line-height:1.6}.strategy-status span{font-size:11px;color:var(--muted)}.strategy-status.rolled-back strong{color:var(--red)}.strategy-diagnostics{border:1px solid var(--line);border-radius:10px;margin-bottom:22px;background:#fff}.strategy-diagnostics>summary{cursor:pointer;padding:20px 24px;font-size:13px;font-weight:600}.strategy-diagnostics>summary span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:7px}.strategy-diagnostics-body{padding:0 20px 4px}.strategy-diagnostics-body>.panel{box-shadow:none}
.strategy-chart{padding:4px 24px 20px;max-height:600px;overflow:auto}.strategy-chart-row{padding:18px 0 4px}.strategy-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.strategy-chart-label{display:grid;gap:5px;min-width:0;font-size:12px;overflow-wrap:anywhere}.strategy-chart-label .strategy-cell{min-width:0;max-width:100%}.strategy-chart-label .strategy-parameters{max-height:48px;overflow:auto}.strategy-chart-value{display:grid;gap:5px;text-align:right;flex-shrink:0}.strategy-chart-value strong{font-size:24px;color:var(--teal);font-variant-numeric:tabular-nums}.strategy-chart-value span{font-size:11px;color:var(--muted)}.strategy-chart-track{height:9px;border-radius:6px;background:#edf2f2;overflow:hidden}.strategy-chart-track>div{height:100%;border-radius:6px;background:#209581}.strategy-chart-row.rollback .strategy-chart-track>div{background:#d78183}.strategy-chart-row.unknown .strategy-chart-track>div,.strategy-chart-row.rest .strategy-chart-track>div{background:#94a6ae}.strategy-chart-note{margin:0;padding:16px 24px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.7}@media(max-width:600px){.strategy-chart{padding-left:16px;padding-right:16px}.strategy-chart-value strong{font-size:20px}.strategy-chart-note{padding:14px 16px}}
.probe-chart{padding:4px 22px 20px;max-height:560px;overflow:auto}.probe-chart-row{padding-top:18px}.probe-chart-row>strong{font-size:12px;overflow-wrap:anywhere}.probe-stack{display:flex;height:10px;overflow:hidden;border-radius:6px;margin:10px 0;background:#edf2f2}.probe-stack .kept{background:#209581}.probe-stack .excluded{background:#d78183}.probe-stack .unknown{background:#94a6ae}.probe-chart-counts{display:flex;flex-wrap:wrap;gap:7px 14px;font-size:10px;color:var(--muted)}.probe-chart-counts .kept{color:#148773}.probe-chart-counts .excluded{color:#b65c61}
.probe-exclusion-chart .bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 14px;margin-bottom:22px}.probe-exclusion-chart .bar-label{grid-column:1;grid-row:1;width:auto;min-width:0;white-space:normal;overflow:visible;overflow-wrap:anywhere}.probe-exclusion-chart .bar-value{grid-column:2;grid-row:1}.probe-exclusion-chart .bar-track{grid-column:1 / -1;grid-row:2;width:100%}

.request-loading{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--teal)}.request-loading .spinner,button .spinner{display:inline-block;width:14px;height:14px;vertical-align:middle;margin-right:5px;flex-shrink:0}.loading{gap:12px}#content[aria-busy="true"]{min-height:260px}@media(max-width:600px){.request-loading{font-size:0;gap:0}}

/* Compact request-path and strategy-stage summaries. */
.byedpi-paths{padding:20px 24px;display:grid;gap:22px}
.byedpi-path-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:9px}
.byedpi-path-heading strong{overflow-wrap:anywhere}
.byedpi-path-heading>span{color:var(--muted,#7b8c96);font-variant-numeric:tabular-nums}
.byedpi-path-details{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:9px;font-size:12px;color:var(--muted,#7b8c96)}
.byedpi-details{padding:0 24px 20px}
.byedpi-details>summary{cursor:pointer;padding:10px 0;font-weight:600}
.byedpi-decision-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.byedpi-decision-charts .panel{min-width:0}
@media(max-width:1000px){.byedpi-decision-charts{grid-template-columns:1fr}}
@media(max-width:600px){.byedpi-paths{padding:16px}.byedpi-details{padding:0 16px 16px}}

.metric-grid.tiers-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:850px){.metric-grid.tiers-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.metric-grid.tiers-metrics>.metric:last-child{grid-column:1 / -1}}

.tier-availability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:20px;max-height:520px;overflow:auto}
.tier-availability-card{border:1px solid var(--line);border-radius:9px;padding:17px;min-width:0}
.tier-availability-title{display:grid;gap:5px;overflow-wrap:anywhere}.tier-availability-title strong{font-size:13px}.tier-availability-title span,.tier-availability-card p{font-size:11px;color:var(--muted)}
.tier-availability-value{font-size:27px;font-weight:600;margin-top:14px}.tier-availability-card .bar-track{margin-top:14px}
@media(max-width:520px){.tier-availability-grid{padding:14px;grid-template-columns:1fr}}

.fallback-coverage{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0 22px 18px;font-size:11px;color:var(--muted)}
.fallback-sources{padding:0 22px 20px;max-height:850px;overflow:auto;overscroll-behavior:contain}
.fallback-source{border:1px solid var(--line);border-radius:9px;margin-bottom:16px;overflow:hidden}
.fallback-source>header{display:flex;justify-content:space-between;align-items:start;gap:18px;background:#f5f9f8;padding:18px;font-size:11px;line-height:1.6}
.fallback-source h3{font-size:17px;margin:4px 0;overflow-wrap:anywhere}.fallback-source p{margin:4px 0}
.fallback-volume{display:grid;gap:4px;text-align:right;max-width:210px;color:var(--muted)}.fallback-volume>strong{font-size:23px;color:var(--ink)}
.fallback-path{border-top:1px solid var(--line);font-size:11px;line-height:1.7}.fallback-path>summary{cursor:pointer;list-style:none;padding:16px 18px}.fallback-path>summary::-webkit-details-marker{display:none}.fallback-path>summary:hover{background:#fbfdfc}.fallback-path>summary:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}
.fallback-destination{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px;overflow-wrap:anywhere}.fallback-destination>span{flex-shrink:0;color:var(--teal)}
.fallback-leading{margin-top:12px;color:#617982;overflow-wrap:anywhere}.fallback-leading code,.fallback-reason code{font-size:10px;color:#466e66;background:#edf4f1;border-radius:4px;padding:2px 4px}.fallback-result{color:var(--muted);margin:5px 0}.fallback-expand{color:var(--teal)}.fallback-expand:before{content:'＋ ';}.fallback-path[open] .fallback-expand:before{content:'− ';}
.fallback-path-body{background:#fbfcfc;padding:2px 18px 16px;color:#617982}.fallback-path-body>p{margin:12px 0;line-height:1.8}.fallback-reason{margin:14px 0}.fallback-reason>div:first-child{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px;overflow-wrap:anywhere}.fallback-reason strong{white-space:nowrap}.fallback-reason .bar-fill{background:#bb9370}.fallback-limit{font-size:11px;line-height:1.7;padding:8px 22px;color:var(--muted)}
@media(max-width:600px){.fallback-sources{padding:0 12px 14px}.fallback-source>header{flex-direction:column;padding:13px}.fallback-volume{text-align:left;max-width:none}.fallback-destination{flex-direction:column;gap:5px}.fallback-path>summary,.fallback-path-body{padding-left:13px;padding-right:13px}.fallback-reason>div:first-child{flex-direction:column;gap:4px}}
.fallback-source>header>div:first-child{min-width:0;overflow-wrap:anywhere}.fallback-group-breakdown{border-top:1px solid var(--line);margin-top:16px;padding-top:8px}.fallback-group-breakdown h4{font-size:12px;margin:9px 0}.fallback-group{border-top:1px solid var(--line);padding:13px 0 6px}.fallback-group-reasons{display:grid;gap:6px;overflow-wrap:anywhere}.fallback-group>p{color:var(--muted);margin-top:10px}
