/* ─── Base table skin ─────────────────────────────────────────────────────── */
#hilucy-service-manager table {
    background: #fff;
    border-collapse: collapse;
  }
  #hilucy-service-manager th {
    background: #f9f9f9;
    padding: .75em;
    text-align: left;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
  }
  #hilucy-service-manager td {
    padding: .65em;
    border-bottom: 1px solid #eee;
  }
  
  /* ─── Subtle row tint by type ────────────────────────────────────────────── */
  tr.type-booking           { background-color: rgba(0,115,170, 0.10); }
  tr.type-trip_planner      { background-color: rgba(76,175, 80,  0.10); }
  tr.type-catamaran_rental  { background-color: rgba(255,152,0,   0.10); }
  
  /* ─── Icon-only badge ───────────────────────────────────────────────────── */
  .type-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1em;

  }
  
  /* ─── Mobile cards: keep it light ───────────────────────────────────────── */
  @media (max-width: 600px) {
    #hilucy-service-manager tbody tr {
      display: block;
      margin-bottom: 1em;
      padding: 1em;
      box-shadow: 0 1px 4px rgba(0,0,0,0.05);
      border-left: 4px solid transparent;
    }
    /* subtle left-border tint on mobile cards too */
    tr.type-booking          { border-left-color: rgba(0,115,170, 0.3); }
    tr.type-trip_planner     { border-left-color: rgba(76,175, 80,  0.3); }
    tr.type-catamaran_rental { border-left-color: rgba(255,152,0,   0.3); }
  }