/* ===========================
   Buku Mimpi LTE4D Styles
   =========================== */

      /* Terangkan semua text-secondary di dalam Buku Mimpi */
    #bukuRoot .text-secondary {
      color: #ffe7cf !important;
    }

    /* Tabs 2D / 3D / 4D */
    .buku-tab-group {
      max-width: 360px;
      margin: 0 auto;
    }

    .buku-tab {
      border-radius: 999px;
      font-weight: 600;
      padding: .45rem 1.2rem !important;
      font-size: .9rem;
      border-width: 1px;
      border-color: rgba(255,255,255,.6);
      color: #ffe7cf;
      background: rgba(0,0,0,.55);
    }

    .buku-tab.active {
      background: #ffc400;
      border-color: #ffc400;
      color: #000000ff;
      font-weight: 700;
    }

    /* Mobile: tombol dibuat full-width dan rata */
    @media (max-width: 576px){
      .buku-tab-group {
        width: 100%;
      }
      .buku-tab {
        flex: 1 1 0;
        text-align: center;
        padding: .5rem 0 !important;
        font-size: .95rem;
      }
    }

    .buku-list-item {
      border-radius: 10px;
      border: 1px solid rgba(255, 180, 130, .45);
      background: linear-gradient(135deg, #7f1111, #991313);
      padding: .65rem .75rem;
      margin-bottom: .45rem;
      display: flex;
      gap: .75rem;
      align-items: flex-start;
    }

    .buku-number {
      min-width: 52px;
      padding: .35rem .5rem;
      border-radius: 8px;
      background: linear-gradient(135deg,#ff7a3b,#ffb43b);
      color: #2b0b0b;
      font-weight: 700;
      text-align: center;
      font-size: .8rem;
      box-shadow: 0 0 0 1px rgba(0,0,0,.25);
    }

    .buku-text-main {
      font-size: .9rem;
      font-weight: 600;
      color: #ffe7cf;       /* teks utama terang */
      margin-bottom: .1rem;
    }

    .buku-text-sub {
      font-size: .78rem;
      color: #ffbe85;       /* teks kombinasi oranye lembut */
    }

    /* status kecil atas list (backup, tapi sekarang sudah ikut .text-secondary di atas) */
    #bukuStatus,
    #bukuCount {
      color: #ffe7cf;
    }

    @media (min-width:768px){
      main#bukuRoot {
        max-width: 720px;
      }
    }