.catalog-summary{display:flex;gap:28px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.catalog-summary div{display:flex;gap:7px;align-items:baseline}.catalog-summary strong{font-size:20px}.catalog-summary span{color:var(--muted)}.catalog-toolbar{display:flex;justify-content:space-between;gap:12px;margin:12px 0;min-height:auto}.catalog-tabs{display:flex;gap:6px}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.server-grid-item{display:grid;gap:12px;padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.server-grid-head{display:flex;gap:8px;align-items:center;min-width:0}.server-grid-head a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-grid-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-grid-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.server-grid-metrics span{color:var(--muted);font-size:12px}.server-grid-metrics b{display:block;color:var(--text);font-size:16px}.server-grid-actions{display:flex;gap:7px;margin-top:auto}.server-grid-actions .btn{flex:1;justify-content:center}@media(max-width:900px){.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.catalog-summary{gap:12px;justify-content:space-between}.catalog-summary div{display:grid;gap:0}.catalog-summary strong{font-size:17px}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.catalog-tabs:last-child{grid-template-columns:repeat(2,1fr)}.catalog-tabs .btn{justify-content:center}.server-grid{grid-template-columns:1fr}}
.catalog-summary{flex-wrap:wrap;gap:14px 28px}.catalog-summary div{min-width:150px}.catalog-summary strong{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-freshness{margin:8px 0 14px;font-size:12px}
.promotion-label{display:inline-flex;padding:2px 5px;border:1px solid #f59e0b;border-radius:4px;color:#fbbf24;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}.pricing-grid h2{font-size:18px;margin:0 0 8px}.pricing-grid strong{display:block;margin-top:14px;color:var(--accent)}
