.host-fields{border:0;padding:0;margin:0;display:grid;gap:14px;min-width:0}.host-fields>label:not(.checkbox-label){display:grid;gap:6px}.host-channel{padding-left:24px}.host-connect{display:grid;gap:12px;min-width:0}.host-connect h3{margin:4px 0 0;font-size:13px}.host-connect .inline-alert{align-items:flex-start}.host-connect .host-snippet{max-width:100%}.host-connect .host-snippet pre{overflow:auto;max-height:320px;white-space:pre-wrap;word-break:break-all}.host-hint{white-space:pre-wrap}.host-spin{animation:host-spin 1s linear infinite}@keyframes host-spin{to{transform:rotate(1turn)}}.host-avail-bars{display:flex;gap:1px;height:38px}.host-avail-bars span{flex:1;min-width:1px;border-radius:1px;background:var(--accent)}.host-avail-bars span.down{background:#dc2626}.host-avail-ends{display:flex;justify-content:space-between;margin-top:6px;font-size:11px}.host-avail-ends,.host-meter.none span{color:var(--muted-text)}.host-metrics-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.host-metrics-grid.six>div:nth-child(4n){border-right:1px solid var(--line-soft)}.host-metrics-grid.six>div:nth-child(3n){border-right:0}.host-metrics-grid.six>div:nth-last-child(-n+4){border-bottom:1px solid var(--line-soft)}.host-metrics-grid.six>div:nth-last-child(-n+3){border-bottom:0}.host-metrics-grid .warn strong{color:#b45309}.host-metrics-grid .bad strong{color:#dc2626}.host-full{margin-top:18px}.host-token-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.host-chart-empty{padding:48px 20px;text-align:center;color:var(--muted-text);font-size:13px}.host-skeleton{height:120px;border-radius:10px;background:var(--line-soft);opacity:.6}@media (max-width:760px){.host-metrics-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.host-metrics-grid.six>div{border-right:1px solid var(--line-soft)!important;border-bottom:1px solid var(--line-soft)!important}.host-metrics-grid.six>div:nth-child(2n){border-right:0!important}}.host-page{max-width:1180px}.settings-form.host-page-form{display:grid;gap:18px;padding:0}.hf-body{padding:20px;gap:16px}.hf-body,.hf-field{display:grid;min-width:0}.hf-field{gap:6px}.hf-field>label:not(.checkbox-label){font-size:12px;font-weight:500}.hf-check,.hf-checks{display:grid}.hf-check{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line-soft)}.hf-check:first-child{border-top:0;padding-top:0}.hf-check:last-child{padding-bottom:0}.hf-check-text{display:grid;gap:3px;min-width:0}.hf-check-text b{font-size:13px;font-weight:550}.hf-check-text small,.hf-default{font-size:11px;color:var(--muted-text);line-height:1.5}.hf-check-value,.hf-check.off .hf-check-text b{color:var(--muted-text)}.hf-check-value{display:flex;align-items:center;gap:8px;font-size:11px}.settings-form .hf-check-value input{width:84px;font:12px var(--mono);padding:8px 9px}.hf-unit{min-width:56px}.hf-default{min-width:72px;text-align:right}.hf-actions{margin-top:0;position:static}@media (max-width:640px){.hf-check{grid-template-columns:auto minmax(0,1fr)}.hf-check-value,.hf-default{grid-column:2}.hf-default{text-align:left;margin-top:-8px}.hf-actions{flex-direction:column-reverse;align-items:stretch}.hf-actions .button{justify-content:center}}.host-bar{margin:0 0 8px}.host-bar .progress{height:6px}.host-bar.ok .progress>span{background:#10b981}.host-bar.warn .progress>span{background:#f59e0b}.host-bar.bad .progress>span{background:#ef4444}.host-bar.none .progress>span{background:var(--muted-text);opacity:.55}.host-chart{position:relative}.host-chart-tip{position:absolute;top:40px;z-index:2;pointer-events:none;min-width:120px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--canvas);box-shadow:0 6px 18px #00000018;font-size:11px;display:grid;gap:4px}.host-chart-tip>time{color:var(--muted-text);font-size:10px}.host-chart-tip>span{display:flex;align-items:center;gap:6px}.host-chart-tip i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.host-chart-tip b{margin-left:auto;font-weight:550;padding-left:10px}.host-header-actions{display:flex;align-items:center;gap:8px}.button[aria-disabled=true]{pointer-events:none;opacity:.55}