:root{
      --nutrien-green:#2e7d32;
      --nutrien-green-dark:#1f5a23;
      --page-bg:#f6f7f8;
      --card-border:#e7e9ec;
      --text-muted-2:#6b7280;
    }

    body { background: var(--page-bg); }

    .topbar {
      background: #ffffff;
      border-bottom: 1px solid var(--card-border);
    }

    .brand {
      display:flex;
      align-items:center;
      gap:14px;
      padding: 14px 0;
    }

    .brand img {
      height: 70px;
      width: auto;
      display:block;
    }

    .brand-title {
      font-weight: 600;
      letter-spacing: 0.2px;
      line-height: 1.1;
    }

    .brand-subtitle {
      font-size: 2.0rem;
      color: var(--text-muted-2);
    }

    .pill-nav .btn {
      border-radius: 999px;
      padding: 8px 14px;
      border-width: 1px;
    }

    .btn-nutrien {
      background: var(--nutrien-green);
      border-color: var(--nutrien-green);
      color: #fff;
    }

    .btn-nutrien:hover {
      background: var(--nutrien-green-dark);
      border-color: var(--nutrien-green-dark);
      color: #fff;
    }

    .status-pill {
      font-size: 0.85rem;
      color: var(--text-muted-2);
      white-space: nowrap;
    }

    .card-clean {
      border: 1px solid var(--card-border);
      border-radius: 12px;
      box-shadow: 0 1px 0 rgba(0,0,0,0.02);
      background: #fff;
    }

    .embed-wrap {
      border: 1px solid var(--card-border);
      border-radius: 12px;
      overflow: hidden;
      background: #fff;
    }

    /* Option 1: adaptive viewport height + sensible fallbacks */
    #embedFrame{
      width: 100%;
      border: 0;
      height: calc(100vh - 140px); /* tweak if header/padding changes */
      min-height: 900px;           /* “tall” fallback */
      max-height: 1600px;          /* optional cap on very large displays */
    }

    @media (max-width: 768px){
      #embedFrame{
        height: calc(100vh - 170px);
        min-height: 700px;
        max-height: none;
      }
    }

    .footer-note {
      color: var(--text-muted-2);
      font-size: 0.9rem;
    }