.system-info-window {left:14%;top:9%;width:min(1050px,80vw);height:min(780px,82dvh);color:#303943;}
.system-info-content {container-type:inline-size;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 7px 7px;padding:22px;background:var(--sys-base,#fff);border-radius:9px;}
.info-overview,.info-details {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.info-details {margin-top:12px;}
.info-card {min-width:0;padding:22px 24px;border-radius:11px;background:var(--sys-raised,#f5f6f8);}
.info-card h2 {display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:1.4;margin:0 0 20px;}
.info-card h2 svg {flex-shrink:0;width:19px;height:19px;color:var(--sys-muted,#66737f);}
.info-summary {position:relative;isolation:isolate;overflow:hidden;background:#e6efff;}
.info-summary h2 {font-size:12px;color:#526881;margin-bottom:10px;}
.info-summary-value {position:relative;font-size:clamp(21px,2.2vw,28px);line-height:1.3;font-weight:650;margin:0 0 22px;overflow-wrap:anywhere;letter-spacing:-.5px;}
.info-summary-art {position:absolute;z-index:-1;right:20px;top:18px;width:68px;height:68px;stroke-width:1;color:#81a9e633;}
.info-rows {margin:0;display:grid;gap:13px;}
.info-rows > div {display:grid;grid-template-columns:minmax(112px,40%) minmax(0,1fr);gap:12px;align-items:baseline;line-height:1.65;font-size:13px;}
.info-rows dt {color:var(--sys-muted,#75808c);}
.info-rows dd {margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.info-rows .info-row-wide {grid-template-columns:1fr;gap:4px;}
.info-hint {margin:20px 0 0;font-size:11px;line-height:1.7;color:var(--sys-muted,#75808c);}
.info-battery {display:flex;align-items:center;gap:9px;}
.info-battery meter {width:54px;height:15px;accent-color:var(--accent);}
.info-connection {display:inline-flex;align-items:center;gap:7px;}
.info-connection::before {content:"";width:6px;height:6px;border-radius:50%;background:#8c959e;}
.info-connection[data-online="true"]::before {background:#36a66f;}
.system-info-window > .window-status {border:0;min-height:28px;}
html[data-system-theme="dark"] .info-summary {background:#263b57;}
html[data-system-theme="dark"] .info-summary h2 {color:#a4bddb;}
html[data-system-theme="dark"] .info-summary-art {color:#8cb8ee24;}
@container (max-width:620px) {
  .info-overview,.info-details {grid-template-columns:1fr;}
}
@media(max-width:760px) {
  .system-info-content {padding:12px;margin:0 5px 5px;}
  .info-card {padding:20px 18px;}
  .info-summary-value {font-size:24px;}
  .system-info-window > .window-status {font-size:10px;padding:0 14px;}
}