body.sxp-public, body.sxp-maintenance { min-height:100vh; background:var(--sx-bg); color:var(--sx-text); }
.sxp-public-header,.sxp-maintenance-header { display:flex; min-height:72px; align-items:center; justify-content:space-between; gap:20px; padding:12px clamp(18px,5vw,72px); border-bottom:1px solid var(--sx-border); background:var(--sx-panel); }
.sxp-brand,.sxp-footer-brand { display:flex; align-items:center; gap:10px; color:var(--sx-text); font-size:17px; font-weight:780; letter-spacing:.06em; }
.sxp-brand img,.sxp-maintenance-header img { width:34px; height:34px; object-fit:contain; }
.sxp-brand small,.sxp-footer-brand small { color:var(--sx-muted); font-size:10px; }
.sxp-public-links,.sxp-public-actions { display:flex; align-items:center; gap:18px; }
.sxp-public-links a,.sxp-public-user { color:var(--sx-muted); font-size:13px; }
.sxp-public-links a:hover,.sxp-public-user:hover { color:var(--sx-text); }
.sxp-icon-button { display:grid; width:38px; height:38px; place-items:center; border:1px solid var(--sx-border); border-radius:10px; background:var(--sx-panel-2); color:var(--sx-text); cursor:pointer; }
.sxp-public-user { display:flex; align-items:center; gap:8px; }
.sxp-public-user img { width:28px; height:28px; border-radius:50%; }
.sxp-public-main { min-height:60vh; }
.sxp-public-footer { display:flex; justify-content:space-between; gap:25px; padding:32px clamp(18px,5vw,72px); border-top:1px solid var(--sx-border); background:var(--sx-panel); }
.sxp-public-footer p { margin:6px 0 0; color:var(--sx-muted); font-size:12px; }
.sxp-public-footer nav { display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.sxp-public-footer nav a { color:var(--sx-muted); font-size:12px; }
.sxp-maintenance-shell { display:grid; width:min(1120px,calc(100% - 36px)); min-height:calc(100vh - 73px); grid-template-columns:1fr .85fr; align-items:center; gap:56px; margin:auto; padding:60px 0; }
.sxp-maintenance-copy h1 { margin:10px 0 12px; font-size:clamp(30px,4vw,46px); }
.sxp-maintenance-copy>p { max-width:590px; color:var(--sx-muted); font-size:15px; }
.sxp-maintenance-live { margin-top:30px; padding:20px; border:1px solid var(--sx-border); border-radius:var(--sx-radius); background:var(--sx-panel); }
.sxp-maintenance-live-head,.sxp-maintenance-live-head>div { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.sxp-maintenance-live-head strong { font-size:13px; }
.sxp-maintenance-live-head span:last-child { color:var(--sx-muted); font-size:11px; }
.sxp-status-dot { display:inline-block; width:8px; height:8px; margin-right:7px; border-radius:50%; background:var(--sx-accent); }
.sxp-maintenance-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:20px; }
.sxp-maintenance-steps .step { padding:10px; border:1px solid var(--sx-border); border-radius:9px; color:var(--sx-muted); font-size:10px; }
.sxp-maintenance-steps .step span { display:block; margin-bottom:5px; font-size:9px; }
.sxp-maintenance-steps .step.active,.sxp-maintenance-steps .step.done { border-color:var(--sx-accent); color:var(--sx-text); background:var(--sx-accent-soft); }
.sxp-maintenance-foot { display:flex; justify-content:space-between; margin-top:18px; color:var(--sx-muted); font-size:11px; }
.sxp-maintenance-visual { position:relative; overflow:hidden; min-height:360px; border:1px solid var(--sx-border); border-radius:18px; background:var(--sx-panel); }
.sxp-maintenance-visual img { position:absolute; width:100%; height:100%; object-fit:cover; opacity:.72; }
.sxp-maintenance-visual>div { position:absolute; inset:auto 20px 20px; color:#fff; text-shadow:0 1px 12px #000; }
.sxp-maintenance-visual>div>span { font-weight:800; letter-spacing:.1em; }
.sxp-maintenance-visual p { margin:5px 0 0; }
@media(max-width:760px){.sxp-public-header{flex-wrap:wrap}.sxp-public-links{order:3;width:100%;justify-content:space-between;gap:9px;overflow:auto}.sxp-public-links a{white-space:nowrap;font-size:11px}.sxp-public-actions{gap:9px}.sxp-public-footer{flex-direction:column}.sxp-maintenance-shell{grid-template-columns:1fr;gap:24px;padding:36px 0}.sxp-maintenance-visual{min-height:230px}.sxp-maintenance-steps{grid-template-columns:1fr}}
.sxp-home-hero { display:grid; width:min(1180px,calc(100% - 40px)); min-height:510px; grid-template-columns:1.12fr .88fr; align-items:center; gap:clamp(30px,7vw,100px); margin:auto; padding:72px 0 50px; }
.sxp-home-intro h1 { margin:13px 0 16px; font-size:clamp(42px,6vw,68px); font-weight:780; line-height:1.04; letter-spacing:-.055em; }
.sxp-home-intro>p { max-width:560px; margin:0; color:var(--sx-muted); font-size:16px; line-height:1.75; }
.sxp-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:24px; }
.sxp-home-caption { display:flex; align-items:center; gap:9px; margin-top:27px; color:var(--sx-muted); font-size:11px; }
.sxp-status-dot { width:8px; height:8px; border-radius:50%; background:var(--sx-good); }
.sxp-status-dot-accent { background:var(--sx-accent); }
.sxp-home-product { padding:19px; border:1px solid var(--sx-border); border-radius:16px; background:var(--sx-panel); box-shadow:var(--sx-shadow); }
.sxp-product-top { display:flex; align-items:center; gap:11px; padding:0 0 16px; border-bottom:1px solid var(--sx-border); }
.sxp-product-top>img { width:39px; height:39px; object-fit:contain; border-radius:10px; }
.sxp-product-top>div,.sxp-product-row>div { display:grid; min-width:0; flex:1; gap:3px; }
.sxp-product-top strong,.sxp-product-row strong { font-size:12px; }
.sxp-product-top>div span,.sxp-product-row>div span { color:var(--sx-muted); font-size:10px; line-height:1.5; }
.sxp-product-row { display:flex; align-items:center; gap:12px; padding:16px 1px; border-bottom:1px solid var(--sx-border); }
.sxp-product-icon { display:grid; width:35px; height:35px; flex:0 0 35px; place-items:center; border:1px solid var(--sx-border); border-radius:10px; background:var(--sx-panel-2); color:var(--sx-accent); }
.sxp-product-icon svg { width:18px; height:18px; }
.sxp-product-note { margin:14px 0 0; color:var(--sx-muted); font-size:10px; }
.sxp-platform-stats { display:grid; width:min(1180px,calc(100% - 40px)); grid-template-columns:repeat(4,1fr); gap:10px; margin:0 auto 74px; padding:16px; border:1px solid var(--sx-border); border-radius:14px; background:var(--sx-panel); }
.sxp-platform-stats>div { display:grid; justify-items:center; gap:2px; padding:8px; border-right:1px solid var(--sx-border); }
.sxp-platform-stats>div:last-child { border:0; }
.sxp-platform-stats strong { font-size:21px; letter-spacing:-.03em; }
.sxp-platform-stats span { color:var(--sx-muted); font-size:10px; }
.sxp-features { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:0 0 76px; }
.sxp-section-heading { max-width:620px; margin-bottom:24px; }
.sxp-section-heading h2 { margin:8px 0 10px; font-size:clamp(29px,4vw,42px); line-height:1.15; letter-spacing:-.04em; }
.sxp-section-heading p { margin:0; color:var(--sx-muted); font-size:13px; line-height:1.7; }
.sxp-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.sxp-feature-grid article { min-height:150px; padding:17px; border:1px solid var(--sx-border); border-radius:13px; background:var(--sx-panel); }
.sxp-feature-number { color:var(--sx-accent); font-size:10px; font-weight:750; letter-spacing:.08em; }
.sxp-feature-grid h3 { margin:16px 0 6px; font-size:14px; }
.sxp-feature-grid p { margin:0; color:var(--sx-muted); font-size:11px; line-height:1.6; }
.sxp-feature-grid .sxp-feature-support { display:flex; min-height:126px; grid-column:1/-1; align-items:center; gap:15px; }
.sxp-feature-support>div { flex:1; }
.sxp-feature-support h3 { margin-top:4px; }
.sxp-changelog,.sxp-legal-shell,.sxp-agreement-shell { width:min(1080px,calc(100% - 40px)); margin:0 auto; padding:52px 0 72px; }
.sxp-document-header { max-width:700px; margin-bottom:26px; }
.sxp-document-header .page-title { margin:8px 0; font-size:clamp(30px,4vw,42px); }
.sxp-release-list { display:grid; gap:9px; }
.sxp-release { overflow:hidden; border:1px solid var(--sx-border); border-radius:12px; background:var(--sx-panel); }
.sxp-release summary { display:flex; min-height:66px; align-items:center; gap:14px; padding:12px 16px; cursor:pointer; list-style:none; }
.sxp-release summary::-webkit-details-marker { display:none; }
.sxp-release-version { color:var(--sx-accent); font-size:12px; font-weight:760; }
.sxp-release-title { display:grid; flex:1; gap:3px; }
.sxp-release-title strong { font-size:13px; }
.sxp-release-title time { color:var(--sx-muted); font-size:10px; }
.sxp-release-chevron { color:var(--sx-muted); transition:transform .15s ease; }
.sxp-release[open] .sxp-release-chevron { transform:rotate(180deg); }
.sxp-release-body { padding:0 18px 17px; border-top:1px solid var(--sx-border); color:var(--sx-muted); font-size:12px; }
.sxp-release-body ul { display:grid; gap:7px; padding-left:19px; }
.sxp-release-body h3 { margin:15px 0 6px; color:var(--sx-text); font-size:13px; }
.sxp-release-summary { margin:15px 0 0; }
.sxp-empty { padding:24px; border:1px dashed var(--sx-border); border-radius:12px; color:var(--sx-muted); text-align:center; }
.sxp-legal-shell { display:grid; grid-template-columns:290px minmax(0,1fr); align-items:start; gap:18px; }
.sxp-legal-sidebar,.sxp-legal-document,.sxp-agreement-card { padding:20px; border:1px solid var(--sx-border); border-radius:14px; background:var(--sx-panel); }
.sxp-legal-sidebar { position:sticky; top:20px; }
.sxp-legal-sidebar h1 { margin:9px 0; font-size:24px; line-height:1.2; }
.sxp-legal-sidebar>p { color:var(--sx-muted); font-size:11px; line-height:1.65; }
.sxp-legal-meta { display:flex; flex-wrap:wrap; gap:6px; margin:14px 0; }
.sxp-legal-toc { display:grid; gap:3px; max-height:46vh; overflow:auto; }
.sxp-legal-toc a { padding:7px 8px; border-radius:7px; color:var(--sx-muted); font-size:10px; line-height:1.4; }
.sxp-legal-toc a:hover { background:var(--sx-panel-2); color:var(--sx-text); }
.sxp-legal-document { color:var(--sx-muted); font-size:12px; line-height:1.8; }
.sxp-legal-document h2 { scroll-margin-top:20px; margin:25px 0 8px; color:var(--sx-text); font-size:17px; }
.sxp-legal-document h3 { margin:17px 0 5px; color:var(--sx-text); font-size:13px; }
.sxp-legal-document p,.sxp-legal-document li { color:var(--sx-muted); }
.sxp-legal-document ul { padding-left:20px; }
.sxp-legal-callout { margin:16px 0; padding:13px 14px; border:1px solid color-mix(in srgb,var(--sx-accent) 28%,var(--sx-border)); border-radius:10px; background:var(--sx-accent-soft); color:var(--sx-text); font-size:11px; line-height:1.6; }
.sxp-legal-actions { display:flex; gap:9px; margin-top:20px; }
.sxp-agreement-shell { max-width:820px; }
.sxp-agreement-card h1 { margin:8px 0; font-size:31px; }
.sxp-agreement-card>p { color:var(--sx-muted); font-size:13px; line-height:1.75; }
.sxp-agreement-heading { display:flex; align-items:center; gap:10px; margin-bottom:23px; color:var(--sx-muted); font-size:12px; }
.sxp-agreement-heading img { width:34px; height:34px; }
.sxp-agreement-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:18px 0; }
.sxp-agreement-summary>div { display:grid; align-content:start; gap:7px; padding:13px; border:1px solid var(--sx-border); border-radius:10px; background:var(--sx-panel-2); }
.sxp-agreement-summary b { font-size:11px; }
.sxp-agreement-summary span { color:var(--sx-muted); font-size:10px; line-height:1.55; }
.sxp-agreement-check { margin:12px 0; }
.sxp-agreement-submit { display:flex; justify-content:flex-end; margin-top:18px; }
.sxp-error { display:grid; min-height:60vh; grid-template-columns:auto minmax(0,600px); align-items:center; justify-content:center; gap:28px; padding:50px 24px; }
.sxp-error-status { color:var(--sx-accent-soft); font-size:clamp(80px,16vw,170px); font-weight:800; letter-spacing:-.08em; line-height:1; }
.sxp-error-content .page-title { margin:8px 0; font-size:32px; }
.sxp-error-reference,.sxp-diagnostic-code,.sxp-oauth-detail { margin-top:15px; padding:11px 13px; border:1px solid var(--sx-border); border-radius:9px; background:var(--sx-panel); color:var(--sx-muted); font-size:11px; }
.sxp-error-reference { display:flex; justify-content:space-between; gap:15px; }
.sxp-error-reference strong,.sxp-diagnostic-code strong { color:var(--sx-text); }
.sxp-oauth-error { width:min(650px,calc(100% - 36px)); margin:60px auto; padding:25px; }
.sxp-oauth-icon { display:grid; width:44px; height:44px; margin-bottom:16px; place-items:center; border:1px solid color-mix(in srgb,var(--sx-warn) 28%,var(--sx-border)); border-radius:12px; color:var(--sx-warn); background:color-mix(in srgb,var(--sx-warn) 8%,var(--sx-panel)); }
.sxp-oauth-icon svg { width:22px; height:22px; }
@media(max-width:820px){.sxp-home-hero{grid-template-columns:1fr;gap:28px;padding:44px 0 30px}.sxp-home-product{max-width:620px}.sxp-platform-stats{margin-bottom:52px}.sxp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sxp-legal-shell{grid-template-columns:1fr}.sxp-legal-sidebar{position:static}.sxp-legal-toc{max-height:240px}.sxp-error{grid-template-columns:1fr;gap:4px;text-align:center}.sxp-error-status{font-size:82px}.sxp-error-content .sxp-actions{justify-content:center}}
@media(max-width:560px){.sxp-home-intro h1{font-size:43px}.sxp-platform-stats{grid-template-columns:repeat(2,1fr);padding:9px}.sxp-platform-stats>div:nth-child(2){border-right:0}.sxp-platform-stats>div:nth-child(-n+2){border-bottom:1px solid var(--sx-border)}.sxp-features{padding-bottom:48px}.sxp-feature-grid{grid-template-columns:1fr}.sxp-feature-grid .sxp-feature-support{grid-column:auto;flex-wrap:wrap}.sxp-agreement-summary{grid-template-columns:1fr}.sxp-release summary{gap:8px;padding:11px}.sxp-release-body{padding:0 13px 13px}.sxp-legal-actions{flex-direction:column}}
.sxp-workspace { width:min(1280px,calc(100% - 40px)); margin:0 auto; padding:28px 0 54px; }
.sxp-page-header,.sxp-overview-header { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.sxp-page-header { margin-bottom:20px; }
.sxp-page-header form { margin:0; }
.sxp-button-icon { width:15px; height:15px; }
.sxp-summary-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:19px 0; padding:12px 4px; border:1px solid var(--sx-border); border-radius:12px; background:var(--sx-panel); }
.sxp-summary-strip>div { display:grid; gap:3px; padding:5px 16px; border-right:1px solid var(--sx-border); }
.sxp-summary-strip>div:last-child { border:0; }
.sxp-summary-strip span { color:var(--sx-muted); font-size:10px; }
.sxp-summary-strip strong { font-size:18px; font-weight:730; }
.sxp-summary-version strong { color:var(--sx-accent); }
.sxp-server-directory,.sxp-section-card { min-width:0; padding:17px; border:1px solid var(--sx-border); border-radius:13px; background:var(--sx-panel); }
.sxp-directory-toolbar,.sxp-card-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.sxp-directory-toolbar { margin-bottom:11px; }
.sxp-directory-toolbar h2,.sxp-card-heading h2 { margin:0; font-size:14px; }
.sxp-directory-toolbar>div>span,.sxp-card-heading p { display:block; margin:4px 0 0; color:var(--sx-muted); font-size:10px; }
.sxp-search-field { display:flex; width:min(310px,100%); min-height:38px; align-items:center; gap:8px; padding:0 10px; border:1px solid var(--sx-border); border-radius:9px; background:var(--sx-panel-2); color:var(--sx-muted); }
.sxp-search-field svg { width:16px; height:16px; flex:0 0 16px; }
.sxp-search-field input { min-height:34px!important; padding:4px 0!important; border:0!important; background:transparent!important; box-shadow:none!important; }
.sxp-server-list,.sxp-profile-server-list { display:grid; }
.sxp-server-row { display:grid; grid-template-columns:minmax(220px,1.3fr) minmax(120px,.75fr) minmax(130px,.8fr) auto; align-items:center; gap:16px; padding:14px 2px; border-top:1px solid var(--sx-border); }
.sxp-server-identity { display:flex; min-width:0; align-items:center; gap:10px; }
.sxp-server-icon,.sxp-overview-avatar { width:39px; height:39px; flex:0 0 39px; border-radius:11px; object-fit:cover; background:var(--sx-panel-3); }
.sxp-fallback { display:grid; place-items:center; color:var(--sx-accent); font-size:15px; font-weight:700; }
.sxp-server-identity h3 { overflow:hidden; margin:0; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.sxp-server-id { display:block; margin-top:3px; color:var(--sx-muted); font-size:9px; }
.sxp-server-state { display:grid; justify-items:start; gap:5px; }
.sxp-access-label { color:var(--sx-muted); font-size:9px; }
.sxp-server-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.sxp-server-details>div { display:grid; gap:2px; }
.sxp-server-details span { color:var(--sx-muted); font-size:9px; }
.sxp-server-details strong { font-size:11px; }
.sxp-server-details p { grid-column:1/-1; margin:0; color:var(--sx-muted); font-size:10px; }
.sxp-server-action { justify-self:end; }
.sxp-empty-compact { min-height:80px!important; padding:15px!important; }
.sxp-empty-compact p { margin:5px 0 0; color:var(--sx-muted); font-size:10px; }
.sxp-overview-header { margin-bottom:13px; }
.sxp-overview-header .sxp-server-identity { gap:13px; }
.sxp-overview-avatar { width:48px; height:48px; flex-basis:48px; border-radius:13px; }
.sxp-overview-header .page-title { font-size:26px; }
.sxp-overview-header .page-description { font-size:11px; }
.sxp-overview-status { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 13px; border:1px solid var(--sx-border); border-radius:10px; background:var(--sx-panel); font-size:11px; }
.sxp-overview-status>span:first-child { display:flex; align-items:center; gap:8px; }
.sxp-overview-metrics { margin:11px 0; }
.sxp-overview-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr); align-items:start; gap:12px; }
.sxp-section-stack { display:grid; gap:12px; }
.sxp-card-heading { margin-bottom:12px; }
.sxp-status-list { display:grid; }
.sxp-status-row { display:flex; min-width:0; align-items:center; gap:11px; padding:11px 2px; border-top:1px solid var(--sx-border); color:var(--sx-text); }
.sxp-status-row>div { min-width:0; flex:1; }
.sxp-status-row strong { font-size:11px; }
.sxp-status-row p { margin:3px 0 0; color:var(--sx-muted); font-size:10px; }
.sxp-status-mark { display:grid; width:23px; height:23px; flex:0 0 23px; place-items:center; border-radius:8px; background:var(--sx-panel-2); color:var(--sx-muted); font-size:11px; }
.sxp-status-mark.bad { background:color-mix(in srgb,var(--sx-bad) 10%,var(--sx-panel)); color:var(--sx-bad); }
.sxp-status-mark.warn { background:color-mix(in srgb,var(--sx-warn) 10%,var(--sx-panel)); color:var(--sx-warn); }
.sxp-row-arrow { color:var(--sx-muted); }
.sxp-health-good { display:flex; align-items:center; gap:11px; padding:12px; border:1px solid color-mix(in srgb,var(--sx-good) 25%,var(--sx-border)); border-radius:10px; background:color-mix(in srgb,var(--sx-good) 7%,var(--sx-panel)); }
.sxp-health-good>span { color:var(--sx-good); font-size:18px; }
.sxp-health-good strong { font-size:11px; }
.sxp-health-good p { margin:3px 0 0; color:var(--sx-muted); font-size:10px; }
.sxp-event-list { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.sxp-event-list li { display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:9px; padding:10px 1px; border-top:1px solid var(--sx-border); }
.sxp-event-list strong { overflow:hidden; font-size:10px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.sxp-event-list time { color:var(--sx-muted); font-size:9px; }
.sxp-event-dot { width:7px; height:7px; border-radius:50%; background:var(--sx-accent); }
.sxp-text-link { color:var(--sx-accent); font-size:10px; white-space:nowrap; }
.sxp-quick-links { display:grid; }
.sxp-quick-links a { display:flex; justify-content:space-between; gap:10px; padding:12px 2px; border-top:1px solid var(--sx-border); color:var(--sx-text); }
.sxp-quick-links a>span:first-child { display:grid; gap:3px; }
.sxp-quick-links strong { font-size:11px; }
.sxp-quick-links small { color:var(--sx-muted); font-size:9px; }
.sxp-quick-links a>span:last-child { color:var(--sx-muted); }
.sxp-profile-layout { display:grid; grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr); align-items:start; gap:13px; }
.sxp-profile-sidebar { display:grid; gap:12px; }
.sxp-profile-identity { display:grid; justify-items:center; text-align:center; }
.sxp-profile-avatar { width:76px; height:76px; margin-bottom:12px; border-radius:50%; object-fit:cover; background:var(--sx-panel-3); }
.sxp-profile-identity h2 { margin:0; font-size:16px; }
.sxp-profile-identity>p { margin:3px 0 10px; color:var(--sx-muted); font-size:11px; }
.sxp-profile-badges { display:flex; flex-wrap:wrap; justify-content:center; gap:5px; margin:5px 0 13px; }
.sxp-profile-identity .btn { width:100%; margin-top:7px; }
.sxp-details { display:grid; margin:0; }
.sxp-details>div { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--sx-border); }
.sxp-details dt { color:var(--sx-muted); font-size:10px; }
.sxp-details dd { margin:0; font-size:10px; text-align:right; overflow-wrap:anywhere; }
.sxp-profile-servers { min-width:0; }
.sxp-profile-server { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--sx-border); }
.sxp-profile-server .sxp-server-identity { flex:1; }
.sxp-profile-server .sxp-server-identity>div:last-child>span { color:var(--sx-muted); font-size:9px; }
@media(max-width:900px){.sxp-server-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.sxp-server-state{justify-items:end}.sxp-server-details{grid-column:1;grid-row:2}.sxp-server-action{grid-column:2;grid-row:2}.sxp-overview-layout{grid-template-columns:1fr}}
@media(max-width:600px){.sxp-workspace{width:calc(100% - 30px);padding-top:20px}.sxp-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sxp-summary-strip>div:nth-child(2){border-right:0}.sxp-summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--sx-border)}.sxp-directory-toolbar{align-items:stretch;flex-direction:column}.sxp-search-field{width:100%}.sxp-server-row{grid-template-columns:minmax(0,1fr);}.sxp-server-state{justify-items:start}.sxp-server-details{grid-column:auto;grid-row:auto}.sxp-server-action{grid-column:auto;grid-row:auto;justify-self:start}.sxp-page-header,.sxp-overview-header{align-items:flex-start;flex-direction:column}.sxp-overview-header .sxp-actions{width:100%}.sxp-overview-header .sxp-actions .btn{flex:1}.sxp-profile-layout{grid-template-columns:1fr}}