.server-main-button{display:flex;align-items:center;gap:8px;background:#15324c;border-color:#70bbd64c}.server-status-light{width:7px;height:7px;border-radius:50%;background:#fc928e;box-shadow:0 0 0 3px #e8898d22}.server-status-light.active{background:#69e2b2;box-shadow:0 0 0 3px #69e2b22b,0 0 10px #69e2b267}
.server-console{padding:19px!important;margin:0 0 22px!important;background:linear-gradient(140deg,#0d2036,#161b38)!important;border:1px solid #87acdd65!important;border-radius:16px!important;box-shadow:inset 0 1px #ffffff12,0 8px 30px #07152670}
.server-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.server-panel-header h3{font-size:18px;letter-spacing:-.3px;margin:1px 0 9px}.server-panel-header p{color:#a8bfda;line-height:1.65;margin:0 0 15px;font-size:12px}.server-badge{font-size:10px;font-weight:800;white-space:nowrap;padding:7px 10px;border-radius:20px;background:#e8728a21;color:#ffc1cc;border:1px solid #e8728a66}.server-badge.active{color:#80f5d1;background:#52cd9740;border-color:#52cd9790}
.server-form-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:13px;margin:6px 0 10px}.server-form-grid label{font-size:11px;font-weight:800;color:#e5ecff}.server-form-grid input{margin-top:7px;display:block;width:100%;height:42px;color:#f5faff;border:1px solid #6791ca6b;background:#121a33;padding:10px 12px;border-radius:10px;font-size:13px;min-width:0}.server-help{color:#839ab9;font-size:9px;font-weight:400}.server-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.server-tools .primary-button,.server-tools .secondary-button{font-size:11px;padding:10px 13px;white-space:normal}.server-console button:disabled{cursor:not-allowed;opacity:.5}.server-console a{color:#86dbff}.server-hint{color:#9fb0ca;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.server-address{border:1px solid #78b8e738;border-radius:10px;background:#07152b88;padding:12px;display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:8px 0}.server-address span{font-size:9px;color:#8caace;letter-spacing:.7px;font-weight:750;flex:0 0 100%}.server-address a{font-size:12px;font-weight:700;word-break:break-all;flex:1;min-width:140px}.server-address a:not([href]){text-decoration:none;color:#8f9bb5;cursor:default}.server-address button{margin-left:auto}.server-divider{height:1px;background:#82a9d52c;margin:21px 0}.server-security{background:#4c8d9b16;border-left:3px solid #6fc7ba;padding:9px 12px;border-radius:4px;color:#b3cbdc!important;line-height:1.6!important}.server-feedback{display:block;margin-top:13px;padding:10px 12px;border-radius:9px;background:#192440;border:1px solid #ffffff24;color:#b8c9e8;font-size:11px;overflow-wrap:anywhere}.server-feedback.error{color:#ffd1d7;border-color:#e67b8c66}@media(max-width:650px){.server-main-button{font-size:11px}.server-form-grid{grid-template-columns:1fr}.server-console{padding:12px!important}.server-panel-header{flex-wrap:wrap}.server-badge{margin-bottom:10px}}
/* Direct HTTP host panel: interface selector, multiple network addresses, risk notice. */
.server-form-grid select{margin-top:7px;display:block;width:100%;height:42px;color:#f5faff;border:1px solid #6791ca6b;background:#121a33;padding:10px 12px;border-radius:10px;font-size:12px;min-width:0}
.server-help-block{font-size:11px;line-height:1.65;color:#b9c9e3;align-self:center}
.server-lan-addresses{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px;font-size:12px;overflow-wrap:anywhere;color:#8f9bb5}
.server-address code{color:#a6dafa;font-size:12px;word-break:break-all}
.server-security{border-left-color:#f0ac51;background:#a85b1a18;color:#ffe5c8!important}

.server-diagnostics{margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;max-height:260px;overflow-y:auto;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid rgba(139,185,235,.25);color:#d9e6ff}.server-diagnostics.error{border-color:#e28b8b;color:#ffe0e0}

/* Show the result immediately next to the buttons: errors must not be hidden below the scroll fold. */
.server-action-feedback{display:block;padding:12px 14px;margin:14px 0 9px;border:1px solid #80a7d67a;border-radius:10px;background:#152d43;color:#d8f1ff;font-size:12px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;min-height:40px}
.server-action-feedback.error{background:#57242e;border-color:#ff9bad;color:#ffe3e9}
.server-action-feedback.success{background:#153f39;border-color:#6edbb5;color:#d4ffe9}
.server-action-feedback.pending{background:#35335a;border-color:#a5b4fc;color:#eef0ff}
.server-http-consent{display:flex;align-items:flex-start;gap:9px;border:1px solid #dcab7480;background:#674b292f;color:#ffe6cb;padding:10px;border-radius:10px;font-size:11px;line-height:1.6;margin:8px 0}
.server-http-consent input{accent-color:#e7ae76;flex:none;min-width:16px;min-height:16px;margin:2px 0 0}
.server-action-tools{position:relative}.server-action-tools button{min-height:38px}
@media(max-width:650px){.server-action-feedback{font-size:12px}.server-action-tools button{flex:1 1 45%}}