/* Keep service sidebars to the physical left of the service content on desktop. */
.pa-theme.pa-page-clientareaproductdetails .site-container:has(> .pa-content-row) { container:pa-service-content / inline-size; }
.pa-theme.pa-page-clientareaproductdetails .pa-has-context { display:grid; grid-template-columns:240px minmax(0,1fr); column-gap:24px; align-items:start; direction:ltr; }
.pa-theme.pa-page-clientareaproductdetails .pa-page-heading { grid-column:2; grid-row:1; width:100%; min-width:0; margin:0; }
.pa-theme.pa-page-clientareaproductdetails .pa-has-context > .pa-page-content { grid-column:2; grid-row:2; }
.pa-theme.pa-page-clientareaproductdetails .pa-context-stack { grid-column:1; grid-row:2; display:flex; flex-direction:column; gap:18px; margin:0; }
[dir=rtl] .pa-theme.pa-page-clientareaproductdetails .pa-has-context > :is(.pa-context-stack,.pa-page-content,.pa-page-heading) { direction:rtl; }
.pa-theme .pa-content-clientareaproductdetails { width:100%; max-width:1200px; margin-inline:auto; min-width:0; }
/* These cards only exist in the native fallback, never in a full module overview. */
.pa-theme .pa-native-service-overview { display:grid; grid-template-columns:minmax(220px,.9fr) minmax(0,1fr); align-items:stretch; gap:20px; padding:24px; border:1px solid var(--pa-border); border-radius:20px; background:var(--pa-surface); color:var(--pa-primary); direction:ltr; }
[dir=rtl] .pa-theme .pa-native-service-overview > * { direction:rtl; }
.pa-theme .pa-native-service-identity { display:block; min-width:0; padding:18px; border-radius:16px; background:var(--pa-subtle); }
.pa-theme .pa-native-service-identity .product-status { width:100%; display:flex; flex-direction:column; align-items:center; gap:14px; margin:0; padding:24px 16px; border:1px solid var(--pa-border); border-radius:14px; background:var(--pa-surface); color:var(--pa-primary); text-align:center; }
.pa-theme .pa-native-service-identity .product-icon { width:100%; min-width:0; }
.pa-theme .pa-native-service-identity .product-icon .fa-stack { color:var(--brand-blue); font-size:28px; margin:0 0 14px; }
.pa-theme .pa-native-service-identity h2 { margin:0 0 10px; font-size:20px; line-height:1.6; color:var(--pa-primary); overflow-wrap:anywhere; }
.pa-theme .pa-native-service-identity .pa-service-group { margin:0 0 10px; color:var(--pa-muted); font-size:13px; overflow-wrap:anywhere; }
.pa-theme .pa-native-service-hostname { margin:0; color:var(--pa-muted); font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.pa-theme .pa-native-service-identity .product-status-text { padding:6px 14px; border-radius:24px; font-size:12px; font-weight:600; background:var(--brand-green-soft); color:var(--pa-primary); }
.pa-theme .pa-native-service-identity .product-status-suspended .product-status-text { background:var(--pa-warning); color:var(--pa-primary); }
.pa-theme .pa-native-service-identity :is(.product-status-cancelled,.product-status-terminated) .product-status-text { background:#bc2c3718; color:#bc2c37; }
[data-pa-color-mode=dark] .pa-theme .pa-native-service-identity :is(.product-status-cancelled,.product-status-terminated) .product-status-text { color:#ff9ba4; }
.pa-theme .pa-native-service-identity .product-actions-wrapper { display:grid; gap:10px; margin:16px 0 0; }
.pa-theme .pa-native-service-identity .product-actions-wrapper > .col-xs-12 { float:none; width:100%; margin:0; padding:0; }
.pa-theme .pa-native-service-identity .product-actions-wrapper .btn { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:44px; white-space:normal; }
.pa-theme .pa-service-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; min-width:0; margin:0; }
.pa-theme .pa-service-fact { display:flex; flex-direction:column; justify-content:center; gap:12px; min-width:0; min-height:120px; padding:18px 12px; border:1px solid var(--pa-border); border-radius:16px; background:var(--pa-subtle); text-align:center; }
.pa-theme .pa-service-fact:nth-child(3n+2) { background:color-mix(in srgb,var(--brand-blue) 5%,var(--pa-surface)); }
.pa-theme .pa-service-fact:nth-child(3n) { background:color-mix(in srgb,var(--brand-green) 5%,var(--pa-surface)); }
.pa-theme .pa-service-fact dt { color:var(--pa-muted); font-size:13px; font-weight:400; line-height:1.8; overflow-wrap:anywhere; }
.pa-theme .pa-service-fact dd { min-width:0; margin:0; color:var(--pa-primary); font-size:16px; font-weight:700; line-height:1.8; overflow-wrap:anywhere; }
.pa-theme .pa-service-suspend-reason { grid-column:1 / -1; margin:0; overflow-wrap:anywhere; }
@media(max-width:1100px) {
 .pa-theme .pa-native-service-overview { grid-template-columns:minmax(0,1fr); }
}
/* Measure the content area after the main navigation takes its share of the screen. */
@container pa-service-content (max-width:999px) {
 .pa-theme.pa-page-clientareaproductdetails .pa-has-context { grid-template-columns:minmax(0,1fr); }
 .pa-theme.pa-page-clientareaproductdetails .pa-page-heading { grid-column:1; grid-row:1; }
 .pa-theme.pa-page-clientareaproductdetails .pa-has-context > .pa-page-content { grid-column:1; grid-row:2; }
 .pa-theme.pa-page-clientareaproductdetails .pa-context-stack { grid-column:1; grid-row:3; margin-top:20px; }
}
@media(max-width:800px) {
 .pa-theme .pa-native-service-overview { padding:16px; gap:16px; }
}
@media(max-width:420px) {
 .pa-theme .pa-service-facts { grid-template-columns:minmax(0,1fr); }
 .pa-theme .pa-native-service-identity { padding:12px; }
}