.oll-bizhub-search-wrapper{
    max-width: 675px;
    margin: 0 auto;
    margin-bottom: 48px;
}

.oll-bizhub-search-container{
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}
.oll-bizhub-search-input-group{
    display: flex;
    align-items: center;
}

.oll-bizhub-search-icon{
    padding-left: 16px;
}

.oll-bizhub-search-input-group svg{
    color: #9ca3af;
    width: 24px;
    height: 24px;
}

.oll-bizhub-search-input-group input{
    border: none;
    padding: 16px;
    width: 100%;
}

.oll-bizhub-search-input-group input:focus {
  border: none;
  outline: none;
}

.oll-bizhub-search-button {
    background: #64748b;
    color: #ffffff;
    font-weight: 600;
    border: none;
    border-radius: 12px;
    padding: 16px 22px;
    transition: .3s;
    cursor: pointer;
}

.oll-bizhub-search-button:hover {
    background: #94a3b8;
}

/* list card styles */
  .oll-bizhub-list-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 1px 2px rgba(16,24,40,.05);
  }

  .oll-bizhub-list{
    display:block;
  }

  .oll-bizhub-list-item{
    display:block;
    padding:16px 24px;
    text-decoration:none !important;
    color:inherit;
    background:#fff;
    transition:background-color .15s ease;
  }

  .oll-bizhub-list-item:hover{
    background:#f9fafb;
  }

  .oll-bizhub-list-item + .oll-bizhub-list-item{
    border-top:1px solid #e5e7eb;
  }

  .oll-bizhub-list-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
  }

  .oll-bizhub-list-main{
    flex:1;
    min-width:0;
  }

  .oll-bizhub-list-title{
    margin:0 0 4px 0;
    font-size:18px;
    font-weight:600;
    color:#111827;
    line-height:1.25;
    word-break:break-word;
  }

  .oll-bizhub-list-meta{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    font-size:14px;
    color:#4b5563;
  }

  .oll-bizhub-list-meta-item{
    display:inline-flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
  }

  .oll-bizhub-icon{
    width:16px;
    height:16px;
    flex:0 0 16px;
    color:#374151;
  }

  .oll-bizhub-list-side{
    flex:0 0 auto;
    padding-top:2px;
  }

  .oll-bizhub-badge {
    display:inline-flex;
    align-items:center;
    padding:2px 10px;
    border-radius: 8px;
    font-size:12px;
    font-weight:600;/* green-100 */
    color:#166534;   
    text-transform: uppercase;   /* green-800 */
  }

  .oll-bizhub-badge-active {
    background:#dcfce7;
  }
  .oll-bizhub-badge-non-active {
    background:#fcba19;
    color: #fff;
  }

  /* alert css */
  .oll-bizhub-alert-warning{
    padding: 15px;
  }

  /* pagination css */
  .oll-bizhub-pagination{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:12px;
  padding:12px 0;
}

.oll-bizhub-pagination__text{
  font-size:14px;
  color:#111827;
  white-space:nowrap;
}

.oll-bizhub-pagination__actions{
  display:flex;
  gap:6px;
}

.oll-bizhub-pagebtn{
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e5e7eb;
  border-radius:8px;
  background:#fff;
  text-decoration:none;
  color:#111827;
  transition:background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.oll-bizhub-pagebtn:hover{
  background:#f9fafb;
  border-color:#d1d5db;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}

.oll-bizhub-pagebtn.is-disabled{
  opacity:.45;
  cursor:not-allowed;
}

.oll-bizhub-pagebtn__icon{
  width:18px;
  height:18px;
  fill:currentColor;
}


  /* Small screens: keep badge aligned and allow meta to wrap nicely */
@media (max-width: 560px){
    .oll-bizhub-list-item{
      padding:14px 16px;
    }
    .oll-bizhub-list-title{
      font-size:16px;
    }
    .oll-bizhub-list-meta{
      gap:10px;
    }

    .oll-bizhub-search-button{
      padding: 12px;
    }
}