.table-container{
    overflow-y: auto;
    position: relative;
    border-bottom: 1px solid #dddddd;
}

.table-container table thead {
    position: sticky;
    top: 0;
    z-index: 2;
    margin-bottom: 15px;
    background-color: white;
}

/*
thead{
  background-color: #e85171 !important;
}

th.sortable a, th.sorted a {
  color: #fff !important;
}

.wp-list-table thead th {
  color: #fff !important;
}*/

.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-spinner {
    appearance: textfield;
    -moz-appearance: textfield;
}

.fa-icon{
  color: #878787
}

.fa-icon-link{
  color:#2271b1;
}

th.sortable a, th.sorted a {
  font-weight: 600;
}

.wp-list-table thead th {
  font-weight: 600;
}

.woocommerce-layout__header{
  display:none !important;
}

.post-type-shop_order .wrap {
    margin-top: 40px !important;
}


.bb-display-value {
    line-height: 1.5;   /* reduce vertical spacing */
    display: inline-block; /* keeps it tight */
}


.order-status.status-shipped, .order-status.status-pickup
 {
    background: #e1c8d7;
    color: #650066;
}

.order-status.status-enviado {
    background: #e1c8d7;
    color: #650066;
}

.order-status.status-no-enviado {
    color: #454545;
    background: #e5e5e5;
}

#order_data .order_data_header{
  display:block !important;
}

input.input-duties, input.input-costo{
  width:90% !important;
}

#woocommerce-order-items .wc-order-totals .payment-fee .amount{
  font-weight:600 !important;
}


.bb-notes-hover {
    position: absolute;
    background: #fff;
    border: 1px solid #ccd0d4;
    padding: 8px 12px;
    font-size: 12px;
    max-width: 300px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    z-index: 9999;
}
.bb-notes-hover .note-line {
    margin-bottom: 4px;
}
.bb-notes-popup {
    position: absolute;
    background: #fff;
    border: 1px solid #007cba;
    padding: 12px;
    width: 280px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 10000;
}
.bb-notes-popup textarea {
    width: 100%;
    height: 60px;
    margin-bottom: 8px;
}
.bb-notes-popup .actions {
    text-align: right;
}

.bb-notes-list{
  margin-bottom:20px;
}

.bqo-products-section .column-is_in_stock{
  display:none !important;
}

.post-type-product table.wp-list-table .column-thumbnail{
    width: 52px;
}

.post-type-product table.wp-list-table .column-name{
    width: 25ch;
}

.post-type-product table.wp-list-table .column-cost, 
.post-type-product table.wp-list-table .column-net_utility{
    width: 8ch;
}

.post-type-product table.wp-list-table .column-is_rts{
    width: 8ch;
}

.post-type-product table.wp-list-table .column-taxonomy-product_brand,
.post-type-product table.wp-list-table .column-taxonomy-product_store,
.post-type-product table.wp-list-table .column-product_cat{
    width: 12ch !important;
}


.post-type-product table.wp-list-table .column-bqo_order{
  width:250px;
}

/* Align edit icon inline with price */
.costo-view {
    display: flex;
    float: right;
    align-items: center;
    gap: 6px;
}

/* Wrapper div inside td */
.costo-edit {
    display: flex;
    align-items: center;       /* ✅ vertical align the 3 columns */
    justify-content: space-evenly;
    /*gap: 10px;*/
    width: 100%;
    box-sizing: border-box;
}

/* Make all 3 columns behave similarly */
.costo-edit .field-group {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    flex: 1;
}

/* Optional: fix toggle label positioning */
.bqo-toggle-wrapper {
    display: flex;
    align-items: center;
}

/* Optional: ensure inputs are consistent in height */
.costo-edit input[type="number"],
.costo-edit input[type="text"] {
    height: 30px;
    padding: 4px 8px;
    box-sizing: border-box;
    text-align: center;
    width:100px !important;
}


/* Save button styling */
.costo-edit .save-costo {
    padding: 4px 6px;
    font-size: 14px;
    cursor: pointer;
}

.costo-total-column label{
  position:absolute;
  top:45px;
}

/* Ensure the visible multiple-select matches the admin styling */
.ms-parent {
    min-width: 150px !important;
    margin-right: 5px;
    font-size: 13px;
    vertical-align: middle;
}

.ms-parent .ms-choice {
    border: 1px solid #ccd0d4;
    border-radius: 3px;
    padding: 4px 6px;
    height: 32px;
    line-height: 20px;
    background-color: #fff;
    box-shadow: none;
}

/* Remove default focus ring and match WP look */
.ms-parent .ms-choice:focus {
    outline: none;
    border-color: #2271b1;
    box-shadow: 0 0 0 1px #2271b1;
}

/* Adjust dropdown width */
.ms-drop {
    min-width: 150px !important;
    font-size: 13px;
    z-index: 9999; /* stay above other UI */
}

.ms-choice>span {
  padding-top: 5px;
}

/* Checkbox alignment inside dropdown */
.ms-drop ul > li label {
    margin-left: 15px;
    padding-left: .8rem !important
}


/* Optional: fix the 'All Countries' spacing */
.ms-drop ul > li:first-child label {
    font-weight: 600;
    padding-left: 0;
}

.ms-choice>span.placeholder {
      padding-top: 5px;
}

.ms-drop input[type="checkbox"]{
  height:16px !important;
}

/* Make currency columns narrower */
.wp-list-table .column-order_total{
    width: 50px !important;
    text-align: right !important;
    white-space: nowrap;
}

.wp-list-table th.column-shipment_id{
  width:60px !important
}

.wp-list-table .column-paid_amount,
.wp-list-table .column-balance_due,
.wp-list-table .column-costo_total,
.wp-list-table .column-utilidad,
.wp-list-table .column-payment_fees,
.wp-list-table .column-shipping_cost {
    width: 40px !important;
    text-align: right !important;
    white-space: nowrap;
}

.wp-list-table .column-order_number .order-preview {
  display:none !important;
}

.wp-list-table .column-bbz_preview{
  width: 20px !important;
  text-align: center !important;
}

.wp-list-table .column-bbz_preview a {
  display: inline-block;
  padding: 10px 4px 4px 4px;
  border-radius: 4px;
}

.wp-list-table .column-bbz_preview a:hover {
  border: 1px solid #2271b1;  
}

.wp-list-table .column-bbz_preview a.loading .dashicons::before {
    content: "\f463"; /* Dashicon spinner */
    display: inline-block;
    animation: bbz-spin 1s linear infinite;
}

@keyframes bbz-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.wp-list-table .column-bbz_preview .dashicons{
  font-size: 16px;
}

#shipment-list .bb-product-description {
  max-width: 300px;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  min-width: 225px;
}


.wp-list-table th.sortable a span{
  float:left !important;
}

.wp-list-table .column-bb_notes, .wp-list-table .column-bbz_flag{
    width: 12px !important;
    text-align: center !important;
    white-space: nowrap;
}

.wp-list-table .column-order_items_inventory{
  width:40px !important;
}

.column-order_total .tips del {
  display: block;
  color: #a44 !important;
  line-height: 1em;
}

.taxonomy-product_tag .column-posts{
  width: 15ch !important;
}

#filter-by-created-via{
  display:none;
}

/* Make artículos (items) column wider */
.wp-list-table .column-order_items_summary {
    width: 200px !important;
}

.wp-list-table .column-order_number{
  width:27ch !important;
}

.wp-list-table .column-order_number .row-actions,
.wp-list-table .column-deposit .row-actions{
  padding:0px !important;
  margin:0px !important;
  line-height: 1em !important;
}

.wp-list-table .column-order_number .row-actions.load-hidden {
    display: none;
}

.wp-list-table .column-shipment_id{
  width:10ch !important;
}
/* Optional: tweak country column */
.wp-list-table .column-client_country, .wp-list-table .column-order_status, .wp-list-table .column-order_status_term {
    width: 80px !important;
    white-space: nowrap;
}

.pagination-links .button{
  margin:0px 2px !important;
}

#woocommerce-order-items .wc-order-edit-line-item-actions a.delete-order-item{
  width:36px !important;
  background-color: #f1cdcd;
  padding: 2px 5px 5px 4px;
  color: #a44;

}
#woocommerce-order-items .wc-order-edit-line-item-actions .delete-order-item::before{
  font-family:inherit !important;
  content:"BORRAR" !important;
  font-size:9px;
  border-radius: 4px;
}

#bb-verify-address-toggle{
  cursor:pointer;
  font-weight:600;
  clear: both;
  padding-top:10px;
}

.post-type-shop_deposit .wrap {
  margin-top:40px !important
}

.wc-order-preview-deposit:not(.custom-deposits-preview) {
    display: none !important;
}

#the-list .type-shop_deposit .duplicate{
    display: none !important;
}

.post-type-shop_deposit td.check-column{
  width: 4% !important;
}


.wp-list-table th.column-deposit,
.wp-list-table th.column-deposit_status{
  width: 20% !important;
}

.wp-list-table th.column-deposit_date,
.wp-list-table th.column-deposit_paid_date,
.wp-list-table th.column-parent_order{
  width: 15% !important;
}

.wp-list-table th.column-total{
  width: 20% !important;
}


/*#order_data .wc-customer-user .select2-container  { display: none !important; }*/
#shipments, #shipment-detail{
  table-layout: auto;
  white-space: nowrap;
  margin-top:20px;
}

.admin_page_bb-shipments #wpbody-content .woocommerce_page_custom-clientes #wpbody-content{
  padding-bottom:0px;
}
.admin_page_bb-shipments #wpfooter, .woocommerce_page_custom-clientes #wpfooter{
  display:none !important;
}


.bbz-header-title-items{
  display: flex; 
  gap: 10px; 
  align-items: center;
}


#shipment-list, #sbox-list{
  width: 100%;
  table-layout: auto;
  white-space: nowrap;
}


#shipment-detail th, #shipment-list th {
  white-space: nowrap;
}

#shipment-detail td, #shipment-list td{
  white-space: nowrap;
}

#sbox-list td{
  vertical-align: middle;
  padding: 0.75em;
  white-space: normal;
}

#shipment-list td{
  vertical-align: middle;
}

.shipment_date{
  width: inherit !important;
}

.shipping-summary, .order-summary{
  background: #ffffff;
  border-radius: 6px;
  min-width: 280px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  font-size: 13px;
}

.shipping-summary table td, .order-summary table td{
  padding:0px 10px;
  font-size:14px;
}

.shipment_order_status{
  width:70px !important;
}

.bb-change-status{
    cursor: pointer;
}

.bb-change-status.updating mark {
    opacity: 0.8;
    pointer-events: none;
}

.pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 20px;
    color: #fff;
    min-width: 32px;
    text-align: center;
    line-height: 1.2;
    white-space: nowrap;
}

.pill-round {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    font-weight: 600;
}

/* Woo-like status colors */

.pill-pending {
    color: #454545;
    background: #e5e5e5;
}
.pill-on-hold {
    background: #f8dda7;
    color: #573b00;
}

.pill-processing {
    background: #c6e1c6;
    color: #2c4700;
}

.pill-shipped, .pill-pickup {
    background: #e1c8d7;
    color: #650066;
}

.pill-completed {
    background: #c8d7e1;
    color: #003d66;
}

.pill-cancelled {
    background-color: #c2c2c2;
    color: rgb(46, 46, 46);
}

.pill-default {
    color: #454545;
    background: #e5e5e5;
}

.custom-add-action {
    margin-left: 10px !important
}

#bb-order-summary {
  float: right;
  margin-top: -10px;
}

#bb-order-summary .order-summary {
  font-size: 13px;
  background: #f8f9fa;
  border-radius: 8px;
  padding: 8px 16px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

#bb-order-summary .order-summary table {
  margin: 0;
  border-collapse: collapse;
}

#bb-order-summary .order-summary td {
  padding: 0 10px;
  white-space: nowrap;
}

.bbz-order-status-filter{
 display: none !important;
}


.bqo-toggle-wrapper {
    display: inline-flex;
    align-items: center;
}

.bqo-toggle-wrapper input[type="checkbox"] {
    display: none;
}

.bqo-toggle-switch {
    width: 40px;
    height: 18px;
    background: #a44;
    border-radius: 18px;
    position: relative;
    transition: background 0.3s;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 6px;
    box-sizing: border-box;
}

/* Toggle knob */
.bqo-toggle-switch::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    transition: transform 0.3s;
    z-index: 2;
}

/* Text inside switch */
.bqo-toggle-text {
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    text-align: right;
    transition: text-align 0.3s;
    z-index: 1;
}

/* ✅ ON state */
input.bqo-stock-toggle:checked + .bqo-toggle-switch,
input.product-rts-toggle:checked + .bqo-toggle-switch {
    background: #77b255;
}

/* Move knob */
input.bqo-stock-toggle:checked + .bqo-toggle-switch::after,
input.product-rts-toggle:checked + .bqo-toggle-switch::after {
    transform: translateX(22px);
}

/* Move text to LEFT when ON */
input.bqo-stock-toggle:checked + .bqo-toggle-switch .bqo-toggle-text,
input.product-rts-toggle:checked + .bqo-toggle-switch .bqo-toggle-text {
    text-align: left;
}

.bqo-toggle-text.loading  {
    opacity: 0;
}


/* inventory positioning tweaks */
.item-inventory .bqo-toggle-wrapper {
    position: inherit !important;
    top: 45px;
    padding-bottom: 5px;
}

.wc-order-preview-table__column--inventory .bqo-toggle-wrapper {
    float: right;
}


.bqo-email-toggle .bqo-toggle-switch::after{
  background: transparent !important;
}

.email-label-off{
  margin-left: 15px;
  color: rgb(0, 0, 0);
}

.email-label-on{
  margin-right: 20px;
  color: rgb(255, 255, 255);
}

#wp-admin-bar-dlct_logs_id {
    display: none !important;
} 

#wpadminbar .bbz-bubble {
    background: #d63638;
    color: white;
    padding: 1px 6px;
    font-size: 11px;
    border-radius: 10px;
    margin-left: 5px;
    display: inline-block;
    line-height: 1.2;
}

#bbz-settings .tab-content{
  padding:10px;
  border-color: rgb(185, 185, 185);
  display: flex;
}

.bbz-header{
  margin: 5px 0px; 
  display: flex; 
  justify-content: space-between; 
  align-items: flex-start;
}

.bbz-action-bar{
  margin: 15px 0px; 
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bbz-action-bar-options{
  display: flex; 
  gap: 10px; 
}

/*client list*/
.client-data-row td {
  position: relative;
}

.client-data-row:hover .row-actions {
  visibility: visible;
}

#client-dropdown + .select2 .select2-selection {
    height: 32px !important;
    line-height: 30px !important;
}

.row-actions {
  font-size: 12px;
  color: #999;
  margin-top: 2px;
}

#wpseo-filter, #wpseo-readability-filter {
  display: none !important;
}

.bb-scroll-table {
    max-height: 350px;
    overflow-y: auto;
    border-bottom: 1px solid #c3c4c7;
    border-top: 1px solid #c3c4c7;
    max-width: 1400px;
}

.bb-scroll-table table {
    width: 100%;
    border-collapse: collapse;
}

.bb-scroll-table thead th {
    position: sticky;
    top: 0;
    background: #f1f1f1; /* same as WP admin table header */
    z-index: 2;
}

.client-orders-table td {
    line-height: 26px;
    vertical-align: middle;
}

.client-deposits-table td {
    line-height: 26px;
    vertical-align: middle;
}


/* Client balance page */


.bb-country{
  margin-right:10px;
}

.bb-summary-wrapper {
    display: flex;
    gap: 20px;
    margin: 25px 0px 25px 0px;
    flex-wrap: wrap;
    max-width:1400px;
}

.bb-summary-card {
    background: #fff;
    border-radius: 5px;
    padding: 18px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    min-width: 300px;
    flex: 1;
}

.bb-summary-card h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 18px;
}

.bb-summary-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 15px;
}

.bb-balance-total {
    border-top: 1px solid #eee;
    padding-top: 10px;
    font-size: 16px;
}

.bb-address div {
    margin-bottom: 4px;
    font-size: 14px;
}

.bombazar-mobile-only{
  display:none;
}


@media screen and (min-width: 783px) {
  .post-type-shop_order .wp-list-table tbody td{
    padding: 0.75em !important;
  }
}

@media screen and (max-width: 782px) {

  .bombazar-mobile-only{
    display:block !important;
  }

  .bbz-order-status-filter{
    display:block !important;
  }

  .wp-list-table .column-order_items_summary {
    width: auto;
  }

  .shipment_comments,
  .shipment_orders,
  .shipment_products,
  .shipment_clients,
  .shipment_cost,
  .shipment_price,
  .shipment_shipping,
  .shipment_revenue {
    display: none !important;
  }

  .post-type-shop_order .tablenav{
    margin-top: 10px !important;

  }

  .post-type-shop_order .subsubsub {
    display: none;
  }

  .post-type-shop_order .search-box{
    width :100% !important;
    margin-bottom: 0px !important;
  }

  .post-type-shop_order .search-box #post-search-input {
    width:60%;
  }

  .post-type-shop_order .wp-list-table .column-shipment_id,
  .post-type-shop_order .wp-list-table .column-order_date,
  .post-type-shop_order .wp-list-table .check-column,
  .post-type-shop_order .wp-list-table .column-bbz_flag{
    display: none !important;
  }

  .post-type-shop_order .wp-list-table th.column-order_items_summary{
    display: none !important;
  }

  .post-type-shop_order .wp-list-table .column-order_items_summary{
    display:block !important;
    padding: 0.5em 1em 1em 1em !important;
    width: 100% !important;
  }

  .post-type-shop_order .wp-list-table .column-order_items_summary:before {
      display: none !important;
  }

  .post-type-shop_order .wp-list-table td.column-order_number a.order-view{
    width: calc(60% - 40px - 4px) !important;
  }
  
  .post-type-shop_order .wp-list-table .column-order_number{
    display: block !important;
    padding-bottom: 0.5em !important;
  }

  .post-type-shop_order .wp-list-table .row-actions{
    gap:2px !important;
  }

  .post-type-shop_order .wp-list-table .column-order_number .order_date{
    display: block !important;
    width:100% !important;
  }

  .post-type-shop_order .wp-list-table .column-order_number .order_status {
    position: absolute;
    top:15px;
    right: 15px;
  }
  
  .post-type-shop_order .wp-list-table td.column-order_number .order-preview{
    margin-top:0px !important;
  }

  #bb-order-summary {
  display:none !important;
  }

  #wp-admin-bar-wpseo-menu, #wp-admin-bar-trp_edit_translation{
    display:none !important;
  }
}


@media (max-width: 768px) {
  /* ==========================
     BB CLIENT BALANCE PAGE
  =========================== */
  .bb-client-balance-page {
    padding: 10px;
  }

  /* --- Header --- */
  .bb-client-balance-page .wp-heading-inline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 16px;
    gap: 6px;
  }

  .bb-client-balance-page .wp-heading-inline a.button {
    width: 100%;
    text-align: center;
  }

  /* --- Filters stacked --- */
  .bb-client-balance-page .tablenav.top .alignleft.actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  .bb-client-balance-page .tablenav select,
  .bb-client-balance-page .tablenav button {
    width: 100% !important;
  }

  .bb-client-balance-page  .ms-parent {
    font-size: 16px;
    line-height: 1.625;
    border: 1px solid #8c8f94;
  }

 .bb-client-balance-page  .ms-drop input[type="radio"], .ms-drop input[type="checkbox"] {
      width: 10px;
  }

  /* --- Summary box full width --- */
  .bb-client-balance-page .postbox {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* --- Headings smaller --- */
  .bb-client-balance-page h2 {
    font-size: 16px;
    margin-top: 15px;
  }

  
  .bb-client-balance-page,
  .bb-client-balance-page * {
    box-sizing: border-box;
  }


  .bb-client-balance-page .bb-scroll-table {
    width: 100%;
    overflow-x: hidden;
  }

  .bb-client-balance-page .client-orders-table tr,
  .bb-client-balance-page .client-deposits-table tr {
    max-width: 100%;
    overflow: hidden;
  }

  .bb-client-balance-page .client-orders-table td,
  .bb-client-balance-page .client-deposits-table td {
    word-wrap: break-word;
    white-space: normal !important;
  }

  .bb-client-balance-page mark.order-status span,
  .bb-client-balance-page .client-orders-table td span {
    white-space: normal !important;
    line-height: 1.2em;
  }


  /* Status badge */
  .bb-client-balance-page mark.order-status {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
    color: #333;
  }

.bb-client-balance-page .client-orders-table td[data-colname]::before,
.bb-client-balance-page .client-deposits-table td[data-colname]::before {
    content: attr(data-colname);
    display: block !important;
    font-size: 12px;
    color: #666;
    font-weight: 600;
    margin-bottom: 3px;
    position: relative !important;
    text-align:left;
    width:100% !important;
    left:0px !important;
  }


  /* ==========================
     PEDIDOS TABLE AS CARDS
  =========================== */
  .client-orders-table,.client-orders-table thead,.client-orders-table tbody,.client-orders-table tr,.client-orders-table th,.client-orders-table td {
    display: block;
    width: 100%;
    border: none;
  }

  .client-orders-table thead {
    display: none;
  }

  .client-orders-table tr {
    background: #fff;
    border-radius: 10px;
    padding: 12px;
  }


  /* Top row (#, date, status) */
  .client-orders-table .order_number,
  .client-orders-table .order_date,
  .client-orders-table .order_status {
    display: inline-block;
    vertical-align: middle;
  }

  .client-orders-table .order_number {
    font-weight: 600;
    color: #0073aa;
    margin-right: 8px;
  }

  .client-orders-table .order_date {
    color: #555;
    margin-right: 8px;
  }

  .client-orders-table .order_status  {
    float: right;
  }

  /* Product info row */
  .client-orders-table .order_products {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
  }


  /* 3-column totals */

  .client-orders-table .order_total,
  .client-orders-table .paid_amount,
  .client-orders-table .balance_due,
  .client-orders-table .order_days_on_hold {
      display: inline-block;
      width: 25%;
      box-sizing: border-box;
      text-align: center;
      padding-top: 6px;
      font-size: 14px;
      white-space: normal !important;
      word-wrap: break-word;
  }



   /* ==========================
     PAGOS / DEPOSITOS
  =========================== */
  .client-deposits-table,.client-deposits-table thead,.client-deposits-table tbody,.client-deposits-table tr,.client-deposits-table th,.client-deposits-table td {
    display: block;
    width: 100%;
    border: none;
  }

  .client-deposits-table thead {
    display: none;
  }

  .client-deposits-table tr {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
  }
  

/* Make Pagado el, Método, Monto, Aplicado a appear on one line */
.client-deposits-table tr {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 10px;
  padding: 12px;
}

/* First line (#ID | Fecha | Status) */
.client-deposits-table .deposit_id,
.client-deposits-table .deposit_date,
.client-deposits-table .deposit_status {
  display: inline-block;
  vertical-align: middle;
}
.client-deposits-table .deposit_id {
  font-weight: 600;
  color: #0073aa;
  margin-right: 8px;
}
.client-deposits-table .deposit_date {
  color: #555;
  margin-right: 8px;
}
.client-deposits-table .deposit_status {
  margin-left: auto;
}

/* Second line (Pagado el, Método, Monto, Aplicado a) */
.client-deposits-table .deposit_paid_date,
.client-deposits-table .deposit_method,
.client-deposits-table .deposit_amount,
.client-deposits-table .deposit_applied_to {
  display: inline-block;
  width: 25%;
  box-sizing: border-box;
  text-align: center;
  padding-top: 6px;
  font-size: 14px;
  white-space: normal !important;
  word-wrap: break-word;
}

/* Force that second line below */
.client-deposits-table .deposit_paid_date {
  justify-content: space-between;
  text-align: center;
  flex-wrap: wrap;
}

/* Add labels above each */
.client-deposits-table .deposit_paid_date::before,
.client-deposits-table .deposit_method::before,
.client-deposits-table .deposit_amount::before,
.client-deposits-table .deposit_applied_to::before {
  content: attr(data-colname);
  font-size: 12px;
  color: #666;
  font-weight: 600;
  display: block;
  margin-bottom: 2px;
  line-height: 1.2;
}


  /* --- Button full width --- */
  .bb-client-balance-page .bbz-header {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .bb-client-balance-page .bbz-header a.button {
    width: 100%;
    text-align: center;
  }

  /* --- Amount coloring --- */
  .bb-client-balance-page span[style*="color:#a00"] {
    color: #d00 !important;
  }

  .bb-client-balance-page span[style*="color:green"] {
    color: #090 !important;
  }

  
}