/* Tema claro laranja compartilhado pelas páginas públicas. */
:root {
  color-scheme: light;
  --theme-orange: #f47700;
  --theme-orange-dark: #df6800;
  --theme-orange-soft: #fff2e6;
  --theme-black: #171717;
  --theme-page: #f2f3f5;
  --theme-surface: #ffffff;
  --theme-text: var(--theme-black);
  --theme-muted: #737373;
  --theme-border: #e5e7eb;
  --theme-shadow: 0 4px 16px rgba(23,23,23, .07);
}
html, body { background: var(--theme-page) !important; color: var(--theme-text) !important; }
body { padding-top: 94px !important; padding-bottom: 86px !important; align-items: flex-start !important; font-family: Arial, Helvetica, sans-serif !important; }
body * { -webkit-tap-highlight-color: transparent; }
.rig-site-header { left: 50% !important; width: 100% !important; max-width: 620px !important; height: 82px !important; padding: 0 !important; background: var(--theme-orange) !important; border: 0 !important; box-shadow: 0 2px 8px rgba(0,0,0,.10) !important; }
.rig-site-header a { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.rig-site-header img { display: block !important; max-width: min(250px,60vw) !important; max-height: 58px !important; width: auto !important; height: auto !important; object-fit: contain !important; }
.rig-logo-placeholder { display: block !important; width: min(250px, 60vw) !important; height: 50px !important; }
.app-container, .app-wrapper { width: 100% !important; max-width: 620px !important; height: auto !important; max-height: none !important; min-height: calc(100vh - 94px) !important; margin: 0 auto !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; }
.app-content { width: 100% !important; flex: 1 1 auto !important; overflow: visible !important; padding: 14px 15px 96px !important; background: transparent !important; }
.form-card, .card-box, .user-card, .stat-card, .stat-card-small, .recent-block, .option-btn, .history-card, .plan-item-card, .instructions-card, .pix-card, .recharge-box, .summary-card, .prod-card, .member-card, .rules-card, .team-card, .card-balance-hero, .balance-card, .stat-row, .community-card, .account-panel, .services-card, .service-panel {
  background: var(--theme-surface) !important; color: var(--theme-text) !important; border-color: var(--theme-border) !important; box-shadow: var(--theme-shadow) !important;
}
.card-balance-hero { background-image: none !important; min-height: auto !important; }
.community-card { background: var(--theme-orange) !important; color: var(--theme-black) !important; }
.community-card :is(.community-title,.community-sub,.community-icon) { color: var(--theme-black) !important; }
.top-header, .top-bar, .header, .page-title-box { color: var(--theme-text) !important; }
:is(.page-title-box h2, .header h2, .page-title, .card-title, .recent-title, .section-label, .team-title, .prod-title, .plan-title) { color: var(--theme-text) !important; }
:is(.page-badge, .profile-badge, .badge-vip, .tag-my-products) { background: var(--theme-orange-soft) !important; border-color: #ffd2ad !important; color: var(--theme-orange-dark) !important; }
:is(.btn-submit, .btn-copy, .btn-buy, .btn-deposit-sm, .btn-recharge-white, .btn-details, .btn-telegram, .btn-preset.active, .btn-vip-badge, .go-link, .btn-view-products, .action-button, .chat-action-button) {
  background: var(--theme-orange) !important; color: var(--theme-black) !important; border-color: var(--theme-orange) !important; box-shadow: none !important;
}
:is(.btn-submit, .btn-copy, .btn-buy, .btn-recharge-white, .btn-details, .btn-telegram, .btn-view-products, .go-link) { border-radius: 24px !important; }
:is(.btn-submit, .btn-copy, .btn-buy, .btn-recharge-white, .btn-view-products):hover { background: var(--theme-orange-dark) !important; }
.btn-exit, .btn-danger, .btn-disabled-limit { color: var(--theme-black) !important; }
:is(.tab-nav, .tab-bar, .tabs-container, .nav-tabs) { border-color: var(--theme-border) !important; background: #fff !important; }
:is(.tab-item.active, .tab-btn.active) { color: var(--theme-orange-dark) !important; border-color: var(--theme-orange) !important; background: var(--theme-orange-soft) !important; box-shadow: none !important; }
:is(input, select, textarea, .input-box, .input-amount, .input-link, .input-chat, .form-control, .custom-invest-input, .pix-code-box, .pix-info-row, .chat-footer-box) { background: #fff !important; color: var(--theme-text) !important; border-color: var(--theme-border) !important; }
:is(input, select, textarea, .input-box, .input-amount, .input-link, .input-chat, .form-control):focus { border-color: var(--theme-orange) !important; box-shadow: 0 0 0 3px rgba(244,119,0,.12) !important; }
:is(input, textarea)::placeholder { color: #929292 !important; opacity: 1; }
:is(label, .form-group label, .label-title, .detail-label, .summary-label, .stat-label, .stat-lbl, .progress-info, .buy-info-title, .help-text, .page-title-box p) { color: var(--theme-muted) !important; }
:is(.stat-val, .summary-val, .card-value, .user-name-text, .user-phone-text, .stat-info .val, .recent-item, .option-title, .option-desc, .member-info, .member-phone, .member-date, .history-info, .plan-item-info) { color: var(--theme-text) !important; }
:is(.alert-success, .alert-success *) { color: #262626 !important; }
:is(.alert-error, .alert-danger, .alert-error *, .alert-danger *) { color: #b65a00 !important; }
:is(.alert-success, .alert-error, .alert-danger) { box-shadow: none !important; }
:is(.sub-link, .card-link, .link-box a, .text-link, .btn-back) { color: var(--theme-orange-dark) !important; }
:is(.status-active, .status-tag, .sub-green) { color: #df6800 !important; }
:is(.progress-bar-bg, .prod-stats-row, .team-stats, .pix-info-row, .pix-code-box, .input-chat, #image-preview-container) { border-color: var(--theme-border) !important; background-color: #fafafa !important; }
:is(.progress-bar-fill, .dot-live, .dot-online) { background: var(--theme-orange) !important; box-shadow: none !important; }
:is(.rules-card, .instructions-card) :is(h4, i), .rules-list i { color: var(--theme-orange-dark) !important; }
:is(.brand-logo, .brand-title, .pc-eyebrow) { color: var(--theme-text) !important; }
:is(.brand-logo i, .brand-logo span, .brand-title i, .brand-title span) { color: var(--theme-orange) !important; }
.bottom-nav { left: 50% !important; width: 100% !important; max-width: 620px !important; height: 74px !important; background: var(--theme-orange) !important; border: 0 !important; box-shadow: 0 -2px 8px rgba(0,0,0,.08) !important; }
.bottom-nav .nav-item { color: rgba(23,23,23,.68) !important; }
.bottom-nav .nav-item.active { color: var(--theme-black) !important; }
.bottom-nav .nav-item i { text-shadow: none !important; }
.alert { border-radius: 10px !important; }
:focus-visible { outline-color: var(--theme-orange) !important; }
@media (max-width: 480px) {
  body { padding-top: 90px !important; }
  .app-content { padding-left: 15px !important; padding-right: 15px !important; }
  .hero-carousel { display: none !important; }
}

/* Detalhes de consistência entre telas. */
.quick-card .action-item { background: transparent !important; color: var(--theme-black) !important; box-shadow: none !important; }
.quick-card .action-item i, .quick-card .action-item span { color: var(--theme-black) !important; }
.action-row .action-item { background: #fff !important; color: #262626 !important; }
.btn-copy, .btn-submit, .btn-buy, .btn-view-products, .btn-details, .btn-telegram, .btn-recharge-white { color: var(--theme-black) !important; }
.btn-disabled-soon, .btn-disabled-launch, .btn-disabled-limit { color: var(--theme-black) !important; }
body :is(.card-title,.card-subtitle,.page-title-box h2,.page-title-box p,.header h2,.profile-badge,.form-group label,.help-text,.team-title,.team-stats,.recent-title,.recent-item,.option-title,.option-desc,.history-info,.stat-info,.prod-title,.prod-status,.progress-info,.stat-lbl,.stat-val,.summary-label,.summary-val,.status-badge,.tab-btn,.tab-item,.member-card,.empty-state) { text-shadow:none !important; }
.hero-carousel { display:none !important; }

/* Largura original do layout, com acabamento sutil em laranja, cinza e preto. */
.app-container, .app-wrapper {
  max-width: 620px !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  background: linear-gradient(var(--theme-page),var(--theme-page)) padding-box,
              linear-gradient(180deg,rgba(244,119,0,.30),rgba(38,38,38,.16),rgba(244,119,0,.24)) border-box !important;
}
:is(.form-card,.card-box,.user-card,.stat-card,.stat-card-small,.recent-block,.option-btn,.history-card,.plan-item-card,.instructions-card,.pix-card,.recharge-box,.summary-card,.prod-card,.member-card,.rules-card,.team-card,.card-balance-hero,.balance-card,.stat-row,.account-panel,.services-card,.service-panel) {
  border: 1px solid transparent !important;
  background: linear-gradient(#fff,#fff) padding-box,
              linear-gradient(135deg,rgba(244,119,0,.32),rgba(38,38,38,.14),rgba(244,119,0,.24)) border-box !important;
}
.rig-site-header { max-width: 620px !important; border-bottom: 1px solid rgba(38,38,38,.22) !important; }
.bottom-nav { max-width: 620px !important; border-top: 1px solid rgba(38,38,38,.22) !important; }
.quick-card { border: 1px solid transparent !important; background: linear-gradient(var(--theme-orange),var(--theme-orange)) padding-box,linear-gradient(135deg,rgba(255,200,148,.65),rgba(38,38,38,.20),rgba(255,200,148,.5)) border-box !important; }
.home-banner, .daily-banner { border: 1px solid transparent !important; background: linear-gradient(#f4e8dd,#f4e8dd) padding-box,linear-gradient(120deg,rgba(244,119,0,.34),rgba(38,38,38,.16),rgba(244,119,0,.26)) border-box !important; }
@media (max-width: 480px) { .app-container,.app-wrapper { width:100% !important; } }

/* O corpo da página também fica limitado, inclusive quando o template usa CSS próprio. */
html { width:100% !important; min-height:100%; }
html body { width:100% !important; max-width:620px !important; margin-left:auto !important; margin-right:auto !important; }
html body :is(.app-container,.app-wrapper,.app-content) { width:100% !important; max-width:620px !important; box-sizing:border-box !important; }