/* ==========================================================================
       V21 — "Next Bazar Date" একদম বাঁয়ে · Google Sheet ও Member Edit Access
             আলাদা page (sidebar-এ নিজস্ব option)
       ========================================================================== */

    /* ---------- 1. ticker label একদম বাঁ পাশে ---------- */
    html body .duty-marquee-shell {
      padding-left: 8px !important;
      gap: 10px !important;
    }

    @media (min-width: 901px) {
      html body:not(.auth-locked) .duty-marquee-shell {
        padding-left: 8px !important;
      }
    }

    @media (max-width: 900px) {
      html body .duty-marquee-shell {
        padding-left: 6px !important;
      }
    }

    /* ---------- 2. নতুন দুইটা page-এর hero ---------- */
    .page-hero-v21 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
      padding: 18px 22px;
      margin-bottom: 16px;
      color: #fff;
    }

    .page-hero-v21 h2 {
      margin: 0 0 4px;
      font-size: 1.2rem;
      font-weight: 800;
    }

    .page-hero-v21 p {
      margin: 0;
      font-size: 0.81rem;
      opacity: .93;
    }

    #tab-sheetSync .page-hero-v21 {
      background: linear-gradient(120deg, #0f9d58, #34a853 92%);
      box-shadow: 0 16px 38px rgba(15, 157, 88, .2);
    }

    #tab-editAccess .page-hero-v21 {
      background: linear-gradient(120deg, #f59e0b, #ef7d00 92%);
      box-shadow: 0 16px 38px rgba(245, 158, 11, .2);
    }

    /* আলাদা page-এ কার্ডগুলো পুরো চওড়া */
    #tab-sheetSync .sheet-sync-card,
    #tab-editAccess .access-card {
      margin: 0;
    }

    .v21-mod-only {
      padding: 18px;
      font-size: 0.85rem;
      font-weight: 700;
      color: var(--text2);
      border: 1px dashed var(--border);
      background: var(--surface2);
    }