
/* Account UI brand reset: Arabic + Cairo + 24Ounce gold/black */
.tfo-account,
.tfo-account *{
  font-family:"Cairo",sans-serif !important;
}

.tfo-account{
  --tfo-brand-gold:#c7ab56;
  --tfo-brand-gold-dark:#b99735;
  --tfo-brand-black:#101010;
  --tfo-brand-black-soft:#1b1b1b;
  --tfo-brand-bg:#ffffff;
  --tfo-brand-border:rgba(199,171,86,.38);
  --tfo-brand-muted:#6b7280;
}

.tfo-account .tfo-page-header,
.tfo-account .tfo-sidebar-card,
.tfo-account .card,
.tfo-account .card-bordered,
.tfo-account .tfo-stat-card,
.tfo-account .widefat,
.tfo-account .tfo-customer-tile,
.tfo-account .tfo-policy-banner,
.tfo-account .tfo-customer-summary-card,
.tfo-account .tfo-customer-filter-card,
.tfo-account .tfo-customer-metric-card{
  background:#fff !important;
  border-color:var(--tfo-brand-border) !important;
  box-shadow:none !important;
}

.tfo-account .tfo-page-title,
.tfo-account .tfo-sidebar-head strong,
.tfo-account .tfo-title,
.tfo-account .tfo-h3,
.tfo-account .wrap h1,
.tfo-account .widefat th,
.tfo-account .tfo-customer-tile-title,
.tfo-account .tfo-customer-tile-value,
.tfo-account .tfo-stat-value,
.tfo-account .tfo-stat-label,
.tfo-account .tfo-list-title,
.tfo-account .tfo-kpi-value,
.tfo-account .tfo-nav-item,
.tfo-account .btn,
.tfo-account .button,
.tfo-account .button-primary,
.tfo-account .button-secondary,
.tfo-account .button-primary,
.tfo-account .tfo-subcard-title,
.tfo-account .tfo-customer-card-title,
.tfo-account .tfo-customer-view-title{
  color:var(--tfo-brand-black) !important;
}

.tfo-account .tfo-subtitle,
.tfo-account .description,
.tfo-account .tfo-list-sub,
.tfo-account .tfo-muted,
.tfo-account .tfo-kpi-unit,
.tfo-account .tfo-quick-sub,
.tfo-account .tfo-wallet-cash-label,
.tfo-account .tfo-wallet-cash-unit,
.tfo-account .tfo-wallet-card-meta,
.tfo-account td,
.tfo-account .tfo-customer-tile-subtitle{
  color:var(--tfo-brand-muted) !important;
}

.tfo-account .tfo-nav-item.is-active,
.tfo-account .btn.btn-primary,
.tfo-account .button-primary,
.tfo-account .button.button-primary,
.tfo-account .tfo-quick-item:hover,
.tfo-account .tfo-quick-item:focus,
.tfo-account .tfo-action-button--primary,
.tfo-account .tfo-wallet-primary,
.tfo-account .tfo-customer-primary,
.tfo-account .tfo-open-file-btn,
.tfo-account .tfo-customer-tile-action,
.tfo-account .tfo-orders-filter.is-active,
.tfo-account .tfo-status-action--primary{
  background:var(--tfo-brand-black) !important;
  color:var(--tfo-brand-gold) !important;
  border-color:var(--tfo-brand-black) !important;
}

.tfo-account .tfo-nav-item,
.tfo-account .btn,
.tfo-account .button,
.tfo-account .tfo-quick-item,
.tfo-account .tfo-mobile-toggle,
.tfo-account .tfo-sidebar-close,
.tfo-account .tfo-customer-tile,
.tfo-account .tfo-subcard,
.tfo-account .tfo-wallet-card,
.tfo-account .tfo-policy-banner,
.tfo-account .tfo-wallet-cash-item{
  border-color:var(--tfo-brand-border) !important;
}

.tfo-account .tfo-stat-card,
.tfo-account .tfo-stat-card.is-purple,
.tfo-account .tfo-stat-card.is-blue,
.tfo-account .tfo-stat-card.is-orange,
.tfo-account .tfo-stat-card.is-pink{
  background:#fff !important;
  color:var(--tfo-brand-black) !important;
  border:1px solid var(--tfo-brand-border) !important;
  position:relative;
}

.tfo-account .tfo-stat-card::before{
  content:"";
  position:absolute;
  inset-inline:0;
  top:0;
  height:5px;
  background:linear-gradient(90deg,var(--tfo-brand-gold-dark),var(--tfo-brand-gold));
  border-radius:18px 18px 0 0;
}

.tfo-account .widefat thead th,
.tfo-account .tfo-table thead th,
.tfo-account .tfo-customer-table thead th{
  background:rgba(199,171,86,.12) !important;
  color:var(--tfo-brand-black) !important;
}

.tfo-account .widefat .button,
.tfo-account .widefat .button-primary,
.tfo-account .widefat .btn,
.tfo-account .table .button,
.tfo-account .table .button-primary{
  border-radius:14px !important;
}

.tfo-account .tfo-sidebar{
  background:transparent !important;
}

.tfo-account .tfo-sidebar-card{
  background:#fff !important;
}

.tfo-account .tfo-policy-banner,
.tfo-account .tfo-policy-banner--warning,
.tfo-account .tfo-policy-banner--danger,
.tfo-account .tfo-policy-banner--info{
  border-inline-start:4px solid var(--tfo-brand-gold) !important;
}

.tfo-account .tfo-sidebar-head,
.tfo-account .tfo-sidebar-foot,
.tfo-account .tfo-page-header,
.tfo-account .tfo-section-head{
  background:#fff !important;
}

.tfo-account .tfo-page-header,
.tfo-account .tfo-sidebar-card,
.tfo-account .card,
.tfo-account .widefat,
.tfo-account .tfo-modal-card,
.tfo-account .twentyfourounce-modal-card{
  border-radius:24px !important;
}

.tfo-account .twentyfourounce-modal-header,
.tfo-account .tfo-modal-header{
  background:var(--tfo-brand-black) !important;
  color:var(--tfo-brand-gold) !important;
}

.tfo-account .twentyfourounce-modal-close,
.tfo-account .tfo-modal-close{
  color:var(--tfo-brand-gold) !important;
}

.tfo-account .button:focus,
.tfo-account .btn:focus,
.tfo-account .tfo-nav-item:focus,
.tfo-account a:focus{
  outline:2px solid rgba(199,171,86,.65) !important;
  outline-offset:2px !important;
  box-shadow:none !important;
}

.tfo-account .tfo-quick-item,
.tfo-account .tfo-subcard,
.tfo-account .tfo-wallet-card,
.tfo-account .tfo-wallet-cash-item{
  background:#fff !important;
}

.tfo-account .tfo-wallet-cash-title,
.tfo-account .tfo-customer-filter-label,
.tfo-account .tfo-orders-filter,
.tfo-account .tfo-customers-filter-chip{
  color:var(--tfo-brand-black) !important;
}

.tfo-account .tfo-orders-filter,
.tfo-account .tfo-customers-filter-chip,
.tfo-account .tfo-pill,
.tfo-account .tfo-status-pill{
  border-color:var(--tfo-brand-border) !important;
}

.tfo-account .tfo-orders-filter.is-active,
.tfo-account .tfo-customers-filter-chip.is-active,
.tfo-account .tfo-pill.is-active{
  background:var(--tfo-brand-black) !important;
  color:var(--tfo-brand-gold) !important;
}

.tfo-account .tfo-wallet-top-action,
.tfo-account .tfo-mobile-toggle{
  background:var(--tfo-brand-black) !important;
  color:var(--tfo-brand-gold) !important;
  border-color:var(--tfo-brand-black) !important;
}


/* Patch 18: keep button labels white across account/admin UI */
.tfo-account .button,
.tfo-account .btn,
.tfo-account button,
.tfo-account input[type="button"],
.tfo-account input[type="submit"],
.tfo-account .tfo-admin-tabbtn,
.tfo-account .tfo-orders-filter,
.tfo-account .tfo-customers-filter-chip,
.tfo-account .tfo-open-file-btn,
.tfo-account .tfo-customer-tile-action,
.tfo-account .tfo-wallet-top-action,
.tfo-account .tfo-mobile-toggle,
.tfo-account .tfo-status-action--primary,
.tfo-account .tfo-btn,
.tfo-account a.button{
  color:#ffffff !important;
}

.tfo-account .button:not(.tfo-btn-approve):not(.tfo-btn-reject),
.tfo-account .btn:not(.tfo-btn-approve):not(.tfo-btn-reject),
.tfo-account .tfo-admin-tabbtn,
.tfo-account .tfo-orders-filter,
.tfo-account .tfo-customers-filter-chip,
.tfo-account .tfo-open-file-btn,
.tfo-account .tfo-customer-tile-action,
.tfo-account .tfo-wallet-top-action,
.tfo-account .tfo-mobile-toggle,
.tfo-account .tfo-status-action--primary,
.tfo-account .tfo-btn:not(.tfo-btn-approve):not(.tfo-btn-reject),
.tfo-account a.button{
  background:var(--tfo-brand-black) !important;
  border-color:var(--tfo-brand-black) !important;
  color:#ffffff !important;
}

.tfo-account .button:hover:not(.tfo-btn-approve):not(.tfo-btn-reject),
.tfo-account .button:focus:not(.tfo-btn-approve):not(.tfo-btn-reject),
.tfo-account .btn:hover:not(.tfo-btn-approve):not(.tfo-btn-reject),
.tfo-account .btn:focus:not(.tfo-btn-approve):not(.tfo-btn-reject),
.tfo-account .tfo-admin-tabbtn:hover,
.tfo-account .tfo-admin-tabbtn:focus,
.tfo-account .tfo-orders-filter:hover,
.tfo-account .tfo-customers-filter-chip:hover,
.tfo-account .tfo-open-file-btn:hover,
.tfo-account .tfo-customer-tile-action:hover,
.tfo-account .tfo-wallet-top-action:hover,
.tfo-account .tfo-mobile-toggle:hover,
.tfo-account .tfo-status-action--primary:hover,
.tfo-account .tfo-btn:hover:not(.tfo-btn-approve):not(.tfo-btn-reject),
.tfo-account a.button:hover,
.tfo-account a.button:focus{
  background:var(--tfo-brand-black-soft) !important;
  border-color:var(--tfo-brand-black-soft) !important;
  color:#ffffff !important;
}

.tfo-account .button.button-primary,
.tfo-account .button-primary,
.tfo-account .btn.btn-primary,
.tfo-account .btn-primary,
.tfo-account .tfo-admin-tabbtn.is-active,
.tfo-account .tfo-orders-filter.is-active,
.tfo-account .tfo-customers-filter-chip.is-active,
.tfo-account .tfo-pill.is-active{
  background:var(--tfo-brand-gold) !important;
  border-color:var(--tfo-brand-gold) !important;
  color:#ffffff !important;
}


/* Patch 19: refined button colors, Cairo, and trading buy/sell actions */
.tfo-account .tfo-admin-tabbtn{
  font-family:"Cairo",sans-serif !important;
  font-size:12px !important;
}

.tfo-account .btn.btn-primary{
  font-family:"Cairo",sans-serif !important;
  font-weight:700 !important;
}

.tfo-account .tfo-wallet-cash-value{
  font-size:23px !important;
}

.tfo-account button.button.button-primary,
.tfo-account button.button.oma-confirm-action,
.tfo-account .tfo-admin-page .button,
.tfo-account .btn.btn-outline-primary,
.tfo-account .tfo-notify-btn,
.tfo-account .tfo-btn-primary,
.tfo-account .tfo-btn-light,
.tfo-account .tfo-btn-approve,
.tfo-account .tfo-btn-cancel,
.tfo-account span.tfo-lp-toggle-text{
  font-family:"Cairo",sans-serif !important;
}

.tfo-account a.tfo-btn.tfo-btn-primary.osa-open-assignment{
  color:#ffffff !important;
}

.tfo-account .form-control{
  padding:4px 12px !important;
}

/* Default white buttons keep dark text */
.tfo-account .button:not(.button-primary),
.tfo-account .btn.btn-light,
.tfo-account .btn.btn-outline-primary,
.tfo-account .tfo-admin-tabbtn:not(.is-active),
.tfo-account .tfo-orders-filter:not(.is-active),
.tfo-account .tfo-customers-filter-chip:not(.is-active),
.tfo-account .tfo-notify-btn,
.tfo-account .tfo-notify-action,
.tfo-account .tfo-btn-light,
.tfo-account a.button:not(.button-primary){
  background:#ffffff !important;
  color:var(--tfo-brand-black) !important;
  border-color:var(--tfo-brand-border) !important;
}

/* Dark/primary buttons keep white text */
.tfo-account .button.button-primary,
.tfo-account .button-primary,
.tfo-account .btn.btn-primary,
.tfo-account .btn-primary,
.tfo-account .tfo-btn-primary,
.tfo-account .tfo-btn-approve,
.tfo-account .tfo-btn-cancel,
.tfo-account .tfo-admin-tabbtn.is-active,
.tfo-account .tfo-orders-filter.is-active,
.tfo-account .tfo-customers-filter-chip.is-active,
.tfo-account .tfo-pill.is-active,
.tfo-account .tfo-wallet-top-action,
.tfo-account .tfo-mobile-toggle,
.tfo-account .tfo-open-file-btn,
.tfo-account .tfo-customer-tile-action,
.tfo-account .tfo-status-action--primary,
.tfo-account .tfo-notify-btn:hover,
.tfo-account .tfo-notify-btn[aria-expanded="true"]{
  color:#ffffff !important;
}

/* Gold active tabs/buttons use white text as requested */
.tfo-account .button.button-primary,
.tfo-account .button-primary,
.tfo-account .btn.btn-primary,
.tfo-account .btn-primary,
.tfo-account .tfo-admin-tabbtn.is-active,
.tfo-account .tfo-orders-filter.is-active,
.tfo-account .tfo-customers-filter-chip.is-active,
.tfo-account .tfo-pill.is-active{
  background:var(--tfo-brand-gold) !important;
  border-color:var(--tfo-brand-gold) !important;
  color:#ffffff !important;
}

/* Trading actions: buy green, sell red */
.tfo-account .btn.btn-primary.tfo-btn-buy,
.tfo-account .tfo-btn-buy,
.tfo-account .tfo-btn-buy:focus,
.tfo-account .tfo-btn-buy:active,
.tfo-trading-shell .tfo-btn-buy,
.tfo-trading-shell .tfo-btn-buy:focus,
.tfo-trading-shell .tfo-btn-buy:active{
  background:#15803d !important;
  border-color:#15803d !important;
  color:#ffffff !important;
}

.tfo-account .btn.btn-primary.tfo-btn-buy:hover,
.tfo-account .tfo-btn-buy:hover,
.tfo-trading-shell .tfo-btn-buy:hover{
  background:#166534 !important;
  border-color:#166534 !important;
  color:#ffffff !important;
}

.tfo-account .btn.btn-outline-primary.tfo-btn-sell,
.tfo-account .tfo-btn-sell,
.tfo-account .tfo-btn-sell:focus,
.tfo-account .tfo-btn-sell:active,
.tfo-trading-shell .tfo-btn-sell,
.tfo-trading-shell .tfo-btn-sell:focus,
.tfo-trading-shell .tfo-btn-sell:active{
  background:#dc2626 !important;
  border-color:#dc2626 !important;
  color:#ffffff !important;
}

.tfo-account .btn.btn-outline-primary.tfo-btn-sell:hover,
.tfo-account .tfo-btn-sell:hover,
.tfo-trading-shell .tfo-btn-sell:hover{
  background:#b91c1c !important;
  border-color:#b91c1c !important;
  color:#ffffff !important;
}
