/* ===== ORB minimal polish ===== */

/* 1) Fonts: Relative for headings, Inter for body */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");
body.status { font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
h1, h2, h3, .font-largest, .font-large { font-family: "Relative", "Inter", sans-serif; font-weight:600; }

/* 2) Brand blue for links + quiet hover */
a { color:#5B72FB; }
a:hover { text-decoration: underline; }

/* 3) Slight rounding on cards */
.text-section,
.component-inner-container,
.status-day { border-radius:12px; }

/* 4) Status banner */
.page-status { background: transparent !important; border: 0 !important; padding: 0 !important; }
.page-status .status{
  background:#5B72FB !important;
  color:#fff !important;
  border-radius:8px;
  padding:12px 16px !important;
  line-height:1.25;
  font-weight:600;
  box-shadow:none; border:none;
}

/* Hide uptime % and the middle divider line; keep date labels */
.legend-item-uptime-value,
.legend .spacer { display: none !important; }

/* 5) Uptime bars: tiny rounding */
.availability-time-line-graphic rect { rx:3px; ry:3px; stroke: none !important; }

/* Component styling */
.component-container.border-color,
.components-container .component-inner-container,
.status-day {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Subtle divider between rows */
.component-container + .component-container {
  border-top: 1px solid #E4E1D8 !important;
  margin-top: 20px;
  padding-top: 20px;
}

.component-inner-container.open { background: transparent !important; }

/* About block */
.text-section {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-bottom: 32px !important;
}