/*
 * CobbVision homepage custom CSS
 * Goal: make the "Start Here" (welcome) and "Notes" iframe panels feel
 * seamless / native — not like framed windows dropped into the dashboard.
 *
 * gethomepage renders iframe widgets as:
 *   .service-block  (div with bg-theme-900/20 background + m-1 margin)
 *     iframe        (with rounded-sm + the height class)
 *
 * We strip the inner-div tinting and margin, then remove the iframe's own
 * rounded corners so it bleeds flush to the card edge.
 */

/* ── Strip the inner tinted wrapper for ALL iframe widgets ─────────────── */
/* This removes the "box inside a box" look that makes them feel like windows */
.service-block {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ── Make the iframes themselves borderless and flush ──────────────────── */
.service-block iframe {
  border: none !important;
  border-radius: 0 !important;
  display: block;       /* removes the 4px inline gap some browsers add */
  background: transparent !important;
}

/* ── Welcome "Start Here" panel — exact-fit height ────────────────────── */
iframe[name="welcome"] {
  /* The welcome embed shows ~3 states, tallest ≈ member view + notes ~260px.
     Keep 270px so nothing is clipped, no inner scroll needed. */
  height: 780px !important;
}

/* ── Notes panel — full-height fit ─────────────────────────────────────── */
iframe[name="notesboard"] {
  /* 620px is already set via services.yaml classes; no override needed.
     Just ensure no border/background bleeds through. */
}

/* ── Kill the scheme-light override that homepage injects ──────────────── */
/* homepage adds class="… scheme-light" to the iframe which forces
   light-color-scheme on the content — our embeds are already dark so
   override it back to dark here. */
.service-block iframe.scheme-light {
  color-scheme: dark !important;
}