/* Unbox Affiliate Manager — Frontend
   Brand: orange #D84315 / navy #0D1B2A, Segoe UI / Roboto
*/
.uam-dashboard,
.uam-signup {
	font-family: 'Segoe UI', Roboto, -apple-system, sans-serif;
	max-width: 1100px;
	margin: 0 auto;
	color: #0D1B2A;
}

.uam-hero {
	background: linear-gradient(135deg, #0D1B2A 0%, #1a2d44 100%);
	color: #fff;
	padding: 32px 28px;
	border-radius: 10px;
	margin-bottom: 24px;
}
.uam-hero h2 {
	color: #fff;
	margin: 0 0 8px;
	font-size: 26px;
	font-weight: 700;
}
.uam-hero p {
	margin: 0;
	opacity: 0.9;
	font-size: 15px;
}
.uam-hero strong { color: #FFB39A; }

.uam-card {
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 26px;
	margin-bottom: 20px;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.uam-card h3 {
	margin: 0 0 18px;
	color: #0D1B2A;
	font-size: 18px;
	font-weight: 600;
}

.uam-link-card label {
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
	color: #0D1B2A;
	font-size: 14px;
}
.uam-link-row {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.uam-link-row input {
	flex: 1;
	min-width: 240px;
	padding: 12px 14px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 14px;
	background: #f8f9fa;
	color: #0D1B2A;
	font-family: 'Consolas', 'Monaco', monospace;
}
.uam-link-row button {
	background: #D84315;
	color: #fff;
	border: none;
	padding: 12px 24px;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	transition: background 0.15s;
}
.uam-link-row button:hover { background: #b8350f; }

.uam-hint {
	margin-top: 14px;
	color: #555;
	font-size: 13px;
}
.uam-hint code {
	background: #f0f0f0;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 12px;
}

.uam-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 14px;
	margin-bottom: 24px;
}
.uam-stat {
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 20px 16px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.uam-stat span {
	display: block;
	font-size: 11px;
	color: #777;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	margin-bottom: 10px;
	font-weight: 600;
}
.uam-stat strong {
	font-size: 22px;
	color: #0D1B2A;
	font-weight: 700;
	display: block;
}
.uam-stat-approved strong { color: #1e7a3a; }
.uam-stat-paid strong     { color: #1976d2; }

.uam-table-wrap { overflow-x: auto; }
.uam-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}
.uam-table th,
.uam-table td {
	padding: 12px 14px;
	border-bottom: 1px solid #eee;
	text-align: left;
}
.uam-table th {
	background: #f8f9fa;
	font-weight: 600;
	color: #0D1B2A;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.uam-badge {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}
.uam-badge-approved { background: #d4edda; color: #155724; }
.uam-badge-pending  { background: #fff3cd; color: #856404; }
.uam-badge-rejected { background: #f8d7da; color: #721c24; }
.uam-badge-paid     { background: #cce5ff; color: #004085; }

.uam-empty {
	color: #888;
	text-align: center;
	padding: 30px 20px;
	font-style: italic;
}

.uam-howto {
	margin: 0;
	padding-left: 22px;
	line-height: 1.8;
	color: #333;
}
.uam-howto li { margin-bottom: 6px; }

.uam-form label {
	display: block;
	margin: 18px 0 6px;
	font-weight: 600;
	color: #0D1B2A;
	font-size: 14px;
}
.uam-form label:first-child { margin-top: 0; }
.uam-form .uam-req { color: #D84315; }
.uam-form input,
.uam-form select,
.uam-form textarea {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.4 !important;
	box-sizing: border-box;
	font-family: inherit;
	background: #fff;
	color: #0D1B2A;
	height: auto;
	min-height: 44px;
}
.uam-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230D1B2A' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 10px;
	padding-right: 36px;
}
.uam-form textarea {
	min-height: 80px;
	resize: vertical;
}
.uam-payment-fields {
	background: #f8f9fa;
	border-left: 3px solid #D84315;
	padding: 16px 20px 4px;
	border-radius: 6px;
	margin: 14px 0 6px;
}
.uam-payment-fields label:first-child { margin-top: 4px; }
.uam-form input:focus,
.uam-form select:focus,
.uam-form textarea:focus {
	outline: none;
	border-color: #D84315;
	box-shadow: 0 0 0 3px rgba(216, 67, 21, 0.15);
}

.uam-btn {
	background: #D84315;
	color: #fff;
	border: none;
	padding: 13px 32px;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 600;
	font-size: 15px;
	margin-top: 22px;
	transition: background 0.15s;
}
.uam-btn:hover { background: #b8350f; }

/* ===== Phase 3: Tier badge, progress, share, link gen, banners, leaderboard ===== */

.uam-hero-row { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.uam-tier-card { background:rgba(255,255,255,0.12); border-radius:8px; padding:10px 16px; display:flex; align-items:center; gap:10px; }
.uam-tier-card .uam-tier-info { color:rgba(255,255,255,0.85); font-size:13px; }
.uam-rank-chip { background:#D84315; color:#fff; padding:2px 8px; border-radius:10px; font-weight:600; font-size:12px; }

.uam-tier-pill {
	display:inline-block;
	color:#fff;
	padding:3px 12px;
	border-radius:14px;
	font-size:12px;
	font-weight:700;
	letter-spacing:0.3px;
	text-transform:uppercase;
}

.uam-tier-progress { margin-top:14px; }
.uam-tier-progress-bar { background:rgba(255,255,255,0.18); height:8px; border-radius:4px; overflow:hidden; }
.uam-tier-progress-fill { background:#D84315; height:100%; border-radius:4px; transition:width 0.3s; }
.uam-tier-progress-text { color:rgba(255,255,255,0.9); font-size:13px; margin-top:8px; }

/* QR card */
.uam-qr-card .uam-qr-row {
	display: flex;
	gap: 24px;
	align-items: center;
	flex-wrap: wrap;
}
.uam-qr-wrap {
	flex: 0 0 auto;
	padding: 14px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.uam-qr-wrap img {
	display: block;
	width: 240px;
	height: 240px;
}
.uam-qr-actions {
	flex: 1;
	min-width: 220px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
.uam-qr-actions .uam-btn,
.uam-qr-actions .uam-btn-secondary {
	min-width: 200px;
}
.uam-btn-secondary {
	background: #0D1B2A;
	color: #fff;
	border: none;
	padding: 12px 24px;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	font-family: inherit;
	transition: background 0.15s;
}
.uam-btn-secondary:hover { background: #1a2d44; }

.uam-share-row { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 4px; }
.uam-share {
	display:inline-flex; align-items:center; gap:6px;
	padding:8px 14px; border-radius:6px;
	text-decoration:none; font-size:13px; font-weight:600;
	color:#fff; transition:opacity 0.15s;
}
.uam-share:hover { opacity:0.88; text-decoration:none; }
.uam-share-whatsapp { background:#25D366; }
.uam-share-telegram { background:#229ED9; }
.uam-share-facebook { background:#1877F2; }
.uam-share-x        { background:#000; }
.uam-share-linkedin { background:#0A66C2; }
.uam-share-email    { background:#666; }

.uam-linkgen-card .uam-linkgen-row, .uam-linkgen-card .uam-linkgen-output { display:flex; gap:8px; }
.uam-linkgen-card .uam-linkgen-output { margin-top:10px; }
.uam-linkgen-card input { flex:1; padding:11px 14px; border:1px solid #ccc; border-radius:6px; font-size:14px; }
.uam-linkgen-card button { background:#0D1B2A; color:#fff; border:none; padding:11px 20px; border-radius:6px; cursor:pointer; font-weight:600; }
.uam-linkgen-card button:hover { background:#1a2d44; }
.uam-linkgen-card #uam-linkgen-copy { background:#D84315; }
.uam-linkgen-card #uam-linkgen-copy:hover { background:#b8350f; }

.uam-banner-tabs { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 18px; border-bottom:1px solid #e0e0e0; padding-bottom:12px; }
.uam-tab {
	background:transparent; border:1px solid #ddd; padding:7px 14px;
	border-radius:20px; cursor:pointer; font-size:13px; font-weight:600;
	color:#555; font-family:inherit;
}
.uam-tab:hover { background:#f5f5f5; }
.uam-tab.active { background:#0D1B2A; color:#fff; border-color:#0D1B2A; }
.uam-tab-count { background:rgba(255,255,255,0.25); padding:1px 7px; border-radius:8px; margin-left:6px; font-size:11px; }
.uam-tab:not(.active) .uam-tab-count { background:#e0e0e0; color:#666; }

.uam-banner-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:16px; }
.uam-banner-item { border:1px solid #e0e0e0; border-radius:8px; overflow:hidden; background:#fff; }
.uam-banner-preview { background:#f8f8f8; padding:12px; text-align:center; min-height:100px; display:flex; align-items:center; justify-content:center; }
.uam-banner-preview img { max-width:100%; max-height:160px; }
.uam-banner-meta { padding:10px 14px 6px; }
.uam-banner-meta strong { display:block; font-size:13px; color:#0D1B2A; }
.uam-banner-meta small { color:#888; font-size:11px; }
.uam-banner-actions { padding:0 14px 12px; display:flex; gap:6px; }
.uam-btn-sm {
	flex:1; text-align:center;
	background:#0D1B2A; color:#fff; border:none;
	padding:7px 10px; border-radius:5px;
	text-decoration:none; font-size:12px; font-weight:600; cursor:pointer;
	font-family:inherit;
}
.uam-btn-sm:hover { background:#1a2d44; color:#fff; text-decoration:none; }
.uam-copy-embed { background:#D84315; }
.uam-copy-embed:hover { background:#b8350f; }

.uam-leaderboard { background:#fff; border:1px solid #e0e0e0; border-radius:10px; padding:24px; font-family:'Segoe UI', Roboto, sans-serif; max-width:600px; }
.uam-leaderboard-header { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:14px; }
.uam-leaderboard-header h3 { margin:0; color:#0D1B2A; }
.uam-leaderboard-window { color:#888; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }
.uam-leaderboard-list { list-style:none; padding:0; margin:0; }
.uam-leaderboard-list li { display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #f0f0f0; }
.uam-leaderboard-list li:last-child { border-bottom:none; }
.uam-rank { display:inline-flex; width:28px; height:28px; align-items:center; justify-content:center; border-radius:50%; background:#f0f0f0; color:#666; font-weight:700; font-size:13px; }
.uam-rank-1 { background:#FFD700; color:#5a4a00; }
.uam-rank-2 { background:#C0C0C0; color:#444; }
.uam-rank-3 { background:#CD7F32; color:#fff; }
.uam-leaderboard-list .uam-name { flex:1; font-weight:600; color:#0D1B2A; }
.uam-leaderboard-sales { color:#666; font-size:13px; }
.uam-leaderboard-earnings { color:#D84315; font-weight:700; font-size:14px; }

/* ===== Phase 4: Coupon card, Templates, Landing page ===== */

.uam-coupon-card .uam-coupon-display {
	display: flex;
	gap: 12px;
	align-items: center;
	margin-top: 8px;
	background: #FFF3EE;
	border: 2px dashed #D84315;
	border-radius: 8px;
	padding: 18px 22px;
}
.uam-coupon-card #uam-coupon-code {
	flex: 1;
	font-size: 28px;
	font-weight: 800;
	color: #D84315;
	letter-spacing: 2px;
	font-family: 'Consolas', 'Monaco', monospace;
	background: transparent;
}
.uam-coupon-card .uam-btn { padding: 10px 20px; }

.uam-tpl-pane { display: block; }
.uam-tpl-item {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	margin-bottom: 12px;
	background: #fff;
	overflow: hidden;
}
.uam-tpl-head {
	background: #f8f9fa;
	padding: 10px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e0e0e0;
}
.uam-tpl-head strong { color: #0D1B2A; font-size: 14px; }
.uam-tpl-body {
	margin: 0;
	padding: 14px 18px;
	font-family: 'Segoe UI', Roboto, sans-serif;
	font-size: 13px;
	color: #2C2C2C;
	white-space: pre-wrap;
	background: #fff;
	line-height: 1.6;
}

/* Landing page */
.uam-landing { font-family:'Segoe UI', Roboto, sans-serif; color:#0D1B2A; max-width:1100px; margin:0 auto; }
.uam-landing-hero {
	background: linear-gradient(135deg, #0D1B2A 0%, #1a2d44 100%);
	color: #fff;
	padding: 60px 40px;
	border-radius: 12px;
	text-align: center;
	margin-bottom: 36px;
}
.uam-landing-eyebrow {
	display: inline-block;
	color: #FFB39A;
	font-size: 12px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 14px;
}
.uam-landing-hero h1 { color: #fff; font-size: 44px; margin: 0 0 14px; font-weight: 700; line-height: 1.15; }
.uam-landing-hero p { color: rgba(255,255,255,0.9); font-size: 18px; max-width: 680px; margin: 0 auto 28px; }
.uam-landing-cta {
	display: inline-block;
	background: #D84315;
	color: #fff !important;
	padding: 14px 36px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 16px;
	text-decoration: none;
	transition: background 0.15s;
}
.uam-landing-cta:hover { background: #b8350f; text-decoration:none; color:#fff; }
.uam-landing-cta-light { background: #fff; color: #D84315 !important; }
.uam-landing-cta-light:hover { background: #f0f0f0; color: #D84315 !important; }

.uam-landing-section { margin-bottom: 48px; }
.uam-landing-section h2 { font-size: 28px; color: #0D1B2A; margin: 0 0 12px; text-align: center; }
.uam-landing-sub { color: #555; text-align: center; max-width: 600px; margin: 0 auto 28px; }
.uam-landing-section-alt { background: #FFF3EE; padding: 40px; border-radius: 12px; }

.uam-landing-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.uam-step { background: #fff; padding: 24px; border-radius: 10px; border: 1px solid #e0e0e0; text-align: center; }
.uam-step-num {
	display: inline-flex; width: 44px; height: 44px;
	border-radius: 50%; background: #D84315; color: #fff;
	align-items: center; justify-content: center;
	font-weight: 700; font-size: 18px; margin-bottom: 14px;
}
.uam-step h3 { margin: 0 0 8px; color: #0D1B2A; font-size: 18px; }
.uam-step p { margin: 0; color: #555; font-size: 14px; line-height: 1.5; }

.uam-landing-tiers { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; }
.uam-landing-tier { background: #fff; padding: 28px; border-radius: 10px; text-align: center; border: 1px solid #e0e0e0; }
.uam-landing-tier-rate { font-size: 44px; font-weight: 800; color: #0D1B2A; margin: 16px 0 6px; }
.uam-landing-tier-min { color: #777; font-size: 13px; }

.uam-landing-benefits { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.uam-landing-benefit {
	background: #fff;
	padding: 18px 20px;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
	border-left: 4px solid #D84315;
}
.uam-landing-benefit strong { display: block; color: #0D1B2A; font-size: 15px; margin-bottom: 4px; }
.uam-landing-benefit span { color: #666; font-size: 13px; }

.uam-landing-cta-band {
	background: #0D1B2A;
	color: #fff;
	padding: 50px 40px;
	border-radius: 12px;
	text-align: center;
}
.uam-landing-cta-band h2 { color: #fff; margin: 0 0 12px; font-size: 28px; }
.uam-landing-cta-band p { color: rgba(255,255,255,0.85); margin: 0 0 24px; font-size: 16px; }

.uam-box {
	padding: 22px;
	background: #f8f9fa;
	border-left: 4px solid #0D1B2A;
	border-radius: 6px;
	font-family: 'Segoe UI', Roboto, sans-serif;
	margin: 20px 0;
}
.uam-box p { margin: 0; color: #0D1B2A; }
.uam-box a { color: #D84315; font-weight: 600; }
.uam-pending  { border-left-color: #ffc107; background: #fff8e1; }
.uam-rejected { border-left-color: #dc3545; background: #ffebee; }
.uam-success  { border-left-color: #28a745; background: #e8f5e9; }

/* ============================================================
   MOBILE RESPONSIVE
   - Tablet:  ≤ 900px
   - Phone:   ≤ 600px
   - Small:   ≤ 380px
   ============================================================ */

/* ----- Tablet (≤ 900px) ----- */
@media (max-width: 900px) {
	.uam-dashboard, .uam-signup, .uam-landing { padding: 0 4px; }

	.uam-card { padding: 20px; border-radius: 8px; }
	.uam-hero { padding: 24px 22px; }
	.uam-hero h2 { font-size: 22px; }
	.uam-hero p { font-size: 14px; }

	.uam-hero-row { flex-direction: column; align-items: flex-start; gap: 14px; }
	.uam-tier-card { width: 100%; box-sizing: border-box; justify-content: space-between; }

	.uam-stats { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; }
	.uam-stat { padding: 16px 12px; }
	.uam-stat strong { font-size: 20px; }
	.uam-stat span { font-size: 10px; }

	.uam-coupon-card .uam-coupon-display { padding: 14px 16px; }
	.uam-coupon-card #uam-coupon-code { font-size: 22px; letter-spacing: 1.5px; }

	.uam-qr-row { gap: 16px; }
	.uam-qr-wrap img { width: 200px; height: 200px; }

	.uam-banner-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }

	/* Landing page */
	.uam-landing-hero { padding: 40px 24px; }
	.uam-landing-hero h1 { font-size: 32px; }
	.uam-landing-hero p { font-size: 16px; }
	.uam-landing-section h2 { font-size: 24px; }
	.uam-landing-section-alt { padding: 28px 20px; }
	.uam-landing-cta-band { padding: 36px 24px; }
	.uam-landing-cta-band h2 { font-size: 24px; }
	.uam-landing-tier-rate { font-size: 36px; }
}

/* ----- Phone (≤ 600px) ----- */
@media (max-width: 600px) {
	.uam-dashboard, .uam-signup, .uam-landing { padding: 0; max-width: 100%; }

	.uam-card { padding: 16px; margin-bottom: 14px; border-radius: 8px; }
	.uam-card h3 { font-size: 16px; margin-bottom: 14px; }

	.uam-hero { padding: 20px 18px; border-radius: 8px; margin-bottom: 18px; }
	.uam-hero h2 { font-size: 20px; }
	.uam-hero p { font-size: 13px; }
	.uam-rank-chip { font-size: 11px; padding: 2px 7px; }

	/* Tier progress */
	.uam-tier-progress-text { font-size: 12px; }

	/* Link copy row -> stack */
	.uam-link-row { flex-direction: column; gap: 6px; }
	.uam-link-row input { min-width: 0; width: 100%; font-size: 12px; padding: 10px 12px; }
	.uam-link-row button { width: 100%; padding: 11px; }

	/* Share buttons — make them more compact, 2-per-row */
	.uam-share-row { gap: 6px; }
	.uam-share {
		flex: 1 1 calc(50% - 3px);
		justify-content: center;
		padding: 9px 10px;
		font-size: 12px;
		min-width: 0;
	}

	.uam-hint { font-size: 12px; }
	.uam-hint code { font-size: 11px; padding: 1px 6px; }

	/* QR card */
	.uam-qr-row { flex-direction: column; align-items: stretch; gap: 14px; }
	.uam-qr-wrap { align-self: center; padding: 10px; }
	.uam-qr-wrap img { width: 180px; height: 180px; }
	.uam-qr-actions { align-items: stretch; }
	.uam-qr-actions .uam-btn,
	.uam-qr-actions .uam-btn-secondary { width: 100%; min-width: 0; padding: 11px; }

	/* Stats — exactly 2 per row */
	.uam-stats { grid-template-columns: repeat(2, 1fr); gap: 8px; }
	.uam-stat { padding: 12px 8px; }
	.uam-stat strong { font-size: 17px; }
	.uam-stat span { font-size: 9.5px; letter-spacing: 0.4px; }

	/* Coupon card */
	.uam-coupon-card .uam-coupon-display {
		flex-direction: column;
		gap: 10px;
		padding: 14px;
		text-align: center;
	}
	.uam-coupon-card #uam-coupon-code {
		font-size: 22px;
		letter-spacing: 1px;
		width: 100%;
		text-align: center;
	}
	.uam-coupon-card .uam-btn { width: 100%; }

	/* Link generator */
	.uam-linkgen-card .uam-linkgen-row,
	.uam-linkgen-card .uam-linkgen-output { flex-direction: column; gap: 8px; }
	.uam-linkgen-card input { width: 100%; font-size: 13px; }
	.uam-linkgen-card button { width: 100%; padding: 11px; }
	#uam-linkgen-qr-img { width: 160px; height: 160px; }

	/* Banner tabs — smaller */
	.uam-banner-tabs { gap: 5px; padding-bottom: 10px; margin-bottom: 14px; overflow-x: auto; flex-wrap: nowrap; }
	.uam-tab { padding: 6px 10px; font-size: 12px; white-space: nowrap; flex-shrink: 0; }
	.uam-tab-count { font-size: 10px; padding: 1px 5px; margin-left: 4px; }

	/* Banner grid — 2 cols, smaller */
	.uam-banner-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.uam-banner-item { border-radius: 6px; }
	.uam-banner-preview { padding: 8px; min-height: 80px; }
	.uam-banner-preview img { max-height: 100px; }
	.uam-banner-meta { padding: 8px 10px 4px; }
	.uam-banner-meta strong { font-size: 12px; }
	.uam-banner-meta small { font-size: 10px; }
	.uam-banner-actions { padding: 0 10px 10px; gap: 4px; flex-direction: column; }
	.uam-btn-sm { padding: 6px 8px; font-size: 11px; }

	/* Templates */
	.uam-tpl-head { padding: 8px 12px; flex-wrap: wrap; gap: 6px; }
	.uam-tpl-head strong { font-size: 13px; flex: 1; min-width: 0; }
	.uam-tpl-body { padding: 12px; font-size: 12px; line-height: 1.55; }

	/* Recent referrals table */
	.uam-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.uam-table th, .uam-table td { padding: 8px 10px; font-size: 12px; white-space: nowrap; }
	.uam-table th { font-size: 11px; }

	/* How-to list */
	.uam-howto { font-size: 13px; line-height: 1.6; padding-left: 18px; }
	.uam-howto li { margin-bottom: 4px; }

	/* Signup form */
	.uam-form input, .uam-form select, .uam-form textarea { font-size: 16px; /* prevents iOS zoom on focus */ }
	.uam-form label { font-size: 13px; margin: 14px 0 4px; }
	.uam-payment-fields { padding: 12px 14px 4px; margin: 10px 0 4px; }
	.uam-btn { width: 100%; padding: 13px; font-size: 15px; }

	/* Landing page */
	.uam-landing-hero { padding: 32px 18px; border-radius: 8px; }
	.uam-landing-hero h1 { font-size: 26px; line-height: 1.2; }
	.uam-landing-hero p { font-size: 14px; }
	.uam-landing-cta { padding: 12px 28px; font-size: 14px; }
	.uam-landing-eyebrow { font-size: 10px; letter-spacing: 1px; }

	.uam-landing-section { margin-bottom: 32px; }
	.uam-landing-section h2 { font-size: 22px; margin-bottom: 8px; }
	.uam-landing-sub { font-size: 13px; margin-bottom: 18px; }
	.uam-landing-section-alt { padding: 24px 16px; border-radius: 8px; }

	.uam-landing-steps { gap: 10px; }
	.uam-step { padding: 18px 16px; }
	.uam-step h3 { font-size: 15px; }
	.uam-step p { font-size: 12px; }
	.uam-step-num { width: 36px; height: 36px; font-size: 15px; margin-bottom: 10px; }

	.uam-landing-tiers { gap: 12px; }
	.uam-landing-tier { padding: 20px; }
	.uam-landing-tier-rate { font-size: 32px; margin: 12px 0 4px; }
	.uam-landing-tier-min { font-size: 12px; }

	.uam-landing-benefits { grid-template-columns: 1fr; gap: 8px; }
	.uam-landing-benefit { padding: 12px 14px; }
	.uam-landing-benefit strong { font-size: 13px; }
	.uam-landing-benefit span { font-size: 12px; }

	.uam-landing-cta-band { padding: 30px 18px; border-radius: 8px; }
	.uam-landing-cta-band h2 { font-size: 22px; }
	.uam-landing-cta-band p { font-size: 14px; }

	/* Leaderboard */
	.uam-leaderboard { padding: 16px; }
	.uam-leaderboard-header h3 { font-size: 16px; }
	.uam-leaderboard-window { font-size: 11px; }
	.uam-leaderboard-list li { gap: 8px; padding: 8px 0; flex-wrap: wrap; font-size: 13px; }
	.uam-rank { width: 24px; height: 24px; font-size: 12px; }
	.uam-leaderboard-list .uam-name { font-size: 13px; }
	.uam-leaderboard-sales { font-size: 11px; }
	.uam-leaderboard-earnings { font-size: 12px; }

	/* Boxes */
	.uam-box { padding: 14px; font-size: 13px; }
}

/* ----- Small phones (≤ 380px) ----- */
@media (max-width: 380px) {
	.uam-hero h2 { font-size: 18px; }
	.uam-stats { grid-template-columns: 1fr 1fr; }
	.uam-stat strong { font-size: 15px; }
	.uam-share { flex: 1 1 100%; }
	.uam-banner-grid { grid-template-columns: 1fr; }
	.uam-landing-hero h1 { font-size: 22px; }
}

/* ----- Referee Banner mobile fix (it's inline-styled, override here) ----- */
@media (max-width: 600px) {
	#uam-referee-banner {
		padding: 10px 38px 10px 12px !important;
		font-size: 12px !important;
		line-height: 1.4 !important;
		text-align: left !important;
	}
	#uam-referee-banner > span:first-child { display: block; margin-bottom: 4px; }
	#uam-referee-banner #uam-referee-dismiss {
		right: 8px !important;
		font-size: 22px !important;
	}
	#uam-referee-copy { font-size: 11px !important; padding: 2px 8px !important; }
}