/* /windows-vds/ (EN) parts: allocated-CPU hero panel, upgrade check, VPS/VDS duel cards, RDS sizing table,
   licensing lists, airport-code cities, included grid, related labels.
   Markup: includes/frontend/templates/service-windowsvds-sections.php. Shared look: service-windowsen.css (.svc-we-*). */
.svc-windowsvds{--we-mint:#95f2ab;--we-ink:#101b15;--we-ok:#14803c}
.svc-windowsvds a:focus-visible,.svc-windowsvds input:focus-visible+span{outline:2px solid #1f7345;outline-offset:3px}
.svc-windowsvds .svc-we-dark a:focus-visible{outline-color:var(--we-mint)}
.svc-windowsvds .vps-location-port:not([hidden]){display:block;margin-top:4px;color:#3c6149}

/* Hero: shared pool vs allocated */
.svc-wv-hero{padding:6px 0 4px}
.svc-wv-tag{padding:3px 8px;border-radius:999px;background:#e8f3e6;font-weight:600;color:var(--we-ok)}
.svc-wv-lane{margin:14px 16px 0}
.svc-wv-lane p{display:flex;justify-content:space-between;gap:10px;margin:0 0 8px;font-size:12px}
.svc-wv-lane p strong{font-weight:600}
.svc-wv-lane p span{font:11px 'JetBrains Mono',monospace;color:#6b6b68}
.svc-wv-lane.is-own p span{color:var(--we-ok)}
.svc-wv-lane svg{display:block;width:100%;height:70px;border-radius:8px;background:#f1f1ef}
.svc-wv-lane.is-own svg{background:#e8f3e6}
.svc-wv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px;padding:0}
.svc-wv-stats div{display:flex;flex-direction:column-reverse;gap:2px;padding:12px;border:1px solid #e3e8e0;border-radius:10px;background:#fff}
.svc-wv-stats dt{font-size:11px;color:#6b6b68}
.svc-wv-stats dd{margin:0;font-size:17px;font-weight:700}

/* Upgrade check */
.svc-wv-check-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:40px;align-items:start}
.svc-wv-check .svc-we-head{margin-bottom:24px}
.svc-wv-signs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}
.svc-wv-signs label{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;border:1px solid #e0e4dd;border-radius:12px;background:#fff;font-size:14px;font-weight:550;cursor:pointer;transition:border-color .15s,background .15s}
.svc-wv-signs input{flex:none;width:18px;height:18px;margin:0;accent-color:#1f7345}
.svc-wv-signs li.is-on label{border-color:#1f7345;background:#f1f6ef}
.svc-wv-result{padding:26px;border-radius:16px;background:var(--we-ink);color:#fff}
.svc-wv-score{margin:0;font:600 10px/1.5 'JetBrains Mono',monospace;letter-spacing:.07em;color:var(--we-mint)}
.svc-wv-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:12px 0 18px}
.svc-wv-bars i{height:5px;border-radius:3px;background:#2a3a30;transition:background .15s}
.svc-wv-bars i.is-on{background:var(--we-mint)}
.svc-page .svc-wv-result h3{margin:0 0 10px;font-size:24px;line-height:1.25;color:#fff}
.svc-wv-result p{margin:0 0 22px;font-size:13px;line-height:1.75;color:#c9d2cb}
.svc-wv-result .vps-button{display:block;width:100%;text-align:center;background:var(--we-mint);border-color:var(--we-mint);color:#101b15}

/* VPS or VDS cards */
.svc-wv-duel{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.svc-wv-duel article{padding:24px;border:1px solid #e0e4dd;border-radius:14px;background:#fff}
.svc-wv-duel article.is-vds{border:2px solid #1f7345}
.svc-wv-duel article.is-vds .svc-x-label{color:var(--we-ok)}
.svc-wv-cores{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:14px 0 16px}
.svc-wv-cores i{height:30px;border-radius:5px;background:#e3e3e0}
.svc-wv-cores i.is-load1{background:#c9c9c4}.svc-wv-cores i.is-load2{background:#8e8e89}.svc-wv-cores i.is-load3{background:#151515}
.svc-wv-cores i.is-mine{background:var(--we-mint)}
.svc-wv-duel article>p:not(.svc-x-label):not(.svc-wv-cores){margin:0 0 14px;font-size:13px;line-height:1.75;color:var(--svc-muted)}
.svc-wv-link{font-size:13px;font-weight:650;color:var(--we-ok)}
.svc-wv-note{margin:18px 0 0;font-size:13px;line-height:1.75;color:var(--svc-muted)}
.svc-wv-note a{color:var(--we-ok)}

/* Use cases: RDS sizing table in the large card, numbered small cards */
.svc-wv-rds-label{margin:0 0 10px;font:600 10px/1.5 'JetBrains Mono',monospace;letter-spacing:.07em;color:var(--we-mint)}
.svc-wv-rds table{width:100%;border-collapse:collapse;font-size:13px}
.svc-wv-rds th,.svc-wv-rds td{padding:10px 8px;border-bottom:1px solid #2a3a30;text-align:left;font-weight:400;color:#e2e8e3}
.svc-wv-rds thead th{font-weight:650;color:#fff}
.svc-wv-rds td:nth-child(2){font-family:'JetBrains Mono',monospace}
.svc-wv-rds tbody tr:last-child th,.svc-wv-rds tbody tr:last-child td{border-bottom:0}
.svc-wv-index{margin-bottom:12px;font:600 11px 'JetBrains Mono',monospace;color:var(--we-ok)}

/* Licensing: two lists */
.svc-wv-lists ul{display:grid;gap:12px;margin:14px 0 0;padding:0;list-style:none}
.svc-wv-lists li{position:relative;padding-left:30px;font-size:14px;line-height:1.6}
.svc-wv-lists li::before{content:'';position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;box-sizing:border-box}
.svc-wv-lists .is-ready li::before{background:var(--we-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5 8.6 13 14 7' fill='none' stroke='%23101b15' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.svc-wv-lists .is-own li::before{border:2px solid #8e8e89}

/* Locations: airport codes */
.svc-wv-code{margin:0 0 14px;font-size:44px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--we-mint)}

/* Included grid */
.svc-wv-included{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border:1px solid #e0e4dd;border-radius:14px;overflow:hidden}
.svc-wv-included li{padding:22px 24px;border-right:1px solid #e0e4dd;border-bottom:1px solid #e0e4dd}
.svc-wv-included li:nth-child(4n){border-right:0}
.svc-wv-included li:nth-last-child(-n+4){border-bottom:0}
.svc-page .svc-wv-included h3{margin:0 0 6px;font-size:15px}
.svc-wv-included p{margin:0;font-size:13px;line-height:1.7;color:var(--svc-muted)}
.svc-we-connect p a{color:var(--we-ok)}

/* Related: small label above each name */
.svc-wv-related>a>span.svc-wv-related-label{margin-bottom:6px;font:600 9px/1.5 'JetBrains Mono',monospace;letter-spacing:.07em;color:#6b6b68}
.svc-wv-related>a{display:flex;flex-direction:column}
.svc-wv-related>a>span:nth-child(2){display:block;margin-bottom:8px;font-size:15px;font-weight:600}
.svc-wv-related small{max-width:220px}
.svc-wv-related .svc-related-arrow{margin-top:auto;padding-top:20px}
.svc-wv-lists .svc-x-label.svc-we-green{color:var(--we-ok)}

@media(max-width:1000px){
.svc-wv-check-grid{grid-template-columns:1fr;gap:24px}
.svc-wv-included{grid-template-columns:1fr 1fr}
.svc-wv-included li:nth-child(4n){border-right:1px solid #e0e4dd}
.svc-wv-included li:nth-child(2n){border-right:0}
.svc-wv-included li:nth-last-child(-n+4){border-bottom:1px solid #e0e4dd}
.svc-wv-included li:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:760px){
.svc-wv-signs,.svc-wv-duel{grid-template-columns:1fr}
.svc-wv-stats dd{font-size:15px}
.svc-wv-code{font-size:36px}
.svc-wv-included{grid-template-columns:1fr}
.svc-wv-included li,.svc-wv-included li:nth-child(4n){border-right:0}
.svc-wv-included li:nth-last-child(-n+4){border-bottom:1px solid #e0e4dd}
.svc-wv-included li:last-child{border-bottom:0}
}