dialog.vserver-workspace{width:calc(100% - 48px);max-width:1500px;height:calc(100dvh - 48px);max-height:none;padding:0;background:#f3f6fb;color:#243851;border:1px solid #d3dfef;border-radius:14px}
.vserver-workspace>.dialog-heading{padding:23px 30px;margin:0;border-bottom:1px solid #dce4ef;background:white}.vserver-workspace>.dialog-heading h2{font-size:25px}.vserver-workspace #instance-details{padding:0}
.server-workspace-top{display:flex;align-items:center;gap:55px;background:#fff;padding:22px 30px;border-bottom:1px solid #e0e7f0}.server-workspace-top small{display:block;color:#7889a0;font-size:9px;letter-spacing:.1em;margin-bottom:7px}.server-workspace-top strong{font-size:14px}.server-runtime-badge{margin-left:auto;border:1px solid #adc7ef;background:#e7effc;color:#2459aa;padding:12px 19px;border-radius:7px;font-size:12px;font-weight:650}.server-runtime-badge[data-runtime=stopped]{color:#855d2b;background:#fff4e6;border-color:#e8d4b5}
.server-workspace-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;padding:28px}.server-workspace-sidebar{min-width:0}.server-package{padding:24px;background:#e9eff8;border:1px solid #d9e3f0;border-radius:10px}.server-package h3{font-size:23px;margin:14px 0 9px;color:#24426c}.server-package p{font-size:14px;color:#3e5e89}.server-package dl{margin:24px 0 18px}.server-package dl>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #d4deed;font-size:11px}.server-package dt{color:#687e9b}.server-package dd{margin:0;font-weight:600}.server-package>small{display:block;font-size:10px;line-height:1.7;color:#617c9f}
.server-nav-heading{display:block;font-size:9px;font-weight:700;letter-spacing:.1em;color:#6b809c;margin:30px 12px 15px}.server-workspace-sidebar nav{display:grid;gap:7px}.server-workspace-sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid transparent;background:#eaf0f8;padding:15px;border-radius:7px;color:#607590;font-size:12px;cursor:pointer}.server-workspace-sidebar nav button[aria-current=page]{color:#225caf;background:#dce9ff;border-color:#bfd3f4;font-weight:600}.server-workspace-sidebar nav svg{width:17px;height:17px}.server-support-link{display:inline-block;margin:25px 12px;font-size:12px;color:#396299}
.server-workspace-content{min-width:0}.server-welcome{padding:27px 29px;margin-bottom:20px;background:#fff;border:1px solid #dce5f1;border-top:3px solid #477ac3;border-radius:10px}.server-welcome h3{font-size:25px;font-weight:600;letter-spacing:-.03em;margin:13px 0 9px}.server-welcome>p{font-size:12px;color:#71839a;line-height:1.8}
.vserver-workspace #customer-vm-power{padding:0 28px}.vserver-workspace .vm-power-control{display:grid;grid-template-columns:1fr auto;gap:8px 25px;margin:20px 0 0;padding:16px 20px}.vserver-workspace .vm-power-heading{grid-column:1;grid-row:1}.vserver-workspace .vm-power-heading+.vm-power-hint{display:none}.vserver-workspace .vm-power-buttons{grid-column:2;grid-row:1;margin:0;align-items:center}.vserver-workspace .vm-power-hint,.vserver-workspace .vm-power-control output{grid-column:1/-1;margin:0!important}.vserver-workspace .vm-power-heading strong{font-size:16px}
@media(max-width:760px){.vserver-workspace #customer-vm-power{padding:0 15px}.vserver-workspace .vm-power-control{grid-template-columns:1fr;gap:12px;padding:16px}.vserver-workspace .vm-power-buttons{grid-row:2;grid-column:1}.vserver-workspace .vm-power-heading{flex-direction:row;align-items:center}.vserver-workspace .vm-power-hint{font-size:10px!important}.vserver-workspace .vm-power-heading small{font-size:8px}.vserver-workspace .vm-power-heading button{font-size:9px;padding:8px}}
.server-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.server-info-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-height:179px;padding:22px 16px;background:white;border:1px solid #e0e7f1;border-radius:9px;box-shadow:0 5px 16px #233f6b04;min-width:0}.server-tile-icon{color:#7691b7}.server-tile-icon svg{width:23px;height:23px}.server-info-tile>span:not(.server-tile-icon){font-size:11px;color:#7a8da7}.server-info-tile strong{font-size:14px;line-height:1.55;color:#2d4a70;overflow-wrap:anywhere}.server-info-tile small{font-size:9px;color:#7a8da7;line-height:1.6}
.server-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.server-usage{padding:24px 16px;background:#fff;border:1px solid #e0e7f1;border-radius:9px;text-align:center}.server-usage h3{font-size:13px;font-weight:600;color:#3e5575;margin:0}.server-usage>p{font-size:10px;line-height:1.7;color:#7c8ea7;margin:15px 0 0}.server-ring{width:125px;height:125px;position:relative;display:grid;place-items:center;margin:24px auto;border-radius:50%;background:conic-gradient(#3a78d9 var(--usage),#edf2f9 0)}.server-ring:before{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}.server-ring strong{position:relative;font-size:20px;color:#365a89}.server-network-metrics{display:grid;gap:18px;text-align:left;margin:30px 10px}.server-network-metrics span{display:block;font-size:10px;color:#6c829f}.server-network-metrics strong{display:block;font-size:22px;font-weight:500;color:#365a89;margin-top:7px}.server-updated{font-size:10px;color:#7086a4;text-align:center;margin:23px 0 5px}
.server-access,.server-events{background:white;padding:27px;border:1px solid #dce5f1;border-radius:10px}.server-access h3{font-size:19px;color:#2e4b70;margin:0 0 15px}.server-access p{font-size:13px;line-height:1.9;color:#667e9d;margin:16px 0}.server-access>code{display:block;padding:17px;margin:20px 0;background:#edf3fc;color:#2f5b97;border-radius:7px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px}.server-events article{padding:16px 0;border-bottom:1px solid #e1e8f2}.server-events time{font-size:10px;color:#8596ad}.server-events p{font-size:12px;line-height:1.8;color:#4c6486;margin:10px 0}
@media(max-width:1100px){.server-workspace-layout{grid-template-columns:210px minmax(0,1fr);gap:20px;padding:20px}.server-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-usage:last-child{grid-column:1/-1}.server-network-metrics{display:flex;justify-content:center;gap:40px}}
@media(max-width:760px){dialog.vserver-workspace{width:100%;height:100dvh;border-radius:0;margin:0;max-width:none}.vserver-workspace>.dialog-heading{padding:18px}.vserver-workspace>.dialog-heading h2{font-size:20px}.server-workspace-top{padding:18px;gap:18px;flex-wrap:wrap}.server-workspace-top strong{font-size:12px}.server-runtime-badge{margin:0;font-size:10px;padding:9px 13px}.server-workspace-layout{display:flex;flex-direction:column;padding:15px;gap:20px}.server-package{padding:18px}.server-package dl{display:flex;flex-wrap:wrap;gap:14px;margin:17px 0}.server-package dl>div{gap:9px}.server-package h3{font-size:20px}.server-workspace-sidebar nav{display:flex;gap:5px}.server-workspace-sidebar nav button{flex:1;justify-content:center;padding:13px 6px;font-size:10px;gap:5px}.server-workspace-sidebar nav svg{display:none}.server-nav-heading{margin:20px 0 12px}.server-support-link{display:none}.server-welcome{padding:22px}.server-welcome h3{font-size:23px}.server-info-tile{padding:18px 11px;min-height:166px}.server-info-tile strong{font-size:12px}.server-usage{padding:20px 10px}.server-ring{width:105px;height:105px}.server-ring strong{font-size:17px}.server-updated{font-size:9px;line-height:1.8}}