/* home.css — additions for page-home.js (pre-launch page, platform coin card, board footer, feed states) and page-me.js.
 * The base home layout (hero, corridor, board, just listed, deploy box, flywheel teaser, steps) lives in pages.css. */

/* pre-launch strip above the launchpad sections */
.hm-later{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding-top:28px;padding-bottom:4px;font-size:12.5px;color:var(--text-3)}


/* board footer + feed states */
.tbody{min-height:57px}
.hb-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 18px;border-top:1px solid var(--line);font-size:12px}
.hb-foot:empty{display:none}
.feed-list li.feed-empty{justify-content:center;height:120px;border-bottom:0;font-family:var(--sans);color:var(--text-3)}
.jl-empty{grid-column:1/-1}
.btn.dis{opacity:.55;pointer-events:none}
.btn-block{width:100%}

/* ---------- #/me ---------- */
.me-page{padding-bottom:72px}
.me-page>.sh{flex-wrap:wrap;gap:12px}
.me-page>.sh>div:first-child{min-width:0}
.me-h1{font-size:28px}
.me-stats{grid-template-columns:repeat(4,auto);margin:6px 0 24px}
.me-body{display:grid;gap:20px}
.me-body>.stats{margin:0}
.me-thead,.me-tr{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(60px,.5fr) minmax(90px,.7fr) minmax(130px,1fr) minmax(130px,1fr) minmax(96px,.7fr);align-items:center;gap:12px;padding:0 18px}
.me-thead{height:38px;font-size:12px;color:var(--text-3);border-bottom:1px solid var(--line);white-space:nowrap}
.me-thead .r,.me-n,.me-a{text-align:right}
.me-tr{min-height:58px;border-bottom:1px solid var(--line);transition:background-color .15s}
.me-tr:last-child{border-bottom:0}
.me-tr:hover{background:rgba(255,255,255,.02)}
.me-tk{display:flex;align-items:center;gap:10px;min-width:0}
.me-tk b{display:block;margin-bottom:4px;font:600 13.5px/1.2 var(--mono);letter-spacing:.05em}
.me-n{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-act{display:inline-flex;justify-content:flex-end;gap:8px;font-size:12px}
.me-note{padding:14px 18px;font-size:12.5px;line-height:1.65;color:var(--text-3)}
/* oversubscribed batch window: committed vs filled under the row (page-me.js fillNote) */
.me-tr.has-fill{row-gap:3px;padding-top:9px;padding-bottom:11px}
.me-fill{grid-column:1/-1;padding-left:38px;font-size:12px;line-height:1.5;color:var(--text-2)}

@media (max-width:900px){
  .me-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}
  .me-stats .stat:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:760px){
  #board-sec .sh{flex-direction:column;align-items:stretch;gap:12px}
  #board-sec .sh-r{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-width:0}
  #board-sec .tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}
  #board-sec .tabs::-webkit-scrollbar{display:none}
  #board-sec .sel{max-width:100%}
  .hm-later{padding-top:20px}
  .hb-foot{padding:8px 14px}
  .me-h1{font-size:22px}
  .me-thead{display:none}
  .me-tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px;padding:14px 16px}
  .me-tk{grid-column:1/-1}
  .me-n{text-align:left;white-space:normal}
  .me-n::before{content:attr(data-l);display:block;margin-bottom:3px;font:400 11px/1.2 var(--sans);color:var(--text-3)}
  .me-a{grid-column:1/-1;text-align:left}
  .me-act{justify-content:flex-start}
  .me-tr.has-fill{row-gap:6px;padding-top:14px;padding-bottom:14px}
  .me-tr.has-fill .me-a{order:1}
  .me-fill{padding-left:0}
}

/* ---------- platform coin card (#coin-sec, pre-launch and live) ---------- */
.cc-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.cc-grid>*{min-width:0}
.cc-card,.cc-how{display:flex;flex-direction:column}
.cc-b{display:flex;flex-direction:column;gap:16px;padding:20px;flex:1;min-width:0}
.cc-l{font-size:12.5px;color:var(--text-3)}
.cc-ca{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:-8px;min-height:46px;padding:10px 14px;border:1px dashed var(--line-2);border-radius:10px;background:var(--code)}
.cc-ca .pend{font:600 16px/1.3 var(--sans);color:var(--text-2)}
.cc-addr{flex:1 1 260px;min-width:0;font:500 14px/1.4 var(--mono);color:var(--text);overflow-wrap:anywhere}
.cc-warn{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--g16);border-radius:10px;background:var(--g06);font-size:13px;line-height:1.65;color:var(--text-2)}
.cc-warn b{flex:none;display:grid;place-items:center;width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--gold);color:var(--gold-ink);font:700 12px/1 var(--sans)}
.cc-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:10px}
.cc-k>div{min-width:0;padding:12px 14px;border-left:1px solid var(--line)}
.cc-k>div:first-child{border-left:0}
.cc-k small{display:block;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-k b{display:block;margin-top:8px;font:600 16px/1.25 var(--sans);overflow-wrap:anywhere}
.cc-k b.mono{font:500 16px/1.25 var(--mono)}
.cc-k b.pend{font:500 13px/1.3 var(--sans);color:var(--text-3)}
.cc-k b small{display:inline;font-size:12px;color:var(--text-3)}
.cc-k>div>span{display:block;margin-top:5px;font-size:12px;color:var(--text-3)}
.cc-k>div>span:empty{display:none}
.cc-links{display:flex;flex-wrap:wrap;gap:10px}
.cc-div{padding-top:14px;border-top:1px solid var(--line)}
.cc-div b{display:block;font:600 14.5px/1.3 var(--sans)}
.cc-div p{margin-top:6px;font-size:13px;line-height:1.7;color:var(--text-2)}
.cc-tax{display:flex;flex-direction:column;gap:6px}
.cc-tax b{font:700 26px/1.15 var(--sans);letter-spacing:-.01em}
.cc-tax small{font-size:12.5px;color:var(--text-3)}
.cc-flow li{position:relative;display:flex;gap:14px;padding:0 0 18px}
.cc-flow li::before{content:"";position:absolute;left:6px;top:17px;bottom:0;width:1px;background:var(--line-2)}
.cc-flow li:last-child{padding-bottom:0}
.cc-flow li:last-child::before{display:none}
.cc-flow li i{flex:none;width:13px;height:13px;margin-top:3px;border:2px solid var(--n2);border-radius:50%;background:var(--bg)}
.cc-flow li.f2 i{border-color:var(--gold);background:var(--gold)}
.cc-flow li.f3 i{border-color:var(--gold)}
.cc-flow b{display:block;font:600 14.5px/1.35 var(--sans)}
.cc-flow p{margin-top:4px;font-size:13px;line-height:1.65;color:var(--text-2)}
.cc-note{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.7;color:var(--text-3)}
/* six-step launchpad summary (pre-launch) */
.steps.s6{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){
  .cc-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .steps.s6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-k{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-k>div:nth-child(3){border-left:0}
  .cc-k>div:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:760px){
  .steps.s6{grid-template-columns:minmax(0,1fr)}
  .cc-b{padding:16px}
  .cc-tax b{font-size:22px}
}