html body.hejuo-ui #agentPage.agent-project-view > :not(.region-top):not(.agent-card.active) { display:none !important; }
html body.hejuo-ui #agentPage.agent-project-view > .agent-card.active { margin-top:24px; border-radius:18px; }
html body.hejuo-ui #agentPage .agent-project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0; }
html body.hejuo-ui #agentPage .agent-project-grid button { display:flex; align-items:center; gap:10px; min-width:0; min-height:88px; padding:16px; border:1px solid #e4e8ee; border-radius:18px; background:#fff; color:#26364b; font:inherit; font-weight:650; text-align:left; box-shadow:0 3px 12px #172b4510; }
html body.hejuo-ui #agentPage .agent-project-grid button:last-child { grid-column:1/-1; }
html body.hejuo-ui #agentPage .agent-project-icon { flex:0 0 42px; height:42px; border-radius:14px; display:grid; place-items:center; background:#fff1dc; color:#df7900; }
html body.hejuo-ui #agentPage .agent-project-icon svg { width:23px; height:23px; }
html body.hejuo-ui #agentPage .agent-project-1 .agent-project-icon { background:#e9f0ff; color:#4976d7; }
html body.hejuo-ui #agentPage .agent-project-2 .agent-project-icon { background:#f2eafa; color:#9660ba; }
html body.hejuo-ui #agentPage .agent-project-3 .agent-project-icon { background:#e2f6ee; color:#1c9674; }
html body.hejuo-ui #agentPage .agent-project-4 .agent-project-icon { background:#ffe9e8; color:#d96058; }
html body.hejuo-ui #agentPage .agent-project-arrow { margin-left:auto; color:#8290a1; font-size:24px; }
html body.hejuo-ui #agentPage .agent-summary { gap:12px; }
html body.hejuo-ui #agentPage .agent-summary article { border-radius:16px; border:1px solid #e4e8ee; background:#fff; padding:16px; }
html body.hejuo-ui #agentPage .agent-menu { gap:10px; margin-bottom:24px; }
html body.hejuo-ui #agentPage .agent-menu button { border-radius:12px; min-height:44px; }
html body.hejuo-ui #agentPage .project-agent-hint { color:#69788b; line-height:1.7; margin:0 0 18px; }
#projectAgentForm > label { display:block; margin-bottom:10px; font-weight:600; }
html body.hejuo-ui #agentPage .project-agent-controls { display:flex; align-items:stretch; gap:10px; margin-bottom:12px; }
html body.hejuo-ui #agentPage .project-agent-controls input { width:110px; min-width:0; padding:12px; font:inherit; border:1px solid #d9e0e8; border-radius:12px; }
html body.hejuo-ui #agentPage .project-agent-controls button { padding:12px 18px; border:0; border-radius:12px; background:#008e87; color:#fff; font:inherit; }
html body.hejuo-ui #agentPage button:disabled { opacity:.5; cursor:default; }
html body.hejuo-ui #agentPage .project-agent-status { display:flex; align-items:center; gap:10px; justify-content:space-between; margin:16px 0; }
html body.hejuo-ui #agentPage .project-agent-status p { margin:0; color:#69788b; line-height:1.6; }
html body.hejuo-ui #agentPage .project-agent-status button, html body.hejuo-ui #agentPage .project-agent-pagination button { flex-shrink:0; background:#fff; color:#008e87; border:1px solid #dfe5ec; border-radius:10px; padding:10px 12px; font:inherit; }
html body.hejuo-ui #agentPage .project-agent-row { padding:18px 0; border-top:1px solid #e8ecf1; overflow-wrap:anywhere; }
html body.hejuo-ui #agentPage .project-agent-row > strong { display:block; margin-bottom:12px; }
html body.hejuo-ui #agentPage .project-agent-row > div { display:flex; flex-wrap:wrap; gap:10px 24px; color:#728093; font-size:13px; }
html body.hejuo-ui #agentPage .project-agent-row b { display:block; margin-top:6px; color:#27374c; font-size:16px; }
html body.hejuo-ui #agentPage .project-agent-pagination { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:20px; }
#projectAgentTrxProfit { padding:14px; border-radius:12px; background:#eaf6f1; color:#247a62; }
@media(max-width:380px) { html body.hejuo-ui #agentPage .agent-project-grid { grid-template-columns:1fr; } html body.hejuo-ui #agentPage .agent-project-grid button { min-height:76px; } }

html body.hejuo-ui #agentPage .agent-project-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; background:transparent!important; overflow:visible; }
html body.hejuo-ui #agentPage .agent-project-grid button { min-width:0!important; white-space:normal!important; background:#fff!important; color:#26364b!important; padding:16px!important; }
html body.hejuo-ui #agentPage .agent-summary { background:transparent!important; padding:0!important; border:0!important; box-shadow:none!important; }
html body.hejuo-ui #agentPage .agent-summary article { background:#fff!important; border-color:#e4e8ee!important; }
html body.hejuo-ui #agentPage .agent-summary strong { color:#26364b!important; font-size:22px; }
html body.hejuo-ui #agentPage .agent-summary span { color:#69788b!important; }
html body.hejuo-ui #agentPage .agent-menu { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); background:transparent!important; overflow:visible; }
html body.hejuo-ui #agentPage .agent-menu button { background:#fff!important; color:#43546b!important; height:auto; }
html body.hejuo-ui #agentPage .agent-menu button[data-agent-tab="funds"] { grid-column:1/-1; }
@media(max-width:380px){html body.hejuo-ui #agentPage .agent-project-grid {grid-template-columns:1fr!important;}}

/* Every agent entry opens a separate detail view. */
html body.hejuo-ui #agentPage.agent-detail-view > :not(.region-top):not(.agent-card.active) { display:none!important; }
html body.hejuo-ui #agentPage.agent-detail-view > .agent-card.active { margin-top:24px; border-radius:18px; }
html body.hejuo-ui #agentPage .agent-entry-grid { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:14px; margin:18px 0!important; }
html body.hejuo-ui #agentPage .agent-entry-grid button { grid-column:auto!important; display:flex; align-items:center; gap:16px; width:100%; min-height:108px!important; padding:20px!important; border:1px solid #e4e8ee!important; border-radius:20px!important; text-align:left; box-sizing:border-box; }
html body.hejuo-ui #agentPage .agent-entry-grid .agent-project-icon { flex-basis:48px; height:48px; border-radius:16px; }
html body.hejuo-ui #agentPage .agent-entry-copy { flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; }
html body.hejuo-ui #agentPage .agent-entry-copy strong { font-size:16px; line-height:1.4; color:#26364b; }
html body.hejuo-ui #agentPage .agent-entry-copy small { font-size:12px; line-height:1.6; font-weight:400; color:#728093; overflow-wrap:anywhere; }
html body.hejuo-ui #agentPage .agent-entry-grid button:focus-visible { outline:2px solid var(--brand,#d97b00); outline-offset:3px; }
@media(min-width:900px){html body.hejuo-ui #agentPage .agent-entry-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }}
@media(prefers-reduced-motion:no-preference){html body.hejuo-ui #agentPage .agent-entry-grid button { transition:box-shadow .15s,border-color .15s; }html body.hejuo-ui #agentPage .agent-entry-grid button:hover { box-shadow:0 6px 20px #172b4514; border-color:#c9d3df!important; }}

html body.hejuo-ui #agentPage .agent-entry-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important; }
html body.hejuo-ui #agentPage:is(.agent-funds-view,.agent-project-view,.agent-detail-view) > .agent-entry-grid { display:none!important; }

/* Entry cards stay in the document flow, including after a sticky-header refresh. */
html body.hejuo-ui #agentPage .agent-entry-grid { position:static!important; inset:auto!important; z-index:auto!important; transform:none!important; max-height:none!important; overflow:visible!important; }

/* Compact settings form without the SMS catalog. */
html body.hejuo-ui #agentPage #heroAgentForm > label { display:block; margin:0 0 12px; font-size:15px; font-weight:600; }
html body.hejuo-ui #agentPage #heroAgentForm .hero-agent-controls { display:flex; align-items:stretch; justify-content:flex-start; gap:10px; max-width:480px; }
html body.hejuo-ui #agentPage #heroAgentForm .hero-agent-controls input { flex:0 1 150px; width:150px; min-width:0; min-height:44px; box-sizing:border-box; padding:10px 12px; border-radius:12px; }
html body.hejuo-ui #agentPage #heroAgentSave { min-height:44px; border-radius:12px; padding:10px 16px; }
html body.hejuo-ui #agentPage #heroAgentRetry { min-height:42px; padding:10px 14px; font:inherit; color:var(--brand,#188b72); background:#fff; border:1px solid #dfe5ec; border-radius:12px; margin-top:12px; cursor:pointer; }

/* Keep long customer IDs, product names and amounts readable on phones. */
html body.hejuo-ui #agentPage .agent-list-row { flex-wrap:wrap; align-items:flex-start; }
html body.hejuo-ui #agentPage .agent-list-row > span { flex:1 1 150px; min-width:0; }
html body.hejuo-ui #agentPage .agent-list-row strong { white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
html body.hejuo-ui #agentPage .agent-list-row > b { max-width:100%; overflow-wrap:anywhere; white-space:normal; }
html body.hejuo-ui #agentPage .agent-row-actions { flex:0 1 auto; flex-wrap:wrap; max-width:100%; }
html body.hejuo-ui #agentPage .agent-row-actions button { min-height:40px; height:auto; padding:9px 12px; }