:root { color-scheme:light; }
:root[data-theme="dark"] { color-scheme:dark; }
.es-standalone {
  margin:0; box-sizing:border-box; min-height:100vh; padding:0 var(--tool-margin) 16px;
  position:relative; isolation:isolate;
  background:#eaf2f8; color:var(--tool-ink);
  font:400 var(--tool-text)/1.45 var(--tool-font);
  --es-muted:var(--tool-muted); --es-line:var(--tool-rule); --es-text:var(--tool-ink);
}
[data-theme="dark"] .es-standalone { background:#142133; }
.es-standalone::before {
  content:""; position:absolute; z-index:-1; pointer-events:none;
  inset:0 0 auto auto; width:min(740px,80%); height:min(530px,70vw);
  background:url("/assets/hero-clean-work.png") no-repeat right top/contain;
  opacity:.38;
  mask-image:linear-gradient(90deg,transparent,#000 55%),linear-gradient(#000 50%,transparent);
  mask-composite:intersect;
}
[data-theme="dark"] .es-standalone::before { opacity:.22; }
.es-standalone *, .es-standalone *::before { box-sizing:border-box; }
.es-standalone [hidden] { display:none!important; }
.es-standalone :is(h1,h2,h3,p,ul,ol,dl,dd,figure) { margin:0; }
.es-standalone h1 { font-size:var(--tool-title); font-weight:650; line-height:1.2; }
.es-standalone h2 { font-size:var(--tool-section); font-weight:650; }
.es-standalone h3 { font-size:var(--tool-text); font-weight:650; }
.es-note { color:var(--tool-muted); font-size:var(--tool-note); }
.es-standalone button,.es-button {
  display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:5px 9px;
  border:1px solid var(--tool-edge); border-radius:5px; background:var(--tool-control);
  font:500 var(--tool-text)/1.25 var(--tool-font); color:var(--tool-ink);
  text-decoration:none; cursor:pointer;
}
.es-standalone button:disabled { opacity:.62; cursor:default; }
.es-standalone :is(button:not(:disabled):hover,.es-button:hover,[aria-pressed="true"],[aria-expanded="true"]) {
  background:var(--tool-active);
}
.es-standalone :focus-visible { outline:2px solid var(--tool-focus); outline-offset:2px; }
.es-page-bar { display:flex; justify-content:space-between; align-items:center; gap:6px; padding-block:9px; }
#euslugiPanel {
  padding:clamp(10px,1.4vw,23px); border:1px solid var(--tool-edge); border-radius:7px;
  background:var(--tool-panel); backdrop-filter:blur(12px);
}
.es-header,.es-section-header {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 12px;
}
.es-header { padding-bottom:12px; border-bottom:1px solid var(--tool-rule); }
#euslugiReadAt { margin-top:3px; }
.es-actions,.es-periods,.es-views { display:flex; flex-wrap:wrap; gap:5px; }
.es-periods button { min-width:42px; }
.es-views button[aria-pressed="true"] { border-color:var(--tool-focus); }
.es-dashboard { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(375px,1fr); gap:14px; margin-top:13px; }
.es-trend,.es-current,.es-inline { min-width:0; background:var(--tool-sheet); border:1px solid var(--tool-rule); border-radius:6px; padding:12px; }
.es-current { --es-results-columns:minmax(0,1.1fr) 6.2rem minmax(128px,.9fr); }
#euslugiLive { margin-block:4px 9px; }
.es-list-head,.es-status-item {
  display:grid; grid-template-columns:var(--es-results-columns); gap:8px;
  align-items:center; min-width:0;
}
.es-list-head { padding:0 4px 5px; color:var(--tool-muted); font-size:var(--tool-note); }
.es-list-head span:nth-child(2) { text-align:right; }
.es-status-list { list-style:none; padding:0; }
.es-status-item { padding-inline:4px; border-top:1px solid var(--tool-rule); }
.es-standalone .es-line-select {
  display:grid; grid-template-columns:16px minmax(0,1fr); justify-content:start; align-content:center; gap:6px;
  border-color:transparent; border-radius:4px; padding:4px 2px;
  text-align:left; background:transparent; font-weight:550; overflow-wrap:anywhere;
}
.es-standalone .es-line-select:disabled { opacity:1; }
.es-standalone .es-line-select[aria-pressed="true"] { border-color:var(--tool-edge); background:var(--tool-active); }
.es-series-mark { border-top:2px solid var(--es-series-color); }
.es-line-select:is(.es-color-4,.es-color-7) .es-series-mark { border-top-style:dashed; }
.es-line-select:is(.es-color-6,.es-color-8,.es-color-9) .es-series-mark { border-top-style:dotted; }
.es-latency { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.es-state {
  display:inline-flex; gap:5px; align-items:baseline; font-weight:550; font-size:var(--tool-note);
  line-height:1.25; color:var(--tool-muted); overflow-wrap:anywhere;
}
.es-state::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; flex:none; }
.es-up { color:#175b3d; }
.es-down { color:#8b272e; }
.es-stale { color:#724c12; }
[data-theme="dark"] .es-up { color:#9cdbb8; }
[data-theme="dark"] .es-down { color:#ffb3b5; }
[data-theme="dark"] .es-stale { color:#f4d18f; }
.es-inline { margin-top:13px; }
.es-inline > .es-note { margin-top:5px; }
.es-detail-rows { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:8px; }
.es-detail-row { border:1px solid var(--tool-rule); border-radius:5px; padding:8px; }
.es-detail-row header,.es-integration-list > div { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:baseline; gap:4px 9px; }
.es-detail-row dl { display:grid; gap:4px; margin-top:6px; }
.es-detail-row dl > div { display:grid; grid-template-columns:minmax(90px,.65fr) minmax(0,1.35fr); gap:8px; align-items:start; }
.es-detail-row dt { color:var(--tool-muted); }
.es-detail-row > .es-note { margin-top:5px; }
.es-detail-row details { margin-top:6px; color:var(--tool-muted); }
.es-detail-row summary { cursor:pointer; font-size:var(--tool-note); }
.es-detail-plot { margin-top:7px!important; }
.es-detail-plot .es-plot-layout { --plot-height:100px; }
.es-detail-plot .es-plot-title { font-size:var(--tool-note); }
/* UI16: clear read-only WSDL results, addresses in per-branch details. */
.es-broker-intro { max-width:92ch; color:var(--tool-muted); margin-top:12px!important; }
.es-broker-summary { font-size:var(--tool-section); font-weight:650; margin-top:12px!important; }
.es-broker-method-note { max-width:100ch; }
.es-broker-rows { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); list-style:none; padding:0; gap:12px; margin-top:14px!important; }
.es-broker-row { display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-width:0; padding:15px; border:1px solid var(--tool-rule); border-radius:9px; background:var(--tool-panel); }
.es-broker-branch { display:flex; gap:9px; align-items:center; }
.es-standalone .es-broker-branch h3 { font-size:15px; line-height:1.3; }
.es-branch-code { display:inline-flex; align-items:center; justify-content:center; min-width:30px; min-height:30px; background:var(--tool-control); border:1px solid var(--tool-rule); border-radius:7px; font-size:12px; font-weight:650; color:var(--tool-muted); }
.es-broker-row > .es-state { font-size:14px; }
.es-broker-stamp { font-variant-numeric:tabular-nums; }
.es-broker-link { color:var(--tool-focus); text-underline-offset:3px; overflow-wrap:anywhere; }
.es-broker-technical { width:100%; margin-top:auto; padding-top:8px; border-top:1px solid var(--tool-rule); font-size:var(--tool-note); }
.es-broker-technical summary { color:var(--tool-focus); cursor:pointer; padding-block:4px; }
.es-broker-links { display:grid; gap:12px; margin-top:10px; }
.es-broker-links > div { display:grid; gap:4px; }
.es-broker-links code { display:block; padding:6px 8px; border-radius:4px; background:var(--tool-control); font-size:11px; overflow-wrap:anywhere; white-space:normal; }
.es-standalone .es-broker-copy { margin-block:10px 8px; min-height:36px; }
.es-integrations { margin-top:12px; padding-top:8px; border-top:1px solid var(--tool-rule); }
.es-integration-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:4px!important; }
.es-integration-list > div { border-bottom:1px solid var(--tool-rule); padding:4px 0; }
.es-integration-list dd { color:var(--tool-muted); }

.es-overview-plot { margin-top:11px!important; }
.es-plot-title { margin-bottom:7px; font-weight:600; }
.es-axis-scale { margin-left:7px; font-weight:400; font-size:var(--tool-note); color:var(--tool-muted); }
.es-plot-layout { --plot-height:clamp(205px,24vw,420px); display:grid; grid-template-columns:max-content minmax(0,1fr); column-gap:7px; }
.es-y-ticks { position:relative; display:grid; justify-items:end; height:var(--plot-height); color:var(--tool-muted); font-size:var(--tool-note); }
.es-y-ticks span { position:relative; grid-area:1/1; align-self:start; transform:translateY(-50%); }
.es-plot-surface { position:relative; min-width:0; height:var(--plot-height); cursor:crosshair; }
.es-plot-surface svg { display:block; width:100%; height:100%; }
.es-plot-grid { stroke:var(--tool-rule); stroke-width:1; }
.es-series path,.es-series-point { fill:none; stroke:var(--es-series-color); stroke-width:1.5; stroke-linejoin:round; stroke-linecap:round; }
.es-series-point { stroke-width:4; }
.es-series.is-muted { opacity:.37; }
.es-series.is-highlighted path { stroke-width:2.8; }
.es-x-ticks { grid-column:2; display:flex; justify-content:space-between; gap:3px; margin-top:3px; }
.es-plot-tick { display:grid; justify-items:center; font-size:var(--tool-note); }
.es-plot-tick strong { font-weight:550; }
.es-plot-tick small { color:var(--tool-muted); }
.es-x-title,.es-chart-stamp { margin-top:4px!important; color:var(--tool-muted); font-size:var(--tool-note); }
.es-x-title { text-align:right; }
.es-chart-empty { margin-top:10px!important; }
.es-plot-guide { stroke:var(--tool-muted); stroke-dasharray:3 4; }
.es-plot-dot { stroke:var(--tool-ink); stroke-width:6; stroke-linecap:round; }
.es-point-preview {
  position:absolute; top:5px; right:5px; max-width:calc(100% - 10px); display:grid; gap:1px;
  padding:4px 7px; border:1px solid var(--tool-edge); border-radius:4px;
  background:var(--tool-sheet); font-size:var(--tool-note); pointer-events:none;
}
.es-point-preview.is-left { right:auto; left:5px; }
.es-preview-announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.es-color-0 { --es-series-color: #165eb7; }
.es-color-1 { --es-series-color: #16764b; }
.es-color-2 { --es-series-color: #7739b4; }
.es-color-3 { --es-series-color: #c24a10; }
.es-color-4 { --es-series-color: #007c8f; }
.es-color-5 { --es-series-color: #b51a49; }
.es-color-6 { --es-series-color: #806212; }
.es-color-7 { --es-series-color: #5a6416; }
.es-color-8 { --es-series-color: #3e4bd1; }
.es-color-9 { --es-series-color: #4d6276; }
[data-theme="dark"] .es-color-0 { --es-series-color: #76b8ff; }
[data-theme="dark"] .es-color-1 { --es-series-color: #5fe2a7; }
[data-theme="dark"] .es-color-2 { --es-series-color: #d3a0ff; }
[data-theme="dark"] .es-color-3 { --es-series-color: #ff9c68; }
[data-theme="dark"] .es-color-4 { --es-series-color: #63e1e7; }
[data-theme="dark"] .es-color-5 { --es-series-color: #ff90ae; }
[data-theme="dark"] .es-color-6 { --es-series-color: #f7d36b; }
[data-theme="dark"] .es-color-7 { --es-series-color: #c6d376; }
[data-theme="dark"] .es-color-8 { --es-series-color: #a0aaff; }
[data-theme="dark"] .es-color-9 { --es-series-color: #aebdca; }
.es-series:is(.es-color-4,.es-color-7) path { stroke-dasharray: 6 3; }
.es-series:is(.es-color-6,.es-color-8,.es-color-9) path { stroke-dasharray: 2 3; }
.es-mobile-label { display:none; }
@media (max-width:880px) {
  .es-dashboard { grid-template-columns:minmax(0,1fr); gap:8px; }
  .es-broker-rows { grid-template-columns:minmax(0,1fr); }
  .es-plot-layout { --plot-height:clamp(170px,32vw,250px); }
}
@media (max-width:600px) {
  body.es-standalone { --tool-margin:7px; --tool-title:18px; }
  .es-page-bar { padding-block:3px; }
  .es-standalone .es-page-bar :is(.es-button,button) { border:0; background:transparent; min-height:34px; }
  #euslugiPanel { padding:8px; }
  .es-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 6px; padding-bottom:0; }
  .es-header > .es-actions { display:contents; }
  .es-header .es-views { display:grid; grid-column:1/-1; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
  .es-standalone .es-views button {
    min-height:42px; padding:2px; border:0; border-bottom:2px solid transparent;
    border-radius:0; background:transparent; font-size:12px;
  }
  .es-standalone .es-views button[aria-pressed="true"] { border-color:var(--tool-focus); font-weight:650; }
  .es-standalone #euslugiRefresh { min-height:34px; padding:3px 7px; font-size:12px; }
  .es-desktop-label { display:none; }
  .es-mobile-label { display:inline; }
  .es-detail-rows,.es-integration-list { grid-template-columns:minmax(0,1fr); }
  .es-trend,.es-current,.es-inline { padding:8px; }
  .es-dashboard,.es-inline { margin-top:8px; }
  .es-current { --es-results-columns:minmax(0,1.1fr) 55px minmax(80px,.9fr); }
  .es-list-head,.es-status-item { gap:5px; }
  .es-standalone .es-line-select { min-height:40px; grid-template-columns:12px minmax(0,1fr); gap:4px; }
  .es-plot-tick:nth-child(even),.es-minor-time { display:none; }
  .es-broker-row { padding:12px; gap:7px; }
  .es-standalone .es-broker-branch h3 { font-size:14px; }
  .es-standalone :is(.es-periods,#euslugiBroker) button { min-height:34px; padding:3px 6px; font-size:12px; }
}

/* WSBroker 7.90.12: availability evidence, compact links and honest TLS limitations. */
.es-broker-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding-block:8px; }
.es-broker-total { display:flex; flex-direction:column; gap:3px; padding:12px; border:1px solid var(--tool-rule); border-radius:8px; background:var(--tool-control); }
.es-broker-total strong { font-size:26px; line-height:1.1; }
.es-broker-total > span { font-size:var(--tool-note); font-weight:500; }
.es-broker-row { border-top-width:3px; gap:10px; padding:16px; }
.es-broker-row[data-status="up"] { border-top-color:#287b53; }
.es-broker-row[data-status="stale"] { border-top-color:#a77420; }
.es-broker-row > .es-state { padding:6px 9px; border-radius:6px; background:var(--tool-control); }
.es-broker-description { font-size:var(--tool-note); color:var(--tool-muted); max-width:65ch; }
.es-broker-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; width:100%; }
.es-standalone .es-broker-copy { margin:0; min-height:34px; font-size:var(--tool-note); }
.es-broker-links dt { color:var(--tool-muted); margin-bottom:4px; }
.es-broker-links dd { min-width:0; overflow-wrap:anywhere; }
.es-broker-technical > p { margin-top:12px; }
@media(min-width:1500px) { .es-broker-rows { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:480px) {
 .es-broker-summary { gap:6px; }
 .es-broker-total { padding:9px 7px; }
 .es-broker-total strong { font-size:23px; }
 .es-broker-total > span { font-size:11px; overflow-wrap:anywhere; }
}