/* real backend credit readout in the deck head (M1) */
.home-deck-credits{font-family:ui-monospace,monospace;font-size:10.5px;letter-spacing:.06em;margin-left:auto;padding:2px 8px;border-radius:6px;white-space:nowrap}
.home-deck-credits.is-in{color:#f5c542;border:1px solid rgba(245,197,66,.35)}
.home-deck-credits.is-out{color:#6f7da0}

/* NaviCanvas refine row — input + a full-width pixel button matching COMPOSE */
.home-refine{display:flex;flex-direction:column;gap:8px;margin-top:10px;width:100%}
.home-refine-input{width:100%;font-size:16px;color:#e7ecf7;background:rgba(10,14,29,0.55);
  border:1px solid rgba(120,150,210,0.22);border-radius:0;padding:11px 12px;font-family:inherit}
.home-refine-input:focus{outline:none;border-color:#18B0F5}
.home-refine-input:disabled{opacity:.5}
/* .home-refine-go reuses .home-compose's pixel/3D shape; blue so it reads as a sibling */
.home-refine-go{background:linear-gradient(180deg,#2f86c9,#1f5f8f) !important;box-shadow:0 5px 0 #123b59 !important}
.home-refine-go:hover{box-shadow:0 3px 0 #123b59 !important}
.home-refine-go:active{box-shadow:0 0 0 #123b59 !important}

/* generation progress — reassures during the 30-60s compose */
.home-genprog{margin-top:10px;width:100%}
.home-genprog-bar{height:5px;border-radius:3px;background:#0b1830;overflow:hidden;position:relative}
.home-genprog-bar::after{content:'';position:absolute;top:0;height:100%;width:40%;border-radius:3px;
  background:linear-gradient(90deg,transparent,#c98a2e,transparent);animation:ncgenbar 1.1s linear infinite}
@keyframes ncgenbar{0%{left:-40%}100%{left:100%}}
.home-genprog-txt{display:block;margin-top:6px;font-family:ui-monospace,monospace;font-size:10.5px;color:#aab6d2}