/* Iadu Lead v22 — Central de Saúde do Sistema. Camada isolada. */
#pg-system .page-inner{max-width:1240px}
.system-hero{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:25px;border:1px solid var(--ui-line,var(--b1));border-radius:18px;background:var(--ui-surface,var(--bg1));box-shadow:0 1px 2px rgba(2,8,23,.05);margin-bottom:18px;position:relative;overflow:hidden}
.system-hero:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--brand),#4ddfa1,transparent 75%)}
.system-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:9px}
.system-hero h2{font-family:'Sora',sans-serif;font-size:clamp(24px,3vw,36px);letter-spacing:-.05em;line-height:1.08;margin:0}
.system-hero p{color:var(--t2);font-size:14px;line-height:1.6;max-width:720px;margin-top:10px}
.system-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:18px;align-items:start}
.system-panel{background:var(--ui-surface,var(--bg1));border:1px solid var(--ui-line,var(--b1));border-radius:16px;overflow:hidden}
.system-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 19px;border-bottom:1px solid var(--ui-line,var(--b1))}
.system-panel-head h3{font-family:'Sora',sans-serif;font-size:16px;letter-spacing:-.035em;margin:0}
.system-panel-head p{font-size:11px;color:var(--t3);margin-top:4px}
.system-list{padding:5px 18px 12px}
.system-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ui-line,var(--b1))}
.system-row:last-child{border-bottom:0}
.system-dot{width:10px;height:10px;border-radius:50%;background:var(--t3);box-shadow:0 0 0 4px color-mix(in srgb,var(--t3) 14%,transparent)}
.system-dot.online,.system-dot.configured,.system-dot.loaded{background:var(--brand);box-shadow:0 0 0 4px rgba(0,184,101,.12)}
.system-dot.attention{background:var(--warn);box-shadow:0 0 0 4px rgba(245,166,35,.13)}
.system-dot.offline{background:var(--danger);box-shadow:0 0 0 4px rgba(240,77,91,.13)}
.system-row-title{font-size:13px;font-weight:750}.system-row-meta{font-size:11px;color:var(--t3);margin-top:3px;line-height:1.4}
.system-badge{font-size:10px;font-weight:800;border-radius:999px;padding:5px 9px;background:var(--ui-surface-2,var(--bg2));color:var(--t2);white-space:nowrap}
.system-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px}
.system-stat{border:1px solid var(--ui-line,var(--b1));border-radius:13px;padding:14px;background:var(--ui-surface-2,var(--bg2));min-width:0}
.system-stat-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;color:var(--t3)}
.system-stat-value{font-family:'Sora',sans-serif;font-size:20px;font-weight:800;margin-top:7px;overflow-wrap:anywhere}
.system-note{margin-top:18px;padding:15px 17px;border:1px solid rgba(74,144,226,.24);background:rgba(74,144,226,.07);border-radius:14px;font-size:12px;line-height:1.55;color:var(--t2)}
.system-loading,.system-error{padding:42px;text-align:center;color:var(--t2);font-size:13px}
@media(max-width:900px){.system-grid{grid-template-columns:1fr}}
@media(max-width:700px){#pg-system .page-inner{padding:15px!important}.system-hero{flex-direction:column;padding:21px 19px}.system-hero .btn{width:100%}.system-panel-head{padding:16px}.system-list{padding-inline:15px}.system-row{grid-template-columns:12px minmax(0,1fr)}.system-badge{grid-column:2;justify-self:start}.system-summary{grid-template-columns:1fr 1fr;padding:15px}}
@media(max-width:420px){.system-summary{grid-template-columns:1fr}}