/* The chat page lives beside the admin navigation, so keep its own width and spacing. */
.admin-shell .admin-chat-page .section-heading,.admin-shell .admin-chat-page .admin-chat-grid{max-width:1180px;width:100%}
.admin-shell .admin-chat-page .section-heading{display:flex;align-items:center;gap:18px;margin:0 0 20px}
.admin-shell .admin-chat-page .section-heading .eyebrow{margin:0 0 6px;color:#a03b4c;font-size:10px;letter-spacing:.13em}
.admin-shell .admin-chat-page .section-heading h1{font-size:29px;line-height:1.15;margin:0 0 6px}
.admin-shell .admin-chat-page .section-heading p:last-child{font-size:13px;color:#6b7d74;margin:0;line-height:1.5}
.admin-shell .admin-chat-page .admin-chat-grid{grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:14px;min-height:0;align-items:stretch}
.admin-shell .admin-chat-page .admin-chat-list,.admin-shell .admin-chat-page .admin-chat-thread{min-width:0;box-shadow:0 5px 18px #203f3009;border-color:#dfe7e1}
.admin-shell .admin-chat-page .admin-chat-list{height:clamp(570px,70vh,790px);overflow-y:auto}
.admin-shell .admin-chat-page .admin-chat-thread{height:clamp(570px,70vh,790px)}
.admin-shell .admin-chat-page .admin-chat-list-title{padding:15px 18px;background:#f8faf8;color:#2c5142;font-size:13px}
.admin-shell .admin-chat-page .admin-chat-threads{padding:16px;color:#778780;font-size:13px;line-height:1.5}
.admin-shell .admin-chat-page .admin-chat-threads:not(.is-empty){padding:0}
.admin-shell .admin-chat-page .admin-chat-person[hidden],.admin-shell .admin-chat-page .admin-chat-messages[hidden],.admin-shell .admin-chat-page .admin-chat-empty[hidden],.admin-shell .admin-chat-page #admin-chat-form[hidden]{display:none}
.admin-shell .admin-chat-page .admin-chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;gap:12px;background:radial-gradient(circle at 50% 30%,#f1f7f2 0,#fff 68%)}
.admin-shell .admin-chat-page .admin-chat-empty-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#e8f2eb;color:#286348;font-size:27px;line-height:1}
.admin-shell .admin-chat-page .admin-chat-empty h2{font-size:19px;letter-spacing:-.02em;margin:2px 0 0}
.admin-shell .admin-chat-page .admin-chat-empty p{font-size:13px;color:#687c70;max-width:370px;margin:0;line-height:1.6}
.admin-shell .admin-chat-page .admin-chat-empty .button{margin-top:3px;min-height:38px;padding:8px 14px}
.admin-shell .admin-chat-page .admin-chat-messages{min-height:0;max-height:none;flex:1}
.admin-shell .admin-chat-page #admin-chat-form{padding:14px 16px}
.admin-shell .admin-chat-page #admin-chat-form textarea{margin:5px 0 9px;min-height:68px}
.admin-shell .admin-chat-page .admin-chat-count{font-size:12px;white-space:nowrap}
.admin-shell .admin-chat-page .admin-chat-scripts{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px;font-size:12px;color:#6b7d74}
.admin-shell .admin-chat-page .admin-chat-scripts button{border:1px solid #d8e4dc;border-radius:999px;background:#f6faf7;color:#315c49;padding:5px 9px;font:inherit;cursor:pointer}
.admin-shell .admin-chat-page .admin-chat-scripts button:hover{background:#e9f4ed}
.admin-shell .admin-chat-page .admin-chat-enter-hint{display:block;margin:-5px 0 10px;color:#718077;font-size:11px}
.live-chat-panel{height:min(650px,calc(100dvh - 120px))}
.live-chat-header-actions{display:flex;align-items:center;gap:8px}
.live-chat-sound{border:1px solid #ffffff85;border-radius:50%;width:28px;height:28px;background:transparent;color:#fff;cursor:pointer;font-size:17px;line-height:1}
.live-chat-topics{display:flex;gap:6px;padding:9px 12px;overflow-x:auto;border-bottom:1px solid #eee3d9;flex-shrink:0}
.live-chat-topics button{flex:none;border:1px solid #e6d7cc;border-radius:999px;background:#fff7f1;color:#7f3445;padding:6px 9px;font:inherit;font-size:11px;cursor:pointer}
.live-chat-tip a{display:block;margin-top:5px;color:#84344a;font-size:12px;font-weight:700}
.live-chat-after-hours{margin:0 12px 8px;padding:9px 10px;border:1px solid #e5d7b8;border-radius:10px;background:#fff9e8;font-size:12px}
.live-chat-after-hours[hidden],.live-chat-after-hours [hidden]{display:none}
.live-chat-after-hours p{margin:0 0 7px;line-height:1.4}
.live-chat-after-hours div{display:flex;gap:7px;flex-wrap:wrap}
.live-chat-after-hours button{border:1px solid #c6b28b;border-radius:8px;background:#fff;color:#624a2c;padding:6px 8px;font:inherit;cursor:pointer}
.live-chat-after-hours small{display:block;margin-top:5px}
.live-chat-actions{gap:6px}.live-chat-enter-hint{font-size:10px;color:#746d6b;text-align:center}
/* Keep the site's top button clear of the visitor chat; show it in admin too. */
body:not(.admin-shell) .desktop-back-top{right:166px;bottom:24px;z-index:451}
body.chat-is-open .desktop-back-top{display:none}
.admin-shell .desktop-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;right:22px;bottom:22px;z-index:451;border:1px solid #225746;border-radius:50%;background:#225746;color:#fff;box-shadow:0 5px 17px #143b2f35;cursor:pointer}
@media(max-width:850px){body:not(.admin-shell) .desktop-back-top{display:none}.admin-shell .desktop-back-top{display:flex}}
@media(max-width:700px){.admin-shell .admin-chat-page .section-heading{align-items:flex-start;margin-bottom:16px}.admin-shell .admin-chat-page .section-heading h1{font-size:26px}.admin-shell .admin-chat-page .admin-chat-grid{grid-template-columns:1fr;gap:12px}.admin-shell .admin-chat-page .admin-chat-list{height:auto;max-height:260px}.admin-shell .admin-chat-page .admin-chat-thread{height:min(680px,78dvh);min-height:490px}.admin-shell .admin-chat-page .admin-chat-empty{min-height:490px}.admin-shell .admin-chat-page .admin-chat-messages{max-height:none}.admin-shell .desktop-back-top{width:42px;height:42px;right:14px;bottom:14px}.live-chat-panel{height:min(650px,calc(100dvh - 170px))}.live-chat-enter-hint{display:none}}