/* ----- GOLDEN THEME OVERRIDES ----- */
    body {
      background: #fbf5e8;  /* warm parchment */
      font-family: 'Playfair Display', serif;
    }

    .circular-golden-card {
      background: #ffffff;
      border: 1px solid #d4af37 !important;
      border-radius: 1.25rem !important;
      box-shadow: 0 12px 30px rgba(212, 175, 55, 0.15), 0 4px 12px rgba(0,0,0,0.05) !important;
      transition: all 0.2s ease;
    }

    .circular-golden-card .circular-card-body {
      padding: 1.75rem 1.5rem;
    }

    /* page title : golden sparkle */
    .circular-golden-title {
      font-weight: 700;
      color: #7a6219;  /* deep gold */
      letter-spacing: 0.5px;
      text-shadow: 0 2px 6px rgba(212, 175, 55, 0.2);
    }
    .circular-golden-title i {
      color: #d4af37;
      filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.4));
    }
    .circular-subtitle-gold {
      color: #8f7a3e;
      font-style: italic;
      border-bottom: 1px dashed #e6d5a8;
      display: inline-block;
      padding-bottom: 0.2rem;
    }

    /* table header: golden gradient + elegant */
    .circular-table-golden thead {
      background: linear-gradient(145deg, #f5e7c8, #ecdba8);
      border-bottom: 2px solid #d4af37;
    }
    .circular-table-golden thead th {
      color: #4d3e12;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.4px;
      font-size: 0.9rem;
      border-color: #d4af37;
      padding: 1rem 0.75rem;
    }

    .circular-table-golden tbody tr {
      transition: background 0.15s ease;
      border-bottom: 1px solid #efe2c6;
    }
    .circular-table-golden tbody tr:hover {
      background-color: #fcf6e9;
      box-shadow: inset 0 0 0 1px #e8d7b0;
    }
    .circular-table-golden tbody td {
      padding: 1rem 0.75rem;
      vertical-align: middle;
      border-color: #e7d9bb;
      color: #2d2410;
    }

    /* golden buttons */
    .circular-btn-gold {
      background: #d4af37;
      border: 1px solid #b8952e;
      color: #2d2410 !important;
      font-weight: 600;
      padding: 0.4rem 1rem;
      border-radius: 2rem;
      transition: 0.2s;
      box-shadow: 0 2px 6px rgba(212, 175, 55, 0.3);
      font-size: 0.85rem;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .circular-btn-gold i {
      color: #2d2410;
    }
    .circular-btn-gold:hover {
      background: #c4a02e;
      border-color: #a88422;
      transform: scale(1.02);
      box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4);
      color: #1f1707 !important;
    }

    /* sl no circle */
    .circular-sl-badge {
      display: inline-block;
      min-width: 32px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      background: #f5e7c8;
      border-radius: 40px;
      color: #7a6219;
      font-weight: 700;
      border: 1px solid #d4af37;
    }

    /* document column */
    .circular-doc-cell {
      text-align: center;
    }

    /* responsive tweaks */
    @media (max-width: 576px) {
      .circular-golden-card .circular-card-body {
        padding: 1rem;
      }
      .circular-table-golden thead th, 
      .circular-table-golden tbody td {
        padding: 0.7rem 0.4rem;
        font-size: 0.85rem;
      }
      .circular-btn-gold {
        padding: 0.3rem 0.7rem;
        font-size: 0.75rem;
      }
    }