/* 渠道台账。刻意做得像工具不像营销页:小圆角、无渐变、无阴影堆叠。
   配色沿用 getcaliradi 的主色,但整体压暗一档 —— 这是内部界面,不需要吸引点击。 */
:root{
  --ink:#14161A; --ink2:#1C1F26; --line:#2A2E36;
  --tx:#E8E9EB; --tx-soft:#9AA0A8; --tx-dim:#6B7079;
  --accent:#F2A93B; --accent-deep:#C8871B;
  --ok:#3BA55D; --warn:#E5A23B; --dim:#5A6068;
  --r:5px;
  --body:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--tx);font:15px/1.55 var(--body);-webkit-font-smoothing:antialiased}
h1{font-size:21px;margin:0;letter-spacing:-.01em}
h2{font-size:16px;margin:0 0 6px}
.sub{color:var(--tx-soft);font-size:13px;margin:4px 0 0}
.err{color:#E5484D;font-size:13px}

/* ── 登录 ── */
.gate{max-width:340px;margin:16vh auto;padding:0 20px}
.gate form{display:flex;gap:8px;margin-top:20px}
input,button{font:inherit;border-radius:var(--r)}
input{flex:1;min-width:0;padding:10px 12px;background:var(--ink2);border:1px solid var(--line);color:var(--tx)}
input:focus{outline:2px solid var(--accent-deep);outline-offset:-1px}
button{padding:10px 18px;background:var(--accent);border:0;color:#14161A;font-weight:700;cursor:pointer}
button:hover{background:var(--accent-deep)}
button.ghost{background:transparent;border:1px solid var(--line);color:var(--tx-soft);font-weight:500}
button.ghost:hover{background:var(--ink2);color:var(--tx)}

/* ── 主体 ── */
#board{max-width:1000px;margin:0 auto;padding:28px 20px 80px}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}

/* 漏斗:五格,数字大、标签小。0 用暗色 —— 一眼能看出哪一步断了 */
.funnel{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:26px}
@media(max-width:640px){.funnel{grid-template-columns:repeat(2,1fr)}}
.fcell{background:var(--ink2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.fcell b{display:block;font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums}
.fcell span{display:block;font-size:12px;color:var(--tx-soft);margin-top:3px}
.fcell.zero b{color:var(--tx-dim)}
.fcell.hot{border-color:var(--accent-deep)}
.fcell.hot b{color:var(--accent)}

.empty{background:var(--ink2);border:1px dashed var(--line);border-radius:var(--r);padding:34px 24px;text-align:center;color:var(--tx-soft)}
.empty h2{color:var(--tx)}

/* ── 记录卡 ── */
.list{display:flex;flex-direction:column;gap:10px}
.card{background:var(--ink2);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.card .row1{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.card .co{font-weight:700}
.card .meta{color:var(--tx-soft);font-size:13px;margin-top:3px}
.card .about{color:var(--tx-soft);font-size:13px;margin-top:9px;white-space:pre-wrap}
.pill{font-size:12px;padding:3px 9px;border-radius:99px;border:1px solid var(--line);color:var(--tx-soft);white-space:nowrap}
.pill.s-applied{border-color:var(--dim);color:var(--tx-soft)}
.pill.s-proposal_sent{border-color:var(--warn);color:var(--warn)}
.pill.s-signed{border-color:var(--accent);color:var(--accent)}
.pill.s-first_customer{border-color:var(--ok);color:var(--ok)}
.pill.s-dormant{border-color:var(--line);color:var(--tx-dim)}
.ctrl{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}
select,textarea{font:inherit;background:var(--ink);border:1px solid var(--line);color:var(--tx);border-radius:var(--r);padding:7px 10px}
textarea{width:100%;min-height:52px;resize:vertical;margin-top:8px}
.saved{color:var(--ok);font-size:12px}

/* 应急口令通道:默认收起,视觉上压到最低 —— 它是备用,不是主路径 */
.fallback{margin-top:26px;border-top:1px solid var(--line);padding-top:14px}
.fallback summary{color:var(--tx-dim);font-size:12.5px;cursor:pointer;list-style:none}
.fallback summary::-webkit-details-marker{display:none}
.fallback summary:hover{color:var(--tx-soft)}
.fallback form{display:flex;gap:8px;margin-top:12px}

/* 手动录入:默认收起 —— 主路径仍是表单自动流入,手动是补录 */
.addbox{margin-bottom:18px;background:var(--ink2);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px}
.addbox summary{color:var(--tx-soft);font-size:13.5px;cursor:pointer;list-style:none}
.addbox summary::-webkit-details-marker{display:none}
.addbox summary:hover{color:var(--tx)}
.addbox form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;align-items:start}
.addbox textarea,.addbox button,.addbox .saved{grid-column:1/-1}
@media(max-width:640px){.addbox form{grid-template-columns:1fr}}