/* /tr/windows-vps/ sections: RDP diagram, workspace, compatibility map, layer stack, resource charts.
   Markup: includes/frontend/templates/service-windows-sections.php. Shared parts: service-sections.css.
   Hero rules (.svc-desktop, .svc-board, .svc-win-tabs) are not touched here. */

/* Port of the selected data center, next to the city in the price table (#vps-pricing). */
.svc-windows .vps-location-port:not([hidden]){display:block;margin-top:4px;color:#3c6149}

/* RDP access (#windows-access) */
.svc-wn-rdp{display:grid;grid-template-columns:1fr 1.1fr 1.2fr;align-items:center;gap:0;padding:34px;border:1px solid var(--x-edge);border-radius:18px;background:var(--x-pale)}
.svc-wn-pc,.svc-wn-remote{padding:22px;border:1px solid var(--x-edge);border-radius:12px;background:#fff}
.svc-wn-pc{text-align:center}
.svc-wn-screen{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:120px;height:74px;margin:0 auto 14px;padding:8px;border:3px solid #24352a;border-radius:6px;background:#f6f8f4;position:relative}
.svc-wn-screen::after{content:'';position:absolute;left:50%;bottom:-13px;width:40px;height:8px;transform:translateX(-50%);background:#24352a;border-radius:0 0 4px 4px}
.svc-wn-screen i{background:#d4e3d0}
.svc-wn-pc strong,.svc-wn-remote strong{display:block;font-size:16px;font-weight:650;color:#1d2f22}
.svc-wn-pc small,.svc-wn-link small{display:block;margin-top:5px;font:10px/1.5 'JetBrains Mono',monospace;color:#677564}
.svc-wn-link{position:relative;padding:0 18px;text-align:center}
.svc-wn-line{display:block;height:2px;margin-bottom:12px;background:repeating-linear-gradient(90deg,var(--x-green) 0 8px,transparent 8px 13px);position:relative}
.svc-wn-line::after{content:'';position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left:8px solid var(--x-green)}
.svc-wn-link strong{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--x-green);color:#fff;font:600 11px/1.5 'JetBrains Mono',monospace}
.svc-wn-remote{padding:0;overflow:hidden}
.svc-wn-remote-bar{display:flex;align-items:center;gap:10px;margin:0;padding:10px 14px;background:var(--x-green);color:#e2efdc;font:10px/1.5 'JetBrains Mono',monospace}
.svc-wn-remote-bar span,.svc-wn-window-bar span{display:inline-flex;gap:4px}
.svc-wn-remote-bar i,.svc-wn-window-bar i{width:7px;height:7px;border-radius:50%;background:#5b8a6a}
.svc-wn-remote strong{padding:18px 18px 0}
.svc-wn-remote ul{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0 18px 18px;list-style:none}
.svc-wn-remote li{padding:6px 10px;border:1px solid #c8d6c5;background:var(--x-soft);font-size:12px}
.svc-wn-two{grid-template-columns:1fr 1fr}

/* Workspace (#service-use-cases) */
.svc-wn-launchers .svc-x-tab{flex:1 1 0;border-radius:12px;padding:12px 18px}
.svc-wn-space+.svc-wn-space{margin-top:30px}
.svc-wn-window{border:1px solid #c6d4c3;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(22,60,44,.06)}
.svc-wn-window-bar{display:flex;align-items:center;gap:12px;margin:0;padding:11px 16px;border-bottom:1px solid var(--x-line);background:var(--x-soft);font:11px/1.5 'JetBrains Mono',monospace;color:#3f5544}
.svc-wn-window-body{display:grid;grid-template-columns:190px minmax(0,1fr)}
.svc-wn-tree{margin:0;padding:18px 16px;border-right:1px solid var(--x-line);background:#fafbf8;list-style:none;font:11px/1.6 'JetBrains Mono',monospace;color:#6b786c}
.svc-wn-tree li{padding:6px 8px;border-radius:5px}
.svc-wn-tree li::before{content:'▸ ';color:#9bb39b}
.svc-wn-tree li.is-open{background:var(--x-pale);color:var(--x-green)}
.svc-wn-tree li.is-open::before{content:'▾ '}
.svc-wn-main{padding:26px 28px}
.svc-wn-main-title{margin:6px 0 20px;font-size:20px;font-weight:650;color:#1d2f22}
.svc-wn-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 18px;padding:0;list-style:none}
.svc-wn-path li,.svc-wn-folders li{position:relative;padding:14px 12px;border:1px solid #c8d6c5;background:#f8faf6;font-size:13px;font-weight:600;color:#1d2f22}
.svc-wn-path li+li::before{content:'→';position:absolute;left:-14px;top:50%;transform:translateY(-50%);color:#618669;font-weight:700}
.svc-wn-path small,.svc-wn-settings dt{display:block;margin-bottom:4px;font:500 9px/1.4 'JetBrains Mono',monospace;color:#677564}
.svc-wn-folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:0;list-style:none}
.svc-wn-folders li{display:flex;align-items:center;gap:10px}
.svc-wn-folders li>span{width:22px;height:16px;flex:none;border-radius:2px 4px 3px 3px;background:#d7b75a;position:relative}
.svc-wn-folders li>span::before{content:'';position:absolute;left:0;top:-4px;width:10px;height:5px;border-radius:2px 2px 0 0;background:#c9a646}
.svc-wn-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:360px;margin:0 0 18px}
.svc-wn-calendar i{height:22px;border:1px solid #d6e0d2;background:#fafbf8}
.svc-wn-calendar i.is-on{background:#a9d4b2;border-color:#8cbf98}
.svc-wn-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.svc-wn-settings>div{padding:12px 14px;border-left:2px solid #b2c5ac;background:var(--x-soft)}
.svc-wn-settings dd{margin:0;font-size:13px;color:#1d2f22}
.svc-wn-window-foot{margin:0;padding:9px 16px;border-top:1px solid var(--x-line);background:var(--x-green);color:#cfe3cf;font:10px/1.5 'JetBrains Mono',monospace}
.svc-wn-space-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:start;margin-top:22px}
.svc-page .svc-wn-space-copy h3{margin:0;font-size:22px}
.svc-wn-space-copy .svc-x-tags{margin:0;justify-content:flex-end}
.svc-wn-space-copy p{grid-column:1/-1;margin:6px 0 0;max-width:780px;font-size:14px;line-height:1.85;color:var(--x-muted)}

/* Compatibility map (#service-comparison) */
.svc-wn-map{border:1px solid #c6d4c3;border-radius:14px;overflow:hidden;background:#fff}
.svc-wn-map-head{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;margin:0;padding:14px 26px;background:var(--x-green);color:#e2efdc;font:600 10px/1.5 'JetBrains Mono',monospace;letter-spacing:.06em}
.svc-wn-map ol{margin:0;padding:0;list-style:none}
.svc-wn-map li{display:grid;grid-template-columns:minmax(0,1fr) 40px 220px;gap:24px;align-items:center;padding:24px 26px;border-top:1px solid #e0e8dc}
.svc-wn-map li:first-child{border-top:0}
.svc-wn-map-no{font:11px 'JetBrains Mono',monospace;color:#7b9277}
.svc-page .svc-wn-map h3{margin:4px 0 6px;font-size:17px}
.svc-wn-map-need p{margin:0;font-size:13px;line-height:1.75;color:#526151}
.svc-wn-map-arrow{color:#618669;font-size:20px;text-align:center}
.svc-wn-map-targets{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.svc-wn-map-targets>span:not(.svc-visually-hidden){padding:9px 14px;border-radius:8px;font-size:13px;font-weight:650}
.svc-wn-map-targets .is-windows{background:var(--x-green);color:#fff}
.svc-wn-map-targets .is-linux{background:#d9ecd7;border:1px solid #a9cba6;color:#1d3a25}

/* Architecture stack (#service-architecture) */
.svc-wn-stack{display:grid;gap:26px;margin:0;padding:0;list-style:none}
.svc-wn-stack li{position:relative;display:grid;gap:4px;padding:20px 22px;border:1px solid var(--x-edge);background:#fff}
.svc-wn-stack li+li::before{content:'↓';position:absolute;top:-24px;left:50%;transform:translateX(-50%);color:#618669;font-weight:700}
.svc-wn-stack li.is-vps{background:var(--x-green);border-color:var(--x-green)}
.svc-wn-stack small{font:10px/1.5 'JetBrains Mono',monospace;color:#74876c}
.svc-wn-stack strong{font-size:18px;font-weight:650;color:#163d26}
.svc-wn-stack span{font:11px/1.6 'JetBrains Mono',monospace;color:#52694a}
.svc-wn-stack .is-vps small,.svc-wn-stack .is-vps strong,.svc-wn-stack .is-vps span{color:#e2efdc}

/* Resource charts (#service-resources) */
.svc-wn-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.svc-wn-chart{margin:0;padding:22px;border:1px solid var(--x-line);border-radius:14px;background:#fff}
.svc-wn-chart figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:16px}
.svc-wn-chart figcaption strong{font-size:16px;font-weight:650}
.svc-wn-chart figcaption span{font:10px/1.5 'JetBrains Mono',monospace;color:#677564}
.svc-wn-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;height:210px;margin:0;padding:0 0 0;list-style:none;border-bottom:1px solid #c8d6c5}
.svc-wn-bars li{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;text-align:center}
.svc-wn-bars strong{order:1;margin-bottom:6px;font:600 11px/1.3 'JetBrains Mono',monospace;color:#1d2f22;white-space:nowrap}
.svc-wn-bar{order:2;display:block;width:100%;max-width:46px;height:calc(var(--p) * 1.5px);min-height:3px;border-radius:4px 4px 0 0;background:#bfdcc3}
.svc-wn-bars li.is-top .svc-wn-bar{background:var(--x-green)}
.svc-wn-bars small{order:3;position:relative;top:22px;height:0;font:10px/1 'JetBrains Mono',monospace;color:#677564}
.svc-wn-chart-copy{margin-top:40px;padding-top:16px;border-top:1px solid #e0e8dc}
.svc-page .svc-wn-chart-copy h3{margin:0 0 6px;font-size:14px}
.svc-wn-chart-copy p{margin:0;font-size:12px;line-height:1.8;color:#6a7569}

@media(max-width:1000px){
.svc-wn-rdp{grid-template-columns:1fr;gap:6px;padding:24px}
.svc-wn-link{padding:18px 0}
.svc-wn-line{width:2px;height:34px;margin:0 auto 10px;background:repeating-linear-gradient(180deg,var(--x-green) 0 8px,transparent 8px 13px)}
.svc-wn-line::after{right:auto;left:-5px;top:auto;bottom:-6px;border:6px solid transparent;border-top:8px solid var(--x-green)}
.svc-wn-charts{grid-template-columns:1fr}
.svc-wn-map li{grid-template-columns:minmax(0,1fr) 200px}
.svc-wn-map-arrow{display:none}
.svc-wn-map-head{grid-template-columns:minmax(0,1fr) 200px}
}
@media(max-width:760px){
.svc-wn-two{grid-template-columns:1fr}
.svc-wn-launchers .svc-x-tab{flex:1 1 0;min-width:0;padding:10px;font-size:12px}
.svc-wn-launchers .svc-x-tab small{font-size:9px}
.svc-wn-window-body{grid-template-columns:1fr}
.svc-wn-tree{display:none}
.svc-wn-main{padding:20px 18px}
.svc-wn-path,.svc-wn-folders{grid-template-columns:1fr;gap:18px}
.svc-wn-path li+li::before{content:'↓';left:50%;top:-18px;transform:translateX(-50%)}
.svc-wn-settings{grid-template-columns:1fr}
.svc-wn-space-copy{grid-template-columns:1fr}
.svc-wn-space-copy .svc-x-tags{justify-content:flex-start}
.svc-wn-map-head{display:none}
.svc-wn-map li{grid-template-columns:1fr;gap:12px;padding:20px}
.svc-wn-chart{padding:18px}
}

/* RDP connection steps under the diagram (#windows-access) */
.svc-wn-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 0;padding:0;list-style:none;counter-reset:none}
.svc-wn-steps li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding-top:18px;border-top:2px solid #b7cab4}
.svc-wn-steps li>span{font:700 13px/1.6 'JetBrains Mono',monospace;color:var(--x-label)}
.svc-wn-steps p{margin:0;font-size:13px;line-height:1.75;color:#3d4f40}
@media(max-width:760px){.svc-wn-steps{grid-template-columns:1fr;gap:14px}}