/* ChatEarn compact user interface: preserve actions, reduce repeated copy and vertical space. */
.app-page{--ce-compact-gap:10px}
.app-page .page-intro,.app-page .earning-intro{margin-bottom:10px!important;padding:16px 14px!important;border-radius:20px!important}
.app-page .page-intro .eyebrow,.app-page .earning-intro .eyebrow{font-size:10px!important;letter-spacing:.12em!important}
.app-page .page-intro h1,.app-page .page-intro h2,.app-page .earning-intro h1,.app-page .earning-intro h2{font-size:clamp(1.35rem,6vw,1.8rem)!important;line-height:1.05!important;margin:5px 0!important}
.app-page .page-intro p,.app-page .earning-intro p{font-size:12px!important;line-height:1.4!important;margin:4px 0 0!important;max-width:48ch!important}

.ce-opportunity-tabs{margin-bottom:9px!important;padding:4px!important;border-radius:14px!important;gap:4px!important}
.ce-opportunity-tabs button{min-height:40px!important;border-radius:10px!important;font-size:12px!important}

.task-list,.earning-list{gap:9px!important}
.task-card,.earning-card,.ce-action-status-card,.ce-action-offer{padding:13px!important;border-radius:18px!important}
.task-card-top{margin-bottom:7px!important}.task-card-top .task-badge{font-size:9px!important;letter-spacing:.1em!important}
.task-card-top b,.ce-action-reward{font-size:1rem!important}
.task-card h3,.earning-card h3,.ce-action-offer h3,.ce-action-status-card h3{font-size:1.08rem!important;line-height:1.14!important;margin:8px 0!important}
.earning-action,.ce-action-directive{padding:10px 11px!important;border-radius:13px!important}
.earning-action>span,.ce-action-directive>b{font-size:9px!important;letter-spacing:.1em!important;margin-bottom:4px!important}
.earning-action p,.ce-action-directive p{font-size:12px!important;line-height:1.42!important}
.earning-meta{margin-top:8px!important;gap:5px!important}.earning-meta span{font-size:10px!important;padding:5px 7px!important;border-radius:999px!important}
.earning-return-note{font-size:10px!important;line-height:1.35!important;margin:7px 0!important;opacity:.72!important}
.task-card .btn,.earning-card .btn,.ce-action-buttons .btn-primary,.ce-action-complete-btn,.ce-action-continue-btn{min-height:43px!important;border-radius:13px!important;font-size:12px!important}

.ce-action-offers-intro{padding:15px 13px!important;border-radius:19px!important;margin-bottom:10px!important}
.ce-action-offers-intro p{display:none!important}
.ce-action-group{margin:14px 0!important}.ce-action-group-head{margin-bottom:7px!important}.ce-action-group-head span{font-size:10px!important}.ce-action-group-head b{font-size:10px!important}
.ce-action-warning,.ce-action-check,.ce-action-status-note{padding:9px 10px!important;border-radius:12px!important;font-size:11px!important;line-height:1.38!important}
.ce-action-tracker{margin:12px 0!important;padding:11px!important;border-radius:17px!important}.ce-action-tracker-head{margin-bottom:8px!important}.ce-action-tracker-head h3{font-size:1rem!important}.ce-action-tracker-count{width:32px!important;height:32px!important;min-width:32px!important}
.ce-action-history-head{margin-top:10px!important}.ce-action-history-card{padding:10px!important;min-height:98px!important;border-radius:14px!important}
.ce-cpa-proof-box{padding:10px!important;border-radius:13px!important;margin-top:8px!important}.ce-cpa-proof-box p{font-size:11px!important}.ce-cpa-proof-box button{min-height:40px!important}

.ce-task-summary,.ce-completed-tasks,.ce-return-offer,.task-share-gate{margin:9px 0!important;padding:11px!important;border-radius:16px!important}

/* Home/dashboard density without removing critical balances or calls to action. */
.app-page .balance-card,.app-page .wallet-card,.app-page .dashboard-card,.app-page .home-card,.app-page .flow-card{padding:13px!important;border-radius:18px!important;margin-bottom:9px!important}
.app-page .balance-card h2,.app-page .wallet-card h2,.app-page .dashboard-card h2,.app-page .home-card h2,.app-page .flow-card h2{font-size:1.15rem!important}
.app-page .section-head,.app-page .section-title{margin-bottom:8px!important}

@media(max-width:430px){
  .app-page{padding-left:12px!important;padding-right:12px!important}
  .app-page .page-intro,.app-page .earning-intro{padding:13px 12px!important;border-radius:17px!important}
  .task-card,.earning-card,.ce-action-status-card,.ce-action-offer{padding:11px!important;border-radius:16px!important}
  .earning-action,.ce-action-directive{padding:9px 10px!important}
  .ce-action-history-rail{grid-auto-columns:72%!important}
}