/* หน้าบอท LINE (/ledger-bot/ · /rent-bot/) — ใช้คู่กับ ../line-notify/style.css */
.bot-page .hint{font-size:14px;line-height:1.6;margin:6px 0 0}
.bot-page .opt input[type=text],.bot-page .opt select,.bot-page .opt textarea{font-size:16px}
.bot-page .opt textarea{font:14.5px/1.6 var(--mono);min-height:120px}
.hero.bot-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:28px;align-items:center}
@media (max-width:860px){.hero.bot-hero{grid-template-columns:minmax(0,1fr)}}
.chat-demo{background:#8cabd9;border-radius:22px;padding:14px 14px 18px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow);font-size:14.5px;line-height:1.55;max-width:380px;justify-self:center;width:100%}
.cd-top{color:#fff;font-weight:700;padding:2px 4px 6px}
.cd-me,.cd-bot{padding:8px 12px;border-radius:16px;max-width:88%}
.cd-me{align-self:flex-end;background:#a6e48e;color:#123;border-top-right-radius:4px}
.cd-bot{align-self:flex-start;background:#fff;color:#123;border-top-left-radius:4px}
.pin-row{display:flex;gap:8px}
.pin-row input{flex:1;min-width:0;font:inherit;font-size:16px;letter-spacing:2px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;min-height:44px}
.steps-list a{color:var(--brand);font-weight:600}
.bot-page .cmp code{font:500 14px var(--mono);background:var(--surface-2);border-radius:6px;padding:1px 6px;white-space:nowrap}
.bot-page .cross + .cross{margin-top:12px}
.rate-note{background:#eef4ff;color:#1e3a6b;border-radius:12px;padding:10px 14px;font-size:14.5px;line-height:1.65}