/* =========================================================
   SUCCESS EMPIRE COMPANY — FINAL OWNER + MEMBER FIXES V6
   Only reported visual/identity/PWA/payment corrections.
========================================================= */

:root{
  --sec-final-gold:#f1c65e;
  --sec-final-gold2:#ffe79a;
  --sec-final-maroon:#51001f;
  --sec-final-maroon-dark:#1a000f;
}

/* ---------- Member identity: consistent, premium, readable ---------- */
#secMemberIdentityRibbon{
  position:relative;
  z-index:2;
  margin:8px 12px 10px;
  padding:9px 11px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  border:1px solid rgba(217,164,58,.52);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(88,0,32,.96),rgba(27,0,15,.98));
  box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 0 18px rgba(255,214,104,.025);
}
#secMemberIdentityRibbon .sec-member-ribbon-photo{
  width:58px;height:58px;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;
  border:2px solid #d9a43a;
  background:#650026;color:#f5d67c;font-size:30px;
  box-shadow:0 0 0 5px rgba(217,164,58,.06);
}
#secMemberIdentityRibbon .sec-member-ribbon-photo img{width:100%;height:100%;object-fit:cover;display:block}
#secMemberIdentityRibbon .sec-member-ribbon-copy{min-width:0}
#secMemberIdentityRibbon .sec-member-ribbon-label{
  display:block;color:#c9b9bf;font:900 7px/1.2 Arial,sans-serif;letter-spacing:.7px;
}
#secMemberIdentityRibbon .sec-member-ribbon-name{
  display:block;margin-top:3px;color:#fff5d8;
  font:900 clamp(17px,4.9vw,22px)/1.08 Georgia,'Times New Roman',serif;
  letter-spacing:.35px;text-shadow:0 1px 0 rgba(0,0,0,.45);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#secMemberIdentityRibbon .sec-member-ribbon-id{
  margin-top:5px;color:#f1c65e;font:900 10px/1.2 Arial,sans-serif;letter-spacing:.45px;
}
#secMemberIdentityRibbon .sec-member-ribbon-badge{
  padding:6px 8px;border:1px solid rgba(103,217,144,.35);border-radius:999px;
  background:#123921;color:#b8f3cb;font:900 6.5px/1 Arial,sans-serif;white-space:nowrap;
}

/* Existing member names/IDs remain stylish without changing page structure. */
.member-name,#memberName,#drawerMemberName,#drawerName,#welcomeName,
.member-copy strong[data-sec-member-name],.sec-member-display-name{
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
}
#memberId,#drawerMemberId,#drawerId,.sec-member-display-id{
  font-weight:900!important;
  letter-spacing:.25px!important;
}

/* ---------- Owner identity: clearer photo and stylish name ---------- */
.sec-global-owner-identity{grid-template-columns:68px minmax(0,1fr) auto!important;gap:11px!important;padding:11px!important}
.sec-global-owner-photo{width:68px!important;height:68px!important;font-size:31px!important;border-width:2px!important}
.sec-global-owner-copy small{font-size:6.5px!important;letter-spacing:.55px!important}
.sec-global-owner-copy strong,
#ownerName,#certOwnerName,.owner-mini strong,.owner-identity-name,.sec-owner-display-name{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(15px,4.2vw,19px)!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
  color:#fff5df!important;
}
.sec-global-owner-copy b{font-size:7px!important;line-height:1.25!important}
.sec-global-owner-secure{font-size:6px!important;padding:7px 9px!important}
.owner-avatar{overflow:hidden}
.owner-avatar img,.sec-global-owner-photo img,#certOwnerPhoto img,#ownerDrawerAvatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}

/* ---------- Owner dashboard Company Benefit readability ---------- */
#companyBenefitPanel .benefit-grid small,
#companyBenefitPanel .benefit-row small{
  color:#d7c4ca!important;
  font-size:5.6px!important;
  font-weight:900!important;
  letter-spacing:.28px!important;
}
#companyBenefitPanel .benefit-grid b,
#companyBenefitPanel .benefit-top strong{
  font-weight:900!important;
  color:#fff2c6!important;
}
#companyBenefitPanel .benefit-net,
#companyBenefitPanel .net-box b{color:#9ce7b9!important}

/* ---------- Payment Management KPI cards: restore premium dark theme ---------- */
body[data-sec-page="payment-management.html"] .pay-kpi,
body[data-sec-page="payment-management.html"] .pay-kpi.summary-card{
  background:linear-gradient(145deg,#310016,#17000d)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.27),inset 0 0 18px rgba(255,220,120,.02)!important;
  opacity:1!important;
}
body[data-sec-page="payment-management.html"] .pay-kpi .kpi-note{color:#c6b4bb!important}
body[data-sec-page="payment-management.html"] .pay-kpi .kpi-copy strong{font-size:6.2px!important;font-weight:900!important}

/* ---------- Payment Accounts: provider filters equal and official-logo friendly ---------- */
body[data-sec-page="payment-accounts.html"] .filters{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body[data-sec-page="payment-accounts.html"] .filter{
  min-height:46px!important;padding:6px 5px!important;font-size:5.6px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
}
body[data-sec-page="payment-accounts.html"] .filter img{width:26px!important;height:26px!important;margin:0!important;object-fit:contain!important}
body[data-sec-page="payment-accounts.html"] .sec-select-option .sec-option-icon img{
  width:30px!important;height:30px!important;object-fit:contain!important;display:block!important;
}
body[data-sec-page="payment-accounts.html"] .sec-select-option .sec-option-icon{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;
}

/* ---------- Withdrawal reported icon alignment ---------- */
body[data-sec-page="withdraw.html"] .quick-method[data-method="Other"] span{
  width:34px!important;height:34px!important;margin-bottom:4px!important;font-size:27px!important;line-height:1!important;
}
body[data-sec-page="withdraw.html"] #otherProviderWrap .input-icon{
  width:42px!important;min-width:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;font-size:24px!important;line-height:1!important;
}
body[data-sec-page="withdraw.html"] #otherProviderWrap input{padding-left:2px!important}

/* ---------- Promotion / Reward payment account details ---------- */
body[data-sec-page="promotion-program.html"] .selected-account-title,
body[data-sec-page="reward-program.html"] .selected-account-title{
  font-size:9.5px!important;line-height:1.25!important;letter-spacing:.25px!important;
}
body[data-sec-page="promotion-program.html"] .account-line,
body[data-sec-page="reward-program.html"] .account-line{
  font-size:8px!important;line-height:1.35!important;padding:7px 0!important;
}
body[data-sec-page="promotion-program.html"] .account-line strong,
body[data-sec-page="reward-program.html"] .account-line strong{
  font-size:8.6px!important;font-weight:900!important;color:#fff2bf!important;
}
body[data-sec-page="promotion-program.html"] .account-line span,
body[data-sec-page="reward-program.html"] .account-line span{font-weight:800!important;color:#c8b7bd!important}

/* ---------- Security code readability ---------- */
body[data-sec-page="security-settings.html"] .field label{
  font-size:6.3px!important;font-weight:900!important;color:#f3e3e8!important;letter-spacing:.2px!important;
}
body[data-sec-page="security-settings.html"] #owner2faCurrent,
body[data-sec-page="security-settings.html"] #owner2fa1,
body[data-sec-page="security-settings.html"] #owner2fa2{
  min-height:46px!important;font-size:10px!important;font-weight:900!important;letter-spacing:2.1px!important;
}
body[data-sec-page="account-setting.html"] #memberPinCurrent,
body[data-sec-page="account-setting.html"] #memberPin1,
body[data-sec-page="account-setting.html"] #memberPin2{
  min-height:46px!important;font-size:10px!important;font-weight:900!important;letter-spacing:1.8px!important;
}

/* ---------- Owner app install card inserted into existing management grid ---------- */
#secOwnerInstallCard{cursor:pointer;text-decoration:none}
#secOwnerInstallDrawer{cursor:pointer}

@media(max-width:370px){
  #secMemberIdentityRibbon{grid-template-columns:52px minmax(0,1fr);margin-left:9px;margin-right:9px}
  #secMemberIdentityRibbon .sec-member-ribbon-photo{width:52px;height:52px}
  #secMemberIdentityRibbon .sec-member-ribbon-badge{grid-column:1/-1;width:max-content}
  .sec-global-owner-identity{grid-template-columns:58px minmax(0,1fr)!important}
  .sec-global-owner-photo{width:58px!important;height:58px!important}
  .sec-global-owner-secure{grid-column:1/-1;width:max-content!important}
}