/* ===== GlowBay Affiliate ===== */
.gbaff-notice { padding:14px 18px; border-radius:12px; background:#FFF1E6; color:#B5531A; font-size:14px; margin:16px 0; }
.gbaff-ok { background:#ECFDF3; color:#15803D; border:1px solid #BBF7D0; }
.gbaff-form { display:flex; flex-direction:column; gap:14px; max-width:520px; }
.gbaff-form label { font-size:13px; font-weight:700; color:#1F2430; display:flex; flex-direction:column; gap:6px; }
.gbaff-form input, .gbaff-form textarea { height:46px; border:1.5px solid #ECECF1; border-radius:11px; padding:0 14px; font-size:14px; outline:none; }
.gbaff-form textarea { height:80px; padding-top:10px; }
.gbaff-form input:focus, .gbaff-form textarea:focus { border-color:#FF6A00; box-shadow:0 0 0 3px #FFF1E6; }
.gbaff-btn { height:50px; border:none; border-radius:13px; background:linear-gradient(135deg,#FF6A00,#FF8C3A); color:#fff; font-weight:800; font-size:15px; cursor:pointer; box-shadow:0 8px 22px rgba(255,106,0,.28); }
.gbaff-btn:hover { background:#E85D00; }
.gbaff-dash-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:20px 0; }
.gbaff-dc { background:#fff; border:1px solid #ECECF1; border-radius:16px; padding:18px; }
.gbaff-dc span { font-size:12px; color:#8A92A3; display:block; margin-bottom:6px; }
.gbaff-dc b { font-size:22px; color:#1F2430; }
.gbaff-link-box { background:#fff; border:1px solid #ECECF1; border-radius:16px; padding:18px; margin-bottom:24px; }
.gbaff-link-box label { font-size:12px; color:#8A92A3; font-weight:700; }
.gbaff-link-box input { width:100%; height:46px; border:1.5px solid #ECECF1; border-radius:11px; padding:0 14px; margin:8px 0; font-size:13px; }
.gbaff-link-box button { height:40px; border:none; background:#FF6A00; color:#fff; border-radius:10px; padding:0 18px; font-weight:700; cursor:pointer; }
.gbaff-table { width:100%; border-collapse:separate; border-spacing:0; background:#fff; border:1px solid #ECECF1; border-radius:14px; overflow:hidden; }
.gbaff-table th { text-align:left; font-size:12px; text-transform:uppercase; color:#8A92A3; padding:12px 14px; border-bottom:2px solid #ECECF1; }
/* ===== Affiliate Portal (login/register, reference design) ===== */
.gbaff-portal { padding: 36px 0 56px; background: linear-gradient(160deg,#FFF6EF,#FDEFE6 50%,#FBE9F2); min-height: 70vh; }
.gbaff-portal-wrap { display: grid; grid-template-columns: 1.05fr 0.95fr; max-width: 1040px; margin: 0 auto; border-radius: 26px; overflow: hidden; box-shadow: 0 18px 50px rgba(255,107,0,.16); min-height: 600px; background: #fff; }
.gbaff-p-brand { padding: 40px 40px 30px; color: #fff; background: linear-gradient(155deg,#FF6A00,#FF8C3A 55%,#FF5A7A); display: flex; flex-direction: column; }
.gbaff-p-logo { display: flex; align-items: center; gap: 8px; font-size: 20px; font-weight: 900; }
.gbaff-p-bag { font-size: 22px; }
.gbaff-p-tag { font-size: 9px; letter-spacing: 2px; color: rgba(255,255,255,.85); margin-left: 4px; }
.gbaff-p-badge { align-self: flex-start; margin: 16px 0 18px; background: rgba(255,255,255,.2); color: #fff; font-size: 11px; font-weight: 800; padding: 5px 12px; border-radius: 20px; letter-spacing: .5px; }
.gbaff-p-h { font-size: 36px; line-height: 1.15; font-weight: 900; margin: 0 0 12px; }
.gbaff-p-h span { color: #FFF1D6; }
.gbaff-p-sub { font-size: 14px; opacity: .95; margin: 0 0 22px; line-height: 1.55; }
.gbaff-p-feat { list-style: none; padding: 0; margin: 0 0 22px; display: flex; flex-direction: column; gap: 14px; }
.gbaff-p-feat li { display: flex; align-items: flex-start; gap: 12px; }
.gbaff-p-feat .fi { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 11px; background: rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center; font-size: 18px; }
.gbaff-p-feat b { display: block; font-size: 14px; font-weight: 800; }
.gbaff-p-feat small { display: block; font-size: 12px; opacity: .9; margin-top: 1px; }
.gbaff-p-trust { margin-top: auto; font-size: 13px; font-weight: 700; opacity: .95; }
.gbaff-p-card { background: #fff; padding: 44px 40px 30px; display: flex; flex-direction: column; justify-content: center; }
.gbaff-p-tabs { display: flex; gap: 6px; margin-bottom: 20px; border-bottom: 2px solid #ECECF1; }
.gbaff-p-tab { flex: 1; text-align: center; padding: 12px 8px; font-size: 15px; font-weight: 800; color: #8A92A3; text-decoration: none; border-bottom: 3px solid transparent; margin-bottom: -2px; }
.gbaff-p-tab.active { color: #FF6A00; border-bottom-color: #FF6A00; }
.gbaff-p-ch { font-size: 26px; font-weight: 900; color: #1F2430; margin: 0 0 6px; }
.gbaff-p-cs { font-size: 14px; color: #8A92A3; margin: 0 0 22px; }
.gbaff-p-form { display: flex; flex-direction: column; gap: 14px; }
.gbaff-p-form label { font-size: 13px; font-weight: 700; color: #1F2430; display: flex; flex-direction: column; gap: 7px; }
.gbaff-p-in { display: flex; align-items: center; gap: 10px; height: 50px; border: 1.5px solid #ECECF1; border-radius: 12px; padding: 0 14px; }
.gbaff-p-in input { flex: 1; border: none; outline: none; font-size: 14px; background: transparent; }
.gbaff-p-in:focus-within { border-color: #FF6A00; box-shadow: 0 0 0 3px #FFF1E6; }
.gbaff-p-phone .gbaff-p-flag { font-size: 13px; color: #8A92A3; font-weight: 700; white-space: nowrap; }
.gbaff-p-rem, .gbaff-p-agree { flex-direction: row !important; align-items: center; gap: 8px !important; font-weight: 600 !important; font-size: 13px !important; color: #4A5160 !important; }
.gbaff-p-rem input, .gbaff-p-agree input { width: 16px; height: 16px; accent-color: #FF6A00; }
.gbaff-p-req { background: #FFF1E6; border-radius: 10px; padding: 10px 14px; font-size: 12px; color: #B5531A; line-height: 1.5; }
.gbaff-p-btn { height: 52px; border: none; border-radius: 13px; background: linear-gradient(135deg,#FF6A00,#FF8C3A); color: #fff; font-size: 15px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 22px rgba(255,106,0,.28); margin-top: 4px; }
.gbaff-p-btn:hover { background: #E85D00; }
.gbaff-p-or { display: flex; align-items: center; gap: 12px; margin: 18px 0; color: #8A92A3; font-size: 12px; }
.gbaff-p-or::before, .gbaff-p-or::after { content: ""; flex: 1; height: 1px; background: #ECECF1; }
.gbaff-p-social { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.gbaff-p-soc { display: flex; align-items: center; justify-content: center; height: 46px; border-radius: 12px; font-size: 13px; font-weight: 700; text-decoration: none; border: 1.5px solid #ECECF1; color: #1F2430; background: #fff; }
.gbaff-p-alt { text-align: center; margin-top: 16px; font-size: 13.5px; color: #4A5160; }
.gbaff-p-alt a { color: #FF6A00; font-weight: 700; text-decoration: none; }

@media (max-width: 1000px) {
  .gbaff-portal-wrap { grid-template-columns: 1fr; }
  .gbaff-p-brand { padding: 36px 28px; }
  .gbaff-p-card { padding: 36px 28px; }
}

/* ===== Affiliate Admin Dashboard (reference-exact) ===== */
.gbaffa { display:flex; min-height:calc(100vh - 32px); background:#F4F6FA; font-family:inherit; }
.gbaffa-side { width:248px; background:#1F2A44; color:#fff; padding:18px 12px; flex:0 0 auto; display:flex; flex-direction:column; }
.gbaffa-logo { font-size:18px; font-weight:900; padding:6px 10px 16px; }
.gbaffa-logo small { display:block; font-size:10px; opacity:.7; font-weight:600; letter-spacing:1px; }
.gbaffa-side nav { flex:1; overflow:auto; }
.gbaffa-side nav a { display:block; color:#C5CEE0; text-decoration:none; padding:9px 12px; border-radius:9px; font-size:13px; font-weight:600; margin-bottom:2px; }
.gbaffa-side nav a:hover, .gbaffa-side nav a.active { background:#FF6A00; color:#fff; }
.gbaffa-nav-grp { font-size:10px; font-weight:800; color:#7A86A3; letter-spacing:1px; margin:14px 8px 4px; text-transform:uppercase; }
.gbaffa-badge { background:#E53935; color:#fff; font-size:10px; padding:1px 7px; border-radius:10px; margin-left:6px; }
.gbaffa-collapse { margin-top:10px; background:transparent; border:1px solid #3A4660; color:#C5CEE0; border-radius:9px; padding:8px; cursor:pointer; font-size:12px; }
.gbaffa-main { flex:1; padding:0 24px 32px; overflow:auto; }
.gbaffa-head { display:flex; justify-content:space-between; align-items:center; padding:18px 0; }
.gbaffa-head-l { display:flex; align-items:center; gap:12px; }
.gbaffa-hamb { background:none; border:none; font-size:20px; cursor:pointer; color:#4A5160; }
.gbaffa-head h1 { font-size:22px; margin:0; color:#1F2430; }
.gbaffa-head-r { display:flex; align-items:center; gap:12px; font-size:13px; color:#6B7280; }
.gbaffa-date { border:1px solid #ECECF1; border-radius:9px; padding:7px 12px; background:#fff; }
.gbaffa-refresh { border:1px solid #ECECF1; background:#fff; border-radius:9px; padding:7px 12px; cursor:pointer; }
.gbaffa-bell { background:#FFF1E6; color:#FF6A00; padding:5px 9px; border-radius:9px; font-size:13px; }
.gbaffa-av { border-radius:50%; }
.gbaffa-who { text-align:right; line-height:1.2; }
.gbaffa-who b { display:block; color:#1F2430; font-size:13px; }
.gbaffa-who small { font-size:11px; color:#8A92A3; }
.gbaffa-kpis { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-bottom:18px; }
.gbaffa-kpi { background:#fff; border:1px solid #ECECF1; border-radius:14px; padding:15px 16px; }
.gbaffa-kpi span { font-size:11px; color:#8A92A3; display:block; margin-bottom:7px; }
.gbaffa-kpi b { font-size:22px; color:#1F2430; display:block; }
.gbaffa-kpi i { font-size:11px; font-style:normal; }
.gbaffa-kpi i.up { color:#16A34A; } .gbaffa-kpi i.down { color:#DC2626; }
.gbaffa-2col, .gbaffa-3col { display:grid; gap:16px; margin-bottom:16px; }
.gbaffa-2col { grid-template-columns:1.4fr 1fr; }
.gbaffa-3col { grid-template-columns:repeat(3,1fr); }
.gbaffa-card { background:#fff; border:1px solid #ECECF1; border-radius:14px; padding:16px 18px; }
.gbaffa-card h3 { margin:0 0 12px; font-size:15px; color:#1F2430; }
.gbaffa-tabs2 { display:flex; gap:6px; margin-bottom:12px; }
.gbaffa-tabs2 span { font-size:12px; padding:4px 10px; border-radius:8px; background:#F4F6FA; color:#8A92A3; cursor:pointer; }
.gbaffa-tabs2 span.active { background:#FFF1E6; color:#FF6A00; font-weight:700; }
.gbaffa-chart { height:230px; background:#fff; border:1px solid #F0F1F5; border-radius:12px; position:relative; padding:10px; }
.gbaffa-svg { width:100%; height:100%; }
.gbaffa-svg polyline { fill:none; stroke-width:2.5; }
.ln-orange { stroke:#FF6A00; } .ln-purple { stroke:#9B59F6; } .ln-green { stroke:#16A34A; }
.gbaffa-chart-legend { position:absolute; bottom:8px; left:12px; font-size:11px; display:flex; gap:14px; }
.gbaffa-chart-legend .o { color:#FF6A00; } .gbaffa-chart-legend .p { color:#9B59F6; } .gbaffa-chart-legend .g { color:#16A34A; }
.gbaffa-t { width:100%; border-collapse:collapse; font-size:12.5px; }
.gbaffa-t th { text-align:left; color:#8A92A3; font-size:10px; text-transform:uppercase; padding:8px 10px; border-bottom:2px solid #ECECF1; }
.gbaffa-t td { padding:8px 10px; border-bottom:1px solid #F0F1F5; }
.gbaffa-t.wide { background:#fff; border:1px solid #ECECF1; border-radius:12px; overflow:hidden; }
.gbaffa-t a { color:#FF6A00; text-decoration:none; font-weight:700; }
.gbaffa-st { font-size:11px; font-weight:700; padding:2px 8px; border-radius:8px; }
.gbaffa-st.pending { background:#FFF1E6; color:#B5531A; }
.gbaffa-st.approved { background:#ECFDF3; color:#15803D; }
.gbaffa-st.paid { background:#E0F2FE; color:#0369A1; }
.gbaffa-st.rejected, .gbaffa-st.reversed { background:#FEE2E2; color:#B91C1C; }
.gbaffa-st.suspended { background:#F1F5F9; color:#475569; }
.gbaffa-info { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.gbaffa-info div { background:#fff; border:1px solid #ECECF1; border-radius:12px; padding:14px; font-size:13px; color:#475569; }
.gbaffa-info b { display:block; font-size:14px; color:#1F2430; margin-bottom:4px; }
.gbaffa-info small { color:#8A92A3; font-size:11px; }
.gbaffa-btn { background:#FF6A00; color:#fff; padding:8px 16px; border-radius:10px; text-decoration:none; font-weight:700; font-size:13px; display:inline-block; }
.gbaffa-btn.ghost { background:#fff; color:#FF6A00; border:1px solid #FF6A00; }
.gbaffa-ok { background:#ECFDF3; color:#15803D; padding:10px 14px; border-radius:10px; margin-bottom:12px; }
.gbaffa-form { max-width:420px; display:flex; flex-direction:column; gap:14px; }
.gbaffa-form label { font-size:13px; font-weight:700; display:flex; flex-direction:column; gap:6px; }
.gbaffa-form input { height:44px; border:1.5px solid #ECECF1; border-radius:10px; padding:0 12px; }
/* detail view */
.gbaffa-back { display:inline-block; margin:18px 0 10px; color:#FF6A00; text-decoration:none; font-weight:700; }
.gbaffa-d-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.gbaffa-d-head h2 { margin:0; font-size:20px; }
.gbaffa-code { background:#FFF1E6; color:#FF6A00; font-size:12px; padding:3px 9px; border-radius:8px; margin-left:8px; }
.gbaffa-d-actions a { margin-left:8px; }
.gbaffa-tabs { display:flex; gap:4px; border-bottom:2px solid #ECECF1; margin-bottom:18px; flex-wrap:wrap; }
.gbaffa-tabs a { padding:9px 14px; font-size:13px; font-weight:700; color:#8A92A3; text-decoration:none; border-bottom:3px solid transparent; margin-bottom:-2px; }
.gbaffa-tabs a.active { color:#FF6A00; border-bottom-color:#FF6A00; }
.gbaffa-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.gbaffa-grid4 { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.gbaffa-card p { margin:6px 0; font-size:13.5px; color:#4A5160; }
.gbaffa-card p b { color:#1F2430; }
.gbaffa-activity { display:flex; flex-direction:column; gap:14px; }
.gbaffa-act { display:flex; gap:12px; align-items:flex-start; }
.gbaffa-act-dot { width:10px; height:10px; border-radius:50%; background:#FF6A00; margin-top:5px; flex:0 0 auto; }
.gbaffa-act small { display:block; color:#8A92A3; font-size:11px; }
.gbaffa-tab-body { background:#fff; border:1px solid #ECECF1; border-radius:14px; padding:18px; }
@media (max-width:1200px){ .gbaffa-kpis{grid-template-columns:repeat(3,1fr)} .gbaffa-2col,.gbaffa-3col,.gbaffa-grid2,.gbaffa-grid4,.gbaffa-info{grid-template-columns:1fr} }

/* ===== Affiliate User Dashboard (frontend) ===== */
.gbus { display:flex; min-height:70vh; background:#F4F6FA; font-family:inherit; }
.gbus-side { width:248px; background:#fff; border-right:1px solid #ECECF1; padding:18px 14px; flex:0 0 auto; }
.gbus-logo { font-size:17px; font-weight:900; color:#FF6A00; }
.gbus-logo small { display:block; font-size:9px; color:#8A92A3; letter-spacing:2px; font-weight:700; }
.gbus-nav { margin-top:16px; display:flex; flex-direction:column; gap:2px; }
.gbus-nav a { color:#4A5160; text-decoration:none; padding:9px 12px; border-radius:9px; font-size:13.5px; font-weight:600; }
.gbus-nav a:hover, .gbus-nav a.active { background:#FFF1E6; color:#FF6A00; }
.gbus-grp { font-size:10px; font-weight:800; color:#8A92A3; letter-spacing:1px; margin:14px 0 4px 4px; }
.gbus-badge { background:#E53935; color:#fff; font-size:9px; padding:1px 6px; border-radius:10px; margin-left:auto; }
.gbus-refer { margin-top:18px; background:linear-gradient(135deg,#FF6A00,#FF8C3A); color:#fff; border-radius:14px; padding:16px; text-align:center; }
.gbus-gift { font-size:28px; }
.gbus-refer b { display:block; font-size:14px; margin:4px 0; }
.gbus-refer small { display:block; font-size:11px; opacity:.9; margin-bottom:10px; }
.gbus-refer a { display:inline-block; background:#fff; color:#FF6A00; padding:7px 18px; border-radius:9px; font-weight:800; font-size:12px; text-decoration:none; }
.gbus-main { flex:1; padding:22px 28px 40px; overflow:auto; }
.gbus-head { display:flex; justify-content:space-between; align-items:flex-start; }
.gbus-welcome { font-size:18px; font-weight:800; color:#1F2430; }
.gbus-gold { background:#FFF1E6; color:#B5531A; font-size:11px; padding:2px 9px; border-radius:8px; margin-left:8px; font-weight:800; }
.gbus-sub { font-size:12px; color:#8A92A3; margin-top:3px; }
.gbus-head-r { display:flex; align-items:center; gap:12px; font-size:13px; color:#4A5160; }
.gbus-bell { background:#FFF1E6; color:#FF6A00; padding:4px 9px; border-radius:9px; font-size:12px; font-weight:700; }
.gbus-lang { border:1px solid #ECECF1; border-radius:8px; padding:5px 8px; }
.gbus-av { border-radius:50%; }
.gbus-datefilter { margin:14px 0 18px; display:flex; gap:10px; }
.gbus-datefilter select { border:1px solid #ECECF1; border-radius:9px; padding:8px 12px; }
.gbus-dl { border:1px solid #FF6A00; color:#FF6A00; background:#fff; border-radius:9px; padding:8px 14px; font-weight:700; cursor:pointer; }
.gbus-kpis { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-bottom:18px; }
.gbus-kpi { background:#fff; border:1px solid #ECECF1; border-radius:14px; padding:14px 16px; }
.gbus-kpi span { font-size:11px; color:#8A92A3; display:block; margin-bottom:6px; }
.gbus-kpi b { font-size:20px; color:#1F2430; display:block; }
.gbus-kpi i { font-size:11px; font-style:normal; }
.gbus-kpi i.up { color:#16A34A; }
.gbus-grid1 { display:grid; grid-template-columns:1.5fr 1fr; gap:16px; margin-bottom:16px; }
.gbus-card { background:#fff; border:1px solid #ECECF1; border-radius:14px; padding:16px 18px; margin-bottom:16px; }
.gbus-card h3 { margin:0 0 12px; font-size:15px; color:#1F2430; }
.gbus-chart { height:190px; background:linear-gradient(180deg,#FFF6EF,#fff); border-radius:12px; position:relative; border:1px dashed #FFD9B8; }
.gbus-line { position:absolute; left:10px; right:10px; height:2px; top:40%; }
.gbus-line.orange { background:#FF6A00; top:35%; }
.gbus-line.purple { background:#9B59F6; top:60%; }
.gbus-donut { width:120px; height:120px; border-radius:50%; background:conic-gradient(#9B59F6 0 <?php echo $paid_pct; ?>%, #FF6A00 <?php echo $paid_pct; ?>% <?php echo $paid_pct+$pend_pct; ?>%, #16A34A <?php echo $paid_pct+$pend_pct; ?>% 100%); display:flex; align-items:center; justify-content:center; margin:0 auto 12px; }
.gbus-donut-c { width:80px; height:80px; background:#fff; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.gbus-donut-c span { font-size:13px; font-weight:800; color:#1F2430; }
.gbus-donut-c small { font-size:10px; color:#8A92A3; }
.gbus-legend { font-size:12.5px; }
.gbus-legend div { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.gbus-legend b { margin-left:auto; }
.gbus-legend .dot { width:10px; height:10px; border-radius:50%; }
.gbus-legend .dot.purple { background:#9B59F6; } .gbus-legend .dot.orange { background:#FF6A00; } .gbus-legend .dot.green { background:#16A34A; }
.gbus-sumtext { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; font-size:12px; color:#4A5160; }
.gbus-sumtext div { background:#F8FAFC; border-radius:9px; padding:8px 10px; }
.gbus-sumtext b { display:block; color:#1F2430; font-size:14px; }
.gbus-actions { display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-bottom:16px; }
.gbus-act { background:#fff; border:1px solid #ECECF1; border-radius:11px; padding:12px 8px; font-size:12px; font-weight:700; color:#1F2430; text-decoration:none; text-align:center; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:5px; }
.gbus-act:hover { border-color:#FF6A00; color:#FF6A00; }
.gbus-grid2 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
.gbus-col { display:flex; flex-direction:column; }
.gbus-t { width:100%; border-collapse:collapse; font-size:12.5px; }
.gbus-t th { text-align:left; color:#8A92A3; font-size:10px; text-transform:uppercase; padding:7px 8px; border-bottom:2px solid #ECECF1; }
.gbus-t td { padding:7px 8px; border-bottom:1px solid #F0F1F5; }
.gbus-bar { margin-bottom:12px; }
.gbus-bar span { font-size:12px; color:#4A5160; }
.gbus-bar-track { height:8px; background:#F0F1F5; border-radius:6px; margin:5px 0; overflow:hidden; }
.gbus-bar-fill { height:100%; background:#FF6A00; }
.gbus-bar-fill.purple { background:#9B59F6; } .gbus-bar-fill.green { background:#16A34A; }
.gbus-bar b { font-size:12px; color:#1F2430; } .gbus-bar small { font-size:11px; color:#8A92A3; margin-left:6px; }
.payout-box .gbus-bal { font-size:26px; font-weight:900; color:#1F2430; }
.payout-box .gbus-bal small { display:block; font-size:11px; color:#8A92A3; font-weight:600; }
.gbus-prog { height:8px; background:#ECFDF3; border-radius:6px; margin:10px 0 4px; overflow:hidden; }
.gbus-prog-fill { height:100%; background:#16A34A; }
.gbus-prog-txt { font-size:11px; color:#16A34A; font-weight:700; }
.gbus-request { width:100%; height:46px; border:none; background:linear-gradient(135deg,#FF6A00,#FF8C3A); color:#fff; border-radius:12px; font-weight:800; font-size:14px; cursor:pointer; margin-top:10px; }
.gbus-pf { display:flex; flex-direction:column; gap:8px; margin-top:12px; }
.gbus-pf input, .gbus-pf select { height:42px; border:1.5px solid #ECECF1; border-radius:10px; padding:0 12px; font-size:13px; }
.gbus-pf button { height:42px; border:none; background:#1F2430; color:#fff; border-radius:10px; font-weight:700; cursor:pointer; }
.gbus-link { display:flex; gap:8px; }
.gbus-link input { flex:1; height:42px; border:1.5px solid #ECECF1; border-radius:10px; padding:0 12px; font-size:12px; }
.gbus-link button { border:none; background:#FF6A00; color:#fff; border-radius:10px; padding:0 16px; font-weight:700; cursor:pointer; }
.gbus-share { display:flex; gap:8px; margin:12px 0 8px; }
.gbus-share a, .gbus-share button { width:38px; height:38px; border:1px solid #ECECF1; border-radius:10px; display:flex; align-items:center; justify-content:center; text-decoration:none; background:#fff; cursor:pointer; font-size:16px; }
.gbus-foot { font-size:11px; color:#8A92A3; }
@media (max-width:1100px){ .gbus-kpis{grid-template-columns:repeat(2,1fr)} .gbus-grid1,.gbus-grid2,.gbus-actions{grid-template-columns:1fr} .gbus-side{display:none} }

/* ===== Product Affiliate page (premium) ===== */
.gbus-prod .gbus-rside { display:flex; flex-direction:column; gap:16px; }
.gbus-prod-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:18px; }
.gbus-pc { background:#fff; border:1px solid #F0F1F5; border-radius:16px; padding:16px; transition:.2s; box-shadow:0 1px 3px rgba(16,24,40,.04); }
.gbus-pc:hover { box-shadow:0 8px 24px rgba(255,106,0,.10); transform:translateY(-3px); }
.gbus-pc-ic { width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,#FFF1E6,#FFE3CC); color:#FF6A00; display:flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:10px; }
.gbus-pc b { display:block; font-size:14px; color:#1F2430; margin-bottom:3px; }
.gbus-pc small { font-size:11.5px; color:#8A92A3; line-height:1.4; }
.gbus-prod-tabs { display:flex; gap:8px; margin-bottom:16px; }
.gbus-prod-tabs a { font-size:13px; font-weight:700; padding:9px 16px; border-radius:11px; background:#fff; border:1px solid #ECECF1; color:#6B7280; text-decoration:none; transition:.2s; }
.gbus-prod-tabs a:hover { border-color:#FFD9B8; color:#FF6A00; }
.gbus-prod-tabs a.active { background:#FF6A00; color:#fff; border-color:#FF6A00; box-shadow:0 4px 12px rgba(255,106,0,.25); }
.gbus-prod-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.gbus-pcard { background:#fff; border:1px solid #EEF0F4; border-radius:18px; padding:13px; position:relative; transition:.22s; box-shadow:0 1px 3px rgba(16,24,40,.06); overflow:hidden; display:flex; flex-direction:column; }
.gbus-pcard:hover { transform:translateY(-6px); box-shadow:0 18px 40px rgba(255,106,0,.16); border-color:#FFD9B8; }
.gbus-pbadge { position:absolute; top:13px; left:13px; z-index:2; background:linear-gradient(135deg,#FF6A00,#FF8C3A); color:#fff; font-size:10px; font-weight:800; letter-spacing:.3px; padding:4px 10px; border-radius:9px; box-shadow:0 2px 8px rgba(255,106,0,.35); }
.gbus-pcard .gbus-pimg { width:100%; height:175px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#FFFFFF,#F6F8FB); border:1px solid #F0F2F6; border-radius:14px; overflow:hidden; margin-bottom:13px; }
.gbus-pcard .gbus-pimg img { width:100%; height:100%; object-fit:contain; padding:10px; transition:.3s; }
.gbus-pcard:hover .gbus-pimg img { transform:scale(1.07); }
.gbus-pname { font-size:13.5px; font-weight:700; color:#1F2430; margin:0 0 10px; line-height:1.35; min-height:36px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.gbus-pmeta { display:flex; align-items:baseline; justify-content:space-between; gap:6px; margin-bottom:12px; }
.gbus-pprice { font-size:17px; font-weight:900; color:#1F2430; }
.gbus-pcomm { font-size:10.5px; font-weight:800; color:#15803D; background:#ECFDF3; padding:3px 8px; border-radius:8px; white-space:nowrap; }
.gbus-prow { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; }
.gbus-ph { color:#C7CDD8; text-decoration:none; font-size:17px; transition:.2s; flex:0 0 auto; }
.gbus-ph:hover { color:#FF6A00; }
.gbus-padd { background:linear-gradient(135deg,#FF6A00,#FF8C3A); color:#fff; font-size:12px; font-weight:800; padding:9px 14px; border-radius:11px; text-decoration:none; transition:.2s; box-shadow:0 4px 12px rgba(255,106,0,.25); white-space:nowrap; }
.gbus-padd:hover { box-shadow:0 6px 18px rgba(255,106,0,.38); transform:translateY(-1px); }
.gbus-added { color:#15803D; font-size:12px; font-weight:800; background:#ECFDF3; padding:9px 14px; border-radius:11px; white-space:nowrap; }
.gbus-pager { display:flex; gap:7px; margin-top:20px; flex-wrap:wrap; }
.gbus-pager a { min-width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:10px; border:1px solid #ECECF1; background:#fff; color:#6B7280; text-decoration:none; font-size:13px; font-weight:700; transition:.2s; }
.gbus-pager a:hover { border-color:#FFD9B8; color:#FF6A00; }
.gbus-pager a.active { background:#FF6A00; color:#fff; border-color:#FF6A00; }
.gbus-rside .gbus-storeprev, .gbus-rside .gbus-perf, .gbus-rside .gbus-tips { background:#fff; border:1px solid #F0F1F5; border-radius:16px; padding:16px; box-shadow:0 2px 6px rgba(16,24,40,.05); }
.gbus-sp-head { font-size:13px; font-weight:800; display:flex; justify-content:space-between; margin-bottom:12px; }
.gbus-sp-head a { color:#FF6A00; font-size:11px; text-decoration:none; }
.gbus-sp-banner { background:linear-gradient(120deg,#FF6A00,#FF8C3A); color:#fff; border-radius:13px; padding:16px; font-size:13px; font-weight:700; margin-bottom:14px; box-shadow:0 6px 18px rgba(255,106,0,.25); }
.gbus-sp-banner button { margin-top:10px; background:#fff; color:#FF6A00; border:none; border-radius:9px; padding:6px 14px; font-weight:800; font-size:11px; cursor:pointer; }
.gbus-sp-cats { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
.gbus-sp-cats span { font-size:10.5px; background:#F4F6FA; color:#475569; padding:5px 10px; border-radius:9px; }
.gbus-sp-feat b { font-size:12px; display:block; margin-bottom:10px; color:#1F2430; }
.gbus-sp-item { display:flex; gap:10px; align-items:center; margin-bottom:10px; }
.gbus-sp-item img { width:44px; height:44px; object-fit:contain; border-radius:10px; background:#F8FAFC; border:1px solid #F0F1F5; }
.gbus-sp-item small { display:block; font-size:11px; color:#6B7280; line-height:1.3; }
.gbus-sp-item b { font-size:12px; color:#1F2430; }
.gbus-perf b { font-size:12px; display:block; margin-bottom:12px; }
.gbus-perf-row { display:flex; justify-content:space-between; font-size:12.5px; padding:5px 0; }
.gbus-perf-row span { color:#8A92A3; } .gbus-perf-row b { color:#1F2430; }
.gbus-perf-graph { margin-top:10px; }
.gbus-perf-graph svg { width:100%; height:36px; }
.gbus-tips b { font-size:12px; display:block; margin-bottom:10px; }
.gbus-tip { font-size:11.5px; color:#475569; padding:7px 0; border-bottom:1px solid #F0F1F5; }
.gbus-tip:last-child { border-bottom:none; }

.gbus-filters { display:flex; gap:10px; margin-bottom:16px; flex-wrap:wrap; align-items:center; }
.gbus-f-search { flex:1; min-width:200px; position:relative; display:flex; }
.gbus-f-search input { flex:1; height:42px; border:1.5px solid #ECECF1; border-radius:11px 0 0 11px; padding:0 14px; font-size:13px; outline:none; }
.gbus-f-search input:focus { border-color:#FF6A00; }
.gbus-f-search button { width:46px; border:1.5px solid #FF6A00; border-left:none; background:#FF6A00; color:#fff; border-radius:0 11px 11px 0; cursor:pointer; font-size:15px; }
.gbus-filters select { height:42px; border:1.5px solid #ECECF1; border-radius:11px; padding:0 12px; font-size:13px; color:#475569; background:#fff; cursor:pointer; outline:none; }
.gbus-filters select:focus { border-color:#FF6A00; }

@media (max-width:1200px){ .gbus-prod-cards,.gbus-prod-grid{grid-template-columns:repeat(2,1fr)} .gbus-rside{display:none} }
@media (max-width:700px){ .gbus-prod-cards,.gbus-prod-grid{grid-template-columns:1fr} }

.gbus-plink{display:flex;gap:6px;margin:8px 0 0;align-items:center}
.gbus-plink-in{flex:1;min-width:0;padding:6px 8px;border:1px solid #e6e8ee;border-radius:8px;font-size:11px;color:#475569;background:#f8fafc}
.gbus-plink-copy,.gbus-plink-gen{padding:6px 10px;border:0;border-radius:8px;background:#FF6B00;color:#fff;font-size:12px;cursor:pointer;white-space:nowrap}
.gbus-plink-sub{display:flex;gap:6px;margin:6px 0 2px}
.gbus-plink-sub input{flex:1;min-width:0;padding:5px 8px;border:1px solid #e6e8ee;border-radius:8px;font-size:11px}