.bot-badge{display:inline-flex;align-items:center;vertical-align:middle;font:500 9px/1.6 'IBM Plex Sans Thai',sans-serif;background:#e2efea;color:#6a978b;border:1px solid #d3e7de;border-radius:5px;padding:1px 6px;white-space:nowrap;margin-left:6px}.bot-source{font-size:9px;color:#8da195}.bot-post .post-avatar{background:#e7f1ed}.bot-comment .comment-bubble{background:#eff6f1;border:1px solid #e1ece5}.bot-comment .comment-bubble>span{display:block}.bot-comment-source{display:block;font-size:9px;color:#94a99b;margin-top:5px}.bot-reply-to{display:block;color:#8ca090;font-size:9px;margin-bottom:4px}.bot-thread-note{font-size:9px;color:#8da197;display:flex;align-items:flex-start;gap:6px;line-height:1.8;margin:15px 0 10px}.bot-thread-note svg{width:13px;height:13px;flex-shrink:0;margin-top:2px}.bot-thread-limit{font-size:8px;color:#9dada7;margin:8px 0 0}.saichong-card{padding:20px;margin-bottom:20px;background:#f6faf7;border-color:#e0eae3}.saichong-card-heading{display:flex;align-items:center;gap:10px}.saichong-card-heading>img{width:43px;height:43px;flex-shrink:0;border-radius:14px}.saichong-card-heading h2{font-size:16px;font-weight:500;color:#507c70;margin:0;display:flex;align-items:center}.saichong-card-heading small{font-size:10px;color:#8da79a}.bot-presence{width:6px;height:6px;background:#b4beb9;border-radius:50%;margin-left:auto;box-shadow:0 0 0 4px #eaf0ec}.bot-presence.is-enabled{background:#84aa91}.saichong-card>p{font-size:11px;color:#8aa292;margin:13px 0;line-height:1.9}.saichong-visit{display:flex;width:100%;align-items:center;justify-content:center;gap:6px;background:#e7f0e8;border:1px solid #d9e7dc;color:#6c9282;font-size:10px;border-radius:7px;padding:9px 6px}.saichong-visit svg{width:13px;height:13px}.bot-manage-link{display:block;color:#95aa9d;font-size:9px;margin:9px auto 0}.saichong-welcome{border-radius:14px;padding:29px 31px;background:#e9f2ec;border:1px solid #dce9df;margin-bottom:24px;position:relative;overflow:hidden}.saichong-welcome:after{content:'☕';position:absolute;right:28px;top:82px;font-size:88px;opacity:.1;transform:rotate(-14deg);pointer-events:none}.saichong-welcome-top{display:flex;align-items:center;gap:12px}.saichong-welcome-top>img{width:47px;height:47px}.saichong-welcome-top>span{font-size:10px;color:#88a08e}.saichong-welcome h1{font-size:30px;font-weight:500;color:#4a7667;margin:18px 0 9px}.saichong-welcome>p{font-size:12px;line-height:1.9;color:#7d9a88;margin:0}.bot-schedule-note{display:flex;align-items:center;gap:6px;font-size:10px;color:#8fa895;margin-top:19px}.bot-schedule-note svg{width:13px;height:13px}.saichong-welcome>.outline-button{font-size:10px;margin-top:15px;border-color:#cddfd2;background:#f8fbf8;color:#7c9b88}.saichong-welcome>.outline-button svg{height:13px;width:13px}.bot-settings-intro{display:flex;align-items:center;gap:13px;margin-bottom:17px}.bot-settings-intro>img{width:57px;height:57px;border-radius:18px}.bot-settings-intro strong{font-weight:500;color:#5b7f72;font-size:18px}.bot-settings-intro p{font-size:11px;color:#94a99a;margin:3px 0}.bot-settings-body .form-field select,.bot-manual select{width:100%;border:1px solid #dce6ed;background:#fafcfd;border-radius:8px;font-size:12px;color:#647f96;padding:11px}.bot-settings-body .form-field small{display:block;font-size:9px;color:#9bacb9;margin-top:6px}.bot-manual{padding:19px 0;margin-top:20px;border-top:1px solid #e7edf1}.bot-manual>strong{font-size:14px;font-weight:500;color:#67867c}.bot-manual>p{font-size:10px;color:#95a69c;margin:5px 0 15px}.bot-manual>label{display:block;font-size:11px;color:#7c94a3;margin-bottom:6px}.bot-manual>button{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.bot-manual>small{display:block;margin-top:8px;font-size:10px;color:#9aaca3}.bot-status-details{font-size:10px;display:grid;gap:7px;padding:14px;background:#f4f7f9;border-radius:9px;color:#96a5b3;margin-bottom:14px}.bot-status-details>span{display:flex;justify-content:space-between;gap:12px}.bot-status-details strong{font-weight:400;color:#7f95a7}.bot-settings-entry{margin-bottom:17px}.nav-item .bot-badge{font-size:8px;margin-left:auto;padding:0 5px}.nav-item:not(.active) .nav-indicator{display:none}
@media(max-width:490px){.saichong-welcome{padding:24px}.saichong-welcome h1{font-size:26px}.saichong-welcome-top>span{font-size:9px}.saichong-welcome:after{font-size:70px;right:10px;top:110px}.bot-badge{font-size:8px}.bot-thread-note{font-size:8px}.bot-thread-limit{font-size:8px}.bot-settings-body .form-field select{font-size:11px}.bot-settings-body .settings-row small{font-size:10px}.bot-manual>p{font-size:9px}}