@import url('./cluster-nodes.css');
@import url('./node-monitor.css');
@import url('./node-setup-guide.css');
.cluster-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:16px; }
.cluster-heading h3 { margin:0 0 6px; font-size:20px; }
.cluster-heading p { margin:0; }
.cluster-heading a { flex-shrink:0; }
.cluster-runtime { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.cluster-runtime>div { display:grid; gap:8px; padding:14px; border:1px solid #c4e4ec; border-radius:13px; background:linear-gradient(125deg,#edf7ff,#edfcf7); min-width:0; }
.cluster-runtime>div:last-child { grid-column:1/-1; }
.cluster-runtime span,.cluster-addresses span { font-size:12px; color:#426878; }
.cluster-runtime strong { font-size:16px; color:#187b98; }
.cluster-panel code { overflow-wrap:anywhere; font-size:12px; color:#235b71; }
.cluster-form h4,.cluster-panel .account-card>h4 { margin:4px 0 16px; font-size:16px; }
.cluster-form h4:not(:first-child) { border-top:1px solid #d7eaf0; padding-top:20px; margin-top:22px; }
.cluster-node-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.cluster-node-grid[hidden] { display:none; }
.cluster-node { min-width:0; padding:14px; margin:0; border:1px solid #bcdfea; background:#f5fbfd; border-radius:13px; }
.cluster-node legend { color:#1486a4; font-size:14px; font-weight:800; padding:0 7px; }
.cluster-node .field:last-child { margin-bottom:0; }
.cluster-storage-choice { padding:12px; border:1px solid #c1e6dd; border-radius:12px; background:#eefaf6; }
.cluster-checklist { background:#f1f8fc; border:1px solid #d0e6ef; border-radius:12px; padding:14px; margin:18px 0; font-size:13px; line-height:1.6; }
.cluster-checklist ul { columns:2; margin:8px 0 0; padding-left:20px; }
.cluster-checklist li { break-inside:avoid; }
.cluster-checklist p { margin:0; }
.cluster-actions { flex-wrap:wrap; }
.cluster-actions a[aria-disabled=true] { opacity:.5; cursor:not-allowed; }
.cluster-addresses { display:grid; gap:10px; }
.cluster-addresses>div { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; padding:12px; background:#f3fafc; border:1px solid #d3e9ef; border-radius:10px; }
.cluster-addresses code { min-width:0; }
.cluster-guide { border:1px solid #c4e2eb; border-radius:14px; margin:12px 0; background:white; overflow:hidden; }
.cluster-guide summary { padding:16px; font-weight:750; color:#187e9a; cursor:pointer; min-height:48px; }
.cluster-guide-body { padding:0 18px 18px; font-size:13px; line-height:1.75; color:#456b80; }
.cluster-guide-body li { margin:8px 0; }
.cluster-guide-body pre { white-space:pre-wrap; overflow-wrap:anywhere; background:#edf7fb; border:1px solid #d0e7ef; border-radius:10px; padding:12px; }
.cluster-guide-body table { width:100%; border-collapse:collapse; }
.cluster-guide-body td,.cluster-guide-body th { text-align:left; border-bottom:1px solid #d4e8ee; padding:9px; vertical-align:top; }
.cluster-vpn-summary { padding:13px 15px; border:1px solid #bfe4d7; border-radius:12px; background:#eefbf5; color:#286853; font-size:13px; line-height:1.7; }
.cluster-vpn-guide summary { background:linear-gradient(125deg,#edf7ff,#edfcf7); }
.cluster-vpn-guide h5 { margin:20px 0 8px; font-size:14px; color:#245f78; }
.cluster-vpn-table { overflow-x:auto; }
.cluster-vpn-table table { min-width:480px; }
@media(max-width:760px) { .cluster-node-grid { grid-template-columns:1fr; }.cluster-heading { flex-direction:column; }.cluster-runtime { grid-template-columns:1fr; }.cluster-checklist ul { columns:1; } }