#hcff_jla_container {
    display: flex;
    align-items: center;
    width: 98%; /* Set the width to 90% of the available width */
    padding: 3px;
    border: 2px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    justify-content: space-between;
    background-color: white; /* White background color */
    color: black; /* Black text color */
}

#hcff_jla_text-field,
#hcff_jla_copy-button {
    height: 30px; /* Set a specific height */
    margin: 5px; /* Add some margin for spacing */
}

#hcff_jla_text-field {
    flex: 1;
    width: 100%;
    border: 2px solid #ddd;
    border-radius: 3px;
    padding: 5px;
    font-size: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    white-space: nowrap; /* Prevent text wrapping */
}

#hcff_jla_copy-button {
    background-color: #ffffff; /* Medium gray background */
    color: #7777;
    border: 2;
    border-radius: 3px;
    padding: 5px;
    cursor: pointer;
}
.hcff_jla_tooltip {
    position: relative;
    display: inline-block;
  }

  .hcff_jla_tooltip .hcff_jla_tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }

  .hcff_jla_tooltip:hover .hcff_jla_tooltiptext {
    visibility: visible;
    opacity: 1;
  }

/* ===== Base “acts” table ===== */
.hcff-acts-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  font-size: 14px;      /* matches .hcffPy-table */
  line-height: 1.2;     /* matches .hcffPy-table */
  margin: 0;            /* keep zero margin */
}

/* ===== Header row ===== */
.hcff-acts-table thead {
  background-color: #afafaf;  /* grey header like .hcffPy-table */
  color: #ffffff;
}

/* ===== Table cells ===== */
.hcff-acts-th,
.hcff-acts-td {
  border: 1px solid #ddd;  /* full grid lines */
  padding: 3px;            /* same as .hcffPy-table */
  text-align: left;
  margin: 0;
}

/* ===== Alternating row colours ===== */
.hcff-acts-table tr:nth-child(even) {
  background-color: #f2f2f2;   /* zebra striping */
}

/* ===== Row hover effect (kept from original) ===== */
.hcff-acts-table tr:hover {
  background-color: #f5f5f5;
}

/* ===== No-wrap utility (optional) ===== */
.hcff-acts-table .no-wrap {
  white-space: nowrap;
}

/* ──────────────────────────────────────────────
   Compact flavour – if you ever need a tighter layout
   (Attach the class .hcff-acts-compact-table to the
   table element and it’ll inherit these tweaks.)
   ────────────────────────────────────────────── */
.hcff-acts-compact-table {
  /* inherits border-collapse & border-spacing */
  font-size: 13px;
  line-height: 1.1;
}

.hcff-acts-compact-table .hcff-acts-th,
.hcff-acts-compact-table .hcff-acts-td {
  padding: 2px 4px;
  border: none;           /* cleaner “no-grid” look */
}



.hcff_button-container{ text-align:center; margin-top:20px; }
.hcff_button-container.is-hidden{ display:none !important; }          /* takes no space */

.hcff_countdown-button{
  background:#929280;                 /* default colours / sizes */
  color:#fff;
  border:3px solid lightgrey;
  font-size:22px; font-weight:700;
  padding:10px 20px; border-radius:8px; cursor:pointer;
  transition:background-color .3s,transform .1s;
  box-shadow:5px 5px 10px rgba(0,0,0,.6);
}
.hcff_countdown-button:hover{
  background:#929280;
  transform:translateY(-2px) scale(1.15);
}